html,body,#app{
	height: 100%;
	background: #fff;
}
.login_container{
	position: absolute;
    left: 0;
    right: 0;
    width: 800px;
    max-width: 100%;
    padding: 20px;
    margin: 100px auto 0;
}
.main{
	display: flex;
}
.main>div:first-child{
	flex-grow: 1
}
.main>div:last-child{
	flex:0.2;
	margin-left: 50px;
	position: relative;
	top: -90px;
}
.img_box,.login_form{
	width: 100%;
	box-sizing: border-box;
}
.img_box{
	text-align: center;
}
.login_form{
	border:3px solid #2980b9;
	padding: 20px;
}
input{
	border: 2px solid #2980b9;
}
input:focus,button{
	outline: none;
}
.login_form>div{
	display: flex;
	height: 35px;
	line-height: 35px;
	margin:20px 0;
	color: #2980b9;
	font-size: 14px;
}
.login_form>div:last-child{
	justify-content: space-between;
}
.login_form>div>label{
	flex: 0.4;
	text-align: center;
}
.login_form>div>input{
	color: #2980b9;
	flex-grow: 1;
	padding: 5px;
	box-sizing: border-box;
}
#login{
	/* letter-spacing: 10px; */
	text-align: center;
	width: 80px;
	background: #2980b9;
	color: #fff;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}
.footer{
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-top: 50px;
	font-size: 30px;
	font-weight: bold;
	color: #2980b9;
}
.footer img{
	width: 50px;
	height: 50px;
	vertical-align: middle
}