@charset "utf-8";
/* Reset
-------------------------------------------------------------- */
*{ word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
input,textarea,select,button,tr,td{ font-family:inherit; font-size:inherit; font-weight:inherit;}
label,input,textarea,select{ vertical-align:middle;}
input.text,textarea { border:1px solid #ccc;}
button{ overflow:visible; cursor:pointer;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:none;}
li{ list-style:none;}
em{ font-style:normal;}
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{ clear:both; content:'.'; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.clearfix{ display:inline-block;}
* html .clearfix{ height:1%;}
.clearfix{ display:block;}



/* Default
-------------------------------------------------------------- */
body{ width:100%; margin:auto; font:11px/150% Verdana, Arial, Helvetica, sans-serif; background:#cac55a url(../images/bg.jpg) repeat 0 0; color:#333; text-align:left;}
tr,td,select,input{ font:11px/150% Verdana, Arial, Helvetica, sans-serif;}
a{ color:#333; outline:none; text-decoration:none;}
a:hover{ color:#002144; text-decoration:underline;}
#header,#footer{ margin:0 auto; width:1002px; position:relative;}
#header{ padding-top:21px; background:url(../images/header.jpg) no-repeat 0 0;}
#pageBody{ margin:0 auto; padding:0 21px; width:960px; background:url(../images/pagebody.jpg) repeat-y 0 0;}
#footer{ padding-bottom:21px; background:url(../images/footer.jpg) no-repeat 0 100%;}




/* Header
-------------------------------------------------------------- */
.top{ padding:0 21px 5px; background:url(../images/bg01.jpg) repeat-y 0 0;}
.topLogo{ float:left; padding:5px; background:url(../images/logo.jpg) no-repeat 0 0; width:175px; height:150px;}
.topRight{ float:right; background:#fed584; width:760px; border:5px solid #f1d912; height:150px;}

.topService{ float:left; padding:8px 20px 0 40px; width:465px; height:27px;}
.topService img{ padding:0 5px;}
.topCart{ float:right; padding:8px 10px 0 0; width:220px; text-align:right;}
.topCart span{ font-weight:bold; color:#c00;}

.recommend{ overflow:hidden; margin:0 auto; padding:0 10px; height:115px; width:710px; text-align:center;}



/* Footer
-------------------------------------------------------------- */
.foot{ padding:5px 21px 0; background:url(../images/bg01.jpg) repeat-y 0 0;}
.foot960{ background:#f7c669; text-align:center;}
.footLogo{ padding:25px 0 15px; font-size:12px; font-weight:bold;}
.footMenu li{ display:inline; padding:0 1px;}
.copyright{ padding:8px 0 15px; color:#666;}



/* Pagebody
-------------------------------------------------------------- */
.sideBar{ float:left; padding:0 0 0 5px; width:185px;}
.mainBody{ float:right; padding:0; width:770px;}

.leftBox{ margin-bottom:10px;}
.leftBox h3{ padding:20px 10px 10px; font-size:13px; font-weight:bold;}
.leftBox .category li{ padding:5px 10px 5px 30px; background:url(../images/category_li.jpg) no-repeat 10px 10px;}
.leftBox .category li a{ font-size:12px; font-weight:bold; color:#000;}
.leftBox .category li li{ padding:2px 10px 2px 0; background:0;}
.leftBox .category li li a{  font-size:11px; font-weight:normal; color:#333;}
.leftBox .category li li span{ padding-right:2px; color:#f75208;}
.leftBox .category .curr,.leftBox .category .curr a{ color:#fe580c; font-weight:600;}

.topMenu{ margin-bottom:5px; padding-top:3px; background:url(../images/topMenu.jpg) repeat-x 0 0; height:35px; border-bottom:1px solid #c6c050;}
.topMenu table{ margin:0 auto; width:98%; height:35px;}
.topMenu th{ font-size:12px; font-weight:bold; line-height:16px; text-align:center;}
.topMenu td{ border-right:2px solid #e5aa23; font-size:12px; font-weight:bold; line-height:14px; text-align:center;}

.centerBox{ margin-bottom:8px;}
.centerBox h3{ padding:5px 0 0; border:0; text-align:center; font-size:14px; font-weight:bold;}
.centerBox .content{ padding:5px 20px;}

.mainBox{ margin-bottom:8px;}
.mainBox h3{ padding:10px 0 5px; border-bottom:2px solid #c6c050; text-align:center; font-size:14px; font-weight:bold; color:#f75208;}
.mainBox .content{ padding:10px 20px;}
.mainBox .categoryInfo{ text-align:center;}

.mainBox .keyword ul{ margin:0 auto;  padding:20px 0 15px; text-align:center;}
.mainBox .keyword li{ display:inline; padding:0 3px;}
.mainBox .keyword li a{ font-size:14px; font-weight:bold; color:#f00; text-decoration:underline;}

.mainBox .categoryBox,.mainBox .categoryMore{ margin-bottom:8px; padding:5px 5px 15px 5px; background:#fed584; border:1px solid #D5B77B;}
.mainBox .categoryBox a,
.mainBox .categoryMore a{ text-decoration:underline;}
.mainBox .categoryBox a:hover,
.mainBox .categoryMore a:hover{ text-decoration:none;} 
.mainBox .categoryBox .letter{ padding:0 0 5px 5px;}
.mainBox .categoryMore .letter{ padding:0 0 5px 10px;}
.mainBox .categoryBox .letter a,
.mainBox .categoryMore .letter a{ font-size:15px; font-weight:bold; color:#f00; text-decoration:none;}
.mainBox .categoryBox .letter span,
.mainBox .categoryMore .letter span{ float:right;}
.mainBox .categoryBox .letter span a,
.mainBox .categoryMore .letter span a{ font-size:11px; font-weight:normal; color:#333;}
.mainBox .categoryBox .categoryList{ float:left; width:380px;}
.mainBox .categoryBox ul{ float:right; width:338px;}
.mainBox .categoryBox li,
.mainBox .categoryMore li{ float:left; padding:3px 8px; width:45%;} 
.mainBox .categoryBox li.selected a,
.mainBox .categoryMore li.selected a{ color:#f75208;}

.banner{ margin-bottom:8px; background:url(../images/banner.jpg) no-repeat 0 0; border:0 solid #c6c050; border-width:5px 0; width:770px; height:120px;}

.uploadBox{ margin:0 auto 20px; padding:0 20px;}
.uploadBox h3{ padding:15px 0 10px; background:url(../images/line.gif) repeat-x 0 0; text-align:center; font-weight:bold; color:#f75208; font-size:12px;}

.feedback{ border:0 solid #D5B77B; border-width:1px 1px 0 0;}
.upload{ border:0 solid #D5B77B; border-width:0 1px 0 0;}
.feedback th,.feedback td,.upload th,.upload td{ padding:5px 10px; background:#fed584; border:0 solid #D5B77B; border-width:0 0 1px 1px;}
.upload th{ font-weight:normal; text-align:center;}
.feedback th{ font-weight:normal; text-align:right;}
.feedback span{ padding-left:3px; color:#f00;}


.page{ padding:10px 5px; text-align:right; font-weight:bold;}
.page a{ padding:2px 6px 2px; background:#feefcc; line-height:24px; border:1px solid #fed584;}
.page a:hover,.page span a{ background:#fd9800; color:#fff; text-decoration:none;}
.page input{ width:20px;}





/* Product
-------------------------------------------------------------- */
.proBox{ float:left; padding:0 8px; width:102px;}
.proBox .proImg{ display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:101px; *font-family:Arial; width:90px; height:113px; border:1px solid #000;}
.proBox .proImg img,.proBox01 .proImg img,.proBox02 .proImg img,.proBox03 .proImg img,.proBox04 .proImg img{ vertical-align:middle;}

.proBox01,.proBox02{ float:left; padding:0 17px 0 18px; width:92px; border-right:1px dashed #e47e00;}
.proBox01 .proImg,.proBox02 .proImg{ display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:105px; *font-family:Arial; width:90px; height:118px; border:1px solid #000;}
.proBox01 h4,.proBox02 h4{ padding-top:3px; font-weight:bold; text-align:center;}

.proBox02{ padding:0 17px 0 18px; border-right:0;}

.proBox03{ float:left; padding:6px 22px; width:138px; text-align:center;}
.proBox03 .proImg{ display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:130px; *font-family:Arial; width:130px; height:150px; padding:3px; background:#feefcc; border:1px solid #000;}
.proBox03 h4{ padding-top:3px;}

.proBox04{ float:left; margin:3px; padding:5px; width:106px; height:135px; border:1px solid #000; text-align:center;}
.proBox04 .proImg{ display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:89px; *font-family:Arial; width:100px; height:100px;}
.proBox04 h4{ padding-bottom:7px; height:28px;}
.proBox04 h4 a{ line-height:14px; text-decoration:underline;}


#dhtmltooltip{ position:absolute; visibility:hidden; z-index:100; padding:2px; width:200px; border:1px solid #eedcf0;}



/* Productinfo
-------------------------------------------------------------- */
.proInfoBox{ margin:0 auto; padding-top:5px; background:#f7c765; width:922px;}
.proInfoBox h3{ padding:10px 0 5px; border-bottom:2px solid #c6c050; font-size:14px; font-weight:bold; color:#f75208;}
.proInfoBox h3 span{ float:right; padding-left:20px; text-align:right; font-size:11px; font-weight:normal; color:#333;}
.proInfoBox .content{ padding:10px 20px;}

.proPic{ float:left; padding:15px 25px 15px 0; width:602px; text-align:center;}
.proPic_large{ display:block; vertical-align:middle; *font-size:672px; *font-family:Arial; width:600px; height:750px; border:1px solid #000;}
.proPic_large img{ vertical-align:middle;}
.zoom{ padding-top:6px;}

.proDetail{ float:right; width:281px;}
.proDetail dd{ padding:6px 0; border-bottom:1px solid #D5B77B; font-size:12px;}
.proDetail .proPrice span{ color:#f00;}
.proDetail .btn{ padding:10px 0; text-align:right;}
.proDetail .cart{ padding-top:2px; border:0; text-align:center;}

.proDepict{ margin:0 auto; padding:5px 0 20px;}
.proDepict h4{ margin-bottom:8px; padding-bottom:2px; font-size:13px; font-weight:bold; border-bottom:1px solid #002144;}

.tabbor{ border:#CCCCCC solid 1px;}
.tdbotbor{ border-bottom:#CCCCCC solid 1px;}
.zhushi{ color:#B90006; font-weight:bold;}
.tdred{ color:#FF0000;}
.bigstro{ font-size:14px; font-weight:bold;}
.tishiz{ color:#666666; font-weight:bold;}