.login_area {
	background: #868686;
	margin: 20px 0 50px;
	height: 755px;
}

.login_area h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 100px 0 50px;
	font-family: "Microsoft YaHei", 微软雅黑;
}

.login_area .login_form .input_area {
	width: 395px;
	height: 48px;
	line-height: 48px;
	margin: 0 auto 20px;
	border: 1px solid #666666;
	color: #808080;
	font-size: 14px;
	background: #cccccc;
	border-radius: 4px;
}

.login_area .login_form .input_area label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding-left: 10px;
	line-height: 48px;
}

.login_area .login_form .input_area input {
	width: 300px;
	height: 48px;
	line-height: 48px;
	padding-left: 10px;
	border: none;
	background: none;
	vertical-align: top;
}

.login_area .login_form .subBtn {
	display: block;
	margin: 0 auto 20px;
	width: 397px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #55ff00;
	border: none;
	background: #4d4d4d;
	font-size: 14px;
}

.login_area .login_form .subBtn:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.login_area .login_form .linkGroup {
	margin: 0 auto;
	width: 397px;
	overflow: hidden;
}

.login_area .login_form .linkGroup .fr {
	float: right;
	font-size: 14px;
	color: #b3b3b3;
}

.login_area .login_form .linkGroup .fr a {
	margin: 0 16px;
}

.login_area .login_form .linkGroup input {
	float: left;
	margin-top: 4px;
}

.login_area .login_form .linkGroup label {
	font-size: 14px;
	margin-left: 5px;
	float: left;
}

.login_area .third_login p {
	font-size: 12px;
	text-align: center;
	margin: 65px 0 20px;
}

.login_area .third_login .login_type {
	text-align: center;
}

.login_area .third_login .login_type a {
	margin: 0 25px;
}

.login_area .third_login .login_type a img {
	border-radius: 50%;
}

.login_area .third_login .login_type a.qq img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #66a6ff;
}

.login_area .third_login .login_type a.wechat img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #57ce4b;
}

.login_area .third_login .login_type a.weibo img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #ff6666;
}

.find_password_area {
	background: #868686;
	margin: 20px 0 50px;
	height: 755px;
}

.find_password_area h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 100px 0 50px;
	font-family: 'Microsoft YaHei',"微软雅黑";
}

.find_password_area .find_password_form .input_area {
	padding-left: 382px;
	margin-bottom: 20px;
}

.find_password_area .find_password_form .input_area label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	line-height: 50px;
	font-size: 14px;
	color: #e5e5e5;
}

.find_password_area .find_password_form .input_area input {
	width: 385px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #666666;
	border-radius: 4px;
	background: #cccccc;
	vertical-align: top;
	padding-left: 10px;
	margin-left: -5px;
}

.drag_area {
	width: 394px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #c0c3c6;
	text-align: center;
	background: #d2d4d5;
	margin-left: 455px;
	margin-bottom: 20px;
	border-radius: 2px;
	color: #323537;
	position: relative;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.drag_area .drag_btn {
	width: 40px;
	height: 50px;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #c0c3c6;
	border-radius: 2px;
	background: #dadada;
	/*color: #4e5358;*/
}

.drag_area .drag_bg {
	width: 40px;
	height: 100%;
	position: absolute;
	background: #75CDF9;
}

.drag_area .drag_tips {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}

.find_password_area .find_password_form .subBtn {
	display: block;
	margin-left: 455px;
	margin-bottom: 20px;
	width: 397px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #55ff00;
	border: none;
	background: #4d4d4d;
	font-size: 14px;
}

.find_password_area .find_password_form .subBtn:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.find_password_area .find_password_form .linkGroup {
	margin-left: 455px;
	width: 397px;
	text-align: right;
	color: #e5e5e5;
	font-size: 14px;
}

.find_password_area .find_password_form .linkGroup a {
	text-decoration: underline;
}

.register_area {
	background: #868686;
	margin: 20px 0 50px;
	height: 845px;
}

.register_area h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 100px 0 50px;
	font-family: "Microsoft YaHei", 微软雅黑;
}

.register_area .register_form .input_area {
	padding-left: 382px;
	margin-bottom: 20px;
}

.register_area .register_form .input_area label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 75px;
	height: 50px;
	line-height: 50px;
	text-align: right;
	vertical-align: top;
}

.register_area .register_form .input_area input {
	width: 385px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #666666;
	border-radius: 4px;
	background: #cccccc;
	vertical-align: top;
	padding-left: 10px;
	margin-left: -5px;
}

.register_area .register_form .input_area span {
	font-size: 12px;
	color: #cccccc;
	line-height: 50px;
	margin-left: 10px;
}

.register_area .register_form .subBtn {
	display: block;
	margin-left: 455px;
	margin-bottom: 20px;
	width: 397px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #55ff00;
	border: none;
	background: #4d4d4d;
	font-size: 14px;
}

.register_area .register_form .subBtn:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.register_area .register_form .linkGroup {
	margin: 0 auto;
	width: 397px;
	overflow: hidden;
}

.register_area .register_form .linkGroup input {
	float: left;
	margin-top: 4px;
}

.register_area .register_form .linkGroup label {
	font-size: 14px;
	margin-left: 5px;
	float: left;
}