/*! 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}.page-header{position:fixed;width:100%;background-color:rgba(197,150,101,0.9);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:1200px}ul.nav{display:flex;flex-wrap:nowrap;margin:0;padding:0;list-style:none}ul.nav li{margin-right:1.5em}ul.nav li:nth-last-child(1){margin-right:unset}ul.nav li a{display:flex;justify-content:center;align-items:center;padding:1em 0;font-size:1.5em;font-weight:bold;color:white;text-decoration:none;transition:color 0.3s ease}ul.nav li a:hover,ul.nav li a.focus{color:#e13939}.share-tool{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none}.share-tool li a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid transparent}.share-tool .member-icon{width:26px;height:26px;margin-right:5px}.share-tool .member-id{color:#f9e4ca;font-size:16px;font-weight:bold}.share-tool .log-in-btn{width:80px;margin-left:0.5em}.share-tool .log-out-btn{width:80px;margin-left:0.5em}label.switch-open{display:flex;justify-content:center;align-items:center;overflow:hidden;order:3;width:50px;height:50px;background-image:url(.././assets/img/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:50px;height:50px;background-color:#e13939;background-image:url(.././assets/img/menu/close.png);background-repeat:no-repeat;background-position:center;border-radius:50%;cursor:pointer}.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(197,150,101,0.9)}.nav-bar .nav-container{display:unset;align-items:unset}ul.nav{display:flex;flex-wrap:wrap}ul.nav li{margin-right:unset;width:100%}ul.nav li a{padding:0 0 0.75em 0}}.left-role,.right-role,.left-role-2,.right-role-2,.left-role-3,.right-role-3,.left-role-4,.right-role-4{position:absolute;top:0;z-index:3}.left-role{top:8em;right:calc(50% + 200px)}.right-role{top:1.8em;left:calc(50% + 138px)}.left-role-2{top:6.2em;right:calc(50% + 14vh)}.right-role-2{top:5em;left:calc(50% + 16vh)}.left-role-3{top:4em;right:calc(50% + 14vh)}.right-role-3{top:1em;left:calc(50% + 16vh)}.left-role-4{top:1em;right:calc(50% + 140px)}.right-role-4{top:7em;left:calc(50% + 140px)}@media only screen and (max-width: 749px) and (min-width: 320px){.left-role{top:-4.5em;right:calc(50% - 22vh)}.left-role-2{top:-2em;right:calc(50% - 28vh)}.left-role-3{top:-1em;right:calc(50% - 25vh)}.left-role-4{top:-4.5em;right:calc(50% - 28vh)}.right-role,.right-role-2,.right-role-3,.right-role-4{display:none}}.black-content{position:relative;margin:0 auto 1em auto;padding:6em 0em 4em;max-width:800px;min-height:100%;color:white;text-align:center;background-color:rgba(68,15,15,0.8)}.black-content::before,.black-content::after{content:"";position:absolute;top:0;display:block;width:10px;height:100%;background-image:url(.././assets/img/event/border-bg.png);background-repeat:repeat-y}.black-content::before{left:0}.black-content::after{right:0}.black-content>.top{position:absolute;top:-25px;left:-1%;width:102%;height:78px;background-image:url(.././assets/img/event/border-top.png);background-repeat:no-repeat;background-size:contain;z-index:1}.black-content>.bottom{position:absolute;bottom:-45px;left:-1%;width:102%;height:113px;background-image:url(.././assets/img/event/border-bottom.png);background-repeat:no-repeat;background-size:contain;z-index:1}.black-content.pt-3{padding-top:3em}@media only screen and (min-width: 750px){.black-content .wrapper{display:block}}@media only screen and (max-width: 749px) and (min-width: 320px){.black-content{z-index:4}.black-content>.top{top:-20px}.black-content>.bottom{bottom:-50px}}@media only screen and (max-width: 455px){.black-content>.top{background-image:url(.././assets/img/event/border-top-moobile.png)}.black-content>.bottom{background-image:url(.././assets/img/event/border-bottom-mobile.png)}}@media only screen and (max-width: 400px){.black-content{padding-top:5.5em}}.block-content{position:relative;margin:0 2em;padding:3em 3em 2em 3em;font-size:1.5em;font-weight:bold;color:#5c191c;background-color:#dfbab1;border-radius:5px}.block-content::before{content:"";position:absolute;top:-45px;left:0;display:block;width:100%;height:90px;background-repeat:no-repeat;background-position:center;background-size:unset}.block-content.title-1::before{background-image:url(.././assets/img/event/sub-title-1.png)}.block-content.title-2::before{background-image:url(.././assets/img/event/sub-title-2.png);background-size:unset}.block-content.title-3::before{background-image:url(.././assets/img/event/sub-title-3.png);background-size:unset}.block-content.title-4::before{background-image:url(.././assets/img/event/sub-title-4.png);background-size:unset}.block-content.title-5::before{background-image:url(.././assets/img/event/sub-title-5.png);background-size:unset}.block-content.title-6::before{background-image:url(.././assets/img/event/sub-title-6.png);background-size:unset}.block-content.blue-background{margin-top:3em;background-color:#bff5ff}.block-content.double-week{margin-top:3em}.block-content em{color:#e13939;font-style:normal}.block-content span .word-y5-1{color:#9a3beb}@media only screen and (max-width: 749px) and (min-width: 320px){.block-content{margin:0 1em;padding:3em 8vw 2em;font-size:1.33em}}@media only screen and (max-width: 400px){.block-content.title-1::before,.block-content.title-2::before,.block-content.title-3::before,.block-content.title-4::before,.block-content.title-5::before,.block-content.title-6::before{background-size:contain}}.summer-gifts-title{width:90%;margin:1em auto}.summer-gifts-title img{width:70%}ul.summer-gifts{position:relative;display:flex;flex-wrap:wrap;justify-content:center;padding:0;list-style:none}ul.summer-gifts li{margin-bottom:0.75em}ul.summer-gifts li a{position:relative;display:block;width:150px;height:180px;text-decoration:none;background-repeat:no-repeat;background-position:center}ul.summer-gifts li a>.button{position:absolute;left:12px;bottom:7px;width:126px;height:32px;background-repeat:no-repeat;background-position:center;transition:background-image 0.3s ease}ul.summer-gifts li a>.button.receive{background-image:url(.././assets/img/event/game-button-state-1.png)}ul.summer-gifts li a>.button.receive:not(.disabled):hover{background-image:url(.././assets/img/event/game-button-state-1-focus.png)}ul.summer-gifts li a>.button.view{background-image:url(.././assets/img/event/game-button-state-2.png)}ul.summer-gifts li a>.button.view:not(.disabled):hover{background-image:url(.././assets/img/event/game-button-state-2-focus.png)}ul.summer-gifts li:nth-child(1) a{background-image:url(.././assets/img/event/game-1.png)}ul.summer-gifts li:nth-child(2) a{background-image:url(.././assets/img/event/game-2.png)}ul.summer-gifts li:nth-child(3) a{background-image:url(.././assets/img/event/game-3.png)}ul.summer-gifts li:nth-child(4) a{background-image:url(.././assets/img/event/game-4.png)}ul.summer-gifts li:nth-child(5) a{background-image:url(.././assets/img/event/game-5.png)}ul.summer-gifts li:nth-child(6) a{background-image:url(.././assets/img/event/game-6.png)}ul.summer-gifts li:nth-child(7) a{background-image:url(.././assets/img/event/game-7.png)}@media only screen and (max-width: 2560px){.summer-gifts{margin-left:8em;margin-right:8em}}@media only screen and (max-width: 720px) and (min-width: 577px){.summer-gifts-title img{width:90%}.summer-gifts{margin-left:4em;margin-right:4em}}@media only screen and (max-width: 576px) and (min-width: 500px){.summer-gifts{margin-left:1em;margin-right:1em}}@media only screen and (max-width: 499px) and (min-width: 320px){.summer-gifts-title img{width:100%}.summer-gifts{margin-left:0em;margin-right:0em}}.invite-tabs-zone{margin:2em 3em}.tabbed{overflow-x:hidden}.tabbed [type="radio"]{display:none}.tabs{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.tab label{display:block;margin:0 0.15em;padding:0.35em 0.75em;color:#946f0a;font-size:1.875em;font-weight:bold;text-align:center;background-color:#f0c54f;cursor:pointer;transition:color 0.3s, background-color 0.3s;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top-left-radius:5px;border-top-right-radius:5px}.tab:hover label{color:#913c03;background-color:#ffedbc}.tab-content{display:none;padding:2em;color:black;background-color:#ffedbc;border-radius:5px}.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label{background-color:#ffedbc;color:#913c03;transform:translateY(1px)}.tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),.tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2){display:block}@media only screen and (max-width: 750px){.tab label{font-size:1.5em}}@media only screen and (max-width: 550px){.tab label{font-size:1.25em}}@media only screen and (max-width: 400px) and (min-width: 320px){.tab label{font-size:1em}}ul.invite-gift-group{display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}ul.invite-gift-group li{position:relative;width:190px;height:392px;background-repeat:no-repeat;background-position:center}ul.invite-gift-group li:nth-child(1){background-image:url(.././assets/img/event/invite-gift-1.png)}ul.invite-gift-group li:nth-child(2){background-image:url(.././assets/img/event/invite-gift-2.png)}ul.invite-gift-group li:nth-child(3){background-image:url(.././assets/img/event/invite-gift-3.png)}ul.invite-gift-group li .btn-receive{position:absolute;left:calc(50% - 61px);bottom:1.5em;display:block;width:122px;height:44px;text-decoration:none;background-repeat:no-repeat;background-position:center}ul.invite-gift-group li.view .btn-receive{background-image:url(.././assets/img/event/invite-gift-button-view.png)}ul.invite-gift-group li.view::before{content:"";position:absolute;top:10em;left:calc(50% - 72px);display:block;width:145px;height:112px;background-image:url(.././assets/img/event/receive-mark.png);background-repeat:no-repeat;background-position:center}ul.invite-gift-group li.invite .btn-receive{background-image:url(.././assets/img/event/invite-gift-button-now.png)}ul.invite-gift-group li.receive .btn-receive{background-image:url(.././assets/img/event/invite-gift-button-receive.png)}@media only screen and (max-width: 749px){ul.invite-gift-group{flex-wrap:wrap}ul.invite-gift-group li{width:320px;height:230px;background-position:top center}ul.invite-gift-group li:nth-child(1){background-image:url(.././assets/img/event/invite-gift-mobile-1.png)}ul.invite-gift-group li:nth-child(2){background-image:url(.././assets/img/event/invite-gift-mobile-2.png)}ul.invite-gift-group li:nth-child(3){background-image:url(.././assets/img/event/invite-gift-mobile-3.png)}ul.invite-gift-group li.view::before{top:2em}}@media only screen and (max-width: 460px) and (min-width: 320px){.tab-content{padding:1em}ul.invite-gift-group li{height:54vw;background-size:contain}ul.invite-gift-group li.view .btn-receive{background-image:url(.././assets/img/event/invite-gift-button-view.png)}ul.invite-gift-group li.view::before{content:"";position:absolute;top:5vw;left:calc(50% - 72px);width:145px;height:112px;transform:scale(0.8)}}.invited-gift-group{position:relative;text-align:center}.invited-gift-group.view::before{content:"";position:absolute;top:calc(50% - 72px);left:calc(50% - 72px);display:block;width:145px;height:112px;background-image:url(.././assets/img/event/receive-mark.png);background-repeat:no-repeat;background-position:center}.invited-gift-group.view .btn-receive{background-image:url(.././assets/img/event/invite-gift-button-view.png)}.invited-gift-group.receive .btn-receive{background-image:url(.././assets/img/event/invite-gift-button-receive.png)}.invited-gift-group .btn-receive{display:inline-block;width:122px;height:44px;text-decoration:none;background-repeat:no-repeat;background-position:center}ul.invited-gift{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 0 1em 0;padding:0;list-style:none}ul.invited-gift li{width:170px;height:226px;background-repeat:no-repeat;background-position:bottom center}ul.invited-gift li.deliver{width:53px;height:54px}ul.invited-gift li:nth-child(1){background-image:url(.././assets/img/event/invited-1.png)}ul.invited-gift li:nth-child(2){background-image:url(.././assets/img/event/invited-2.png)}ul.invited-gift li:nth-child(3){background-image:url(.././assets/img/event/invited-3.png)}@media only screen and (max-width: 560px) and (min-width: 320px){ul.invited-gift{flex-wrap:wrap;margin:0 auto;max-width:300px}ul.invited-gift li{background-position:center;margin:0 20%;background-size:contain}}*{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;background-color:#f8bc91;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:1200px}.btn-login{cursor:pointer}.btn-login.wait{opacity:0.5;cursor:wait}.btn-login.disabled{filter:grayscale(1);cursor:no-drop}.page-header .share-tool.hide{display:none}.summer-gifts .button{cursor:pointer}.summer-gifts .button.wait{opacity:0.5;cursor:wait}.summer-gifts .button.disabled{filter:grayscale(1);opacity:0.8;cursor:no-drop}.fixed-btn-box{position:fixed;bottom:50%;right:5%;z-index:10}.fixed-btn-box .fixed-btn-img{width:100%;height:100%}.word-y5{font-style:normal;color:#c092ff;text-decoration:none}.word-fami{font-style:normal;color:#42a0f1;text-decoration:none}.word-iplay{font-style:normal;color:#3eaf51;text-decoration:none}.event-background{overflow-x:hidden;position:relative;margin:0 auto;width:100%;max-width:1920px;background-image:url(.././assets/img/event/event_background.jpg);background-repeat:no-repeat;background-position:top center;min-height:100%}.event-background .event-content{position:relative;margin:0 auto;padding-top:20em;max-width:1200px}.event_title{text-align:center}.event_title h1{position:absolute;top:3.5em;display:block;margin:0;padding:0;width:100%;z-index:5}.event_title h1 figure{display:block;margin:0;padding:0;width:100%}.event_title h1 figure img{max-width:100%}.event_title h1 span{display:none}.home-logo{position:absolute;top:7.5em;left:calc(50% + 17px);width:120px;z-index:5}.home-logo img{width:100%}.button_group{margin-top:1.25em;text-align:center}.button_group a img{max-width:100%}ul.rules{position:relative;margin:9em 3em 0;padding-left:1.25em;list-style-type:decimal}ul.rules.dot{list-style-type:unset}ul.rules li{text-align:initial;line-height:1.75}ul.rules li a{font-style:normal;color:#57ffe5;text-decoration:none}ul.rules::before{content:"";position:absolute;top:-120px;left:0;display:block;width:100%;height:110px;background-image:url(.././assets/img/event/sub-title-6.png);background-repeat:no-repeat;background-position:center}ul.rules.note-pic::before{background-image:url(.././assets/img/event/sub-title-7.png)}ul.gift-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:1.5em 0 0 0;padding:0;list-style:none}ul.gift-group li{width:150px}ul.gift-group li img{max-width:142px}ul.gift-group li h6{margin:1em 0;padding:0;font-size:1rem;font-weight:bold}@media only screen and (max-width: 749px) and (min-width: 320px){.event-background .event-content{padding-top:22em}.fixed-btn-box{bottom:3vw;right:-1rem}.fixed-btn-img img{width:80%}.event_title h1{top:5em}.home-logo{top:11em;left:calc(50% + 30px)}}@media only screen and (max-width: 455px){.event_title h1 figure{padding-top:1em}.home-logo{top:11em;left:calc(50% + 14px)}ul.rules::before{background-size:contain}}@media only screen and (max-width: 400px){.event_title h1 figure{padding-top:1.5em}.home-logo{top:12em;left:calc(50% + 17px)}.counter-state{height:410px}}@media only screen and (max-width: 370px) and (min-width: 320px){.event_title h1 figure{padding-top:2em}ul.gift-group li{width:128px}ul.gift-group li img{width:96%}}