@charset "utf-8";
/* CSS Document */

body{
  line-height: 22px;
}
label{
  font-weight: normal;
}
input[type="checkbox"] {
    margin:0;
    padding: 0;
    display: inline-block;
}
.checkbox{
      margin:0;
    padding: 0;
    display: inline-block;
}


.position{ line-height:40px; text-align:left; padding-left:10x; font-size:14px}
.reg_nav_frame{ background:url(../reg_images/loginnav_bj.jpg) repeat-x; margin-top:1px;}
.reg_wrapper{ background:url(../reg_images/mid_bj.jpg) repeat-x; position:relative; font-size:14px;}
.left_bj{ background:url(../reg_images/left_bj.jpg) no-repeat; width:14px; height:430px; left:0; top:0px; position:absolute}
.right_bj{ background:url(../reg_images/right_bj.jpg) no-repeat; width:14px; height:430px; right:0; top:0px; position:absolute}
.reg_box{ min-height: 430px; height:expression(document.body.clientHeight < 430? "430px": "auto" ); padding-bottom:20px; overflow:hidden}
.reg_box .ts{ padding-left:20px; color:#999}
.reg_box .title{ background:url(../reg_images/nav_ftbj.jpg) no-repeat bottom center; padding:10px 30px 15px; line-height:25px; color:#cc9900; font-family:Verdana, Geneva, sans-serif;font-size:18px; margin-bottom:5px;}

.tip_box{ background:url(../reg_images/tip_bj.jpg);  margin-left:18px;}
.tip_box p{ background:url(../reg_images/tip_top.jpg) no-repeat top left; padding:10px 10px 2px;}
.tip_box_footer{ background:url(../reg_images/tip_footer.jpg); height:8px; line-height:1px; overflow:hidden;}

.reg_step1{ margin:10px 22px;}
.hr{ background:url(../reg_images/hr.gif) center bottom repeat-x;}
.reg_step1 .hr{ padding-left:5px; line-height:30px; margin-bottom:20px;}



.form_box{ height:58px; padding:0 10px; margin-bottom:3px; vertical-align:middle;}
.more_box{ height:auto; margin-bottom:23px;}

.more_box .content{ padding:10px 0; width:530px;}
.textarea_box p{ padding:5px 10px; color:#CCC; font-size:12px;}
.form_box label{ display:block; width:130px; height:34px; line-height:34px; float:left; padding-left:10px;}
.form_box .input{ display:block;float:left; margin-right:20px; overflow:hidden;background:url(../reg_images/i1.gif) left center no-repeat; height:34px; width:184px; text-align:center; vertical-align:middle; line-height:34px;}
.form_box .refresh{ display:block; float:left; margin-right:20px; line-height:34px; height:34px;}
.form_box .textarea{ border:1px solid #e6e6e6; background-color:#f6f6f6; display:inline-block; zoom:1; overflow:hidden}
.form_box textarea{ width:295px; height:45px; border:4px solid #f6f6f6;resize: none;}
.form_box input{ height:24px;line-height:24px;*height:23px;*line-height:23px;border:0;width:177px; vertical-align:middle; margin-top:4px;*margin-top:3px;*margin-left:2px;}
.form_box select{ height:26px; border:0; width:180px; margin-top:4px; line-height:26px;}
.form_box .text_ts{ line-height:18px; display:block; height:18px; color:#CCC; clear:both; padding-left:10px; padding-top:3px;}
.form_box .text_error{float:left; height:40px; padding:3px 10px; line-height:18px;  margin:1px 20px 0 0; font-size:12px;}
.form_box .pw_str,.form_box .pw_str1,.form_box .pw_str2,.form_box .pw_str3,.form_box .pw_str4{ line-height:18px; float:left; margin-right:20px; font-size:12px; color:#cc9900; height:30px; background:url(../reg_images/pw1.gif) left bottom no-repeat; width:240px; padding-left:1px;}
.form_box .pw_str1{background:url(../reg_images/pw2.gif) left bottom no-repeat;}
.form_box .pw_str2{background:url(../reg_images/pw3.gif) left bottom no-repeat;}
.form_box .pw_str3{background:url(../reg_images/pw4.gif) left bottom no-repeat;}
.form_box .pw_str4{background:url(../reg_images/pw5.gif) left bottom no-repeat;}
.form_box .test_picbox{ height:31px; line-height:31px; margin-right:20px; float:left; padding-top:3px;}
.reg_step2 .nav{ background:url(../reg_images/nav1.jpg) top center no-repeat; position:relative; line-height:24px; padding-bottom:2px; height:24px; padding-left:25px; color:#FFF; font-weight:bold; margin-bottom:20px;}
.reg_step2_box,.login_box,.pw_recovery_box,.pw_reset_box{ padding:0 22px;}
.login_box,.pw_recovery_box,.pw_reset_box{ margin-top:20px;}
.test_box{ padding-left:22px; margin-top:20px;}

.user_button{ text-align:center; margin-top:20px; line-height:30px;}
.user_button input{ display:block; cursor:pointer;  width:196px; height:45px; margin:0 auto; line-height:45px; color:#FFF; background:url(../reg_images/user_button.jpg); border:0; font-size:14px; font-weight:bold; border:0;}

.agreement_box{
	background-color: white;
    border: 1px solid #e1e1e1;
    color: #888888;
    padding: 20px;
}
.agreement_box div{
    height: 66px;
    overflow: auto;
}

.form_box .track_button{background:url(../reg_images/trackbutton.jpg) center bottom; height:31px; border:none; cursor:pointer}

.login_error,.pw_re_error,.reset_pw_error{ 
	 border:3px solid #f2f2f2; 
	 padding:10px; 
	 margin-left:22px;
	 font-size:12px;
	 margin-top:20px;
}

.form_box .regform{
	height: 34px;
	line-height: 34px;
}
.form_box .regform label{
	display:inline-block; width:auto; height:auto; line-height:normal; float:none; padding-left:0px;
}
.form_box .regform label .customertype{
	height:auto;line-height:normal;width:auto; vertical-align:middle; margin-top:0px;margin-left:0px;
}




/***注册页面样式修改***/
@charset "utf-8";
/* CSS Document */


@media (max-width: 768px) {
	.reg_box1 .ts{
	    color: #bdbdbd;
	    font-size: 12px;
	}
	.text_ts_email{
	    color: #bdbdbd;
	    font-size: 12px;
	}
	.reg_box1{
		background-color: #f5f7f6;
	    border-top: 1px solid #e1e1e1;
	    text-align: left;
	    padding-bottom: 15px;
	}
	.form_box0,.form_box1,.form_box2,.form_box3,.form_box4,.form_box_bn {padding:0;}
	.form_box0 div,.form_box1 div,.form_box2 label,.form_box2 span,.form_box3 div,.form_box4 div,.form_box_bn div{margin-bottom: 10px;}

	.title_info{
		height: 50px;
		padding-left: 15px;
	}
	.tncode-select-texttip {
	    clear: both;
	    display: inline-block;
	    color: #333;
	    line-height: 28px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.reg_box1 .ts{
	    color: #bdbdbd;
	    font-size: 12px;
	}
	.text_ts_email{
	    color: #bdbdbd;
	    font-size: 12px;
	}
	.reg_box1{
		background-color: #f5f7f6;
	    border-top: 1px solid #e1e1e1;
	    text-align: left;
	    padding-bottom: 15px;
	}
	.form_box0,.form_box1,.form_box2,.form_box3,.form_box4,.form_box_bn {padding:0;}
	.form_box0 div,.form_box1 div,.form_box2 label,.form_box2 span,.form_box3 div,.form_box4 div,.form_box_bn div{margin-bottom: 10px;}

	.title_info{
		height: 50px;
		padding-left: 15px;
	}
	.tncode-select-texttip {
	    clear: both;
	    display: inline-block;
	    color: #333;
	    line-height: 28px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.reg_box1 .ts{    
	    margin-top: 25px;
	    color: #bdbdbd;
	    font-size: 12px;
	}	
	.reg_box1{margin-bottom: 15px;background-color: #f5f7f6;border: 1px solid #e1e1e1;text-align: left; padding: 0 15px 20px 15px;}

	.title_info{
		height: 50px;
	}
	.text_ts_email{
	    color: #bdbdbd;
	    font-size: 12px;
	    margin-top: 10px;
	}

}
@media (min-width: 1200px) {
	.reg_box1 .ts{    
	    margin-top: 25px;
	    color: #bdbdbd;
	    font-size: 12px;
	}
	.reg_box1{margin-bottom: 15px;background-color: #f5f7f6;border: 1px solid #e1e1e1;text-align: left; padding: 0 15px 20px 15px;}

	.title_info{
		height: 50px;
	}
	.text_ts_email{
	    color: #bdbdbd;
	    font-size: 12px;
	    margin-top: 10px;
	}

}

.form_box1 .pw_str, .form_box1 .pw_str1, .form_box1 .pw_str2, .form_box1 .pw_str3, .form_box1 .pw_str4{
    line-height: 18px;
    margin-top: 5px;
    font-size: 12px;
    color: #e7a200;
    height: 30px;
    background: url(../reg_images/pw1.gif) left 15px bottom no-repeat;
}

.form_box1 .pw_str1{background:url(../reg_images/pw2.gif) left 15px bottom no-repeat;}
.form_box1 .pw_str2{background:url(../reg_images/pw3.gif) left 15px bottom no-repeat;}
.form_box1 .pw_str3{background:url(../reg_images/pw4.gif) left 15px bottom no-repeat;}
.form_box1 .pw_str4{background:url(../reg_images/pw5.gif) left 15px bottom no-repeat;}

#country{
	border: 1px solid #e1e1e1;
    width: 100%;
    height: 30px;
}



.regform label .spot{
	display:inline-block;
	width:17px;
	height:17px;
	background:url("../reg_images/radio-default-icon.png") no-repeat;  /*默认的样式图片*/
	background-size:16px;
	position: absolute;
	margin-top: 3px;
}



.reg_box1 .title{ background:url(../reg_images/nav_ftbj.jpg) no-repeat bottom center; padding:10px 30px 15px; line-height:25px; color:#cc9900; font-family:Verdana, Geneva, sans-serif;font-size:18px; margin-bottom:5px;}

.form_box0{
    border-bottom: 1px solid #e1e1e1;
   /* line-height: 80px;
    height: 80px;*/
}

.more_box{ height:auto; margin-bottom:23px;}

.more_box .content{ padding:10px 0; width:530px;}
.textarea_box p{ padding:5px 10px; color:#CCC; font-size:12px;}
/*.form_box0 label{ display:block; height:34px; line-height:34px; float:left; padding-left:10px; color:#888888;margin-right: -3px;}*/


.form_box .input{ display:block;float:left; margin-right:20px; overflow:hidden;background:url(../reg_images/i1.gif) left center no-repeat; height:34px; width:184px; text-align:center; vertical-align:middle; line-height:34px;}


.form_box0 .input{ display:block;float:left; margin-right:55px; overflow:hidden;   text-align:center; vertical-align:middle; line-height:34px;}
.form_box0 .refresh{ display:block; float:left; margin-right:20px; line-height:34px; height:34px;}
.form_box0 .textarea{ border:1px solid #e6e6e6; background-color:#f6f6f6; display:inline-block; zoom:1; overflow:hidden}
.form_box0 textarea{ width:295px; height:45px; border:4px solid #f6f6f6;resize: none;}
.form_box0 input{
    width: 100%;
    line-height: 28px;
    border: 1px solid #e1e1e1;
    height: 28px;
}


.form_boxs{
	height: auto;
	padding-top: 0px;
}

.form_boxs label {
 	width: 115px;
    padding-left: 0px;
}


.form_box0 select{ height:26px; border:0; width:180px; margin-top:4px; line-height:26px;}
.form_box0 .text_ts{     
	/*border-bottom: 1px solid #e1e1e1;*/
    /*padding-bottom: 15px;*/
}
.form_box0 div{
	/*margin-bottom: 5px;*/
}

.form_box1 div{
	/*margin-bottom: 5px;*/
}

/*.form_box_bn .text_ts{ line-height:18px; height:18px; color:#888888; clear:both; padding-left:0px; padding-top:3px;}*/
.form_box0 .text_error{float:left; height:40px; padding:3px 10px; line-height:18px;  margin:1px 20px 0 0; font-size:12px;}
.form_box .pw_str,.form_box .pw_str1,.form_box .pw_str2,.form_box .pw_str3,.form_box .pw_str4{ line-height:18px;margin-right:20px; font-size:12px; color:#cc9900; height:30px; background:url(../reg_images/pw1.gif) left bottom no-repeat; width:109px; padding-left:1px;}

.reg_step2 .nav{ background:url(../reg_images/nav1.jpg) top center no-repeat; position:relative; line-height:24px; padding-bottom:2px; height:24px; padding-left:25px; color:#FFF; font-weight:bold; margin-bottom:20px;}
.reg_step2_box,.login_box,.pw_recovery_box,.pw_reset_box{ padding:0 22px;}
.login_box,.pw_recovery_box,.pw_reset_box{ margin-top:20px;}
.test_box{ padding-left:22px; margin-top:20px;}

.user_button_new{ text-align:center; margin-top:20px; line-height:30px;}
.user_button_new input{ display:block; cursor:pointer;  width:300px; height:38px; margin:0 auto; line-height:39px; color:#FFF; background:url(../reg_images/bnt-reg-Submit.png); border:0; font-size:14px; font-weight:bold; border:0;}


.register_title{
	padding: 20px;
}
.register_title ul li{
	line-height: 22px;
	float: left;
	margin-left: 5px;
	padding: 0;
}


.register_tn{
	color: white;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 50%;
	background-color: #bdbdbd;
}

.register_ti{
	margin-top: 2px;
}

.register_ti img{
	vertical-align: unset; 
}



.title_info ul li{
	float: left;
	margin-right: 5px;
	text-align: center;
	line-height: 50px;
}

.title_info .first{
	width: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 23px;
	color: whitesmoke;
	border-radius: 50%;
	background-color:#e7a200 ;
	margin-top: 12px;
}



.title_info .two{
	font-size: 16px;
	font-weight: bold;
}


.tip_info_top{
	background-color: white;
	border: 1px solid #e1e1e1;
}


.tip_info_top p{
	padding: 15px;
	font-size: 14px;
	color: #888888;
}


.tilte_pf{
    padding-left: 15px;
    line-height: 50px;
    height: 50px;
}


.form_box0,.form_box1,.form_box2,.form_box3,.form_box4,.form_box_bn {
	padding: 25px 0;
}

.reg_step1_new,.reg_step2{
	border: 1px solid #e1e1e1;
	background:#fff;
	color: #888888
}



.form_box1{
	border-bottom: 1px solid #e1e1e1;
}



.form_box1 input{
    width: 100%;
    line-height: 28px;
    border: 1px solid #e1e1e1;
    height: 28px;
}

.form_box1 .input{
	display: block;
	float: left;
	margin-right: 55px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;

}





.form_box1 .test_picbox{ height:31px; line-height:31px; margin-right:20px; float:left; padding-top:3px;}





.form_box2{
    border-bottom: 1px solid #e1e1e1;
}


.form_box2 label{
	display: block;
}

.form_box2 input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box2 .input{
	display: block;
	float: left;
	margin-right: 19px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}


.form_box_bn{ 
	margin: 0px;
 }
.form_box_bn label{ display:block;  height:34px; line-height:34px; float:left; padding-left:10px;color: #888888;margin-right: -3px;}

.form_box_bn .input{ display:block;float:left; margin-right:55px; overflow:hidden;   text-align:center; vertical-align:middle; line-height:34px;}


.form_box_bn input{ line-height:28px;  border: 1px solid #e1e1e1;width: 100%;height: 28px;}


.form_box2_bn{
	padding-top: 20px;
	margin-bottom: 0;

}


.form_box2_bn label{
	display: block;
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 10px;
}
.form_box2_bn input{
	height: 28px;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box2_bn .input{
	display: block;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}


.form_box3{
	border-bottom: 1px solid #e1e1e1;
}

#billing_country,#shipping_country{
	height: 30px;
    border: 1px solid #e1e1e1;
    width: 100%;
}

.form_box3 textarea{ width:100%; height:45px; border:3px solid #f6f6f6;resize: none;}

.form_box3 label{
	display: block;
	width: 140px;
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 10px;
	color: #888888;
}
.form_box3 input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box3 .input{
	display: block;
	float: left;
	margin-right: 19px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}



.form_box4{
	background-color: white;margin-bottom: 20px;padding: 20px;	border: 1px solid #e1e1e1;color: #888888;

	margin-top: 20px;

}



.form_box4 input{
	height: 28px;
	width: 178px;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box4 .input{
	display: block;
	float: left;
	margin-right: 19px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}


.regform label input{
	width: 15px;
	height: 15px;
	vertical-align: bottom;
	margin-right:.1rem;
	opacity: 0;
}

input:checked + .spot{
	background:url("../reg_images/raido-select-icon.png") no-repeat;  /*选中后的样式图片*/
}