/* CSS Document */
html.home {
    height: 100%;
    box-sizing: border-box;
}

    html.home body {
        height: 100%;
        box-sizing: border-box;
    }

body {
    background: url(../images/body_bg.gif) repeat-x top left;
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    line-height: 24px;
}

h2 {
    color: #990000;
}
/*共用*/
.title {
    font-family: 標楷體;
    font-size: 14px;
    background-color: #FFCCFF;
    color: #000000;
    text-align: center;
}

.no-border, .no-border td {
    border: none;
}

.content {
    font-family: 標楷體;
    font-size: 15px;
    color: #800000;
    text-align: center;
}

.ccontent {
    font-size: 15px;
    background-color: #fff5ee;
    color: #ff0000;
    text-align: center;
}

.wcontent {
    font-size: 15px;
    background-color: #ccffff;
    color: #800000;
    text-align: center;
}

.wccontent {
    font-size: 15px;
    background-color: #ccffff;
    color: #ff0000;
    text-align: center;
}

.buttontype {
    BACKGROUND-COLOR: #0066ff;
    color: #f0f8ff;
    font-family: 標楷體;
    font-size: 14px;
}

.textsize {
    font-size: 15px;
}

.sign {
    font-size: 12px;
    padding-left: 5pt;
}

/*登入首頁*/
@media screen and (max-height: 475px) {
    .ln_idx .ln_idx_bg_valign {
        position: absolute !important;
        top: 50px;
    }
}

@media screen and (min-height: 476px) {
    .ln_idx .ln_idx_bg_valign {
        position: absolute !important;
        top: calc(50% - 196px);
    }
}

