/* CSS Document */



/*==【基本設定】==*/

body{font-family:Arial,'微軟正黑體',Helvetica,sans-serif;}

	

#header h1,.hd h2,.list01-2 h2,.proinfo h2{margin:0;padding:0;font-size:15px;line-height:1.6;}

.mnav ul,.mnav li,.hdr ul,.hdr li,.sbnr ul,.sbnr li,.list01 ul,.list01 li,.pglist ul,.pglist li,.ftnav ul,.ftnav li,.ftinfo ul,.ftinfo li,.rlist ul,.rlist li,.imgnav ul,.imgnav li{margin:0;padding:0;list-style:none;}

.mnav li a,.mnav li a:hover{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}



#wrap{}

#header{position:relative;z-index:3;background:#fff;/*-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2);box-shadow:2px 2px 5px rgba(0,0,0,0.2);*/}

.inbox{width:1170px;margin:0 auto;}

#header h1{padding:8px 0px; text-align:center;}/*改過   display:inline;float:left  */



/*桌機主選單*/

.mnav{ width:826px; margin:0 auto;} /*改過 width:600px; float:right  display:inline;*/

.mnav ul{padding:0; margin:0;}

.mnav li{display:inline;float:left;padding:0 0 1px;position:relative;}

.mnav li a{display:block;font-size:16px;color:#333;padding:20px 25px;font-family:'微軟正黑體';font-weight:bold;} /*拿掉 height:85px; */

.mnav li.last a{background:none; padding:0; margin:0; }  /*改過 padding-right:20px; */

.mnav li a:hover,.mnav li.on a{position:relative;background:#f90;color:#fff;}  /*改過 margin-left:-10px;padding-left:25px; */

.mnav li.sub b{background:url(../images/_tw/header/icon_mnav.png) no-repeat scroll center bottom;padding:0px;display:block;} /*改過padding:0 0 5px;*/

.mnav li.sub.on b, .mnav li.sub a:hover b{background-image:url(../images/_tw/header/icon_mnav-on.png);}



.mnav li a.current{position:relative;background:#f90;color:#fff;} /*新增加的margin-left:-10px;padding-left:25px; */





.mnav .subnav{position:absolute;background:#303030;padding:15px;left:0px;} /*left:-10px;*/

.mnav .subnav li{display:block;float:none;padding:0;}

.mnav .subnav li a{font-size:12px;color:#999;background:none;height:auto;padding:5px 0;margin:2px 0;font-family:Arial,'微軟正黑體';}

.mnav .subnav li a:hover{color:#fff;}

.mnav .subnav li b{background:none !important;padding:0 !important;font-weight:normal;}



.mnav .subnav2{position:absolute;background:#ff9900;padding:15px;}

.mnav .subnav2 li{display:block;float:none;padding:0;}

.mnav .subnav2 li a{font-size:12px;color:#999;background:none;height:auto;padding:5px 0;margin:2px 0;font-family:Arial,'微軟正黑體';}

.mnav .subnav2 li a:hover{color:#fff;}

.mnav .subnav2 li b{background:none !important;padding:0 !important;font-weight:normal;}



/*手機主選單*/

.pnav{display:none;}

#content{position:relative;z-index:2;}



/*Banner*/

/*.hdr{background:url(../images/_tw/content/bg_hdr.jpg) repeat scroll center center;padding:30px 0;box-sizing:border-box;border-bottom:10px solid #E9EDEC;}    保留原先設定*/

.hdr{box-sizing:border-box;} /*改過*/

.hdr .inbox{overflow:hidden;height:425px;position:relative; width:100%;}  /*改過  padding:0 0 7px*/

.hdrimg{position:absolute;width:100%;left:0;top:0;z-index:1; max-height:100%;} /*新增 height:450px*/

.hdrimg li{background:url(../images/_tw/content/bg_hdr_shadow.png) no-repeat scroll center bottom;padding:0 0 7px;}

.hdrimg li img{width:100%;}

.hdrnav{position:absolute;left:5.8%;bottom:12%;z-index:2;}

.hdrnav li{display:inline;float:left;}

.hdrnav li a{

	display:block;text-indent:-9999px;width:12px;height:12px;background:#fff;border:1px solid #ccc;margin:0 5px 0 0;

	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;

}

.hdrnav li a:hover{background:#ccc;}.hdrnav li.on a{background:#5FA7CD;border-color:#5FA7CD;}

.mcont{padding:10px 0 30px;}



/*品牌Banner*/

.sbnr{padding:30px 0 0;}

.sbnr li{display:inline;float:left;width:19.2%;margin:5px 0.4%;}

.sbnr li.last{margin-right:0;}

.sbnr li a{display:block;border:1px solid #dfdfdf;}.sbnr li a:hover{border:1px solid #333;}

.sbnr li a img{width:100%;}



/*產品介紹*/

.box01{margin:30px 0 0;}

.box01 .hd{border-bottom:1px solid #eaeaea;padding:0 5px 10px;}

.box01 .hd h2{font-size:32px;font-family:'微軟正黑體';}

.box01 .bd{padding:20px 0;}

.list01{padding:15px 0;}

.list01 li{display:inline;float:left;width:32.5%;margin:5px 0.4%;}

.list01 li img{width:100%;}

.list01-2 li{width:22.9%;margin:5px 2% 0 5px;padding:0 0 15px;}

.list01-2 li.last{margin-right:0;}

.list01-2 h2{font-size:22px;color:#960;padding:15px 0 5px;font-weight:normal;}

.list01-2 p{color:#999;padding:0 2px 5px;}

.list01-3 li{

	/*width: 30%;

	margin-top: 15px;

	margin-right: 1.9%;

	margin-bottom: 0;

	margin-left: 10px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 35px;

	padding-left: 0;*/

}

.list01-3 li.last{margin-right:0;}

.list01-3 h2{font-size:22px;color:#960;padding:15px 0 5px;font-weight:normal;}

.list01-3 p{color:#999;padding:0 2px 5px;}

.imgbox a{display:block;border:1px solid #eaeaea;}.imgbox a:hover{border:1px solid #333;}

a.morebtn{

	display:inline-block;background:url(../images/_tw/content/bg_morebtn.jpg) repeat-x scroll left top;width:75px;height:41px;line-height:41px;text-align:center;color:#fff;margin:10px 0 0;color:#fff;

	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

}

a.morebtn:hover{background-image:url(../images/_tw/content/bg_morebtn-hv.jpg);}



/*左區*/

.mlbox{display:inline;float:left;width:870px;}  /*.mlbox{display:inline;float:left;width:870px;}  1170*/

.m2box{display:inline;width:1170px;}  /*新增加 .mlbox{display:inline;float:left;width:870px;}  1170*/

.proimg{display:inline;float:left;width:56%;margin:15px 0 0 0;padding:0 0 30px;}

.imgwrap{position:relative;}

.bimg{padding:15px;border:1px solid #eaeaea;}.bimg img{width:100%;}



.imgnav{clear:both;width:580px;}

.imgnav li{display:inline;float:left;margin:3px;}

.imgnav li a{display:block;padding:1px;border:1px solid #ccc;}

.imgnav li a:hover{border:1px solid #333;}

.inimgnav{position:relative;margin:0 20px;}

.inimgnav ul{float:left;overflow:hidden;position:relative;height:110px;}

.imgnav li{float:left;width:129px;}

.inimgnav .i_prev,.inimgnav .i_next{position:absolute;left:-20px;top:50%;width:20px;height:40px;background:url(../images/_tw/content/btn_prev.png) no-repeat scroll left top;margin-top:-20px;}

.inimgnav .i_next{left:auto;right:-20px;background-image:url(../images/_tw/content/btn_next.png);}

.inimgnav .thumbs_container{overflow:hidden;width:100%;height:110px;}



.proinfo{position:absolute;right:4%;top:0;width:35%;padding:0 0 30px;}

.proinfo h2{font-size:22px;color:#960;padding:15px 0 5px;font-weight:normal;border-bottom:1px solid #ccc;}

.proinfo p{color:#999;padding:20px 5px;line-height:1.8;} /*改過  max-height:150px;overflow:auto;*/

.proinfo .btnbar{background:url(../images/_tw/content/line_01.png) repeat-x scroll left top;padding:10px 0;margin:15px 0 0;}

.proinfo .btnbar a{margin:10px 2px 0;}

.i_b{background:url(../images/_tw/content/icon_02.png) no-repeat scroll left center;display:inline-block;padding:0 0 0 17px;font-style:normal;}

.mlbox .box01 .bd{padding:20px 5px;}

.m2box .box01 .bd{padding:20px 5px;}  /*新增*/

.mlbox .Txt{font-size:13px;}

.m2box .Txt{font-size:13px;}/*新增*/

.bor_b{border-bottom:1px dashed #ccc;}



/*右區*/

.mrbox{display:inline;float:right;width:270px;}



/*產品分類*/

.mrbox .box01 .bd{padding:20px;}

.rlist li{background:url(../images/_tw/content/icon_01.png) no-repeat scroll left 10px;padding:5px 0 5px 20px;}

.rlist li a{font-weight:bold;color:#949494;}

.rlist li a:hover{color:#960;}

.rlist li ul.sub_menu {margin:5px 0 5px 0px;padding:0;}

.rlist li ul.sub_menu li {background:none;padding:5px 0 5px 0px;}



/*頁數*/

.pglist{border-top:1px solid #eaeaea;padding:40px 20px 0;margin:30px 0 0;text-align:center;}

.pglist table{margin:0 auto;}

.pglist table *{display:inline;float:left;margin:0 2px;}

.pglist a{padding:0 5px;height:20px;line-height:20px;border:1px solid #ccc;color:#999;}

.pglist ul{padding:3px 10px;}

.pglist li a:hover,.pglist li.on a{background:#ddd;color:#666;font-weight:bold;}

.pglist p{padding:3px 0;}

.pglist p a:hover{color:#333;background:#ddd;color:#666;}

#footer{background:#383838 url(../images/_tw/footer/bg_footer.jpg) repeat-x scroll left top;padding:40px 0 30px;font-size:13px;}



/*ft選單*/

.ftnav{display:inline;float:left;width:65%;}

.ftnav li{display:inline;float:left;width:12%;/*padding:0 5% 0 0;*/}

.ftnav li b{display:block;font-size:15px;padding:0 0 5px 0; color:#02e2d8;} /*新增  color:#fff*/

.ftnav li b a{color:#666;padding:0;background:none;}

.ftnav li span{display:block;background:url(../images/_tw/footer/icon_01.jpg) no-repeat scroll left 9px;padding:3px 0 3px 10px;}

.ftnav li span a{color:#ffffff;font-weight:bold;}.ftnav li span a:hover{color:#ffffff;}

.col-w{ color:#02e2d8 !important;}



/*ft資訊*/

.ftinfo{display:inline;float:right;width:35%; color:#FFF;}

.ftinfo li.ft_i{background-repeat:no-repeat;background-position:left 3px;padding:4px 0 4px 25px; color:#02e2d8;}

.i_home{background-image:url(../images/_tw/footer/item_home.png);}

.i_phone{background-image:url(../images/_tw/footer/item_phone.png);}

.ftinfo li.i_logo{margin:5px 0;height:40px;position:relative;padding:15px 0 0 50px;color:#02e2d8;}

.ftinfo li.i_logo img{position:absolute;left:0;top:0;}

.ftinfo li.i_sh{margin:10px 0 0;}



.loading{

	-moz-opacity:0.8;

	opacity: 0.8;

	filter: alpha(opacity = 80);

	color: #333;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	border: 1px solid #CCC;

	background-color: white;

	padding: 8px;

	text-align:center;

	background-image: url(../images/vc_loading.gif);

	background-repeat: no-repeat;

	background-position: 43px 30px;

	z-index:110;

	width:100px;

	height:50px;

	position:absolute;

	display:none;

}



@media(max-width:1200px){

	.inbox{width:940px;}

	.hdr .inbox{height:340px;}

	.mnav{width:652px; margin:0 auto;} /*新增加 width:600px */

	.mnav li a{padding:20px 25px;}  /*改過 height:85px;  60px 15px 0 5px;*/

	/*.mnav li.last a{padding-right:10px;}*/

	.mnav li a:hover,.mnav li.on a{/*margin-left:-10px;*//*padding-left:15px;*/}

	.mnav .subnav{right:inherit;width:100%;padding:15px;}

	.mlbox{width:680px;}

	.m2box{width:680px;} /*新增*/

	.mrbox{width:230px;}

	.proinfo .btnbar a{margin:10px 2px 0;width:auto;padding:0 10px;height:30px;line-height:30px;}
	
	.hdrimg{ max-height:100%;}/*新增*/

}

@media(max-width:980px){

	.inbox{width:725px;}

	.hdr .inbox{height:263px;}

	.list01-2 li{margin:5px 1.7% 0 5px;}

	.ftnav li{width:15%;}

	.mlbox{width:475px;}

	.m2box{width:475px;} /*新增*/

	.mrbox{width:230px;}

	.proimg{width:100%;padding:0 0 10px;}

	.proinfo{position:static;width:100%;padding:0;}

	.proinfo .btnbar a{width:75px;height:41px;line-height:41px;margin:10px 0 0;padding:0;}

	.imgnav{padding:0 0 30px;width:auto;}

}

@media(max-width:770px){

	.inbox{width:auto;padding:0 20px;}

	.mcont.inbox{padding:10px 20px 30px;}

	#header h1{width:70px; margin:0 auto;}#header h1 img{width:100%;} /*改過*/

	.hdr{padding:20px;}

	.hdr .inbox{height:auto;padding:37% 0 0;}

	.hdrnav{width:100%;left:0;bottom:3%;text-align:center;}

	.hdrnav ul{display:table;margin:0 auto;}

	.mnav{width:100%;margin:35px 0 0;}

	.mnav ul{display:none;}

	.mnav .pnav{display:block;border:0;background:#e4e4e4;cursor:pointer;height:30px;padding:5px;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

	.mnav .pnav option{padding:5px;}

	.box01 .hd h2{font-size:22px;}

	.ftnav{display:block;float:none;width:100%;}

	.ftnav li{display:block;float:none;width:100%;padding:0 0 15px;}

	.ftinfo{display:block;float:none;width:100%;}

	.hdr{border-bottom:none;}

	.mlbox{width:100%;}

	.m2box{width:100%;} /*新增*/

	.mrbox{width:100%;}

}

@media(max-width:710px){

	.list01 li{width:48%;}

	.list01-2 li{width:47%;}

}

@media(max-width:550px){

	.pglist{padding:20px 10px 0;}

	.pglist table *{margin:0 1px;font-size:12px;}

	.pglist table p,.pglist table ul li{margin:0;}

	.pglist ul{padding:3px 5px;}

}

@media(max-width:480px){

	.sbnr{width:235px;margin:0 auto;}

	.sbnr li{width:223px;}

	.list01 li{width:98%;}

	.list01-2 li{width:98%;}

	.mnav{width:100%;}  /*改過  60*/

}

@media(max-width:400px){

	.pglist .pn{display:none;}

}



.css3{

	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;

	-webkit-text-shadow:2px 3px 5px rgba(0,0,0,0.15);-moz-text-shadow:2px 3px 5px rgba(0,0,0,0.15);text-shadow:2px 3px 5px rgba(0,0,0,0.15);

	-webkit-box-shadow:inset 0px 0px 30px rgba(0,0,0,1);-moz-box-shadow:inset 0px 0px 30px rgba(0,0,0,1);box-shadow:inset 0px 0px 30px rgba(0,0,0,1);

	background:#007EC1;

	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#007EC1), to(#003D74));

	background:-webkit-linear-gradient(#007EC1, #003D74);

	background:-moz-linear-gradient(#007EC1, #003D74);

	background:-ms-linear-gradient(#007EC1, #003D74);

	background:-o-linear-gradient(#007EC1, #003D74);

	background:linear-gradient(#007EC1, #003D74);

}