body, html { height: auto; }
body.login{background-color:#eaedef !important; background-image: url(https://trungthach.com/wp-content/uploads/2016/08/bg_login.jpg);background-repeat: repeat; background-position: center center; background-size: 100% auto; background-attachment: fixed; margin:0; padding:1px; top: 0; right: 0; bottom: 0; left: 0; }
html, body.login:after { display: block; clear: both; }
body.login-action-register { position: relative }
body.login-action-login, body.login-action-lostpassword { position: fixed }
.login h1 a { 
width: 100%;
background: url(https://trungthach.com/wp-content/uploads/2016/08/logo_mypage.png) center center no-repeat; 
height:100px; margin: 0 auto 20px; }
div#login { background: #ffffff; margin-top: 100px; padding: 18px 0 }
body.interim-login div#login {width: 95% !important; height: auto }
.login label, .login form, .login form p { color: #434b6b !important }
.login a { text-decoration: underline; color: #245bc9 !important }
.login a:focus, .login a:hover { color: #434b6b !important; }
.login form { background: #ffffff !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border-bottom: 1px solid #eaedef;padding: 26px 24px 30px !important }
form#loginform .button-primary, form#registerform .button-primary, .button-primary { background:#2194d2 !important; border-color: !important; color: #ffffff !important;}
form#loginform .button-primary.focus,form#loginform .button-primary.hover,form#loginform .button-primary:focus,form#loginform .button-primary:hover, form#registerform .button-primary.focus, form#registerform .button-primary.hover,form#registerform .button-primary:focus,form#registerform .button-primary:hover { background: #0060fc !important;border-color: !important; }
.login form input.input { background: #fff url(https://trungthach.com/wp-content/plugins/WPShapere/assets/images/login-sprite.png) no-repeat; padding: 9px 0 9px 32px !important; font-size: 16px !important; line-height: 1; outline: none !important; border: none !important }
input#user_login { background-position:7px -6px !important; }
input#user_pass, input#user_email, input#pass1, input#pass2 { background-position:7px -56px !important; }
.login form #wp-submit { width: 100%; height: 35px }
p.forgetmenot { margin-bottom: 16px !important; }
.login #pass-strength-result {margin: 12px 0 16px !important }
p.indicator-hint { clear:both }

.login_footer_content { padding: 20px 0; text-align:center }
.login .message, .button-primary { 
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.button-primary {
	border: none;
}


@media only screen and (min-width: 800px) {
	div#login {
		width: 30% !important;
	}
}
@media screen and (max-width: 800px){
	div#login {
		width: 90% !important;
	}
	body.login {
		background-size: auto;
	}
	body.login-action-login, body.login-action-lostpassword { 
		position: relative; 
	}
}