@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";.error-message[data-v-5ee4e28d]{color:#d87355!important;font-size:.875rem!important;font-weight:700!important;margin:4px 0 16px!important;display:block!important;line-height:1.2!important;background:none!important;border:none!important;padding:0!important;text-align:left!important}.formControls_btnSubmit[data-v-5ee4e28d]:disabled{background-color:#999!important;cursor:not-allowed!important;opacity:.6}.error-message[data-v-448caeac]{color:#d87355!important;font-size:.875rem!important;font-weight:700!important;margin:4px 0 16px!important;display:block!important;line-height:1.2!important;background:none!important;border:none!important;padding:0!important;text-align:left!important}.formControls_btnSubmit[data-v-448caeac]:disabled{background-color:#999!important;cursor:not-allowed!important;opacity:.6}.empty-state[data-v-a362ad2a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2);text-align:center;width:100%;z-index:1}.empty-title[data-v-a362ad2a]{font-size:1.25rem;color:#333;font-weight:400;margin-bottom:48px;line-height:1.5}.empty-image[data-v-a362ad2a]{max-width:300px;width:100%;height:auto;display:block;margin:0 auto}.todoListPage[data-v-a362ad2a]{position:relative}@media (max-width: 768px){.empty-state[data-v-a362ad2a]{transform:translate(-50%,-50%) scale(1.1)}.empty-title[data-v-a362ad2a]{font-size:1.125rem}.empty-image[data-v-a362ad2a]{max-width:280px}}@media (max-width: 576px){.empty-state[data-v-a362ad2a]{transform:translate(-50%,-50%) scale(1)}.empty-image[data-v-a362ad2a]{max-width:240px}.empty-title[data-v-a362ad2a]{font-size:1rem;margin-bottom:32px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}.selector-for-some-widget{-webkit-box-sizing:content-box;box-sizing:content-box}html{height:100%}body{font-family:Noto Sans TC;margin:0;overflow:hidden;min-height:100vh}img{width:100%;vertical-align:middle}.logoImg{margin-bottom:16px}.vhContainer{height:100vh}.bg-yellow{background-color:#ffd370;min-height:100vh;width:100%}.bg-half{background-image:linear-gradient(175deg,#ffd370 60%,#fff 40%);min-height:100vh;width:100%}.conatiner{margin:0 auto;padding:87px 32px}@media (min-width: 500px) and (max-width: 800px){.conatiner{padding:32px 24px;max-width:90%;margin:0 auto}}@media (max-width: 499px){.conatiner{padding:18px 16px}}.side{width:386px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 576px){.side{width:100%}}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px 32px 0}@media (max-width: 576px){nav{margin-bottom:16px}}nav h1 a{width:243px;height:39px;background:url(https://upload.cc/i1/2022/03/23/8vTzYG.png) no-repeat;display:block;text-indent:101%;overflow:hidden;white-space:nowrap}nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem}@media (max-width: 576px){nav ul li{margin-top:11px}}nav ul a{text-decoration:none;color:#333;margin-left:24px}@media (max-width: 576px){nav ul a{margin-left:0}}nav ul a:hover{color:#d87355}nav ul a span{font-weight:700}@media (max-width: 576px){nav ul .todo_sm{display:none}}@media (max-width: 576px){.d-m-n{display:none}}.formControls{margin-left:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width: 576px){.formControls{margin-left:0}}.formControls .formControls_txt{font-size:1.5rem;font-weight:700;margin-bottom:24px}@media (max-width: 576px){.formControls .formControls_txt{font-size:1.25rem;text-align:center}}.formControls .formControls_label{font-size:.875rem;font-weight:700;margin:16px 0 4px}.formControls .formControls_input{font-weight:400;border:none;border-radius:10px;width:304px;padding:12px 16px;margin:4px 0}.formControls .formControls_input:focus{outline:3px solid #fff}.formControls .formControls_input::-webkit-input-placeholder{color:#9f9a91}.formControls .formControls_input:-ms-input-placeholder{color:#9f9a91}.formControls .formControls_input::-ms-input-placeholder{color:#9f9a91}.formControls .formControls_input::placeholder{color:#9f9a91}.formControls .formControls_btnSubmit{width:128px;height:48px;border:none;border-radius:10px;background:#333;color:#fff;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin:24px 0;font-weight:700;cursor:pointer;text-align:center;font-size:1rem}.formControls a{text-decoration:none}.formControls span{margin:4px 0 16px;color:#d87355;font-size:.875rem}.formControls .formControls_btnLink{display:block;color:#333;font-weight:700;text-decoration:none;text-align:center}.loginPage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:800px}@media (min-width: 650px) and (max-width: 800px){.loginPage{width:90%;max-width:720px;margin:0 auto;padding:42px 65px;transform:scale(.92);transform-origin:center center}.formControls{margin-left:85px}.formControls .formControls_input{width:285px}}@media (min-width: 576px) and (max-width: 649px){.loginPage{width:95%;max-width:650px;margin:0 auto;padding:38px 55px;transform:scale(.88);transform-origin:center center}.formControls{margin-left:70px}.formControls .formControls_input{width:270px}}@media (min-width: 500px) and (max-width: 575px){.loginPage{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:24px 16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.formControls{margin-left:0;width:100%}.formControls .formControls_input{width:100%;box-sizing:border-box}}@media (max-width: 499px){.loginPage{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:24px 16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}.signUpPage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:800px}@media (min-width: 650px) and (max-width: 800px){.signUpPage{width:90%;max-width:720px;margin:0 auto;padding:42px 65px;transform:scale(.92);transform-origin:center center}.signUpPage .formControls{margin-left:85px}.signUpPage .formControls .formControls_input{width:285px}}@media (min-width: 576px) and (max-width: 649px){.signUpPage{width:95%;max-width:650px;margin:0 auto;padding:38px 55px;transform:scale(.88);transform-origin:center center}.signUpPage .formControls{margin-left:70px}.signUpPage .formControls .formControls_input{width:270px}}@media (min-width: 500px) and (max-width: 575px){.signUpPage{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:24px 16px}.signUpPage .formControls{margin-left:0;width:100%}.signUpPage .formControls .formControls_input{width:100%;box-sizing:border-box}}@media (max-width: 499px){.signUpPage{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:24px 16px}}.todoListPage{padding:16px 32px}@media (max-width: 576px){.todoListPage{background-image:linear-gradient(175deg,#ffd370 100%,#fff 0%)}}.todoList_Content{width:500px;margin:0 auto}@media (max-width: 576px){.todoList_Content{width:100%}}.inputBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-bottom:16px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px #00000026}.inputBox input{background:#fff;border:none;border-radius:10px;position:relative;width:100%;height:47px;font-size:1rem;padding-left:16px}.inputBox a{display:block;width:40px;height:39px;position:absolute;background:#333;color:#fff;font-size:20px;text-decoration:none;text-align:center;border-radius:10px;top:4px;right:4px;padding:10px}.todoList_list{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px #00000026}.todoList_list .todoList_tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.todoList_list .todoList_tab li{width:100%}.todoList_list .todoList_tab a{display:block;color:#9f9a91;text-decoration:none;line-height:20px;font-weight:700;text-align:center;padding:16px;border-bottom:2px solid #efefef}.todoList_list .todoList_tab .active{color:#333;border-bottom:2px solid #333333}.todoList_list .todoList_items{padding:23px 17px 32px 24px}.todoList_list .todoList_items .todoList_item{margin-bottom:8px}.todoList_list .todoList_items .todoList_label{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e5e5e5;padding-bottom:15px;color:#333;line-height:20.27px}.todoList_list .todoList_items .todoList_input{width:20px;height:20px;border:1px solid #9f9a91;border-radius:5px;margin-right:16px}.todoList_list .todoList_items .todoList_input:checked~span{color:#9f9a91;text-decoration:line-through;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.todoList_list .todoList_items li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:17px}.todoList_list .todoList_items li a{margin-left:17px;display:block;font-size:14px;color:#333;opacity:0}.todoList_list .todoList_items li:hover a{opacity:1}.todoList_list .todoList_statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.todoList_list .todoList_statistics p{color:#333;font-size:.875rem}.todoList_list .todoList_statistics a{color:#9f9a91;font-size:.875rem;text-decoration:none}