/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.contentU {
    width: 100% !important;
    border-collapse: collapse !important;
    background-color: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    margin-bottom: 1rem !important;
}

/* 表格標題 (caption) */
.contentU caption {
    padding: 1rem !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    text-align: left !important;
    background-color: #f8f9fa !important;
    border-bottom: 2px solid #dee2e6 !important;
    color: #333 !important;
    caption-side: top !important;
}

.contentU caption table {
    width: 100% !important;
    border: none !important;
}

.contentU caption td {
    vertical-align: middle !important;
    padding: 0 !important;
    border: none !important;
}

/* 表格標題列 */
.contentU tr.warning {
    background-color: #0077BE !important;
    color: #fff !important;
}

.contentU tr.warning th {
    padding: 0.75rem !important;
    font-weight: 600 !important;
    text-align: left !important;
    border: 1px solid #d0d0d0 !important;
    white-space: nowrap !important;
    background-color: #0077BE !important;
    color: #fff !important;
}

/* 通用表頭樣式 */
.contentU .table-header,
.contentU th {
    padding: 0.75rem !important;
    font-weight: 600 !important;
    text-align: left !important;
    background-color: #0077BE !important;
    color: #fff !important;
    border: 1px solid #0077BE !important;
    vertical-align: middle !important;
}

/* 資料列 - 奇數列 */
.contentU tr.GridTrORow {
    background-color: #ffffff !important;
}

.contentU tr.GridTrORow:hover {
    background-color: #e7f1ff !important;
    transition: background-color 0.2s ease !important;
}

.contentU tr.GridTrORow td {
    background-color: transparent !important;
}

.contentU tr.GridTrORow:hover td {
    background-color: transparent !important;
}

/* 資料列 - 偶數列 */
.contentU tr.GridTrERow {
    background-color: #f8f9fa !important;
}

.contentU tr.GridTrERow:hover {
    background-color: #e7f1ff !important;
    transition: background-color 0.2s ease !important;
}

.contentU tr.GridTrERow td {
    background-color: transparent !important;
}

.contentU tr.GridTrERow:hover td {
    background-color: transparent !important;
}

/* 資料儲存格 */
.contentU td {
    padding: 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    vertical-align: middle !important;
    word-wrap: break-word !important;
    color: #212529 !important;
}

/* 連結樣式 */
.contentU a.link-primary {
    color: #0077BE !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.contentU a.link-primary:hover {
    color: #0077BE !important;
    text-decoration: underline !important;
}

.contentU a.link-primary:visited {
    color: #0077BE !important;
}

/* 覆蓋 Bootstrap 的 table-hover 效果 */
.contentU.table-hover tbody tr:hover {
    background-color: transparent !important;
}

.contentU.table-hover tbody tr.GridTrORow:hover {
    background-color: #e7f1ff !important;
}

.contentU.table-hover tbody tr.GridTrERow:hover {
    background-color: #e7f1ff !important;
}

/* 覆蓋 Bootstrap 的 table-responsive 效果 */
.contentU.table-responsive {
    display: table !important;
    width: 100% !important;
}

/* 響應式設計 */
@media screen and (max-width: 768px) {
    .contentU {
        font-size: 0.875rem !important;
    }
    
    .contentU th,
    .contentU td {
        padding: 0.5rem !important;
    }
    
    /* 隱藏某些欄位在小螢幕 */
    .contentU .hidden-xs {
        display: none !important;
    }
    
    .contentU caption {
        font-size: 1rem !important;
        padding: 0.75rem !important;
    }
}

