/*! 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:-.3em;top:-.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:-.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:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.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:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.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)}}*{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:100%}@media screen and (min-width: 576px){.container{max-width:540px}}@media screen and (min-width: 768px){.container{max-width:720px}}@media screen and (min-width: 992px){.container{max-width:960px}}@media screen and (min-width: 1200px){.container{max-width:1140px}}.btn{padding:1rem 1.25rem 0.75rem;border-radius:5px;background-color:silver;color:white;font-size:1.5rem;font-weight:bold;text-decoration:none;cursor:pointer}@media screen and (max-width: 567px){.btn{padding:0.75rem 1rem 0.5rem;font-size:1.25rem}}@media screen and (max-width: 320px){.btn{font-size:1rem}}.btn-image{background-color:revert;font-size:0}.btn-image:hover .normal{display:none}.btn-image:hover .hover{display:unset}.btn-image .hover{display:none}.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:white;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 0.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,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 black;background-color:white;color:black;font-size:1.2rem;font-weight:bold;line-height:1rem}.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:whitesmoke}.popup.hidden,.popup .hidden{display:none}.popup.fade-out{opacity:0}.popup-texture .btn-popup-close{position:absolute;top:.75rem;right:.75rem;z-index:3;height:43px;width:43px;border:revert;background-color:revert}.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: 1023px){.popup-texture .popup-container{min-width:revert}}.popup-texture .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:#57ffe5}.popup-texture .popup-content::before,.popup-texture .popup-content::after{content:"";position:absolute;width:100%;height:16px;background-image:url(.././assets/img/popup/border-up.png);background-repeat:repeat-x}.popup-texture .popup-content::before{top:0}.popup-texture .popup-content::after{bottom:-2px}.popup-texture .popup-content-wrapper{flex:1;position:relative;display:flex;margin:0.5rem;min-height:10em;background-color:#923030;border-radius:1em}.popup-texture .popup-content-wrapper::before,.popup-texture .popup-content-wrapper::after{content:"";position:absolute;top:0;width:17px;height:100%;background-image:url(.././assets/img/popup/border-left.png);background-repeat:repeat-y}.popup-texture .popup-content-wrapper::before{left:0}.popup-texture .popup-content-wrapper::after{right:0}.popup-texture .adorn{margin:0;padding:0}.popup-texture .adorn .corner{display:inline-block;position:absolute;width:52px;height:47px;background-repeat:no-repeat;background-position:center;z-index:2}.popup-texture .adorn .corner:nth-child(1){background-image:url(.././assets/img/popup/g-1.png);top:-6px;left:-6px}.popup-texture .adorn .corner:nth-child(2){background-image:url(.././assets/img/popup/g-2.png);top:-6px;right:-6px}.popup-texture .adorn .corner:nth-child(3){background-image:url(.././assets/img/popup/g-3.png);bottom:-8px;left:-6px}.popup-texture .adorn .corner:nth-child(4){background-image:url(.././assets/img/popup/g-4.png);bottom:-8px;right:-6px}.popup-texture .price{font-size:1rem}.popup-texture .price strong{color:#c092ff}.popup-texture em{color:white;font-style:normal}.popup-texture .row{padding:0.75em 0}.popup-texture .row .text-link{color:white}.popup-texture .mt-0{margin-top:0}.popup-texture .mt-1{margin-top:1em}.popup-texture .mb-1{margin-bottom:1em}.popup-login .popup-container{min-height:revert;border-radius:5px}@media screen and (max-width: 768px){.popup-login .popup-content{min-height:revert}}.popup-login .popup-footer{margin:0}.popup-login .logo-platform{margin:10% auto;max-width:12.5rem}@media screen and (max-width: 567px){.popup-login .logo-platform{max-width:5em}}.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:0.25rem;border-radius:revert}@media screen and (max-width: 567px){.popup-login .btn-login{margin:0.75rem 0rem;font-size:1em}}@media screen and (max-width: 320px){.popup-login .btn-login{margin:0.5rem 0rem;font-size:0.75em}}.popup-login .btn-login-wrapper .prefix{padding:0em 0.5em}.popup-login .btn-login-wrapper .border{display:flex;align-items:center;justify-content:center;margin:1em 0.25em}@media screen and (max-width: 567px){.popup-login .btn-login-wrapper .border{font-size:0.75em}}.popup-login .btn-login-wrapper .border::before{content:'';width:100%;border-top:1px solid white}.popup-login .btn-login-wrapper .border::after{content:'';width:100%;border-top:1px solid white}.popup-login .btn-login-wrapper .border strong{display:flex;justify-content:center;align-items:center;padding:0 0.5em;width:1.5em;height:1.5em;border-radius:1.5em;background-color:white;color:#923030;font-size:1.125em;font-weight:normal}.popup-login .btn-login-wrapper .suffix{padding:0em 0.5em}.popup-login .btn-login.yahoo{background-color:#5F01D1}.popup-login .btn-login.facebook{background-color:#1877F2}@media screen and (max-width: 567px){.popup-login .btn-login.facebook .label{margin-right:0.75em}}.popup-login .btn-login.google{background-color:white;color:#0E0E0E}.popup-login .btn-login.line{background-color:#06C755;color:white}.popup-login .btn-login.fami,.popup-login .btn-login.family-mart{background-color:white;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:0.5em}}.popup-login .btn-login .icon{padding:0.5rem;padding-right:0.75rem;width:3.5rem;font-size:0}@media screen and (max-width: 567px){.popup-login .btn-login .icon{width:2.5rem}}@media screen and (max-width: 320px){.popup-login .btn-login .icon{width:2.25rem}}.popup-login .btn-login .label{margin-right:1em;padding:0 0.5em}@media screen and (max-width: 567px){.popup-login .btn-login .label{font-size:0.75em}}.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:0.75em 0;text-align:center}.popup-confirm .btn-okay{cursor:pointer;margin:0 2rem;padding:0}.popup-system-oops .popup-container{min-height:10rem}.popup-system-oops .popup-title{max-width:100%}.popup-system-oops .popup-description{opacity:0.75;margin:0.5rem 0;font-size:1em}.popup-system-oops .oops-image{max-width:100%}.popup-serial-number input[type="text"].popup-field{padding-left:0.5em;padding-right:0.5em;width:100%;line-height:1.75;border:unset;color:white;text-align:center;background-color:#791313;box-shadow:1px 1px rgba(0,0,0,0.5) inset,1px 1px rgba(255,255,255,0.1);border-radius:5px}.popup-serial-number .field{display:grid;grid-template-columns:1fr 70px;gap:0.35em}.popup-serial-number .field .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,0.35);border-radius:5px;transition:box-shadow 0.3s}.popup-serial-number .field .copy:hover{box-shadow:unset}.popup-serial-number .field .copy.success .copy-success{display:revert}.popup-serial-number .field .copy .copy-success{display:none;position:absolute;padding-bottom:0.1em;top:-2.25em;width:100%;text-align:center;font-size:0.55em;color:#333;background-color:white;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.35);cursor:default}.popup-serial-number .field .copy .copy-success::before{content:"";position:absolute;left:50%;bottom:-3px;display:block;width:8px;height:2px;background-color:white;border-radius:2px;transform:rotate(-45deg)}.popup-serial-number .game-name{color:inherit}.popup-serial-number .btn-play{color:inherit;text-decoration:none}.popup-invite input[type="text"].popup-field{padding-left:0.5em;padding-right:0.5em;width:100%;line-height:1.75;border:unset;color:white;text-align:center;background-color:#791313;box-shadow:1px 1px rgba(0,0,0,0.5) inset,1px 1px rgba(255,255,255,0.1);border-radius:5px}.popup-invite .field{display:grid;grid-template-columns:1fr 70px;gap:0.35em}.popup-invite .field .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,0.35);border-radius:5px;transition:box-shadow 0.3s}.popup-invite .field .copy:hover{box-shadow:unset}.popup-invite .field .copy.success .copy-success{display:revert}.popup-invite .field .copy .copy-success{display:none;position:absolute;padding-bottom:0.1em;top:-2.25em;width:100%;text-align:center;font-size:0.55em;color:#333;background-color:white;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.35);cursor:default}.popup-invite .field .copy .copy-success::before{content:"";position:absolute;left:50%;bottom:-3px;display:block;width:8px;height:2px;background-color:white;border-radius:2px;transform:rotate(-45deg)}.popup-invite .price span{color:#C092FF}.popup-invite .game-name{color:inherit}.popup-invite .btn-play{color:inherit;text-decoration:none}.tabs .tab-nav{display:flex}.tabs .tab-nav-item{margin:0px 1px -1px;padding:0.75rem 1.5rem;border:1px solid transparent;border-bottom-color:#B3B3B3;background-color:#DDDDDD;color:#0E0E0E;font-size:1.25rem;font-weight:bold;cursor:pointer}.tabs .tab-nav-item.active{position:relative;border-color:#215109;border-bottom-color:transparent}.tabs .tab-nav-item.active::before{content:'';position:absolute;top:-.75rem;left:-.75rem;border:.75rem solid;border-color:#215109 transparent transparent transparent;transform:rotate(135deg)}.tabs .tab-content-item{display:none;padding:1.5rem;border-top:1px solid #B3B3B3}.tabs .tab-content-item.active{display:block}.counter-panel{display:flex}.counter-panel-item{flex:1;display:flex;justify-content:center;background-color:black;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 0.5s linear}@media screen and (max-width: 1023px){.page-header{margin:0 auto}}.page-header.scroll-bg{background-color:rgba(0,0,0,0.5)}.page-header .container{display:flex;justify-content:space-between;align-items:center;padding:0.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:0.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:#fff;line-height:1}@media screen and (max-width: 1199px){.page-footer{margin-top:-3.5%}}@media screen and (max-width: 1023px){.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: 1199px){.page-footer .container{top:25%}}@media screen and (max-width: 1023px){.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:0.25rem 0rem}.page-footer .declare{flex:1;justify-content:center;margin-bottom:0.75em;line-height:1.5}.page-footer .declare .link{margin-right:0.75em}.page-footer .declare .link::after{content:'';display:inline-block;margin-left:0.125em;height:.125em;width:.125em;border-radius:.125em;background-color:#fff}.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:0.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:0.5rem;padding:0;width:3rem;height:3rem;border-radius:1rem;background-color:unset}@media screen and (max-width: 1023px){.page-footer .share-methods .btn{width:2rem;height:2rem}}@media screen and (max-width: 567px){.page-footer .share-methods .btn{margin:0.25rem;width:1.5rem;height:1.5rem}}.share-methods{display:flex}.share-methods .btn-share{overflow:hidden;margin:0.5rem;padding:0;width:2.5rem;border-radius:50%}.dev-footer{position:sticky;bottom:0;z-index:2147483647;display:flex;flex-wrap:wrap;padding:0.25em 0.5em 0.5em;background-color:#2F2F2F;color:silver;line-height:1.25}.dev-footer details{margin:0.5em 0.5em 0 0;padding:0 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:0.5em}.dev-footer summary{cursor:pointer}.dev-footer .row:hover{background-color:rgba(255,255,255,0.2)}.dev-footer .row .key{display:inline-block;min-width:7.5em}.dev-footer .row .key::after{content:'：';margin-right:0.5rem}.dev-footer .row .value{display:inline-block}.dev-footer .btn-group{display:flex;flex-wrap:wrap}.dev-footer .btn-group .btn{margin:0 0.5em 0.25em 0;padding:0.125em 0.5em;background-color:#4F4F4F;color:goldenrod;font-size:1em}.dev-footer .btn-group .btn:hover{background-color:rgba(255,255,255,0.2);color:gold}.dev-footer .dev-tools{padding-right:0;border-left-color:darkorange}.dev-footer .dev-tools-title{padding-bottom:0.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 darkorange}.dev-footer .login-agent{margin-left:0.5em;color:orange}.dev-footer .login-agent .image{height:1em;width:revert;vertical-align:middle}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.clearfix{*zoom:1}.clearfix::before,.clearfix::after{content:"";display:table}.clearfix:after{clear:both}*{box-sizing:border-box;outline:none}:focus{outline:0}html,body{padding:0;height:100%;font-family:"Microsoft JhengHei","微軟正黑體",arial,sans-serif !important;font-size:16px;scroll-behavior:smooth;word-wrap:break-word}img,svg{vertical-align:middle;border:none;outline:none}.container{margin:0 auto;max-width:1380px}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.main-header{position:fixed;width:100%;padding:5px;background-color:rgba(180,114,81,0.5);z-index:10;display:flex}.main-container{width:1200px;display:flex;justify-content:space-around;flex-direction:row;align-items:center;margin:0 auto}.logo-link{display:flex;height:auto;margin:0 .5em}.logo-link img{width:100%;min-width:80%}.nav-bar{overflow:hidden;top:0;z-index:10}.nav-bar .nav-container{display:flex;align-items:center;margin:0 auto;max-width:1380px}.nav-bar ul.nav{display:flex;flex-wrap:nowrap;margin:0;padding:0;list-style:none}.nav-bar ul.nav li:nth-last-child(1){margin-right:unset}.nav-bar ul.nav li a{display:flex;justify-content:center;align-items:center;line-height:1.3em;font-size:1.3em;font-weight:bold;color:white;text-decoration:none;transition:color 0.3s ease}.nav-bar ul.nav li a:hover,.nav-bar ul.nav li a.focus{color:#fef298}.nav-bar ul{list-style:none}.nav-bar ul .menu-flex{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.nav-bar ul .menu-flex li{width:100%;float:left}#menu-btn-1,#menu-btn-2,#menu-btn-3,#menu-btn-4{padding:0 1em}#menu-btn-1,#menu-btn-2,#menu-btn-3{border-right:#FFF solid 1px}label.switch-open{display:flex;justify-content:center;align-items:center;overflow:hidden;order:3;width:50px;height:50px;background-image:url(../assets/img/event/menu/menu.png);background-repeat:no-repeat;background-position:center;cursor:pointer}label.switch-open+input[type="checkbox"]{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}@media only screen and (min-width: 1070px){label.switch-open{display:none}label.switch-close{display:none}}@media only screen and (max-width: 1069px) and (min-width: 320px){.logo-link img{min-width:80%}.main-container{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;align-items:center}label.switch-open{cursor:pointer}label.switch-open+input[type="checkbox"]:checked ~ .nav-bar{overflow:hidden;position:fixed;width:300px;height:100vh}label.switch-close{display:flex;justify-content:center;align-items:center;margin:0 auto 2em;width:59px;height:143px;background-image:url(../assets/img/event/menu/close.png);background-repeat:no-repeat;background-position:center;border-radius:50%;cursor:pointer;position:absolute;top:0;right:1em}.nav-bar{overflow:hidden;position:fixed;right:0;display:flex;justify-content:center;align-items:center;width:0;height:100vh;transition:width 0.3s ease;background-color:rgba(180,114,81,0.8)}.nav-bar .nav-container{display:unset;align-items:unset}.nav-bar ul.nav{display:flex;flex-wrap:wrap}.nav-bar ul.nav li{margin-right:unset;width:100%}.nav-bar ul.nav li a{padding:0 0 0.75em 0}}.game-banner{max-width:1300px;width:100%;height:auto;margin:0 auto}.swiper-slide{background-color:#452f8a;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-slide picture{position:relative;display:block;width:100%;height:100%;object-fit:cover}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.pic01{background-image:url("../assets/img/event/banner/pc-01.jpg")}.introduce-swiper{width:100%;max-width:1000px;margin:0 auto}.introduce-swiper swiper-container{width:100%;height:100%}.introduce-swiper swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.introduce-swiper swiper-slide img{width:100%;height:100%;object-fit:cover}.introduce-swiper swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto}.introduce-swiper swiper-slide{background-size:cover;background-position:center}.introduce-swiper .mySwiper{height:100%;width:100%}.introduce-swiper .mySwiper2{width:68%;height:auto;box-sizing:border-box;padding:20px 0}.introduce-swiper .mySwiper2 swiper-slide{width:25%;height:100%;opacity:0.4;cursor:pointer}.introduce-swiper .mySwiper2 img{width:100%}.introduce-swiper .mySwiper2 .swiper-slide-thumb-active{opacity:1}.role-bn{width:80%;max-width:938px}.role-bn-menu{width:100%;max-width:162px}.icon-btn{width:50%}.game-title{width:100%;max-width:712px;margin:0 auto}.game-title picture img{max-width:969px;width:100%}.black-content{position:relative;padding:0em 0em 2em;max-width:1340px;min-height:100%;color:white;text-align:center;z-index:2}.event-box{width:100%;height:auto;position:relative;z-index:1;max-width:1920px}.event-box .event-pic{width:100%;max-width:1920px}.event-box .event-pic img{width:100%}.event-box .introduce-pic{width:70%;margin:0 auto}.event-box .introduce-pic img{width:100%}.event-box .event02-img img{width:122%;margin-left:4%}.event-box .event03-img img{width:105%;margin-left:-10%}.mg-top{margin-top:5em}.event-btn img,.event1-btn img,.event2-btn-fb img,.event2-btn-line img{width:100%}.event-btn:hover,.event1-btn:hover,.event2-btn-fb:hover,.event2-btn-line:hover{filter:brightness(1.08)}.event-20240321-btn{position:absolute;z-index:5;left:60%;bottom:15%;max-width:25.75%}@media screen and (max-width: 767px){.event-20240321-btn{left:27.5%;right:27.5%;bottom:15.25%;max-width:revert}}.event1-btn{position:absolute;z-index:5;width:30vw;max-width:342px;left:calc(50% + 7%);bottom:4vw}.event2-btn-fb{position:absolute;z-index:5;width:24vw;max-width:286px;left:calc(50% + -33%);bottom:19em}.event2-btn-line{position:absolute;z-index:5;width:24vw;max-width:286px;left:calc(50% + -33%);bottom:12em}@media only screen and (max-width: 1260px) and (min-width: 767px){.event2-btn-fb{position:absolute;z-index:5;width:24vw;max-width:342px;left:calc(50% + -33vw);bottom:22vw}.event2-btn-line{position:absolute;z-index:5;width:24vw;max-width:342px;left:calc(50% + -33vw);bottom:13vw}}@media only screen and (max-width: 767px){.event1-btn{position:absolute;z-index:5;width:50vw;max-width:342px;left:calc(50% + -25%);bottom:6vw}.event2-btn-fb{position:absolute;z-index:5;width:50vw;max-width:342px;left:calc(50% + -25%);bottom:28vw}.event2-btn-line{position:absolute;z-index:5;width:50vw;max-width:342px;left:calc(50% + -25%);bottom:10vw}}@media only screen and (max-width: 400px){.black-content{padding-top:2em}}@media only screen and (max-width: 767px) and (min-width: 320px){.event-box .event02-img img{width:100%;margin-left:0%}.event-box .event03-img img{width:100%;margin-left:0%}}.introduce-footer{background-image:url(../assets/img/event/introduce/introduce-footer.png);background-size:auto;background-repeat:no-repeat;background-position:center top;max-width:1920px;width:100%;height:auto;height:400px}.footer-pic{width:100%;max-width:1920px;height:auto;margin:0 auto}.footer-pic img{width:100%}.footer{position:relative;z-index:2;width:100%;max-width:1920px;height:auto;margin:0 auto;margin-top:-.5em;background-color:#6f67c0;background-image:url(../assets/img/event/event/footer-bg.jpg);background-repeat:no-repeat;background-position:top;background-size:cover;padding:2em 0}.footer h1{width:100%;text-align:center;margin:0 auto 0 auto}.footer h1 img{max-width:503px;width:100%}.footer ul.rules{max-width:1200px;color:#FFFFFF;margin:0 auto;list-style-type:decimal}.footer ul.rules.dot{list-style-type:unset}.footer ul.rules li{text-align:initial;line-height:2em}.footer ul.rules li a{font-style:normal;color:#57ffe5;text-decoration:none}.pd-rl{padding:2em 6em}@media only screen and (max-width: 767px) and (min-width: 320px){.introduce-footer{height:300px;margin-top:-5em}.pd-rl{padding:2em 3em}}.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{background-image:url(../assets/img/event/event/web-bg.jpg);background-repeat:repeat;background-position:center top}.event-background .event-content{position:relative;margin:0 auto;padding-top:5em;max-width:1380px}.introduce-background{background-image:url(../assets/img/event/introduce/introduce-bg.jpg);background-repeat:repeat;background-position:center top}.introduce-background .event-content{position:relative;margin:0 auto;max-width:1380px}@media only screen and (max-width: 1200px){.event-background .event-content{padding-top:0em}}.kv{position:relative;width:100%;max-width:1920px;margin:0 auto}.kv .kv-intogame-btn{position:absolute;z-index:1;width:32vw;max-width:637px;left:calc(50% + -3%);top:35vw}.kv .kv-intogame-btn img{width:100%}.kv .kv-intogame-btn:hover{filter:brightness(1.08)}.image{height:100%;width:100%;object-fit:contain}.kv-bg{width:100%}@media screen and (max-width: 2560px) and (min-width: 1920px){.kv .kv-intogame-btn{top:43em}}@media screen and (max-width: 767px){.kv-bg{width:100%;position:relative}.kv .kv-intogame-btn{width:80vw;max-width:637px;left:calc(50% + -40%);top:65%}}.fixed-btn-box{position:fixed;bottom:50%;right:-2em;z-index:10}.fixed-btn-box .fixed-btn-img img{width:70%}.fixed-btn-box .fixed-btn-img:hover{filter:brightness(1.08)}.fixed-btn-box .fixed-btn-img-gray{filter:grayscale(1)}.fixed-btn-box .fixed-btn-img-gray img{width:70%}@media only screen and (max-width: 749px) and (min-width: 320px){.fixed-btn-box{bottom:3vw;right:-6rem}.fixed-btn-box .fixed-btn-img img,.fixed-btn-box .fixed-btn-img-gray img{width:50%}}*{box-sizing:border-box;outline:none}:focus{outline:0}html,body{padding:0;height:100%;color:#000;font-family:"Microsoft JhengHei","微軟正黑體",arial,sans-serif !important;font-size:16px;scroll-behavior:smooth;word-wrap:break-word}img,svg{vertical-align:middle;border:none;outline:none}.ossian{position:relative}.container{margin:0 auto;max-width:1380px}.btn-login{cursor:pointer}.btn-login.wait{opacity:0.5;cursor:wait}.btn-login.disabled{filter:grayscale(1);cursor:no-drop}body{background-color:#F8EEEC}