/* 【CSS】承商安全管理系統主 */
html {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Mabry Pro","Noto Sans",Arial,"Helvetica Neue","Microsoft JhengHei", sans-serif; /*修改 for AUO新識別 By Aaron@2022-10*/
    /*font-family: ""Gill Sans MT","Microsoft JhengHei","Source Sans Pro", sans-serif";*/
    width: 100%;
    height: 100%;
    font-size: 0.9em;
}

* {
    margin: 0;
    padding: 0;
}

#body /* edit for IE8.0 */ {
    width: 100%;
    height: 100%;
    /*width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" );*/
    background-color: White;
}


/* for header */
.G1_header {
    width: 100%;
    background: url(/ContractSafetyMgt/Content/Content/Img/G1_headerBg.gif) repeat-x;
}
/*sign by eliza */

.G1_headerHide {
    width: 100%;
    height: 18px;
    background-color: #004e61;
    display: none;
}

.G1_headerLeft {
    width: 632px;
    height: 84px;
    background: url(/ContractSafetyMgt/Content/Content/Img/G1_headerLeft.gif) no-repeat;
    float: left;
}

.G1_headerLeftBlank {
    width: 632px;
    height: 84px;
    background: url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat;
    float: left;
}

.G1_projectName /* edit for IE8.0 */ {
    width: 510px;
    height: 30px;
    font-size: 25px;
    color: #1f6374;
    margin: 28px auto -26px 120px;
    +margin:33px auto auto 120px;
    _margin: 27px auto auto 120px;
}

.G1_headerRight {
    width: 368px;
    height: 84px;
    background: url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat 0px -84px;
    float: right;
}

.G1_logoCompany {
    width: 94px;
    height: 34px;
    background: url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat -368px -136px;
    margin-top: 20px;
    margin-left: 230px;
}

.G1_quickNav /* edit for IE8 */ {
    width: 355px;
    font-size: 12px;
    margin: 8px 7px auto auto;
    +margin:8px 7px auto -1px;
    _margin: 8px 9px auto auto;
}


.G1_quickNav a {
    color: #2e6c7c;
    text-decoration: none;
    width: 50px;
    float: right;
    margin: 3px auto auto 30px;
}

.G1_quickNav a:hover {
    text-decoration: underline;
}

.G1_popupMenu {
    width: 65px;
    height: 60px;
    position: absolute;
    visibility: hidden;
    background-color: #ededed;
    opacity: .9;
    filter: alpha(opacity=90);
    text-align: center;
    line-height: 20px;
}


.G1_popupMenu a {
    text-decoration: none;
    color: #565656;
}

.G1_popupMenu a:hover {
    color: Red;
}

.G1_welcome /* edit for IE8.0 */ {
    width: 170px;
    float: right;
    color: #004E61;
    margin-right: 10px;
    text-align: right;
    margin-top: 30px;
    +margin-top:0px;
    _margin-top: 0px;
}

.G1_dateTime {
    width: 160px;
    float: left;
    text-align: right;
    color: #004E61;
    margin-right: 5px;
}

.G1_online /* edit for IE8.0 */ {
    width: 90px;
    float: right;
    color: #004E61;
    margin-left: 8px;
    margin-top: 30px;
    +margin-top:0px;
    _margin-top: 0px;
}

/* for left Nav & content_main */

.G1_main /* edit for IE8.0 */ {
    width: 100%;
    min-height: 100px;
    clear: both;
}

.G1_leftNav /* edit for IE8.0 */ {
    width: 194px;
    float: left;
    font-size: 14px;
    margin: 5px -200px auto 3px;
    _margin: 5px 3px auto 3px;
    overflow: hidden;
}

.G1_leftNavTop {
    width: 194px;
    height: 21px;
    background-color: #e6e6e6;
    margin-bottom: -3px;
}

