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;
}
.drop_hover {
  transition: all 0.3s;
}
.drop_hover:hover {
  transform: translateY(5%);
}
@media screen and (max-width: 768px) {
  section {
    margin-top: -1px;
  }
}
/* 【以上內容勿動!!!  有關基本樣式設定】 */
/* 開版設定 */
.wrap {
  max-width: 1000px;
  margin: 0 auto;
  /* 【超過】 開版範圍 就不呈現 */
  overflow: hidden;
}

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

/* 定位 */

@media screen and (max-width: 768px) {
  .bg1 {
    position: fixed;
    z-index: 50;
  }
  .bg2 {
    margin-top: 38%;
  }
}
@media screen and (width: 768px) {
  .bg2 {
    margin-top: 32%;
  }
}
.item01-1 {
  top: 4%;
  left: 4.8%;
  width: 93.3%;
  z-index: 1;
  transition: transform 0.3s;
  cursor: pointer;
  -webkit-mask: url("../images/thing_02.webp") no-repeat center center;
  mask: url("../images/thing_02.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.item01-1:hover {
  transform: translateY(3%);
}
.item02-1 {
  top: 1%;
  left: 1.2%;
  width: 97.8%;
  -webkit-mask: url("../images/thing_03.webp") no-repeat center center;
  mask: url("../images/thing_03.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.item02-2 {
  top: 27.3%;
  right: 0%;
  width: 40.6%;
}
.item02-3 {
  top: 21.8%;
  left: 9.5%;
  width: 87.2%;
  -webkit-mask: url("../images/thing_05.webp") no-repeat center center;
  mask: url("../images/thing_05.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.item02-4 {
  top: 63.5%;
  left: 36%;
  width: 66.1%;
}
.item03-1 {
  top: 4.5%;
  width: 100%;
  -webkit-mask: url("../images/thing_07.webp") no-repeat center center;
  mask: url("../images/thing_07.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.item03-2 {
  top: 28%;
  left: 2.4%;
  width: 95.2%;
}
.item04-1 {
  top: 14.5%;
  left: 2%;
  width: 89.3%;
  cursor: pointer;
}
.item04-2 {
  top: 59%;
  left: 16%;
  width: 87.1%;
  cursor: pointer;
}
.item05-0 {
  top: 26%;
  left: 51%;
  width: 31.5%;
}
.item05-1 {
  top: 16%;
  left: 4%;
  width: 47.4%;
}
.item05-2 {
  top: 52.2%;
  right: 0%;
  width: 52.1%;
}
.item07-1,
.Swiper_offerset_container {
  top: 0%;
  width: 100%;
}
.item07-2 {
  top: 72.1%;
  left: 7.5%;
  width: 85%;
  cursor: pointer;
}
.item08-1 {
  top: 2%;
  left: -2%;
  width: 54.3%;
}
.item08-2 {
  top: 9%;
  left: 34%;
  width: 65.8%;
}
.item08-3 {
  top: 24%;
  left: 0%;
  width: 91.5%;
}
.item08-4 {
  top: 61%;
  left: -2%;
  width: 59.9%;
}
.item09-1 {
  top: 9%;
  left: 9%;
  width: 25%;
}
.item09-2 {
  top: 9%;
  left: 37%;
  width: 25%;
}
.item09-3 {
  top: 9%;
  left: 65%;
  width: 25%;
}
.item09-4 {
  top: 23%;
  left: 9%;
  width: 25%;
}
.item09-5 {
  top: 23%;
  left: 37%;
  width: 25%;
}
.item09-6 {
  top: 23%;
  left: 65%;
  width: 25%;
}
.item09-7 {
  top: 63.3%;
  left: 63%;
  width: 27.1%;
  cursor: pointer;
}
.item09-8 {
  top: 78%;
  left: 10%;
  width: 39.4%;
}
.item09-9 {
  top: 78%;
  left: 51%;
  width: 39.4%;
}
.item010-1 {
  top: 58%;
  left: 40%;
  width: 68.1%;
}
.item011-1 {
  top: 40%;
  left: 32%;
  width: 3.7%;
}
.item011-2 {
  top: 40%;
  left: 36.5%;
  width: 3.7%;
}
.item011-3 {
  top: 40%;
  left: 41%;
  width: 3.7%;
}
.item011-4 {
  top: 40%;
  left: 45.5%;
  width: 3.7%;
}
.item011-5 {
  top: 40%;
  left: 50%;
  width: 3.7%;
}
.item011-6 {
  top: 40%;
  left: 54.5%;
  width: 3.7%;
}
.item011-7 {
  top: 40%;
  left: 70.5%;
  width: 3.7%;
}
.item011-8 {
  top: 40%;
  left: 75%;
  width: 3.7%;
}
.item011-9 {
  top: 40%;
  left: 79.5%;
  width: 3.7%;
}
.item011-10 {
  top: 67%;
  left: 2.1%;
  width: 95.8%;
}
.item012-1 {
  top: 35%;
  left: 55%;
  width: 31.2%;
  cursor: pointer;
}
.item012-2 {
  top: 74.2%;
  left: 10%;
  width: 31.2%;
  cursor: pointer;
}
.item013-1 {
  top: 33%;
  left: 53%;
  width: 33.8%;
  cursor: pointer;
}
.item013-2 {
  top: 57%;
  left: 12%;
  width: 33.8%;
  cursor: pointer;
}
.item013-3 {
  top: 80%;
  left: 53%;
  width: 33.8%;
  cursor: pointer;
}