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}body *{font-size:16px;line-height:1.5;letter-spacing:1px;font-family:Noto Sans TC, Fjalla One}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s all;transition:.5s all}html{background-color:#304030;color:#fff;overflow:hidden}a{text-decoration:none;background-color:transparent}a:hover{background-color:#fff}input:focus{outline:none}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:#304030}::-webkit-scrollbar-thumb,::-webkit-scrollbar-corner{background:rgba(108,148,96,0.2)}::-webkit-scrollbar-thumb:hover{background:rgba(108,148,96,0.4)}.flexCenter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flexColumn{display:-webkit-box;display:-ms-flexbox;display:flex;-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}.e-btn{vertical-align:top;display:inline-block;border:2px solid #E8E8E8;border-radius:50px;text-align:center}.e-timeLength{margin-left:50px}.e-timeLength .circle{display:inline-block;background-color:#DFE2B6;width:8px;height:8px;border-radius:50px;margin:4px}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.date{margin:28px 40px}.date span{color:rgba(255,255,255,0.5);margin-left:24px}.drawer{position:fixed;top:0;left:0;height:100%;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar{background-color:#E8E8E8;height:100%}.navbar div{padding:15px}.navbar div:hover{background-color:#fff;cursor:pointer}.content{z-index:-1;position:relative;width:100%;height:100%;background-color:#304030;padding:40px;-webkit-box-shadow:10px 0 20px rgba(0,0,0,0.1);box-shadow:10px 0 20px rgba(0,0,0,0.1);right:100%;overflow:auto}.content .title{font-size:40px;display:inline-block;color:#E8E8E8}.drawer.drawerOpen .content{right:0}.nowNavbar{background-color:#fff}.todoList p,.todoList span{font-size:16px}.todoList p{float:right;text-align:center;-webkit-transform:translateY(20px);transform:translateY(20px);cursor:pointer}.todoList p+p{margin-right:40px}.todoList hr{border:0.8px solid rgba(255,255,255,0.1)}.todoList .fade{opacity:.5}.addList{position:relative;background-color:#fff;border-radius:50px;overflow:hidden;margin:40px 0}.addList input{width:100%;height:56px;font-size:16px;padding:15px 24px;font-family:Noto Sans TC;border:none;letter-spacing:1px}.addList .e-btn{cursor:pointer;border:none;width:48px;padding:6px 0;font-size:16px;background-color:#F08448;position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.listItem{margin:15px 0;cursor:pointer}.listItem .e-btn{width:24px;height:24px;margin-right:16px}.listItem span,.listItem .editBtn{vertical-align:top;display:inline-block}.listItem .editBtn{float:right;margin-left:12px}.listItem .e-timeLength{margin-left:45px}.listItem .tick{font-size:13px;display:none}.listItem.done .tick{display:block}.listItem.done span{opacity:.5;text-decoration:line-through}.listItem.done .editBtn{display:none}.data{margin:80px 0 40px;position:relative;display:inline-block;border:solid 1.5px rgba(255,255,255,0.1);padding:4% 5%;border-radius:5px;width:45%;text-align:center}.data p{position:absolute;left:0;top:-40px;font-size:16px;color:#E8E8E8}.data p>span{opacity:.5;margin-left:24px}.data .num{display:inline-block;font-size:70px;color:#6C9460;font-family:Fjalla One}.data .num+.num{color:#F08448;border-left:1.5px solid rgba(255,255,255,0.1);padding-left:7%;margin-left:7%}.data .text{font-size:16px;color:#E8E8E8}.data+.data{margin-left:30px}.thisWeek>div{display:inline-block;color:#E8E8E8;vertical-align:top}.thisWeek img{cursor:pointer}.diagram{width:95%}.amount{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.amount div{margin:5px 10px;font-size:14px}.dateGraph{border-left:solid 1px #E8E8E8;border-bottom:solid 1px #E8E8E8;width:100%;height:250px;padding:0 25px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.dateGraph .graph{margin:0 4%;font-size:14px;position:relative;top:30px}.dateGraph .graph::before{content:"";position:absolute;width:20px;bottom:30px;background-color:#6C9460}.dateGraph .graph.nowDay::before{background-color:#F08448}.dateGraph .graph:nth-child(1)::before{height:70px}.dateGraph .graph:nth-child(2)::before{height:110px}.dateGraph .graph:nth-child(3)::before{height:40px}.dateGraph .graph:nth-child(4)::before{height:90px}.dateGraph .graph:nth-child(5)::before{height:150px}.dateGraph .graph:nth-child(6)::before{height:20px}.dateGraph .graph:nth-child(7)::before{height:70px}.timer{margin-right:18%}.timer .time{width:400px;font-family:Fjalla One;font-size:180px;margin-bottom:-20px}.buttons{position:relative;z-index:8}.buttons .e-btn{width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:8px;cursor:pointer}.buttons .e-btn:hover{background-color:#6C9460;border:none}.buttons .e-btn img{width:20px}.buttons .play{width:64px;height:64px}.buttons .play:hover{background-color:#E8E8E8}.buttons .noBell img{opacity:.5}.buttons .noBell::before{content:"";position:absolute;background-color:rgba(232,232,232,0.5);width:30px;height:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.lists{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lists span,.lists .e-btn{-webkit-transition:1s;transition:1s}.lists .e-btn{width:24px;height:24px;margin-right:6px}.lists li{cursor:pointer;margin:15px 0}.lists .e-timeLength{display:none}.nowItem{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.nowItem .e-btn{width:40px;height:40px;margin-top:5px}.nowItem span{font-size:32px}.nowItem .e-timeLength{display:block}.tomato{position:absolute;bottom:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tomato img{width:800px}.index.drawerOpen{-webkit-transform:translateX(50%);transform:translateX(50%)}.tomato.drawerOpen{left:100%}.alert{width:100%;height:100%;background:rgba(232,232,232,0.1);position:fixed;z-index:9}.alert .content{background-color:#6C9460;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:10px;width:40%;height:30%}.alert .content h3{font-size:32px}.alert .content .e-btn{margin-top:20px;padding:5px 15px;cursor:pointer}.alert .content .e-btn:hover{background-color:#F08448;border:none}.alert .settings{height:50%;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.alert .settings div,.alert .settings .date{display:-webkit-box;display:-ms-flexbox;display:flex}.alert .settings h3,.alert .settings>form{margin:10px 20px;font-size:16px}.alert .settings input{border:none;width:30px;margin:0 8px;border-radius:5px;text-align:center;padding:0 5px}.alert .settings select{border-radius:5px}.alert .settings .tittle input{width:300px;text-align:left}.alert .settings .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.alert .settings .e-btn{width:80px}
/*# sourceMappingURL=all.css.map */