@charset "utf-8";

/* CSS Document */

.people-93-1 {
    width: 100%;
    /* height:998px; */
    background: url(../images/people-93-1/bg.png) top center no-repeat;
    margin-top: 30px;
}

.people-s-block {
    width: 100%;
    height: auto;
}

.people-top {
    width: 100%;
    height: auto;
    font: 53px/57px 'Kanit', Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: left;
    margin-top: 44px;
}

.people-top2 {
    width: 100%;
    height: auto;
    font: 20px / 22px 'Kanit', Arial, sans-serif;
    /* font-weight: bold; */
    color: #fff;
    text-align: left;
    margin-top: 20px;
}

.people-n-block {
    width: 100%;
    height: 215px;
    margin-top: 85px;
}

.p-num {
    width: 100%;
    height: auto;
    font: 67px/60px 'Arial', sans-serif;
    /* font-weight: bold; */
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.p-text {
    width: 100%;
    height: auto;
    font: 24px/24px 'Kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.n-c1 {
    /* background:url(../images/people-93-1/s1.png) top center no-repeat; */
    background-size: contain;
}

.n-c2 {
    /* background:url(../images/people-93-1/s2.png) top center no-repeat; */
    background-size: contain;
}

.n-c3 {
    /* background:url(../images/people-93-1/s3.png) top center no-repeat; */
    background-size: contain;
}

.n-c4 {
    /* background:url(../images/people-93-1/s4.png) top center no-repeat; */
    background-size: contain;
}


/********************************************************/

.people-t-block {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.people-box {
    width: 100%;
    height: 462px;
    background: #386641;
    /* padding:10px; */
    position: relative;
    -webkit-box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.20);
    box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
}

.people-box2 {
    width: 100%;
    height: 462px;
    background: #6a994e;
    /* padding:10px; */
    position: relative;
    -webkit-box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.20);
    box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
}

.people-box3 {
    width: 100%;
    height: 462px;
    background: #f3cd48;
    /* padding:10px; */
    position: relative;
    -webkit-box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.20);
    box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
}

.people-box4 {
    width: 100%;
    height: 462px;
    background: #9c5503;
    /* padding:10px; */
    position: relative;
    -webkit-box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.20);
    box-shadow: 2px 5px 11px -1px rgb(0 0 0 / 20%);
}

.p-pic {
    width: 100%;
    height: auto;
    text-align: center;
}

.p-pic img {
    max-width: 100%;
    height: auto;
}

.t-box1 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 26px/24px 'Kanit', Arial, sans-serif;
    color: #ffcc17;
    position: absolute;
    /* padding-top: 14px; */
    top: 85px;
    /* left: 15%; */
}

.t-icon1 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 18px/24px 'Kanit', Arial, sans-serif;
    color: #000;
    /* position:absolute; */
    padding-top: 14px;
    /* margin-top: -20px; */
    /* left: 15%; */
}

.t-box2 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 26px/24px 'Kanit', Arial, sans-serif;
    color: #ffcc17;
    position: absolute;
    /* padding-top: 14px; */
    top: 85px;
    /* left: 15%; */
}

.t-icon2 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 18px/24px 'Kanit', Arial, sans-serif;
    color: #000;
    /* position:absolute; */
    padding-top: 14px;
    /* margin-top: -20px; */
    /* left: 15%; */
}

.t-box3 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 26px/24px 'Kanit', Arial, sans-serif;
    color: #242429;
    position: absolute;
    /* padding-top: 14px; */
    top: 85px;
    /* left: 15%; */
}

.t-icon3 {
    width: 335px;
    height: 54px;
    text-align: center;
    font: 18px/24px 'Kanit', Arial, sans-serif;
    color: #000;
    /* position:absolute; */
    padding-top: 14px;
    /* margin-top: -20px; */
    /* left: 15%; */
}

.t-box4 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 26px/24px 'Kanit', Arial, sans-serif;
    color: #ffcc17;
    position: absolute;
    /* padding-top: 14px; */
    top: 85px;
    /* left: 15%; */
}

