@charset "utf-8";

html, body { margin: 0; padding: 0; width:100%; height: 100%; overflow: hidden !important; }
body { 
	font-family: "Microsoft yahei","Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f1f3f6; font-size: 14px; color: #6a6c6f; overflow: hidden;
}

*{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
h1, h2, h3 { margin: 20px 0; }

.bg-photo {width: 100%; height: 100%;}
.wrapper {
	width: 1110px; height: 550px; position: absolute; top: 100px; left: 50%; margin-left: -555px;
	border-radius: 10px; padding: 10px;
}
.wrapper .overlay {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
	background-color: #fff; opacity: 0.3; border-radius: 10px;
}
.content {width: 100%; height: 100%; background-color: #fff; border-radius: 10px;}
.content .left {float: left; width: 50%; height: 100%; position: relative;}
.content .left img {position: absolute; width: 500px; height: 380px; left: 50px; bottom: 70px;}
.content .right {float: right; width: 50%; height: 100%; position: relative;}

.login-form {
	position: absolute; left: 50px; bottom: 70px; border-radius: 5px; padding: 20px 20px 0;
}
.login-form .header {
	text-align: left; padding: 0 0 5px 5px; color: #0099FF; font-size: 24px; font-weight: bold; letter-spacing: 1px;
}
.login-form form {
	padding: 20px 50px; background: url(form.jpg) 0 0 / 100% 100%; width: 400px; height: 280px;
}
.login-form form p:first-child {
	color: #0099FF; font-size: 16px; margin: 10px 0; font-weight: bold; letter-spacing: 1px;
}
.login-form .tel {color: #B126EC; font-size: 14px; margin: 20px 0 0; text-align: center;}

.login-form .form-control {display: inline-block; width: 100%; height: 44px; margin-top: 10px;}
.login-form form button {
	background-color: #0099FF; color: #fff; height: 40px; line-height: 40px; padding: 0; margin-top: 20px;
}
.login-form form button:hover {opacity: 0.8;}
.login-form form .form-group {position: relative;}
.login-form form .form-group .icon {
	position: absolute; width: 30px; height: 30px; left: 10px; top: 16px;
}
.login-form form .form-group input {padding-left: 50px; font-size: 16px;}

.login-form form .form-group input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999; font-size: 16px;
}
.login-form form .form-group input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999; font-size: 16px;
}
.login-form form .form-group input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999; font-size: 16px;
}
.login-form .alert-danger {
	position: absolute; top: 80px; right: 40px; background-color: transparent; border: 0; color: red;
}