@-webkit-keyframes hand{from{-webkit-transform:translate(0, 0);transform:translate(0, 0)}to{-webkit-transform:translate(-0.2em, -0.2em);transform:translate(-0.2em, -0.2em)}}@keyframes hand{from{-webkit-transform:translate(0, 0);transform:translate(0, 0)}to{-webkit-transform:translate(-0.2em, -0.2em);transform:translate(-0.2em, -0.2em)}}.color-white{color:#fff}.color-black{color:#000}.color-orange{color:#ff9046}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-regular{font-weight:400}.font-noto{font-family:"Noto Sans Tc",sans-serif}.stroke-white{text-shadow:-2px -2px 0 #fff,-2px -1px 0 #fff,-2px 0px 0 #fff,-2px 1px 0 #fff,-2px 2px 0 #fff,-1px -2px 0 #fff,-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,-1px 2px 0 #fff,0px -2px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,0px 2px 0 #fff,1px -2px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff,1px 2px 0 #fff,2px -2px 0 #fff,2px -1px 0 #fff,2px 0px 0 #fff,2px 1px 0 #fff,2px 2px 0 #fff}@media(max-width: 991px){.stroke-white{text-shadow:-2px -2px 0 #fff,-2px -1px 0 #fff,-2px 0px 0 #fff,-2px 1px 0 #fff,-2px 2px 0 #fff,-1px -2px 0 #fff,-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,-1px 2px 0 #fff,0px -2px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,0px 2px 0 #fff,1px -2px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff,1px 2px 0 #fff,2px -2px 0 #fff,2px -1px 0 #fff,2px 0px 0 #fff,2px 1px 0 #fff,2px 2px 0 #fff}}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none !important}html,body{background:#500093;color:#000}#main{overflow:hidden}#header{background:-webkit-gradient(linear, left top, right top, color-stop(40%, #5410ce), to(#16014b));background:linear-gradient(90deg, #5410ce 40%, #16014b 100%)}#footer{background-color:rgba(0,0,0,0);padding-bottom:0}#footer .foot{padding-bottom:.6em}.bg-area{width:32em;background:-webkit-gradient(linear, left top, right top, from(#500093), color-stop(25%, #521aff), color-stop(50%, #6763ff), color-stop(75%, #521aff), to(#500093));background:linear-gradient(90deg, #500093 0%, #521aff 25%, #6763ff 50%, #521aff 75%, #500093 100%);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;margin:0 auto;overflow:visible;pointer-events:none;position:absolute;top:0;bottom:0;left:calc(50% - 16em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-5}.bg-area::before{content:"";width:100%;height:100%;background:url("/img/Event/Family100Newyear/bg_side.png") top center/cover repeat-y;position:absolute;top:.5em;left:0}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;position:relative}#article{max-width:1060px !important;width:calc(100% - .5em) !important;margin:0 auto;position:relative;z-index:2}.dl-btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;bottom:0;z-index:3}.dl-btn-container .btn{font-size:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;border:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;margin-left:auto;margin-right:auto;background-color:rgba(0,0,0,0);-webkit-transition:-webkit-filter .2s ease-out,-webkit-box-shadow .2s;transition:-webkit-filter .2s ease-out,-webkit-box-shadow .2s;transition:filter .2s ease-out,box-shadow .2s;transition:filter .2s ease-out,box-shadow .2s,-webkit-filter .2s ease-out,-webkit-box-shadow .2s;background-repeat:no-repeat;background-size:100% 100%;background-position:center bottom}.dl-btn-container .btn-download{width:12.1833em;height:3.33em;position:relative;background:none}.dl-btn-container .btn-download::before,.dl-btn-container .btn-download::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}.dl-btn-container .btn-download::before{background-image:url("/img/Event/Family100Newyear/btn_download.png");opacity:1}.dl-btn-container .btn-download::after{background-image:url("/img/Event/Family100Newyear/btn_download_hover.png");opacity:0}.dl-btn-container .btn-download:hover::before{opacity:0}.dl-btn-container .btn-download:hover::after{opacity:1}.dl-btn-container .btn-signup{width:12.1833em;height:3.33em;position:relative;background:none}.dl-btn-container .btn-signup::before,.dl-btn-container .btn-signup::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}.dl-btn-container .btn-signup::before{background-image:url("/img/Event/Family100Newyear/btn_signup.png");opacity:1}.dl-btn-container .btn-signup::after{background-image:url("/img/Event/Family100Newyear/btn_signup_hover.png");opacity:0}.dl-btn-container .btn-signup:hover::before{opacity:0}.dl-btn-container .btn-signup:hover::after{opacity:1}.dl-btn-container .btn-logout{width:8em;height:2.2em;position:relative;background:none}.dl-btn-container .btn-logout::before,.dl-btn-container .btn-logout::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}.dl-btn-container .btn-logout::before{background-image:url("/img/Event/Family100Newyear/btn_logout.png");opacity:1}.dl-btn-container .btn-logout::after{background-image:url("/img/Event/Family100Newyear/btn_logout_hover.png");opacity:0}.dl-btn-container .btn-logout:hover::before{opacity:0}.dl-btn-container .btn-logout:hover::after{opacity:1}.dl-btn-container .btn-link{width:12.1667em;height:3.33em;position:relative;background:none}.dl-btn-container .btn-link.game::before,.dl-btn-container .btn-link.game::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}.dl-btn-container .btn-link.game::before{background-image:url("/img/Event/Family100Newyear/btn_game_link.png");opacity:1}.dl-btn-container .btn-link.game::after{background-image:url("/img/Event/Family100Newyear/btn_game_link_hover.png");opacity:0}.dl-btn-container .btn-link.game:hover::before{opacity:0}.dl-btn-container .btn-link.game:hover::after{opacity:1}.dl-btn-container .btn-link.yoe::before,.dl-btn-container .btn-link.yoe::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}.dl-btn-container .btn-link.yoe::before{background-image:url("/img/Event/Family100Newyear/btn_yoe_link.png");opacity:1}.dl-btn-container .btn-link.yoe::after{background-image:url("/img/Event/Family100Newyear/btn_yoe_link_hover.png");opacity:0}.dl-btn-container .btn-link.yoe:hover::before{opacity:0}.dl-btn-container .btn-link.yoe:hover::after{opacity:1}.dl-btn-container .btn-value{width:8.2667em;height:4.3em;position:relative;background:none}.dl-btn-container .btn-value.game::before,.dl-btn-container .btn-value.game::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}.dl-btn-container .btn-value.game::before{background-image:url("/img/Event/Family100Newyear/btn_game_value.png");opacity:1}.dl-btn-container .btn-value.game::after{background-image:url("/img/Event/Family100Newyear/btn_game_value_hover.png");opacity:0}.dl-btn-container .btn-value.game:hover::before{opacity:0}.dl-btn-container .btn-value.game:hover::after{opacity:1}.dl-btn-container .btn-value.yoe::before,.dl-btn-container .btn-value.yoe::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-size:contain;background-repeat:no-repeat;background-position:center center;pointer-events:none}.dl-btn-container .btn-value.yoe::before{background-image:url("/img/Event/Family100Newyear/btn_yoe_value.png");opacity:1}.dl-btn-container .btn-value.yoe::after{background-image:url("/img/Event/Family100Newyear/btn_yoe_value_hover.png");opacity:0}.dl-btn-container .btn-value.yoe:hover::before{opacity:0}.dl-btn-container .btn-value.yoe:hover::after{opacity:1}.dl-btn-container .btn.disabled{pointer-events:none;-webkit-filter:grayscale(1) contrast(0.75);filter:grayscale(1) contrast(0.75)}section{margin-right:auto;margin-left:auto;padding-left:.2em;padding-right:.2em;position:relative}section .imgContent{width:16.91667em;display:block;pointer-events:none;margin:0 auto}@media(max-width: 1000px){section .imgContent{width:17.9em}}section p.large{font-size:.583em}@media(max-width: 1200px){section p.large{font-size:.525em}}section p.medium{font-size:.5em}section p.small{font-size:.433em}#main-banner{width:32em;max-width:initial;aspect-ratio:1920/843;display:block;overflow:hidden;margin:0 !important;padding:0;position:relative;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#main-banner .banner-img{width:100%;margin:auto;position:absolute;inset:0;pointer-events:none}#section-event{margin-top:-2.15em}#section-event .dl-btn-container{position:absolute;top:5.15em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-event .dl-btn-container .btn{margin:0}#section-event .dl-btn-container:not(.link){height:3.35em;top:5.15em}@media(max-width: 1000px){#section-event .dl-btn-container:not(.link){top:4.75em}}#section-event .dl-btn-container.link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:9em}#section-event .dl-btn-container.link .btn:first-child{margin-bottom:-0.2em}#section-event .dl-btn-container.link .btn:last-child{margin-top:-0.2em}@media(max-width: 1000px){#section-event .dl-btn-container.link{top:8.6em}#section-event .dl-btn-container.link .btn:first-child{margin-bottom:-0.225em}#section-event .dl-btn-container.link .btn:last-child{margin-top:-0.225em}}#section-reward{margin-top:-0.4em}#section-game{margin-top:-0.4em}#section-game .video-box,#section-game .article-box{width:86.9688%;max-width:15.35em;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-game .video-box{-o-border-image:url("/img/Event/Family100Newyear//border.png") 100 fill/1.25em/0em;border-image:url("/img/Event/Family100Newyear//border.png") 100 fill/1.25em/0em;overflow:hidden;top:2.75em;aspect-ratio:921/526}#section-game .video-box .video{width:98.25%;height:96.75%;border-radius:.325em;display:block;margin:.145em auto;position:relative;z-index:1}#section-game .video-box .yotubeMore{content:"";width:4.5833em;height:.6667em;display:block;position:absolute;bottom:.3em;right:.1em;z-index:999;background-size:contain;background-repeat:no-repeat;background-position:center center;background:url("/img/Event/Family100Newyear//youtube.png") center/contain no-repeat;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;will-change:transform}#section-game .video-box .yotubeMore:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}#section-game .article-box{display:block;bottom:6.35em}#section-game .article-box:hover{-webkit-transform:translateX(-50%) scale(1.005);transform:translateX(-50%) scale(1.005)}#section-game .article-box:hover img{-webkit-filter:drop-shadow(0 0 0.15em rgba(138, 43, 226, 0.8)) drop-shadow(0 0 0.15em rgba(138, 43, 226, 0.6));filter:drop-shadow(0 0 0.15em rgba(138, 43, 226, 0.8)) drop-shadow(0 0 0.15em rgba(138, 43, 226, 0.6))}#section-game .article-box img{-webkit-transition:-webkit-transform .2s,-webkit-filter .2s;transition:-webkit-transform .2s,-webkit-filter .2s;transition:transform .2s,filter .2s;transition:transform .2s,filter .2s,-webkit-transform .2s,-webkit-filter .2s;will-change:transform,filter}#section-game .dl-btn-container{width:92.5%;position:absolute;bottom:.45em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-game .dl-btn-container .btn:first-child{margin-right:-0.25em}#section-game .dl-btn-container .btn:last-child{margin-left:-0.25em}#section-rules{margin-top:-0.4em}#section-rules ul,#section-rules ol{width:84%;font:400 .41em "Noto Sans TC",serif;margin:.5em auto 0;padding-top:0;padding-bottom:1.25em;padding-left:0;padding-right:0;position:absolute;top:7.25em;left:50%;-webkit-transform:translateX(-50.75%);transform:translateX(-50.75%);text-align:left;list-style-type:none;counter-reset:item}#section-rules ul li,#section-rules ol li{color:#fff;line-height:1.625em;letter-spacing:-0.5px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}#section-rules ul li::before,#section-rules ol li::before{counter-increment:item;content:counter(item) ". ";margin-right:.3em}#section-rules ul .link,#section-rules ol .link{color:#0052ff;cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s}#section-rules ul .link::before,#section-rules ol .link::before{content:"";width:100%;height:2px;background-color:#0052ff;position:absolute;bottom:0;left:0;z-index:1;-webkit-transition:all .3s;transition:all .3s}#section-rules ul .link:hover,#section-rules ol .link:hover{color:rgb(0,65.6,204)}#section-rules ul .link:hover::before,#section-rules ol .link:hover::before{background-color:rgb(0,65.6,204)}@media(max-width: 640px){#section-rules ul .link::before,#section-rules ol .link::before{height:1px}}.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}.side-container>*{pointer-events:all}.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){.side-btn{opacity:0;pointer-events:none}}#window-ios .btn-close{font-size:.8em}#window-ios .modal-body{width:100%;background:#2a0810 !important}#window-ios .modal-nav{width:100%;margin:0 auto}#window-ios .modal-nav .nav-logoLink{width:80%;margin-left:10%}#window-ios .modal-nav svg,#window-ios .modal-nav .nav-icon::before,#window-ios .modal-nav .nav-icon::after{color:#fff}#window-ios .modal-head{width:100%;border-bottom:1px solid #c59d54;padding:10px;background:-webkit-gradient(linear, left top, left bottom, from(#4a0106), to(#2c0002));background:linear-gradient(to bottom, #4a0106, #2c0002)}#window-ios .modal-head .nav-download{right:5%;position:relative;width:84px}@media(max-width: 600px){#window-ios .modal-head .nav-download{font-size:9vw;right:10%}}@media(max-width: 450px){#window-ios .modal-head .nav-download{font-size:8.7vw}}#window-ios .side-nav .nav-link{font-size:30px}#window-ios p{width:90%;text-align:center;font-size:.48em;line-height:1.2;margin-top:1em;margin-bottom:.1em;margin-left:auto;margin-right:auto}#window-ios p .small{font-size:.7em}@media(max-width: 1200px){#main #socials{position:static}#main #socials .side-nav{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;left:auto}}@media(max-width: 767px){#Modal-signUp{font-size:8vw !important}}#Modal-signUp .btn-close{background:url("/img/Event/Family100Newyear/close_signup.png") center/contain no-repeat;top:-0.2em;right:-0.2em}#Modal-signUp .btn-close::before,#Modal-signUp .btn-close::after{display:none}@media(max-width: 767px){#Modal-signUp .btn-close{max-width:initial;max-height:initial}}#Modal-signUp .modal-window{max-width:1000px;-o-border-image:url("/img/Event/Family100Newyear//border2.png") 100 fill/1.25em/0em;border-image:url("/img/Event/Family100Newyear//border2.png") 100 fill/1.25em/0em;border-radius:.35em}#Modal-signUp .modal-content{background:none;-webkit-box-shadow:none;box-shadow:none;border-radius:.3em;padding-top:1em;padding-bottom:.75em}#Modal-signUp h3{width:100%;color:#fff;display:block;font-size:.8em}#Modal-signUp .info{width:95%;background:-webkit-gradient(linear, left top, right top, from(#500093), color-stop(25%, #521aff), color-stop(50%, #6763ff), color-stop(75%, #521aff), to(#500093));background:linear-gradient(90deg, #500093 0%, #521aff 25%, #6763ff 50%, #521aff 75%, #500093 100%);border-radius:99px;padding:.125em 0;margin:.35em auto .5em}#Modal-signUp .info p{font-size:.7em}@media(max-width: 1024px){#Modal-signUp .info p{font-size:.5em}}#Modal-signUp .note{width:92%;font-size:.46667em;margin:0 auto}#Modal-signUp .btn-logout{margin-top:.35em}/*# sourceMappingURL=main.css.map */