.login-page input,.login-page textarea,.login-page select,.login-page button{font-family:sans-serif;font-size:20px;font-weight:600;box-sizing:border-box}.login-page,.login-page *{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}input{border:0;outline:0}button{border:0;outline:0;padding:0}a{text-decoration:none}.wrapper{width:100%;padding:1.5rem;margin:0 auto}.header{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.brand{width:450px;margin:3rem auto}.logo{height:7rem;transition:transform .35s}.logo:hover{transform:scale(1.04)}.blank{width:calc(450px + 3rem);padding:0 1.5rem;margin:auto}.boxes{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5rem}.boxesNoticeFont{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:1.5rem}.loginbox{width:450px;display:inline-block;margin:auto}.login{color:#858a75;margin-bottom:1.5rem;font-family:sans-serif;font-weight:600}.login p{margin:0 0 .2rem;font-size:1.5rem}.loginbox label{display:block;position:relative;color:#858a75}.loginbox input{background-color:transparent;width:100%;display:block;border-bottom:2px solid #34494e;color:#2f4f4f;padding:.5rem 0;font-family:sans-serif;font-size:20px;font-weight:600}.loginbox input::placeholder{color:#d7dbba}.loginbox input::placeholder{color:#d7dbba;opacity:1}.loginbox input::-moz-placeholder{color:#d7dbba;opacity:1}.loginbox input:-ms-input-placeholder{color:#d7dbba}.loginbox input::-ms-input-placeholder{color:#d7dbba}.loginbox button{width:100%;text-align:center;padding:.5rem 0;margin:1rem 0 1rem;background-color:transparent;border:1px solid #c2c272;color:#c2c272;border-radius:1px}.loginbox button:hover{color:#f5f3eb;background-color:#c2c272}.input-eng-translation{position:absolute;top:1.6rem;transform:translateY(-50%);margin-left:2rem;font-size:.8rem;color:#d7dbba;pointer-events:none;white-space:nowrap;z-index:-1}.left-5word{left:5.5rem}.left-6word{left:6.5rem}.left-10word{left:10.5rem}.messagebox{font-size:16px;line-height:1.5;color:#333;font-family:sans-serif;font-weight:600}.messagebox .alert-link{color:#fa2d2d!important;font-weight:700;text-decoration:none}.messagebox .big-text{font-size:20px!important}.messagebox .big-text-red{font-size:20px!important;color:#f00!important}.messagebox .text-red{color:#f00!important}.messagebox ul li{font-size:20px!important;margin-bottom:.4rem}.messagebox ol li{font-size:16px!important;margin-bottom:.4rem}.messagebox .contact-box{font-size:14px;line-height:1.6}.messagebox .switch-lang-button{width:100%;text-align:center;padding:.5rem 0;margin-top:1rem;background-color:transparent;border:1px solid #c2c272;color:#c2c272;border-radius:1px;font-size:20px;cursor:pointer;transition:all .25s ease}.messagebox .switch-lang-button:hover{color:#f5f3eb;background-color:#c2c272}.messagebox button{width:100%;text-align:center;padding:.5rem 0;background-color:transparent;border:1px solid #c2c272;color:#c2c272;border-radius:1px}.messagebox button:hover{color:#f5f3eb;background-color:#c2c272}.buttonbox{width:450px;display:flex;justify-content:center;padding:1rem 0;margin:auto;font-family:sans-serif;font-weight:600}.buttongroup{display:flex;justify-content:center;flex-wrap:wrap}.button p{text-align:center;margin:.5rem 0 .3rem;color:#858a75;font-size:1.2rem;font-weight:600;transition:color .3s ease}.button span{display:block;font-size:.8rem;color:#858a75;transition:color .3s ease}.custom-header-gap{gap:40px;padding-top:20px}.left-panel{margin-left:60px}.logo-top{margin-top:0}.login-offset{width:480px;margin-left:4em;margin-top:2em}.login-offsetNoticeFont{width:480px;margin-left:4em}.captcha-spinner{width:90px;text-align:center}#loginButton.btn-disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.6}.noticeFont{color:#2f4f4f;margin-top:1rem;font-family:sans-serif;font-weight:600}.visitorsLoginButton{color:#000;text-decoration:underline;font-family:sans-serif;font-weight:600}@media(max-width:480px){.input-eng-translation{top:2rem;transform:translateY(-50%);font-size:.55rem;margin-left:2.5rem}}@media(max-width:360px){.input-eng-translation{top:2rem;font-size:.5rem}}@media(max-width:768px){body{background-color:#fff}.header{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1rem;padding:1rem}.left-panel{margin-left:0!important;width:100%!important;padding:0 1rem!important;display:flex;flex-direction:column;align-items:center}.input-eng-translation{top:1.8rem;font-size:.8rem;margin-left:3rem}.loginbox{width:100%!important;max-width:360px;margin:0 auto}.login-offset,.login-offsetNoticeFont{width:100%!important;margin-left:0!important}.boxes,.boxesNoticeFont{padding:0!important;justify-content:center!important}.brand{width:100%;text-align:center;margin:1rem 0}.logo{height:auto;max-width:200px;transition:transform .35s}.logo:hover{transform:scale(1.04)}.blank{width:100%!important;margin:1.5rem auto 0!important;padding:0 1rem!important}.messagebox{font-size:14px!important;line-height:1.6;background:#fafafa;border-radius:10px;padding:1rem;box-shadow:0 0 5px rgba(0,0,0,.05)}.messagebox ul,.messagebox ol{padding-left:1.25rem}.buttonbox{width:100%!important;flex-wrap:wrap;justify-content:center;margin-top:1rem;padding:0}.buttongroup{flex-basis:48%}.button{width:100%!important;margin:.3rem}#loginButton,.visitorsLoginButton{width:100%!important;display:block;text-align:center;padding:.6rem;font-size:16px;font-family:sans-serif;font-weight:600}}@media(max-width:769px){.login-page{font-size:16px}}@media(max-width:551px){.login-page{font-size:14px}}@media(min-width:1440px){.login-page .brand{max-width:30vw}.login-page .loginbox{max-width:28vw}.login-page input{font-size:1.2rem}.login-page .login p{font-size:1.5rem}}@media(min-width:2560px){.login-page .brand{max-width:25vw}.login-page .loginbox{max-width:22vw}.login-page input{font-size:1.4rem}}.button{text-align:center;width:8.3rem;margin:.5rem 0;cursor:pointer;transition:all .3s ease;border-radius:2rem;position:relative;background:none}.buttonimage{width:6rem;height:6rem;display:inline-block;border-radius:2rem;transition:all .3s ease;object-fit:contain;background-color:transparent;box-shadow:none;position:relative;z-index:1}.buttonimage::before{content:"";position:absolute;inset:0;width:6rem;height:6rem;border-radius:2rem;background-color:#f8f1eb;z-index:0;transition:background-color .4s ease,transform .3s ease}.button.active .buttonimage::before{background-color:#bebe74}.button:hover{transform:translateY(-6px)}.button:hover .buttonimage::before{transform:translateY(-2px);background-color:#e9e3cf;background:linear-gradient(145deg,#f8f1eb 0%,#e9e3cf 100%)}.button.active p,.button.active span,.button:hover p,.button:hover span{color:#bebe74}.password-wrapper{position:relative;display:block}.password-wrapper i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.2rem!important;font-weight:normal!important;color:#888;cursor:pointer;transition:color .2s}.password-wrapper i:hover{color:#333}.password-wrapper input{padding-right:40px!important}.btn-text{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:.6rem;margin-bottom:.3rem;white-space:nowrap}.btn-text-zh{font-size:1rem;font-weight:600;color:#858a75}.btn-text-en{font-size:.65rem;font-weight:500;color:#858a75}.button:hover .btn-text-zh,.button:hover .btn-text-en,.button.active .btn-text-zh,.button.active .btn-text-en{color:#bebe74}