/*! 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}body{width:100%;max-width:720px;margin:0 auto;background-color:#000;font-family:"微軟正黑體",arial,sans-serif}p{font-size:1em;line-height:2em;margin-block-start:0em;margin-block-end:0em}em{font-style:normal}ul{margin-block-start:0em;margin-block-end:0em;padding-inline-start:20px}.hide{display:none !important}.container{margin:0 auto;max-width:1920px}.container.container-color{background-color:#ffd67c}.container-flex{display:flex;flex-direction:column;flex-wrap:nowrap}.btn{padding:1rem 1.25rem .75rem;border-radius:5px;background-color:silver;color:#fff;font-size:1rem;font-weight:bold;text-decoration:none;cursor:pointer}.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}.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 .btn-popup-close{position:absolute;top:-32.25px;right:-43px;z-index:3;width:43px;height:43px;border:revert;background-color:revert;background-image:url(../assets/img/event/popup/close.png);background-repeat:no-repeat;background-position:center}@media screen and (max-width: 567px){.popup-texture .btn-popup-close{top:-5vw;right:-10vw;width:10vw;height:10vw}}.popup-texture .btn-wrapper{display:flex;justify-content:center}.popup-texture .btn-copy{width:revert}.popup-texture .popup-wrapper{max-width:80%}.popup-texture .popup-container{resize:both;overflow:hidden;display:flex;margin:0;padding:0;max-width:445px;min-width:20rem;max-height:80vh;min-height:10em;height:100%;background-color:revert;color:#000}@media screen and (max-width: 1024px){.popup-texture .popup-container{min-width:revert}}.popup-texture .popup-top{width:100%;max-width:100%;min-height:35px;aspect-ratio:89/7;background-image:url(../assets/img/event/popup/box-bg-top.png);background-repeat:no-repeat;background-position:center bottom;background-size:contain;z-index:111111;position:relative;top:1px}.popup-texture .popup-center{flex:1;width:100%;max-width:445px;background-repeat:repeat-y;background-position:center;background-image:url(../assets/img/event/popup/box-bg-center-s.jpg);background-size:contain}.popup-texture .popup-bottom{width:100%;max-width:445px;min-height:35px;aspect-ratio:89/7;background-image:url(../assets/img/event/popup/box-bg-bottom.png);background-repeat:no-repeat;background-size:contain;top:-3px;position:relative}.popup-texture .popup-content{flex:1;position:relative;overflow:hidden;padding:.5em 2.5%;min-height:5em}.popup-texture .popup-content-wrapper{display:flex;flex-direction:column;height:100%;width:100%}.popup-texture em{color:red}@media screen and (max-width: 768px){.popup-login .popup-content{min-height:revert}}.popup-login .popup-footer{margin:0}.popup-login .logo-platform{margin:2.5% auto;width:60%}@media screen and (max-width: 567px){.popup-login .logo-platform{width:60vw}}.popup-login .btn-login{display:flex;align-items:center;margin:1rem 0rem;padding:.25rem;border-radius:revert;font-size:1.25em}@media screen and (max-width: 567px){.popup-login .btn-login{font-size:5vw}}.popup-login .btn-login-wrapper{margin:0 auto;max-width:85%;width:80%}@media screen and (max-width: 567px){.popup-login .btn-login-wrapper{width:80vw;min-width:revert}}.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:#0e0e0e}.popup-login .btn-login.line{background-color:#06c755;color:#fff}.popup-login .btn-login.line .icon{padding:0}.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{width:10vw}}.popup-login .btn-login .label{margin-right:1em;padding:0 .5em}@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-center{display:flex;flex-direction:column}.popup-confirm .popup-title{margin:0 auto;max-width:80%;font-size:2em;font-weight:bold;text-align:center}.popup-confirm .popup-content{margin:1em auto;min-height:revert}.popup-confirm .popup-footer{text-align:center}.popup-confirm .btn-okay{cursor:pointer;display:inline-block;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{display:flex;justify-content:center}.popup-serial-number .popup-title img{width:100%;object-fit:contain}.popup-serial-number .popup-content{display:flex;flex-direction:column;align-items:center;margin-top:0;margin-bottom:0}.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 .popup-word-light-blue{color:#46abff}.popup-serial-number .popup-word-navy-blue{color:#004e8e}.popup-serial-number .gift-name{margin:.3em 0}.popup-serial-number .gift-serial-number{width:100%;text-align:center;margin:.5em 0}.popup-serial-number .serial-number-value{width:70%;height:35px;border:1px solid #000;border-radius:5px;padding:0 .5em;text-align:center}.popup-serial-number .illustrate-word{margin:.5em 0;width:85%;text-align:center}.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-task-not-completed .popup-title{display:flex;justify-content:center;align-items:center}.popup-task-not-completed .popup-title img{width:100%;object-fit:contain}.popup-task-not-completed .popup-content{margin-top:0;margin-bottom:0;text-align:center}.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%}.popup-reward-select .popup-content{margin:0 auto;font-size:1.25em}.popup-reward-select .popup-content:not(.selected)+.popup-footer .btn-okay{cursor:no-drop;filter:grayscale(1)}.popup-reward-select dd{margin-left:0}.popup-reward-select .reward-select-list{line-height:1.75}.popup-reward-select .reward-select-list .radio{margin-top:-4px;width:20px;height:20px;vertical-align:middle;display:inline-block}.popup-reward-select .reward-select-list .radio-box{cursor:pointer}.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/event/tab/receive-btn.png)}.gift-tabs .gift-content .game-gift .btn.done{background-image:url(../assets/img/event/event/tab/done-btn.png)}.gift-tabs .gift-content .game-gift .btn.check{background-image:url(../assets/img/event/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/event/tab/tab-1-bg.jpg)}.gift-tabs .game-2 .game-gift-card{z-index:2;background-image:url(../assets/img/event/event/tab/tab-2-bg.jpg)}.gift-tabs .game-3 .game-gift-card{z-index:3;background-image:url(../assets/img/event/event/tab/tab-3-bg.jpg)}.gift-tabs .game-4 .game-gift-card{z-index:4;background-image:url(../assets/img/event/event/tab/tab-4-bg.jpg)}.gift-tabs .game-5 .game-gift-card{z-index:5;background-image:url(../assets/img/event/event/tab/tab-5-bg.jpg)}.gift-tabs .game-6 .game-gift-card{z-index:6;background-image:url(../assets/img/event/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}.page-index{background-color:#fff;color:#f5f5f5}.main-header{position:fixed;z-index:10;width:100%;max-width:720px;background-color:rgba(3,85,126,.35);display:flex;padding:.1em 0}.main-container{width:720px;display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin:0 auto}.logo-link{display:flex;margin:.5em 1em;max-width:150px}@media screen and (max-width: 375px){.logo-link{margin:.5em .3em}}.logo-link .logo{display:block}.logo-link img{width:100%}.member-info-flex{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none;position:relative}.member-info-flex.login-info{padding:.5em 0 .4em;background:linear-gradient(to right, rgba(121, 167, 235, 0.01) 0%, rgba(121, 167, 235, 0.01) 5%, rgba(121, 167, 235, 0.65) 30%, rgba(121, 167, 235, 0.65) 75%, rgba(121, 167, 235, 0.01) 100%)}.member-info-flex 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)}.member-info-flex .member-icon{display:inline-block;width:26px;margin-right:5px;border-radius:50%;overflow:hidden}.member-info-flex .member-icon .avatar{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.member-info-flex .member-id{color:#fff;font-size:16px;font-weight:bold}.member-info-flex .member-id span{font-size:16px}.member-info-flex .log-in-btn,.member-info-flex .log-out-btn{width:100px;margin-left:.5em}.member-info-flex .log-in-btn img,.member-info-flex .log-out-btn img{width:99px}.member-info-flex .log-in-btn :hover,.member-info-flex .log-out-btn :hover{filter:brightness(1.3)}.btn-style{padding:.3em 1em;background-color:#2b91ff;text-align:center;font-weight:bold;color:#fff;border-radius:5px;text-shadow:1px 1px gray}.kv{width:100%;z-index:0}.kv img{width:100%}.image{width:100%;object-fit:contain}.index-word{color:#222;padding:2em 2em}.index-word p{font-size:1em;line-height:1.6em}.index-word em{color:#df0000}.event h2,.notice h2{color:#333}.event p,.notice p{color:#222}.event em,.notice em{color:#df0000}.event a,.notice a{text-decoration:none}.event a:hover,.notice a:hover{color:#2c6dff}.event .a-link,.notice .a-link{color:#ff7600}.event .event-flex-column,.notice .event-flex-column{display:flex;flex-direction:column}.event .event-flex-column .event-title,.notice .event-flex-column .event-title{width:100%;margin:1em auto;text-align:center}.event .event-flex-column .event-title img,.notice .event-flex-column .event-title img{width:100%;max-width:276px}.event .event-flex-column .event-word,.notice .event-flex-column .event-word{padding:1em 2em;text-align:left}.event .event-flex-row,.notice .event-flex-row{display:flex;flex-direction:row;align-items:center}@media screen and (max-width: 567px){.event .event-flex-row,.notice .event-flex-row{flex-direction:column}}.event .event-flex-row .event-word-left,.notice .event-flex-row .event-word-left{flex:1;padding:0 1.25em 0 2em;text-align:left}@media screen and (max-width: 567px){.event .event-flex-row .event-word-left,.notice .event-flex-row .event-word-left{flex:revert;padding:0 2em;width:100%}}.event .event-flex-row .event-gift,.notice .event-flex-row .event-gift{width:40%;text-align:center}@media screen and (max-width: 567px){.event .event-flex-row .event-gift,.notice .event-flex-row .event-gift{margin-top:1em;width:100%}}.event .event-flex-row .event-gift img,.notice .event-flex-row .event-gift img{width:100%;max-width:268px}.event .event-btn,.notice .event-btn{margin:2em auto;cursor:pointer}.event .event-btn.receive,.notice .event-btn.receive{width:170px;height:77px;background-image:url("../assets/img/event/event/btn-receive.png");background-repeat:no-repeat}.event .event-btn.receive.receive:hover,.notice .event-btn.receive.receive:hover{filter:brightness(1.15)}.event .event-btn.done,.notice .event-btn.done{width:170px;height:77px;background-image:url("../assets/img/event/event/btn-receive-done.png");background-repeat:no-repeat}.event .event-btn.gray,.notice .event-btn.gray{width:170px;height:77px;background-image:url("../assets/img/event/event/btn-gray.png");background-repeat:no-repeat}.event .event-btn.incompatible,.notice .event-btn.incompatible{width:228px;height:79px;background-image:url("../assets/img/event/event/btn-incompatible.png");background-repeat:no-repeat}ul.step{list-style-type:decimal;font-size:1em;line-height:1.8em;margin:1em 0;color:#222}ul.step ul.step.dot{list-style-type:unset}ul.step ul.step li{text-align:initial}ul.step ul.step li a{font-style:normal;text-decoration:none}.notice{padding:0 2em}.notice .notice-title{width:100%;text-align:center;margin-top:1em}.footer{margin-top:2em;padding:1em 2em;background-color:#e4ab2b;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 567px){.footer{justify-content:center}}.footer .fb-icon{width:23px;height:23px}.footer .fb-icon img{width:100%;min-width:24px}.footer .xforce-copyright{padding:0 1em;color:#fff;line-height:1.5em;text-align:center}.notice .list-sub{list-style:none;padding-left:0}.warning-footer{display:flex;padding:.75em;background-color:#e6e6e4}@media screen and (max-width: 567px){.warning-footer{font-size:4vw}}.warning-footer .title{display:flex;justify-content:center;align-items:center;margin-right:.5em;padding:1em .25em 1em .5em;width:fit-content;border:2px solid #959595;color:#959595;font-size:1.5em;font-weight:bold;white-space:nowrap;line-height:1;letter-spacing:.25em}@media screen and (max-width: 567px){.warning-footer .title{font-size:1em}}.warning-footer .title :first-child{margin-right:.25em}.warning-footer .description{font-size:.85em;line-height:1.75;word-break:break-all}.warning-footer .description-wrapper{display:flex;align-items:center}