/*header all*/
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap');
body {
    font-family: "Sarabun", sans-serif !important;
}
.info-header{
	padding-bottom: 10px;
	/* border-bottom:2px dashed #f5f5f5; */
	/*margin: 0px 0 20px 0;   */ 
	margin: 0px 0 5px 0;

}
.info-card {

	margin-top: 25px;
}
p.info-page{

	font-size: 14px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

h2.title-info {

	color: #000;
	margin: 18px 0px 15px 0px;
    font-size: 34px;

}

.mFont {
    margin-top: 10px;
    float: right;
}

button.btn.btn-default-up {

	color: #9B9B9B;
    background-color: #fff;
    border-color: #ccc;
    padding: 4px 17px;
}

button.btn.btn-default-up:hover {

  background-color: #f5f5f5
}


button.btn.btn-default-down {

	color: #9B9B9B;
    background-color: #fff;
    border-color: #ccc;
    padding: 4px 17px;

}

button.btn.btn-default-down:hover {

  background-color: #f5f5f5
}
/*--------------------*/


/*pagr histoy*/
button.list-group-item.active, button.list-group-item:hover {
    color: white;
    background-color: #20498E !important;
    border-color: #20498E !important;
}

a.list-group-item:focus, a.list-group-item:hover,
button.list-group-item:focus, button.list-group-item:hover {

  color: white;
  background-color: #20498E !important;
  border-color: #20498E !important;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

button.list-group-item.tab_main_list.active {

	margin-bottom: 2px;
}

.list-group-item:last-child {

	margin-bottom: 2px
}

button.list-group-item {
    width: 100%;
    text-align: left;
    margin-bottom: 2px;
    border-radius: 2px;
}
button.list-group-item {
    width: 100%;
    text-align: left;
}

.tab-list-group {
    font-family: "Sarabun", sans-serif;
    font-size: 20px;
}

h2.titlepage-info{
    font-size:24px;
    margin: 10px 0px 15px 0px;
    color: #2e383c;
    font-weight: 400;

}
.container .title_main {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;

}
p.history-text {

    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;

}

/*page-vision*/

h3.subepage-info {
    font-size: 20px;
    margin: 0px;

}
h3.subepage-info2 {
	margin: 5px 0px 5px 0px;
    font-size: 20px;
}

li.vision-text {

    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;
}

/*page safety*/

li.text-safe {

    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 24px;
}

h3.subepage-safe {
    font-size: 20px;
    margin: 10px 0px 5px 0px;
    /* color: #20498E;*/

}

/*page respon*/

.detail-info {

    margin-top: 30px;
}

.info-headerr {

    margin-top: 15px;

}

p.text-infores{


    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;

}

.btn-page.clicked{
    color: #FFF;
    background-color: #189008;
    border-color: #189008;
}
.btn-page:hover{
    color: #FFF;
    background-color: #189008;
    border-color: #189008;
}
/*certification*/

a.link-infor-certification {
    color: #999;
    font-weight: 300;
    letter-spacing: 0.4px;

}

a.link-infor-certification:hover {

    color: #189008;

}
a:hover {

	color: #189008;
}

li.li-certification {

    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;
}

p.certifination-text {


    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;

}

h4.title-position{
    font-size: 20px; 
    margin : 20px 0px 10px;
}
h4.sub-title-position{
    color: #737373; 
    margin : 10px 0px 20px;
    line-height: 24px;
}

.position{
    border-top: 2px dashed #ddd;
    margin-top: 20px;
    padding-top: 10px;
}

@media (min-width: 320px) and (max-width:  465px){ 

	.box-detail-his {


		padding: 0px;
	}

    .mFont {

        margin: 15px 0px;
        text-align: center;
        float: initial;
    }

    h2.titlepage-info {

        margin: 10px 0px 10px 0px;
    }
}