/*=== login ===*/
::-moz-placeholder { color:#888; opacity:1; }
::-webkit-input-placeholder { color:#888; }
:-moz-placeholder { color:#888; opacity:1; }
:-ms-input-placeholder { color:#888; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

body, html, form { width:100%; height:100%; margin:0; padding:0; }
body { background: #fff url(/images/bkg.jfif) repeat-x center bottom; background-size: 600px; }
textarea:focus, textarea:active, input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active { outline:none; -webkit-appearance:none; border-color:#fff; background:#fff; }
button:focus, button:active { outline:none; -webkit-appearance:none; border-color:#ddd; }
.a-login-c0 { padding:30px 0; }
.footer { display:none; }
.login_msg_logo { text-align:center; color: #73cb15; font-size: 50px; padding-bottom: 6px; line-height:2; }

.login_msg_title { font-size:18px; color:#222; padding-top:5px; }
.login_msg_content { padding-top:10px; line-height:1.5; }
.login_err_c { padding:8px 5px; text-align:left; width: 320px; margin: 3px auto; }
.login_err_i { list-style-type:none; list-style-position:inside; color:#c00; line-height:1.6; }
.login_c0 { padding:10px 0px 100px; }
.login_c0 .radius_box { width:360px; padding:1px; margin:15px; }

.login_submit { background-color:#fff; border:1px solid #EFEFEF; color:#888; font-size:14px; padding:3px 10px 5px; cursor:pointer; }
.adm_login .ioc_textbox { font-size:14px;width:100%;box-sizing:border-box;margin:0; padding:10px 15px; color:#555555;border-color:#fff;border-bottom-color:#ddd !important;box-shadow:0 0 0;border-radius:0;background:#fff !important; }
.adm_login .ioc_textbox[type="password"] { border:0; }
.adm_login .hmsg { padding:3px 0 15px 0; font-size:14px; text-align:center; display:none; }
.adm_login { position:relative; }
.submit-c { display:none; }
.algc {width: 400px;animation:animatezoom .3s linear forwards;-webkit-animation:animatezoom .3s linear forwards;visibility:visible !important;}
.algc .radius_box {background:#fff;width: 310px;padding:15px;margin:3px;-webkit-box-shadow:0 1px 3px #fff;box-shadow:0 1px 3px #fff;border: 1px solid #ccc;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.ioc_textbox.cc-txt {width: 110px;font-size: 22px;padding: 5px;border:1px solid #ccc !important;text-align:center;}
.cc-img { display:block;float:left;padding-top:1px; }
.login-button { position:absolute; right:-40px; top:calc(50% - 25px); background:#fff; color:#666; width:50px; height:50px; box-sizing:border-box; border:5px solid #ECEFF4; border-radius:50%; transition:all ease-in-out 500ms; cursor:pointer; font-size:40px; padding:0; }
.login-button:hover { color:#333; transform:rotate(450deg); }
.app-vs { position:absolute; bottom:10px; right:10px; }

#ai_forgotpwd {cursor: pointer;padding: 10px 40px 10px 10px;float: right;}
#ai_forgotpwd:hover { color:#ec9b03; }
#ai_forgotpwd_c {padding-top:15px;background: #fff;width: 300px;padding: 15px;margin: 3px 3px 15px;-moz-box-shadow: 0 1px 3px #ddd;-webkit-box-shadow: 0 1px 3px #ddd;box-shadow: 0 1px 3px #ddd;border-radius: 8px;text-align: left;overflow: auto;border: 1px solid #ccc;}
#ai_forgotpwd_c .captcha .note { display:none; }
#ai_forgotpwd_c .captcha .input_c { padding-top:6px; }
#ai_forgotpwd_c > div {padding-top:10px;}
#ai_forgotpwd_c > div > b { line-height:2; }
#ai_forgotpwd_c > div:first-child { padding-top:0; }
.login-btn { background-color:#06a0f6; background:-webkit-linear-gradient(center top,#06a0f6,#ec9b03); background:-moz-linear-gradient(center top,#06a0f6,#37988B); background:-khtml-linear-gradient(center top,#06a0f6,#37988B); border:1px solid #06a0f6; color:#fff; font-size:14px; padding:3px 10px 5px; cursor:pointer; margin:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.login-btn:hover { box-shadow:0 2px 5px 0 rgba(0,0,0,.26); background-color:#F7971D; border-color:#F7971D; }
.rp-t { color:#333;padding-bottom:10px;text-transform:uppercase; text-align:center; }

.loginbox_links {width: 330px;box-sizing: border-box;}
.loginbox_links::after { content:''; clear:both; display:block; }
.loginbox_links > a {border: 1px solid #D3D3D3;padding: 8px 12px;color: #454545;display: block;float: left;box-sizing: border-box;border-radius: 8px;text-align: left;margin-left: 2%;background: #fff;}
.loginbox_links > a:hover {color: #ec9b03;}
.loginbox_links > a:first-child { margin-left:0; }

.lgb_remb .app-checkbox label { display:block; }
.lgb_remb .app-checkbox label input:checked+span:before { border:1px solid #34A853; background:#34A853; }
.lgb_remb .app-checkbox label input:checked+span:after { color:#fff; }
.lgb_remb {float:left;padding: 10px 10px 10px 40px;}
#ai_forgotpwd_c > .lg_submit { text-align:center; padding:15px 10px 0; }

@keyframes animatezoom { 
	from { transform:scale(0) }
	to { transform:scale(1) }
}
@-webkit-keyframes animatezoom { 
	from { transform:scale(0) }
	to { transform:scale(1) }
}
@media (max-width: 767px) {
	.algc .radius_box { box-sizing: border-box;margin-left: -13px;}
	.algc { width:100%; }
	.lgb_remb { padding-left:20px; }
    #ai_forgotpwd { padding-right:35px; }
}
@media (max-width: 480px) {
	.algc .radius_box, #ai_forgotpwd_c {width: calc(100% - 50px);}
	.lgb_remb { padding-left:20px; }
    #ai_forgotpwd { padding-right:35px; }
    .login_err_i { text-align:center; }
	.login_msg_logo img {margin-left:0;max-width: 200px;}
	.login-btn { padding:5px 12px; }
    .loginbox_links {width: calc(100% - 30px);}
}