/* _Layout.cshtml 顶部图片轮播 开始 */
.carousel_box {
}

.carousel_box_inner {
    position: relative;
}

/* 指示灯 */
.carousel_dots {
    margin: 0 auto;
    text-align: center;
}

    .carousel_dots .dots_item {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 50%;
        margin: 0 5px;
    }

        .carousel_dots .dots_item.dot_active {
            background-color: #000;
        }

.TopWords {
    /*  antiquewhite #F5F1EA */
    width: 100%;
    background-color: #FEFAF5;
}

    .TopWords * {
        font-family: 'Times New Roman', Times, serif;
    }

@media all and (max-width:468px) {
    .TopWords {
        font-size: xx-small;
        font-weight: bold; /* bolder */
    }
}

@media all and (min-width:468px) {
    .TopWords {
        font-size: x-small;
        font-weight: bold; /* bolder */
    }
}

@media all and (min-width: 968px) {
    .TopWords {
        font-size: small;
        font-weight: 700; /* bolder */
    }
}

@media all and (min-width: 1200px) {
    .TopWords {
        font-size: x-large;
        font-weight: 800; /* bolder */
    }
}

@media all and (min-width:1400px) {
    .TopWords {
        font-size: xx-large;
        font-weight: 900; /* bolder */
    }
}

#carousel {
    width: 100%; /* div的宽度设置为100% */
    height: auto; /* div的高度设置为400PX */
    min-height: 200px;
    overflow: hidden;
    margin: 0 auto;
}

.slide {
    width: 100%;
    height: 100%;
    /* div背景图片宽度100%高度自适应 */
    background-size: 100% auto; /* 宽度100%，高度自适应 cover */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: center center; /* 背景图片居中 center */

    position: absolute; /*relative;*/
    top: 0;
    left: 0;
    transition: opacity 0.5s;
    opacity: 0;
    /*
        margin: auto;
    */
}
/*
    .slider img {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s;
        display: none; // 默认隐藏所有图片
    }

        .slider img.active {
            display: block; // 显示当前图片
            opacity: 1;
        }
*/

.active {
    opacity: 1;
}

.btn_box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    border: none;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: space-between;
}