body{width:100vw;height:100vh;overflow:hidden;padding:0;margin:0;background-image:url(/theme/default/img/common/body_bg_green.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;}

.bodybg{width:100%;height:100%;position:absolute;top:0;left:0;background-image: radial-gradient(rgba(255, 255, 255, .3), rgba(62, 142, 65, 0.1));}
.container{width:350px;height:324px;padding:30px 40px;position:absolute;top:50%;left:50%;margin:-192px 0 0 -215px;box-shadow:0 6px 15px rgb(0 0 0 / 16%);background-color:#fff;border-radius:10px;z-index:10;}

.loginForm{width:350px;height:324px;border-radius:10px;}
.loginForm h1{padding:0;margin:0;overflow:hidden;height:45px;margin:0 0 20px 0;font-size:23px;}
.loginForm .loginInput{height:37px;margin:10px 0 5px 0;position:relative;}
.loginForm .loginInput label.userId, .loginForm .loginInput label.userPwd{display:block;width:55px;height:32px;overflow:hidden;position:absolute;top:8px;left:0;font-size:13px;letter-spacing:-1px;color:#666;}
.loginForm .loginInput input.userId, .loginForm .loginInput input.userPwd{width:100%;height:35px;border:none;padding:0;margin:0;line-height:35px;font-size:18px;font-weight:500;border-bottom:2px solid #bcbcbc;}
.loginForm .loginInput .userIdBd, .loginForm .loginInput .userPwdBd{display:block;}
.loginForm .loginInput .userIdBd.focus:after, .loginForm .loginInput .userPwdBd.focus:after{content:'';display:block;width:100%;height:2px;background-color:#3e8e41;position:absolute;bottom:0;left:0;animation-name:inputBorderFocus;animation-duration:.3s;}
.loginForm .loginInput .userIdBd.focus.error:after, .loginForm .loginInput .userPwdBd.focus.error:after{content:'';display:block;width:100%;height:2px;background-color:#ff0000;position:absolute;bottom:0;left:0;animation-name:inputBorderFocus;animation-duration:.3s;}
.loginForm .loginInput .userIdBd.blur:after, .loginForm .loginInput .userPwdBd.blur:after{content:'';display:block;width:0;height:2px;background-color:#3e8e41;position:absolute;bottom:0;left:0;animation-name:inputBorderBlur;animation-duration:.3s;}
.loginForm .loginMsg{clear:both;padding-bottom:10px;font-size:12px;height:18px;line-height:18px;color:#666;}
.loginForm .loginMsg.error{color:#f20c1e;}
.loginForm .loginMsg.success{color:#3e8e41;}
.loginForm .loginInput .material-icons{position:absolute;top:3px;right:0;color:#ccc;cursor:pointer;}
.loginForm .loginInput .material-icons.eyes:after{content:'';display:block;position:absolute;top:0;left:10px;width:2px;height:23px;background-color:#ccc;transform:rotate(45deg);}
.loginForm .loginInput .material-icons:hover{color:#3d9c4b;}
.loginForm .loginInput .material-icons.eyes:hover:after{background-color:#3d9c4b;}
.loginForm .loginInput .material-icons.eyes.on:after{display:none;}
.loginForm .loginInput.save{margin-bottom:10px;}

.w_check_label, .w_check_label:active, .w_check_label:hover{border:none;background:none;padding:0;font-size:12px;color:#000;height:30px;line-height:30px;color:#666;outline:0;}
.w_check_label.ui-state-active, .w_check_label.ui-state-active:active, .w_check_label.ui-state-active:hover{border:none;background:none;padding:0;color:#333;height:30px;line-height:30px;outline:0;}
.w_check_label.ui-visual-focus, .w_check_label.ui-visual-focus:active, .w_check_label.ui-visual-focus:hover{border:none;background:none;padding:0;box-shadow:none;color:#333;height:30px;line-height:30px;outline:0;}
.w_check_label.ui-state-hover .ui-icon, .w_check_label.ui-state-focus .ui-icon, .w_check_label.ui-button:hover .ui-icon, .w_check_label.ui-button:focus .ui-icon{background:none;}
.w_check_label .ui-icon{background:none;width:16px;height:16px;border-radius:3px;border:1px solid #ccc;box-shadow:none;position:relative;}
.w_check_label.ui-checkboxradio-label.ui-checkboxradio-checked .ui-icon, .w_check_label.ui-checkboxradio-label.ui-checkboxradio-checked:hover .ui-icon{width:16px;height:16px;border:1px solid #3e8e41;background-color:#3e8e41;}
.w_check_label.ui-checkboxradio-label.ui-checkboxradio-checked .ui-icon:before, 
.w_check_label.ui-checkboxradio-label.ui-checkboxradio-checked:hover .ui-icon:before{
	content:'';position:absolute;width:6px;height:9px;top:1px;left:4px;border-bottom:2px solid #fff;border-right:2px solid #fff;-ms-transform:rotate(35deg);-webkit-transform:rotate(35deg);transform:rotate(35deg);
}
.container .loginForm .loginInput .w_check_label .ui-icon{border-radius:50%;}
.container .loginForm .loginBtn .loginSubmit{padding:0;width:100%;border:none;height:48px;border-radius:3px;background:#3e8e41;color:#fff;font-weight:400;cursor:pointer;font-size:15px;}

.container .loginForm .contact{text-align:left;line-height:180%;font-size:12px;margin-top:15px;}

@media all and (max-width:600px) {
    body{height:auto;overflow:visible;}
    .container{width:calc(100% - 60px);padding:30px 20px;top:50%;left:10px;margin:-192px 0 0 -0;}
    .loginForm h1{font-size:5vw;}
    .loginForm{width:100%;}
}