/* _content/test2/Areas/Backend/Views/Shared/_Layout.cshtml.rz.scp.css */
/* _content/test2/Areas/Frontend/Views/Access/LoginC.cshtml.rz.scp.css */
#box_loginC[b-va0ehuapur] {
    min-width: 80vw;
    height: 40%;
    background: white;
    border: 1px solid var(--c-gray2-050);
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 1.25rem;
}

.i_loginC:hover[b-va0ehuapur] {
    color: var(--c-black-075) !important;
}

.form-control:focus[b-va0ehuapur] {
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

#btn_loginC[b-va0ehuapur] {
    width: 150%;
    height: 6rem;
    font-size: 1.25rem;
    background-color: var(--c-blue---050);
    color: white;
}

    #btn_loginC:hover[b-va0ehuapur] {
        background-color: var(--c-blue---050);
        color: white;
        animation: ani_btn .75s infinite;
    }

.bi-facebook:hover[b-va0ehuapur] {
    color: white !important;
}

#btn_google:hover[b-va0ehuapur] {
    background-color: rgb(248, 249, 250);
}

/*RWD*/
@media(max-width: 576px) {
    #box_loginC[b-va0ehuapur] {
        min-width: 90vw;
    }
}

@media(max-width: 768px) {
    #box_btn[b-va0ehuapur] {
        margin-top: 1rem;
    }

    #btn_loginC[b-va0ehuapur] {
        width: 100%;
        height: 3rem;
        font-size: 1rem;
    }

        #btn_loginC:hover[b-va0ehuapur] {
            animation: none;
        }
}

@media(min-width: 768px) {
    #box_loginC[b-va0ehuapur] {
        min-width: 70vw;
    }
}

@media(min-width: 992px) {
    #box_loginC[b-va0ehuapur] {
        min-width: 60vw;
    }
}

@media(min-width: 1200px) {
    #box_loginC[b-va0ehuapur] {
        min-width: 50vw;
    }
}

@media(min-width: 1400px) {
    #box_loginC[b-va0ehuapur] {
        min-width: 40vw;
    }
}

@media(min-width: 1600px) {
    #box_loginC[b-va0ehuapur] {
        min-width: 30vw;
    }
}
/* _content/test2/Areas/Frontend/Views/Access/LoginM.cshtml.rz.scp.css */
#box_loginM[b-4nkxtast6c] {
    min-width: 80vw;
    height: 40%;
    background: white;
    border: 1px solid var(--c-gray2-050);
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 1.25rem;
}

.i_loginM:hover[b-4nkxtast6c] {
    color: var(--c-black-075) !important;
}

.form-control:focus[b-4nkxtast6c] {
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

#btn_loginM[b-4nkxtast6c] {
    width: 150%;
    height: 6rem;
    font-size: 1.25rem;
    background-color: var(--c-blue---050);
    color: white;
}

    #btn_loginM:hover[b-4nkxtast6c] {
        background-color: var(--c-blue---050);
        color: white;
    }

/*RWD*/
@media(max-width: 576px) {
    #box_loginM[b-4nkxtast6c] {
        min-width: 90vw;
    }
}

@media(max-width: 768px) {
    #box_btn[b-4nkxtast6c] {
        margin-top: 1rem;
    }

    #btn_loginM[b-4nkxtast6c] {
        width: 100%;
        height: 3rem;
        font-size: 1rem;
    }

        #btn_loginM:hover[b-4nkxtast6c] {
            animation: none;
        }
}

@media(min-width: 768px) {
    #box_loginM[b-4nkxtast6c] {
        min-width: 70vw;
    }
}

@media(min-width: 992px) {
    #box_loginM[b-4nkxtast6c] {
        min-width: 60vw;
    }
}

@media(min-width: 1200px) {
    #box_loginM[b-4nkxtast6c] {
        min-width: 50vw;
    }
}

@media(min-width: 1400px) {
    #box_loginM[b-4nkxtast6c] {
        min-width: 40vw;
    }
}

@media(min-width: 1600px) {
    #box_loginM[b-4nkxtast6c] {
        min-width: 30vw;
    }
}
/* _content/test2/Areas/Frontend/Views/Account/ExternalRegistration.cshtml.rz.scp.css */
:root[b-var6zhpd09] {
    --bs-primary: #5cb85c;
    /* 綠色主題 */
    --bs-primary-rgb: 92, 184, 92;
    --bs-light-green: #e9f0e6;
    /* 淺綠色，用於背景或邊框 */
    --bs-dark-green: #3d793d;
    /* 深綠色，用於強調 */
    --bs-text-dark: #212529;
    /* 深色文字 */
}

/* 覆寫 bootstarp btn 樣式 btn-primary btn-secondary(隱私權政策、會員條款) */

.btn-primary[b-var6zhpd09] {
    background-color: var(--c-green2-100);
    border-color: #e9f0e6;
}

    .btn-primary:hover[b-var6zhpd09] {
        background-color: #6a9955;
        /* 滑鼠移過變成深綠色 */
        border-color: #4a6b52;
    }

body[b-var6zhpd09] {
    font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    /* 設定常用繁體中文字體，優先使用思源黑體 */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* 讓頁面至少佔滿整個視窗高度 */
    background-color: #fcfaf7;
    /* 更柔和、溫暖的淺米白背景色 */
    color: #333;
    /* 預設文字顏色 */
}

main[b-var6zhpd09] {
    display: flex;
    flex-direction: column;
    /* 垂直排列子元素 */
    min-height: 100vh;
    margin: 0;
    /* 移除預設邊距 */
    justify-content: center;
    align-items: center;
}

#tree-section[b-var6zhpd09] {
    height: 0;
}


h1[b-var6zhpd09],
h2[b-var6zhpd09],
h3[b-var6zhpd09],
h4[b-var6zhpd09],
h5[b-var6zhpd09],
h6[b-var6zhpd09] {
    font-family: 'Noto Serif TC', serif;
    /* 標題使用思源宋體，更有書卷氣 */
    color: #4a6b52;
    /* 深綠色調，沉穩有質感 */
}

