/* 自定義樣式 */
body {
    font-family: 'Arial', sans-serif;
}

.navbar-brand {
    font-weight: bold;
}

footer {
    margin-top: auto;
}

.mainlogo {
    background-image: url('/images/main_img_green_whitebg9b.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-shadow: 2px 2px 2px white,
        2px 0px 2px white,
        2px -2px 2px white,
        0px 2px 2px white,
        0px 0px 2px white,
        0px -2px 2px white,
        -2px 2px 2px white,
        -2px 0px 2px white,
        -2px -2px 2px white;
    transition: background-image 1s ease-in-out;
}

.mainlogo img {
    filter: drop-shadow(1px 1px 1px white);
    width: 120px;           /* 手機預設大小 */
    max-width: 100%;
    transition: width .5s ease-in-out;
}

@media (min-width: 576px) {
    .mainlogo img {
        width: 140px;
    }
}

@media (min-width: 992px) {
    .mainlogo img {
        width: 160px;       /* 大螢幕可再放大 */
    }
}

/* --------------------------------- */
/* 顏色定義：深綠色字體樣式 */
/* --------------------------------- */

/* 為標題和副標題設定深綠色文字 */
.dark-green-text {
    color: #006400; /* 深綠色 Hex Code */
}

/* 確保活動花絮區的圖片高度一致 */
.card-img-top {
    height: 250px; /* 設定一個標準高度，請根據實際需求調整此數值 */
    object-fit: contain; /* 使用 object-fit: contain 來確保圖片完整顯示，等比例縮小 */
}