﻿/* 基本字型 */
body {
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "Microsoft JhengHei";
}

/* 原有自定義 */
.thcs_font1 {
    font-size: 1.125em;
    font-weight: bold;
}

/* 焦點樣式（保留可見焦點，利於無障礙） */
a:focus {
    outline: 2px solid #0056b3 !important;
    outline-offset: 2px;
    position: relative;
    z-index: 9999;
}

/* 移除 Bootstrap 預設的下拉箭頭背景 */
.dropdown-toggle::after {
    display: none !important;
}

/* 按鈕樣式一致 */
.btn.btn-danger {
    border-radius: 0px;
    padding: 0.375rem 0.75rem;
}

/* 下拉選單容器與項目 */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    z-index: 1050;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu,
.dropdown.open .dropdown-menu {
    display: block;
}

.dropdown-item {
    padding: 8px 16px;
    display: block;
    color: black;
    text-decoration: none;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        background-color: #f1f1f1;
        outline: none;
    }

/* --- 自訂輔助類別（將 inline style 移至此處） --- */

/* 頁首容器上方間隔（替代 margin-top:10px） */
.vst-top-container {
    margin-top: 10px;
}

/* 按鈕與可聚焦元素的預設透明 outline（保留以便 JS 變更或 focus 視覺） */
.vst-outline {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

    .vst-outline:focus {
        outline-color: #0056b3;
    }

/* site search input 最大寬度 */
.site-search-input {
    max-width: 180px;
}

/* site search 按鈕垂直對齊 */
.vst-align-middle {
    vertical-align: middle;
}

/* 標題圖片 */
.title-img {
    width: 100%;
    height: auto;
    display: block;
}

/* 小標題字級（原先 inline） */
.vst-title-small {
    font-size: 0.563em;
}

/* 卡片小字級（原先 style） */
.vst-card-small {
    font-size: 0.875em;
}

/* 卡片微位移（top: -5px）*/
.vst-card-offset {
    position: relative;
    top: -5px;
    left: 0;
}

/* card-body 背景白（若 Bootstrap 未生效時） */
.vst-card-body-white {
    background-color: #ffffff;
}

/* 欄寬工具類（取代 inline width） */
.col-w-160 {
    width: 160px;
}

.col-w-120 {
    width: 120px;
}

/* footer logo */
.logo-img {
    width: 110px;
    height: 73px;
}

/* 小字級工具類 */
.fs-875 {
    font-size: 0.875em;
}

.fs-75 {
    font-size: 0.75em;
}

/* 文字間距 */
.letter-spacing-6 {
    letter-spacing: 6px;
}

/* 若需對某些元素強制白底（保險用） */
.bg-white-force {
    background-color: #ffffff !important;
}