.G1_leftNavHideBtn {
    width: 65px;
    height: 16px;
    color: #4d4d4d;
    text-decoration: none;
    background-color: #fafafa;
    border: 1px solid #d7d7d7;
    text-align: center;
    padding-top: 2px;
    float: right;
    font-size: 11px;
    margin-left: 3px;
}

.G1_leftNavUnsel {
    width: 192px;
    height: auto; /* update by elizaliu */
    background: url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat -368px -84px;
    margin-top: 3px;
}

.G1_leftNavSel {
    width: 192px;
    height: auto; /* update by elizaliu */
    background: url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat -560px -84px; /* update by elizaliu */
    +background:url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat -560px -84px; /* update by elizaliu */
    _background: url(/ContractSafetyMgt/Content/Content/Img/masterBG.png) no-repeat -560px -89px; /* update by elizaliu */
    margin-top: 3px;
}

.G1_leftNavFirst /* edit for IE8.0 */ {
    font-weight: bold;
    height: auto; /* update by elizaliu */
    padding-bottom: 5px; /* update by elizaliu */
    margin: 2px auto auto 5px;
    +margin:2px auto auto 5px;
    _margin: 4px auto auto 5px;
    display: block;
    padding-top: 5px;
}

.G1_leftNavFirst a {
    color: #004E61;
    text-decoration: none;
}

.G1_leftNavContent {
    width: 192px;
    border-bottom: none;
    height: auto;
}

/* Modal header fixes for #modalWin: keep title on one line and align close button */
#modalWin .modal-header > div {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}
#modalWin .modal-header .modal-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important; /* remove default h4 margin */
    font-size: 20px !important; /* slightly larger for visibility */
    font-weight: 600 !important;
    flex: 0 1 auto !important;
}
#modalWin .modal-header .close {
    order: 2 !important; /* ensure close button sits to the right */
    margin-left: auto !important;
    float: none !important; /* remove bootstrap float */
}
#modalWin .modal-header .modal-title {
    order: 1 !important;
}


.leftNavforOverflow div /* update by elizaliu */ {
    overflow: hidden;
}

.G1_leftNavSub {
    width: 192px;
    *min-height: 23px;
    !important *height:23px;
    border-bottom: 1px solid #e6e6e6;
}

.G1_leftNavSub a {
    color: #004E61;
    margin-top: -10px;
    +margin-top:6px;
    _margin-top: 6px;
    margin-left: 7px;
    text-decoration: none;
    display: block;
}


.G1_leftNavSecond {
    width: 100%;
    min-height: 23px;
    +min-height:23px;
    _height: 23px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 4px;
    display: block;
    word-wrap: break-word; /* update by elizaliu */
    font-size: 13px /* 左侧菜单最底层链接字体大小，若菜单层级较多，需调整最底层链接字体大小，可修改此处 */
}

.G1_leftNavSecond a {
    color: #4D4D4D;
    padding-left: 8px;
    text-decoration: none;
}

.G1_leftNavSecond a:hover {
    color: #FF4D4D;
}


.G1_leftNavBottom {
    width: 194px;
    height: 14px;
    background-color: #e6e6e6;
    margin-top: 3px;
}

.G1_content /* edit for IE8.0 */ {
    margin-left: 194px;
    _margin-left: 0px;
    padding-left: 5px;
    _padding-left: 0px;
    _width: auto; /*expression((documentElement.clientWidth < 795) ? "795px" : "auto" ); */
    _float: left;
    margin-top: 5px;
}

.G1_contentHide /* add for IE8.0 */ {
    margin-left: 25px;
    _margin-left: 0px;
    padding-left: 5px;
    _padding-left: 0px;
    _width: auto; /*expression((documentElement.clientWidth < 795) ? "795px" : "auto" ); */
    _float: left;
    margin-top: 5px;
}

.G1_contentNoLeftMenu /* add for new template */ {
    margin-left: 5px;
    _margin-left: 0px;
    padding-left: 5px;
    _padding-left: 0px;
    _width: auto; /*expression((documentElement.clientWidth < 795) ? "795px" : "auto" ); */
    _float: left;
    margin-top: 5px;
}

