@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;900&family=Roboto:wght@300;400;500;900&display=swap";.Navbar{position:fixed;width:80px;height:100vh;padding:0 5px;background-color:#d5f5e3;z-index:99;-webkit-user-select:none;user-select:none}.Navbar a{color:inherit;text-decoration:none}.Navbar ul{height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-content:center;gap:30px;z-index:1}.Navbar li{position:relative;width:70px;display:flex;flex-direction:column;cursor:pointer;align-items:center}.Navbar li p{margin-top:4px;font-size:14px;font-weight:400;text-align:center;transition:.2s}.icon-container{padding:5px;position:relative;display:flex;justify-content:center;align-content:center}.back{position:absolute;height:32px;z-index:-1;display:flex;justify-content:center;align-content:center;background-color:#7fffd4;border-radius:50px;transition:.2s;width:0px;opacity:0%}.focus .back{width:60px;opacity:100%}.focus p{font-weight:600!important}@media (max-width: 599px){.Navbar{position:fixed;bottom:0;width:100vw;height:80px}.Navbar ul{margin:0 25px;align-content:space-around;gap:20px}}.item{position:relative;height:115px;padding:20px 24px;outline:#707974 solid 1px;border-radius:12px;color:#404944;-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box}.ripple{position:absolute;overflow:hidden;width:100%;height:100%;top:0;left:0}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#666 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity .5s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.loading .title,.loading .info h4,.loading .info p,.loading .info-schedule .hint p,.loading .info-schedule h5{border-radius:5px;color:#bdbdbd;background-color:#bdbdbd;animation-duration:5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right,#bdbdbd 8%,#a0a0a0 28%,#bdbdbd 43%)}.loading .info-schedule h5{font-size:24px;margin-bottom:22px}@keyframes placeHolderShimmer{0%{background-position:-100px 0}to{background-position:800px 0}}.with-color{background-color:#e5f4ec}.with-color.disable{background-color:#e7e7e7}.item-long{height:100%}.title{position:absolute;overflow:visible!important;top:16px;padding-left:3px;width:calc(100% - 51px);display:flex;align-items:center}.title p{font-size:18px;font-weight:300;margin-left:10px}.title .info-container{position:absolute;right:0}.title .info-container .icon{display:flex}.title .info-container .more-info{display:none;position:absolute;width:98px;right:-10px;top:30px;background:#ffffff;outline:1px #707974 solid;padding:3px 6px;border-radius:5px;box-shadow:0 0 8px #00000051;z-index:3;font-size:.85em;font-weight:300}.title .info-container:hover .more-info{display:block}.info{display:flex;align-items:end;position:absolute;bottom:12px}.info h4{font-size:38px;font-weight:400;margin-top:12px;line-height:45px}.info p{margin-bottom:5px;margin-left:12px}.info-schedule{position:absolute;top:64px;display:flex;flex-direction:column;gap:4px}.info-schedule .hint{display:flex;justify-content:space-between;align-items:center}.info-schedule .hint p{font-weight:300}.info-schedule .hint tag{font-size:13px;line-height:1.5;padding:1px 4px;border-radius:3px;outline:#ba1a1a solid 1px;color:#ba1a1a}.info-schedule .time{display:flex;align-items:end;margin-bottom:8px}.info-schedule .time h4{font-size:38px;font-weight:400}.info-schedule .time h5{font-size:18px;font-weight:500;margin-bottom:7px;margin-left:12px}.info-schedule .time p{margin-left:10px;margin-bottom:8px}.dashboard-group{width:100%;color:#4f9051;display:grid;grid-gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"s1 s2 s3 big" "s4 s5 s6 big"}@media (max-width: 1199px){.dashboard-group{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"s1 s2 big" "s4 s5 big" "s3 s6 big"}}@media (max-width: 899px){.dashboard-group{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:"s1 s2" "s3 s6" "s4 big" "s5 big"}}@media (max-width: 599px){.dashboard-group{width:100%;grid-gap:1.5rem}}@media (max-width: 499px){.dashboard-group{width:100%;grid-gap:2rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"s1" "s2" "s3" "s4" "s5" "s6" "big" "big"}}:root{--main-color: #607961;--background-color: #ffffff;--font-color-dark: #383838;--font-color-light: #ffffff}h1,h2,h3,h4,h5,h6,p,label,span{font-family:Poppins,sans-serif!important}.loginpage{width:800px;height:600px;position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:10px;background-color:var(--background-color);z-index:0;box-shadow:#0000002b 0 0 30px}.loginpage h1{font-size:36px}.loginpage .overlay{background-color:var(--main-color);border-radius:10px 0 0 10px;height:100%;position:absolute;z-index:3;grid-column:1/2;grid-row:1/2;display:grid;grid-template-columns:repeat(2,100%);align-items:center;width:100%;overflow:hidden;transition:.8s}.loginpage .overlay.switch{border-radius:0 10px 10px 0;transform:translate(100%)}.loginpage .content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 40px;gap:44px;transition:.8s;transform:translate(-400px)}.loginpage .content.switch{transform:translate(0)}.loginpage .content img{height:200px}.loginpage .content h1,.loginpage .content p{margin:0;text-align:center;color:var(--font-color-light)}.loginpage .form{border-radius:0 10px 10px 0;padding:0 40px;display:flex;flex-direction:column;justify-content:center;gap:48px;transition:.8s}.loginpage .form.login,.loginpage .form.register{z-index:2}.loginpage .form.register .flex{width:100%;justify-content:end}.loginpage .form.switch.login{transform:translate(-40%);z-index:1;opacity:0}.loginpage .form.switch.register{transform:translate(40%);z-index:1;opacity:0}.loginpage .form h1,.loginpage .form label,.loginpage .form a{color:var(--font-color-dark)}.loginpage .form h1{text-align:center;margin:0}.loginpage .form form{display:flex;flex-direction:column;justify-content:center;gap:30px}.loginpage .form form .inputfield{position:relative;display:flex;list-style-type:none}.loginpage .form form .inputfield label{position:absolute;font-size:.85rem;top:-10px;left:12px;background-color:var(--background-color);padding:0 4px}.loginpage .form form .inputfield input{width:100%;text-decoration:none;font-size:1rem;border-width:1px;border-color:#383838;border-style:solid;border-radius:6px;padding:12px 16px}.loginpage .form form .inputfield input:focus{outline-color:var(--main-color)}.loginpage .form form .flex{display:flex;justify-content:space-between}.loginpage .form form .flex a{font-size:.85rem;margin:0 8px}.loginpage .form form .flex a:hover{cursor:pointer;color:var(--main-color)}.loginpage .form .another-login{display:flex;flex-direction:column;gap:16px}.loginpage .form .another-login label{display:flex;justify-content:center;align-items:center;font-size:.9rem;text-align:center}.loginpage .form .another-login label:before{content:"";display:block;width:calc(50% - 70px);height:.5px;background:var(--font-color-dark);margin-right:8px}.loginpage .form .another-login label:after{content:"";display:block;width:calc(50% - 70px);height:.5px;background:var(--font-color-dark);margin-left:8px}.loginpage .form .another-login .icons{display:flex;justify-content:center;align-items:center;gap:16px}.loginpage .form .another-login .icons a{text-decoration:none}.loginpage .form .another-login .icons a .icon{font-size:1.8rem;color:var(--main-color)}@media (max-width: 850px){.loginpage{max-width:400px;display:flex;overflow:hidden}.loginpage .overlay{display:none}.loginpage .form{z-index:1;opacity:1}.loginpage .form.login{min-width:calc(100% - 80px);transform:translate(-100%)}.loginpage .form.register{min-width:calc(100% - 80px);transform:translate(0)}.loginpage .form.switch.login{transform:translate(0);z-index:1;opacity:1}.loginpage .form.switch.register{transform:translate(-100%);z-index:1;opacity:1}}*{padding:0;margin:0;font-family:Roboto,Noto Sans TC;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.container{display:flex;height:100vh}.push-left{display:block;width:90px}@media (max-width: 699px){.push-left{display:none}}