
.bg_half { width: 70%; /* this value must be split with the width of div.login below */
 position: absolute; height: auto; min-height: 1080px; right: 0; background-size: cover; z-index: 9; border:0; }
 
.bott_tips_area { width:100%; float:left; padding-top:10px }
.login_message { width:30%; }
header,
.footer { display:none !important } 
.login_half { width:30%; float:left } 
.login_logo_area { display: block; text-align: center; margin-top: 40px; }


#rememberme { outline: none; border: 0; float:left; margin-right: 7px; }
 
 div#login .message { width:70% }
 div#login { width:auto; /*max-width:400px;*/ padding: 8% 0px 0px; margin: 0 auto; }
 div#login p#nav { width:auto; max-width:400px; display: block; margin: 20px auto 40px; }
 div#login a { font-weight:400; color:#2AA1CC !important }
 
 div#login p#backtoblog { display:none }
 div#login { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 20px; line-height:1.5; padding-top:25px; width:30%; /* this value must be split with the width of .bg_half above */
 float:left; display:block; clear:both }
 div#login h1 a { display:none  }
 
 #loginform:before { content: ""; font-size: 15px; padding-bottom:10px; display: block; }
 
 #resetpassform,
 #lostpasswordform,
 #loginform { width:auto; max-width:400px; height: auto; background:#2aa1cc; padding:25px 30px 40px 30px; display: block; margin: 0 auto; color:#fff }
 
 #lostpasswordform label,
 #loginform label { display:block; margin-bottom:20px }
 
 #loginform input#user_pass,
 #loginform input#user_login { width:100%; border:0; background:#fff; padding:6px 0 6px 5px; color:#333; margin-top:2px; font-weight:400 }
 #loginform #remember_me { background:#fff !important }
 #loginform label[for='rememberme'] { text-transform:lowercase; font-size:15px; }
 #loginform .login-remember label input { vertical-align: middle; margin-right: 5px; }
 
 #resetpassform #wp-submit,
 #lostpasswordform #wp-submit,
 #loginform #wp-submit { width: 100%; border: 0; padding: 10px 0; color: #333; font-weight: bold !important; background: #333 !important;
 -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
      -o-transition: all 200ms linear;
         transition: all 200ms linear; }
		 
 #resetpassform #wp-submit:hover,
 #lostpasswordform #wp-submit:hover,
 #loginform #wp-submit:hover { background:#aaa !important }
 
 #resetpassform .input,
 #lostpasswordform input#user_login { width:100%; border:0; background:#fff; padding:6px 0 6px 5px; color:#333; margin-top:2px; font-weight:400 }
 #login .message { width:100%; display: block; margin: 0px auto 20px; text-align:center }
 
 div#login_error { color:red; margin-bottom:25px; text-align:center }
 
 
 #resetpassform #pass-strength-result { max-width:100%; display: block; margin: 0 auto; }

 
 
