/* 整個內容方塊 */
.indexLatestActivity5 {
    --title-align: left;
    /* --For simpleBar Start-- */
    --content-height-without-heading: auto;
    --whole-block-height: auto;
    /* --For simpleBar End-- */
    --box-shadow-hover: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --image-border: 1px solid #fff;
    --image-shadow: 0 0 2px rgba(0,0,0,.4);
    --image-hover-effect: scale(1.05) rotate(2deg);
    --picture-width-to-height-ratio : 73%;
    height: var(--whole-block-height);
}

    /* 內容方塊標題文字 (h2) */
    .indexLatestActivity5 .blockTitle {
        text-align: var(--r-index-block-title-align, --title-align);
      background-color : #FFF98C;

    }

        .indexLatestActivity5 .blockTitle h2 {
          padding : 1em 0;

        }

        /* 內容方塊標題超連結 */
        .indexLatestActivity5 .blockTitle a {
        }

    /* 活動容器，每個活動都放在裡面 */
    .indexLatestActivity5 .loopElementList {
        height: var(--content-height-without-heading);
    }

        /* 活動容器，每個活動都放在裡面 */
        .indexLatestActivity5 .elementContainer {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: stretch;
            margin: auto;
            justify-content: center;
            /*padding: var(--r-container-padding, 1em);*/
        }

    /*單一活動*/
    .indexLatestActivity5 .eachActivity {
        /* 2024-11-02 */
        transition: all .5s;
        flex-basis : 100%;
    }

        .indexLatestActivity5 .eachActivity:hover {
            box-shadow: var(--box-shadow-hover);
        }

        .indexLatestActivity5 .innerShell {
            /*padding: 0 2rem;*/ /*SettingA*/
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            height: 100%;
        }

    .indexLatestActivity5 .eachActivity .text {
        padding-bottom: 1em;
    }

    .indexLatestActivity5 .eachActivity .date {
        font-size: var(--r-smaller-font, 0.8rem);
        line-height: 2em;
    }

    .indexLatestActivity5 .eachActivity .heading {
        font-weight: var(--r-heading-font-weight, 700);
        line-height: 1.3em;
        font-size: var(--r-heading-font-size, 1.2em);
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .indexLatestActivity5 .eachActivity .themePic {
        width: 100%;
        /*height: 73%;*/
        background-position: 50% 50%;
        background-size: cover;
        border: var(--image-border);
        box-shadow: var(--image-shadow);
        /* 2024-11-02 */
        transition: all .5s;
    }

    .indexLatestActivity5 .eachActivity:hover .themePic {
        transform: var(--image-hover-effect);
    }

        .indexLatestActivity5 .eachActivity .themePic:after {
            padding-bottom: var(--picture-width-to-height-ratio);  /* picture height to width ratio*/
            content: " ";
            display: block;
            box-sizing: border-box;
        }

    .indexLatestActivity5 .showMoreLoopElements {
    }

@media (max-width:480px) {
    .indexLatestActivity5 .eachActivity .text {
        padding-bottom: 1em;
    }
    .indexLatestActivity5 .eachActivity {
        margin-bottom: 2em;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .indexLatestActivity5 .eachActivity {
        margin-bottom: 2em;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .indexLatestActivity5 .eachActivity {
        margin-bottom: 2em;
    }
}

@media (min-width: 980px) and (max-width:1199px) {
    .indexLatestActivity5 .eachActivity {
        margin-bottom: 2em;
    }
}

@media (min-width: 1200px) and (max-width:1919px) {

}

@media (min-width: 1920px) {

}

/* Glide Settings Start ===================================================*/
.indexLatestActivity5 .glide .glide__slides {
    justify-content: space-between;
}
.indexLatestActivity5 .glide .glide__slide {
    border: none 0;
    padding: 0;
    border-radius: 0;
}
.indexLatestActivity5 .glide .innerShell {
    padding: 0 0;
    height : 100%;
}
@media (max-width:480px) {
    .indexLatestActivity5 .glide {
        width: 100%;
    }

    .indexLatestActivity5 .glide__slide {
        flex-basis: calc(100vw);
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .indexLatestActivity5 .glide {
        width: 100%;
    }

    .indexLatestActivity5 .glide__slide {
        flex-basis: calc(80vw / 2);
    }

    .indexLatestActivity5 .glide .glide__arrow--left {
        left: 0;
    }

    .indexLatestActivity5 .glide .glide__arrow--right {
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .indexLatestActivity5 .glide {
        width: 90%;
    }

    .indexLatestActivity5 .glide__slide {
        flex-basis: calc(80vw / 3);
    }
}

@media (min-width: 980px) and (max-width:1199px) {

    .indexLatestActivity5 .glide__slide {
        flex-basis: calc(80vw / 3);
    }
}

@media (min-width: 1200px) and (max-width:1919px) {
    .indexLatestActivity5 .glide__slide {
        flex-basis: calc(80vw / 4);
    }
}

@media (min-width: 1920px) {
    .indexLatestActivity5 .glide__slide {
        flex-basis: calc(80vw / 6);
    }
}
/* Glide Settings End ===================================================*/