/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    height: 500px;
    margin-bottom: 60px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 500px;
    background-color: #000;
    text-align: center;
}
.carousel-inner > .item > img {
    max-height: 100%;   /* 圖片不超過容器高度 */
    max-width: 100%;    /* 不超過寬度 */
    margin: auto;       /* 水平置中 */
    position: relative;
    top: 50%;
    transform: translateY(-50%); /* 垂直置中 */
}