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;
    transition: all .3s;
}

.pointer:hover {
    opacity: 0.8;
}

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

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

}

.pointer {
    cursor: pointer;
}

.line_linkBG {
   display: block;
    background-color: #FF8A40;
}

/* 定位 */
.p1_01 {
    width: 90.0%;
    top: 8.5%;
    left: 2%;
    z-index: 1;
}

.p1_01light {
    width: 54.0%;
    top: 4%;
    left: 17.1%;
    mix-blend-mode: screen;
    z-index: 1;
}

.p1_02 {
    width: 23.3%;
    top: 19.7%;
    left: 0%;
    z-index: 1;
}

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

.p1_03light {
    width: 100.0%;
    top: 17%;
    left: 0%;
    mix-blend-mode: screen;
}

.p1_04 {
    width: 98.7%;
    top: 37.4%;
    right: 0%;
    -webkit-mask: url("../images/p1_04.png") no-repeat center center;
    mask: url("../images/p1_04.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.p1_04light01 {
    width: 23.4%;
    top: 38.5%;
    left: 5%;
    mix-blend-mode: screen;
}

.p1_04light02 {
    width: 25.4%;
    top: 41%;
    left: 66%;
    mix-blend-mode: screen;
}

.p1_05 {
    width: 41.2%;
    bottom: 17%;
    left: 7%;
}

.p1_05light {
    width: 37.5%;
    bottom: 24.5%;
    left: -3%;
    mix-blend-mode: screen;
}

.p1_06 {
    width: 77.2%;
    bottom: 0%;
    right: 5.5%;
}


.p3_01 {
    width: 95.8%;
    top: 21%;
    left: 3%;
    z-index: 1;
}

.p3_01light {
    width: 23.4%;
    top: 20%;
    left: 2%;
    mix-blend-mode: screen;
    z-index: 1;
}

.p3_02 {
    width: 34.7%;
    top: 58.5%;
    left: 0%;
    z-index: 1;
}

.p3_03 {
    width: 25.5%;
    top: 66%;
    left: 0%;
    z-index: 1;
}

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

.p12_02 {
    width: 43.8%;
    top: 22.1%;
    left: 0%;

}

.p12_03 {
    width: 26.3%;
    bottom: 15%;
    left: 0%;
}

.p12_04 {
    width: 32.2%;
    bottom: 2%;
    right: 1%;
}

.p13_01 {
    width: 95.0%;
    top: 14.5%;
    left: 2%;
}

.p13_02 {
    width: 99.2%;
    top: 35.5%;
    left: 0.5%;
    -webkit-mask: url("../images/p13_02.png") no-repeat center center;
    mask: url("../images/p13_02.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.p15_01 {
    width: 99.1%;
    top: 16.5%;
    left: 0.6%;
    -webkit-mask: url("../images/offer/p15_01.png") no-repeat center center;
    mask: url("../images/offer/p15_01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.p15_02 {
    width: 19.5%;
    bottom: 24.5%;
    right: 11%;
}

.p16_01 {
    width: 97.3%;
    top: 19%;
    left: 2.5%;
    -webkit-mask: url("../images/offer/p16_01.png") no-repeat center center;
    mask: url("../images/offer/p16_01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.p16_02 {
    width: 19.5%;
    bottom: 23.5%;
    right: 11%;
}

.p17_01 {
    width: 93.6%;
    top: 16.5%;
    left: 4%;
    -webkit-mask: url("../images/offer/p17_01.png") no-repeat center center;
    mask: url("../images/offer/p17_01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.p17_02 {
    width: 19.5%;
    top: 73%;
    right: 11%;
}

.p18_01 {
    width: 80.3%;
    top: 18.5%;
    left: 11.5%;
    -webkit-mask: url("../images/offer/p18_01.png") no-repeat center center;
    mask: url("../images/offer/p18_01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.p18_02 {
    width: 19.5%;
    bottom: 24%;
    right: 12%;
}

.p4_btn {
     width: 70.7%;
    bottom: 0%;
    left: 16%;
    cursor: pointer;
}

.p6_btn {
       width: 70.7%;
    bottom: 1%;
    left: 15%;
    cursor: pointer;
}

.p8_btn {
      width: 70.7%;
    bottom: 1%;
    left: 14.5%;
    cursor: pointer;
}

.p10_btn {
    width: 70.7%;
    bottom: 0%;
    left: 15%;
    cursor: pointer;
}

.videoControl {
    width: 76%;
    height: 21%;
    right: 2.9%;
    top: 23%;
}