html, body {
	width:100%;
	height:100%;
	font-family: Microsoft YaHei;	
}
.loginbg {
	position:absolute;
	top:0 ;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../images/loginbg.jpg);
	background-size: 100% 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center;

}
.logintitle {
	width:450px;
	margin:auto auto 35px auto;
	font-size:30px;
	font-weight:bold;
	text-align:center;	
}
.t1{
	color: #CCC;
	text-shadow: 5px 5px 5px #000066;
}
.t2{
	color: #5dc4ff;
	text-shadow: 5px 5px 5px #000066;
}
.logincontent {
	background-color: rgba(255,255,255, 0.6);
	width: 450px;
	height:300px;
	/*border:1px solid #FFFFFF;*/ 
	-o-box-shadow: 0 0 15px #000066;
	-ms-box-shadow: 0 0 15px #000066; 
	box-shadow: 0 0 15px #000066;
}
.innertitle {
	position:relative;
	width: 100%;
	height: 45px;
	margin: auto auto 40px auto;
	padding-left: 160px;
	padding-top: 10px;
	background-color: rgba(255,255,255, 0.6);
	font-size: 20px;
	color: #1a7fe1;
}
.titleicon {
	position: absolute;
	top: -10px;
	left: 95px;
}

.innerbox {
	margin: auto;
	width: 300px;
}
.inputdiv {
	height:60px;	
}
.inputdiv .inputtxt {
	height:40px;
	width: 250px;
	background-color:#FFFFFF;
	border:1px solid #1a7fe1;
	border-radius: 10px;
	outline: none;
	font-size:18px;
	padding: 10px;
}
.inputtxt:hover {
	background-color:#d9ecff;
}
.inputicon {
	display:inline-block;
	width: 30px;
}
.submitbtn {
	margin-left: 34px;
	width: 250px;
	height:40px;
	border-width: 0px;
	background: #1E90FF;
	cursor: pointer; 
	outline: none;	
	color: white;
	font-size: 17px;
	border-radius: 10px;
}
.submitbtn:hover {
	background: #5599FF;
}
.footer {
	position: absolute;
	width:100%;
	text-align:center;
	bottom: 50px;
	color: #666;
	
}