.ln_idx {
    width: 628px;
    height: 393px;
    /*margin-top: 50px;*/
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-focus: ignore;
    -ms-touch-select: none;
    -ms-user-select: none;
    cursor: default;
}

    .ln_idx .ln_idx_bg_base {
        box-shadow: #BEBEBE 10px 10px 20px;
    }

    .ln_idx .ln_idx_bg {
        position: relative;
        background: url('../images/ln_idx_bg.gif') no-repeat top left transparent;
        width: 628px;
        height: 393px;
    }

    .ln_idx .ln_idx_bg_v {
        position: relative;
        background: url('../images/ln_idx_bg_v.gif') no-repeat top left transparent;
        width: 628px;
        height: 393px;
    }

    .ln_idx .ln_idx_f01 {
        position: absolute;
        left: 362px;
        top: 165px;
    }

    .ln_idx .ln_idx_f02 {
        position: absolute;
        left: 362px;
        top: 220px;
    }

    .ln_idx .ln_idx_f03 {
        position: absolute;
        left: 362px;
        top: 270px;
    }

    .ln_idx .ln_idx_f04 {
        position: absolute;
        left: 0px;
        top: 95px;
        width: 358px;
        text-align: left;
    }

    .ln_idx .ln_idx_f05 {
        position: absolute;
        width: 260px;
        height: 102px;
        left: 292px;
        top: 332px;
    }

        .ln_idx .ln_idx_f05 .bt_01 {
            background: url(../images/bt_01.gif) no-repeat center center;
            width: 58px;
            height: 24px;
            float: right;
            margin: 0px 3px;
            cursor: pointer;
        }

        .ln_idx .ln_idx_f05 .bt_02 {
            background: url(../images/bt_02.gif) no-repeat center center;
            width: 58px;
            height: 24px;
            float: right;
            margin: 0px 3px;
            cursor: pointer;
        }

        .ln_idx .ln_idx_f05 .bt_03 {
            background: url(../images/bt_03.gif) no-repeat center center;
            width: 58px;
            height: 24px;
            float: right;
            margin: 0px 3px;
            cursor: pointer;
        }

    .ln_idx .ln_idx_f06 {
        position: absolute;
        left: 0px;
        top: 366px;
        width: 100%;
        text-align: center;
        font-size: 11px;
        font-family: Arial, 'Times New Roman', 新細明體,微軟正黑體;
    }

    /*#region 舊樣式 */

    .ln_idx .ln_idx_01 {
        background: url(../images/ln_idx_01.gif) no-repeat bottom right;
        width: 280px;
        height: 186px;
        float: left;
    }

    .ln_idx .ln_idx_02 {
        background: url(../images/ln_idx_02.gif) no-repeat bottom right;
        width: 260px;
        height: 186px;
        float: left;
    }

    .ln_idx .ln_idx_03 {
        background: url(../images/ln_idx_03.gif) no-repeat bottom right;
        width: 88px;
        height: 186px;
        float: left;
    }

    .ln_idx .ln_idx_04 {
        background: url(../images/ln_idx_04.gif) no-repeat bottom right;
        width: 280px;
        height: 105px;
        float: left;
    }

    .ln_idx .ln_idx_05 {
        background: url(../images/ln_idx_05.gif) no-repeat bottom right;
        width: 260px;
        height: 105px;
        float: left;
    }

        .ln_idx .ln_idx_05 .divtop {
            width: 250px;
        }

        .ln_idx .ln_idx_05 .divtop_02 {
            width: 250px;
            margin-top: 35px;
        }

        .ln_idx .ln_idx_05 INPUT {
            width: 250px;
            font-size: 13px;
            color: #069;
        }

    .ln_idx .ln_idx_06 {
        background: url(../images/ln_idx_06.gif) no-repeat bottom right;
        width: 88px;
        height: 105px;
        float: left;
    }

    .ln_idx .ln_idx_07 {
        background: url(../images/ln_idx_07.gif) no-repeat top right;
        width: 280px;
        height: 102px;
        float: left;
    }

    .ln_idx .ln_idx_08 {
        background: url(../images/ln_idx_08.gif) no-repeat top right;
        width: 260px;
        height: 102px;
        float: left;
    }

        .ln_idx .ln_idx_08 .bt_01 {
            background: url(../images/bt_01.gif) no-repeat center center;
            width: 58px;
            height: 24px;
            float: right;
            margin: 0px 3px;
            cursor: pointer;
            cursor: pointer;
        }

        .ln_idx .ln_idx_08 .bt_02 {
            background: url(../images/bt_02.gif) no-repeat center center;
            width: 58px;
            height: 24px;
            float: right;
            margin: 0px 3px;
            cursor: pointer;
            cursor: pointer;
        }

        .ln_idx .ln_idx_08 .bt_03 {
            background: url(../images/bt_03.gif) no-repeat center center;
            width: 58px;
            height: 24px;
            float: right;
            margin: 0px 3px;
            cursor: pointer;
            cursor: pointer;
        }

    .ln_idx .ln_idx_09 {
        background: url(../images/ln_idx_09.gif) no-repeat top right;
        width: 88px;
        height: 102px;
        float: left;
    }

/*#endregion */

/*上方標題*/
.top_title_bg {
    background: url(../images/top_title_bg.gif) repeat-x top left;
    width: 100%;
    height: 98px;
    margin-top: 0px;
}

    .top_title_bg .top_title {
        background: url(../images/top_title.gif) no-repeat top left;
        width: 335px;
        height: 98px;
        float: left;
    }

    .top_title_bg .top_r {
        background: url(../images/top_title_02.gif) no-repeat top left;
        height: 70px;
        width: 400px;
        color: #ed0340;
        font-family: "標楷體";
        font-size: 26px;
        float: left;
        padding-top: 28px;
        font-weight: bold;
    }
/*左方選單*/
.left_menu {
    background: url(../images/left_menu.gif) no-repeat top left;
    width: 174px;
    height: 52px;
}

.left_menu_bg {
    background: #fffdf9 url(../images/left_menu_bg.gif) repeat-x top left;
    width: 174px;
}

.icom_menu {
    background: url(../images/icom_menu.gif) no-repeat top left;
    width: 122px;
    height: 16px;
    color: #f3f2f2;
    font-family: "標楷體";
    font-size: 20px;
    cursor: pointer;
    cursor: pointer;
    padding-left: 20px;
    margin: 10px 0px;
    font-weight: bold;
}

    .icom_menu a:link, .icom_menu a:active, .icom_menu a:visited {
        color: #FFF;
        text-decoration: none;
    }

    .icom_menu a:hover {
        color: #ffff33;
    }

