html,body{
	width:100vw;
	height:100vh;
	/* overflow:hidden;; */
	overflow-x:hidden;
	background-repeat: no-repeat;
    background-size: cover;
	background:url('../images/login_bg.jpg') center center no-repeat;
	position:relative;
}


.login_wrap {}

.login_box {
	width:650px; 
	height:560px;
	box-sizing:border-box;
	padding:80px 80px 0;
	position:Absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#fff;
	box-shadow:0 0 30px rgba(25,57,84,0.5);
	-webkit-box-shadow:0 0 30px rgba(25,57,84,0.5);
	-moz-box-shadow:0 0 30px rgba(25,57,84,0.5);
	-o-box-shadow:0 0 30px rgba(25,57,84,0.5);
	-ms-box-shadow:0 0 30px rgba(25,57,84,0.5);
}

.login_box .logo {
	text-align:center;
	margin:0 0 50px 0;
}
.login_box .logo img {margin:0 0 15px 0;}
.login_box .logo h3{font-size:25px;color:#307594;font-weight:900;letter-spacing:-0.03em;}


.id-section,.pw-section{
	width:100%;
}

.id-section{
	margin-bottom: 17px;
}

.login-section label {
	display:block;
	font-size:16px; 
	color:#565656;
	font-weight:600;	
}
.login-section .inputs {
	width:100%; 
	height:45px; 
	line-height:45px;
	padding-left:10px;
	outline:none;
	background:none;
	border:none;
	border-bottom:1px solid #ccc; 
	font-family:inherit;
	font-size:15px;color:#888;
}

.login-section .inputs:focus {border-color:#307594;}

.enroll,.login{
color:white;
text-align: center;
}

.enroll{
    margin-top: 30px;
    margin-bottom: 30px;
    cursor:pointer;
    font-size:15px;
}


.login {
    border-radius: 5px;
    width: 100%;
    height: 60px;
	line-height:60px;
    font-size:22px;
    cursor: pointer;
    background-color:#307594;
	margin:30px 0 0 0;
}
.login:hover {background-color:#146386;}