﻿/* 
此區定義整體共用的樣式設定
 */


        body.main{
        background-color:blue;
    }

div.Div_W_1100 {
    padding: 0px;
    margin: 0px auto;
    width: 1100px;
}
div.div_none_bg_white
{
    width:100%;
    background-color:white;
}
div.div_red_1pt
{
    width:100%;
    border:solid 1px red;
}

div.div_blue_1pt
{
    width:100%;
    border:solid 1px blue;
}

div.div_green_1pt
{
    width:100%;
    border:solid 1px green;
}

div.div_gray_1pt
{
    width:100%;
    border:solid 1px #ababf2;
}


div.div_Dialog_500
{
    width: 500px;
    margin: 10px auto 0px auto;
    border: 1px solid #555555;
   background-color : #ffffff;
}



/* ---------------------------------------------- */
/*     Table                             --------- */
/* ---------------------------------------------- */
.table_00_none{
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    empty-cells: show;
}
    .table_00_none td {
        empty-cells: show;
    }
/* ---------------------------------------------- */
.table_01_blue_dash{
    border:1px solid #0000FF;
    padding: 2px;
    margin: 2px;
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    empty-cells: show;
}
    .table_01_blue_dash td {
        padding: 0px;
        border:1px dashed lightblue;
        border-collapse: collapse;
        border-spacing: 1px;
   }
/* ---------------------------------------------- */

/* ---------------------------------------------- */
.table_02_blue_solid{
    border:1px solid #0000FF;
    padding: 2px;
    margin: 2px;
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    empty-cells: show;
}
    .table_02_blue_solid td {
        padding: 3px;
        border:1px solid lightblue;
        border-collapse: collapse;
        border-spacing: 1px;
   }
/* ---------------------------------------------- */




.table_3d_01_gray {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #999999 #C0C0C0;
    border-collapse: separate;
    border-spacing: 0px;
    background-color: #F0F0F0;
}
    .table_3d_01_gray td {
        border-style: solid;
        border-width: 1px;
        border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border-spacing: 0px;
    }



.table_3d_02_for_menu_transparent {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #999999 #C0C0C0;
    border-collapse: separate;
    border-spacing: 0px;
    background-color:transparent;
}
    .table_3d_02_for_menu_transparent td {
        border-bottom:solid;
        border-top:solid;
        border-width: 1px;
        border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border-spacing: 0px;
    }


/*單一儲存格定義*/
.td_01_backcolor_D2E8FF {
    background-color:#D2E8FF;
}

.td_02_單列標題列_藍框實線_淡藍底_黑字_列高25_向左對齊 {
    font-weight: bold;
    background-color: #C1E0FF;
    color: black;
    height: 25px;
    text-align: left;
    border: 1px solid #AAC6FF;
    vertical-align: middle;
    margin: 3px;
    padding: 3px;
}

.td_03_單列_白底_藍字_向左對齊 {
    vertical-align: middle;
    text-align: left;
    background-color: white;
    color: blue;
}

.td_04_單列_白底_紅字_向左對齊 {
    vertical-align: middle;
    text-align: left;
    background-color: white;
    color: red;
}

.td_05_單列標題列_灰框實線_淡灰底_黑字_向右對齊 
{
    background-color: #F0F0F0;
    color: black;
    text-align: right;
    vertical-align: middle;

    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #999999 #C0C0C0;
    border-collapse: separate;
    border-spacing: 0px;

}
.td_06_單列內容列_灰框實線_白底_黑字_向左對齊
{
    background-color: #FFFFFF;
    color: black;
    text-align: left;
    vertical-align: middle;

    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #999999 #C0C0C0;
    border-collapse: separate;
    border-spacing: 0px;
    padding:3px;
}



/* 滑鼠滑過的特效-----------------------*/
.Table_L1_MenuHover {
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    height: 30px;
}

    .Table_L1_MenuHover td {
        padding: 0px;
        margin: 1px;
        vertical-align: middle;
        text-align: center;
    }

        .Table_L1_MenuHover td:Hover {
            padding: 0px;
            margin: 1px;
            vertical-align: middle;
            text-align: center;
            background-color: #CCCCCC;
        }
/* ------------------------------------- */







