@charset "utf-8";
body {
	background-color: #135fee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.clear {
	clear: both;
}
/***頁首***/
#homewrap {
	width: 1000px;
	height: 800px;
	overflow: hidden;
	background: url(../images/home_bg.jpg) 0 0 no-repeat;
	margin: 0 auto;
	position: relative;
}
/*按鈕區*/
#ilogo{
	width: 237px;
	height: 111px;
	position:absolute;
	top: 240px;
	left: 177px;
}
#aboutbtn{
	width: 110px;
	height: 110px;
	position: absolute;
	top: 361px;
	left: 216px;
}
#productsbtn{
	width: 110px;
	height: 110px;
	position:absolute;
	top: 480px;
	left: 337px;
}
#projectsbtn{
	width: 110px;
	height: 110px;
	position:absolute;
	top: 480px;
	left: 579px;
}
#contactbtn{
	width: 110px;
	height: 110px;
	position:absolute;
	top: 361px;
	left: 700px;
}
#indexpic1{
	width: 231px;
	height: 231px;
	position:absolute;
	top: 240px;
	left: 458px;
}
#indexpic2{
	width: 110px;
	height: 105px;
	position:absolute;
	top: 225px;
	left: 700px;
}
#indexpic2 img {
	max-width: 125px;
	max-height: 125px;
	min-width: 125px;
	min-height: 125px;
}
#indexpic3{
	width: 110px;
	height: 110px;
	position:absolute;
	top: 361px;
	left: 337px;
}
#indexpic3 img {
	max-width: 110px;
	max-height: 110px;
	min-width: 110px;
	min-height: 110px;
}
#indexpic4{
	width: 110px;
	height: 110px;
	position:absolute;
	top: 480px;
	left: 458px;
}
#indexpic4 img {
	max-width: 110px;
	max-height: 110px;
	min-width: 110px;
	min-height: 110px;
}
/***大框架***/
#wrapper {
	width: 100%;
}
#mwrap {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	min-height: 800px;
	width: 1000px;
	background-image: url(../images/bg_a2.jpg);
	background-repeat: no-repeat;
}
#header {
	width: 100%;
	background-image: url(../images/tlogo.png);
	background-position: left top;
}
#header-inner {
	height: 85px;
	overflow: hidden;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	overflow: hidden;
	margin: 20px 0 0 35px;
	width: 350px;
	height: 40px;
	float: left;
}
/***左側導覽列***/
#nav {
	width: 189px;
	overflow: hidden;
	float: left;
	margin: 50px 0 0 30px;
}
.h31 {
	height: 38px;
	overflow: hidden;
}
.cParentMenu {
	width: 100%;
	margin: 0px;
}
.cParentMenu a {
	display: block;
}
/***導覽列子選單***/
.cDaughterMenu {
	width: 150px;
	margin: 0px auto;
	font-size: 15px;
	line-height: 20px;
	background-color: rgba(255,255,255,0.65);
	font-weight: bold;
}
.cDaughterMenu a {
	display: block;
	text-align: center;
}
.cDaughterMenu a:link, .cDaughterMenu a:visited {
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	color: #0d469b;
	text-decoration: none;
}
.cDaughterMenu a:hover, .cDaughterMenu a:active {
	background-color: rgba(0,0,0,0.2);
	padding: 5px 5px 5px 10px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
/*子選單細分*/
.cDaughterMenu li ul{
    background: rgba(255,255,255,0.8);
    display:none;
    height:auto;
    padding:0px;
    margin:-30px 0 0 0;
    border:0px;
    position:absolute;
    width:150px;
    left: 200px;
}
.cDaughterMenu li:hover ul{
    display:block;
}
.cDaughterMenu li li {
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:150px;
}
.cDaughterMenu li ul a{
    display:block;
    height:20px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align: center;
}
.cDaughterMenu li ul a:hover, .cDaughterMenu li ul li:hover a{
    border:0px;
    color:#FF0000;
    text-decoration:none;
}
/*QRcode*/
#qrcode {
	width: 100px;
	height: 100px;
	margin: 150px auto 30px;
}
/*FB粉絲頁連結*/
#fblink {
	width: 122px;
	height: 58px;
	margin: 0 auto;
}
/*區隔陰影*/
#nav_img {
	width: 30px;
	overflow: hidden;
	float: left;
}
/***右側內容***/
#cinner {
	overflow: hidden;
	width: 700px;
	float: left;
	padding: 25px 0 0 0;
}
/*抬頭*/
.mtitle {
	height: 30px;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/*幻燈片廣告*/
#banner {
	width: 640px;
	height: 100px;
	margin-bottom: 20px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
/*文字內容*/
.content {
	color: #555;
	line-height: 24px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.65);
	text-align: justify;
	padding: 10px;
}
/*頁尾*/
#footer {
	height: 50px;
	padding: 20px 0px 20px 50px;
	font-size: 11px;
	color: #fff;
	text-align: right;
	font-family: "新細明體", Arial;
}
#footer p {
	font-family: Arial, "新細明體";
	margin-top: 10px;
	color: #fff;
}
.fbka a {
	color: #fff;
}
.fbka a:hover {
	color: #fff;
}
#footer a:hover, #footer a:visited, #footer a:link {
	font-family: Arial, "新細明體";
	margin-top: 10px;
}
/*公司簡介*/
#cimg img {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: #FFFFFF;
	max-width: 300px;
}
/*產品資訊*/
#pt {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	
}
.ptitle {
	background-image: url(../images/stl.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color:#5a5a5a;
}
.ptimg {
	padding: 5px;
}
.ptimg img {
	border: 1px solid #FFFFFF;
	max-width: 225px;
	max-height: 225px;
	min-height: 225px;
	min-width: 225px;
}
.ptable tr td {
	padding: 5px;
	font-size:15px;
	color:#5a5a5a;
}
.stl {
	background-image: url(../images/stl.gif);
	background-repeat: repeat-x;
	width: 100px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	line-height: 22px;
}
.st2 {
	background-image: url(../images/stl.gif);
	background-repeat: repeat-x;
	width: 150px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	line-height: 22px;
}
#lightbox {
	height: 250px;
	width: 200px;
	overflow-y:auto;
}
/***下方展覽列***/
.limit-box {
	position: relative;
	width: 640px;
	margin: 0 auto;
	height: 180px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	background-color: #FFF;
}
/* limit-buy-hd */
.limit-buy-hd {
	position: relative;
	height: 37px;
	background: #f8f8f8 80px 0;
	border-bottom: 1px solid #e6e6e6;
	line-height: 37px;
}
/* limit-buy-nav */
.limit-buy-nav {
	float: right;
	width: 60px;
	margin: 7px 10px 0 0
}
.limit-buy-nav span {
	float: left;
	width: 44px;
	height: 21px;
	font-size: 14px;
	line-height: 21px;
	text-align: center
}
.limit-buy-nav .prev, .limit-buy-nav .next {
	float: left;
	overflow: hidden;
	width: 8px;
	height: 9px;
	margin: 6px 0 0;
	background: url(../images/arrowbg.png) no-repeat -59px -180px
}
.limit-buy-nav .next {
	background-position: -52px -180px
}
/* limit-buy-bd */
.limit-buy-bd {
	overflow: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	width: 9000px;
	z-index: 1
}
/* btn */
.btn-prev, .btn-next {
	overflow: hidden;
	position: absolute;
	display: none;
	top: 85px;
	width: 27px;
	height: 48px;
	background: url(../images/arrowbg.png) no-repeat 0 0;
	z-index: 10
}
.btn-prev {
	left: 0
}
.btn-next {
	right: 0;
	background-position: -40px 0
}
.btn-prev:hover {
	background-position: 0 -60px
}
.btn-prev:active {
	background-position: 0 -120px
}
.btn-next:hover {
	background-position: -40px -60px
}
.btn-next:active {
	background-position: -40px -120px
}
/*products*/
.products {
	float: left;
	width: 640px;
}
.products li {
	float: left;
	position: relative;
	width: 130px;
	height: 167px;
	padding: 10px 15px 0;
}
.products li .pic {
	overflow: hidden;
	position: relative;
	width: 120px;
	height: 120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}
.products li .pic img {
	width: 120px;
	height: 120px;
	cursor: pointer;
}
.inew {
	z-index: 10;
	position: absolute;
	width: 30px;
	height: 20px;
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.ihot {
	z-index: 10;
	position: absolute;
	width: 30px;
	height: 20px;
	background-image: url(../images/hot.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
/***聯絡資訊***/
.mapL {
	width: 270px;
	padding: 2px;
	overflow: hidden;
	float: left;
}
.mapL a {
	font-weight: bold;
	padding: 0 0 0 5px;
}
.mapL a:hover {
	background-image: url(../images/listR.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 12px;
	cursor: default;
	font-weight: bold;
	color: #1d2087;
}
#mapR {
	width: 300px;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-left: 30px;
	float: right;
}