*{box-sizing:border-box}html{font-family:helvetica,Arial,'黑體-繁','Apple LiGothic Medium','PingFang','微軟正黑體','Microsoft JhengHei','WenQuanYi Zen Hei',sans-serif;font-weight:bold;scroll-padding-top:calc(60px + 220px);scroll-behavior:smooth}@media screen and (max-width:767px){html{scroll-padding-top:calc(45px + 140px)}}img{max-width:100%}a{text-decoration:none}body{--sb-track-color:#232e33;--sb-thumb-color:#616161;--sb-size:5px;scrollbar-color:var(--sb-thumb-color)}::-webkit-scrollbar{width:var(--sb-size)}::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}.seo-title span{display:none}@media screen and (max-width:767px){.seo-title img{height:30px}}.container{max-width:1280px;margin:0 auto}@media screen and (max-width:1280px){.container{max-width:900px}}@media screen and (max-width:1024px){.container{max-width:750px;padding:0 10px}}[v-cloak]{display:none}.main{margin-top:60px;overflow:hidden;background-color:#000;background-size:1920px 1440px;background-position:top center;background-repeat:repeat-y;min-height:850px;background-image:url("../img/main-bg--start.jpg");transition:.3s linear background-image}@media screen and (max-width:767px){.main{margin-top:45px;background-size:1400px 1050px;background-repeat:no-repeat;min-height:inherit}}.main-white{background-image:url("../img/main-bg.jpg")}.main .container{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.main-text{color:#005757;font-size:24px;text-align:center;line-height:1.25;margin:20px auto}@media screen and (max-width:767px){.main-text{font-size:20px;margin:10px auto}.main-text + img{height:auto;width:340px}}.main-text--failed{color:#595757}.main-index{min-height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden}@media screen and (max-width:767px){.main-index{min-height:calc(100vh - 45px);max-height:calc(100vh - 45px)}}.header{background-color:#007d7d;position:fixed;width:100%;height:60px;display:flex;align-items:center;justify-content:flex-start;top:0;left:0;z-index:101}@media screen and (max-width:767px){.header{height:45px}}.header .container{display:flex;flex-flow:row wrap;justify-content:space-between;min-height:60px;align-items:center;padding:0 50px;width:100%}@media screen and (max-width:1280px){.header .container{padding:0 10px}}@media screen and (max-width:767px){.header .container{min-height:45px;position:relative}}.header .logo{width:155px;display:inline-block;font-size:0}@media screen and (max-width:767px){.header .logo{width:120px}}.header .logo img{width:100%;image-rendering:pixelated}.text-green{color:#0fa1b8}.text-yellow{color:#ffffc5}.text-red{color:#f00}.flag{background-image:url("../img/flags/flag.png");background-repeat:no-repeat;width:18.25rem;height:3.1875rem;text-align:center;color:#fff;font-size:18px;transform:translateY(-10px)}.flag-1-s{background-image:url("../img/flags/flag-1-s.png")}.flag-1-p{background-image:url("../img/flags/flag-1-p.png")}.flag-1-f{background-image:url("../img/flags/flag-1-f.png")}.flag-2-s{background-image:url("../img/flags/flag-2-s.png")}.flag-2-p{background-image:url("../img/flags/flag-2-p.png")}.flag-2-f{background-image:url("../img/flags/flag-2-f.png")}.flag-3-s{background-image:url("../img/flags/flag-3-s.png")}.flag-3-p{background-image:url("../img/flags/flag-3-p.png")}.flag-3-f{background-image:url("../img/flags/flag-3-f.png")}.flag-final{background-image:url("../img/flags/flag-final.png")}.flag span{display:none;transform:translateY(25px)}.flag + .section-game{padding-top:0}.btn{background:transparent;border:0;padding:5px 20px;min-width:195px;height:45px;border-radius:24px;position:relative;z-index:1;cursor:pointer;transition:background-color .1s ease-in-out;display:flex;justify-content:center;align-items:center}@media screen and (max-width:767px){.btn{min-width:160px;height:40px}}.btn-red{background:#f00;box-shadow:0 5px #700303;overflow:hidden}.btn-red::before{content:'';display:inline-block;width:100%;padding:60px 300px;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0) 100%);transform-origin:center center;position:absolute;top:0;left:0;z-index:10;animation-delay:1s;animation-name:mask-ani;animation-duration:3s;animation-iteration-count:infinite;opacity:0}.btn-red:hover{background:#de2c2c}.btn-green{background:#00aeae;box-shadow:0 5px #005757}.btn-green:hover{background:#00c5c5}.btn-grey{background:#8f8f90;box-shadow:0 5px #272321}.btn-grey:hover{background:#a8a8a9}.btn img{max-width:100%;height:20px}@media screen and (max-width:767px){.btn img{height:18px}}.button-holder{margin:10px 0 5px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:767px){.button-holder{margin-top:15px}}.button-holder .btn{margin-left:8px;margin-right:8px}@media screen and (max-width:767px){.button-holder .btn{margin-left:3px;margin-right:3px}}.game-text{font-size:15px;line-height:1.6;padding:10px 0;font-weight:bolder}@media screen and (max-width:767px){.game-text{font-size:15px;line-height:1.4}}.game-text--big{font-size:24px;line-height:1.4;margin-bottom:15px;font-weight:bolder}@media screen and (max-width:767px){.game-text--big{font-size:19px;margin-bottom:10px;padding-top:5px;line-height:1.25}}.question-p .game-text--big{color:#005757}.question-f .game-text--big{color:#595757}.game-text span{font-size:20px;font-weight:bolder;display:inline-block;margin-top:5}.section-game{padding:51px 0 60px;text-align:center;position:relative;width:100%}@media screen and (max-width:1280px){.section-game--intro.section-game{padding-top:30px}}@media screen and (max-width:767px){.section-game--intro.section-game{padding-top:20px}}@media screen and (max-width:767px){.section-game{padding-bottom:20px}}.section-game .ready-content-2{position:relative;transform:translateX(-40px)}.section-game .ready-content-2 img{height:auto}@media screen and (max-width:767px){.section-game .ready-content-2 img{max-width:320px;transform:translateY(20px)}}.section-game .ready-content-1{position:absolute;pointer-events:none;bottom:-400px;left:50%;transform:translateX(calc(-50% - 150px));width:890px}@media screen and (max-width:767px){.section-game .ready-content-1{transform:translateX(-60%);bottom:-260px;width:100%}}.section-game .ready-content-1 img{width:890px;height:auto}@media screen and (max-width:767px){.section-game .ready-content-1 img{width:450px;transform:scale(1.1)}}.section-game .smile{max-width:220px;margin:0 auto;position:relative;transition:.5s ease-in-out}@media screen and (max-width:767px){.section-game .smile{max-width:150px}}.section-game .smile.hide{opacity:0;height:0}.section-game .smile .smile-start--value{position:absolute;right:-90px;bottom:20px;text-align:left;line-height:1.35;font-size:16px}.section-game .smile .smile-start--value span::before{width:40px;display:inline-block;font-size:90%}.section-game .smile .smile-start--value .net-worth{color:#007d7d}.section-game .smile .smile-start--value .net-worth::before{content:'淨值'}.section-game .smile .smile-start--value .rate-of-return::before{content:'報酬'}.section-game .smile .smile-start--text{font-size:12px;letter-spacing:2px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.section-game .smile svg{width:100%}.section-game .smile svg path{fill:#b0d5d4}.section-game .smile svg path.filled{fill:#007d7d}.section-game .title{filter:drop-shadow(20px 10px 5px #000);margin:15px auto 0;height:auto}@media screen and (max-width:1024px){.section-game .title{width:450px}}@media screen and (max-width:767px){.section-game .title{width:90%;max-width:400px}}.section-game .kv-content{display:flex;flex-flow:row nowrap;transform:translateX(-100px);justify-content:center}@media screen and (max-width:1024px){.section-game .kv-content{transform:translateX(0) translateY(50px)}}@media screen and (max-width:767px){.section-game .kv-content{position:relative;width:320px;margin:0 auto}}.section-game .kv-content > img{flex-shrink:0;height:auto;align-self:flex-start}@media screen and (max-width:1280px){.section-game .kv-content > img{width:500px;transform:translateY(50px)}}@media screen and (max-width:1024px){.section-game .kv-content > img{width:350px;transform:translateY(130px) translateX(-50px)}}@media screen and (max-width:767px){.section-game .kv-content > img{width:255px;transform:translateY(70px) translateX(0);position:absolute;left:-100px;z-index:1;bottom:0}}.section-game .kv-content--text{background:rgba(0,68,60,0.6);width:330px;border-radius:26px;font-size:19px;color:#fff;line-height:1.4;align-self:flex-start;transform:translateX(-50px) translateY(50px);padding:40px 20px;position:relative;display:flex;align-items:center;flex-flow:column nowrap}@media screen and (max-width:1024px){.section-game .kv-content--text{width:300px;padding:30px;font-size:16px}}@media screen and (max-width:767px){.section-game .kv-content--text{width:240px;transform:none;padding:20px;position:static;transform:translateX(60px)}.section-game .kv-content--text .btn-red{position:absolute;bottom:-120px;left:50%;transform:translateX(calc(-50% + -60px));z-index:2}}.section-game .kv-content--text::before{content:'';position:absolute;width:47px;height:53px;background:url("../img/dialog.png");left:-47px;top:50px}@media screen and (max-width:767px){.section-game .kv-content--text::before{transform:scale(.6);transform-origin:top right}}.section-game .kv-content--text p{margin:0 0 32px}@media screen and (max-width:1280px){.section-game .kv-content--text p{margin-bottom:20px}}@media screen and (max-width:767px){.section-game .kv-content--text p:last-of-type{margin-bottom:0}}.question-initial{display:flex;flex-flow:column nowrap;align-items:center}@media screen and (max-width:767px){.game-bird{width:75%;max-width:300px}}.question-1 .game-bird{transform:translateY(-15px)}@media screen and (max-width:767px){.question-1.question-f .game-bird{width:90%;transform:scale(1.1) !important}}@media screen and (max-width:767px){.question-2.question-p .game-bird{width:85%}}@media screen and (max-width:767px){.question-2.question-f .game-bird{width:100%;transform:scale(1.2) translateY(20px) !important}}@media screen and (max-width:767px){.question-3.question-f .game-bird{width:100%;max-width:unset;position:relative;top:30px}}.question-4 .game-bird{transform:translateX(-60px) translateY(-80px)}@media screen and (max-width:767px){.question-4 .game-bird{position:relative;top:12px;transform:translateX(-40px) translateY(15px) scale(1.8);width:100%}}.question-1.question-f .game-bird,.question-2.question-f .game-bird,.question-3.question-f .game-bird,.question-1.question-p .game-bird,.question-2.question-p .game-bird,.question-3.question-p .game-bird{margin-top:20px;transform:none}.table-section{margin-bottom:20px;display:flex;flex-flow:column nowrap;align-items:center}.table-dialog{position:relative;background:rgba(0,68,60,0.6);border-radius:20px;max-width:800px;color:#fff;font-size:19px;line-height:1.45;padding:20px 60px;margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;max-width:-moz-fit-content;max-width:fit-content}@media screen and (max-width:767px){.table-dialog{padding:20px 30px;font-size:16px}.table-dialog__text{font-size:15px}}.table-dialog::after{border-bottom:0;bottom:-40px;left:50%;margin-left:-20px;position:absolute;border:20px solid transparent;border-top-color:rgba(0,68,60,0.6);content:''}.table-dialog > img{margin-bottom:15px}@media screen and (max-width:767px){.table-dialog > img{height:33px;margin-bottom:10px}}.question-f .table-dialog{background:rgba(55,55,55,0.6)}.question-f .table-dialog::after{border-top-color:rgba(55,55,55,0.6)}.table-holder{max-width:400px;font-size:12px;background:#d3fff8;border:2px solid #007d7d;border-radius:12px;padding:30px;line-height:1.25}@media screen and (max-width:767px){.table-holder{padding:20px}}.table-holder small{text-align:left;display:inline-block}.table{background:#fff;width:100%;border-collapse:collapse;margin-bottom:10px}.table th,.table td{border:1px solid #000;padding:5px}.btn-table{color:#fff;border:0;border-radius:6px;background:#007d7d;font-size:12px;line-height:20px;padding:2px 5px 2px 7px;cursor:pointer}.open .btn-table{transform:translateY(-12px)}.btn-table--arrow svg{width:10px;height:10px;fill:#fff}.open .btn-table--arrow svg{transform:rotate(180deg)}.final-action{position:relative}@media screen and (max-width:767px){.final-action{width:370px}}.final-action .btn{position:absolute;left:50%;transform:translateX(-50%);bottom:330px}@media screen and (max-width:767px){.final-action .btn{bottom:176px;transform:scale(.8) translateX(-62%)}}.section-navigation{background-color:#405c67;position:sticky;top:60px;z-index:2}@media screen and (max-width:767px){.section-navigation{top:45px}}.section-navigation .container{display:flex;justify-content:center}@media screen and (max-width:767px){.section-navigation .container{padding:0}}.section-navigation a{color:#c8c8c8;font-size:30px;display:inline-flex;flex-flow:column nowrap;width:33.333%;align-items:center;padding:15px 0;line-height:1.25;position:relative}@media screen and (max-width:767px){.section-navigation a{font-size:22px}}.section-navigation a::before,.section-navigation a::after{content:'';position:absolute;left:50%;transform:translateX(-50%);filter:blur(.5px);width:85%;height:6px;background:radial-gradient(#fff,transparent);border-radius:50%;opacity:.8}.section-navigation a::before{top:5px}.section-navigation a::after{bottom:5px}.section-navigation a.active,.section-navigation a:hover{color:#ffec49;background:#1a2e35}.section-navigation a span{font-size:18px}@media screen and (max-width:767px){.section-navigation a span{font-size:13px}}.section-content{background-image:url("../img/final-bg.jpg");background-position:center;padding:40px 0}.content-wrapper{margin:130px auto 0;display:flex;flex-flow:column nowrap;align-items:center}@media screen and (max-width:767px){.content-wrapper{margin:60px auto 0}}.content-wrapper .content-lists{list-style:none;padding-left:0;margin:-30px 0 0 0;position:relative;z-index:1;max-width:840px;width:100%}.content-wrapper .content-lists li{background:#7b8b98;color:#fff;font-size:21px;display:inline-flex;flex-flow:column nowrap;align-items:center;width:100%;padding:60px 50px 40px;margin-bottom:45px;line-height:1.25;position:relative;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}@media screen and (max-width:767px){.content-wrapper .content-lists li{padding:35px 30px 20px;font-size:16px}}#section-1.content-wrapper .content-lists li:nth-child(1)::after{content:'第一招'}#section-1.content-wrapper .content-lists li:nth-child(2)::after{content:'第二招'}#section-1.content-wrapper .content-lists li:nth-child(3)::after{content:'第三招'}#section-2.content-wrapper .content-lists li:nth-child(1)::after{content:'錦囊一'}#section-2.content-wrapper .content-lists li:nth-child(2)::after{content:'錦囊二'}#section-2.content-wrapper .content-lists li:nth-child(3)::after{content:'錦囊三'}.content-wrapper .content-lists li::before,.content-wrapper .content-lists li::after{content:'';position:absolute;left:50%;transform:translateX(-50%)}.content-wrapper .content-lists li::before{top:-20px;width:259px;height:65px;background:url("../img/step-image.png");background-size:100%;background-repeat:no-repeat}@media screen and (max-width:767px){.content-wrapper .content-lists li::before{width:200px;height:50.2px;top:-16px}}.content-wrapper .content-lists li::after{color:#fff;font-size:30px;top:-10px}@media screen and (max-width:767px){.content-wrapper .content-lists li::after{font-size:22px;top:-6px}}.content-wrapper .content-lists li span{color:#ffec49;font-size:27px;display:inline-block;margin-bottom:5px}@media screen and (max-width:767px){.content-wrapper .content-lists li span{font-size:20px}}.content-wrapper .content-box{border:2px solid #7b8b98;background:#acbfbf;display:flex;flex-flow:column nowrap;align-items:center;line-height:1.25;padding:140px 20px 60px 20px;position:relative;max-width:740px;width:100%}@media screen and (max-width:767px){.content-wrapper .content-box{padding-top:80px;width:85%}}.content-wrapper .content-box::before{background-repeat:no-repeat;background-position:center;background-size:100%;content:'';top:-120px;left:50%;transform:translateX(-50%);position:absolute}@media screen and (max-width:767px){.content-wrapper .content-box::before{top:-60px}}#section-1.content-wrapper .content-box::before{background-image:url("../img/part-1.png");width:400px;height:264px}@media screen and (max-width:767px){#section-1.content-wrapper .content-box::before{width:240px;height:159px}}#section-2.content-wrapper .content-box::before{background-image:url("../img/part-2.png");width:437px;height:273px}@media screen and (max-width:767px){#section-2.content-wrapper .content-box::before{width:240px;height:150px}}.content-wrapper .content-box h2{margin-bottom:10px;margin-top:20px;padding-bottom:5px;border-bottom:2px solid #000}.content-wrapper .content-box h3{font-size:38px;display:flex;flex-flow:column nowrap;align-items:center;margin:0}@media screen and (max-width:767px){.content-wrapper .content-box h3{font-size:21px}}.content-wrapper .content-box h3 span{font-size:30px}@media screen and (max-width:767px){.content-wrapper .content-box h3 span{font-size:18px}}.footer{color:#7f8080;padding:40px 0}@media screen and (max-width:767px){.footer{padding:20px 0}}.footer ol{margin:20px 0;font-size:17px;line-height:1.4;display:none;padding-left:20px}@media screen and (max-width:767px){.footer ol{font-size:15px}}.active.footer ol{display:block}.footer li{padding-bottom:5px}.footer li.no-style{list-style:none}.footer li a{color:#7f8080;text-decoration:underline;text-underline-offset:2px}.footer li a:hover{color:#0fa1b8}.footer h2{font-size:22px;text-align:center;margin:0 0 15px}@media screen and (max-width:767px){.footer h2{font-size:16px;margin-bottom:10px}}.footer-toggler{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-size:25px;padding:6px 10px;border-radius:16px;border:2px solid #7f8080;max-width:500px;letter-spacing:3px;margin-inline:auto;cursor:pointer}@media screen and (max-width:767px){.footer-toggler{font-size:18px;letter-spacing:1px}}.footer-toggler .toggler{margin-left:10px;display:inline-flex}.footer-toggler img{width:30px;height:30px;transform:rotate(180deg)}@media screen and (max-width:767px){.footer-toggler img{width:25px;height:25px}}.active.footer-toggler img{transform:rotate(0)}.break-on-mobile{display:none}@media screen and (max-width:767px){.break-on-mobile{display:inline-block}}.break-on-desktop{display:inline-block}@media screen and (max-width:767px){.break-on-desktop{display:none}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@keyframes mask-ani{0%{transform:rotate(-36deg) translate(0,-300px);opacity:1}70%,100%{transform:rotate(-36deg) translate(0,300px)}}