/* 修正 IE 以外瀏覽器，無法以新細明體顯示空格的問題，必須套用自訂字型名稱「新細明體Space」 */
@font-face {
    font-family: 新細明體Space;
    unicode-range: U+20,U+A0,U+2002;
    src: local(Arial);
}

/*共用*/
:root {
    --link_color: blue;
    --link_hover_color: orangered;
}

body {
    font-size: 11pt;
    margin: 0px;
    line-height: normal;
}

a, a:link, a:active, a:visited {
    color: blue;
    color: var(--link_color);
}

    a:hover {
        color: orangered;
        color: var(--link_hover_color);
        text-decoration: underline;
    }

    a:link, a:visited {
        text-decoration: none;
    }

select {
    font-size: 11pt;
}

input, textarea {
    font-size: 11pt;
}

a.disabled {
    color: #808080;
    cursor: default;
}

    a.disabled:active {
        background-color: transparent;
    }

    a.disabled:hover {
        text-decoration: none;
    }

img {
    border: none;
}

.hand {
    cursor: pointer;
}

.unselectable {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

input.dateInput {
    width: 74px;
    font-family: 新細明體;
    font-size: 15px !important;
}

input[type=date].dateInput {
    width: 135px;
    font-family: 新細明體;
    font-size: 15px !important;
}

input.timeInput {
    width: 45px;
    font-family: 新細明體;
    font-size: 15px !important;
}

.DateFormatSwitch, .DateFormatSwitch + label {
    user-select: none;
}

/*藍色body*/
.body_blue {
    font-size: 13pt;
    background-color: #336699;
    margin: 0px;
    font-size: 11pt;
}

.button_01 {
    background: #336699 url(../administrative_department/thisIMG/new_a_increase.gif) no-repeat top left;
    margin: 0;
    width: 130px;
    height: 25px;
    padding-left: 27px;
    font-weight: bold;
    font-size: 15px;
    color: #FFFFFF;
}

.info {
    color: blue;
}

/*控制內頁*/
.tbody01 {
    padding: 10px 20px 20px 10px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

.tdm td {
    padding: 1px 10px;
}

/*表單按鈕*/
.button_cyan, a.button_cyan, a.button_cyan:link, a.button_cyan:hover, a.button_cyan:visited, a.button_cyan:active {
    height: 22px;
    font-size: 12px;
    font-family: 新細明體;
    border: solid 1px #64ADDD;
    background: url(../image/SMS/btn_bg.gif) bottom repeat-x #FFF;
    color: #069;
    cursor: pointer;
    text-transform: uppercase;
}

.button_cyan_b, a.button_cyan_b, a.button_cyan_b:link, a.button_cyan_b:hover, a.button_cyan_b:visited, a.button_cyan_b:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #64ADDD;
    background: url(../image/SMS/btn_bg.gif) bottom repeat-x #FFF;
    color: #069;
    cursor: pointer;
    text-transform: uppercase;
}

.button_blue, a.button_blue, a.button_blue:link, a.button_blue:hover, a.button_blue:visited, a.button_blue:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #284256;
    background-color: #4FA3E2;
    background-image: linear-gradient(to bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -o-linear-gradient(bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -moz-linear-gradient(bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -webkit-linear-gradient(bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #20547C), color-stop(1, #4FA3E2) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_blue:disabled, a.button_blue:disabled, a.button_blue:disabled:link, a.button_blue:hover:disabled, a.button_blue:visited:disabled, a.button_blue:active:disabled, .button_blue_disabled {
        color: #202629 !important;
        background-color: #66869E;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_red, a.button_red, a.button_red:link, a.button_red:hover, a.button_red:visited, a.button_red:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #31121A;
    background-color: #ED878A;
    background-image: linear-gradient(to bottom, #F2242B 0%, #ED878A 100%);
    background-image: -o-linear-gradient(bottom, #F2242B 0%, #ED878A 100%);
    background-image: -moz-linear-gradient(bottom, #F2242B 0%, #ED878A 100%);
    background-image: -webkit-linear-gradient(bottom, #F2242B 0%, #ED878A 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F2242B), color-stop(1, #ED878A) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_red:disabled, a.button_red:disabled, a.button_red:disabled:link, a.button_red:hover:disabled, a.button_red:visited:disabled, a.button_red:active:disabled, .button_red_disabled {
        color: #302020 !important;
        background-color: #918283;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_brown, a.button_brown, a.button_brown:link, a.button_brown:hover, a.button_brown:visited, a.button_brown:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #3A3D0F;
    background-color: #898E23;
    background-image: linear-gradient(to bottom, #5D6018 0%, #898E23 100%);
    background-image: -o-linear-gradient(bottom, #5D6018 0%, #898E23 100%);
    background-image: -moz-linear-gradient(bottom, #5D6018 0%, #898E23 100%);
    background-image: -webkit-linear-gradient(bottom, #5D6018 0%, #898E23 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #5D6018), color-stop(1, #898E23) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_brown:disabled, a.button_brown:disabled, a.button_brown:disabled:link, a.button_brown:hover:disabled, a.button_brown:visited:disabled, a.button_brown:active:disabled, .button_brown_disabled {
        color: #292920 !important;
        background-color: #93937C;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_orange, a.button_orange, a.button_orange:link, a.button_orange:hover, a.button_orange:visited, a.button_orange:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #C67211;
    background-color: #E5A800;
    background-image: linear-gradient(to bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -o-linear-gradient(bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -moz-linear-gradient(bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -webkit-linear-gradient(bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #CC8C02), color-stop(1, #E5A800) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_orange:disabled, a.button_orange:disabled, a.button_orange:disabled:link, a.button_orange:hover:disabled, a.button_orange:visited:disabled, a.button_orange:active:disabled, .button_orange_disabled {
        color: #5E4C37 !important;
        background-color: #A38360;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_purple, a.button_purple, a.button_purple:link, a.button_purple:hover, a.button_purple:visited, a.button_purple:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #3A0F3D;
    background-color: #89238E;
    background-image: linear-gradient(to bottom, #5D1860 0%, #89238E 100%);
    background-image: -o-linear-gradient(bottom, #5D1860 0%, #89238E 100%);
    background-image: -moz-linear-gradient(bottom, #5D1860 0%, #89238E 100%);
    background-image: -webkit-linear-gradient(bottom, #5D1860 0%, #89238E 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #5D1860), color-stop(1, #89238E) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_purple:disabled, a.button_purple:disabled, a.button_purple:disabled:link, a.button_purple:hover:disabled, a.button_purple:visited:disabled, a.button_purple:active:disabled, .button_purple_disabled {
        color: #a0a0a0 !important;
        background-color: #4E3C4F;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_royalblue, a.button_royalblue, a.button_royalblue:link, a.button_royalblue:hover, a.button_royalblue:visited, a.button_royalblue:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #162551;
    background-color: #5982FF;
    background-image: linear-gradient(to bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -o-linear-gradient(bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -moz-linear-gradient(bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -webkit-linear-gradient(bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #1B43BA), color-stop(1, #5982FF) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_royalblue:disabled, a.button_royalblue:disabled, a.button_royalblue:disabled:link, a.button_royalblue:hover:disabled, a.button_royalblue:visited:disabled, a.button_royalblue:active:disabled, .button_royalblue_disabled {
        color: #a0a0a0 !important;
        background-color: #465170;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_gray, a.button_gray, a.button_gray:link, a.button_gray:hover, a.button_gray:visited, a.button_gray:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #162551;
    background-color: #c0c0c0;
    background-image: linear-gradient(to bottom, #808080 0%, #c0c0c0 100%);
    background-image: -o-linear-gradient(bottom, #808080 0%, #c0c0c0 100%);
    background-image: -moz-linear-gradient(bottom, #808080 0%, #c0c0c0 100%);
    background-image: -webkit-linear-gradient(bottom, #808080 0%, #c0c0c0 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #808080), color-stop(1, #c0c0c0) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_gray:disabled, a.button_gray:disabled, a.button_gray:disabled:link, a.button_gray:hover:disabled, a.button_gray:visited:disabled, a.button_gray:active:disabled, .button_gray_disabled {
        color: #a0a0a0 !important;
        background-color: #465170;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_stuall {
    background: transparent url('../image/bt_up_01.jpg') no-repeat fixed top left;
    width: 161px;
    height: 27px;
    border: none;
    cursor: pointer;
}

/* 按鈕樣式 */
input.btn_new {
    background-color: #3bb3e0;
    padding: 10px;
    font-size: 15px;
    font-family: Microsoft JhengHei,PMingLiU;
    text-decoration: none;
    color: #fff;
    border: solid 1px #186f8f;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

    input.btn_new::before {
        background-color: #ccd0d5;
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 8px;
        left: -8px;
        top: -8px;
        z-index: -1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
        -moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
        -o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
        box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    }

    input.btn_new:active {
        padding-bottom: 9px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 11px;
        top: 1px;
        background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
    }

/* 按鈕大小 */
input.button_2em {
    width: 2em;
    box-sizing: content-box;
}

input.button_3em {
    width: 3em;
    box-sizing: content-box;
}

/* 按鈕間距 */
input.horizontalSpace {
    margin-right: 10px;
}

/*icon*/
/*加號*/
.nod_01 {
    background: url(../image/public/nodeclosed.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}
/*加號*/
.nod_02 {
    background: url(../image/public/nodeclosed2.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}
/*加號*/
.nod_03 {
    background: url(../image/public/nodeclosed3.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}
/*資料夾*/
.clo_01 {
    background: url(../image/public/closedfolder.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}
/*虛線*/
.vrl_01 {
    background: url(../image/public/vertline.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}
/*虛線*/
.vrl_02 {
    background: url(../image/public/vertline2.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}
/*虛線*/
.vrl_03 {
    background: url(../image/public/vertline3.gif) no-repeat center center;
    height: 16px;
    width: 18px;
    float: none;
}

/*各類符號*/
.icon_0001 {
    background: url(../image/icon/icon_0001.gif) no-repeat center center;
    height: 18px;
    width: 25px;
    float: left;
}

/*顯示*/
.tbody02 {
    margin-left: 40px;
    text-align: left;
    margin-top: 20px;
    color: #666;
    font-size: 18px;
    line-height: 36px;
}
/*針對單一訊息*/

/*固定寬或高設定*/
.w75 {
    width: 75%;
}

.h30 td {
    height: 30px;
}
/*字體*/
.fot01 {
    font-family: "標楷體";
}
/*邊框*/
.pd {
    padding: 20px 30px;
}

.pd_02 {
    padding: 20px 10px;
}
/*文字大小*/
.si_11 {
    font-size: 11px !important;
}

.si_12 {
    font-size: 12px !important;
}

.si_15 {
    font-size: 15px !important;
}

.si_18 {
    font-size: 18px;
}

.si_18b {
    font-size: 18px !important;
    line-height: 21px;
    font-weight: bold;
    font-family: "標楷體";
}
/*次標題*/
.si_24b {
    font-size: 24px !important;
    line-height: 27px;
    font-weight: bold;
    font-family: "標楷體";
}
/*主標題*/
.si_36 {
    font-size: 36px;
}

.SubMenuContainer {
}

    .SubMenuContainer .SubMenuItem {
    }

/*@media only screen and (max-width : 220px) {
    .SubMenuContainer .SubMenuItem.menu-small-font {
        font-size: 10pt !important;
    }
}
*/

/*列印*/
.sp_11 {
    font-size: 11pt !important;
    line-height: 13pt;
}

.sp_13 {
    font-size: 13pt !important;
    line-height: 15pt;
}

.sp_15 {
    font-size: 15pt !important;
    line-height: 18pt;
}

.sp_18 {
    font-size: 18pt !important;
    line-height: 22pt;
}

/*主體顏色*/
.bg_01 {
    background-color: #993335;
    margin-left: 0px !important;
}

/*方向*/
.ce_01 {
    text-align: center;
}

.ce_02 {
    text-align: left;
}

.ce_03 {
    text-align: right;
}

/*表格顏色*/
.td_01 {
    background-color: #CCC;
    color: #333;
}
/*灰色系*/
.td_02 {
    background-color: #ffe5d5;
}
/*淺橘*/
.td_03 {
    background-color: #cbcb9c;
}
/*淺綠*/
.td_04 {
    background-color: #9bbbcc;
    color: #FFF;
    font-weight: bold;
}
/*灰藍色*/
.td_05 {
    background-color: #c8e4ed;
}
/*淺藍*/
.td_06 {
    background-color: #f0f1e0;
}
/*淺綠黃*/
.td_07 {
    background-color: #09c;
    color: #FFF;
}
/*深藍--白字*/
.td_08 {
    background-color: #fffff7;
}
/*淺黃*/
.td_09 {
    background-color: #faeedc;
}
/*超淺灰*/
.td_10 {
    background-color: #fff6f1;
}
/*超淺橘*/
.td_11 {
    background-color: #dde6c1;
}
/*淺灰綠*/
.td_12 {
    background-color: #FFF;
}
/*白色*/
.td_13 {
    background-color: #CCC;
}
/*灰色*/
.td_14 {
    background-color: #EEE;
}
/*超淺灰*/
.td_15 {
    background-color: #696;
}
/*草綠色*/
.td_16 {
    background-color: #369;
}
/*深藍--主要色*/
.td_17 {
    background-color: #d6dff7;
}
/*粉紫色*/
.td_18 {
    background-color: #f1fcff;
}
/*超淺藍*/
.td_19 {
    background-color: #09c;
}
/*深藍*/

/*有外框表格*/
.tld_01 {
    background-color: #e7fafc;
    border: 1px solid #d9e6e7;
}
/*藍色系*/
.tld_02 {
    background-color: #e7f4db;
    border: 1px solid #dee7d9;
}
/*綠色系*/

/*文字顏色*/
.txt_01 {
    color: #f00;
}
    /*紅色*/
    .txt_01 a:link, .txt_01 a:visited, .txt_01 a:active {
        color: #f00 !important;
    }

    .txt_01 a:hover {
        color: #06F;
    }

a.txt_01 {
    color: #f00;
}
    /*紅色*/
    a.txt_01 a:link, .txt_01 a:visited, .txt_01 a:active {
        color: #f00 !important;
    }

    a.txt_01 a:hover {
        color: #666666 !important;
    }

.txt_02 {
    color: #00c;
}
/*藍色*/
.txt_03 {
    color: #06f;
}
/*水藍色*/
.txt_04 {
    color: #8a2be2;
}
/*紫色*/
.txt_05 {
    color: #900;
}
/*朱紅*/
.txt_06 {
    color: #603;
}
/*暗紅色*/
.txt_07 {
    color: #060;
}
/*淺綠*/
.txt_08 {
    color: #666;
}
/*灰色*/
.txt_09 {
    color: #333;
}
/*深灰*/
.txt_10 {
    color: #c60;
}
/*灰橘*/
.txt_11 {
    color: #00008b;
}
/*刊藍*/
.txt_12 {
    color: #FFF;
}
/*白色*/
.txt_13 {
    color: #ff3;
}
/*亮黃*/
.txt_14 {
    color: #8fa483;
}
/*墨綠色*/
.txt_15 {
    color: #008000;
}
/*綠*/
.txt_16 {
    color: #FF3333;
}

/*字的高度*/
.liht_01 {
    line-height: 48px;
}

/*胖字*/
.w_01 {
    font-weight: bold;
}

/*字的大小*/
.txl_01 {
    font-family: "標楷體";
    font-weight: bold;
    font-size: 20px;
}

.txl_02 {
    font-family: "標楷體";
    font-weight: bold;
    font-size: 30px;
}

.txl_03 {
    font-family: "標楷體";
    font-weight: bold;
    font-size: 42px;
}

/*線框*/
.le_no td, .le_no {
    border: none !important;
}

.le_01 td, .le_01 {
    padding: 2px 5px;
    border: #e5edf1 1px solid;
}
/*橘*/
.le_02 td, .le_02 {
    padding: 2px 5px;
    border: #faeedc 1px solid;
}
/*鐵灰*/
.le_03 td, .le_03 {
    padding: 2px 5px;
    border: #c1c1c1 1px solid;
}
/*墨綠*/
.le_04 td, .le_04 {
    padding: 2px 5px;
    border: #696 1px solid;
}
/*淺綠*/
.le_05 td, .le_05 {
    padding: 2px 5px;
    border: #dde6c1 1px solid;
}
/*淺藍*/
.le_06 td, .le_06 {
    padding: 2px 5px;
    border: #b1cdd6 1px solid;
}
/*深橘*/
.le_07 td, .le_07 {
    padding: 2px 5px;
    border: #e6cda5 1px solid;
}

/*按鈕顏色*/
/*墨綠色*/
.btcor_01 {
    background-color: #96b08a;
    color: #FFF;
    font-size: 15px;
}
/*灰粉紅*/
.btcor_02 {
    background-color: #cc9999;
    color: #FFF;
    font-size: 15px;
}

/*外框線*/
/*淺藍*/
.lp_01 {
    border: #7aa6d1 2px solid;
}
/*淺綠*/
.lp_02 {
    border: #7eaf4e 2px solid;
}
/*亮橘*/
.lp_03 {
    border: #ffcccc 2px solid;
}

.lp_03b {
    border: #ffcccc 1px solid;
}

.holiday {
    background-color: Red;
}

.holiday-thin {
    background-color: Pink;
}

.holiday-xthin {
    background-color: #ffe0e0;
}

.pad_01 {
    padding: 10px 0px;
}

/*左邊選單*/
#wrapper {
    margin-top: 13px;
}

    #wrapper div, #wrapper table {
        background: #FFF;
    }

.oo {
    margin: 0px;
    border: solid white 1px;
}

    .oo, .oo div, .oo table {
        background: #d6dff7 !important;
    }

.xx, .xx table {
    background: #369 !important;
}

.mail td {
    font-size: 9pt;
}

.ti_01 {
    height: 36px;
}

.leftlog {
    width: 200px;
    height: 25px;
    line-height: 25px;
    padding-left: 3px;
    text-align: left;
    vertical-align: bottom;
    color: white;
    background: url(../image/leftlog.gif) no-repeat left bottom;
    text-shadow: 3px 3px 4px black;
}

td.menuimg {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

/*錯誤訊息*/
.error_tr {
    margin: 10% 20%;
    font-size: 40px;
    font-family: 標楷體;
    font-weight: bold;
    line-height: 48px;
    color: #666;
}

.error_tr_02 {
    margin: 10% 20%;
    font-size: 30px;
    font-family: 標楷體;
    font-weight: bold;
    line-height: 38px;
    color: #666;
}

/*共用信件內容*/
/*look_on.asp*/
.lkn_bg {
    width: 308px;
    height: 188px;
    background: url(../administrative_department/image/lkn_bg.gif) no-repeat left top;
    padding-top: 70px;
    padding-left: 25px;
}

.lkn_bg_02 {
    width: 650px;
    height: 623px;
    background: url(../administrative_department/image/lkn_bg_02.gif) no-repeat left top;
    padding-top: 32px;
    padding-left: 50px;
}

/*downLoadExcel.asp*/
.dle_bg {
    background: url(../image/dle_bg.gif) no-repeat top left;
    width: 325px;
    height: 325px;
    padding-left: 50px;
    padding-top: 50px;
}

/*tea_viewsbj_search.asp注意事項*/
.tvs_bg_01 {
    background: url(../utility/image/tvs_bg_01.gif) no-repeat left top;
    width: 450px;
    height: 370px;
}

    .tvs_bg_01 .pg_w {
        margin: 90px 40px 20px 60px;
        line-height: 20px;
        width: 340px;
    }

table.bg_lock {
}

    table.bg_lock td.c1 {
        background: url('../image/lock01.gif') no-repeat white top left;
        width: 40px;
        height: 40px;
    }

    table.bg_lock td.c2 {
        background: url('../image/lock02.gif') repeat-x white top left;
        width: auto;
        height: 40px;
    }

    table.bg_lock td.c3 {
        background: url('../image/lock03.gif') no-repeat white top left;
        width: 140px;
        height: 40px;
    }

    table.bg_lock td.c4 {
        background: url('../image/lock04.gif') repeat-y white top left;
        width: 40px;
        height: auto;
    }

    table.bg_lock td.c5 {
        background: url('../image/lock05.gif') repeat white top left;
        width: auto;
        height: auto;
    }

    table.bg_lock td.c6 {
        background: url('../image/lock06.gif') repeat-y white top left;
        width: 140px;
        height: auto;
    }

    table.bg_lock td.c7 {
        background: url('../image/lock07.gif') no-repeat white top left;
        width: 40px;
        height: 140px;
    }

    table.bg_lock td.c8 {
        background: url('../image/lock08.gif') repeat-x white top left;
        width: auto;
        height: 140px;
    }

    table.bg_lock td.c9 {
        background: url('../image/lock09.gif') no-repeat white top left;
        width: 140px;
        height: 140px;
    }

/* black */
ul.ul00 {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 2px 18px;
    list-style-type: decimal;
    list-style-position: inside;
    list-style-type: disc;
    text-indent: -1em;
}

/* red */
ul.ul01 {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 2px 18px;
    list-style-type: decimal;
    list-style-position: inside;
    list-style-type: disc;
    text-indent: -1em;
}

    ul.ul01 li {
        cursor: default;
        margin-left: 0px;
        color: black;
    }

.noborder, .noborder th, .noborder td {
    border: none 0px white;
}

.nopadding, .nopadding th, .nopadding td {
    padding: 0px !important;
}

.nomargin, .nomargin th, .nomargin td {
    margin: 0px !important;
}

table.border1, table.border1 th, table.border1 td {
    border-width: 1px;
}

table.border-solid, table.border-solid th, table.border-solid td {
    border-style: solid;
}

table.border-gray, table.border-gray th, table.border-gray td {
    border-color: gray;
}

table.b1sg, table.b1sg th, table.b1sg td {
    border: solid 1px silver !important;
}

table.collapse, .collapse th, .collapse td,
table.border-collapse, .border-collapse th, .border-collapse td,
table.sh-collapse, .sh-collapse th, .sh-collapse td {
    border-collapse: collapse;
}

.brk01, .brk01 td {
    word-break: break-all;
    word-wrap: break-word;
}

.hidden {
    display: none;
}

@media print {
    .prn {
        display: none;
    }
}

.unpass {
    color: red;
}

.required {
    color: red;
}

.redtext {
    color: red;
}

.redtext-im {
    color: red !important;
}

.bluetext {
    color: blue;
}

.bluetext-im {
    color: blue !important;
}

.blacktext {
    color: black;
}

.blacktext-im {
    color: black !important;
}

.graytext {
    color: gray;
}

.graytext-im {
    color: gray !important;
}

.greytext {
    color: grey;
}

.greytext-im {
    color: grey !important;
}

.darkslategraytext {
    color: darkslategray;
}

.darkslategraytext-im {
    color: darkslategray !important;
}

.pbrb {
    page-break-before: always;
}

.pbra {
    page-break-after: always;
}

.cover {
    cursor: not-allowed;
    color: #FFFFFF;
    background: black;
    filter: Alpha(opacity=40);
    opacity: 0.4;
    width: 100%;
    height: 100%;
}

span.fake_image {
    display: inline-block;
}

a span.fake_image_StuName, a:link span.fake_image_StuName, a:visited span.fake_image_StuName {
    vertical-align: text-top;
    background-color: var(--link_color);
}

a:hover span.fake_image_StuName {
    background-color: var(--link_hover_color);
}

.timeoutTimerContainer {
    position: relative;
    height: 1em;
    box-sizing: border-box;
    margin: 1em 0px 1em 0px;
}

.timeoutTimer {
    position: absolute;
    z-index: 2;
    color: white;
    background-color: royalblue;
    width: 100%;
    box-sizing: border-box;
    /*padding: 10px;*/
    padding: 0px 10px 0px 10px;
    margin-left: 27px;
    box-sizing: border-box;
    font-family: 微軟正黑體,新細明體;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*-webkit-box-shadow: 4px 4px 10px #0f0f80;
    -moz-box-shadow: 4px 4px 10px #0f0f80;
    box-shadow: 4px 4px 10px #0f0f80;*/
}

    .timeoutTimer.highlight {
        background-color: red;
    }

.timeoutTimerBottom {
    position: relative;
    width: 250px;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
}

/* Layout begin */

.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

/* margin lef and right */
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
}

/* margin left */
.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 1rem;
}

/* margin right */
.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 1rem;
}

.mr-1-ow {
    margin-right: 0.25rem !important;
}

.mr-2-ow {
    margin-right: 0.5rem !important;
}

.mr-3-ow {
    margin-right: 1rem !important;
}

/* margin left and right with overwrite */
.ow-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.ow-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.ow-mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

/* margin left with overwrite */
.ow-ml-1 {
    margin-left: 0.25rem !important;
}

.ow-ml-2 {
    margin-left: 0.5rem !important;
}

.ow-ml-3 {
    margin-left: 1rem !important;
}

/* margin right with overwrite */
.ow-mr-1 {
    margin-right: 0.25rem !important;
}

.ow-mr-2 {
    margin-right: 0.5rem !important;
}

.ow-mr-3 {
    margin-right: 1rem !important;
}

/* padding left and right with overwrite */
.ow-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.ow-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.ow-px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* padding left with overwrite */
.ow-pl-1 {
    padding-left: 0.25rem !important;
}

.ow-pl-2 {
    padding-left: 0.5rem !important;
}

.ow-pl-3 {
    padding-left: 1rem !important;
}

/* padding lright with overwrite */
.ow-pr-1 {
    padding-right: 0.25rem !important;
}

.ow-pr-2 {
    padding-right: 0.5rem !important;
}

.ow-pr-3 {
    padding-right: 1rem !important;
}

/* Layout end */
/* css3 begin */

input[type=button].aspDisabled, a.aspDisabled, option.aspDisabled {
    color: #808080 !important;
}

    a.aspDisabled:hover, a:hover:disabled, option.aspDisabled:hover {
        cursor: not-allowed !important;
        text-decoration: none !important;
    }

input[type=button].button.aspDisabled {
    border-color: #3F6D8D;
}

label[disabled=disabled] {
    color: gray;
}

.nobr {
    white-space: nowrap;
}

table.nopadding1 th, table.nopadding1 td {
    padding: 0px;
}

table.nospacing1 {
    border-spacing: 0px;
}

/* 2013.07.25 begin */

table.padding0 th, table.padding0 td {
    padding: 0px;
}

table.padding1 th, table.padding1 td {
    padding: 1px;
}

table.padding2 th, table.padding2 td {
    padding: 2px;
}

table.padding3 th, table.padding3 td {
    padding: 3px;
}

table.padding4 th, table.padding4 td {
    padding: 4px;
}

table.padding5 th, table.padding5 td {
    padding: 5px;
}

table.spacing0 {
    border-spacing: 0px;
}

table.spacing1 {
    border-spacing: 1px;
}

table.spacing2 {
    border-spacing: 2px;
}

table.spacing3 {
    border-spacing: 3px;
}

table.spacing4 {
    border-spacing: 4px;
}

table.spacing5 {
    border-spacing: 5px;
}

table.margin0 th, table.margin0 td {
    margin: 0px;
}

/* 2013.07.25 end */

td.nowrap {
    white-space: nowrap;
}

/* align=center */
div.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    div.center div, div.center span, div.center table, div.center img {
        margin-left: auto;
        margin-right: auto;
    }

table.center {
    margin-left: auto;
    margin-right: auto;
}

tr.center {
    text-align: center;
}

    tr.center div, tr.center span, tr.center table, tr.center img {
        margin-left: auto;
        margin-right: auto;
    }

td.center {
    text-align: center;
}

    td.center div, td.center span, td.center table, td.center img {
        margin-left: auto;
        margin-right: auto;
    }

/* align=left */
div.left, span.left {
    text-align: left;
}

    div.left div, div.left span, div.left table, div.left img, hr.left {
        margin-left: 0px;
        margin-right: auto;
    }

div.left_this {
    text-align: left;
    margin-left: 0px !important;
    margin-right: auto !important;
}

table.left {
    text-align: left;
}

tr.left {
    text-align: left;
}

    tr.left div, tr.left span, tr.left table, tr.left img {
        margin-right: auto;
    }

td.left {
    text-align: left;
}

    td.left div, td.left span, td.left table, td.left img {
        margin-left: 0px;
        margin-right: auto;
    }

td.left_imp {
    text-align: left !important;
}

/* align=right */
div.right {
    text-align: right;
}

    div.right div, div.right span, div.right table, div.right img {
        margin-left: auto;
    }

table.right {
    text-align: right;
}

tr.right {
    text-align: right;
}

    tr.right div, tr.right span, tr.right table, tr.right img {
        margin-left: auto;
    }

td.right {
    text-align: right;
}

    td.right div, td.right span, td.right table, td.right img {
        margin-left: auto;
        margin-right: 0px;
    }

/* valign=top */
tr.top th, tr.top td, th.top, td.top, img.top {
    vertical-align: top;
}

tr.top-ow th, tr.top-ow td, th.top-ow, td.top-ow, img.top-ow {
    vertical-align: top !important;
}

/* valign=middle */
tr.middle th, tr.middle td, th.middle, td.middle, img.middle {
    vertical-align: middle;
}

/* valign=bottom */
tr.bottom th, tr.bottom td, th.bottom, td.bottom, img.bottom {
    vertical-align: bottom;
}

/* border: solid 1px black */
table.border1 {
    border: solid 1px black;
}

    table.border1 th, table.border1 td {
        border: solid 1px black;
    }

/* nowrap */
.nowrap {
    white-space: nowrap;
}

.scoretitle {
    background-color: #006384;
    color: white;
    text-align: center;
}

.scoreitem {
    background-color: #5FB58A;
    color: white;
    text-align: center;
}

.text-spacing-3 {
    letter-spacing: 3px;
}

.text-spacing-5 {
    letter-spacing: 5px;
}

.text-spacing-10 {
    letter-spacing: 10px;
}

/* css3 end */

/* ms font patch begin */

/* 修正粗體 */
@font-face {
    font-family: '微軟正黑體改';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    letter-spacing: -1em;
}

/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體改';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}

@media all and (-ms-high-contrast:none) {
    /* 修正粗體 */
    @font-face {
        font-family: '微軟正黑體改';
        font-style: normal;
        font-weight: bold;
        src: local(新細明體);
    }

    /* 一般粗細的時候改回微軟正黑 */
    @font-face {
        font-family: '微軟正黑體改';
        font-style: normal;
        font-weight: normal;
        src: local(新細明體);
    }
}

@-moz-document url-prefix() {
    @font-face {
        font-family: '微軟正黑體改';
        unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
        font-style: normal;
        font-weight: bold;
        src: local(Yu Gothic), local(MS Gothic);
    }
}

/* ms font patch end */