@import"https://fonts.googleapis.com/earlyaccess/notosanstc.css";@import"https://fonts.googleapis.com/css?family=Baloo+Tamma+2:600, 700";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}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{min-height:100vh;background:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;color:#333;background-image:linear-gradient(174deg, #ffd370 2%, #ffd370 46%, #ffffff 46%, #ffffff 100%, #e8e8e8 100%);letter-spacing:.07em}h1{text-align:center;font-size:3rem;font-family:"Baloo Tamma 2";letter-spacing:.5rem;font-weight:bold}h1 span{font-size:1.5rem}@media(max-width: 575px){h1{font-size:1.8rem;margin-bottom:1rem}h1 span{font-size:.8rem}}.todoListArea{margin:2rem auto 1.5rem auto;padding:0 12px;width:500px}@media(max-width: 575px){.todoListArea{margin-top:1.5rem}}.userInfo{line-height:2.5rem;font-size:1.2rem;padding:0px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.userInfo h4,.userInfo p,.userInfo span{display:inline-block}.userInfo a{text-decoration:none}.card{margin-bottom:.5rem;max-width:100%;padding:1rem;border-radius:10px;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px 0 rgba(0,0,0,.15)}input[type=text]{width:100%;border:0;outline:0;font-size:1rem;padding-right:1rem;color:#333}input[type=text]::-webkit-input-placeholder{color:#9f9a91}input[type=text]::-moz-placeholder{color:#9f9a91}input[type=text]:-ms-input-placeholder{color:#9f9a91}input[type=text]::-ms-input-placeholder{color:#9f9a91}input[type=text]::placeholder{color:#9f9a91}.input{padding:4px 4px 4px 1rem;display:-webkit-box;display:-ms-flexbox;display:flex}#addBTN{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:37px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#333;color:#fff;font-size:2rem;text-decoration:none}.card_list{padding:0}#tab{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;color:#9f9a91;font-size:14px}#tab li{padding:1rem;width:100%;border-bottom:2px solid #efefef}#tab li:hover{cursor:pointer}#tab li.active{border-bottom:2px solid #333;color:#333;font-weight:bold}.cart_content{padding:.5rem 1rem 1rem 1rem}.cart_content .editArea{display:none}.cart_content .displayShow{display:block}.cart_content .editList{width:80%;border:3px solid red}.cart_content .editList input{width:100%;height:30px}.cart_content .displayNone{display:none}@media(max-width: 575px){.cart_content{padding:.5rem 1rem .5rem .5rem}}#todoList li{position:relative}#todoList li:hover{cursor:pointer}@media(max-width: 575px){#todoList li{padding-right:0}}#todoList li a.delete{position:absolute;opacity:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-decoration:none;color:#333;display:block;width:1rem;height:1rem;background:#000;background:url("../../image/deleteIcon.jpg");background-size:contain}@media(max-width: 575px){#todoList li a.delete{opacity:1;width:12px;height:12px}}#todoList li:hover a.delete{opacity:1}#todoList li a.edit{line-height:2rem;position:absolute;opacity:0;right:7%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-decoration:none;color:#333;display:block;width:2.3rem;height:2rem}@media(max-width: 575px){#todoList li a.edit{opacity:1;width:2.3rem;height:2rem}}#todoList li:hover a.edit{opacity:1}.listFooter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.5rem 2rem 1rem .5rem;font-size:14px}.listFooter a{color:#9f9a91;text-decoration:none}@media(max-width: 575px){.listFooter{padding:1.5rem 0 1rem .5rem}}.checkbox{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;display:block;padding-left:44px;cursor:pointer}.checkbox span{display:block;padding:1rem 0;border-bottom:1px solid #eee;line-height:1.5}@media(max-width: 575px){.checkbox span{padding-right:1rem}}.checkbox input{position:absolute;top:0;left:0;opacity:0;cursor:pointer;display:block;height:100%;width:100%;margin:0}.checkbox span::before{content:"";position:absolute;left:.5rem;top:50%;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);height:20px;width:20px;border-radius:5px;border:1px solid #333;pointer-events:none;-webkit-transition:.3s ease;transition:.3s ease}.checkbox span::after{content:"";position:absolute;left:14px;top:35%;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:15px;width:.5rem;border-radius:1px;border-bottom:3px solid #ffd370;border-right:3px solid #ffd370;pointer-events:none;opacity:0;-webkit-transition:.3s ease;transition:.3s ease}.checkbox input:checked~span{color:#9f9a91;text-decoration:line-through}.checkbox input:checked~span::before{border-color:rgba(0,0,0,0);-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}.checkbox input:checked~span::after{opacity:1}img{max-width:100%}.referenceNote{font-size:.8rem;text-align:center}.signUp{width:1028px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 575px){.signUp{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:auto}}.signUp .welcomePic{width:50%;padding-top:15px}@media(max-width: 575px){.signUp .welcomePic{width:100%}}.signUp .welcomePic h2{font-family:"Baloo Tamma 2";font-weight:bold;font-size:2rem;text-align:center;margin-bottom:10px}@media(max-width: 575px){.signUp .welcomePic h2{font-size:1.3rem}}.signUp .welcomePic span{color:red}.signUp .welcomePic img{max-width:90%;display:block;margin:0 auto;margin-bottom:10px}.signUp .welcomePic ul{font-size:.8rem}.signUp .signArea{width:50%;padding:15px;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: 575px){.signUp .signArea{width:100%}}.signUp .signArea h3{font-family:"Baloo Tamma 2";font-weight:bold;font-size:2rem;text-align:center;margin-bottom:30px}@media(max-width: 575px){.signUp .signArea h3{font-size:1.3rem;margin-bottom:10px}}.signUp .signArea h5{font-size:1.5rem;opacity:0}.signUp .signArea .passwordHintShow,.signUp .signArea .emailHintShow{color:red;font-size:1.4rem;opacity:1}.signUp .signArea .input{width:75%;font-size:1.7rem;margin:0 auto;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: 575px){.signUp .signArea .input{font-size:1.3rem}}.signUp .signArea .input input{height:3rem;border-radius:5px}@media(max-width: 575px){.signUp .signArea .input input{height:2rem}}.signUp .signArea .input label{margin-bottom:5px}@media(max-width: 575px){.signUp .signArea .input label{margin-bottom:5px}}.signUp .signArea .input input::-webkit-input-placeholder{font-size:1rem}.signUp .signArea .input input::-moz-placeholder{font-size:1rem}.signUp .signArea .input input:-ms-input-placeholder{font-size:1rem}.signUp .signArea .input input::-ms-input-placeholder{font-size:1rem}.signUp .signArea .input input::placeholder{font-size:1rem}.signUp .signArea .btn{width:75%;font-size:1.7rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:15px}.signUp .signArea .btn button{margin:0px auto 20px;width:60%;font-size:1.5rem;height:3rem;color:#fff;background-color:#000;cursor:pointer}@media(max-width: 575px){.signUp .signArea .btn button{font-size:1rem;height:2rem;margin:0px auto 15px}}.signUp .signArea .btn button:hover{background-color:green}.signUp .signArea .btn button:active{background-color:red}.signUp .signArea .btn a{margin:20px auto 0px;font-size:1.7rem;color:#000;text-decoration:none}@media(max-width: 575px){.signUp .signArea .btn a{font-size:1rem;margin:0px auto 0px}}.signUp .signArea .btn .btn_active{color:gray}.signUp .signArea .btn .btn_active:hover{cursor:not-allowed}.signUp .signArea .btn .btn_active:active{background-color:green}.signUp .displayNone{display:none}.signUp .signArea2{width:50%;padding:10px;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: 575px){.signUp .signArea2{width:100%}}.signUp .signArea2 h3{font-family:"Baloo Tamma 2";font-weight:bold;font-size:2rem;text-align:center;margin-bottom:10px}.signUp .signArea2 h5{font-size:1rem;opacity:0}.signUp .signArea2 .passwordHintShow,.signUp .signArea2 .emailHintShow{color:red;font-size:1.5rem;opacity:1}.signUp .signArea2 .input{width:75%;font-size:1.5rem;margin:0 auto;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: 575px){.signUp .signArea2 .input{font-size:1.3rem}}.signUp .signArea2 .input input{height:3rem}@media(max-width: 575px){.signUp .signArea2 .input input{height:2rem}}.signUp .signArea2 .input label{margin-bottom:5px}.signUp .signArea2 .input input::-webkit-input-placeholder{font-size:1rem}.signUp .signArea2 .input input::-moz-placeholder{font-size:1rem}.signUp .signArea2 .input input:-ms-input-placeholder{font-size:1rem}.signUp .signArea2 .input input::-ms-input-placeholder{font-size:1rem}.signUp .signArea2 .input input::placeholder{font-size:1rem}@media(max-width: 575px){.signUp .signArea2 .input input::-webkit-input-placeholder{font-size:.7rem}.signUp .signArea2 .input input::-moz-placeholder{font-size:.7rem}.signUp .signArea2 .input input:-ms-input-placeholder{font-size:.7rem}.signUp .signArea2 .input input::-ms-input-placeholder{font-size:.7rem}.signUp .signArea2 .input input::placeholder{font-size:.7rem}}.signUp .signArea2 .btn{width:75%;font-size:1.7rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:15px}.signUp .signArea2 .btn button{margin:0px auto;width:60%;font-size:1.5rem;height:3rem;color:#fff;background-color:#000;cursor:pointer}@media(max-width: 575px){.signUp .signArea2 .btn button{height:2rem;font-size:1rem}}.signUp .signArea2 .btn button:hover{background-color:green}.signUp .signArea2 .btn button:active{background-color:red}.signUp .signArea2 .btn a{margin:auto;font-size:1rem;color:#000;text-decoration:none}@media(max-width: 575px){.signUp .signArea2 .btn a{font-size:1rem}}.signUp .displayNone{display:none}.displayNone{display:none}/*# sourceMappingURL=all.min.css.map */