/* 註冊卡片樣式 (沿用 login-card 的樣式) */
.login-card[b-var6zhpd09] {
    background-color: #ffffff;
    padding: 3rem;
    /* 增加內距 */
    border-radius: 12px;
    /* 圓角更柔和 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    /* 更細緻的陰影 */
    max-width: 420px;
    /* 卡片最大寬度 */
    width: 100%;
    border: 1px solid #e0e0e0;
    /* 輕微的邊框，增加質感 */
}

    .login-card h3[b-var6zhpd09] {
        color: #4a6b52;
        /* 深綠色標題 */
        margin-bottom: 2.5rem;
        /* 增加標題下邊距 */
        text-align: center;
        font-weight: 700;
        /* 更粗的字體 */
        letter-spacing: 1px;
        /* 字母間距稍微大一點 */
    }

    .login-card .form-label[b-var6zhpd09] {
        color: #555;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

    .login-card .form-control[b-var6zhpd09] {
        border-radius: 8px;
        /* 輸入框圓角 */
        padding: 0.9rem 1.2rem;
        border: 1px solid #dcdcdc;
        /* 輕微的邊框 */
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .login-card .form-control:focus[b-var6zhpd09] {
            border-color: #8cc63f;
            /* focus 時邊框顏色 */
            box-shadow: 0 0 0 0.25rem rgba(140, 198, 63, 0.25);
            /* focus 時陰影 */
            outline: none;
        }

    .login-card .btn-success[b-var6zhpd09] {
        background-color: #6a9955;
        /* 更柔和的綠色按鈕 */
        border-color: #6a9955;
        padding: 0.9rem 2.5rem;
        border-radius: 8px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: background-color 0.3s ease, border-color 0.3s ease;
        letter-spacing: 1px;
    }

        .login-card .btn-success:hover[b-var6zhpd09] {
            background-color: #4a6b52;
            /* 滑鼠移過變成深綠色 */
            border-color: #4a6b52;
        }

    .login-card .form-text[b-var6zhpd09] {
        text-align: center;
        margin-top: 1.5rem;
        font-size: 0.9rem;
    }

        .login-card .form-text a[b-var6zhpd09] {
            font-weight: 500;
            color: #6a9955; /* 連結顏色改成綠色系 */
        }

    .login-card .btn-google[b-var6zhpd09],
    .login-card .btn-facebook[b-var6zhpd09] {
        font-weight: bold;
        font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
        display: none; /* 註冊頁面通常沒有第三方登入按鈕，所以先隱藏 */
    }

/* 調整註冊頁面的連結佈局 */
.register-links[b-var6zhpd09] {
    display: flex;
    justify-content: center; /* 讓內容居中 */
    margin-top: 1.5rem; /* 調整上邊距 */
}

    .register-links a[b-var6zhpd09] {
        font-weight: 500;
        color: #6a9955; /* 連結顏色改成綠色系 */
        text-decoration: none; /* 移除底線 */
    }

        .register-links a:hover[b-var6zhpd09] {
            text-decoration: underline; /* 滑鼠移過時顯示底線 */
        }

    .register-links span[b-var6zhpd09] {
        margin: 0 10px; /* 增加連結間的間距 */
        color: #aaa; /* 分隔符號顏色 */
    }

/* 預設隱藏整個錯誤訊息容器 */
.error-message[b-var6zhpd09] {
    min-height: 2em;
    visibility: hidden; /* 隱藏內容但保留空間 */
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/* 當 input 有驗證錯誤時，顯示 .error-message */
.input-validation-error + .error-message[b-var6zhpd09] {
    visibility: visible;
    opacity: 1;
}

.icon-lg[b-var6zhpd09] {
    font-size: 1em;
    margin-right: 0.5em; /* icon 和文字間距 */
    color: #ff0000;
}
/* _content/test2/Areas/Frontend/Views/Home/Activity.cshtml.rz.scp.css */
/* 全域設定 */
body[b-8b1g04jrcw] {
    font-family: '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    /* 確保中文字體顯示 */
}

.register-btn-bs[b-8b1g04jrcw] {
    background-color: #4CAF50 !important;
}

/* 覆寫 bootstrap btn */

.btn-primary[b-8b1g04jrcw] {
    background-color: var(--c-green2-100);
    border-color: var(--c-green2-100);
}

    .btn-primary:hover[b-8b1g04jrcw] {
        background-color: #5cb85c;
        border-color: #e9f0e6;
        /*    --bs-btn-hover-bg: #3d793d;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #3d793d;*/
    }

/* 搜尋區塊自訂樣式 */
.search-section[b-8b1g04jrcw] {
    /* background-color: rgba(124, 172, 124, 0.5); */
    /* 根據圖片調整背景色 */

    background-image: url(https://picsum.photos/id/11/1400/300);
    background-size: cover;
    background-position: center;
    height: 100px;
    /* 確保高度足夠，根據圖片調整 */
    position: relative;
    /* 為了背景圖可以覆蓋整個區域 */
    z-index: 1;
    /* 確保內容在背景圖之上 */
}

    /* 確保背景圖完全覆蓋，如果圖片邊緣有圓角等，需在此處處理 */
    .search-section[b-8b1g04jrcw]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* 這邊可以放置一個半透明的遮罩或漸層，讓文字更清晰 */
        /* background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.5)); */
        z-index: -1;
        /* 讓它在內容之下 */
    }

.search-container-bs[b-8b1g04jrcw] {
    background-color: white;
    border-radius: 50px;
    /* 讓整體呈現圓角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    /* 確保圓角生效 */
}

    .search-container-bs .form-control[b-8b1g04jrcw] {
        border-right: none !important;
        /* 移除 input 右邊框 */
    }

    .search-container-bs .btn-search[b-8b1g04jrcw] {
        background-color: transparent;
        border: none;
        color: #ff8c00;
        /* 放大鏡顏色 */
        font-size: 1.5rem;
        /* 放大鏡大小 */
        padding: 0.5rem 1rem;
    }

    .search-container-bs .rounded-pill-start[b-8b1g04jrcw] {
        border-top-left-radius: 50px !important;
        border-bottom-left-radius: 50px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .search-container-bs .rounded-pill-end[b-8b1g04jrcw] {
        border-top-right-radius: 50px !important;
        border-bottom-right-radius: 50px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

/* 如果你的 site.css 或 indexF.css 有設定全域的 a 標籤顏色，可能需要針對 nav-link 做覆蓋 */
/* .nav-link.text-dark.link {
    color: #343a40 !important; 
} */

/* 確保所有自訂的 border-radius 不被 Bootstrap 預設覆蓋 */
.form-control[b-8b1g04jrcw],
.btn[b-8b1g04jrcw] {
    border-radius: var(--bs-border-radius) !important;
    /* 這是 Bootstrap 預設圓角變數 */
}

/* 覆寫特例 */
.search-container-bs .form-control[b-8b1g04jrcw] {
    border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius) !important;
}

.search-container-bs .btn-search[b-8b1g04jrcw] {
    border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0 !important;
}

.search-container-bs .form-control:focus[b-8b1g04jrcw] {
    outline: none; /* 移除瀏覽器預設的焦點框 */
    box-shadow: none; /* 如果有其他陰影也一起移除 */
}

/* 活動區塊自訂樣式 */
.section-title-bs[b-8b1g04jrcw] {
    font-size: 2.5em;
    color: #333;
    font-weight: bold;
}

.btn-category-bs[b-8b1g04jrcw] {
    background-color: #e0e0e0;
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 1em;
    color: #555;
    transition: background-color 0.3s, color 0.3s;
}

    .btn-category-bs.active[b-8b1g04jrcw],
    .btn-category-bs:hover[b-8b1g04jrcw] {
        background-color: #ff8c00;
        /* 活躍或懸停時的顏色 */
        color: white;
    }

/* 新增的切換按鈕樣式 */
.btn-display-toggle[b-8b1g04jrcw] {
    background-color: #e0e0e0;
    border: none;
    border-radius: 20px;
    padding: 8px 15px;
    /* 稍微小一點 */
    font-size: 0.9em;
    /* 稍微小一點 */
    color: #555;
    transition: background-color 0.3s, color 0.3s;
}

    .btn-display-toggle.active[b-8b1g04jrcw],
    .btn-display-toggle:hover[b-8b1g04jrcw] {
        background-color: #4CAF50;
        color: white;
    }

/* 分頁區域樣式 */
.pagination-container[b-8b1g04jrcw] {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 確保垂直置中 */
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.pagination-buttons .btn[b-8b1g04jrcw] {
    background-color: #f0f0f0;
    color: #6c757d;
    border: 1px solid #dee2e6;
    padding: 8px 15px;
    margin: 0 2px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

    .pagination-buttons .btn.active[b-8b1g04jrcw] {
        background-color: var(--c-green2-100);
        color: white;
        border-color: var(--c-green2-100);
    }

    .pagination-buttons .btn:hover:not(.active)[b-8b1g04jrcw] {
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

.pagination-select-page[b-8b1g04jrcw] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

    .pagination-select-page label[b-8b1g04jrcw] {
        margin-right: 10px;
        color: #555;
        font-size: 0.95em;
        /* 確保標籤本身不會影響對齊 */
        display: inline-block;
        /* 或 flex item */
    }

    .pagination-select-page .form-select[b-8b1g04jrcw] {
        width: auto;
        padding: 6px 12px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        color: #495057;
        font-size: 0.95em;
        cursor: pointer;
        /* 關鍵調整：確保文字和箭頭對齊 */
        vertical-align: middle;
        /* 垂直對齊 */
        line-height: 1.2;
        /* 調整行高，讓內容更緊湊 */
        appearance: none;
        /* 移除預設的系統樣式 */
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        /* 自訂箭頭 */
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        padding-right: 2.5rem;
        /* 為箭頭預留空間 */
    }


.pagination-info[b-8b1g04jrcw] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    color: #555;
    font-size: 0.95em;
}

    .pagination-info .page-control-btn[b-8b1g04jrcw] {
        background-color: #e0e0e0;
        color: #6c757d;
        border: 1px solid #dee2e6;
        padding: 8px 12px;
        border-radius: 5px;
        margin: 0 5px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .pagination-info .page-control-btn:hover[b-8b1g04jrcw] {
            background-color: #d3d3d3;
        }

        .pagination-info .page-control-btn.disabled[b-8b1g04jrcw] {
            opacity: 0.6;
            cursor: not-allowed;
            background-color: #f0f0f0;
        }
/* _content/test2/Areas/Frontend/Views/Home/ActivityInfo.cshtml.rz.scp.css */
body[b-0x5j5mdvmf] {
    font-family: '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    background-color: #f8f9fa; /* 輕微的背景色 */
}

.activity-detail-container[b-0x5j5mdvmf] {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-top: 30px;
    margin-bottom: 50px;
}

.activity-title[b-0x5j5mdvmf] {
    font-size: 2.8em;
    font-weight: bold;
    color: #343a40;
    margin-bottom: 20px;
    line-height: 1.3;
}

.activity-header-meta[b-0x5j5mdvmf] {
    color: #6c757d;
    font-size: 1.1em;
    margin-bottom: 25px;
}

    .activity-header-meta i[b-0x5j5mdvmf] {
        margin-right: 8px;
        color: #007bff; /* 小圖示顏色 */
    }

.activity-image[b-0x5j5mdvmf] {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.section-heading[b-0x5j5mdvmf] {
    font-size: 1.8em;
    color: #495057;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 8px;
}

.activity-content p[b-0x5j5mdvmf] {
    line-height: 1.8;
    color: #343a40;
    margin-bottom: 15px;
}

.info-item[b-0x5j5mdvmf] {
    margin-bottom: 15px;
    font-size: 1.1em;
    color: #555;
}

    .info-item strong[b-0x5j5mdvmf] {
        color: #333;
        min-width: 90px; /* 讓標籤對齊 */
        display: inline-block;
    }

.tag-badge[b-0x5j5mdvmf] {
    background-color: #e9ecef !important;
    color: #495057 !important;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.95em;
    font-weight: normal;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-flex; /* 讓badge可以垂直對齊文字 */
    align-items: center;
}

.register-box[b-0x5j5mdvmf] {
    background-color: #e0e0e0; /* 報名資訊的淺灰色背景 */
    padding: 25px;
    border-radius: 8px;
    margin-top: 30px;
    border-left: 5px solid #007bff; /* 左側藍色邊條 */
}

    .register-box h4[b-0x5j5mdvmf] {
        color: #007bff;
        font-weight: bold;
        margin-bottom: 20px;
    }

.register-btn-detail[b-0x5j5mdvmf] {
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 25px;
    padding: 12px 30px;
    font-size: 1.2em;
    width: 100%; /* 讓按鈕寬度佔滿 */
    margin-top: 20px;
}

    .register-btn-detail:hover[b-0x5j5mdvmf] {
        background-color: #0056b3;
        border-color: #0056b3;
    }

    .register-btn-detail.disabled[b-0x5j5mdvmf] {
        background-color: #6c757d;
        border-color: #6c757d;
        cursor: not-allowed;
    }

/* 覆寫 bootstrap btn */

.btn-primary[b-0x5j5mdvmf] {
    background-color: var(--c-green2-100);
    border-color: var(--c-green2-100);
}

    .btn-primary:hover[b-0x5j5mdvmf] {
        background-color: #5cb85c;
        border-color: #e9f0e6;
        /*    --bs-btn-hover-bg: #3d793d;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #3d793d;*/
    }

/* 返回按鈕 */
.back-to-list[b-0x5j5mdvmf] {
    margin-bottom: 30px;
    text-align: right; /* 置右 */
}

    .back-to-list a[b-0x5j5mdvmf] {
        color: #007bff;
        text-decoration: none;
        font-size: 1.1em;
    }

        .back-to-list a:hover[b-0x5j5mdvmf] {
            text-decoration: underline;
        }
/* _content/test2/Areas/Frontend/Views/Home/Client.cshtml.rz.scp.css */
.page-container[b-09m0byjk79] {
    display: flex;
    min-height: 100vh;
    height: auto;
}

.sidebar[b-09m0byjk79] {
    height: 70vh;
    width: 10vw;
    background-color: #343a40;
    color: #fff;
    flex-shrink: 0; /* 讓它不要被壓縮 */
}

.content[b-09m0byjk79] {
    width: 90vw;
}

.nav-pills .nav-link[b-09m0byjk79] {
    color: #fff;
}

    .nav-pills .nav-link:hover[b-09m0byjk79] {
        background-color: lightgreen;
        color: black;
        opacity: 0.4;
    }

    .nav-pills .nav-link.active[b-09m0byjk79] {
        background-color: lightseagreen !important;
        opacity: 1;
    }

/* 取消瀏覽器預設點button後的藍字效果 */
button.nav-link:focus[b-09m0byjk79] {
    color: inherit;
    /* 使用繼承色，避免變藍 */
    box-shadow: none;
    /* 取消藍色 outline 陰影 */
    outline: none;
    /* 取消藍色外框線 */
}

.card[b-09m0byjk79] {
    box-shadow: 0 120px 600px rgba(9, 174, 39, 0.2) !important;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.accordion-button:focus[b-09m0byjk79] {
    background-color: var(--bs-accordion-btn-bg);
    border-color: var(--bs-border-color);
    box-shadow: none;
}
/* _content/test2/Areas/Frontend/Views/Home/Collection.cshtml.rz.scp.css */
#sec1[b-qknn0ck6f6] {
    min-height: 90vh;
    height: auto;
    width: 100%;
    justify-content: start;
    align-items: start;
}

#box_shelf h3[b-qknn0ck6f6] {
    background-image: url('../images/hbg.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
/* _content/test2/Areas/Frontend/Views/Home/Index.cshtml.rz.scp.css */
:root[b-swmj7ko65c] {
    --bs-primary: #5cb85c;
    /* 綠色主題 */
    --bs-primary-rgb: 92, 184, 92;
    --bs-light-green: #e9f0e6;
    /* 淺綠色，用於背景或邊框 */
    --bs-dark-green: #3d793d;
    /* 深綠色，用於強調 */
    --bs-text-dark: #212529;
    /* 深色文字 */
}

/* 自訂 CSS 樣式，確保在 Bootstrap 之後載入 */
.custom-carousel-wrapper[b-swmj7ko65c] {
    position: relative; /* 讓它是箭頭定位的參考點 */
    /* 其他樣式，例如 padding 來為箭頭預留空間 */
    padding: 0 50px;
}

    .custom-carousel-wrapper .carousel-control-prev[b-swmj7ko65c],
    .custom-carousel-wrapper .carousel-control-next[b-swmj7ko65c] {
        position: absolute; /* 絕對定位 */
        top: 50%;
        transform: translateY(-50%);
        /* 移除 Bootstrap 預設的 left:0; right:0; */
    }

    .custom-carousel-wrapper .carousel-control-prev[b-swmj7ko65c] {
        left: 0;
        transform: translateY(-50%) translateX(-70%); /* 移到左邊外面 */
    }

    .custom-carousel-wrapper .carousel-control-next[b-swmj7ko65c] {
        right: 0;
        transform: translateY(-50%) translateX(70%); /* 移到右邊外面 */
    }

.btn-primary[b-swmj7ko65c] {
    background-color: var(--c-green2-100);
    border-color: #e9f0e6;
    /*    --bs-btn-hover-bg: #3d793d;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #3d793d;*/
}

    .btn-primary:hover[b-swmj7ko65c] {
        background-color: #5cb85c;
        border-color: #e9f0e6;
        /*    --bs-btn-hover-bg: #3d793d;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #3d793d;*/
    }

#main-container[b-swmj7ko65c] {
    display: flex;
    flex-direction: column; /* 垂直排列子元素 */
    min-height: 500vh;
    margin: 0; /* 移除預設邊距 */
}

#tree-section[b-swmj7ko65c] {
    height: 0;
}

#main-slider[b-swmj7ko65c],
#announcements-section[b-swmj7ko65c],
#popularBook-section[b-swmj7ko65c],
#popularbook-section[b-swmj7ko65c],
#FAQ[b-swmj7ko65c] {
    flex: 1; /* 讓這些區塊能夠彈性地伸展，佔據可用空間 */
}

#FAQ[b-swmj7ko65c] {
    position: relative;
    z-index: 10;
}

/*carousel*/

.carousel[b-swmj7ko65c] {
    position: relative;
}

    .carousel.pointer-event[b-swmj7ko65c] {
        touch-action: pan-y;
    }

.carousel-inner[b-swmj7ko65c] {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner[b-swmj7ko65c]::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item[b-swmj7ko65c] {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
    cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item[b-swmj7ko65c] {
        transition: none;
    }
}

.carousel-item.active[b-swmj7ko65c],
.carousel-item-next[b-swmj7ko65c],
.carousel-item-prev[b-swmj7ko65c] {
    display: block;
}

    .carousel-item-next:not(.carousel-item-start)[b-swmj7ko65c],
    .active.carousel-item-end[b-swmj7ko65c] {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-end)[b-swmj7ko65c],
    .active.carousel-item-start[b-swmj7ko65c] {
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item[b-swmj7ko65c] {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active[b-swmj7ko65c],
    .carousel-fade .carousel-item-next.carousel-item-start[b-swmj7ko65c],
    .carousel-fade .carousel-item-prev.carousel-item-end[b-swmj7ko65c] {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-start[b-swmj7ko65c],
.carousel-fade .active.carousel-item-end[b-swmj7ko65c] {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start[b-swmj7ko65c],
    .carousel-fade .active.carousel-item-end[b-swmj7ko65c] {
        transition: none;
    }
}

.carousel-control-prev[b-swmj7ko65c],
.carousel-control-next[b-swmj7ko65c] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev[b-swmj7ko65c],
    .carousel-control-next[b-swmj7ko65c] {
        transition: none;
    }
}

.carousel-control-prev:hover[b-swmj7ko65c], .carousel-control-prev:focus[b-swmj7ko65c],
.carousel-control-next:hover[b-swmj7ko65c],
.carousel-control-next:focus[b-swmj7ko65c] {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev[b-swmj7ko65c] {
    left: 0;
}

.carousel-control-next[b-swmj7ko65c] {
    right: 0;
}

.carousel-control-prev-icon[b-swmj7ko65c],
.carousel-control-next-icon[b-swmj7ko65c] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-prev-icon[b-swmj7ko65c] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon[b-swmj7ko65c] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}

.carousel-indicators[b-swmj7ko65c] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}

    .carousel-indicators [data-bs-target][b-swmj7ko65c] {
        box-sizing: content-box !important;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target][b-swmj7ko65c] {
        transition: none;
    }
}

.carousel-indicators .active[b-swmj7ko65c] {
    opacity: 1;
}

.carousel-caption[b-swmj7ko65c] {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-dark .carousel-control-prev-icon[b-swmj7ko65c],
.carousel-dark .carousel-control-next-icon[b-swmj7ko65c] {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target][b-swmj7ko65c] {
    background-color: #000;
}

.carousel-dark .carousel-caption[b-swmj7ko65c] {
    color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon[b-swmj7ko65c],
[data-bs-theme=dark] .carousel .carousel-control-next-icon[b-swmj7ko65c], [data-bs-theme=dark].carousel .carousel-control-prev-icon[b-swmj7ko65c],
[data-bs-theme=dark].carousel .carousel-control-next-icon[b-swmj7ko65c] {
    filter: invert(1) grayscale(100);
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target][b-swmj7ko65c], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target][b-swmj7ko65c] {
    background-color: #000;
}

[data-bs-theme=dark] .carousel .carousel-caption[b-swmj7ko65c], [data-bs-theme=dark].carousel .carousel-caption[b-swmj7ko65c] {
    color: #000;
}

/*輪播圖*/

/* 設定 3D 視角 */
#main-slider[b-swmj7ko65c] {
    /* 視角深度，數字越大，3D 效果越淺 */
    perspective: 1000px; /* 增加視角深度，讓 3D 效果更明顯 */
    /* 讓內容居中 */
    display: flex;
    /* 讓內容居中 */
    justify-content: center;
    /* 讓內容居中 */
    align-items: center;
    /* 為了箭頭的定位 */
    position: relative;
    max-height: 75vh;
}

/* 輪播容器，負責旋轉 */
.carousel-spinner[b-swmj7ko65c] {
    width: 70vw;
    /* 設定輪播的寬度 */
    height: 35vw;
    /* 設定輪播的高度 */
    position: relative;
    transform-style: preserve-3d;
    /* 讓子元素在 3D 空間中定位 */
    /* 移除自動旋轉動畫 */
    transform-origin: center center;
    /* 旋轉中心設定在中間 */
    transition: transform 0.8s ease-out; /* 加入過渡效果，讓旋轉更平滑 */
    transform: translateZ(-500px);
}

/* 輪播項目 */
.my-carousel-item[b-swmj7ko65c] {
    position: absolute;
    width: 100%;
    /* 讓圖片填滿 */
    height: auto;
    /* 讓圖片填滿 */
    opacity: 0.9;
    /* 稍微透明一點，增加層次感 */
    /* backface-visibility: hidden; */
    /* 如果不希望背面顯示，可以加上 */
    left: 0; /* 確保位置正確 */
    top: 0; /* 確保位置正確 */
    transform-origin: center center; /* 確保旋轉中心正確 */
}

    /* 每個輪播項目的初始位置和旋轉角度 */
    /* 計算方式：rotateY(360deg / 項目數量 * 當前項目索引) translateZ(圓半徑) */
    /* 這裡的 translateZ(500px) 是半徑，可以根據實際效果調整 */
    .my-carousel-item:nth-child(1)[b-swmj7ko65c] {
        top: 50%;
        transform: rotateY(0deg) translateY(-50%) translateZ(500px);
    }

    .my-carousel-item:nth-child(2)[b-swmj7ko65c] {
        top: 50%;
        transform: rotateY(120deg) translateY(-50%) translateZ(500px);
    }

    .my-carousel-item:nth-child(3)[b-swmj7ko65c] {
        top: 50%;
        transform: rotateY(240deg) translateY(-50%) translateZ(500px);
    }

    /* 圖片樣式 */
    .my-carousel-item img[b-swmj7ko65c] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 讓圖片填滿容器 */
        border-radius: 8px;
        /* 讓圖片邊角圓滑一點 */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 增加陰影，讓 3D 感更強 */
    }

/* 旋轉控制箭頭樣式 */
.carousel-control-btn[b-swmj7ko65c] {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 50%;
    color: white;
    border: none;
    padding: 30px 20px;
    cursor: pointer;
    z-index: 10;
    font-size: 3rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

    .carousel-control-btn:hover[b-swmj7ko65c] {
        background-color: rgba(0, 0, 0, 0.7);
    }

.my-carousel-control-prev[b-swmj7ko65c] {
    left: 10px;
    transform: translateX(-20vw) translateY(-50%) translateZ(-500px);
}

.my-carousel-control-next[b-swmj7ko65c] {
    right: 10px;
    transform: translateX(20vw) translateY(-50%) translateZ(-500px);
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------卡片翻轉效果的 CSS 樣式 -------------------------------*/
/* -- 目標是讓翻轉效果與 Bootstrap 的卡片樣式和排版協同運作，並確保高度和視覺效果穩定 --*/
/* ------------------------------------------------------------------------------------ */

/* 確保 col 內部的元素能撐滿高度，以便 flip-card-container 能佔據完整空間 */
.row.g-4 > .col[b-swmj7ko65c] {
    display: flex;
}

/* 設定翻轉卡片的容器 */
.flip-card-container[b-swmj7ko65c] {
    width: 100%;
    /* 固定卡片高度，讓正反面尺寸一致，這是翻轉的關鍵 */
    height: 420px; /* 可以根據實際內容調整這個高度 */
    perspective: 1000px; /* 3D 視角 */
    position: relative; /* 為了讓內部絕對定位的元素參考 */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); /* Bootstrap shadow-sm 樣式 */
    border-radius: var(--bs-card-border-radius, 0.375rem); /* Bootstrap card-border-radius 樣式 */
    overflow: hidden; /* 防止內容溢出圓角 */
}

/* 翻轉的內部元素，真正執行 3D 轉換 */
.flip-card-inner[b-swmj7ko65c] {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s; /* 翻轉動畫時間 */
    transform-style: preserve-3d; /* 讓子元素在 3D 空間中呈現 */
}

/* 滑鼠懸停時，翻轉內部元素 */
.flip-card-container:hover .flip-card-inner[b-swmj7ko65c] {
    transform: rotateY(180deg);
}

/* 卡片的正面和背面共用樣式 */
.flip-card-front[b-swmj7ko65c], .flip-card-back[b-swmj7ko65c] {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* 隱藏元素背面，關鍵屬性 */
    background-color: white; /* 確保背景色，以覆蓋 */
    display: flex; /* 使用 Flexbox 進行內部佈局 */
    flex-direction: column; /* 垂直排列內容 */
    justify-content: flex-start; /* 從起始位置對齊 */
    align-items: flex-start; /* 水平居中 */
    padding: 1rem; /* 內部填充 */
    box-sizing: border-box; /* 確保 padding 不會增加總寬高 */
}

/* 設置正面卡片 */
.flip-card-front[b-swmj7ko65c] {
    z-index: 2; /* 確保正面在背面之上 */
}

/* 設置背面卡片，初始翻轉 180 度 */
.flip-card-back[b-swmj7ko65c] {
    transform: rotateY(180deg);
    justify-content: center; /* 背面內容垂直置中 */
}

/* 調整圖片樣式，讓它在卡片內適當顯示 */
.flip-card-front .card-img-top[b-swmj7ko65c] {
    max-width: 100%;
    height: auto; /* 保持圖片比例 */
    max-height: 65%; /* 限制圖片高度，避免過高擠壓文字 */
    object-fit: contain; /* 確保圖片完整顯示，不裁切 */
    padding: 0.5rem; /* 圖片周圍的留白 */
    margin-bottom: 0.5rem; /* 圖片下方留白 */
}

/* 調整正面卡片的文字部分 */
.flip-card-front .card-title[b-swmj7ko65c] {
    font-size: 1.25rem; /* Bootstrap 預設 h5 大小 */
    margin-top: auto; /* 讓標題和作者在底部對齊 */
    margin-bottom: 0.25rem;
}

.flip-card-front .card-text[b-swmj7ko65c] {
    font-size: 0.9rem; /* Bootstrap 預設 text-muted 大小 */
    color: var(--bs-secondary-color); /* Bootstrap 預設 text-muted 顏色 */
    margin-bottom: 0; /* 移除段落底部多餘邊距 */
}

/* 調整背面卡片內容的文字樣式 */
.flip-card-back .card-title[b-swmj7ko65c] {
    margin-top: unset;
    margin-bottom: 0.75rem;
}

.flip-card-back p[b-swmj7ko65c] {
    margin-bottom: 0.5rem;
    font-size: 0.95em;
    line-height: 1.5;
}

.flip-card-back .btn[b-swmj7ko65c] {
    margin-top: 1rem;
}

/* 分頁區域樣式 */
.pagination-container[b-swmj7ko65c] {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 確保垂直置中 */
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.pagination-buttons .btn[b-swmj7ko65c] {
    background-color: #f0f0f0;
    color: #6c757d;
    border: 1px solid #dee2e6;
    padding: 8px 15px;
    margin: 0 2px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

    .pagination-buttons .btn.active[b-swmj7ko65c] {
        background-color: #dc3545;
        /* 圖片中的橘紅色 */
        color: white;
        border-color: #dc3545;
    }

    .pagination-buttons .btn:hover:not(.active)[b-swmj7ko65c] {
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

.pagination-select-page[b-swmj7ko65c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

    .pagination-select-page label[b-swmj7ko65c] {
        margin-right: 10px;
        color: #555;
        font-size: 0.95em;
        /* 確保標籤本身不會影響對齊 */
        display: inline-block;
        /* 或 flex item */
    }

    .pagination-select-page .form-select[b-swmj7ko65c] {
        width: auto;
        padding: 6px 12px;
        border-radius: 5px;
        border: 1px solid #ced4da;
        color: #495057;
        font-size: 0.95em;
        cursor: pointer;
        /* 關鍵調整：確保文字和箭頭對齊 */
        vertical-align: middle;
        /* 垂直對齊 */
        line-height: 1.2;
        /* 調整行高，讓內容更緊湊 */
        appearance: none;
        /* 移除預設的系統樣式 */
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        /* 自訂箭頭 */
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        padding-right: 2.5rem;
        /* 為箭頭預留空間 */
    }


.pagination-info[b-swmj7ko65c] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    color: #555;
    font-size: 0.95em;
}

    .pagination-info .page-control-btn[b-swmj7ko65c] {
        background-color: #e0e0e0;
        color: #6c757d;
        border: 1px solid #dee2e6;
        padding: 8px 12px;
        border-radius: 5px;
        margin: 0 5px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .pagination-info .page-control-btn:hover[b-swmj7ko65c] {
            background-color: #d3d3d3;
        }

        .pagination-info .page-control-btn.disabled[b-swmj7ko65c] {
            opacity: 0.6;
            cursor: not-allowed;
            background-color: #f0f0f0;
        }

.faq-item[b-swmj7ko65c] {
    background-color: #ffffff; /* 設定為白色背景 */
}

/* ---------------------------------------------------------- */
/* --- 通用設定：適用於所有卡片內的圖片與文字區塊基礎樣式 --- */
/* ---------------------------------------------------------- */

/* 圖片父容器的基礎樣式 */
.book-image-ratio-container[b-swmj7ko65c] {
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0; /* 可選：圖片載入前的背景色 */
    display: flex; /* 讓圖片在容器內置中 */
    justify-content: center;
    align-items: center;
    /* 如果有通用的 aspect-ratio 需求，放在這裡 */
    /* aspect-ratio: 2 / 3; */
}

/* 圖片本身的基礎樣式 */
.book-image[b-swmj7ko65c] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 讓圖片填滿整個容器，裁切多餘部分 */
    display: block;
}

/* card-body 的基礎樣式 */
.card-body[b-swmj7ko65c] {
    flex-grow: 1; /* 自動佔據剩下的空間，這是一個很好的通用設定 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
}

/* 卡片標題的基礎樣式 */
.card-title[b-swmj7ko65c] {
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分顯示省略號 */
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制顯示一行 */
    text-overflow: ellipsis; /* 超出部分顯示省略號 */
    -webkit-box-orient: vertical;
    white-space: normal; /* 允許換行 */
    margin-top: auto; /* 讓標題盡量靠下 */
    margin-bottom: 0.25rem;
}

/* 卡片文字的基礎樣式 */
.card-text[b-swmj7ko65c] {
    height: 1.5em; /* 確保 1 行文字高度 */
    overflow: hidden;
    white-space: nowrap; /* 不換行 */
    text-overflow: ellipsis; /* 超出部分顯示省略號 */
    margin-bottom: 0;
}

/* ----------------------------------------------- */
/* 針對新書推薦輪播圖的特定設定 (覆蓋或細化通用設定) */
/* ----------------------------------------------- */

#newBooksCarousel .card[b-swmj7ko65c] {
    height: 600px; /* <--- 核心：設定固定高度 */
    /* 這裡不再需要 h-100 class，因為已經有了固定高度 */
    /* 如果 .card 已經有 display: flex; flex-direction: column; 等設定，
       且沒有其他卡片類別會衝突，這裡可以不重複設定 */
}

#newBooksCarousel .book-image-ratio-container[b-swmj7ko65c] {
    flex: 0 0 85%; /* 圖片容器佔卡片總高 70% */
}

/* 新書推薦的 card-body 會自動佔據剩下空間，所以這裡只要寫 flex: 1 即可 */
#newBooksCarousel .card-body[b-swmj7ko65c] {
    flex: 1;
}

.pagination-buttons > .btn.active[b-swmj7ko65c] {
    background-color: var(--c-green2-100);
    border-color: var(--c-green2-100);
}
/* _content/test2/Areas/Frontend/Views/Home/Login.cshtml.rz.scp.css */
:root[b-qdt2t2v2th] {
    --bs-primary: #5cb85c;
    /* 綠色主題 */
    --bs-primary-rgb: 92, 184, 92;
    --bs-light-green: #e9f0e6;
    /* 淺綠色，用於背景或邊框 */
    --bs-dark-green: #3d793d;
    /* 深綠色，用於強調 */
    --bs-text-dark: #212529;
    /* 深色文字 */
}

body[b-qdt2t2v2th] {
    font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    /* 設定常用繁體中文字體，優先使用思源黑體 */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* 讓頁面至少佔滿整個視窗高度 */
    background-color: #fcfaf7;
    /* 更柔和、溫暖的淺米白背景色 */
    color: #333;
    /* 預設文字顏色 */
}

main[b-qdt2t2v2th] {
    display: flex;
    flex-direction: column;
    /* 垂直排列子元素 */
    min-height: 100vh;
    margin: 0;
    /* 移除預設邊距 */
    justify-content: center;
    align-items: center;
}

#tree-section[b-qdt2t2v2th] {
    height: 0;
}

#sec5[b-qdt2t2v2th] {
    height: 0;
}


h1[b-qdt2t2v2th],
h2[b-qdt2t2v2th],
h3[b-qdt2t2v2th],
h4[b-qdt2t2v2th],
h5[b-qdt2t2v2th],
h6[b-qdt2t2v2th] {
    font-family: 'Noto Serif TC', serif;
    /* 標題使用思源宋體，更有書卷氣 */
    color: #4a6b52;
    /* 深綠色調，沉穩有質感 */
}

/* 登入卡片樣式 */
.login-card[b-qdt2t2v2th] {
    background-color: #ffffff;
    padding: 3rem;
    /* 增加內距 */
    border-radius: 12px;
    /* 圓角更柔和 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    /* 更細緻的陰影 */
    max-width: 420px;
    /* 卡片最大寬度 */
    width: 100%;
    border: 1px solid #e0e0e0;
    /* 輕微的邊框，增加質感 */
}

    .login-card h3[b-qdt2t2v2th] {
        color: #4a6b52;
        /* 深綠色標題 */
        margin-bottom: 2.5rem;
        /* 增加標題下邊距 */
        text-align: center;
        font-weight: 700;
        /* 更粗的字體 */
        letter-spacing: 1px;
        /* 字母間距稍微大一點 */
    }

    .login-card .form-label[b-qdt2t2v2th] {
        color: #555;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

    .login-card .form-control[b-qdt2t2v2th] {
        border-radius: 8px;
        /* 輸入框圓角 */
        padding: 0.9rem 1.2rem;
        border: 1px solid #dcdcdc;
        /* 輕微的邊框 */
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .login-card .form-control:focus[b-qdt2t2v2th] {
            border-color: #8cc63f;
            /* focus 時邊框顏色 */
            box-shadow: 0 0 0 0.25rem rgba(140, 198, 63, 0.25);
            /* focus 時陰影 */
            outline: none;
        }

    .login-card .btn-success[b-qdt2t2v2th] {
        background-color: #6a9955;
        /* 更柔和的綠色按鈕 */
        border-color: #6a9955;
        padding: 0.9rem 2.5rem;
        border-radius: 8px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: background-color 0.3s ease, border-color 0.3s ease;
        letter-spacing: 1px;
    }

        .login-card .btn-success:hover[b-qdt2t2v2th] {
            background-color: #4a6b52;
            /* 滑鼠移過變成深綠色 */
            border-color: #4a6b52;
        }

    .login-card .form-text[b-qdt2t2v2th] {
        text-align: center;
        margin-top: 1.5rem;
        font-size: 0.9rem;
    }

        .login-card .form-text a[b-qdt2t2v2th] {
            font-weight: 500;
            color: #6a9955;
            /* 連結顏色改成綠色系 */
        }


    .login-card .btn-google[b-qdt2t2v2th],
    .login-card .btn-facebook[b-qdt2t2v2th] {
        font-weight: bold;
        font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    }

    .login-card .btn-google[b-qdt2t2v2th] {
        background-color: #DB4437;
        /* Google 紅色 */
        border-color: #DB4437;
        color: #fff;
    }

        .login-card .btn-google:hover[b-qdt2t2v2th] {
            background-color: #c0392b;
            border-color: #c0392b;
        }

    .login-card .btn-facebook[b-qdt2t2v2th] {
        background-color: #4267B2;
        /* Facebook 藍色 */
        border-color: #4267B2;
        color: #fff;
    }

/* 調整註冊div連結佈局 */
.register-links[b-qdt2t2v2th] {
    display: flex;
    justify-content: center;
    /* 讓內容居中 */
    margin-top: 1.5rem;
    /* 調整上邊距 */
}

    .register-links a[b-qdt2t2v2th] {
        font-weight: 500;
        color: #6a9955;
        /* 連結顏色改成綠色系 */
        text-decoration: none;
        /* 移除底線 */
    }

        .register-links a:hover[b-qdt2t2v2th] {
            text-decoration: underline;
            /* 滑鼠移過時顯示底線 */
        }

    .register-links span[b-qdt2t2v2th] {
        margin: 0 10px;
        /* 增加連結間的間距 */
        color: #aaa;
        /* 分隔符號顏色 */
    }
/* _content/test2/Areas/Frontend/Views/Home/Query.cshtml.rz.scp.css */
/*sec1*/
#sec1[b-d8s75ebos9] {
    min-height: 60vh;
    height: auto;
}

#box_result[b-d8s75ebos9] {
    width: 100%;
    height: 50%;
}

    #box_result img[b-d8s75ebos9] {
        max-height: 100%;
        max-width: 100%;
        object-fit: fill;
    }

    #box_result table[b-d8s75ebos9] {
        font-size: 1.25rem;
    }

        #box_result table th[b-d8s75ebos9],
        #box_result table td[b-d8s75ebos9] {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #box_result table td[b-d8s75ebos9] {
            padding-left: 15px;
        }

/*sec2*/
#sec2[b-d8s75ebos9] {
    min-height: 40vh;
    height: auto;
}

#box_tab .nav-link[b-d8s75ebos9] {
    background-color: transparent;
    color: var(--c-gray2-100);
    border: 1px solid transparent;
    margin-bottom: -2px;
}

    #box_tab .nav-link.active[b-d8s75ebos9] {
        background: var(--c-green1-025);
        color: var(--c-gray1-100);
        border-top: 1px solid var(--c-gray2-025);
        border-right: 1px solid var(--c-gray2-025);
        border-bottom: 1px solid transparent;
        border-left: 1px solid var(--c-gray2-025);
        border-radius: .5rem .5rem 0 0;
    }

