.table, .table * {
    margin: 0 auto;
    padding: 0;
    //font-size: 30px;
    //font-family: Arial, 宋体, Helvetica, sans-serif;
}

.table {
    display: table; width: 98%; border-collapse: collapse;
}

.table-tr {
    display: table-row; 
    height: 30px;
}

.table-th {
    display: table-cell;
    font-weight: bold;
    height: 100%;
    border: 1px solid gray;
    text-align: center;
    vertical-align: middle;
    background-color:#efe3e3;
}

.table-td {
    display: table-cell; 
    height: 100%;
}

.sub-table {
    width: 100%;
    height: 100%;
    display: table;
}

.sub-table-tr {
    display: table-row; 
    height: 100%;
}

.sub-table-td {
    display: table-cell; 
    height: 100%;
    border: 1px solid gray; 
    text-align: center;
    vertical-align: middle;
}

/*
* 子表
*/

.sun-table {
    width: 95%;
    height: 100%;
    display: table;
    float: right;
    margin: 8px auto;
}

.sun-table-tr {
    display: table-row; 
    height: 100%;
}

.sun-table-td-0 {
    display: table-cell; 
    height: 100%;
    border: 1px solid gray; 
    text-align: center;
    vertical-align: middle;
    background-color:#bcdfd7;
}

.sun-table-td-1 {
    display: table-cell; 
    height: 100%;
    border: 1px solid gray; 
    text-align: center;
    vertical-align: middle;
}

.sun-table-td-2 {
    display: table-cell; 
    height: 100%;
    border: 1px solid gray; 
    text-align: left;
    vertical-align: middle;
}

.sun-table-td-3 {
    display: table-cell; 
    height: 100%;
    border: 1px solid gray; 
    text-align: right;
    vertical-align: middle;
}