body {
  margin: 0;
  padding: 0;
}

.lar_black {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.lar_click {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.btn_gotoweb {
  position: absolute;
  display: block;
  width: 22.5%;
  height: 12%;
  bottom: 6.5%;
  left: -5.5%;
}
@media screen and (max-width: 1279px) {
  .btn_gotoweb {
    position: absolute;
    display: block;
    width: 19.5%;
    height: 10%;
    bottom: 19.5%;
    left: -1.6%;
  }
}
@media only screen and (max-width: 735px) {
  .btn_gotoweb {
    position: absolute;
    display: block;
    width: 26.5%;
    height: 10%;
    top: 37%;
    left: -3%;
  }
}

.main_box {
  position: fixed;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding-top: 5%;
  text-align: center;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main_box .main_container {
  position: relative;
  margin: 0 auto;
  width: 1228px;
  height: 807px;
  border-radius: 20px;
  background: transparent;
  background-image: url(/Action/11_Star31/20260123J05/images/main/bg_main_box.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1279px) {
  .main_box .main_container {
    width: 76.75%;
    height: 0;
    padding-bottom: 50.4375%;
  }
}
@media only screen and (max-width: 735px) {
  .main_box .main_container {
    width: 85.0314465409%;
    background-image: url(/Action/11_Star31/20260123J05/images/main/bg_main_box-m.png?v=20260123);
    background-position: center top;
    padding-bottom: 120.6289308176%;
  }
}
.main_box .video {
  width: 59.8534201954%;
  position: absolute;
  top: 30.3593556382%;
  left: 19.4625407166%;
  margin: 0 auto;
  background-color: #000;
  border-radius: 15px;
  padding: 1%;
  border: 3px solid #E12265;
}
@media only screen and (max-width: 735px) {
  .main_box .video {
    width: 96.1538461538%;
    top: 45.8811261731%;
    left: 0.2958579882%;
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container iframe {
  border: 0;
}

.main_logo {
  position: absolute;
  display: block;
  top: -3.717472119%;
  left: 36.6449511401%;
  width: 25.8957654723%;
  height: 0;
  padding-bottom: 8.7947882736%;
  background-image: url(/Action/11_Star31/20260123J05/images/main/logo.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
@media only screen and (max-width: 735px) {
  .main_logo {
    top: 3.1282586027%;
    left: 33.2840236686%;
    width: 31.6568047337%;
    height: 7.1949947862%;
  }
}
.main_ribbon {
  position: absolute;
  top: 13.6307311029%;
  left: 26.8729641694%;
  width: 46.009771987%;
  height: 0;
  padding-bottom: 10.993485342%;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 735px) {
  .main_ribbon {
    display: none;
  }
}
.main_slogan {
  position: absolute;
  top: 9.2936802974%;
  left: 31.3517915309%;
  width: 38.2736156352%;
  height: 0;
  padding-bottom: 15.8794788274%;
  z-index: 1;
  background-image: url(/Action/11_Star31/20260123J05/images/main/slogan.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 735px) {
  .main_slogan {
    top: 10.9489051095%;
    left: 20.7100591716%;
    width: 56.8047337278%;
    height: 15.2241918665%;
    z-index: 100;
  }
}
.main_img1 {
  position: absolute;
  top: -3.717472119%;
  left: -4.8859934853%;
  width: 34.0390879479%;
  height: 0;
  padding-bottom: 65.1465798046%;
  background-image: url(/Action/11_Star31/20260123J05/images/main/img1.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 735px) {
  .main_img1 {
    display: none;
  }
}
.main_img2 {
  position: absolute;
  top: -4.9566294919%;
  left: 69.2182410423%;
  width: 38.5179153094%;
  height: 0;
  padding-bottom: 65.1465798046%;
  background-image: url(/Action/11_Star31/20260123J05/images/main/img2.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 735px) {
  .main_img2 {
    display: none;
  }
}
.main_mb {
  position: absolute;
  top: -3.6496350365%;
  left: -5.1775147929%;
  width: 110.9467455621%;
  height: 64.9635036496%;
  background-image: url(/Action/11_Star31/20260123J05/images/main/img02_m.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
  display: none;
}
@media only screen and (max-width: 735px) {
  .main_mb {
    display: block;
  }
}
.main_coin {
  position: absolute;
  bottom: -0.6195786865%;
  left: -5.2931596091%;
  width: 114.006514658%;
  height: 40px;
  padding-bottom: 14.4951140065%;
  background-image: url(/Action/11_Star31/20260123J05/images/main/coin.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 1279px) {
  .main_coin {
    bottom: -5%;
  }
}
@media only screen and (max-width: 735px) {
  .main_coin {
    background-image: url(/Action/11_Star31/20260123J05/images/main/coin_m.png?v=20260123);
    width: 107.3964497041%;
    height: 4.1710114703%;
    bottom: 0%;
    left: -4.4378698225%;
    background-size: 100%;
  }
}

ul.nav_action {
  width: 16.2866449511%;
  height: 25.7744733581%;
  position: absolute;
  top: 30.9789343247%;
  right: 0.651465798%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0%;
  z-index: 1000;
}
@media only screen and (max-width: 735px) {
  ul.nav_action {
    width: 29.5857988166%;
    height: 20.4379562044%;
    -webkit-column-gap: 1.1834319527%;
       -moz-column-gap: 1.1834319527%;
            column-gap: 1.1834319527%;
    top: 27.1115745568%;
    left: 34.0236686391%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
ul.nav_action li {
  width: 108%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  list-style: none;
}
@media only screen and (max-width: 735px) {
  ul.nav_action li {
    width: 100%;
    height: 100%;
  }
}
ul.nav_action a {
  display: block;
  width: 100%;
  height: 100%;
}
ul.nav_action .main_btn1 {
  background-image: url(/Action/11_Star31/20260123J05/images/main/btn1.png?v=20260123);
}
ul.nav_action .main_btn2 {
  background-image: url(/Action/11_Star31/20260123J05/images/main/btn2.png?v=20260123);
}

.btn_x {
  position: absolute;
  top: -50px;
  right: -44px;
  width: 87px;
  height: 87px;
  background-image: url(/Action/11_Star31/20260123J05/images/main/btnX.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 735px) {
  .btn_x {
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
  }
}
.btn_x a {
  display: block;
  width: 100%;
  height: 100%;
}

.main_box--close {
  top: -110%;
  opacity: 0;
}

.navMenu--open {
  top: 0;
  opacity: 1;
}