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

img {
    border: none;
}

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

.content {
    font-family: 新細明體;
    font-size: 16px;
    background-color: #fff5ee;
    color: black;
    text-align: center;
}

.contentrt {
    font-family: 新細明體;
    font-size: 16px;
    background-color: #FFFFCC;
    color: #800000;
    text-align: center;
}

.contentrn {
    font-family: 新細明體;
    font-size: 16px;
    background-color: #ffc0cb;
    color: #800000;
    text-align: center;
}

.contentt {
    font-family: 新細明體;
    font-size: 16px;
    background-color: #faebd7;
    color: #800000;
    text-align: center;
}

h2 {
    color: #990000;
}

.paper {
    width: 246.84mm;
}

/*登入首頁*/
@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;
        text-align: left;
    }

    .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: #336633;
        }

    .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_container {
        position: relative;
        float: left;
    }

    .ln_idx .ln_idx_07, .ln_idx .ln_idx_07b, .ln_idx .ln_idx_07c {
        cursor: default;
        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;
    }

    .ln_idx .ln_idx_07b {
        position: absolute;
        font-size: 10px;
        font-family: Arial, 'Times New Roman', 新細明體,微軟正黑體;
        left: 267px;
        top: 52px;
        text-align: left;
    }

    .ln_idx .ln_idx_07c {
        position: absolute;
        font-size: 10px;
        font-family: 新細明體,微軟正黑體;
        left: 285px;
        top: 69px;
        text-align: 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;
        padding-top: 15px;
    }

        .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;
        }

        .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;
        }

        .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;
        }

    .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: 98px;
        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;
    padding-left: 20px;
    margin: 10px;
    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: #fff000;
    }


/*右方選單*/
/*第一頁內容*/
.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: 18px;
    }

    .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 .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_02 .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_02 .by_p {
        margin: 10px;
    }

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

/*文字色碼*/
.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;
}

/*所有標題*/
/*重修預選作業*/
.right_title_a01 {
    background: url(../images/right_title_a01.gif) no-repeat top left;
    width: 198px;
    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: 198px;
    height: 40px;
    margin-bottom: 15px;
}
/*一次加選作業*/
.right_title_a04 {
    background: url(../images/right_title_a04.gif) no-repeat top left;
    width: 198px;
    height: 40px;
    margin-bottom: 15px;
}
/*選課結果查詢*/
.right_title_a05 {
    background: url(../images/right_title_a05.gif) no-repeat top left;
    width: 198px;
    height: 40px;
    margin-bottom: 15px;
}
/*選課結果查詢*/
.right_title_a06 {
    background: url(../images/right_title_a06.gif) no-repeat top left;
    width: 183px;
    height: 36px;
    margin-bottom: 15px;
}

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

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

.tdHeader1 {
    width: 80px;
}

.tdHeader2 {
    width: 80px;
}

.tdHeader21 {
    width: 35px;
}

.tdHeader22 {
    width: 58px;
}

.tdHeader23 {
    width: 18px;
}

.tdHeader3 {
    width: 121px;
}

.tdTableTitle {
    background-color: #d2dbbf;
    text-align: center;
    font-family: 標楷體;
    font-size: 12pt;
    color: #333333;
}

.tdTableTitle_02 {
    background-color: #afb99b;
    text-align: center;
    font-family: 標楷體;
    font-size: 13pt;
    color: #333333;
}

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

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

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

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

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

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

.buttontype {
    background-color: #e5ccb1;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    border: outset 2px white;
}

.buttontype2 {
    background-color: #99cc99;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    border: outset 2px white;
}

.buttontype3 {
    background-color: #b8dfe5;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    border: outset 2px white;
}

.buttontype4 {
    background-color: #e57370;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    border: outset 2px white;
}

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 {
    color: #808080 !important;
}

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.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-left: 0px;
        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;
        margin-right: 0px;
    }

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

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

/* css3 end */