/*萌芽系列網站WP站登入畫面專用CSS*/
body {
 background: #111 url(images/bkg.jpg);
}
.login h1 a {
 background-image: none,url(images/mnyatree.svg) !important;
 filter: drop-shadow( 0px 0px 8px rgba(255,255,255,.6) );
 background-size: 84px;
 background-position: center top;
 background-repeat: no-repeat;
 color: #444;
 height: 84px;
 font-size: 20px;
 line-height: 1.3em;
 margin: 0 auto;
 padding: 0;
 width: 84px;
 text-indent: -9999px;
 outline: 0;
 display: block;
transition: all 0.2s linear;
}
.login h1 a:hover {
 filter: drop-shadow( 0px 0px 12px rgba(255,255,255,.8) );
}
.login #login_error, .login .message {
 border-left: 8px solid rgba(0, 160, 210, 0.78);
 padding: 12px;
 border-radius: 10px;
 margin: 20px auto !important;
 background: rgba(255, 255, 255, 0.78);
 box-shadow: 0 0px 6px rgba(255, 255, 255, 0.6);
 color: #222;
 font: 16px Arial,'Microsoft JhengHei', sans-serif;
 line-height: 20px;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
transition: all 0.2s linear;
}
.login #login_error:hover, .login .message:hover {
 background: rgba(255, 255, 255, 0.85);
 box-shadow: 0 0px 8px rgba(255, 255, 255, 0.7);
}
.login form {
 border-radius: 10px;
 padding: 36px 30px;
 margin: 20px auto;
 background: rgba(255, 255, 255, 0.78);
 box-shadow: 0 0px 6px rgba(255, 255, 255, 0.6);
transition: all 0.2s linear;
}
.login form:hover {
 background: rgba(255, 255, 255, 0.85);
 box-shadow: 0 0px 8px rgba(255, 255, 255, 0.7);
}
#login {
 width: 320px;
 padding: 8% 0 0;
 margin: auto;
}
@media screen and (max-height: 550px) { 
#login {
 padding: 20px 0;
}
}
@media screen and (max-width: 350px) { 
#login {
 width: 90%;
}
}
.login * {
 margin: 0;
 padding: 0;
}
.login label {
 color: #222;
 font: 16px Arial,'Microsoft JhengHei', sans-serif;
 line-height: 20px;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.login form .forgetmenot label {
 font: 14px Arial,'Microsoft JhengHei', sans-serif;
}
.login form .input, .login input[type=text] {
 background-color: transparent;
 border: none;
 border-bottom: 1px solid #9e9e9e;
    box-shadow: 0 1px 0 0 #9e9e9e;
 border-radius: 0;
 outline: none;
 width: calc(100% - 20px);
 font-size: 20px;
 margin: 3px 0 15px 0;
 padding: 8px 10px;
 box-sizing: content-box;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
 border-bottom: 1px solid #5b9dd9;
 box-shadow: 0 1px 0 0 #5b9dd9;
}
.forgetmenot {
 margin-top: 10px;
}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
 height: 42px;
 margin-top: 10px;
 padding: 0 35px;
 font: 16px Arial,'Microsoft JhengHei', sans-serif;
 font-weight: bold;
}
.login #backtoblog a, .login #nav a {
 color: #FFF;
 text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.6);
 font: 14px Arial,'Microsoft JhengHei', sans-serif;
 font-weight: bold;
}