body {
  background-image: url("../images/game/gaming-bg-l.png"), url("../images/game/gaming-bg-r.png");
  background-size: contain, contain;
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  background-color: #fec232;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 575px) {
  body {
    justify-content: start;
  }
}

.h-0 {
  height: 0;
  width: 0;
  overflow: hidden;
}

.trailer-logo-a {
  display: block;
  width: 10vw;
  position: absolute;
  top: 2vw;
  left: 2vw;
  z-index: 99;
}

@media (max-width: 991px) {
  .trailer-logo-a {
    display: block;
    width: 15vw;
  }
}
@media (max-width: 767px) {
  .trailer-logo-a {
    top: 3vw;
    left: 3vw;
    display: block;
    width: 22.5vw;
  }
}
@media (max-width: 575px) {
  .trailer-logo-a {
    position: relative;
    display: block;
    width: 25vw;
    align-self: flex-start;
  }
}
.game-box .input-area {
  margin-left: auto;
  margin-right: auto;
  width: 84.4270833333vw;
  height: 42.5vw;
  position: relative;
  background-image: url("../images/1x/bg-event-send.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.game-box .input-area .form-control,
.game-box .input-area .form-select {
  position: absolute;
  width: 23.5%;
  height: 7.5%;
  border-radius: 0.4166666667vw;
  border-width: 2px;
}
.game-box .input-area .input-name {
  top: 34.5%;
  left: 25.8%;
}
.game-box .input-area .input-date-start {
  top: 45%;
  left: 25.8%;
}
.game-box .input-area .input-group {
  top: 34.5%;
  left: 56%;
}
.game-box .input-area .input-date-end {
  top: 45%;
  left: 56%;
}
.game-box .input-area .input-date-why {
  top: 56%;
  left: 56%;
}
.game-box .input-area .input-other {
  top: 67%;
  left: 56%;
}
@media (max-width: 1599px) {
  .game-box .input-area {
    width: 97.0911458333vw;
    height: 48.875vw;
  }
}
@media (max-width: 767px) {
  .game-box .input-area {
    width: 100%;
  }
  .game-box .input-area .form-control,
  .game-box .input-area .form-select {
    position: relative;
  }
  .game-box .input-area .input-name,
  .game-box .input-area .input-date-start,
  .game-box .input-area .input-group,
  .game-box .input-area .input-date-end,
  .game-box .input-area .input-date-why,
  .game-box .input-area .input-other {
    top: unset;
    left: unset;
    width: 40vw;
    height: 5vw;
    border-radius: 1vw;
  }
  .game-box .input-area .flex-input-m {
    width: 75%;
    justify-content: space-between;
    margin-bottom: 2vw;
    align-items: center;
  }
  .game-box .input-area .label {
    font-size: 3.25vw;
  }
  .game-box .input-area .paper-title {
    text-align: center;
    font-weight: bold;
    font-size: 3.75vw;
  }
}
@media (max-width: 575px) {
  .game-box .input-area .input-name,
  .game-box .input-area .input-date-start,
  .game-box .input-area .input-group,
  .game-box .input-area .input-date-end,
  .game-box .input-area .input-date-why,
  .game-box .input-area .input-other {
    top: unset;
    left: unset;
    width: 100%;
    height: 9.6vw;
    border-radius: 1.5vw;
  }
  .game-box .input-area .flex-input-m {
    width: 70%;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin-bottom: 0;
    padding-bottom: 3vw;
  }
  .game-box .input-area .label {
    font-size: 3.5vw;
  }
  .game-box .input-area .paper-title {
    font-size: 7vw;
  }
}

@media (max-width: 767px) {
  .game-box {
    width: 75vw;
  }
  .game-box > div:nth-child(1) {
    background-image: url("../images/game/bg-board-m_01.png");
    background-size: 100% auto;
    aspect-ratio: 830/181;
  }
  .game-box .input-area {
    background-image: url("../images/game/bg-board-m_02.png");
    background-size: 100% auto;
    position: relative;
    /* aspect-ratio: 830 / 181 */
    display: flex;
    align-items: center;
    padding-top: 1vw;
    flex-direction: column;
    height: auto;
    background-repeat: repeat;
  }
  .game-box > div:nth-child(3) {
    background-image: url("../images/game/bg-board-m_03.png");
    background-size: 100% auto;
    aspect-ratio: 83/6;
  }
}
@media (max-width: 575px) {
  .game-box {
    width: 94vw;
  }
}
.btn-send-box {
  position: absolute;
  top: 77%;
}
@media (max-width: 767px) {
  .btn-send-box {
    position: relative;
    top: unset;
  }
  .btn-send-box .btn-event-send {
    width: 20vw;
  }
}
@media (max-width: 575px) {
  .btn-send-box .btn-event-send {
    width: 40vw;
  }
}

.end-list {
  color: #0071bc;
  font-size: 2vw;
  font-weight: 700;
}
.end-list li {
  margin-bottom: 0.3vw;
  height: 3vw;
}

.btn-play {
  width: 9.7916666667vw;
}

.end-btns {
  width: 100%;
  position: relative;
  bottom: 0;
}
.end-btns img {
  width: 14.7395833333vw;
}
@media (max-width: 1399px) {
  .end-btns img {
    width: 16.9505208333vw;
  }
}
@media (max-width: 767px) {
  .end-btns img {
    width: 19.1614583333vw;
  }
}
@media (max-width: 575px) {
  .end-btns {
    position: relative;
    bottom: unset;
    margin-top: -4vw;
  }
  .end-btns img {
    width: 37.5vw;
  }
}/*# sourceMappingURL=game.css.map */