#box_relate[b-d8s75ebos9] {
    min-height: 45vh;
}

/*sec3*/
#sec3[b-d8s75ebos9] {
    min-height: 40vh;
    height: auto;
}
/* _content/test2/Areas/Frontend/Views/Home/Register.cshtml.rz.scp.css */
:root[b-pqduqkbi5v] {
    --bs-primary: #5cb85c;
    /* 綠色主題 */
    --bs-primary-rgb: 92, 184, 92;
    --bs-light-green: #e9f0e6;
    /* 淺綠色，用於背景或邊框 */
    --bs-dark-green: #3d793d;
    /* 深綠色，用於強調 */
    --bs-text-dark: #212529;
    /* 深色文字 */
}



body[b-pqduqkbi5v] {
    font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    /* 設定常用繁體中文字體，優先使用思源黑體 */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* 讓頁面至少佔滿整個視窗高度 */
    background-color: #fcfaf7;
    /* 更柔和、溫暖的淺米白背景色 */
    color: #333;
    /* 預設文字顏色 */
}

main[b-pqduqkbi5v] {
    display: flex;
    flex-direction: column;
    /* 垂直排列子元素 */
    min-height: 100vh;
    margin: 0;
    /* 移除預設邊距 */
    justify-content: center;
    align-items: center;
}