/*右方選單*/
/*第一頁內容*/
.right_a_01 {
    background: #f0f0f0 url(../images/right_a_01.gif) repeat-x top left !important;
    padding-top: 12px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
}

    .right_a_01 .r_t_01 {
        font-family: 標楷體;
        font-size: 24px;
    }

    .right_a_01 .r_t_0001 {
        background: url(../images/r_t_0001.gif) no-repeat top left;
        width: 200px;
        height: 19px;
        line-height: 19px;
        padding-left: 7px;
        font-family: 標楷體;
        font-size: 16pt;
    }

    .right_a_01 .icom_r_01 {
        background: url(../images/icom_r_01.gif) no-repeat top left;
        padding-left: 20px;
        width: 150px;
        color: #cc6600;
        font-weight: bold;
        line-height: 18px;
        float: left;
        text-align: right;
    }

    .right_a_01 .by_p {
        margin: 10px;
    }

        .right_a_01 .by_p li {
            margin-bottom: 1em;
            font-size: 15pt;
        }

        .right_a_01 .by_p .by_c {
            margin: 0px 12px;
            height: 19px;
        }
/*第二頁內容*/
.right_a_02 {
    background: #f0f0f0 url(../images/right_a_02.gif) repeat-x top left !important;
    padding-top: 32px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
}

    .right_a_02 .r_t_01 {
        font-family: 標楷體;
        font-size: 24px;
    }

    .right_a_02 .r_t_0001 {
        background: url(../images/r_t_0001.gif) no-repeat top left;
        width: 200px;
        height: 19px;
        line-height: 19px;
        padding-left: 7px;
        font-family: 標楷體;
        font-size: 18px;
    }

.right_a_01 .icom_r_01 {
    background: url(../images/icom_r_01.gif) no-repeat top left;
    padding-left: 30px;
    font-weight: bold;
    line-height: 18px;
    float: left;
    text-align: left;
}

.right_a_02 .by_p {
    margin: 10px;
}

    .right_a_02 .by_p .by_c {
        margin: 0px 12px;
        height: 19px;
    }

/*文字色碼*/
.txt_b {
    font-family: 標楷體;
}

.txt_01 {
    color: #f00;
}

.txt_02 {
    color: #00c;
}

.txt_03 {
    color: #06f;
    font-family: 標楷體;
    font-size: 16px;
}

.txt_04 {
    color: #8a2be2;
}

.txt_05 {
    color: #660033 !important;
}
/*一年級科名*/
.txt_06 {
    color: #006699 !important;
}
/*一年級科目*/
.txt_07 {
    color: #006600 !important;
}
/*二年級科名*/
.txt_08 {
    color: #900;
}

.txt_09 {
    color: #666;
}
/*灰色*/
.txt_10 {
    color: #900;
    font-size: 24px !important;
}
/*標題*/
.txt_11 {
    color: #00c;
    font-family: "標楷體";
    line-height: 36px;
}

.txt_12 {
    color: #333;
}

.txt_13 {
    color: #c60;
}

/*表格顏色*/
.td_01a td {
    border: #FFF 1px solid;
    background-color: #d4a3b1;
    padding: 2px 10px;
}

.td_01b td {
    border: #d4a3b1 1px solid;
    background-color: #FFF;
    font-size: 15px;
    padding: 2px 10px;
}

.td_02a td {
    border: #FFF 1px solid;
    background-color: #a3c07e;
    padding: 2px 10px;
}

.td_02b td {
    border: #586f3b 1px solid;
    background-color: #FFF;
    font-size: 15px;
    padding: 2px 10px;
}

.td_03a td {
    border: #FFF 1px solid;
    background-color: #8ac9da;
    padding: 2px 10px;
}

.td_03b td {
    border: #6b939e 1px solid;
    background-color: #FFF;
    font-size: 15px;
    padding: 2px 10px;
}

/*所有標題*/

