@charset "utf-8";

html {overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
#adminLog{width:100%;max-width:420px;min-width:300px;margin:0 auto;position:relative;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
#adminLog .adminLog-box{color:#333;}
#adminLog .adminLog-box:after{display:block; clear:both; content:''}
#adminLog .adminLog-box h1{font-weight:500;text-align:center;font-size:26px;line-height:32px;padding:0 0 26px 0;margin:0 auto;}
#adminLog .adminLog-box .log-form{padding:0;box-sizing:border-box;width:100%;}
#adminLog .adminLog-box .log-idPwd{float:left;width:73%;max-width:290px;}
#adminLog .adminLog-box .log-okBtn{float:right;width:27%;max-width:120px;}
#adminLog .adminLog-box .log-okBtn .log-okSubmit {display:block;width:100%;height:94px;line-height:94px;background:#2e2e2e;border:0;font-size:16px;color:#fff;opacity:1;font-weight:600;text-align:center;cursor:pointer;box-sizing:border-box;transition:all 0.3s;}
#adminLog .adminLog-box .log-okBtn .log-okSubmit:hover {opacity:0.9;}
#adminLog .adminLog-box .log-idPwd dl{position:relative;z-index:1;height:44px;line-height:44px;width:100%;}
#adminLog .adminLog-box .log-idPwd dl + dl {margin-top:6px;}
#adminLog .adminLog-box .log-idPwd dt{display:none;}
#adminLog .adminLog-box .log-idPwd dd{height:inherit;line-height:inherit;vertical-align:top;}
#adminLog .adminLog-box .log-idPwd dd input{width: calc(100% - 1px);width: -ms-calc(100% - 1px);width: -webkit-calc(100% - 1px);width: -moz-calc(100% - 1px);width: -o-calc(100% - 1px);max-width:100%;height:44px;line-height:22px;padding:10px 8px;font-size:15px;color:#aaa;letter-spacing: 0px;background-color:#f9f9f9;border:1px solid #ccc;border-radius: 0px;font-weight:400;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:0;box-shadow: none;transition:all 0.3s;vertical-align:top;}
#adminLog .adminLog-box .log-idPwd dd input::-webkit-input-placeholder {font-size:15px;color:#aaa;}
#adminLog .adminLog-box .log-idPwd dd input::-moz-placeholder {font-size:15px;color:#aaa;}
#adminLog .adminLog-box .log-idPwd dd input:-ms-input-placeholder {font-size:15px;color:#aaa;}
#adminLog .adminLog-box .log-idPwd dd input:-moz-placeholder {font-size:15px;color:#aaa;}
#adminLog .adminLog-box .log-idPwd dd input:focus {color:#555;font-weight:500;letter-spacing: 0px;background-color:#fff;border: 1px solid #888;border-radius: 0px;outline:0;box-shadow: none;}
#adminLog .adminLog-box .log-idPwd dd input:focus::-webkit-input-placeholder {color:#555;}
#adminLog .adminLog-box .log-idPwd dd input:focus::-moz-placeholder {color:#555;}
#adminLog .adminLog-box .log-idPwd dd input:focus:-ms-input-placeholder {color:#555;}
#adminLog .adminLog-box .log-idPwd dd input:focus:-moz-placeholder {color:#555;}
#adminLog .adminLog-box .id-save{width:100%;margin:8px 0 0 0;height:20px;font-size:12px; line-height:20px;text-align:left;color:#999;}
#adminLog .adminLog-box p{text-align:center; padding-top:10px;color:#bbb;font-size:12px;font-weight:300;letter-spacing:0.2px;}

	@media only screen and (max-width:450px){
		#adminLog{width:calc(100% - 30px);}
		#adminLog .adminLog-box .log-idPwd{width:calc(100% - 115px)}
		#adminLog .adminLog-box .log-okBtn{width:100px}
	}