.t-icon4 {
    width: 100%;
    height: 54px;
    text-align: center;
    font: 18px/24px 'Kanit', Arial, sans-serif;
    color: #000;
    /* position:absolute; */
    padding-top: 14px;
    /* margin-top: -20px; */
    /* left: 15%; */
}

.t-box {
    width: 280px;
    height: 54px;
    /* text-align:center; */
    font: 18px/24px 'Kanit', Arial, sans-serif;
    color: #000;
    /* position:absolute; */
    padding-top: 14px;
    /* margin-top: -20px; */
    /* left: 15%; */
}

.bg-t1 {
    width: 100%;
    min-height: 140px;
    position: absolute;
    top: 136px;
    background: url("../images/people-93-1/bg1.png") no-repeat;
    background-size: 100%;
}

.bg-t2 {
    width: 100%;
    min-height: 140px;
    position: absolute;
    top: 136px;
    background: url("../images/people-93-1/bg2.png") no-repeat;
    background-size: 100%;
}

.bg-t3 {
    width: 100%;
    min-height: 140px;
    position: absolute;
    top: 136px;
    background: url("../images/people-93-1/bg3.png") no-repeat;
    background-size: 100%;
}

.bg-t4 {
    width: 100%;
    min-height: 140px;
    position: absolute;
    top: 136px;
    background: url("../images/people-93-1/bg4.png") no-repeat;
    background-size: 100%;
}

.pt-text {
    width: 100%;
    height: auto;
    font: 20px/22px 'Tahoma', Arial, sans-serif;
    color: #fff;
    margin-top: 25px;
    padding-bottom: 10px;
}

.pt-text-sub {
    width: 100%;
    height: auto;
    font: 13px/16px 'Tahoma', Arial, sans-serif;
    color: #fff;
    /* margin-top:15px; */
    padding-bottom: 10px;
}

.pt-text a {
    color: #fff;
}

.pt-text2 {
    width: 100%;
    height: auto;
    font: 20px/22px 'Tahoma', Arial, sans-serif;
    color: #fff;
    /* margin-top:15px; */
    padding-bottom: 10px;
}

.pt-text-sub2 {
    width: 100%;
    height: auto;
    font: 16px/19px 'Tahoma', Arial, sans-serif;
    color: #fff;
    /* margin-top:15px; */
    padding-bottom: 10px;
}

.pt-text2 a {
    color: #24242d;
}

.pt-text3 {
    width: 100%;
    height: auto;
    font: 20px/22px 'Tahoma', Arial, sans-serif;
    color: #242429;
    /* margin-top:15px; */
    padding-bottom: 10px;
}

.pt-text-sub3 {
    width: 100%;
    height: auto;
    font: 16px/19px 'Tahoma', Arial, sans-serif;
    color: #fff;
    /* margin-top:15px; */
    padding-bottom: 10px;
}

.pt-text3 a {
    color: #242429;
}

.p-bottom {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 375px) and (max-width: 419px) {
    .people-93-1 .people-t-block .owl-stage {
        padding-left: 8px !important;
    }
    .t-box1 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 15px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
    .pt-text {
        width: 100%;
        height: auto;
        font: 15px / 22px 'Tahoma', Arial, sans-serif;
        color: #fff;
        margin-top: 30px;
        padding-bottom: 10px;
    }

    .pt-text {
        width: 100%;
        height: auto;
        font: 13px / 17px 'Tahoma', Arial, sans-serif;
        color: #fff;
        margin-top: 70px;
        padding-bottom: 10px;
    }
    .t-box2 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 15px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
    .t-box3 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 15px / 24px 'Kanit', Arial, sans-serif;
        color: #242429;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }.t-box4 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 15px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
}

