/* ============================================
   1. 全域基礎樣式 Global Base
   ============================================ */
p {
    margin-bottom: 0.5rem !important;
}

ul li,
ol li {
    margin-bottom: 0.5rem;
}

.index-editor {
    background-color: transparent;
}


/* ============================================
   2. 區塊間距 Section Spacing
   ============================================ */
/* 上下都有間距 */
.row.section-spacing {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
}
.row.section-spacing-sm {
    padding-top: var(--section-padding-sm);
    padding-bottom: var(--section-padding-sm);
}

/* 只有上方間距 */
.row.section-pt {
    padding-top: var(--section-padding);
}
.row.section-pt-sm {
    padding-top: var(--section-padding-sm);
}

/* 只有下方間距 */
.row.section-pb {
    padding-bottom: var(--section-padding);
}
.row.section-pb-sm {
    padding-bottom: var(--section-padding-sm);
}

.about-detail-page .row.section-pb {
    padding-bottom: var(--section-padding);
}


/* ============================================
   3. 內容區塊 Content Blocks
   .html-info / .symptom-introduction
   ============================================ */
.html-info {
    margin-bottom: 0;
}

/* --- 標題層級 --- */
.html-info h2.title {
    display: inline-block;
    margin-bottom: var(--basic-margin) !important;
    padding: 0;
    border: none;
    color: var(--primary-color) !important;
    font-family: var(--font-family-heading) !important;
    font-size: var(--title-size) !important;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}

.html-info h2,
.symptom-introduction h2 {
    margin: 0 0 var(--basic-margin) 0 !important;
    color: var(--primary-color);
    font-size: var(--section-title-size) !important;
}

.html-info h3,
.symptom-introduction h3 {
    margin: 1rem 0 !important;
    color: var(--primary-color);
    font-size: var(--middle-title-size) !important;
}

.html-info .case-item h3 {
    display: block;
    margin: 0 !important;
    padding: 5px 0 !important;
    border-top: 1px solid var(--secondary-color);
    color: var(--link-color);
    font-size: var(--middle-title-size);
}

.html-info h4 {
    font-size: 1.1rem;
    font-weight: 500;
}

.html-info h5 {
    font-size: 1rem;
    font-weight: 500;
}

.html-info h6 {
    font-size: 1rem;
}

/* --- 內文 --- */
.html-info p.about-description {
    flex: 1;
    margin: 0;
    margin-bottom: var(--basic-margin);
    font-size: 1rem;
}

/* --- 圖片 --- */
.html-info .container .case-img-box img {
    margin: 0;
}


/* ============================================
   4. 表格 Tables
   ============================================ */
table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

/* 取消 colgroup 寬度設定，讓欄位平均分配 */
.table-responsive table colgroup col,
article table colgroup col {
    width: auto !important;
}

td,
th {
    width: 1% !important; /* 觸發平均分配 */
    word-break: break-all;
    overflow-wrap: anywhere;
}

/* 表頭背景：有 thead 用 thead 第一行，沒有 thead 用 tbody 第一行 */
table thead tr:first-child,
table:not(:has(thead)) tbody tr:first-child {
    background-color: rgb(240, 240, 240);
    font-weight: 600;
}

table thead tr:first-child td,
table:not(:has(thead)) tbody tr:first-child td {
    font-weight: 600;
}

.table {
    color: inherit;
}

.table th,
.table td {
    border-top: 1px solid #d8d8d8;
}
.table tr,tr {
 border: 1px solid #d8d8d8;
}
.table td,td {
    border:1px solid #d8d8d8;
    vertical-align: middle;
    text-align: center!important;
}

.table p {
    margin: 0;
    margin-bottom: 0 !important;
    letter-spacing: 0;
    word-break: break-all;
   text-align: center!important;
}

.html-info table td {
    padding: 10px;
}


/* ============================================
   5. FAQ
   ============================================ */
.faq-item:last-child {
    border-bottom: none;
}


/* ============================================
   6. 表單元件 Form Elements
   ============================================ */
.search-box input[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
}

.blog-info-text img,.html-info img {
    max-width: 100%;
}
.html-info a.btn.btn-full {
    border: 0px;
    padding: 0.5rem 2rem;
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 35px;
    font-size: 1.1rem;
}
.html-info a.btn.btn-full:hover {
    background-color: var(--button-bg-hover-color);
    color: var(--button-text-hover-color);
}
.english-title {
    font-family: "Italiana", "Noto Serif TC", sans-serif !important;;
}

.symptom-introduction img {
 max-width:800px;
width:100%;
display:block;
margin:20px auto;

}
.footer-yt {
display: none !important;
}
.footer-ig {
display: none !important;
}