@charset "utf-8";
*{ margin:0; padding:0;}
li{list-style-type:none;}
img{border:0}

.gray{ color:#999}
.more{ float:right; font-weight:100; margin-right:10px; font-size:12px;}
.hide{display:none}
.timer{ font-size:12px; float:right; color:#999} 
.red{color:#F00}

.box_hint {color:#0063B9;background:#E8F7FF;border:1px solid #0063B9;padding:2px;height:16px; text-indent:1em; margin-left:10px}
.box_error {color:#6C0909;background:#FFEAEA;border:1px solid #E51C1C;padding:2px;height:16px; text-indent:1em; margin-left:10px}
.box_right {color:#0063B9;background:#E8F7FF;border:1px solid #0063B9;padding:2px; height:16px; text-indent:1em; margin-left:10px}

h3{  font-size:16px; border-bottom:1px #EEE solid; height:30px; padding-top:5px;}
h4{ float:left; width:100%; font-size:14px; border-bottom:1px #EEE dotted; border-top:1px #EEE dotted; height:25px; margin:10px 0 10px 0; padding-top:5px;}
h3.doc_title{ text-align:center;}
.doc{ line-height:2; float:left; width:100%; padding:10px 0 10px 0;}

a:link{color:#2D67B7;text-decoration:none}
a:visited{color:#2D67B7; text-decoration:none}
a:hover{color:#006BFF;text-decoration:underline}
a:active{color:#2D67B7;text-decoration:none}

body{ font-family:Arial;font-size:12px;color:#333;word-wrap: normal ; word-break:keep-all;}
#top{ width:100%; height:20px; padding-top:5px; background:#E1EEFF; border-bottom:1px #c7c7c7 solid; text-align:right;}
#wrap{ float:left; width:100%;background:url(../images/bg_body.gif) top repeat-x;}
#container{margin:0 auto;width:970px;}
#head{float:left;padding-top:14px;width:100%;height:130px;}
#logo{float:left; width:321px; height:76px; padding-bottom:10px;}
#banner{float:right;width:594px;height:76px; padding-left:32px; }
#menu{float:left;height:30px;padding-top:12px;font-weight:bold;font-size:14px; color:#2D67B7; width:100%;}
#menu li{ float:left; margin-left:10px;}
#menu li a{ color:#2D67B7}

#left{ float:left; width:238px;}
.leftBlock{ float:left; width:100%; margin-top:5px;}
.leftBlock h2{ float:left; width:238px; height:25px; padding-top:10px; background:url(../images/bg_title_leftblock.gif) no-repeat; font-size:14px}
.leftBlock h2 img{ padding:0 10px 0 10px}
.leftBlock ul#list{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul#list li{ float:left; width:200px; padding-left:20px;background:url(../images/arrow_green.gif) no-repeat; height:18px; font-weight:bold;}
.leftBlock ul#list li.i{ background:url(../images/arrow_red.gif) no-repeat;}
.leftBlock ul#list li.line{ background:url(../images/line.gif) center no-repeat;}
.leftBlock ul.leads{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul.leads li{ float:left; width:190px;height:20px;padding:5px 0 0 25px; background:url(../images/arrow_square.gif) left center no-repeat;border-bottom:1px #ccc dotted;}

.leftBlock ul.personlist{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul.personlist li{ float:left; width:190px;height:20px;padding:5px 0 0 25px; background:url(../images/icon_person.gif) left center no-repeat;border-bottom:1px #ccc dotted;}


.leftBlock .LBBottom{ float:left; width:100%; height:8px;background:url(../images/bg_leftblock.gif) no-repeat;}
.leftBlock div#msg{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px; line-height:200%}
.leftBlock div#msg input{ width:200px; height:20px;}
.leftBlock div#msg button{ line-height:1; margin:20px 20px 20px 0; width:80px; padding-top:3px;}
.leftBlock .leftPicAd{ float:left; width:100%}
.leftPicAd img{margin-top:5px; float:left}

#main{ float:left; width:100%; margin-top:5px;}
#right{ float:left; width:722px; padding-left:10px; padding-top:5px}
#mainTop{ float:left; width:100%; background:url(../images/bg_maintop.gif) no-repeat; height:178px;}
#search{text-align:center; padding-top:8px}
#searchform_index{ padding-top:10px;}
.nBtn_index{ float:left; margin:0;}
#search input{ border:1px #999 solid; border-right:none;}
.nBtn{ width:106px; height:25px; background:url(../images/bg_nbtn.gif) no-repeat; border:0; font-weight:bold; cursor:pointer}
.joinLink{ float:left; width:100%; text-align:right; margin-top:40px;}
.joinLink img{ margin-right:30px;}
.signLink{ float:left; width:100%; text-align:right; margin-top:20px;}
.signLink img{ margin-right:30px;}
.mainList_s{ float:left; width:355px; margin-top:10px}
.ml{ margin-right:12px;}
.mainList_s h2{ float:left; width:100%; height:25px; padding-top:10px; background:url(../images/bg_title_mls.gif) no-repeat; font-size:14px}
.mainList_s h2 img{ padding:0 10px 0 10px}
.mainList_s .mlsCenter{ float:left; width:343px;padding-left:10px; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;padding-top:10px}
.mainList_s .mlsCenter table{ border:0; border-collapse:collapse; width:95%}
.mainList_s .mlsCenter table tr td{ background:url(../images/line_broken.gif) bottom repeat-x;  height:25px;}
.mainList_s .mlsBottom{float:left; width:100%; height:15px; background:url(../images/bg_bottom_mls.gif) no-repeat}
.mainBannerAD{float:left; width:100%; margin-top:10px;}

.mainList{ float:left; width:100%; margin-top:10px }
.mainList h2{ float:left; width:100%; height:25px; padding-top:10px; background:url(../images/bg_title_ml.gif) no-repeat; font-size:14px}
.mainList h2 img{ padding:0 10px 0 10px}
.mainList .mlCenter{ float:left; width:718px; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;padding-top:10px; text-align:center}
.mainList .mlCenter table.mlHead{border:0; border-collapse:collapse; width:95%; text-align:left; font-weight:bold}
.mainList .mlCenter table.mlHead tr td{ border-bottom:1px #8E8E8E solid; height:25px;}
.mainList .mlCenter table.mlBody{border:0; border-collapse:collapse; width:95%; text-align:left}
.mainList .mlCenter table.mlBody thead tr td{ font-weight:bold; background:#EAEAEA;}
.mainList .mlCenter table.mlBody tr td{ background:url(../images/line_broken.gif) bottom repeat-x; height:25px;}
.mainList .mlBottom{float:left; width:100%; height:12px; background:url(../images/bg_bottom_ml.gif) no-repeat}

#query{ float:left; width:718px; border:1px #D8D8D8 solid; background:#DCECFF; text-align:center; height:57px; padding-top:30px; margin-top:10px;}
#query .title{ font-size:14px; font-weight:bold; margin-right:10px;}
#searchorder{ color:#999; height:20px; margin-right:10px;}

#showSearch{ float:left; width:100%; background:#DCECFF; text-align:center; height:35px; padding-top:15px; padding-bottom:10px; border-top:1px dotted #EEE; border-bottom:1px dotted #EEE}
#showSearch .reglink{ margin-right:40px;font-weight:bold; float:right; width:150px; }
#showSearch .reglink a{ margin-right:10px;margin-left:10px;}
#searchIpt{color:#999; height:20px; margin-right:10px;}

#root{ float:left; width:100%; height:25px; padding-top:5px; background:url(../images/line_broken.gif) bottom repeat-x; margin-bottom:8px;}
#root .sprate{ margin-right:10px; margin-left:10px}
#tagTitle { float:left; width:100%}
#tagTitle li{ float:left; width:220px; height:29px; margin-right:8px; background:#EFEFEF; border-top:1px solid #DBDBDB;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB; padding-top:6px; font-size:18px; text-align:center }
#tagTitle li img{ margin-right:8px;}
#tagTitle li.current{background:#E0EBFF; border-top:1px solid #B5D6FF;border-left:1px solid #B5D6FF;border-right:1px solid #B5D6FF;}
#tagTitle li span{ color:#999; font-size:10px;}

h1.title2{ float:left; height:40px; padding-top:10px; width:100%; background:#E5F1FF; font-size:16px; text-indent:1em}
h1.title2 .num{color:#999; font-size:10px;font-weight:100; }
h1.title2 .titleControlbox{ font-size:12px; font-weight:100; margin-left:2em}
h1.title2 .titleControlbox form{ display:inline}
#controlBox{background:#E0EBFF;border-left:1px solid #B5D6FF;border-right:1px solid #B5D6FF; height:40px; float:left; width:720px; padding-top:8px; }
#controlBox #viewMode{ background:url(../images/bg_viewmode.gif) no-repeat; width:170px; height:20px; padding-left:84px; padding-top:4px; float:left; margin-left:10px;}
#controlBox #viewMode li{ float:left;}
#controlBox #viewMode li a{ margin-right:28px}
#controlBox form{ display:inline}
#gotopage{ width:20px;}
#showList{ float:left;}

table.dl{ background:#F1F1F1}
table.dl tr td.pic{ background:#FFF}

#showList table{ float:left; margin-top:8px; }

#showList table tr td.pic img{ border:1px solid #68ABFF; padding:2px;}
#showList table tr td.name{ font-size:14px; background:url(../images/line_broken.gif) bottom repeat-x; width:580px; height:30px;}
#showList table tr td.intro{ background:url(../images/line_broken.gif) bottom repeat-x; line-height:1.5; word-break:break-all;white-space: -moz-pre-wrap; width:580px; overflow:hidden;}
#showList table tr td.comName{ color:#999}
#showList table tr td.comName a.cn{ color:#73B1FF;}

#comList table tr td.name{ height:30px; background:url(../images/line_broken.gif) bottom repeat-x; font-size:14px;}
#comList table tr td.intro{padding-top:5px; padding-bottom:5px; background:url(../images/line_broken.gif) bottom repeat-x; line-height:2;}

h2.noinfo{ width:100%; margin:10px 0 10px 0; padding:20px 0 20px 0; border-bottom:1px #999 dotted; text-align:center}

.cc{ float:right; font-size:12px;}
.cc img{ margin-left:10px}

.showDetail{ float:left;}
.showDetail .propic{ float:left; width:130px; margin:10px;}
.showDetail .propic img{ width:90px; height:85px; overflow:hidden; padding:5px; border:1px #EEE solid;}
.showDetail .prodetails{ float:left; width:560px; }
.showDetail .prodetails ul li{ height:20px; padding-top:5px; background:url(../images/line_broken.gif) bottom repeat-x;}
.showDetail .comdetails{float:left; width:100%; margin:10px 0 10px 0; background-color:#EBF4FF; padding:5px 0 5px 0; }
.showDetail .comdetails table thead{ font-weight:bold}
.showDetail .features{ float:left; width:100%;}
.showDetail .features p.textCont{ }

table.opinion{ float:left;width:300px; margin-right:10px; border-right:1px solid #ccc;  }
table.opinion tr td.vt{ width:200px; text-align:right; height:25px}
div.comment{ float:left; width:400px; padding-left:10px}

p.textCont{ line-height:2;}
ul.gallery{ padding:10px 0 10px 10px; float:left; width:700px}
ul.gallery li{ float:left; margin-right:20px; width:87px; height:120px; overflow:hidden}
ul.gallery li img{ width:79px; height:79px; padding:3px; overflow:hidden; border:1px #EEE solid;}

.login_cont{ float:left; position:relative; width:100%; background:url(../images/bg_login_cont.jpg) no-repeat; height:326px; margin-top:30px;margin-bottom:20px;}
.login{  position:absolute; width:286px; margin-top:-18px; padding-top:48px; height:340px; background:url(../images/bg_login_head.gif) no-repeat; margin-left:30px;}
.login .login_center{ width:264px; border-left:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; background:#FFF; padding-left:20px; line-height:2; font-size:14px; height:296px}
.login .login_center input#Email{ width:220px; height:20px;}
.login .login_center input#Passwd{ width:220px; height:20px;}
.login .login_center p{ padding-bottom:5px}
.login .login_center p.rem{ font-size:12px; color:#999}
.login .login_center button{ width:101px; height:29px; background:url(../images/btn_sign.gif); border:none; margin:10px}
.login .login_center button span{ display:none}
.login .login_bottom{ float:left; width:100%; height:18px;background:url(../images/bg_login_bottom.gif) no-repeat;}

.reg_cont{ float:left;  background:url(../images/bg_reg.gif) repeat-x; height:326px; padding:10px}
.reg_cont fieldset{ padding:0 0 10px 0;border:none;border-top:solid 1px #CCCCCC;}
.reg_cont fieldset legend{margin:0 0 10px -5px; font-size:16px; color:#FF7F02;}
.reg_cont fieldset legend img{ margin-right:10px}
.reg_cont table tr th{ font-size:14px; text-align:right; width:210px; height:25px; padding-right:10px}
.reg_cont table tr td.agree{ color:#999; line-height:2}
.reg_cont button.btn_join{ width:101px; height:29px; background:url(../images/btn_join.gif); border:none; margin:10px}
.reg_cont button.btn_join span{ display:none}

.my_cont{ float:left; width:100%; }
.my_cont h1{background:url(../images/bg_my_h1.gif) repeat-x; padding-bottom:10px; height:50px; padding-top:16px;  text-align:center; color:#FFF; font-size:24px; font-weight:normal}
.my_cont .mymain{ float:left; background:#C4DBEF; width:100%;}
.my_cont .mymain .mymenu{ float:left; width:200px;}
.my_cont .mymain .mytable{ float:left; width:750px; background:#FFF; padding:0 10px 10px 10px; min-height:540px; height:auto!important; height:540px;}
.my_cont .mymain .mymenu dl img{ margin-right:10px}
.my_cont .mymain .mymenu dl dt{ float:left; width:180px; height:20px; padding:6px 0 0 20px; background:url(../images/bg_my_dt.gif) repeat-x; font-weight:bold;}
.my_cont .mymain .mymenu dl dd{ float:left; width:170px; height:20px; padding:5px 0 0 30px; background:url(../images/bg_my_dd.gif) repeat-x; }
.my_cont .mymain .mymenu dl dd.current{background:url(../images/bg_my_dd_current.gif) repeat-x; }
.my_cont .mymain .mytable h2{  border-bottom:1px solid #C4DBEF; height:25px; padding-top:5px; font-size:14px; margin-bottom:10px}
.my_cont .mymain .mytable table tr th{ text-align:right; padding-right:10px;  height:auto !important; min-height:30px;height:30px;}
.my_cont .mymain .mytable li.template{ float:left; margin-left:50px; margin-right:50px; margin-bottom:30px;}
.my_cont .mymain .mytable table thead tr td{ height:40px; background:#FFEDDC; font-weight:bold; text-align:center}
.my_cont .mymain .mytable table tfoot tr td{ height:40px;}
.my_cont .mymain .mytable table.order{ float:left}
.my_cont .mymain .mytable table.linetable tbody tr td{ border-bottom:1px solid #ccc; padding:3px;}

table.order{border-collapse:collapse; width:300px; margin:20px; border:1px #8E8E8E solid;}
table.order thead tr td{font-size:16px; font-weight:bold; height:40px; border:1px #8E8E8E solid; text-indent:2em;background:#FFEFE3}
table.order tbody tr td,table.order tbody tr th{background:#F7FBFF; height:25px; border:1px #8E8E8E solid;text-indent:1em; }
table.order tbody tr th{background:#FFEFE3}

h5.pages{ float:left; width:100%; font-weight:normal; height:25px; padding-top:5px; text-align:right; margin:8px 0 8px 0; font-size:12px}
h5.pages .page{padding:2px 5px 2px 5px; border:1px #378FFF solid;margin:0 2px 0 2px;}
h5.pages .current{background:#378FFF;}
h5.pages .current a{ color:#FFF}
h5.pages .current a:visited{ color:#FFF}
h5.pages .browse{padding:2px 5px 2px 5px; border:1px #378FFF solid; background:#FFF;margin:0 2px 0 2px;}

#inquiry table{ width:100%; margin:10px 0 10px 0;}
#inquiry table tbody tr th{ background:#EEE; font-size:14px; font-weight:bold; text-align:right; padding:5px 10px 5px 0; width:150px;}
#inquiry table tbody tr td{ padding:5px 0 5px 10px; background:#FFF9F5}
#inquiry table tfoot tr td{ height:40px;}

.tips{ float:left; width:80%;  padding-bottom:40px;margin:40px 0 40px 80px; text-align:center; background:#ECFFED;}
.tips p{  font-size:24px; font-weight:bold; height:50px; padding:30px 0 30px 0;}
.tips p img{ margin-right:30px;}
.tips legend{ font-size:18px; padding-left:20px; padding-right:20px}

.error{ float:left; width:80%;  padding-bottom:40px;margin:40px 0 40px 80px; text-align:center; background:#FFFFE5;}
.error p{ color:#FFA800; font-size:24px; font-weight:bold; height:50px; padding:30px 0 30px 0;}
.error p img{ margin-right:30px;}
.error legend{ font-size:18px; padding-left:20px; padding-right:20px}

span.tipsbutt{font-size:14px;text-align:center;background:url(../images/bg_butt_tips.gif) repeat-x;}
span.tipsbutt a{color:#0071FF; padding:7px 20px 7px 20px;}
span.tipsbutt a:visited{color:#0071FF}

.centerlink{ float:left;padding:10px 0 10px 0; width:100%; text-align:center}

.link_show{float:left; border:1px #9E9E9E solid; width:100%; margin:10px 0 10px 0; background:url(../images/bg_link_show.gif) repeat-x;}
h2.link_show_title{ padding:10px 0 0 10px; font-size:18px; color:#FFF;}
h2.link_show_title img{ margin-right:10px}
ul.link_show_list{ float:left;padding:10px; width:948px; margin-top:10px;}
ul.link_show_list li{ float:left; width:100%;  margin-bottom:5px; margin-top:5px; background:#FFF;}
ul.link_show_list li p.title{ float:left; width:100%; border-bottom:1px #879ABE dotted; font-size:14px; text-indent:1em; padding:5px 0 5px 0}
ul.link_show_list li p.title img{float:right; margin-right:20px}
ul.link_show_list li p.content{ float:left; width:928px; line-height:2; padding:5px 10px 5px 10px;}

ul.stanlist{ float:left;border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;padding:10px; width:698px;}
ul.stanlist li{ float:left; width:100%;  margin-bottom:5px; margin-top:5px; background:#FFF;}
ul.stanlist li p.title{ float:left; width:100%; border-bottom:1px #879ABE dotted; font-size:14px; text-indent:1em; padding:5px 0 5px 0}
ul.stanlist li p.content{ float:left; line-height:2; padding:5px 10px 5px 10px; }
ul.stanlist li p.title img{ float:right; margin-right:20px}

/*knowhow*/
.quesList{ margin-bottom:8px}
.host{ float:left; width:100%; border-top:1px solid #ccc; background:#E9F1FF; }
.host p.subject{ font-size:14px; font-weight:bold; padding:8px;}
.host p.post{ line-height:1.5; padding:8px;}
.postinfo{ float:left; width:100%; background:#FAFAFA; padding:5px 0 5px 0;margin-top:5px; border-bottom:1px solid #ccc;}
.resp{ float:left; width:100%; padding-top:5px; line-height:1.5}
.resp img.best{ float:left; margin-right:10px}

.memberinfo{ float:left; width:220px; padding:10px; margin-right:10px; border:1px #ccc solid; background:#EEF6FF; line-height:2}
.memberinfo h3{ border-bottom:1px #81BCFF solid;}
.memberinfo ul{ padding:10px 0 10px 0;}
.memberinfo ul li{ height:30px}
.record{ float:left; width:710px; border:1px #CCC solid;}
.record table{ margin:10px 0 10px 0}
.record h3{ text-indent:10px;  background:#EEF6FF; }
.record h3 img{ margin-right:10px;}
.record table thead tr td{ background:#F5F5F5; height:30px; font-size:14px;}
.record table tbody tr td{ height:25px}
.sidebar_qlist{ float:right; width:238px}

.left_abouttube{ float:left; width:209px;}
.left_abouttube ul{ float:left; padding:20px 0 20px 0; background:#6ECDFD; width:100%;}
.left_abouttube ul li{float:left;width:174px;height:23px;padding-top:8px;margin-left:10px;background:url(../images/bg_li_abouttube.gif) no-repeat;font-size:14px; text-align:center; font-weight:bold; margin-top:10px}
.left_abouttube_bottom{ float:left; width:100%; height:240px; background:url(../images/bg_abouttube.gif)  no-repeat;}
.right_abouttube{ float:left; width:749px; margin-left:10px; background:#E7F7FF;}
.right_abouttube h2{ font-size:14px; height:30px; border-top:4px #82A4D4 solid; width:100%; padding-top:10px; text-align:center; background:url(../images/bg_h2_abouttube.gif) bottom repeat-x;}
.right_abouttube .content_abouttube{ float:left; width:729px; padding:10px; line-height:2; min-height:500px; height:auto !important; height:500px; border-bottom:4px #82A4D4 solid; }

.reset{ float:left; width:965px; border:1px #7FA2D4 solid;}
.reset h2{ height:25px; padding:5px 0 0 20px; font-size:14px; background:#7FA2D4; color:#FFF;}
.reset form{ padding:20px;}
.reset form p{ padding:5px}

#bottomTextAd{ float:left; width:967px; margin-top:10px; padding-top:10px; border-top:1px #D8D8D8 solid; line-height:2; }
#footer{ float:left; width:100%; height:60px; line-height:2; text-align:center; border-top:1px #D8D8D8 solid; margin-top:10px;padding-top:10px; color:#999}