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: 2%;
  text-align: center;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main_box .main_container {
  position: relative;
  margin: 0 auto;
  width: 1207px;
  height: 890px;
  background-image: url(/Action/slam888/20260512J/images/main/bg_main_box.png?v=20260512);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1279px) {
  .main_box .main_container {
    width: 75.4375%;
    height: 0;
    padding-bottom: 55.625%;
  }
}
@media only screen and (max-width: 735px) {
  .main_box .main_container {
    width: 99.2%;
    background-image: url(/Action/slam888/20260512J/images/main/bg_main_box-m.png?v=20260512);
    background-position: center top;
    padding-bottom: 143.7333333333%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.main_logo {
  position: absolute;
  display: block;
  top: 5.6179775281%;
  left: 6.628003314%;
  width: 18.5584092792%;
  height: 13.6702568351%;
  background-image: url(/Action/slam888/20260512J/images/main/logo.png?v=20260512);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
@media only screen and (max-width: 735px) {
  .main_logo {
    top: 0.5565862709%;
    left: 9.4086021505%;
    width: 30.1075268817%;
    height: 9.9257884972%;
  }
}
.main_slogan {
  position: absolute;
  top: 37.7528089888%;
  left: 23.198011599%;
  width: 56.1723280862%;
  height: 21.7067108534%;
  background-image: url(/Action/slam888/20260512J/images/main/slogan.png?v=20260512);
  background-size: 100%;
  background-repeat: no-repeat;
}
.main_slogan a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 735px) {
  .main_slogan {
    top: 36.3636363636%;
    left: 3.7634408602%;
    width: 91.1290322581%;
    height: 17.5324675325%;
    z-index: 100;
  }
}
.main_img1 {
  position: absolute;
  top: -5.1685393258%;
  left: 16.9842584921%;
  width: 75.7249378625%;
  height: 77.2990886495%;
  background-image: url(/Action/slam888/20260512J/images/main/img1.png?v=20260512);
  background-size: 100%;
  background-repeat: no-repeat;
}
.main_img1 a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 735px) {
  .main_img1 {
    top: 0%;
    left: 0%;
    width: 97.4462365591%;
    height: 49.4434137291%;
    background-image: url(/Action/slam888/20260512J/images/main/img1_m.png?v=20260512);
  }
}
.main_icon {
  position: absolute;
  bottom: 15.1685393258%;
  left: 16.1557580779%;
  width: 69.4283347142%;
  height: 31.4830157415%;
  background-image: url(/Action/slam888/20260512J/images/main/icon.png?v=20260512);
  background-size: 100%;
  background-repeat: no-repeat;
}
.main_icon a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 735px) {
  .main_icon {
    bottom: 23.4693877551%;
    left: 0%;
    width: 99.1935483871%;
    height: 23.2838589981%;
  }
}

ul.nav_action {
  width: 9.1963545982%;
  height: 33.0337078652%;
  position: absolute;
  bottom: 16.8539325843%;
  right: 3.9768019884%;
  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: 72.8494623656%;
    height: 8.9981447124%;
    -webkit-column-gap: 1.0752688172%;
       -moz-column-gap: 1.0752688172%;
            column-gap: 1.0752688172%;
    bottom: 4.8237476809%;
    left: 13.7096774194%;
    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: 100%;
  height: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  list-style: none;
}
@media only screen and (max-width: 735px) {
  ul.nav_action li {
    width: 49.2619926199%;
    height: 100%;
  }
}
ul.nav_action a {
  display: block;
  width: 100%;
  height: 100%;
}
ul.nav_action .main_btn1 {
  background-image: url(/Action/slam888/20260512J/images/main/btn1.png?v=20260512);
}
@media only screen and (max-width: 735px) {
  ul.nav_action .main_btn1 {
    background-image: url(/Action/slam888/20260512J/images/main/btn1_m.png?v=20260512);
  }
}
ul.nav_action .main_btn2 {
  background-image: url(/Action/slam888/20260512J/images/main/btn2.png?v=20260512);
}
@media only screen and (max-width: 735px) {
  ul.nav_action .main_btn2 {
    background-image: url(/Action/slam888/20260512J/images/main/btn2_m.png?v=20260512);
  }
}

.main_btn3 {
  position: absolute;
  bottom: 6.7415730337%;
  left: 35.874067937%;
  width: 29.5774647887%;
  height: 9.3258426966%;
  background-image: url(/Action/slam888/20260512J/images/main/btn3.png?v=20260512);
  background-size: 100%;
}
.main_btn3 a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 735px) {
  .main_btn3 {
    width: 60.6182795699%;
    height: 9.7402597403%;
    bottom: 14.8423005566%;
    left: 19.623655914%;
  }
}

.btn_x {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background-image: url(/Action/slam888/20260512J/images/main/btnX.png?v=20260512);
  background-size: 100%;
  background-repeat: no-repeat;
}
.btn_x a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 735px) {
  .btn_x {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}

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

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