body {
    font-family: 'Kanit', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Kanit', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.mini-menu{
    font-size: 1.5rem  
}

.mini-menu a{
    color: #333;
    text-decoration: none;
    background-color: transparent;
}

.mini-menu a:hover,
.mini-menu a.active{
    color: red;
}

.block-title{
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 2px solid red;
    font-size: 1.557142857rem;
}
.block-content img{
    /* width: 100% !important; */
    max-width: 100% !important;
}

.block-content p{
    font-size: 1.3rem;
    word-break: break-word;
    line-height: 1.8;
}

.block-list-contents{
    height: 150px; 
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.list-contents-image {
    border-top-left-radius: 40px;
    background-color: #ccc;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100%; */
    width: 100%;
}

.list-contents-title{
    padding: 10px;
    font-size: 1.2rem;
}

.list-contents-title .content-title{
    height: 95px;
    overflow: hidden;
}

@media (max-width: 575.98px) { 
    .block-content p{
        font-size: 1.4rem;
    }
    .list-contents-image {
        height: 240px;
    }
    .block-list-contents{
        height: 380px;  
    }

}