.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:-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff}}.stroke-blue{text-shadow:-3px -3px 0 #0b436d,-3px -2px 0 #0b436d,-3px -1px 0 #0b436d,-3px 0px 0 #0b436d,-3px 1px 0 #0b436d,-3px 2px 0 #0b436d,-3px 3px 0 #0b436d,-2px -3px 0 #0b436d,-2px -2px 0 #0b436d,-2px -1px 0 #0b436d,-2px 0px 0 #0b436d,-2px 1px 0 #0b436d,-2px 2px 0 #0b436d,-2px 3px 0 #0b436d,-1px -3px 0 #0b436d,-1px -2px 0 #0b436d,-1px -1px 0 #0b436d,-1px 0px 0 #0b436d,-1px 1px 0 #0b436d,-1px 2px 0 #0b436d,-1px 3px 0 #0b436d,0px -3px 0 #0b436d,0px -2px 0 #0b436d,0px -1px 0 #0b436d,0px 0px 0 #0b436d,0px 1px 0 #0b436d,0px 2px 0 #0b436d,0px 3px 0 #0b436d,1px -3px 0 #0b436d,1px -2px 0 #0b436d,1px -1px 0 #0b436d,1px 0px 0 #0b436d,1px 1px 0 #0b436d,1px 2px 0 #0b436d,1px 3px 0 #0b436d,2px -3px 0 #0b436d,2px -2px 0 #0b436d,2px -1px 0 #0b436d,2px 0px 0 #0b436d,2px 1px 0 #0b436d,2px 2px 0 #0b436d,2px 3px 0 #0b436d,3px -3px 0 #0b436d,3px -2px 0 #0b436d,3px -1px 0 #0b436d,3px 0px 0 #0b436d,3px 1px 0 #0b436d,3px 2px 0 #0b436d,3px 3px 0 #0b436d}@media(max-width: 991px){.stroke-blue{text-shadow:-1px -1px 0 #0b436d,-1px 0px 0 #0b436d,-1px 1px 0 #0b436d,0px -1px 0 #0b436d,0px 0px 0 #0b436d,0px 1px 0 #0b436d,1px -1px 0 #0b436d,1px 0px 0 #0b436d,1px 1px 0 #0b436d}}.color-white{color:#fff !important}.color-black{color:#000 !important}.color-red{color:#ff0030 !important}.color-yellow{color:#ffea3b !important}.color-blue{color:#0b436d !important}.shadow-blue{-webkit-filter:drop-shadow(0 0.05em 0.1em #0b436d);filter:drop-shadow(0 0.05em 0.1em #0b436d)}.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}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none !important}html,body{background:#ffdca0;color:#000}#main{overflow:hidden}#header{background:#0a56c8}#footer{background-color:#0a56c8;padding-bottom:0}#footer .foot{padding-bottom:.6em}.bg-area{width:32em;background:url("/img/Event/202604-FamilySummer/bg.jpg") top center/auto no-repeat;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 img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;position:relative}#article{max-width:1082px !important;width:calc(100% - .5em) !important;margin:1.35em auto 0;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%;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:9.15em;height:1.9667em;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/202604-FamilySummer/btn_download.png");opacity:1}.dl-btn-container .btn-download::after{background-image:url("/img/Event/202604-FamilySummer/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-link{width:14.75em;height:3.05em;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/202604-FamilySummer/btn_game_link.png");opacity:1}.dl-btn-container .btn-link.game::after{background-image:url("/img/Event/202604-FamilySummer/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/202604-FamilySummer/btn_yoe_link.png");opacity:1}.dl-btn-container .btn-link.yoe::after{background-image:url("/img/Event/202604-FamilySummer/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:7.15em;height:2.41667em;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/202604-FamilySummer/btn_game_value.png");opacity:1}.dl-btn-container .btn-value.game::after{background-image:url("/img/Event/202604-FamilySummer/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:"";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{width:100%;height:100%;background-image:url("/img/Event/202604-FamilySummer/btn_yoe_value.png");opacity:1;-webkit-filter:none;filter:none}.dl-btn-container .btn-value.yoe::after{width:7.033em;height:2.26667em;background-image:url("/img/Event/202604-FamilySummer/btn_yoe_value_hover.png");opacity:0;-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 0 2px rgba(0, 0, 0, 0.08))}.dl-btn-container .btn-value.yoe:hover::before{opacity:0}.dl-btn-container .btn-value.yoe:hover::after{opacity:1}.dl-btn-container .btn-signup{width:8.3em;height:2.3667em;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/202604-FamilySummer/btn_signup.png");opacity:1}.dl-btn-container .btn-signup::after{background-image:url("/img/Event/202604-FamilySummer/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-addvalue{width:8.3em;height:2.3667em;position:relative;background:none}.dl-btn-container .btn-addvalue::before,.dl-btn-container .btn-addvalue::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-addvalue::before{background-image:url("/img/Event/202604-FamilySummer/btn_addvalue.png");opacity:1}.dl-btn-container .btn-addvalue::after{background-image:url("/img/Event/202604-FamilySummer/btn_addvalue_hover.png");opacity:0}.dl-btn-container .btn-addvalue:hover::before{opacity:0}.dl-btn-container .btn-addvalue:hover::after{opacity:1}.dl-btn-container .btn-logout{width:8.3em;height:2.3667em;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/202604-FamilySummer/btn_logout.png");opacity:1}.dl-btn-container .btn-logout::after{background-image:url("/img/Event/202604-FamilySummer/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.disabled{pointer-events:none;-webkit-filter:grayscale(1) contrast(0.75);filter:grayscale(1) contrast(0.75)}#main-banner{width:32em;aspect-ratio:1920/609;display:block;margin:0;overflow:hidden;padding:0;position:relative;z-index:1;top:1.79em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#main-banner .banner-img{width:100%;margin:auto;pointer-events:none;position:absolute;top:.35em;left:0;right:0;bottom:0}section{margin:0 auto;position:relative}section .link{color:#0b436d;cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s;text-decoration:none;text-underline-offset:.2em}section .link:hover{color:#ff0058;text-decoration:underline}@media(max-width: 640px){section .link::before{height:1px}}section .content{width:100%;margin:0 auto;position:relative}section .content img{display:block;margin:0 auto;pointer-events:none}section .img-box{position:relative}section .img-content{display:block;margin:0 auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section p{line-height:1.25;padding:.15em 0}section p.large{font-size:.65em}section p.m-large{font-size:.5833em}section p.medium{font-size:.533em}section p.small{font-size:.433em}section ul,section ol{max-width:100%;border-radius:1em;font-weight:600;font-size:.45em;line-height:1.64em;margin:0 auto;padding-top:5.4em;padding-bottom:.75em;padding-left:3.5em;padding-right:2em;text-align:left}@media(max-width: 1000px){section ul,section ol{font-size:.5075em}}#section-event .text-box{width:100%;position:absolute;top:9%;left:3.75%}#section-event .text-box p{line-height:1.5em}#section-event .text-box p a{color:#0b436d;text-decoration:underline;text-underline-offset:.15em}#section-event .text-box p a:hover{color:#755806}@media(max-width: 640px){#section-event .text-box p a{text-underline-offset:.1em}}#section-event .dl-btn-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.05em}#section-event .dl-btn-container .btn+.btn{margin-top:-0.35em;margin-bottom:-0.15em}#section-reward{margin-top:-1.5em}#section-reward p{width:100%;position:absolute;bottom:1.25em}#section-rules{margin-top:.125em;margin-bottom:.5em}#section-rules ol{position:absolute;top:0;left:0}.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}.modal .modal-content{width:100%}.modal#window-custom-notBindPhone .modal-content{min-height:7.1667em;background:url("/img/Event/202604-FamilySummer/modal_bg_s.png") top center/contain no-repeat}.modal#window-custom-signup .modal-content{min-height:9.6883em;background:url("/img/Event/202604-FamilySummer/modal_bg.png") top center/contain no-repeat}@media(max-width: 1200px){.modal#window-custom-notBindPhone,.modal#window-custom-signup{font-size:5vw !important}}.modal#window-custom-notBindPhone .btn-close,.modal#window-custom-signup .btn-close{width:1.852em;height:1.852em;background:url("/img/Event/202604-FamilySummer/close.png") center/contain no-repeat;top:-0.5em;right:-0.5em}.modal#window-custom-notBindPhone .btn-close::before,.modal#window-custom-notBindPhone .btn-close::after,.modal#window-custom-signup .btn-close::before,.modal#window-custom-signup .btn-close::after{display:none}@media(max-width: 767px){.modal#window-custom-notBindPhone .btn-close,.modal#window-custom-signup .btn-close{font-size:.8em;max-width:2.25em;max-height:2.25em}}.modal#window-custom-notBindPhone .modal-window,.modal#window-custom-signup .modal-window{max-width:13.38334em}.modal#window-custom-notBindPhone .modal-content,.modal#window-custom-signup .modal-content{width:100%;-webkit-box-shadow:none;box-shadow:none;box-shadow:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5em 1em 0}.modal#window-custom-notBindPhone .modal-content .text-box,.modal#window-custom-signup .modal-content .text-box{text-align:left}.modal#window-custom-notBindPhone .modal-content h3,.modal#window-custom-signup .modal-content h3{font-size:.783334em;margin-bottom:.35em}.modal#window-custom-notBindPhone .modal-content p,.modal#window-custom-signup .modal-content p{line-height:1.25;padding:.1em 0}.modal#window-custom-notBindPhone .modal-content p.note,.modal#window-custom-signup .modal-content p.note{margin-top:1em;line-height:1.4em}.modal#window-custom-notBindPhone .modal-content p.large,.modal#window-custom-signup .modal-content p.large{font-size:.65em}.modal#window-custom-notBindPhone .modal-content p.m-large,.modal#window-custom-signup .modal-content p.m-large{font-size:.5833em}.modal#window-custom-notBindPhone .modal-content p.medium,.modal#window-custom-signup .modal-content p.medium{font-size:.533em}.modal#window-custom-notBindPhone .modal-content p.small,.modal#window-custom-signup .modal-content p.small{font-size:.433em}.modal#window-custom-notBindPhone .modal-content .btn,.modal#window-custom-signup .modal-content .btn{margin-top:.1em}.modal#window-custom-notBindPhone .modal-content .spinner,.modal#window-custom-signup .modal-content .spinner{width:68px;height:68px;border:8px solid hsla(0,0%,100%,.25);border-top-color:#fff;border-radius:50%;-webkit-animation:spin .9s linear infinite;animation:spin .9s linear infinite}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@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}}/*# sourceMappingURL=main.css.map */