@charset "UTF-8";
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;
  -webkit-text-decoration: underline dotted;
          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;
}

* {
  padding: 0;
  margin: 0;
  font-family: "Noto Sans TC", "Microsoft JhengHei", "PingFangTC-Regular", "Heiti TC", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}

html,
body {
  touch-action: manipulation;
  touch-callout: none;
  -webkit-touch-callout: none;
}

@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
input {
  font-size: initial !important;
}

::-moz-placeholder {
  font-size: 20px;
}

::placeholder {
  font-size: 20px;
}

a {
  display: inline-block;
}
a:focus-visible {
  outline: none;
}

a[href] {
  cursor: pointer;
}

.cur-p {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

[v-cloak] {
  display: none;
}

.clearfix {
  overflow: hidden;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

button {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  outline: none;
  padding: 0;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gbox {
  color: #000;
  text-align: center;
  white-space: nowrap;
}

.gbox-wrap {
  margin: 0;
  max-width: unset;
  width: unset;
  padding: 0;
  background: none;
  position: relative;
}
.gbox-wrap.vp750 .gbox-content {
  font-size: unset;
}
.gbox-wrap.vp750 .gbox-title {
  font-size: unset;
}
.gbox-wrap.vp750 .gbox-btn {
  font-size: unset;
}
.gbox-wrap.vp750 .gbox-close {
  font-size: unset;
}

.gbox-content {
  font-size: unset;
  padding: 0;
}

.gbox-title {
  font-weight: unset;
  margin: 0;
  padding: 0;
  font-size: unset;
}

.gbox-action {
  text-align: center;
}

.gbox-btn {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: unset;
  color: #000;
}

.gbox-close {
  cursor: pointer;
  position: absolute;
  width: unset;
  height: unset;
  line-height: unset;
  outline: none;
  border: 0;
  background: none;
  right: 0;
  top: 0;
  color: #000;
  font-size: unset;
}

.default .gbox-action,
.gbox .gbox-action {
  display: none;
}

.default .gbox-close,
.gbox .gbox-close {
  position: absolute;
  top: -50px;
  right: 0px;
  z-index: 10;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.default .gbox-close::before,
.gbox .gbox-close::before, .default .gbox-close::after,
.gbox .gbox-close::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}
.default .gbox-close::before,
.gbox .gbox-close::before {
  transform: rotate(45deg);
}
.default .gbox-close::after,
.gbox .gbox-close::after {
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .default .gbox-close,
  .gbox .gbox-close {
    top: -6.5104166667vw;
    right: 0vw;
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
  .default .gbox-close::before,
  .gbox .gbox-close::before, .default .gbox-close::after,
  .gbox .gbox-close::after {
    width: 3.125vw;
    height: 0.390625vw;
  }
}

.popup_YT .gbox-content {
  width: 960px;
  height: 540px;
}
@media screen and (max-width: 768px) {
  .popup_YT .gbox-content {
    width: 93.75vw;
    height: 52.734375vw;
  }
}
.popup_YT .gbox-content #YTplayer {
  width: 100%;
  height: 100%;
}

.msg_popup .gbox-wrap {
  width: 500px;
  background: linear-gradient(170deg, #fff8ee 0%, #fff0d0 100%);
  border-radius: 20px;
  border: 3px solid #f5a623;
  box-shadow: 0 0 0 6px rgba(255, 243, 216, 0.3764705882), 0 12px 40px rgba(180, 90, 0, 0.25);
  padding: 36px 40px 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .msg_popup .gbox-wrap {
    width: 80.7291666667vw;
    border-radius: 2.6041666667vw;
    border-width: 0.390625vw;
    padding: 5.2083333333vw 5.7291666667vw 4.6875vw;
  }
}
.msg_popup .gbox-content {
  color: #5c3100;
  font-size: 30px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  white-space: pre-wrap;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .msg_popup .gbox-content {
    font-size: 4.4270833333vw;
  }
}
.msg_popup .gbox-close {
  top: -60px;
  right: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc55 0%, #f5820a 100%);
  box-shadow: 0 3px 10px rgba(180, 80, 0, 0.4);
}
.msg_popup .gbox-close::before, .msg_popup .gbox-close::after {
  background: #fff;
  width: 18px;
  height: 2.5px;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .msg_popup .gbox-close {
    top: -7.8125vw;
    width: 6.5104166667vw;
    height: 6.5104166667vw;
  }
  .msg_popup .gbox-close::before, .msg_popup .gbox-close::after {
    width: 3.125vw;
    height: 0.390625vw;
  }
}

html,
body {
  touch-action: manipulation;
  /* 避免雙擊縮放，保留基本手勢 */
}

body {
  background-color: #000;
}

#app {
  min-width: 1200px;
  overflow-x: hidden;
  background-color: #fff;
  min-height: 100dvh;
}
@media screen and (max-width: 768px) {
  #app {
    min-width: unset;
  }
}

.nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 100;
  box-sizing: border-box;
}
.nav-bar__logo {
  background-image: url(./images/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 133px;
  height: 65px;
  flex-shrink: 0;
}
.nav-bar__social {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav-bar__btn {
  display: block;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  transition: filter 0.2s;
}
.nav-bar__btn:hover {
  filter: brightness(1.3);
}
.nav-bar__btn--home {
  background-image: url(./images/btn-home.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.nav-bar__btn--fb {
  background-image: url(./images/btn-f_b.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.nav-bar__btn--ig {
  background-image: url(./images/btn-i_g.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.nav-bar__btn--yt {
  background-image: url(./images/btn-y_t.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .nav-bar {
    height: 9.1145833333vw;
    padding: 0 3.125vw;
  }
  .nav-bar__logo {
    width: 17.3177083333vw;
    height: 8.4635416667vw;
  }
  .nav-bar__social {
    gap: 1.0416666667vw;
  }
  .nav-bar__btn {
    width: 5.46875vw;
    height: 5.46875vw;
  }
}

.scroll-top {
  background-image: url(./images/btn-top.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 100;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.scroll-top--show {
  opacity: 1;
  visibility: visible;
}
.scroll-top:hover {
  filter: brightness(1.2);
}
@media screen and (max-width: 768px) {
  .scroll-top {
    width: 9.1145833333vw;
    height: 9.1145833333vw;
    right: 2.6041666667vw;
    bottom: 2.6041666667vw;
  }
}

.video-section {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .video-section {
    margin-bottom: 16.9270833333vw;
  }
}
.video-section__video--header {
  position: relative;
  height: 860px;
  overflow: hidden;
  margin-bottom: 40px;
}
.video-section__video--header video {
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .video-section__video--header {
    background-image: url(./images/header_bg_m.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 210.8072916667vw;
    background-size: cover;
    background-position: top center;
    overflow: visible;
    margin-bottom: 26.0416666667vw;
  }
  .video-section__video--header video {
    display: none;
  }
}
.video-section__content--time {
  background-image: url(./images/con-time.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1014px;
  height: 301px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
}
@media screen and (max-width: 768px) {
  .video-section__content--time {
    background-image: url(./images/con-time_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 88.9322916667vw;
    height: 116.796875vw;
    bottom: -18.2291666667vw;
  }
}
.video-section__btn--download {
  background-image: url(./images/btn-download.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 468px;
  height: 79px;
  margin: 0 auto 10px;
  cursor: pointer;
}
.video-section__btn--download:hover {
  filter: brightness(1.2);
}
@media screen and (max-width: 768px) {
  .video-section__btn--download {
    display: none;
  }
}
.video-section__btn--more {
  background-image: url(./images/btn-more.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
}
@media screen and (max-width: 768px) {
  .video-section__btn--more {
    display: block;
    width: 79.9479166667vw;
    height: 13.5416666667vw;
    margin: 0 auto 13.0208333333vw;
  }
}
.video-section__tt {
  background-image: url(./images/tt-section_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1200px;
  height: 856px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .video-section__tt {
    background-image: url(./images/tt-section_1_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 93.75vw;
    height: 64.7135416667vw;
    margin: 0 auto 6.5104166667vw;
  }
}
.video-section__tt::after {
  content: "";
  background-image: url(./images/gif-section_1-1.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 411px;
  height: 289px;
  position: absolute;
  top: 310px;
  left: 100px;
}
@media screen and (max-width: 768px) {
  .video-section__tt::after {
    display: none;
  }
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.video-section__img--yPlayer {
  background-image: url(./images/img-yPlayer.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 800px;
  height: 450px;
  position: relative;
  margin: -220px auto 0;
  cursor: pointer;
}
.video-section__img--yPlayer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(255, 214, 0, 0.9), rgba(255, 214, 0, 0));
  pointer-events: none;
}
.video-section__img--yPlayer:hover .video-section__btn--yPlayer {
  transform: translate(-50%, -50%) scale(1.2);
}
@media screen and (max-width: 768px) {
  .video-section__img--yPlayer {
    width: 94.0104166667vw;
    height: 52.8645833333vw;
    margin: 0 auto;
  }
}
.video-section__gif--1 {
  background-image: url(./images/gif_section_1-2.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 186px;
  height: 146px;
  position: absolute;
  bottom: -30px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .video-section__gif--1 {
    width: 24.21875vw;
    height: 19.0104166667vw;
    bottom: -9.1145833333vw;
    right: 22.1354166667vw;
  }
}
.video-section__gif--2 {
  background-image: url(./images/gif_section_1-3.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 210px;
  height: 160px;
  position: absolute;
  bottom: -40px;
  right: -70px;
}
@media screen and (max-width: 768px) {
  .video-section__gif--2 {
    width: 27.34375vw;
    height: 20.8333333333vw;
    bottom: -10.4166666667vw;
    right: 7.8125vw;
  }
}
.video-section__gif--3 {
  background-image: url(./images/gif_section_1-4.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 190px;
  height: 170px;
  position: absolute;
  bottom: -40px;
  right: -180px;
}
@media screen and (max-width: 768px) {
  .video-section__gif--3 {
    width: 24.7395833333vw;
    height: 22.1354166667vw;
    bottom: -10.4166666667vw;
    right: -6.5104166667vw;
  }
}
.video-section__btn--yPlayer {
  background-image: url(./images/btn-video.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition-duration: 0.5s;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .video-section__btn--yPlayer {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
  }
}
.video-section__btn--yPlayer::after {
  content: "";
  background-image: url(./images/dec-video.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 135px;
  height: 135px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 5s infinite linear;
}
@media screen and (max-width: 768px) {
  .video-section__btn--yPlayer::after {
    width: 35.9375vw;
    height: 35.9375vw;
  }
}

.event-intro {
  background-image: url(./images/bg-section_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 1920px 3184px;
  background-position: top center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .event-intro {
    background-image: url(./images/bg-section_2_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100vw 394.7916666667vw;
    background-position: center 37.7604166667vw;
    margin-bottom: 3.90625vw;
  }
}
.event-intro__tt {
  background-image: url(./images/tt-section_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 574px;
  height: 175px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .event-intro__tt {
    background-image: url(./images/tt-section_2_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 93.75vw;
    height: 37.109375vw;
    margin: 0 auto 13.0208333333vw;
  }
}
.event-intro__con--1 {
  background-image: url(./images/con-section_2-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1158px;
  height: 970px;
  margin: 0 auto 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .event-intro__con--1 {
    background-image: url(./images/con-section_2-1_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 98.046875vw;
    height: 132.5520833333vw;
    margin: 0 auto 13.0208333333vw;
  }
}
.event-intro__con--2 {
  background-image: url(./images/con-section_2-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1158px;
  height: 2115px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .event-intro__con--2 {
    background-image: url(./images/con-section_2-2_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 99.8697916667vw;
    height: 262.2395833333vw;
  }
}
.event-intro__gif {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .event-intro__gif {
    position: absolute;
    right: 6.5104166667vw;
    top: -7.2916666667vw;
  }
}
.event-intro__gif--1 {
  background-image: url(./images/gif_section_2-1.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 112px;
  height: 114px;
  margin-right: -20px;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--1 {
    width: 14.5833333333vw;
    height: 14.84375vw;
    margin-right: -2.6041666667vw;
  }
}
.event-intro__dec--1 {
  background-image: url(./images/dec-section_2-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 232px;
  height: 138px;
}
@media screen and (max-width: 768px) {
  .event-intro__dec--1 {
    width: 30.2083333333vw;
    height: 17.96875vw;
  }
}
.event-intro__gif--2 {
  background-image: url(./images/gif_section_2-2.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 482px;
  height: 400px;
  position: absolute;
  bottom: 70px;
  right: -120px;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--2 {
    width: 62.7604166667vw;
    height: 52.0833333333vw;
    bottom: 14.3229166667vw;
    right: -26.0416666667vw;
  }
}
.event-intro__dec--2 {
  background-image: url(./images/dec-section_2-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 232px;
  height: 138px;
  position: absolute;
  bottom: 90px;
  left: 0px;
}
@media screen and (max-width: 768px) {
  .event-intro__dec--2 {
    width: 30.2083333333vw;
    height: 17.96875vw;
    bottom: 16.9270833333vw;
    left: 0vw;
  }
}
.event-intro__gif_2 {
  position: absolute;
  top: 45px;
  right: 300px;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .event-intro__gif_2 {
    top: -10.4166666667vw;
    right: 6.5104166667vw;
  }
}
.event-intro__gif--3 {
  background-image: url(./images/gif_section_2-3.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 114px;
  height: 138px;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--3 {
    width: 14.84375vw;
    height: 17.96875vw;
  }
}
.event-intro__gif--4 {
  background-image: url(./images/gif_section_2-4.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 94px;
  height: 138px;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--4 {
    width: 12.2395833333vw;
    height: 17.96875vw;
  }
}
.event-intro__gif--5 {
  background-image: url(./images/gif_section_2-5.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 102px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--5 {
    width: 13.28125vw;
    height: 19.53125vw;
  }
}
.event-intro__gif--6 {
  width: 810px;
  height: 455px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 425px;
}
.event-intro__gif--6 video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--6 {
    width: 80.2083333333vw;
    height: 45.1822916667vw;
    top: 62.5vw;
  }
}
.event-intro__dec--3 {
  background-image: url(./images/dec-section_2-3.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 207px;
  height: 220px;
  position: absolute;
  bottom: 10px;
  right: -150px;
}
@media screen and (max-width: 768px) {
  .event-intro__dec--3 {
    width: 23.1770833333vw;
    height: 27.0833333333vw;
    bottom: -3.90625vw;
    right: -13.0208333333vw;
  }
}
.event-intro__gif--7 {
  width: 810px;
  height: 455px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1035px;
}
.event-intro__gif--7 video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .event-intro__gif--7 {
    width: 80.2083333333vw;
    height: 45.1822916667vw;
    top: 134.765625vw;
  }
}
.event-intro__dec--4 {
  background-image: url(./images/dec-section_2-4.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 201px;
  height: 210px;
  position: absolute;
  bottom: -100px;
  left: -100px;
}
@media screen and (max-width: 768px) {
  .event-intro__dec--4 {
    display: none;
  }
}

.item-reward {
  background-image: url(./images/bg-section_3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 1920px 551px;
  background-position: center 105%;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .item-reward {
    background-image: url(./images/bg-section_3_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100vw 66.6666666667vw;
    padding-bottom: 6.5104166667vw;
  }
}
.item-reward__gif {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.item-reward__gif--1 {
  background-image: url(./images/gif_section_3-1.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 168px;
  height: 114px;
}
@media screen and (max-width: 768px) {
  .item-reward__gif--1 {
    width: 21.875vw;
    height: 14.84375vw;
  }
}
.item-reward__gif--2 {
  background-image: url(./images/gif_section_3-2.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 92px;
  height: 138px;
}
@media screen and (max-width: 768px) {
  .item-reward__gif--2 {
    width: 11.9791666667vw;
    height: 17.96875vw;
  }
}
.item-reward__gif--3 {
  background-image: url(./images/gif_section_3-3.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 146px;
}
@media screen and (max-width: 768px) {
  .item-reward__gif--3 {
    width: 13.0208333333vw;
    height: 19.0104166667vw;
  }
}
.item-reward__gif--4 {
  background-image: url(./images/gif_section_3-4.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 138px;
  height: 116px;
  transform: scaleX(-1);
}
@media screen and (max-width: 768px) {
  .item-reward__gif--4 {
    width: 17.96875vw;
    height: 15.1041666667vw;
  }
}
.item-reward__gif--5 {
  background-image: url(./images/gif_section_3-5.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 256px;
  height: 140px;
}
@media screen and (max-width: 768px) {
  .item-reward__gif--5 {
    width: 33.3333333333vw;
    height: 18.2291666667vw;
  }
}
.item-reward__dec--1 {
  background-image: url(./images/dec-section_3.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 196px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .item-reward__dec--1 {
    width: 25.5208333333vw;
    height: 19.53125vw;
  }
}
.item-reward__tt {
  background-image: url(./images/tt-section_3.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 488px;
  height: 173px;
  margin: 40px auto 50px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .item-reward__tt {
    background-image: url(./images/tt-section_3_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 93.75vw;
    height: 36.71875vw;
    margin: 3.90625vw auto 3.90625vw;
  }
}
.item-reward__con--1 {
  background-image: url(./images/con-section_3.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1158px;
  height: 1545px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .item-reward__con--1 {
    background-image: url(./images/con-section_3_m.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 93.6197916667vw;
    height: 278.7760416667vw;
    margin: 0 auto 3.90625vw;
  }
}/*# sourceMappingURL=default.css.map */