.CustomPage {
    display: none !important;
}

#shopline-section-176165963318130cc2d7 {
    background-color: #C4D2FF !important;
}

@media screen and (max-width: 700px) {
    .product-list__container .product-list__products {
        display: block !important;
    }

    .product-list__container .product-list__products .product-list__product {
        margin-bottom: 30px !important;
    }
}


.awaken-1111-container {
    background-color: #081F64;
}

.awaken-1111-container img {
    display: block;
    /* 避免圖片出現空白間隙 */
}

.awaken-1111-wrapper {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    line-height: 0;
    /* 避免圖片出現空白間隙 */
    position: relative;
}


.task-challenge-wrapper {
    position: relative;
}

.task-button-section {
    position: absolute;
    top: 542px;
    left: 132px;
}

.task-button-section a img {
    width: 435px;
    height: auto;
    cursor: pointer;
    background-color: #2a5fff;
    /* border: 1px solid #08288A; */
    border-radius: 10px;
    transition: 0.5s all;
}

.task-button-section a img:hover {
    background-color: #08288A;
    border: 1px solid #19E0FF;
    border-radius: 10px;
    transition: 0.5s all;
}

@media screen and (max-width: 700px) {
    .task-button-section {
        position: absolute;
        top: 77.42vw;
        left: 18.85vw;
    }

    .task-button-section a img {
        width: 62.14vw;
        height: auto;
        cursor: pointer;
        background-color: #2a5fff;
        /* border: 1px solid #08288A; */
        border-radius: 10px;
    }

}

.level3-wrapper {
    position: relative;
}

.level3-button-section {
    position: absolute;
    inset: 0;
    /* 等同 top/right/bottom/left: 0 */
}

/* 由 a 來決定點擊範圍與座標 */
.level3-button-section>a {
    position: absolute;
}

/* 三顆各自的座標與尺寸（把原本寫在 img 的 left/width 移到 a）*/
.level3-button-section>a:nth-of-type(1) {
    top: 421px;
    left: 347px;
    width: 268px;
    height: auto;
}

.level3-button-section>a:nth-of-type(2) {
    top: 752px;
    left: 387px;
    width: 228px;
    height: auto;
}

.level3-button-section>a:nth-of-type(3) {
    top: 1082px;
    left: 387px;
    width: 228px;
    height: auto;
}

/* 圖片只負責填滿 a，不再做任何位移 */
.level3-button-section>a>img {
    display: block;
    width: 100%;
    height: auto;
    /* object-fit: contain; */
    transition: 0.5s all;
    border-radius: 28px;
}

.level3-button-section>a>img:hover {
    scale: 1.1;
    transition: 0.5s all;
    box-shadow: 5px 5px 12px #1D53FF;
}

@media screen and (max-width: 700px) {
    .level3-button-section>a:nth-of-type(1) {
        top: 60.14vw;
        left: 49.57vw;
        width: 38.28vw;
        height: auto;
    }

    .level3-button-section>a:nth-of-type(2) {
        top: 107.42vw;
        left: 55.28vw;
        width: 32.57vw;
        height: auto;
    }

    .level3-button-section>a:nth-of-type(3) {
        top: 154.57vw;
        left: 55.28vw;
        width: 32.57vw;
        height: auto;
    }
}


/* ＝＝＝ 跑馬燈 ＝＝＝ */

.marquee-container {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 56px;
    font-size: 26px;
    color: #ffca45;
    /* border: 1px solid #313134; */
    background-color: #0837CB;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 10s linear infinite;
}

.marquee-content2 {
    display: inline-block;
    white-space: nowrap;
    animation: marquee2 10s linear infinite;
}

.marquee-content3 {
    display: inline-block;
    white-space: nowrap;
    animation: marquee3 10s linear infinite;
}

.marquee-content4 {
    display: inline-block;
    white-space: nowrap;
    animation: marquee4 10s linear infinite;
}

.marquee-content5 {
    display: inline-block;
    white-space: nowrap;
    animation: marquee5 10s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee3 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee4 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee5 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 700px) {
    .marquee-container {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        height: 8vw;
        font-size: 3.7vw;
        color: #ffca45;
        /* border: 1px solid #313134; */
        background-color: #0837CB;
    }
}

/* ＝＝＝ END 跑馬燈 ＝＝＝ */


/* ＝＝＝ 活動細則條款 ＝＝＝ */

/* .adventure-618-rules{
    background-color: #79DED8;
} */

.awaken-1111-rules p {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 38px;
    z-index: 1;

    font-family: 'Noto Sans', sans-serif;
    color: #ffffff;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    /* line-height: 33px; */
    letter-spacing: 0.5px;
}

.awaken-1111-rules ul {
    padding: 0 38px !important;
}

.awaken-1111-rules li {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1;

    font-family: 'Noto Sans', sans-serif;
    color: #ffffff;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.5px;
}

/* ＝＝＝ END 活動細則條款 ＝＝＝ */