.page-wrapper .wrapper{padding-inline:30px}@media screen and (min-width: 768px){.page-wrapper .wrapper{padding-inline:0;max-width:600px}}@media screen and (min-width: 1280px){.page-wrapper .wrapper{max-width:1220px}}@media screen and (min-width: 1600px){.page-wrapper .wrapper{max-width:1560px}}.banner-container{position:relative}.banner-container .banner-deco-icon{opacity:0;position:absolute;z-index:1}.banner-container .banner-container__nut{bottom:200px;left:32px;width:40px;height:40px;fill:#fff;transform:rotateX(180deg);animation:bannerNut 5s linear infinite}@media screen and (min-width: 425px){.banner-container .banner-container__nut{bottom:220px}}@media screen and (min-width: 1280px){.banner-container .banner-container__nut{bottom:6%;left:35vw;width:60px;height:60px}}.banner-container .banner-container__multi-straw{bottom:-24px;right:32px;width:90px;height:90px;fill:#fff;animation:bannerMultiStraw 10s linear infinite;transform-origin:left bottom}@media screen and (min-width: 425px){.banner-container .banner-container__multi-straw{width:120px;height:120px}}@media screen and (min-width: 576px){.banner-container .banner-container__multi-straw{right:15vw}}@media screen and (min-width: 768px){.banner-container .banner-container__multi-straw{right:20vw}}@media screen and (min-width: 1024px){.banner-container .banner-container__multi-straw{right:25vw}}@media screen and (min-width: 1280px){.banner-container .banner-container__multi-straw{width:180px;height:180px;bottom:128px;right:12vw}}.banner-container .banner-container__berry{right:10%;bottom:10%;fill:#fff;display:none}@media screen and (min-width: 1280px){.banner-container .banner-container__berry{display:block;width:50px;height:50px}}.banner-container .banner-img{width:100%;clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}.banner-container .banner-container__text-container{position:absolute;width:calc(100% - 60px);left:30px;bottom:40px;color:#fff}@media screen and (min-width: 1280px){.banner-container .banner-container__text-container{max-width:1600px;margin:0 auto;left:50%;bottom:200px;transform:translate(-50%)}}.banner-container .banner-container__text-container .text-container__zh{display:flex;flex-direction:column;line-height:1.4;font-size:18px;letter-spacing:2px;font-weight:400;margin-bottom:16px}@media screen and (min-width: 425px){.banner-container .banner-container__text-container .text-container__zh{font-size:20px}}@media screen and (min-width: 1280px){.banner-container .banner-container__text-container .text-container__zh{font-size:28px;margin-bottom:32px}}.banner-container .banner-container__text-container .text-container__en{display:flex;flex-direction:column;font-weight:200;gap:12px}.banner-container .banner-container__text-container .text-container__en p{display:flex;flex-direction:column;line-height:1.4;font-size:12px}@media screen and (min-width: 425px){.banner-container .banner-container__text-container .text-container__en p{font-size:14px}}@media screen and (min-width: 1280px){.banner-container .banner-container__text-container .text-container__en p{font-size:16px}}.core-message{position:relative}@media screen and (min-width: 1280px){.core-message .wrapper{display:flex}}.core-message .core-message__top-img-container{margin-top:-24px;display:flex;width:100%;position:relative}.core-message .core-message__top-img-container img{width:100%}@media screen and (min-width: 1280px){.core-message .core-message__top-img-container{margin-top:-40px;width:40%;align-self:flex-start}}.core-message .core-message__top-img-container .core-message__berry{opacity:0;position:absolute;width:36px;height:36px;right:20px;top:40%;fill:#fff;transform:rotate(90deg);z-index:1;animation:coreBerry 10s linear infinite}@media screen and (min-width: 576px){.core-message .core-message__top-img-container .core-message__berry{width:45px;height:45px}}@media screen and (min-width: 1280px){.core-message .core-message__top-img-container .core-message__berry{display:none}.core-message .core-message__content-container{padding-inline:0px;width:25%;margin-inline:auto 10%;margin-bottom:60px}}.core-message .core-message__content-container .core-message__content-container__title-container{display:flex;align-items:center;justify-content:center;margin-block:60px 24px}@media screen and (min-width: 1280px){.core-message .core-message__content-container .core-message__content-container__title-container{margin-block:140px 32px;justify-content:flex-end}}.core-message .core-message__content-container .core-message__content-container__title-container .brush{width:6px;align-self:flex-end}.core-message .core-message__content-container .core-message__content-container__title-container .title-container__title{font-size:24px;font-family:Baskerville;font-weight:400;margin-inline:12px}@media screen and (min-width: 425px){.core-message .core-message__content-container .core-message__content-container__title-container .title-container__title{font-size:28px}}.core-message .core-message__content-container .core-message__en{font-weight:100;margin-bottom:24px;font-size:12px;line-height:1.4}@media screen and (min-width: 320px){.core-message .core-message__content-container .core-message__en{display:flex;flex-direction:column;align-items:center}}@media screen and (min-width: 425px){.core-message .core-message__content-container .core-message__en{font-size:14px}}@media screen and (min-width: 1280px){.core-message .core-message__content-container .core-message__en{display:block;text-align:justify;font-size:16px}}.core-message .core-message__content-container .core-message__content-container__content{text-align:center}@media screen and (min-width: 1280px){.core-message .core-message__content-container .core-message__content-container__content{text-align:justify;letter-spacing:2px}}.core-message .core-message__content-container .core-message__content-container__content h3{font-size:16px;margin-bottom:28px}@media screen and (min-width: 425px){.core-message .core-message__content-container .core-message__content-container__content h3{font-size:18px}}@media screen and (min-width: 1280px){.core-message .core-message__content-container .core-message__content-container__content h3{-moz-text-align-last:justify;text-align-last:justify;font-size:16px}}.core-message .core-message__content-container .core-message__content-container__content p{font-size:12px;line-height:1.6;font-weight:300}@media screen and (min-width: 320px){.core-message .core-message__content-container .core-message__content-container__content p{display:flex;flex-direction:column}}@media screen and (min-width: 425px){.core-message .core-message__content-container .core-message__content-container__content p{font-size:14px}}@media screen and (min-width: 1280px){.core-message .core-message__content-container .core-message__content-container__content p{font-size:16px}}.core-message .core-message__bot-image-container{margin-block:96px}@media screen and (min-width: 1280px){.core-message .core-message__bot-image-container{display:none}}.core-message .core-message__bot-image-container img{width:100%}.about-article{padding:60px 0 36px;background-color:#fcfaf2}@media screen and (min-width: 1280px){.about-article{padding-block:120px}.about-article .wrapper{display:flex;justify-content:space-between}.about-article .about-article__container{width:60%;display:flex;flex-direction:column;justify-content:space-between}}.about-article .about-article__container .about-article__column{padding-block:24px;border-top:1px solid #BDC0BA}@media screen and (min-width: 576px){.about-article .about-article__container .about-article__column{display:flex}}@media screen and (min-width: 1280px){.about-article .about-article__container .about-article__column{padding-block:16px 0}}.about-article .about-article__container .about-article__column .about-article__column-title{font-size:20px;margin-bottom:24px;font-family:Baskerville}@media screen and (min-width: 425px){.about-article .about-article__container .about-article__column .about-article__column-title{font-size:24px}}@media screen and (min-width: 576px){.about-article .about-article__container .about-article__column .about-article__column-title{width:30%}}@media screen and (min-width: 1280px){.about-article .about-article__container .about-article__column .about-article__column-title{font-size:36px}}.about-article .about-article__container .about-article__column .about-article__column-content{font-size:12px;letter-spacing:1px;display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 425px){.about-article .about-article__container .about-article__column .about-article__column-content{font-size:14px}}@media screen and (min-width: 576px){.about-article .about-article__container .about-article__column .about-article__column-content{width:70%;padding-top:8px}}@media screen and (min-width: 1280px){.about-article .about-article__container .about-article__column .about-article__column-content{font-size:16px;padding-top:16px;gap:24px;text-align:justify}}.about-article .about-article__container .about-article__column .about-article__column-content h4{font-weight:400}@media screen and (min-width: 1280px){.about-article .about-article__container .about-article__column .about-article__column-content h4{font-size:18px}}.about-article .about-article__container .about-article__column .about-article__column-content p{font-weight:300;line-height:1.6;display:flex;flex-direction:column}@media screen and (min-width: 1280px){.about-article .about-article__container .about-article__column .about-article__column-content p{line-height:2}}.about-article .about-article__img{display:none}@media screen and (min-width: 1280px){.about-article .about-article__img{width:35%;display:block;position:relative;aspect-ratio:4/5;max-width:448px}}.about-article .about-article__img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-list__container{padding-block:48px}@media screen and (min-width: 1280px){.about-list__container{display:flex;gap:48px;padding-block:80px}}@media screen and (min-width: 1600px){.about-list__container{padding-inline:0}}.about-list__container .about-list__item{margin-block:48px}@media screen and (min-width: 1280px){.about-list__container .about-list__item{padding-inline:0;width:25%}.about-list__container .about-list__item:not(:last-of-type):after{position:absolute;content:"";width:1px;height:100%;top:0;right:0;transform:translate(24px);background-color:#bdc0ba}}.about-list__container .about-list__item .about-list__item__content__icon{fill:#4d5139;animation:windy 5s linear infinite}.about-list__container .about-list__item .about-list__item__tp-title{text-align:center;position:relative}.about-list__container .about-list__item .about-list__item__tp-title:before,.about-list__container .about-list__item .about-list__item__tp-title:after{position:absolute;content:"";width:40%;height:1px;top:50%;transform:translateY(-50%);background-color:#6c6a2d}.about-list__container .about-list__item .about-list__item__tp-title:before{left:0}.about-list__container .about-list__item .about-list__item__tp-title:after{right:0}.about-list__container .about-list__item .about-list__item__tp-title .about-list__item__content__icon{width:12.5%;max-width:40px}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__tp-title{display:none}}.about-list__container .about-list__item .about-list__item__title-container{margin-block:12px 24px}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__title-container{display:flex;justify-content:space-between}}.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title{color:#6c6a2d;display:flex;justify-content:space-between}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title{flex-direction:column}}.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title .about-list__item__title__zh{font-weight:300}@media screen and (min-width: 425px){.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title .about-list__item__title__zh{font-size:16px}}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title .about-list__item__title__zh{font-weight:500;letter-spacing:2px}}.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title .about-list__item__title__en{font-size:12px;font-weight:100}@media screen and (min-width: 425px){.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title .about-list__item__title__en{font-size:14px}}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__title-container .about-list__item__title .about-list__item__title__en{font-size:16px}}.about-list__container .about-list__item .about-list__item__title-container .about-list__item__content__icon{display:none}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__title-container .about-list__item__content__icon{display:block;width:48px;height:48px}}.about-list__container .about-list__item .about-list__item__content{font-size:12px;line-height:1.8;font-family:Noto Sans TC}@media screen and (min-width: 425px){.about-list__container .about-list__item .about-list__item__content{font-size:14px}}@media screen and (min-width: 1280px){.about-list__container .about-list__item .about-list__item__content{letter-spacing:.5px;text-align:justify;display:flex;flex-direction:column;font-size:16px}}.about-hero{background-color:#4d5139;padding-block:80px;position:relative}@media screen and (min-width: 425px){.about-hero{padding-block:120px}}@media screen and (min-width: 1280px){.about-hero{padding-block:180px}}.about-hero .about-hero__deco{position:absolute;fill:#b1b479}.about-hero .about-hero__fruit-straw{top:80%;left:8%;width:12%;height:12%;min-width:64px;transform-origin:60% bottom;animation:heroFruitStraw 10s linear infinite}@media screen and (min-width: 1280px){.about-hero .about-hero__fruit-straw{top:70%;left:4%;width:18%;height:18%}}.about-hero .about-hero__berry-leaf{top:20%;left:18%;width:12%;height:12%;transform-origin:center center;animation:heroBerryLeaf 6s linear infinite}@media screen and (min-width: 1280px){.about-hero .about-hero__berry-leaf{top:60%;left:15%;width:10%;height:10%}}.about-hero .about-hero__fruit-slice{top:78%;left:64%;width:8%;height:8%;transform-origin:center center;animation:heroFruitSlice 20s linear infinite}@media screen and (min-width: 1280px){.about-hero .about-hero__fruit-slice{top:70%;left:70%;width:7%;height:7%}}.about-hero .about-hero__long-branch{top:75%;right:8%;width:20%;height:20%;transform-origin:top right;animation:heroLongBranch 12s linear infinite}@media screen and (min-width: 1280px){.about-hero .about-hero__long-branch{top:63%;width:10%;right:5%;height:28%}}.about-hero .wrapper{padding-inline:12px;display:flex;flex-direction:column;gap:40px}.about-hero .about-hero__vl-container{display:flex;justify-content:center}.about-hero .about-hero__vl-container .about-hero__vl{height:60px;fill:#fff}.about-hero .about-hero__vl-container .about-hero__vl:nth-of-type(2){transform:rotate(180deg)}@media screen and (min-width: 425px){.about-hero .about-hero__vl-container .about-hero__vl{height:70px}}@media screen and (min-width: 1280px){.about-hero .about-hero__vl-container .about-hero__vl{height:120px}}.about-hero .about-hero__content{text-align:center;color:#fff}.about-hero .about-hero__content .about-hero__content__title{opacity:0;font-size:20px;font-family:Baskerville}@media screen and (min-width: 425px){.about-hero .about-hero__content .about-hero__content__title{font-size:24px}}@media screen and (min-width: 1280px){.about-hero .about-hero__content .about-hero__content__title{letter-spacing:1px;font-size:28px}}.about-hero .about-hero__content .about-hero__content__text{opacity:0;font-size:12px;display:flex;flex-direction:column;letter-spacing:.5px;line-height:1.8;margin-top:20px}@media screen and (min-width: 425px){.about-hero .about-hero__content .about-hero__content__text{font-size:14px;letter-spacing:1px}}@media screen and (min-width: 1280px){.about-hero .about-hero__content .about-hero__content__text{font-size:16px;line-height:2;letter-spacing:2px}}.about-feature{position:relative}.about-feature .about-feature__img{width:100%}.about-feature .about-feature-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#2d2f2680}@media screen and (min-width: 1280px){.about-feature .about-feature-overlay{display:none}}.about-feature .about-feature__content-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-direction:column;gap:24px}@media screen and (min-width: 1280px){.about-feature .about-feature__content-container{width:-moz-fit-content;width:fit-content;left:auto;right:16.6666666667%;transform:translateY(-50%)}}.about-feature .about-feature__content-container .about-feature__content{opacity:0;color:#fff;text-align:center;line-height:1.8;letter-spacing:1px;display:flex;flex-direction:column;font-weight:200;font-size:12px;font-family:Noto Sans TC}@media screen and (min-width: 425px){.about-feature .about-feature__content-container .about-feature__content{font-size:14px;line-height:2}}@media screen and (min-width: 1280px){.about-feature .about-feature__content-container .about-feature__content{text-align:right;font-size:16px}}@keyframes bannerNut{0%{transform:rotateX(180deg) rotate(0)}25%{transform:rotateX(180deg) rotate(3deg)}50%{transform:rotateX(180deg) rotate(0)}75%{transform:rotateX(180deg) rotate(-3deg)}to{transform:rotateX(180deg) rotate(0)}}@keyframes bannerMultiStraw{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes bannerBerry{0%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes coreBerry{0%{transform:rotate(90deg)}50%{transform:rotate(105deg)}to{transform:rotate(90deg)}}@keyframes heroFruitStraw{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}35%{opacity:.8}50%{opacity:0;transform:rotate(0)}75%{opacity:.8}85%{transform:rotate(4deg)}to{opacity:1;transform:rotate(0)}}@keyframes heroBerryLeaf{0%{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{opacity:.8}70%{transform:rotate(0);opacity:.4}85%{transform:rotate(2deg)}to{opacity:1;transform:rotate(0)}}@keyframes heroFruitSlice{0%{transform:rotate(20deg)}25%{transform:rotate(45deg) translateY(5px)}35%{opacity:.8}50%{transform:rotate(60deg) translateY(0) scale(1.1)}70%{opacity:.4}85%{opacity:0;transform:rotate(0) translateY(5px)}to{opacity:1;transform:rotate(20deg)}}@keyframes heroLongBranch{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}35%{opacity:.8}85%{transform:rotate(1deg)}to{opacity:1;transform:rotate(0)}}@keyframes windy{0%{transform:rotate(0)}50%{transform:rotate(10deg)}to{transform:rotate(0)}}