@-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:#ff9046;color:#000}#main{overflow:hidden}#header{background:#fe7e2c}#footer{background-color:rgba(0,0,0,0);padding-bottom:0}#footer .foot{padding-bottom:.6em}.bg-area{width:32em;background:url("/img/Event/Family12Telecom/bg.jpg") top center/100% 100% 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:860px !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:10.5833em;height:1.6166em;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/Family12Telecom/btn_download.png");opacity:1}.dl-btn-container .btn-download::after{background-image:url("/img/Event/Family12Telecom/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:10.583em;height:1.6833em;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/Family12Telecom/btn_signup.png");opacity:1}.dl-btn-container .btn-signup::after{background-image:url("/img/Event/Family12Telecom/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:6.3667em;height:1.6167em;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/Family12Telecom/btn_logout.png");opacity:1}.dl-btn-container .btn-logout::after{background-image:url("/img/Event/Family12Telecom/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:6.5em;height:1.5167em;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/Family12Telecom/btn_game_link.png");opacity:1}.dl-btn-container .btn-link.game::after{background-image:url("/img/Event/Family12Telecom/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/Family12Telecom/btn_yoe_link.png");opacity:1}.dl-btn-container .btn-link.yoe::after{background-image:url("/img/Event/Family12Telecom/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:5.5667em;height:2.2333em;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/Family12Telecom/btn_game_value.png");opacity:1}.dl-btn-container .btn-value.game::after{background-image:url("/img/Event/Family12Telecom/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/Family12Telecom/btn_yoe_value.png");opacity:1}.dl-btn-container .btn-value.yoe::after{background-image:url("/img/Event/Family12Telecom/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{max-width:836px;margin-right:auto;margin-left:auto;padding-left:.2em;padding-right:.2em;position:relative}section .imgContent{pointer-events:none}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}section ul,section ol{font:400 .4667em "Noto Sans TC",serif;margin:.5em auto 0;padding-top:0;padding-bottom:1.25em;padding-left:1.25em;padding-right:0;text-align:left}section ul li,section ol li{color:#451a07;line-height:1.525em;letter-spacing:.5px;position:relative}section ul .link,section ol .link{color:#0052ff;cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s}section ul .link::before,section 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 ul .link:hover,section ol .link:hover{color:rgb(0,65.6,204)}section ul .link:hover::before,section ol .link:hover::before{background-color:rgb(0,65.6,204)}@media(max-width: 640px){section ul .link::before,section ol .link::before{height:1px}}#main-banner{width:32em;max-width:initial;aspect-ratio:1920/606;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:-0.25em}#section-event .section-ticket{width:6.4em;position:absolute;top:10%;left:-4%}@media(max-width: 768px){#section-event .section-ticket{top:12%;left:-1%}}#section-event .only-pc,#section-event .only-mobile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-event .only-pc{width:100%;top:56%}#section-event .only-pc .imgContent{width:10.5em}#section-event .only-pc #qrcode{width:2.75em;background-color:#fff;border-radius:.1em;padding:.05em;pointer-events:none;position:absolute;top:-0.75em;left:3.5em}#section-event .only-mobile{width:100%;top:50.5%;padding-top:1.85em}#section-event .only-mobile .imgContent{width:12.25em}#section-event .only-mobile .dl-btn-container{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-event .only-mobile .dl-btn-container .btn{margin:0}#section-reward{margin-top:1.2em}#section-reward .content{padding:0}#section-reward .box{padding:0;margin-bottom:0}#section-reward .box .box-title{width:100%;-webkit-transform:translate(0, -57.5%);transform:translate(0, -57.5%)}#section-reward .box .box-title img{width:6.1em;margin:0 auto}#section-reward .imgContent{width:100%;max-width:16.375em;margin-top:-0.975em;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-reward p.orange{background-color:#ff9046;border-radius:0 0 .5em .5em;padding:.5em .4em}#section-extra{margin-top:.2em}#section-extra .dl-btn-container{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-extra .dl-btn-container.link{width:92.5%;top:75%}#section-extra .dl-btn-container .btn{margin:0 10px}#section-extra .dl-btn-container:not(.link){top:40%}#section-btn{margin-top:.2em}#section-btn .dl-btn-container{width:92.5%;position:absolute;top:35%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#section-btn .dl-btn-container .btn{margin:0 10px}#section-rules{margin-top:.2em}#section-rules .imgTitle{width:2.9em;display:block;margin:0 auto}.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/Family12Telecom/close_signup.png") center/contain no-repeat}#Modal-signUp .btn-close::before,#Modal-signUp .btn-close::after{display:none}#Modal-signUp .modal-window{max-width:1000px;border:.05em #723115 solid;border-radius:.35em}#Modal-signUp .modal-content{border:.05em #fccc6e solid;background:#f35d11;border-radius:.3em;padding-top:.5em;padding-bottom:.5em}#Modal-signUp h3{width:100%;color:#fff;display:block;font-size:.91667em;text-shadow:-4px -4px 0 #5c2205,-4px -3px 0 #5c2205,-4px -2px 0 #5c2205,-4px -1px 0 #5c2205,-4px 0px 0 #5c2205,-4px 1px 0 #5c2205,-4px 2px 0 #5c2205,-4px 3px 0 #5c2205,-4px 4px 0 #5c2205,-3px -4px 0 #5c2205,-3px -3px 0 #5c2205,-3px -2px 0 #5c2205,-3px -1px 0 #5c2205,-3px 0px 0 #5c2205,-3px 1px 0 #5c2205,-3px 2px 0 #5c2205,-3px 3px 0 #5c2205,-3px 4px 0 #5c2205,-2px -4px 0 #5c2205,-2px -3px 0 #5c2205,-2px -2px 0 #5c2205,-2px -1px 0 #5c2205,-2px 0px 0 #5c2205,-2px 1px 0 #5c2205,-2px 2px 0 #5c2205,-2px 3px 0 #5c2205,-2px 4px 0 #5c2205,-1px -4px 0 #5c2205,-1px -3px 0 #5c2205,-1px -2px 0 #5c2205,-1px -1px 0 #5c2205,-1px 0px 0 #5c2205,-1px 1px 0 #5c2205,-1px 2px 0 #5c2205,-1px 3px 0 #5c2205,-1px 4px 0 #5c2205,0px -4px 0 #5c2205,0px -3px 0 #5c2205,0px -2px 0 #5c2205,0px -1px 0 #5c2205,0px 0px 0 #5c2205,0px 1px 0 #5c2205,0px 2px 0 #5c2205,0px 3px 0 #5c2205,0px 4px 0 #5c2205,1px -4px 0 #5c2205,1px -3px 0 #5c2205,1px -2px 0 #5c2205,1px -1px 0 #5c2205,1px 0px 0 #5c2205,1px 1px 0 #5c2205,1px 2px 0 #5c2205,1px 3px 0 #5c2205,1px 4px 0 #5c2205,2px -4px 0 #5c2205,2px -3px 0 #5c2205,2px -2px 0 #5c2205,2px -1px 0 #5c2205,2px 0px 0 #5c2205,2px 1px 0 #5c2205,2px 2px 0 #5c2205,2px 3px 0 #5c2205,2px 4px 0 #5c2205,3px -4px 0 #5c2205,3px -3px 0 #5c2205,3px -2px 0 #5c2205,3px -1px 0 #5c2205,3px 0px 0 #5c2205,3px 1px 0 #5c2205,3px 2px 0 #5c2205,3px 3px 0 #5c2205,3px 4px 0 #5c2205,4px -4px 0 #5c2205,4px -3px 0 #5c2205,4px -2px 0 #5c2205,4px -1px 0 #5c2205,4px 0px 0 #5c2205,4px 1px 0 #5c2205,4px 2px 0 #5c2205,4px 3px 0 #5c2205,4px 4px 0 #5c2205}@media(max-width: 991px){#Modal-signUp h3{text-shadow:-2px -2px 0 #5c2205,-2px -1px 0 #5c2205,-2px 0px 0 #5c2205,-2px 1px 0 #5c2205,-2px 2px 0 #5c2205,-1px -2px 0 #5c2205,-1px -1px 0 #5c2205,-1px 0px 0 #5c2205,-1px 1px 0 #5c2205,-1px 2px 0 #5c2205,0px -2px 0 #5c2205,0px -1px 0 #5c2205,0px 0px 0 #5c2205,0px 1px 0 #5c2205,0px 2px 0 #5c2205,1px -2px 0 #5c2205,1px -1px 0 #5c2205,1px 0px 0 #5c2205,1px 1px 0 #5c2205,1px 2px 0 #5c2205,2px -2px 0 #5c2205,2px -1px 0 #5c2205,2px 0px 0 #5c2205,2px 1px 0 #5c2205,2px 2px 0 #5c2205}}#Modal-signUp .info{width:100%;background-color:#a23600;border-radius:99px;padding:.25em 0;margin:.25em 0 .35em}#Modal-signUp .info p{font-size:.766em}@media(max-width: 1024px){#Modal-signUp .info p{font-size:.5em}}#Modal-signUp .note{width:90%;font-size:.46667em;margin:0 auto}#Modal-signUp .btn-logout{margin-top:.35em}/*# sourceMappingURL=main.css.map */