@charset "utf-8";

html,
body {
    height: 100%;
    /*宣告高支援100%*/
}

.carousel {
    height: 100%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
    /* margin-top: -50px; */
}


/* 
寬度固定 */

.fixed-width-carousel .carousel {
    height: 755px;
}

.fixed-width {
    /* 寬度固定 */
    max-width: 1140px;
    max-height: 755px;
    margin: 0 auto;
}

@media (max-width:1200px) {
    .fixed-width-carousel .carousel {
        height: 600px;
    }
}


/* 
寬度滿版 */

.fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

@media (max-width:1400px) {
    .carousel {
        height: 600px;
        /*margin-top: 70px;*/
    }
}

@media (max-width:992px) {
    .carousel,
    .fixed-width-carousel .carousel {
        height: 550px;
    }
}

@media (max-width:768px) {
    .carousel,
    .fixed-width-carousel .carousel {
        height: 450px;
    }
}

@media (max-width:576px) {
    .carousel,
    .fixed-width-carousel .carousel {
        height: 600px;
    }
}