#tree-section[b-pqduqkbi5v] {
    height: 0;
}


h1[b-pqduqkbi5v],
h2[b-pqduqkbi5v],
h3[b-pqduqkbi5v],
h4[b-pqduqkbi5v],
h5[b-pqduqkbi5v],
h6[b-pqduqkbi5v] {
    font-family: 'Noto Serif TC', serif;
    /* 標題使用思源宋體，更有書卷氣 */
    color: #4a6b52;
    /* 深綠色調，沉穩有質感 */
}

/* 註冊卡片樣式 (沿用 login-card 的樣式) */
.login-card[b-pqduqkbi5v] {
    background-color: #ffffff;
    padding: 3rem;
    /* 增加內距 */
    border-radius: 12px;
    /* 圓角更柔和 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    /* 更細緻的陰影 */
    max-width: 420px;
    /* 卡片最大寬度 */
    width: 100%;
    border: 1px solid #e0e0e0;
    /* 輕微的邊框，增加質感 */
}

    .login-card h3[b-pqduqkbi5v] {
        color: #4a6b52;
        /* 深綠色標題 */
        margin-bottom: 2.5rem;
        /* 增加標題下邊距 */
        text-align: center;
        font-weight: 700;
        /* 更粗的字體 */
        letter-spacing: 1px;
        /* 字母間距稍微大一點 */
    }

    .login-card .form-label[b-pqduqkbi5v] {
        color: #555;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

    .login-card .form-control[b-pqduqkbi5v] {
        border-radius: 8px;
        /* 輸入框圓角 */
        padding: 0.9rem 1.2rem;
        border: 1px solid #dcdcdc;
        /* 輕微的邊框 */
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .login-card .form-control:focus[b-pqduqkbi5v] {
            border-color: #8cc63f;
            /* focus 時邊框顏色 */
            box-shadow: 0 0 0 0.25rem rgba(140, 198, 63, 0.25);
            /* focus 時陰影 */
            outline: none;
        }

    .login-card .btn-success[b-pqduqkbi5v] {
        background-color: var(--c-green2-100);
        /* 更柔和的綠色按鈕 */
        border-color: #e9f0e6;
        padding: 0.9rem 2.5rem;
        border-radius: 8px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: background-color 0.3s ease, border-color 0.3s ease;
        letter-spacing: 1px;
    }

        .login-card .btn-success:hover[b-pqduqkbi5v] {
            background-color: #6a9955;
            /* 滑鼠移過變成深綠色 */
            border-color: #4a6b52;
        }

    .login-card .form-text[b-pqduqkbi5v] {
        text-align: center;
        margin-top: 1.5rem;
        font-size: 0.9rem;
    }

        .login-card .form-text a[b-pqduqkbi5v] {
            font-weight: 500;
            color: #6a9955; /* 連結顏色改成綠色系 */
        }

    .login-card .btn-google[b-pqduqkbi5v],
    .login-card .btn-facebook[b-pqduqkbi5v] {
        font-weight: bold;
        font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
        display: none; /* 註冊頁面通常沒有第三方登入按鈕，所以先隱藏 */
    }

/* 覆寫 bootstarp btn 樣式 btn-primary btn-secondary(隱私權政策、會員條款) */

.btn-primary[b-pqduqkbi5v] {
    background-color: var(--c-green2-100);
    border-color: #e9f0e6;
}

    .btn-primary:hover[b-pqduqkbi5v] {
        background-color: #6a9955;
        /* 滑鼠移過變成深綠色 */
        border-color: #4a6b52;
    }

.btn-secondary[b-pqduqkbi5v] {
    background-color: var(--c-green2-100);
    border-color: #e9f0e6;
}

    .btn-secondary:hover[b-pqduqkbi5v] {
        background-color: #6a9955;
        /* 滑鼠移過變成深綠色 */
        border-color: #4a6b52;
    }

/* 調整註冊頁面的連結佈局 */
.register-links[b-pqduqkbi5v] {
    display: flex;
    justify-content: center; /* 讓內容居中 */
    margin-top: 1.5rem; /* 調整上邊距 */
}

    .register-links a[b-pqduqkbi5v] {
        font-weight: 500;
        color: #6a9955; /* 連結顏色改成綠色系 */
        text-decoration: none; /* 移除底線 */
    }

        .register-links a:hover[b-pqduqkbi5v] {
            text-decoration: underline; /* 滑鼠移過時顯示底線 */
        }

    .register-links span[b-pqduqkbi5v] {
        margin: 0 10px; /* 增加連結間的間距 */
        color: #aaa; /* 分隔符號顏色 */
    }

/* 預設隱藏整個錯誤訊息容器 */
.error-message[b-pqduqkbi5v] {
    min-height: 2em;
    visibility: hidden; /* 隱藏內容但保留空間 */
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/* 當 input 有驗證錯誤時，顯示 .error-message */
.input-validation-error + .error-message[b-pqduqkbi5v]{
    visibility: visible;
    opacity: 1;
}

.icon-lg[b-pqduqkbi5v] {
    font-size: 1em;
    margin-right: 0.5em; /* icon 和文字間距 */
    color: #ff0000;
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_accordion.cshtml.rz.scp.css */
.accordion-button:focus[b-lhk01efj60] {
    border-color: var(--bs-border-color);
    box-shadow: none;
}

.accordion-button:not(.collapsed)[b-lhk01efj60] {
    background-color: var(--c-green2-025);
}

.btn_accordion[b-lhk01efj60] {
    display: block;
    padding: .5rem .25rem;
    text-decoration: none;
}

    .btn_accordion:hover[b-lhk01efj60] {
        background-color: var(--c-orange-025);
    }

#Cbtn_reset[b-lhk01efj60] {
    background-color: var(--c-blue---050);
    color: white;
}

/*RWD*/
@media(max-width: 768px) {
    #btn_publisher3[b-lhk01efj60] {
        font-size: .5rem;
    }
}

@media(max-width: 992px) {
    .btn_type[b-lhk01efj60],
    .btn_author[b-lhk01efj60],
    .btn_publisher[b-lhk01efj60],
    .btn_lang[b-lhk01efj60],
    .btn_year[b-lhk01efj60] {
        font-size: .75rem;
    }
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_activityList_image.cshtml.rz.scp.css */
/* 覆寫 bootstrap btn */

.btn-primary[b-nbnnjf4o5m] {
    background-color: var(--c-green2-100);
    border-color: var(--c-green2-100);
}

    .btn-primary:hover[b-nbnnjf4o5m] {
        background-color: #5cb85c;
        border-color: #e9f0e6;
        /*    --bs-btn-hover-bg: #3d793d;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #3d793d;*/
    }

.activity-card-bs[b-nbnnjf4o5m] {
    border: none;
    /* 移除 Bootstrap 預設卡片邊框 */
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
}

    .activity-card-bs:hover[b-nbnnjf4o5m] {
        transform: translateY(-5px);
    }



.card-image-bs[b-nbnnjf4o5m] {
    height: 200px;
    /* 固定圖片高度 */
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.activity-tags-bs .badge[b-nbnnjf4o5m] {
    background-color: #f0f0f0 !important;
    /* 確保背景色不會被覆蓋 */
    color: #666 !important;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 0.85em;
    font-weight: normal;
    /* 讓標籤文字不要太粗 */
}

.register-btn-bs[b-nbnnjf4o5m] {
    background-color: #007bff;
    /* 報名按鈕顏色 */
    border-color: #007bff;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 1em;
}

    .register-btn-bs:hover[b-nbnnjf4o5m] {
        background-color: #0056b3;
        border-color: #0056b3;
    }

    .register-btn-bs.disabled[b-nbnnjf4o5m] {
        background-color: #6c757d;
        border-color: #6c757d;
        cursor: not-allowed;
    }

.more-activities-btn-bs[b-nbnnjf4o5m] {
    background-color: #4CAF50;
    /* 更多活動按鈕顏色 */
    border-color: #4CAF50;
    border-radius: 25px;
    padding: 12px 25px;
    font-size: 1.1em;
}

    .more-activities-btn-bs:hover[b-nbnnjf4o5m] {
        background-color: #45a049;
        border-color: #45a049;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_activityList_table.cshtml.rz.scp.css */
/* 覆寫 bootstrap btn */

.btn-primary[b-5assuxjc9w] {
    background-color: var(--c-green2-100);
    border-color: var(--c-green2-100);
}

    .btn-primary:hover[b-5assuxjc9w] {
        background-color: #5cb85c;
        border-color: #e9f0e6;
        /*    --bs-btn-hover-bg: #3d793d;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #3d793d;*/
    }

/* 表格樣式調整 */
.activity-table-bs[b-5assuxjc9w] {
    width: 100%;
    border-collapse: separate; /* 為了圓角和陰影 */
    border-spacing: 0 10px; /* 增加行間距 */
    margin-top: 20px;
}

    .activity-table-bs thead th[b-5assuxjc9w] {
        background-color: #f8f9fa;
        color: #333;
        font-weight: bold;
        padding: 15px 20px;
        text-align: left;
        border-bottom: 1px solid #dee2e6;
    }

    .activity-table-bs tbody tr[b-5assuxjc9w] {
        background-color: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s ease-in-out;
        cursor: pointer; /* 讓滑鼠移過去有可點擊的感覺 */
    }

        .activity-table-bs tbody tr:hover[b-5assuxjc9w] {
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

    .activity-table-bs tbody td[b-5assuxjc9w] {
        padding: 15px 20px;
        border-bottom: 1px solid #eee;
        vertical-align: middle; /* 垂直置中 */
    }

    .activity-table-bs tbody tr:last-child td[b-5assuxjc9w] {
        border-bottom: none; /* 最後一列不需要底線 */
    }

    /* 讓表格頭尾有圓角 */
    .activity-table-bs thead tr:first-child th:first-child[b-5assuxjc9w] {
        border-top-left-radius: 10px;
    }

    .activity-table-bs thead tr:first-child th:last-child[b-5assuxjc9w] {
        border-top-right-radius: 10px;
    }

    .activity-table-bs tbody tr:last-child td:first-child[b-5assuxjc9w] {
        border-bottom-left-radius: 10px;
    }

    .activity-table-bs tbody tr:last-child td:last-child[b-5assuxjc9w] {
        border-bottom-right-radius: 10px;
    }

    /* 特殊樣式：類別 Badge */
    .activity-table-bs .badge[b-5assuxjc9w] {
        background-color: #e9ecef !important;
        color: #495057 !important;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 0.85em;
        font-weight: normal;
    }

/* 確保圖片式容器在顯示條列式時是隱藏的 */
.activity-cards-container-bs[b-5assuxjc9w] {
    display: none;
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_book.cshtml.rz.scp.css */
.page[b-juqohieeu5] {
    border: solid 1px var(--c-gray2-050);
    border-radius: 1rem;
    background-color: var(--c-brown1-010);
}

.box_book[b-juqohieeu5] {
    height: 35vh;
}

    .box_book img[b-juqohieeu5] {
        max-height: 100%;
        max-width: 100%;
        object-fit: fill;
    }

    .box_book table[b-juqohieeu5] {
        font-size: 1.25rem;
    }

        .box_book table th[b-juqohieeu5] {
            padding-right: 1rem;
        }

.sep[b-juqohieeu5] {
    border-bottom: solid 1px var(--c-gray2-025);
}

.btn_book1[b-juqohieeu5] {
    width: 10%;
    background-color: var(--c-green2-100);
    color: white;
}

    .btn_book1:active[b-juqohieeu5] {
        background-color: var(--c-green2-100) !important;
        color: var(--c-orange-100) !important;
    }

    .btn_book1:hover[b-juqohieeu5] {
        background-color: var(--c-green2-100);
        color: var(--c-orange-100);
        animation: ani_btn .75s infinite;
    }

.btn_book2[b-juqohieeu5] {
    width: 10%;
    background-color: var(--c-blue---050);
    color: white;
}

    .btn_book2:active[b-juqohieeu5] {
        background-color: var(--c-blue---050) !important;
        color: white !important;
    }

    .btn_book2:hover[b-juqohieeu5] {
        background-color: var(--c-blue---050);
        color: white;
        animation: ani_btn .75s infinite;
    }

#box_man i[b-juqohieeu5] {
    pointer-events: none;
    margin-left: .8rem;
    margin-right: .8rem;
    color: transparent;
}

#box_pag[b-juqohieeu5] {
    display: flex;
    justify-content: center;
}

.page-link[b-juqohieeu5] {
    min-width: 3rem;
    background-color: var(--c-brown2-050);
    color: white;
}

    .page-link:hover[b-juqohieeu5] {
        background-color: var(--c-brown2-050) !important;
        color: white !important;
    }

    .page-link:focus[b-juqohieeu5] {
        background-color: var(--c-brown2-050) !important;
        color: white !important;
        box-shadow: none;
    }

.clickClass[b-juqohieeu5] {
    pointer-events: none;
    cursor: not-allowed;
}

/*RWD*/
@media(max-width: 992px) {
    .box_book table[b-juqohieeu5] {
        font-size: 1rem;
    }
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_carousel.cshtml.rz.scp.css */
figure:hover[b-wdh759udfa] {
    transform: scale(1.1);
    transition: transform .5s ease-in-out;
}

figure:not(:hover)[b-wdh759udfa] {
    transition: transform .5s ease-in-out;
}

.carousel-control-prev[b-wdh759udfa] {
    left: -10%
}

.carousel-control-next[b-wdh759udfa] {
    right: -10%
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_clientBorrow.cshtml.rz.scp.css */
.btn_cFav[b-1rzojwzdvy] {
    background-color: var(--c-green2-100);
}

    .btn_cFav:focus[b-1rzojwzdvy] {
        background-color: var(--c-green2-100);
        color: white;
    }

.btn_dFav[b-1rzojwzdvy] {
    background-color: var(--c-red----100);
}

    .btn_dFav:focus[b-1rzojwzdvy] {
        background-color: var(--c-red----100);
        color: white;
    }

.btn-open-comment[b-1rzojwzdvy] {
    background-color: var(--c-blue1--075);
}

    .btn-open-comment:focus[b-1rzojwzdvy] {
        background-color: var(--c-blue1--075);
        color: white;
    }

    .btn_cFav:hover[b-1rzojwzdvy],
    .btn_dFav:hover[b-1rzojwzdvy],
    .btn-open-comment:hover[b-1rzojwzdvy] {
        color: white;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_clientFav.cshtml.rz.scp.css */
.btn_dFav[b-n84bzx34u8] {
    background-color: var(--c-red----100);
}

    .btn_dFav:focus[b-n84bzx34u8] {
        background-color: var(--c-red----100);
        color: white;
    }

    .btn_dFav:hover[b-n84bzx34u8] {
        color: white;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_clientHome.cshtml.rz.scp.css */
.bi-circle-fill:hover[b-38q2e7thgi] {
    color: black !important;
}

#editPasswordBtn[b-38q2e7thgi],
#editPhoneBtn[b-38q2e7thgi] {
    background-color: var(--c-blue1--075);
    color: white;
}

#confirmPasswordBtn[b-38q2e7thgi],
#savePasswordBtn[b-38q2e7thgi],
#savePhoneBtn[b-38q2e7thgi] {
    background-color: var(--c-green2-100);
    color: white;
}

.bi-facebook:hover[b-38q2e7thgi] {
    color: white !important;
}

#btn_google:hover[b-38q2e7thgi] {
    background-color: rgb(248, 249, 250);
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_clientParticipations.cshtml.rz.scp.css */
.btn_cFav[b-k6gkr09gec] {
    background-color: var(--c-green2-100);
}

    .btn_cFav:focus[b-k6gkr09gec] {
        background-color: var(--c-green2-100);
        color: white;
    }

.btn_dFav[b-k6gkr09gec] {
    background-color: var(--c-red----100);
}

    .btn_dFav:focus[b-k6gkr09gec] {
        background-color: var(--c-red----100);
        color: white;
    }

.btn-open-comment[b-k6gkr09gec] {
    background-color: var(--c-blue1--075);
}

    .btn-open-comment:focus[b-k6gkr09gec] {
        background-color: var(--c-blue1--075);
        color: white;
    }

    .btn_cFav:hover[b-k6gkr09gec],
    .btn_dFav:hover[b-k6gkr09gec],
    .btn-open-comment:hover[b-k6gkr09gec] {
        color: white;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_form.cshtml.rz.scp.css */
.Qbtn_search[b-3pj4r2roh0] {
    width: 30%;
    margin-left: 10px;
    background-color: var(--c-green2-100);
    color: white;
}

    .Qbtn_search:active[b-3pj4r2roh0] {
        background-color: var(--c-green2-100) !important;
        color: var(--c-orange-100) !important;
    }

    .Qbtn_search:hover[b-3pj4r2roh0] {
        background-color: var(--c-green2-100);
        color: var(--c-orange-100);
        animation: ani_btn .75s infinite;
    }

#Qsel_type1[b-3pj4r2roh0] {
    width: 30%;
    text-align: center;
    font-size: 1rem;
}

#Qbox_search_type[b-3pj4r2roh0] {
    width: 65%;
    margin-left: 10px;
}

#Qbox_search_year1[b-3pj4r2roh0] {
    width: 44%;
    margin-right: 10px;
    text-align: center;
}

#Qbox_search_year2[b-3pj4r2roh0] {
    width: 44%;
    margin-left: 10px;
    text-align: center;
}

#Qsel_lang[b-3pj4r2roh0], #Qsel_type2[b-3pj4r2roh0] {
    width: 98%;
    font-size: 1rem;
}

    #Qbox_search:focus[b-3pj4r2roh0],
    #Qsel_type1:focus[b-3pj4r2roh0],
    #Qbox_search_type:focus[b-3pj4r2roh0],
    #Qbox_search_year1:focus[b-3pj4r2roh0],
    #Qbox_search_year2:focus[b-3pj4r2roh0],
    #Qsel_lang:focus[b-3pj4r2roh0],
    #Qsel_type2:focus[b-3pj4r2roh0] {
        border-color: var(--bs-border-color);
        box-shadow: none;
    }

.Qbtn_hot[b-3pj4r2roh0] {
    min-width: 10%;
    max-width: 20%;
    margin-left: 20px;
    background-color: var(--c-blue---050);
    color: white;
}

    .Qbtn_hot:active[b-3pj4r2roh0] {
        background-color: var(--c-blue---050) !important;
        color: white !important;
    }

    .Qbtn_hot:hover[b-3pj4r2roh0] {
        background-color: var(--c-blue---050);
        color: white;
        animation: ani_btn .75s infinite;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_formQ.cshtml.rz.scp.css */
.Qbtn_search[b-f48m6dj6jq] {
    width: 30%;
    margin-left: 10px;
    background-color: var(--c-green2-100);
    color: white;
}

    .Qbtn_search:active[b-f48m6dj6jq] {
        background-color: var(--c-green2-100) !important;
        color: var(--c-orange-100) !important;
    }

    .Qbtn_search:hover[b-f48m6dj6jq] {
        background-color: var(--c-green2-100);
        color: var(--c-orange-100);
        animation: ani_btn .75s infinite;
    }

#Qsel_type1[b-f48m6dj6jq] {
    width: 30%;
    text-align: center;
    font-size: 1rem;
}

#Qbox_search_type[b-f48m6dj6jq] {
    width: 65%;
    margin-left: 10px;
}

#Qbox_search_year1[b-f48m6dj6jq] {
    width: 44%;
    margin-right: 10px;
    text-align: center;
}

