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{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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%;font-family:Yuanti TC,sans-serif;color:#fff}a,a:hover{color:#fff;text-decoration:none;transition:.3s}img{width:100%;vertical-align:bottom}.l-header{height:85px;width:100%;background:#50775d;display:flex;justify-content:space-between;align-items:center;padding-left:15px;padding-right:15px;box-sizing:border-box;position:fixed;z-index:1}@media screen and (max-width:414px){.l-header{height:60px}}.l-header__title{font-size:30px;margin-left:20px}@media screen and (max-width:768px){.l-header__title{font-size:25px;margin-left:0}}.l-header__menuTrigger{display:none;transition:all .4s;box-sizing:border-box;position:relative;width:40px;height:32px;z-index:3}@media screen and (max-width:768px){.l-header__menuTrigger{display:inline-block}}.l-header__menuTrigger span{display:inline-block;transition:all .4s;box-sizing:border-box;position:absolute;left:0;width:100%;height:6px;background-color:#000;border-radius:4px}.l-header__menuTrigger span:first-of-type{top:0}.l-header__menuTrigger span:nth-of-type(2){top:14px}.l-header__menuTrigger span:nth-of-type(3){bottom:0}.l-header__menuTrigger.active span:first-of-type{transform:translateY(12px) rotate(-45deg)}.l-header__menuTrigger.active span:nth-of-type(2){opacity:0}.l-header__menuTrigger.active span:nth-of-type(3){transform:translateY(-15px) rotate(45deg)}.l-header__nav{display:block;line-height:85px;padding-right:70px;font-size:18px;box-sizing:border-box}@media screen and (max-width:768px){.l-header__nav{display:block;position:absolute;top:0;right:-100%;background:hsla(0,0%,100%,.85);width:100%;height:100vh;padding-top:50px;padding-right:0;transition:.5s;text-align:center}.l-header__nav.active{display:block;transition:.5s;transform:translateX(-100%);z-index:2}}.l-header__list{display:flex;justify-content:space-between}@media screen and (max-width:768px){.l-header__list{color:#000;display:block}}.l-header__item{margin-right:30px}.l-header__item:hover{background:#5e8873}.l-header__link{display:block;padding:0 15px}@media screen and (max-width:768px){.l-header__link{color:#525354;font-size:25px}}.l-main{background:#87b278;width:100%;min-height:100vh;z-index:0}@media screen and (max-width:414px){.l-main{min-height:130vh}}.l-main__container{width:90%;margin:0 auto;padding-top:150px;display:flex;justify-content:space-between}@media screen and (max-width:414px){.l-main__container{display:block;padding-top:100px}}.c-btn{background:#f8b549;padding:20px 40px;font-size:25px;margin-left:40px;margin-bottom:50px;border-radius:50px;border:none;border-bottom:5px solid #a7844c;transition:.2s;box-sizing:border-box}.c-btn:hover{margin-top:3px;border-bottom:2px solid #a7844c;transition:.2s;cursor:pointer}.p-form{padding:20px;background:#fafbfc}.p-form__label{color:#707070;font-size:20px;margin-bottom:10px;display:block}.p-form__btn{margin:0}.p-target{width:65%;margin:20px auto;padding:15px 20px;background:#87b278;border:5px solid #def135;box-sizing:border-box}@media screen and (max-width:414px){.p-target{width:90%;padding:10px 15px}}.p-target__title{font-size:30px;font-weight:700;color:#fff;margin-top:10px;margin-bottom:10px;text-align:center;line-height:1.2}.p-task{border:1px solid #707070;border-radius:5px}.p-task__list{padding:5px}.p-task__list .far,.p-task__list .fas{font-size:25px;color:#707070;width:8%}.p-task__list .fa-trash-alt{color:#d53030}.p-task__list .fa-trash-alt:hover{color:#7a7a7a}.p-task__list a[aria-expanded=true]>i{transform:rotate(180deg);transition-duration:.3s}.p-task__list a[aria-expanded=false]>i{transition-duration:.3s}.p-task__list .p-task__editText{font-size:25px;width:60%;padding:5px 10px;border:none}.p-task__item li{font-size:20px;color:#707070;padding:5px;margin-bottom:10px}.p-top__wrap{width:60%}@media screen and (max-width:414px){.p-top__wrap{text-align:center;width:100%}}@media screen and (max-width:414px){.p-top__wrap button{display:none}}.p-top__wrap br{display:none}@media screen and (max-width:414px){.p-top__wrap br{display:block}}.p-top__title{font-size:4rem;border-bottom:3px solid #fff;display:inline-block}.p-top__parag{font-size:30px;margin-top:30px;margin-bottom:100px}.p-top__parag br{display:none}@media screen and (max-width:414px){.p-top__parag br{display:block}}@media screen and (max-width:414px){.p-top__parag{line-height:1.5;margin-bottom:10px;text-align:center;font-size:25px}}.p-top__img-wrap{width:40%;height:100%}@media screen and (max-width:414px){.p-top__img-wrap{width:100%}}.p-top__img-wrap .p-top__img{width:100%;display:block;height:100%;margin-top:120px}@media screen and (max-width:414px){.p-top__img-wrap .p-top__img{margin-top:50px;margin-bottom:30px}}.u-card_center{display:flex;align-items:center;justify-content:center}.u-delete-btn{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fav{font-size:30px;float:right}.fav:last-child{margin-right:15px}.u-margin-left{margin-left:15px}.u-margin-right{margin-right:15px}.u-padding-top{padding-top:85px}@media screen and (max-width:414px){.u-padding-top{padding-top:60px}}.u-sp-btn{display:none}@media screen and (max-width:414px){.u-sp-btn{display:block;margin:0 auto}}.u-sp-br{display:none}@media screen and (max-width:414px){.u-sp-br{display:block}}.u-task-btn{padding:15px 30px;margin-top:15px;border:none;border-radius:30px;float:right;transition:.3s}.u-task-btn:hover{cursor:pointer;background:#dbdada;transition:.3s}