body {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700
}

.hbold {
    font-weight: bold
}

.hboldextra {
    font-weight: bold
}

tr,
td,
th {
    vertical-align: top !important
}

.sub-current {
    background: rgba(0, 0, 0, .05)
}

.sub-border {
    border-bottom: 1px solid #ccc;
    width: 100%
}

#topNav ul.dropdown-menu {
    min-width: 250px !important
}

.color-main {
    color: #04948B
}

.color-maindark {
    color: #3B5B49
}

.bgcolor-main {
    background-color: #04948B;
    color: white
}

.bgcolor-maindark {
    background-color: #3B5B49;
    color: white
}

#footer {
    background: #04948B
}

#footer a {
    color: rgba(0, 0, 0, 1);
    text-decoration: none
}

.poppins {
    font-family: 'Poppins', sans-serif;
    font-weight: 400
}

.poppins-light {
    font-family: 'Poppins', sans-serif;
    font-weight: 300
}

.poppins-medium {
    font-family: 'Poppins', sans-serif;
    font-weight: 500
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400
}

.kanit {
    font-family: 'Kanit', sans-serif;
    font-weight: 400
}

.sarabun {
    font-family: 'Sarabun', sans-serif;
    font-weight: 400
}

.btn-color-main {
    background-color: #04948B;
    color: white !important
}

.btn-color-main>i {
    color: white !important
}

#topMain.nav-pills>li.mms-menu-color:link>a>span,
#topMain.nav-pills>li.mms-menu-color:visited>a>span,
#topMain.nav-pills>li.mms-menu-color:active>a>span,
#topMain.nav-pills>li.mms-menu-color:focus>a>span {
    color: #000 !important;
    font-size: 13px
}

.parallax-bg {
    background-image: url('/images/mms_page_bg.webp')
}

.google-maps,
.videowrapper {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden
}

.google-maps iframe,
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

body,
div,
span,
p {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 700
}

.slider-desktop {
    min-height: 550px;
    height: auto
}

.slider-mobile {
    max-height: 450px;
    height: auto;
    overflow: hidden
}

.tspbox {
    width: 100%;
    height: 400px
}

.tspbox.tspbg {
    background: url(/images/aerialview_tsp.webp) 0 0 no-repeat;
    background-size: 100%
}

.tspbox.ghbg {
    background: url(/images/aerialview_gh.webp) 0 0 no-repeat;
    background-size: 100%
}

.tspbox div.position {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 60px 40px
}

.tspbox div.position h3 {
    color: white;
    font-size: 30px;
    margin: 0;
    padding: 0;
    font-weight: bold
}

.tspbox div.position p {
    color: white;
    font-size: 20px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:468px) {
    .tspbox {
        width: 100%;
        height: 220px
    }

    .tspbox.tspbg {
        background: url(/images/aerialview_tsp.webp) 0 0 no-repeat;
        background-size: 100%
    }

    .tspbox.ghbg {
        background: url(/images/aerialview_gh.webp) 0 0 no-repeat;
        background-size: 100%
    }

    .tspbox div.position {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0 0 20px 40px
    }

    .tspbox div.position h3 {
        color: white;
        font-size: 20px;
        margin: 0;
        padding: 0;
        font-weight: bold
    }

    .tspbox div.position p {
        color: white;
        font-size: 14px;
        margin: 0;
        padding: 0
    }
}

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

.ir-block {
    margin-bottom: 30px;
}

.ir-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.ir-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.ir-more {
    font-size: 14px;
    color: #777;
}

.ir-row {
    display: flex;
    gap: 15px;
}

.ir-img {
    width: 110px;
}

.ir-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ir-list li {
    margin-bottom: 8px;
}

.ir-btn {
    display: inline-block;
    background: #f5f5f5;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    margin-left: 10px;
}

.ir-news li {
    margin-bottom: 7px;
}

.ir-noimage {
    margin-left: 0;
}