#Qbox_search_year2[b-f48m6dj6jq] {
    width: 44%;
    margin-left: 10px;
    text-align: center;
}

#Qsel_lang[b-f48m6dj6jq], #Qsel_type2[b-f48m6dj6jq] {
    width: 98%;
    font-size: 1rem;
}

    #Qbox_search:focus[b-f48m6dj6jq],
    #Qsel_type1:focus[b-f48m6dj6jq],
    #Qbox_search_type:focus[b-f48m6dj6jq],
    #Qbox_search_year1:focus[b-f48m6dj6jq],
    #Qbox_search_year2:focus[b-f48m6dj6jq],
    #Qsel_lang:focus[b-f48m6dj6jq],
    #Qsel_type2:focus[b-f48m6dj6jq] {
        border-color: var(--bs-border-color);
        box-shadow: none;
    }

.Qbtn_hot[b-f48m6dj6jq] {
    min-width: 10%;
    max-width: 25%;
    margin-left: 20px;
    background-color: var(--c-blue---050);
    color: white;
}

    .Qbtn_hot:active[b-f48m6dj6jq] {
        background-color: var(--c-blue---050) !important;
        color: white !important;
    }

    .Qbtn_hot:hover[b-f48m6dj6jq] {
        background-color: var(--c-blue---050);
        color: white;
        animation: ani_btn .75s infinite;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_modal.cshtml.rz.scp.css */
.modal-header[b-dsyq76xjk6] {
    justify-content: center;
}

.modal-body > input[b-dsyq76xjk6] {
    display: inline;
    align-items: center;
}

#box_search[b-dsyq76xjk6] {
    width: 65%;
    text-align: center;
}

