/* ccs by mac systop+ */
/* color tone by "ไทยโทน" */

@import url('https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700&display=swap&subset=latin-ext');

body{
	line-height: 1.5;
	background: url(../images/kku-white-tran2.png),linear-gradient(to left,#a83b24,#a83b24);
}

/*
    [class^=col] {
      display: flex;
      flex-direction: column;
    }

    [class^=col] div {
      flex-grow: 1
    }*/

p{
	font-family: 'Inter', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Inter', sans-serif;
}
.htext-sub{
	font-family: 'Inter', sans-serif;
	font-weight: 600;
}
.white-bg{
	background-color: #ffffff;
}
.bg-pading {
	padding-top: 3.5rem;
    padding-bottom: 2.5rem;
}
h2.head-text{
	font-weight: 600;
	border-left: 6px solid #a83b24;
	padding-left: 7px;
}
.box-content-01{
	padding: 30px 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	
}
.footer-01{
	font-family: 'Inter', serif;
	font-size: 12px;
	font-weight: 600;
	color: #9f672a;
	padding: 10px 0;
	background-color: #ffebd5;

}
hr.dotline {
	border-top: 1px dotted #ffa51e;
}

/* link Content 01 base color White */
a.link-conten01:link {
  text-decoration: none;
  color: #ffffff;
}

a.link-conten01:visited {
  text-decoration: none;
  color: #ffffff;
}

a.link-conten01:hover {
  text-decoration: none;
  color: #ffffff;
}

a.link-conten01:active {
  text-decoration: none;
  color: #ffffff;
}
.head_submenu{
	padding: 10px;
    color: #FFFFFF;
    background-color:#0d8b73;
    font-weight: 600;
    font-size: 20px;
}
.head_submenu-Asean{
  padding: 10px;
    color: #FFFFFF;
    background-color:#0039a0;
    font-weight: 600;
    font-size: 20px;
}
.head_submenu-KKU{
    padding: 10px;
    color: #FFFFFF;
    background-color:#af7943;
    font-weight: 600;
    font-size: 20px;
}
.submenu_a{
    padding: 10px;
    color: #FFFFFF;
    background-color:#a83b24;
    font-weight: 600;
}
.submenu_b{
    padding: 10px;
    color: #FFFFFF;
    background-color:#d44a2d;
    font-weight: 600;
}
.submenu_a:hover{
	background-color:#f68b33;
	text-decoration:none;
}
.submenu_b:hover{
	background-color:#f79e55;
	text-decoration:none;
}
.img-border-a {
    /* padding: .25rem; */
    background-color: #fff;
    border: 5px solid #e66e54;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}
.pd-10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.text-name{
  font-weight: 600;
  font-size: 16px;
  color:##333333;
}
.text-name-xs{
  font-size: 13px;
}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:500;}
.fw700{font-weight:700;}