@-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:#ff5400}.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:-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}}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none !important}html,body{background:#292523;color:#000}#main{overflow:hidden}#header{background:#000}#footer{background-color:#000;padding-bottom:0}#footer .foot{padding-bottom:.6em}.bg-area{width:32em;background:url("/img/Event/family25wincafe/bg.jpg") top center/cover repeat-y;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:1019px !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:8.41667em;height:2.8333em;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/family25wincafe/btn_download.png");opacity:1}.dl-btn-container .btn-download::after{background-image:url("/img/Event/family25wincafe/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/family25wincafe/btn_game_link.png");opacity:1}.dl-btn-container .btn-link.game::after{background-image:url("/img/Event/family25wincafe/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/family25wincafe/btn_yoe_link.png");opacity:1}.dl-btn-container .btn-link.yoe::after{background-image:url("/img/Event/family25wincafe/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/family25wincafe/btn_game_value.png");opacity:1}.dl-btn-container .btn-value.game::after{background-image:url("/img/Event/family25wincafe/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/family25wincafe/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/family25wincafe/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.disabled{pointer-events:none;-webkit-filter:grayscale(1) contrast(0.75);filter:grayscale(1) contrast(0.75)}#main-banner{width:32em;aspect-ratio:1920/874;display:block;overflow:hidden;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;will-change:transform,opacity,filter}#main-banner .banner-img.slogan{-webkit-animation:slideIn .65s .25s ease-out both;animation:slideIn .65s .25s ease-out both}#main-banner .banner-img.prize{-webkit-animation:slideIn .65s .5s ease-out both;animation:slideIn .65s .5s ease-out both}#main-banner .banner-img.intro{-webkit-animation:slideIn .65s .75s ease-out both;animation:slideIn .65s .75s ease-out both}#main-banner .banner-img.coffee{-webkit-animation:slideDown .65s ease-out both;animation:slideDown .65s ease-out both}#main-banner .banner-img.coin{-webkit-animation:enhanceShrink .65s ease-out both;animation:enhanceShrink .65s ease-out both}@-webkit-keyframes enhanceShrink{0%{-webkit-transform:scale(0.985);transform:scale(0.985);-webkit-filter:none;filter:none;opacity:0}100%{-webkit-transform:scale(1.015);transform:scale(1.015);-webkit-filter:drop-shadow(-2px 0 4px rgba(255, 140, 77, 0.52));filter:drop-shadow(-2px 0 4px rgba(255, 140, 77, 0.52));opacity:1}}@keyframes enhanceShrink{0%{-webkit-transform:scale(0.985);transform:scale(0.985);-webkit-filter:none;filter:none;opacity:0}100%{-webkit-transform:scale(1.015);transform:scale(1.015);-webkit-filter:drop-shadow(-2px 0 4px rgba(255, 140, 77, 0.52));filter:drop-shadow(-2px 0 4px rgba(255, 140, 77, 0.52));opacity:1}}@-webkit-keyframes slideDown{from{-webkit-transform:translateY(-4.5%);transform:translateY(-4.5%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideDown{from{-webkit-transform:translateY(-4.5%);transform:translateY(-4.5%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes slideIn{from{-webkit-transform:translateX(-3%);transform:translateX(-3%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideIn{from{-webkit-transform:translateX(-3%);transform:translateX(-3%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}section{padding-left:.2em;padding-right:.2em;position:relative}section .content{width:100%;max-width:16.5833em;background-color:#c8c5c3;border:6px solid #ff5400;border-radius:.55em;margin:0 auto;padding:.2em;position:relative}section .content.orange{background-color:#ff5400}section .content.black{background-color:rgba(0,0,0,.6);border:none}section .content img{display:block;margin:0 auto}section .box{background-color:#fff;border-radius:.3em;padding:.65em .35em .35em;position:relative}section .box:not(:last-child){margin-bottom:38px}section .box .box-title{position:absolute;top:0;left:0;z-index:2;-webkit-transform:translate(-1%, -55%);transform:translate(-1%, -55%)}section .box .box-title img{width:3.7em;margin:0}section .box .flex-column{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-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}section .box .flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}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{max-width:980px;border-radius:1em;font:400 .5em "Noto Sans TC",serif;margin:.5em auto 0;padding-top:2.5em;padding-bottom:.75em;padding-left:2.25em;padding-right:.75em;text-align:left}section ul li,section ol li{color:#fff;line-height:1.5em;letter-spacing:1px;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}}#section-event{margin-top:1em}#section-event .qrcodeBox{width:3.8333em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ff5400;border-radius:.3em;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:center;-ms-flex-pack:center;justify-content:center;margin:.3em auto;padding-top:.15em;padding-bottom:.15em}#section-event .qrcodeBox #qrcode{width:3.25em;background-color:#fff;border-radius:.3em;padding:.15em}#section-event .qrcodeBox p{line-height:1.4}#section-event .box p.mail{padding-left:.55em;padding-right:.55em}#section-event .box p.addvalue{padding-left:2.35em;padding-right:2.35em}#section-event .box img.mail{width:2.667em;position:absolute;top:0;right:0;-webkit-transform:translateX(15%);transform:translateX(15%)}#section-event .dl-btn-container .btn{margin:0 0}#section-reward{margin-top:2em;position:relative;z-index:3}#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:#ff5400;border-radius:0 0 .5em .5em;padding:.5em .4em}#section-btn{margin-top:1em}#section-rules{margin-top:1em}#section-rules .box{padding:0;margin-bottom:0}#section-rules .box .box-title{width:100%;-webkit-transform:translate(0);transform:translate(0)}#section-rules .box .box-title img{width:6.1em;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.fmmf{font-size:8vw !important}}.modal.fmmf .link{color:#0052ff;cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s;text-decoration:none}.modal.fmmf .link.light{color:#00fff6}.modal.fmmf .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}.modal.fmmf .link:hover{color:rgb(0,65.6,204)}.modal.fmmf .link:hover::before{background-color:rgb(0,65.6,204)}.modal.fmmf .link.light{color:#00fff6}.modal.fmmf .link.light::before{background-color:#00fff6}.modal.fmmf .link.light:hover{color:rgb(0,204,196.8)}.modal.fmmf .link.light:hover::before{background-color:rgb(0,204,196.8)}@media(max-width: 640px){.modal.fmmf .link::before{height:1px}}.modal.fmmf .btn-close{background:url("/img/Event/family25wincafe/close.png") center/contain no-repeat}.modal.fmmf .btn-close::before,.modal.fmmf .btn-close::after{display:none}.modal.reward .modal-window,.modal.record .modal-window{max-width:995px}.modal.reward .modal-content,.modal.record .modal-content{-webkit-box-shadow:none;box-shadow:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal.reward .modal-content p,.modal.record .modal-content p{margin-top:.25em}.modal.reward .modal-content p.large,.modal.record .modal-content p.large{font-size:.833em;margin-top:0}@media(max-width: 1024px){.modal.reward .modal-content p,.modal.record .modal-content p{font-size:.4em}.modal.reward .modal-content p.large,.modal.record .modal-content p.large{font-size:.65em}}@media(max-width: 767px){.modal.reward .modal-content p.large,.modal.record .modal-content p.large{font-size:.55em}}.modal.reward .modal-content .dl-btn-container,.modal.record .modal-content .dl-btn-container{margin-top:.5em}.modal.reward .modal-content{height:7.9em;background:url("/img/Event/family25wincafe/reward_modal_bg.png") top center/100% 100% no-repeat}.modal.reward .modal-content img{max-width:50%;width:7.4667em;margin:0 auto}@media(max-width: 1024px){.modal.reward .modal-content{height:6em}.modal.reward .modal-content img{max-width:40%}}.modal.record .modal-content{height:10.3666em;background:url("/img/Event/family25wincafe/record_modal_bg.png") top center/100% 100% no-repeat;padding-top:1.5em !important}@media(max-width: 1024px){.modal.record .modal-content{height:9em;padding-top:1em !important}}@media(max-width: 576px){.modal.record .modal-content{height:7.5em}}.modal.record .records{width:90%;max-height:5em;margin-top:.15em;margin-bottom:.35em;padding-right:.25em;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#292523 #fffbd7}@media(max-width: 1024px){.modal.record .records{max-height:3.5em}}@media(max-width: 576px){.modal.record .records{max-height:3em}}.modal.record .records::-webkit-scrollbar{width:8px;background:#fffbd7;border-radius:8px}.modal.record .records::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #292523 60%, #fdec3e 100%);border-radius:8px;border:2px solid #fffbd7}.modal.record .records::-webkit-scrollbar-track{background:#fffbd7;border-radius:8px}.modal.record .records li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid hsla(0,0%,100%,.2);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.575em;line-height:1.2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:.4em;padding-bottom:.15em}@media(max-width: 1024px){.modal.record .records li{font-size:.5em}}@media(max-width: 767px){.modal.record .records li{font-size:.4em}}#Modal-infoGame .modal-window,#Modal-infoEcard .modal-window{max-width:990px;background-color:rgba(0,0,0,.5);border-radius:.4em;padding-top:.5em;padding-bottom:.5em}#Modal-infoGame .modal-content,#Modal-infoEcard .modal-content{background:none;-webkit-box-shadow:none;box-shadow:none}#Modal-infoGame .modal-content .imgLink,#Modal-infoEcard .modal-content .imgLink{display:block;position:relative}#Modal-infoGame .modal-content .imgLink::before,#Modal-infoEcard .modal-content .imgLink::before{content:"";width:1.6em;height:1.6em;background:url("/img/Event/family25wincafe/hand.png") center/contain no-repeat;pointer-events:none;position:absolute;bottom:.15em;right:.65em;z-index:2}#Modal-infoGame .modal-content .imgLink:hover::before,#Modal-infoEcard .modal-content .imgLink:hover::before{background-image:url("/img/Event/family25wincafe/hand_hover.png")}#Modal-infoGame .modal-content .imgLink:hover .imgContent,#Modal-infoEcard .modal-content .imgLink:hover .imgContent{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-filter:brightness(1.03);filter:brightness(1.03)}#Modal-infoGame .modal-content .imgContent,#Modal-infoEcard .modal-content .imgContent{width:14.65em;padding:.15em 0;-webkit-transition:all .3s;transition:all .3s}/*# sourceMappingURL=main.css.map */