.btn_search[b-dsyq76xjk6] {
    width: 15%;
    margin-left: 10px;
    background-color: var(--c-green2-100);
    color: white;
}

    .btn_search:active[b-dsyq76xjk6] {
        background-color: var(--c-green2-100) !important;
        color: var(--c-orange-100) !important;
    }

    .btn_search:hover[b-dsyq76xjk6] {
        background-color: var(--c-green2-100);
        color: var(--c-orange-100);
        animation: ani_btn .75s infinite;
    }

#sel_type1[b-dsyq76xjk6] {
    width: 30%;
    text-align: center;
    font-size: 1rem;
}

#box_search_type[b-dsyq76xjk6] {
    width: 65%;
    margin-left: 10px;
}

#box_search_year1[b-dsyq76xjk6] {
    width: 44%;
    margin-right: 10px;
    text-align: center;
}

#box_search_year2[b-dsyq76xjk6] {
    width: 44%;
    margin-left: 10px;
    text-align: center;
}

#sel_lang[b-dsyq76xjk6], #sel_type2[b-dsyq76xjk6] {
    width: 98%;
    font-size: 1rem;
}

    #box_search:focus[b-dsyq76xjk6],
    #sel_type1:focus[b-dsyq76xjk6],
    #box_search_type:focus[b-dsyq76xjk6],
    #box_search_year1:focus[b-dsyq76xjk6],
    #box_search_year2:focus[b-dsyq76xjk6],
    #sel_lang:focus[b-dsyq76xjk6],
    #sel_type2:focus[b-dsyq76xjk6] {
        border-color: var(--bs-border-color);
        box-shadow: none;
    }

