body {
    padding-top: 110px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
    .headerHeightSmall {
        display: block;
    }
    .headerHeight {
        display: none;
    }
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

/* Bootstrap 5 升級後：還原 Header 顏色 */
.headerHeight.bg-info,
.headerHeightSmall.bg-info,
.headerHeight,
.headerHeightSmall {
    background-color: #17a2b8 !important;
}

    /* Header 文字維持白色 */
    .headerHeight a,
    .headerHeight div,
    .headerHeight li,
    .headerHeightSmall a,
    .headerHeightSmall div,
    .headerHeightSmall li {
        color: #ffffff !important;
    }

    /* Header 連結不要被 Bootstrap 5 改成底線 */
    .headerHeight a,
    .headerHeightSmall a {
        text-decoration: none !important;
    }

        .headerHeight a:hover,
        .headerHeightSmall a:hover {
            color: #ffffff !important;
            text-decoration: none !important;
        }

/* Bootstrap 5 升級後：還原 Footer 顏色 */
footer .bg-info {
    background-color: #17a2b8 !important;
}

/* Footer 高度維持原本設定 */
footer .bg-info {
    position: relative;
    height: 100px;
}

    /* 如果 Footer 內有文字或連結，維持白色 */
    footer,
    footer .bg-info,
    footer .bg-info a,
    footer .bg-info div,
    footer .bg-info span {
        color: #ffffff !important;
    }

        footer .bg-info a {
            text-decoration: none !important;
        }

            footer .bg-info a:hover {
                color: #ffffff !important;
                text-decoration: none !important;
            }