html,body,#main{background:#05188e linear-gradient(#00909d, #27bb76 25%, #00909d);color:#fff;overflow-x:hidden;min-width:auto !important}:root{--outline-color: #051936;--outline-width: .08em}#header{background:#05188e}#footer{background:#04295d;margin-top:.5em}#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:#05188e linear-gradient(#00909d, #27bb76 25%, #00909d)}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}#main .btn{position:relative;z-index:0;font:inherit;font-size:1em;font-weight:700;line-height:1.2;display:inline-block;vertical-align:bottom;text-align:center;text-decoration:none;color:#fff;text-shadow:0 .1em rgba(10,20,40,.5),0 0 .25em rgba(10,20,40,.75),0 0 .08em rgba(10,20,40,.75);padding:.25em 1em .65em;margin:.25em 0;width:-moz-max-content;width:max-content;max-width:100%;background:linear-gradient(90deg, #033d8d 30%, #006c69, #10921f);border-radius:.8em;box-shadow:0 .15em rgba(0,0,0,.25);transition:filter .1s;overflow:hidden;cursor:pointer}#main .btn::before,#main .btn::after{content:"";position:absolute;z-index:-1;border-radius:inherit;pointer-events:none}#main .btn::before{top:0;left:0;right:0;bottom:.2em;box-shadow:0 0 0 .05em rgba(0,0,0,.2),inset 0 0 0 .065em #fff;border:.2em solid rgba(0,0,0,0);background:linear-gradient(rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4)) border-box;mix-blend-mode:screen;mix-blend-mode:plus-lighter}#main .btn::after{top:0;left:0;right:0;height:60%;background:linear-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.2)) border-box}#main .btn img{display:inline-block;height:1.2em;vertical-align:middle;margin:0 .1em .2em}#main .btn.active,#main .btn:active,#main .btn:hover{background-position:bottom;padding:.3em 1em .6em;filter:brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.5)) !important;box-shadow:0 0 .5em #fff,inset 0 0 .25em #fff}.btn-link{font:inherit;color:inherit;line-height:inherit;border:none;background:none;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.btn-pointer::after{content:"";position:absolute;z-index:5;left:calc(100% - 1.5em);top:70%;width:1.75em;height:1.75em;background:url("/img/Event/202603-FamilyMartWBC/pointer.png?v=20260204") center/contain no-repeat;filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25));animation:btnPointer 1.2s infinite 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))}50%{transform:rotate(10deg) scale(1.1) translate(0.25em, 0.1em);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}#main{color:#fff;overflow:hidden}#main img{display:inline-block;vertical-align:middle;width:auto;height:auto;max-width:100%}#main .content{position:relative;width:96%;max-width:960px;margin:0 auto}#main .content p,#main .content ul,#main .content ol{font-size:.55em;font-size:clamp(13.5px,.55em,36px);margin:.25em 0;filter:drop-shadow(0 0.15em 0.15em rgba(0, 0, 0, 0.5))}#main .content ul,#main .content ol{padding-inline-start:1em}#main .content strong{font-weight:700}#main .content b{display:inline-block;font-weight:inherit}#main .content a{text-underline-offset:.18em}#main .content hr{font-size:.5em;font-size:clamp(14px,.5em,30px);border:none;border-top:1px solid #888;margin:.25em 0}#main .head-title{display:block;position:relative;width:20em;top:0;left:calc(50% - 10em);padding:1.8em 0 0}#main .border,#main .border2{position:relative;display:block;z-index:0;font-weight:500;margin:1.5em auto 1em;padding:.25em .5em;background:linear-gradient(#033d8d, #04295d) content-box,linear-gradient(45deg, #f9d026 25%, #00abe7 25%, #00abe7 75%, #f9d026 75%) padding-box,linear-gradient(#033d8d, #04295d) border-box;box-shadow:0 -0.05em #1d79d1;border-radius:.65em;--outline-width: .08em;scroll-margin:1em}#main .border::before,#main .border2::before{content:"";position:absolute;top:-0.25em;left:-0.25em;bottom:-0.25em;right:-0.25em;z-index:-1;padding:.1em;border:.2em solid rgba(0,0,0,0);border-radius:inherit;box-shadow:0 -0.05em #1d79d1;background:linear-gradient(#033d8d 30%, #04295d) content-box,linear-gradient(45deg, #f9d026 25%, #00abe7 25%, #00abe7 75%, #f9d026 75%) padding-box,linear-gradient(#033d8d 30%, #04295d) border-box;pointer-events:none}#main .border2::before{background:url("/img/Event/202603-FamilyMartWBC/border-bg.png?v=20260204") center/cover content-box,linear-gradient(#033d8d 30%, #04295d) content-box,linear-gradient(45deg, #f9d026 25%, #00abe7 25%, #00abe7 75%, #f9d026 75%) padding-box,url("/img/Event/202603-FamilyMartWBC/border-bg.png?v=20260204") center/cover border-box,linear-gradient(#033d8d 30%, #04295d) border-box;background-image:-webkit-image-set(url("/img/Event/202603-FamilyMartWBC/border-bg.avif?v=20260204") type("image/avif"), url("/img/Event/202603-FamilyMartWBC/border-bg.png?v=20260204") type("image/png")),linear-gradient(#033d8d 30%, #04295d) content-box,linear-gradient(45deg, #f9d026 25%, #00abe7 25%, #00abe7 75%, #f9d026 75%),-webkit-image-set(url("/img/Event/202603-FamilyMartWBC/border-bg.avif?v=20260204") type("image/avif"), url("/img/Event/202603-FamilyMartWBC/border-bg.png?v=20260204") type("image/png")),linear-gradient(#033d8d 30%, #04295d) border-box;background-image:image-set(url("/img/Event/202603-FamilyMartWBC/border-bg.avif?v=20260204") type("image/avif"), url("/img/Event/202603-FamilyMartWBC/border-bg.png?v=20260204") type("image/png")),linear-gradient(#033d8d 30%, #04295d) content-box,linear-gradient(45deg, #f9d026 25%, #00abe7 25%, #00abe7 75%, #f9d026 75%),image-set(url("/img/Event/202603-FamilyMartWBC/border-bg.avif?v=20260204") type("image/avif"), url("/img/Event/202603-FamilyMartWBC/border-bg.png?v=20260204") type("image/png")),linear-gradient(#033d8d 30%, #04295d) border-box}#main .border2 .title{margin:-1.5em auto 0}#main .border2 .title img{max-height:2em}#main .img-box{display:block;position:relative;margin:.25em auto .5em;width:-moz-max-content;width:max-content;max-width:96%;background:linear-gradient(45deg, #f9d026 25%, #00abe7 25%, #00abe7 75%, #f9d026 75%) border-box;border:.065em solid rgba(0,0,0,0);border-radius:.25em;box-shadow:0 0 0 .1em #042a5f,0 .25em 0 rgba(0,0,0,.35)}#main .img-box::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;pointer-events:none}#main .img-box>*{display:block;overflow:hidden;border-radius:.25em}#main .img-box img{transition:transform .3s;will-change:transform}#main .img-box .badge-img{position:absolute;top:-0.3em;left:.5em;z-index:2;height:1.1em}#main .img-box .content-img{vertical-align:middle;font-size:.92em;width:16em;height:9em}#main .img-box a:hover img{transform:scale(1.01)}#main .prize-img{position:relative;margin:0 auto;width:-moz-max-content;width:max-content;flex-shrink:1}#main .prize-grid{display:flex;flex-wrap:wrap;justify-content:center;padding:0 .5em;margin:.5em auto}#main .prize-grid .prize-img{width:3.6em;width:clamp(76px,3.6em,180px);margin:0}#main .box{position:relative;border-radius:2em;-o-border-image:url("/img/Event/202603-FamilyMartWBC/border2.png?v=20260204") 119 fill/2em/0.35em 0;border-image:url("/img/Event/202603-FamilyMartWBC/border2.png?v=20260204") 119 fill/2em/0.35em 0;margin:.5em 0 .5em;min-height:3em}#main .box2{display:block;position:relative;padding:.25em .25em;margin:.5em 0;border-radius:2em;border:.1em solid #ffd69f;background:rgba(85,24,0,.4)}#main .title,#main .title2{display:flex;justify-content:center;font-size:1em;font-size:clamp(20px,1em,60px);font-weight:700;line-height:1.2;--outline-width: .08em;text-align:center;width:-moz-max-content;width:max-content;max-width:100%;margin:-1.25em auto .2em;padding:0;position:relative;z-index:1}#main .title img,#main .title2 img{display:inline-block;max-height:2.5em;margin:0}#main .title2{padding:.1em 0;width:100%;background:linear-gradient(90deg, transparent, #00abe7 25%, #f9d026 25%, #f9d026 75%, #00abe7 75%, transparent) top/100% .1em no-repeat,linear-gradient(90deg, transparent, #042f69 25%, #042f69 75%, transparent) top/100% 100% content-box no-repeat,linear-gradient(90deg, transparent, #00abe7 25%, #f9d026 25%, #f9d026 75%, #00abe7 75%, transparent) bottom/100% .1em no-repeat;margin-top:0}#main .title2 img{margin-top:-0.25em}#main .anim-float{animation:animFloat 4s infinite ease-in-out;transform-origin:bottom}@keyframes animFloat{0%{transform:translate(0)}50%{transform:translate(0, -0.15em) scale(1.01)}100%{transform:translate(0)}}#main .anim-shine::before,#main .anim-shine::after{content:"";position:absolute;z-index:-1;height:150%;width:170%;top:-25%;left:-35%;background:url("/img/Event/202603-FamilyMartWBC/shine.png?v=20260204") center/contain no-repeat;background-image:-webkit-image-set(url("/img/Event/202603-FamilyMartWBC/shine.avif?v=20260204") type("image/avif"), url("/img/Event/202603-FamilyMartWBC/shine.png?v=20260204") type("image/png"));background-image:image-set(url("/img/Event/202603-FamilyMartWBC/shine.avif?v=20260204") type("image/avif"), url("/img/Event/202603-FamilyMartWBC/shine.png?v=20260204") type("image/png"));mix-blend-mode:lighten;pointer-events:none}#main .anim-shine::before{animation:animShine 5s infinite linear}#main .anim-shine::after{opacity:0;animation:animShine 5s 2.5s infinite linear}@keyframes animShine{0%{opacity:0;transform:rotate(-15deg)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:rotate(15deg)}}@keyframes animShine2{0%{opacity:0;transform:rotate(-195deg)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:rotate(-165deg)}}#main .font-serif{font-family:"Noto Serif TC",serif}#main .font-display{font-family:"MStif","Heiti TC","Microsoft JhengHei",Verdana,display}#main .text-hilight{color:#f8c81e}#main .text-yellow{color:#f8c81e}#main .text-red{color:#ff7373}#main .text-green{color:#3fd432}#main .text-blue{color:#6ecdff}#main .text-gray{color:#515151}#main .text-big{font-size:larger}#main .text-small{font-size:smaller}#main .text-center{text-align:center}#main .text-outline{letter-spacing:normal;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;display:inline-block;position:relative;background:linear-gradient(#000, #000);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.05em rgba(0,0,0,0);filter:drop-shadow(0 0.05em 0.05em #000)}#main [text-stroke]::before{content:attr(text-stroke);position:absolute;z-index:1;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:linear-gradient(#fff 10%, #4dffb6 60%, #b64dff 90%)}}#main #content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}#main .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}#main .side-container>*{pointer-events:all}#main .side-btn{display:block;margin-left:auto;margin-right:.25em;width:3.15em;opacity:1;transition:opacity .5s}@media(max-width: 1280px){#main .side-btn{opacity:0;pointer-events:none}}#main .input-group{font-size:1em;display:flex;align-items:center;justify-content:center;margin:.25em auto;gap:.25em;width:100%}#main .text-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;padding:0em .25em;margin:0;word-wrap:break-word;min-width:4.7em;background:linear-gradient(#69330f, rgba(134, 69, 22, 0.75));border-radius:1em;box-shadow:inset .05em .05em .15em rgba(0,0,0,.25),.025em .025em .05em hsla(0,0%,100%,.15);text-shadow:0 .025em .05em #000}#main .input{flex:1 1 auto;width:100%;font:inherit;color:#333;background:#fff;border:none;border-radius:.5em;box-shadow:inset 0 0 .1em .05em rgba(0,0,0,.15),inset .075em .05em .1em .05em rgba(0,0,0,.15);padding:.2em .5em}#main .input::-moz-placeholder{color:inherit;opacity:.5}#main .input::placeholder{color:inherit;opacity:.5}#main .btn-submit{display:inline-block;flex:0 0 auto;font:inherit;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.25);background:linear-gradient(#4ae28e, #219954);padding:.2em 1em;border:.05em solid #080;border-radius:.5em;box-shadow:.025em .05em .1em rgba(0,0,0,.25);transition:background .1s;cursor:pointer}#main .btn-submit:active,#main .btn-submit:hover{background:linear-gradient(#219954, #4ae28e)}#main #rules ul,#main #rules ol{font-size:.5em;font-size:clamp(12.5px,.5em,24px)}#main #rules li{text-align:justify}#main #rules li+li{margin-top:.5em}#main #socials{filter:drop-shadow(0 0.05em 0.15em rgba(0, 0, 0, 0.5))}#main .modal.old{font:400 60px/1.5 "Noto Sans TC",Arial,Helvetica,sans-serif !important;font-size:clamp(16px,6vw,60px) !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}#main .modal.old.is-active{display:flex}#main .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))){#main .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}}#main .modal.old .btn-close{font:inherit;font-size:1em;font-weight:400;display:block;position:absolute;z-index:2;right:-0.25em;top:-1em;width:2em;height:2em;max-width:none;max-height:none;background:url("/img/Event/202603-FamilyMartWBC/btn-close.png?v=20260204") center/contain no-repeat;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}#main .modal.old .btn-close::before,#main .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}#main .modal.old .btn-close::after{transform:translate(-50%, -50%) rotate(-45deg)}#main .modal.old .btn-close:hover,#main .modal.old .btn-close:focus,#main .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))}#main .modal.old .border p,#main .modal.old .border ul,#main .modal.old .border ol{font-size:.6667em;font-size:clamp(14px,.6667em,40px)}#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:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:96%;max-width:16.25em;margin:1.5em auto 1.25em;padding:.5em;line-height:1.4;animation:pop .3s}#main .fade-up,#main .fade-left,#main .fade-right,#main .fade-down,#main .fade-in{opacity:0;transition:opacity 1.6s,transform 1s}#main .fade-up.faded,#main .fade-left.faded,#main .fade-right.faded,#main .fade-down.faded,#main .fade-in.faded{transform:none;opacity:1}#main .fade-up{transform:translate(0, 1em)}#main .fade-down{transform:translate(0, -1em)}#main .fade-left{transform:translate(1em, 0)}#main .fade-right{transform:translate(-1em, 0)}#main .bg-area.fade-up,#main .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}}/*# sourceMappingURL=main.css.map */