@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)}.container{margin:0 auto;padding:87px 32px}@media (max-width:576px){.container{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(https://upload.cc/i1/2022/03/23/8vTzYG.png) 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{background:#333;border-radius:10px;color:#fff;display:block;font-size:20px;height:39px;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{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{align-items:center;border:1px solid #333;border-radius:6px;color:#333;display:flex;font-size:14px;height:30px;justify-content:center;margin-bottom:15px;margin-left:17px;text-decoration:none;width:30px}.todoList_list .todoList_items li:hover a{background:#dc3545;border-color:#fff;color:#fff}.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}
/*# sourceMappingURL=main.a64d3a9a.css.map*/