html,body,#main{background:#4397e9;color:#2d4594;overflow-x:hidden}#header{background:#0095dd}#footer{background:transparent}#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:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);z-index:-5;width:32em;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#4397e9}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.btn-container{display:flex;gap:.25em;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;text-align:center;margin:.35em auto 0}.btn-container.deco{z-index:0}.btn-container.deco::before,.btn-container.deco::after{content:"";display:inline-block;width:4em;height:4em;margin:-.5em -1.25em;background:url(https://www.xin-stars.com/img/Event/202407-FamilyMart/deco.png) center/contain no-repeat}.btn-container.deco::after{transform:scale(-1,1);z-index:-1}.btn-container:hover .btn-dl,.btn-container:hover .btn-yoe{animation:none}.btn-dl,.btn-yoe,.btn-share{font:inherit;display:inline-block;vertical-align:bottom;text-decoration:none;font-weight:700;--outline-width: .06em;--outline-color: #136b9f;width:7em;height:2.5em;padding:.1em .25em;border:none;border-radius:1em;background:url(https://www.xin-stars.com/img/Event/202407-FamilyMart/btn.png) 0 0/100% 200% no-repeat;background-image:-webkit-image-set(url("https://www.xin-stars.com/img/Event/202407-FamilyMart/btn.avif") type("image/avif"),url("https://www.xin-stars.com/img/Event/202407-FamilyMart/btn.png") type("image/png"));background-image:image-set(url("https://www.xin-stars.com/img/Event/202407-FamilyMart/btn.avif") type("image/avif"),url("https://www.xin-stars.com/img/Event/202407-FamilyMart/btn.png") type("image/png"));animation:dlBtn 2s infinite ease-in-out;cursor:pointer}.btn-dl>*,.btn-yoe>*,.btn-share>*{filter:drop-shadow(0 0.15em 0.1em rgba(0,0,0,0.2)) drop-shadow(var(--outline-width) var(--outline-width) var(--outline-color))}.btn-dl:hover,.btn-yoe:hover,.btn-share:hover{animation:none;padding-top:.15em;color:#fff878;--outline-color: #2f9b18;background-position:bottom}.btn-dl:active,.btn-yoe:active,.btn-share:active{animation:none;background-position-y:bottom}.btn-yoe{background-position:100% 0}.btn-share{width:8em;background-image:url(https://www.xin-stars.com/img/Event/202407-FamilyMart/btn-share.png);background-size:8em 6em}@keyframes dlBtn{0%{filter:brightness(1) drop-shadow(0 0 0 transparent)}50%{filter:brightness(1.2) drop-shadow(0 0 0.25em #fff)}100%{filter:brightness(1) drop-shadow(0 0 0 transparent)}}.btn-shareicon{font:inherit;font-size:.6em;font-weight:700;color:#fff;border:none;background:0 0;cursor:pointer}.btn-shareicon svg{display:block;margin:0 auto;width:4em;height:4em;border-radius:100%;transition:filter .1s}.btn-shareicon:hover svg,.btn-shareicon:active svg{filter:brightness(1.1) drop-shadow(0 0.1em 0.1em rgba(0,0,0,0.5))}.btn,.btn-red,.btn-purple,.btn-blue,.btn-green,.btn-yellow{font:inherit;font-size:smaller;display:inline-block;line-height:inherit;font-weight:600;border:none;border-radius:1.5em;color:#fff;--outline-color: #4b668a;border:.1em solid #4b668a;background:linear-gradient(#f7c900,#ef5800);box-shadow:inset 0 0 0 .1em #fff,inset 0 -.2em #d60000,inset 0 -.3em #e93d00,inset 0 .2em #ffef37,inset 0 .3em #f7c900;padding:.2em .5em .3em;min-width:9em;text-align:center;text-decoration:none;cursor:pointer}.btn:hover,.btn:active,.btn-red:hover,.btn-red:active,.btn-purple:hover,.btn-purple:active,.btn-blue:hover,.btn-blue:active,.btn-green:hover,.btn-green:active,.btn-yellow:hover,.btn-yellow:active{background-position-x:100%;color:#ff0;box-shadow:inset 0 0 0 .1em #fff,inset 0 -.2em #ffd900,inset 0 -.3em #f59200,inset 0 .2em #e06411,inset 0 .3em #ed9f00}.btn-pointer{position:relative}.btn-pointer::after{content:"";position:absolute;left:calc(100% - 1em);top:50%;width:2em;height:2em;background:url(../../../img/Event/202407-FamilyMart/pointer.png) center/contain no-repeat;filter:drop-shadow(0.1em 0.2em rgba(0,0,0,0.25));animation:btnPointer 1s infinite alternate ease-in-out;pointer-events:none}@keyframes btnPointer{0%{transform:scale(1) translate(0,0);filter:drop-shadow(0.1em 0.2em 0.05em rgba(0,0,0,0.25))}100%{transform:scale(1.1) translate(0.5em,0.2em);filter:drop-shadow(0.1em 0.3em 0.1em rgba(0,0,0,0.25))}}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.section{max-width:1000px;width:100%;margin:0 auto}img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}.content{position:relative;width:92%;max-width:920px;margin:0 auto}.head-title{display:block;position:relative;width:16.667em;top:0;left:calc(50% - 8.333em);padding:1.8em 0 0}.title-00{display:flex;align-items:flex-start;justify-content:space-between;margin:.15em 0 0;padding:0 .5em}.title-00 img{height:1.75em}.title-00 span{flex-grow:1;text-align:center;font-size:.6em;font-weight:700}.title-01{margin:-.5em auto 0;width:16.667em;position:relative;z-index:1;left:-.2em}.border,.border2,.border3{position:relative;display:table;z-index:0;font-weight:500;width:16em;margin:2em auto 1.5em;padding:.5em;min-height:5em;--outline-width: .12em;filter:drop-shadow(0 0.1em 0.2em rgba(0,68,0,0.25))}.border::before,.border::after,.border2::before,.border2::after,.border3::before,.border3::after{content:"";position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;border:.12em solid #4b668a;border-radius:.5em;box-shadow:inset 0 0 0 .24em #fff;background:#d5e7ff}.border::before,.border2::before,.border3::before{top:-.9em;left:-.9em;bottom:-.9em;right:-.9em;box-shadow:inset 0 0 0 .12em #d1e1ff;border-radius:.25em;background:linear-gradient(rgba(117,145,241,0.5) 50%,transparent 50%) center/100% .8em repeat-y,#fff linear-gradient(90deg,rgba(117,145,241,0.5) 50%,transparent 50%) center/0.8em 100% repeat-x;background-blend-mode:multiply}.border p,.border ol,.border2 p,.border2 ol,.border3 p,.border3 ol{font-weight:550;font-size:.6em;font-size:clamp(14px,.6em,40px);line-height:1.25;margin:.5em auto}.border b,.border2 b,.border3 b{font-family:Arial,Helvetica,sans-serif;font-weight:900}.border a,.border2 a,.border3 a{text-underline-offset:.15em;transition:filter .1s}.border a:hover,.border a:active,.border2 a:hover,.border2 a:active,.border3 a:hover,.border3 a:active{filter:brightness(1.05) drop-shadow(0 0.05em 0.1em rgba(0,0,0,0.15))}.border2::after{background-color:#f3ffdd}.border2::before{box-shadow:inset 0 0 0 .12em #dfffd8;background:linear-gradient(rgba(171,224,109,0.5) 50%,transparent 50%) center/100% .8em repeat-y,#fff linear-gradient(90deg,rgba(171,224,109,0.5) 50%,transparent 50%) center/0.8em 100% repeat-x}.border3::after{background-color:#fdffbc}.border3::before{box-shadow:none;border-radius:1.4em;background:linear-gradient(rgba(242,148,67,0.5) 50%,transparent 50%) center/100% .8em repeat-y,#ffff97 linear-gradient(90deg,rgba(242,148,67,0.5) 50%,transparent 50%) center/0.8em 100% repeat-x}.box,.box2{position:relative;background:#fff;border-radius:.5em;padding:.25em;margin:.5em 0;box-shadow:.025em .05em .1em rgba(0,68,136,.25)}.box2{background:#e4f4fa;box-shadow:none;padding:.5em .75em}.tab-container{display:grid;flex-direction:row;position:relative}.tab1,.tab2{grid-column:1;grid-row:1;-o-border-image:url(https://www.xin-stars.com/img/Event/202407-FamilyMart/tab1.png) 120 30 30 fill/2em .5em .5em;border-image:url(https://www.xin-stars.com/img/Event/202407-FamilyMart/tab1.png) 120 30 30 fill/2em .5em .5em;min-height:3em;padding:1.5em .5em .5em}.tab1 .title2,.tab2 .title2{padding-left:2em}.tab2{border-image-source:url(https://www.xin-stars.com/img/Event/202407-FamilyMart/tab2.png)}.tabs{display:grid;grid-template-columns:1fr 1fr;font-size:.7em;font-weight:700;text-align:center;position:absolute;z-index:5;width:100%}.tabs label{cursor:pointer;color:#08461c;line-height:1.8}#tab1,#tab2{position:absolute;opacity:0}#tab1:focus-visible~.tabs>[for],#tab2:focus-visible~.tabs>[for]{outline:auto}#tab1:checked~.tabs>[for=tab2]{color:#2ad37f}#tab1:checked~.tab1{z-index:1}#tab2:checked~.tabs>[for=tab1]{color:#d3ffbd}#tab2:checked~.tab2{z-index:1}.title{font-size:1em;font-weight:700;color:#fff;--outline-color: #2d4594;--outline-width: .08em;margin:.5em auto .25em;padding:0;line-height:1.2;width:-moz-max-content;width:max-content;text-align:center}.title2{font-size:.75em;font-weight:600;line-height:1.2;padding:0;margin:.25em 0;text-align:center;color:#fff;--outline-color: #2d4594;border-radius:1em}.text-big{font-size:larger}.text-small{font-size:smaller}.text-hilight{color:#a716ff}.text-yellow{color:#ffff7e}.text-red{color:#ec4871}.text-green{color:#007e00}.text-blue{color:#04655e}.text-center{text-align:center}:root{--outline-color: #fff;--outline-width: .1em}.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){[text-stroke]{color:transparent;text-shadow:none;display:inline-block;position:relative;padding:0 .1em;background:linear-gradient(#292c37,#292c37);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.25em transparent}[text-stroke]::before{content:attr(text-stroke);position:absolute;z-index:1;background:linear-gradient(#ffff84 10%,#ffc600,#ff9500 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0 transparent;pointer-events:none}}#content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}.btn-play{font-size:inherit;display:block;margin:-.5em auto;position:relative;z-index:1;width:13.5em;height:5.55em;border-radius:2.5em;border:none;cursor:pointer}.btn-play::after,.btn-play::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url("https://www.xin-stars.com/img/Event/202407-FamilyMart/btn-play.png") 0 0/auto 200%;border-radius:inherit;pointer-events:none}.btn-play::after{background-position:0 100%;animation:btnPlay2 2s infinite ease-in-out;opacity:0;transition:opacity .1s,transform .1s}.btn-play b{position:absolute;top:1em;left:.9em;z-index:1;width:3em;height:3em;transform:translate(0,0.1em);animation:btnPlay 2s infinite ease-in-out;pointer-events:none;transition:transform .15s}.btn-play b::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("https://www.xin-stars.com/img/Event/202407-FamilyMart/bg-button2.png") 100% 100%/100% auto;transition:filter .5s}.btn-play:hover b,.btn-play:active b{transition:transform .65s;transform:translate(0,0) scale(1.05)}.btn-play:hover b::before,.btn-play:active b::before{filter:drop-shadow(0 0 0.025em #008) drop-shadow(0 0 0.25em #dff) drop-shadow(0 0 0.25em rgba(0,0,136,0.5))}@keyframes btnPlay{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}100%{filter:hue-rotate(0deg)}}@keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.side-container{position:fixed;left: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;transition:opacity .5s}@media(max-width:900px){.side-btn{opacity:0;pointer-events:none}}.step{position:relative;z-index:0;display:flex;align-items:center;counter-increment:list-item;font-size:.65em;margin:.25em 0;color:#fff;--outline-color: #429718}.step::before{content:counter(list-item);font:900 1.6667em/1.1 Arial,Helvetica,sans-serif;display:inline-block;text-align:center;color:#fff;text-shadow:.08em .08em rgba(0,0,0,.25);background:#03b262;width:1.386em;height:1.2em;margin-right:.3em;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.step::after{content:"";position:absolute;font-size:1.6667em;top:.1em;right:0;bottom:.1em;left:1.25em;z-index:-1;background:#89dd81;-webkit-clip-path:polygon(0 0,96% 0,100% 50%,calc(100% - 0.5em) 100%,0 100%,0.275em 50%);clip-path:polygon(0 0,96% 0,100% 50%,calc(100% - 0.5em) 100%,0 100%,0.275em 50%)}.input-group{display:flex;margin:.5em auto;padding:0 .5em}.input-group>*+*{margin-left:-.1em}.input-group>*:first-child{border-radius:.3em 0 0 .3em}.input-group>*:last-child{border-radius:0 .3em .3em 0}.input{flex:1 1 auto;width:100%;font:inherit;color:#fff;border:.1em solid #2d4594;background:#7591f1;box-shadow:inset .075em .1em rgba(0,0,0,.15);padding:.2em .5em}.input::-moz-placeholder{color:inherit;opacity:.5}.input::placeholder{color:inherit;opacity:.5}.btn-submit{flex:0 0 auto;font:inherit;color:#fff;background:#ff815a;--outline-color: #bf5d00;border:.1em solid #2d4594;padding:.2em 1em;transition:background .1s;cursor:pointer}.btn-submit:active,.btn-submit:hover{background:#f26791;--outline-color: #ec4871}#event2 .title,#event3 .title{border:.08em solid #4b668a;border-radius:1em;background:#7591f1;box-shadow:inset 0 0 0 .08em #d5e7ff;padding:.15em 1em;margin-top:-1em}#event3 .title{background:#1eca8a;box-shadow:inset 0 0 0 .08em #cdeda8}#rules ul,#rules ol{color:#000;font-size:.55em;font-size:clamp(14px,.55em,30px);text-align:justify;font-weight:550;padding-left:2em;padding-right:1em;margin:.5em auto;line-height:1.3333}#rules li+li{margin-top:.5em}#window-wallpaper .wallpaper{position:relative;display:block;width:-moz-max-content;width:max-content;margin:.5em auto;max-height:50vh;max-width:100%;border-radius:.1em;overflow:hidden}#window-wallpaper .wallpaper::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 .15em .025em rgba(0,0,0,.5);pointer-events:none}#window-wallpaper .wallpaper img{max-height:50vh}#socials{filter:drop-shadow(0 0.05em 0.15em rgba(0,0,0,0.5))}#footer .foot-wanin{filter:brightness(.5) grayscale(1)}#footer .foot-qpp{background-image:url(../../../img/Event/202407-FamilyMart/icon-qpp.png)}.modal{font:600 60px/1.5 "Noto Sans TC",Arial,Helvetica,sans-serif;display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;flex-direction:column;justify-content:center;align-items:center}.modal.active{display:flex}.modal .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75);animation:fade .4s ease-out}@supports((-webkit-backdrop-filter:blur(0.1rem)) or (backdrop-filter:blur(0.1rem))){.modal .mask{-webkit-backdrop-filter:blur(0.15rem);backdrop-filter:blur(0.15rem);background:rgba(8,8,8,.8);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}}.modal .btn-close{font:inherit;font-size:1em;font-weight:400;display:block;position:absolute;z-index:2;right:-.25em;top:-.75em;width:2em;height:2em;border:.15em solid #eee;border-radius:100%;color:#fff;background:#00af1f;filter:brightness(1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5));transition:filter .2s,transform .2s ease-in-out;overflow:hidden;outline:none;cursor:pointer}.modal .btn-close::before,.modal .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:10%;height:75%;transform:translate(-50%,-50%) rotate(45deg);background:currentColor;border-radius:.05em}.modal .btn-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.modal .btn-close:hover,.modal .btn-close:focus,.modal .btn-close:active{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0.15em 0.1em rgba(24,8,24,0.65))}.modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}.modal-overflow::-webkit-scrollbar{width:0}.modal-window{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:90%;max-width:14.5em;min-height:4em;margin:1.5em auto 1.25em;padding:0;line-height:1.4;animation:pop .3s}.modal-window::before,.modal-window::after{content:none}.modal-window p{font-size:smaller;margin:1em 0}.modal-window p::before{content:none}.fade-up,.fade-left,.fade-right,.fade-down,.fade-in{opacity:0;transition:opacity 1.6s,transform 1s}.fade-up.faded,.fade-left.faded,.fade-right.faded,.fade-down.faded,.fade-in.faded{transform:none;opacity:1}.fade-up{transform:translate(0,1em)}.fade-down{transform:translate(0,-1em)}.fade-left{transform:translate(1em,0)}.fade-right{transform:translate(-1em,0)}.bg-area.fade-up,.bg-area .fade-up{transform:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@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 blink{0%{background-position:top}50%{background-position:bottom}}@media(max-width:1920px){#main,.modal{font-size:3.125vw}}@media(max-width:1280px){#main,.modal{font-size:40px}}@media(max-height:720px){.modal{font-size:6vmin}}@media(max-width:666px){#main,.modal{font-size:6vw}}@media(max-width:420px){.modal-window{max-width:96%}}