.ui.table:not(.unstackable) > tfoot > tr > th,
tr.last.data > th,
tr.pagination.info > th {
    color: gray !important;
    font-weight: normal !important;
    text-align: center !important;
    width: 100% !important;
}

/*#region 响应式表格设计 */

.ui.label.show_small,
th.show_small,
td.show_small {
    display: none;
}

.ui.table:not(.unstackable) > tbody > tr.data.hidden,
.ui.table:not(.unstackable) > tbody > tr.pagination.hidden,
.ui.table:not(.unstackable) > tfoot > tr.data.hidden,
.ui.table:not(.unstackable) > tfoot > tr.pagination.hidden,
tr.no.data.hidden,
tr.last.data.hidden,
tr.pagination.hidden {
    display: none !important;
}

@media only screen and (max-width: 767px) {

    .ui.container.header.hidden_small {
        display: none;
    }

    .ui.label.show_small,
    th.show_small,
    td.show_small {
        display: block;
    }

    .ui.ui.ui.ui.table:not(.unstackable) > tr,
    .ui.ui.ui.ui.table:not(.unstackable) > thead > tr, 
    .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,
    .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr {
        padding-top: 0;
    }

    .ui.table:not(.unstackable) > thead.hidden_small,
    .ui.table:not(.unstackable) > thead > tr.hidden_small,
    .ui.table:not(.unstackable) > tfoot.hidden_small,
    .ui.table:not(.unstackable) > tfoot > tr.hidden_small,
    .ui.table:not(.unstackable) > tbody.hidden_small,
    .ui.table:not(.unstackable) > tr.hidden_small,
    .ui.table:not(.unstackable) > tbody > tr.hidden_small,
    .ui.table:not(.unstackable) > tr > th.hidden_small:not(.rowspanned),
    .ui.table:not(.unstackable) > thead > tr > th.hidden_small:not(.rowspanned),
    .ui.table:not(.unstackable) > tbody > tr > th.hidden_small:not(.rowspanned),
    .ui.table:not(.unstackable) > tfoot > tr > th.hidden_small:not(.rowspanned),
    .ui.table:not(.unstackable) > tr > td.hidden_small:not(.rowspanned),
    .ui.table:not(.unstackable) > tbody > tr > td.hidden_small:not(.rowspanned),
    .ui.table:not(.unstackable) > tfoot > tr > td.hidden_small:not(.rowspanned),
    .ui.stackable.table thead.hidden_small,
    .ui.stackable.table th.hidden_small,
    .ui.stackable.table tr.hidden_small,
    .ui.stackable.table td.hidden_small {
        display: none !important;
    }

    .ui.table:not(.unstackable) > tbody > tr,
    .ui.table:not(.unstackable) > tfoot > tr,
    .ui.stackable.table tr {
        float: left;
        width: 100% !important;
        display: block;
        padding-top: 0;
    }

        .ui.table:not(.unstackable) tr > td,
        .ui.stackable.table tr > td:first-child,
        .ui.table:not(.unstackable) tr > th,
        .ui.stackable.table tr > th:first-child {
            padding-top: 1em !important;
            font-weight: normal;
        }

        .ui.table:not(.unstackable) > tbody > tr > td,
        .ui.stackable.table tr td {
            display: block;
            position: relative;
            margin: 0;
            width: 100% !important;
            box-sizing: border-box;
            padding-left: 35% !important;
            text-align: left;
        }

        .ui.table:not(.unstackable) > tbody > tr.with_photo > td,
        .ui.stackable.table tr.with_photo td {
            width: auto !important;
        }

            .ui.table:not(.unstackable) > tbody > tr.with_photo > td.photo,
            .ui.stackable.table tr.with_photo td.photo {
                float: none;
            }

        .ui.stackable.table tr td:before {
            content: attr(data-title);
            position: absolute;
            width: 30%;
            left: 10px;
            font-weight: bolder;
            text-align: right;
        }

        .ui.stackable.table tr td.full_width {
            padding-left: 0 !important;
            text-align: center;
            padding: 0.75em !important;
        }

            .ui.stackable.table tr td.full_width:before {
                display: none;
            }
}

/*#endregion */