@charset "utf-8";
#sub_bg {   
    background:url(../images/bg_login.gif) no-repeat; 
    background-size:cover;
    padding:100px 140px;
    margin-top:140px;
}

	
/* login */
#ej_section {
	margin-left:40%;
	padding:75px; 
	text-align:center;
	width:350px; height:650px;
	background: #fff;
	box-shadow:0 0 20px 0 rgba(0,0,0,0.2), 0 5px 5px 0 rgba(0,0,0,0.24); }
#ej_section>h1 {
	margin-bottom:70px; }
	
/* input type */	
    .login_form > ul > li {
	margin-bottom:15px; }
.login_form>ul:first-of-type li input {
	width:200px; height:30px;
	padding:0 20px;
	background:rgba(255,255,255,0.6);
	border:1px solid #ccc; 
	color:#333; }
.login_form>ul:last-of-type li input {
	width:200px; height:50px;
	border:0; 
	color:#fff; }
.login_form>ul:last-of-type li input[type='submit'] {
	background:#5ac7f2;
	margin-top:10px; }
.login_form>ul:last-of-type li input[type='submit']:hover {
	background:#2dbaf1; }

	
/* placeholder color */
.text-placeholder {
	color:#717171;
	 }
::-webkit-input-placeholder {
	color:#717171;
	}
textarea:-moz-placeholder, input:-moz-placeholder {
	color:#717171;
	}
	
    
    
    /*
* media query START
*/
@media all and (min-width:1024px) and (max-width:1600px){
#sub_bg {   
    margin-top:158px;
}
#ej_section {
	margin-left:34.4%;
 }

}