/* 卡片區塊跑馬燈 樣式   =========================================== */


.slidCardWrap {
    padding: 32px 20px;
}

/* ===========================================
   Slider
=========================================== */

.slidCardSlider {
    width: 100%;
    overflow: hidden;
}

.slidCardSlider>div {
    width: 100%;
}

/* ===========================================
   Track
=========================================== */

.slidCardTrack {

    display: flex;

    align-items: stretch;

    gap: 20px;

    transition: transform .6s ease;

    will-change: transform;

}

/* ===========================================
   Item Wrapper
=========================================== */

.slidCardTrack>div {

    flex: 0 0 calc((100% - 40px) / 3);

    display: flex;

    min-width: 0;

}

/* ===========================================
   RWD
=========================================== */

@media (max-width:900px) {

    .slidCardTrack>div {

        flex-basis: calc((100% - 20px) / 2);

    }

}

@media (max-width:550px) {

    .slidCardTrack>div {

        flex-basis: 100%;

    }

}

/* ===========================================
   section
=========================================== */

.slidCardItem {

    width: 100%;

    display: flex;

}

.slidCardItem>div {

    width: 100%;

    display: flex;

}

/* ===========================================
   Card
=========================================== */

.slidCardBox {

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    background: #fff;

}

/* ===========================================
   Navigation
=========================================== */

.slidCardNav {

    position: relative;display: flex;flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-top: 24px;

}

.slidCardNav button {

    width: 12px;

    height: 12px;

    border: none;

    border-radius: 50%;

    background: #fff;

    cursor: pointer;

    padding: 0;

    transition: background .25s;

}

.slidCardNav button.active,
.slidCardNav button:hover {
    background: #e4007f;
}