@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);.landing[data-v-4811e02d]{min-width:100vw;background:url(../img/cover-bg-mobile.e72caad4.jpg);background-size:cover!important;background-position:50%;position:relative}@media(min-width:768px){.landing[data-v-4811e02d]{background:url(../img/cover-bg2.fb1c9e4d.png);background-position:50%}}.header[data-v-085d6374]{display:flex;justify-content:space-between;padding:30px 20px;z-index:200;position:fixed;top:0;left:0;width:100%;align-items:center;background:#094}@media screen and (min-width:768px){.header[data-v-085d6374]{padding:20px;box-shadow:0 4px 4px rgba(0,0,0,.25);z-index:500}}.header__home[data-v-085d6374]{height:24px}.header__home[data-v-085d6374]:hover{cursor:pointer}@media screen and (min-width:768px){.header__home[data-v-085d6374]{height:36px}}.header__logo[data-v-085d6374]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:768px){.header__logo[data-v-085d6374]{margin-left:24px}}.header__left[data-v-085d6374],.header__right[data-v-085d6374]{display:flex;align-items:center}.header__share[data-v-085d6374]{width:24px;height:24px;margin-left:12px}.header__share[data-v-085d6374]:hover{cursor:pointer}@media screen and (min-width:768px){.header__share[data-v-085d6374]{width:34px;height:32px}}.header__burger[data-v-085d6374]{width:28px;height:16px;transition:transform 2s}.header__burger[data-v-085d6374]:hover{cursor:pointer}.header__burger.open[data-v-085d6374]{transform:rotate(90deg)}.header .share-icons[data-v-085d6374]{position:absolute;top:10px;right:0;transform:translateY(70px);padding:0 20px;z-index:200;height:24px}.header .share-icons__item[data-v-085d6374]{background:#fff;width:24px;height:24px;border-radius:50%;z-index:200;display:flex;align-items:center;justify-content:center;border:1px solid #094}.header .share-icons__item[data-v-085d6374]:hover{cursor:pointer;box-shadow:2px 2px 0 rgba(0,0,0,.5);transform:translate(1px,1px)}.header .share-icons__item[data-v-085d6374]:not(:first-child){margin-top:12px}@media screen and (min-width:768px){.header .share-icons__item[data-v-085d6374]{width:36px;height:36px}}.header .share-icons__item img[data-v-085d6374]{height:70%}.header__sections[data-v-085d6374]{display:flex;font-weight:700;font-size:16px;line-height:23px;color:#fff}.header__sections--item[data-v-085d6374]{position:relative;list-style-type:none}.header__sections--item[data-v-085d6374]:not(:first-child){margin-left:96px}.header__sections--item[data-v-085d6374]:after{display:block;height:4px;width:calc(100% - 30px);background:#ffff29;position:absolute;bottom:-28px;left:15px}.header__sections--item[data-v-085d6374]:hover{cursor:pointer;color:#ffff29}.header__sections--item[data-v-085d6374]:hover:after{content:""}.header__sections--item.active[data-v-085d6374]{color:#ffff29}.header__sections--item.active[data-v-085d6374]:after{content:""}.desktop[data-v-085d6374]{display:none}@media screen and (min-width:768px){.desktop[data-v-085d6374]{display:inherit}}@media screen and (min-width:768px){.mobile[data-v-085d6374]{display:none}}.sidebar[data-v-22c203fe]{background:#77bc1f;padding:156px 40px 16px 40px;position:fixed;top:0;left:0;height:100%;z-index:400;color:#fff;transition:transform 1s;transform:translate(-100%)}.sidebar.show[data-v-22c203fe]{transform:translate(0)}@media screen and (min-width:768px){.sidebar[data-v-22c203fe]{padding:208px 28px 16px 28px;transform:translate(0)}}.sidebar .section[data-v-22c203fe]:not(:first-child){margin-top:36px}@media screen and (min-width:768px){.sidebar .section[data-v-22c203fe]{margin-top:24px}}.sidebar .section__name[data-v-22c203fe]{font-weight:700;font-size:16px}.sidebar .section__parts--item[data-v-22c203fe]{margin-top:16px;color:#f2f2f2;display:flex;align-items:center;font-size:14px}.sidebar .section__parts--item[data-v-22c203fe]:before{content:"";display:block;width:16px;height:16px;background:#f2f2f2;margin-right:8px}@media screen and (min-width:768px){.sidebar .section__parts--item[data-v-22c203fe]:before{width:24px;height:24px;margin-right:12px}.sidebar .section__parts--item[data-v-22c203fe]:before:hover{cursor:pointer;color:#ffed00}.sidebar .section__parts--item[data-v-22c203fe]:before:hover:before{background:#ffed00}}@media screen and (min-width:768px){.sidebar .section__parts--item[data-v-22c203fe]{font-weight:700;font-size:21px;line-height:30px}}.sidebar .section__parts--item.active[data-v-22c203fe]{color:#ffed00}.sidebar .section__parts--item.active[data-v-22c203fe]:before{background:#ffed00}@media screen and (min-width:768px){.mobile[data-v-22c203fe]{display:none}}.layout[data-v-6f92baa6]{min-width:100vw;max-width:100vw;top:0;left:0}.layout .book[data-v-6f92baa6]{position:fixed;bottom:43px;right:15px}.layout .book img[data-v-6f92baa6]{width:65px}@media(min-width:768px){.layout .book img[data-v-6f92baa6]{width:100px}}@media(min-width:768px){.layout .book[data-v-6f92baa6]{bottom:7px;right:24px}}.container[data-v-60cc7b50]{padding-top:85px;min-height:100vh;width:100vw;overflow:hidden}@media(min-width:768px){.container[data-v-60cc7b50]{padding-top:76px;padding-left:302px}}@media(min-width:768px){.container.section-2[data-v-60cc7b50]{padding-left:344px}}.green[data-v-60cc7b50]{background:#77bc1f}.conclusion[data-v-534f8b5c]{padding:21px 24px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}@media(min-width:768px){.conclusion[data-v-534f8b5c]{max-width:calc(100vw - 302px);padding:21px 24px}}.conclusion__title[data-v-534f8b5c]{font-weight:900;font-size:26px;line-height:38px;color:#094;text-align:center;margin-bottom:14px}@media(min-width:768px){.conclusion__title[data-v-534f8b5c]{font-size:42px;line-height:63px;max-width:1017px;margin:0 auto;margin-bottom:0}}.conclusion .info[data-v-534f8b5c]{display:flex;flex-direction:column;align-items:center}@media(min-width:1200px){.conclusion .info[data-v-534f8b5c]{flex-direction:row;margin-top:24px}}.conclusion .info__img[data-v-534f8b5c]{margin:0 auto;max-width:100%}@media(min-width:1200px){.conclusion .info__img[data-v-534f8b5c]{max-height:calc(100vh - 317px);flex:1;margin:0 0 0 114px}}.conclusion .info__img[data-v-534f8b5c]:hover{transform:scale(1.1)}.conclusion .info__content[data-v-534f8b5c]{padding:23px 15px 47px 15px;background:#ffffe7;border:3px solid #094;border-radius:62px;margin:0 auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:14px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:1200px){.conclusion .info__content[data-v-534f8b5c]{padding:32px;min-width:384px;width:384px;margin-left:29px;margin-right:86px;min-height:495px}}.conclusion .info__content--subtitle[data-v-534f8b5c]{font-weight:700;font-size:22px;line-height:32px;text-align:center;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#094}@media(min-width:768px){.conclusion .info__content--subtitle[data-v-534f8b5c]{font-size:28px;line-height:41px}}.conclusion .info__content--paragraph[data-v-534f8b5c]{font-weight:350;font-size:16px;line-height:24px;color:#094}.conclusion .info__content--paragraph[data-v-534f8b5c]:not(:first-child){margin-top:2em}@media(min-width:768px){.conclusion .info__content--paragraph[data-v-534f8b5c]{font-size:18px;line-height:26px}}.conclusion__next[data-v-534f8b5c]{width:0;height:0;border-style:solid;border-width:24.2px 14px 0 14px;border-color:#009945 transparent transparent transparent;margin-top:20px}.conclusion__next[data-v-534f8b5c]:hover{cursor:pointer}@media(min-width:768px){.conclusion__next[data-v-534f8b5c]{transform:translateY(-100%)}}.sot[data-v-704fceaf]{display:flex;flex-direction:column;align-items:center;position:relative;max-width:983px;margin:0 auto}@media(min-width:768px){.sot[data-v-704fceaf]{padding:24px 0;overflow:hidden;min-height:calc(100vh - 233px)}}.sot__content[data-v-704fceaf]{padding:28px 56px}@media(min-width:768px){.sot__content[data-v-704fceaf]{padding:15px 74px}}@media(min-width:1400px){.sot__content[data-v-704fceaf]{padding:15px 0}}.sot__content--title[data-v-704fceaf]{font-weight:700;font-size:20px;line-height:30px;text-align:center;color:#094}@media(min-width:768px){.sot__content--title[data-v-704fceaf]{font-size:42px;line-height:60px}}.sot__content--desc[data-v-704fceaf]{margin-top:28px;font-weight:350;font-size:16px;line-height:24px;color:#094}@media(min-width:768px){.sot__content--desc[data-v-704fceaf]{font-size:20px;line-height:29px;margin-top:16px}}.desktop[data-v-704fceaf]{display:none}@media(min-width:768px){.desktop[data-v-704fceaf]{display:inline}}.feedback[data-v-97502214]{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}@media(min-width:768px){.feedback[data-v-97502214]{padding:24px 0}}.feedback__content[data-v-97502214]{padding:28px 42px}@media(min-width:768px){.feedback__content[data-v-97502214]{display:flex;max-width:977px;padding:40px 0;align-items:center}}.feedback__content--title[data-v-97502214]{font-weight:700;font-size:24px;line-height:35px;text-align:center;color:#094;margin-bottom:32px}@media(min-width:768px){.feedback__content--title[data-v-97502214]{font-size:40px;line-height:58px;margin-bottom:0;min-width:177px;margin-right:44px}.feedback__content--title span[data-v-97502214]{font-size:24px}}.feedback__content--desc[data-v-97502214]{font-weight:350;font-size:16px;line-height:24px;color:#094}@media(min-width:768px){.feedback__content--desc[data-v-97502214]{font-size:18px;line-height:27px;flex:1}.feedback__content--desc[data-v-97502214]:not(:first-child){margin-top:16px}}.feedback__content--store[data-v-97502214]{font-weight:400;font-size:18px;line-height:27px}@media(min-width:768px){.feedback__content--store[data-v-97502214]{font-size:24px;line-height:36px}}.swiper[data-v-97502214]{width:100vw;height:67vw;position:relative;overflow:hidden;transform:translate(50%);transition:transform 2s;background:#77bc1f}@media(min-width:768px){.swiper[data-v-97502214]{border:6px solid #77bc1f;border-radius:46px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;max-width:977px;margin:0 auto;height:auto;width:calc(100vw - 824px);position:relative;z-index:0}}.swiper img[data-v-97502214]{opacity:0;transition:opacity 2s}.swiper.left[data-v-97502214]{transform:translate(-50%);background:#ffff29}.swiper.enter[data-v-97502214]{transform:translate(0)}.swiper.enter img[data-v-97502214]{opacity:1}.swiper-wrapper[data-v-97502214]{width:500%;position:relative}.swiper-slide[data-v-97502214],.swiper-wrapper[data-v-97502214]{display:flex;transform:rotate(0deg);-webkit-transform:rotate(0deg)}.swiper-slide[data-v-97502214]{width:100%;justify-content:center;align-items:center;text-align:center}.swiper-slide img[data-v-97502214]{width:100%}.swiper-pagination[data-v-97502214]{position:absolute;bottom:8px;height:8px;width:100%;display:flex;justify-content:center;margin-bottom:8px}.swiper-pagination[data-v-97502214] .swiper-pagination-bullet{width:8px;height:8px;background:#d9d9d9;border-radius:50%}.swiper-pagination[data-v-97502214] .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:8px}.swiper-pagination[data-v-97502214] .swiper-pagination-bullet-active{background:#ffed00}.action[data-v-d1c14e7c]{background:#77bc1f;color:#fff;margin:0 auto;padding:117px 56px 0 56px;min-height:80vh;position:relative;max-width:100vw;min-height:calc(100vh - 85px);display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media(min-width:768px){.action[data-v-d1c14e7c]{padding:117px 40px 0 0;min-height:calc(100vh - 75px)}}.action__title[data-v-d1c14e7c]{font-size:20px;text-align:center;max-width:677px;color:#fff;margin:0 auto}@media(min-width:768px){.action__title[data-v-d1c14e7c]{font-size:40px;line-height:60px}}.action__desc[data-v-d1c14e7c]{font-weight:350;font-size:16px;line-height:24px;max-width:677px;color:#fff;margin:0 auto;margin-top:28px}@media(min-width:768px){.action__desc[data-v-d1c14e7c]{margin-top:34px;font-size:22px;line-height:33px}}.action img[data-v-d1c14e7c]{max-width:80vw}@media(min-width:768px){.action img[data-v-d1c14e7c]{max-width:80vw;max-height:50vh}}.action[data-v-b90a149e]{background:#77bc1f;color:#fff;margin:0 auto;padding:117px 56px 0 56px;min-height:80vh;position:relative;max-width:100vw;overflow:hidden;min-height:calc(100vh - 85px);display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media(min-width:768px){.action[data-v-b90a149e]{padding:117px 40px 0 0;min-height:calc(100vh - 75px)}}.action__title[data-v-b90a149e]{font-size:20px;text-align:center;max-width:677px;color:#fff;margin:0 auto}@media(min-width:768px){.action__title[data-v-b90a149e]{font-size:40px;line-height:60px}}.action__desc[data-v-b90a149e]{font-weight:350;font-size:16px;line-height:24px;max-width:677px;color:#fff;margin:0 auto;margin-top:28px}@media(min-width:768px){.action__desc[data-v-b90a149e]{margin-top:34px;font-size:22px;line-height:33px}}.action__image[data-v-b90a149e]{margin:36px 0;position:relative}@media(min-width:768px){.action__image[data-v-b90a149e]{margin-top:88px;display:flex;justify-content:flex-end}}.action__image .desktop__right[data-v-b90a149e]{max-width:363px;margin-left:14px}.action__image .desktop__right div[data-v-b90a149e]{background:transparent}.action__image .desktop__right div+div[data-v-b90a149e]{margin-top:16.5px}.action__image .desktop__top[data-v-b90a149e]{display:flex;flex-wrap:wrap;width:570px}.action__image .desktop__top div[data-v-b90a149e]:first-child{width:271px;margin-right:12px;background:transparent}.action__image .desktop__top div[data-v-b90a149e]:nth-child(2){width:287px;margin-top:0}.action__image .desktop__top div[data-v-b90a149e]:nth-child(3){width:245px;margin-top:10px;background:transparent}.action__image .desktop__top div[data-v-b90a149e]:nth-child(4){width:309px;margin-top:10px;margin-left:16px}.action__image .desktop__bottom[data-v-b90a149e]{display:flex}.action__image .desktop__left[data-v-b90a149e]{width:369px}.action__image .desktop__left div[data-v-b90a149e]{background:transparent;margin-top:12px}.action__image .desktop__left div+div[data-v-b90a149e]{margin-top:19px}.action__image .desktop__middle[data-v-b90a149e]{width:185px;margin-left:16px}.action__image .desktop__middle div[data-v-b90a149e]{background:transparent;margin-top:12px}.action__image .desktop__middle div+div[data-v-b90a149e]{margin-top:6.6px}.action__image--item[data-v-b90a149e]{background:#fff;width:100%;opacity:.8}.action__image--item[data-v-b90a149e]:not(:first-child){margin-top:14px}.action__image--item[data-v-b90a149e]:hover{opacity:1;cursor:pointer}.action__image--item img[data-v-b90a149e]{width:100%}.action__image--modal[data-v-b90a149e]{background:#fff;position:absolute;width:calc(100% - 36px);left:18px;top:50%;transform:translateY(-50%);z-index:20}.action__image--mask[data-v-b90a149e]{width:100%;height:100%;z-index:10;position:absolute;top:0;left:0}.action .blur[data-v-b90a149e]{filter:blur(4px)}.action .blur [data-v-b90a149e]:hover{opacity:.8}.wrapper .scroll-area-inside[data-v-6fc3b61c],.wrapper .scroll-container-inside[data-v-6fc3b61c]{max-width:100vw}.wrapper .scroll-container-inside[data-v-6fc3b61c]{overflow:auto;scroll-snap-type:y mandatory}.wrapper .scroll-area-inside[data-v-6fc3b61c]{width:100vw;scroll-snap-align:start}.action[data-v-6fc3b61c]{position:relative;margin-top:60px}.action__thumb[data-v-6fc3b61c]{width:80px;height:80px;box-shadow:0 4px 4px rgba(0,0,0,.25);position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#77bc1f;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:5}.action__thumb img[data-v-6fc3b61c]{width:60%}@media(min-width:768px){.action__thumb[data-v-6fc3b61c]{left:calc(172px + 50vw);width:120px;height:120px}}#app[data-v-1e6322b4]{font-family:Noto Sans TC;margin:0}#app .scroll-area[data-v-1e6322b4],#app .scroll-container[data-v-1e6322b4]{max-width:100vw;height:100vh}#app .scroll-container[data-v-1e6322b4]{overflow:auto;scroll-snap-type:y mandatory}#app .scroll-area[data-v-1e6322b4]{scroll-snap-align:start;position:relative}#app .landing[data-v-1e6322b4]{height:205vw}@media(min-width:768px){#app .landing[data-v-1e6322b4]{height:66.46vw;min-height:100vh}}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,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,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@media(min-width:768px){.mobile{display:none}}*{scroll-snap-type:none;scroll-snap-align:inherit!important}