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;
    color: #000;
}

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

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

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

.container {
    /* 這裡1000是因為要符合手機模式 */
    max-width: 1160px;
    margin: 0 auto;

}

/* 背景設定 【適用於 1920】 若是1000 不必設定*/
.bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg01 {
    background-image: url(../images/BG/bg_01.jpg);
}

.bg02 {
    background-image: url(../images/BG/bg_02.jpg);
}

.bg03 {
    background-image: url(../images/BG/bg_03.jpg);
}

.bg04 {
    background-image: url(../images/BG/bg_04.jpg);
}

.bg05 {
    background-image: url(../images/BG/bg_05.jpg);
}

.bg06 {
    background-image: url(../images/BG/bg_06.jpg);
}

.bg07 {
    background-image: url(../images/BG/bg_07.jpg);
}

.bg08 {
    background-image: url(../images/BG/bg_08.jpg);
}

.bg09 {
    background-image: url(../images/BG/bg_09.jpg);
}

.bg10 {
    background-image: url(../images/BG/bg_10.jpg);
}

.bg11 {
    background-image: url(../images/BG/bg_11.jpg);
}

.bg12 {
    background-image: url(../images/BG/bg_12.jpg);
}

.bg13 {
    background-image: url(../images/BG/bg_13.jpg);
}

.bg14 {
    background-image: url(../images/BG/bg_14.jpg);
}

.bg15 {
    background-image: url(../images/BG/bg_15.jpg);
}

.bg16 {
    background-image: url(../images/BG/bg_16.jpg);
}

.bg17 {
    background-image: url(../images/BG/bg_17.jpg);
}

.bg18 {
    background-image: url(../images/BG/bg_18.jpg);
}

.bg19 {
    background-image: url(../images/BG/bg_19.jpg);
}

.bgQA {
    background-image: url(../images/QA/QABG.jpg);
}

/* 定位 */
.thing01-1 {
    width: 42.5%;
    left: 27.8%;
    top: 49.4%;
    -webkit-mask: url("../images/FV_01.png") no-repeat center center;
    mask: url("../images/FV_01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing01-2 {
    width: 26.3%;
    right: 13%;
    top: 36%;
}

.thing01-3 {
    width: 23.3%;
    right: 20%;
    top: 35%;
    mix-blend-mode: screen;
}

.thing02-1 {
    width: 15%;
    left: 16%;
    top: 17%;
}

.thing02-2 {
    width: 15%;
    left: 33%;
    top: 41%;
}

.thing02-3 {
    width: 15%;
    left: 15%;
    top: 65%;
}

.thing07-1 {
    width: 15.5%;
    left: 40%;
    top: 46%;
}

.thing08-1 {
    width: 60.2%;
    left: 7%;
    top: 74.5%;
    z-index: 1;
    mix-blend-mode: screen;
    pointer-events: none;
}

.thing12-1 {
    width: 55.95%;
    left: -1%;
    top: 6%;
}

.thing12-2 {
    width: 47.85%;
    left: 44%;
    top: 18.2%;
}

.thing17-1 {
    width: 28.35%;
    right: 0%;
    top: 20%;
}

.thing17-2 {
    width: 19.4%;
    left: 63.5%;
    top: 13.1%;
}

.thing18-1 {
    width: 31.7%;
    left: 1%;
    top: 22%;
}

.mail {
    width: 60%;
    height: 12%;
    left: 0%;
    top: 27%;
}
.tel {
    width: 60%;
    height: 12%;
    left: 0%;
    top: 40%;
}

.FB {
    width: 13.5%;
    height: 21%;
    right: 22%;
    top: 29%;
}

.IG {
    width: 13.5%;
    height: 21%;
    right: 7.5%;
    top: 29.5%;
}

.SA_footer {
    text-align: center;
}