@charset "utf-8";

/* CSS Document */

.tab-content-all-25-1 {
    margin: 0;
}

.tab-content-25-1 {
    height: 45px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #dd40aa;
}

.tab-content-25-1 .tab {
    font: 23px/20px 'thaisanslite', Arial, sans-serif;
    padding: 3px 10px;
    padding-bottom: 5px;
}

.tab-content-25-1 .tab ul {
    padding: 0;
    margin: 0;
    color: #923032;
}

.tab-content-25-1 .tab ul li {}

.tab-content-25-1 .tab .normal {
    padding: 11px 25px !important;
    display: inline-block;
    text-align: center;
    margin-top: 0px;
}

.tab-content-25-1 .tab .active {
    padding: 8px 50px !important;
    /* background: #1a51b5; */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#089df5+0,11e3d4+100 */
    background: #089df5;
    /* Old browsers */
    background: -moz-linear-gradient(left, #089df5 0%, #11e3d4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #089df5 0%, #11e3d4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #089df5 0%, #11e3d4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#089df5', endColorstr='#11e3d4', GradientType=1);
    /* IE6-9 */
    white-space: nowrap;
    text-align: center;
    /* -webkit-border-top-left-radius: 10px; */
    /* -webkit-border-bottom-right-radius: 10px; */
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    /* border-top-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    margin: 0 5px;
    margin-top: 0px;
    color: #fff;
    font-weight: bold;
}

.tab-content-25-1 .tab a {
    color: #fff;
}

.tab-content-25-1 .tab .normal a {
    color: #ffffff;
}

.tab-content-25-1 .tab .normal a:hover {
    /* color: #099ad6; */
}

.tab-detail-25-1 {
    padding: 10px 0px;
}

@media (max-width: 996px) {
    .tab-content-all-25-1 {
        margin-top: 0px;
    }
    .tab-detail-25-1 {
        margin: 0 -15px;
        /* margin-top: 70px; */
    }
    .tab-content-25-1 {
        /* height: 0; */
    }
    .tab-content-25-1 .tab {
        overflow-x: scroll;
        margin: 0 -5px 0 0;
        padding: 3px;
        background: none;
        height: 60px;
        white-space: nowrap;
    }
    .tab-content-25-1 .tab .active {
        padding: 8px 20px !important;
        /* background: #11b9ff; */
        white-space: nowrap;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: 0 6px;
    }
    .tab-content-25-1 .tab .normal {
        padding: 8px 20px !important;
        /* background: #d6f6ff; */
        white-space: nowrap;
        margin: 0 6px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .tab-content-25-1 .tab .d-flex {
        display: -ms-flexbox!important;
        display: flex!important;
    }
}