/*=====================登入頁面====================*/

body {
}


/*登入背景-滿版*/
.login-bg {
    background: url('../Svgs/登入畫面/BG_登入畫面.svg'); /*自己的電腦圖片資料夾位置*/
    background-position: center 0;
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

/*隱形分隔線*/
.InvisibleHr {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    border: none;
}



/*=====================主頁面======================*/

/*標題列-背景*/
.title-bg {
    background-color: white;
}

/*導覧選單-背景*/
.navbar-bg {
    background-color: #353A3F;
}

/*子頁面-背景*/
.content-bg {
    background-color: white;
}

/*頁腳*/
.footer {
    background-color: #353A3F;
    color: white
}

/*導覧選單-文字*/
.nav a {
    color: white
}

/*導覧選單-分隔線*/
.nav hr {
    background-color: white;
    height: 1px;
    border: none;
}


/*=====================樹狀選單======================*/

/*導覧選單-背景*/
.list-group-item {
    background-color: #353A3F;
    color: white;
    border: none;
}

    .list-group-item a {
        color: white;
        text-decoration: none;
        text-emphasis-color: white;
    }


/*=====================子頁面======================*/

/*按鈕-黑底白字*/
.myBtn-dark {
    background-color: #353A3F;
    color: white;
}

    .myBtn-dark:hover {
        background-color: gray;
        color: white;
    }

    .myBtn-dark:disabled {
        background-color: lightgray;
        color: gray;
    }



/*按鈕-白底黑字*/
.myBtn-light {
    background-color: white;
    color: black;
}

    .myBtn-light:hover {
        background-color: gray;
        color: black;
    }

    .myBtn-light:disabled {
        background-color: lightgray;
        color: gray;
    }

/*按鈕-淺綠底白字*/
.myBtn-lightGreen {
    background-color: #50E3C1;
    color: white;
}

    .myBtn-lightGreen:hover {
        background-color: white;
        color: black;
    }

    .myBtn-lightGreen:disabled {
        background-color: lightgray;
        color: gray;
    }

/*按鈕-淺綠底黑字*/
.myBtn-DarkGreen {
    background-color: #50E3C1;
    color: black;
}

    .myBtn-DarkGreen:hover {
        background-color: black;
        color: white;
    }

    .myBtn-DarkGreen:disabled {
        background-color: lightgray;
        color: gray;
    }


/*文字-黑底白字*/
.myText-dark {
    background-color: #353A3F;
    color: white;
}

/*文字-白底黑字*/
.myText-light {
    background-color: white;
    color: black;
}

/*文字-淺綠底白字*/
.myText-lightGreen {
    background-color: #50E3C1;
    color: white;
}

/*文字-白底淺綠字*/
.myText-white {
    background-color: white;
    color: #50E3C1;
}

/*文字-灰底黑字*/
.myText-DarkGray {
    background-color: lightgray;
    color: black;
}


/*表格-統一樣式與過場效果*/
.table {
}
    /*表格-單數行背景色*/
    .table tr:nth-child(even) {
        background: white;
    }

    /*表格-雙數行背景色*/
    .table tr:nth-child(odd) {
        background-color: #e8dac4;
    }

    /*表格-滑鼠經過時的背景色與文字顏色*/
    .table tr:hover, .tableH tr.altrow {
        background-color: dimgray;
        color: white;
    }


/*縱向表格*/
.tableV {
    background-color: white;
    color: #353A3F;
    border-collapse: collapse;
    border: 2px #c7c8c8 solid
}

    .tableV th {
        background-color: #823C3C;
        color: white;
        border-collapse: collapse;
        border: 2px #c7c8c8 solid
    }

    .tableV td {
        border-collapse: collapse;
        border: 2px #c7c8c8 solid
    }


/*橫向表格*/
.tableH {
    background-color: white;
    color: #353A3F;
    border-collapse: collapse;
    border: 2px #c7c8c8 solid
}

    .tableH th {
        background-color: #823C3C;
        color: white;
        border-collapse: collapse;
        border: 2px #c7c8c8 solid
    }

    .tableH td {
        border-collapse: collapse;
        border: 2px #c7c8c8 solid
    }

/*表格-字體格式*/
.table-font-lg {
    font-size: large;
}

.table-font-md {
    font-size: medium;
}

.table-font-sm {
    font-size: small;
}

/*區塊樣式-背景顏色 & 字體顏色*/
.my-block-01 {
    background-color: #e8dac4;
    color: darkblue;
}

.my-block-02 {
    background-color: lightyellow;
    color: darkblue;
}


/*注意事項*/
.notice {
    background-color: #F2F3F8;
    color: #C9444A;
}

    .notice .notice-title {
        color: black;
    }


/*=====================RWD樣式======================*/

/*標題樣式*/
.rwdTitle-x-lg {
    font-size: 52px;
    font-weight: bolder;
}

.rwdTitle-lg {
    font-size: 44px;
    font-weight: bolder;
}

.rwdTitle {
    font-size: 36px;
    font-weight: bolder;
}

.rwdTitle-sm {
    font-size: 28px;
    font-weight: bolder;
}

.rwdTitle-x-sm {
    font-size: 20px;
    font-weight: bolder;
}

/*文字樣式*/
.rwdText-x-lg {
    font-size: 48px;
}

.rwdText-lg {
    font-size: 40px;
}

.rwdText {
    font-size: 32px;
}

.rwdText-sm {
    font-size: 24px;
}

.rwdText-x-sm {
    font-size: 16px;
}

/*表格標題樣式*/
.rwdTable-th-x-lg {
}

    .rwdTable-th-x-lg th {
        font-size: 52px;
        font-weight: bolder;
    }

.rwdTable-th-lg {
}

    .rwdTable-th-lg th {
        font-size: 44px;
        font-weight: bolder;
    }

.rwdTable-th {
}

    .rwdTable-th th {
        font-size: 36px;
        font-weight: bolder;
    }

.rwdTable-th-sm {
}

.rwdTable-th-x-sm th {
    font-size: 28px;
    font-weight: bolder;
}

.rwdTable-th-x-sm {
}

    .rwdTable-th-x-sm th {
        font-size: 20px;
        font-weight: bolder;
    }

/*表格內容樣式*/
.rwdTable-td-x-lg {
}

    .rwdTable-td-x-lg td {
        font-size: 48px;
    }

.rwdTable-td-lg {
}

    .rwdTable-td-lg td {
        font-size: 40px;
    }

.rwdTable-td {
}

    .rwdTable-td td {
        font-size: 32px;
    }

.rwdTable-td-sm {
}

    .rwdTable-td-sm td {
        font-size: 24px;
    }

.rwdTable-td-x-sm {
}

    .rwdTable-td-x-sm td {
        font-size: 16px;
    }

/*CheckBox的按鈕樣式*/
.rwdCheckBox-x-lg {
    font-size: 48px;
}

    .rwdCheckBox-x-lg input[type="checkbox"] {
        width: 48px;
        height: 48px;
        margin-top: 18px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdCheckBox-x-lg input[type="checkbox"]:checked {
            background-color: red;
        }

.rwdCheckBox-lg {
    font-size: 40px;
}

    .rwdCheckBox-lg input[type="checkbox"] {
        width: 40px;
        height: 40px;
        margin-top: 15px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdCheckBox-lg input[type="checkbox"]:checked {
            background-color: red;
        }

.rwdCheckBox {
    font-size: 32px;
}

    .rwdCheckBox input[type="checkbox"] {
        width: 32px;
        height: 32px;
        margin-top: 12px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdCheckBox input[type="checkbox"]:checked {
            background-color: red;
        }

.rwdCheckBox-sm {
    font-size: 24px;
}

    .rwdCheckBox-sm input[type="checkbox"] {
        width: 24px;
        height: 24px;
        margin-top: 9px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdCheckBox-sm input[type="checkbox"]:checked {
            background-color: red;
        }

.rwdCheckBox-x-sm {
    font-size: 16px;
}

    .rwdCheckBox-x-sm input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin-top: 6px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdCheckBox-x-sm input[type="checkbox"]:checked {
            background-color: red;
        }

/*RadioButton的按鈕樣式*/
.rwdRadio-x-lg {
    font-size: 48px;
}

    .rwdRadio-x-lg input[type="radio"] {
        width: 48px;
        height: 48px;
        margin-top: 18px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdRadio-x-lg input[type="radio"]:checked {
            background-color: red;
        }

.rwdRadio-lg {
    font-size: 40px;
}

    .rwdRadio-lg input[type="radio"] {
        width: 40px;
        height: 40px;
        margin-top: 15px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdRadio-lg input[type="radio"]:checked {
            background-color: red;
        }

.rwdRadio {
    font-size: 32px;
}

    .rwdRadio input[type="radio"] {
        width: 32px;
        height: 32px;
        margin-top: 12px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdRadio input[type="radio"]:checked {
            background-color: red;
        }

.rwdRadio-sm {
    font-size: 24px;
}

    .rwdRadio-sm input[type="radio"] {
        width: 24px;
        height: 24px;
        margin-top: 9px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdRadio-sm input[type="radio"]:checked {
            background-color: red;
        }

.rwdRadio-x-sm {
    font-size: 16px;
}

    .rwdRadio-x-sm input[type="radio"] {
        width: 16px;
        height: 16px;
        margin-top: 6px;
        margin-right: 10px;
        accent-color: red;
    }

        .rwdRadio-x-sm input[type="radio"]:checked {
            background-color: red;
        }


/*以下為永昌增加的部分---------------------------------------------------------2025-07-16添加*/

/*#region -----------表格----------- */
/*表格-底*/
.ground-01 {
    background-color: #ffffff;
    margin: 20px 20px 20px 20px;
    width: auto;
    /*height: 500px;*/
}

/*附檔-底*/
.ground-02 {
    background-color: #ffffff;
    /*margin: 10px 10px 10px 10px;*/
    width: auto;
    height: auto;
    border-radius: 5px;
    border: 1px solid #d1d9e2;
    margin-top: 5px;
    /*height: 500px;*/
}

/*表格-統一樣式與過場效果*/
.table {
}
    /*表格-單數行背景色*/
    .table tr:nth-child(even) {
        background: center;
    }

    /*表格-雙數行背景色*/
    .table tr:nth-child(odd) {
        background-color: #f9fbfd;
        /*background-color: #7c8b9d;*/
    }

    /*表格-滑鼠經過時的背景色與文字顏色*/
    .table tr:hover, .tableH tr.altrow {
        /*background-color: #c4d6e9;*/
        color: white;
    }

.table2 {
    font-size: 15px;
    font-family: Microsoft JhengHei;
    /*color: #666;*/
    border-collapse: separate; /* 重要：允許邊角分開 */
    border-spacing: 0;
    border: 1px solid #ccc;
    border-radius: 10px; /* 這裡是圓角的關鍵 */
    overflow: hidden;
    width: 100%; /* 跟著容器寬度走 */
    table-layout: auto; /* 自動調整欄寬（預設也可） */
}

    .table2 th {
        background-color: #e6f1f8;
        padding: 8px;
        height: 60px;
    }

    .table2 td {
        padding: 8px;
    }


    .table2 thead tr:first-child th:first-child {
        border-top-left-radius: 10px;
    }

    .table2 thead tr:first-child th:last-child {
        border-top-right-radius: 10px;
    }

    .table2 tbody tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .table2 tbody tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

    /*表格-單數行背景色*/
    .table2 tr:nth-child(even) {
        background: center;
        background-color: #f9fbfd;
    }

    /*表格-雙數行背景色*/
    .table2 tr:nth-child(odd) {
        background-color: #e5eef0;
    }

    /*表格-滑鼠經過時的背景色與文字顏色*/
    .table2 tr:hover, .tableH tr.altrow {
        background-color: #c4d6e9;
        /*color: #353A3F;*/
        color: #000000;
    }


/*縱向表格*/
.tableV {
    background-color: #f9fbfd;
    color: #353A3F;
    font-family: Microsoft JhengHei;
    font-size: 14px;
    border-collapse: collapse;
    border: 1px #7c8b9d solid;
}

    .tableV th {
        background-color: #f9fbfd;
        color: #000000;
        border-collapse: collapse;
        border: 1px #7c8b9d solid;
    }

    .tableV td {
        border-collapse: collapse;
        color: #5f6d7e;
        border: 1px #7c8b9d solid
    }


/*GV分頁*/
.GridPager a, .GridPager span {
    display: block;
    /*            height: 100%;
            width: 70%;*/
    width: 25px;
    height: 25px;
    font-size: 14px;
    /*font-weight: bold;*/
    text-align: center;
    text-decoration: none;
    margin: 6px 10px 6px 10px;
    border-radius: 5px;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
    width: 25px;
}

.GridPager span {
    background-color: #d1d9e2;
    color: #000;
    border: 1px solid #969696;
}

/*#endregion */

/*#region -----------文字----------- */
/*文字-表單名稱*/
.formName-01 {
    font-size: 26px;
    font-weight: bold;
    color: #7c8b9d;
    font-family: Microsoft JhengHei;
}
/*#endregion */

/*#region -----------分隔線----------- */
/*分隔線-灰色*/
.hr-01 {
    border: 0;
    height: 2px;
    background: #d1d9e2;
}

/*分隔線-黑色*/
.hr-02 {
    border: 0;
    height: 1px;
    background: #000;
}
/*#endregion */

/*#region -----------按鈕----------- */
/*按鈕-固定右上角*/
.formBtn-01 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    cursor: pointer;
    color: #666;
    border-radius: 5px;
    font-size: 20px;
    height: 60px;
    font-weight: bold;
    right: 40px;
    top: 8px;
    position: absolute;
    font-family: Microsoft JhengHei;
}

    .formBtn-01:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #7c8b9d;
    }

/*按鈕-大*/
.formBtn-02 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    cursor: pointer;
    color: #666;
    border-radius: 5px;
    font-size: 20px;
    height: 60px;
    font-weight: bold;
    font-family: Microsoft JhengHei;
}

    .formBtn-02:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #7c8b9d;
    }

/*按鈕-小*/
.formBtn-03 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    cursor: pointer;
    color: #7c8b9d;
    border-radius: 5px;
    font-size: 14px;
    height: 28px;
    font-family: Microsoft JhengHei;
    vertical-align: middle;
    padding: 0px 5px;
    /*    text-transform: Uppercase;
    text-decoration: none;*/
}

    .formBtn-03:hover {
        background-color: #d1d9e2;
        color: #7c8b9d;
    }

input[type="file"] {
    color: #7c8b9d;
    border-radius: 5px;
    vertical-align: middle;
}

    input[type="file"]:hover {
        color: #7c8b9d;
        border-radius: 5px;
        background-color: #d1d9e2;
    }

    input[type="file"]::file-selector-button {
        padding: 0.29em 0.3em;
        border-radius: 0.3em;
        color: #7c8b9d;
        background-color: #f9fbfd;
        border: 0px solid #d1d9e2;
        transition: 1s;
    }

/*按鈕-小*/
.formBtn-04 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    cursor: pointer;
    color: #7c8b9d;
    border-radius: 10px;
    font-size: 14px;
    height: 24px;
    font-family: Microsoft JhengHei;
    vertical-align: middle;
    padding: 0px 5px;
    /*    text-transform: Uppercase;
    text-decoration: none;*/
}

    .formBtn-04:hover {
        background-color: #d1d9e2;
        color: #7c8b9d;
    }

.formBtn-05 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    cursor: pointer;
    color: #666;
    border-radius: 5px;
    font-size: 20px;
    height: 60px;
    font-weight: bold;
    right: 185px;
    top: 8px;
    position: absolute;
    font-family: Microsoft JhengHei;
}

    .formBtn-05:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #7c8b9d;
    }


.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    margin-top: 47px;
    border-top-left-radius: 15px;
    transition: transform 0.3s ease-out;
    z-index: 20;
}

    .sidebar.is-hidden {
        transform: translateX(300px);
    }

