/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

* {
    box-sizing: border-box;
}

.flex_content {
    display: table;
    padding: 5px;
    /*margin: 5px;*/
    width: 90%;
}
    .flex_content .left {
        /*text-align: left;*/
        width: 23%;
        display: table-cell;
        vertical-align: middle;
    }

    .flex_content .left-vmiddle {
        /*text-align: left;*/
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }
    .flex_content .right {
        /*text-align: right;*/
        display: table-cell;
        vertical-align: middle;
    }

.table-content {
    display: table;
    padding: 30px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
    .table-content .table-cell-1 {
        display: table-cell;
        width: 30%;
        vertical-align: middle;
        text-align: center;
        padding:2rem 0;
    }

    .table-content .table-cell-2 {
        display: table-cell;
        width: 5%;
        vertical-align: middle;
    }

    .table-content .table-cell-3 {
        display: table-cell;
        width: 65%;
        vertical-align: middle;
        text-align: center;
    }

    .table-content .table-two-colum-1 {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        text-align: center;
    }

    .table-content .table-two-colum-2 {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        text-align: center;
    }

.st-flex-center {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    text-align: center; /* 文字居中 */
}

    .st-flex-center .st-text {
        width: 500px;
        padding: 5px;
        margin: 5rem;
        font-size: 1.3rem;
        text-align: left;
    }

    .st-flex-center .st-img {
        width: 500px;
        margin: 5rem;
        text-align: center;
    }

.table-colum {
    display: table;
    padding: 5px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

    .table-colum .table-colum-50w {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        text-align: center;
    }

    /*.table-content .table-colum-80w {
        display: table-cell;
        width: 80%;
        vertical-align: middle;
        text-align: center;
    }

    .table-content .table-colum-10w {
        display: table-cell;
        width: 10%;
        vertical-align: middle;
        text-align: left;
    }*/

.table-content-fit {
    display: table;
    table-layout: auto;
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .table-content-fit .table-cell-fit {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.st-table {
    display: table;
    width: 100%;
}

.st-table-vmcell {
    display: table-cell;
    vertical-align: middle;
}

.st-horizontal-outer {
    text-align: center;
}

.st-horizontal-inner {
    display: inline-block;
    text-align: center;
    height:80px;
}

.center-flex-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 1.5rem;
}

    .center-flex-div .second-item {
        margin-left: 5rem;
    }

    .center-flex-div .second-item-2 {
        margin-left: 10rem;
    }

.center-flex-div2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 1.5rem;
}

@media screen and (max-width: 820px) {
    .flex_content {
        display: block;
        padding: 5px 10px;
        width: 100%;
    }

        .flex_content .left, .flex_content .left-vmiddle {
            display: block;
            /*text-align: left;*/
            width: 100%;
        }

        .flex_content .right {
            display: block;
            /*text-align: left;*/
            width: 100%;
        }

    .table-content {
        display: block;
        width: 100%;
    }

        .table-content .table-cell-1, .table-content .table-cell-2, .table-content .table-cell-3 {
            display: block;
            width: 100%;
        }

        .table-content .table-two-colum-1, .table-content .table-two-colum-2 {
            display: block;
            width: 100%;
        }

    .center-flex-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        .center-flex-div .second-item {
            margin-left: 0;
            margin-top: 5rem;
        }

        .center-flex-div .second-item-2 {
            margin-left: 0;
            margin-top: 3rem;
        }

    .st-flex-center {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center; /* 文字居中 */
    }

        .st-flex-center .st-text {
            width: 90%;
            padding: 5px;
            margin: 15px;
            font-size: 1.2rem;
            text-align: left;
        }

        .st-flex-center .st-img {
            width: 90%;
            margin: 15px;
            text-align: center;
        }

}