.carousel {
    
    
}

.carousel-viewport {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    top: -5px;
    width: 100%;
    height: 300px;
    
}
@media (max-width:768px){
    .carousel-viewport,.slide{
        height:250px;
    }
    /*.pagination > i {
        font-size: 1.8em !important;
    }*/
}
.carousel-track {
    display: flex;
    position: relative;
    left: 0;
}

.slide {
    flex: 0 0 100%;
    height: 300px;
    background-size: cover;
}

/* 螢幕閱讀器專用 */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}
.pagnation-zone {
    position: absolute;
    top: 60px;
    right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    padding: 10px;
}

.pagination {
    /*position: absolute;
    top: 70px;*/
    border: 0;
    background-color: transparent;
    padding: 2px;
    /*font-size: 1.2em !important;*/
}

    .pagination > i {
        background-color: white;
        border-radius: 50%;
        color: white;
        cursor: pointer;
        color: var(--base-color);
        font-size:1.5em;
    }