body{margin:0; background-color:#2b2e33;}
	.middle_box-main{text-align: center; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); max-width: 720px; width: 100%;  padding:5% 30px; clear: both; font-family: 'Open Sans', sans-serif; background-color:#FFF; box-sizing:border-box;}
	.middle_box-main .login-logo{ width:44%; float:left; text-align:center; box-sizing:border-box; padding:0 30px 0 0; position:absolute; height:100%; left:20px; top:0;}
	.middle_box-main .login-logo img{ max-width:100%; display: inline-block; position: relative; top: 50%; left:0%; transform: translate(0%, -50%);}
	
	.middle_box-main .login-form{ width:55%; float: right;}
	.middle_box-main ul{width: 100%; margin:0; padding: 0; float: left; list-style:none;}
	.middle_box-main form ul li {width: 100%; margin: 0 0 15px 0; padding:0; float: left;}
	.middle_box-main form input[type="text"], input[type="password"], input[type="email"]{ width: 100%; margin: 0 0 0 0; padding: 0 15px; line-height: 50px; height: 50px; float: right; border: 1px solid #CCC; box-sizing:border-box; font-size:16px; border-radius:0;}
	.middle_box-main form ul li a.forgot-pw{ float:right; color:#666; text-decoration:none; font-size:14px; transition: .5s ease;}
	.middle_box-main form ul li a.register{ float: left; color:#666; text-decoration:none; font-size:14px; transition: .5s ease;}
	.middle_box-main form ul li span.remember{ float:left; font-size:14px;}
	.middle_box-main form ul li input[type="checkbox"]{border-radius:0;}
	.middle_box-main form input[type="submit"]{ width:100%; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; color: #fff; line-height: 50px; text-decoration: none; margin:0; padding:0px; border: none; cursor: pointer; background: #1e9237; border-radius:0; transition: .5s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.middle_box-main form input.blue{background: #0077c7;}
	.middle_box-main form input.orange{background: #f14b0e;}
	.middle_box-main form input.black{background: #000000;}
	
	.middle_box-main form input[type="submit"]:hover{background: #0067c5; border: none;}
	.middle_box-main form ul li a:hover{ color:#007ecb;}
	
	.copyright{ width:100%; float:left; position: absolute; bottom:0; left:0; line-height:50px; font-family: 'Open Sans', sans-serif; color:#666; font-size:14px; text-align:center;}
	
	.copyright .copyright-text { float:left; width:50%; padding-left:20px; text-align:left}
	.copyright .copyright-logo { float:right; width:40%; padding-right:30px; text-align:right}

	.middle_box-main form ul li.resend-txt {font-size:14px;color:#408734;}
	.middle_box-main form ul li a.resend-code { color:#666; text-decoration:none; font-size:14px; transition: .5s ease;}
	.middle_box-main form ul li a.resend-code:hover {color:#007ecb;}

	@media only screen and (max-width: 1024px) {
	.middle_box-main{ padding:10% 30px;}
	}
	
	@media only screen and (max-width: 767px) {
	.middle_box-main{max-width: 400px; padding:20px 0 0 0; top:0; transform: translate(-50%, 0%);}
	.middle_box-main .login-logo{ width:100%; padding:0 0 15px 0; position:relative;}
	.middle_box-main .login-logo img{ max-width:220px; top:0; left:0; transform: translate(0%, 0%);}
	
	.middle_box-main .login-form{ width:100%; padding:0 15px; box-sizing:border-box;}	
	.middle_box-main form input[type="text"], input[type="password"], input[type="email"]{line-height: 44px; height: 44px; font-size:15px;}
	
	.copyright{ position:relative;}
	.copyright .copyright-text,.copyright .copyright-logo { float:left; width:100%; padding-left:0; text-align:center}
	.copyright .copyright-logo { padding-right:0}
	
	}
	
	@media only screen and (max-width: 480px) {
		.middle_box-main{max-width:94%; position:absolute; top:50%; transform: translate(-50%, -50%);}
	}