/* for left Nav Hide */
.G1_leftNavHide {
    width: 21px;
    float: left;
    margin: 5px 3px auto;
}

.G1_leftNavTopHide {
    width: 21px;
    height: 21px;
    background-color: #e6e6e6;
    margin-bottom: -3px;
}

.G1_leftNavShowBtn {
    width: 16px;
    height: 16px;
    background-color: #fafafa;
    border: 1px solid #d7d7d7;
    float: right;
    color: #4d4d4d;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
    font-size: 11px;
    margin-left: 3px;
}

.G1_leftNavContentHide {
    width: 20px;
    border-right: 1px solid #e6e6e6;
    height: 250px;
    background-color: #e6e6e6;
}


/* for top nav */
.G1_topNav {
    width: 100%;
    height: 24px;
    background-color: #31707f;
    color: White;
}

.G1_topNavHide {
    width: 100%;
    height: 18px;
    background-color: #31707f;
    display: none;
}

.G1_navTopLong /* edit for IE8.0 */ {
    width: auto;
    text-align: right;
    float: left;
    margin-top: 2px;
}

.G1_navTop {
    width: 85px;
    height: 19px;
}


.G1_navTop a {
    color: White;
    border-left: 1px solid white;
    text-decoration: none;
    font: 13px bold;
    margin-top: 3px;
    text-align: center;
    display: block;
}

.G1_navTop a:hover {
    color: #004e61;
    background-color: #d3dbdd;
}



.G1_menuHideBtn {
    margin-top: 4px;
    margin-left: 4px;
    float: right;
}

.G1_menuHideBtn a {
    width: 18px;
    height: 18px;
    display: block;
    color: White;
    text-decoration: none;
    cursor: pointer;
}



.G1_menuShowBtn {
    margin-left: 4px;
    float: right;
}

.G1_menuShowBtn a {
    width: 80px;
    height: 18px;
    display: block;
    color: White;
    text-decoration: none;
    padding-left: 22px;
    cursor: pointer;
}


.G1_navTopMenuFirst {
    color: White;
    border-left: 1px solid white;
    text-decoration: none;
    font: 13px bold;
    margin-top: 3px;
    text-align: center;
    padding-right: 15px;
    display: block;
    width: 85px;
}


.G1_navTopMenuSub {
    color: White;
    font: 13px;
    margin: 5px 10px 3px 10px;
    text-align: left;
    padding-bottom: 3px;
}


.G1_navTopMenuSub ul li a {
    padding-right: 10px;
    padding-bottom: 3px;
}



/* for tab */
.G1_ajaxTab .ajax__tab_header {
    font-size: 14px;
    border-bottom: 1px solid #bfd9e4;
}

.G1_ajaxTab .ajax__tab_outer {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;
    height: 21px;
    margin-right: -4px;
}

.G1_ajaxTab .ajax__tab_inner {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;
}

.G1_ajaxTab .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    background-color: #e6e6e6;
    border-top: 1px solid #bfd9e4;
    border-left: 1px solid #bfd9e4;
    border-right: 1px solid #bfd9e4;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #006993;
    cursor: pointer;
}

.G1_ajaxTab .ajax__tab_hover .ajax__tab_outer {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;
}

.G1_ajaxTab .ajax__tab_hover .ajax__tab_inner {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;
}

.G1_ajaxTab .ajax__tab_hover .ajax__tab_tab {
    cursor: pointer;
    background-color: #31707f;
    color: White;
}

.G1_ajaxTab .ajax__tab_active .ajax__tab_outer {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;
}

.G1_ajaxTab .ajax__tab_active .ajax__tab_inner {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;
}

.G1_ajaxTab .ajax__tab_active .ajax__tab_tab {
    background-color: #31707f;
    color: White;
    cursor: pointer;
}

.G1_ajaxTab .ajax__tab_body {
    font-size: 12px;
    border: 1px solid #bfd9e4;
    border-top: 0;
    padding: 18px;
    background-color: #ffffff;
}

