/*全站*/
.hideobj{
  display:none;
}
.histr{
  display:none;
}

* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

body{
	color:#666666;
	font-family:Verdana,  \5FAE\8EDF\6B63\9ED1\9AD4, Geneva, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	font-size:15px;
	line-height: 30px;
}
body.lan-T{font-size:14px;}
sub, sup { 	font-size: 75%;	line-height: 0; 	position: relative; 	vertical-align: baseline; }
sup { 	top: -0.5em; }sub { 	bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;	max-width: 100%;  /* ie8 */}
form {margin:0;}

a{ color:#666666; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());} 
	a:hover {text-decoration:none; color:#00adda;} .cate52 a:hover{color:#69b21a;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none; text-decoration:none;} 
	
h4 a{color:#00adda;}

	.btn-link:hover, .btn-link:focus{text-decoration:none;}
	
.table-container{width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 1em;}
.table-container img{
	width: 100%;
	height: auto !important;
}

.table-container::-webkit-scrollbar{	-webkit-appearance: none;	width: 14px;	height: 14px;}
.table-container::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3);}


#container{background:#fff;}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.wrap{margin:0 auto;  text-align:left;}
.tabbable .jcarousel-wrapper {-webkit-box-shadow:none;box-shadow:none;}
#footer-nav .accordion-group {border:none;}

#header{}
	.sb-toggle-left{display:none;}
	#logo{float:left; padding-top:56px; width:20%;}
	#lan ul, #smo ul{list-style:none; margin:0; padding:0;}
	#lan{float:right; padding-top:30px; height:79px;}
	#lan li{float:left; }
	#lan li a{padding:0 6px; line-height:0.6em; display:block; border-left:1px #020202 solid;  } #lan li a:hover{text-decoration:underline;} .lan-T #lan li a{font-size:13px;}
	#smo{float:right; padding-top:20px;}
	#smo li{float:left; margin-right:6px;} 
	#smo-yt, #smo-fb, #smo-tw{background:url(../images/smo-youtube.png); width:27px; height:27px; display:block; overflow:hidden; text-indent:-5000px;}
	#smo-fb{background:url(../images/smo-fb.png);}
	#smo-tw{background:url(../images/smo-logo.png);}
	
	#nav{float:right; width:78%; position:relative; height:35px; background:url(../images/nav-bg.jpg) top repeat-x; padding:0 10px 0 0; margin-bottom:28px;}
	#nav>ul{list-style:none; margin:0; padding:0;}
	#nav>ul>li{float:left; padding-left:2px; background:url(../images/nav-li.jpg) left top no-repeat; cursor:pointer; position:relative;}
	#nav>ul>li#m1{background:none; padding-left:0;}
	#nav>ul>li>a{font-size:15px; color:#fff; line-height:17px; padding:9px 20px; display:block;text-decoration:none;  z-index:1} .lan-T #nav>ul>li>a{padding:9px 32px; font-size:15px;}
	
	#nav .caret{border-top-color:#fff;display:none} 
	
	    
    #nav .incate52, .sb-left .incate52 {display:none;}
	
	#nav li li a{font-size:13px;} .lan-T #nav li li a{font-size:14px;}
	#nav>ul>li>a:first-child:hover, #nav>ul>li>a.active{background:url(../images/nav-h.jpg) top repeat-x; text-decoration:none;}
	#nav>ul>li#m1>a:first-child:hover, #nav>ul>li#m1>a.active{background:url(../images/nav-h-l.jpg) left top no-repeat;}
	
	.dropdown-menu .divider{border-bottom: 1px solid #ddd;}
	#nav > ul > li > .dropdown-menu:before {    border-bottom: 7px solid rgba(0, 0, 0, 0.2);    border-left: 7px solid transparent;    border-right: 7px solid transparent;    content: "";    display: inline-block;    left: 9px;    position: absolute;    top: -7px;	}
	#nav > ul > li > .dropdown-menu:after {		border-bottom: 6px solid #ffffff;		border-left: 6px solid transparent;		border-right: 6px solid transparent;		content: "";		display: inline-block;		left: 10px;		position: absolute;		top: -6px;	}
	.dropdown-menu > li > a:hover,	.dropdown-menu > li > a:focus,	.dropdown-submenu:hover > a,	.dropdown-submenu:focus > a { background: #5cd3f9;}
	#nav-l{height:35px; background:url(../images/nav-l.jpg) left top no-repeat; width:5px; position:absolute; top:0; left:0;}
	#nav-r{width:5px; height:35px; background:url(../images/nav-r.jpg) top right no-repeat; position:absolute; top:0; right:0;}

#banner{background:#efeff0;}
	#banner .carousel{margin-bottom:0;}
	#banner .carousel-control{display:none;}

/*  #content  */
#middle{margin:20px 0 0 0 ;}
.breadcrumb{background:none;   border-radius: 0;    list-style: none outside none;    margin:0px;    padding:0; text-align:right; color:#717071;}  .cate52 .breadcrumb{color:#717071;}
	.breadcrumb a, .breadcrumb .divider{color:#717071;}
	.breadcrumb a:hover, .breadcrumb a.active{color:#00adda; text-decoration:none;} .cate52 .breadcrumb a:hover, .cate52 .breadcrumb a.active{color:#6fba2c;}
	.breadcrumb > li > .divider{color:#717071;}
	.page-header{border:none;   margin: 10px 0 54px 0;    padding-bottom: 0px;}
	.page-header h1{ font-size:30px; font-weight:normal; padding:0; color:#3e3a39; margin:0; text-transform:uppercase; font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif;}
	#result{clear:both;}

/*products */
.pro-maincate, .pro-mainlist{background:#f4f4f4; overflow:hidden; margin:50px 0;} .cate52 .pro-maincate, .pro-mainlist{background:#fff;}
.pro-maincate:after, .pro-mainlist:after{clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.pro-maincate>ul, .pro-mainlist>ul{list-style:none; margin:0; padding:0; margin-left:-0.1%; margin-right:-0.1%; margin-top:-0.1%;}
.pro-maincate>ul>li, .pro-mainlist>ul>li{width:24.9%; margin-left:0.1%; background:#fff; float:left; text-align:center; margin-top:0.1%; height:250px;} .cate52 .pro-mainlist>ul>li{height:255px;}
.pro-maincate-img, .pro-mainlist-img{height:180px;}  .cate52 .pro-mainlist-img{height:185px;}  .pro-maincate-img img, .pro-mainlist-img img{max-height:100%;}
.pro-maincate-name{font-size:16px; }
.pro-maincate-name a, .pro-mainlist-name a{color:#050505;} .pro-maincate-name a:hover, .pro-mainlist-name a:hover{color:#00adda; text-decoration:none;}
.cate52 .pro-maincate-name a:hover{color:#69b21a;}
.pro-mainlist-name {font-size:15px; }
.pro-mainlist-no{font-size:12px;} .lan-T .pro-mainlist-no{font-size:14px;}

.pro-mainlist-tab ul{list-style:none; padding:0; margin:0; border-bottom:1px #898989 solid; padding-left:20px; margin-bottom:-1px;}
.pro-mainlist-tab ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.pro-mainlist-tab li{float:left;  margin-right:2px;}
.pro-mainlist-tab li a{display:block; padding:4px 10px; background:#fff; } .pro-mainlist-tab li a.active{color:#01b4e2; font-weight:bold; border:1px #898989 solid; border-bottom:0; margin-bottom:-1px; position:relative;}
	.cate52 .pro-mainlist-tab li a.active{color:#6eb92b;}

.pagenav-wrap{text-align:center; margin:45px 0 45px 0;}
	.pagenav-wrap ul{list-style:none; margin:0; padding:0; display:inline-block;}
	.pagenav-wrap li{display:inline; float:left; margin:0 2px;} .pagenav-top a, .pagenav-bottom a, .pagenav-pre a, .pagenav-next a{width:40px; height:40px; display:block; overflow:hidden; text-indent:-50000px;}
		.pagenav-top a{background:url(../images/arrow-top.png) center center no-repeat; }
		.pagenav-bottom a{background:url(../images/arrow-bottom.png) center center no-repeat; }
		.pagenav-pre a{background:url(../images/arrow-left.png) center center no-repeat;}
		.pagenav-next a{background:url(../images/arrow-right.png) center center no-repeat;}
		
		.cate52 .pagenav-top a{background:url(../images/arrow-top-g.png) center center no-repeat; }
		.cate52 .pagenav-bottom a{background:url(../images/arrow-bottom-g.png) center center no-repeat; }
		.cate52 .pagenav-pre a{background:url(../images/arrow-left-g.png) center center no-repeat;}
		.cate52 .pagenav-next a{background:url(../images/arrow-right-g.png) center center no-repeat;}

.pro-info-wrap{
	width:450px;
	margin-right:40px;
	float:right;
	padding-top:10px;
	margin-bottom:50px;
}
	.pro-smo{}
	.pro-no{color:#595757; font-size:34px; margin-top:42px; line-height:1em; margin-bottom:2px; font-weight:bold; font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif;} .cate52 .pro-no{color:#595757;}
	.pro-name{
	font-size:20px;
	color:#595757;
	margin-bottom:16px;
	line-height:30px;
	font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif;
}  .cate52 .pro-name{color:#595757;}
	.pro-info-simtxt{margin:20px 0;}
.pro-img-wrap{width:440px; text-align:center; margin-left:40px; margin-bottom:50px;}
	.bimgarea{ width:440px; height:400px; display:table-cell; text-align:center; vertical-align:middle; margin:0 auto;}
	.bimgarea span{ height:100%; display:inline-block; }
	.bimgarea *{ vertical-align:middle;}  .bimgarea div{display:inline;}
	.showsmall li{display:inline-block; float:none; background:url(../images/showsmall-bg.jpg) left center no-repeat; padding:0 6px 0 10px;}
	.showsmall li:first-child{background:none;}
	.showsmall li .item{background:none;}
	
	.pro-txtNormal{margin:16px 0; clear:both;}
	#prodNav{clear:both; margin:0 40px; }
		.pro-tabs{position:relative;}
		.pro-tab-top{position:absolute; right:0; bottom:-16px; display:none;}
		.pro-tab-top a{background:url(../images/arrow-top.png); width:40px; height:40px; display:block; text-indent:-5555px; overflow:hidden;} .pro-tab-top a img{ visibility:hidden;}
		.cate52 .pro-tab-top a{background:url(../images/arrow-top-g.png); }
		
	#prodNav .nav-tabs{border-bottom:1px #0f85b5 solid; margin-right:0px;} .cate52 #prodNav .nav-tabs{border-bottom:1px #60ab17 solid;}
	.nav-tabs > li{margin-bottom:0;}
	.nav-tabs > li > a{ border:1px #a0a0a0 solid; border-bottom:0; border-radius:0; margin:0; margin-left:-1px; font-size:14px; width:150px; color:#8b8b8b; text-align:center;
	background: #fefefe;
background: -moz-linear-gradient(top,  #fefefe 0%, #f2f2f2 50%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f2f2f2), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fefefe 0%,#f2f2f2 50%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fefefe 0%,#f2f2f2 50%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #fefefe 0%,#f2f2f2 50%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #fefefe 0%,#f2f2f2 50%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 );
	}
	 .cate52 .nav-tabs > li > a{color:#8b8b8b;}
	.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{border:1px #0677b3 solid; border-bottom:0; z-index:50} .cate52 .nav-tabs > li > a:hover, .cate52 .nav-tabs > li > a:focus{border:1px #4fa00a solid; border-bottom:0; }
	.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{border:1px #0175a8 solid; border-bottom:0; position:relative; z-index:100; color:#fff; font-weight:bold;
	 background: rgb(154,222,241);
background: -moz-linear-gradient(top,  rgba(154,222,241,1) 0%, rgba(26,186,236,1) 52%, rgba(14,132,180,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(154,222,241,1)), color-stop(52%,rgba(26,186,236,1)), color-stop(100%,rgba(14,132,180,1)));
background: -webkit-linear-gradient(top,  rgba(154,222,241,1) 0%,rgba(26,186,236,1) 52%,rgba(14,132,180,1) 100%);
background: -o-linear-gradient(top,  rgba(154,222,241,1) 0%,rgba(26,186,236,1) 52%,rgba(14,132,180,1) 100%);
background: -ms-linear-gradient(top,  rgba(154,222,241,1) 0%,rgba(26,186,236,1) 52%,rgba(14,132,180,1) 100%);
background: linear-gradient(to bottom,  rgba(154,222,241,1) 0%,rgba(26,186,236,1) 52%,rgba(14,132,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9adef1', endColorstr='#0e84b4',GradientType=0 ); -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px -1px 3px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px -1px 3px 0px rgba(0, 0, 0, 0.4);
}
	.cate52 .nav-tabs > .active > a, .cate52 .nav-tabs > .active > a:hover, .cate52 .nav-tabs > .active > a:focus{border:1px #4fa00a solid; border-bottom:0;  color:#fff; 
	 background: rgb(202,239,158);
background: -moz-linear-gradient(top,  rgba(202,239,158,1) 0%, rgba(136,222,33,1) 50%, rgba(98,165,18,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,239,158,1)), color-stop(50%,rgba(136,222,33,1)), color-stop(100%,rgba(98,165,18,1)));
background: -webkit-linear-gradient(top,  rgba(202,239,158,1) 0%,rgba(136,222,33,1) 50%,rgba(98,165,18,1) 100%);
background: -o-linear-gradient(top,  rgba(202,239,158,1) 0%,rgba(136,222,33,1) 50%,rgba(98,165,18,1) 100%);
background: -ms-linear-gradient(top,  rgba(202,239,158,1) 0%,rgba(136,222,33,1) 50%,rgba(98,165,18,1) 100%);
background: linear-gradient(to bottom,  rgba(202,239,158,1) 0%,rgba(136,222,33,1) 50%,rgba(98,165,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caef9e', endColorstr='#62a512',GradientType=0 );
}
	#prodNav .tab-content{margin:45px 0 25px 0; padding-right:0px;}

	.related {margin-top:30px;}
	.related h4{font-size:18px; color:#00bdda;}
	.related>ul{list-style:none; margin:0; padding:0;}
	.related>ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.related li{width:200px; float:left; text-align:center; height:250px;}
	

	
	/*customer style */
	#prodNav .txtNormal{font-size:13px;} .lan-T #prodNav .txtNormal{font-size:14px;}
	.cus-pro-fealist{list-style:disc;}
	.cus-pro-tab{ width:100%; border-top:1px #97d8ed solid;}
	.cus-pro-tab td, .cus-pro-tab th{ padding:0.2em 0.6em; border-bottom:1px #97d8ed solid;}
	.cus-pro-tab th{ background:#d4f1fa; color:#2c5562; text-align:left; line-height:1.3em} .cus-pro-tab thead th{line-height:1.9em;}
	.cus-pro-tab td{border-left:1px #d4f1fa solid;}
	.cus-pro-tab2 td{border-left:1px #97d8ed solid;}
	
	.cus-component-tab{border-top:1px #97d8ed solid; border-left:1px #97d8ed solid}
	.cus-component-tab td{text-align:center; padding:0.2em 2px; border-bottom:1px #97d8ed solid; border-right:1px #97d8ed solid; min-width:90px;}
	
	.cus-acc-tab{width:100%; border-top:1px #cacaca solid; border-left:1px #cacaca solid;}
	.cus-acc-tab th, .cus-acc-tab td{padding:0.2em 0.6em; border-bottom:1px #cacaca solid; border-right:1px #cacaca solid; text-align:left;}
	.cus-acc-tab th{ border-bottom:1px #9abd4d solid;}
	.cus-acc-tab tr:last-child th{border-bottom:1px #cacaca solid; }
	.cus-acc-tab th{background:#a9d053; color:#fff;}
	
	/* news mmsg */
	.msg-pic{float:right; margin:0 0 20px 20px; max-width:50%; display:none;}
	.msg-img{border:solid 1px #B3B3B3; width:120px; margin:10px 20px;} .msg-img img{max-width:100%; display:block;} 
	#tablist.table th, #tablist.table td{border-top:dotted 1px #B3B3B3;} #tablist.table tr:first-child th, #tablist.table tr:first-child td{border-top:0;}
	#tablist thead{display:none;}
	
	.newsTitle{ padding-top:15px;}
	.newsTitle a{color:#3fa9f5;}
	.lan-T .newsTitle a{font-size:15px;}  .lan-T .newsTxt01{font-size:14px;}
	.news-date{white-space:nowrap; padding:8px 12px; text-align:center;} .news-date span{padding-top:15px; display:block;}
	.table td.news-date{padding:8px 8px 8px 70px;}
	
	#press_center_select{ margin:12px 0;}
	#press_center_select:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	#press_center_select .dropdown{display:inline; float:right;}
	#press_center_select .dropdown>a{ padding:3px 12px; display:block;  border:1px #ddd solid; background: rgb(242,242,242);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
	}
	#press_center_select .dropdown .caret{border-top-color:#666;}
	

/*contact*/
.cus-contact{list-style:none; margin:0; padding:12px  0 0 0 ; font-size:15px;}
.cus-contact li{clear:both; border-top:1px #c3c3c3 dotted; padding:30px 0 24px 0; display:table; width:100%; vertical-align:middle;}
.cus-contact li:first-child{border:0;}
.cus-contact li:afrer{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.cus-contact li img{float:left;  margin-top:-8px;  }
.cus-contact li img .cus-contact-img-1{}
.cus-contact li span{  margin-left:60px; text-align:left; display:block;}
.cus-contact-add{background:url(../images/icon-home.jpg) left center no-repeat;}
.cus-contact-mail{background:url(../images/icon-mail.jpg) left center no-repeat;}
.cus-contact-tel{background:url(../images/icon-tel.jpg) left center no-repeat;}
.cus-contact-fax{background:url(../images/icon-fax.jpg) left center no-repeat;}
/*contact
*/


.contact-l{width:35%; float:left; }
.contact-r{width:61%; float:right; background:url(../images/cgi-bg.jpg) left center no-repeat; padding-left:20px;}
.contact-r .alert-info{display:none;}
.contact-r  .control-group{margin-bottom:10px;}
.contact-r  .control-label{padding-top:0;}
.contact-r .controls  input[type="text"], .contact-r .controls  textarea{width:98%;}

.contact-r fieldset.over-border{border-color:#fff;}
.contact-r .form-horizontal .control-label{text-align:left;}
.contact-r legend {display:none;}


.contact-r .btn:hover,
.contact-r .btn:focus {
  color: #333333;
  text-decoration: none;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition:none;
}


.contact-r .btn-primary {  background: rgb(253,171,150);
background: -moz-linear-gradient(top,  rgba(253,171,150,1) 0%, rgba(248,76,36,1) 30%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,171,150,1)), color-stop(30%,rgba(248,76,36,1)));
background: -webkit-linear-gradient(top,  rgba(253,171,150,1) 0%,rgba(248,76,36,1) 30%);
background: -o-linear-gradient(top,  rgba(253,171,150,1) 0%,rgba(248,76,36,1) 30%);
background: -ms-linear-gradient(top,  rgba(253,171,150,1) 0%,rgba(248,76,36,1) 30%);
background: linear-gradient(to bottom,  rgba(253,171,150,1) 0%,rgba(248,76,36,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdab96', endColorstr='#f84c24',GradientType=0 );
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.contact-r .btn-primary:hover, .contact-r .btn-primary:focus, .contact-r .btn-primary:active, .contact-r .btn-primary.active, .contact-r .btn-primary.disabled, .contact-r .btn-primary[disabled] {
    background-color: #ed3a10;    color: #ffffff;}
	
	
.contact-r .btn-danger {
    background: rgb(243,243,243);
background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(230,228,229,1) 76%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(76%,rgba(230,228,229,1)));
background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(230,228,229,1) 76%);
background: -o-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(230,228,229,1) 76%);
background: -ms-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(230,228,229,1) 76%);
background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(230,228,229,1) 76%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e4e5',GradientType=0 );

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #7a7879;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
}
.contact-r .btn-danger:hover, .contact-r .btn-danger:focus, .contact-r .btn-danger:active, .contact-r .btn-danger.active, .contact-r .btn-danger.disabled, .contact-r .btn-danger[disabled] {
    background-color: #d1d1d1;
    color: #7a7879;
}
#con-table td, #con-table th{border-top:0; vertical-align:middle; color:#9b999a; padding-right:0;} #con-table th{white-space:nowrap;}
#con-table  input[type="text"], #con-table  textarea{width:100%;}

#con-table select, #con-table textarea, #con-table input[type="text"]{border-radius:0;}
input, button, select, textarea{font-family:Verdana, Geneva, sans-serif;} .lan-T input, .lan-T button, .lan-T select, .lan-T textarea{font-family:Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, Geneva, sans-serif;}
.btn{font-size:12px; font-weight:bold;} .lan-T .btn{font-size:14px;}

/*inquiry */

#inq-table td, #inq-table th{vertical-align:middle; padding:12px 15px; color:#9b999a}  #inq-table th{white-space:nowrap;}
#inq-table  input[type="text"], #inq-table  textarea{width:100%;}
#inq-table select, #inq-table textarea, #inq-table input[type="text"]{border-radius:0; border:0; 
	-webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;}
#inq-table label, #inq-table input, #inq-table button, #inq-table select, #inq-table textarea {  font-size: 12px;  font-weight: normal;  line-height: 20px;}
	.lan-T #inq-table label, .lan-T #inq-table input, .lan-T #inq-table button, .lan-T #inq-table select, .lan-T #inq-table textarea {  font-size: 14px;}
#inq-table input, #inq-table button, #inq-table select, #inq-table textarea {  font-family:Verdana, Geneva, sans-serif;}
#inq-table .radio.inline + .radio.inline, #inq-table .checkbox.inline + .checkbox.inline{margin-left:0; margin-right:10px;}


/*faq*/
#faqlist .accordion-group{ border:none; border-radius:0; -moz-border-radius:none; -webkit-border-radius:none; border-left:4px #0ea1d4 solid; background:#fff;}
#faqlist .accordion-heading{background:#e6edf3; font-size:120%; } .lan-T #faqlist .accordion-heading{font-size:110%;}
#faqlist .accordion-heading a{}
	#faqlist .accordion-inner{padding-top:16px;}
	
	
	
/* sitemap*/
.sitemap-cate-wrap{width:30%; margin-right:3%; float:left; margin-bottom:30px; border-left:1px #d9d9d9 solid; padding-left:16px;}
.sitemap-cate-wrap:nth-child(3n+1){clear:left; border-left:none;}
	.sitemap-ti{font-weight:bold; font-size:14px; margin-bottom:12px; color:#3eaaf3} .lan-T .sitemap-ti{font-size:15px;}
	.sitemap-list li{margin-bottom:6px;} lan-T .sitemap-list li{line-height:23px;}
	.sitemap-list ul{list-style:none; margin:0 0 12px 0;}
	.sitemap-list ul ul{list-style:disc; margin-left:25px; margin-top:6px;}
	.sitemap-list ul li a{color:#555;}
	.sitemap-list ul ul li a{color:#888;}
	
/*footer*/
#footer-nav{background:#efeff1; padding:8px 0; }
#footer-nav .accordion-toggle{padding:0px 15px 0 15px; font-weight:bold; text-decoration:none;} #footer-nav .accordion-toggle:hover{text-decoration:none;}
	#footer-nav a{color:#333;}
	.footer-nav-wrap{width:15%; float:left; margin-right:1.5%;} 
	.footer-nav-wrap>ul>li>a{font-weight:bold;}
	#footer-nav .footer-nav-wrap li li li a{color:#9f9f9f;}
	#footer-nav .footer-nav-wrap .nav{margin-bottom:0;}
	.footer-nav-wrap .divider{display:none;}
	#footer-nav .accordion-body{}
	#footer-nav ul{ padding-right:0;}
	#footer-nav li{line-height:18px; margin-bottom:4px;} .lan-T #footer-nav li{line-height:21px; font-size:14px; margin-bottom:5px;}
	#footer-nav li ul{margin-top:4px; margin-bottom:8px;}
	#footQ1.in{margin-top:16px;}
	
#footer{padding:8px 0;} .lan-T #footer{font-size:13px;}
	#footer-copyright{float:left; padding-top:0.8em;}
	#footer-certification{float:right; padding-top:3px;}
	#footer-certification a{float:left; margin-left:24px; display:inline;}
	#footer-certification a#footer-certification-last{ }
	
	#footer .dun{ text-align: right;}
	
@media only screen and (max-width : 520px) {
	#footer .dun{ text-align: left;}
}


/*-----------------  sidebar -------------------*/
.sb-toggle-left{ padding:4px 4px 1px 4px; position:absolute; top:10px; left:10px;  background: #7bdcfc;
background: -moz-linear-gradient(top,  #7bdcfc 1%, #64cbec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7bdcfc), color-stop(100%,#64cbec));
background: -webkit-linear-gradient(top,  #7bdcfc 1%,#64cbec 100%);
background: -o-linear-gradient(top,  #7bdcfc 1%,#64cbec 100%);
background: -ms-linear-gradient(top,  #7bdcfc 1%,#64cbec 100%);
background: linear-gradient(to bottom,  #7bdcfc 1%,#64cbec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bdcfc', endColorstr='#64cbec',GradientType=0 );
}
.navicon-line{background:#fff;}
.sb-slidebar{text-align:left; font-size:14px; color:#9fe7ff; background:#15b2e5; font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif;} 
.sb-slidebar a, .cate52 .sb-slidebar a{color: #fff; } 
	.sb-title{ padding:0.8em 1em; display:block; font-weight:bold;}
	
	/* Main Menu*/
	.sb-menu {	padding: 0;	margin: 0;	list-style-type: none;}
	.sb-menu li{cursor:pointer;}
	.sb-menu li a {display: block;	padding: 0.7em 1em; font-size:1em;}
	/*.sb-menu li {	padding: 0;	margin: 0;	 cursor:pointer; clear:both;}
	.sb-menu > li:first-child {}
	.sb-menu > li:last-child {}
	*/ 
	/*.sb-menu li a.sb-toggle-submenu{ width:auto;}*/
	/*.sb-menu li li a {		padding: 0.5em 1em;}
	.sb-menu>li>a{font-weight:bold;}
	.sb-menu>li>a:hover {	text-decoration: none;	background-color:#32c2f1;}*/
	/*.sb-menu>li>a:hover{background:rgba(0, 0, 0, 0.3);}*/
	.sb-submenu {	display: none; padding: 0;	margin: 0;	list-style-type: none; background-color: rgba(255, 255, 255, 0.05);}
	.sb-submenu a:hover{background:rgba(0, 0, 0, 0.3);}
	/* Submenus
	.sb-submenu {	display: none;		} */

	/* Caret */
	span.sb-caret, i.sb-caret  {	width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent;}
	span.sb-caret, i.sb-caret {	border-top: 5px solid;	border-bottom: 0px solid transparent;}
	.sb-submenu-active > span.sb-caret, .sb-submenu-active > i.sb-caret  {	border-top: 0px solid transparent;	border-bottom: 5px solid;}
	
	#left-lan{border-top:1px #6cd1f1 solid; border-bottom:1px #6cd1f1 solid;}
	#left-lan ul, #left-lan li, #left-member-wrap ul, #left-member-wrap li{list-style:none; padding:0; margin:0;}
	#left-lan li a{padding: 0.4em 1em; display:block; font-size:13px;}
	#left-lan li a:hover{text-decoration: none;	background-color:#32c2f1;}
	#left-lan li#lan-home, #left-lan li#lan-sitemap{display:none;}
	
	#left-smo{padding: 1em; }
	#left-smo ul{list-style:none; margin:0; padding:0;}
	#left-smo li{float:left; padding:0; margin:0; margin-right:10px; margin-bottom:0.8em;}
	#left-smo #smo-tw{background-image:url(../images/smo-logo_w.png);}



/*----------- pro Carousel ------------------*/
.jcarousel-wrapper { margin: 20px 6px; position: relative; padding:10px 20px; }
/** Carousel **/
.jcarousel {position: relative; overflow: hidden; width: 100%;}
	.jcarousel ul {width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
	.jcarousel li { margin:0 10px; float: left; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.jcarousel img {display: block;max-width: 100%;height: auto !important;}
/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff;    text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7; opacity:0.2; filter:alpha(opacity=20);}
.jcarousel-control-prev {    left: 15px;}
.jcarousel-control-next {    right: 15px;}
.jcarousel-control-prev:hover,.jcarousel-control-next:hover{opacity:0.6; filter:alpha(opacity=60); text-decoration:none;}
/** Carousel Pagination **/
.jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0;}
.jcarousel-pagination a {text-decoration: none; display: inline-block; font-size: 11px;height: 10px; width: 10px;  line-height: 10px; background: #fff; color: #4E443C;    border-radius: 10px;    text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C;}
.jcarousel-pagination a.active { background: #fff; color: #fff;opacity: 1;-webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7;}





/*會員登入項目*/
#login-tabs li{
  background:none;
}
#login-tabs a{
  color:#000;
  background:none;
}
#login-tabs a:hover,#login-tabs a:focus{
  text-decoration: underline;
  background:none;
  color:#000;
}
/**表單元素**/
fieldset.over-border {
  /*border: 1px solid #ccc !important;*/
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.4em 0 !important;
  border-radius: 16px;
}
legend.line-border {
  font-size: 16px !important;
  text-align: left !important;
  width:inherit;
  border-bottom:none;
}
.red{
  color: #cc0000;
}
.radio-inline input[type='radio'] {
  margin-left: -20px;
  float: left;
}
.radio-inline {
  padding-left: 20px;
  font-weight: normal;
  margin-bottom: 0px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.help-inline{
  vertical-align: middle;
  display: inline-block;
  padding-top:5px;
  float:left;
  padding-left:0px;
  cursor: default;
}
.control-label{
  cursor: default;
}
.form-show .control-label{
  width:auto;
  margin-right:3px;
}
.form-show .input-small{
  padding:4px 0px;
}
.form-show .input-prepend {
  clear:both;
}
fieldset.instep-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  background:#eeeeee;
  height:100px;
  font-weight:bold;
  color:#000000;
  text-align: center;
}
fieldset.step-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  height:100px;
  text-align: center;
}
legend.stepline-border {
  text-align: center !important;
  width:inherit;
  border-bottom:none;
}
.enlarge{clear:both;}
@media only screen and (max-width : 480px) {
    .navbar-inner li {display:block; width:100%;}
}


/*RSS*/
#rss_area a{
  text-shadow: none;
}

#rss_area a:hover{
  text-shadow: none;
}

/*產品頁*/
.thumbnail {
  border:1px #8B8682 solid;
}
.cate-name,.cate-name-more{
  color:#333333;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#8B8682;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#pb_area{
  border:  1px solid #ccc;
  overflow:hidden;
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  /*overflow:auto;
  width:100%;*/
}
#content .thumbnails .prodlist{
  height:300px;
  overflow:hidden;
}
#content .thumbnails .catelist{
  height:210px;
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
  height:150px;
}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
 /* width:80px;*/
}
/*頁籤*
.nav-tabs .active a{
 font-weight:bold;
}*/
/*訊息用*/
.msgcont{
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:10px;
}
.msg_img_title {
  width:30%;
}


/*首頁用*/
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

}
#idxprocarousel .span{small_class} .item {
  background-color : #EEE;
  height : {small_height}px;
  text-align : center;

  /* Firefox, Chrome */
  line-height : {small_height}px;

  /* IE */
  *font-size : 180px;  /* 200px * 0.9 = 180px */
}

#idxprocarousel  img {
  vertical-align : middle;
}
#idxprocarousel .caption {
    background : #666; padding : 5px;
}
#idxprocarousel .caption a {
    color : #fff;
}

@media (max-width : 1019px) {
    .wrap{width:98%; margin:0 auto;}
	#logo{padding-top:0; margin:10px 0 6px 0;}
	#lan{height:auto; margin-bottom:6px;}
	#nav{width:100%; margin-bottom:12px;}
	#nav>ul>li>a{ padding:9px 17px;} .lan-T #nav>ul>li>a{ padding:9px 28px;}	

}

@media (max-width: 979px)  { /*bootstrap width 724px */
	 #middle .wrap{width:auto; margin:0 16px;}
	.pro-maincate>ul, .pro-mainlist>ul{margin-left:-0.2%; margin-right:-0.2%; margin-top:-0.2%;}
	.pro-maincate>ul>li, .pro-mainlist>ul>li{width:33.1%; margin-left:0.2%; margin-top:0.2%; height:230px;}
	.pro-mainlist>ul>li, .cate52 .pro-mainlist>ul>li{height:235px;}
	.pro-maincate-name {font-size:15px; }
	.cate52 .pro-mainlist-img{height:180px;}
	.pro-info-wrap{width:400px; margin-right:0;}
		.pro-no{font-size:32px;}
		.pro-name{font-size:18px;}
	.pro-img-wrap{width:280px;  margin-left:0;}
		.bimgarea{ width:280px; height:280px;}
	 	.bimgarea img{ max-height:100%; max-width:100%;}
	
	.pro-mainlist-tab ul{padding-left:0;}
	.pro-mainlist-tab li{float:none; margin-right:0;}
	.pro-mainlist-tab li a{border:1px #898989 solid; border-bottom:0; }
	.pro-mainlist-tab li a.active{margin-bottom:0;}
	#prodNav{margin-left:0; margin-right:0;}
	.nav-tabs > li > a{width:auto; padding:8px 20px;}
	.table td.news-date{padding-left:50px;}
}
@media (max-width : 768px) {
	#container{padding-top:50px;}
	
	#header{border-bottom:3px #02b5e1 solid; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.1); margin-bottom:12px; position:fixed; height:50px; width:100%; top:-0px; z-index:1000; background:#fff;}
	.sb-active #container{padding-top:0;}
	.sb-active #header{position:relative;}
	.sb-toggle-left{display:block;}
	#logo{margin:0 auto; float:none; width:140px;}
	#smo, #lan, #nav{display:none;}
	#banner{margin-top:12px;}
	#middle{margin:5px 0;}
	

}
@media (max-width: 767px)  { /*bootstrap width auto */
	.pro-info-wrap{width:50%; padding-top:10px;}
		.pro-no{font-size:28px;}
		.pro-name{font-size:16px;}
	.pro-img-wrap{width:45%;}
	.bimgarea{width:100%; display:block;  height:auto;}
	.sitemap-cate-wrap{width:48%; margin-right:2%; border-left:1px #d9d9d9 solid;}
	.sitemap-cate-wrap:nth-child(3n+1){clear:none; border-left:1px #d9d9d9 solid;}
	.sitemap-cate-wrap:nth-child(2n+1){clear:left; border-left:none;}
	
	.nav-tabs > li > a{padding:8px 10px;}
}
@media (max-width : 720px){
	.page-header{margin:0;}
	.page-header h1{padding:0; font-size:24px;}
	.form-horizontal .control-label{width:120px;} .form-horizontal .controls{margin-left:140px;}
}
@media (min-width:601px){
	.contact-r fieldset.over-border{margin-top:16px !important; padding-right:0 !important; margin-right:0 !important;}
}
@media (max-width : 600px){
	
	.footer-nav-wrap{width:30%; margin-right:3%;}
	.footer-nav-wrap:nth-child(4) {clear:left;}
	#footer-copyright{padding-top:0;}
	#footer-certification{float:left;}
	
	.pro-maincate>ul{}
	.pro-maincate>ul>li, .pro-mainlist>ul>li{width:49.8%; }
	.pro-maincate-name {font-size:14px; }
	
	.pro-info-wrap{ padding-top:10px;}
		.pro-no{font-size:26px;}
		.pro-name{font-size:16px;}
	.pro-img-wrap{}
	
	.nav-tabs > li > a{padding:8px 5px; font-size:12px; }
	.related h4{font-size:16px;}
	.related > ul > li{width:150px;}
	.related .pro-mainlist-no{font-size:12px;}
	.related .pro-mainlist-name{font-size:14px;}
	.contact-l, .contact-r{float:none; width:auto;}  .contact-r{background:none; padding-left:0}
	
	.table td.news-date{padding-left:25px;}
	

@media (max-width : 480px){
	.breadcrumb{text-align:left;}
	.footer-nav-wrap{width:47%; margin-right:3%;}
	.footer-nav-wrap:nth-child(4) {clear:none;}
	.footer-nav-wrap:nth-child(3), .footer-nav-wrap:nth-child(5) {clear:left;}
	
	.pro-info-wrap{padding-top:10px;}
	.pro-no{margin-top:30px;}
	
	.pro-maincate-img, .pro-mainlist-img{height:160px;} .pro-maincate-img img, .pro-mainlist-img img{max-height:100%;}
	.pro-maincate>ul>li{height:210px;} .pro-mainlist>ul>li{height:240px;}
	
	.table td.news-date{padding-left:10px;}
}
@media (max-width : 360px){
	
	.pro-maincate>ul, .pro-mainlist>ul{ margin-top:-1px;}
	.pro-maincate>ul>li, .pro-mainlist>ul>li{width:99.8%;  margin-top:1px; height:200px;}
	.pro-mainlist>ul>li{height:240px;}
	
	.page-header h1{font-size:20px; margin:0;}
	.pro-info-wrap, .pro-img-wrap{width:auto; float:none;}
	.pro-info-wrap{padding-top:0; padding:0 12px;}
	.pro-info-wrap .pro-smo{}
	.pro-no{font-size:24px;}
	.pro-name{font-size:14px;}
	
	.msg-pic{float:none; margin:0 auto 10px auto; max-width:98%; text-align:center;}
	
	#tablist.table-press th, #tablist.table-press td{display:block; border-top:0;}
	.table td.news-date{padding-left:8px;}
	.table-press tr{ border-top:dotted 1px #B3B3B3;} .table-press tr:first-child{border-top:0;}
	.msg-img{margin:0; margin-top:12px;} .news-date span{padding-top:0;} .newsTitle{padding-top:0;}
	.form-horizontal .controls{margin-left:auto;}
}
@media (max-width : 320px){
	.footer-nav-wrap{width:97%; margin-right:3%; float:none;}
}