body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    line-height: 1.75rem;
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft JhengHei", "微軟正黑體", "Lantinghei TC Extralight", "Sans Serif";
}

.banner {
    background-image: initial ;
    background-position: center;
    background-size: cover;
    background-color: #fff;
}

@media (min-width:768px) {
    .logo {
        padding-top: 1em;
    }
}

.logo {
    text-indent: -9999px;
    background-image: url('/images/banner/default');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    max-width: 634px;
    aspect-ratio: 634/90; /* 保持原始比例 */
    display: block;
}

.logo a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    display: block;
}

.form-control {
    border-width: 1px;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
    min-height: 180px;
}

.col-shadow {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
}

.nav > .nav-item > a:hover {
    background-color: white;
    border-color: #d6d6d6;
}

.nav > .nav-item > a {

}

.nav-link.active {
    background-color: #F8A1A4 !important;
    color: #ffffff !important;
}

.nav-link {
    color: #000000 !important;
}

.text-line {
    font-size: 0.9375rem;
    line-height: 1.5; /* 相對於字體大小，通常設為 1.5 - 1.8 */
}

.title-color {
    color: #000000;
}

.title-color:hover {
    color: #AA002E;
}

.content-color {
color: #444;
}

.content-color:hover {
color: #444;
}


.meida.row {
    flex: 1;
}

.text-color {
    color: #BF5B16;
}

.h1-title {
    font-size: 1.8rem;
    color: #C5C5C5;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

/* 為了維持原始樣式，同時符合無障礙網頁標題層次結構 */
.h3-style {
    font-size: 1.5rem; /* 原來h4的大小 */
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.h4-style {
    font-size: 1.25rem; /* 原來h5的大小 */
    font-weight: bold;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

/* 修正歷史頁面的標題樣式 */
.history-title {
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.75rem;
    padding: 0.5rem 0;
}

.history-title a {
    color: #007bff; /* 指定的藍色連結 */
    text-decoration: none;
    font-weight: bold;
}

.history-title a:hover {
    color: #0056b3; /* 指定的hover顏色 */
    text-decoration: underline;
}

/* 歷史頁面日期樣式 */
h3.history-date {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.75rem;
    display: block;
    color: #000000;
    padding: 0.5rem 0;
}

.carousel-item{
<!--    max-height: 350px;-->
}
#carouselExampleIndicators{
    position: relative;
}
.carousel-control-prev-icon{
    position:absolute;
    left:15px;
}
.carousel-control-next-icon{
    position:absolute;
    right:15px;
}
.line-space{
    line-height: 2;
}
.carousel-caption{
    bottom: 0;
    right:0;
    left:0;
}
.bg-block{
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}
.text-pink{
    color: #f8a1a4;
}
.text-pink:hover{
    color: #dd777a;
}
.pink{
    color:#ffffff;
    background-color:#f8a1a4;
}
.pink:hover{
    color:#ffffff;
    background-color: #dd777a;
}