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

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

/* --- Auto-generated image classes (Do not edit) --- */
.thing_1-1 {
  top: 2%;
  left: 0%;
  width: 100%;
  -webkit-mask: url("../images/thing_1-1.png") no-repeat center center;
  mask: url("../images/thing_1-1.png") no-repeat center center;
  mask: url("../images/thing_1-1.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.thing_1-2 {
  top: 9.5%;
  left: 34%;
  width: 42.6%;
}

.thing_1-4 {
  top: 83%;
  left: 12%;
  width: 31.7%;
}

.thing_1-5 {
  top: 80%;
  left: 43%;
  width: 31.7%;
}

.thing_1-6 {
  top: 69%;
  left: 64%;
  width: 31.7%;
}

.thing_2-1 {
  top: 14%;
  left: 7%;
  width: 24.8%;
}

.thing_2-2 {
  top: 34.5%;
  left: 0%;
  width: 34.7%;
}

.thing_2-3 {
  top: 44.3%;
  left: 0%;
  width: 100%;
}

.thing_2-5 {
  top: 45.5%;
  left: 6.2%;
  width: 84%;
  -webkit-mask: url("../images/thing_2-5.png") no-repeat center center;
  mask: url("../images/thing_2-5.png") no-repeat center center;
  mask: url("../images/thing_2-5.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.thing_2V {
  top: 70%;
  left: 0%;
  width: 100%;
}

.thing_2-6 {
  top: 94.5%;
  left: 6%;
  width: 34.7%;
}

.thing_3-1 {
  top: 24%;
  left: 2.05%;
  width: 95.9%;
}

.thing_3-2 {
  top: 50%;
  left: 4.95%;
  width: 90.1%;
}

.thing_3-3 {
  top: 71%;
  left: 1.9%;
  width: 96.2%;
}

.thing_4-1 {
  top: 22%;
  left: 0%;
  width: 6.1%;
}

.thing_4-2 {
  top: 20%;
  left: 0%;
  width: 41.4%;
}

.thing_4-3 {
  top: 32%;
  left: 53.8%;
  width: 14.2%;
}

.thing_4-4 {
  top: 24.5%;
  left: 26%;
  width: 46.3%;
}

.thing_4-5 {
  top: 19.8%;
  right: 0%;
  width: 25.2%;
}

.thing_4-6 {
  top: 20%;
  right: 0%;
  width: 40.2%;
}

.thing_4-7 {
  top: 61%;
  left: 3.95%;
  width: 92.1%;
}

.thing_5-1 {
  top: 36.5%;
  left: 0%;
  width: 83.5%;
}

.thing_5-2 {
  top: 43.3%;
  right: 0%;
  width: 85.1%;
}

.thing_5-3 {
  top: 80%;
  left: 16%;
  width: 27.8%;
}

.thing_5-4 {
  top: 77%;
  left: 28.6%;
  width: 42.8%;
  -webkit-mask: url("../images/thing_5-4.png") no-repeat center center;
  mask: url("../images/thing_5-4.png") no-repeat center center;
  mask: url("../images/thing_5-4.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.thing_6-1 {
  top: -8%;
  left: 0%;
  width: 100%;
}

.thing_6-1L {
  top: -7%;
  left: 0%;
  width: 100%;
}

.thing_6-2 {
  top: 79%;
  left: 9%;
  width: 90.9%;
}

.thing_6-5 {
  top: 81%;
  left: 2.65%;
  width: 94.7%;
}

.thing_7-1 {
  top: 53%;
  left: 4.7%;
  width: 90.6%;
}

.thing_7-2 {
  top: 57.5%;
  left: 84%;
  width: 10%;
}
.thing_7-3 {
  top: 68.5%;
  left: 27%;
  width: 10%;
}
.thing_7-4 {
  top: 79.5%;
  left: 84%;
  width: 10%;
}
.thing_7-5 {
  top: 91.5%;
  left: 27%;
  width: 10%;
}
.thing_7-6 {
  top: 53%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_7-7 {
  top: 64.5%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_7-8 {
  top: 76%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_7-9 {
  top: 87.5%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_8-1 {
  top: 62%;
  left: 5%;
  width: 90%;
}
.thing_9-1 {
  top: 53%;
  left: 4.35%;
  width: 91.3%;
}

.thing_9-3 {
  top: 68%;
  left: 1%;
  width: 7%;
  z-index: 1;
}

.thing_9-4 {
  top: 68%;
  left: 92%;
  width: 7%;
  z-index: 1;
}
.thing_9-5 {
  top: 93% !important;
  left: 10% !important;
  width: 80% !important;
  z-index: 1 !important;
}
.thing_10-1 {
  top: 50%;
  left: 4.7%;
  width: 90.6%;
}

.thing_10-2 {
  top: 54.5%;
  left: 84%;
  width: 10%;
}
.thing_10-3 {
  top: 66.5%;
  left: 27%;
  width: 10%;
}
.thing_10-4 {
  top: 78.5%;
  left: 84%;
  width: 10%;
}
.thing_10-5 {
  top: 90.5%;
  left: 27%;
  width: 10%;
}
.thing_10-6 {
  top: 50%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_10-7 {
  top: 62%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_10-8 {
  top: 74.5%;
  left: 0%;
  height: 11%;
  width: 100%;
}
.thing_10-9 {
  top: 86.5%;
  left: 0%;
  height: 11%;
  width: 100%;
}

.thing_11-1 {
  top: 38%;
  left: 0%;
  width: 58%;
}

.thing_11-2 {
  top: 66%;
  left: 1.4%;
  width: 97.2%;
}
.thing_11-3 {
  top: 80%;
  left: 5%;
  width: 90%;
}
.thing_12-1 {
  top: 53%;
  left: 4.35%;
  width: 91.3%;
}

.thing_12-3 {
  top: 68%;
  left: 1%;
  width: 7%;
  z-index: 1;
}

.thing_12-4 {
  top: 68%;
  left: 92%;
  width: 7%;
  z-index: 1;
}
.thing_12-5 {
  top: 93% !important;
  left: 10% !important;
  width: 80% !important;
  z-index: 1 !important;
}

.thing_13-1 {
  top: 22%;
  right: 0%;
  width: 72.4%;
  -webkit-mask: url("../images/thing_13-1.png") no-repeat center center;
  mask: url("../images/thing_13-1.png") no-repeat center center;
  mask: url("../images/thing_13-1.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}