@charset "UTF-8";


/* LOGIN
--------------------------------------------------*/
#login_box { max-width: 360px; min-width: 320px; padding: 2rem 0; margin: auto; }
#login_logo { max-width: 130px; margin: 0 auto; }
#login_logo img { margin: auto; display: block; }
#login_head_title h1 { font-size: 1.75rem; margin: 2rem 1rem 3rem; }

/* =Login Form
-------------------------------------------------------------- */
#login_form { padding: 0 1rem; }
#login_form div.form_box, #login_response { width: 100%; margin: 0 auto; }
#login_form input { font-size: 1.0625rem; padding: 0.75rem; }
#login_form input.testo { display: block; width: calc(100% - 1.5em - 2px ); margin-bottom: 1.375em;  color: #777; border: 1px solid #d0d0d0; }
#login_form input.testo:focus { background: #f4f4f4; border: 1px solid #f4f4f4; }
#login_form div.waiting { float: right; margin-right: 1em; height: 30px; display: none;}
#login_form div.waiting p span { font-size: 1.25em; }
#login_form div.waiting p img { margin-right: 1em; vertical-align: middle; }




@media screen and (min-width: 480px) {
	#login_box { padding: 2rem 1rem; }
}