table.gridtable {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        color: #333333;
        border-width: 1px;
        border-color: #666666;
        border-collapse: collapse;
        width: 100%;
      
    }

        table.gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
            font-size: 15px;
        }

        table.gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
            align-content: center;
            align-items: center;
            font-size: 15px;
            
        }

        table.gridtable td.td_check {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
            align-content: center;
            align-items: center;
            font-size: 15px;
            text-align :center ;
            
        }

    div.div_table-cell {
        width: 700px;
        height: 30px;
        background-color: #333;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border: solid 2px #fff;
    }

        /* IE6 hack */
        div.div_table-cell span {
            height: 100%;
            display: inline-block;
        }

        /* 讓table-cell下的所有元素都居中 */
        div.div_table-cell * {
            vertical-align: middle;
        }



div.div_table-cell-right {
    width: 700px;
    height: 30px;
    background-color: #333;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: solid 2px #fff;
}