@media (min-width: 413px) and (max-width: 414px) {
    .people-93-1 .people-t-block .owl-stage {
        padding-left: 8px !important;
    }
    .t-box1 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
    .pt-text {
        width: 100%;
        height: auto;
        font: 15px / 22px 'Tahoma', Arial, sans-serif;
        color: #fff;
        margin-top: 30px;
        padding-bottom: 10px;
    }

    .pt-text {
        width: 100%;
        height: auto;
        font: 15px / 22px 'Tahoma', Arial, sans-serif;
        color: #fff;
        margin-top: 30px;
        padding-bottom: 10px;
    }
    .t-box2 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
    .t-box3 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #242429;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }.t-box4 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .people-93-1 .people-t-block .owl-stage {
        padding-left: 8px !important;
    }
    .t-box1 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
    .pt-text {
        width: 100%;
        height: auto;
        font: 15px / 22px 'Tahoma', Arial, sans-serif;
        color: #fff;
        margin-top: 30px;
        padding-bottom: 10px;
    }

    .pt-text {
        width: 100%;
        height: auto;
        font: 15px / 22px 'Tahoma', Arial, sans-serif;
        color: #fff;
        margin-top: 30px;
        padding-bottom: 10px;
    }
    .t-box2 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
    .t-box3 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #242429;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }.t-box4 {
        width: 100%;
        height: 54px;
        text-align: center;
        font: 20px / 24px 'Kanit', Arial, sans-serif;
        color: #ffcc17;
        position: absolute;
        /* padding-top: 14px; */
        top: 68px;
        /* left: 15%; */
    }
}





@media (max-width: 575px) {

    .people-93-1 {
        height: auto;
        background: #1d1501 url(../images/people-93-1/bg.png) top center no-repeat;
        margin-top: 0;
        padding-bottom: 50px !important;
    }
    .people-top {
        margin-top: 40px;
        font: 46px/50px 'Kanit', Arial, sans-serif;
        /* font-weight: bold; */
    }
    .people-n-block {
        margin-top: 0;
        height: 160px;
    }
    .p-text {
        /* font: 24px/22px 'THK2DJuly8', Arial, sans-serif; */
    }
    .p-num {
        padding-top: 25px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .people-93-1 {
        height: auto;
        background: #9abaeb url(../images/people-93-1/bg.png) bottom center no-repeat;
        margin-top: 0;
        padding-bottom: 50px !important;
    }
    .people-top {
        margin-top: 40px;
    }
    .people-n-block {
        margin-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .people-93-1 .container-cv-2 {
        width: 100%;
    }
    .people-93-1 {
        height: auto;
        background: #f4f4f4 url(../images/people-93-1/bg.png) top center no-repeat;
        margin-top: 0;
        padding-bottom: 50px !important;
        background-size: 290%;
    }
    .people-top {
        margin-top: 40px;
    }
    .people-n-block {
        margin-top: -4px;
        height: 167px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .people-93-1 .container-cv-2 {
        width: 100%;
    }
    .people-top {
        /* font: 47px/47px 'THK2DJuly8', Arial, sans-serif; */
        font-weight: bold;
    }
    .p-num {
        padding-top: 38px;
    }
    .p-text {
        /* font: 24px/19px 'THK2DJuly8', Arial, sans-serif; */
        /* margin-top: 3px; */
        font-size: 18px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .people-93-1 .container-cv-2 {
        width: 100%;
    }
    .people-top {
        /* font: 47px/47px 'THK2DJuly8', Arial, sans-serif; */
        /* font-weight: bold; */
    }
    .people-box {
        /* width: 231px; */
        /* height: 310px; */
    }
    .t-box {
        width: 165px;
        font: 20px/24px 'Kanit', Arial, sans-serif;
    }
    .pt-text {
        margin-top: 35px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .people-93-1 .container-cv-2 {
        width: 100%;
    }
    .people-top {
        /* font: 47px/47px 'THK2DJuly8', Arial, sans-serif; */
        /* font-weight: bold; */
    }
    .people-box {
        /* width: 246px; */
        /* height: 310px; */
    }
    .t-box {
        width: 165px;
        font: 20px/24px 'Kanit', Arial, sans-serif;
    }
    .pt-text {
        margin-top: 35px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .people-93-1 .container-cv-2 {
        width: 100%;
    }
    .people-box {
        /* width: 279px; */
        /* height: 330px; */
    }
    .t-box {
        width: 200px;
        font: 24px/24px 'Kanit', Arial, sans-serif;
    }
}