/*學程選課預選作業*/
.right_title_a01 {
    background: url(../images/right_title_a01.gif) no-repeat top left;
    width: 259px;
    height: 40px;
    margin-bottom: 15px;
}
/*選修課開課時段課表*/
.right_title_a02 {
    background: url(../images/right_title_a02.gif) no-repeat top left;
    width: 291px;
    height: 40px;
    margin-bottom: 15px;
}
/*正式選課作業*/
.right_title_a03 {
    background: url(../images/right_title_a03.gif) no-repeat top left;
    width: 196px;
    height: 40px;
    margin-bottom: 15px;
}
/*一次加選作業*/
.right_title_a04 {
    background: url(../images/right_title_a04.gif) no-repeat top left;
    width: 196px;
    height: 40px;
    margin-bottom: 15px;
}
/*選課結果查詢*/
.right_title_a05 {
    background: url(../images/right_title_a05.gif) no-repeat top left;
    width: 196px;
    height: 40px;
    margin-bottom: 15px;
}
/*選修課程個人課表*/
.right_title_a06 {
    background: url(../images/right_title_a06.gif) no-repeat top left;
    width: 260px;
    height: 40px;
    margin-bottom: 15px;
}

.right_title_a07 {
    background: url(../images/right_title_a07.jpg?20201027) no-repeat top left;
    width: 260px;
    height: 40px;
    margin-bottom: 15px;
}

/*重補修開課時段課表*/
.tdHeader {
    background-color: #385b7e;
    text-align: center;
    font-family: 標楷體;
    font-size: 12pt;
    width: 80px;
    color: #FFFFFF;
}

.tdTableTitle {
    background-color: #abceee;
    TEXT-ALIGN: center;
    font-family: 標楷體;
    font-size: 12pt;
    color: #333333;
}

.tdTableTitle_02 {
    background-color: #a1bed8;
    TEXT-ALIGN: center;
    font-family: 標楷體;
    color: #000;
    font-size: 13pt;
}

.tdColumn {
    background-color: #dde8f1;
    text-align: left;
    font-size: 10pt;
    width: 200px;
}

.tdhr {
    background-color: #99afc6;
    height: 3px;
}

.bk_g01 {
    background-color: #6b7d75;
    text-align: center;
    line-height: 24px;
    width: 24px;
    color: #FFFFFF;
}

.bk_g02 td {
    background-color: #dde8f1;
    text-align: center;
}

/*按鈕*/
/*確定*/
.bt_04 {
    background: url(../images/bt_04.gif) no-repeat center center;
    width: 58px;
    height: 24px;
    margin: 0px 3px;
    cursor: pointer;
    cursor: pointer;
}
/*列印*/
.bt_05 {
    background: url(../images/bt_05.gif) no-repeat center center;
    width: 58px;
    height: 24px;
    margin: 0px 3px;
    cursor: pointer;
    cursor: pointer;
}
/*說明*/
.bt_06 {
    background: url(../images/bt_06.gif) no-repeat center center;
    width: 58px;
    height: 24px;
    margin: 0px 3px;
    cursor: pointer;
    cursor: pointer;
}
/*列印畫面*/
.bt_07 {
    background: url(../images/bt_07.gif) no-repeat center center;
    width: 90px;
    height: 24px;
    margin: 0px 3px;
    cursor: pointer;
    cursor: pointer;
}
/*說明*/
.bt_08 {
    background: url(../images/bt_08.gif) no-repeat center center;
    width: 106px;
    height: 24px;
    margin: 0px 3px;
    cursor: pointer;
    cursor: pointer;
}
/*存檔*/
.bt_09 {
    background: url(../images/bt_09.gif) no-repeat center center;
    width: 58px;
    height: 24px;
    margin: 0px 3px;
    cursor: pointer;
    cursor: pointer;
}

.close_img {
    background: url(../images/close_img.gif) no-repeat center center;
    width: 289px;
    height: 117px;
    margin: 50px 30px;
    cursor: pointer;
    cursor: pointer;
}

table.collapse, .collapse th, .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;
}

.bluetext {
    color: blue;
}

/* css3 begin */
input[type=button].aspDisabled, a.aspDisabled {
    color: #808080 !important;
}

    a.aspDisabled:hover {
        cursor: not-allowed;
        text-decoration: none;
    }

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

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 {
    text-align: left;
}

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

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-right: auto;
    }

/* 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;
    }

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

/* valign=middle */
td.middle {
    vertical-align: middle;
}

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

    table.border1 th, table.border1 td {
        border: solid 1px black;
    }
/* css3 end */