.DataArea {
    font-family: 微軟正黑體;
    float: left;
    width:100%;
     display:inline;
     
}

.QueryArea {
    /*border: 1px solid #000000;*/
    clear: both;
    float: left;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 0px;
    width: 90%;
    padding: 0px;
    background-color: #E4E4E4;
    border-bottom-style: solid;
    border-bottom-width: 20px;
    border-bottom-color: #5F5E5E;
    padding-bottom: 10px;
    padding-top: 10px;
    -webkit-border-radius: 8px; /* support firefox */
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-left: 5%;
    z-index: 1;

}

    .QueryArea .btn_Create {
        margin-right: 35px;
    }

    .QueryArea .inner {
        float: left;
        margin-left: 0px;
        width: 80%;
    }

    .QueryArea .item {
        float: left;
        margin-left: 8px;
        width: 300px;
        /*border: 1px solid #000000;*/
    }




        .QueryArea .item .title {
            float: left;
            width: 100px;
            text-align: right;
            margin-top: 9px;
            font-size: .85em;
            font-weight: bold;
        }


        .QueryArea .item .value {
            float: left;
            margin-left: 15px;
            margin-top: 4px;
        }

            .QueryArea .item .value .DDL {
                margin-top: 2px;
            }

    .QueryArea .BtnArea {
        clear: both;
        float: right;
        margin-right: 30px;
        margin-top: 5px;
        --width: 100%;
        --text-align: center;
    }

.Datalist, #SysProg {
    clear: both;
    float: left;
    width: 100%;
    
    overflow: hidden;
    padding: 0;
    --padding-bottom: 50px;
    border: 0px solid #000000;
}

    .Datalist .TableArea {
        float: left;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 0px;
        margin-bottom: 10px;
    }

/*.Datalist .TableArea table.main tr:nth-child(2n+1) {
            background-color: #f2f2f2;
        }*/

.DataArea .Datalist {
    width: 100%;
    margin:0px;
     display:inline;

    /*margin-left: 10%;*/
}

.QueryArea, .DataArea .Datalist {

    width: 100%;
    margin:auto;
}

.Topic, .SubTopic {
    float: left;
    background-color: #809EC0;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    --border: 1px dashed #000000;
    text-align: center;
}

.DataArea .SubTopic {
    background: #FFCC66;
    border-radius: 8px;
}


    .Topic span, .SubTopic span {
        float: left;
        width: 100%;
        text-align: center;
        color: #ffffff;
        line-height: 30px;
        font-size: 1em;
        font-weight: bolder;
        letter-spacing: 3px;
    }

     .SubTopic span {
        color: #000000;
        line-height: 25px;
        font-size: .95em;
    }

.TabView {
    clear: both;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
    width: 100%;
    --border: 1px solid #333333;
}

.FV_Datapager {
    clear: both;
    float: right;
    margin: 0px;
    margin-left: 50px;
    width: 100%;
    /*border: 1px solid #000000;*/
}

    .FV_Datapager .Summary {
        float: right;
        margin-right: 15px;
        margin-top: 5px;
        font-size: 0.9em;
    }

    .FV_Datapager .BtnArea {
        float: right;
        margin-right: 15px;
        margin-top: 5px;
    }

.datapager_counter_top {
    float: right;
    /*width: 100%;*/
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: .9em;
}

    .datapager_counter_top .Summary {
        float: right;
        margin-right: 15px;
        margin-top: 5px;
        font-size: 0.9em;
    }

    .datapager_counter_top .BtnArea {
        float: right;
        margin-right: 15px;
        margin-top: 5px;
    }

        .datapager_counter_top .BtnArea input[type="image"] {
            margin-left: 10px;
        }

.datapager {
    clear: both;
    width: 50%;
    float: left;
    margin-left: 44%;
    border: 0px solid #000000;
    /*--border: 1px solid #000000;*/
    --margin-top: 50px;
    --margin-right: 50px;
    color: #800000;
    font-size: .9em;
    text-align: center;
    margin-bottom: 20px;
}

.CurrentPageLabel {
    float: left;
    font-size:.9em;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 7px;
    border: 0px solid #000000;
}

.CurrentPageLabel_2 {
    float: left;
    font-size:.9em;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    border: 0px solid #000000;
}

.Datalist .SelectArea {
    clear: both;
    float: left;
}

.Datalist .SelectDesc {
    float: left;
    color: #800000;
    font-size: .95em;
    margin-left: 20px;
}

div.Nodata {
    margin: auto;
    width: 50%;
    margin-left: 25%;
    margin-top: 20px;
    display: table;
    --height: 100px;
    --padding: 30px;
    --border: 1px solid #C7A0BD;
}

    div.Nodata div {
        display: table-cell;
        -webkit-border-radius: 12px; /* support firefox */
        -moz-border-radius: 12px;
        border-radius: 12px;
        background-color: #CCCCCC;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        height: 100px;
    }

        div.Nodata div span {
            width:100%;
            border: 0px solid #000000;
        }

    div.Nodata .BtnArea {
        float: left;
        margin-top: 10%;
    }

    div.Nodata input[type="submit"] {
        margin-right: 20px;
    }

