@charset "utf-8";
@import url(clearfix.css);


html{-webkit-text-size-adjust:none;}
/* CSS Document */
body{ margin:0; padding:0; border:0; background-color:#FFF;text-align:center; font-family:Arial; font-size:11px; color:#666;}
div, form, img, option, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; }
select { font-family: arial; }
input{margin:0; padding:0; font-size:11px;vertical-align: middle;}
p{margin:0; padding:0;line-height:150%;}
ul{margin:0; padding:0;list-style-type:none;}
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:underline; color:#000;}

table{table-layout:fixed}
td{overflow:hidden;}

/**/
.left{ float:left;}
.right{ float:right;}
.red{ color:#f00;}
.blue{color:#107fd4;}
.black{color:#000;}
.clr{ clear:both;}
#container .nobord{ background:none;}

/**/
#containerA{width:1002px; margin:0 auto;background-color:#e6e6e6;}
#header{ width:1002px; height:118px; margin:0 auto; text-align:left; background:url(../img/bg_top.gif) no-repeat left top;}
.topright{ float:right; width:330px; height:18px; margin:24px 8px 0 0;  color:#fff; }
.topmenu{ float:left; margin-top:2px; width:259px; text-align:right;}
.topmenu a{ margin:0 8px; color:#fff;}
.topmenu a:hover{ color:#fff;}
.language{ float:right;}

/* css for nav 一级 */
.navbox{ float:left; width:1002px;/*margin-top:16px;*/}
.nav{ float:left; width:370px; margin-left:15px; }
.navb{ float:right;width:360px;  margin-left:255px;}
.navb{ _margin-left:235px;}
.nav li,.navb li{ position:relative; float:left;padding:0 1px 0 2px; background:url(../img/bg_navli.gif) no-repeat left;}
.nav li a,.navb li a{overflow:hidden; float:left; padding:0px 15px; height:30px; line-height:30px; font-weight:bold;color:#333; }
/*.nav li a:hover,.navb li a:hover, */.nav .select a, .navb .select a{background:url(../img/bg_navlia.gif) repeat-x left top; text-decoration:none; color:#fff;}
#header .select li a{background:#9a9a9a url(../img/bg_menua.jpg) no-repeat left top;color:#333;}
#header .nobord{ background:none;}
.nav li.show a, .navb li.show a{background:url(../img/bg_navli_hover.gif) repeat-x left top; text-decoration:none; color:#fff;}

/* css for nav 二级 */
.nav li ul,.navb li ul{position: absolute; top:30px; left:0; z-index:100; display:none;}
.navb li ul{ margin-left:-90px;}
.nav li.show a:hover,.navb li.show a:hover{color:#fff;}
.nav li.show ul,.navb li.show ul{ display:block; }
.nav li.show ul li,.navb li.show ul li{ padding:0;}
.nav li.show ul ul,.navb li.show ul ul{ display:none;}
.nav ul li,.navb ul li{float:none; width:165px; padding:0; border-bottom:1px solid #4c4c4c;}
.nav li li a,.navb li li a, .nav li.show li a,.navb li.show li a{float:none; display:block; background:#9a9a9a url(../img/bg_menua.jpg) no-repeat left top; color:#333;}
.nav li li.show a,.navb li li.show a{background:#000 url(../img/bg_navli_sechover.gif) repeat-x left top; color:#fff;}
#header .nav ul li a,#header .navb ul li a{padding-left:15px;height:28px;line-height:28px;}
#header .nav ul li a:hover,#header .select li a:hover{ background:#000 url(../img/bg_navli_sechover.gif) repeat-x left top; color:#fff;text-decoration:none;}
#header .navb ul li a:hover{ background:#000 url(../img/bg_navli_sechover.gif) repeat-x left top; color:#fff;}

/* css for nav 三级 */
.nav li li li.show{ background:url(../img/bg_menub.jpg) no-repeat left top;}
.nav li li li{ width:165px;}
.nav li li.show li a,#header .select li.show li a{ background:url(../img/bg_menub.jpg) no-repeat left top;}
#header .nav li li a{padding-left:24px;line-height:26px; }
#header .nav li li li a{ color:#fff; }
#header .nav li li li a:hover,#header  .select  li li a{ background:none;text-decoration:none; color:#66ccff;}
.nav li li,.navb li li{background:none;}
.nav li li ul{ display:none; margin:-26px 0 0 165px;}
.nav li li.show ul{ display:block;}


/*.navb li li ul{ display:none; margin:-26px 0 0 -165px;}
.navblia{ margin-left:-81px;}
.navblib{ margin-left:-91px;}
.navblic{margin-left:-62px;}
.navblid{ margin-left:-87px;}*/

#container{ position:relative; width:870px; min-height: 615px; padding:5px 66px 0 66px;text-align:left; background:  url(../img/bg_indexcont.gif) repeat-x left top;}
* html #container{ height: 615px;}

.banner { width:870px; background:#fff url(../img/bg_banner.gif) no-repeat left top; }
.content { min-height: 450px; float:left; width:840px; padding:8px 15px 20px 15px; background:#fff url(../img/content_foot.gif) no-repeat left bottom; line-height:160%;}
* html .content { height: 360px;}

#footer{ width:1002px; height:160px; padding-top: 16px;background:url(../img/bg_footer.gif) no-repeat left bottom; clear:both;}

/* css for index */
.bannews {width:870px; height:24px; background:url(../img/bg_bannews.jpg) repeat-x left bottom; color:#fff; line-height:24px;}
  .bannews span { float: left;margin:0 10px 0 20px; font-weight:bold; color:#999; }
  .bannews ul {float: left;display: inline;height: 24px;line-height: 24px;overflow: hidden;}
  .bannews a,.bannews a:hover { color: #FFF; }
.indexsearch,.search_1{ width:838px; height:30px;  background:url(../img/bg_indexsearch.gif) no-repeat;}
.indexsearch p { float:left; margin:7px 10px 4px 8px;}
.indexsearch select { float: left; height: 19px; margin: 5px;color: #666;}
.buttom_a{ width:107px; height:21px; margin:4px 8px; border:none; background:url(../img/buttom_a.gif) no-repeat;font-size:11px; color:#666;}
.center{margin-top:19px; overflow:hidden; zoom:1;}
.center{*margin-top:10px;}
.prodnews{ float:left; width:200px; height:208px;  background:url(../img/index_prodnews.gif) no-repeat ;}
.prodnews .title_a{margin-bottom:10px;}
.title_a{ font-size:11px; color:#2b2b2b; line-height:29px; text-align:center;}
.prodnews div{ width:176px; margin-left:10px; padding:8px 2px; line-height:120%; background:url(../img/bg_li.gif) repeat-x left bottom;}
.prodnews div a{ text-decoration:none;}
.prodnews .nobord{ background:none;}
.prodshow_a{ float:right; width:625px;height:208px;  background:url(../img/index_prodshowa.gif) no-repeat right bottom;}

.title_b a{ display:block; padding-left:18px; width:162px; height:29px; float:left; margin-right:3px; background:url(../img/index_prodtita.gif) no-repeat bottom;  line-height:29px; color:#2b2b2b; font-weight:bold;}
.title_b a:hover{ text-decoration:none;}
.title_b .select{ background:url(../img/index_prodtitb.gif) no-repeat bottom;}

.prodbox{ float:left; width:185px; height:160px; margin:18px 4px 0 15px;text-align:center; display:inline; }
.prodbox img{ width:159px; height:85px; margin-top:5px;}
.prodbox a{ display:block;width:185px;}
.prodbox a{ _width:172px;}
.prodbox .intro{margin-top:20px; padding:0 8px; text-align:left;}

.prodshow_b { width: 840px; height: 106px; margin-top: 7px; background:url(../img/index_prodshowb.gif) no-repeat  top; clear: both; position: relative; }

.prodshow_b table { margin-top: 16px; }
.prodshow_b table td { vertical-align: bottom; padding: 0 12px; }

.prodshow_b ul { float: left; margin: 20px 0 0 24px; display: inline; }
.prodshow_b li { float: left; margin: 0 10px; display: inline; }

.toleft,.toright{ width:12px; height:24px; position:absolute; top:41px; left:10px; }
.toright{left:820px;}
.toleft span,.toright span{ display:none;}

/* css for products */
.search_1{ background:url(../img/search1.gif) no-repeat left;}
.search_1 h6 { float: left; margin: 8px 5px 0 60px; color: #666; font-size: 11px; font-weight: normal; display: inline; }
.search_1 div { float:right; margin:2px 0 0 0;  padding:2px 15px 0 0; color:#000;}
.search_1 img { float:left;}
.search_1 a:hover{text-decoration:none;color:#107FD4;}
.buttom_b{ width:29px; height:20px; background:url(../img/bg_go.gif) no-repeat; border:none;}
.search_1 div input{ margin-right:3px; font-size:11px;}
.productShow { width:840px;}
.productShow li{ float:left; width:263px; height:190px; margin:10px 0 0 5px; padding:5px; background:url(../img/bg_productshow.jpg) no-repeat; display:inline;}
.productShow li h5 { margin: 5px 0 2px 7px; font-size:11px; color:#000;}
/*.productShow li p { margin:0 0 2px 7px;}*/
.productShow li .text{ margin:0 0 2px 7px;}
.more { margin: 16px 0 0 7px; color: #107fd4; white-space: nowrap; }
.more:hover { text-decoration:underline; color:#107fd4;}
.search_1 .blue { color:#107fd4; margin-left:10px; display:inline; }

.title_c{ margin:15px 0 0 7px; font-size:16px; color:#107fd4; }
.productShow_2, .productShow_3{ margin:10px 0 15px 7px; clear:both; }
.productShow_2 li{float:left;  width:185px; padding:10px; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.productShow_2 .photo img,.productShow_3 .photo img { width:160px; height:85px; margin:15px 10px;}
.productShow_2 li table{ border-collapse:collapse; clear:both; }
.productShow_2 li table td, .proddetail_up table td { padding: 0 3px; border: 1px solid #e4e4e4; color:#555; }
/**.productShow_2 .intro .productShow_3 .intro{ float:left; margin:0 0 10px 0;  text-decoration:underline; color:#107fd4;}*/
.productShow_2 .nobord,.productShow_3 .nobord{ border-right:none;}
.productShow_3 li{ float:left; width:205px; padding:10px 0; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.bottomnav{ float:left; width:840px; margin:10px 0 5px 0; text-align:center; clear:both;}
.bottomnav a{ margin:0 3px; }
.bottomnav a:hover{ text-decoration:none;}
.bottomnav .select{ text-decoration:none; color:#107fd4; font-weight:bold;}



.prodimg { text-align: center; height: auto !important; height: 220px; min-height: 220px; }

.prodimgb { margin-top: 10px; text-align: center; }
.prodimgb li { margin: 0 3px; display: inline; }
.prodimgb li img { /*height: 68px;*/ }

.proddetail_up { width: 820px; /**height:230px;*/ margin-bottom: 10px; padding: 5px 0; border-bottom: 1px solid #e4e4e4; }
.proddetail_up table { margin-top: 2px; border-collapse: collapse; }

.proddetail_up table th { padding: 4px 10px; color: #555; border: 1px solid #e4e4e4; }
.proddetail_up table td { text-align: center; }
.proddetail_up table thead th, .proddetail_up table thead td { padding: 0; border: none; padding-bottom: 5px; }
.proddetail_up table thead th { font-size: 14px; }
.proddetail_up table .blue { color: #107fd4; }

.proddetail_left{ float:left; width:654px; border-right:1px solid #e4e4e4;}
.proddetail_left .title_b { height:29px; border-bottom:2px solid #ccc; clear:both; }
.details{ padding:10px; border-bottom:1px solid #e4e4e4; }
.title_d{ margin:10px 0 ; font-size:11px; color:#107fd4;}
.details p{ line-height:180%;}
.details ul li{ margin-bottom:4px; padding-left:10px; background:url(../img/bg_lib.gif) no-repeat left 6px;}
.details ul li li{ background:none;}
.details h5{
	color:#408cb3;
	font-size:14px;
	padding:5px 0;
	margin:5px 0;
	border-bottom:1px dotted #ccc;
}
.details h6{
	font-size:14px;
}
.proddetail_left .nobord{ border:none;}
.proddetail_right{ float:left; width:180px;}
/*.proddetail_right p{ width:150px; margin:30px 15px 15px 15px;}*/
.prodmore{ width:170px; margin:5px 5px 30px 5px; text-align:center;}

.prodmore a { /*display: block;*/ margin-top: 10px; text-decoration: underline; color: darkblue; }
.prodmore span { display: block; margin-top: 10px; }


.img{ margin-bottom:8px;}
.detailshow { margin: 12px 0; /*width: 654px;*/ }
.detailshow li { float: left; width: 74px; height: 80px; margin-bottom: 10px; text-align: center; }
/*.detailshow li img { width:118px; height:99px;}*/
.protop .title_c{ float:left;  font-size:16px; }
.protop input{ float:right;width:100px; height:23px; margin:15px 10px 0 0;  background:url(../img/buttom_b.gif) no-repeat left; line-height:23px; font-size:12px; border:none;color:#107fd4c; font-weight:bold; }
.introw{ height:30px; padding:8px 0 8px 6px; text-align:center; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.introw a{ color:#107fd4;}
.rel{ width:85px; margin:5px 0 0 40px;  }
.rel input{ float:left;}
.rel p{float:left; width:60px; margin:0 0 0 3px; padding:0; background-color:#107fd4; color:#fff; text-align:center;}
.rel p{ _margin-top:2px;}
.buttom_f{ float:left; width:66px; height:20px; margin-left:6px;  background:url(../img/buttom_f.gif) no-repeat left; border:0; font-size:12px;display:inline;}
.table_pro{ margin:20px auto; border-collapse:collapse;}
.table_pro td,.table_pro th{ padding:5px 10px;border:1px solid #dbe4ed;}
.table_pro th{ padding-left:10px; /* text-align:left; */ }
.buttom_f2{ display:block;width:66px; height:20px; margin:10px  auto; background:url(../img/buttom_f.gif) no-repeat left;font-size:12px; text-decoration:none; text-align:center; line-height:18px;}
.buttom_f2:hover{ text-decoration:none; color:#666;}
.table_pro .prodsearch{float:left; margin-left:4px; display:inline;}
.prow{ float:left; width:60px; margin:0; text-align:center;}
.table_pro td h4 { padding-left: 5px; height:30px; margin-bottom:20px; font-size:11px; background-color:#d5d6d6; line-height:30px; font-weight:normal;}
  .table_pro td h4 a { color: #555; }
.table_pro td img{ margin-bottom:20px;}
.table_pro td p{margin-bottom:10px; color:#107fd4; }
/*
.table_pro td a{ color:#ccc;}
.table_pro td a:hover{ text-decoration:none;}
*/
.table_pro .downselect{ font-weight:bold; color:#333;}

/* css for news */
.search_1 .blueb { color:#107fd4; }
.news_up{ margin-top:10px; padding:25px 10px 10px 10px; /**background:url(../img/img_newstop.jpg) no-repeat left top;*/}
.upleft{ float:left;border:1px solid #e4e4e4; text-align:center;}
/*.upleft img{ width:118px; height:118px; }*/
.upright{ float:left; width:660px; margin-left:25px; display:inline;}
.upright a,.upright a:hover{color:#107fd4;}
.table_news{ margin-top:15px;border-collapse:collapse; clear:both;}
.table_news thead{ background-color:#efefef;}
.table_news th{ padding:6px; font-size:12px;text-align:center;border-top:1px solid #e4e4e4;}
.table_news td{ padding:6px 15px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; }
/*.table_news td div { float: left; margin-right: 20px; }*/
/*.table_news td div img{width:48px; height:48px;}*/
.table_news td a,.table_news td a:hover{ color:#107fd4;}

.newsDetail_left{ position:absolute; float:left; width:220px; top:135px; border-top:15px solid #fff;}
.newsDtop{ width:220px; height:29px; background:url(../img/bg_newstop.gif) no-repeat left bottom; color:#fff; font-weight:bold; text-align:center; line-height:27px;}
.newsDcent{width:190px; padding:15px; background:url(../img/bg_newscent.gif) repeat-y left ;}
.newsDbot{float:left; width:220px; height:15px; background:url(../img/bg_newsbot.gif) no-repeat left top;}
.newsDcent a{display:block; margin-bottom:15px; text-decoration:underline;}
.newsDetail_right{ float:right; width:600px; margin-top:15px;}
.newsDetail_right h6 { font-size: .9em; color: #888;}
.newsDetail_right .intro{ padding: 10px 0; margin-bottom: 10px; font-size: 1.2em; color: #107fd4; border-bottom: 1px solid #e4e4e4; }
.newsDetail_right p{ margin-bottom:15px;}
.mainbottom{margin-top:15px; padding:0 5px; clear:both;}
.top{ float:left;}
.back,.back:hover{ float:right; color:#107fd4; text-decoration:underline;}

/* css for award */
.table_award{ margin-top:15px; text-align:center; border-collapse:collapse;}
.table_award th{ padding:5px; background-color:#aaa;border-right:1px solid #dbe4ed;border-left:1px solid #dbe4ed; color:#fff;}
.table_award td{padding:10px 5px;border:1px solid #dbe4ed;}
.blue1,.blue4 { background-color: #f7f9fb; }
.blue2 { background-color: #edf3f8; }
.blue3 { background-color: #e6edf5; }
.blue4 {}
.table_award .blue2, .table_award .blue3{background:none;}
.mainbottom .bottomnav{ float:right; width:200px; margin:0; text-align:right;}
.title_e{ width:506px; margin:20px 0 0 170px; font-size:11px; text-align:center;}
.award_up{ height:20px; padding:10px 5px; border-bottom:1px solid #dbe4ed;}
.award_upl{ float:left;}
.award_upr{ float:right;}
.award_up select{ font-size:11px;}
.award_up .bottomnav{ width:200px; margin:5px 10px 0 0; text-align:right;}
.award_up .prodsearch{ width:122px; margin:0 4px;}
.award_up .prodsearch2{ width:42px;}
.about{ padding:7px;}
/*.about img{ float:left; width:169px; height:682px;}*/
.about p{ padding:10px 0; line-height:200%;}
.prodsearch{ font-size:11px;}

/* css for where to buy */
.wheretop{ margin-top:10px;padding:22px 20px; background-color:#e6e6e6; border:1px solid #d6dae0;}
.wheretop select{ width:170px; height:20px; margin-right:10px;vertical-align:middle;}
.wheretop input{ width:248px; height:16px; margin-right:10px;vertical-align:middle;}
.wheretop .submit{ width:56px; height:23px; background:url(../img/buttom_d.gif) no-repeat left; border:0;}
.wherecent{margin-bottom:10px;padding:10px 9px; background-color:#f1f1f1;border:1px solid #d6dae0; border-top:none; }
.wherecent table{ border-collapse:collapse;}
.wherecent table th span.blue{ font-size: 1.4em; }
.wherecent table th,.wherecent table td { padding: 5px 10px; background-color:#fff;  border:1px solid #d6dae0;}
.wherecent table td p strong { font-size: 1.2em; color: #555; }
.wherecent table td{vertical-align:top;}
.wherecent table td p{padding-bottom:7px;}

/* css for support */
.support{  width:634px; height:324px; margin:45px 0 0 85px; padding:10px 20px; border:5px solid #eaeaea;}
.support li{float:left;width:610px; padding:8px 10px; background:url(../img/bg_li.gif) repeat-x left bottom;}
.support li p{ float:left; width:70px; background:url(../img/bg_lic.gif) no-repeat left center; text-indent:8px;}
.support li input{ float:left; width:200px; margin-left:10px; display:inline;}
.support li textarea{float:left; width:520px; height:180px;margin-left:10px;display:inline; font-size:11px;}
.support .buttom_b{ width:100px; height:23px; margin:0 -180px 0 200px; background:url(../img/buttom_b.gif) no-repeat left; line-height:23px; font-size:12px; font-weight:bold; color:#505050;}
.faqtop{ margin-top:10px;padding-left:7px;}
.faqtop li{ background:url(../img/bg_lid.gif) no-repeat left; padding:5px 0 5px 15px;}
.faqtop li a{ font-size:12px; color:#107fd4;}
.faqbot li{ margin:10px 0; padding:4px 10px; background:url(../img/bg_faq.gif) repeat-x left top; line-height:24px; border:1px solid #ccc;}
/*
.faqbot li a{ float:left; width:780px; background:url(../img/arrow_2.gif) no-repeat right center;color:#107fd4; font-weight:bold;}
.faqbot li a:hover{ text-decoration:none;color:#107fd4;}
.faqbot li a span{  margin-right:10px; font-size:12px;}
*/
.faqbot li div{ /**display:none;*/ padding:10px 0; clear:both;}
.faqbot li div .blue{ margin-right:10px; font-size:12px;}
.faqbot li a{ text-decoration:none;}
.faqbot h4{font-size:12px;}

.faqbot li ol{ margin-left:0;padding-left:0; list-style-type:decimal;}
.faqbot li li{
  margin:0 0 0 25px;
  padding:0;
  background:none;
  line-height:150%;
  border:none;
}


.enquiry,.enquiryb,.download1 { margin: 10px 0; border-collapse: collapse; color: #5a5a5a; }

.enquiry thead,.enquiryb thead,.download1 thead {  background: url(../img/bg_faqb.gif) repeat-x left bottom; }
.enquiry td ,.enquiry th,.enquiryb td ,.enquiryb th{ padding:8px 15px; border:1px solid #dadada; }
.enquiry td p,.enquiryb td p{ float:left; width:105px;margin-right:6px;}
/*
.enquiry td .input,.enquiry td .inputb,.enquiryb td .input,.enquiryb td .inputb{ float:left; width:160px; height:18px; margin-right:35px; border:1px solid #dadada;}
*/
.enquiry td select,.enquiryb td select{ float:left; width:245px; height:18px; margin-right:35px;border:1px solid #dadada;}
.enquiry td .inputb,.enquiryb td .inputb{ width:230px;}
.enquiryb{ margin:-1px 98px 10px 98px;}
.enquiryb textarea{ width:535px; height:85px; margin:2px 40px; border:1px solid #dadada;}
.enquiryb .buttom_b{ float:left;width:100px; height:23px; margin:5px; background:url(../img/buttom_b.gif) no-repeat left; line-height:23px; font-size:12px; font-weight:bold; color:#505050;display:inline;}
.enquiryb .import{ width:200px; margin:10px 0 0 5px; display:inline; }

/* css for download */
.loadout{width:838px; margin:10px 0 0 0;padding-bottom:5px;background:url(../img/bg_download_bot.gif) no-repeat left bottom;}
.load { overflow: hidden; padding: 24px 12px; background: url(../img/bg_download.gif) no-repeat left top; }
.load .img{float:left;width:14px; height:16px;  margin:120px 5px;display:inline; }
.load_1{ float:left;width:190px; height:375px;margin:0 5px;  border:1px solid #dadada;  overflow-y:auto;display:inline;}
* html .load_1{height:275px;}
.loadul li{}
.loadul li span{display:block;padding:5px 10px;border-bottom:1px solid #dadada;background-color:#f1f1f1;}
.loadul li a{ display:block;padding:4px 15px 4px 25px;border-bottom:1px solid #dadada;background-color:#fff;}
.loadul li a:hover{background:url(../img/bg_load.gif) repeat-x left bottom;text-decoration:none;color:#107fd4;}
.load_2{ float:left;width: 319px; height:375px;margin:0 5px; background-color:#fff; border:1px solid #dadada;display:inline; overflow-y:auto;}
* html .load_2{height:275px;}
.load_2 .loadul li a{}
.load_3{ float:left;width:187px; height:365px; margin-left:5px; padding:5px 15px;background-color:#fff; border:1px solid #dadada;display:inline; }
* html .load_3{height:265px;}
.load_3 ul { margin:10px 0 15px; }
.load_3 ul li { padding-left: 8px; background: url(../img/bg_lib.gif) no-repeat left 7px; }

.load_3 .bot { margin-top: 5px; }
.load_3 .bot h5 { font-size: 1.2em; padding-left: 20px; background: url(../img/arrow_13.gif) no-repeat left top; margin-top: 10px; margin-bottom: 5px; }
.load_3 .bot p { margin-left: 5px; }
.load_3 .bot a { padding-left: 15px; background: url(../img/arrow_14.gif) no-repeat left 2px;color: #000;font-weight: normal;text-decoration: none; }

/*.load_3 div { width: 170px;margin: 0 0 5px; text-align: center; }
#container .load_3 div img { margin: 10px 0 0 5px; }
.load_3  a,.load_3  a:hover{ margin:10px 0; color:#107fd4; line-height:150%;text-decoration:underline;}*/

.buttom_e{ width:80px; height:23px;  margin-top:10px; background:url(../img/buttom_e.gif) no-repeat left; border:0; font-size:12px;}
.download1{ text-align:center;}
.download1 thead th,.download1 td,.download1 th{ border:1px solid #dadada;}
.download1 thead th{ padding:10px 15px; font-size:14px; text-align:left;}
.download1 th{ padding:6px 12px;}
.download1 td{ padding:15px;}


/* css for login */
.login { width:679px; height:182px; margin:75px 0 100px 82px; background:url(../img/bg_login.gif) no-repeat left;}
.name{ float: left; width:245px;  margin:0 0 0 290px; display:inline;}
.name div{ padding:5px 0; clear:both;}
.login  h2{float: left; margin:35px 0 10px 290px; font-size:16px; display:inline;}
.name div .input{ float: left; width:156px; height:16px; background-color:#fff;border:1px solid #dadada;}
.name div p{float:left; width:62px; }
.login .name div .checkbox{ float:left; margin:0 0 0 50px;display:inline;  }
.login .name div .checkbox{ *margin-top:-2px;}
.login .submit{ float:right; width:69px; height:41px; margin:5px 75px 0 0 ; background:url(../img/buttom_c.gif) no-repeat left; border:0; font-size:14px; font-weight:bold;}
.down,.downb{ margin:15px auto; border-collapse:collapse;}
.down td,.down th,.downb td,.downb th{ padding:5px 15px; border:1px solid #fff; font-size:12px;}
.down thead{ background-color:#00294d; color:#fff;}
.down td a{ margin-right:4px;}
.downb td a:hover{ text-decoration:none; color:#5091b7; font-weight:bold;}
.award_upl h2{ font-size:14px; color:#107fd4; margin-left:10px; background:url(../img/arrow_9.gif) no-repeat left; text-indent:18px;}
.buttom_main{ width:41px; height:20px; background:url(../img/buttom_main.gif) no-repeat left; border:none;}
.buttom_logout{ width:57px; height:20px; margin-right:10px; background:url(../img/buttom_logout.gif) no-repeat left;border:none;}
.cat{ margin-left:10px; font-size:13px; color:#00294d;}
.notes { width:820px; margin:10px; border:1px solid #eee;}
.notes h4{ margin:10px; font-size:12px; color:#002951;}
.notes p{ margin:0 10px;}
.notes div{ height:80px; margin:10px; background:url(../img/bg_notes.jpg) repeat-x left top;}
.notes div a{ float:left; margin:10px 25px 5px 15px;padding-left:10px; background:url(../img/arrow_11.gif) no-repeat left; font-size:15px; color:#00345b; font-weight:bold; }
.redb{ width:540px; margin:30px 0 20px 150px; color:#f00; border-left:1px solid #ccc;border-right:1px solid #ccc;}
.redb p{ margin:0 10px;}
.step1{ margin:10px auto 5px auto;}
.step1 a{  height:26px; margin-right:13px; padding:6px 0 6px 3px; background:url(../img/buttom_ga.gif) no-repeat left; font-weight:bold; font-size:12px; color:#c7d0d7;}
.step1 a:hover,.step1 .sel{ color:#666; text-decoration:none;}
.step1 a span{padding:6px 12px 6px 10px; background:url(../img/buttom_gb.gif) no-repeat right;}
.step2 { width:840px;}
.step2 a{ float:left; margin:5px 1px 0 0; padding:3px 15px; background-color:#004678; font-size:12px;color:#fff;}
.step2 a:hover{background-color:#009cde; text-decoration:none;color:#fff; }
.step4{ margin:0 0 -10px 10px; font-size:13px; color:#003366;}

.table_support{ margin:15px 0 0 35px;  border-collapse:collapse;}
.table_support th,.table_support td{ padding:6px 10px; border:1px solid #dbe4ed;}
.table_support th{ text-align:right; background-color:#f1f1f1;border:1px solid #fff;}
/*.table_support td input{ height:12px; padding:2px;}*/
.table_support td input,.table_support td textarea{ font-size:11px;}
.table_support td img{ margin-right:15px;}
.table_support td img{_margin-right:-10px;}
.page{ width:840px; margin:15px 10px; padding-left:10px;}
.page p{ margin:5px 5px 10px 0;}
.pagetit{ font-size:12px;color: #0000ff;}
.pageimg{ margin-bottom:15px; text-align:center;}
.page table{ margin-top:10px;}
.pageul{ margin:0 0 10px 5px;}
.page ol{margin:0 0 5px -10px;}
.page ol{ *margin-left:23px;}


/* css for home */
/*.homehead{ width:1002px; height:180px; margin:0 auto; padding-top:91px;background:url(../img/hometop.jpg) no-repeat left top;}
.homecont{width:1002px; height:300px;margin:0 auto;background:url(../img/homebg.jpg) no-repeat left top; text-align:left;}*/

.tt{ width:660px; height:28px; margin-left:178px;}
.tt li{ float:left; margin:0 40px; font-size:14px; color:#fff; line-height:28px; display:inline;}
.leader{margin-left:178px;}
.leader ul{ float:left;  margin:10px 15px 0 15px; display:inline;}
.leader ul li{width:130px; margin-bottom:4px;}
.leader ul li span{ margin-left:5px; font-family:"宋体"; font-size:12px; color:#ccc;}
.leader ul li a{ padding-left:10px;}
.leader ul li a:hover{ text-decoration:none;background:url(../img/arrow12.gif) no-repeat left center;}
.homecont .ula{ margin-left:30px;}
.homecont .ulb{ margin-left:-25px;}
.homecont .ulc{ margin-left:35px;}
.homecont .uld{ margin-left:38px;}
.homecont .ula{ *margin-left:15px;}
.homecont .ulb{ *margin-left:-40px;}
.homecont .ulc{ *margin-left:20px;}
.homecont .uld{ *margin-left:20px;}


.detailsb{ margin-bottom:15px; padding:10px; background-color:#f9f9f9; border-bottom:1px solid #e4e4e4; }
#containerA .title_date{ margin:0 0 10px 0 ; background:none; font-size:11px; color:#666;}
.bdate{ margin-left:15px; color:#408cb3; font-weight:normal;}
.detailsb p{ line-height:180%;}
.detailsb ul li{ margin-bottom:4px; padding-left:10px; background:url(../img/bg_lib.gif) no-repeat left center;}
.pagesmenu{ padding:0 0 15px 5px;border-bottom:1px solid #e4e4e4; color:#408cb3;}
.pagesmenu a{ margin:0 2px; color:#408cb3;} 
.pagesmenu a:hover{color:#408cb3; }
.pagesmenu .slet{font-weight:bold;}
.feedtab{}
.feedtab th{ padding:5px 0;color:#666; vertical-align:top;}
.feedtab td{ padding:3px 0; vertical-align:top; }
.feedtab p{padding-bottom:14px;}
.inpu{ width:190px; border:1px solid #54585b;}
.feedtab td textarea{ width:415px; /* height:115px; */ border:1px solid #54585b;}
.buttom_g{ width:125px; height:23px; background:url(../img/buttomf.png) no-repeat left center; border:0 none;cursor:pointer;}
 
#containerA .post{ margin:15px 0; padding:0; background:none; border:0 none;}
 
 
 
 
 
 
 
 
 
 
 

/*X*/
.edittext, .edittext p{
	line-height:150%;
}
.edittext p{padding-bottom:14px;}
.edittext ul{ list-style-type:disc;}
.edittext ul li{ margin-left:15px;}
.edittext ul ul{ list-style-type:circle;}
.edittext ul ul ul{ list-style-type:square;}
.edittext ol{ list-style-type:decimal;}
.edittext ol li{ margin-left:25px;}
/*.editortext ol li{list-style-position:inside;}*/

/*editor*/
.edit_table1, .edit_table2, .edit_table3{border-collapse:collapse;}
.edit_table1 th, .edit_table1 td{border:1px solid #000;}
.edit_table2 th, .edit_table2 td{border:1px solid #ccc;}
.edit_table3 th, .edit_table3 td{border:1px solid #fff;}


/*----------------
 -- jerryliu
----------------*/
ul.productShow_2 a.intro {
  margin-bottom: 10px;
  display: block;
  height: 36px;
  overflow: hidden;
}

div.comparison_btn {
  margin-top: 5px;
}







.categoryIntro{
  margin: 10px 0 20px 7px;
}

/*----------------
 -- tinyMCE
----------------*/
body#tinymce {
  background-color: white;
  text-align: left;
}

/*----------------
 -- coda slider
----------------*/
#slider {
  width: 654px;
  margin: 0 auto;
  position: relative;
}
#slider .selected{
	color:#ff0000;
}
.scroll {
  width: 654px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
}
.scrollContainer div.panel {
  width: 634px;
  padding: 10px;
}
.scrollContainer div.panel h5 {
	color: #408cb3;
	font-size: 1.2em;
	padding: 4px 0 4px 10px;
	margin: 5px 0;
	border-bottom: 1px dotted #ccc;
  background:url(../img/arrow_11.gif) no-repeat left 45%;
}
.scrollContainer div.panel h6 {
	font-size: 1em;
}

.navigation {
  width: 654px;
  border-bottom: 2px solid #ccc;
  height: 29px;
}
.navigation li { float: left; display: inline; }
.navigation li a {
  display: block;
  width: 154px;
  height: 29px;
  float: left;
  margin-right: 3px;
  background: url(../img/index_prodtita.gif) no-repeat bottom;
  text-align: center;
  line-height: 29px;
  color: #2b2b2b;
  font-weight: bold;
}
.navigation li a:hover { text-decoration: none; }
.navigation .selected {  background:url(../img/index_prodtitb.gif) no-repeat bottom; }
.navigation  a:focus { outline: none; }






/*wolf*/
.producttab {
  border-collapse: collapse;
  border-left: 1px solid #E4E4E4;
  border-top: 1px solid #E4E4E4;
}
  .producttab th, .producttab td {
    padding: 10px;
  }
  .producttab th {
  }
  .producttab td {
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
  }
  .producttab td table {
    border-collapse: collapse;
  }
  .producttab td td {
    padding: 0 3px;
    border: 1px solid #E4E4E4;
  }



/* Style for standard table
*/
table.standard {
  margin-bottom: 30px;
  border-right: solid 1px #EEE;
  border-bottom: solid 1px #EEE;
}
  table.standard caption {
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    font-weight: bold;
    color: green;
  }
  table.standard thead {
  }
  table.standard thead tr {
    background-color: #f0f8f9;
  }
  table.standard th, table.standard td {
    padding: 2px 3px;
    border-left: solid 1px #EEE;
    border-top: solid 1px #EEE;
  }
  table.standard tr {
    background-color: #FFF;
  }




.topleft{
	margin:25px 8px 0 0;
	padding-left:15px;
	width:330px;
	float:left;
	height:33px;
	overflow:hidden; zoom:1;
} 
.topleft a{
	padding-left:20px;
	margin-right:15px;
	display:block;
	float:left;
	height:16px;
	color:#fff;
	text-decoration:none;
}
.topleft a:hover{
	text-decoration:none;
	color:#fff;
}
.topleft .a_1{
	background:url(../img/facebook.gif) no-repeat left top;
}
.topleft .a_2{
	background:url(../img/twitter.gif) no-repeat left top;
}

.comment{
	padding:7px 0;
}
.comment .top2{
	background:#fff url(../img/bg_top.png) no-repeat left top;
	width:839px;
	height:8px;
	overflow:hidden;
}
.comment .middle{
	background:#fbfbfb url(../img/bg_middle.png) repeat-x center top;
	margin:0 1px;
	padding:0 10px;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	text-align:center;
}
.comment .middle a{
	color:#2533ff;
	text-decoration:underline;
	
}
.comment .middle strong{
	font-weight:bold;
	color:#000;
}
.comment .bot{
	background:url(../img/bg_bot.png) no-repeat right top;
	height:8px;
}

#scrollDiv{width:800px;height:40px;overflow:hidden}
#scrollDiv li{height:40px; line-height:20px;padding-left:10px; font-size:12px;}
#scrollDiv li span{font-style:italic;}


.contentheight{
	min-height:740px;
}
* html .contentheight{height:740px;}

.banner_box{
	width:870px;
	height:300px;
	overflow:hidden;
}
.banner_box .img img{
	width:870px;
	height:300px;
}
.banner_box .pagination{
	position:absolute;
	top:24px;
	right:39px;
	z-index:10;
}
.banner_box .pagination a{
	width:18px;
	height:6px;
	display:block;
	float:left;
	margin-left:10px;
	border:1px #999 solid;
	background:#09487c;
	text-indent:100em;
}
.banner_box .pagination a.activeSlide{
	border:1px #fff solid;
	background:#33ccff;
}