.Table_L1_02 {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #999999 #C0C0C0;
    border-collapse: separate;
    border-spacing: 0px;
    background-color: #F0F0F0;
}

    .Table_L1_02 td {
        border-style: solid;
        border-width: 1px;
        border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border-spacing: 0px;
    }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.Table_L2_01 {
    border: 1px solid #B5CDFF;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 1px;
    background-color: #FFFFFF;
    empty-cells: show;
}

    .Table_L2_01 td {
        vertical-align: middle;
    }



.Table_L2_02 {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #999999 #999999 #C0C0C0;
    border-collapse: separate;
    border-spacing: 0px;
    background-color: #F0F0F0;
}

    .Table_L2_02 td {
        border-style: solid;
        border-width: 1px;
        border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border-spacing: 0px;
    }



.Table_L3_PageLayout {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

    .Table_L3_PageLayout td {
        border-style: none;
        border-width: 0px;
        padding: 0px;
        margin: 0px;
    }



/* ---------------------------------------------- */
.Table_L3_ForBoard {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-color: #EEEEEE;
}

    .Table_L3_ForBoard td {
        padding: 3px;
        vertical-align: middle;
    }



/* ---------------------------------------------- */
.Table_L3_Underline_Blue_Dash {
}

    .Table_L3_Underline_Blue_Dash td {
        border-collapse: collapse;
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        border-bottom-color: #999999;
    }


/*------------------------------------------------------*/
/* Table 裏面的 TD  */
/*------------------------------------------------------*/
.TD_00 {
    background-color: #999999;
    line-height: 5px;
}

.TD_01 {
    border: 1px solid #AAC6FF;
    margin: 0px;
    padding: 10px;
    font-weight: bold;
    color: #0000FF;
    height: 28px;
    font-size: 14pt;
    text-align: left;
    background-color: #C1E0FF;
    vertical-align: middle;
}

.TD_02 {
    font-weight: bold;
    color: #000000;
    height: 25px;
    font-size: 12pt;
    background-color: #CCCCCC;
}

.TD_03 {
    font-weight: bold;
    background-color: #CCFFFF;
    color: #800000;
    font-size: 12pt;
    height: 25px;
    text-align: center;
}

.TD_04 {
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #999999;
}

.TD_05 {
    border: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #DFDFFF;
}

.TD_06 {
    border: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #EEEEEE;
}

.TD_07 {
    border: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #FFFFFF;
}

.TD_08 {
    border: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #DDFFFF;
}

.TD_09 {
    border: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 12pt;
    color: #990000;
    font-weight: bold;
}

.TD_10 {
    border: 1px solid #FFCC00;
    font-weight: bold;
    background-color: #FFFF99;
    color: #800000;
    font-size: 12pt;
    height: 25px;
    text-align: center;
}

.TD_11 {
    border: 1px solid #99CC00;
    margin: 5px;
    padding: 5px;
    color: #3366FF;
    font-size: 11pt;
    height: 30px;
    text-align: left;
}

.TD_12 {
    border: 1px solid #CEEFFF;
    color: #000000;
    font-size: 12pt;
    min-height: 250px;
    text-align: left;
    font-family: 'Courier New';
    text-indent: 2px;
    vertical-align: top;
}

/* ---------------------------------------------- */
/* GridView 使用之 cssClass */
/* ---------------------------------------------- */
.GridView_ForBoard {
}

    .GridView_ForBoard th {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
        padding: 2px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 20px;
        font-weight: normal;
        font-size: 10pt;
        color: #0000FF;
        border-bottom-color: #00CC00;
    }

    .GridView_ForBoard td {
        border-style: none none dashed none;
        padding: 2px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 25px;
        font-size: 11pt;
        font-family: 'Times New Roman';
        border-bottom-width: 1px;
        border-bottom-color: #3399FF;
    }



/* ---------------------------------------------- */
.GridView_51 {
    border-style: solid;
    border-width: 1px;
    border-color: #D2E8FF #C2C2EE #C2C2EE #D2E8FF;
    border-collapse: separate;
    border-spacing: 0px;
}

    .GridView_51 th {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
        padding: 2px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 25px;
        font-weight: normal;
        font-size: 10pt;
        color: #0000FF;
        border-bottom-color: #00CC00;
    }

    .GridView_51 td {
        border-style: dotted none dotted none;
        padding: 2px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 28px;
        font-size: 11pt;
        font-family: 'Times New Roman';
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-color: #CCFF99;
        border-bottom-color: #CCFF66;
    }




/* ---------------------------------------------- */
.GridView_52 {
    border: 1px solid #0000FF;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-right: 1px;
}

    .GridView_52 th {
        border: 1px solid #66CCFF;
        border-spacing: 1px;
        font-weight: normal;
        font-size: 10pt;
        color: #0000FF;
        background-color: #CCFFFF;
    }

    .GridView_52 td {
        border: 1px solid #8CC6FF;
        vertical-align: middle;
        border-spacing: 1px;
        font-size: 10pt;
        font-family: 'Times New Roman';
    }


/* ---------------------------------------------- */
.GridView_53_12pt {
    border-style: solid;
    border-width: 1px;
    border-color: #D2E8FF #C2C2EE #C2C2EE #D2E8FF;
    border-collapse: separate;
    border-spacing: 0px;
}

    .GridView_53_12pt th {
        border: 1px solid #8CC6FF;
        padding: 2px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 25px;
        background-color: #C1E0FF;
        font-weight: normal;
        font-size: 12pt;
        color: #0000FF;
    }

    .GridView_53_12pt td {
        border: 1px solid #8CC6FF;
        padding: 3px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 25px;
        font-size: 12pt;
        font-family: 'Times New Roman';
    }
/* ---------------------------------------------- */
.GridView_54_YellowHeader {
    border: 1px solid #0000FF;
    border-collapse: separate;
    border-spacing: 0px;
    margin-right: 1px;
}

    .GridView_54_YellowHeader th {
        border: 1px solid #66CCFF;
        padding: 1px;
        border-spacing: 1px;
        height: 25px;
        font-weight: normal;
        font-size: 10pt;
        color: #000000;
        background-color: #FFFF99;
    }

    .GridView_54_YellowHeader td {
        border: 1px solid #8CC6FF;
        padding: 1px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 25px;
        font-size: 10pt;
        font-family: 'Times New Roman';
        background-color: #FFFFFF;
    }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.GridView_54_GreenHeader {
    border: 1px solid #0000FF;
    border-collapse: separate;
    border-spacing: 0px;
    margin-right: 1px;
}

    .GridView_54_GreenHeader th {
        border: 1px solid #BCBCBC;
        padding: 1px;
        border-spacing: 1px;
        height: 25px;
        font-weight: normal;
        font-size: 10pt;
        color: #FFFFFF;
        background-color: #009900;
    }

    .GridView_54_GreenHeader td {
        border: 1px solid #BCBCBC;
        padding: 1px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 30px;
        font-size: 11pt;
        font-family: 'Times New Roman';
        background-color: #FFFFFF;
    }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.GridView_54_GrayHeader {
    border: 1px solid #AAAAAA;
    border-collapse: separate;
    border-spacing: 0px;
    margin-right: 1px;
}

    .GridView_54_GrayHeader th {
        border: 1px solid #CCCCCC;
        padding: 1px;
        border-spacing: 1px;
        height: 25px;
        font-weight: normal;
        color: #000000;
        background-color: #DDDDDD;
    }

    .GridView_54_GrayHeader td {
        border: 1px solid #CCCCCC;
        padding: 1px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 25px;
        font-family: 'Times New Roman';
        background-color: #FFFFFF;
    }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.GridView_55_GrayHeader_Height_28px {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-right: 1px;
}

    .GridView_55_GrayHeader_Height_28px th {
        border: 1px solid #CCCCCC;
        padding: 1px;
        border-spacing: 1px;
        height: 30px;
        font-weight: normal;
        color: #000000;
        background-color: #DDDDDD;
    }

    .GridView_55_GrayHeader_Height_28px td {
        border: 1px solid #CCCCCC;
        padding: 1px;
        vertical-align: middle;
        border-spacing: 1px;
        height: 30px;
        font-family: 'Times New Roman';
        background-color: #FFFFFF;
    }
/* ---------------------------------------------- */

/* ---------------------------------------------- */
.GridView_61 {
    border-style: solid;
    border-width: 1px;
    border-color: #D2E8FF #C2C2EE #C2C2EE #D2E8FF;
    border-collapse: separate;
    border-spacing: 0px;
}

    .GridView_61 th {
        border: 1px solid #8CC6FF;
        padding: 2px;
        vertical-align: middle;
        text-align: left;
        border-spacing: 3px;
        height: 30px;
        background-color: #C1E0FF;
        font-size: 12pt;
    }

    .GridView_61 td {
        border: 1px solid #99CCFF;
        padding: 2px;
        vertical-align: middle;
        text-align: left;
        border-spacing: 3px;
        height: 30px;
        font-size: 12pt;
    }