.G1_ajaxTabContent {
    width: 99%;
}


/* for text */
.G1_firstTitle {
    font-size: 14px;
    *min-width: 790px !important;
    *width: 99%;
    font-weight: bold;
    margin: 6px auto 10px auto;
    text-align: left;
    color: #454545;
    padding-bottom: 3px;
    border-bottom: 1px dotted #454545;
}

.G1_secondTitle {
    font-size: 12px;
    color: #004E61;
    border-left: 2px solid #004E61;
    width: 80%;
    padding-left: 5px;
    margin: 6px auto 1px 12px;
    font-weight: bold;
}

.G1_secondText {
    width: 97%;
    padding-top: 8px;
    margin-left: 12px;
    border-top: 1px solid #004E61;
}

.G1_textNormal {
    width: 90%;
    margin-left: 24px;
}

.G1_textNormal p {
    margin-bottom: 8px;
}

.G1_textNormal a {
    color: #2e84a7;
}

.G1_textNormal ul {
    margin-left: 20px;
}

.G1_textNormal ul li {
    list-style-type: disc;
    line-height: 20px;
}

.G1_textNormalList {
    margin-left: 30px;
    color: #6d6d6d;
}

.G1_textNormalList ul li {
    list-style-type: circle;
    line-height: 20px;
}



/* for list */
.G1_list2ForTable /* edit for IE8.0 */ {
    display: block;
    width: 98%;
    min-height: 25px;
    +min-height:25px;
    _height: 25px;
    margin-bottom: 3px;
    clear: both;
}

.G1_list2ForTable .left {
    float: left;
    text-align: right;
    width: 13%;
    padding-top: 2px;
    padding-right: 5px;
}

.G1_list2ForTable .right {
    float: left;
    text-align: left;
    width: 83%;
}

.G1_list2ForTable .right span {
    float: left;
    margin-top: 2px;
}

.G1_list4ForTable /* edit for IE8.0 */ {
    display: block;
    width: 98%;
    min-height: 25px;
    +min-height:25px;
    _height: 25px;
    margin-bottom: 3px;
    clear: both;
}

.G1_list4ForTable .left {
    float: left;
    text-align: right;
    width: 13%;
    padding-top: 2px;
    padding-right: 5px;
}

.G1_list4ForTable .right {
    float: left;
    text-align: left;
    width: 35%;
}

.G1_list4ForTable .right span {
    float: left;
    margin-top: 2px;
}

.G1_list6ForTable /* edit for IE8.0 */ {
    display: block;
    width: 98%;
    min-height: 25px;
    +min-height:25px;
    _height: 25px;
    margin-bottom: 3px;
    clear: both;
}

.G1_list6ForTable .left {
    float: left;
    text-align: right;
    width: 13%;
    padding-top: 2px;
    padding-right: 5px;
}

.G1_list6ForTable .right {
    float: left;
    text-align: left;
    width: 19%;
}

.G1_list6ForTable .right span {
    float: left;
    margin-top: 2px;
}

/* for gridview */
.G1_gdv {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 12px;
    margin-top: 4px;
}

.G1_gdvTop {
    height: 25px;
    background-color: #cdeaf4;
    font-size: 13px;
    color: #006892;
}

.G1_gdvItem {
    padding-left: 5px;
    min-width: 80px;
    max-width: 300px;
    color: Black;
    text-align: left;
}

.G1_gdvItemRight {
    padding-right: 5px;
    text-align: right;
}

.G1_gdvImg {
    margin-left: 5px;
}


/* for footer */
.G1_footer {
    width: 100%;
    height: 21px;
    padding-top: 8px;
    background-color: #e6e6e6;
    color: #004e61;
    text-align: center;
    font-size: 11px;
    margin: 8px auto -8px auto;
}


/* for step */
.G1_step {
    width: 15%;
    display: block;
    float: left;
}

.G1_step a {
    height: 26px;
    display: block;
    color: #3a3a3a;
    text-decoration: none;
    padding-left: 15px;
    padding-top: 11px;
}

