@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap";.item[data-v-40a5c0e5]{margin-top:2rem;display:flex;position:relative}.details[data-v-40a5c0e5]{flex:1;margin-left:1rem}i[data-v-40a5c0e5]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-40a5c0e5]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-40a5c0e5]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-40a5c0e5]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-40a5c0e5]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:first-of-type:before{display:none}.item[data-v-40a5c0e5]:last-of-type:after{display:none}}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 auto}img{width:100%;vertical-align:middle}.logoImg{margin-bottom:16px}.vhContainer{height:100vh}.bg-yellow{background-color:#ffd370}.bg-half{background-image:linear-gradient(175deg,#ffd370 60%,#fff 40%)}.conatiner{margin:0 auto;padding:87px 32px}@media (max-width: 576px){.conatiner{padding:18px 32px}}.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){.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 (max-width: 576px){.loginPage{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:48px 31px;-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 (max-width: 576px){.signUpPage{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:48px auto 0;padding:48px 31px}}.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}