/* 表格內的輸入按鈕 */
.contentU caption input[type="button"] {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.25rem !important;
    border: 1px solid #0077BE !important;
    background-color: #0077BE !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

.contentU caption input[type="button"]:hover {
    background-color: #0077BE !important;
    border-color: #0077BE !important;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3) !important;
}

.contentU caption input[type="button"]:active {
    background-color: #084298 !important;
    border-color: #084298 !important;
}

/* 空資料提示 */
.contentU tr.no-data td {
    text-align: center !important;
    padding: 2rem !important;
    color: #6c757d !important;
    font-style: italic !important;
}

/* 分頁器樣式 (如果有使用) */
.contentU + .pagination {
    margin-top: 1rem !important;
    display: flex !important;
    justify-content: center !important;
    gap: 0.25rem !important;
}

/* 列印樣式 */
@media print {
    .contentU {
        box-shadow: none !important;
    }
    
    .contentU caption input[type="button"] {
        display: none !important;
    }
    
    .contentU tr.warning {
        background-color: #333 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    .contentU tr.warning th {
        background-color: #333 !important;
        color: #fff !important;
    }
}

/* 文字對齊輔助類別 */
.contentU td.text-center {
    text-align: center !important;
}

.contentU td.text-right {
    text-align: right !important;
}

.contentU td.text-left {
    text-align: left !important;
}

/* 數字欄位 */
.contentU td.numeric {
    text-align: right !important;
    font-family: 'Courier New', monospace !important;
}

/* 狀態標籤樣式 */
.contentU td .badge {
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.25rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.contentU td .badge-success {
    background-color: #198754 !important;
    color: #fff !important;
}

.contentU td .badge-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.contentU td .badge-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.contentU td .badge-info {
    background-color: #0077BE !important;
    color: #000 !important;
}

/* 確保 Bootstrap 的 table 類別不會影響 contentU */
.contentU.table {
    margin-bottom: 1rem !important;
}

.contentU.table > :not(caption) > * > * {
    padding: 0.75rem !important;
    background-color: transparent !important;
    border-bottom-width: 1px !important;
    box-shadow: none !important;
}

/* 覆蓋 Bootstrap 5 的預設表格樣式 */
.contentU.table > tbody {
    vertical-align: inherit !important;
}

.contentU.table > thead {
    vertical-align: bottom !important;
}

/* 確保表格邊框正確顯示 */
.contentU.table > :not(:first-child) {
    border-top: 1px solid #dee2e6 !important;
}

/* 防止 Bootstrap 的條紋效果覆蓋 */
.contentU.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: transparent !important;
}

.contentU.table-striped > tbody > tr.GridTrORow {
    background-color: #ffffff !important;
}

.contentU.table-striped > tbody > tr.GridTrERow {
    background-color: #f8f9fa !important;
}

/* 確保外層容器不影響表格 */
.col-md-12 > .contentU {
    width: 100% !important;
}

/* 特殊：處理內嵌的 p 標籤 */
.contentU td p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 處理 align 屬性 */
.contentU td[align="left"] {
    text-align: left !important;
}

.contentU td[align="center"] {
    text-align: center !important;
}

.contentU td[align="right"] {
    text-align: right !important;
}

/* 處理 valign 屬性 */
.contentU td[valign="middle"] {
    vertical-align: middle !important;
}

.contentU td[valign="top"] {
    vertical-align: top !important;
}

.contentU td[valign="bottom"] {
    vertical-align: bottom !important;
}

nav.Paging {
    display: block !important;
    width: 100% !important;
    margin: 1.5rem 0 !important;
    padding: 1rem !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clear: both !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

/* 確保表格不會覆蓋分頁器 */
nav.Paging::before {
    content: '' !important;
    display: block !important;
    clear: both !important;
}

.col-md-12 > nav.Paging {
    margin-top: 1.5rem !important;
}

/* 分頁按鈕列表容器 */
nav.Paging ul.pager {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
}

/* 分頁按鈕項目 */
nav.Paging ul.pager li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 分頁按鈕連結 */
nav.Paging ul.pager li a {
    display: inline-block !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #0d6efd !important;
    text-decoration: none !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
}

/* 分頁按鈕 hover 效果 */
nav.Paging ul.pager li a:hover {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3) !important;
}

/* 分頁按鈕內的圖示 */
nav.Paging ul.pager li a i.fa {
    margin: 0 0.25rem !important;
    font-size: 0.875rem !important;
}

/* 頁碼區塊容器 */
.black2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin: 1rem 0 !important;
    padding: 0.5rem !important;
}

