body {
    font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, sans-serif !important;
    font-size: 16px;
}

.banner {
    background: #fff;
    padding: 5px;
}

/* responsive table */
@media screen and (max-width: 768px) {
    .grid.table {
        margin: 10px 0;
        border: none;
    }

    .grid.table > tbody > tr:first-child, .grid.table th {
        display: none;
    }

    .grid.table > tbody > tr {
        display: block;
        background: #fff !important;
        border: 1px solid #ccc;
        padding: 5px 10px;
        margin-bottom: 10px;
        overflow: auto;
    }

    .grid.table-hover > tbody > tr:hover {
        background: #fff;
    }

    .grid.table > tbody > tr > td {
        display: block;
        width: 100%;
        border: none;
        padding: 1px 5px;
        background: #fff;
        float: left;
    }
}

.grid strong {
    color: #00838f;
    font-weight: bolder;
}

.grid strong.grid-rwd::after {
    content: "：";
}

/* 取代 Bootstrap 3 的 visible-xs-inline：僅在手機(xs)寬度時以 inline 顯示 */
.grid-rwd {
    display: none;
}

@media (max-width: 575.98px) {
    .grid-rwd {
        display: inline !important;
    }
}

/* bootbox vertical center */
/*
    Bootstrap 3 Modal Vertically Center
    https://codepen.io/dimbslmh/full/mKfCc

    .modal {
        text-align: center;
        padding: 0 !important;
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
*/

/* Bootstrap 5 的 bootbox 以 centerVertical: true 處理垂直置中（見 site.js），不再需要 BS3 的 CSS hack */

/*
    ASP.NET – Use Bootstrap Pagination On Gridview
    https://sufiawan.wordpress.com/2014/09/26/asp-net-use-bootstrap-pagination-on-gridview/
*/

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    /*color: #dd4814;*/
    color: #369;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    /*color: #97310e;*/
    color: #036;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.pagination-ys td {
    background: #fff;
}

/* navbar override (Bootstrap 5) — 背景色由 MasterPage 內聯的 .navbar-ndhu 設定 (#c25d05) */
.navbar-ndhu .navbar-brand {
    color: #eeeeee;
}

.navbar-ndhu .navbar-brand:hover,
.navbar-ndhu .navbar-brand:focus {
    color: #ffffff;
}

.navbar-ndhu .nav-link {
    color: #eeeeee;
}

.navbar-ndhu .nav-link:hover,
.navbar-ndhu .nav-link:focus {
    color: #ffffff;
}

.navbar-ndhu .nav-link.active {
    color: #ffffff;
    background-color: #851810;
}

/* 漢堡按鈕：白色框與白色圖示 */
.navbar-ndhu .navbar-toggler {
    border-color: rgba(255, 255, 255, .5);
}

.navbar-ndhu .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28238, 238, 238, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar {
    margin-bottom: 5px;
}

/* SysList accordion 各區塊配色（取代 BS3 panel-info/danger/success/warning 標題色） */
.acc-info .accordion-button { background-color: #d9edf7; color: #31708f; }
.acc-danger .accordion-button { background-color: #f2dede; color: #a94442; }
.acc-success .accordion-button { background-color: #dff0d8; color: #3c763d; }
.acc-warning .accordion-button { background-color: #fcf8e3; color: #8a6d3b; }

.acc-info .accordion-button:not(.collapsed) { background-color: #c4e3f3; color: #245269; }
.acc-danger .accordion-button:not(.collapsed) { background-color: #ebcccc; color: #843534; }
.acc-success .accordion-button:not(.collapsed) { background-color: #d0e9c6; color: #2b542c; }
.acc-warning .accordion-button:not(.collapsed) { background-color: #faf2cc; color: #66512c; }