body{
	margin:0px;
	background-image:url(/static/img/login/bg.jpg);
	background-position:50% 50%;
	background-size:cover;
	text-align:center;
}

body,html{
	height: 100%;
}

body:before{
	content:'';
	height:100%;
	vertical-align:middle;
	display:inline-block;
}


.panle{
	vertical-align:middle;
	display:inline-block;
	height:380px;
	width:640px;
	box-shadow:0px 0px 4px rgba(255,255,255,1);
	border-radius:4px;
}

.panle>div{
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.panle>.left{
	width:370px;
	background-color:rgba(255,255,255,0.25);
	border-radius:4px 0px 0px 4px;
	color:#fff;
}



.panle>.left>img{
	/*width: 100px;*/
	height: 100px;
	margin-top:80px;
}
.panle>.left>z{
	display:block;
	font-size:20px;
	line-height:60px;
}
.panle>.left>p{
	font-size:16px;
	letter-spacing:4px;
}





.panle>.right{
	width: calc(100% - 370px);
	background-color:#fff;
	border-radius:0px 4px 4px 0px;
	padding:0px 10px;
}


.panle>.right>div>input{
	border-radius:4px;
}

.panle>.right>p{
	line-height:120px;
	color:#5e81ca;
	font-size:16px;
	letter-spacing:8px;
}

.if:before{
	font-family: "if" !important;
}


.panle>.right>button{
	margin-top:20px;
	width: 220px;
}