@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-image:
            radial-gradient(at 10% 20%, rgba(114, 246, 226, 0.6) 0px, transparent 50%), /* 左上綠色 */
            radial-gradient(at 80% 10%, rgba(209, 248, 255, 0.5) 0px, transparent 50%), /* 右上粉色 */
            radial-gradient(at 50% 80%, rgba(209, 253, 255, 0.6) 0px, transparent 50%), /* 下方淡藍 */
            radial-gradient(at 90% 90%, rgba(201, 255, 235, 0.5) 0px, transparent 50%); /* 右下紫色 */
}
#basecontentwrapper{min-height: 100vh;}
#mainheaderwrapper{background: #ffffff;}
#mainheaderDateBg{background: #279284; display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.divborder{--bs-border-opacity: .5;}
.datecolor{color: #37f89c;}
#mainheader{}
.logoimg{height: 160px;}
.lociconbox{width: 50px; text-align: center;}
.menubarstyle{background: #ffffff; width: 100%; height: 55px;}
.metismenubox{overflow: auto; position: absolute; width: 250px;}
#mainfooter{margin-top:20px;padding: 10px;  font-size: 0.9rem;background: #60827c;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;}

.RegisterBtn{position:fixed; z-index: 992; top:10%; right:0; opacity:0.8;}
.RegisterBtn .forS{font-size: 0.8em;}
.RegisterBtn .forL{font-size: 1.7em;}
.RegisterBtn a{ padding:10px 20px 10px 20px;border-radius:10px 0 0 10px; height:65px; text-decoration:none; text-align: center; display: block; line-height: 1.3em;text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    background-image: linear-gradient(
to right top,
#daeffcCC, #d3f0fbCC, #ccf0f9CC, #c5f1f5CC, #c1f1efCC
);
}
.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: 1em;
    text-decoration: none;
    color: #545454;
    transition: all ease-in-out 0.2s;
}
.superfishmenu  ul  li:hover a,.superfishmenu  ul  li.sfHover a{
    color: #0081a6;

}
.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 a{
    font-weight: bold;
    color: #0081a6;
}
.superfishmenu ul > li > a {

}

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

.superfishmenu ul > li:last-child a {
    border-right: 0;
}



@media (max-width: 767px) {
    #mainheaderwrapper{background: url("../images/headerbg-s.jpg") no-repeat top center;background-size: contain;}
    #mainheader{
        width: 100%;
        aspect-ratio: 4 / 3;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }
}
/* 介於768~992px的螢幕:平板橫 */
@media (min-width: 768px) {
    #mainheaderwrapper{background: url("../images/headerbg-s.jpg") no-repeat top center;background-size: contain;}
    #mainheader{
        width: 100%;
        aspect-ratio: 4 / 3;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }
    .logoimgs{min-height: 200px;}
}
/* 大於992px的螢幕 */
@media (min-width: 992px) {
    #mainheaderwrapper{background: url("../images/headerbg.jpg") no-repeat top center;}
    #mainheader{
        aspect-ratio: inherit;
        min-height: 250px;
        padding: 10px 0;
        display: block;
    }
}

/* 針對有序列表 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;
}
.border-dashed {
    border-style: dashed !important;
}
.tb_time{width: 140px;}
.tb_room{width: 100px;}
.tbdayone{background:#c7deeb;}
table.tbdayone th{color: #fff !important; background:#4786a8;}
table.tbdayone .timebar td{background:#68b1d9; color: #fff !important;}
table.tbdayone .secondbar td{background:#b4cfde;}
table.tbdayone .warningbar td{background:#f2dcbb;}

.tbdaytwo{background: #c7eaeb;}
table.tbdaytwo th{color: #fff !important; background: #47a8a0;}
table.tbdaytwo .timebar td{background: #68d9d5; color: #fff !important;}
table.tbdaytwo .secondbar td{background: #b4dedd;}
table.tbdaytwo .warningbar td{background:#f2dcbb;}

.tbdaythree{background: #d1ebc7;}
table.tbdaythree th{color: #fff !important; background: #84a847;}
table.tbdaythree .timebar td{background: #c4d177; color: #fff !important;}
table.tbdaythree .secondbar td{background: #d6deb4;}
table.tbdaythree .warningbar td{background:#f2dcbb;}