@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-icons.53436aca.woff2) format("woff2"),url(../fonts/material-icons.3e1afe59.woff) format("woff")}.material-icons{font-family:Material Icons;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-icons-outlined.0ba49c09.woff2) format("woff2"),url(../fonts/material-icons-outlined.0e4321a7.woff) format("woff")}.material-icons,.material-icons-outlined{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-outlined{font-family:Material Icons Outlined;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-icons-round.121a59d7.woff2) format("woff2"),url(../fonts/material-icons-round.9f309e9e.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-icons-sharp.4f203ef2.woff2) format("woff2"),url(../fonts/material-icons-sharp.6efac231.woff) format("woff")}.material-icons-round,.material-icons-sharp{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-sharp{font-family:Material Icons Sharp;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-icons-two-tone.e2c22f8c.woff2) format("woff2"),url(../fonts/material-icons-two-tone.87a93d69.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--background-20:#f7f8fa;--base-0:#fff;--base-100:#dadee6;--base-300:#98a1b3;--base-400:#7a8499;--base-450:#6d778c;--base-500:#606b80;--base-600:#475166;--error-50:#fef2f2;--error-500:#ef4444;--green-600:#16a34a;--primary-50:#eff6ff;--primary-600:#2563eb;--red-600:#dc2626}body{font-family:Noto Sans TC,sans-serif;font-optical-sizing:auto;font-style:normal}.form,.form .form-group{display:flex;flex-direction:column;gap:3px}.form .form-group label{color:var(--base-500)}.form .form-group input{padding:12px;border:1px solid var(--base-100);border-radius:5px}.form .error-message{display:flex;gap:4px;align-items:center;font-size:12px;line-height:12px;color:var(--error-500)}.form .error-message .material-icons{font-size:14px}.main[data-v-6895d446]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-20)}.main .background[data-v-6895d446]{position:relative;display:flex;flex:1;align-items:center;justify-content:center}.main .background .background-content[data-v-6895d446]{position:absolute;z-index:10;display:flex;flex-direction:column;gap:20px;align-items:center}.main .background .background-content .title[data-v-6895d446]{font-size:24px;font-weight:600;color:#fff}.main .background .background-image[data-v-6895d446]{position:absolute;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .background .background-overlay[data-v-6895d446]{position:absolute;z-index:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(10,119,255,.4),var(--primary-600))}@media(min-width:1024px){.main .background[data-v-6895d446]{order:2}}.main .login[data-v-6895d446]{display:flex;flex:1;align-items:center;justify-content:center}.main .login .login-container[data-v-6895d446]{display:flex;flex-direction:column;gap:12px;align-items:center}.main .login .login-container .login-header[data-v-6895d446]{display:flex;flex-direction:column;gap:7px;font-weight:600}.main .login .login-container .login-header .login-title[data-v-6895d446]{font-size:24px;text-align:center}.main .login .login-container .login-header .login-subtitle[data-v-6895d446]{font-size:14px;color:var(--primary-600)}.main .login .login-container .form[data-v-6895d446]{width:320px}.main .login .login-container .form .input-group[data-v-6895d446]{display:flex;gap:6px;align-items:center;padding:8px;background-color:var(--base-0);border:1px solid var(--base-100);border-radius:6px}.main .login .login-container .form .input-group.error[data-v-6895d446]{background-color:var(--error-50);border-color:var(--error-500)}.main .login .login-container .form .input-group .material-icons[data-v-6895d446]{color:var(--base-300)}.main .login .login-container .form .input-group input[data-v-6895d446]{flex:1;background:transparent;border:none;outline:none;width:100%;padding:3px 0}.main .login .login-container .form .input-group .toggle-password[data-v-6895d446]{cursor:pointer;display:flex;align-items:center;background:none;border:none}.main .login .login-container .login-button[data-v-6895d446]{cursor:pointer;align-self:stretch;padding:8px;font-size:16px;color:var(--primary-50);background-color:var(--primary-600);border:1px solid var(--primary-600);border-radius:6px}@media(min-width:1024px){.main .login[data-v-6895d446]{order:1}}@media(min-width:1024px){.main[data-v-6895d446]{flex-direction:row}}