@media only screen and (min-width: 400px) and (max-width: 1100px) {


    #main_wrapper {
        width: 100%;
    }

    #header .logo {
        width: 500px;
    }

    #header .SysName {
        float: right;
        color: #333333;
        font-size: 1em;
        font-family: 微軟正黑體;
        letter-spacing: 4px;
        font-weight: bolder;
        margin: 10px;
        margin-right: 20px;
    }

    #header .ColorArea1 {
        float: left;
        width: 100%;
        height: 80px;
    }

    #center .PageTitle {
        background-size: 100%;
    }

    #header .menu {
        width: 350px;
        position: relative;
        top: 35px;
        left: 0;
        height: 300px;
        /*display: block;*/
    }

    #center .PageTitleTxt {
        float: left;
        margin-left: 10px;
        width: 100%;
        line-height: 30px;
        font-size: 1em;
    }

    #header .menu .model .submenu .MenuItem {
        width: 100%;
        border: 0px solid #000000;
    }

    #center .QueryArea {
        width: 100%;
        border: 0px solid #000000;
    }

    #center .Datalist {
        width: 100%;
    }

    .Form_H_BtnArea_Top {
        border: 0px solid #000000;
        overflow: visible;
    }

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

        #center .QueryArea .item .title {
            width: 80px;
        }

    #center .text_date {
        font-size: .9em;
        height: 25px;
        width: 120px;
    }

    #center table {
         display: inline-block;
    }

        #center table.Form_H th {
            width: 100px;
        }

        #center table.Form_H td {
            width: 250px;
        }

    #center table.main .left {
        margin-left: 0px;
    }

    .cssModalPopup {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {

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

        #center .QueryArea .item .title {
            width: 100px;
        }

    #center .text_date {
        font-size: .9em;
        height: 25px;
        width: 140px;
    }

    #center table.Form_H th {
            width: 130px;
        }

        #center table.Form_H td {
            width: 300px;
        }
}