﻿/*----------------------用户登录+注册--------------------*/
.login {
}
.login .blue_box .login_left {
	float: left;
	padding-top: 50px;
	padding-left: 100px;
	width:500px;
}
.login .blue_box .login_left .login_form li{padding-bottom:20px;}
.login .blue_box .login_left .login_form li label{
	font-size: 14px;
}
.login .blue_box .login_left .login_form .logintxt_long{
	height: 18px;
	width: 200px;
	border: 1px solid #c8c8c8;
}
.login .blue_box .login_left .login_form .forget {
	color: #FF0000;
}
.login .blue_box .login_left .login_form .login_tanchu_button {
	height: 26px;
	width: 56px;
	border:0;
	background:url(../images/icon.jpg) repeat-x center center;
	cursor:pointer;
	color:#FFF;
}
.login .blue_box .login_right {
	margin-top: 35px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	line-height: 225px;
	height: 225px;
	float:left;
	padding-left:100px;
	font-size: 14px;
	margin-bottom: 35px;
}

.logon_title{background:url(../images/ksdh1_tit_bg.jpg) no-repeat 0 center;width:217px; height:31px; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; line-height:31px; margin:20px 20px;}

/*-----------------用户注册-------------------*/
.register{ margin:15px auto}
.article_blue_block{
	border: 1px solid #eeedeb;
	 width:910px;
	  margin:0px auto;
	  padding:10px;
}
.article_blue_block p{
	font-size: 14px;
	line-height: 100px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	height: 100px;	
}
.register .article_blue_block .personal_center {
	padding-top: 40px;
	padding-left: 190px;
}
.register .article_blue_block .personal_center .h_36{height:36px;}
.register .article_blue_block .personal_center .h_36 #GenderIdlist,.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist{float:left;}
.register .article_blue_block .personal_center .h_36 #GenderIdlist li{
	float: left;
	width: 40px;
}
.register .article_blue_block .personal_center .h_36 #GenderIdlist li label,.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist li label{padding-left:5px;}
.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist li{
	float: left;
	width: 50px;
}
.register .article_blue_block .personal_center .h_36 .Wdate{cursor:pointer;}
.register .article_blue_block .personal_center .h_36 #ProvinceIddropdown{margin-right:10px;}
.register .article_blue_block .personal_center .about_us{height:135px;}
.register .article_blue_block .personal_center big {
	font-size: 14px;
	float: left;
	text-align: right;
	display: block;
	width: 145px;
	line-height: 16px;
	height: 16px;
	padding-right:10px;
}
.register .article_blue_block .personal_center big span{color:#FF0000;}
.register .article_blue_block .personal_center h6{float:left; color:#999999; padding-bottom:10px;}
.register .article_blue_block .personal_center .agree{float:left;}
.register .article_blue_block .personal_center .agree a{font-size:14px;}
.register .article_blue_block .personal_center .login_tx {
	float: left;
	height: 18px;
	width: 200px;
	border: 1px solid #c8c8c8;
}
.register .article_blue_block .personal_center small {
	color: #FF0000;
	padding-left: 10px;
}
.register .article_blue_block .personal_center select {
	float: left;
}
.register .article_blue_block .personal_center .login_txa{
	float: left;
	height: 120px;
	width: 380px;
	border: 1px solid #c8c8c8;
}
.register .article_blue_block .personal_center .login_btn {
	height: 26px;
	width: 56px;
	border:0;
	 line-height:26px;
	background: url(../images/icon.jpg) repeat-x 0 0px;
	color: #fff;
	cursor: pointer;
	float: left;
}
.register .article_blue_block .personal_center strong{
	font-size: 14px;
	color: #fff;
	display: block;
 font-weight:normal;
	background:url(../images/ksdh_tit_bg.jpg) no-repeat 0 center; width:217px; height:31px;
 line-height:31px;
 text-align:center;

}
.register_tologon{ text-align:right}

/*找回密码*/
.main{width: 1280px;background: #fff;padding: 20px;margin-bottom: 20px;}
/* body{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:12px; color:#333;} */
.centent{ padding:20px 10px;}
.centent{ padding-bottom:50px;}
.centent p{ line-height:45px; padding-top:25px;}
.centent p a{ padding:0 3px}
.center{ text-align:center}
.qusetion{ padding-left:282px;font-size:19px;line-height:30px;}

.mar_top60{ margin-top:60px;}
.title1{ height:40px; line-height:40px; color:#666;font-size:20px;  font-weight:normal; border-bottom:#eee solid 1px;}

.textArea1{ border:#dadada solid 1px; background:url(../images/findpassword_icon.png) 0 -356px no-repeat; line-height:30px; height:30px; padding:5px; width:360px; color:#aaa;font-size:18px;  font-weight:normal;}
.textArea1:hover{ border:#fd893c solid 1px; color:#333}
.submit1{ background:url(../images/findpassword_icon.png) 0 -314px no-repeat; height:42px; line-height:42px; color:#FFF; border:none; width:149px;font-size:18px;  font-weight:normal; cursor:pointer}
.submit1:hover{background:url(../images/findpassword_icon.png) 0 -272px no-repeat;}

.steps{ width:765px; margin:25px auto 0; line-height:36px}
.steps li{ float:left; width:196px; font-size:23px; color:#CCC; display:inline}
.steps li.on{  color:#333}
.steps li.this{border-bottom:#55a4e6 solid 2px;}
.steps li.icon{ background:url(../images/findpassword_icon.png) 0 -450px; no-repeat; width:34px; height:37px; overflow:hidden; margin:3px 24px 0 24px}
.steps li.pass{background:url(../images/findpassword_icon.png) 0 -413px; no-repeat;}
.steps li b{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-right:12px;}

.methods{ width:910px; margin:55px auto 0 auto}
.methods li{ float:left;width:25%;  *width:24.9%;  font-size:18px}
.methods li a{ color:#333;display:block;text-indent:50px; line-height:20px;line-height:42px;}
.methods li span{ display:block; text-indent:50px; padding-top:5px; color:#aaa}
.methods li span small{ font-size:12px; padding-left:50px; line-height:17px}
.methods li a:hover{ color:#ff6600; text-decoration:none}
.methods li.method_1 a{  background:url(../images/findpassword_icon.png) 0 0 no-repeat; }
.methods li.method_1 span{background:url(../images/findpassword_icon.png) -858px 0 no-repeat;}
.methods li.method_2 a{  background:url(../images/findpassword_icon.png) 0 -68px no-repeat;}
.methods li.method_2 span{background:url(../images/findpassword_icon.png) -858px -68px no-repeat;}
.methods li.method_3 a{  background:url(../images/findpassword_icon.png) 0 -136px no-repeat;}
.methods li.method_3 span{background:url(../images/findpassword_icon.png) -858px -136px no-repeat;}
.methods li.method_4 a{  background:url(../images/findpassword_icon.png) 0 -206px no-repeat;}
.methods li.method_4 span{background:url(../images/findpassword_icon.png) -858px -206px no-repeat;}

.centent p.ByMail,.centent p.ByMessages{ padding-left:85px; width:458px; margin:0 auto;font-size:19px;line-height:30px; }
.centent p.ByMail{ background:url(../images/findpassword_icon.png) 0 -596px no-repeat;}
.centent p.ByMessages{ background:url(../images/findpassword_icon.png) 27px -503px no-repeat}
.centent p.succeed{padding-left:70px; width:458px; margin:0 auto;font-size:19px;line-height:35px; background:url(../images/findpassword_icon.png) 0 -750px no-repeat}
.centent p b{ font-size:20px;}
.verification{ font-size:14px; width:510px; margin:60px auto 0;}
.verification_p{ width:100%;}
.verification_p label{ width:100px; display:block; text-align:right; float:left}
.verification_p .radio1{ position:relative; top:3px; _top:11px;}
.verification_p .radio1Spsan{ margin:0 30px 0 2px; position:relative; _top:10px;}

/*----------------------用户登录+注册--------------------*/
.reg_title { color: #923222; font: bold 20px/40px "宋体";  height: 40px; text-align: center;}
.reg_cont p {font-size: 14px; line-height: 2em; text-indent: 2em;}
@media only screen and (max-width:1280px){
	.main {
 width: 1100px;
}
}
@media only screen and (max-width:48em){
.main{ width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.login{ width:100%; border:none;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.login .blue_box .login_left{ width:50%; padding-left:20px;}

div.main,div.login,div.article_blue_block{width:100%;box-sizing:border-box;padding:0}
div.article_blue_block{padding:10px}
div.register .article_blue_block .personal_center{padding:0;clear:both;width:100%}
div.register .article_blue_block .personal_center big{width:30%}

}


@media only screen and (max-width:30em){	
.login .blue_box .login_left{ padding:0px; width:100%; float:none; overflow:hidden}
.login .blue_box .login_left .login_form li label{ height:20px; line-height:20px;}
.login_form li:nth-child(3){ display:none}
.login .blue_box .login_right {border-left:none;font-size: 14px;height:30px;line-height:30px;margin-bottom: 0;margin-top: 0;padding-left: 60px;}
.login .blue_box .login_left .login_form li{ padding:0 0 10px 0px;}
.login .blue_box .login_left .login_form .login_tanchu_button{ margin:0 0 0 24px;}

div.register .article_blue_block .personal_center .h_36{height:auto;overflow:hidden;padding:0 0 12px}
div.register .article_blue_block .personal_center big{width:32%}
div.register .article_blue_block .personal_center .login_tx{width:54%;background:#FFF;border:1px solid #CACACA;}
div.register .article_blue_block .personal_center h6{width:60%}
div.register .article_blue_block .personal_center .h_36 #GenderIdlist, .register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist{width:64%}
div.register .article_blue_block .personal_center .login_txa{width:64%;height:75px;box-sizing:border-box;padding:5px}
} 