@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}*,:after,:before{box-sizing:border-box}.selector-for-some-widget{box-sizing:initial}html{height:100%}body{font-family:Noto Sans TC;margin:0 auto;overflow:hidden}img{vertical-align:middle;width:100%}.logoImg{margin-bottom:16px}.vhContainer{height:100vh}.bg-yellow{background-color:#ffd370}.bg-half{background-image:linear-gradient(175deg,#ffd370 60%,#fff 0)}.conatiner{margin:0 auto;padding:87px 32px}@media (max-width:576px){.conatiner{padding:18px 32px}}.side{align-items:center;flex-direction:column;justify-content:center;width:386px}@media (max-width:576px){.side{width:100%}}nav{display:flex;justify-content:space-between;padding:24px 32px 0}@media (max-width:576px){nav{margin-bottom:16px}}nav h1 a{background:url(data:image/png;base64,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) no-repeat;display:block;height:39px;overflow:hidden;text-indent:101%;white-space:nowrap;width:243px}nav ul{display:flex;font-size:1rem}@media (max-width:576px){nav ul li{margin-top:11px}}nav ul a{color:#333;margin-left:24px;text-decoration:none}@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,nav ul .todo_sm{display:none}}.formControls{display:flex;flex-direction:column;margin-left:100px}@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{border:none;border-radius:10px;font-weight:400;margin:4px 0;padding:12px 16px;width:304px}.formControls .formControls_input:focus{outline:3px solid #fff}.formControls .formControls_input::-webkit-input-placeholder{color:#9f9a91}.formControls .formControls_input::placeholder{color:#9f9a91}.formControls .formControls_btnSubmit{align-self:center;background:#333;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:48px;margin:24px 0;text-align:center;width:128px}.formControls a{text-decoration:none}.formControls span{color:#d87355;font-size:.875rem;margin:4px 0 16px}.formControls .formControls_btnLink{color:#333;display:block;font-weight:700;text-align:center;text-decoration:none}.loginPage{align-items:center;display:flex;justify-content:space-between;width:800px}@media (max-width:576px){.loginPage{flex-direction:column;justify-content:start;margin:0 auto;padding:48px 31px;width:100%}}.signUpPage{align-items:center;display:flex;justify-content:space-between;width:800px}@media (max-width:576px){.signUpPage{flex-direction:column;margin:48px auto 0;padding:48px 31px;width:100%}}.todoListPage{padding:16px 32px}@media (max-width:576px){.todoListPage{background-image:linear-gradient(175deg,#ffd370 100%,#fff 0)}}.todoList_Content{margin:0 auto;width:500px}@media (max-width:576px){.todoList_Content{width:100%}}.inputBox{box-shadow:0 0 15px 0 rgba(0,0,0,.15);display:flex;margin-bottom:16px}.inputBox,.inputBox input{position:relative;width:100%}.inputBox input{background:#fff;border:none;border-radius:10px;font-size:1rem;height:47px;padding-left:16px}.inputBox a{align-items:center;background:#333;border-radius:10px;color:#fff;display:flex;font-size:20px;height:39px;justify-content:center;padding:10px;position:absolute;right:4px;text-align:center;text-decoration:none;top:4px;width:40px}.todoList_list{background:#fff;border-radius:10px;box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.todoList_list .todoList_tab{display:flex;justify-content:space-evenly}.todoList_list .todoList_tab li{width:100%}.todoList_list .todoList_tab a{border-bottom:2px solid #efefef;color:#9f9a91;display:block;font-weight:700;line-height:20px;padding:16px;text-align:center;text-decoration:none}.todoList_list .todoList_tab .active{border-bottom:2px solid #333;color:#333}.todoList_list .todoList_items{max-height:60vh;overflow-y:auto;padding:23px 17px 32px 24px}.todoList_list .todoList_items .todoList_item{margin-bottom:8px}.todoList_list .todoList_items .todoList_label{align-items:center;border-bottom:1px solid #e5e5e5;color:#333;display:flex;line-height:20.27px;padding-bottom:15px;width:100%}.todoList_list .todoList_items .todoList_input{border:1px solid #9f9a91;border-radius:5px;height:20px;margin-right:16px;width:20px}.todoList_list .todoList_items .todoList_input:checked~span{color:#9f9a91;text-decoration:line-through;transition:all .4s ease-in-out}.todoList_list .todoList_items li{align-items:center;display:flex;margin-bottom:17px}.todoList_list .todoList_items li a{color:#333;display:block;font-size:14px;margin-left:17px;opacity:0}.todoList_list .todoList_items li:hover a{opacity:1}.todoList_list .todoList_statistics{display:flex;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}.todoList_noTodo{padding-top:44px;text-align:center}.todoList_noTodo_title{margin-bottom:16px}.todoList_noTodo_img{height:auto;max-width:240px}
/*# sourceMappingURL=main.378eaee7.css.map*/