.G1_step a:hover {
    color: #004f62;
    font-weight: bold;
    padding-left: 16px;
    padding-top: 12px;
}

.G1_step a .num {
    color: #3a3a3a;
    font-size: 14px;
    margin-right: 20px;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: -7px;
    background-color: #e0e1e3;
    border: 1px solid #b1b1b1;
    padding-top: 6px;
    padding-left: 8px;
}

.G1_step a:hover .num {
    color: White;
    float: left;
    background-color: #055063;
}

.G1_stepArrow {
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 7px;
    font-size: 28px;
    color: #e6e6e6;
}

/* for fileset */
.G1_fileset {
    height: 100px;
    margin-right: 12px;
}

    .G1_fileset legend {
        color: #004f62;
    }

.G1_arrowFileset {
    width: 16px\9;
    +width:32px;
    filter: flipH;
    height: 34px;
    margin: auto 5px;
    font-size: 32px;
    color: #e6e6e6;
    margin-left: 4px\9;
    +margin-left:-16px;
    overflow: hidden;
}

/* for listbox */
.G1_listBoxTable {
    width: 100%;
    margin-top: 6px;
    text-align: center;
}

.G1_listBox {
    width: 100%;
}

.G1_listBoxBtn {
    width: 80px;
    display: block;
    margin-bottom: 5px;
}

/* for operation area */
.G1_operation /* edit for IE8.0 */ {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding-top: 15px;
    +padding-top:0px;
    _padding-top: 0px;
    display: block;
    clear: both;
}

.G1_operationBtn {
    padding-left: 8px;
    padding-right: 8px;
}

/* for dialogue */
.G1_pnlAdd {
    width: 550px;
    border: 1px solid #bfd9e4;
    padding-bottom: 10px;
    background-color: White;
}

.G1_pnlAddTop {
    *width: 542px !important;
    *width: 550px;
    margin-bottom: 10px;
    background-color: #cdeaf4;
    height: 21px;
    font-size: 14px;
    font-weight: bold;
    color: #004E61;
    padding-left: 8px;
    padding-top: 4px;
    text-align: left;
    cursor: move;
}

.G1_pnlAddContent {
    padding-left: 8px;
    padding-right: 8px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity = 70);
    opacity: 0.7;
}



/* for notice */
.G1_permission {
    width: 800px;
    margin: 30px auto;
    text-align: center;
    border: 3px double red;
}

.G1_sorry {
    color: Red;
    font-size: 18px;
    margin-top: 110px;
    margin-bottom: 110px;
    width: 70%;
}
/* 请不要修改此文件，新增样式请另外建立css文件，模板若有更新会直接覆盖此文件 */



/* Aaron 新增：Start ************************************************************************/
/*【GridView 樣式】Start -------------------------------------------------*/
/* [RowStyle] TR樣式。Add By Aaron@2023-02 */
.gv_RowStyle {
    /*font-size: 10pt;
    text-align: center;
    border-color: #b7b7b7;*/
    white-space: pre-line; /*換行--合併空格*/
}

/*【GridView 樣式】End ---------------------------------------------------*/
/*【Tooltip 樣式】Start - 統一管理所有 Tooltip 樣式 ------------------------------------*/
/* [Tooltip] 內文樣式 - 更廣泛的選擇器確保樣式優先級 */
.tooltip .tooltip-inner,
[data-toggle='tooltip'] + .tooltip > .tooltip-inner {
    max-width: 700px !important;
    background-color: #ffffcc !important; /* 不透明淺黃背景 */
    color: #333 !important; /* 深灰色文字（提高對比度） */
    text-align: left !important;
    border: 1px solid #ddd !important; /* 淡邊框 */
    padding: 15px !important;
    white-space: pre-wrap !important; /* 換行-不合併空格 */
    border-radius: 6px !important; /* 圓角 */
    font-size: 13px !important; /* 字體大小 */
    line-height: 1.4 !important; /* 行高 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important; /* 陰影效果 */
}

