@charset "utf-8";
/* CSS Document */
*{
	font-family: Microsoft Yahei;
	font-weight: 400;
	font-size: 14px;
}
html{
	height:100%;
}
body{
	background-image: url(../img/bg-car.jpg);
	background-size:cover;
	height: 100%;
}
.sign-in-bg{
	background-color:rgba(25,35,59,.85);
	width:100%;
	height: 100%;
	padding-top:-webkit-calc(100%-580px);
}
.sign-in-box{
	height: 580px;
	width: 1100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -550px;
	vertical-align: middle;
	background-image: url(../img/box-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.sign-in{
	width: 302px;
	height: 518px;
	background-color:transparent;
	margin-left: 706px;
	margin-top: 30px;
}
.sign-in img{
	width: 120px;
	height: 120px;
	margin-top: 80px;
	margin-left: 90px;
	border: 5px solid white;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	border-radius:50%;
}
.input-box{
	width:70%;
	margin-left: 15%;
	margin-top: 60px;
	position: relative;
}
.input-box input{
	width:100%;
	line-height: 20px;
	padding:7px 40px;
	border-radius: 20px;
	border:1px solid rgba(0,0,0,.3);
	margin-bottom: 20px;
	outline: none;
}
input::-webkit-input-placeholder{
	color:rgba(0,0,0,.4);
}
input::-moz-placeholder
{   /* Mozilla Firefox 19+ */
	color:rgba(0,0,0,.4);
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:rgba(0,0,0,.4);
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:rgba(0,0,0,.4);
}
input[type*="text"]{
	background-image:url(../img/user.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	background-size: 16px 16px;
}
input[type*="password"]{
	background-image:url(../img/lock.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 15px 16px;
}
.login-button{
	cursor: pointer;
	background-color:#ffaa00;
	border:none;
	color:white;
}
.login-button:hover{
	box-shadow: 0px 5px 40px rgba(255,170,7,0.4);
	transition: all 0.1s linear 0s;
}
.greeting-word{
	color:rgba(0,0,0,.7);
}
p[class*="copyright"]{
	font-size: 12px;
	color:rgba(255,255,255,.5);
	display: block;
	width:100%;
	height:40px;
	line-height: 40px;
	position: absolute;
	top:50%;
	margin-top: 300px;
	text-align: center;
}