:root{--color-green: #41B461;--color-yellow: #FFEE53;--color-orange: #fff3ca;--bg-yellow: #ffda79;--color-light-bg: #fbf2d6;--color-white: #FFFFFF;--color-text: #222;--border-color: rgb(237, 237, 237);-webkit-font-smoothing:antialiased;font-size:clamp(13.6px,1.15vw,16px);--bg-color: #fff;--main-font: "Noto Sans TC", sans-serif}@media(min-width: 768px){:root{font-size:clamp(13.6px,1.1vw,16px)}}@media(min-width: 1400px){:root{font-size:clamp(13.6px,1.15vw,16px)}}.form label{display:block;margin-bottom:.5rem}.form .error-message{background-color:rgba(255,0,0,.1);border-radius:1rem;font-size:.8rem;margin-top:.5rem;padding:1rem;margin-bottom:1rem;color:rgba(255,30,0,.9);border:1px solid rgba(255,0,0,.2)}.form.login-form{max-width:20rem;margin:auto;text-align:center}.form.login-form input{background-color:var(--border-color);border-radius:2rem;width:100%;padding:.7rem 1.2rem;box-sizing:border-box;margin-bottom:1rem;color:var(--color-text);font-size:.9rem}.form--section-break{position:relative;margin-top:1.6rem;margin-bottom:1.6rem;text-align:center}.form--section-break:after{content:"";position:absolute;bottom:50%;left:0;width:100%;height:1px;background-color:var(--border-color);z-index:1}.form--section-break span{font-size:.8rem;background-color:var(--bg-color);padding:.2rem 1rem;display:inline-block;position:relative;z-index:3;opacity:1;font-weight:100;letter-spacing:1px}.form .form-hint{margin-top:1rem;opacity:.5;font-size:.9rem;display:block}.form .google-login{background-color:#fff;border:1px solid var(--border-color);width:100%;padding:.7rem 1.2rem;transition:all .3s ease}.form .google-login svg{margin-right:10px}.form .google-login:hover{border:1px solid #ccc;background-color:#f9f8f8}.form input{font-size:1rem;border:0;color:var(--color-text)}.form input.input-giant{position:relative;font-size:3rem;max-width:70rem;border-bottom:1px dashed #ccc;font-weight:600}.form input.input-giant::placeholder{color:#bababa}.form input.input-giant:focus{border:0;border-bottom:1px dashed #ccc;outline:none;box-shadow:none;background-color:#fbfbfb}.form select{font-size:1rem;border:0px solid var(--border-color);color:var(--color-text);width:100%;padding:.5rem .5rem;border-radius:10px}.form textarea{font-size:1rem;border:0px solid var(--border-color);color:var(--color-text);width:100%;padding:.5rem .5rem;border-radius:10px;height:7rem;box-sizing:border-box}.form.form-yellow{max-width:35rem;background-color:var(--color-orange);border-radius:1rem;padding:1rem;margin-bottom:1rem}.form-response{max-width:35rem;padding:1rem;margin-top:2rem;border-radius:1rem;background-color:var(--color-green);border:1px solid var(--border-color);color:#fff}button,input,textarea,select{font-family:var(--main-font)}h1 .detail-h1,h2 .detail-h1{font-size:.75em;opacity:.3;font-weight:400}h1 .extra-h1,h2 .extra-h1{font-size:4em;color:var(--color-green)}h1.bigger,h2.bigger{font-size:2.5rem;font-weight:500;line-height:3.2rem;margin-bottom:1.5rem}@media(min-width: 768px){h1.bigger,h2.bigger{font-size:3.4rem;line-height:3.8rem;margin-bottom:2rem}}h1.mega,h2.mega{font-size:3.2rem;font-weight:500;line-height:3.8rem;margin-bottom:2rem}@media(min-width: 768px){h1.mega,h2.mega{font-size:5rem;line-height:5.6rem;margin-bottom:2.5rem}}h3{font-weight:normal;font-size:1rem}h3+h1{margin-top:0}ul li{margin-bottom:1rem}:root{font-size:17px}@media(min-width: 768px){:root{font-size:16px}}.highlight-p{font-size:2rem}.only-mobile{display:block}@media(min-width: 768px){.only-mobile{display:none}}.box-me{display:inline-block;padding:2rem;border-radius:1rem;line-height:1em;margin:1rem 0;background-color:var(--color-orange)}@media(min-width: 768px){.box-me{margin:2rem}}ul.app-list{list-style:none;padding:0;margin:0;margin-bottom:2rem}ul.app-list li{border:1px solid var(--border-color);box-sizing:border-box;margin-bottom:0}ul.app-list li a{box-sizing:border-box;text-decoration:none;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem;font-size:1.4rem;transition:all .3s ease}ul.app-list li a svg{width:1.8rem;float:right}ul.app-list li a:hover{background-color:var(--border-color)}ul.app-list li+li{border-top:none}.spinner{font-size:2rem;width:20px;height:20px;animation:rocking 1.3s infinite alternate;margin-bottom:2rem}@keyframes rocking{0%{transform:rotate(0deg)}100%{transform:rotate(50deg)}}.admin-push{padding:1.4rem;background-color:var(--color-orange);border-radius:1rem;font-size:1rem}.admin-push strong{font-weight:500}.grey-push{display:inline-block;padding:.3rem 1rem;background-color:var(--border-color);border-radius:1rem;font-size:.8rem}.sub-text{font-size:.85rem;margin-bottom:.5rem;opacity:.7}ul.box-list{display:flex;list-style:none;flex-wrap:wrap;gap:2rem;width:100%;padding:0;margin:0;text-align:center;flex-direction:column}@media(min-width: 768px){ul.box-list{flex-direction:row;justify-content:space-around}}ul.box-list li{border-radius:.5rem;transition:all .3s ease;height:19rem;width:100%;display:flex;flex-direction:column;position:relative}@media(min-width: 768px){ul.box-list li{width:calc(50% - 2rem)}}ul.box-list li:hover{transform:scale(1.05)}ul.box-list li img{object-fit:cover;border-radius:1rem;position:absolute;top:0;left:0;width:100%;height:100%}ul.box-list li a{font-weight:bold;height:24rem}ul.box-list li .a-content{position:absolute;top:0;text-align:left;left:0;width:100%;z-index:5;height:100%;margin-top:0;display:flex;flex-direction:column;align-items:space-between;padding:2rem;padding-bottom:1.4rem;box-sizing:border-box}ul.box-list li .a-content div{margin-top:auto}ul.box-list li .a-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgb(254, 233, 115), transparent);z-index:-1;border-radius:1rem}ul.box-list li span{margin-top:0rem;margin-bottom:1rem;display:block;font-size:1.4rem}ul.box-list li span svg{width:2rem;margin-left:auto;float:right}.copy-paste-url{display:flex}.copy-paste-url input{border:0px solid #e2e2e2;padding:.76rem 1.1rem;border-radius:1rem;box-sizing:border-box;color:#1d1d1d;width:100%;font-size:1.1rem;margin-right:1rem}.copy-paste-url button{padding:.76rem 1.1rem;font-size:1.1rem}.copy-paste-url:hover input{border-color:var(--color-yellow)}.content-restrict{max-width:1340px;margin:0 auto}.content-restrict>*{max-width:90ch}.button{padding:.8rem 1.5rem;padding-top:.7rem;border-radius:1.8rem;border:none;cursor:pointer;transition:all .3s ease-in-out;font-size:.92rem;letter-spacing:.5px;font-weight:500;display:flex;align-items:center;justify-content:center;outline:none;display:inline-block}.button svg{margin-right:.5rem;height:.92rem;align-self:center;transform:translateY(0.3rem)}.button--primary{background-color:var(--color-green);color:var(--color-white)}.button--primary:hover{background-color:var(--color-yellow);color:var(--color-green)}.button--black{background-color:var(--color-text);color:var(--color-white)}.button--black:hover{background-color:var(--color-green);color:var(--color-white)}.button--inline{background-color:var(--color-green);color:var(--color-white);padding:.3rem .8rem;font-size:.8em;margin-top:.7rem}.button--inline:hover{background-color:var(--color-yellow);color:var(--color-green)}.button--inline-secondary{padding:.3rem .8rem;font-size:.8em;margin-top:.7rem}.button--inline-secondary:hover{background-color:var(--color-yellow);color:var(--color-green)}.button--secondary{background-color:var(--color-yellow);color:var(--color-green)}.button--secondary:hover{background-color:var(--color-green);color:var(--color-white)}.button:disabled{background-color:#a9a9a9;cursor:not-allowed;opacity:.7}.button:disabled:hover{background-color:#a9a9a9;color:var(--color-white)}.button+.button{margin-left:1rem}html,body{font-family:var(--main-font);color:var(--color-text);margin:0;background-color:#fef6ec;background-color:var(--bg-color)}html a,body a{text-decoration:none;color:inherit}.spacer{width:100%;height:.5rem}.spacer--2{height:1rem}.spacer--4{height:2rem}.spacer--6{height:3rem}@media(min-width: 768px){.spacer{height:1rem}.spacer--2{height:2rem}.spacer--4{height:4rem}.spacer--6{height:6rem}}.penned{background-position:center center;background-size:contain;background-repeat:no-repeat;background-image:url('data:image/svg+xml,<svg width="256" height="118" viewBox="0 0 256 118" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M196.096 89.3768C189.847 92.5019 184.644 95.1593 180.255 97.8378C148.419 117.263 116.258 118.616 86.8102 116.468C76.0609 115.684 66.1082 114.532 56.5796 113.429C38.4373 111.329 21.8326 109.406 4.19534 110.543L0.0434756 46.1394C20.6833 44.8088 42.6548 47.3105 62.5562 49.5766C71.316 50.574 79.6747 51.5257 87.3422 52.0849C114.198 54.0433 137.657 52.1932 159.719 38.7321C165.727 35.0659 172.336 31.7279 178.426 28.6822C178.978 28.4063 179.526 28.1322 180.072 27.8596C185.795 25.0002 191.201 22.2994 196.442 19.3467C208.461 12.5757 216.017 6.33545 219.926 0.134244L255.963 43.4848C244.812 61.1748 228.787 71.8275 215.791 79.149C209.66 82.6031 203.397 85.7305 197.81 88.5203C197.231 88.8094 196.659 89.0949 196.096 89.3768Z" fill="%23FFEE53"/></svg>')}.layout__content,.layout__footer{padding:0rem 1rem}@media(min-width: 768px){.layout__content,.layout__footer{padding:0rem 2rem}}.layout__content>section,.layout__content .background-section section,.layout__footer>section,.layout__footer .background-section section{max-width:1340px;margin:0 auto}.layout__footer{background-color:var(--color-green);padding:4rem;color:#fff;text-align:left}.layout__footer__content{display:flex;gap:5vh;align-items:flex-start;text-align:left;flex-direction:column}@media(min-width: 768px){.layout__footer__content{padding:0rem 2rem;flex-direction:row;gap:20vw}}.layout__footer .layout__header__logo{text-align:left;justify-content:flex-start}.layout__footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.layout__header{padding:0rem 1rem;display:flex;align-items:center;font-weight:600}@media(min-width: 768px){.layout__header{padding:0rem 2rem}}.layout__header h2{font-size:1.1rem;opacity:.9}.layout__header__hamburger{position:absolute;top:-0.1rem;right:0rem;z-index:1000;padding:1rem;height:1.2rem;width:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width: 768px){.layout__header__hamburger{display:none}}.layout__header__hamburger span{display:block;height:2px;background-color:var(--color-text);width:100%;margin-top:6px;transition:all .3s ease}.layout__header__hamburger.open span:nth-child(1){transform:rotate(45deg);transform-origin:50% 50%;margin-top:0}.layout__header__hamburger.open span:nth-child(2){transform:rotate(-45deg);transform-origin:50% 50%;margin-top:-2px}.layout__header__logo{align-items:center;display:flex;height:100%;justify-content:center}.layout__header__logo h1{text-decoration:none;color:inherit}.layout__header__logo img{width:2.3rem;height:2.3rem;margin-right:1rem}.layout__header__nav{margin-left:auto}.layout__header__nav ul{list-style:none;margin-left:0;padding:0;display:none}@media(min-width: 768px){.layout__header__nav ul{display:flex}}.layout__header__nav ul li{margin-left:1.9rem;font-size:.9rem;opacity:.9;cursor:pointer}.layout__header__nav ul li a{height:2.5rem;display:flex;align-items:center}.layout__header__right-menu{position:absolute;background-color:#fff;width:100%;min-height:40vh;top:0;left:0;box-sizing:border-box;padding-top:10vh;opacity:0;pointer-events:none;transition:all .3s ease;transform:translateY(-50%);padding-bottom:2rem}@media(min-width: 768px){.layout__header__right-menu{transform:translateY(0);position:relative;min-height:0;width:auto;padding-top:0;background-color:rgba(0,0,0,0);pointer-events:all;opacity:1;padding-bottom:0}}.layout__header__right-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.layout__header__right-menu ul{list-style:none;display:flex;align-items:center;flex-direction:column;padding-left:0}@media(min-width: 768px){.layout__header__right-menu ul{flex-direction:row;padding-left:2rem}}.layout__header__right-menu ul li{font-size:1.3rem;margin-bottom:1.5rem;opacity:.9;cursor:pointer}@media(min-width: 768px){.layout__header__right-menu ul li{flex-direction:row;margin-bottom:1rem;margin-left:1rem;font-size:.9rem}}.layout__header a:not(.button){transition:all .3s ease}.layout__header a:not(.button):hover{opacity:.7}.center-content{text-align:center}ul.image-list{display:flex;list-style:none;flex-wrap:wrap;gap:2rem;width:100%;padding:0;margin:0;text-align:center;flex-direction:column}@media(min-width: 768px){ul.image-list{flex-direction:row;justify-content:space-around}}ul.image-list li{border-bottom-left-radius:1rem;border-bottom-right-radius:1.2rem;border-top-left-radius:1rem;border-top-right-radius:1rem;transition:all .3s ease;width:100%;display:flex;flex-direction:column}ul.image-list li:hover{transform:scale(1.05)}ul.image-list li img{width:100%;height:20rem;object-fit:cover;border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;transition:all .3s ease}ul.image-list li a{font-weight:bold;height:24rem}ul.image-list li span{margin-top:1rem;margin-bottom:1rem;display:block}@media(min-width: 768px){ul.image-list li{width:calc(50% - 2rem)}}button{padding:.8rem 1.5rem;padding-top:.7rem;border-radius:1.8rem;border:none;cursor:pointer;transition:all .3s ease-in-out;font-size:.92rem;letter-spacing:.5px;font-weight:500;display:flex;align-items:center;justify-content:center;outline:none;margin:auto}button svg{margin-right:.5rem;height:.92rem;align-self:center;transform:translateY(0.3rem)}button:hover{background-color:var(--color-yellow)}.line-queue{list-style:none;padding:0;margin:0;position:relative;min-height:6rem}.line-queue li{font-size:.8em}.line-queue li .q-nr{font-size:2rem;font-weight:800}.line-queue:before{position:absolute;top:0;height:100%;width:100%;left:0;content:"";background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));opacity:.7}.user-badge{border-radius:50%;color:#fff;background-color:var(--color-green);display:flex;font-weight:600;align-items:center;justify-content:center;text-transform:uppercase;height:2rem;width:2rem;font-size:1rem;transition:all .3s ease}.user-badge:hover{background-color:var(--color-yellow);color:var(--color-green)}.align-left{text-align:left}.align-left button{margin-left:0}.linelemon-columns{display:flex;flex-direction:row;justify-content:space-around;flex-direction:column}@media(min-width: 768px){.linelemon-columns{flex-direction:row}}@media(max-width: 768px){.linelemon-column{width:100% !important;max-width:100% !important}}.img-text{display:flex;gap:1rem;flex-direction:column-reverse}@media(min-width: 768px){.img-text{flex-direction:row;gap:8rem}.img-text>div{width:50%}}.img-text__img img{width:100%;height:100%;object-fit:cover}.img-text.text-align-center{text-align:center}.img-text.vertical-centered{align-items:center;justify-content:center}.img-text.image-left{flex-direction:column-reverse}@media(min-width: 768px){.img-text.image-left{flex-direction:row-reverse}}.img-section{width:100%;height:66vh;margin:0;max-width:99999px !important;overflow:hidden}@media(min-width: 768px){.img-section{height:86vh}}.img-section__img{width:100%;height:100%}.img-section__img img{width:100%;height:100%;object-fit:cover;object-position:center}.cta-container h2{font-size:2.6rem;font-weight:500}.slide-indicator{width:10px;height:10px;border-radius:50%;background-color:#d9d9d9;margin:.4rem .4rem;opacity:.9;cursor:pointer}.slide-indicator.active{background-color:var(--color-green)}.how-to-slides{background-color:var(--color-light-bg);margin-left:-1rem;margin-right:-1rem;gap:1rem;padding:1rem;box-sizing:border-box}@media(min-width: 768px){.how-to-slides{margin-left:-2rem;margin-right:-2rem}}.how-to-slides>div{box-sizing:border-box}.how-to-slides>div h3{padding:0rem 0rem;margin:.8rem 0;margin-bottom:.2rem;display:inline-block}.how-to-slides>div img{width:100%;object-fit:cover}.slide-container{border:.5rem solid var(--color-light-bg);height:22rem}.slide-container .slide{height:22rem}.slide-container .slide div{height:22rem;height:100%;background-position:top left;background-repeat:no-repeat;background-size:cover}@media(min-width: 768px){.slide-container{height:32rem}.slide-container .slide{height:32rem}.slide-container .slide div{height:32rem}}.slideShow-text{padding:1rem 2rem}@media(min-width: 768px){.slideShow-text{padding:1rem 4rem}}.slideShow-text h3{font-size:1rem;font-weight:bold;margin-bottom:0;padding-bottom:0;margin-top:2rem}.slideShow-text p{margin:0}.quote-container{margin-left:-1rem;margin-right:-1rem;background-color:var(--bg-yellow);padding:2rem;text-align:center}@media(min-width: 768px){.quote-container{padding:5rem;margin-left:-2rem;margin-right:-2rem}}.quote-container p{line-height:2.1em}.quote-container h2{font-size:6rem;margin:0;text-align:center;transform:translateX(-0.5em)}.article-page p{font-size:1rem;line-height:1.6em}.site-menu-toggle{opacity:0;pointer-events:none;position:absolute}.site-menu-toggle:checked~.layout__header__hamburger span:nth-child(1){transform:rotate(45deg);transform-origin:50% 50%;margin-top:0}.site-menu-toggle:checked~.layout__header__hamburger span:nth-child(2){transform:rotate(-45deg);transform-origin:50% 50%;margin-top:-2px}.site-menu-toggle:checked~.layout__header__right-menu{transform:translateY(0);opacity:1;pointer-events:all}.marketing-start-hero{max-width:48rem;margin:auto}.how-to-slides img{width:100%}.how-to-slides{align-items:stretch}.how-to-slides>.linelemon-column{flex:1 1 0;min-width:0}.how-to-slides>.linelemon-column img{aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center}.static-slideshow{cursor:grab;overflow:hidden;position:relative;touch-action:pan-y}.static-slideshow.is-dragging{cursor:grabbing}.static-slide-track{display:flex;height:100%;transform:translateX(calc(var(--slide-index, 0) * -100%));transition:transform 240ms ease;width:100%}.static-slideshow.is-dragging .static-slide-track{transition:none}.static-slide{flex:0 0 100%;min-width:100%}.static-slide-indicators{bottom:1rem;display:flex;justify-content:center;left:0;position:absolute;width:100%;z-index:2}.static-slide-indicator{border:0;padding:0}.static-slide-indicator.active{background-color:var(--color-green)}.quote-inner{max-width:37rem;margin:auto}.quote-inner img{width:9rem;margin:auto}.language-link{border-bottom:1px dotted currentColor}.layout__footer a:hover,.layout__header a:hover{opacity:.7}