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;

}

/* 定位 */
/* FV S */
.thing01-1 {
    width: 34.4%;
    left: 12.5%;
    top: 34.5%;
    z-index: 1;
}

.thing01-1-1 {
    width: 42%;
    left: 0%;
    top: 72.5%;
}

.thing01-1-2 {
    width: 87.9%;
    left: 6.05%;
    top: 0%;
}

.thing01-2 {
    width: 31.8%;
    left: 51%;
    top: 67.5%;
}

.thing01-2-1 {
    width: 19%;
    left: 58%;
    top: 67.5%;
    mix-blend-mode: screen;
}

.thing01-3 {
    width: 29.8%;
    left: 0;
    top: 76.5%;
    z-index: 1;
}

.thing01-3-1 {
    width: 19.7%;
    left: 3%;
    top: 75.5%;
    z-index: 1;
    mix-blend-mode: screen;
}

.thing01-4 {
    width: 58.6%;
    right: 36.5%;
    top: 0%;
    opacity: 0;
}

.thing01-4-2 {
    width: 10.3%;
    right: 27%;
    top: 12.7%;
    mix-blend-mode: screen;
}

.thing01-4-3 {
    width: 9.9%;
    right: 37.5%;
    top: 28.7%;
    mix-blend-mode: screen;
}

.thing01-5 {
    width: 32.4%;
    left: 4%;
    top: 14%;
    opacity: 0;
}

.thing01-5-1 {
    width: 18.8%;
    left: 10%;
    top: 16%;
    opacity: 0;
}

.thing01-5-2 {
    width: 36.6%;
    left: 8%;
    top: 12%;
    mix-blend-mode: screen;
}

.thing01-5-3 {
    width: 27.2%;
    left: 0%;
    top: 17%;
    mix-blend-mode: screen;
}

.thing01-5-4 {
    width: 51.8%;
    left: 0%;
    top: 21%;
    mix-blend-mode: screen;
}

.thing01-6 {
    width: 56.8%;
    left: 0%;
    top: 48%;
}

.thing01-6-1 {
    width: 20.4%;
    left: 0%;
    top: 50%;
    mix-blend-mode: screen;
}


.thing01-7 {
    width: 63.2%;
    left: 32%;
    top: 13%;
    opacity: 0;
}

.thing01-7-1 {
    width: 44.7%;
    left: 19.2%;
    top: 17.5%;
    mix-blend-mode: multiply;
}

.thing01-10 {
    width: 84.3%;
    right: 0;
    bottom: -7%;
    -webkit-mask: url("../images/FV item/badge-light.png") no-repeat center center;
    mask: url("../images/FV item/badge-light.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* FV E */
.thing02-1 {
    width: 97.7%;
    left: 0%;
    top: 29%;
}

.thing03-1 {
    width: 52.1%;
    left: 23.6%;
    top: 2.3%;
}

.thing04-1 {
    width: 36.2%;
    right: 3%;
    top: 21%;
}

.thing04-2 {
    width: 63.5%;
    right: 3%;
    bottom: 5%;
}

.thing05-1 {
    width: 40.8%;
    right: 30.3%;
    top: 35.7%;
}

.thing07-1 {
    width: 100%;
    height: 100%;
    right: 0%;
    top: 0%;
}

.thing08-1 {
    width: 85%;
    height: 26%;
    right: 6.7%;
    top: 37.5%;
}

.thing08-2 {
    width: 56.3%;
    right: 0%;
    top: 54.5%;
}

.thing09-1 {
    width: 100%;
    right: 5.4%;
    top: 21.5%;
    scale: 1.06;
}

.thing09-2 {
    width: 100%;
    right: -15%;
    top: 47.5%;
    scale: 1.24;
}

.thing09-3 {
    width: 100%;
    right: 9%;
    top: 71.5%;
    scale: 1.1;
}

.thing11-1 {
    width: 32.3%;
    right: 57.4%;
    top: 16.5%;
}

.thing11-2 {
    width: 33%;
    right: 33%;
    top: 22.5%;
}

.thing11-3 {
    width: 33%;
    right: 10%;
    top: 11.5%;
}

.thing12-1 {
    width: 5.8%;
    left: 56%;
    top: 24%;
}

.thing12-2 {
    width: 5.8%;
    left: 27%;
    top: 51%;
}

.thing12-3 {
    width: 5.8%;
    right: 12%;
    top: 45%;
}

.pointBtn1 {
    width: 43%;
    height: 16%;
    left: 24%;
    top: 24%;
}

.pointBtn2 {
    width: 40%;
    height: 16%;
    left: 0;
    top: 52%;
}

.pointBtn3 {
    width: 43%;
    height: 16%;
    right: 6%;
    top: 40%;
}

.thing14-1 {
    width: 24.2%;
    left: 22%;
    top: 48.5%;
}

.thing14-2 {
    width: 24.2%;
    right: 14%;
    top: 65%;
}

.thing14-3 {
    width: 24.2%;
    left: 19%;
    top: 85.5%;
}

.popBtn1 {
    width: 56.1%;
    left: 7%;
    top: 27.8%;
    cursor: pointer;
}

.popBtn2 {
    width: 56.1%;
    right: -3%;
    top: 44.8%;
    cursor: pointer;
}

.popBtn3 {
    width: 56.1%;
    left: 3%;
    top: 65%;
    cursor: pointer;
}

.thing15-1 {
    width: 95.9%;
    left: 1.2%;
    bottom: 0;
}

.thing16-1 {
    width: 33.6%;
    left: 3%;
    top: 32.7%;
}

.thing16-2 {
    width: 30.1%;
    left: 23%;
    top: 38%;
}

.thing16-3 {
    width: 30.1%;
    left: 43.5%;
    top: 33.7%;
}

.thing16-4 {
    width: 30.1%;
    right: 8%;
    top: 36.4%;
}

.thing16-5 {
    width: 17.1%;
    left: 15%;
    bottom: 12.3%;
}

.thing16-6 {
    width: 14.9%;
    right: 16.5%;
    bottom: 13%;
}

.thing19-1 {
    width: 21.8%;
    left: 60.5%;
    bottom: 6%;
}

.thing20-1 {
    width: 100%;
    height: 55%;
    right: 0%;
    top: 45.5%;
}

.thing20-2 {
    width: 90.6%;
    right: 0%;
    bottom: 46.4%;
    mix-blend-mode: multiply;
}

.thing22-1 {
    width: 100%;
    height: 72.4%;
    right: 0%;
    bottom: 0%;
}

.thing22-2 {
    width: 57%;
    right: 14%;
    bottom: 69%;
}

.thing23-1 {
    width: 80%;
    left: 6%;
    top: 32%;
}

.thing24-1 {
    width: 100%;
    height: 28%;
    left: 0%;
    bottom: 0%;
}

.thing33-1 {
    width: 85%;
    height: 30%;
    right: 7%;
    top: 25%;
}

.thing33-2 {
    width: 31.5%;
    right: 23%;
    top: 16%;
}

.thing33-3 {
    width: 54.5%;
    right: 2%;
    top: 44%;
}