/* Grid System - 替代 tilda-grid-3.0.min.css */

* {
    box-sizing: border-box;
}

.t-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.t-container:after {
    content: "";
    display: table;
    clear: both;
}

.t-container_flex {
    display: flex;
    flex-wrap: wrap;
}

.t-col {
    position: relative;
    width: 100%;
    padding: 0 10px;
    float: left;
}

.t-col_1 { width: 8.33333%; }
.t-col_2 { width: 16.66667%; }
.t-col_3 { width: 25%; }
.t-col_4 { width: 33.33333%; }
.t-col_5 { width: 41.66667%; }
.t-col_6 { width: 50%; }
.t-col_7 { width: 58.33333%; }
.t-col_8 { width: 66.66667%; }
.t-col_9 { width: 75%; }
.t-col_10 { width: 83.33333%; }
.t-col_11 { width: 91.66667%; }
.t-col_12 { width: 100%; }

.t-prefix_1 { margin-left: 8.33333%; }
.t-prefix_2 { margin-left: 16.66667%; }
.t-prefix_3 { margin-left: 25%; }
.t-prefix_4 { margin-left: 33.33333%; }
.t-prefix_5 { margin-left: 41.66667%; }
.t-prefix_6 { margin-left: 50%; }
.t-prefix_7 { margin-left: 58.33333%; }
.t-prefix_8 { margin-left: 66.66667%; }
.t-prefix_9 { margin-left: 75%; }
.t-prefix_10 { margin-left: 83.33333%; }
.t-prefix_11 { margin-left: 91.66667%; }

@media screen and (max-width: 960px) {
    .t-col_1, .t-col_2, .t-col_3, .t-col_4, .t-col_5, .t-col_6,
    .t-col_7, .t-col_8, .t-col_9, .t-col_10, .t-col_11, .t-col_12 {
        width: 100% !important;
        float: none;
    }
    
    .t-prefix_1, .t-prefix_2, .t-prefix_3, .t-prefix_4, .t-prefix_5, .t-prefix_6,
    .t-prefix_7, .t-prefix_8, .t-prefix_9, .t-prefix_10, .t-prefix_11 {
        margin-left: 0 !important;
    }
}

.t-cell {
    display: table-cell;
    vertical-align: top;
}

.t-valign_top {
    vertical-align: top;
}

.t-valign_middle {
    vertical-align: middle;
}

.t-align_left {
    text-align: left;
}

.t-align_center {
    text-align: center;
}

.t-align_right {
    text-align: right;
}

.t-margin_auto {
    margin-left: auto;
    margin-right: auto;
}