/*圖文按鈕-新增申請單*/
.imgBtn-01 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 145px;
    height: 60px;
    z-index: 10;
    position: absolute;
    right: 40px;
    top: 8px;
    border-radius: 5px;
}

    .imgBtn-01:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #666666;
    }

.imgBtn-01-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-add.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-01-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 100px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 16px;
}

.imgBtn-01-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-返回所有列表*/
.imgBtn-02 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 165px;
    height: 60px;
    z-index: 10;
    position: absolute;
    right: 40px;
    top: 8px;
    border-radius: 5px;
}

    .imgBtn-02:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #666666;
    }
/*圖*/
.imgBtn-02-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-back.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-02-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 120px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 16px;
}

.imgBtn-02-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-搜尋*/
.imgBtn-03 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    position: absolute;
    /*position: relative;*/
    right: 10px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-03:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-03-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/ion_search.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-03-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-03-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-查看*/
.imgBtn-04 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-04:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-04-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/ion_search.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-04-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-04-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-編輯*/
.imgBtn-05 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-05:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-05-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/icon-edit.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-05-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-05-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-刪除*/
.imgBtn-06 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-06:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-06-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/icon-delete.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-06-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-06-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/*圖文按鈕-儲存*/
.imgBtn-07 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
}

    .imgBtn-07:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-07-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-save.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-07-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-07-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/*圖文按鈕-送出*/
