.content_preview{
    text-align: justify;
    text-indent:3em;
}


.info_button
,.info_button:hover
{
    text-decoration: none;
    color: initial;
}

.info_button div{
    
    width                : 100%;
    height               : 2em;
    line-height          : 2em;
   
    background-color     : #99CCFF;
    /* border-radius        : 50%; */
    /* -webkit-border-radius: 50%;
    -moz-border-radius   : 50%; */
    -webkit-box-shadow   : 0px 5px 5px 0px #adb5bd;
    box-shadow           : 0px 5px 5px 0px #adb5bd;
}


div.contact{
    font-size:1.1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

div.contact .fa-line{
    color:green;
    font-size:1.6em;   
}
/* div.contact .fa-phone-square{
    color:#0066ff;
    font-size:1.6em;   
} */

.p_li{
    text-align: left !important;
}

.bg-light>div>p{
    font-size: 18px;
    /* color: rgb(21, 49, 77); */
}
.text-met{
    color:rgb(167, 0, 0);
}

#topic_mit{
    color:rgb(167, 0, 0);
}
.border-met{
    border: 1px solid rgb(167, 0, 0);
}

.text-bold{
    font-weight: 500;
}

.table-ba{
    background-color : #1c4ed6 !important;
}
.table-ba-light>td{
    background-color : #f5c6cb !important;
}
#img_op{
    text-align: center;
    padding-top: 1.5em;
}
#img_siminar{
    text-align: center;
    padding-top: 1em;
}
.table-eng-light>td{
    background-color : #FFEBEE !important;
}
#detail a{
    font-size: 18px;
    font-weight: 600;
    color: rgb(167, 0, 0);
}

#detail a:hover{
    font-size: 18px;
    text-decoration: none;
    color: #c82333;  /*#dc3545 สีแดง*/
}
#fee_detail a{
    color: #212529;
}
#fee_detail a:hover{
    color: #212529;
    text-decoration: none;
    font-weight: 600;
}

.btn.btn-lg.btn-outline-eng{
    /* background-color: #0f3b9e; */
    border-color: rgb(167, 0, 0);
    color: rgb(167, 0, 0);

}
.btn.btn-lg.btn-outline-eng:hover{
    background-color: #c82333;
    color: #FFF;
}
.btn.btn-lg.btn-outline-eng:active{
    border-color: #c82333;
    background-color: #c82333;
    color: #FFF;
}
.list-inline-item.mr-3 a:hover{
    text-decoration: none;
}



@media(max-width: 565px) {
    .text-header {
        font-size: 1.2em !important;
    }

   
}