/* [Tooltip] 調整位置 - 大幅偏移避免遮擋按鈕 */
.tooltip.top,
.tooltip.bs-tooltip-top {
    margin-top: -50px !important; /* 往上大幅偏移，遠離按鈕 */
}

.tooltip.bottom,
.tooltip.bs-tooltip-bottom {
    margin-top: 50px !important; /* 往下大幅偏移，遠離按鈕 */
}

.tooltip.left,
.tooltip.bs-tooltip-left {
    margin-left: -50px !important; /* 往左大幅偏移，遠離按鈕 */
}

.tooltip.right,
.tooltip.bs-tooltip-right {
    margin-right: -50px !important; /* 往右大幅偏移，遠離按鈕 */
    margin-left: 50px !important;
}

/* [Tooltip] 移除透明度：確保可見性 */
.tooltip.in,
.tooltip.show,
[data-toggle='tooltip'] + .tooltip.in,
[data-toggle='tooltip'] + .tooltip.show {
    opacity: 0.97 !important; /* 透明度：0 ~ 1 */
}

/* [Tooltip] 箭頭樣式：Top - 倒三角（指向下方）*/
.tooltip.top .tooltip-arrow,
.tooltip.bs-tooltip-top .arrow::before,
[data-toggle='tooltip'] + .tooltip.top > .tooltip-arrow {
    border-top-color: red !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

/* [Tooltip] 箭頭樣式：Bottom - 倒三角（指向上方）*/
.tooltip.bottom .tooltip-arrow,
.tooltip.bs-tooltip-bottom .arrow::before,
[data-toggle='tooltip'] + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: red !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

/* [Tooltip] 箭頭樣式：Left - 倒三角（指向右方）*/
.tooltip.left .tooltip-arrow,
.tooltip.bs-tooltip-left .arrow::before,
[data-toggle='tooltip'] + .tooltip.left > .tooltip-arrow {
    border-left-color: red !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
}

/* [Tooltip] 箭頭樣式：Right - 倒三角（指向左方）*/
.tooltip.right .tooltip-arrow,
.tooltip.bs-tooltip-right .arrow::before,
[data-toggle='tooltip'] + .tooltip.right > .tooltip-arrow {
    border-right-color: red !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}

/* [Tooltip] 響應式設計：小螢幕調整 */
@media (max-width: 768px) {
    .tooltip .tooltip-inner,
    [data-toggle='tooltip'] + .tooltip > .tooltip-inner {
        max-width: 90vw !important; /* 小螢幕使用視窗寬度 */
        padding: 10px !important;
        font-size: 12px !important;
    }
}

/* [Tooltip] Z-index 調整 - 避免蓋住按鈕 */
.tooltip {
    z-index: 1050 !important;
    pointer-events: none !important; /* 讓滑鼠可以穿透 tooltip 到達底下的元素 */
}
/*【Tooltip 樣式】End --------------------------------------------------*/

/******************* 【Start】Font字體 樣式 *******************/
/* 字體樣式：粗體 (排除表頭)*/
:not(th).std-bold {
    font-weight: bold;
}


/* 字體樣式：藍色 (排除表頭)*/
:not(th).std-blue {
    color: royalblue;
}

/* 字體樣式：粗體-藍色 (排除表頭)*/
:not(th).std-bold-blue {
    font-weight: bold;
    color: royalblue;
}


/* 字體樣式：粗體-橘色 (排除表頭)*/
:not(th).std-bold-orange {
    font-weight: bold;
    color: #ff8000;
}

/* 字體樣式：橘色 (排除表頭)*/
:not(th).std-orange {
    color: #ff8000;
}


/* 字體樣式：粗體-紅色 (排除表頭)*/
:not(th).std-bold-red {
    font-weight: bold;
    color: crimson;
}

/* 字體樣式：紅色 (排除表頭)*/
:not(th).std-red {
    color: crimson;
}

/* 字體樣式：斜體-紅色 (排除表頭)*/
:not(th).std-italic-red {
    font-style: italic;
    color: crimson;
}

/* 字體樣式：背景色-黃色 (排除表頭)*/
:not(th).std-bg-yellow {
    background-color: #FFFF99 !important;
}

/* 字體樣式：背景色-淺 黃色 (排除表頭)*/
:not(th).std-bg-lightYellow {
    background-color: lightyellow !important;
}

/******************* 【End】Font字體 樣式 *********************/
/* [Table] tr樣式：刪除 */
.tr-del {
    color: whitesmoke;
    text-decoration: line-through;
    background-color: lightgray;
}

/* [超連結] 樣式：刪除 */
.a-del {
    color: whitesmoke;
    text-decoration: line-through;
    background-color: darkgray !important;
    border-color: darkgray !important;
}


/* ReadyOnly 的輸入欄位游標在上方時加入禁止符號 */
input[readonly=readonly] {
    cursor: not-allowed;
}

/* TextBox 必填 */
input:required {
    background: #FFE4E1 !important;
    /* border-color: #FFE4E1 !important;*/
}

/* 系統管理員提示訊息樣式 */
.adminHint {
    color: darkorange;
    background: yellow;
}

/* 系統管理員提示訊息-內容樣式 */
.adminHintContent {
    color: darkorange;
    font-size: 14px;
}


/*【調整Bootstrap 樣式】Start --------------------------------------------------*/
.nav-tabs > li.active > a {
    font-weight: bold
}

.nav-tabs {
    border-bottom: 0;
}

.nav-pills > li > a {
    border-radius: 4px 4px 0px 0px;
}

.tab-content {
    border: 1px;
    border-style: solid;
    border-color: darkgray
}

.tab-pane {
    padding-top: 15px;
    padding-bottom: 00px;
}
/*【調整Bootstrap 樣式】End ----------------------------------------------------*/


/*【調整FlowER 2.0 樣式】Start --------------------------------------------------*/
h5.form-notice {
    font-size: 16px !important;
    font-weight:bold;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background: rgb(1,141,174);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjMDE4ZGFlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiY2VhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(1,141,174,1) 6%, rgba(107,206,163,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(1,141,174,1) 6%,rgba(107,206,163,1) 100%);
    background: linear-gradient(135deg, rgba(1,141,174,1) 6%,rgba(107,206,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018dae', endColorstr='#6bcea3',GradientType=1 );
    /* background: #00709C; */
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

h5.form-notice:before {
    float: left;
    margin-right: 5px;
}
/*【調整FlowER 2.0 樣式】End --------------------------------------------------*/


/* 標題：藍 */
.title-blue {
    font-size: 18px;
    font-weight: bold;
    color: royalblue;
}


/*【BlockUI】Loader動畫：Start。Add By Aaron@2023-04 ----------------------------*/
/* 參考：https://bootsnipp.com/snippets/V73xN -----------------------------------*/
.loader-1 {
    margin-top: -50px!important;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
/* Loder-樣式1 */
.loader-1:before, .loader-1:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 20px solid transparent;
    border-top-color: #FFF0B4; /*#3498db*/
}

.loader-1:before {
    z-index: 100;
    animation: spin 1s infinite;
}

.loader-1:after {
    border: 15px solid #E1E1E1; /*#ddd*/
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*【BlockUI】Loader動畫：End ----------------------------------------------------*/

/* Aaron 新增：End **************************************************************************/



/*【Bootstrap 樣式覆寫】Start --------------------------------------------------*/

/* Bootstrap 4 按鈕尺寸補充 - 自訂 btn-xs（Bootstrap 4 已移除） */
.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
}

/* Bootstrap 4 Badge 樣式調整 - 讓 badge 更接近 Bootstrap 3 的 label 外觀 */
.badge {
    font-size: 1em;
}

/* Bootstrap 4 標題尺寸調整 - 調整為 Bootstrap 3 的大小 (Bootstrap 3: 24px, Bootstrap 4: 1.75rem) */
h3 {
    font-size: 1.1rem !important;  /* 24px ÷ 16px = 1.5rem */
}

/*版面寬度*/
.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* 表格標題背景色 */
.bg-info {
    background-color: #D9EDF7 !important;  
}

/* 增加 card 上方間距 */
.card {
    margin-top: 15px !important;
}

/* 減少 card-body 內部上下間距 */
.card-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 給 card-body 內的 role="presentation" 元素添加間距 */
.card-body [role="presentation"] {
    padding: 1px 8px;  /* 上下 6px，左右 8px */
}

/* 調整 Alert ToDo 區域的 card-header 背景色 */
.card-header {
    background-color: #EEEEEE !important;  
    color: #428BCA !important;
    padding: 8px 12px !important;  /* 縮小高度：減少內部間距 */
}

.card-header a {
    color: #428BCA !important;  /* 連結文字 */
    
}

.card-header a:hover {
    color: #3070A7 !important;  /* 懸停時稍 */
    text-decoration: underline;
}

/* role="presentation" 基本樣式：預設無底色 */
.card-body [role="presentation"] {
    padding: 1px 8px;
}

.card-body [role="presentation"] a[role="button"] {
    display: inline-block;
    padding: 4px 8px;
    font-size: 0.85em;
    color: #428BCC !important;
    background-color: transparent;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

/* 滑鼠移到 role="presentation" 時顯示淺灰底色 */
.card-body [role="presentation"] a[role="button"]:hover {
    background-color: #f0f0f0 !important;
    text-decoration: none;
}

/* 當數值大於 0 時(後端會套用 btn btn-primary class)，改變底色和文字顏色 */
.card-body [role="presentation"] a[role="button"].btn.btn-primary {
    background-color: #4089C7 !important;
    color: white !important;
    border-color: #4089C7 !important;
}

.card-body [role="presentation"] a[role="button"].btn.btn-primary:hover {
    background-color: #3070A7 !important;
}

/* Alert ToDo 區域的 badge 數字樣式 - 僅針對按鈕內的 badge */
.card-body a[role="button"] .badge {
    display: inline-block;
    min-width: 20px;
    padding: 3px 7px;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
    margin-left: 5px;
}

/* 當按鈕有 btn-primary class 時（數字 > 0），badge 使用白色背景和藍色文字 */
.card-body a[role="button"].btn.btn-primary .badge {
    background-color: #fff !important;
    color: #4089C7 !important;
}

/* GridView/Table row 高度縮小 */
.table td,
.table th {
    padding: 0.5rem 0.6em;
    line-height: 1.3;
}

.table-bordered td,
.table-bordered th {
    padding: 0.5rem 0.6rem;
}

/* 縮小上方黑色導航列(navbar)高度 */
.navbar {
    padding: 0.1rem 1rem;
    min-height: 40px;
}

.navbar .dropdown-menu {
    font-size: 0.9rem;
}

/* 移除 RadioButton 邊框 */
input[type="radio"],
table input[type="radio"],
.table input[type="radio"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 2px !important;  /* 縮小 RadioButton 之間的間距 */
}

/* 移除 RadioButton 周圍的 table cell 邊框並縮小間距 */
table td input[type="radio"] {
    margin: 0 1px !important;
}

/* 移除包含 RadioButton 的 table 和 td 邊框並縮小 padding */
table[id*="rbl"] td,
table[id*="rdb"] td,
.table table td {
    border: none !important;
    padding: 1px 1px !important;  /* 縮小 RadioButton 和 cell 的間距 */
}

/* 縮小 RadioButton 的 label 間距 */
table[id*="rbl"] label,
table[id*="rdb"] label {
    margin: 0 !important;
    padding: 0 1px !important;
}

/* table-responsive 與上方區塊增加間距 */
.table-responsive {
    margin-top: 20px;
}

/*【Bootstrap 樣式覆寫】End ----------------------------------------------------*/