.imgBtn-08 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
    margin-left: 5px;
}

    .imgBtn-08:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-08-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-send.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-08-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-08-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/*圖文按鈕-下載*/
.imgBtn-09 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-09:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-09-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/icon-save.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-09-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-09-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-刪除*/
.imgBtn-10 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-10:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-10-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/ion_delete.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-10-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-10-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/*圖文按鈕-下一步*/
.imgBtn-11 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 105px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
    margin-left: 5px;
}

    .imgBtn-11:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-11-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/ion_next.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-11-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-11-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/*圖文按鈕-搜尋(在box-01內的)*/
.imgBtn-12 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: 0px;
    border-radius: 5px;
}

    .imgBtn-12:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-12-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/ion_search.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-12-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-12-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-返回查詢*/
.imgBtn-13 {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 90px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgBtn-13:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgBtn-13-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-image: url('../Images/icon-back.png');
    background-size: contain;
    top: 3px;
}

.imgBtn-13-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 90px;
    height: 18px;
    left: 8px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgBtn-13-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-預覽(大)(放大鏡圖示)*/
.imgBtn-14 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
    margin-left: 5px;
}

    .imgBtn-14:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-14-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/ion_search.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-14-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-14-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-重簽(大)(返回圖示)*/
.imgBtn-15 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
    margin-left: 5px;
}

    .imgBtn-15:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-15-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-back.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-15-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-15-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-上傳(大)(上傳圖示)*/
.imgBtn-16 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
    margin-left: 5px;
}

    .imgBtn-16:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-16-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-upload.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-16-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-16-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-作廢(大)(作廢圖示)*/
.imgBtn-17 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
    margin-left: 5px;
}

    .imgBtn-17:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-17-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-cancel.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-17-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-17-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-取消(X圖示)*/
.imgBtn-18 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
}

    .imgBtn-18:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-18-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-cancel2.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-18-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-18-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-複製(重疊方塊圖示)*/
.imgBtn-19 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
}

    .imgBtn-19:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-19-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-copy.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-19-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-19-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-編輯(大的編輯)*/
.imgBtn-20 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
}

    .imgBtn-20:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-20-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-edit.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-20-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-20-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-貼上(方塊貼上記事本圖示)*/
.imgBtn-21 {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 85px;
    height: 60px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    top: 3px;
    border-radius: 5px;
}

    .imgBtn-21:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.imgBtn-21-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-paste.png');
    background-size: contain;
    top: 16px;
}

.imgBtn-21-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 17px;
}

.imgBtn-21-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*CheckBox的按鈕樣式*/
.iCheckBox-01 {
    font-size: 14px;
    border: 0px solid gray;
    border-collapse: separate;
    border-spacing: 5px;
}

    .iCheckBox-01 label {
        margin-bottom: -8px;
        border-radius: 5px;
    }


    .iCheckBox-01 input[type="checkbox"] {
        width: 14px;
        height: 14px;
        margin-top: -2px;
        margin-right: 5px;
        accent-color: #5f6d7e;
        vertical-align: middle;
    }

        .iCheckBox-01 input[type="checkbox"]:checked {
            background-color: #5f6d7e;
        }