.btn_hot[b-dsyq76xjk6] {
    min-width: 15%;
    max-width: 30%;
    margin-left: 10px;
    background-color: var(--c-blue---050);
    color: white;
}

    .btn_hot:active[b-dsyq76xjk6] {
        background-color: var(--c-blue---050) !important;
        color: white !important;
    }

    .btn_hot:hover[b-dsyq76xjk6] {
        background-color: var(--c-blue---050);
        color: white;
        animation: ani_btn .75s infinite;
    }

/*RWD*/
@media(max-width: 576px) {
    #btn_hot4[b-dsyq76xjk6] {
        display: none;
    }
}
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_tab.cshtml.rz.scp.css */
.tab-content[b-g22xsxnnx9] {
   height: 50vh;
    width: 100%;
    padding: 20px;
    background: var(--c-green1-025);
    background: linear-gradient(180deg, var(--c-green1-025) 0%, var(--c-green1-000) 50%);
    border-top: 1px solid var(--c-gray2-025);
    border-right: 1px solid var(--c-gray2-025);
    border-bottom: 1px solid transparent;
    border-left: 1px solid var(--c-gray2-025);
    border-radius: .5rem;
}

.table[b-g22xsxnnx9] {
    justify-content: center;
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--c-gray2-050);
}

#btn_reserve[b-g22xsxnnx9] {
    background-color: var(--c-blue---050);
    color: white;
}

    #btn_reserve:active[b-g22xsxnnx9] {
        background-color: var(--c-blue---050) !important;
        color: white !important;
    }

    #btn_reserve:hover[b-g22xsxnnx9] {
        background-color: var(--c-blue---050);
        color: white;
        animation: ani_btn .75s infinite;
    }
