.link{position:relative;color:#00a2ff;text-decoration:underline}.link:hover{color:#29b1ff}html,body,#main{min-width:auto !important;background:#50836d;color:#fff;font-family:"Noto Serif TC",serif;overflow-x:hidden}:root{--outline-color: #000;--outline-width: 0.1em}#header{background:#046b7a}#header .nav-logoLink{-webkit-filter:drop-shadow(0 0.05em 0.05em rgba(0, 0, 0, 0.65));filter:drop-shadow(0 0.05em 0.05em rgba(0, 0, 0, 0.65))}#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:0em;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;pointer-events:none}.bg-area img{margin-top:3.45em !important}@media(min-width: 1000px){.bg-area::before{content:"";max-width:1910px;opacity:.42;pointer-events:none;position:absolute;top:0;left:-30px;bottom:0;right:0;z-index:-1;background-image:url(../../../img/Event/202411-FamilyMart/bg-side.png);background-position:center top;background-size:100%;background-repeat:repeat-y}}[text-stroke]{display:inline-block}.btn{display:block;position:relative}.btn::before,.btn::after{content:"";width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:contain;display:block;pointer-events:none;position:absolute}.btn::after{opacity:0}.btn-open{width:11.5675em;height:2.7375em}.btn-open::before{background-image:url("../../../img/Event/202411-FamilyMart/btn-open.png")}.btn-open::after{background-image:url("../../../img/Event/202411-FamilyMart/btn-open-hover.png")}.btn-yoe{width:13.435em;height:4.25em}.btn-yoe::before{background-image:url("../../../img/Event/202411-FamilyMart/btn-yoe.png")}.btn-yoe::after{background-image:url("../../../img/Event/202411-FamilyMart/btn-yoe-hover.png")}.btn-go{width:8em;height:2.917em}.btn-go::before{background-image:url("../../../img/Event/202411-FamilyMart/btn-go.png")}.btn-go::after{background-image:url("../../../img/Event/202411-FamilyMart/btn-go-hover.png")}.btn>*{opacity:.8}.btn.active::before,.btn:active::before,.btn:hover::before{opacity:0}.btn.active::after,.btn:active::after,.btn:hover::after{opacity:1}.btn-pointer{position:relative}.btn-pointer::after{content:"";background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-transform:rotate(-11deg);transform:rotate(-11deg);pointer-events:none;position:absolute;bottom:.3em;right:.525em}.btn-pointer.pointer1::after{width:3.525em;height:2.325em;-webkit-animation:btnPointer1 1.2s infinite step-end;animation:btnPointer1 1.2s infinite step-end;background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer.png);bottom:-0.85em;right:-0.2em;-webkit-transform:translateX(100%);transform:translateX(100%)}.btn-pointer.pointer2::after{width:1.5em;height:1.5em;-webkit-animation:btnPointer2 1s infinite step-end;animation:btnPointer2 1s infinite step-end;background-image:url(https://www.xin-stars.com/img/Event/202411-FamilyMart/pointer.png)}@-webkit-keyframes btnPointer1{0%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer.png)}50%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer-click.png)}65%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer.png)}80%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer-click.png)}}@keyframes btnPointer1{0%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer.png)}50%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer-click.png)}65%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer.png)}80%{background-image:url(../../../img/Event/202411-FamilyMart/section2-1-pointer-click.png)}}@-webkit-keyframes btnPointer2{0%{background-image:url(../../../img/Event/202411-FamilyMart/section3-1-pointer.png)}50%{background-image:url(../../../img/Event/202411-FamilyMart/section3-1-pointer-click.png)}}@keyframes btnPointer2{0%{background-image:url(../../../img/Event/202411-FamilyMart/section3-1-pointer.png)}50%{background-image:url(../../../img/Event/202411-FamilyMart/section3-1-pointer-click.png)}}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}#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;z-index:1;width:23em;top:0;left:calc(50% - 11.5em);padding:1.8em 0 0 2.1em}#main .title-00{margin:-1.8em auto 0;max-width:20em;width:100%}#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 .border-title{width:7.825em;margin:0 auto}#main .border,#main .border2,#main .border3{width:15.65em;min-height:5.8em;border-radius:.75em;border:0 solid rgba(0,0,0,0);-o-border-image:url(../../../img/Event/202411-FamilyMart/border1.png) 195 fill/3.25em/0.3em;border-image:url(../../../img/Event/202411-FamilyMart/border1.png) 195 fill/3.25em/0.3em;font-weight:500;margin-top:.35em;margin-left:auto;margin-right:auto;padding:.125em 0 .4em;position:relative}#main .border p,#main .border2 p,#main .border3 p{font-weight:550;font-size:.6em;font-size:clamp(15px,.6em,32px);line-height:1.4}#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 .note{font-size:.42em;font-size:clamp(14px,.42em,26px);font-weight:700;line-height:1.3;letter-spacing:.05em;padding:1.25em .25em .2em;text-align:center}#main .text-gold{color:#ffdb9b}#main .text-green{color:#174918}#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 #content-area{width:16.66667em;left:calc(50% - 8.33333em);position:relative}#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 #event1{margin-bottom:.575em}#main #event1 .border-title{margin-top:-0.14em}#main #event1 .border{overflow:hidden}#main #event1 .border .bg-deco{max-width:18em;position:absolute;left:0;bottom:-5.3em;z-index:1}#main #event1 .border .inner{position:relative;z-index:2}#main #event1 .border .title-img{width:4.4em}#main #event1 .border .title-img.step2{margin-top:-0.575em}#main #event1 .border .title-img.step3{margin-top:-0.35em}#main #event1 .border .btn-container{margin-top:.275em}#main #event1 .border .btn-container .btn{margin:0 auto}#main #event1 .border .qrcode{width:100%;max-width:10.2667em;margin-top:.425em !important}#main #event1 .border .exchange{margin-top:.425em !important}#main #event1 .border p{letter-spacing:.03em;margin:1em auto .95em;padding-left:3rem}#main #event1 .border .box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main #event1 .border .box .mail{width:3.2em;margin-top:-20px;margin-right:-6px;-ms-flex-negative:0;flex-shrink:0}@media(max-width: 1200px){#main #event1 .border .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#main #event1 .border .box p{font-size:.68em;padding-left:0}#main #event1 .border .box .mail{margin-top:0;margin-left:0;margin-right:0}}#main #event2{margin-bottom:.5em}#main #event2 .border-title{margin-top:.15em}#main #event2 .border{padding-bottom:0}#main #event2 .border p{font-size:.5em;font-weight:600;letter-spacing:.06em;padding-right:5.5em}@media(max-width: 1200px){#main #event2 .border{padding-bottom:.15em}#main #event2 .border p{font-size:.72em;padding-right:0;padding-bottom:.5em}}#main #event2 .box{padding:0 1em 0 1.5em;position:relative}#main #event2 .box .bg-white{color:#008cd6;background-color:#fff;border-radius:.75rem;display:inline-block;font-weight:700;font-size:.65em;font-size:clamp(15px,.65em,40px);letter-spacing:.015em;margin:.75em 0 0 .2em;padding:.075em .3em .065rem;position:relative}#main #event2 .box img{width:4.2em;position:absolute;top:0;right:.6em}#main #event2 .box .tissueOver{top:auto;bottom:-0.25em;left:13.25em}@media(max-width: 1200px){#main #event2 .box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.5em 0 0;text-align:center}#main #event2 .box .bg-white{margin-right:5em;margin-bottom:.3em}#main #event2 .box img{position:static}#main #event2 .box .tissueOver{bottom:1.15em;left:2.95em}}#main #event2 .btn-container{padding:.35em 1.2em 0em;margin-bottom:5px}@media(max-width: 1200px){#main #event2 .btn-container{padding:.35em .5em 0em}#main #event2 .btn-container .btn{margin:0 auto}}#main #event3{margin-bottom:1em}#main #event3 .border{padding:.6em 1em}#main #event3 .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffdb9b;border-radius:99px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.08em .1em}#main #event3 .title .step{width:1.25em;height:1.25em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#03556c;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75em;font-weight:700;font-family:"Noto Sans TC",Arial,Helvetica,sans-serif;-ms-flex-negative:0;flex-shrink:0;padding-bottom:.2em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#main #event3 .title .text{font-size:.5em;font-weight:900;font-family:"Noto Serif TC",serif;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}#main #event3 .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.325em 0}#main #event3 .box .star{width:3.3675em;margin-right:32px}@media(max-width: 1200px){#main #event3 .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#main #event3 .box .star{margin-right:0;margin-left:0;margin-bottom:15px}}#main #event3 .barcode{max-width:10.0668em;width:100%}#main #rules ol,#main #rules ul{font-size:.5em;font-size:clamp(15px,.5em,26px);text-align:justify;font-weight:550;padding-left:2.3em;padding-right:.75em;margin:.55em auto 1.25em;line-height:1.9;letter-spacing:.01em}#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))}@media(max-width: 1200px){#main #socials{position:static}#main #socials .side-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;left:auto}}#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(https://www.xin-stars.com/img/Event/202411-FamilyMart/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}}.font-sans{font-family:"Noto Sans TC",Arial,Helvetica,sans-serif}/*# sourceMappingURL=main.css.map */