.main{
	background: url(../images/5-8.png) no-repeat;
	background-size: 120% auto;
	background-position-x: 20%;
}

.nav_header{
	width: 100%; 
	text-align: right; 
	line-height: 30px;
}
.quadrate{
	width: 600px;
	height: 300px;
	background: #fff;
	margin: 0 auto;
	margin-top: 60px;
	-moz-box-shadow:0px 0px 10px #999; 
	-webkit-box-shadow:0px 10px 10px #999; 
	box-shadow:0px 0px 10px #999;
	border-radius: 4px;
}
#form{
	float: left;
	width: 280px;
	color: #777;
}
.login_title{
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.controls{
	padding: 0;
}
.form-control{
	height: 42px;
	border-radius: 40px;
}
.nu_login{
	text-align: center;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	float: left;
	width: 100%;
}
.nu_login a{
	color: #4FC877;
	text-decoration:underline; 
}
.btn_login:hover{
	color: #fff;
}
.btn_login:focus{
	color: #fff;
	outline:none;
		
}
.btn_login:active{
	outline:none;
	color: #fff;
}
.btn_login:active:focus{
	outline:none;
	color: #fff;
}
#qrcode{
	float: left; 
	margin-left: -20px;
}

.form-horizontal{
	margin-top: 20px;
}

.account{
	background-size:20px auto;
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left:35px;
	background-image: url('../images/2.png');
}

.passwords{
	background-size: 20px auto; 
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 35px;
	background-image: url('../images/password.png');
}

/*媒体查询*/
@media screen and (max-width: 767px) {
	.main{
		background: url(../images/5-8.png) no-repeat;
		background-size: 200% auto;
		background-position-x: 60%;
	}
	.quadrate{
		width: 100%;
		height: auto;
		background: none;
		margin: 0 auto;
		margin-top: 80px;
		-moz-box-shadow:0px 0px 0px #999; 
		-webkit-box-shadow:0px 0px 0px #999; 
		box-shadow:0px 0px 0px #999;
		border-radius: 4px;
	}
	#qrcode{
/*		position: absolute; 
		bottom: -85px;
		left:50%;
		margin-left: -150px;*/
		display: none;
	}
	#form{
		float: left;
		width: 100%;
		color: #777;
	}
	.login_title{
		display: none;
	}
	.controls{
		padding: 0;
	}
	.form-control{
		height: 52px;
		border-radius: 30px;
		margin-top: 20px;
	}
	.forget{
		font-size: 14px;
	}
	.nu_login{
		text-align: center;
		font-size: 14px;
		color: #999;
		font-weight: bold;
		float: left;
		width: 100%;
		margin-top: 10px;
		z-index: 100;
	}
	.nu_login a{
		color: #4FC877;
		text-decoration:underline; 
	}
	.btn_login:hover{
		color: #fff;
	}
	.btn_login:focus{
		color: #fff;
		outline:none;
			
	}
	.btn_login:active{
		outline:none;
		color: #fff;
	}
	.btn_login:active:focus{
		outline:none;
		color: #fff;
	}
	.btn{
		font-size:16px;
	}

	.account{
		background-position: 15px;
		padding-left:40px;
	}

	.passwords{
		background-position: 15px;
		padding-left:40px;
	}
}

@media screen and (max-width: 320px) {
	.nav_header{
		font-size: 10px;
	}
	.form-horizontal{
		margin-top: 0px;
	}
	.form-control{
		margin-top: 0px;
	}
}