/* _content/test2/Areas/Frontend/Views/Shared/_Partial/_tree.cshtml.rz.scp.css */
img[b-fn9haa9p0v] {
    position: absolute;
}

#tree1[b-fn9haa9p0v] {
    width: 15vw;
    height: auto;
    z-index: 0;
    bottom: calc(0% + 13vh);
    left: -7%;
}

#tree2[b-fn9haa9p0v] {
    width: 10vw;
    height: auto;
    z-index: 1;
    bottom: calc(0% + 13.5vh);
    left: -2%;
}

#tree3[b-fn9haa9p0v] {
    width: 20vw;
    height: auto;
    z-index: 0;
    bottom: calc(0% + 12.5vh);
    left: -3%;
}

#tree4[b-fn9haa9p0v] {
    width: 30vw;
    height: auto;
    z-index: 0;
    bottom: calc(0% + 12vh);
    right: -15%;
}

#tree5[b-fn9haa9p0v] {
    width: 20vw;
    height: auto;
    z-index: 1;
    bottom: calc(0% + 13vh);
    right: -5%;
}

/*RWD*/
@media(max-width: 768px) {
    #tree1[b-fn9haa9p0v], #tree2[b-fn9haa9p0v], #tree3[b-fn9haa9p0v] {
        display: none;
    }
}

@media (min-width: 992px) {
    #tree1[b-fn9haa9p0v] {
        width: 20vw;
    }

    #tree2[b-fn9haa9p0v] {
        width: 15vw;
    }

    #tree3[b-fn9haa9p0v] {
        width: 25vw;
    }
}

@media(max-width: 1200px) {
    #tree4[b-fn9haa9p0v], #tree5[b-fn9haa9p0v] {
        display: none;
    }
}
/* _content/test2/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-su1eutnfsn] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-su1eutnfsn] {
  color: #0077cc;
}

.btn-primary[b-su1eutnfsn] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-su1eutnfsn], .nav-pills .show > .nav-link[b-su1eutnfsn] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-su1eutnfsn] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-su1eutnfsn] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-su1eutnfsn] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-su1eutnfsn] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-su1eutnfsn] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}