/* 外層容器 */
a.sp_event_BN:hover {
    text-decoration: none;
}

/* 跑馬燈 op */
.marquee-container {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

/* 連結標籤：設為 flex 讓內容並排 */
.marquee-link {
    text-decoration: none;
    display: block;
}


/* 捲動內容容器 */
.marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: max-content;
    /* 重要：讓寬度隨內容撐開 */
    height: 100%;
    animation: scrolling 20s linear infinite;
}



/* 動畫效果 */
@keyframes scrolling {
    0% {
        transform: translateX(0);
    }

    100% {
        /* 因為有兩組完全一樣的文字，滾動到一半時剛好達成視覺循環 */
        transform: translateX(-50%);
    }
}

/* 滑鼠移入時暫停 */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}



/* 跑馬燈 ed */


#mainArea.pageIn,
#mainArea.pageInfo,
#mainArea.moveDown {
    margin-top: 150px;
}

#mainArea.pageIndex {
    margin-top: 227px !important;
}

#mainArea.pageIn {
    margin-top: 114px !important;
}

header.hdBig .wrap a.logo {
    top: 50px;
}

header .sp_event_BN {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 50px;
    display: block;
    /* background: #ffedbf url(https://photo.polylulu.com.tw/Photo/Act/coupon/20260513/topbn-20260513-pc.jpg?v=20260513) no-repeat center top; */
}

.sidebar.navMember {
    top: 172px;
}


@media (min-width: 1200px) {
    #mainArea.pageIndex {
        margin-top: 227px !important;
    }

    #mainArea.pageIn {
        margin-top: 114px !important;
        padding-top: 15px;
    }

    header.hdSmall .wrap .navTool {
        top: 4rem;
        transition: opacity 2s ease;
    }
}


@media(max-width: 1199px) {
    header.hdBig .wrap a.logo {
        top: -5px;
    }

    #mainArea.pageIn,
    #mainArea.pageInfo {
        margin-top: 16.3vw;
    }

    #mainArea.pageIndex {
        margin-top: calc(4.4vw + 105px) !important;
    }

    #mainArea.pageIn {
        margin-top: 159px !important;
    }

    header .sp_event_BN {
        width: 100%;
        height: 4.4vw;
        background-size: auto 100%;
    }

    .sidebar.navMember {
        top: 190px;
    }

    header .wrap .navMain_m {
        margin-top: 101px;
    }
}

@media(max-width: 991px) {
    header .sp_event_BN {
        height: 4.9vw;
        background-size: auto 100%;
    }

    #mainArea.pageIn,
    #mainArea.pageInfo {
        margin-top: 20.4vw;
    }

    #mainArea.pageIndex,
    #mainArea.pageIn,
    #mainArea.pageInfo {
        margin-top: calc(4.9vw + 105px) !important;
    }

    /* #mainArea.pageIn {
                    margin-top: 150px !important;
                } */

    /* .sidebar.navMember {
                    top: 190px;
                } */
}



@media(max-width: 767px) {

    #mainArea.pageIndex,
    #mainArea.pageIn,
    #mainArea.pageInfo,
    #mainArea.pageIn.pageCart {
        margin-top: calc(4.9vw + 105px) !important;
    }

    .areaMd .breadcrumb_bg {
        /* top:0 !important; */
        margin-top: 4.8vw !important;
        /* margin-top: calc(1.5vw + 105px) !important; */
    }

    .areaMd .main_pic {
        top: 205px;
    }

    .sidebar.navMember {
        top: calc(4.9vw + 105px);
    }
}

@media (max-width: 430px) {
    header .sp_event_BN {
        height: 11.5vw;
        /* background: #ffedbf url(https://photo.polylulu.com.tw/Photo/Act/coupon/20260513/topbn-20260513-m.jpg?v=20260513) no-repeat center top; */
        background-size: 100% auto;
    }

    #mainArea.pageIndex {
        margin-top: calc(11.5vw + 82px) !important;
    }


    #mainArea.pageIn,
    #mainArea.pageInfo,
    #mainArea.pageIn.pageCart {
        margin-top: calc(11.5vw + 105px) !important;
    }

    .areaMd .breadcrumb_bg {
        margin-top: 11.5vw !important;
    }

    .sidebar.navMember {
        top: calc(11.5vw + 105px);
    }
}