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

.pointer {
    cursor: pointer;
}

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

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

}

/* 定位 */
.thing01_Title {
    width: 94.6%;
    left: 3.5%;
    top: 7%;
    -webkit-mask: url("../images/01_Title.png") no-repeat center center;
    mask: url("../images/01_Title.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing01_FV-gift {
    width: 52.9%;
    bottom: -0.1%;
    left: 4.8%;
}

.thing01_FV-line {
    width: 37.8%;
    bottom: 1.4%;
    right: 0.8%;
}

.thing01_FV-pd1 {
    width: 42.0%;
    top: 49.1%;
    left: 45.5%;
}

.thing01_FV-pd2 {
    width: 37.8%;
    top: 27.5%;
    right: 0%;
}

.thing02_pd {
    width: 100.0%;
    top: 37.7%;
    left: 0%;
    -webkit-mask: url("../images/02_pd.png") no-repeat center center;
    mask: url("../images/02_pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing02_medal {
    width: 100.0%;
    top: 75%;
    left: 0%;
    -webkit-mask: url("../images/02_medal.png") no-repeat center center;
    mask: url("../images/02_medal.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing02_title {
    width: 94.0%;
    top: 2.4%;
    left: 3%;
}

.thing03_7600 {
    width: 29.4%;
    top: 12.1%;
    left: 54.5%;
}

.thing03_gift1 {
    width: 100.0%;
    top: 15.8%;
    left: 0%;
}

.thing03_gift2 {
    width: 100.0%;
    top: 42.8%;
    left: 0%;
}

.thing03_gift3 {
    width: 100.0%;
    bottom: 0%;
    left: 0%;
}

.thing03_title {
    width: 83.2%;
    top: 1.2%;
    left: 7.5%;
    -webkit-mask: url("../images/03_title.png") no-repeat center center;
    mask: url("../images/03_title.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing04_coupon {
    width: 75.0%;
    top: 9.1%;
    left: 13%;
}

.thing04_line {
    width: 78.7%;
    top: 39%;
    left: 11.5%;
}




.thing05_offer-pd {
    width: 91.8%;
    top: 33.4%;
    left: 6%;
    -webkit-mask: url("../images/05_offer-pd.png") no-repeat center center;
    mask: url("../images/05_offer-pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing05_offer-sectitle {
    width: 87.3%;
    top: 16%;
    left: 7%;
    z-index: 1;
}

.thing05_offer-title {
    width: 100.0%;
    top: 2.5%;
    left: 0%;
    -webkit-mask: url("../images/05_offer-title.png") no-repeat center center;
    mask: url("../images/05_offer-title.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing05_tt1 {
    width: 14.2%;
    top: 23.6%;
    left: 27.6%;
}

.thing05_tt2 {
    width: 11.1%;
    top: 23%;
    left: 41%;
}

.thing05_tt3 {
    width: 14.2%;
    top: 23.8%;
    left: 52%;
}

.thing05_tt4 {
    width: 11.1%;
    top: 23%;
    left: 65.4%;
}


.thing06_point1 {
    width: 24.5%;
    top: 21.7%;
    right: 16.4%;
}

.thing06_point2 {
    width: 24.5%;
    top: 23.2%;
    right: 42.6%;
}

.thing06_point3 {
    width: 24.5%;
    top: 30.2%;
    left: 10%;
}

.thing06_point4 {
    width: 24.5%;
    top: 41.3%;
    left: 3%;
}

.thing06_point5 {
    width: 24.5%;
    top: 53.25%;
    left: 2.5%;
}

.thing06_point6 {
    width: 24.5%;
    top: 62.8%;
    left: 17.8%;
}

.thing06_point7 {
    width: 24.5%;
    top: 69%;
    left: 39.8%;
}

.thing07_pd {
    width: 23.6%;
    top: 33%;
    left: 19%;
    -webkit-mask: url("../images/07_pd.png") no-repeat center center;
    mask: url("../images/07_pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    z-index: 1;
}

.thing07_thing0 {
    width: 21.6%;
    top: 20.5%;
    left: 0%;
    z-index: 2;
}

.thing07_thing1 {
    width: 42.6%;
    top: 34.25%;
    left: 32.3%;
}

.thing07_thing2 {
    width: 38.6%;
    top: 54.5%;
    right: 2.8%;
}

.thing07_thing3 {
    width: 40.2%;
    top: 72.8%;
    right: 11.3%;
}
.thing07-light{
       width: 37.5%;
    right: 0%;
    bottom: 9.5%;
    mix-blend-mode: screen;
    pointer-events: none;
}

.thing08_pd {
    width: 23.7%;
    top: 44%;
    right: 16%;
    -webkit-mask: url("../images/08_pd.png") no-repeat center center;
    mask: url("../images/08_pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    z-index: 1;
}

.thing08_thing1 {
    width: 56.6%;
    top: 1.6%;
    left: 22%;
}

.thing08_thing2 {
    width: 42.6%;
    top: 45.5%;
    left: 25%;
}

.thing08_thing3 {
    width: 39.3%;
    top: 59.2%;
    left: 7.5%;
}

.thing08_thing4 {
    width: 37.0%;
    bottom: 7%;
    left: 24.5%;
}

.thing08_thing5 {
    width: 38.6%;
    bottom: -1.5%;
    left: 0%;
    z-index: 1;
}

.thing09_sectitle {
    width: 100.0%;
    top: 42%;
    left: 0%;
    -webkit-mask: url("../images/09_sectitle.png") no-repeat center center;
    mask: url("../images/09_sectitle.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    z-index: 1;

}

.thing09_title {
    width: 89.1%;
    top: 0.2%;
    left: 5.4%;
}

.thing10_thing {
    width: 100.0%;
    top: 26.5%;
    left: 0%;
}

.thing10_title {
    width: 99.9%;
    top: 9.8%;
    left: 0%;
}

.thing11_form1 {
    width: 29.1%;
    top: 28%;
    left: 34.5%;
}

.thing11_form2 {
    width: 29.1%;
    top: 28%;
    left: 64.5%;
}

.thing14_thing1 {
    width: 29.2%;
    top: 24.7%;
    left: 5.8%;
    z-index: 2;
}

.thing14_thing2 {
    width: 40.1%;
    top: 20.8%;
    left: 31%;
    z-index: 1;
}

.thing14_thing3 {
    width: 33.6%;
    top: 24.7%;
    right: 0.5%;
}

.thing14_thing4 {
    width: 29.2%;
    top: 65.2%;
    left: 6%;
    z-index: 2;
}

.thing14_thing5 {
    width: 40.1%;
    top: 61.2%;
    left: 31%;
    z-index: 1;
}

.thing14_thing6 {
    width: 33.6%;
    top: 65.2%;
    right: 0.5%;
}

.thing15_thing1 {
    width: 33.2%;
    top: 31.5%;
    left: 0%;
}

.thing15_thing2 {
    width: 33.2%;
    top: 36.6%;
    right: 0%;
}

.thing15_thing3 {
    width: 94.6%;
    bottom: 1.9%;
    left: 4.2%;
}

.thing15_title {
    width: 79.9%;
    top: 13%;
    left: 10.5%;
}

.thing16_coupon {
    width: 35.8%;
    top: 40.5%;
    left: 54%;
}

.thing16_thing1 {
    width: 72.9%;
    top: 23%;
    left: 14.8%;
}

.thing16_thing2 {
    width: 39.4%;
    top: 36%;
    left: 0%;
}

.thing16_light2 {
    width: 19.0%;
    top: 56%;
    left: 45%;
    mix-blend-mode: screen;
}

.thing16_light1 {
    width: 10.8%;
    top: 69%;
    left: 18.5%;
    mix-blend-mode: screen;
}


.offer1_pd {
    width: 87.8%;
    top: 26.2%;
    left: 7%;
    -webkit-mask: url("../images/offer1_pd.png") no-repeat center center;
    mask: url("../images/offer1_pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer1_thing2 {
    width: 81.5%;
    top: 13%;
    left: 10%;
    z-index: 1;
}

.offer_46 {
    width: 31.1%;
    top: 17.6%;
    left: 0%;
    -webkit-mask: url("../images/offer_46.png") no-repeat center center;
    mask: url("../images/offer_46.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer1_title {
    width: 95.6%;
    top: 2%;
    left: 3%;
}

.offer_46_2 {
    width: 31.1%;
    top: 9%;
    left: 4%;
    -webkit-mask: url("../images/offer_46.png") no-repeat center center;
    mask: url("../images/offer_46.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer_gift {
    width: 55.8%;
    top: 45.3%;
    left: 1.5%;
}

.offer_line {
    width: 41.9%;
    top: 47.5%;
    right: 3.3%;
}

.offer_gift_02 {
    width: 55.8%;
    top: 42.7%;
    left: 1%;
}

.offer_line_02 {
    width: 41.9%;
    top: 45%;
    right: 3.5%;
}

.offer2_pd {
    width: 85.7%;
    top: 19%;
    left: 7%;
    -webkit-mask: url("../images/offer2_pd.png") no-repeat center center;
    mask: url("../images/offer2_pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer3_pd {
    width: 55.3%;
    top: 27.85%;
    left: 7.5%;
    -webkit-mask: url("../images/offer3_pd.png") no-repeat center center;
    mask: url("../images/offer3_pd.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer_47 {
    width: 31.1%;
    top: 12.25%;
    left: 3%;
    -webkit-mask: url("../images/offer_47.png") no-repeat center center;
    mask: url("../images/offer_47.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer3_gift {
    width: 37.0%;
    top: 26.8%;
    right: 1%;
    -webkit-mask: url("../images/offer3_gift.png") no-repeat center center;
    mask: url("../images/offer3_gift.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing17_tel {
    width: 73.4%;
    top: 71%;
    left: 13%;
}


.thing17_mail {
    width: 56.6%;
    top: 91.5%;
    left: 20.85%;
}

.header {
    width: 100.0%;
    top: 0%;
    left: 0%;
}

.thing12Video {
    width: 87.5%;
    height: 20.5%;
    left: 6.5%;
    top: 43.4%;
}

.thing13-1 {
    width: 100.0%;
    top: 22%;
    left: 0%;
}