﻿/* 整個內容方塊 */
.index聖經金句16 {
    --title-align: left;
    color : #FFFFFF;
}

    /* 內容方塊標題文字 (h2) */
    .index聖經金句16 .blockTitle {
        text-align: var(--r-index-block-title-align, --title-align);
    }

        .index聖經金句16 .blockTitle h2 {
        }

        /* 內容方塊標題超連結 */
        .index聖經金句16 .blockTitle a {
        }

    .index聖經金句16 .blockContent {
        padding: var(--r-container-padding, 1em);
    }

    .index聖經金句16 .marquee {
        --gap: 10em;
        position: relative;
        display: flex;
        overflow: hidden;
        user-select: none;
        gap: var(--gap);
    }

    .index聖經金句16 .marquee__content {
        flex-shrink: 0;
        display: flex;
        justify-content: space-around;
        gap: var(--gap);
        min-width: 100%;
        animation-name: tb-scroll-right-to-left;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        list-style-type: none;
        list-style-position: outside;
        margin: 0;
    }

    .index聖經金句16 .marquee:hover .marquee__content {
        animation-play-state: paused !important;
    }

    @keyframes tb-scroll-right-to-left {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - var(--gap)));
        }
    }

    /* Other page demo styles */
    .index聖經金句16 .marquee__content > li {
        flex: 0 0 auto;
        text-align: center;
    }

@media (max-width: 480px) {
    .index聖經金句16 .marquee__content {
        animation-duration: 10s;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .index聖經金句16 .marquee__content {
        animation-duration: 20s;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .index聖經金句16 .marquee__content {
        animation-duration: 25s;
    }
}

@media (min-width: 980px) and (max-width:1199px) {
    .index聖經金句16 .marquee__content {
        animation-duration: 30s;
    }
}

@media (min-width: 1200px) and (max-width:1919px) {
    .index聖經金句16 .marquee__content {
        animation-duration: 40s;
    }
}

@media (min-width: 1920px) {
    .index聖經金句16 .marquee__content {
        animation-duration: 50s;
    }
}
