@charset "UTF-8";.ball[data-v-c7584899]{background:50%/cover no-repeat url(../images/bg/ball.svg);border-radius:50px;display:block;font-size:16px;font-weight:700;height:34px;letter-spacing:1px;line-height:34px;width:34px}@media (min-width:768px){.ball[data-v-c7584899]{font-size:20px;height:48px;letter-spacing:2px;line-height:48px;width:48px}}.color-super[data-v-c7584899]{background:50%/cover no-repeat url(../images/bg/ball_super.svg);color:#fff}.color-super.ball[data-v-c7584899]{position:relative}.color-super.ball.secondary-area[data-v-c7584899],.color-super.ball.special-number[data-v-c7584899]{margin-top:20px}@media (min-width:768px){.color-super.ball.secondary-area[data-v-c7584899],.color-super.ball.special-number[data-v-c7584899]{margin-top:34px}}.color-super.ball.secondary-area[data-v-c7584899]:before{content:"第二區"}.color-super.ball.special-number[data-v-c7584899]:before{content:"特別號"}.color-super.ball.secondary-area[data-v-c7584899]:before,.color-super.ball.special-number[data-v-c7584899]:before{color:#000;font-size:14px;font-weight:400;left:50%;letter-spacing:1px;line-height:1;min-width:-moz-max-content;min-width:max-content;position:absolute;top:0;transform:translate(-50%,-150%)}@media (min-width:768px){.color-super.ball.secondary-area[data-v-c7584899]:before,.color-super.ball.special-number[data-v-c7584899]:before{font-size:16px;line-height:1.4}}.color-bigSmall[data-v-c7584899]{background:50%/cover no-repeat url(../images/bg/ball_big_small.svg)}.color-singleDouble[data-v-c7584899]{background:50%/cover no-repeat url(../images/bg/ball_single_double.svg);color:#fff}.custom-container[data-v-c7584899]{margin-inline:auto!important;width:calc(100vw - 32px)!important}@media (min-width:768px){.custom-container[data-v-c7584899]{width:90vw!important}}@media (min-width:1024px){.custom-container[data-v-c7584899]{max-width:1200px!important;width:75vw!important}}aside[data-v-c7584899]{background:linear-gradient(176deg,#cd006c -101%,#f36666 -56%,#f08c8c -41%,#f35757 23%,#d90505 98%);border-radius:10px;display:flex;flex-direction:column;position:relative}@media (min-width:768px){aside[data-v-c7584899]{border-radius:20px;padding:10px}}@media (min-width:1024px){aside[data-v-c7584899]{background:linear-gradient(180deg,#cd0000 -55%,#ff9d9d 11%,#d90505 99%);flex-direction:row}}aside .logo[data-v-c7584899]{-o-border-image:url(../images/bg/yellow_light_mobile.png) 12 space;border-image:url(../images/bg/yellow_light_mobile.png) 12 space;border-inline:12px solid transparent;margin:4px 6px;padding:3px}@media (min-width:768px){aside .logo[data-v-c7584899]{-o-border-image:url(../images/bg/yellow_light_BINGO.png) 32 space;border-image:url(../images/bg/yellow_light_BINGO.png) 32 space;border-inline:32px solid transparent}}@media (min-width:1024px){aside .logo[data-v-c7584899]{border-block:32px solid transparent;-o-border-image:url(../images/bg/yellow_light_BINGO.png) 32 space;border-image:url(../images/bg/yellow_light_BINGO.png) 32 space;border-inline:none;width:calc(20% - 26px)}}aside .logo img[data-v-c7584899]{height:50px;margin:auto}@media (min-width:768px){aside .logo img[data-v-c7584899]{height:90px;max-height:10vh}}@media (min-width:1024px){aside .logo img[data-v-c7584899]{height:100%;max-height:unset;width:100%}}aside .result[data-v-c7584899]{background:#fff;border-radius:6px;margin:0 10px 10px}@media (min-width:768px){aside .result[data-v-c7584899]{display:flex}}@media (min-width:1024px){aside .result[data-v-c7584899]{margin:10px 10px 10px 4px;width:80%}}aside .result .result-info[data-v-c7584899]{border-bottom:1px solid #dadada;min-width:-moz-fit-content;min-width:fit-content;padding:8px 12px}@media (min-width:768px){aside .result .result-info[data-v-c7584899]{border-bottom:none;border-right:1px solid #dadada;padding:28px 20px}}aside .result .result-info h2[data-v-c7584899]{font-size:20px;letter-spacing:2px;line-height:28px;text-align:center}@media (min-width:768px){aside .result .result-info h2[data-v-c7584899]{font-size:28px;letter-spacing:3px;line-height:32px;margin-bottom:30px;text-align:left}}aside .result .result-info p[data-v-c7584899]{color:#797979;margin:8px 0 0}@media (min-width:768px){aside .result .result-info p[data-v-c7584899]{margin:0 0 24px}}aside .result .result-info p span[data-v-c7584899]{width:40%}aside .result .result-info p b[data-v-c7584899],aside .result .result-info p span[data-v-c7584899]{display:inline-block;min-width:-moz-fit-content;min-width:fit-content}aside .result .result-info p b[data-v-c7584899]{color:#000;width:60%}@media (min-width:768px){aside .result .result-info p b[data-v-c7584899]{display:block}}aside .result .result-info button[data-v-c7584899]{display:block;letter-spacing:1px;margin:8px auto 0}@media (min-width:768px){aside .result .result-info button[data-v-c7584899]{margin:unset}}aside .result .result-immediate-count[data-v-c7584899]{padding:14px 12px}@media (min-width:768px){aside .result .result-immediate-count[data-v-c7584899]{padding:30px 24px}}aside .result .result-immediate-count .result-balls[data-v-c7584899]{margin:auto;max-width:420px}@media (min-width:768px){aside .result .result-immediate-count .result-balls[data-v-c7584899]{margin:0 -6px;max-width:unset}}aside .result .result-immediate-count .result-balls .ball[data-v-c7584899]{margin:4px}@media (min-width:768px){aside .result .result-immediate-count .result-balls .ball[data-v-c7584899]{margin:6px}}.immediate-count[data-v-c7584899]{align-items:center;background-color:#f8ebaf;border-radius:6px;display:flex;justify-content:space-around;margin:16px auto 0;max-width:300px;padding:10px;position:relative;text-align:center}@media (min-width:768px){.immediate-count[data-v-c7584899]{justify-content:flex-start;margin:16px 16px 0;max-width:unset;padding:6px 16px}.immediate-count>div[data-v-c7584899]{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:4px 0}.immediate-count>div[data-v-c7584899]:first-child,.immediate-count>div[data-v-c7584899]:nth-child(2){margin-right:20px}}@media (min-width:768px) and (min-width:1024px){.immediate-count>div[data-v-c7584899]:first-child,.immediate-count>div[data-v-c7584899]:nth-child(2){margin-right:5px}}@media (min-width:768px) and (min-width:1280px){.immediate-count>div[data-v-c7584899]:first-child,.immediate-count>div[data-v-c7584899]:nth-child(2){margin-right:20px}}@media (min-width:768px){.immediate-count>div .ball[data-v-c7584899]{margin:0 15px;min-width:48px}}.animation-aside[data-v-c7584899]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(46,46,46,.4);bottom:0;left:0;overflow-y:auto;padding:68px 0 0;position:fixed;right:0;top:0;z-index:999}@media (min-width:1024px){.animation-aside[data-v-c7584899]{padding:38px 0 0}}.animation-aside[data-v-c7584899]:before{background:50%/contain no-repeat url(../images/icon/close.svg);content:"";filter:drop-shadow(0 0 5px rgba(0,0,0,.3333333333));height:40px;position:fixed;right:12px;top:18px;width:40px;z-index:9}@media (min-width:768px){.animation-aside[data-v-c7584899]:before{right:32px}}@media (min-width:1024px){.animation-aside[data-v-c7584899]:before{right:38px;top:38px}}.animation-aside.only-animatiom[data-v-c7584899]{background:#fff;overflow-y:unset;padding:0;position:static}.animation-aside.only-animatiom[data-v-c7584899]:before{display:none}.animation-aside.only-animatiom .hint[data-v-c7584899]{margin:0;padding:0;position:unset}@media (min-width:768px){.animation-aside.only-animatiom .hint[data-v-c7584899]{margin:0;padding:0}}.animation-aside.only-animatiom .hint>div[data-v-c7584899]{margin:20px 0 0;padding:0}.animation-aside[data-v-c7584899]::-webkit-scrollbar{background-color:#fff5;width:4px}.animation-aside[data-v-c7584899]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.667);border-radius:10px}@media (min-width:1024px){.animation-aside aside[data-v-c7584899]{width:80vw!important}}.animation-aside #result-animation[data-v-c7584899]{display:flex;flex-wrap:wrap;max-width:420px;padding:12px 5px}@media (min-width:768px){.animation-aside #result-animation[data-v-c7584899]{width:420px}}.animation-aside #result-animation .unset-ball[data-v-c7584899],.animation-aside #result-animation .unset-ball[data-v-c7584899]:after{height:min((100vw - 32px - 20px - 10px)/10 - 6px,35px);line-height:min((100vw - 32px - 20px - 10px)/10 - 6px,35px);min-width:min((100vw - 32px - 20px - 10px)/10 - 6px,35px);width:min((100vw - 32px - 20px - 10px)/10 - 6px,35px)}@media (max-width:380px){.animation-aside #result-animation .unset-ball[data-v-c7584899],.animation-aside #result-animation .unset-ball[data-v-c7584899]:after{font-size:12px;letter-spacing:0}}.animation-aside .immediate-count[data-v-c7584899]{margin:0 16px 12px;width:100%}@media (min-width:768px){.animation-aside .immediate-count[data-v-c7584899]{max-width:420px;width:calc(100% - 24px)}}.animation-aside .immediate-count .ball[data-v-c7584899]{font-size:16px;height:35px;line-height:35px;min-width:35px;width:35px}.animation-aside .hint[data-v-c7584899]{left:0;position:absolute;right:0;top:100%}.animation-aside .hint>div[data-v-c7584899]{background:#fff;border-radius:10px;color:#797979;font-size:14px;line-height:22px;margin:20px auto 110px;padding:10px}@media (min-width:768px){.animation-aside .hint>div[data-v-c7584899]{margin:20px auto;padding:20px}}.animation-aside .hint>div ul[data-v-c7584899]{list-style-type:decimal;margin-left:25px}.animation-aside .unset-ball[data-v-c7584899]{background:#f5f5f5;border-radius:20px;height:35px;line-height:35px;margin:3px;position:relative;width:35px}.animation-aside .animation-start.stop-animation-at-end .unset-ball[data-v-c7584899]:after{animation-direction:reverse;animation-fill-mode:backwards;animation-play-state:paused}.animation-aside .animation-start .unset-ball.res-19[data-v-c7584899]:after{background:50%/cover no-repeat url(../images/bg/ball_super.svg);color:#fff}.animation-aside .animation-start .res-0[data-v-c7584899]:after,.animation-aside .animation-start .res-10[data-v-c7584899]:after,.animation-aside .animation-start .res-11[data-v-c7584899]:after,.animation-aside .animation-start .res-12[data-v-c7584899]:after,.animation-aside .animation-start .res-13[data-v-c7584899]:after,.animation-aside .animation-start .res-14[data-v-c7584899]:after,.animation-aside .animation-start .res-15[data-v-c7584899]:after,.animation-aside .animation-start .res-16[data-v-c7584899]:after,.animation-aside .animation-start .res-17[data-v-c7584899]:after,.animation-aside .animation-start .res-18[data-v-c7584899]:after,.animation-aside .animation-start .res-19[data-v-c7584899]:after,.animation-aside .animation-start .res-1[data-v-c7584899]:after,.animation-aside .animation-start .res-2[data-v-c7584899]:after,.animation-aside .animation-start .res-3[data-v-c7584899]:after,.animation-aside .animation-start .res-4[data-v-c7584899]:after,.animation-aside .animation-start .res-5[data-v-c7584899]:after,.animation-aside .animation-start .res-6[data-v-c7584899]:after,.animation-aside .animation-start .res-7[data-v-c7584899]:after,.animation-aside .animation-start .res-8[data-v-c7584899]:after,.animation-aside .animation-start .res-9[data-v-c7584899]:after{animation:ball_showing_y-c7584899 1.5s cubic-bezier(.19,.76,.63,1.41) 0s forwards,ball_showing_x-c7584899 1.5s linear 0s forwards;background:50%/cover no-repeat url(../images/bg/ball.svg);border-radius:20px;content:attr(data-num);font-weight:700;height:100%;left:1500%;line-height:35px;position:absolute;top:1500%;width:100%;z-index:1}@keyframes ball_showing_y-c7584899{0%{top:1000%}to{top:0}}@keyframes ball_showing_x-c7584899{0%{left:-1000%}to{left:0}}.animation-aside .animation-start .res-1[data-v-c7584899]:after{animation-delay:1.5s}.animation-aside .animation-start .res-2[data-v-c7584899]:after{animation-delay:3s}.animation-aside .animation-start .res-3[data-v-c7584899]:after{animation-delay:4.5s}.animation-aside .animation-start .res-4[data-v-c7584899]:after{animation-delay:6s}.animation-aside .animation-start .res-5[data-v-c7584899]:after{animation-delay:7.5s}.animation-aside .animation-start .res-6[data-v-c7584899]:after{animation-delay:9s}.animation-aside .animation-start .res-7[data-v-c7584899]:after{animation-delay:10.5s}.animation-aside .animation-start .res-8[data-v-c7584899]:after{animation-delay:12s}.animation-aside .animation-start .res-9[data-v-c7584899]:after{animation-delay:13.5s}.animation-aside .animation-start .res-10[data-v-c7584899]:after{animation-delay:15s}.animation-aside .animation-start .res-11[data-v-c7584899]:after{animation-delay:16.5s}.animation-aside .animation-start .res-12[data-v-c7584899]:after{animation-delay:18s}.animation-aside .animation-start .res-13[data-v-c7584899]:after{animation-delay:19.5s}.animation-aside .animation-start .res-14[data-v-c7584899]:after{animation-delay:21s}.animation-aside .animation-start .res-15[data-v-c7584899]:after{animation-delay:22.5s}.animation-aside .animation-start .res-16[data-v-c7584899]:after{animation-delay:24s}.animation-aside .animation-start .res-17[data-v-c7584899]:after{animation-delay:25.5s}.animation-aside .animation-start .res-18[data-v-c7584899]:after{animation-delay:27s}.animation-aside .animation-start .res-19[data-v-c7584899]:after{animation-delay:28.5s}.animation-aside .v-enter-active[data-v-c7584899],.animation-aside .v-leave-active[data-v-c7584899]{overflow:hidden;transition:.5s ease}.animation-aside .v-enter-from[data-v-c7584899],.animation-aside .v-leave-to[data-v-c7584899]{max-height:0;opacity:0}.animation-aside .v-enter-to[data-v-c7584899],.animation-aside .v-leave-from[data-v-c7584899]{max-height:96px;opacity:1}
