@charset "UTF-8";
/* 半漸層遮罩 */
.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%;
}

/* 蓋台頁區塊 */
.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;
  margin-bottom: 5%;
  width: 1228px;
  height: 807px;
  border-radius: 20px;
  background: #f4ab20;
  background-image: url(/Action/79_TMD/20260116M04/images/main/bg_main_box.jpg?v=20260123);
  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1279px) {
  .main_box .main_container {
    width: 85%;
    height: 0;
    padding-bottom: 55.5%;
    margin-top: 2%;
  }
}
@media only screen and (max-width: 735px) {
  .main_box .main_container {
    background-image: url(/Action/79_TMD/20260116M04/images/main/bg_main_box-m.jpg?v=20260123);
    margin-top: 3%;
    padding-bottom: 120%;
  }
}
.main_box .video {
  position: absolute;
  top: 37%;
  left: 2%;
  margin: 0 auto;
  width: 60%;
  background-color: #000;
  border-radius: 15px;
  padding: 1%;
  z-index: 30;
  border: 3px solid #ff006b;
}
@media only screen and (max-width: 735px) {
  .main_box .video {
    top: 37%;
    left: 1%;
    width: 95%;
  }
}

.video-container {
  position: relative;
  padding-bottom: 52.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%;
  border: 0;
}

.main_logo {
  position: absolute;
  display: block;
  width: 25.775244%;
  height: 0;
  padding-bottom: 7.830619%;
  top: 35.610905%;
  left: 70.612378%;
  background-image: url(/Action/79_TMD/20260116M04/images/main/logo.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 20;
}
@media only screen and (max-width: 735px) {
  .main_logo {
    position: absolute;
    top: 18%;
    left: auto;
    right: 35%;
    width: 29.254072%;
    padding-bottom: 9.7443%;
  }
}
.main_slogan {
  position: absolute;
  width: 66.2052117264%;
  height: 0;
  padding-bottom: 7.0846905537%;
  top: 19.083023544%;
  left: 16.8566775244%;
  z-index: 1000;
  background-image: url(/Action/79_TMD/20260116M04/images/main/slogan.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 735px) {
  .main_slogan {
    display: none;
    top: 5.824039653%;
    left: 38.1107491857%;
    width: 60.7817589577%;
    padding-bottom: 19.9348534202%;
  }
}
.main_img01 {
  position: absolute;
  width: 60.8306188925%;
  height: 0;
  padding-bottom: 55.6188925081%;
  bottom: 19.5786864932%;
  left: -17.345276873%;
  background-image: url(/Action/79_TMD/20260116M04/images/main/man.png?v=20260123);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 735px) {
  .main_img01 {
    display: none;
    width: 46.4006514658%;
    padding-bottom: 71.0912052117%;
    top: -3.0978934325%;
    left: -3.2573289902%;
  }
}

/* 活動按鈕 */
ul.nav_action {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 38.1107491857%;
  top: 47.952912%;
  right: -1.737785%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 735px) {
  ul.nav_action {
    width: 100%;
    top: 82%;
    right: 0%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
  }
}
ul.nav_action li {
  list-style: none;
}
@media screen and (max-width: 1279px) {
  ul.nav_action a {
    width: 100%;
    height: auto;
    padding-bottom: 90%;
  }
}
@media only screen and (max-width: 735px) {
  ul.nav_action a {
    padding-bottom: 100%;
  }
}
ul.nav_action .main_btn01 {
  width: 100%;
  height: 0;
  padding-bottom: 41.153846%;
  background-image: url(/Action/79_TMD/20260116M04/images/main/btn1.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (hover: hover) {
  ul.nav_action .main_btn01:hover {
    background-image: url(/Action/79_TMD/20260116M04/images/main/btn1_light.png?v=20260123);
    background-position-y: 80%;
  }
}
@media only screen and (max-width: 735px) {
  ul.nav_action .main_btn01 {
    width: 50%;
    margin: 0;
    padding-bottom: 22%;
  }
}
@media only screen and (max-width: 735px) and (hover: hover) {
  ul.nav_action .main_btn01:hover {
    background-position-y: 199%;
  }
}
ul.nav_action .main_btn02 {
  width: 100%;
  height: 0;
  padding-bottom: 41.153846%;
  background-image: url(/Action/79_TMD/20260116M04/images/main/btn2.png?v=20260123);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (hover: hover) {
  ul.nav_action .main_btn02:hover {
    background-image: url(/Action/79_TMD/20260116M04/images/main/btn2_light.png?v=20260123);
    background-position-y: 80%;
  }
}
@media only screen and (max-width: 735px) {
  ul.nav_action .main_btn02 {
    width: 50%;
    margin: 0;
    padding-bottom: 22%;
  }
}
@media only screen and (max-width: 735px) and (hover: hover) {
  ul.nav_action .main_btn02:hover {
    background-position-y: 199%;
  }
}
ul.nav_action .main_btn01 a,
ul.nav_action .main_btn02 a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 41.153846%;
}

@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%;
  }
}

.btn_x {
  position: absolute;
  top: -50px;
  right: -44px;
  width: 87px;
  height: 87px;
  background-image: url(/Action/79_TMD/20260116M04/images/main/btnX.png?v=20260123);
  background-size: 100%;
}
@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%;
}

/*--滑出(配合JQuery)--*/
.main_box--close {
  top: -110%;
  opacity: 0;
}

.navMenu--open {
  top: 0;
  opacity: 1;
}/*# sourceMappingURL=e_main.css.map */