#homeCarousel {
    width: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    width: 8%;
    background: none;
    border: none;
    outline: none;
    opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 0.9;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none;
}

.carousel-control-prev .fa,
.carousel-control-next .fa {
    font-size: 40px;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.slider-slide {
    min-height: 37.5rem;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* 前景圖用 translate(-50%,-50%) 水平垂直置中於背景圖上方 */
.slider-foreground {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 90%;
}