*{word-wrap:break-word;outline:none;}
body,td,div,li,dd,dt,span,form,input,option,textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:165%;color:#333;}
body{margin:0 auto;background-color:#D9D9D9;}
ul,ol,li,dl,dd,dt,h1,h2,h3,h4,h5,form,input,select{margin:0;padding:0;overflow:hidden;}
ul,ol,li{list-style:none;}
img {border:0;vertical-align:middle;}
p{margin:9px auto;}

h1{font-size:18px;}

/** a **/
a{color:#069;text-decoration:none;}
a:hover{color:#06C;text-decoration:underline;}
a.abd1{display:inline-block;padding:1px 5px;border:1px solid #C06;color:#C36;}
a.abd1:hover{background-color:#C36;color:#FFF;text-decoration:none;}
a.aback{font-size:14px;text-decoration:underline;color:#06F;}
a.aback:hover{text-decoration:none;color:#06C;}
a.ab1{text-decoration:none;color:#F60;font-weight:bold;}
a.ab1:hover{text-decoration:underline;color:#F00;}

.clear{overflow:hidden;clear:both;}
.center{text-align:center;}
.right{text-align:right;}
.fleft, .fright {float:left;overflow:hidden;} .fright{float:right;}
.pointer{cursor:pointer;}
.none{display:none;}

/** font **/
.fs14{font-size:14px} .fs16{font-size:16px} .fs22{font-size:22px;}
.remark{color:#999;}
.red{color:#F00;}
.green{color:#0C0;}
.yellow{color:#F90;}
.sn, .sn1{font-size:10px;color:#999;} .sn1{font-size:12px;}
.s, .s1, p1{font-family:Arial;}
.s, .s1{text-decoration:line-through;} .s1{font-size:20px;}
.p{color:#F09;font-size:14px;}
.p1{font-size:28px;color:#F06;font-weight:bold;}

/** maring padding */
.pd5{padding:5px;} .pd10{padding:10px;} .pd15{padding:15px;} .pd20{padding:20px;}
.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;}
.mb5{margin-bottom:5px;} .mb10{margin-bottom:10px;} .mb15{margin-bottom:15px;} .mb30{margin-bottom:30px;}

/** message **/
.msg_err, .msg_succ, .msg_load{padding-left:18px;}
.msg_err{background:url(../images/icon/err.gif) left no-repeat;color:#F00;}
.msg_succ{background:url(../images/icon/succ.gif) left no-repeat;color:#0C0;}
.msg_load{padding-left:22px;background:url(../images/icon/loading.gif) left no-repeat;color:#F00;}
.mread,.munread,.mreply{display:inline-block;width:15px;height:16px;background:url(../images/icon/msg_status.gif) no-repeat;margin-right:5px;}
.mread{background-position:-16px 0;}
.mreply{background-position:-32px 0;}

.pw0, .pw1, .pw2, .pw3{display:inline-block;background:url(../images/pwd_weight.gif) no-repeat;width:105px;height:22px;}
.pw1{background-position:0 -25px;}
.pw2{background-position:0 -50px;}
.pw3{background-position:0 -75px;}

/** scroll **/
#scrolltop{position:fixed;display:block;width:40px;height:40px;background:url(../images/scrolltop.png) no-repeat;border-radius:8px;opacity:0.6;cursor:pointer;bottom:100px;visibility:hidden;}
#scrolltop:hover{opacity:1;}

/** winbox **/
.win{overflow:hidden;}
.win .wtitle, .win .wcontent, .win .wbottom{clear:both;overflow:hidden;}
.win .wtleft, .win .wtmid, .win .wtright,
.win .wcleft, .win .wcright,
.win .wbleft, .win .wbmid, .win .wbright,
.win .wclose{float:left;background:url(../images/winbox.png) repeat-y;width:25px;height:25px;}
.win .wtleft{background-position:-100px 0;}
.win .wtmid, .win .wbmid{background:url(../images/winbox_bg.png) repeat-x;width:auto;} 
.win .wcmid{float:left;overflow:hidden;background-color:#FFF;}
.win .wbmid{background-position:0 -25px;}
.win .wtright{background-position:-125px 0;}
.win .wcright{background-position:-150px 0;}
.win .wbleft{background-position:-100px -25px;}
.win .wbright{background-position:-125px -25px;}
.win .wclose{float:none;position:absolute;background-position:-25px 0;cursor:pointer;right:15px;top:15px;z-index:2000;} 
.win .wclose:hover{background-position:-25px -25px;}

/** form **/
textarea,select,.html,.txt{padding:3px 4px;;border:1px solid;border-color:#666 #ccc #ccc #666;background:#FFF;color:#06C;resize:none;}
.txt,input,select,.vmiddle{vertical-align:middle;}
.txt:hover,.txt:focus,textarea:hover,textarea:focus{border-color:#F90;background:#F5F9FD;}

.btn{display:inline-block;height:18px;line-height:15px;border:1px solid #CCC;cursor:pointer;color:#FFF;}
.btn span{padding-left:16px;color:#FFF;line-height:15px;}
.btn span.add{background:url(../images/icon/plus.png) left no-repeat;}
.btn span.edit{background:url(../images/icon/edit.png) left no-repeat;}
.btn span.back{color:#333;background:url(../images/icon/back.gif) left no-repeat;}
.btn span.sch{background:url(../images/icon/search.png) left no-repeat;}
.btn span.reset{padding-left:14px;background:url(../images/icon/reset.png) left no-repeat;}
.btn span.print{background:url(../images/icon/print.png) left no-repeat;}
.btn_green, .btn_yellow, .btn_gray{background:url(../images/btn/bg2.jpg) repeat-x;}
.btn_green{border-color:#A5D618 #6F900F #6F900F #A5D618;}
.btn_green:hover{background:none;background-color:#B2EC53}
.btn_yellow{border-color:#ED6502 #A04300 #A04300 #ED6502;background-position:0 -19px;}
.btn_yellow:hover{background:none;background-color:#FEAA45;}
.btn_gray{border-color:#CCC #AAA #AAA #CCC;background-position:0 -38px;}
.btn_gray:hover{background:none;background-color:#FEFEFE;}

.btn1{display:inline-block;border:1px solid #A41A77;color:#FFF;padding:5px 20px;font-size:1.4em;background:url(../images/btn/bg1.jpg) top repeat-x;text-shadow:1px 1px #56821a;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn1:hover{background-position:0 -39px;text-decoration:none;}
.btn2 {border:1px solid #C00;background-color:#F36;color:#FFF;padding:1px 10px;cursor:pointer;}
.btn2:hover{color:#CCC;text-decoration:none;}

/** box **/
.box{overflow:hidden;}
.box .txt{border:1px solid #CCC;padding:4px 8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:50%;font-family:"Times New Roman", Times, serif;font-size:16px;}
.box .txt:hover{border:1px solid #999;}

.box1 {overflow:hidden;border:1px solid #DDD;padding:1px;}
.box1 h2{padding:0 10px;height:30px;line-height:30px;font-size:14px;font-weight:500;color:#000;background-color:#DDD;}

.err1{overflow:hidden;width:220px;}
.err1 .etop, .err1 .ebottom{background:url(../images/box_err1.gif) no-repeat;height:7px;}
.err1 .ebottom{height:2px;background-position:0 -8px;}
.err1 .ebox{border-left:1px solid #CCC;border-right:1px solid #CCC;background-color:#FFFFE5;padding:5px 8px;}
.err1 .eclose{position:absolute;width:8px;height:8px;background:url(../images/icon/close.png) no-repeat;cursor:pointer;right:5px;top:10px;}

.err2{position:absolute;overflow:hidden;height:160px;width:400px;}
.err2 .earr{position:absolute;z-index:10;top:9px;left:0;width:7px;height:13px;background:url(../images/icon/e1.gif) no-repeat;}
.err2 .ebox{position:absolute;z-index:9;top:0;left:6px;border:1px solid #D38181;padding:8px;background-color:#FFEBEB;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 0 5px #999;}

.total{float:right;width:350px;text-align:right;}
.total span{display:inline-block;width:100px;}
.total p{margin:5px auto;}
.total .amount{border-top:1px solid #CCC;font-size:32px;color:#F06;margin-top:15px;padding:15px 0;}

/** icon **/
.dis, .disb{position:relative;display:inline-block;width:56px;height:52px;background:url(../images/icon/discount.png) no-repeat;text-align:left;}
.dis{width:34px;height:34px;background-position:-62px 0px;}
.dis b, .disb b{display:inline-block;font-family:Arial;font-weight:bold;font-size:12px;color:#FFF;padding:4px 0 0 7px;}
.disb b{padding:12px 0 0 10px;font-size:22px;}
.new,.hot,.sshipping, .out{display:inline-block;height:9px;width:30px;vertical-align:middle;background:url(../images/icon/label.gif) no-repeat;}
.hot{background-position:0 -10px;}
.sshipping{height:16px;width:87px;background-position:0 -20px;}
.out{height:17px;width:67px;background-position:0 -36px;}

.favorite, .favorite i{display:inline-block;background:url(../images/bg1.jpg) repeat-x;}
.favorite{border:1px solid #CCC;padding:5px 10px;color:#333;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.favorite:hover{background:#E6E6E6;color:#333;text-decoration:none;}
.favorite i{background:url(../images/icon/label.gif) 0 -53px no-repeat;width:13px;height:11px;margin-right:4px;}
.favorite i.chk{background-position:-14px -53px;}

.sort a{display:inline-block;background-color:#FFF;border:1px solid #DDD;color:#666;padding:1px 6px;margin-right:3px;line-height:15px;}
.sort a.active{border:1px solid #E86C9D;background-color:#E87DA9;color:#FFF;}
.sort a.active b{display:inline-block;background:url(../images/icon/sort.png) no-repeat;width:9px;height:11px;vertical-align:middle;}
.sort a.active b.asc{background-position:0 -12px;}
.sort select{height:19px;font-size:10px;border:none;}

.rank{clear:both;}
.rank li{float:left;width:18px;height:18px;background:url(../images/icon/rank.gif) no-repeat;margin-right:5px;cursor:pointer;}
.rank li.disabled{background-position:-36px 0;}
.star1, .star2, .star3, .star4, .star5{display:inline-block;width:49px;height:8px;background:url(../images/icon/rank1.png) no-repeat;}
.star2{background-position:0 -9px;}
.star3{background-position:0 -18px;}
.star4{background-position:0 -27px;}
.star5{background-position:0 -36px;}

/** position **/
.pos{clear:both;padding-bottom:1px;margin-bottom:5px;color:#777;border-bottom:1px solid #DDD;}
.pos a{color:#666;}
.pos a:hover{color:#000;}

/** category **/
.cat{padding:0 10px 10px 10px;}
.cat li{height:30px;}
.cat h3{position:absolute;width:165px;line-height:30px;background:url(../images/icon/arrow1.gif) right no-repeat;border-bottom:1px dotted #DDD;}
.cat h3 a{display:block;padding-left:8px;color:#444;font-size:12px;font-weight:500;}
.cat li.a h3{background:#FFF;z-index:1000;width:156px;border:1px solid #000;border-right:none;}
.cat li.a h3 a{text-decoration:none;color:#F06;}
.catchild{background-color:#FFF;border:1px solid #000;padding:10px 0;width:280px;}
.catchild p{display:block;margin:0;padding:2px 10px;color:#AAA;}
.catchild a{display:inline-block;padding-left:10px;background:url(../images/icon/arrow1.gif) left no-repeat;color:#666;}
.catchild a:hover, .catchild1 a:hover{color:#F06;}
.cat li.active{height:auto;}
.cat li.active h2{background:url(../images/icon/desc.png) left no-repeat;height:30px;}
.cat li.active h2 a{display:inline-block;padding-left:4px;font-size:12px;color:#000;font-weight:bold;}
.catchild1{overflow:hidden;}
.catchild1 p{display:block;margin:0;padding:2px 0 2px 4px;color:#AAA;font-size:10px;}
.catchild1 a{display:inline-block;padding-left:8px;background:url(../images/icon/arrow2.gif) left no-repeat;color:#555;font-size:12px;}
.catchild1 p.active a{color:#F06;text-decoration:underline;}

/**page**/
.page, .page1, .page2{overflow:hidden;}
.page span, .page a, .page1 span, .page1 a{display:inline-block;border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:1px 8px;}
.page1 span{color:#999;}
.page a:hover, .page1 a:hover, .page span{border:1px solid #000;background-color:#555;color:#FFF;}
.page2{text-align:right;padding:20px 0 10px 0;}
.page2 input{width:30px;padding:2px 0px;border:1px solid #CCC;text-align:center;}
.page2 em, .page2 a{display:inline-block;border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px 5px;text-decoration:none;font-style:normal;}
.page2 a:hover{background-color:#3C0;color:#FFF;}
.page2 em{color:#999;}

/** ad **/
.ad1{position:relative;margin:0 auto;width:647px;height:466px;overflow:hidden;}
.ad1 .ashow{position:absolute;height:466px;width:20000px;}
.ad1 li{float:left;height:466px;}
.ad1 img{display:block;}
.ad1 .anum{position:absolute;bottom:5px;right:10px;}
.ad1 .anum li{cursor:pointer;margin-right:7px;width:25px;height:20px;line-height:20px;text-align:center;background-color:#777;color:#FFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ad1 .anum li:hover, .ad1 .anum li.active{background-color:#F06;}

/** table **/
.tabs, .tabs1, .tabs2{position:relative;overflow:visible;height:40px;border-bottom:1px solid #F39EC7;}
.tabs li{float:left;height:32px;line-height:32px;background-color:#F7BDD9;border:1px solid #F39EC7;margin:7px 5px 0 5px;padding:0px 15px;cursor:pointer;font-size:14px;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.tabs li.active{background-color:#FFF;border-bottom:1px solid #FFF;color:#C06}
.tabs li:hover{color:#C06;}

.tabs1{height:30px;border-bottom:2px solid #D62336;}
.tabs1 li{float:left;height:30px;line-height:30px;background-color:#677182;padding:0px 25px;cursor:pointer;color:#CCC;}
.tabs1 li.active{background-color:#D62336;color:#FFF}
.tabs1 li:hover{color:#FFF;}
.tabs2{height:25px;border-bottom:2px solid #999;}
.tabs2 li{float:left;height:25px;line-height:25px;background-color:#DDD;padding:0px 20px;cursor:pointer;color:#777;}
.tabs2 li.active{background-color:#999;color:#000;}
.tabs2 li:hover{color:#000;}

.tb{border-collapse:collapse;}
.tb td{padding:3px 7px;}
.tb td.label{text-align:right;}
.tb .txt{border:1px solid #CCC;padding:4px 8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:70%;font-size:14px;}
.tb .txt:hover{border:1px solid #999;}

.tblist{border-collapse:collapse;border:1px solid #CCC;background-color:#FFF;}
.tblist tr:hover{background-color:#F9F9F9;}
.tblist th{padding:2px 4px;text-align:left;background-color:#CCC;color:#666;border:1px solid #EAEAEA;}
.tblist td{padding:4px 5px;border:1px solid #E2E2E2;}
.tblist td.bg1{background-color:#EAEAEA;}

/****************
 * loyout
 ****************
*/
/** top **/
#top, #main, #footer{clear:both;margin:0 auto;width:990px;overflow:hidden;}
.top{overflow:hidden;background-color:#FFF;padding:5px 5px 0 5px;}
.top .tleft, .top .tright{float:left;overflow:hidden;width:420px;}
.top .tright{float:right;width:540px;}
.logo{}

.topic{text-align:right;color:#666;}
.topic a{color:#444;display:inline-block;padding:0 5px;}
.topic a b{color:#C00;}
.topic a:hover{color:#C00;}

.top_cart{text-align:right;padding:4px 0;}
.top_cart .tcart{display:inline-block;background:url(../images/icon/cart.gif) left no-repeat;padding-left:20px;}
.top_cart a{color:#C00;}
.top_cart em{color:#F00;font-style:normal;font-weight:bold;}

.top_sch{margin-top:6px;width:202px;height:27px;background:url(../images/spirit.png) no-repeat;}
.top_sch form{padding:2px 0 0 8px;}
.top_sch input{width:160px;height:18px;color:#DDD;border:none;background-color:transparent;}
.top_sch input.bsch{width:30px;cursor:pointer;}

.nav{clear:both;height:40px;background-color:#000;}
.nav .nleft, .nav .nright{float:left;overflow:hidden;width:700px;}
.nav .nright{float:right;width:210px;}
.nav ul{clear:both;}
.nav li{float:left;}
.nav a{display:inline-block;padding:0 30px;height:40px;line-height:40px;text-align:center;color:#CCC;}
.nav li.active a{background-color:#D62336;color:#FFF;}
.nav a:hover{background-color:#E14A59;color:#FFF;text-decoration:none;}

/** main **/
.main{clear:both;overflow:hidden;padding:5px;background-color:#FFF;}
.main_left, .main_right{float:left;width:190px;overflow:hidden;}
.main_right{margin-left:5px;width:785px;}

/** footer **/
.help{clear:both;overflow:hidden;padding:8px;background-color:#CACACA;}
.help td{border-right:1px solid #AAA;padding:0 10px;vertical-align:top;}
.help td.last{border:none;}
.help dt{font-weight:bold;color:#555;}
.help dd{padding-left:4px;color:#666;}
.help dd a{color:#666;}
.help dd a:hover{color:#000;}

.footer{text-align:center;}
.footer .fnav{padding:4px 0;color:#777;}
.footer .fnav a{color:#777;padding:0 8px;}
.footer .fnav a.first{padding-left:0;}
.footer .fnav a:hover{color:#000;}
.copyright{color:#888;}