/*Radio的按鈕樣式*/
.iRadio-01 {
    font-size: 14px;
    border: 0px solid gray;
    border-collapse: separate;
    border-spacing: 5px;
}

    .iRadio-01 label {
        margin-bottom: -8px;
        border-radius: 5px;
    }


    .iRadio-01 input[type="radio"] {
        width: 14px;
        height: 14px;
        margin-top: -2px;
        margin-right: 5px;
        accent-color: #5f6d7e;
        vertical-align: middle;
    }

        .iRadio-01 input[type="radio"]:checked {
            background-color: #5f6d7e;
        }

/*#endregion */

/*#region -----------表格----------- */
/*表格-表單表格*/
.formTable-01 {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #d1d9e2;
    background-color: #f9fbfd;
}

    .formTable-01 td {
        border: 1px solid #d1d9e2;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }

.formTable-02 {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #d1d9e2;
    background-color: #f9fbfd;
    table-layout: fixed;
}

    .formTable-02 td {
        border: 1px solid #d1d9e2;
        vertical-align: middle;
        font-family: Microsoft JhengHei;
        font-size: 14px;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
        word-break: break-all; /* ← 長字自動換行 */
        white-space: normal; /* ← 允許多行文字 */
    }

    .formTable-02 input[type="radio"] {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: white;
        border: 1px solid #000;
        position: relative;
        top: 3px;
        right: 2px;
    }

        .formTable-02 input[type="radio"]:checked::before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            background-color: #007bff;
            border-radius: 50%;
            position: absolute;
            top: 4px;
            left: 4px;
        }

    .formTable-02 td label {
        display: inline-block;
        margin-bottom: 1px; /* 控制每一項的垂直間距 */
        line-height: 1.0; /* 控制文字行高 */
    }

/* RadioButtonList移除框線 */
.radio-no-border,
.radio-no-border table,
.radio-no-border tr,
.radio-no-border td {
    border: none !important;
}


/*表格-勞動範本表格*/
.formTable-03 {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #d1d9e2;
    background-color: #f9fbfd;
    font-family: Microsoft JhengHei;
    font-size: 14px;
}

    .formTable-03 td {
        border: 1px solid #d1d9e2;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

/*表格-勞動範本-異動表格*/
.formTable-04 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #e61232;
    background-color: #f9fbfd;
    font-family: Microsoft JhengHei;
    font-size: 14px;
}

    .formTable-04 td {
        border: 1px solid #e61232;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }








/*#endregion */
/*#region -----------區塊----------- */
/*區塊-自動等分*/
.box-01 {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    vertical-align: middle;
    /*background-color: aquamarine;*/
}

    .box-01 input {
        outline: none;
        border: 1px solid #d1d9e2;
        line-height: 18px;
        color: #666;
    }

        .box-01 input[type="text"] {
            width: 40%;
            height: 18px;
            line-height: 18px;
            border-radius: 5px;
            padding: 12px 6px;
            vertical-align: middle;
            color: #666;
        }

        .box-01 input:focus {
            outline: none !important;
            border: 1px solid #d1d9e2;
            box-shadow: 0 0 2px #719ECE;
        }

        .box-01 input[type=date] {
            color: #666;
            height: 18px;
            padding: 12px 6px;
            border-radius: 5px;
        }

        .box-01 input[type=image] {
            height: 30px;
            width: 30px;
            vertical-align: middle;
            margin-left: 10px; /* 適當間距 */
            border-radius: 5px;
        }

    .box-01 textarea {
        border: 1px solid #d1d9e2;
        color: #666;
    }

    .box-01 button,
    .box-01 .btn {
        display: inline-block;
        padding: 3px 10px;
        font-size: 14px;
        font-family: Microsoft JhengHei, sans-serif;
        color: #000000;
        background-color: #f9fbfd;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.2s ease, transform 0.1s ease;
    }

        .box-01 button:hover,
        .box-01 .btn:hover {
            background-color: #d1d9e2;
        }

        .box-01 button:active,
        .box-01 .btn:active {
            transform: scale(0.97);
        }

        .box-01 button:disabled,
        .box-01 .btn:disabled {
            background-color: #c0c6cf;
            cursor: not-allowed;
        }

    .box-01 select {
        /*width: 40%;*/
        width: 135px;
        height: 25px; /* 與 input padding 相近的高度 */
        line-height: 18px;
        padding: 3px 6px;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        color: #666;
        background-color: #fff;
        font-size: 14px;
        font-family: Microsoft JhengHei, sans-serif;
        vertical-align: middle;
        appearance: none; /* 移除預設下拉箭頭樣式 (部分瀏覽器) */
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 12px;
    }

        .box-01 select:focus {
            outline: none !important;
            border: 1px solid #d1d9e2;
            box-shadow: 0 0 2px #719ECE;
        }

        .box-01 select:hover {
            border-color: #a3b3c9;
        }

/*區塊-整塊由上而下*/
.box-02 {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    vertical-align: middle;
    /*background-color: aquamarine;*/
}

    .box-02 input {
        outline: none;
        border: 1px solid #d1d9e2;
        line-height: 18px;
        color: #666;
    }

        .box-02 input[type="text"] {
            width: 100%;
            height: 14px;
            line-height: 14px;
            border-radius: 5px;
            padding: 12px 6px;
            vertical-align: middle;
            color: #666;
        }

    .box-02 textarea {
        width: 100%;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        color: #666;
    }

    .box-02 input:focus {
        outline: none !important;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        box-shadow: 0 0 2px #719ECE;
    }

    .box-02 textarea:focus {
        outline: none !important;
        color: #666;
        border: 1px solid #808080;
        border-radius: 5px;
        box-shadow: 0 0 2px #719ECE;
    }

/*區塊-整塊靠左與靠左*/
.box-03 {
    display: flex;
}

    .box-03 .to-left {
        float: left;
    }

    .box-03 .to-rigth {
        float: right;
    }

/*區塊-排列*/
.box-04 {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-top: -5px;
    font-family: Microsoft JhengHei;
}

    .box-04 input {
        outline: none;
        border: 1px solid #d1d9e2;
        line-height: 18px;
        color: #666;
        margin-top: 5px
    }

        .box-04 input[type="text"] {
            width: 40%;
            height: 18px;
            line-height: 28px;
            border-radius: 5px;
            padding: 12px 6px;
            vertical-align: middle;
            color: #666;
        }

        .box-04 input:focus {
            outline: none !important;
            border: 1px solid #d1d9e2;
            box-shadow: 0 0 2px #719ECE;
            color: #666;
        }

        .box-04 input[type=date] {
            color: #666;
            height: 18px;
            padding: 12px 6px;
            border-radius: 5px;
        }

    .box-04 textarea {
        border: 1px solid #d1d9e2;
        color: #666;
    }

    /* DropDownList (select) 樣式，套用在 .box-04 裡的 asp:DropDownList */
    .box-04 select {
        width: 135px;
        height: 27px; /* 與 input padding 相近的高度 */
        line-height: 18px;
        outline: none;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        color: #666;
        padding: 2px 4px;
        margin-top: 4px;
        font-family: "Microsoft JhengHei", sans-serif;
        font-size: 14px;
        background-color: #fff;
        box-sizing: border-box;
        /* 若希望寬度跟 text input 類似，可以用百分比 */
        /* width: 40%;*/
    }

        /* 聚焦效果（跟 input 一樣） */
        .box-04 select:focus {
            border: 1px solid #d1d9e2;
            /*box-shadow: 0 0 2px #719ECE;*/
            color: #666;
        }

        /* 如果你希望選項本身字體也統一，可以加這個（部分瀏覽器有限制） */
        .box-04 select option {
            font-family: "Microsoft JhengHei", sans-serif;
            font-size: 14px;
            color: #666;
        }

.box4-1 {
    width: 180px;
    background-color: #f9fbfd;
    border-radius: 0px;
    overflow: hidden;
    margin-right: 10px;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 14px;
}

.box4-2 {
    width: 280px;
    background-color: #f9fbfd;
    border-radius: 0px;
    overflow: hidden;
    margin-right: 10px;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 14px;
}

.label-01 {
    color: #666;
    font-size: 12px;
    /*line-height: 1.3;*/
}


.box4-content {
    /*padding:5px;*/
}


/*區塊-人員按鈕*/
.box-05 {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 10px;
    font-family: Microsoft JhengHei;
}

.box5-1 {
    background-color: #f9fbfd;
    border-radius: 0px;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 2px;
}




.queryPanel-01 {
    height: 70vh;
    width: 290px;
}

.queryPanel-02 {
    margin-top: 10px;
    width: 100%;
    height: auto;
}

/* 滚动槽 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    background: rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.08);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}


/*#endregion */






















/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}

