html,body,#main{font-family:"M PLUS Rounded 1c","Noto Sans TC",Arial,Helvetica,sans-serif;font-weight:600;background:#ffd43d;color:#535353;min-width:100% !important;overflow-x:hidden}html i,body i,#main i{font-style:normal;font-family:"Noto Sans TC",Arial,Helvetica,sans-serif}#header{background:#00de2b}#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: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:#ffd43d}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}@media(min-width: 960px){.bg-area::after,.bg-area::before{content:"";position:absolute;z-index:1;top:4em;left:0;bottom:0;right:0;background:url(../../../img/Event/202410-EasyWallet/bg-side.png) 0 0/9em repeat-y}.bg-area::before{top:9em;background-position:100% 0}}.btn-dl,.btn-more{font:inherit;display:inline-block;vertical-align:bottom;text-decoration:none;font-weight:bold;width:12.25em;height:2.5em;padding:.1em .25em;border:none;border-radius:1em;background:url(../../../img/Event/202410-EasyWallet/btn-play.png) 0 0/100% 200% no-repeat;animation:dlBtn 2s infinite ease-in-out;cursor:pointer}.btn-dl>*,.btn-more>*{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-more:hover{animation:none;background-position:bottom}.btn-dl:active,.btn-more:active{animation:none;background-position-y:bottom}.btn-more{background-image:url(../../../img/Event/202410-EasyWallet/btn-play2.png)}@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:none;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-pink,.btn-purple,.btn-blue{font:inherit;font-size:.75em;line-height:1.2;display:inline-block;line-height:inherit;font-weight:600;border:none;color:#fff;--outline-color: #000;background:url(https://www.xin-stars.com/img/Event/202410-EasyWallet/btns.png) 0 0/200% 300% no-repeat;padding:.7em 1em .8em;min-width:14em;text-align:center;text-decoration:none;cursor:pointer}.btn:hover,.btn:active,.btn-pink:hover,.btn-pink:active,.btn-purple:hover,.btn-purple:active,.btn-blue:hover,.btn-blue:active{padding:.8em 1em .7em;background-position-x:100%;color:#ff0}.btn-purple{background-position-y:0%}.btn-pink{background-position-y:50%}.btn-blue{background-position-y:100%}.btn-pointer{position:relative}.btn-pointer::after{content:"";position:absolute;left:calc(100% - 1em);top:50%;width:2em;height:2em;background:url(https://www.xin-stars.com/img/Event/202410-EasyWallet/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:96%;max-width:960px;margin:0 auto}.head-title{display:block;position:relative;width:21.33333em;top:0;left:calc(50% - 10.66667em);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:.1em auto 0;width:100%;position:relative;z-index:-1;left:-0.2em}.border{position:relative;display:table;z-index:0;font-weight:500;width:16em;margin:1em auto 1.25em;padding:.25em;min-height:5em;--outline-color: #fff6c9;--outline-width: .12em;border:.16em solid #ffcb4c;border-radius:.5em;box-shadow:0 0 0 .16em #eaaa24,0 0 0 .24em #d88500;background:linear-gradient(#fff6c9 80%, #ffefb0 80%) center/100% 1.2em}.border p,.border ol,.modal.old .border .modal-content p,.modal.old .border .modal-content ol{font-weight:550;font-size:.6em;font-size:clamp(14px,.6em,40px);line-height:1.25;margin:.5em auto .5em}.border b,.modal.old .border .modal-content b{font-family:Arial,Helvetica,sans-serif;font-weight:900}.border a,.modal.old .border .modal-content a{text-underline-offset:.15em;transition:filter .1s}.border a:hover,.border a:active,.modal.old .border .modal-content a:hover,.modal.old .border .modal-content a:active{filter:brightness(1.05) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.15))}.border .flex,.modal.old .border .modal-content .flex{display:flex;justify-content:center;gap:.1em}.border .prize,.modal.old .border .modal-content .prize{margin:0 auto .5em;position:relative;z-index:0}.border .prize img,.modal.old .border .modal-content .prize img{width:5.8em;margin:.5em auto -0.5em;position:relative;z-index:-1}.border .prize small,.modal.old .border .modal-content .prize small{display:block;font-family:"Noto Sans TC",Arial,Helvetica,sans-serif;font-size:.7em;font-weight:500;letter-spacing:-0.025em;padding:.1em .25em .15em;border-radius:1em;color:#410000}.box{position:relative;background:#fffbde;border:.1em solid #eb8d35;box-shadow:inset 0 0 0 .1em #fff,0 .1em #f8bc71;border-radius:.5em;padding:.25em;margin:.75em 0}.title{font-size:1em;font-size:clamp(16px,1em,60px);font-weight:700;color:#fff;padding:0;margin:.25em auto 0;line-height:1.2;text-align:center}.title2{font-size:.75em;font-size:clamp(15px,.75em,45px);font-weight:600;line-height:1.2;padding:0;margin:-1em auto .25em;padding:.25em .75em;text-align:center;color:#fcf9f2;background:#eb8d35;width:-moz-max-content;width:max-content;--outline-color: #734013;border-radius:1em}.text-big{font-size:larger}.text-small{font-size:smaller}.text-hilight{color:#a716ff}.text-yellow{color:#ffff7e}.text-red{color:#ff373e}.text-green{color:#007e00}.text-blue{color:#009eff}.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-text-stroke: 0.15em #fff){[text-stroke]{font-weight:bold;color:#663900;text-shadow:none;display:inline-block;position:relative;z-index:0;padding:0 .1em;filter:drop-shadow(0 0.08em #f8bc71)}[text-stroke]::before,[text-stroke]::after{content:attr(text-stroke);position:absolute;z-index:-1;color:inherit;-webkit-text-stroke:.32em #d2843f;pointer-events:none}[text-stroke]::after{top:0;left:.1em;-webkit-text-stroke:.16em #fff}}.arrow{animation:arrow 1.2s infinite ease-in-out}@keyframes arrow{0%{transform:translate(0, 0)}50%{transform:translate(0, 0.5em)}}#content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}#content-area section{max-width:96%;margin:auto}#content-area p{font-size:.6em;font-size:clamp(14px,.6em,36px);margin:.5em 0;line-height:1.25}#content-area a{text-underline-offset:.15em}.btn-play{font-size:inherit;display:block;margin:-0.5em auto -0.5em;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("../../../img/Event/202410-EasyWallet/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/202410-EasyWallet/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: 1280px){.side-btn{opacity:0;pointer-events:none}}#event2{position:relative}#event2 .title{margin-top:1em}#event2::before,#event2::after{content:"";position:absolute;top:-0.75em;bottom:-0.75em;left:calc(50% - 50vw);width:100vw;z-index:-1;padding:.565em 0;background:url(../../../img/Event/202410-EasyWallet/bg-center.png) 50% 100%/1.05em .6em repeat-x,#fffa70 content-box}#event2::before{transform:scale(1, -1)}#rules{padding-top:.1em;position:relative;z-index:0}#rules ul,#rules ol{color:#535353;font-size:.5em;font-size:clamp(14px,.5em,30px);text-align:justify;font-weight:600;padding-left:1.75em;padding-right:.5em;margin:.5em auto .5em;line-height:1.3333}#rules li+li{margin-top:.5em}#socials{filter:drop-shadow(0 0.05em 0.15em rgba(170, 68, 0, 0.5))}#footer .foot-wanin{filter:brightness(0.45) grayscale(1)}.modal.old{font:600 60px/1.5 "M PLUS Rounded 1c","Noto Sans TC",Arial,Helvetica,sans-serif !important;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.old.active{display:flex}.modal.old .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.old .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.old .btn-close{font:inherit;font-size:1em;font-weight:400;display:block;position:absolute;z-index:2;right:-0.5em;top:-1em;width:2em;height:2em;max-width:none;max-height:none;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.old .btn-close::before,.modal.old .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.old .btn-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.modal.old .btn-close:hover,.modal.old .btn-close:focus,.modal.old .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.old .modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}.modal.old .modal-overflow::-webkit-scrollbar{width:0px}.modal.old .modal-window{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:96%;max-width:15.5em;min-height:4em;margin:1.5em auto 1.25em;padding:0;line-height:1.4;animation:pop .3s;background:#ffd43d;border-radius:.5em;border:.15em solid #fffa70}.modal.old .modal-window::before,.modal.old .modal-window::after{content:none}.modal.old .modal-window p{font-size:smaller;margin:1em 0}.modal.old .modal-window p::before{content:none}.modal.old .modal-content{padding:.25em .5em;padding:.5em 0}.modal.old .modal-content p{color:#5e2900}.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){.modal.old{font-size:3.125vw !important}}@media(max-width: 1280px){.modal.old{font-size:40px !important}}@media(max-height: 720px){.modal.old{font-size:6vmin !important}}@media(max-width: 666px){.modal.old{font-size:6vw !important}}@media(max-width: 420px){.modal.old .modal-window{max-width:96% !important}}/*# sourceMappingURL=main.css.map */