@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'akbar';
	src: url('../fonts/akbar.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

body{
	background:url(../images/login_back.png) #151A39  repeat-y;
	}

.form_main_area{
 width:300px; 
 /*top:35%; left:65%; position:fixed;*/
 margin:20% 0px 0px 25%;
	}
.form_area{
 width:100%; background:#264b6f; padding:10px 0 5px; overflow:auto; opacity:40%;
	}
.login_form_1{
	height:39px;
	background:#FFF;
	width:80%;
	/*margin:0 0 10px 20px;*/
	margin:0px auto;
	margin-top:10px;
	}
.login_form_1 :hover{
	background:#eee;
	}
.login_input{
	height:100%;
	width:100%;
	border:none;
	text-indent:5px;
	}
.text_01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	padding:0 0 5px 5px;
	border:none;
	}
.text_02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#039;
	padding:0 0 0 5px;
	}
.login_button{
	height:26px; width:60px; background:#FFF;
	float:right;
	margin:10px 30px;
	border:none;
	cursor:pointer;
	}
.form_bottom_area{
	height:40px; width:100%;
	}
.text_03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	padding:15px 0 0 28px;
	float:left;
	text-decoration:underline;
	}
.text_04{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#f84d4d;
	padding:0 0 0 28px;
	float:left;
	}
.login_text_01{
	font-family:akbar;
	font-size:40px;
	text-align:center;
	color:#fff;
	padding:15px 0 30px 0;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	cursor:default;
}
.login_text_02{
	font-family:akbar;
	font-size:24px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	cursor:pointer;
}

.login_page_logo{
	height:64px; 
	width:252px; 
	margin:20px;
	}	

.login_page_left{
	width:55%;
	float:left;
	}
.login_page_right{
	width:45%;
	float:left;
	}

/*--------------------change-----------------------*/
.login_footer{
	width:100%;
	margin:50px 0 100px 0;
	}
.login_footer_left{
	width:30%;
	float:left;
	}
.login_footer_middle{
	width:40%;
	float:left;
	}
.login_footer_bigtext{
	font-size:18px; 
	color: #fff; 
	font-family:Arial, Helvetica, sans-serif; float:left; 
	padding-right:6px; 
	line-height:35px;
	}
.login_footer_left img{
	float:left;
	margin-left:10%;
	}
@media (max-width: 640px) {
.login_footer_left{
	width:100%;
	clear:both;
	}
.login_footer_middle{
	width:100%;
	clear:both;
	display:none
	}
.login_footer_middle_responsive{
	width:100%;
	clear:both;	}
.login_footer_left img{
	float:none;
	margin:0;
	}
.login_footer_bigtext{
	font-size:18px; 
	color: #fff; 
	font-family:Arial, Helvetica, sans-serif; 
	float:none; 
	padding-right:6px; 
	line-height:35px;
	text-align:center;
	}

	}
@media (min-width: 641px) {
.login_footer_middle_responsive{
	display:none;
		}	
	}	
/*--------------------change-----------------------*/

.register_area_01{
	width:270px;
	float:left;
	text-align:center;
	}
.register_area_02{
	width:230px;
	float:right;
	text-align:center;
	}
.register_school_area{
	background:url(../images/familywhite1.png) center no-repeat; 
	width:230px; 
	height:320px; 
	text-align:center;
	}
.register_parent_area{
	background:url(../images/teacherwhite1.png) center no-repeat; 
	width:270px; 
	height:320px; 
	}
@media (min-width: 200px) and (max-width: 620px) {
.login_page_left{
	width:100%;
	}
.login_page_right{
	width:100%;
	}

.register_area_01{
	margin-bottom:50px;
	width:100%;
	}
.register_area_02{
	margin-bottom:50px;
	width:100%;
	}
	
.form_main_area{
 width:300px;
 /*left:3%; top:15%; position:fixed;*/
  margin:10px 0 20px 0 ;

	}
.register_school_area{
	height:250px; 
	}
.register_parent_area{
	height:250px; 
	}
}
@media (min-width: 621px) and (max-width: 1015px) {
.login_page_left{
	width:100%;
	}
.login_page_right{
	width:100%;
	margin:0px auto;
	}

.register_area_01{
	margin-bottom:50px;
	width:50%;
	}
.register_area_02{
	margin-bottom:50px;
	width:50%;
	}
	
.form_main_area{
 width:300px;
 /*left:3%; top:15%; position:fixed;
  margin:10px 0 20px 0 ;*/
  margin-top:10px;
  margin-bottom:40px;

	}
.register_school_area{
	height:250px; 
	}
.register_parent_area{
	height:250px; 
	}

	
	
}