@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
ul, ol{list-style: none;}
a{ text-decoration: none;}
section{height: 100vh; width: 100%; display: flex; flex-flow: row nowrap;}
section .bg_image{ width:100%; padding:15px; height: 100%; background:url(../images/bg.jpg) no-repeat center #fff; background-size: cover; overflow: hidden; box-sizing:border-box;}
section .form{ width:100%; max-width:450px; height:628px; background: rgba(255,255,255,.9); box-sizing: border-box; padding:15px; position: absolute; align-items: center; display: flex; margin:auto; border-radius:4px; overflow:hidden; top:0; left:0; right:0; bottom:0;}
section .form .login_form{ height: auto; width: 100%; display: flex; flex-flow: column; align-items: center;}
section .form .login_form .logo{ background: url(../images/logo.png) no-repeat center; width: 100%; height: 143px;}
section .form .login_form ul{ height: auto; width: 100%; }
section .form .login_form ul li{ height: auto; width: 100%; margin: 10px 0; display: flex; flex-flow: column; align-items: center;}
section .form .login_form ul li input[type=text], section .form .login_form ul li input[type=password], section .form .login_form ul li select{ display: block; max-width: 400px; height: 36px; width: 100%; border: 1px solid #ddd; border-radius: 4px; background: #f6f6f6; font: 400 15px/36px 'font-av', arial, sans-serif; color: #333; text-align: left; box-sizing: border-box; padding: 0 8px;}
section .form .login_form ul li input[type=submit]{ display: inline-block; height: auto; width:220px; background: #3e4095; border-radius: 40px; color: #fff; font: 400 17px/48px 'font-av', arial, sans-serif; text-align: center; border: none; cursor: pointer; box-shadow: 0 8px 16px rgba(0,0,0,.15); margin-top: 10px;}
section .form .login_form ul li input[type=submit]:hover{box-shadow: 0 8px 16px rgba(0,0,0,.25);}
section .form .login_form ul li a{ text-align: center; font: 400 15px 'font-av', arial, sans-serif; color: #ff4587; margin:0 15px;}
section .form .login_form ul li a:hover{ color:#222;}
section .form .login_form ul li:last-child{ display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; margin-top:20px; color:#d0d0d0;}
section .form .login_form ul li:last-child > a:nth-child(2){ color:#666;}
section .form .login_form ul li:last-child > a:nth-child(2):hover{ color:#222;}
section .form .login_form .app{ height:auto; max-width: 400px; width:100%; padding: 5px; border-radius: 12px; box-sizing: border-box;}
section .form .login_form .app > h1{ text-align: center; font: 400 18px 'font-av-sb', arial, sans-serif; color: #555;}
section .form .login_form .app > ol{ height:auto; width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin-top:10px;}
section .form .login_form .app > ol > li{ height: auto; width: auto; margin: 0 5px;}
section .form .login_form .app > ol > li > a{ display: inline-block; width: auto;}
section .form .login_form .app > ol > li > a > img{ display: block; width: 100%; max-width:146px;}
section .form .powered_by{ height: auto; width: 100%; padding:15px 15px 0px 15px;  display: flex; flex-flow: row wrap; align-items: center; box-sizing: border-box;}
section .form .powered_by .edusecure_logo{ height: auto; width: 40%;  }
section .form .powered_by .edusecure_logo a{ font-size: 0px; display: block; width: 151px; 
	background: url(../images/edulyse-logo.png) no-repeat left center; height: 45px; }
section .form .powered_by .footer_links{ width: 60%; display: flex; flex-flow: row nowrap; align-items: center; color: #ddd; justify-content: flex-end;}
section .form .powered_by .footer_links > a{ font:400 13px 'font-av', arial, sans-serif; color: #aaa; margin: 0 15px;}
section .form .powered_by .footer_links > a:hover{ color: #000;}
.requset{ height: 460px !important;}
@media (max-width:1280px){
	section{ background: #f6f7fd; height: auto;}
	section .form{ width:100%;  box-sizing: border-box; display: flex; flex-flow: column; align-items: center;padding:15px;
	position: relative; height: auto;}
	.requset{ height: auto !important;}
	section .form .powered_by{ position: relative; padding: 30px 0; max-width: 400px;}
}

@media (max-width:560px){
	section{ background: #f6f7fd; height: auto;}
	section .form{ width:100%;  box-sizing: border-box; display: flex; flex-flow: column; align-items: center;padding:15px; position: relative; height: auto; }
	.requset{ height: auto !important;}
	section .form .powered_by{ position: relative; padding: 30px 0 0 0; max-width: 400px;}
	section .form .login_form .app > ol > li{ width:100%; text-align: center;}
	
}