body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  /* vertical-align: middle; */
  display: block;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.blendmode_screen {
  mix-blend-mode: screen;
  pointer-events: none;
}

.display-none {
  display: none;
}

/* 【以上內容勿動!!!  有關基本樣式設定】 */
/* 開版設定 */
.wrap {
  max-width: 1000px;
  margin: 0 auto;
  /* 【超過】 開版範圍 就不呈現 */
  overflow: hidden;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
  position: relative;
}

/* 定位 */
.Swiper_FstVew_container {
  top: 0;
}

.thing01-1 {
  width: 100%;
  top: -13%;
  left: 0%;
  z-index: 1;
}

.thing02-1 {
  width: 100%;
  top: 2%;
  left: 0%;
}

.thing02-2 {
  width: 58.7%;
  top: 82.2%;
  left: 34%;
}

.thing02-3 {
  width: 89%;
  height: 11%;
  top: 80.2%;
  left: 6%;
}

.thing03-1 {
  width: 78.2%;
  left: 4%;
  top: 20%;
}

.thing03-2 {
  width: 77.7%;
  left: 20%;
  top: 28%;
}

.thing04-1 {
  width: 100%;
  top: 0%;
  left: 0%;
  mix-blend-mode: screen;
}

.thing05-1 {
  width: 31.6%;
  top: 12.5%;
  left: 68%;
}

.thing05-2 {
  width: 100%;
  top: 0%;
  left: 0%;
  mix-blend-mode: screen;
}

.thing05-3 {
  width: 33%;
  top: 61%;
  left: 0%;
}

.videoContainer {
  width: 100%;
  padding-top: 56.25%;
}

.video01 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.thing06-1 {
  width: 17.9%;
  top: 28.5%;
  left: 28%;
}

.thing06-2 {
  width: 43.8%;
  top: 49.5%;
  left: -2%;
}

.thing06-3 {
  width: 57.6%;
  top: 28.5%;
  right: 0%;
}

.thing07-1 {
  width: 94.5%;
  top: 17.8%;
  left: 4%;
}

.thing07-2 {
  width: 64.5%;
  top: 17%;
  left: 1%;
  mix-blend-mode: screen;
}

.thing07-3 {
  width: 23.3%;
  top: 55.5%;
  left: 41%;
}

.thing08-1 {
  width: 88.3%;
  top: 23%;
  left: 5.5%;
}

.thing08-2 {
  width: 88.3%;
  top: 61%;
  left: 5.5%;
}

.thing09-1 {
  width: 93%;
  bottom: 12%;
  left: 5.5%;
}

.thing09-2 {
  width: 35.2%;
  top: 23%;
  left: 8.3%;
}

.thing09-2b {
  width: 35.2%;
  top: 23%;
  left: 8.3%;
}

.thing09-3 {
  width: 35.2%;
  top: 45%;
  left: 8.3%;
}

.thing09-3b {
  width: 35.2%;
  top: 45%;
  left: 8.3%;
}

.thing09-4 {
  width: 35.2%;
  top: 66.5%;
  left: 8.3%;
}

.thing09-4b {
  width: 35.2%;
  top: 66.5%;
  left: 8.3%;
}

.thing09-5 {
  width: 14.6%;
  top: 20%;
  left: 1%;
}

.thing09-6 {
  width: 14.6%;
  top: 43.5%;
  left: 1%;
}

.thing09-7 {
  width: 14.6%;
  top: 65%;
  left: 1%;
}

.thing10-1 {
  width: 90.3%;
  top: 60%;
  left: 5.5%;
  cursor: pointer;
}

.thing10-2 {
  width: 12%;
  top: 66%;
  right: 1%;
}

.thing10-3 {
  width: 90.3%;
  bottom: 17%;
  left: 5.5%;
  cursor: pointer;
}

.thing10-4 {
  width: 12%;
  bottom: 18%;
  right: 1%;
}

.thing11-1 {
  width: 100%;
  left: 0%;
  top: 16%;
}

.thing11-2 {
  width: 34.7%;
  left: 8%;
  top: 88%;
}

.thing11-3 {
  width: 55.8%;
  left: 44%;
  top: 89%;
}

.thing12-1 {
  width: 72.6%;
  left: 15%;
  bottom: 13%;
  z-index: 1;
}

.thing12-2 {
  width: 54.3%;
  left: 30%;
  bottom: 3%;
}

.thing13-1 {
  width: 41.4%;
  right: 1%;
  top: 40%;
}

.thing13-2 {
  width: 100%;
  left: 0%;
  bottom: 15%;
  z-index: 1;
}

.thing13-3 {
  width: 100%;
  left: 0%;
  bottom: 6.5%;
  mix-blend-mode: screen;
}

.tel {
  width: 100%;
  height: 20%;
  left: 0%;
  top: 27%;
}

.mail {
  width: 100%;
  height: 17%;
  left: 0%;
  top: 60%;
}

@media (max-width: 768px) {
  .thing06-2 {
    left: -6%;
  }
}