/* 頁碼連結 */
.black2 a {
    display: inline-block !important;
    min-width: 2rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #0d6efd !important;
    text-align: center !important;
    text-decoration: none !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem !important;
    transition: all 0.2s ease !important;
}

.black2 a:hover {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

/* 當前頁碼 */
.black2 span.current {
    display: inline-block !important;
    min-width: 2rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    background-color: #0d6efd !important;
    border: 1px solid #0d6efd !important;
    border-radius: 0.25rem !important;
}

/* 分頁資訊區塊 */
nav.Paging div.small {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    font-size: 0.875rem !important;
    color: #6c757d !important;
    text-align: center !important;
    padding: 0.5rem !important;
}

/* 分頁資訊的 label */
nav.Paging div.small label {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500 !important;
    color: #495057 !important;
}

/* 頁碼選擇下拉選單 */
nav.Paging div.small select {
    font-size: 0.875rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease-in-out !important;
    max-width: 80px !important;
}

nav.Paging div.small select:focus {
    border-color: #86b7fe !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

/* 前往按鈕 */
nav.Paging div.small input[type="button"] {
    padding: 0.25rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #fff !important;
    background-color: #0d6efd !important;
    border: 1px solid #0d6efd !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

nav.Paging div.small input[type="button"]:hover {
    background-color: #0a58ca !important;
    border-color: #0a58ca !important;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3) !important;
}

nav.Paging div.small input[type="button"]:active {
    background-color: #084298 !important;
    border-color: #084298 !important;
}

/* 頁碼資訊的 span 強調 */
nav.Paging div.small span {
    font-weight: 700 !important;
    color: #0d6efd !important;
}

/* 響應式設計 - 手機版 */
@media screen and (max-width: 576px) {
    /* 分頁器容器 */
    nav.Paging {
        padding: 0.75rem !important;
        margin: 1rem 0 !important;
    }
    
    /* 分頁按鈕列表 - 手機版允許換行 */
    nav.Paging ul.pager {
        flex-wrap: wrap !important;
        gap: 0.25rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* 分頁按鈕 */
    nav.Paging ul.pager li a {
        padding: 0.375rem 0.625rem !important;
        font-size: 0.75rem !important;
    }
    
    /* 頁碼區塊 */
    .black2 {
        gap: 0.25rem !important;
        padding: 0.375rem !important;
    }
    
    .black2 a,
    .black2 span.current {
        min-width: 1.75rem !important;
        padding: 0.25rem 0.5rem !important;
        font-size: 0.75rem !important;
    }
    
    /* 分頁資訊 */
    nav.Paging div.small {
        flex-direction: column !important;
        gap: 0.375rem !important;
        font-size: 0.75rem !important;
    }
    
    nav.Paging div.small select {
        max-width: 100% !important;
    }
}

/* 響應式設計 - 平板版 */
@media screen and (min-width: 577px) and (max-width: 768px) {
    nav.Paging ul.pager li a {
        padding: 0.4rem 0.8rem !important;
        font-size: 0.813rem !important;
    }
    
    .black2 a,
    .black2 span.current {
        padding: 0.3rem 0.6rem !important;
    }
}

/* 覆蓋 Bootstrap 的 .small 類別 */
nav.Paging .small {
    font-size: 0.875rem !important;
}

/* 確保與 Bootstrap 兼容 */
nav.Paging ul.pager.small {
    font-size: inherit !important;
}

/* 防止其他樣式影響 pager */
ul.pager {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Font Awesome 圖示確保正確顯示 */
.fa-caret-left::before,
.fa-caret-right::before,
.fa-step-backward::before,
.fa-step-forward::before {
    font-family: 'FontAwesome' !important;
}

/* 空狀態（沒有資料時） */
nav.Paging.no-data {
    display: none !important;
}

/* 列印時隱藏分頁器 */
@media print {
    nav.Paging {
        display: none !important;
    }
}

/* 無障礙設計 - 鍵盤焦點 */
nav.Paging a:focus,
nav.Paging input:focus,
nav.Paging select:focus {
    outline: 2px solid #0d6efd !important;
    outline-offset: 2px !important;
}

/* 禁用狀態的按鈕 */
nav.Paging ul.pager li a[href="#"],
nav.Paging ul.pager li a[onclick*="return false"] {
    color: #6c757d !important;
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.6 !important;
}


.card-header.bg-custom-primary {
  background-color: #428bca !important; 
  color: #ffffff !important; 
  border-bottom: 0;
}

/* ========================================
   Bootstrap 5 標題樣式覆蓋
   用於覆蓋模板預設的 h1-h6 奇怪樣式
   ======================================== */

/* 重置所有標題為 Bootstrap 5 預設樣式 */
h1, h2, h3, h4, h5, h6 {
    font-family: inherit !important;
    color: inherit !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

/* Bootstrap 5 標準字體大小 */
h1 { font-size: 1.75rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* Card Header 內的標題 */
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    color: inherit !important;
    margin-bottom: 0 !important;
}

/* 特別處理:確保 text-white 類別有效 */
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white .card-title {
    color: #ffffff !important;
}

/* 特別處理:確保 text-dark 類別有效 */
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6 {
    color: #212529 !important;
}

/* 特別處理:確保 text-primary 類別有效 */
.text-primary h1,
.text-primary h2,
.text-primary h3,
.text-primary h4,
.text-primary h5,
.text-primary h6 {
    color: #0d6efd !important;
}

/* 特別處理:確保 text-info 類別有效 */
.text-info h1,
.text-info h2,
.text-info h3,
.text-info h4,
.text-info h5,
.text-info h6 {
    color: #0dcaf0 !important;
}

/* 背景色區塊內的標題顏色 */
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6 {
    color: #ffffff !important;
}

.bg-info h1,
.bg-info h2,
.bg-info h3,
.bg-info h4,
.bg-info h5,
.bg-info h6 {
    color: #ffffff !important;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #ffffff !important;
}

.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6 {
    color: #212529 !important;
}

/* 響應式字體大小 (可選) */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem !important;    /* 32px */
    }
    
    h2 {
        font-size: 1.75rem !important; /* 28px */
    }
    
    h3 {
        font-size: 1.5rem !important;  /* 24px */
    }
    
    h4 {
        font-size: 1.25rem !important; /* 20px */
    }
}

/* 頁面標題特殊樣式 (如果需要保留原本的樣式) */
.page-title h1,
.page-title h2,
.page-title h3 {
    color: #1E88A8 !important;
    font-weight: 700 !important;
}

/* 主要內容區的標題可以有自己的顏色 */
#pcontent > h1,
#pcontent > h2,
#pcontent > h3 {
    color: #1E88A8;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Display 標題 (更大的標題) */
.display-1 {
    font-size: 5rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

.display-2 {
    font-size: 4.5rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

.display-3 {
    font-size: 4rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

.display-4 {
    font-size: 3.5rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

.display-5 {
    font-size: 3rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

.display-6 {
    font-size: 2.5rem !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

.karx-main-header-area {
    background: #ffffff !important;
}

label {
    color: rgb(0, 0, 0) !important;
}

.ui-widget.ui-widget-content {
    z-index: 1000 !important;
}

.karx-main-header-area .karx-logo-area-2 .karx-logo img {
    top: 13px !important;
}

/* 首頁連結樣式 */
.home-link-top {
    display: inline-block;
    padding: 8px 16px;
    color: #003d8f;
    text-decoration: none;
    border: 1px solid #4A90E2;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.home-link-top:hover {
    background-color: #4A90E2;
    color: white;
    text-decoration: none;
}

.home-link-top i {
    margin-right: 5px;
}

/* ===================================================================
   頁面標題 SVG 樣式
=================================================================== */
.page-title-svg {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/* 手機版調整 (≤576px) */
@media (max-width: 576px) {
    .page-title-svg {
        margin-bottom: 15px;
    }
    
    .page-title-svg text {
        font-size: 18px !important;
    }
    
    .page-title-svg circle {
        cx: 30;
        cy: 28;
        r: 10;
    }
    
    .page-title-svg text {
        x: 45;
    }
}

/* 更小手機 (≤400px) */
@media (max-width: 400px) {
    .page-title-svg text {
        font-size: 16px !important;
    }
}

/* 平板版 (577px ~ 768px) */
@media (min-width: 577px) and (max-width: 768px) {
    .page-title-svg {
        margin-bottom: 18px;
    }
    
    .page-title-svg text {
        font-size: 20px !important;
    }
}

/* 1. 確保 Footer 內的文字與連結層級高於背景波浪 (Z-Index) */
.karx-footer-wrapper h4, 
.karx-footer-wrapper p, 
.karx-footer-wrapper a {
    position: relative !important;
    z-index: 11 !important;
}

/* 2. 針對 Footer 的 h4 標題強制改色與設定字體 */
/* 這裡如果不加 !important，會被原本的 h4 { color: #1E88A8 } 蓋過去 */
footer.karx-footer-area .karx-footer-widget-address h4 {
    color: #2C3E50 !important;       /* 深灰藍色 */
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
    text-transform: capitalize !important;
    font-size: 2.25rem !important;    
}

/* 3. 確保 Footer 內的連結顏色正確 (避免被全域影響) */
.karx-footer-wrapper a {
    color: #2C3E50 !important;
    text-decoration: none !important;
}

.karx-footer-wrapper a:hover {
    color: #0077BE !important; /* 滑鼠移過去變亮藍色 */
    text-decoration: underline !important;
}

/* 4. 修正 Footer 內的段落文字顏色 */
.karx-footer-wrapper p {
    color: #2C3E50 !important;
    margin-bottom: 10px !important;
}

/* 設定 SVG 標題為響應式，且限制最大寬度 */
.svg-title-rwd {
    width: 100%;           /* 手機版會自動縮放 */
    height: auto;          /* 高度自動維持比例 */
    max-width: 500px;      /* 桌面版最大只到 500px，不會無限變大 */
    display: block;        /* 避免圖片下方產生多餘空白 */
}

@media screen and (max-width: 768px) {
    .contentU.table-responsive {
        display: block !important; /* 讓 table 變成區塊元素 */
        width: 100% !important;
        overflow-x: auto !important; /* 允許水平捲動 */
        -webkit-overflow-scrolling: touch; /* 讓 iOS 捲動更順暢 */
    }

    /* 2. 解除標題列的強制不換行，讓文字能自動斷行縮減寬度 */
    .contentU tr.warning th {
        white-space: normal !important; /* 允許換行 */
        min-width: 60px; /* 設定最小寬度，避免字縮得太難看 */
        font-size: 14px !important; /* 手機版字體稍微改小 */
        padding: 8px !important;
    }

    /* 3. 修正內容儲存格的 padding，節省空間 */
    .contentU td {
        padding: 8px !important;
        font-size: 14px !important;
        min-width: 80px; /* 內容欄位給予最小寬度 */
    }
    
    /* 4. 特別針對「發稿時間」或較長的欄位設定最小寬度，避免變成直條 */
    .contentU td:nth-child(1) { /* 假設第一欄是時間 */
        min-width: 120px;
    }
    .contentU td:nth-child(3) { /* 假設第三欄是會議名稱 */
        min-width: 150px;
    }
}

/* CKEditor content styles for display-only output */
    .ck-content .marker-yellow { background-color: #fdfd77 !important; color: inherit !important; }
    .ck-content .marker-green  { background-color: #63f963 !important; color: inherit !important; }
    .ck-content .marker-pink   { background-color: #fc7999 !important; color: inherit !important; }
    .ck-content .marker-blue   { background-color: #72cdfd !important; color: inherit !important; }
    .ck-content .pen-red       { background-color: transparent !important; color: #e71313 !important; }
    .ck-content .pen-green     { background-color: transparent !important; color: #128a00 !important; }
    .ck-content mark           { padding: 0 !important; }
    .ck-content .text-tiny     { font-size: .7em; }
    .ck-content .text-small    { font-size: .85em; }
    .ck-content .text-big      { font-size: 1.4em; }
    .ck-content .text-huge     { font-size: 1.8em; }