body{
	background:url("../images/login_background.png") no-repeat;
}
 .h10{
 	height: 90px;
 }
 .h11{
 	height: 70px;
 }
.log{
	margin: 0 auto;
	width:41rem;
	height:10rem;
	background:url("../images/log.png") no-repeat;
}
.content{
	margin:0 auto;
	width:412px;
	height:432px;
	border-radius:10px;
	text-align: center;
	padding-top: 37px;
	letter-spacing:8px;
	background:white;
	box-shadow: 0 0 15px 1px #333;
	position:relative;
}

.content .title{
	font-size:4rem;
	color:#92C949;
	margin-bottom: 10px;
}
.content .input-user,.input-ps,.input-email,.input-phone{
	width:254px;
	height:46px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border:1px solid #C5C5C5;
	border-left:0;
	font-size:1.8rem;
	font-family : 微软雅黑,宋体;
	vertical-align: middle;
	display:block;
}
.content .input-user:focus,.input-ps:focus,.input-phone:focus{
	outline: none;
	box-shadow: 0 0 2px 1px #92C949;
}

.div-input{
	width: 300px;
    height: 46px;
    margin: 0 auto;
    margin-top:20px;
	position:relative;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.content .btn-user,.btn-ps,.btn-phone{
	float:left;
	height:46px;
	width:46px;
	border:1px solid #C5C5C5;
	border-right: 0;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	
}
.content .btn-user{
	background: url("../images/username.png") no-repeat 10px;
}
.content .btn-ps{
	background: url("../images/password.png") no-repeat 10px;
}
.content .input-email{
	text-indent: 40px;
	background: url("../images/email.png") no-repeat 10px;
}
.content .btn-phone{
	background: url("../images/phone.png") no-repeat 10px;
}
.content .line{
	width:300px;
	height:50px;
	line-height: 50px;
	margin:0 auto;
}
.content .remenber{
	width:150px;
	height:20px;
	float: left;
	text-align: left;
	vertical-align:middle; 
	font-size:1rem; 
}
.content .remenber label{
	vertical-align: middle;
	font-size:1.5em;
	margin:0;
}
.content .remenber #box{
	width: 19px;
	height: 25px;
	vertical-align: middle;
	margin:0;
}
.content .forget{
	width:150px;
	height:20px;
	float: right;
	text-align: right;
}
.content .forget a{
	text-decoration:none;
	color:#92C949;
}
.content .btn-login,.btn-register-r{
	width:300px;
	height:50px;
	border-radius:5px;
	border:1px solid;
	background: #92C949;
	margin-top: 20px;
	font-size: 2.5rem;
	font-weight: 600;
	color:white;
	letter-spacing:8px;
}
.content .btn-login:focus{
	outline:none;
	box-shadow:0 0 5px 3px #92C949;
}
.content .btn-register{
	width:100%;
	height:60px;
	line-height:60px;
	border:0;
	background: #5B5E67;
	font-size: 2.5rem;
	font-weight: 600;
	color:white;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	letter-spacing:8px;
	outline:none;
	position:absolute;
	bottom: 0px;
	left:0px;
	text-decoration:none;
}
.close{
	float:left;
}
.error-message{
	width:400px;
	position:fixed;
	top:10px;
	left:0px;
	right:0px;
	margin:0 auto;
}

/* ============================ */
/* register css*/
.content-register{
	padding-top:20px;
	height:500px;
}
.content .code{
	margin: 20px auto;
	width:300px;
	height:50px;
}
.content .btn-code,.input-code{
	width:49.7%;
	height:100%;
	float:left;
	font-size:1.8rem;
	font-family : 微软雅黑,宋体;
	letter-spacing:6px;
	text-decoration: none;
}
.content .btn-code:focus,.input-code:focus,.btn-register-r:focus{
	outline:none;
	box-shadow:0 0 5px 3px #92C949;

}
.btn-code:hover{
	text-decoration: none;
}
.content .btn-code{
	color:#F07661;
	background:white;
	border:1px solid #C5C5C5;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
		line-height:50px;
}
.content .input-code{
	border :1px solid #C5C5C5;
	border-right:0;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	text-align: center;
}
.btn-register-r{
	margin-top:6px;
	letter-spacing:8px;
}
/* reset css */
.btn-reset{
	margin: 0 auto;
	margin-top:25px;
	display: block;
	line-height: 46px;
	text-align: none;
}
.btn-reset:link,.btn-reset:hover,.btn-reset:visited,.btn-reset:active{
	text-decoration: none;
	color:white;
}
.reset{
	padding-top: 20px;
	height:450px;
}

/* 设置输入验证码的时候阴影效果被遮挡 */
.shadow{
	position:relative;
}
.message{
	color:#911;
	text-align: center;
}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(images/right.png) no-repeat left center;
}
.Validform_wrong{
	/* color:red; */
	/* padding-left:20px; */
	/* white-space:nowrap; */
	/* background:url(images/error.png) no-repeat left center; */
}
.Validform_loading{
	padding-left:20px;
	background:url(images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	/* background-color:#ffe7e7; */
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}
/* ======================= */
/* 提示框样式 */
.alert-warning{
	color: #911;
    background-color: #fcdede;
    border-color: #d2b2b2;
}
.close{
	float:left;
}
.box-message{
	width:31rem;
	height:50px;
	position: absolute;
    left: 420px;
    top:0px;
    font-size: 1.8rem;
}
.box-error{
	box-shadow: 0 0 10px 2px #fcdede !important;
}