*{margin:0;padding:0}img{max-width:100%;height:auto}@font-face{font-family:'Argue DEMO';src:url("../fonts/ArgueDEMO.otf") format("opentype");font-style:normal}body{font-family:'Noto Serif TC';font-display:swap}ol,ul{padding-left:0rem}a{font-display:swap;text-decoration:none;letter-spacing:1px}a:hover{transition:.3s ease}li{list-style-type:none}.pointer{cursor:pointer}ul{font-size:1.1rem}p{font-size:1.1rem;line-height:1.5;margin-bottom:calc(1vw + 10px);letter-spacing:0;font-display:swap;font-weight:400;font-family:'Noto Sans TC',sans-serif}.darker{color:#3c241a}table p{margin-bottom:0}table p+p{margin-top:1.2rem}p+p{margin-top:0}b,strong{font-family:sans-serif}.page-header{padding-bottom:calc(.4vw + 10px)}.page-header h1,.page-header h2,.page-header h3{font-family:'Kaisei Tokumin',serif}.content-category h1{font-family:'Kaisei Tokumin',serif}.heading-font{letter-spacing:0;margin:0;padding:0}h1{letter-spacing:0;margin:0;padding:0}h2{letter-spacing:0;margin:0;padding:0}h3{letter-spacing:0;margin:0;padding:0}h4{letter-spacing:0;margin:0;padding:0}h5{letter-spacing:0;margin:0;padding:0;padding-bottom:1rem}h6{letter-spacing:0;margin:0;padding:0}@media (min-width:768px){h1,.h1{font-size:calc(26px + 18 * ((100vw - 768px) / 768))}h2,.h2{font-size:calc(22px + 14 * ((100vw - 768px) / 768))}h3,.h3{font-size:calc(18px + 10 * ((100vw - 768px) / 768))}h4,.h4{font-size:calc(16px + 6 * ((100vw - 768px) / 768))}}h1.page_header{margin-top:-2rem;margin-bottom:0;padding-bottom:.5rem}.f-300{font-weight:300}ol li{list-style-type:revert}.toggle-box{display:block !important;position:absolute;top:0;right:0;width:50px;height:50px;color:white;padding:19px;background:transparent;cursor:pointer}.h2{font-family:'Noto Sans TC';font-size:20px;font-weight:700;letter-spacing:.25em;text-align:center;color:white}.flex-center{display:flex;align-items:center;justify-content:center}.square{width:100%;padding-bottom:100% !important;position:relative;overflow:hidden;height:0}.bgLogo{top:0;bottom:0;left:0;right:0;position:absolute}.six-nine,.six-four{padding-bottom:56.25%;height:0;width:100%;position:relative;background-size:cover}.six-four{padding-bottom:75%}.six-nine .content-center,.six-four .content-center{top:0;bottom:0;left:0;right:0;position:absolute;padding:5px;display:flex;align-content:center;align-items:center;justify-content:center}.six-nine .content-center h1,.six-four .content-center h1{text-transform:uppercase;font-size:30px;padding:0;font-weight:300;letter-spacing:2px}.six-nine .content-center.bgblack,.six-four .content-center.bgblack{background:rgba(0,0,0,0.4)}.six-nine .content-center.bgblack h1,.six-four .content-center.bgblack h1,.six-nine .content-center.bgblack h1 a,.six-four .content-center.bgblack h1 a,.six-nine .content-center.bgblack a,.six-four .content-center.bgblack a{color:white}ul{margin-bottom:0}.text-center{text-align:center}.position-relative{position:relative}.row-nowrap{flex-wrap:nowrap}@media (min-width:1024px){}@media (min-width:992px){.col-lg-1-5{width:14% !important}#footer .offset-lg-1{margin-left:5%}.gx-md-5{--bs-gutter-x:5rem}.w-95{width:95%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}}@media (min-width:768px){.w-md-10{width:10%}.w-md-20{width:20%}.w-md-30{width:30%}.w-md-40{width:40%}.w-md-50{width:50%}.w-md-60{width:60%}.w-md-70{width:70%}.w-md-80{width:80%}.w-md-90{width:90%}}@media (min-width:768px) and (max-width:1199px){.container-fluid{padding-left:2rem;padding-right:2rem}}.fa,.icon-fw{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100%;-webkit-mask-size:100%;width:1rem;height:1rem;display:inline-block;content:"";vertical-align:-0.125em}.fa:hover,.icon-fw:hover{filter:invert(1)}.icon-fw{width:1.5rem;height:1.5rem}.fa-play{display:inline-block;margin-right:5px;width:16px;height:16px;background-image:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> <path d="M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z"/> </svg>');background-repeat:no-repeat;background-size:100%}.fa-arrow{mask-image:url('../storage/svg/SVG_back_arrow.svg');-webkit-mask-image:url('../storage/svg/SVG_back_arrow.svg');width:30px;height:30px;transform:rotate(-90deg);background-color:white}#body{background-color:rgba(230,216,189,0.6)}#footer .red .fa{background-color:red}@keyframes move{0%{offset-distance:0%}100%{offset-distance:100%}}@keyframes circle-draw{100%{stroke-dashoffset:0}}#ladybug{offset-path:path("M0,89.4c78.1,28.6,173.1,2.1,215.8-20.8S317.3-16.8,378.4,4.3s66.7,107.3,115.1,114.9 s79.8-39.5,34.6-76.6S376.7,54.7,341.3,76.7");transform:rotate(90deg);width:42.5px;position:absolute;left:-24%;top:0px;z-index:9;animation-fill-mode:forwards !important}#ladybug.run{animation:move 5s 1 ease-in-out}.ladybug-line{position:absolute;width:125%;left:-10%;max-width:none}.stroke{stroke-dashoffset:1000;stroke-dasharray:1000;fill:none;stroke:#FFFFFF;z-index:1}.stroke-bg{position:absolute;top:0;z-index:2;stroke-width:4}.ani.run{animation:circle-draw 5.5s ease-in-out 1;animation-fill-mode:forwards}.btn{font-size:1.2rem;font-family:'Freight Italic',serif;font-style:italic;border-radius:0px;font-weight:500;padding:.75rem 1.5rem .5rem;color:#603929}a.btn-secondary{background-color:transparent;border:1px solid #603929;color:#603929}a.btn-light{color:#2E2E2E !important;background-color:#f1e8d4}a.btn.btn-orange{background-color:#e98d66;color:#1d3d61}.btn-primary{border-color:#156271;background-color:transparent}.btn-primary:hover{background-color:#156271;color:#fdfbf9}.cta-support{display:inline-block;position:sticky;bottom:15px;right:15px;margin-left:auto;color:#fafafa !important;background-color:#156271;z-index:9;float:right}.btn-outline-primary{color:#603929;border-color:#603929}.btn-outline-primary:hover{background-color:#190f0a;border-color:#190f0a;color:white}@keyframes fadeinslow{0%{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}15%{opacity:0}100%{opacity:1}}@keyframes fadein1{0%{opacity:0}25%{opacity:0}100%{opacity:1}}@keyframes fadeinscale{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}.intro-wrapper{overflow:hidden;z-index:1;position:absolute}.intro-wrapper>div{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#166b52;opacity:1;transition:1s ease-in-out;position:relative;z-index:99}body.is-loaded .intro-wrapper>div{opacity:0}.intro-wrapper img{transition:1s ease-in-out}.intro-wrapper img:first-child{animation-name:fadein;animation-duration:1.8s}body.is-loaded .intro-wrapper img:first-child{opacity:0;transition:1s ease-in-out}.intro-wrapper img:nth-child(2){animation-name:fadein1;animation-duration:1.8s}body.is-loaded .intro-wrapper img:nth-child(2){opacity:0}.intro-wrapper img:last-child{animation-name:fadeinscale;animation-duration:1s;opacity:1;transform:scale(1)}body.is-loaded .intro-wrapper img:last-child{transform:scale(1.5);transition:1s ease-in-out;opacity:0}#logo_cosmescents{position:absolute;top:5%;width:40%;left:5%;z-index:2}#head_title{position:absolute;right:9%;width:15%;bottom:15%;z-index:99}.line-login-wrapper{animation-name:fadeinslow;animation-duration:3s;top:0;bottom:0;left:0;right:0;position:fixed;display:flex;align-items:center;justify-content:center;z-index:2;transition:.4s ease-in-out}.line-login-wrapper .line-login-card{background-color:white;padding:60px 30px;border-radius:30px;text-align:center}.line-login-wrapper .line-login-card h1{font-size:30px;line-height:1.5;margin-bottom:20px;font-weight:700;color:#2E2E2E;letter-spacing:1px}.line-login-wrapper .line-login-card p{font-size:16px;line-height:1.5;color:#686868;font-weight:100}.line-login-wrapper .line-login-card>span{font-size:12px;color:#686868;font-weight:100;font-family:'Noto Sans TC'}.line-login-wrapper .line-login-card>span a{color:#686868;border-bottom:1px solid #686868}.line-login-wrapper.leave{opacity:0}.line-btn{background-color:#00b901;width:100%;display:block;border-radius:5px;position:relative;padding:0 5px;padding-left:45px;height:50px;color:white;line-height:50px;font-weight:100;font-size:16px;min-width:240px;margin:45px 0;font-family:'Noto Sans TC'}.line-btn img{width:40px;left:5px;top:5px;position:absolute}#header{position:sticky;top:-45px;width:100%;z-index:9;transition:.4s ease-in-out}body.scroll-up #header{top:0}.header-menu{position:absolute;display:flex;align-items:center;justify-content:space-around;z-index:3;width:100%;margin-bottom:0;transition:1s ease-in-out}body.is-loaded .header-menu{transform:translateY(0)}body.catalog-open .header-menu{transform:translateY(-100%)}.header-menu li{display:flex;align-items:center;width:65px;height:8vh;justify-content:center;position:relative}.header-menu li i{display:block;opacity:1;transition:.3s ease}.header-menu li img{width:36px;height:36px}.header-menu li:before{color:white;font-size:16px;font-family:'Anonymous Pro';position:absolute;text-transform:uppercase;pointer-events:none;opacity:0;transition:.4s ease-in-out;left:50%;transform:translateY(-100%) translateX(-50%)}.header-menu li:last-child:before{display:none}.header-menu li:nth-child(1):before{content:'today'}.header-menu li:nth-child(2):before{content:'探索'}.header-menu li:nth-child(3):before{content:'植物'}.header-menu li:nth-child(4):before{content:'個人'}.header-menu li.active:before{opacity:1;transform:translateY(0) translateX(-50%)}.header-menu li.active i{opacity:0}.header-menu.nav .slide1{top:3px;position:absolute;display:inline-block;height:0px;border:2px solid white;-webkit-transition:all .6s cubic-bezier(.23, 1, .32, 1.05);transition:all .6s cubic-bezier(.23, 1, .32, 1.05)}.header-menu.nav .slide1{z-index:2}.header-menu li.notify i:before{content:'';width:9px;height:9px;position:absolute;background-color:#ff0000;right:9px;border-radius:50%}body.choose{background-color:black}body.choose .header-menu{transform:translateY(-100%)}body.choose .visited{transform:translateY(200%);transition:1s ease-in-out}body.choose.is-loaded .header-menu,body.choose.is-loaded .visited{transform:translateY(0)}#today-btn{opacity:0;width:300px;height:90px;text-align:center;position:relative;transition:1s ease-in-out;animation-name:scale;animation-duration:3s;animation-iteration-count:infinite}#today-btn .circle{border:1px solid #FFFFFF;border-radius:50%;top:0;bottom:0;left:0;right:0;position:absolute}body.is-loaded #today-btn{opacity:1}.choose-wrapper{min-height:100vh;background-color:black;position:relative;overflow:hidden;z-index:2;padding-top:30px;transition:1s ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:column}.choose-wrapper h1{font-family:'Noto Sans TC';font-size:18px;font-weight:700;color:white;line-height:90px;letter-spacing:.25em;cursor:pointer;transition:.4s ease-in-out}.choose-wrapper .visited{font-family:'Noto Sans TC';font-size:14px;font-weight:400;color:white;position:absolute;bottom:15px}.choose-wrapper #today-btn{transform:scale(1);transition:.4s ease-in-out}.choose-wrapper.hue{background-color:white}.choose-wrapper.hue img{opacity:0}.choose-wrapper.hue #today-btn{transform:scale(2.5);opacity:0}.choose-wrapper.today-clicked{opacity:0;background-color:white;transition-delay:.5s;pointer-events:none}.choose-wrapper.today-clicked img{opacity:0;display:none}.choose-wrapper.today-clicked #today-btn{transform:scale(2.5);opacity:0;display:none}@keyframes letter{0%{transform:scale(1)}10%{transform:scale(1)}70%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}60%{transform:scale(1.2)}90%{transform:scale(1)}100%{transform:scale(1)}}@keyframes example{0%{filter:blur(20px);opacity:0}70%{filter:blur(0);opacity:1}90%{filter:blur(0);opacity:1}100%{filter:blur(20px);opacity:0}}.background-image-blur{opacity:1}.background-image-blur img{position:absolute;animation-duration:72s;animation-iteration-count:infinite}@keyframes s1{0%{opacity:0;filter:blur(20px)}4%{opacity:1;filter:blur(0)}9%,100%{opacity:0;filter:blur(0)}}@keyframes s2{0%,8%{opacity:0;filter:blur(20px)}14%{opacity:1;filter:blur(0)}19%,100%{opacity:0;filter:blur(0)}}@keyframes s3{0%,18%{opacity:0;filter:blur(20px)}24%{opacity:1;filter:blur(0)}29%,100%{opacity:0;filter:blur(0)}}@keyframes s4{0%,28%{opacity:0;filter:blur(20px)}34%{opacity:1;filter:blur(0)}39%,100%{opacity:0;filter:blur(0)}}@keyframes s5{0%,38%{opacity:0;filter:blur(20px)}44%{opacity:1;filter:blur(0)}49%,100%{opacity:0;filter:blur(0)}}@keyframes s6{0%,48%{opacity:0;filter:blur(20px)}54%{opacity:1;filter:blur(0)}59%,100%{opacity:0;filter:blur(0)}}@keyframes s7{0%,58%{opacity:0;filter:blur(20px)}64%{opacity:1;filter:blur(0)}69%,100%{opacity:0;filter:blur(0)}}@keyframes s8{0%,68%{opacity:0;filter:blur(20px)}74%{opacity:1;filter:blur(0)}79%,100%{opacity:0;filter:blur(0)}}@keyframes s9{0%,78%{opacity:0;filter:blur(20px)}84%{opacity:1;filter:blur(0)}89%,100%{opacity:0;filter:blur(0)}}@keyframes s10{0%,88%{opacity:0;filter:blur(20px)}94%{opacity:1;filter:blur(0)}99%,100%{opacity:0;filter:blur(0)}}.s1{animation:s1}.s2{animation:s2}.s3{animation:s3}.s4{animation:s4}.s5{animation:s5}.s6{animation:s6}.s7{animation:s7}.s8{animation:s8}.s9{animation:s9}.s10{animation:s10}#img1 img:first-child{left:-10%;top:0%}#img1 img:nth-child(2){right:-30%;bottom:-10%}#img2 img{bottom:-15%;left:0}#img3 img:first-child{left:-50%}#img3 img:nth-child(2){top:0}#img4 img{bottom:0;right:-20%}#img5 img{right:-50%;height:100%;top:10%}#img5 img:first-child,#img6 img:first-child{bottom:-20%;left:-40%;width:100%}#img5 img:last-child,#img6 img:last-child{top:0;right:-10%}#img7 img{top:10%;max-width:none;width:150%;left:-50%}#today-date{padding-top:10px;font-family:'Argue DEMO','Marcellus';font-size:36px;font-weight:700;text-transform:uppercase;width:284px;height:90px;border:1px solid #FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;margin:65px auto 0;z-index:2;position:absolute;left:50%;transform:translateX(-50%) scale(1.5);opacity:0;transition:.4s ease-in-out}.today-clicked #today-date{transform:translateX(-50%) scale(1);opacity:1}.today-result{top:0;bottom:0;left:0;right:0;position:absolute;z-index:1}.today-wrapper{color:white;padding-top:8vh;background-color:#877E77;position:absolute;min-height:100vh;padding-bottom:40px}.today-wrapper h3{text-align:center;font-size:20px;padding-bottom:30px;padding-top:30px;font-weight:700}.today-wrapper .first img{transform:translateY(100%);transition:.8s ease-in-out}.today-wrapper .first>img{position:absolute;top:0;left:0}.today-wrapper .first>img:first-of-type{transition-delay:0s;position:relative;top:-8vh}.today-wrapper .first>img:nth-of-type(2){transition-delay:.2s}.today-wrapper .first>img:nth-of-type(3){transition-delay:.4s}.today-wrapper .first>img:nth-of-type(4){transition-delay:.6s}.today-wrapper .first{min-height:100vh;margin-bottom:30px}.today-wrapper .first .arrow-wrapper{top:20%;z-index:9}.today-wrapper .first .arrow-wrapper .fa-arrow{background-color:#877E77;transition:.4s ease-in-out;opacity:0;transition-delay:1s}.today-clicked .today-wrapper .first .arrow-wrapper .fa-arrow{opacity:1}.today-wrapper .first .arrow-wrapper .fa-arrow.hide{opacity:0}.today-wrapper article{min-height:100vh}.today-wrapper p{font-family:'Noto Sans TC';font-size:20px;font-weight:400;line-height:2;text-align:justify;margin-bottom:0;padding:0 45px 30px}.today-wrapper p:last-child{padding-bottom:90px}.today-wrapper hr{width:55%;margin:auto;margin-bottom:45px;opacity:1}.today-clicked .today-wrapper img{transform:translateY(0)}.today-plant-title{font-family:'Noto Sans TC';font-size:20px;font-weight:700;letter-spacing:.25em;width:284px;border:1px solid #FFFFFF;border-radius:50%;text-align:center;margin:auto;min-height:100px;flex-direction:column;display:flex;align-items:center;justify-content:center}.today-plant-title span{font-size:16px;letter-spacing:0;margin-top:5px}.today-title{font-family:'Noto Serif TC';font-size:24px;font-weight:700;text-align:center;line-height:1.5;padding:90px 30px 45px}.today-title-2{font-size:24px;text-align:center;font-weight:400;padding-bottom:45px;font-weight:700;padding-top:60px}.today-circle{width:120px;height:120px;margin:90px auto}h1.today-plant-title.ani{animation-name:scale;margin:30px auto 60px;animation-duration:3s;animation-iteration-count:infinite;color:white}h2.today-title{padding:65px 30px 45px}.catalog-wrapper{background-color:#877E77;min-height:100vh}.catalog-wrapper .arrow{position:fixed;left:15px;top:calc(4vh - 15px);opacity:0;transform:translateX(-100%)}.catalog-wrapper .header{display:flex;align-items:center;color:white;justify-content:center;flex-direction:column}.catalog-wrapper .header h2{font-family:'Noto Sans TC';font-size:20px;font-weight:700;letter-spacing:.25em;text-align:center;color:white;line-height:1.5}.catalog-wrapper .header h2 span{text-transform:uppercase}.catalog-wrapper div.header{border:1px solid white}.arrow{width:30px;height:30px;position:absolute;left:-45px;transition:1s ease-in-out}#catalog{padding-top:45px;min-height:100vh;position:relative;overflow:hidden}#catalog>.item-wrap{height:calc(100vh - 105px);margin-top:30px;margin-bottom:30px;width:100%;height:590px;position:relative}#catalog>.item-wrap>div{transform:translateY(800%);transition:all .8s cubic-bezier(.18, .89, .45, 1.15)}#catalog>.item-wrap>div:nth-of-type(2){transition-delay:.1s}#catalog>.item-wrap>div:nth-of-type(3){transition-delay:.2s}#catalog>.item-wrap>div:nth-of-type(4){transition-delay:.3s}#catalog>.item-wrap>div:nth-of-type(5){transition-delay:.4s}body.is-loaded #catalog>.item-wrap>div{transform:translateY(0)}body.is-loaded.fin #catalog>.item-wrap>div{transition-delay:0s !important;transition:.5s ease-in-out}#catalog aside{pointer-events:none;opacity:1;transition:.4s ease-in-out}#catalog .bg{position:absolute;width:130px;transition:all .8s cubic-bezier(.18, .89, .45, 1.15)}#catalog #bg1{left:-6.5%;top:15px;width:120px;transform:translateX(-100%)}#catalog #bg2{top:20%;right:-7.5%;transform:translateX(100%);transition-delay:.1s}#catalog #bg3{top:45%;left:-5%;transform:translateX(-100%);transition-delay:.2s}#catalog #bg4{bottom:0%;right:-5%;width:160px;transform:translateX(100%);transition-delay:.3s}#catalog #bg5{bottom:0%;left:-7.5%;transform:translateX(-100%);transition-delay:.4s}body.is-loaded #catalog #bg1,body.is-loaded #catalog #bg2,body.is-loaded #catalog #bg3,body.is-loaded #catalog #bg4,body.is-loaded #catalog #bg5{transform:translateX(0)}body.is-loaded.fin #catalog #bg1,body.is-loaded.fin #catalog #bg2,body.is-loaded.fin #catalog #bg3,body.is-loaded.fin #catalog #bg4,body.is-loaded.fin #catalog #bg5{transition-delay:0s}.catalog-card{height:0;padding-bottom:25%;position:absolute;transition:.5s ease-in-out;width:100%;top:0}.catalog-card:nth-of-type(2){top:20%}.catalog-card:nth-of-type(3){top:40%}.catalog-card:nth-of-type(4){top:60%}.catalog-card:nth-of-type(5){top:80%}.catalog-card.open{padding:4vh 0;top:-75px;position:absolute}.catalog-card.open div.header{border:1px solid transparent}.catalog-card.open h2.header{transform:translateY(-25%)}.catalog-card.open h2.header span{transform:translateY(-50%)}.catalog-card>div{position:absolute;top:0;bottom:0;left:15%;right:15%;border-radius:100px}.catalog-plants{transition:.5s ease-in-out;height:auto;max-height:0;overflow:hidden;position:absolute;z-index:999;top:100%}.catalog-plants.open{top:8vh;max-height:2000px}body.catalog-open .catalog-card{pointer-events:none;opacity:0}body.catalog-open .catalog-card.open{pointer-events:auto;opacity:1}body.catalog-open #catalog aside{opacity:0}body.catalog-open .arrow{opacity:1;transform:translateX(0)}@media (max-width:320px){#catalog .bg{width:120px}#catalog #bg4{width:140px}}@keyframes bounces{0%{transform:translate3d(0, 0, 0)}10%{transform:translate3d(0, -20px, 0)}30%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, 0, 0)}}body.bodyplants main{height:100vh;overflow:hidden}.tab-wrapper-btn{height:60px;position:absolute;width:100%;display:none;bottom:0;left:0;z-index:999;opacity:0}.plants-header{position:absolute;width:100%;height:8vh;display:flex;align-items:center;justify-content:center}.plants-header .arrow{top:50%;left:15px;transition:1s ease-in-out;transform:translateY(-50%)}.plants-header h2{font-family:'Noto Sans TC';font-size:20px;font-weight:700;letter-spacing:.25em;text-align:center;color:white}.plants{height:100vh;overflow:hidden}.plants .tab-wrapper{position:absolute;width:100%;transition:1s ease-in-out;height:calc(100% - 8vh);display:flex;align-items:flex-end;bottom:0;pointer-events:none}.plants .tab-wrapper ul{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;width:100%}.plants .tab-wrapper h3{position:relative;height:8vh;line-height:8vh;padding-top:3vh}.plants .tab-wrapper h3:after{content:'';position:absolute;bottom:0;width:85%;background:black;height:1px;left:50%;transform:translateX(-50%);opacity:0}.plants .tab-wrapper li{height:100%;transition:all .8s cubic-bezier(.18, .89, .45, 1.15);max-height:15px;animation-name:bounces;animation-duration:4s;animation-iteration-count:infinite}.plants .tab-wrapper li:nth-of-type(2){animation-delay:.1s}.plants .tab-wrapper li:nth-of-type(3){animation-delay:.2s}.plants .tab-wrapper li:nth-of-type(4){animation-delay:.3s}.plants .tab-wrapper li>div{height:100%}.plants .tab-wrapper li>div>div{padding:30px 0 calc(30px + 10vh);margin-bottom:-10vh;height:100%}.plants .tab-wrapper.open{pointer-events:auto}.plants .tab-wrapper.open h3{padding-top:0}.plants .tab-wrapper.open li{max-height:calc(8vh - 2px);animation:none}.plants .tab-wrapper.open li.active{max-height:calc(100% - 8vh * 3 + 6px)}.plants .tab-wrapper.open li.active>div>div{overflow:scroll}.plants .tab-wrapper.open.nobounce h3:after{opacity:1}.plants .tab-wrapper.open.nobounce li{transition:.3s ease-in-out}.plants .tab-wrapper p{font-family:'Noto Sans TC';font-size:18px;font-weight:400;line-height:1.75;text-align:justify;padding:0 45px}.fix b{margin:auto;display:block;font-size:24px;font-family:'noto serif TC';margin-bottom:-24px;text-align:center;padding-bottom:12px}.body-image{display:flex;justify-content:center;width:100%;padding:0 15px 30px}.body-image figure{padding:0 10px;width:33%;flex:0 0 33%;margin-bottom:0}@keyframes a1{0%{opacity:0;filter:blur(20px)}9%{opacity:1;filter:blur(0)}19%,100%{opacity:0;filter:blur(0)}}@keyframes a2{0%,19%{opacity:0;filter:blur(20px)}29%{opacity:1;filter:blur(0)}39%,100%{opacity:0;filter:blur(0)}}@keyframes a3{0%,39%{opacity:0;filter:blur(20px)}49%{opacity:1;filter:blur(0)}59%,100%{opacity:0;filter:blur(0)}}@keyframes a4{0%,59%{opacity:0;filter:blur(20px)}69%{opacity:1;filter:blur(0)}79%,100%{opacity:0;filter:blur(0)}}@keyframes a5{0%,79%{opacity:0;filter:blur(20px)}89%{opacity:1;filter:blur(0)}99%,100%{opacity:0;filter:blur(0)}}.a1{animation-name:a1}.a2{animation-name:a2}.a3{animation-name:a3}.a4{animation-name:a4}.a5{animation-name:a5}.discover-wrapper{background-color:#877E77;height:100vh;overflow:hidden;position:relative}.discover-wrapper>img{animation-duration:36s;animation-iteration-count:infinite;position:absolute;top:0;left:0}.discover-wrapper .arrow{left:15px;top:50%;margin-top:-15px;filter:brightness(18.04%);opacity:0;transform:translateX(-100%);transition:.4s ease-in-out}.discover-wrapper h2{font-family:'Argue DEMO','Marcellus','Noto Sans TC';font-size:24px;font-weight:400;text-transform:uppercase;min-height:fit-content;color:white;height:calc(100vh - 40vh);padding-top:8vh;display:flex;align-items:center;justify-content:center;z-index:1;position:relative}.discover-wrapper h2 span{display:block;text-align:center;transition:1s ease-in-out;text-shadow:3px 3px 3px #877e77;font-weight:700;line-height:1.5;font-size:28px;font-family:'Noto Serif TC';opacity:0}body.is-loaded .discover-wrapper h2 span{opacity:1}.discover-wrapper h4{font-family:'Noto Serif TC';font-size:24px;font-weight:700;text-align:center;line-height:1.5;padding:60px 30px 30px}.discover-wrapper h4:nth-of-type(2){padding-top:30px}.discover-wrapper .tab-wrapper hr{width:55%;margin:auto;margin-bottom:30px;opacity:1;border-color:#2E2E2E}.discover-wrapper .tab-wrapper ul{position:absolute;bottom:0;height:100%;max-height:40vh;transition:.4s ease-in-out}.discover-wrapper .tab-wrapper li{position:relative;max-height:8vh;height:100%;transition:all .8s cubic-bezier(.18, .89, .45, 1.15);z-index:2;transform:translateY(500%)}.discover-wrapper .tab-wrapper li:nth-of-type(2){transition-delay:.1s}.discover-wrapper .tab-wrapper li:nth-of-type(3){transition-delay:.2s}.discover-wrapper .tab-wrapper li:nth-of-type(4){transition-delay:.3s}.discover-wrapper .tab-wrapper li:nth-of-type(5){transition-delay:.4s}.discover-wrapper .tab-wrapper li>div{background-color:#bcad5b;width:100%;padding-top:8vh;min-height:100%;height:fit-content;overflow:scroll}.discover-wrapper .tab-wrapper li:first-of-type.open h3{border-radius:0}.discover-wrapper .tab-wrapper li.open{top:0;overflow:scroll}.discover-wrapper .tab-wrapper li.open>div{padding-top:0}.discover-wrapper .tab-wrapper p{font-family:'Noto Serif CJK TC';font-size:18px;font-weight:400;line-height:1.75;text-align:justify;padding:0 45px 30px;margin-bottom:0}.discover-wrapper .tab-wrapper p:first-of-type{margin-top:30px}body.discover.catalog-open .discover-wrapper li.open .arrow{transform:translateX(0%);opacity:1}body.discover.catalog-open .tab-wrapper ul{max-height:100vh}body.discover.catalog-open .tab-wrapper li{max-height:0px;pointer-events:none}body.discover.catalog-open .tab-wrapper li.open{max-height:2000px;pointer-events:auto;overflow:scroll}body.discover.catalog-open .tab-wrapper li.open h3{position:sticky;top:0;width:100%;border-radius:0;z-index:999}body.discover.catalog-open .tab-wrapper li:first-of-type.open,body.discover.catalog-open .tab-wrapper li:first-of-type h3{border-radius:0}.tab-wrapper h3{font-family:'Noto Sans TC';font-size:20px;font-weight:700;letter-spacing:.25em;text-align:center;background-color:#BEAE50;height:8vh;line-height:8vh;border-radius:36px 36px 0 0;top:1px;position:relative;transition:.4s ease}.plants-wrapper{position:relative}.plants-wrapper .link-wrapper{top:0;bottom:0;left:0;right:0;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start;padding:6px 15px 45px}.plants-wrapper .link-wrapper>div{width:100%;max-width:280px}.plants-wrapper .plants-btn{color:#2E2E2E;border:1px solid #2E2E2E;margin-bottom:24px;width:100%;max-width:280px;padding:15px;text-align:center;border-radius:50px;min-height:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700;font-size:20px;font-family:'Noto Sans TC'}.plants-wrapper .plants-btn span{font-weight:400;font-size:15px;font-family:'Noto Sans TC';letter-spacing:.2px}@keyframes bounce{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, 20px, 0)}}.arrow-wrapper{animation-name:bounce;animation-duration:.8s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.5, .05, 1, .5);top:80vh;position:absolute;left:50%;margin-left:-15px;opacity:1;transition:.4s ease-in-out}.arrow-wrapper.hide{opacity:0}.discover-wrapper .tab-wrapper .no-bounce li{animation:none}body.is-loaded .discover-wrapper .tab-wrapper li{transform:translateY(0)}body.is-loaded.fin .discover-wrapper .tab-wrapper li{transition:.5s ease-in-out;transition-delay:0s !important}.user-wrapper{min-height:100vh;padding-top:45px}.avatar-wrapper{text-align:center;padding-top:45px}.avatar-wrapper img{width:120px;height:120px}.avatar-wrapper dd{margin:1rem 0;font-family:'Noto Sans TC'}main{position:relative}body{background-color:#877E77;color:#2E2E2E}#computer{display:none}@media (min-width:576px){#computer{background-image:url('../storage/images/BGKV.jpg');background-size:cover;background-color:#166c53;display:flex;align-items:center;justify-content:center;width:100%;height:100vh}#computer img{width:60%}.app{display:none}}/*# sourceMappingURL=./style.css.map */