/* 整個內容方塊 */
.index最新消息8 {
    /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the whole block, change the number.*/
}

    /* 內容方塊標題 */
    .index最新消息8 .blockTitle {
    }

        /* 內容方塊標題超連結 */
        .index最新消息8 .blockTitle a {
        }

    /* 最新消息容器，每個最新消息都放在裡面 */
    .index最新消息8 .loopElementList {
        /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the content, change the number.*/
    }

/*單一最新消息*/
.index最新消息8 .eachNews {
    border-bottom: solid 1px #dddddd;
    padding: 1rem;
    display : block;
    background
    background-color:#FFFFFF;
}

    /*標題文字*/
    .index最新消息8 .heading {
        font-weight: 700;
        margin-bottom : 1rem;
    }

/*小圖示*/
    .index最新消息8 .newIcon {
    }
    
/*日期*/
    .index最新消息8 .date {
        font-size: 0.8rem;
    }

@media (max-width: 480px) {
    /* 只顯示頭 2 個最新消息 
    .index最新消息2 .eachNews
    {
        display : none;
    }
    .index最新消息2 .eachNews:nth-child(-n+2)
    {
        display : block;
    }
    */
}
@media (min-width: 481px) and (max-width: 767px) {
    /* 只顯示頭 4 個最新消息 
    .index最新消息2 .eachNews
    {
        display : none;
    }
    .index最新消息2 .eachNews:nth-child(-n+4)
    {
        display : block;
    }
    */
}
@media (min-width: 768px) and (max-width: 979px) {
    /* 只顯示頭 6 個最新消息 
    .index最新消息2 .eachNews
    {
        display : none;
    }
    .index最新消息2 .eachNews:nth-child(-n+6)
    {
        display : block;
    }
    */
}
@media (min-width: 980px) and (max-width:1199px) {
    /* 只顯示頭 8 個最新消息
.index最新消息2 .eachNews
{
display : none;
    }
    .index最新消息2 .eachNews:nth-child(-n+8)
    {
        display : block;
    }
    */
}
@media (min-width: 1200px) and (max-width:1919px) {
}
@media (min-width: 1920px) {
}

.index最新消息8 .glide {
    width: 96%;
    margin: auto;
}

.index最新消息8 .glide__slide {
    height: 150px;
    overflow-y: hidden;
    box-sizing: border-box;
    border: solid 1px rgb(128, 128, 128);
    padding: 1rem;
    border-radius : 10px;
}

    .index最新消息8 .glide__slide img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

.index最新消息8 .glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: white;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: rgba(128, 128, 128, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms ease, border 300ms ease-in-out;
    line-height: 1;
}

    .index最新消息8 .glide__arrow:focus {
        outline: none;
    }

    .index最新消息8 .glide__arrow:hover {
        border-color: white;
    }

.index最新消息8 .glide__arrow--left {
    left: -2rem;
}

.index最新消息8 .glide__arrow--right {
    right: -2rem;
}

.index最新消息8 .glide__arrow--disabled {
    opacity: 0.33;
}

.index最新消息8 .glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%);
}

.index最新消息8 .glide__bullet {
    background-color: rgba(255, 255, 255, 0.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
    margin: 0 0.25em;
}

    .index最新消息8 .glide__bullet:focus {
        outline: none;
    }

    .index最新消息8 .glide__bullet:hover, .glide__bullet:focus {
        border: 2px solid white;
        background-color: rgba(255, 255, 255, 0.5);
    }

.index最新消息8 .glide__bullet--active {
    background-color: white;
}

.index最新消息8 .glide--swipeable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.index最新消息8 .glide--dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.more
{
  padding : 1rem 0;
    text-align : right;
}