*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans TC,sans-serif}ul,li{list-style-type:none}button,a.login{padding:.3rem 3rem;border-radius:12px;background-color:#263e44;color:#fff;font-size:1.2rem;border:1px solid #ffffff;transition:opacity .2s linear;cursor:pointer}button:hover,a.login:hover{opacity:.5}.check-btn,.exit-btn{color:#000;transition:opacity .2s linear}.check-btn:hover,.exit-btn:hover{opacity:.7}.check-btn:disabled,.exit-btn:disabled{opacity:.7;cursor:not-allowed}.check-btn{background-color:#dcdcdb;border:1px solid #dcdcdb}.exit-btn{background-color:transparent;border:1px solid #393939}label{font-size:1.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=text],input[type=password]{padding:.4rem .6rem;font-size:1.2rem;border-radius:12px;border:1px solid #323232}html{scroll-behavior:smooth}body{width:100%;height:100%;min-height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:780px}body header{height:80px;width:100%;background-color:#263e44;display:flex;justify-content:center;align-items:center}body header .title{height:100%;padding:0rem 1rem;min-width:280px}body header .title a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;gap:.5rem}body header .title a h1{color:#fff;font-size:1.8rem}body header .title a img{max-width:40px;height:100%;-o-object-fit:contain;object-fit:contain}body header .title a:hover:after{background-color:transparent}body header a{color:#fff;text-decoration:none;position:relative}body header a:after{content:"";width:calc(100% - 1rem);height:1px;background-color:transparent;position:absolute;bottom:.4rem;left:.5rem;transition:background-color .2s linear}body header a:hover:after{background-color:#fff9}body header .header-container{width:100%;height:100%;flex:1;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 4rem 1rem 2rem}@media screen and (max-width: 1268px){body header .header-container{padding:1rem 2.5rem 1rem 1rem}}body header .header-container .links .link{font-size:1.2rem;padding:.5rem}body header .header-container .links .link.active:after{background-color:#fff}body header .header-container a.login{display:block;border-color:#fff}body header .header-container a.login:hover:after{background-color:transparent}body main{width:100%;height:100%;flex:1;padding:2.5rem;max-width:1200px}body .go-top{width:52px;height:52px;position:fixed;bottom:52px;right:1%;border:3px solid #263e44;border-radius:50%}body .go-top a{width:100%;height:100%;display:block;padding:.4rem .5rem .5rem}body .go-top a img{width:100%;-o-object-fit:contain;object-fit:contain}.pagination-container nav ul.pagination li{font-size:1.6rem;font-weight:500}.pagination-container nav ul.pagination li span,.pagination-container nav ul.pagination li a{font-size:1.4rem;padding:.5rem 1rem;display:block}.pagination-container nav ul.pagination li.disabled{color:#8d8d8d}body{min-width:500px}main{display:flex;flex-direction:column;justify-content:center;align-items:center}main .title{display:flex;justify-content:center;align-items:center;padding:1rem;gap:1rem}main .title img{width:60px;-o-object-fit:contain;object-fit:contain}main section.form-container{padding:2.5rem 4rem;border:1px solid #323232;border-radius:12px}main section.form-container form{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem}main section.form-container form .input-area{width:100%;display:flex;flex-direction:column;gap:.7rem}main section.form-container form .input-area .error{color:red}main section.form-container form .input-area.password-area{position:relative}main section.form-container form .input-area.password-area button.see-btn{padding:unset;border-radius:unset;position:absolute;top:60%;right:4%;width:26px;height:26px;background-color:transparent;border:unset;cursor:pointer}main section.form-container form .input-area.password-area button.see-btn.no-slash .eye-icon{display:block}main section.form-container form .input-area.password-area button.see-btn.no-slash .eye-slash-icon{display:none}main section.form-container form .input-area.password-area button.see-btn .eye-icon{display:none}main section.form-container form .input-area.password-area button.see-btn .eye-slash-icon{display:block}main section.form-container form .input-area.password-area button.see-btn img{width:100%;-o-object-fit:contain;object-fit:contain}main section.form-container form .submit-area{margin-top:1.2rem}