@charset "utf-8";

body {
	
}
.mbskin {width:100%; margin:0;}
.mbskin .mbskin_box {position:relative; z-index:2; width:400px !important; margin:0 auto; border:0 !important; background:none !important;}

	@media screen and (max-width:499px) {
		.mbskin .mbskin_box {width:85% !important;}
	}


#mb_login h1 {display:none;}
.mb_log_cate {display:none;}

.int-area {position:relative; margin-top:20px;}
.int-area:first-child {margin-top:0 !important;}

#mb_login #login_fs {padding:0 !important;}
#mb_login #login_fs .frm_input {width:100%; margin:0 !important; padding:20px 10px 10px; background-color:transparent; border:none; border-bottom:1px solid #999; font-size:1.125em; outline:none; font-weight:300; border-radius:0; box-shadow: none; outline:none;}

.int-area label {position:absolute; left:10px; top:10px; font-size:14px; color:#999; transition:all .5s ease; font-weight:400;}
.int-area input:focus {border:0 !important; border-bottom:1px solid #999 !important; box-shadow:none !important}
.int-area label.warning {color:red !important; animation:warning .3s ease; animation-iteration-count:3;}
@keyframes warning {
	0% {transform:translateX(-3px);}
	25% {transform:translateX(3px);}
	50% {transform:translateX(-3px);}
	75% {transform:translateX(3px);}
}

	@media screen and (max-width:799px) {
		.int-area label {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.int-area label {font-size:85%;}
	}



.int-area input:focus + label,
.int-area input:valid + label {top:-2px; font-size:11px; color:#f47932;}

#mb_login #login_fs .btn_submit {margin:20px 0 0 0; width:100%; height:50px; background:#f47932; color:#fff; font-size:18px; border:none; border-radius:25px; cursor:pointer;}


	@media screen and (max-width:799px) {
		#mb_login #login_fs .btn_submit {font-size:110%;}
	}

	@media screen and (max-width:499px) {
		#mb_login #login_fs .btn_submit {font-size:100%;}
	}