body {
    background-color: #f0f0f0f0;
}*/

/*圖片卡片排列*/
.caed-container {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-top: 0px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
}

.card {
    width: 160px;
    background-color: #f9fbfd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    margin: 10px;
}

    .card img {
        width: 100%;
        height: auto;
    }

.card-content {
    padding: 16px;
}

    .card-content p {
        color: #666;
        font-size: 14px;
        line-height: 1.3;
    }

    .card-content .cutoff {
        --max-lines: 5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--max-lines);
        color: #666;
        font-size: 14px;
        line-height: 1.3;
    }

    .card-content .btn {
        display: inline-block;
        padding: 8px 16px;
        background-color: #333;
        text-decoration: none;
        border-radius: 4px;
        margin-top: 16px;
        color: #fff;
    }







/* 燈箱效果點圖效大 */
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}



.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}


/*文字大小*/
.fs12 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 12px;
}

.fs14 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 14px;
}

.fs16 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 16px;
}

.fs18 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 18px;
}

.fs20 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 20px;
}

.fs22 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 22px;
}

.fs24 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 24px;
}

.fs26 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 26px;
}

.fs28 {
    font-family: Microsoft JhengHei;
    color: #666;
    font-size: 28px;
}




/*以上為永昌增加的部分---------------------------------------------------------2025-07-16添加*/
/*以下為永昌增加的部分---------------------------------------------------------2025-10-20添加*/
.dvTableA1 {
    display: table;
    width: 100%;
    border-collapse: separate; /* 重要：讓圓角可見 */
    border-spacing: 0; /* 移除間距 */
    /*border: 1px solid #d1d9e2;*/
    border-top: 1px solid #d1d9e2;
    border-left: 1px solid #d1d9e2;
    border-right: 1px solid #d1d9e2;
    border-radius: 10px; /* 圓角 */
    overflow: hidden; /* 防止內容突出 */
    font-family: "Microsoft JhengHei";
    font-size: 14px;
}

/* 每一列 */
.dvRowA1 {
    display: table-row;
}

/* 每一格 */
.dvCellA1 {
    display: table-cell;
    border-bottom: 1px solid #d1d9e2;
    /*border-right: 1px solid #d1d9e2;*/
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
}

.dvCellA1-End {
    display: table-cell;
    border-bottom: 1px solid #d1d9e2;
    border-radius: 10px; /* 圓角 */
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
}

.dvCellA1-End-Center {
    display: table-cell;
    border-bottom: 1px solid #d1d9e2;
    border-radius: 10px; /* 圓角 */
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
}

/* 去除最後一列、最後一欄的多餘邊線 */
.dvRowA1:last-child .divCellA1 {
    border-bottom: none;
}

.divCellA1:last-child {
    border-right: none;
}

/* 表頭 */
.headerA1 {
    background-color: #f0f0f0;
    font-weight: bold;
}
/*以上為永昌增加的部分---------------------------------------------------------2025-10-20添加*/

/*以下為永昌增加的部分---------------------------------------------------------2025-11-24添加*/

.label-nowrap-fix {
    white-space: nowrap !important;
}


/* === 外層控制 === */
.checkbox-align-fix {
    display: inline-block !important;
    width: 100% !important;
    vertical-align: middle !important;
}

    /* === Row 當 flex 容器，可折行 === */
    .checkbox-align-fix tr {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px; /* 項目間距 */
        align-items: flex-start;
    }

    /* 防止 Disabled 導致文字換行、input 消失造成排版亂掉 */
    .checkbox-align-fix td,
    .checkbox-align-fix td *,
    .checkbox-align-fix input[disabled] + span,
    .checkbox-align-fix input[disabled] + label {
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center;
    }

    /* === Checkbox 與文字距離 === */
    .checkbox-align-fix input[type="checkbox"] {
        margin-right: 6px;
    }

    /* === Label 樣式 === */
    .checkbox-align-fix label {
        display: flex !important;
        align-items: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    /* *********************************************
   🔥 Disabled 修正：不換行、不破版、不變成多行
    ********************************************* */
    .checkbox-align-fix td,
    .checkbox-align-fix td span,
    .checkbox-align-fix td label {
        white-space: nowrap !important;
    }


/* *********************************************
   📱 RWD：手機變 2 欄
********************************************* */
@media (max-width: 600px) {
    .checkbox-align-fix td {
        width: 50% !important; /* ⬅︎ 手機兩欄 */
        min-width: 140px;
    }
}

.checkbox-scroll {
    max-height: 200px; /* 自行調整高度 */
    overflow-y: auto; /* 垂直捲動 */
    border: 1px solid #ccc;
    padding: 5px;
}


/*以上為永昌增加的部分---------------------------------------------------------2025-11-24添加*/



/*以下為MANO增加的部分---------------------------------------------------------2025-08-05添加*/
/*#region -----------MANO----------- */
/*#region -----------div區塊----------- */
/* 每一列加上底部格線 */
.divFormTable-01 {
    width: 100%;
    padding: 0;
    margin-top: 3px;
    background-color: #f9fbfd;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #d1d9e2;
    overflow: hidden;
}
    /* 為每一列加上底部格線 */
    .divFormTable-01 > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-bottom: 1px solid #d1d9e2;
        display: flex;
        align-items: stretch; /* 保證所有欄高一致，讓垂直線完整 */
    }

        /* 防止最後一列出現多餘的底線 */
        .divFormTable-01 > .row:last-child {
            border-bottom: none;
        }

        /* 欄顯示右邊框 */
    .divFormTable-01 .row > [class*='col-'] {
        border-right: 1px solid #d1d9e2;
        padding: 10px;
        box-sizing: border-box;
    }
            /* 最右邊那欄不要顯示右邊框 */
            .divFormTable-01 .row > [class*='col-']:last-child {
                border-right: none;
            }
        .divFormTable-01 .row > [class*='col-'] > span,
        .divFormTable-01 .row > [class*='col-'] > label {
            display: block;
            padding-left: 7px;
        }

