/*@import url('https://fonts.googleapis.com/css?family=Athiti');*/
/*@import url('https://fonts.googleapis.com/css?family=Sarabun');
/*@import url('https://fonts.googleapis.com/css?family=Itim');
@import url('https://fonts.googleapis.com/css?family=Kanit');*/
@import url('https://fonts.googleapis.com/css2?family=Krub:wght@300&display=swap');
body{
   font-family: 'Krub',serif;
   font-size:18px;
   background-color:#f9f7f7 !important;
   height: 100%; /* ให้ html และ body สูงเต็มจอภาพไว้ก่อน */
   margin: 0;
   padding: 0;
}
.wrapper {
   display: block;
   min-height: 100%; /* real browsers */
   height: auto !important; /* real browsers */
   height: 100%; /* IE6 bug */
   margin-bottom: -90px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
}
.tbheader{
	
	/*border-color :2px solid #4B4851;*/
	
}
.header1{
	background-color: #01BDB5;
	border-bottom: 2.5px solid #FCB343;
	font-size:28px;
	height:90;
	font-weight: bold;
	/*color : #decdc3;*/
	
}
.header2{
	background-color: #4B4851;
	border-bottom: 2.5px solid #4B4851;

	
}



.foot{
	background-color: #3D3A42;
	border-top: 3px solid #FCB343;
	font-size:12px;
	height: 40px; /* ความสูงของ footer */
   display: block;
   text-align: center;
   margin-top:47;
   color : #decdc3;
	
}
.foot_msg{

   margin-top:-10;
	
}
td.idc_1  {

	background-color : #4B4851;
	color : #4B4851;
	font-size:16px;
	padding : 5px 5px 5px 5px;
	color : #decdc3;
}
.logo{
	 padding: 3px 3px;
	margin: 3px 0;
	width:70%;
	
}

.button {
  background-color: #ED8B2C;
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'Krub',serif;
   font-size:14px;
    margin: 4px 2px;
  cursor: pointer;
}


input[type=text] {
  width: 70%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  font-size:20px;
  border: none;
  border-bottom: 2px solid #6983aa;
}
input[type=password] {
  width: 70%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  font-size:20px;
  border: none;
  border-bottom: 2px solid #6983aa;
}
select{
  
  padding: 5px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  font-size:14px;
  border: none;
  border-bottom: 2px solid #6983aa;
}


.result{
	font-size:16px;
	width:80%;
	background-color :#D8DAE2;
	padding : 0px 0px 0px 0px;
}
.result_header{
	
	font-size:18px;
	width:100%;
	background-color :#4B4851;
	padding : 0px  0px 0px 0px;
	color:#decdc3;
	
}
.result_area{
	background-color : #116979;
	color : #fdfdf6;
	padding : 5px 5px 5px 5px;
	
}
.result_area_header{
	
	font-size:14px;
	background-color : #116979;
	padding : 5px 5px 5px 5px;
	
}

.tpink{
	font-size:14px;
	background-color : #D17403;
	width:95%;
	padding : 0px 0px 0px 0px;
}
.pink{
	font-size:14px;
	background-color :#FCB343;
	padding : 10px 10px 10px 10px;
}