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

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

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

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

.container {
    max-width: 1000px;
    margin: 0 auto;

}

/* 定位 */


.thing_01 {
    width: 100%;
    top: 11%;
    left: 6%;
    scale: 1.083;
    -webkit-mask: url("../images/thing_01.png") no-repeat center center;
    mask: url("../images/thing_01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing_02 {
    width: 50.3%;
    top: 24%;
    left: 8%;
}

.thing_03 {
    width: 19.9%;
    top: 39%;
    left: 44%;
    mix-blend-mode: screen;
}

.thing_04 {
    width: 55.9%;
    right: 0.5%;
    bottom: -5.5%;
    z-index: 1;
}

.thing_05 {
    width: 34.8%;
    top: 7%;
    right: 7%;
}

.thing_06 {
    width: 46.7%;
    top: 15%;
    right: -11%;
    z-index: 1;
}

.thing_07 {
    width: 22.5%;
    top: 31%;
    right: 1%;
}

.thing_08 {
    width: 43.9%;
    top: 44.5%;
    right: 1%;
    z-index: 1;
}

.thing_09 {
    width: 39.2%;
    top: 18.5%;
    left: 37%;
}

.thing_10 {
    width: 100%;
    bottom: 15.2%;
    left: 2%;
    scale: 1.040;
}

.thing_11 {
    width: 92.6%;
    bottom: 6%;
    left: 12%;
}

.thing_12 {
    width: 99.5%;
    top: -2%;
    left: 2%;
}

.thing_13 {
    width: 100%;
    top: 28%;
    left: 3%;
    scale: 1.002;
}

.thing_14 {
    width: 100%;
    bottom: 6.5%;
    left: 1.5%;
    scale: 1.069;
}

.thing_15_btn {
    width: 98.3%;
    bottom: 12%;
    left: 2%;
    -webkit-mask: url("../images/thing_15_btn.png") no-repeat center center;
    mask: url("../images/thing_15_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing_16 {
    width: 44.4%;
    bottom: 12.5%;
    left: 31%;
    -webkit-mask: url("../images/thing_16.png") no-repeat center center;
    mask: url("../images/thing_16.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform-origin: 65% 65%;
}

.thing_17 {
    width: 71.3%;
    top: 21%;
    right: 1.5%;
}

.thing_18_btn {
    width: 94.8%;
    top: 75.5%;
    left: 2%;
    -webkit-mask: url("../images/thing_18_btn.png") no-repeat center center;
    mask: url("../images/thing_18_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing_19 {
    width: 57.3%;
    top: 3%;
    right: 3.5%;
}

.thing_19-2 {
    width: 57.3%;
    top: 3%;
    right: 3.5%;
}

.thing07_swiperControl {
    width: 100%;
    top: 0%;
    left: 0%;
}

.mail {
    width: 100%;
    height: 23%;
    left: 0%;
    top: 28%;
}

.offerGO {
      width: 100%;
    height: 89%;
    left: 0%;
    top: 42%;
    z-index: 1;
}