.inner-row-border .divBox-01 {
    border-bottom: 1px solid #d1d9e2;
    padding-bottom: 4px;
}

    .inner-row-border .divBox-01 textarea {
        margin-bottom: 2px;
    }



/* 空白區塊 */
.divFormTable-02 {
    width: 100%;
    padding: 0;
    background-color: #f9fbfd;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #d1d9e2;
    overflow: hidden;
}
    /* 為每一列加上底部格線 */
    .divFormTable-02 .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex;
        align-items: stretch; /* 保證所有欄高一致，讓垂直線完整 */
    }

        /* 防止最後一列出現多餘的底線 */
        .divFormTable-02 .row:last-child {
            border-bottom: none;
        }

        /* 欄顯示右邊框 */
        .divFormTable-02 .row > [class*='col-'] {
            padding: 2px;
        }

            /* 最右邊那欄不要顯示右邊框 */
            .divFormTable-02 .row > [class*='col-']:last-child {
                border-right: none;
            }
/*#endregion */
/*#region -----------區塊----------- */
/*區塊-自動等分*/
.divBox-01 {
    display: flex;
    align-items: center; /* 垂直置中 */
    gap: 10px;
    min-height: 20px; /* 統一高度 */
    box-sizing: border-box;
    font-size: 14px;
    font-family: Microsoft JhengHei;
}

    .divBox-01 input {
        outline: none;
        border: 1px solid #d1d9e2;
        line-height: 18px;
        color: #666;
    }

        .divBox-01 input[type="text"] {
            width: 40%;
            height: 18px;
            line-height: 18px;
            border-radius: 5px;
            padding: 12px 12px;
            vertical-align: middle;
            color: #666;
        }

        .divBox-01 input:focus {
            outline: none !important;
            border: 1px solid #d1d9e2;
            box-shadow: 0 0 2px #719ECE;
        }

        .divBox-01 input[type=date] {
            color: #666;
            height: 18px;
            padding: 12px 6px;
            border-radius: 5px;
        }

        .divBox-01 input[type=image] {
            height: 30px !important;
            width: 30px !important;
            vertical-align: middle;
            margin-left: 10px;
            border-radius: 5px;
            border: 1px solid #d1d9e2;
        }

    .divBox-01 textarea {
        border: 1px solid #d1d9e2;
        color: #666;
        flex: 1; /* ✅ 撐滿剩餘空間但不影響左側 */
        align-self: stretch; /* ✅ 與父容器等高 */
        margin-right: 15px;
        border-radius: 5px;
    }

    .divBox-01 .input-select {
        height: 32px;
        border-radius: 5px;
        padding: 0px 3px;
        border: 1px solid #d1d9e2 !important;
        color: #666;
        font-size: 14px;
        font-family: Microsoft JhengHei;
    }

    .divBox-01 .input-select1 {
        height: 28px;
        padding: 0px 3px;
        border-radius: 5px;
        font-size: 14px;
        font-family: Microsoft JhengHei;
    }

.radio-align-fix {
    display: inline-block !important;
    vertical-align: middle !important;
}

    /* 把選項的 row 當作 flex 容器 */
    .radio-align-fix tr {
        display: flex !important;
        align-items: center;
        gap: 30px; /* ✅ 控制選項間距（可依需求調整） */
    }

    /* 每個選項（radio + label）容器 */
    .radio-align-fix td {
        display: flex !important;
        align-items: center;
        margin: 0 !important;
        padding: 0 10px !important;
    }

    /* radio 與文字對齊 */
    .radio-align-fix input[type="radio"] {
        margin-right: 6px;
    }

    /* label 對齊與樣式 */
    .radio-align-fix label {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin: 0; /* 確保沒額外外距 */
        padding: 0;
    }

/*區塊-整塊由上而下*/
.divBox-02 {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    vertical-align: middle;
    padding-left: 10px;
    /*background-color: aquamarine;*/
}

    .divBox-02 input {
        outline: none;
        border: 1px solid #d1d9e2;
        line-height: 18px;
        color: #666;
    }

        .divBox-02 input[type="text"] {
            width: 100%;
            height: 14px;
            line-height: 14px;
            border-radius: 5px;
            padding: 12px 6px;
            vertical-align: middle;
            color: #666;
        }

    .divBox-02 textarea {
        width: 100%;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        color: #666;
    }

    .divBox-02 input:focus {
        outline: none !important;
        border: 1px solid #d1d9e2;
        border-radius: 5px;
        box-shadow: 0 0 2px #719ECE;
    }

    .divBox-02 textarea:focus {
        outline: none !important;
        color: #666;
        border: 1px solid #808080;
        border-radius: 5px;
        box-shadow: 0 0 2px #719ECE;
    }

.divGround-02 {
    background-color: #ffffff;
    /*margin: 5px 5px 5px 5px;*/
    width: auto;
    height: auto;
    border-radius: 5px;
    border: 1px solid #d1d9e2;
    /*margin-top: 5px;*/
    /*height: 500px;*/
    /*margin-right: 15px;*/
    /*padding: 5px 15px;*/
    padding-left: 0px;
}

.divBox-05 {
    min-height: 10px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 10px;
    font-family: Microsoft JhengHei;
}

.card-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
}

/*解決row內的框線會與外層框線重疊的問題 eg. row no-gutters*/
.no-gutters {
    margin-right: 1px;
    margin-left: 0;
}

/*#endregion */
/*#region -----------圖文按鈕----------- */
/*新增申請單*/
.feImgNewBtn {
    margin-left: auto; /* 自動推到最右邊 */
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 145px;
    height: 50px;
    z-index: 10;
    border-radius: 5px;
    display: flex; /* 使用彈性排版 */
    align-items: center; /* 垂直置中 */
    justify-content: center; /* 水平置中（或 space-between） */
    gap: 6px; /* 圖示與文字間距 */
}

    .feImgNewBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #666666;
    }

.feImgNewBtn-1 {
    /*圖*/
    background-color: transparent;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-add.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 16px;
}

.feImgNewBtn-2 {
    /*文*/
    background-color: transparent;
    z-index: 2;
    width: 100px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 16px;
}

.feImgNewBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*回查詢主畫面*/
.feImgHomeBtn {
    margin-left: auto; /* 自動推到最右邊 */
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 145px;
    height: 50px;
    z-index: 10;
    border-radius: 5px;
    display: flex; /* 使用彈性排版 */
    align-items: center; /* 垂直置中 */
    justify-content: center; /* 水平置中（或 space-between） */
    gap: 6px; /* 圖示與文字間距 */
}

    .feImgHomeBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #666666;
    }

.feImgHomeBtn-1 {
    /*圖*/
    background-color: transparent;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon-back.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 16px;
}

.feImgHomeBtn-2 {
    /*文*/
    background-color: transparent;
    z-index: 2;
    width: 100px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 16px;
}

.feImgHomeBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-搜尋*/
.feImgQueryBtn {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 100px;
    height: 35px;
    z-index: 10;
    /*position: absolute;*/
    display: flex; /* 使用彈性排版 */
    position: relative;
    right: 10px;
    top: 0px;
    border-radius: 5px;
}

    .feImgQueryBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.feImgQueryBtn-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    left: 2px;
    background-image: url('../Images/icon_search.png');
    background-size: contain;
    top: 3px;
}

.feImgQueryBtn-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 40px;
    font-size: 16px;
    font-weight: bold;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 4px;
}

.feImgQueryBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-清除*/
.feImgClearBtn {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 100px;
    height: 35px;
    z-index: 10;
    /*position: absolute;*/
    display: flex; /* 使用彈性排版 */
    position: relative;
    right: 10px;
    top: 0px;
    border-radius: 5px;
}

    .feImgClearBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.feImgClearBtn-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    left: 2px;
    background-image: url('../Images/icon-cancel2.png');
    background-size: contain;
    top: 3px;
}

.feImgClearBtn-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 40px;
    font-size: 16px;
    font-weight: bold;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 4px;
}

.feImgClearBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-下一步*/
.feImgNextBtn {
    display: inline-block;
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    color: #666666;
    width: 105px;
    height: 40px;
    z-index: 10;
    position: relative;
    /*right: 40px;*/
    /*top: 3px;*/
    border-radius: 5px;
    margin-left: 5px;
}

    .feImgNextBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        color: #666666;
    }

.feImgNextBtn-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    left: 5px;
    background-image: url('../Images/icon_next.png');
    background-size: contain;
    top: 7px;
}

.feImgNextBtn-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 28px;
    left: 33px;
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    text-align: center;
    top: 8px;
}

.feImgNextBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-加入(小)*/
.feImgAddBtn {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 60px;
    height: 25px;
    z-index: 10;
    /*position: absolute;*/
    display: flex; /* 使用彈性排版 */
    position: relative;
    /*right: 10px;*/
    top: 0px;
    border-radius: 5px;
    margin: 0 auto;
}

    .feImgAddBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.feImgAddBtn-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    left: 2px;
    background-image: url('../Images/icon-add.png');
    background-size: contain;
    top: 1px;
}

.feImgAddBtn-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.feImgAddBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}

/*圖文按鈕-取消(小)*/
.feImgCancelBtn {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 90px;
    height: 45px;
    z-index: 10;
    /*position: absolute;*/
    display: flex; /* 使用彈性排版 */
    position: relative;
    right: 10px;
    top: 0px;
    border-radius: 5px;
}

    .feImgCancelBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.feImgCancelBtn-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    left: 10px;
    background-image: url('../Images/icon-cancel2.png');
    background-size: contain;
    top: 8px;
}

.feImgCancelBtn-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 30px;
    left: 30px;
    font-size: 16px;
    font-weight: bold;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 10px;
}

.feImgCancelBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/* GridView Hidden Colum */
.hidden-column {
    display: none;
}

/*圖文按鈕-動態-小按鈕*/
.imgDynSmalBtn {
    background-color: #f9fbfd;
    border: 1px solid #d1d9e2;
    width: 55px;
    height: 26px;
    z-index: 10;
    /*position: absolute;*/
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
}

    .imgDynSmalBtn:hover {
        background-color: #d1d9e2;
        /*box-shadow: 0 0 10px #FF99CC;*/
        /*color: #7c8b9d;*/
        color: #000000;
    }
/*圖*/
.imgDynSmalBtn-1 {
    /*圖*/
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    left: 2px;
    background-size: contain;
    top: 3px;
}

.imgDynSmalBtn-2 {
    /*文*/
    background-color: transparent;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 18px;
    left: 18px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    text-align: center;
    top: 1px;
}

.imgDynSmalBtn-3 {
    /*按鈕*/
    position: absolute;
    z-index: 3;
    opacity: 1;
    border-radius: 5px;
}


/*圖片卡片排列*/
.feCard-container {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-top: 0px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
}

.feCard {
    width: 120px;
    background-color: #f9fbfd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    margin: 10px;
}

    .feCard img {
        width: 100%;
        height: auto;
    }

.feCard-content {
    padding: 16px;
}

    .feCard-content p {
        color: #666;
        font-size: 12px;
        line-height: 1.3;
    }

    .feCard-content .cutoff {
        --max-lines: 5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--max-lines);
        color: #666;
        font-size: 12px;
        line-height: 1.3;
    }

    .feCard-content .btn {
        display: inline-block;
        padding: 8px 16px;
        background-color: #333;
        text-decoration: none;
        border-radius: 4px;
        margin-top: 16px;
        color: #fff;
    }

/*圖片卡片排列(SignLog使用)*/
.feCard1-container {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-top: 0px;
    font-size: 10px;
    font-family: Microsoft JhengHei;
}

.feCard1 {
    width: 100px;
    background-color: #f9fbfd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    margin: 1px;
}

    .feCard1 img {
        width: 100%;
        height: 60px;
    }

.feCard1-content {
    padding: 1px;
}

    .feCard1-content p {
        color: #666;
        font-size: 10px;
        line-height: 1;
    }

    .feCard1-content .cutoff {
        --max-lines: 5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--max-lines);
        color: #666;
        font-size: 12px;
        line-height: 1.1;
    }

    .feCard1-content .btn {
        display: inline-block;
        padding: 8px 16px;
        background-color: #333;
        text-decoration: none;
        border-radius: 4px;
        margin-top: 16px;
        color: #fff;
    }



/*#endregion */
/*#endregion -----------MANO----------- */
/*以上為MANO增加的部分---------------------------------------------------------2025-08-05添加*/

