:root {
    --bs-primary: #012063;
    --bs-secondary: #CBAD6F;
    --title-color: #011F64;
    --bs-info: #01779B;
}

.team-member {
    margin-bottom: 1.5rem;
}

.navbar .navbar-nav .nav-item a {
    color: #1A1A36;
}

.navbar .navbar-nav .nav-item a:hover {
    font-weight: 600;
}

.intro {
    background-color: #f5f5f5;
    padding: 2rem;
}

.intro img {
    width: 100%;
}

.card img {
    max-width: 100%;
    height: auto;
}

.activity.is-wrapper .reset .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.activity.is-wrapper .reset .btn.btn-primary {
    background-color: #012063;
}

.activity.is-wrapper .reset .btn.btn-warning {
    background-color: #CBAD6F;
    color: #fff;
}

.activity.is-wrapper .reset .text-primary {
    color: #012063 !important;
}

.activity.is-wrapper .reset .text-info {
    color: #01779B !important;
}

.reset a:not(.btn):not(.nav-link),
.reset.is-container a:not(.btn):not(.nav-link),
.reset .is-container a:not(.btn):not(.nav-link) {
    color: #01779B !important;
}
.breadcrumb-item:not(.active){
    cursor: pointer;
}
nav{
    position: relative;
    z-index: 1;

}
.hover-pic-zoom img{
    transition: transform 1s ; /* Smooth transition */
}
.hover-pic-zoom:hover img{
    transform: scale(1.1); /* Enlarge the image by 10% */
    transition: transform 1s ease;
}

.glide__slides {
    padding-left: 0px !important;
}

/* 展開後顯示選單內容 */
/* 預設隱藏抽屜 */
/* 預設隱藏抽屜，從右邊滑出 */
.side-drawer {
    position: fixed;
    top: 0;
    right: -260px;
    /* 從右邊隱藏 */
    width: 250px;
    height: 100%;
    background-color: #f8f9fa;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 1000;
    padding: 20px;
}

.side-drawer.show {
    right: 0;
    /* 選單滑出 */
}

.navbar-nav {
    list-style: none;
    padding-left: 0;
}

.nav-link {
    margin: 10px 0;
    text-decoration: none;
    color: #000;
}

/* 背景遮罩 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    transition: opacity 0.3s ease;
}

.overlay.show {
    display: block;
    opacity: 1;
}

/* Font Awesome 的漢堡按鈕圖示大小 */
.navbar-toggler .fas {
    font-size: 24px;
}

/* 禁止滾動頁面時的樣式 */
body.fixed {
    overflow: hidden;
}
.navbar-brand {
    width: 100%;
    display: block;
    text-wrap-mode: wrap;
}