@charset "utf-8";
/*  ===== 基本覆寫 ===== */
*{font-family:Verdana,微軟正黑體, Microsoft JhengHei, Arial, Helvetica, sans-serif;}
html,body{height:100%; margin:0; padding:0;/* overflow-x: hidden;*/}

/* 覆寫套件 */
/* metisMenu custom */
ul.metismenu{margin:0 0 0 -40px; }
ul.metismenu ul{margin:0 0 0 -40px;}
ul.metismenu li{list-style: none; margin: 0;}
ul.metismenu li a{text-decoration:none;border-bottom: 1px solid #e9e9e9; padding: 12px 17px; display: block;color:#000; background: #fff;}
ul.metismenu li ul li a{padding-left: 30px;background: #f0f0f0;border-bottom: 1px solid #d4d4d4;transition: all ease-in-out 0.2s;}
ul.metismenu li ul li.mactive a,ul.metismenu li.mactive a{background: #3d7db5; color: #fff;}
ul.metismenu li ul li a:hover{background: #d4e7f7;}
ul.metismenu li ul li.mactive a:hover,ul.metismenu li.mactive a:hover{background: #3d7db5; color: #fff;}
ul.metismenu li ul li ul li a{padding-left: 45px;background: #e6e6e6;}

/* Wrapkit Lite修正 */
body{font-size: 1em;color: #161616;font-weight: normal;}
.form-control{padding: 0.375rem 0.75rem; border-color: rgba(120, 130, 140, 0.25);}
.form-check-input{border-color: rgba(120, 130, 140, 0.65);}
.btn{padding:0.375rem 0.75rem;}
.table td,.table th{color: #161616!important;}
.btn-outline-dark{color:#263238;transition: all ease-in-out 0.2s;}
.breadcrumb{padding-left: 0; padding-right: 0;}
.table{--bs-table-bg:transparent;}
/* BS5 客製 */
.d-flexOchi{display: flex;}
.container-ochi{margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.w-large-ochi{width: 100%; max-width: 1400px;}
.w-middle-ochi{width: 100%; max-width: 1000px;}
/* 本系統專用 */
body{background:#fafafa;}
#basecontentwrapper{min-height: 100vh;}
#mainheaderwrapper{background: #ffffff;}
#mainheader{padding: 10px 0;}
.logoimg{height: 100px;}
.menubarstyle{background: #be000a; width: 100%; height: 37px;}
.metismenubox{overflow: auto; position: absolute; width: 250px;}
#mainfooter{margin-top:20px;padding: 10px;  font-size: 0.9rem;background:#e2e2e2;box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
#sidebar-wrapper{min-width: 250px; z-index: 990}
.itribreadcrumb{--bs-breadcrumb-divider: '>';}
.filetitle{border-bottom:2px solid #bb0c0c; padding-bottom:5px;  display:inline-block; margin-bottom:-6px;}
.filetitlewrapper{border-bottom:1px solid #bababa; padding:5px 0;}
.filetitlewrapper .itemright{float: right; padding-top: 15px;}
.filetitlewrapper .btnright{float: right; padding-top: 5px;}
.boxshadowA{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.tboverW{overflow-x: auto;}
.backTop{position:fixed; z-index: 996; bottom:5%; right:-100px;opacity:0.7;}
.backTop a{color:#fff; padding:10px 20px 10px 20px;background:#000;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px; height:20px; text-decoration:none; font-size:1.2em;}
.headingStyA{position: relative; padding-left: 10px;}
.headingStyA:after{
    background-image: linear-gradient(to right top, #1855de, #007af1, #0099fb, #00b7fe, #53d2ff);
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    bottom: 4px;
    width: 5px;
    border-radius: 5px;
}

/* superfish menu */
.superfishmenu ul a{
    padding: 0.4em 0.55em;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    transition: all ease-in-out 0.2s;
}
.superfishmenu  ul  li:hover a,.superfishmenu  ul  li.sfHover a{
    background: #ff6d6d;
    color:#fff;
}
.superfishmenu  ul  li  ul  li{
    background: #dfdfdf;
    border-bottom:1px solid #c5c5c5;
}
.superfishmenu  ul  li  ul  li:last-child{border-bottom:0;}

.superfishmenu  ul  li  ul  li a:hover,
.superfishmenu  ul  li  ul  li.sfHover a:hover,
.superfishmenu ul li ul li ul li,
.superfishmenu ul li ul li.sfHover ul li a{

}
.superfishmenu ul li ul li.sfHover ul li a:hover{

}
.superfishmenu > ul li.activemenu {

}
.superfishmenu ul > li > a {
    border-right: 1px solid #d16060;
    border-left: 1px solid #b22a2a;
}

.superfishmenu ul > li:first-child a {
    border-left: 0;
}

.superfishmenu ul > li:last-child a {
    border-right: 0;
}
.superfishmenuEN ul a{
    padding: 0.4em 0.5em;
    color: #ffffff;
    font-weight: lighter;
    font-size: 0.8em;
    text-align: center;
    display:inline-block;
}
.menubarstyleEN{height: 49px;}
.superfishmenuEN ul {
    display: flex; /* 讓 li 橫向排列 */
    list-style: none;
    padding: 0;
    margin: 0;
    height: 49px;  /* 與你的 menubarstyleEN 同高 */
    align-items: stretch; /* 關鍵：讓 li 撐滿高度 */
}

.superfishmenuEN ul > li {
    flex: 1;      /* 如果你想讓每個項目均分寬度，可用這個；若要內容長度自適應則刪除 */
    display: flex;
}

.superfishmenuEN ul a {
    /* 移除 inline-block，改用 flex */
    display: flex;
    align-items: center;    /* 垂直置中文字 */
    justify-content: center; /* 水平置中文字 */
    flex: 1;                /* 讓 a 標籤撐滿 li 的所有空間 */

    padding: 0 0.5em;       /* 移除上下 padding，改由 height 決定 */
    color: #ffffff;
    font-weight: lighter;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    line-height: 1.2;       /* 稍微縮減行高，讓兩行英文更緊湊 */

    /* 繼承邊框設定 */
    border-right: 1px solid #d16060;
    border-left: 1px solid #b22a2a;
}

/* 移除重複的邊框處理，優化視覺 */
.superfishmenuEN ul > li:first-child a { border-left: 0; }
.superfishmenuEN ul > li:last-child a { border-right: 0; }

/* Hover 效果現在會作用於整個撐滿後的 a 標籤 */
.superfishmenuEN ul li:hover a {
    background: #ff6d6d;
    color: #fff;
}


@media (max-width: 767px) {
    #mainheader{background:transparent;}
    #headerlogo{text-align: center;}
    #headerinfo{text-align: right; padding-right: 10px;}
}
/* 介於768~992px的螢幕:平板橫 */
@media (min-width: 768px) {
    #mainheader{background: url("../images/headerbg-s.jpg") no-repeat bottom right;}
    #headerinfo{padding-right: 10px;}
}
/* 大於992px的螢幕 */
@media (min-width: 992px) {
    #mainheader{background: url("../images/headerbg.jpg") no-repeat bottom right;}
}

/* 針對有序列表 ol 進行自定義 */
ol.custom-chinese-list {
    list-style-type: none; /* 隱藏預設的 1. 2. 3. */
    counter-reset: section; /* 初始化計數器 */
    padding-left: 2em;
}

ol.custom-chinese-list > li {
    counter-increment: section; /* 每一個 li 增加 1 */
    position: relative;
    margin-bottom: 8px;
}

/* 第一層樣式：一、二、三、 */
ol.custom-chinese-list > li::before {
    content: counter(section, cjk-ideographic) "、";
    position: absolute;
    left: -2.5em; /* 根據需要調整縮排距離 */
    width: 2.5em;
    text-align: right;
}

/* 第二層樣式：(一)、(二)、(三) */
ol.custom-chinese-list li ol {
    list-style-type: none;
    counter-reset: subsection; /* 重置第二層計數器 */
    margin-top: 8px;
    padding-left: 0.2em;
}

ol.custom-chinese-list li ol > li {
    counter-increment: subsection;
}

ol.custom-chinese-list li ol > li::before {
    content: "(" counter(subsection, cjk-ideographic) ")";
    position: absolute;
    left: -2.8em;
    width: 2.5em;
    text-align: right;
}