@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";body{color:#2b2b2b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:Noto Sans TC,sans-serif;font-size:16px;line-height:1.5;position:relative}.rel{position:relative}.ovh{overflow:hidden}.main-768{width:100%;max-width:768px;margin:0 auto;padding:0 16px}.p-4{padding:60px 32px 32px}.fs-18{font-size:18px}.fs-17{font-size:17px}.fs-20{font-size:20px}@media only screen and (min-width:1024px){.fs-20{font-size:40px}}.fs-16{font-size:16px}@media only screen and (min-width:1024px){.fs-16{font-size:32px}}.fs-14{font-size:14px}.fs-12{font-size:12px}.center{text-align:center}.marb-24{margin-bottom:24px}.col-w{color:#fff}header{z-index:60;background:#c80022;justify-content:center;width:100%;height:40px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #6c6c6c40}@media only screen and (min-width:1024px){header{justify-content:flex-start;padding-left:100px}}header .logo-area{align-items:center;height:100%;display:flex}header .logo-area img{height:32px;display:block}header .btn-style2{width:37px;height:37px;padding:0}header.fixed{position:fixed;top:0}.flex-box-center{z-index:5;justify-content:center;align-items:center;display:flex;position:relative}.df{display:flex}.ai-c{align-items:center}.jc-c{justify-content:center}.jc-sb{justify-content:space-between}.fd-c{flex-direction:column}.gap-6{gap:6px}.gap-8{gap:.5rem}.gap-12{gap:.75rem}.gap-20{gap:1.25rem}.gap-24{gap:1.5rem}.t-d-uline{text-decoration:underline}.flex-box-end,.flex-end{justify-content:flex-end;display:flex}.pad-lf-16{padding:0 1rem}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-bold{font-weight:700}.pc{display:none}@media only screen and (min-width:768px){.pc{display:block}}.mb{display:block}@media only screen and (min-width:768px){.mb{display:none}}.db{display:block}.col-b{color:#2b2b2b}.col-red{color:#c40000}.col-red2{color:#e0443d}.w-100{width:100%}.marb-12{margin-bottom:12px}.marb-40{margin-bottom:40px}.text-ac{text-align:center}.popbox{z-index:50;background:#000000d9;width:100%;height:calc(100% - 40px);position:fixed;top:40px}.popbox .rel{width:100%;height:100%;padding:37px 16px;position:relative;overflow:auto}.popbox .w-bg{background:#fff;border-radius:12px;width:100%;position:relative}.popbox .w-bg .xx{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;top:16px;right:24px}.popbox .w-bg .xx svg{display:block}.popbox .w-bg button[disabled]{opacity:.7;cursor:not-allowed}.popbox .w-bg .title-box{border-bottom:2px solid #e8e8e8;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.popbox .w-bg .cont-pad{padding:1.5rem 1.5rem 2.625rem}.popbox .w-bg .input-item{flex-direction:column;width:100%;display:flex}.popbox .w-bg .input-item.invalid input{border:1px solid #e0443d}.popbox .w-bg .input-item.invalid .tip{display:block}.popbox .w-bg .input-item input{border:1px solid #00000026;border-radius:8px;width:100%;height:40px;padding:8px 12px}.popbox .w-bg .input-item .tip{display:none}.popbox .w-bg .check-list{color:#6f6f6f;flex-direction:column;gap:12px;padding-top:12px;line-height:20px;display:flex}.popbox .w-bg .check-list input[type=checkbox]{accent-color:#c40000;border-radius:3px;flex:none;width:17px;height:17px}.popbox .w-bg .check-list a{color:#5187c9}.popbox .w-bg .recaptcha-notice{color:#6f6f6f;line-height:1.5}.popbox .w-bg .recaptcha-notice a{color:#5187c9;text-decoration:underline}.popbox .message-box{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:24px;width:100%;padding:24px 24px 42px;display:flex}.popbox .message-box .cir{background:#f9cec2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.privacy .rel,.privacy .w-bg{height:100%}.privacy .cont-pad{color:#434343;height:calc(100% - 134px);font-size:14px;overflow:scroll}.privacy .cont-pad a{color:#4f90d3;text-decoration:underline}.privacy .bottom-btn{width:100%;padding:12px 16px;position:absolute;bottom:0}.privacy ol,.privacy ul{margin:0;padding-left:1.5em}.table-st2{border-top:1px solid #000;width:100%}.table-st2 td{border-bottom:1px solid #000;padding:10px}.index-pc{background:url(../images/kv-index-Hwo7c-zB.jpg) top/cover no-repeat;width:100%;height:calc(100dvh - 40px);padding-bottom:56.25%;display:none;position:relative}@media only screen and (min-width:1024px){.index-pc{display:block}}.index-pc .title-img1{width:42%;padding-top:7.9%;position:absolute;right:7.25%}.index-pc .title-img1 img{width:100%;height:auto;display:block}.index-pc .title-img2{width:37.125%;padding-top:26.2%;position:absolute;right:3%}.index-pc .title-img2 img{width:100%;height:auto;display:block}.index-pc .maskbg{z-index:1;position:absolute;bottom:0;right:0}.index-pc .qrcode-area{z-index:5;align-items:center;gap:1rem;width:22.6%;padding-top:40.5%;display:flex;position:absolute;right:9%}.index-pc .qrcode-area .qrcode{width:40.28%}.index-pc .qrcode-area .qrcode img{width:100%;height:auto;display:block}.index-pc .qrcode-area p{color:#fcf4a2;text-shadow:0 4px 29px #a1000cfc;font-size:18px;font-weight:900;line-height:1.6}@media only screen and (min-width:1440px){.index-pc .qrcode-area p{font-size:28px;line-height:34px}}.index-mb{background:url(../images/kvbgm-BqMlLHYN.jpg) top/cover no-repeat;width:100%;height:100%;min-height:calc(100dvh - 40px);padding-top:9%;padding-bottom:10%;display:block}@media only screen and (min-width:1024px){.index-mb{display:none}}.index-mb img{width:100%;height:auto;display:block}.index-mb .peo-area{width:100%}.index-mb .title-img1{width:100%;margin-top:-56.2%}.index-mb .title-img2{width:100%;margin-top:-14.2%;padding:0 1rem}.index-mb .btn-start{background:0 0;width:61%;animation:1.2s linear infinite scalepop}.game-view{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:initial;flex-direction:column;margin-top:-40px;display:flex;position:relative;overflow:hidden}@media (max-height:800px){.game-view{height:100dvh}}@media only screen and (min-width:1024px){.game-view{max-width:780px;margin:0 auto}}.game-view img,.game-view svg{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-view .ball-area{z-index:2;transform-origin:50%;will-change:transform;opacity:1;width:14.1026%;margin-left:-7.05128%;transition:opacity .14s ease-out;position:absolute;bottom:10%;left:50%}.game-view .ball-area.is-catch-dismissing{opacity:0}.game-view .ball-area img.ball{z-index:3;transform-origin:50%;will-change:transform;width:100%;height:auto;position:relative}.game-view .ball-area .fireball{z-index:1;width:436.364%;margin-left:-218.182%;position:absolute;top:0%;left:50%}.game-view .ball-area .fireball .fireball-direction{transform-origin:50% 0;will-change:transform;transform-box:fill-box;width:100%;height:100%}.game-view .ball-area .fireball .fireball-direction .lottie-canvas{width:100%}.game-view .ball-area .shadow{z-index:1;width:109.091%;margin-left:-54.5455%;position:absolute;bottom:-5%;left:50%}.game-view .red-bgbar{z-index:3;width:100%;position:absolute;top:50%;left:0;transform:translateY(-40%)}.game-view .gameover,.game-view .timeout{z-index:3;width:100%;position:absolute;top:50%;left:0;transform:translateY(-24%)}.game-view .lottie-block{width:100%}.game-view .streamer{z-index:2;position:absolute;top:0;left:0}.game-view .crow-area{flex:none;position:relative}.game-view .crow-area .lottie-canvas{width:100%;padding-bottom:94.8718%;position:relative}.game-view .crow-area .lottie-canvas svg{position:absolute;top:0;left:0;height:auto!important}.game-view .crow-area .score-area{justify-content:center;width:100%;display:flex;position:absolute;top:14.8%}.game-view .crow-area .score-area .rel{width:69.7436%}.game-view .crow-area .score-area .board{width:100%;height:auto;display:block}.game-view .crow-area .score-area .time{text-align:center;color:#fff;font-variant-numeric:tabular-nums;width:36%;font-size:7.3vw;font-weight:700;position:absolute;bottom:16%;left:10%}@media only screen and (min-width:1024px){.game-view .crow-area .score-area .time{font-size:57px}}.game-view .crow-area .score-area .score{text-align:center;color:#fff;font-variant-numeric:tabular-nums;width:36%;font-size:7.3vw;font-weight:700;position:absolute;bottom:16%;right:10%}@media only screen and (min-width:1024px){.game-view .crow-area .score-area .score{font-size:54px}}.game-view .crow-area .logo-area{width:100%;padding:0 4%;position:absolute;top:56.8%}.game-view .crow-area .logo-area .swiper{border:1.139px solid #fff;border-radius:1.139px}.game-view .crow-area .logo-area .swiper-wrapper{transition-timing-function:linear!important}.game-view .crow-area .logo-area .swiper-slide img{width:100%;height:auto;display:block}.game-view .lawn-area{width:100%;padding-bottom:121.538%;position:relative}@media (max-height:800px){.game-view .lawn-area{padding-bottom:initial;height:100%}}.game-view .lawn-area .lawn{object-fit:cover;object-position:bottom center;width:100%;height:100%;display:block;position:absolute}.game-view .lawn-area .goal{width:100%;padding:0 3.333%;position:absolute;top:-21.8%}.game-view .lawn-area .goal svg{width:100%;height:auto}.game-view .lawn-area .peo-box{width:100%;position:absolute;top:-28%}.game-view .lawn-area .peo-box .keeper-layer{opacity:0;visibility:hidden;pointer-events:none}.game-view .lawn-area .peo-box .keeper-layer.is-visible{opacity:1;visibility:visible}.game-view .lawn-area .peo-box .catch-peo,.game-view .lawn-area .peo-box .move-peo{transform-origin:50%;will-change:transform;width:76.9231%;margin-left:-38.4615%;position:absolute;left:50%}.game-view .lawn-area .hintFinger{width:61.5385%;height:auto;margin-left:-30.7692%;position:absolute;bottom:0;left:50%}.game-view .success-card{z-index:5;background:#faefd7 url(../images/susbg-BNbQF0Ee.svg) 50% 6px/100% no-repeat;border-radius:5px;align-items:center;gap:28px;width:290px;padding:15px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,60%);box-shadow:0 4px 12px #00000040}.game-view .success-card.style2{background-color:#ffde95}.game-view .success-card.is-wide-brand{width:322px}@media only screen and (min-width:1024px){.game-view .success-card.is-wide-brand{width:430px}.game-view .success-card{gap:40px;width:400px}}.game-view .success-card .txt h3{color:#e51c3b;font-size:16px}@media only screen and (min-width:1024px){.game-view .success-card .txt h3{font-size:30px}}.game-view .success-card .txt p{color:#e51c3b;font-size:14px}@media only screen and (min-width:1024px){.game-view .success-card .txt p{font-size:18px}}.game-view .success-card .logo-box{border:1px solid #fff;border-radius:50%;flex:none;width:44px;height:44px;position:relative;box-shadow:0 0 5px #ff6700}@media only screen and (min-width:1024px){.game-view .success-card .logo-box{width:64px;height:64px}}.game-view .success-card .logo-box .score1{color:#e51c3b;font-size:20px;font-weight:700;position:absolute;top:-3px;right:-26px}@media only screen and (min-width:1024px){.game-view .success-card .logo-box .score1{font-size:30px;right:-35px}}.game-view .success-card .logo-box img{object-fit:cover;border-radius:50%;width:42px;height:42px}@media only screen and (min-width:1024px){.game-view .success-card .logo-box img{width:62px;height:62px}}.bg-red{background:#c40000 url(../images/gamerulebg-CAfSNmPC.png) bottom/100% no-repeat;min-height:calc(100dvh - 40px);padding:44px 1rem 150px}@media only screen and (min-width:1024px){.bg-red{max-width:780px;margin:0 auto;padding:44px 2rem 300px}}.ruleSwiper{margin-bottom:12px}.ruleSwiper .swiper-wrapper{margin-bottom:8px}@media only screen and (min-width:1024px){.ruleSwiper .swiper-wrapper{margin-bottom:16px}}.ruleSwiper .swiper-slide{flex-direction:column;gap:12px;display:flex}.ruleSwiper .swiper-slide img{border-radius:4px;width:100%;height:auto;display:block}@media only screen and (min-width:1024px){.ruleSwiper .swiper-slide img{border-radius:8px}}.ruleSwiper .swiper-slide p{color:#ffcd00;text-align:center;flex-direction:column;justify-content:center;align-self:stretch;min-height:72px;font-size:1rem;font-weight:700;display:flex}@media only screen and (min-width:1024px){.ruleSwiper .swiper-slide p{font-size:32px}}.ruleSwiper .swiper-pagination{color:#fff;width:80px;top:initial;bottom:initial;font-size:1rem;font-weight:700;position:relative}@media only screen and (min-width:1024px){.ruleSwiper .swiper-pagination{width:160px;font-size:2rem}}.ruleSwiper .swiper-btn svg{display:block}.ruleSwiper .swiper-btn.swiper-button-disabled{opacity:.5}.btn-pass-intro{color:#fff;background:0 0;font-size:14px;font-weight:700;text-decoration:underline}@media only screen and (min-width:1024px){.btn-pass-intro{font-size:28px}}.btn-go{color:#000;background:#ff8400;border-radius:8px;justify-content:center;align-items:center;width:204px;padding:12px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 4px #00000040}.result-view{background:#c40000;padding:0 1rem 1rem}@media only screen and (min-width:1024px){.result-view{max-width:780px;margin:0 auto;padding:0 2rem}}.result-view .top-img{justify-content:center;margin-top:-5px;display:flex}.result-view .top-img img{max-width:82%;height:auto;display:block}.result-view .cont-bg{z-index:6;background:#faefd7;border-radius:5px;flex-direction:column;align-items:center;gap:24px;margin-top:-60px;padding:24px 0;display:flex;position:relative}.result-view .score-board{width:100%;padding:0 1rem}.result-view .score-board svg{width:100%;height:auto}.result-view .score-board .rel{width:100%}.result-view .score-board .ball{color:#fff;justify-content:center;align-items:center;width:36.8%;height:39%;font-size:8.46vw;font-weight:700;display:flex;position:absolute;bottom:21%;left:9.2%}.result-view .score-board .score{color:#fff;justify-content:center;align-items:center;width:36.8%;height:39%;font-size:8.46vw;font-weight:700;display:flex;position:absolute;bottom:21%;right:9.2%}.gift-area{width:100%}.btn-2area button,.btn-2area a{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:50%;padding:12px;font-size:16px;font-weight:700;display:flex}.btn-2area .btn-style3{color:#c40000;background:#fff;border:1px solid #c40000;flex:none}.btn-2area .btn-style4{color:#fff;background:#c40000}.btn-2area .btn-style4.w-100{width:100%}.btn-2area .btn-style4.default{color:#fff;background:#c1c1c1}.brandSwiper{width:100%;padding:6px 1rem 0!important}.brandSwiper .swiper-wrapper{width:100%;margin-bottom:12px;transition-timing-function:cubic-bezier(.22,1,.36,1)!important}.brandSwiper .swiper-slide{background:#fff9ea;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;display:flex;box-shadow:0 4px 12px #00000040}.brandSwiper .swiper-slide .logo-box{border:1px solid #fff;border-radius:50%;flex:none;width:44px;height:44px;position:relative;box-shadow:0 0 5px #ff6700}.brandSwiper .swiper-slide .logo-box img{object-fit:cover;border-radius:50%;width:42px;height:42px}@media only screen and (min-width:1024px){.brandSwiper .swiper-slide .logo-box img{width:62px;height:62px}}.brandSwiper .swiper-slide .tag{color:#6f6f6f}.brandSwiper .swiper-btn svg{display:block}.brandSwiper .swiper-btn.swiper-button-disabled{opacity:.5}.brandSwiper .swiper-pagination{color:#c40000;width:75px;top:initial;bottom:initial;font-size:1rem;font-weight:500;position:relative}@media only screen and (min-width:1024px){.brandSwiper .swiper-pagination{width:160px;font-size:2rem}}.rank-list{width:100%}.rank-list .rel{border:1px solid #fff;border-radius:8px;padding-bottom:37px;overflow:hidden;box-shadow:0 4px 12px #00000040}.rank-list .table-wrap{max-height:506px;overflow-y:auto}.rank-list .sum{color:#fff;background:#c40000;justify-content:space-between;gap:10px;width:100%;padding:8px 20px;font-size:14px;display:flex;position:absolute;bottom:0}.rank-list .table-st1{border-spacing:0;table-layout:fixed;width:100%}.rank-list .table-st1 th{z-index:1;background:#fff;position:sticky;top:0}.rank-list .table-st1 th:first-child{width:16%}.rank-list .table-st1 th:nth-child(2){width:26%}.rank-list .table-st1 th:nth-child(3){width:38%}.rank-list .table-st1 th:nth-child(4){width:20%}.rank-list .table-st1 td{border-spacing:0;text-align:center;padding:12px;font-size:14px}.rank-list .table-st1 td:nth-child(2){text-align:left}.rank-list .table-st1 .player-name-cell{overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;line-height:1.4;display:block}.rank-list .table-st1 tr:first-child th{color:#fff;text-align:center;background:#c40000;padding:12px;font-size:14px;font-weight:700}.rank-list .table-st1 tr:first-child th:nth-child(2){text-align:left}.rank-list .table-st1 tr:nth-child(2n) td{background:#fff}.notice-box{font-size:14px;line-height:1.6}.notice-box ol{margin:0;padding-left:1.5em}.maxw-115{max-width:115px}.social-area{flex-direction:column;align-self:stretch;align-items:flex-start;gap:24px;margin-top:24px;padding:24px 12px;display:flex}.social-area p{color:#fff;width:112px;margin-right:20px}.social-area a{color:#fff;align-items:center;gap:6px;display:flex}.social-area .right-link a{text-decoration:underline}.btn-pass{color:#c40000;z-index:10;background:#fff;border:1px solid #c40000;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:12px;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:24px;left:24px}*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img{margin:0;padding:0}fieldset,img,abbr,acronym{border:0}q:before,q:after{content:""}input,button,select,textarea{border:none;outline:none}button{cursor:pointer;padding:0}a{color:#555;text-decoration:none}body,html{width:100%;height:100%}@keyframes alpha01{0%{opacity:0}to{opacity:1}}@keyframes alpha10{0%{opacity:1}to{opacity:0}}@keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphatopright30{0%{opacity:0;transform:translate(60px,60px)}to{opacity:1;transform:translate(0)}}@keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@keyframes cirmove1{0%{transform:translate(0)}25%{transform:translate(-300px,-100px)}50%{transform:translate(-600px,600px)}75%{transform:translate(-100px,400px)}to{transform:translate(0)}}@keyframes cirmove1m{0%{transform:translate(0)}25%{transform:translate(-100px,100px)}50%{transform:translate(-300px,350px)}75%{transform:translate(100px,100px)}to{transform:translate(0)}}@keyframes cirmove2{0%{transform:translate(0)}25%{transform:translate(300px,100px)}50%{transform:translate(500px,-600px)}75%{transform:translate(100px,-400px)}to{transform:translate(0)}}@keyframes cirmove2m{0%{transform:translate(0)}25%{transform:translate(100px,-100px)}50%{transform:translate(300px,-350px)}75%{transform:translate(-100px,-100px)}to{transform:translate(0)}}@keyframes scalepop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.fade-enter-active{transition:opacity .28s}.fade-leave-active{display:none}.fade-enter-from,.fade-leave-to{opacity:0}