BODY { padding:0px; margin:0px; color: #333333; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; min-width: 1000px; }
form,P,OL,ul,li { padding:0px; margin:0px; }
ul  { LIST-STYLE-TYPE: none; }
img { border:0px; }
h1,h2,h3,h4,h5 { padding:0;	margin:0px 0 0px 0;} 
#head { clear:both; width:900px; height:240px; margin:auto; border-top:#CCCCCC solid 2px; padding-top:15px; }
#head .logo { float:left; width:300px; text-align:left; height:60px;}
#head .logo p { clear:both; text-align:right; font-size: 12px; line-height: 16px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }
#head .tab { float:right; line-height:23px; font-size:12px; color:#FFA9BC; }
#head .tab li { display:inline; padding-left:7px; padding-right:7px; background:url(linkbg.gif) no-repeat right 2px; margin-right:3px;}
#head .tab a:link,
#head .tab a:hover,
#head .tab a:visited{ font-size:12px; color: #ffffff; font-family: Tahoma;font-weight: bold; text-decoration:none; filter:dropshadow(color=FFFFFF,offx=1,offy=1,positive=1); }
#head .tab a:active{ font-size:12px; color: #FFCCCC; font-family: Tahoma;font-weight: bold; text-decoration: underline; filter:dropshadow(color=FFFFFF,offx=1,offy=1,positive=1);}
#head .tab .link { padding:0 0 0 12px; margin:0px; height:25px; background:url(dh_left.gif) no-repeat left 0px; background-color:#FE2567;}
#head .tab .link .right{ padding:0px 12px 0px 0px; margin:0px;height:25px; background:url(dh_right.gif) no-repeat right top; }
#head .search { float:right; margin-top:3px; }

#footer { clear:both; width:900px; margin:auto; border-top:#D5D5D5 solid 2px;  height:68px; text-align:center; padding-top:8px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#links { clear:both;  width:898px; margin:auto; margin-bottom:6px;  border:#D5D5D5 solid 1px; padding:6px 0 4px 0; }
#links li { display:inline; padding-right:3px; padding-left:3px; }
#link { clear:both;  width:898px; margin:auto; margin-bottom:6px;  border:#D5D5D5 solid 1px; padding:6px 0 4px 0; }
#link li { display:inline; padding-right:3px; padding-left:3px; }


.online { float:left; }
.online li { display:inline; margin-right:8px; }


.blank8 { clear:both; height:8px; overflow:hidden; }

.address { clear:both; text-align:left; padding-left:10px;  font-weight:bold; }
.address a:link,
.address a:hover,
.address a:visited,
.address a:active { font-size:12px; color:#003399;   text-decoration:underline; }


#content { clear:both; width:930px; margin:auto;}
.newleft { float:left; width:445px; text-align:center;  }
.newright { float:right; width:445px; text-align:center; }

.newslist ul { list-style-type:disc; width:500px; }
.newslist li { padding-left:14px; margin-left:5px; background:url(itembg.gif) left no-repeat 8px; height:25px;position:relative;}
.newslist li a:link,
.newslist li a:active,
.newslist li a:visited { font-size:14px; color:#333333; text-decoration:none; }
.newslist li a:hover{ font-size:14px; color:#003399; text-decoration: underline; }
.date{ clear:both; text-align:left; font-size:11px; color:#666666; }
dd { padding-top:15px; padding-bottom:15px; border-top:#999999 dashed 1px; }


.newlist { clear:both; width:840px;  margin:auto; text-align:center; margin-top:10px; }
.newlist li { float:left; display:inline; margin-left:23px; margin-right:23px; }
.newlist li .pic { border:#CCCCCC solid 1px;  height:150px; width:145px; padding:5px; margin-bottom:10px; }
.newlist li .pic img { border:1px #FFFFFF solid; width:150px; height:120px;  text-align:center;}
.newlist li .pic h3{ font-size:14px; font-weight:normal; line-height:22px;  text-align:center; }

.newcomming { clear:both; width:880px;  margin:auto; text-align:center; }
.newcomming li { float:left; display:inline; margin-left:8px; margin-right:8px; }
.newcomming li .item { width:150px; padding:5px; margin-bottom:10px; }
.newcomming li .item img { border:0px; width:150px; height:120px; }
.newcomming li .item h3{ font-size:14px; font-weight:normal; line-height:22px; }



.login { clear:both; width:400px; margin:auto; margin-top:30px; margin-bottom:30px; height:300px; }
.login h1 { font-size:30px; color: #7B65C6; text-align:left; margin: 8px 0px 15px 0px; }
.login a:link,
.login a:hover,
.login a:visited,
.login a:active { font-size:13px; font-weight:bold; color:#003399; text-decoration:underline; }
.ys1 { width:150px; height:18px;  }
.ys2 { width:50px; height:18px;  }
.ys3 { width:150px; height:17px;  }
/*layout*/

div.stylebox{ clear:both; width:100%; margin-bottom:8px;  }
div.styleinbox{ margin: 8px 3px 8px 3px; text-align:center; }
div.styleboxone{ clear:both; width:100%; margin-bottom:8px; }
div.headnews{ clear:both; width:900px; margin-bottom:4px; margin:auto;}

div.styleinbox .body { width:96%; margin:auto; text-align:left; line-height:140%;  }
div.styleinbox .body h1{margin: 8px 0px 15px 0px; }
div.styleinbox .body h2{margin: 8px 0px 5px 0px; }
div.styleinbox .body h4{ margin: 0px 0px 2px 0px; }
div.styleinbox span { width:96%; display:block; padding:4px; background-color:#23AECD; margin-top:30px;}
div.styleinbox .modify { margin-top:5px; margin-bottom:10px; text-align:center;  }


/*colors*/
div.stylebox{ background:#23AECD; }
div.styleinbox{ background:#FFFFFF; }
div.styleboxone{ background:#23AECD; }
div.styleinbox .body h1{ color: #333333; text-align:center;}
div.styleinbox .body h2{ color: #333333; font-size:18px; text-align:left; line-height:100%; }
div.styleinbox .body h4{ color: #000099; font-size:14px; text-align:left; }

div.headnews { background: #7B65C6 url(headnewsbg.gif) no-repeat right; text-align:left; }
div.headnews .body { width:820px; margin-left:10px; margin-right:10px;text-align:left; color:#FFFFFF;  }
div.headnews .body a:link,
div.headnews .body a:active,
div.headnews .body a:visited { color:#FFFFFF; font-size:14px; font-weight:bold;}
div.headnews .body a:hover {  color:#FFFFFF;font-size:14px; text-decoration:underline; font-weight:bold;}
div.headnews .body span { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;  }

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.logined { clear:both;  width:900px; margin:auto; margin-bottom:5px; margin-top:5px; }
.logined li { display:inline; float:left; padding-left:3px; padding-right:3px; line-height:21px; }
.logined li a:link,
.logined li a:hover,
.logined li a:visited,
.logined li a:active { font-size:13px; font-weight:bold; color:#003399; text-decoration:underline; }

.procate { clear:both;   }
.procate ul{ margin:2px 0 4px 0; padding:0px;}
.procate li { display:inline; height:22px; float:left; background: url(pro_bg.gif) left 4px no-repeat; padding-left:10px; margin-right:14px; text-align:left;  }

.propart { clear:both; background-color:#F8F8F8;  }
.proleft { float:left; width:169px;  }
.proleft img { margin:0px; padding:0px; border:0px; }
.proleft ul { margin:0px; padding:0px;}
.proleft li { font-size: 12px; background: url(itembg.gif) 10px 10px no-repeat; line-height:22px; padding-top:1px; padding-bottom:4px;  text-align:left; padding-left:25px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom:#CCCCCC solid 1px; border-top:#FFFFFF solid 1px; }
.proright { float:right; width:720px;  border-left:#D8D8D8 solid 1px; background-color:#FFFFFF; padding-left:10px; }
.proright .address { clear:both; text-align:left; background-color:#23AECD; height:20px; margin-bottom:4px; font-weight:bold; }
.proright .address a:link,
.proright .address a:hover,
.proright .address a:visited,
.proright .address a:active { font-size:12px; color:#003399;   text-decoration:underline; }

.protab { clear:both; height:25px; overflow:hidden; padding:10px 0px 0 10px; }
.protab li { float:left; display:inline; line-height:25px; margin-right:6px;  }
.protab li { padding:0px 0px 0px 15px; overflow:hidden; text-decoration:none; background:url(protab.gif) no-repeat left -30px; }
.protab a span { padding:0px 15px 0px 0px; display:block;  overflow:hidden; background:url(protab.gif) no-repeat right -30px; }
.protab a:link,
.protab a:visited,
.protab a:active,
.protab a:hover {  color:#333; }

.protab .hit { padding:0px 0px 0px 15px; overflow:hidden; text-decoration:none; background:url(protab.gif) no-repeat left 0px; }
.protab .hit a span { padding:0px 15px 0px 0px; display:block;  overflow:hidden; background:url(protab.gif) no-repeat right 0px; }
.protab .hit a:link,
.protab .hit a:visited,
.protab .hit a:active,
.protab .hit a:hover {  color:red; }

.procatelist { clear:both; padding:6px 0 6px 0; border-top:#D8D8D8 solid 1px; margin-bottom:10px; background-color:#FFFFFF; }
.procatelist li { display:inline; float:left; margin-left:5px; margin-right:5px; margin-bottom:10px; }
.procatelist li .item { border:#E8E8E8 solid 1px;  width:150px; padding:5px; height:auto!important; height:210px; min-height:210px; }
.procatelist li .item .pic { width:152px; height:150px; text-align:center; }
.procatelist li .item .pic img { border:#FFFFFF solid 1px;}
.procatelist li .item h4 { font-size:12px;  line-height:140%; font-weight:normal; text-align:left; padding:0 1px 0 1px; }
.procatelist li .item p { font-size:12px; }

.prodetail { border:#D8D8D8 solid 1px; margin-bottom:12px; }
.prodetail h1 { color: #333333; font-size:22px; text-align:left; line-height:100%; padding:10px 0 12px 0px; }
.prodetail dt { width:630px; text-align:left; padding-top:4px; padding-bottom:4px;   }
.prodetail dt p { float:left; text-align:left; font-size:14px; line-height:140%; font-weight:bold; }
.prodetail dt img { float:left; padding-left:30px;  padding-top:2px; }

.memberpart { clear:both; height:100%; background-color:#F8F8F8;  }
.memberleft { float:left; width:169px; text-align:left;  }
.memberleft img { margin:0px; padding:0px; border:0px; }
.memberleft ul { margin:0px; padding:0px;}
.memberleft li { font-size: 12px; background: url(itembg.gif) 10px 10px no-repeat; line-height:22px; padding-top:1px; padding-bottom:4px;  text-align:left; padding-left:25px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom:#CCCCCC solid 1px; border-top:#FFFFFF solid 1px; }
.memberright { float:right; width:720px; border-left:#D8D8D8 solid 1px; background-color:#FFFFFF; padding-left:10px; }
.memberright h2 { font-size:25px; text-align:left; width:720px; }

.blank { clear:both; width:900px;  height:5px; background-color:#7B65C6; overflow:hidden; margin-bottom:4px; }
.ad { clear:both; width:900px;  margin-bottom:4px; background:url(ad.gif) no-repeat left top; height:110px; }
.point { border-bottom:#999999 dashed 1px; height:1px; overflow:hidden; }
.page { clear:both; line-height:25px; text-align:center; }

a:link,
a:visited,
a:active{ color:#333; font-size:12px; text-decoration:none; }
a:hover { color:red; font-size:12px; text-decoration:underline; }

.map p { display:block; background-color:#E7E3F4; padding-left:10px; font-size:14px; font-weight:bold; margin-top:2px; margin-bottom:2px; width:120px; }
.catemap { padding-left:10px;}
.catemap li { display:inline; padding-right:14px; }

.ordertable { clear:both; background-color:#666666; padding:2px; margin-top:8px; margin-bottom:8px;}
.ordertd1 { background-color:#FFFFCC; text-align:center; }
.ordertd2 { background-color:#FFFFFF; text-align:center;}

.styleli { clear:both;}
.styleli li { float:left; width:auto; margin:0 6px 0 6px; line-height:22px; text-align:left; white-space:break-all;}
.styleli li a:link,
.styleli li a:visited,
.styleli li a:active{ color:#333; font-size:12px; text-decoration:underline; }
.styleli li a:hover { color:red; font-size:12px; text-decoration:none; }

.cpp{ text-align:left; margin:0 6px 0 6px;}