@charset "utf-8";
html, body, ul,li {margin:0;padding:0;border:0;font-size:100%;font-style:normal;}
li{list-style-image:none;list-style-type:none;}

body {margin:0 auto;font-family:Arial,Verdana,Microsoft JhengHei,PMingLiU;padding-top:0px;color:#454545;line-height:30px;font-size:16px;}
a{color:#454545;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover{ color:#f60;text-decoration:blink;}
a:link{text-decoration:blink;} 
a:focus {color: #f60;text-decoration: underline;}

img{width: auto;max-width: 100%;height: auto;display: inline-block;}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right: 0px;margin-left: 0px;}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.container{position:relative;min-height:1px;padding-left:0px;padding-right:0px}

#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:34px;right:3%;width:30px;zoom:1; z-index:99999}
#share a{background-image:url(../images/top.png); background-repeat:no-repeat; display:block; width:30px; height:30px; margin-bottom:2px; overflow:hidden; text-indent:-999px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#share a#totop{background-position:0 0; position:absolute;bottom:32px;cursor:pointer;}
#share a#totop:hover {background-position:-30px 0;}

/* 彈出會員登錄代碼改 */
.modal-title{ font-size:16px;}
.modal-content{ color:#000; float:left;}
.modal-content a{ color:#000; font-size:0.9em;}
.modal-body{ float:left; margin-bottom:15px;}
.modal-sm{ display:table;}
.form-horizontal .form-group{ margin:10px 0px;}

.top{ padding:20px 0 0 0;}
.de_top{width:1280px;position:relative;content:" ";display: table;clear: both; margin:0 auto;}
.top_nav{float:right; font-size:0.9em; margin-right:50px;}
.top_nav form{ float:left; margin-right:10px;}
.top_nav a{float:left;}
.top_nav span{float:left; margin:0 5px;}
.top_nav1{border-left:1px #d2d2d2 solid;border-top:1px #d2d2d2 solid;border-bottom:1px #d2d2d2 solid;border-right:0;}
.top_nav2{border:0; background:#4395bb; color:#fff;line-height: 34px;}
.top_nav2:hover{background:#337c9e;}

.banner img{width:100%;}

.title{background:url(../images/title_bj.png) center bottom no-repeat; padding-bottom:15px; text-align:center; font-size:1.6em; margin:40px 0 30px 0; font-weight:bold;}
.title span{ font-size:0.85em; color:#4395bb; font-weight: inherit;}

.de_m1{width:760px;position:relative;content:" ";display: table;clear: both; margin:0 auto;}
.de_m2{width:940px;}
.de_ys{ background:#eee;}
.iprod{text-align:center; padding:20px;}
.iprod_1{background:#fff; padding:6px;}
.iprod_1 img{ width:100%;}
.iprod_1 a{border:2px #a0a0a0 solid; display:block;}
.iprod_2{ padding:20px 10px;}

.iprod:hover .iprod_2{ background:#4395bb;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.iprod:hover .iprod_2 a{color:#fff;}

.brands{border-left:1px #d2d2d2 solid;border-top:1px #d2d2d2 solid; margin-top:20px;}
.brands li{float:left; width:20%; border-right:1px #d2d2d2 solid;border-bottom:1px #d2d2d2 solid;text-align:center}
/*.brands img{ width:100%;}*/

.bottom{ background:#4395bb; color:#fff; text-align:center; padding:20px 10px; margin-top:40px;}
.bottom span{ display:inline-block; margin:0 5px;}
.bottom a{ color:#fff;}

.conbanner{}
.conbanner3{ padding-top:4%;}

.conwz{ background:#f5f5f5; line-height:60px; font-size:1.1em; font-weight:bold;}
.conwz2{width:1180px;position:relative;content:" ";display: table;clear: both; margin:0 auto;background: url(../images/conwz_icon.png) left center no-repeat; padding-left:44px;background-position:3px 16px;}

.Nde_m1{width:1180px;position:relative;content:" ";clear: both; margin:0 auto; padding:20px 0;overflow: hidden;}

.news{}
.news li{float:left;width:100%; border-bottom:1px #d2d2d2 dotted; padding:10px 10px 10px 25px;background: url(../images/news_icon.png) left top no-repeat;background-position:6px 16px;}
.news li:hover{background:#fafafa url(../images/news_icon.png) left top no-repeat;background-position:6px 16px;}
.news li:hover a{ color:#f60;}
.news a{float:left;width:100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden; color:#000;}
.news time{float:left; color:#999;}

.newsN{padding:10px 10px 10px 25px;background: url(../images/news_icon.png) left top no-repeat;background-position:6px 16px; border-bottom:1px #d2d2d2 solid; color:#C60;}
.newsN time{float:left; color:#999;}
.newsN2{padding:20px 10px 0 10px;}

.Nleft{width:200px;float:left;}
.Nleft_title{background:#4395bb; color:#fff; font-size:1.3em; padding:10px 10px; margin-bottom:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-weight:bold;}
.Nleft_title span{ font-weight: normal;}
.Nleft_nav{}
.Nleft_nav li{float:left;width:100%; border-bottom:1px #d2d2d2 dotted; padding:8px 10px 8px 25px;background: url(../images/left.gif) left top no-repeat;background-position:6px 16px;}
.Nleft_nav a{ position:relative; z-index:99999;}

.Nprod{ margin-left:-200px; padding-left:220px;}
.Nprod1{ margin-left:10px; padding-left:10px;}
.Nprod1 a{ display:block; float:left; margin:0px 0px 20px 10px; background-color:#0099FF; padding:0px 6px 0px 6px;}
.prod{ padding:0 20px 10px 20px;}
.prod_1{ padding:0;}
.Nprod_1{background: url(../images/prod_icon.jpg) left top no-repeat;padding:0 0 10px 75px;background-position:10px 0px;border-bottom:1px #d2d2d2 solid; margin:10px 0 20px 0;font-size:1.1em; font-weight:bold;}
.Nprod_2{padding:0 10px;}
.Nprod_2_2{ padding:10px; text-align:center;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden; }

.cont1{font-size:1.2em; font-weight:bold; margin:20px 0; padding:0 0 10px 10px; border-bottom:1px #d2d2d2 solid;}
.cont2{background: url(../images/cont_icon1.png) left top no-repeat;background-position:5px 3px;padding:0 0 10px 30px;}
.cont3{background: url(../images/cont_icon2.png) left top no-repeat;background-position:5px 3px;}
.cont4{background: url(../images/cont_icon3.png) left top no-repeat;background-position:5px 3px;}
.cont5{background: url(../images/cont_icon4.png) left top no-repeat;background-position:5px 3px;}

.about{ padding-left:10px;padding-right:10px;}
.about_1 img{ width:100%;}
.about_2{ padding-left:15px;}
.about_2_1{background:url(../images/ab2.jpg) left top no-repeat; height:42px; margin:10px 0 20px 0;}

.reg_1{ color:#C60; font-size:1.2em; text-align:center; border-bottom:1px #d2d2d2 dotted; margin-bottom:20px; padding-bottom:10px;}
.reg_2 span{ font-size:1.1em; font-weight:bold; color:#000;}
.reg_3{overflow:auto;overflow-x:hidden;overflow-y:auto;height:200px;border:1px dashed #888; padding:10px; margin:10px 0;}
.reg_4{ text-align:center;}
.reg_4 a{ background:#000; padding:4px 15px; color:#fff; display: inline-block; margin-right:5px;min-width:80px;}
.reg_4 a:hover{ background:#1b1b1b;}

.regB_1{ border:1px #d2d2d2 solid; padding:10px; margin:20px 0;}
.regB_2 a{ background:#000; padding:4px 15px; color:#fff; display: inline-block;}
.regB_2 a:hover{ background:#1b1b1b;}

.contact_form{ float:left; margin-bottom:10px; padding-bottom:10px;width:100%; text-align:left; border-bottom:1px solid #d9d9d9;}
.ip_text{border:1px solid #d9d9d9;padding: 0px 5px;float:left;line-height:36px;}
.ip_text4{line-height:36px;height:36px;border:1px solid #d9d9d9;float:left;}
.ip_text5{}
.ip_text5 span{ float:left;}
.ip_text6{ margin-top:5px;}
.ip_text3{border:1px solid #d9d9d9;padding: 0px 5px; float:left;}
.contact_form2{ padding-right:15px; text-align:right;}
.contact_form3 span{ display:inline-block; padding-right:5px;}
.ip_text2{line-height:38px; height:38px;border:1px solid #d9d9d9;}
.contact_an{ margin-top:10px; text-align:center;padding:0 5px 0 0; line-height:44px;}
.contact_an a{ float:left; background:#000; color:#fff; width:100%}
.contact_an a:hover{background:#454545;}
.contact_an2{margin-top:10px; text-align:center;padding:0 0 0 5px}

.ip_hg{line-height:36px;height:36px;border:1px solid #d9d9d9; float:left;}
.ip_right{ margin-right:5px;}
.contact_form4 span{ float:left; padding:0 5px;}
.contact_form5{ padding-left:10px; color:#94948c;}
.regC_1{ font-weight:bold; font-size:1.1em; color:#000; text-align:center;margin-bottom:10px; padding-bottom:10px;border-bottom:1px solid #d9d9d9;}
.regC_2{ margin-top:15px;}


@media screen and (max-width: 1280px) {	
.de_top{width:100%;float:left;}
}
@media screen and (max-width: 1180px) {	
.conwz2{width:100%;float:left;}
.Nde_m1{width:100%;float:left;}
}

@media screen and (max-width: 940px) {
.de_m2{width:100%;float:left;}
.prod{padding:0 10px 10px 10px;}
}

@media screen and (max-width: 767px) {
.de_m1{width:100%; float:left;}
.logo{ text-align:center; padding:0 10px;}
.top_nav{ float:left; width:100%; margin:10px 0; text-align:center;}
.top_nav form{ width:100%; margin-bottom:10px;}
.top_nav a{float:none; display:inline-block;}
.top_nav span{float:none; display:inline-block;}

.brands li{width:33.3333%;}

.Nleft{ display:none;}
.prod{padding:10px;}
.Nprod{ margin-left:0; padding-left:0;}

.about_2{ padding-left:0;}
}
@media screen and (max-width: 639px) {
#share{right:10%;}
.iprod{ padding:10px;}
.prod{padding:10px;}

.ip_right_1{ width:100%; margin-bottom:5px;}
}

@media screen and (max-width: 480px) {

}

.de_dd{border-top:1px dotted #636363; margin:15px 0px;}

.imghc{}
.imghc img{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.imghc:hover img{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.padding_zy{ padding-left:10px; padding-right:10px;}
.padding_sxzy{ padding:10px;}


.smenuli{float:left; width:16%;}
.smenu {line-height:60px;color: #000;}
.smenu a {color: #000;display: inline-block;width:100%;font-size:1.1em;font-weight:bold;}
.smenu span{ font-size:0.9em;}
.smenu li {padding-left: 0px;padding-right: 0px;text-align: center;position:relative;}
.smenu>li>ul{position:absolute;top:100%;left:0;width:100%;height:auto;z-index:99999;background:rgba(67, 149, 187, 0.8) !important;filter:Alpha(opacity=80);background:#4395bb;}
.smenu li ul li{border-top:1px solid #77c7ec; line-height:100%;}
.smenu li ul li:hover{background:rgba(67, 149, 187, 0.8) !important;filter:Alpha(opacity=80);background:#4395bb;}
.smenu>li ul li a{color: #FFF;font-size:1em;line-height:22px; padding:10px 5px;}
.smenu>li:hover{color:#000;}
.smenu li:hover a{color:#4395bb;}
.smenu li:hover ul li a{color:#fff;}
.smenu>li>ul>li ul{position:absolute;top:-1px;left:100%;width:100%;height:auto;z-index:9999999;background:rgba(67, 149, 187, 0.8) !important;filter:Alpha(opacity=80);background:#4395bb;}
.smenu>li .indicator {position: absolute;color: #454545;top: 0;right: 8px;}
.smenu>li:hover>.indicator {color: #000;}
.smenu ul>li .indicator {top:10px;right: 8px;color: #fff;}

@media ( max-width :1400px) {
.smenu a {font-size:1em;}
}

@media ( max-width :1180px) {
.smenu{ width:100%;}
}

@media ( max-width : 768px) {
.smenuli{float:left; width:100%;}
.smenu {margin-top:0; line-height:44px;}
.smenu a {font-size:1em; padding-left:10px; color:#fff;line-height:22px;float: left;width: 100%; padding:10px;}
.smenu>li:first-child{text-align:center;border:0}
.smenu li:hover a{color:#fff;}
.smenu li {text-align: left;background: #4395bb;border-top:1px solid #77c7ec; float:left; width:100%;}
.smenu li:hover{background:#4cacd8;}
.smenu li ul li{border-top:1px solid #77c7ec;}
.smenu li ul li:hover{background:rgba(119, 199, 236, 0.8) !important;filter:Alpha(opacity=80);background:#77c7ec;}
.smenu li ul,.smenu li ul li ul {position: static;}
.smenu>li .indicator {right:20px;color:#fff;}
.smenu ul>li .indicator {right:20px;}
.smenu>li:hover>.indicator {color: #fff;}
.smenu>li>ul>li>a {padding-left:20px !important;}
.smenu>li>ul>li>ul>li>a {padding-left:30px !important;}
.smenu>li>ul>li>ul>li>ul>li>a {padding-left:40px !important;}
}

.conbanner img{
	width:100%;
	}