.Datalist .row {
    clear: both;
    display: block;
    width: 100%;
    float: left;
    margin: 0px;
    --border: 1px double #333333;
}


    .Datalist .row .col {
        float: left;
        margin-left: 0px;
        margin-top: 2px;
        margin-right: 20px;
    }

        .Datalist .row .col .title, .Datalist .row .col .value {
            float: left;
        }


        .Datalist .row .col .title {
            float: left;
            --width: 120px;
            padding-right: 7px;
            font-size: .85em;
            text-align: right;
            color: #333333;
        }

        .Datalist .row .col .value {
            float: left;
        }


.Datalist .QueryArea {
    margin-top: -10px;
    display:inline;
    width: 100%;
    margin-left: 0px;
}


.Datalist .FilterArea {
    float: left;
    margin-top: 5px;
    margin-bottom: 3px;
}

    .Datalist .FilterArea .item {
        float: left;
    }

        .Datalist .FilterArea .item .title {
            float: left;
            width: 80px;
            font-size: .9em;
            text-align: right;
            margin-right: 7px;
            margin-top: 3px;
        }

        .Datalist .FilterArea .item .value {
            float: left;
        }

.Divider {
    float: left;
    width: 100%;
    height: 1px;
    background-color: #666666;
    margin-bottom: 5px;
}

.Summary {
    float: left;
    font-size: .85em;
}

    .Summary .item {
        float: left;
        margin: 8px;
    }

        .Summary .item .title {
            float: left;
            
            text-align: right;
            margin-top: 4px;
            font-size: .9em;
            font-weight: bold;
        }


        .Summary .item .value {
            float: left;
            margin-left: 15px;
            margin-top: 4px;
            font-size: .9em;
        }


.Form {
    float: left;
    width: 100%;
    border: 0px dashed #000000;
}

    .Form .Topic span {
        float: left;
        width: 100%;
        text-align: center;
        line-height: 25px;
        font-size: .8em;
    }

    .Form .Divider {
        margin-top: 5px;
        float: left;
        width: 100%;
        border: none;
        background-color: #ffffff;
    }

    .Form .line {
        margin-top: 5px;
        float: left;
        width: 100%;
        border: none;
        height: 1px;
        background-color: #5F5E5E;
    }

    .Form .item {
        float: left;
        width: 300px;
        overflow-x: visible;
        --border: 1px double #333333;
        margin: 0px;
        margin-bottom: 6px;
    }

        .Form .item .title {
            float: left;
            width: 90px;
            text-align: right;
            margin-top: 6px;
            font-size: .9em;
            font-weight: bold;
        }


        .Form .item .value {
            float: left;
            margin-left: 5px;
            margin-top: 7px;
            font-size: .85em;
        }

            .Form .item .value .DDL {
                margin-top: -5px;
            }

            .Form .item .value .btn_default {
                margin-top: 0px;
            }

            .Form .item .value input[type="text"] {
                float: left;
                margin-left: 0px;
                margin-top: -4px;
                font-size: .85em;
            }

            .Form .item .value .Address input[type="text"] {
                margin-top: 0px;
            }


    .Form .btn_GroupTable_img {
        margin-right: 7px;
    }

.NodeStyle {
    font-size: .9em;
}

    .NodeStyle input[type="checkbox"] {
        float: left;
        margin-top: 3px;
    }

    .NodeStyle a {
        float: left;
        margin-left: 10px;
        margin-top: 3px;
    }

.Summary_Price {
    float: left;
    margin-left: 10px;
    margin-top:10px;
}

    .Summary_Price .item {
        float: left;
        --width: 220px;
        --text-align: right;
        margin-bottom: 10px;
    }

        .Summary_Price .item .title {
            float: left;
            padding: 0px;
            width: 80px;
            text-align: center;
            -webkit-border-radius: 4px; /* support firefox */
            -moz-border-radius: 4px;
            border-radius: 4px;
            background-color: #8A8A8A;
            color: #ffffff;
            font-size: 1em;
            line-height: 23px;
        }

        .Summary_Price .item .value {
            float: left;
            width: 150px;
            text-align: right;
            margin-top: 4px;
        }

.BottomTableArea {
    float: left;
    width: 101%;
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: -28px;
    margin-bottom: 15px;
}

    .BottomTableArea table.main td {
        vertical-align: top;
    }


.InnerArea {
    float: left;
    width: 102%;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 10px;

}

    .InnerArea span {
        float: left;
        line-height: 23px;
        margin-bottom: 10px;
    }