@import url(comm.css);
@import url(header.css);
@import url(sider_nav.css);
@import url(footer.css);

/* ============== #container ============== */
.container{width:972px; margin-left:auto; margin-right:auto; text-align:left;}
.repeat_bg{ background:url(img/repeat_bg.gif) repeat-y top left;}
.top_bg{ position: relative; background:url(img/top_bg.gif) no-repeat top left; margin:0px; padding:0px;border-top:1px solid #ccc;}
.bottom_bg{ background:url(img/bottom_bg.gif) no-repeat top left; padding-top:5px; margin-bottom:8px;}

.other_car_but{position: absolute;top: 10px;right: 0px;}
.other_car_but p{margin:0 0 10px 0;}
.car_bag{position: absolute;bottom: -30px;right: -30px;}
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "../css/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
.cart_tab {   width:905px;}
.cart_tab ul {margin:0;padding:4px 0px 0 0px;list-style:none; padding-left:202px;}
.cart_tab ul li {display:inline; height:42px; overflow:hidden;float:left;text-decoration:none;margin:0;}
.none_l_1 a:hover,.none_l_2 a:hover,.none_l_3 a:hover,.none_l_4 a:hover,.none_l_5 a:hover{ color:#666;}
.none_l_2,.none_l_3,.none_l_4,.none_l_5{margin:0;padding:0 0 0 30px;text-decoration:none;}
.none_l_1{background:url(img/tableft_1.gif) no-repeat left top; margin:0;  padding:0 0 0 26px;  text-decoration:none;}
.none_l_2{background:url(img/tableft_2.gif) no-repeat left top;}
.none_l_3{background:url(img/tableft_3.gif) no-repeat left top;}
.none_l_4{background:url(img/tableft_4.gif) no-repeat left top;}
.none_l_5{background:url(img/tableft_5.gif) no-repeat left top;}
.none,.at{padding:10px 16px 4px 8px;color:#666;margin-right:1px;line-height:14px;font-size:14px; font-weight:bold;}
.none,.none_5{ display:block;background:url(img/tabright.gif) no-repeat right top;}
.at,.at_5{display:block;background:url(img/tabright.gif) no-repeat 100% -42px;}
.at,.none{width:80px;}
.at_5,.none_5{width:120px;color:#666;line-height:14px;font-size:14px; font-weight:bold;padding:10px 9px 4px 7px;}
.at_l_2,.at_l_3,.at_l_4,.at_l_5{padding:0 0 0 30px;}
.at_l_1{background:url(img/tableft_1.gif) no-repeat 0% -42px;padding:0 0 0 26px;}
.at_l_2{background:url(img/tableft_2.gif) no-repeat 0% -42px;}
.at_l_3{background:url(img/tableft_3.gif) no-repeat 0% -42px;}
.at_l_4{background:url(img/tableft_4.gif) no-repeat 0% -42px;}
.at_l_5{background:url(img/tableft_5.gif) no-repeat 0% -42px;}
.none span,.at span,.at_5 span,.none_5 span{ line-height:14px; font-style:oblique; font-size:12px; font-weight:normal;}
.at,.at span,.at_5{color: #f39;}

#car_wrapper{clear: both;padding: 0 105px 0 153px;}
.cart_o_a{ height:24px;width:334px; clear:both;padding:19px 0px 15px 570px; }
.cart_o{ width:165px; float:left; margin-top:4px; padding-right:2px;}

.cart_o div{ float:left;height:20px;}
.cart_o div a{color:#fff;}
.cart_o div a:hover{color:#fff;}
.free_left{ background:url(img/cart_o_a_l.gif) no-repeat left top; padding-left:3px; float:left;}
.free_middle{ padding:0px 12px 0px 20px; background:#92B4CC; line-height:20px; vertical-align:middle}
.free_right{background:url(img/cart_o_a_r.gif) no-repeat right top;float:right; width:4px;}
#ddze strong{color:#f39;}
.cart_p{ padding-left:3px; background:url(img/cart_o_a_rl.gif) no-repeat; width:164px; float:left; }
.cart_p_30{ background:url(img/30.gif) no-repeat 7px #999; padding-left:50px; line-height:24px; height:24px;padding-right:4px;}
.cart_p a{color:#fff;}
.cart_p a:hover{color:#fff;}

.tab01{ width: 100%; }
.tab01 th{ border: 1px solid #ccc; background: #000; color: #fff; text-align: center; padding: 0 10px; }
.tab01 td{ border: 1px solid #ccc; text-align: center; padding: 5px 0;}
.tab01 td input{vertical-align: middle;}
.tab01 td table td{border:0;text-align:left;padding:5px 2px;font-size:14px; }
.tab01 td table td strong{color:#e354a1}
.tab01 td table td a{color:#e354a1;text-decoration:underline;}
.tab01 td table td a:hover{color:#e354a1;}
.tab01 tfoot td{border:0;text-align:left;color:#e354a1;}
.tf{ text-align: left; padding: 0 0 0 1em; }
td.pro_pic img{ border: 1px solid #ccc; vertical-align: middle;float:left;margin:0 4px 0 4px;}
td.pro_pic{text-align:left;height:58px;}
td.pro_pic span{float:left;margin-top:10px;}
td.discount,td.total{ font-size: 14px; font-weight: bolder; }
td.total{ background: #ececec; }
td.total_all{ color: #e354a1; font-weight: bolder; font-size: 16px; }
td.fot{ color: #fff; font-weight: bolder; background: #000; }
#lg_01{ padding: 15px 15px; background: #fcc; clear: both; margin: 12px 0px 3px 0px; color: #EC496F; }
.cont_bo{ clear: both; }
#lg_01 p{ color: #E8295A; }
#lg_01 h4{ font-size: 20px; font-family: 黑体; font-weight: normal; padding: 0 0 5px 0; }
.pink_but01{ background: url(img/c_but01.gif); width: 57px; height: 20px; line-height: 20px; border: 0; font-size: 14px; color: #fff; font-weight: bolder; cursor: pointer; }
#lg_02{ padding: 18px 30px; background: #FFE4EB; color: #E354A1; }
#lg_02 p{ color: #E354A1; }
#lg_02 h4{ font-size: 20px; font-family: 黑体; font-weight: normal; padding: 0 0 5px 0; }
.free_gift_box{ padding: 2px 2px 12px 2px; }
.free_gift_box h3{ font-size: 20px; font-weight: normal; color: #EA7FB9; }
.free_gift_note{ padding: 5px 5px 5px 5px; font-size: 14px; color: #EA7FB9; }
.free_gift_box li{ float: left; border: 1px solid #ccc; margin: 5px 5px 5px 5px; text-align: center; }
.free_gift_box li img{ margin: 2px 2px 0 2px; border: 1px solid #ccc; }
.gift_name{ padding: 0 0 5px 0; background: url(img/ccc_line_x.gif) repeat-x bottom; }
.gift_h{ padding: 10px 0; font-size: 14px; color: #E354A1; font-weight: bolder; }
.pink_but02{ background: url(img/c_but02.gif); width: 145px; height: 20px; line-height: 20px; border: 0; font-size: 14px; color: #fff; font-weight: bolder; cursor: pointer; }
.free_gift_box_b{ text-align: center; padding: 14px 0 0 0; }

/* ============== login ============== */
#login_left1{ float: left; width: 310px; background: #FFF7EB url(img/white_bg.gif) repeat-x 0 30px; }
#login_left1_w{ padding: 10px 0 10px 22px; }
#login_left1 h3{ font-size: 18px; font-family: 黑体; font-weight: normal; color: #E354A1; }
#login_left1 p{ padding: 5px 0 8px 0; color: #E354A1; }
#login_left1 ul li input{ color: #666; }
#login_left1 label{ font-weight: bolder; }
.rem_password{ text-align: right; padding: 5px 30px 0 0; }
.rem_password a{ color: #E354A1; text-decoration: underline; }
#login_left1 img,#login_left input{ vertical-align: middle; }
.login_but{ text-align: center; padding: 10px 0 0 0; }
#login_right1{ padding: 0 0 20px 0; float: left; width: 381px; }
#login_right1 dl{ float: left; width: 170px; padding: 0 0 0 18px; }
#login_right1 dl dd{ color: #9C9C9C; padding: 11px 6px 0 6px; }
#login_right1 dl dd img{ vertical-align: middle; }
#login_right1 dl dd a{ color: #E55EAD; font-size: 14px; font-weight: bolder; }
.login_note{ padding: 10px 0 10px 18px; font-family: 黑体; font-weight: normal; font-size: 18px; color: #E355A1; }

/* ============== Delivery ============== */
.delivery_top{ clear: both; padding: 19px 0px 15px 203px; }
.delivery_top_i{ width: 532px; float: left; margin-top: 4px; padding-right: 2px; }
.delivery_top_i input{ float: left; margin: 10px 0 0 10px; }
.delivery_top_i img{ vertical-align: middle; float: left; padding: 0 5px 0 0; }
.delivery_top_i span{ float: left; display: block; width: 100px; padding: 5px 0 0 0; }
#delivery_left{ float: left; width: 735px; background: #FFF7EB url(img/white_bg.gif) repeat-x 0 35px; }
#delivery_left_w{ padding: 10px 0 10px 22px; }
#delivery_left h3{ font-size: 18px; font-family: 黑体; font-weight: normal; color: #E354A1; }
#delivery_left ul{ margin: 10px 0 0 0; }
#delivery_left ul li{ padding: 10px 0 0 0; }
#delivery_left ul li input{ color: #666; }
#delivery_left label{ font-weight: bolder; }
#delivery_right{ float: left; width: 265px !important; width /* */: 275px; margin: 0 0 0 10px; }
.delivery_right_note{ padding: 0 0 0 20px; }
.delivery_right_note p{ padding: 8px 0 0 0; }

/* ============== Payment ============== */
#payment{  }
#payment h3{ font-size: 14px; padding: 0  0 10px 0; color: #f39; }
#payment_01{ float: left; width: 180px; }
#payment_01 p{ padding: 15px 0 0 0; }
.chose img{ vertical-align: middle; }
.xy_card{ padding: 10px 0; }
#payment_02,#payment_bank{ float: left; width: 180px !important; width /* */ : 210px;margin: 0 0 0 30px; display:inline; }


#payment_02 li{ clear: both; }
.chose_fix { margin: 5px 0 0 0; }
.chose_fix input{ float: left; margin: 15px 10px 0 0; }
.chose_fix p{ float: left; width: 120px; }
.chose_fix p img{ padding: 0 0 5px 0; }

#payment_bank{width: 190px !important; width /* */ : 220px;margin-left:0px;}
#payment_bank li div{clear:both;margin:0 0 0 30px;border:1px solid #ccc;background:#fcfcfc;padding:5px 10px;width:95px;}
#payment_bank li div h4{font-size:12px;}

#payment_bank li div ul li{padding:3px 0;}
#payment_bank li div ul li input{float:none;margin:0;vertical-align:middle;}
#payment_bank li div strong{font-weight:normal;}
#payment_bank li div strong span{color:#e354a1;font-weight:bold;}

#payment_03{ float: left; width: 300px !important; width /* */: 220px; margin: 0 0 0 10px; }
#payment_03 li{ float: left; }

#payment_03 li div{clear:both;margin:0 0 0 30px;border:1px solid #ccc;background:#fcfcfc;padding:5px 10px;width:95px;}
#payment_03 li div h4{font-size:12px;}

#payment_03 li div ul li{float:none;padding:3px 0;}
#payment_03 li div ul li input{float:none;margin:0;vertical-align:middle;}
#payment_03 li div strong{font-weight:normal;}
#payment_03 li div strong span{color:#e354a1;font-weight:bold;}


#payment_but{ clear: both; padding: 17px 0 20px 0; text-align: center; }
#payment_but a{ color: #f39; font-weight: bolder; }

/* ============== order_confirm ============== */
#order_confirm_left{ float: left; width: 449px; }
#order_confirm_left td{ padding: 5px 0; }
#order_confirm_left td img{ vertical-align: middle; }
.tf{ float: left; padding: 0 0 0 1em; }
#order_confirm_right{ float: left; width: 280px; padding: 0 0 10px 0; margin: 0 0 0 5px; background: #FFF7EB url(img/white_bg.gif) repeat-x 0 35px; }
#order_confirm_right_w{ margin: 10px 0 10px 22px; }
#order_confirm_right h3{ font-size: 18px; font-family: 黑体; font-weight: normal; color: #E354A1; }
#order_confirm_right input{ border: 0; border-bottom: 1px dotted #333; background: none; }
.d_info{ padding: 15px 0 0 0; }
.d_info img{ vertical-align: middle; }
.order_confirm_box{ float: left; width: 119px; margin: 15px 7px 0 0; }
.order_confirm_box p,.order_confirm_box img{ padding: 5px 0 0 0; }
#order_confirm_but{ clear: both; text-align: center; margin: 15px 0; }

/* ============== Complete ============== */
.complete{ clear: both; padding: 0 0px 15px 210px; position: relative; }
.complete_tip{ width: 518px; height: 106px; margin: 0 8px 0 0; float: left; margin-top: 4px; background: url(img/tip_bg01.gif); }
.complete_tip p{ padding: 17px 0 0 160px; }
.sor_txt{ font-size: 14px; font-weight: bolder; color: #f39; }
.complete .cart_p{ margin-top: 20px; }
#print_but{ position: absolute; top: 51px; right: 120px; }
.fk_but img{ vertical-align: bottom; }
.complete_but01{ clear: both; padding: 30px 0 15px 0; }
.complete_but01 a{ display: block; float: left; text-align: center; margin: 0 0 0 65px; font-size: 14px; font-weight: normal; }
.complete_but01 a:hover{ color: #fff; }
#write_money{ padding: 0 130px 15px 195px; }
#write_money p{ padding: 1em 0 0 0; }
.zx{ font-size: 14px; font-weight: bolder; }


/* ============== regist ============== */
.regist_right{margin-left:40px; margin-top:5px; text-align:inherit;text-align:left;}
.activation_h3{ font-size:22px;color:#D5033D; line-height:44px; text-align:left; margin-left:39px;}
.double{width:600px;margin-left:42px;}
.activation_pink{ background:#D5033D; padding-top:15px;color:#fff; margin-right:2px; padding-left:8px; margin-bottom:20px; }
.activation_pink_tit{font-size:22px;line-height:20px;}
.activation_pink_txt{color:#fff; padding-left:2px; line-height:21px}
.activation_pink_txt a{ color:#33FFFF; text-decoration:underline; }
.activation_pink_txt a:hover{ color:#fff; } 

.reg_form{ padding:6px 0px; vertical-align:middle; padding-left:53px;}
.reg_label{width:82px; float:left; padding-top:2px;}
.reg_label_star{color:#FE3A5E; text-align:right; font-size:22px; vertical-align:bottom;}
.reg_input_sm{ padding-left:10px; width:230px; float:left; line-height:18px;padding-top:2px;}
.reg_input_sm1{ color:#FE3A5E;}
.reg_input_sm1 a{ color:#A2CFF8;text-decoration:underline;}
.reg_input{ padding-left:14px; width:178px; float:left;}
.reg_input02{ padding-left:14px; float:left;}
.reg_input input{ width:178px; height:18px;}
.reg_input input.p1{width:40px;}
.reg_input input.p2{width:80px;}
.reg_input_img{ width:46px; float:left; padding-left:12px; padding-top:2px;}
.reg_but{ height:20px; margin-left:230px; margin-top:32px; margin-bottom:18px;}

.reg_detail{ height:25px; line-height:25px;background:#D5033D; color:#fff;margin-left:42px; width:542px; font-size:14px;padding-left:8px; margin-bottom:17px; font-weight:bold;}
.reg_detail_p{  padding-left:53px;}
.reg_opt_detail{ padding-top:30px;}
.reg_opt_detail label{ line-height:25px;}

.opp_but{ padding-left:290px; padding-top:53px; text-align:left;}
.opp_but_re{ width:130px; float:left; margin-right:108px;}
.opp_but_l{ background:url(img/but_bg_l.gif) left no-repeat; width:2px; height:20px; float:left;}
.opp_but_r{ background:url(img/but_bg_r.gif) left no-repeat; width:3px; height:20px; float:left;}
.opp_but_m{ height:20px; background:#D5033D; width:105px;float:left; padding-left:1px;text-align:center;}

.opp_but_m a,.opp_mail_m a,.opp_mailp_m a{ color:#fff;}
.opp_but_m button , .opp_mail_m button{ border: 0; background: none; height: 20px; line-height: 20px; text-align: center; color: #fff; cursor: pointer; font-size: 12px; }
.opp_but_m button{ width: 105px; }
.opp_but_m a:hover,.opp_mail_m a:hover,.opp_mailp_m a:hover{ color:#fff; text-decoration:none;}

.newmem{ padding-top:19px; padding-left:14px;}
.newmem_p{ padding-left:89px;}
.newreg{ padding-top:5px; padding-bottom:5px;}
.reg_input select{width:182px; border:1px solid #ccc;}
.reg_input_qu{float:left;margin-left:8px;}
.reg_opt{ padding-left:8px; height:32px; padding-top:20px; background:url(img/ccc_line_x.gif) repeat-x top left;  margin-top:16px;}

.reg_opt label{ padding-left:4px; padding-right:40px;}
.newreg_but{ height:20px; margin-left:230px; margin-top:12px; margin-bottom:20px;}
.zctk{  color:#61AFEF; text-decoration:underline; vertical-align:top;  width:80px; float:left; display:block;}
.newreg_but_sub{ width:69px; float:left; margin-right:50px; }

.opp_mail_re{ width:69px; margin:25px auto;}
.opp_mail_m{height:20px; background:#D5033D; width:63px;float:left; padding-right:1px; text-align:center;}

.opp_butp_l{ background:url(img/butp_bg_l.gif) left no-repeat; width:2px; height:20px; float:left;}
.opp_butp_r{ background:url(img/butp_bg_r.gif) left no-repeat; width:3px; height:20px; float:right;}
.opp_mailp_m{height:20px; background:#D10171; width:63px;float:left; padding-right:1px; text-align:center;}


.client_phone{margin: 0 20px 2px 0;line-height: 200%;background: #eee;text-indent: 10px;}