/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-0.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}#toast-container .rtl .toast-close-button{left:-0.2em;right:.2em}}@media all and (min-width: 241px)and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}#toast-container .rtl .toast-close-button{left:-0.2em;right:.2em}}@media all and (min-width: 481px)and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}@keyframes Rotation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes ReverseRotation{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@keyframes ShowPrizeContent{from{opacity:0}to{opacity:1}}@keyframes ShowPrizeBall{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}.hide{display:none !important}.wait{opacity:.6;cursor:wait !important}.wait:active{pointer-events:none !important}*{box-sizing:border-box}.page{overflow:hidden;margin:0 auto;width:100%;max-width:1920px}figure{margin:0;padding:0}.container{margin:0 auto;max-width:1920px}@media screen and (max-width: 1200px){.container{max-width:1140px}}@media screen and (max-width: 992px){.container{max-width:960px}}@media screen and (max-width: 768px){.container{max-width:720px}}@media screen and (max-width: 576px){.container{max-width:540px}}.btn{border-radius:5px;font-size:1.5rem;font-weight:bold;text-decoration:none;cursor:pointer}@media screen and (max-width: 567px){.btn{padding:.75rem 1rem .5rem;font-size:1.25rem}}@media screen and (max-width: 320px){.btn{font-size:1rem}}.btn.disabled{cursor:no-drop}.btn.disabled:active{pointer-events:none}.btn-copy{cursor:pointer;position:relative;display:block;width:100%;text-align:center;text-decoration:none;color:#2b4c12;line-height:1.75;background-color:#57ffe5;box-shadow:0 2px 2px #c2ffec inset,0 -2px 2px #0b8a75 inset,1px 1px rgba(0,0,0,.35);border-radius:5px;transition:box-shadow .3s}.btn-copy:hover{box-shadow:unset}.btn-copy.success .copy-success{display:revert}.btn-copy .copy-success{display:none;position:absolute;padding-bottom:.1em;top:-2.25em;width:100%;text-align:center;font-size:.55em;color:#5f2b18;background-color:#ffdc64;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.35);cursor:default}.btn-copy .copy-success::before{content:"";position:absolute;left:50%;bottom:-3px;display:block;width:8px;height:2px;background-color:#ffdc64;border-radius:2px;transform:rotate(-45deg)}.image{height:100%;width:100%;object-fit:contain}.image-wrapper{height:100%;width:100%;font-size:0}.image.horizontal{height:unset}.image.vertical{width:unset}.svg-text{width:100%;height:100%}.svg-text text{fill:#fff;font-size:1rem;font-weight:bold;text-anchor:middle;dominant-baseline:middle}@keyframes marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}.marquee{overflow:hidden;cursor:default}.marquee:hover .content{animation-play-state:paused}.marquee .content{position:relative;width:max-content;transform:translateX(100vw);animation-name:marquee;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite}.popup{transition:opacity linear .25s}.popup-mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.75)}.popup-wrapper{position:relative;max-width:95%;max-height:95%;display:flex}.popup-wrapper .btn-popup-close{cursor:pointer;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:50%;border:1px solid #000;background-color:#fff;color:#000;font-size:1.2rem;font-weight:bold;line-height:1rem}@media screen and (max-width: 567px){.popup-wrapper .container{max-width:100%}}.popup-container{overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;margin:1rem;padding:1rem;min-width:10rem;min-height:10rem;background-color:#2f2f2f;color:#f5f5f5}.popup.hidden,.popup .hidden{display:none}.popup.fade-out{opacity:0}.popup-texture-normal{font-weight:bold}.popup-texture-normal .btn-popup-close{position:absolute;top:1rem;right:1rem;z-index:3;height:30px;width:30px;border:revert;background-color:revert}.popup-texture-normal .popup-container{resize:both;overflow:hidden;display:flex;margin:0;padding:0;max-width:60rem;min-width:30rem;min-height:10em;background-color:revert}@media screen and (max-width: 1024px){.popup-texture-normal .popup-container{min-width:revert}}.popup-texture-normal .popup-content{flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;padding:1.5em;width:100%;min-height:10em;font-size:1.5em;color:#000}.popup-texture-normal .popup-content-wrapper{flex:1;position:relative;display:flex;min-height:10em;border-radius:10px;border:green solid 3px;background-color:#fdf8ec;background-repeat:repeat}.popup-texture-normal .price{font-size:1rem}.popup-texture-normal .price strong{color:#c092ff}.popup-texture-normal em{font-style:normal}.popup-texture-normal .row{padding:.75em 0}.popup-texture-normal .row .text-link{color:#fff}.popup-texture-normal .mt-0{margin-top:0}.popup-texture-normal .mt-1{margin-top:1em}.popup-texture-normal .mb-1{margin-bottom:1em}.popup-texture{font-weight:bold}.popup-texture .mt-1{margin-top:1em}.popup-texture .btn-popup-close{position:absolute;top:0;right:0;z-index:3;width:max-content;height:10.2%;border:revert;background-color:revert}.popup-texture .btn-wrapper{display:flex;justify-content:center}.popup-texture .btn-copy{width:revert}.popup-texture .popup-wrapper{max-width:100%}.popup-texture .popup-container{resize:both;overflow:hidden;display:flex;margin:0;padding:0;max-width:60rem;min-width:30rem;min-height:10em;background-color:revert}@media screen and (max-width: 1024px){.popup-texture .popup-container{min-width:revert}}.popup-texture .popup-content{flex:1;position:relative;overflow:hidden;margin:11.5% 10% 8.5% 47.5%;font-size:1.3em}@media screen and (max-width: 567px){.popup-texture .popup-content{font-size:2.5vw}}.popup-texture .popup-content-wrapper{flex:1;position:relative;display:flex;margin:0 auto;min-height:35rem;max-width:100%;width:770px;background-image:url(../assets/img/event/popup/popup_conform_bg-01.png);background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 768px){.popup-texture .popup-content-wrapper{margin-left:-18.5vw;max-width:120%;min-height:73vw}}@media screen and (max-width: 567px){.popup-texture .popup-content-wrapper{min-height:90vw}}.popup-texture .popup-content .container{display:flex;flex-direction:column;height:100%}.popup-texture .content-main{flex:1}.popup-texture .content-footer{height:25%}.popup-texture .popup-text{margin:.4em 0;color:#855809;font-weight:bold;text-align:center}.popup-texture .popup-text p{font-size:1em}.popup-texture .popup-text em{color:red;font-style:normal}.popup-texture .game-name-wrapper{display:block}@media screen and (max-width: 768px){.popup-login .popup-content{min-height:revert}}.popup-login .popup-content-wrapper{background-image:url(../assets/img/event/popup/popup_conform_bg-02.png)}.popup-login .popup-footer{margin:0}.popup-login .content-footer{position:relative;height:35%}@media screen and (max-width: 567px){.popup-login .content-footer{padding-top:2.5%;height:37.5%}}.popup-login .content-footer .border{position:absolute;bottom:94%;left:0;right:0;text-align:center;color:#000}.popup-login .fill-img{margin:5% auto 0;width:30%}@media screen and (max-width: 567px){.popup-login .fill-img{width:25%}}.popup-login .logo-platform{margin:5% auto;width:40%}.popup-login .btn-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:20rem}.popup-login .btn-login{display:flex;align-items:center;margin:1rem 0rem;padding:.25rem;border-radius:revert;font-size:.9em}@media screen and (max-width: 567px){.popup-login .btn-login{margin:.5rem 0rem;font-size:.5em}}@media screen and (max-width: 320px){.popup-login .btn-login{margin:.5rem 0rem;font-size:.75em}}.popup-login .btn-login-wrapper{margin:0 auto;width:85%}@media screen and (max-width: 567px){.popup-login .btn-login-wrapper{width:90%}}.popup-login .btn-login.yahoo{background-color:#4c1b86}.popup-login .btn-login.facebook{background-color:#1a77f2}@media screen and (max-width: 567px){.popup-login .btn-login.facebook .label{margin-right:.75em}}.popup-login .btn-login.google{background-color:#fff;color:#222}.popup-login .btn-login.line{background-color:#06c755;color:#fff}.popup-login .btn-login.fami,.popup-login .btn-login.family-mart{background-color:#fff;color:#0088d2}@media screen and (max-width: 567px){.popup-login .btn-login.fami .label,.popup-login .btn-login.family-mart .label{margin-right:0;font-size:.5em}}.popup-login .btn-login .icon{padding:.25rem;width:2.5rem;font-size:0}@media screen and (max-width: 567px){.popup-login .btn-login .icon{padding:.125rem;width:5vw}}.popup-login .btn-login .label{margin-right:1em;padding:0 .5em}@media screen and (max-width: 567px){.popup-login .btn-login .label{font-size:.75em}}@media screen and (max-width: 567px){.popup-logout{font-size:.9em}}.popup-logout .popup-title{font-size:1.5em}.popup-logout .popup-description{padding:.75em 0;text-align:center}.popup-logout .popup-footer{display:flex;justify-content:space-between;margin-top:1em}.popup-logout .popup-footer .btn{display:inline-block;margin:0 1em;padding:.25em 1em;min-width:3.5em;border-radius:1em;font-size:1em;text-align:center}.popup-logout .btn-yes{background-color:#8bbeb4}.popup-logout .btn-no{background-color:#d94545}.popup-confirm .popup-container{min-height:15rem}.popup-confirm .popup-content{justify-content:space-between;min-height:revert}.popup-confirm .popup-title{margin:0 auto;max-width:100%;font-size:1.5em;font-weight:bold}.popup-confirm .popup-description{padding:.75em 0;text-align:center}.popup-confirm .btn-okay{cursor:pointer;margin:0 2rem;padding:0}.popup-confirm .btn-okay:hover{filter:brightness(1.1)}.popup-system-oops .popup-container{min-height:10rem}.popup-system-oops .popup-title{max-width:100%}.popup-system-oops .popup-description{opacity:.75;margin:.5rem 0;font-size:1em}.popup-system-oops .oops-image{max-width:100%}.popup-serial-number .popup-title{margin:.75em 0;margin-right:1em;text-align:center}.popup-serial-number .popup-title img{width:100%}.popup-serial-number .content-footer{display:flex;flex-direction:column;align-items:center}.popup-serial-number input[type=text].popup-field{margin-bottom:.5em;padding-left:.5em;padding-right:.5em;width:100%;font-size:1em;line-height:2;color:#855809;text-align:center;border-radius:5px;border:1px solid #000;background-color:#fff}.popup-serial-number .game-name-wrapper{color:#d59017}.popup-serial-number .serial-number-name{display:inline-block}.popup-serial-number .btn{padding:0;height:1.5em}.popup-serial-number .btn-copy,.popup-serial-number .btn-okay{background-color:revert;box-shadow:revert}.popup-serial-number .btn-copy img,.popup-serial-number .btn-okay img{height:100%}.popup-serial-number .btn-play{color:inherit;text-decoration:none}.popup-serial-number .notice-redeem{margin-top:1em}.popup-invite input[type=text].popup-field{padding-left:.5em;padding-right:.5em;width:100%;line-height:1.75;border:unset;color:#fff;text-align:center;background-color:#479182;box-shadow:1px 1px rgba(0,0,0,.5) inset,1px 1px rgba(255,255,255,.1);border-radius:5px}.popup-invite .field{display:grid;grid-template-columns:1fr 70px;gap:.35em}.popup-invite .price span{color:#6f1ebd}.popup-invite .game-name{color:inherit}.popup-invite .btn-play{color:inherit;text-decoration:none}.popup-gift-not-reached .popup-title{margin:.75em auto;width:70%;text-align:center}.popup-gift-not-reached .popup-title img{width:100%}.popup-gift-not-reached .content-footer{display:flex;flex-direction:column;align-items:center}.popup-gift-not-reached .pay-current{color:red}.popup-gift-not-reached .btn{padding:0;height:1.5em}.popup-gift-not-reached .btn-play{color:red;text-decoration:none}.popup-gift-not-reached .btn-okay{background-color:revert;box-shadow:revert}.popup-gift-not-reached .btn-okay img{height:100%}.popup-event-over .popup-title img{width:100%;object-fit:contain}.popup-event-over .content-main{display:flex;justify-content:center;align-items:center}.popup-event-over .content-footer{display:flex;flex-direction:column;align-items:center;justify-content:center}.popup-event-over .btn{padding:0;height:1.5em}.popup-event-over .btn-okay{background-color:revert;box-shadow:revert}.popup-event-over .btn-okay img{height:100%}.tabs-panel .tab-bar-label{display:inline-block;border-radius:5px 5px 0 0;font-size:1.5em}@media screen and (max-width: 567px){.tabs-panel .tab-bar-label{font-size:1.25em}}.tabs-panel .tab-bar-label.active{border-color:#fff;background-color:green;color:#fff}.tabs-panel .tab-bar-label .btn{margin:0;padding:.25em .75em;background-color:revert;color:revert}.tabs-panel .tab-content-item{display:none;margin:1em 0;padding:0 1em}.tabs-panel .tab-content-item.active{display:flex;flex-direction:column}.gift-tabs{margin:3em 0}.gift-tabs .tab-bar{text-shadow:1px 1px gray;font-weight:bold;text-align:center}@media screen and (max-width: 1024px){.gift-tabs .tab-bar{width:70%;margin:0 auto}}@media screen and (max-width: 768px){.gift-tabs .tab-bar{width:100%}}.gift-tabs .tab-bar-label{cursor:pointer;border-radius:5px;background-color:#ddd;color:#fff;font-size:1.8em;line-height:2.1em;text-align:center;width:185px;height:60px;margin:.2em .1em}@media screen and (max-width: 567px){.gift-tabs .tab-bar-label{width:162px;height:50px;font-size:1.5em;line-height:2em}}@media screen and (max-width: 320px){.gift-tabs .tab-bar-label{width:130px}}.gift-tabs .tab-bar-label.active{background-color:#5bb8ff}.gift-tabs .tab-bar-label:hover{background-color:#a2d7ff}.gift-tabs .tab-bar-label .btn{padding:0}.gift-tabs .tab-content-item{padding:0 2.5em}@media screen and (max-width: 567px){.gift-tabs .tab-content-item{padding:0}}.gift-tabs .tab-content-item.active{flex-wrap:nowrap}.gift-tabs .gift-flex{display:flex;flex-wrap:nowrap;flex-direction:column}.gift-tabs .game-logo{width:100%;margin:0 auto;text-align:center}.gift-tabs .game-logo img{width:100%;max-width:295px}.gift-tabs .gift-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;border-radius:10px}@media screen and (max-width: 768px){.gift-tabs .gift-content{flex-direction:column;align-items:center}}.gift-tabs .gift-content .game-gift{display:flex;align-items:center;flex-direction:column;width:339px;height:461px;border-radius:10px}@media screen and (max-width: 1024px){.gift-tabs .gift-content .game-gift{width:300px}}@media screen and (max-width: 768px){.gift-tabs .gift-content .game-gift{width:339px}}@media screen and (max-width: 567px){.gift-tabs .gift-content .game-gift{width:300px;height:380px}}.gift-tabs .gift-content .game-gift h1{color:#fff;font-size:3em;padding:.5em 0 .3em 0}.gift-tabs .gift-content .game-gift .price-flex{width:100%;display:flex;flex-direction:row}.gift-tabs .gift-content .game-gift .price-flex .blue-line{width:40%;height:4px;background-color:#5bb8ff;margin:.8em auto;margin-left:2em}.gift-tabs .gift-content .game-gift .price-flex .yellow-word{width:50%;text-align:center}.gift-tabs .gift-content .game-gift .price-flex .yellow-word p{color:#ffe92c;font-size:1.5em}.gift-tabs .gift-content .game-gift .treasure-name{height:260px;display:flex}@media screen and (max-width: 567px){.gift-tabs .gift-content .game-gift .treasure-name{height:180px}}.gift-tabs .gift-content .game-gift .treasure-name ul{color:#fff;list-style-type:none;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.gift-tabs .gift-content .game-gift .treasure-name ul li{font-size:1.5em;line-height:2em}@media screen and (max-width: 567px){.gift-tabs .gift-content .game-gift .treasure-name ul li{line-height:1.5em}}.gift-tabs .gift-content .game-gift .btn{width:160px;height:54px;background-repeat:no-repeat}.gift-tabs .gift-content .game-gift .btn:hover{filter:brightness(1.15)}.gift-tabs .gift-content .game-gift .btn.receive{background-image:url(../assets/img/event/tab/receive-btn.png)}.gift-tabs .gift-content .game-gift .btn.done{background-image:url(../assets/img/event/tab/done-btn.png)}.gift-tabs .gift-content .game-gift .btn.check{background-image:url(../assets/img/event/tab/check-btn.png)}.gift-tabs .game-gift-card{width:339px;height:461px;border-radius:10px;margin:1em 0}@media screen and (max-width: 1024px){.gift-tabs .game-gift-card{width:300px}}@media screen and (max-width: 768px){.gift-tabs .game-gift-card{width:339px}}@media screen and (max-width: 567px){.gift-tabs .game-gift-card{width:300px;height:380px}}.gift-tabs .game-gift-card.gift-1000{background-position:0px 0px}.gift-tabs .game-gift-card.gift-3000{background-position:-339px 0px}.gift-tabs .game-gift-card.gift-6000{background-position:-678px 0px}.gift-tabs .game-1 .game-gift-card{z-index:1;background-image:url(../assets/img/event/tab/tab-1-bg.jpg)}.gift-tabs .game-2 .game-gift-card{z-index:2;background-image:url(../assets/img/event/tab/tab-2-bg.jpg)}.gift-tabs .game-3 .game-gift-card{z-index:3;background-image:url(../assets/img/event/tab/tab-3-bg.jpg)}.gift-tabs .game-4 .game-gift-card{z-index:4;background-image:url(../assets/img/event/tab/tab-4-bg.jpg)}.gift-tabs .game-5 .game-gift-card{z-index:5;background-image:url(../assets/img/event/tab/tab-5-bg.jpg)}.gift-tabs .game-6 .game-gift-card{z-index:6;background-image:url(../assets/img/event/tab/tab-6-bg.jpg)}.counter-panel{display:flex}.counter-panel-item{flex:1;display:flex;justify-content:center;background-color:#000;color:silver}.counter-panel-item:not(:last-child){margin-right:1px}.page-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color .5s linear}@media screen and (max-width: 1024px){.page-header{margin:0 auto}}.page-header.scroll-bg{background-color:rgba(0,0,0,.5)}.page-header .container{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.page-header .logo{display:flex;height:2rem}@media screen and (max-width: 567px){.page-header .logo-link{width:35%}}.page-header .logo .image{width:revert}@media screen and (max-width: 567px){.page-header .switch-open{margin:.5em;width:10vw;height:10vw}}@media screen and (max-width: 567px){.page-header .share-tool .member-id{font-size:3vw}}@media screen and (max-width: 567px){.page-header .share-tool .log-out-btn{width:20vw}}.page-header .share-tool .log-out-btn img{width:100%}.page-footer{position:relative;z-index:0;flex-shrink:0;margin-top:-7.5%;width:100%;color:#000;line-height:1}@media screen and (max-width: 1200px){.page-footer{margin-top:-3.5%}}@media screen and (max-width: 1024px){.page-footer{margin-top:10%}}@media screen and (max-width: 567px){.page-footer{margin-top:25%}}@media screen and (max-width: 320px){.page-footer{margin-top:30%}}.page-footer .container{position:absolute;left:0;right:0;top:35%;display:flex;align-items:center;justify-content:space-between;width:50%}@media screen and (max-width: 1200px){.page-footer .container{top:25%}}@media screen and (max-width: 1024px){.page-footer .container{top:-30%;width:90%}}@media screen and (max-width: 567px){.page-footer .container{top:revert;bottom:100%;width:80%}}.page-footer .link{padding:0;color:inherit;text-decoration:none}.page-footer .link-group{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;margin:.25rem 0rem}.page-footer .declare{flex:1;justify-content:center;margin-bottom:.75em;line-height:1.5}.page-footer .declare .link{margin-right:.75em}.page-footer .declare .link::after{content:"";display:inline-block;margin-left:.125em;height:.125em;width:.125em;border-radius:.125em;background-color:#000}.page-footer .copyright{line-height:1.25}@media screen and (max-width: 567px){.page-footer .copyright{display:flex;flex-direction:column;line-height:1.5}}.page-footer .copyright .link{padding-right:.5rem}.page-footer .share-methods{display:flex;flex-wrap:wrap}@media screen and (max-width: 567px){.page-footer .share-methods{justify-content:center}}.page-footer .share-methods .btn{margin:.5rem;padding:0;width:3rem;height:3rem;border-radius:1rem;background-color:unset}@media screen and (max-width: 1024px){.page-footer .share-methods .btn{width:2rem;height:2rem}}@media screen and (max-width: 567px){.page-footer .share-methods .btn{margin:.25rem;width:1.5rem;height:1.5rem}}.share-methods{display:flex}.share-methods .btn-share{overflow:hidden;margin:.5rem;padding:0;width:2.5rem;border-radius:50%}.dev-footer{position:sticky;bottom:0;z-index:2147483647;display:flex;flex-wrap:wrap;padding:.25em .5em .5em;background-color:#2f2f2f;color:silver;line-height:1.25}.dev-footer details{margin:.5em .5em 0 0;padding:0 .5em;border-left:2px solid gray}@media screen and (max-width: 567px){.dev-footer details{padding-right:0}}@media screen and (max-width: 567px){.dev-footer details[open]{margin-right:0}}.dev-footer details section{margin-top:.5em}.dev-footer summary{cursor:pointer}.dev-footer .row:hover{background-color:rgba(255,255,255,.2)}.dev-footer .row .key{display:inline-block;min-width:7.5em}.dev-footer .row .key::after{content:"：";margin-right:.5rem}.dev-footer .row .value{display:inline-block}.dev-footer .btn-group{display:flex;flex-wrap:wrap}.dev-footer .btn-group .btn{margin:0 .5em .25em 0;padding:.125em .5em;background-color:#4f4f4f;color:#daa520;font-size:1em}.dev-footer .btn-group .btn:hover{background-color:rgba(255,255,255,.2);color:gold}.dev-footer .dev-tools{padding-right:0;border-left-color:#ff8c00}.dev-footer .dev-tools-title{padding-bottom:.25em}.dev-footer .dev-tools-title .env-mode{margin-left:1rem;color:skyblue}.dev-footer .dev-tools-content{display:flex;flex-wrap:wrap;margin-top:0}.dev-footer .dev-tools[open] .dev-tools-title{border-bottom:1px solid #ff8c00}.dev-footer .login-agent{margin-left:.5em;color:orange}.dev-footer .login-agent .image{height:1em;width:revert;vertical-align:middle}*{box-sizing:border-box;outline:none}:focus{outline:0}html,body{padding:0;height:100%;scroll-behavior:smooth;word-wrap:break-word;font-family:"Microsoft JhengHei",微軟正黑體,arial,sans-serif}img,svg{vertical-align:middle;border:none;outline:none}p,h1,h2,h3,h4,h5,ul{margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px}.main-header{position:fixed;width:100%;padding:5px;background-color:rgba(0,32,57,.8);z-index:10;display:flex}.main-container{width:1200px;display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin:0 auto}@media screen and (max-width: 1024px){.main-container{width:100%;display:-ms-flexbox;display:flex;justify-content:space-between;flex-direction:row;align-items:center}}.logo-link{display:flex;margin:0 .5em;max-width:212px}@media screen and (max-width: 567px){.logo-link{width:100%;max-width:120px}}.logo-link .logo{display:none}body[data-platform=y5] .logo-link .y5{display:revert}body[data-platform=iplay] .logo-link .iplay{display:revert}body[data-platform=fami] .logo-link .fami{display:revert}.logo-link img{width:100%}@media screen and (max-width: 1024px){.logo-link img{min-width:80%}}.share-tool{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none;position:relative}.share-tool li a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,0)}.share-tool .member-icon{display:inline-block;width:26px;height:26px;margin-right:5px}.share-tool .member-icon img{width:100%;height:100%;object-fit:cover}.share-tool .member-id{color:#fff;font-size:16px;font-weight:bold}.share-tool .member-id span{font-size:16px}@media screen and (max-width: 567px){.share-tool .member-id{font-size:14px}}.share-tool .log-in-btn,.share-tool .log-out-btn{width:100px;margin-left:.5em}.share-tool .log-in-btn img,.share-tool .log-out-btn img{width:99px}@media screen and (max-width: 567px){.share-tool .log-in-btn img,.share-tool .log-out-btn img{width:60px}}.share-tool .log-in-btn :hover,.share-tool .log-out-btn :hover{filter:brightness(1.1)}.share-tool .login-bg{position:absolute;z-index:-1;top:-12px;left:-80px}@media screen and (max-width: 567px){.share-tool .login-bg{height:40px;top:-7px;left:0}.share-tool .login-bg img{height:40px}}@media screen and (max-width: 453px){.share-tool .login-bg{height:40px;top:-3px;left:0}.share-tool .login-bg img{height:40px}}.log-btn{width:6em;height:2.5em;background-color:#5bb8ff;text-align:center;color:#fff;border-radius:5px;text-shadow:1px 1px gray}.log-btn p{padding:0em 1em;font-size:1.5em;line-height:1.8em;font-weight:bold}.footer{width:100%;background-color:rgba(104,229,255,.8);padding:1em 0;color:#0c359e;font-size:.8em}.footer .footer-container{max-width:1200px;margin:0 auto}@media screen and (max-width: 567px){.footer .footer-container{width:100%}}.footer ul{list-style-type:none}.footer ul.footer-flex{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin:.5em auto}.footer ul li{margin:0 1em;text-align:center}.footer ul a{color:#0c359e;text-decoration:none}.footer ul a:hover{color:#fff}.footer p{text-align:center}.page-index{background-color:#fff}@media screen and (max-width: 567px){.container .box{color:#ff3900}}.kv{position:relative;width:100%;max-width:1920px;margin:0 auto;z-index:0}.image{height:100%;width:100%;object-fit:contain}.kv-bg{width:100%}.page{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:1920px;z-index:1;height:auto;margin-top:-1px}figure{margin:0;padding:0}.event-background{width:100%;background-image:url(../assets/img/event/index-bg.jpg);background-repeat:repeat-y;background-position:top;background-size:contain}@media screen and (max-width: 1024px){.event-background{background-image:url(../assets/img/event/index-bg-mb.jpg);background-size:cover}}.event-background .event-content{position:relative;margin:0 auto;max-width:1200px;z-index:5}.content-word{width:100%;font-size:2em}@media screen and (max-width: 567px){.content-word{font-size:1.3em}}.content-word p{padding:1em 2em;line-height:1.5em;text-align:left}@media screen and (max-width: 567px){.content-word p{padding:1em 1em}}.content-word strong{color:red;font-weight:normal}.title-pic{text-align:center}.title-pic img{width:100%;max-width:266px}.notice{width:100%;height:auto;max-width:1920px;margin:0 auto;font-size:1.8em;background-image:url(../assets/img/event/footer-bg-pc.jpg);background-repeat:no-repeat;background-position:bottom}@media screen and (max-width: 567px){.notice{font-size:1em;background-image:url(../assets/img/event/footer-bg-pc.jpg)}}.notice .notice-container{max-width:1200px;margin:0 auto}.notice ul.rules{color:#222;padding:2em 2em;list-style-type:decimal}.notice ul.rules.dot{list-style-type:unset}.notice ul.rules li{text-align:initial;line-height:1.75}.notice ul.rules li a{font-style:normal;color:#0c359e;text-decoration:none}@media only screen and (max-width: 749px)and (min-width: 320px){.fixed-btn-box{bottom:3vw;right:-1rem}.fixed-btn-img img{width:80%}.rules{font-size:1.2em}}