@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:12px/150% Arial, Helvetica, sans-serif; color:#333; background:#ccc url(../images/bg.jpg) repeat-x 0 0; text-align:left; position:relative;}
tr,td,select,input{ font:12px/150% Arial, Helvetica, sans-serif;}
a{ color:#333; outline:none; text-decoration:none;}
a:hover{ color:#950c1c; text-decoration:underline;}
#header,#footer,#pageBody,#pageBodyTop{ margin:0 auto; width:980px;}






/* Header
-------------------------------------------------------------- */
.top{ height:110px;}
.topLogo{ float:left; background:url(../images/topLogo.jpg) no-repeat 0 0; width:230px;}
.topImg{ float:left; width:280px;}
.topRight{ float:left; padding-left:20px; background:url(../images/topRight.jpg) no-repeat 100% 0; width:450px; height:110px; text-align:right;}

.topLogin{ padding:6px 5px 0 0;}
.topLogin span a{ color:#c00; font-weight:bold; text-decoration:underline;}
.topTime{ padding:6px 8px;}

.top02{ margin-bottom:8px; background:url(../images/topMenu.jpg) no-repeat 100% 0; width:796px; height:71px; text-align:center;}
.topMenu{ float:left; margin:5px 0; width:562px;}
.topMenu li{ display:inline; line-height:27px;}
.topMenu li a{ padding:4px 18px; border-right:1px solid #ddd; font-weight:bold;}
.topMenu li a:hover{ background:url(../images/topMenu_hover.jpg) repeat-x 0 -1px; text-decoration:none;} 
.topService{ float:right; margin-top:2px; width:234px;}
.topSearch{ padding:8px 0 0 20px; width:746; text-align:left;}
.topSearch form{ display:inline; padding-right:70px;}
.topSearch span,.topSearch span a,.topSearch span a:hover{ font-weight:bold; color:#fff;}





/* Footer
-------------------------------------------------------------- */
.footLink{ margin-bottom:8px; background:#fff url(../images/footLink.jpg) no-repeat 50% 50%; height:58px; border:1px solid #ddd; text-align:center;}

.footAltMenu{ margin-bottom:8px; padding:8px 30px; background:#fff; border:1px solid #d3d3d3;}
.footAltMenu ul{ float:left; width:20%;}
.footAltMenu li a{ padding:0 10px; color:#777;}
.footAltMenu li.title{ padding-bottom:5px; font-weight:bold; font-size:13px;}

.foot{ padding:10px 20px; background:#fff;}
.keyword{ text-align:center;}
.copyright{ padding:2px 10px 10px; text-align:center;}







/* Pagebody
-------------------------------------------------------------- */
.main{ margin-bottom:10px; background:#fff;}
.sideBar{ float:left; width:184px;}
.mainBody{ float:right; width:796px;}
.centerBody{ float:left; padding:0 10px; width:566px;}
.sideBar02{ float:right; width:210px;}


.categoryBox h3 a{ display:block; padding-top:7px; background:#fdfafa url(../images/categoryTop.jpg) no-repeat 0 0; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:36px; text-decoration:none;}
.categoryBox h3 a:hover{ background:#fdfafa url(../images/categoryTop_hover.jpg) no-repeat 0 0; color:#fff; text-decoration:none;}
.categoryBox h3 img{ _padding:2px 0;}

.menu{ margin:0; background:#fdfafa; width:180px; border:0 solid #950c1c; border-width:0 2px 2px 2px;}
.menu li a{ display:block; padding:4px 20px 4px 10px; background:#fdfafa url(../images/arrow02.gif) no-repeat 166px 10px; height:auto; _height:17px; line-height:17px; border-top:1px solid #fff; border-bottom:1px solid #cac8c8; font-weight:bold; color:#000;}
.menu li a:hover{ background:#950c1c url(../images/arrow03.gif) no-repeat 166px 10px; color:#fff; text-decoration:none;}
.menu li li a{ padding:4px 20px 4px 20px; font-weight:normal; color:#c00;}
.menu li li li a{ padding:4px 20px 4px 30px; color:#000;}
.menu li li li li a{ padding:4px 20px 4px 40px; color:#666;}
.menu li li li li li a{ padding:4px 20px 4px 50px; color:#00f;}


.menu02 ul{ width:180px; border:0 solid #950c1c; border-width:0 2px 2px 2px;}
.menu02 li{ background:#fdfafa url(../images/arrow02.gif) no-repeat 166px 10px;}
.menu02 li a{ display:block; padding:4px 20px 2px 10px; height:auto; _height:19px; line-height:19px;}
.menu02 li a:hover{ background:#950c1c url(../images/arrow03.gif) no-repeat 166px 10px; color:#fff; text-decoration:none;}



.leftBox,.leftBox03{ margin-top:8px; background:#fff; border:1px solid #ddd;}
.leftBox h3{ padding-left:15px; background:url(../images/leftBoxTop.jpg) repeat-x 0 0; height:26px; line-height:26px; font-weight:bold;}
.leftBox .content{ padding:12px 10px;}
.leftBox .payment{ padding:12px 0 13px; text-align:center;}
.leftBox ul{ border-top:1px solid #d3d3d3;}
.leftBox li{ border-bottom:1px solid #d3d3d3;}
.leftBox li a{ display:block; padding:3px 18px; background:url(../images/arrow06.gif) no-repeat 10px 10px; height:auto; _height:17px; line-height:17px;}
.leftBox li a:hover,.leftBox .curr a{ display:block; background:#fffdea url(../images/arrow04.gif) no-repeat 165px 10px; color:#b2222c; text-decoration:none; font-weight:bold;}


.leftBox03 h3{ padding:8px 13px 6px;background:url(../images/leftBox03_Top.jpg) repeat-x 0 0; font-size:13px; font-weight:bold;}
.leftBox03 ul{ margin-bottom:10px;}
.leftBox03 li{ background:url(../images/arrow02.gif) no-repeat 12px 9px;}
.leftBox03 a{ display:block; padding:3px 15px 2px 25px; height:auto; _height:19px; line-height:17px;}
.leftBox03 a:hover{ background:#c20809 url(../images/leftBox03_hover.jpg) no-repeat 0 0; font-weight:bold; color:#fff; text-decoration:none;}

.leftImg{ margin-top:8px;}

.notice{ padding:0 6px 5px 20px; background:url(../images/notice.gif) no-repeat 0 4px; width:540px; color:#c00;}

.banner{ width:566px; height:210px;}

.centerBox{ margin-top:8px;}
.centerBox h3{ padding:0 10px; font-size:15px; font-weight:bold; color:#950c1c;}

#login{ margin:0 auto; width:210px;}
.loginTab{ background:url(../images/login_tab_bg.jpg) no-repeat 0 0;}
.loginTab ul{ width:100%; height:29px; font-weight:bold; text-align:center;}
.loginTab li{ float:left; display:block; cursor:pointer; padding-top:8px; background:url(../images/login_tab_02.jpg) no-repeat; width:75px; height:21px; color:#333;}
.loginTab li.hover{ padding-top:7px; background:url(../images/login_tab_01.jpg) no-repeat; width:75px; height:22px; font-size:12px; color:#fff;}
.loginBox{ padding:10px 20px 0; clear:both; background:url(../images/login_bg.jpg) no-repeat 0 100%; height:110px;}
.loginBox,.loginBox a,.loginBox a:hover{ color:#fff;}
.loginBox table td{ padding:2px 0;}
.loginBox input{ margin-left:2px; background:url(../images/login_input.jpg) repeat-x; width:100px; height:17px; border:1px solid #a5acb2;}
.loginBox .btn{ margin-top:5px; padding-bottom:2px; background:url(../images/btn_login.jpg); width:79px; height:23px; border:0; font-weight:bold; color:#fff;}
.loginBox span a{ font-size:11px; color:#fff;}
.register{ height:60px; text-align:center;}


.mainBox{ margin:10px 0 0 10px; border:1px solid #ddd;}
.mainBox h3{ padding:10px 10px 0; font-size:15px; font-weight:bold;}
.mainBox .content{ padding:7px 10px;}

.centerImg{ margin:0 0 0 10px; width:786px;}

.mainTab{ background:url(../images/mainTab_Top.jpg) repeat-x 0 0; height:26px;}
.mainTab li{ float:left; display:block; cursor:pointer; width:260px; border:0 solid #ddd; border-width:0 1px 1px 0; text-align:center; font-weight:bold; line-height:26px;}
.mainTab li img{ margin:8px 5px 7px; *margin:9px 5px 8px;}
.mainTab li.hover{ background:#fff; width:261px; border:0 solid #ddd; border-width:0 1px 0 0; color:#000;}
.mainTabBox{ padding:6px 20px 4px; clear:both;}




.mainBox03{ margin:8px 0 0 10px; border:1px solid #ddd;}
.mainBox03 h3{ padding-left:15px; background:url(../images/leftBoxTop.jpg) repeat-x 0 0; height:26px; line-height:26px; font-weight:bold;}
.mainBox03 .content{ padding:8px 20px 12px;}

.longBox{ margin-bottom:8px; background:#fff; width:978px; border:1px solid #ddd;}
.longBox h3{ padding-left:15px; background:url(../images/leftBoxTop.jpg) repeat-x 0 0; height:26px; line-height:26px; font-weight:bold;}
.longBox .content{ padding:10px 20px;}
.longBox .col01{ float:left; width:460px;}
.longBox .col02{ float:right; width:460px;}
.longBox h2{ font-size:13px; font-weight:bold;}
.longBox p{ margin:10px 0 20px; font-size:11px/380%;}
.longBox a{ font-weight:bold; color:#950c1c;}

.current{ padding:0 0 5px 3px;}
.current,.current a{ font-weight:bold;}
.current span{ color:#950c1c;}

.page{ margin:20px 15px 10px; text-align:right;}
.page a{ padding:2px 6px 2px; background:#fff; line-height:24px; border:1px solid #d3d3d3;}
.page a:hover,.page span a{ background:#950c1c; color:#fff; text-decoration:none;}





/* Product
-------------------------------------------------------------- */

.proList{ padding-left:4px;}
.proBox{ float:left; padding:8px 17px 10px; width:152px;}
.proBox .proImg{ display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:108px; *font-family:Arial; width:152px; height:122px;}
.proBox .proImg img,.proBox03 .proImg img{ vertical-align:middle;}
.proBox .proImg a{ display:block; border:1px solid #fff;}
.proBox .proImg a:hover,.proBox03 .proImg a:hover{ border:1px solid #950c1c;}
.proBox .proInfo{ text-align:center;}
.proBox span{ padding:6px 0 0; font-size:13px; font-weight:bold;}
.proBox li{ padding-left:10px; background:url(../images/dot.gif) no-repeat 2px 8px; text-align:left;}
.proBox h4{ padding-top:3px; line-height:15px;}
.proBox .proMore a{ font-size:11px; color:#777; text-decoration:underline;}
.proBox .proId{ color:#777;}
.proBox .proPrice{ color:#950c1c;}

.proBox03{ padding:8px 0 10px;}
.proBox03 .proImg{ float:left; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:69px; *font-family:Arial; width:97px; height:77px;}
.proBox03 .proImg a{ display:block; border:1px solid #ddd;}
.proBox03 .proInfo{ float:right; width:60px; padding-left:5px;}
.proBox03 .proInfo02{ float:right; width:80px; padding-left:5px;}
.proBox03 h4{ line-height:14px;}
.proBox03 .proId{ color:#777;}
.proBox03 .proPrice{ color:#950c1c;}





/* Productinfouct
-------------------------------------------------------------- */
.proPic{ float:left; padding-top:10px; width:302px; text-align:center;}
#proPic_large{ display:table-cell; *display:block; vertical-align:middle; *font-size:268px; *font-family:Arial; text-align:center; width:300px; height:300px; border:1px solid #d3d3d3;}
#proPic_large img{ vertical-align:middle;}
#btn_large{ padding-top:5px; text-align:center; cursor:pointer;}

.proDetail{ float:right; padding-left:20px; width:420px;}
.proDetail dl{ padding:15px 5px 10px;}
.proDetail dt{ padding:0 0 3px; font-size:14px; font-weight:600; color:#950c1c;}
.proDetail dd{ padding:4px 0; border-bottom:1px dashed #ddd;}
.proDetail dd img{ vertical-align:middle;}
.proDetail .proPrice span{ font-weight:bold; color:#950c1c;}
.proDetail .proSize{ width:70%;}
.proDetail .proSize{ border:0 solid #dfdfdf; border-width:1px 1px 0 0;}
.proDetail .proSize th,.proDetail .proSize td{ padding:3px 5px; border:0 solid #dfdfdf; border-width:0 0 1px 1px;}
.proDetail .proSize th{ background:#dfdfdf;}

.proDetail .proIntro{ margin:0 5px 15px 5px; padding:10px; background:#fdfafa; border:1px solid #d3d3d3; color:#777;}

.proDetail .proBtn{ text-align:center;}


.proDepict{ margin-top:20px;}
.proTab{ height:25px; background:url(../images/leftBoxTop.jpg) repeat-x 0 0; border:0 solid #d3d3d3; border-width:0 0 0 1px;}
.proTab li{ float:left; display:block; cursor:pointer; width:370px; border:0 solid #d3d3d3; border-width:1px 1px 1px 0;text-align:center; font-weight:bold; line-height:25px;}
.proTab li img{ margin:9px 5px 8px;}
.proTab li.hover{ background:#fff; width:371px; border:0 solid #d3d3d3; border-width:1px 1px 0 0; color:#000; line-height:25px;}
.proTabBox{ padding:8px 15px 10px; clear:both; border:0 solid #ccc; border-width:0 1px 1px 1px;}

.navpages{ height:27px; line-height:27px; margin-top:10px; padding-left:10px; clear:both;font-size:12px; background:#fff url(../images/tits.jpg) repeat-x; border:1px solid #dcdcdc;}
.navpages ul{text-align:left;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #1C1C03;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#1C1C03;padding:1px 4px;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #A82E2D;color:#fff;padding:1px 4px;background:#A82E2D}

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