html,body,#main{background:#4b164a;color:#fff}.d-flex{display:flex}.bg-area{background:#4b164a;height:100%;overflow:hidden;justify-content:flex-start !important}#main{display:flow-root;padding-top:.1px}#header{background:rgba(0,0,0,0)}#footer{background:rgba(0,0,0,0);margin-top:.5em}:root{--outline-color: #000;--outline-width: 0.08em}.text-hilight{color:#a716ff}.text-yellow{color:#ffec6e}.text-red{color:#ce2200}.text-green{color:#00ff3c}.text-brown{color:#ffae00}.text-gold{color:#fff443}.text-gray{color:#515151}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.text-big{font-size:larger}.text-small{font-size:smaller}.text-center{text-align:center}.text-outline{letter-spacing:normal;margin-bottom:1em;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)}.yotubeMore{background-image:url(/img/Edm/Game-Megashark4Card/btn.png);position:absolute;color:#fff;z-index:20;right:4%;bottom:-16%;background-repeat:no-repeat;font-size:.55em;width:42%;text-align:center;text-decoration:none;height:24%;line-height:3.3em;background-size:contain;text-shadow:1px 1px 4px rgba(0,0,0,0);transition:filter .3s ease,transform .3s ease,text-shadow .3s ease;filter:brightness(1);transform:scale(0.95)}.yotubeMore:hover{filter:brightness(1.25);transform:scale(1);text-shadow:1px 1px 4px rgba(0,0,0,.6509803922)}@supports((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){.text-gradient{color:rgba(0,0,0,0) !important;text-shadow:none !important;background:linear-gradient(#c68f53, #ffdb9d, #fff79d, #ffffff, #fff79d, #ffdb9d, #c68f53);background-clip:text;-webkit-background-clip:text;font-weight:900;filter:drop-shadow(calc(0.75 * var(--outline-width)) 0 calc(0.15 * var(--outline-width)) var(--outline-color)) drop-shadow(calc(-0.75 * var(--outline-width)) 0 calc(0.15 * var(--outline-width)) var(--outline-color)) drop-shadow(0 calc(0.75 * var(--outline-width)) calc(0.15 * var(--outline-width)) var(--outline-color)) drop-shadow(0 calc(-0.75 * var(--outline-width)) calc(0.15 * var(--outline-width)) var(--outline-color))}}#article{pointer-events:none}#article>*{pointer-events:auto}#article .head-title{width:18em;left:calc(50% - 9em);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;padding:1.9em 0 0;pointer-events:none;position:relative}#article .head-title>*{pointer-events:auto}#article #game-logo{width:13em;position:relative;margin-top:2.6em;left:-2em;right:3.75em;z-index:1}#article .btn-play{width:7em;height:7em;border:none;cursor:pointer;display:block;position:relative;position:absolute;top:8em;right:1em;z-index:2;padding:.2em .5em .8em;line-height:1.2;text-align:center;margin:.25em auto 0;--outline-color: #6e0003;text-decoration:none;transition:filter .1s}#article .btn-play::after,#article .btn-play::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background-size:100% auto;border-radius:inherit;pointer-events:none}#article .btn-play::before{background-image:url(/img/Edm/Game-Megashark4Card/btn-play.png);background-position:top}#article .btn-play::after{background-image:url(/img/Edm/Game-Megashark4Card/btn-play.png);background-position:bottom;animation:btnPlay2 1.4s infinite ease-in-out;opacity:0;transition:opacity .1s,transform .1s}#article .btn-play:hover,#article .btn-play:active{padding:.3em .5em .7em;transition:filter .1s;filter:brightness(1.1) drop-shadow(0 0 0.2em rgba(255, 255, 255, 0.5))}#article .btn-play:hover::before,#article .btn-play:hover::after,#article .btn-play:hover b,#article .btn-play:active::before,#article .btn-play:active::after,#article .btn-play:active b{opacity:1;background-position:bottom}#article .btn-play:hover::before,#article .btn-play:active::before{opacity:1}.img-play{width:50%;height:100%}.fade-down{transform:scale(1.1) translate(0, -1em)}.fade-down.faded{transform:none}.border-3{width:19em !important;left:50%;transform:translateX(-50%) !important;-o-border-image:url(/img/Edm/Game-Megashark4Card/swiper-bg.png) 60 fill/0.5em/0.2em;border-image:url(/img/Edm/Game-Megashark4Card/swiper-bg.png) 60 fill/0.5em/0.2em}.border-2{-o-border-image:url(/img/Edm/Game-Megashark4Card/border-2.png) 60 fill/1em/0.2em;border-image:url(/img/Edm/Game-Megashark4Card/border-2.png) 60 fill/1em/0.2em}.border-1{-o-border-image:url(/img/Edm/Game-Megashark4Card/border-1.png) 90 fill/1.5em/0.75em;border-image:url(/img/Edm/Game-Megashark4Card/border-1.png) 90 fill/1.5em/0.75em}.img-light{position:absolute;top:-2em;left:0;z-index:-1;width:6em;height:7em;mix-blend-mode:screen}.img-right{position:absolute;top:0em;right:0;width:30%}.img-right-2{position:absolute;top:-2em;right:.5em;width:27%}.border{position:relative;z-index:0;font-weight:550;width:100%;padding:.25em 0;margin:1.5em auto;border-radius:1em 1em;font-family:"Noto Sans TC",serif}.border h2{font-size:.83333em;width:-moz-max-content;width:max-content;min-width:25%;margin:-1.16667em auto .5em;padding:0 .75em;text-align:center;color:#fdeec7;-o-border-image:url(/img/Edm/Game-Megashark4Card/title-bg.png) 30 fill/0.5em/0.5em;border-image:url(/img/Edm/Game-Megashark4Card/title-bg.png) 30 fill/0.5em/0.5em;--outline-color: #000}.border h3{font-size:.75em;width:-moz-max-content;width:max-content;margin:.5em auto .25em;padding:.15em 1em .2em;text-align:center;color:#1d0954;background:#ffec6e;border-radius:1em;line-height:1.2;text-shadow:none}.border p{text-align:justify;font-size:.6em;padding:0;font-weight:400;margin:0em 1.2em .5em}.border li{font-size:.6em;padding:0;font-weight:400;margin:0em 1.2em .2em}.border small{font-family:"Noto Sans TC",sans-serif;font-weight:400;display:block;font-size:.6em}#content-area{position:relative;left:50%;transform:translate(-50%);width:16em;max-width:960px}#event1{margin:-0.35em auto 0}#event2{text-shadow:0 .05em .25em #004}#event2 h2{font-size:1em;font-weight:550;margin:.5em 0 .25em;padding:0;line-height:1.2;text-shadow:inherit}#event2 ul,#event2 ol{font-size:.575em;padding:0 .25em 0 1.25em;margin:.5em 0 .5em}#event2 li+li{margin-top:.2em}#main .swiper{position:relative;overflow:visible}#main .swiper .swiper-container{overflow:hidden;max-width:100%;margin:0 auto;padding:0;filter:drop-shadow(0 0.05em 0.15em rgba(0, 0, 0, 0.5))}#main .swiper .swiper-slide{padding:0 1em}#main .swiper .swiper-slide img{max-width:100%;margin:0 auto;border-radius:.1em}#main .swiper .swiper-slide p{margin-bottom:0}#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{width:2.25em;height:2.25em;color:rgba(0,0,0,0);background-image:url(/img/Edm/Game-Megashark4Card/swiper-btns.png?v=02);background-repeat:no-repeat;background-position:top;background-size:100% auto;margin:0;top:50%;transform:translateY(-50%);transition:filter .2s}#main .swiper .swiper-button-prev{background-position:0 0%;left:-0.75em}#main .swiper .swiper-button-prev:hover{background-position:0 33.333333%}#main .swiper .swiper-button-next{background-position:0 66.666667%;right:-0.75em}#main .swiper .swiper-button-next:hover{background-position:0 100%}@keyframes btnPlay1{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes roleAni{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.01) translateY(-0.05em)}100%{transform:scale(1) translateY(0)}}@keyframes alarmAnim{0%{transform:scale(0.95);opacity:0}5%{opacity:.5}50%{opacity:1}100%{opacity:0;transform:scale(1)}}.frame-border{border-radius:.2em;border:5px solid #ffe45c}.video{display:block;width:auto;height:auto;max-width:100%;position:relative}img{width:14.95em}iframe,.video{display:block;width:15em;height:8.55em;max-width:950px;margin:0 auto;position:relative}/*# sourceMappingURL=main.css.map */