body { color: #333; font-size: 63%; background: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif, 宋体; margin: 0; padding: 0; }
form, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
img { border: none; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #c00; text-decoration: underline; }
em { font-style: normal; }
select { margin: 0 .5em 0 0; }

/* 铵钮 */
.btn_50 { margin: .5em .5em 0 0; width: 50px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/user/btn_50.gif) no-repeat 0 0; border: none; }
.btn_60 { margin: .5em .5em 0 0; width: 60px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/user/btn_60.gif) no-repeat 0 0; border: none; }
.btn_70 { margin: .5em .5em 0 0; width: 70px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/user/btn_60.gif) no-repeat 0 0; border: none; }
.btn_80 { margin: .5em .5em 0 0; width: 80px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/user/btn_80.gif) no-repeat 0 0; border: none; }
.btn_90 { margin: .5em .5em 0 0; width: 90px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/user/btn_90.gif) no-repeat 0 0; border: none; }
.btn_100 { margin: .5em .5em 0 0; width: 100px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/user/btn_100.gif) no-repeat 0 0; border: none; }

/* 页面头部 */
.main_bg { background: #039; }
.mainbody { background: #fff; font-size: 1.2em; }
.main_column { list-style: none; width: 782px; height: 25px; overflow: hidden; margin: 8px auto 0; background: #fff; border: 1px solid #ccc; border-bottom: 2px solid #999; }
.main_column li { float: left; line-height: 28px; }
.main_column li a:link, .main_column li a:visited { font-size: 12px; color: #666; display: block; height: 25px; float: left; border-right: 1px solid #ccc; padding: 0 .5em; }
.main_column li a:hover, .main_column li a:active { color: #fff; background: #999; text-decoration: none; }
.main_column li a.center:link, .main_column li a.center:visited { margin: 0 0 0 .6em; _margin: 0 0 0 .3em; border-right: none; text-decoration: underline; background: url(../../images/user/center.jpg) no-repeat 0 50%; color: #039; display: block; height: 25px; padding: 0 .5em 0 1.8em; }
.main_column li a.center:hover, .main_column li a.center:active { color: #c00; text-decoration: none; }
.main_column li a.cart:link, .main_column li a.cart:visited { border-right: none; text-decoration: underline; background: url(../../images/user/cart.jpg) no-repeat 0 50%; color: #c00; display: block; height: 25px; padding: 0 .5em 0 1.8em; }
.main_column li a.cart:hover, .main_column li a.cart:active { color: #039; text-decoration: none; }

.mainbody .footlink a:link, .mainbody .footlink a:visited { font-size: 12px; color: #333;}
.mainbody .footlink a:hover, .mainbody .footlink a:active { color: #c00;text-decoration: none; }


/* logo和广告位 */
.header { width: 784px; height: 70px; margin: 8px auto 0; }
.header a.logo:link, .header a.logo:visited { display: block; width: 155px; height: 70px; float: left; }
.header .ads { width: 620px; height: 70px; overflow: hidden; background: #eee; color: #666; float: right; }

/* 当前位置 */
.current_position { background: url(../../images/user/current_line.gif) no-repeat 0 100%; padding: 0 0 3px 0; width: 784px; height: 20px; margin: 5px auto; list-style: none; }
.current_position li { float: left; color: #666; line-height: 1.5em; margin: 0 .4em 0 0; }
.current_position li.position { line-height: 1.6em; background: url(../../images/user/position.gif) no-repeat 0 50%; text-indent: 1.2em; }
.current_position li a:link, .current_position li a:visited { font-size: 12px; color: #666; background: url(../../images/user/next.gif) no-repeat 100% 30%; margin: -3px 0 0 0; padding: 0 1.2em 0 0; }

/* 主体 */
.mainbody { width: 800px; background: #fff; }
.main { width: 784px; font-size: 1.2em; margin: -5px 0 0 0; }

/* 左栏 */
.left_bg { background: #eee url(../../images/user/left_shadow.jpg) repeat-y 100% 0; margin: 0 0 0 8px; }
.left_subject { width: 180px; list-style: none; background: url(../../images/user/left_line.gif) no-repeat 0 100%; padding: 0 0 1em 0; }
.left_subject li { width: 180px; float: left; color: #666; text-indent: .8em; line-height: 1.6em; }
.left_subject li.left_title { margin: 0 0 .5em 0; text-indent: 0; position: relative; width: 180px; height: 45px; overflow: hidden; text-align: center; padding: .3em 0 0 0; background: #fff url(../../images/user/left_subject.jpg) no-repeat 0 100%; }
.left_subject li.left_title h1 { margin: 0; position: absolute; bottom: 0; left: 0; font-size: 1em; color: #000; width: 180px; }
.left_subject li a:link, .left_subject li a:visited { color: #000; text-decoration: underline; }
.left_subject li a:hover, .left_subject li a:active { color: #c00; text-decoration: none; }
.left_menu { width: 180px; list-style: none; }
.left_menu li { background: url(../../images/user/left_line.gif) no-repeat 0 100%; width: 180px; float: left; text-indent: .8em; position: relative; }
.left_menu li a:link, .left_menu li a:visited {font-size:12px; text-indent: 2.6em; color: #333; display: block; width: 179px; float: left; padding: 6px 0 5px 0; }
.left_menu li a:hover, .left_menu li a:active { color: #000; background: #fff; text-decoration: none; border: 1px solid #666; margin: -2px 0 0 0; border-right: 1px solid #fff; position: relative; }
.left_menu li a.home:link, .left_menu li a.home:visited { background: url(../../images/user/home.gif) no-repeat .8em 50%; }
.left_menu li a.home:hover, .left_menu li a.home:active { background: #fff url(../../images/user/center.jpg) no-repeat .8em 50%; }
.left_menu li a.info:link, .left_menu li a.info:visited { background: url(../../images/user/info.gif) no-repeat .8em 50%; }
.left_menu li a.info:hover, .left_menu li a.info:active { background: #fff url(../../images/user/info_hover.gif) no-repeat .8em 50%; }
.left_menu li a.passwd:link, .left_menu li a.passwd:visited { background: url(../../images/user/passwd.gif) no-repeat .8em 50%; }
.left_menu li a.passwd:hover, .left_menu li a.passwd:active { background: #fff url(../../images/user/passwd_hover.gif) no-repeat .8em 50%; }
.left_menu li a.mycart:link, .left_menu li a.mycart:visited { background: url(../../images/user/cart.gif) no-repeat .8em 50%; }
.left_menu li a.mycart:hover, .left_menu li a.mycart:active { background: #fff url(../../images/user/cart.jpg) no-repeat .8em 50%; }
.left_menu li a.myfav:link, .left_menu li a.myfav:visited { background: url(../../images/user/myfav.gif) no-repeat .8em 50%; }
.left_menu li a.myfav:hover, .left_menu li a.myfav:active { background: #fff url(../../images/user/myfav_hover.gif) no-repeat .8em 50%; }
.left_menu li a.myorder:link, .left_menu li a.myorder:visited { background: url(../../images/user/myorder.gif) no-repeat .8em 50%; }
.left_menu li a.myorder:hover, .left_menu li a.myorder:active { background: #fff url(../../images/user/myorder_hover.gif) no-repeat .8em 50%; }
.left_menu li a.mysms:link, .left_menu li a.mysms:visited { background: url(../../images/user/mysms.gif) no-repeat .8em 50%; }
.left_menu li a.mysms:hover, .left_menu li a.mysms:active { background: #fff url(../../images/user/mysms_hover.gif) no-repeat .8em 50%; }
.left_menu li a.logout:link, .left_menu li a.logout:visited { background: url(../../images/user/logout.gif) no-repeat .8em 50%; }
.left_menu li a.logout:hover, .left_menu li a.logout:active { background: #fff url(../../images/user/logout_hover.gif) no-repeat .8em 50%; }

/* 右栏 */
.out_line { border: 1px solid #666; background: #fff; padding: 0 0 1em 0; }
.right_tbl { margin: 12px auto 0; }
.right_tbl a:link, .right_tbl a:visited { color: #039; text-decoration: underline; }
.right_tbl a:hover, .right_tbl a:active { color: #c00; text-decoration: none; }
.border_top { border-top: 1px dashed #999; }
h2.subject { background: url(../../images/user/arr_bottom.gif) no-repeat 0 20%; text-indent: 1.4em; font-size: 1.2em; color: #333; margin: 0; width: 100%; text-align: left; margin: 1em auto 0; }
.system_notice { width: 565px; list-style: none; }
.system_notice li { width: 100%; float: left; line-height: 1.8em; position: relative; background: url(../../images/user/dotted.gif) repeat-x 0 50%; }
.system_notice li .datetime, .system_notice li .viewed, .system_notice li .unviewed { background: #fff; color: #888; position: absolute; bottom: 0; }
.system_notice li .datetime { right: 5em; padding: 0 .4em; }
.system_notice li .unviewed, .system_notice li .viewed { right: -1px; padding: 0 0 0 .4em; background: #fff; }
.system_notice li .unviewed { color: #090; }
.system_notice li.more { background: none; text-align: right; }
.system_notice li a:link, .system_notice li a:visited { color: #039; background: #fff; padding: 0 .4em 0 0; text-decoration: underline; }
.system_notice li a:hover, .system_notice li a:active { color: #c00; text-decoration: none; }
.sms { width: 565px; list-style: none; }
.sms li { width: 100%; float: left; line-height: 1.8em; position: relative; background: url(../../images/user/dotted.gif) repeat-x 0 50%; }
.sms li .datetime, .sms li .viewed, .sms li .unviewed { background: #fff; color: #888; position: absolute; bottom: 0; }
.sms li .datetime { right: 7.5em; padding: 0 .4em; }
.sms li .unviewed, .sms li .viewed { right: 3em; padding: 0 .4em; background: #fff; }
.sms li .unviewed { color: #090; }
.sms li.more { background: none; text-align: right; }
.sms li a:link, .sms li a:visited { color: #039; background: #fff; padding: 0 .4em 0 0; text-decoration: underline; }
.sms li a:hover, .sms li a:active { color: #c00; text-decoration: none; }
.sms li a.delete:link, .sms li a.delete:visited { color: #666; background: #fff; padding: 0 0 0 .4em; text-decoration: underline; position: absolute; right: 0; top: 0; }
.sms li a.delete:hover, .sms li a.delete:active { color: #c00; text-decoration: none; }
.tips { color: #666; text-align: left; float: left; margin: .5em 0 0 0; line-height: 1.6em; clear: left; }
.text_content { color: #000; line-height: 1.6em; word-break: break-all; }
.important { color: #c00; font-weight: normal; }
.fm { margin: .5em 0; }
.mtb { margin: 1em auto; }
em.important { color: #333; background: url(../../images/important.gif) no-repeat 0 40%; padding: 0 0 0 1em; }
.reget_pwd { font-size: 1.2em; }

/* 购物车 */
.cart_header { height: 25px; background: #eee url(../../images/user/cart_header.jpg) repeat-x 0 100%; overflow: hidden; }
.products_list { background: url(../../images/user/dotted.gif) repeat-x 0 100%; }
.products_list td { padding: 1em 0; }
.products { width: 290px; float: left; }
.products dt, .products dd { line-height: 1.5em; width: 210px; float: right; color: #666; }
.products dt { margin: 0 0 .2em 0; }
.products .photo { overflow: hidden; margin: .2em 0 0 0; width: 70px; height: 70px; background: #fff; float: left; }
.product_num { text-indent: .2em; font-family: Arial, Helvetica, sans-serif; float: left; width: 3em; border: 1px solid #999; height: 18px; line-height: 18px; color: #000; }
.product_total { font-weight: normal; color: #c00; font-size: 1.4em; }
a.num_up:link, a.num_up:visited, a.num_down:link, a.num_down:visited { overflow: hidden; float: left; text-indent: -9999em; display: block; width: 11px; height: 11px; }
a.num_up:link, a.num_up:visited { margin: .4em 0 0 .5em; background: url(../../images/user/num_up.gif) no-repeat 0 0; }
a.num_down:link, a.num_down:visited { margin: .4em .5em 0 0; background: url(../../images/user/num_down.gif) no-repeat 0 0; }
.product_hover { background: #ecf8ff url(../../images/user/dotted.gif) repeat-x 0 100%; }
.product_delete_bg { background: #f4f4f4 url(../../images/user/dotted.gif) repeat-x 0 100%; }
.cart_btns { background: url(../../images/user/dotted.gif) repeat-x 0 0; margin: 3px auto 0; }
.total_text { font-size: 1.7em; color: #666; }
.products_total { color: #c00; font-size: 2em; font-weight: normal; }
a.continue:link, a.continue:visited { display: block; float: left; width: 129px; height: 27px; line-height: 29px; text-indent: 5.8em; margin: 0 1em 0 0; overflow: hidden; color: #000; background: url(../../images/user/continue.jpg) no-repeat 0 0; }
a.continue:hover, a.continue:active { text-decoration: none; }
.submit_order { width: 149px; text-align: left; text-indent: 1.8em;  height: 27px; line-height: 29px; color: #000;border: none; background: url(../../images/user/go.jpg) no-repeat 0 0; }
.submit_divert { width: 149px; text-align: left; text-indent: .6em;  height: 27px; line-height: 29px; color: #000;border: none; background: url(../../images/user/go.jpg) no-repeat 0 0; }
a.back:link, a.back:visited { color: #039; text-decoration: underline; }
a.back:hover, a.back:active { color: #c00; text-decoration: none; }
.message_unviewed { color: #090; }
.message_viewed { color: #999; }
.message_time { color: #999; }

/* 页脚 */
.partner { position: relative; margin: 0 auto; width: 784px; list-style: none; height: 25px; line-height: 28px; overflow: hidden; background: url(../../images/user/partner.gif) repeat-x 0 0; }
.partner li { float: left; margin: 0 1em 0 0; }
.partner li a:link, .partner li a:visited { color: #666; }
.partner li a:hover, .partner li a:active { color: #c00; }
.partner li a.more:link, .partner li a.more:visited { position: absolute; right: 0; color: #333; background: url(../../images/user/next.gif) no-repeat 100% 40%; padding: 0 1em 0 0; }
.partner li a.more:hover, .partner li a.more:active { color: #c00; text-decoration: underline; }

/* 会员注册 */
.loginmodule { margin: 1em auto; border-top: 1px dashed #999; font-size: 1.2em; }
.loginmodule h1 { font-size: 1.2em; color: #069; text-align: left; margin: .5em 0 0 0; }
.loginmodule tr td .fields_pos { position: relative; top: .3em; right: 0; }
.loginmodule tr td .check_code { position: absolute; top: .2em; left: 7em; }
.loginmodule tr td a.ref:link, .loginmodule tr td a.ref:visited { color: #666; position: absolute; top: .5em; left: 15em; }
.loginmodule tr td .input_focus { background: #ffc; }
.position_object { position: relative; }
.warning { color: #666; float: left; margin: .5em 0 0 0; text-indent: 1.8em; }
.warning em { color: #c00; margin: 0 .5em; }
.hidden { display: none; }
.show { display: block; }
.usable { background: url(../../images/usable.jpg) no-repeat 0 0; color: #090; }
.unusable { background: url(../../images/unusable.jpg) no-repeat 0 0; color: #c00; }
.loading { background: url(../../images/loading.gif) no-repeat 0 0; color: #666; }

/* 会员登录 */
.outline { font-size: 1em; border: 1px solid #bcd8ed; }
.outline h1.title { margin: 0; color: #666; font-size: 1.2em; }
h2.alter { color: #000; font-weight: normal; font-size: 1.2em; margin: 0 auto; text-align: left; }
.message_tips { color: #c00; text-align: left; float: left; }
.message_tips a:link, .message_tips a:visited { color: #039; font-size: 1em; text-decoration: underline; margin: 0 .5em; }
.message_tips a:hover, .message_tips a:active { color: #c00; text-decoration: none; }
.leavewords a.logout:link, .leavewords a.logout:visited { margin: 0 0 0 .5em; color: #039; text-decoration: none; }
.leavewords a.logout:hover, .leavewords a.logout:active { color: #c00; text-decoration: underline; }
.bubble { background: url(../../images/bubble.jpg) no-repeat 2em 0; }
.outline a:link, a:visited { font-size: 1.2em; }
.leavewords a.allwords:link, .leavewords a.allwords:visited { color: #039; text-decoration: none; }
.leavewords a.allwords:hover, .leavewords a.allwords:active { color: #c00; text-decoration: underline; }
.reply_time { color: #999; margin: 0 0 0 .5em; font-size: 1.2em; }
.reply_content { color: #c00; line-height: 1.8em; }
.words_content { color: #333; line-height: 1.8em; word-break: break-all; }
.words_margint { margin: 1em auto 0; font-size: 12px; }
a.leavewords:link, a.leavewords:visited { color: #039; text-decoration: underline; }
a.leavewords:hover, a.leavewords:active { color: #c00; text-decoration: none; }
.words_user { color: #333; font-size: 12px; margin: 0; }
.words_user span { margin: 0 0 0 .5em; font-weight: normal; color: #666; }
/* 404 */
.win404 { position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -350px; }
/* About */
.about_icon { width: 180px; height: 26px; background: #ddd url(../../images/about_icon.jpg) no-repeat 0 0; }
.about_list { margin: 1em 0; width: 160px; float: right; list-style: none; font-size: 12px; }
.about_list li { width: 160px; float: left; border-bottom: 1px solid #ccc; }
.about_list li a:link, .about_list li a:visited { font-size: 12px; color: #666; background: url(../../images/dot_box_gray.gif) no-repeat 1em 50%; text-indent: 2.5em;  padding: .8em 0 .4em 0; display: block; float: left; width: 160px; }
.about_list li a:hover, .about_list li a:active { color: #000; background: #fff url(../../images/usable.jpg) no-repeat 1em 50%; text-indent: 3.5em; text-decoration: none; }
.about_list li a.curr:link, .about_list li a.curr:visited { font-size: 12px; color: #000; background: #fff url(../../images/usable.jpg) no-repeat 1em 50%; text-indent: 3.5em; text-decoration: none; }
.about_margin_tb { margin: 1em auto; font-size: 1.2em; }
.about_margin_tb td { line-height: 1.8em; text-align: left; word-break: break-all; }

.products_content { margin: 1em auto 0; font-size: 12px; background: url(../../images/dotted.gif) repeat-x 0 0; }
.products_content .products_category { float: left; color: #c00; font-size: 12px; margin: 1em auto 0; }
.products_content a:link, .products_content a:visited { font-size: 12px; color: #039; }
.products_content a:hover, .products_content a:active { color: #c00; text-decoration: underline; }

/* 产品目录 */
.pc_list { width: 100%; float: left; list-style: none; border-top: 1px solid #ccc; margin: 1em 0 0 0; }
.pc_list li { width: 25%; float: left; text-align: left; line-height: 2em; }
.pc_list li span { color: #666; }
.pc_list li.pc_title { color: #c00; font-weight: bold; width: 100%; }

.pc_list li a:link, .pc_list li a:visited { font-size: 12px; color: #039; }
.pc_list li a:hover, .pc_list li a:active { text-decoration :underline; font: 12px/1em; color: #c00; }