*{margin:0;padding:0}body{margin:0;padding:0;font-family:'Noto Sans TC',sans-serif}#content{position:relative;height:100%;width:100%}img{max-width:100%;height:auto}p+p{margin-top:15px}.d-none{display:none}.move{animation:move 5s ease;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes move{0%{transform-origin:bottom top;transform:scale(1)}50%{transform:scale(5)}100%{transform:scale(1)}}body.select-page{background-color::222}body.select-page #content{display:flex;align-items:center;justify-content:center;position:fixed;overflow:hidden;background-image:url(../images/background/pick-background.jpg);background-size:cover}@keyframes blinkingTextL{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blinkingTextR{0%{opacity:0}50%{opacity:1}100%{opacity:0}}img.c-b.c-b1{position:absolute;animation:blinkingText 4s infinite}img.c-b.c-b2{animation:blinkingTextR 4s infinite}#select-page{height:100%;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}#select-page .logo{padding:30px 0 5%}#select-page.tablet .logo{width:35%;margin-top:3%;position:absolute;padding:0;padding-left:3%}#select-page.tablet .scrollspy{bottom:6%}#select-page.tablet .scrollspy li{height:10px;width:10px}#select-page.tablet #selection{margin-top:13.5%;margin-bottom:16%;height:100%}#select-page.tablet #selection .plant-card{width:31%}.logo-tablet{position:absolute;bottom:5%;left:3%;width:280px}.select-box{z-index:999;display:flex;justify-content:space-between;align-items:center;padding:30px 20px 48px;position:absolute;bottom:0;left:0;right:0}.select-box .btn-select{width:6%;max-width:20px;cursor:pointer;opacity:.6}.select-box .pick-text{width:70%;max-width:600px}.select-box.tablet{justify-content:center;bottom:8%}.select-box.tablet .btn-select{top:50%;max-width:40px;transform:translateY(-50%);position:fixed}.select-box.tablet #prev{left:2%}.select-box.tablet #next{right:2%}.selectTag{opacity:.4;transition:.5s ease}section.content-inside{height:60%;display:flex;flex-direction:column;justify-content:space-between;align-content:center}.selection-wrapper{height:calc(100% - 250px);overflow:hidden}#selection{height:102%;scroll-behavior:smooth;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:mandatory;-ms-scroll-snap-type:x mandatory;-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-points-x:repeat(100%)}@supports (scroll-snap-type: x mandatory){#selection{scroll-snap-type:x mandatory}}#selection::-webkit-scrollbar{display:none;width:0px;height:0px;background:transparent}#selection .plant-card{-webkit-overflow-scrolling:touch;scroll-snap-align:center;flex:0 0 auto;position:relative;display:flex;align-items:center;width:80%;height:98%;overflow-y:hidden}#selection .plant-card img{height:100%;object-fit:contain;width:100%}#selection .plant-card .select-link{position:relative;display:block;height:inherit}#selection .plant-card:first-child{margin-left:10%}#selection .plant-card:last-child{padding-right:10%}#selection::-webkit-scrollbar{display:none}@keyframes ani{0%{transform:translateX(-3400%)}30%{transform:translateX(-3800%)}100%{transform:translateX(0)}}.tablet #selection .plant-card:first-child{margin-left:0}#result-popup-box{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.4);z-index:9998;opacity:0;visibility:hidden;transition:.4s ease}#result-popup-box.open-result{opacity:1;visibility:visible}#result-popup-box.open-result .result-popup{transform:translateY(0)}.result-popup{transition:.8s ease;border-radius:10px;border:2px solid #b4b4b4;background-image:url(../images/background/pick-background.jpg);height:299px;width:320px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:9999;overflow:hidden}.result-popup .popup-title{padding:17px 0 5px;text-align:center;font-size:14pt;color:#b4b4b4;letter-spacing:2px;font-weight:300}.result-popup .popup-plans{height:148px;display:flex;justify-content:center;text-align:center;padding:0 5.5px}.result-popup .popup-plans .plants_popup{width:106px;padding-bottom:11px}.result-popup .popup-taskbar{border-top:2px solid #b4b4b4;background:#c8c8c8;height:68px;display:flex;align-items:center;justify-content:space-around}.result-popup .popup-taskbar .btn-popup{display:block;height:68px;line-height:68px;color:#5E5E5B;text-decoration:none;font-size:18pt;font-weight:400;width:50%;text-align:center;font-family:'Noto Sans TC'}.result-popup .popup-taskbar .btn-popup button{color:#5E5E5B;font-size:18pt;font-weight:400;border:0;background:transparent;font-family:'Noto Sans TC'}.result-popup .popup-taskbar .btn-popup:first-child{border-right:1px solid #b4b4b4}.result-popup.tablet{border-radius:16px;width:600px;height:464px}.result-popup.tablet .popup-title{padding:31px 0 18px;font-size:20pt}.result-popup.tablet .popup-taskbar{margin-top:8px;height:98px}.result-popup.tablet .popup-taskbar .btn-popup{font-size:25pt;height:98px;line-height:98px}.result-popup.tablet .popup-taskbar .btn-popup button{font-size:25pt}.result-popup.tablet .popup-plans{height:265px}.result-popup.tablet .popup-plans .plants_popup{padding-bottom:0}.result-popup.tablet .popup-plans .plants_popup img{height:100%}.scrollspy{display:flex;margin:auto;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);border-radius:10px;background:#323232}.scrollspy li{height:5px;width:8px;margin:0;background:#323232;list-style-type:none;border-radius:8px}.scrollspy li.show{background:#5a5a5a}.scrollspy li:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.scrollspy li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.blinking{animation:blinkingText 2s infinite}@keyframes blinkingText{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.hr{height:1px;background:#493D37;width:100%;margin:60px 0 25px}body.result-page{background:#e6e6e2;height:100%}.spacer12{height:12px}.result-image{height:0;padding-bottom:100%}#get-coupon{opacity:0;background:#e6e6e2;visibility:hidden;transition:.4s ease;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999999;overflow:scroll}#get-coupon.active{opacity:1;visibility:visible}.clap,.claps{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;transition:1.5s ease;opacity:1;visibility:visible;z-index:9;cursor:pointer}.clap .clap-img,.claps .clap-img{pointer-events:none;padding-top:21px;width:284px;height:330px;text-align:center;background:black;opacity:.7;border-radius:30px;align-items:center;display:flex;flex-direction:column}.clap .clap-img img.clapping,.claps .clap-img img.clapping{max-width:100%;width:210px}.clap .remind-img,.claps .remind-img{pointer-events:none;border-radius:30px;text-align:center;background:rgba(20,20,20,0.8);padding:21px 0 0;width:284px;height:365px}.clap .remind-img .swipe,.claps .remind-img .swipe{width:210px;height:210px;display:inline-block;margin:0 15px}.clap.hide,.claps.hide{opacity:0;visibility:hidden}#share-complete{min-height:100vh;position:relative;background:#e6e6e2;opacity:1;visibility:visible;z-index:9999}#share-complete .gift-btn{width:70%;margin:auto;margin-top:-7.5%;position:relative}#share-complete .gift-btn a{display:block;cursor:pointer}#share-complete .logo{bottom:40px;position:absolute;width:100%}#share-complete .logos{bottom:40px;position:absolute;width:100%}#share-complete.active{opacity:1;visibility:visible}#result-page #share-complete{display:none;position:fixed;top:0;left:0}#result-page #share-complete.active{display:block}#result-page .logo{padding-top:30px;margin-bottom:30px}#result-page .nav{padding:13px 0 25px;text-align:center}#result-page #card3 .logo{margin-bottom:85px}.res a{color:#5E5E5B;text-decoration:none;font-weight:400;font-size:18pt;position:absolute;padding-top:120px;letter-spacing:2px}.nav ul{position:relative;display:inline-block;list-style:none;cursor:default}.nav ul li{position:relative;display:block;float:left;margin:0 5pt;width:10pt;height:10pt;cursor:pointer}.nav ul li a{top:0;left:0;width:100%;height:100%;outline:none;border-radius:50%;background-color:#d7d7d7;text-indent:-999em;cursor:pointer;position:absolute}.nav ul li.active a{background-color:#aaaaaa;pointer-events:none}.result-card .nav ul{transition:.2s ease}.result-text{width:82%;margin:auto;color:#2b1f19}.result-text hr{margin:25px 0}.result-text aside{text-align:center;padding-bottom:5px;font-size:14pt;color:#5D5E4B;letter-spacing:1px}.result-text aside .number{border-radius:100%;border:1px solid #493D37;width:17pt;height:17pt;line-height:17pt;font-size:11pt;vertical-align:middle;display:inline-block}.result-text h1{text-align:center;font-size:16pt;text-transform:uppercase;margin-bottom:0;line-height:1;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%)}.result-text h1 .ttt{font-weight:300;display:inline;font-size:21pt}.result-text h1 span{font-family:'Oswald',sans-serif;font-weight:400}.result-text .result-p{margin:auto;font-size:12pt;font-weight:300;letter-spacing:.5px;line-height:2;width:315px}#card2 .result-p p+p,#card3 .result-p p+p{color:#918787}.share-fb-wrapper{position:fixed;width:100%;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;background:linear-gradient(0deg, rgba(0,0,0,0.2), transparent);opacity:0;visibility:hidden;transition:.3s ease}.share-fb-wrapper img{width:72.5%;margin-bottom:10px}a#share_result_btn{display:block}.result-wrapper{display:flex;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-points-x:repeat(100%)}.result-wrapper::-webkit-scrollbar{width:0px;background:transparent}.result-card{width:100%;position:absolute;top:0;left:0;max-height:calc(100vh - 1px);height:auto;overflow-y:scroll;opacity:0;visibility:hidden;transition:.2s ease}.result-card.active{opacity:1;visibility:visible}.result-card.active .share-fb-wrapper{opacity:1;visibility:visible}.logo-top{width:35%;margin-top:3%;position:absolute;padding:0;padding-left:3%}#result-page.tablet{height:100vh;background-image:url(../images/background/pick-background.jpg);background-size:cover;background-color::222}#result-page.tablet .nav{position:absolute;bottom:5%;padding:0;left:50%;transform:translateX(-50%)}.tablet-result-wrapper{height:74%;top:13%;position:absolute;left:3%;width:94%;background:#e6e6e2;display:flex;overflow-x:scroll;overflow-y:hidden;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-points-x:repeat(100%)}.tablet-result-wrapper::-webkit-scrollbar{height:0px;width:0px;background:transparent}.result-text-container{padding:32px 9% 22px}.result-card-tablet{width:100%;flex:0 0 auto;display:flex;scroll-snap-align:start}.result-card-tablet .result-image{padding:0;height:auto;width:60%}.result-card-tablet .result-text{width:40%;margin:0;position:relative;overflow:scroll}.result-card-tablet .result-text aside{display:flex;justify-content:space-between;padding-bottom:72px;margin:0 2.5%;font-size:19pt;align-items:center}.result-card-tablet .result-text aside .num{font-size:27pt}.result-card-tablet .result-text h1{text-align:left;margin:0 2.5%;line-height:1;font-size:22pt;letter-spacing:3px}.result-card-tablet .result-text h1.en{font-size:24pt}.result-card-tablet .result-text hr{margin:35px 0}.result-card-tablet .result-text .result-p{margin:0 2.5%;font-size:15pt;font-weight:300}.result-card-tablet .result-text .result-p p+p{margin-top:30px}.result-card-tablet .share-fb{position:absolute;bottom:22px;width:300px}body.homepage{overflow:hidden;width:100%;height:100%}body.homepage #content{background-image:url(../images/background/home-background.jpg);background-position:center;background-size:cover}.home-loading{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999;background:#0c0c0c;transition:.3s ease;opacity:1;visibility:visible}.home-background{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.3s ease}.home-background .logo{width:100%}.home-background .logo.tablet{width:50%}.start-wrapper{position:fixed;z-index:10;bottom:-7px;width:100%;opacity:0;transition:.4s ease}.start-wrapper a{display:block}.start-wrapper.tablet{bottom:20%;width:35%;left:50%;transform:translateX(-50%)}.z-1{z-index:3}.z-2{z-index:4}.plants-animate{opacity:0;overflow:hidden;z-index:1;position:relative;height:100vh;width:100%;transition:.4s ease}.plants-animate section{height:inherit}.plants-animate .bg{width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0;position:fixed}body.is-loaded .plants-animate,body.is-loaded .start-wrapper{opacity:1}body.is-loaded .home-loading{opacity:0;visibility:hidden}@keyframes ldio-t3y4bcypqkr{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ldio-t3y4bcypqkr div{box-sizing:border-box !important}.ldio-t3y4bcypqkr>div{position:absolute;width:144px;height:144px;top:28px;left:28px;border-radius:50%;border:16px solid #000;border-color:#ffffff transparent #ffffff transparent;animation:ldio-t3y4bcypqkr 1s linear infinite}.ldio-t3y4bcypqkr>div:nth-child(2){border-color:transparent}.ldio-t3y4bcypqkr>div:nth-child(2) div{position:absolute;width:100%;height:100%;transform:rotate(45deg)}.ldio-t3y4bcypqkr>div:nth-child(2) div:before,.ldio-t3y4bcypqkr>div:nth-child(2) div:after{content:"";display:block;position:absolute;width:16px;height:16px;top:-16px;left:48px;background:#ffffff;border-radius:50%;box-shadow:0 128px 0 0 #ffffff}.ldio-t3y4bcypqkr>div:nth-child(2) div:after{left:-16px;top:48px;box-shadow:128px 0 0 0 #ffffff}.loadingio-spinner-dual-ring-4b935unfgha{width:100px;height:100px;display:inline-block;overflow:hidden;background:rgba(NaN, NaN, NaN, 0)}.ldio-t3y4bcypqkr{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.5);backface-visibility:hidden;transform-origin:0 0}.ldio-t3y4bcypqkr div{box-sizing:content-box}.qrcode-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999;background-color:#e6e6e2;background:url('../images/qr_desktop.jpg');background-size:cover;background-position:center center}.qrcode{position:fixed;top:50%;left:50%;transform:translateY(-40%);width:22.5%}.plants-result{background:#e6e6e2}#landing{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999999;background-color:black;display:none;align-items:center;justify-content:center}@media (max-width:375px){.result-text .result-p{width:282px}#selection .plant-card{width:70%}#selection .plant-card:first-child{margin-left:15%}}@media (max-width:320px){#share-complete .logo{margin:120px 0 30px;position:relative;width:100%}#share-complete .logos{margin:60px 0;position:relative;width:100%}}@media screen and (min-width:768px) and (orientation:portrait){#landing{display:flex;flex-direction:column;opacity:1;visibility:visible}}@media screen and (max-width:767px) and (orientation:landscape){#landing{display:flex;opacity:1;visibility:visible;flex-direction:column}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.result-card-tablet .share-fb{position:relative;bottom:auto;margin-top:22px}}