#header,#wrap{width:100%}#header{height:200px;min-height:200px}#header .slide-container{height:100%;min-height:100%;position:relative;width:100%;z-index:1}#header .slide-container .slide-view{height:100%;min-height:100%;overflow:hidden;width:100%}#header .slide-container .slide-view .slide-wrap{display:flex;height:100%;left:-100%;left:-200%;left:-300%;left:0;margin-left:-100%;min-height:100%;position:relative;width:500%}#header .slide-container .slide-view .slide-wrap .slide{height:100%;min-height:100%;width:100%}#header .slide-container .slide-view .slide-wrap .slide a{display:block;height:100%;min-height:100%;position:relative;width:100%}#header .slide-container .slide-view .slide-wrap .slide a img{height:100%;min-height:100%;object-fit:cover;-webkit-object-fit:cover;position:relative;width:100%;z-index:1}#header .slide-container .slide-view .slide-wrap .slide a h2{background:#5a9628b3;border-radius:5px;color:#fff;font-size:28px;font-weight:500;margin-right:-92.5px;margin-top:-30px;padding:10px 30px;position:absolute;right:50%;top:50%;z-index:2}#header .slide-container .slide-view .slide-wrap .slide a h2:after{background:#0000004d;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:1400px){#header{height:150px;min-height:150px}}#footer{align-items:center;background:#0014140d;display:flex;height:100px;justify-content:center;position:relative;width:100%;z-index:1}#footer p{color:#999;font-size:13px}#main{background:#f9f9f9;background:#fff;display:block;-webkit-user-select:none;user-select:none}#main .container{margin:20px auto;max-width:90%;width:100%}#main .container .title{border-bottom:1px solid #0000001a;padding:10px 0;width:100%}#main .container .title h2 svg{margin-right:5px}#main .container .title h2{align-items:center;color:#555;display:flex;font-size:32px;font-weight:300;justify-content:flex-start;width:100%}@media (max-width:1400px){#main .container .title h2{font-size:32px}}#main .container .title h3{align-items:center;color:#666;display:flex;font-size:17px;font-weight:300;justify-content:flex-start;padding-top:10px;width:100%}#main .container .title h3 i{margin:0 10px 0 5px}#main .container .content{background:#fff;padding:0 0 50px;width:100%}#main .container .content .input-container{padding:50px;position:relative}#main .container .content .input-container input[type=text]{background:#f9f9f9;border:1px solid #aaa;border-radius:5px;color:#333;font-size:17px;font-weight:400;height:60px;outline:1px solid #0000;outline-offset:-1px;padding:0 20px;transition:all .3s;width:100%}#main .container .content .input-container input[type=text]:focus{outline:1px solid #333}#main .container .content .input-container input[type=text]::placeholder{color:#bbb}#main .container .content .input-container .datetime-local{background:#0000;border:0;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:17px;height:58px;margin-top:-29px;padding:10px;position:absolute;right:150px;top:50%;width:auto}#main .container .content .input-container .datetime-local:focus{outline:0}#main .container .content .input-container button[type=button]{background:#000000b3;border:0;color:#fff;cursor:pointer;height:58px;margin-top:-29px;position:absolute;right:51px;top:50%;transition:all .6s;width:60px}#main .container .content .input-container button[type=button] i{font-size:30px}#main .container .content .input-container button[type=button]:hover{background:#000}@media (max-width:1400px){#main .container .content .input-container{padding:30px 0}#main .container .content .input-container .datetime-local{right:70px}#main .container .content .input-container button[type=button]{position:absolute;right:0;transition:all 0S}}@media (max-width:991px){#main .container .content .input-container .datetime-local{width:150px}}@media (max-width:600px){#main .container .content .input-container{padding:30px 0}#main .container .content .input-container .datetime-local{right:70px;width:80px}}#main .container .content .todo-list-box{background:#fff;height:auto;width:auto}#main .container .content .todo-list-box .search-box{background:#0014140d;display:flex;font-size:15px;margin:0 50px;padding:30px 50px;width:auto}#main .container .content .todo-list-box .search-box div.select1{background:#fff;border-radius:5px;margin-right:10px;position:relative}#main .container .content .todo-list-box .search-box div.select1 select{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:15px;height:45px;outline:1px solid #0000;outline-offset:-1px;padding:0 40px 0 20px;position:relative;text-align:left;transition:all .3s;width:auto;z-index:2}#main .container .content .todo-list-box .search-box div.select1 select:focus{outline-color:#777}#main .container .content .todo-list-box .search-box div.select1 select:nth-child(2){width:130px}#main .container .content .todo-list-box .search-box div.select1:before{color:#666;content:"";font-family:bootstrap-icons;font-size:14px;position:absolute;right:20px;text-align:left;top:50%;transform:translateY(-5px);z-index:1}#main .container .content .todo-list-box .search-box input{border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;font-weight:400;height:45px;margin-right:15px;outline:1px solid #0000;outline-offset:-1px;padding:0 20px;transition:all .3s;width:400px}#main .container .content .todo-list-box .search-box input:focus{outline-color:#333}#main .container .content .todo-list-box .search-box button{background:#fef1f1;border:1px solid #e00;border-radius:5px;color:#e00;cursor:pointer;font-size:15px;height:45px;outline-offset:-1px;padding:0 25px;transition:all .3s}#main .container .content .todo-list-box .search-box button i{display:inline-flex;font-size:15px;transform:translateY(1px)}#main .container .content .todo-list-box .search-box button:hover{background:#ecc}#main .container .content .todo-list-box .search-box button.reset-btn{background:#fff;border:1px solid #aaa;color:#444}#main .container .content .todo-list-box .search-box button.reset-btn i{color:#444;display:inline-flex;font-size:15px;margin-right:2px;transform:translateY(-1px)}#main .container .content .todo-list-box .search-box button.reset-btn:hover{background:#f0f0f0}#main .container .content .todo-list-box .search-box .sort-group{align-items:center;background:none;display:inline-flex;gap:6px;height:45px;margin:0 0 0 auto}#main .container .content .todo-list-box .search-box .sort-group .sort-label{align-items:center;color:#666;display:inline-flex;font-size:.9rem;font-size:.85rem;height:100%;margin-left:20px;margin-right:6px}#main .container .content .todo-list-box .search-box .sort-group .sort-label i{color:#e00;font-size:20px;margin-right:2px}#main .container .content .todo-list-box .search-box .sort-group .select1{background:#fff;border-radius:6px;height:45px;margin:0;width:200px}#main .container .content .todo-list-box .search-box .sort-group .select1 select{background:#0000;border:1px solid #ccc;height:100%;margin:0;width:100%}#main .container .content .todo-list-box .search-box .sort-group .select1:focus{border-color:#777;box-shadow:0 0 3px #007bff80;outline:none}#main .container .content .todo-list-box .count-box{display:flex;font-size:16px;justify-content:space-between;padding:20px 50px 10px;width:100%}#main .container .content .todo-list-box .count-box span{color:#444;font-size:14px;font-weight:300}#main .container .content .todo-list-box .count-box span span .icon1{color:#c33;margin-left:10px}#main .container .content .todo-list-box .count-box span span .icon2{color:orange;margin-left:10px}#main .container .content .todo-list-box .count-box span span .icon3{color:#393;margin-left:10px}#main .container .content .todo-list-box .count-box span em{color:#c33}#main .container .content .todo-list-box .count-box span button{background:#0000;border:1px solid #ccc;border-radius:5px;color:#c33;cursor:pointer;font-size:14px;margin-left:10px;padding:2px 10px;transition:all .3s}#main .container .content .todo-list-box ul{height:auto;margin:0 50px;width:calc(100% - 100px)}#main .container .content .todo-list-box ul li{border-bottom:1px solid #eee;width:100%}#main .container .content .todo-list-box ul li:nth-child(odd){background:#fafafa}#main .container .content .todo-list-box ul li:hover{background:#641e320d}#main .container .content .todo-list-box ul li .gap{height:42px;padding:10px 30px 10px 50px;position:relative;width:100%}#main .container .content .todo-list-box ul li .gap h2{color:#666;font-size:16px;font-weight:400;padding:70px 0;text-align:center}#main .container .content .todo-list-box ul li .gap input[type=checkbox]{border:1px solid #ddd;height:20px;left:10px;margin-top:-10px;position:absolute;top:50%;width:20px}#main .container .content .todo-list-box ul li .gap div{position:relative}#main .container .content .todo-list-box ul li .gap div input[type=text]{background:#fff5f5;border:1px solid #c33;border-radius:5px;color:#333;font-size:16px;height:44px;outline:1px solid #0000;outline-offset:-1px;padding:0 20px;position:relative;transition:all .3s;width:calc(100% - 50px);z-index:1}#main .container .content .todo-list-box ul li .gap div input[type=text]:focus{outline:1px solid #c33}#main .container .content .todo-list-box ul li .gap div input[type=text]::placeholder{color:#bbb}#main .container .content .todo-list-box ul li .gap div .datetime-local{background:#0000;border:0;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:17px;height:58px;margin-top:-29px;padding:10px;position:absolute;right:70px;top:50%;width:auto;z-index:2}#main .container .content .todo-list-box ul li .gap div .datetime-local:focus{outline:0}#main .container .content .todo-list-box ul li .gap em{align-items:center;display:flex;height:100%}#main .container .content .todo-list-box ul li .gap em a{color:#444;display:block;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(90% - 120px)}#main .container .content .todo-list-box ul li .gap em a.on{color:#aaa;text-decoration:line-through}#main .container .content .todo-list-box ul li .gap em a.red{color:#c00}#main .container .content .todo-list-box ul li .gap em strong{font-weight:400;margin-right:15px}#main .container .content .todo-list-box ul li .gap em strong:nth-child(2){width:53px}#main .container .content .todo-list-box ul li .gap em strong:nth-child(2) i{font-weight:500}#main .container .content .todo-list-box ul li .gap span{align-items:center;display:flex;height:100%;position:absolute;right:10px;top:0;width:auto}#main .container .content .todo-list-box ul li .gap span button{background:none;border:0;color:#777;cursor:pointer;font-size:17px;height:25px;transition:all .3s;width:auto}#main .container .content .todo-list-box ul li .gap span button.edit{margin-right:10px}#main .container .content .todo-list-box ul li .gap span button.edit .red,#main .container .content .todo-list-box ul li .gap span button:hover{color:#c00}#main .container .content .todo-list-box ul li.head{background:#0046320d;border-bottom:1px solid #aaa;border-top:1px solid #aaa;height:48px;width:100%}#main .container .content .todo-list-box ul li.head .gap{align-items:center;display:flex;height:45px;justify-content:flex-start;margin:0;padding:0;position:relative;width:100%}#main .container .content .todo-list-box ul li.head .gap span{color:#111;display:inline-flex;font-size:14px;font-weight:500;left:0;position:relative}#main .container .content .todo-list-box ul li.head .gap span:first-child{justify-content:flex-start;margin-right:10px;padding-left:7px;width:40px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(2){justify-content:flex-start;margin-right:10px;width:115px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(3){justify-content:flex-start;margin-right:20px;width:50px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(4){justify-content:flex-start;margin-right:20px;width:auto}#main .container .content .todo-list-box ul li.head .gap span:nth-child(5){left:calc(100% - 65px);position:absolute;top:0;width:30px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(6){margin:0 5px 0 auto}#main .container .content .todo-list-box .foot-button-box{padding:10px 50px 0;width:100%}#main .container .content .todo-list-box .foot-button-box button{background:#0000;border:1px solid #0000;border-radius:5px;color:#0000;cursor:pointer;font-size:14px;padding:8px 15px;transform:scale(0);transition:all .3s}#main .container .content .todo-list-box .foot-button-box button.on{background:#fff;border:1px solid #aaa;color:#444;transform:scale(1)}#main .container .content .todo-list-box .foot-button-box button:hover{background:#000;color:#fff}@media (max-width:1400px){#main .container .content .todo-list-box{background:none}#main .container .content .todo-list-box .search-box{background:#fff;border:1px solid #ccc;border-radius:5px;display:block;margin:0;padding:10px 10px 40px}#main .container .content .todo-list-box .search-box div{background:none;width:100%}#main .container .content .todo-list-box .search-box div label.sort-label{display:none}#main .container .content .todo-list-box .search-box div select{margin:0 15px 10px 0;max-width:100%;min-width:100%;width:100%}#main .container .content .todo-list-box .search-box div:before{right:20px}#main .container .content .todo-list-box .search-box input{width:calc(100% - 115px)}#main .container .content .todo-list-box .search-box button{margin:0 0 0 auto}#main .container .content .todo-list-box .search-box .sort-group{display:block;margin:0 0 0 auto;width:100%}#main .container .content .todo-list-box .search-box .sort-group .sort-label{height:auto;margin-left:5px;margin-top:10px;width:60px}#main .container .content .todo-list-box .search-box .sort-group .sort-label i{color:#e00;font-size:20px;margin-right:2px}#main .container .content .todo-list-box .search-box .sort-group .select1{width:100%}#main .container .content .todo-list-box .search-box .sort-group .select1 select{background:#0000;border:1px solid #ccc;height:100%;margin:0;width:100%}#main .container .content .todo-list-box .search-box .sort-group .select1:focus{border-color:#777;box-shadow:0 0 3px #007bff80;outline:none}#main .container .content .todo-list-box .count-box{padding:20px 5px 10px}#main .container .content .todo-list-box .count-box span{color:#444;font-size:14px;font-weight:300}#main .container .content .todo-list-box .count-box span span{display:none}#main .container .content .todo-list-box ul{height:auto;margin:0;width:100%}#main .container .content .todo-list-box ul li.head .gap span:first-child{justify-content:flex-start;margin-right:10px;padding-left:7px;width:40px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(2){justify-content:flex-start;margin-right:10px;width:115px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(3){justify-content:flex-start;margin-right:20px;width:50px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(4){justify-content:flex-start;margin-right:20px;width:auto}#main .container .content .todo-list-box ul li.head .gap span:nth-child(5){left:calc(100% - 65px);position:absolute;top:0;width:30px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(6){margin:0 5px 0 auto}#main .container .content .todo-list-box .foot-button-box{padding:10px 0;width:100%}}@media (max-width:600px){#main .container .content .todo-list-box ul li .gap div{position:relative}#main .container .content .todo-list-box ul li .gap div input[type=text]{background:#fff5f5;border:1px solid #c33;border-radius:5px;color:#333;font-size:16px;height:44px;outline:1px solid #0000;outline-offset:-1px;padding:0 20px;position:relative;transition:all .3s;width:calc(100% - 50px);z-index:1}#main .container .content .todo-list-box ul li .gap div input[type=text]:focus{outline:1px solid #c33}#main .container .content .todo-list-box ul li .gap div input[type=text]::placeholder{color:#bbb}#main .container .content .todo-list-box ul li .gap div .datetime-local{background:#0000;border:0;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:17px;height:58px;margin-top:-29px;padding:10px;position:absolute;right:70px;top:50%;width:auto;z-index:2}#main .container .content .todo-list-box ul li .gap div .datetime-local:focus{outline:0}#main .container .content .todo-list-box ul li .gap em{align-items:center;display:flex;height:100%}#main .container .content .todo-list-box ul li .gap em a{color:#444;display:block;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(90% - 120px)}#main .container .content .todo-list-box ul li .gap em a.on{color:#aaa;text-decoration:line-through}#main .container .content .todo-list-box ul li .gap em a.red{color:#c00}#main .container .content .todo-list-box ul li .gap em strong:first-child{display:none}#main .container .content .todo-list-box ul li.head .gap span:first-child{justify-content:flex-start;margin-right:10px;padding-left:7px;width:40px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(2){display:none}#main .container .content .todo-list-box ul li.head .gap span:nth-child(3){justify-content:flex-start;margin-right:20px;width:50px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(4){justify-content:flex-start;margin-right:20px;width:auto}#main .container .content .todo-list-box ul li.head .gap span:nth-child(5){left:calc(100% - 65px);position:absolute;top:0;width:30px}#main .container .content .todo-list-box ul li.head .gap span:nth-child(6){margin:0 5px 0 auto}#main .container .content .todo-list-box .foot-button-box{padding:10px 0;width:100%}}#main .container .content .pagenation-box{display:flex;justify-content:center;padding-top:20px;width:100%}#main .container .content .pagenation-box ul{display:flex;width:auto}#main .container .content .pagenation-box ul li{margin:0;padding:0;width:auto}#main .container .content .pagenation-box ul li a{align-items:center;background:#fff;border:1px solid #999;color:#444;display:flex;font-size:14px;height:40px;justify-content:center;margin:0 2px;transition:all .3s;width:42px}#main .container .content .pagenation-box ul li a:hover{border:1px solid #000;color:#000}#main .container .content .pagenation-box ul li a.on{background:#232323;color:#fff}#main .container .content .pagenation-box button{background:#fff;border:1px solid #999;color:#444;font-size:14px;height:40px;margin:0 2px;transition:all .3s;width:42px}#main .container .content .pagenation-box button.icon1{font-size:21px}#main .container .content .pagenation-box button.icon2{font-size:16px}#main .container .content .pagenation-box button:hover{border:1px solid #000;color:#000}#main .container .content .pagenation-box button.on{background:#232323;color:#fff}@media (max-width:1400px){#main .container{max-width:100%;padding:0 10px}}
/*# sourceMappingURL=main.28817e78.css.map*/