.web-footer{display:none}.resident-footer{display:flex}.login-page{width:100%;min-height:calc(100vh - 48px);background-color:#6c6a2d;color:#fff;display:flex;align-items:center;justify-content:center;padding:120px 20px;position:relative;overflow:hidden}@media screen and (min-width: 1024px){.login-page{padding:0}}.login-container{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column}@media screen and (min-width: 768px){.login-container{max-width:600px}}@media screen and (min-width: 1024px){.login-container{max-width:1280px;flex-direction:row;align-items:stretch;justify-content:space-between;padding-inline:60px;padding-block:120px}}@media screen and (min-width: 1600px){.login-container{max-width:1400px}}.login-visual{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}@media screen and (min-width: 1024px){.login-visual{width:45%;margin-bottom:0;flex-direction:column;justify-content:space-between;align-items:flex-start}}.login-visual__title{font-family:Baskerville,serif;font-size:2rem;line-height:1.1;font-weight:400;margin-bottom:.5rem;letter-spacing:1px}@media screen and (min-width: 1024px){.login-visual__title{font-size:3.5rem;letter-spacing:2px}}.login-visual__desc{margin-top:3rem}.login-visual__desc p{font-family:Noto Sans TC,sans-serif;font-size:.8125rem;line-height:1.8;color:#fffc;margin:0;letter-spacing:.5px;font-weight:300}@media screen and (min-width: 1024px){.login-visual__desc p{font-size:.875rem;letter-spacing:1px}}.login-visual__desc.mobile-only{display:block;margin-top:4rem}@media screen and (min-width: 1024px){.login-visual__desc.mobile-only{display:none}}.login-visual__desc.desktop-only{display:none}@media screen and (min-width: 1024px){.login-visual__desc.desktop-only{display:block}}.login-content{width:100%}@media screen and (min-width: 1024px){.login-content{width:45%;max-width:480px;padding-top:.5rem}}.login-alert{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:14px}.login-alert--info{background-color:#e8f4f8;color:#31708f;border:1px solid #bce8f1}.login-alert--error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-header{display:flex;justify-content:flex-end}.login-header.tp{display:flex;margin-bottom:1rem}@media screen and (min-width: 1024px){.login-header.tp{display:none}}.login-header.pc{display:none}@media screen and (min-width: 1024px){.login-header.pc{display:flex}.login-header{justify-content:flex-start;margin-bottom:4rem}}.login-header__subtitle{font-family:Noto Sans TC,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1px}@media screen and (min-width: 1024px){.login-header__subtitle{font-size:1.25rem}}.login-form{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 1024px){.login-form{gap:2.5rem;max-width:480px}}.login-form__group{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1.5rem;transition:border-color .3s;gap:.25rem}@media screen and (min-width: 1024px){.login-form__group{gap:1rem}}.login-form__group:focus-within{border-bottom-color:#b1b479}.login-form__group--captcha{justify-content:space-between}.login-form__label{font-family:Noto Sans TC,sans-serif;font-size:.9375rem;color:#fff;font-weight:500;min-width:100px;letter-spacing:2px;white-space:nowrap}@media screen and (min-width: 1024px){.login-form__label{font-size:1rem;min-width:80px}}.login-form__password-wrapper{display:flex;flex:1;align-items:center;position:relative;width:100%}.login-form .password-toggle-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 .5rem;transition:color .3s}.login-form .password-toggle-btn:hover,.login-form .password-toggle-btn:focus{color:#ffffffe6;outline:none}.login-form__input{flex:1;background:transparent;border:none;color:#fff;font-family:Noto Sans TC,sans-serif;font-size:1rem;outline:none;padding:0 .5rem;letter-spacing:1px;width:100%}.login-form__input::-moz-placeholder{color:#ffffff4d}.login-form__input::placeholder{color:#ffffff4d}.login-form__input:-webkit-autofill,.login-form__input:-webkit-autofill:hover,.login-form__input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px #6c6a2d inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-form__captcha-row{display:flex;flex:1;align-items:center;justify-content:flex-end}.login-form__captcha-img{width:100px;height:36px;background-color:#e0e0e0;margin-left:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-form__captcha-img img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.login-form__action{margin-top:1rem;display:flex;justify-content:flex-start}@media screen and (min-width: 1024px){.login-form__action{margin-top:2rem}}.login-btn{padding:5px 20px;font-size:.875rem;line-height:1.2;letter-spacing:.5px;background-color:#fff;border:0;color:#2d2f26}@media screen and (min-width: 1024px){.login-btn{padding:10px 48px;font-size:1rem}}.login-btn:before,.login-btn:after{background-color:#2d2f26}.login-btn__text{font-family:Baskerville,serif;font-size:1rem;letter-spacing:1px;text-transform:uppercase;font-weight:500}.login-btn__icon{width:24px;height:24px;border-radius:50%;background-color:#6c6a2d;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:1rem}.login-btn__icon svg{width:12px;height:12px;stroke:currentColor}