/*媒體查詢-小於等於768*/
@media (max-width: 768px) {

    /*標題樣式*/
    .rwdTitle-x-lg {
        font-size: 62px;
        font-weight: bolder;
    }

    .rwdTitle-lg {
        font-size: 54px;
        font-weight: bolder;
    }

    .rwdTitle {
        font-size: 46px;
        font-weight: bolder;
    }

    .rwdTitle-sm {
        font-size: 38px;
        font-weight: bolder;
    }

    .rwdTitle-x-sm {
        font-size: 30px;
        font-weight: bolder;
    }

    /*文字樣式*/
    .rwdText-x-lg {
        font-size: 58px;
    }

    .rwdText-lg {
        font-size: 50px;
    }

    .rwdText {
        font-size: 42px;
    }

    .rwdText-sm {
        font-size: 34px;
    }

    .rwdText-x-sm {
        font-size: 26px;
    }

    /*表格標題樣式*/
    .rwdTable-th-x-lg {
    }

        .rwdTable-th-x-lg th {
            font-size: 62px;
            font-weight: bolder;
        }

    .rwdTable-th-lg {
    }

        .rwdTable-th-lg th {
            font-size: 54px;
            font-weight: bolder;
        }

    .rwdTable-th {
    }

        .rwdTable-th th {
            font-size: 46px;
            font-weight: bolder;
        }

    .rwdTable-th-sm {
    }

    .rwdTable-th-x-sm th {
        font-size: 38px;
        font-weight: bolder;
    }

    .rwdTable-th-x-sm {
    }

        .rwdTable-th-x-sm th {
            font-size: 30px;
            font-weight: bolder;
        }

    /*表格內容樣式*/
    .rwdTable-td-x-lg {
    }

        .rwdTable-td-x-lg td {
            font-size: 58px;
        }

    .rwdTable-td-lg {
    }

        .rwdTable-td-lg td {
            font-size: 50px;
        }

    .rwdTable-td {
    }

        .rwdTable-td td {
            font-size: 42px;
        }

    .rwdTable-td-sm {
    }

        .rwdTable-td-sm td {
            font-size: 34px;
        }

    .rwdTable-td-x-sm {
    }

        .rwdTable-td-x-sm td {
            font-size: 26px;
        }
}

/*媒體查詢-行動裝置-小於等於768*/
@media (max-device-width: 768px) {

    /*標題樣式*/
    .rwdTitle-x-lg {
        font-size: 62px;
        font-weight: bolder;
    }

    .rwdTitle-lg {
        font-size: 54px;
        font-weight: bolder;
    }

    .rwdTitle {
        font-size: 46px;
        font-weight: bolder;
    }

    .rwdTitle-sm {
        font-size: 38px;
        font-weight: bolder;
    }

    .rwdTitle-x-sm {
        font-size: 30px;
        font-weight: bolder;
    }

    /*文字樣式*/
    .rwdText-x-lg {
        font-size: 58px;
    }

    .rwdText-lg {
        font-size: 50px;
    }

    .rwdText {
        font-size: 42px;
    }

    .rwdText-sm {
        font-size: 34px;
    }

    .rwdText-x-sm {
        font-size: 26px;
    }

    /*表格標題樣式*/
    .rwdTable-th-x-lg {
    }

        .rwdTable-th-x-lg th {
            font-size: 62px;
            font-weight: bolder;
        }

    .rwdTable-th-lg {
    }

        .rwdTable-th-lg th {
            font-size: 54px;
            font-weight: bolder;
        }

    .rwdTable-th {
    }

        .rwdTable-th th {
            font-size: 46px;
            font-weight: bolder;
        }

    .rwdTable-th-sm {
    }

    .rwdTable-th-x-sm th {
        font-size: 38px;
        font-weight: bolder;
    }

    .rwdTable-th-x-sm {
    }

        .rwdTable-th-x-sm th {
            font-size: 30px;
            font-weight: bolder;
        }

    /*表格內容樣式*/
    .rwdTable-td-x-lg {
    }

        .rwdTable-td-x-lg td {
            font-size: 58px;
        }

    .rwdTable-td-lg {
    }

        .rwdTable-td-lg td {
            font-size: 50px;
        }

    .rwdTable-td {
    }

        .rwdTable-td td {
            font-size: 42px;
        }

    .rwdTable-td-sm {
    }

        .rwdTable-td-sm td {
            font-size: 34px;
        }

    .rwdTable-td-x-sm {
    }

        .rwdTable-td-x-sm td {
            font-size: 26px;
        }

    /*CheckBox的按鈕樣式*/
    .rwdCheckBox-x-lg {
        font-size: 58px;
    }

        .rwdCheckBox-x-lg input[type="checkbox"] {
            width: 58px;
            height: 58px;
            margin-top: 22px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdCheckBox-x-lg input[type="checkbox"]:checked {
                background-color: red;
            }

    .rwdCheckBox-lg {
        font-size: 50px;
    }

        .rwdCheckBox-lg input[type="checkbox"] {
            width: 50px;
            height: 50px;
            margin-top: 19px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdCheckBox-lg input[type="checkbox"]:checked {
                background-color: red;
            }

    .rwdCheckBox {
        font-size: 42px;
    }

        .rwdCheckBox input[type="checkbox"] {
            width: 42px;
            height: 42px;
            margin-top: 16px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdCheckBox input[type="checkbox"]:checked {
                background-color: red;
            }

    .rwdCheckBox-sm {
        font-size: 34px;
    }

        .rwdCheckBox-sm input[type="checkbox"] {
            width: 34px;
            height: 34px;
            margin-top: 13px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdCheckBox-sm input[type="checkbox"]:checked {
                background-color: red;
            }

    .rwdCheckBox-x-sm {
        font-size: 26px;
    }

        .rwdCheckBox-x-sm input[type="checkbox"] {
            width: 26px;
            height: 26px;
            margin-top: 10px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdCheckBox-x-sm input[type="checkbox"]:checked {
                background-color: red;
            }

    /*RadioButton的按鈕樣式*/
    .rwdRadio-x-lg {
        font-size: 58px;
    }

        .rwdRadio-x-lg input[type="radio"] {
            width: 58px;
            height: 58px;
            margin-top: 22px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdRadio-x-lg input[type="radio"]:checked {
                background-color: red;
            }

    .rwdRadio-lg {
        font-size: 50px;
    }

        .rwdRadio-lg input[type="radio"] {
            width: 50px;
            height: 50px;
            margin-top: 19px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdRadio-lg input[type="radio"]:checked {
                background-color: red;
            }

    .rwdRadio {
        font-size: 42px;
    }

        .rwdRadio input[type="radio"] {
            width: 42px;
            height: 42px;
            margin-top: 16px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdRadio input[type="radio"]:checked {
                background-color: red;
            }

    .rwdRadio-sm {
        font-size: 34px;
    }

        .rwdRadio-sm input[type="radio"] {
            width: 34px;
            height: 34px;
            margin-top: 13px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdRadio-sm input[type="radio"]:checked {
                background-color: red;
            }

    .rwdRadio-x-sm {
        font-size: 26px;
    }

        .rwdRadio-x-sm input[type="radio"] {
            width: 26px;
            height: 26px;
            margin-top: 10px;
            margin-right: 10px;
            accent-color: red;
        }

            .rwdRadio-x-sm input[type="radio"]:checked {
                background-color: red;
            }
}