html,body,#main{background:#6400b1 -webkit-gradient(linear, left top, right top, from(#00885d), to(#6400b1));background:#6400b1 linear-gradient(90deg, #00885d, #6400b1);color:#fff;overflow-x:hidden;min-width:auto !important}:root{--outline-color: #000;--outline-width: .1em}#header{background:-webkit-gradient(linear, left top, right top, from(#00885d), to(#6400b1));background:linear-gradient(90deg, #00885d, #6400b1);-webkit-box-shadow:inset 0 -0.05em .025em rgba(255,255,255,.2),0 .1em .2em rgba(0,0,0,.5);box-shadow:inset 0 -0.05em .025em rgba(255,255,255,.2),0 .1em .2em rgba(0,0,0,.5)}#footer{background:rgba(0,0,0,0)}#header .nav{max-width:16.66667em}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none}[data-login=true] .only-logout,:root:not([data-login=true]) .only-login{display:none}.bg-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);z-index:-5;width:32em;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#6400b1 -webkit-gradient(linear, left top, right top, from(#00885d), to(#6400b1));background:#6400b1 linear-gradient(90deg, #00885d, #6400b1)}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}@media(min-width: 1000px){.bg-area::after,.bg-area::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url(../../../img/Event/202410-family-party/bg-side.png) 100% 2em/7.7em auto repeat-y;background-image:-webkit-image-set(url("../../../img/Event/202410-family-party/bg-side.avif") type("image/avif"), url("../../../img/Event/202410-family-party/bg-side.png") type("image/png"));background-image:image-set(url("../../../img/Event/202410-family-party/bg-side.avif") type("image/avif"), url("../../../img/Event/202410-family-party/bg-side.png") type("image/png"))}.bg-area::before{background-position:100% 11em;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}}.btn,.btn-red,.btn-purple,.btn-blue,.btn-green,.btn-yellow{font:inherit;font-size:.8em;display:inline-block;line-height:inherit;font-weight:600;text-align:center;text-decoration:none;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.25);padding:.2em 1em .4em;width:9.25em;height:2.25em;background:url(../../../img/Event/202410-family-party/btn.png) top/100% 200% no-repeat;border:none;border-radius:0;-webkit-box-shadow:.025em .05em .1em rgba(0,0,0,.25);box-shadow:.025em .05em .1em rgba(0,0,0,.25);cursor:pointer}.btn>*,.btn-red>*,.btn-purple>*,.btn-blue>*,.btn-green>*,.btn-yellow>*{opacity:.8}.btn.active,.btn:active,.btn:hover,.btn-red.active,.btn-red:active,.btn-red:hover,.btn-purple.active,.btn-purple:active,.btn-purple:hover,.btn-blue.active,.btn-blue:active,.btn-blue:hover,.btn-green.active,.btn-green:active,.btn-green:hover,.btn-yellow.active,.btn-yellow:active,.btn-yellow:hover{background-position:bottom}.btn.active>*,.btn:active>*,.btn:hover>*,.btn-red.active>*,.btn-red:active>*,.btn-red:hover>*,.btn-purple.active>*,.btn-purple:active>*,.btn-purple:hover>*,.btn-blue.active>*,.btn-blue:active>*,.btn-blue:hover>*,.btn-green.active>*,.btn-green:active>*,.btn-green:hover>*,.btn-yellow.active>*,.btn-yellow:active>*,.btn-yellow:hover>*{opacity:1}.btn-pointer{position:relative}.btn-pointer::after{content:"";position:absolute;left:80%;top:calc(100% - .25em);width:1.5em;height:1.5em;background:url(../../../img/Event/202410-family-party/pointer.png) center/contain no-repeat;-webkit-filter:drop-shadow(0.1em 0.2em rgba(0, 0, 0, 0.25));filter:drop-shadow(0.1em 0.2em rgba(0, 0, 0, 0.25));-webkit-animation:btnPointer .8s infinite step-end;animation:btnPointer .8s infinite step-end;pointer-events:none}@-webkit-keyframes btnPointer{0%{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0);-webkit-filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25));filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25))}50%{-webkit-transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em);transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em);-webkit-filter:drop-shadow(0.1em 0.3em 0.1em rgba(0, 0, 0, 0.25));filter:drop-shadow(0.1em 0.3em 0.1em rgba(0, 0, 0, 0.25))}}@keyframes btnPointer{0%{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0);-webkit-filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25));filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25))}50%{-webkit-transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em);transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em);-webkit-filter:drop-shadow(0.1em 0.3em 0.1em rgba(0, 0, 0, 0.25));filter:drop-shadow(0.1em 0.3em 0.1em rgba(0, 0, 0, 0.25))}}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.section{max-width:1000px;width:100%;margin:0 auto}#main{color:#fff}#main img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}#main .content{position:relative;width:92%;max-width:920px;margin:0 auto}#main .head-title{display:block;position:relative;width:20em;top:0;left:calc(50% - 10em);padding:1.8em 0 0}#main .title-00{margin:-1.45em auto 0;min-width:14em}#main .title-01{text-align:center;margin:-1em 0 .5em;padding:0 .5em;font-size:.6667em;font-weight:700;color:#fff;-webkit-filter:drop-shadow(0 0.1em 0.1em rgba(0, 0, 0, 0.5));filter:drop-shadow(0 0.1em 0.1em rgba(0, 0, 0, 0.5))}#main .link{text-decoration:underline}#main .link:hover{-webkit-filter:none !important;filter:none !important}#main .border,#main .border2,#main .border3{position:relative;display:table;z-index:0;font-weight:500;width:16.25em;margin:1em auto .5em;padding:.2em;background:-webkit-gradient(linear, left top, right top, from(#231838), color-stop(#830057), to(#231838));background:linear-gradient(90deg, #231838, #830057, #231838);border-radius:.75em;border:0 solid rgba(0,0,0,0);-o-border-image:url(../../../img/Event/202410-family-party/border1.png) 195 fill/3.25em/0.3em;border-image:url(../../../img/Event/202410-family-party/border1.png) 195 fill/3.25em/0.3em;--outline-width: .12em;min-height:5.8em}#main .border p,#main .border ol,#main .border ul,#main .border2 p,#main .border2 ol,#main .border2 ul,#main .border3 p,#main .border3 ol,#main .border3 ul{font-weight:550;font-size:.6em;font-size:clamp(14px,.6em,40px);line-height:1.4;margin:.5em auto .5em}#main .border ol,#main .border ul,#main .border2 ol,#main .border2 ul,#main .border3 ol,#main .border3 ul{padding-left:1em}#main .border i,#main .border2 i,#main .border3 i{display:inline-block;font-style:normal}#main .border b,#main .border2 b,#main .border3 b{font-weight:900}#main .border a,#main .border2 a,#main .border3 a{text-underline-offset:.2em;-webkit-transition:-webkit-filter .1s;transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s, -webkit-filter .1s}#main .border a:hover,#main .border a:active,#main .border2 a:hover,#main .border2 a:active,#main .border3 a:hover,#main .border3 a:active{-webkit-filter:brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.15));filter:brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.15))}#main .border .border2,#main .border .border3,#main .border2 .border2,#main .border2 .border3,#main .border3 .border2,#main .border3 .border3{padding:0;margin:.5em auto;width:98.6%}#main .border2{width:100%;background:rgba(0,0,0,.25);border-image-source:url(../../../img/Event/202410-family-party/border2.png);border-image-slice:150 fill;border-image-width:2.5em;min-height:4.2em}#main .border3{width:100%;background:rgba(0,0,0,.25);border-image-source:url(../../../img/Event/202410-family-party/border3.png);border-image-slice:150 fill;border-image-width:2.5em;min-height:4.2em}#main .border-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:.2em;margin:-0.8em -0.2em 0;font-size:1em;font-weight:700;line-height:1.2;height:1.5em;color:#fff;-o-border-image:url(../../../img/Event/202410-family-party/border-title.png) 0 255 fill/0 4.25em/0 .3em;border-image:url(../../../img/Event/202410-family-party/border-title.png) 0 255 fill/0 4.25em/0 .3em;--outline-color: #2d4594;--outline-width: .08em;text-align:center}#main .border-title>*{font-size:.75em}#main .box,#main .box2{position:relative;border-radius:.5em;padding:.25em;margin:.75em 0 .25em;-webkit-box-shadow:inset 0 0 0 .05em #d7a556;box-shadow:inset 0 0 0 .05em #d7a556}#main .box p,#main .box ol,#main .box ul,#main .box2 p,#main .box2 ol,#main .box2 ul{font-size:.55em;font-size:clamp(13px,.55em,40px);line-height:1.25;margin:.5em auto .5em;padding:0 .25em}#main .box ol,#main .box ul,#main .box2 ol,#main .box2 ul{padding-left:1.25em}#main .box2{color:#804b00;background:#fffad5;text-shadow:0 .05em .025em #fff;border-radius:.5em;-webkit-box-shadow:inset 0 .05em .1em .025em rgba(0,0,0,.25);box-shadow:inset 0 .05em .1em .025em rgba(0,0,0,.25);padding:.2em;margin:0}#main .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1em;font-weight:700;line-height:1.2;background:-webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(#fff), color-stop(90%, transparent)) top/100% .02em no-repeat,-webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(#000), color-stop(90%, transparent)) bottom/100% .02em no-repeat,-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ffc300), to(transparent)) left 50% top .1em/100% .1em no-repeat,-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ffc300), to(transparent)) left 50% bottom .1em/100% .1em no-repeat,-webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(15%, rgba(97, 29, 116, 0.5)), color-stop(#c809a8), color-stop(85%, rgba(97, 29, 116, 0.5)), color-stop(95%, transparent));background:linear-gradient(90deg, transparent 10%, #fff, transparent 90%) top/100% .02em no-repeat,linear-gradient(90deg, transparent 10%, #000, transparent 90%) bottom/100% .02em no-repeat,linear-gradient(90deg, transparent, #ffc300, transparent) left 50% top .1em/100% .1em no-repeat,linear-gradient(90deg, transparent, #ffc300, transparent) left 50% bottom .1em/100% .1em no-repeat,linear-gradient(90deg, transparent 5%, rgba(97, 29, 116, 0.5) 15%, #c809a8, rgba(97, 29, 116, 0.5) 85%, transparent 95%);color:#fff;--outline-color: #000;--outline-width: .08em;text-align:center;padding:.25em 0 .3em;margin:.25em 0;-webkit-filter:drop-shadow(0 0.1em 0.1em rgba(0, 0, 0, 0.5));filter:drop-shadow(0 0.1em 0.1em rgba(0, 0, 0, 0.5))}#main .title>*{font-size:.7em}#main .title2{font-size:.6em;font-weight:600;line-height:1.2;padding:.25em 1em .3em;margin:-1.2em auto .25em;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:80%;max-width:100%;text-align:center;color:#804b00;background:#fffad5;-webkit-box-shadow:inset 0 0 0 .075em #d7a556;box-shadow:inset 0 0 0 .075em #d7a556;border-radius:1em}#main .badge,#main .badge2{font-family:Arial,Helvetica,"Noto Sans TC",sans-serif;position:absolute;top:-0.25em;z-index:1;left:-0.2em;height:2.8em;width:2.5em;min-width:1.5em;max-width:100%;line-height:1.2;padding:0 .1em .5em;-ms-flex-line-pack:center;align-content:center;text-align:center;white-space:nowrap;color:#fff;text-shadow:-0.02em .1em #000,.05em .1em #000;background:url(../../../img/Event/202410-family-party/badge1.png) center/contain no-repeat}#main .badge small,#main .badge2 small{display:block;font-size:.4em}#main .badge b,#main .badge2 b{display:inline-block;font-size:1em;-webkit-transform:scale(1, 1.25);transform:scale(1, 1.25);-webkit-transform-origin:50% 75%;transform-origin:50% 75%}#main .badge2{background:-webkit-gradient(linear, left top, left bottom, from(#ffe68e), to(#c19760));background:linear-gradient(#ffe68e, #c19760)}#main .step{display:inline-block;width:1.75em;height:1.75em;text-align:center;margin:-0.25em 0 -0.25em 0;padding:.15em;background:url(../../../img/Event/202410-family-party/badge2.png) center/contain;text-shadow:-0.02em .06em #000,.05em .06em #000}#main .step b{line-height:1;display:block}#main .step small{font-size:.35em;display:block}#main .text-hilight{color:#a716ff}#main .text-yellow{color:#fff000}#main .text-red{color:#ce2200}#main .text-green{color:#00ff3c}#main .text-blue{color:#70fdff}#main .text-gray{color:#515151}#main .text-big{font-size:larger}#main .text-small{font-size:smaller}#main .text-center{text-align:center}#main .text-outline{letter-spacing:normal;font-weight:600;text-shadow:calc(.7*var(--outline-width)) calc(.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(.7*var(--outline-width)) calc(-0.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(-0.7*var(--outline-width)) calc(.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(-0.7*var(--outline-width)) calc(-0.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(1*var(--outline-width)) 0 calc(.25*var(--outline-width)) var(--outline-color),calc(-1*var(--outline-width)) 0 calc(.25*var(--outline-width)) var(--outline-color),0 calc(1*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),0 calc(-1*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(.9*var(--outline-width)) calc(.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(.9*var(--outline-width)) calc(-0.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.9*var(--outline-width)) calc(.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.9*var(--outline-width)) calc(-0.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(.4*var(--outline-width)) calc(.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(.4*var(--outline-width)) calc(-0.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.4*var(--outline-width)) calc(.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.4*var(--outline-width)) calc(-0.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color)}@supports((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){#main [text-stroke]{color:rgba(0,0,0,0);text-shadow:none;position:relative;background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#000));background:linear-gradient(#000, #000);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.05em rgba(0,0,0,0);-webkit-filter:drop-shadow(0 0.05em 0.05em #000);filter:drop-shadow(0 0.05em 0.05em #000)}#main [text-stroke]::before{content:attr(text-stroke);position:absolute;z-index:1;background:-webkit-gradient(linear, left top, left bottom, color-stop(10%, #ffeeb7), color-stop(60%, #ffc300), color-stop(90%, #fe9600));background:linear-gradient(#ffeeb7 10%, #ffc300 60%, #fe9600 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0em rgba(0,0,0,0);pointer-events:none}#main [text-stroke].text-blue::before{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(60%, #4dffb6), color-stop(90%, #b64dff));background-image:linear-gradient(#fff 10%, #4dffb6 60%, #b64dff 90%)}#main [text-stroke].text-green-blue::before{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #c1bf72), color-stop(50%, #51ff02), color-stop(80%, #2ce0ff));background-image:linear-gradient(#c1bf72 20%, #51ff02 50%, #2ce0ff 80%)}}#main #content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}#main .btn-dl,#main .btn-yoe,#main .btn-login,#main .btn-logout,#main .btn-go{font-size:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;position:relative;z-index:1;width:7em;height:2.4em;background:none;border:none;cursor:pointer;color:rgba(0,0,0,0)}#main .btn-dl::after,#main .btn-dl::before,#main .btn-yoe::after,#main .btn-yoe::before,#main .btn-login::after,#main .btn-login::before,#main .btn-logout::after,#main .btn-logout::before,#main .btn-go::after,#main .btn-go::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background:url("../../../img/Event/202410-family-party/btn-go.png") 0 0/auto 200%;border-radius:inherit;pointer-events:none}#main .btn-dl::after,#main .btn-yoe::after,#main .btn-login::after,#main .btn-logout::after,#main .btn-go::after{background-position:0 100%;-webkit-animation:btnPlay2 2s infinite ease-in-out;animation:btnPlay2 2s infinite ease-in-out;opacity:0;-webkit-transition:opacity .1s,-webkit-transform .1s;transition:opacity .1s,-webkit-transform .1s;transition:opacity .1s,transform .1s;transition:opacity .1s,transform .1s,-webkit-transform .1s}#main .btn-dl:hover,#main .btn-dl:active,#main .btn-yoe:hover,#main .btn-yoe:active,#main .btn-login:hover,#main .btn-login:active,#main .btn-logout:hover,#main .btn-logout:active,#main .btn-go:hover,#main .btn-go:active{-webkit-filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4);filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4)}@-webkit-keyframes btnPlay{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}100%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@keyframes btnPlay{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}100%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@-webkit-keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@-webkit-keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#main .btn-dl{width:9.3em}#main .btn-dl::before,#main .btn-dl::after{background-image:url("../../../img/Event/202410-family-party/btn-dl.png")}#main .btn-login{width:9.3em}#main .btn-login::before,#main .btn-login::after{background-image:url("../../../img/Event/202410-family-party/btn-login.png")}#main .btn-logout{width:3.7em;height:1.8em}#main .btn-logout::before,#main .btn-logout::after{background-image:url("../../../img/Event/202410-family-party/btn-logout.png")}#main .btn-yoe{width:12.8em}#main .btn-yoe::before,#main .btn-yoe::after{background-image:url("../../../img/Event/202410-family-party/btn-yoe.png")}#main .side-container{position:fixed;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:2.25em;z-index:5;pointer-events:none;width:100%;max-width:24em;opacity:1}#main .side-container>*{pointer-events:all}#main .side-btn{display:block;margin-left:auto;margin-right:.25em;width:3.15em;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}@media(max-width: 1280px){#main .side-btn{opacity:0;pointer-events:none}}#main .input-group{font-size:.75em;display:-webkit-box;display:-ms-flexbox;display:flex;margin:.5em auto;padding:0 .5em;gap:.25em}#main .input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;font:inherit;color:#333;background:#fff;border:none;border-radius:.5em;-webkit-box-shadow:inset 0 0 .1em .05em rgba(0,0,0,.15),inset .075em .05em .1em .05em rgba(0,0,0,.15);box-shadow:inset 0 0 .1em .05em rgba(0,0,0,.15),inset .075em .05em .1em .05em rgba(0,0,0,.15);padding:.2em .5em}#main .input::-webkit-input-placeholder{color:inherit;opacity:.5}#main .input::-moz-placeholder{color:inherit;opacity:.5}#main .input:-ms-input-placeholder{color:inherit;opacity:.5}#main .input::-ms-input-placeholder{color:inherit;opacity:.5}#main .input::placeholder{color:inherit;opacity:.5}#main .btn-submit{display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.25);background:-webkit-gradient(linear, left top, left bottom, from(#4ae28e), to(#219954));background:linear-gradient(#4ae28e, #219954);padding:.2em 1em;border:.05em solid #080;border-radius:.5em;-webkit-box-shadow:.025em .05em .1em rgba(0,0,0,.25);box-shadow:.025em .05em .1em rgba(0,0,0,.25);-webkit-transition:background .1s;transition:background .1s;cursor:pointer}#main .btn-submit:active,#main .btn-submit:hover{background:-webkit-gradient(linear, left top, left bottom, from(#219954), to(#4ae28e));background:linear-gradient(#219954, #4ae28e)}#main .is-over{position:relative}#main .is-over::before{content:"";width:4.3em;height:4.3em;background:url(../../../img/Event/202410-family-party/is-over.png) center/contain no-repeat;position:absolute;bottom:15%;right:15%;z-index:1}#main #event2 .box2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:0;border-top-right-radius:0;padding:.2em 0}#main #event2 .box2 p{line-height:1.5;letter-spacing:-0.01em;font-size:.55em}#main #event2 .box2 p b{display:inline-block;-webkit-transform:scale(1, 1.5);transform:scale(1, 1.5);-webkit-transform-origin:50% 65%;transform-origin:50% 65%}#main #event2 .box2 img{width:3.5em;height:auto;margin-right:-0.4em;margin-left:-0.1em}#main #event3 .prize-list{font-size:1em;padding:0;max-width:90%;margin:0 auto .65em;list-style:none}#main #event3 li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:.1em dotted #fff}#main #event3 li>div{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:.2em}#main #event3 li+li{margin-top:.5em}#main #event3 .step{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#main #event3 .winning{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 -0.5em .2em}#main #event3 .winning dt{width:100%;font-size:.6em;text-align:center}#main #event3 .winning dt span{display:inline-block;background-color:#241838;padding:.55em .4em .55em .7em;line-height:1;font-size:.7em;border-radius:30px}#main #event3 .winning dd{width:50%;font-size:.9em;font-weight:900;font-family:"M PLUS Rounded 1c",sans-serif;line-height:1.2;padding:0 .5em}#main #event4 .title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.5em;gap:.1em}#main #event5 .border3{width:14.4em}#main #event5 .border3 img,#main #event5 .border3 iframe{display:block;width:14.4em;height:8.1em;border-radius:.1em}#main #event5 iframe{display:block}#main #rules ul,#main #rules ol{font-size:.5em;font-size:clamp(13.5px,.5em,30px);text-align:justify;font-weight:550;padding-left:2.25em;padding-right:.75em;margin:.25em auto 1em;line-height:1.3333}#main #rules li+li{margin-top:.5em}#main #window-wallpaper .wallpaper{position:relative;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:.5em auto;max-height:50vh;max-width:100%;border-radius:.1em;overflow:hidden}#main #window-wallpaper .wallpaper::after{content:"";position:absolute;inset:0;-webkit-box-shadow:inset 0 0 .15em .025em rgba(0,0,0,.5);box-shadow:inset 0 0 .15em .025em rgba(0,0,0,.5);pointer-events:none}#main #window-wallpaper .wallpaper img{max-height:50vh}#main #socials{-webkit-filter:drop-shadow(0 0.05em 0.15em rgba(0, 0, 0, 0.5));filter:drop-shadow(0 0.05em 0.15em rgba(0, 0, 0, 0.5))}#main .modal.old{font:600 60px/1.5 "Noto Sans TC",Arial,Helvetica,sans-serif;font-size:clamp(16px,6vw,60px) !important;display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .modal.old.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}#main .modal.old .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75);-webkit-animation:fade .4s ease-out;animation:fade .4s ease-out}@supports((-webkit-backdrop-filter: blur(0.1rem)) or (backdrop-filter: blur(0.1rem))){#main .modal.old .mask{-webkit-backdrop-filter:blur(0.15rem);backdrop-filter:blur(0.15rem);background:rgba(8,8,8,.8);-webkit-transition:-webkit-backdrop-filter .5s ease-out;transition:-webkit-backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out, -webkit-backdrop-filter .5s ease-out}}#main .modal.old .btn-close{font:inherit;font-size:1em;font-weight:400;display:block;position:absolute;z-index:2;right:-0.25em;top:-0.25em;width:2em;height:2em;max-width:none;max-height:none;background:url(../../../img/Event/202410-family-party/btn-close.png) center/contain no-repeat;-webkit-filter:brightness(1) drop-shadow(0 0.1em 0.05em rgba(24, 8, 24, 0.5));filter:brightness(1) drop-shadow(0 0.1em 0.05em rgba(24, 8, 24, 0.5));-webkit-transition:-webkit-filter .2s,-webkit-transform .2s ease-in-out;transition:-webkit-filter .2s,-webkit-transform .2s ease-in-out;transition:filter .2s,transform .2s ease-in-out;transition:filter .2s,transform .2s ease-in-out,-webkit-filter .2s,-webkit-transform .2s ease-in-out;overflow:hidden;outline:none;cursor:pointer}#main .modal.old .btn-close::before,#main .modal.old .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:10%;height:75%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);background:currentColor;border-radius:.05em}#main .modal.old .btn-close::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#main .modal.old .btn-close:hover,#main .modal.old .btn-close:focus,#main .modal.old .btn-close:active{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.1) drop-shadow(0 0.15em 0.1em rgba(24, 8, 24, 0.65));filter:brightness(1.1) drop-shadow(0 0.15em 0.1em rgba(24, 8, 24, 0.65))}#main .modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}#main .modal-overflow::-webkit-scrollbar{width:0px}#main .modal-window{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:97.5%;max-width:16.25em;min-height:4em;margin:1.5em auto 1.25em;padding:0;line-height:1.4;-webkit-animation:pop .3s;animation:pop .3s}#main .fade-up,#main .fade-left,#main .fade-right,#main .fade-down,#main .fade-in{opacity:0;-webkit-transition:opacity 1.6s,-webkit-transform 1s;transition:opacity 1.6s,-webkit-transform 1s;transition:opacity 1.6s,transform 1s;transition:opacity 1.6s,transform 1s,-webkit-transform 1s}#main .fade-up.faded,#main .fade-left.faded,#main .fade-right.faded,#main .fade-down.faded,#main .fade-in.faded{-webkit-transform:none;transform:none;opacity:1}#main .fade-up{-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}#main .fade-down{-webkit-transform:translate(0, -1em);transform:translate(0, -1em)}#main .fade-left{-webkit-transform:translate(1em, 0);transform:translate(1em, 0)}#main .fade-right{-webkit-transform:translate(-1em, 0);transform:translate(-1em, 0)}#main .bg-area.fade-up,#main .bg-area .fade-up{-webkit-transform:none;transform:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@-webkit-keyframes blink{0%{background-position:top}50%{background-position:bottom}}@keyframes blink{0%{background-position:top}50%{background-position:bottom}}/*# sourceMappingURL=main.css.map */