/* Navbar container */

.navbar {

  overflow: hidden;

  background-color: ;

 font-family: 'Chakra Petch', sans-serif;

font-family: 'Pridi', serif;

font-family: 'Kanit', sans-serif;

	font-size: 16px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

	text-decoration: none;

}



/* Links inside the navbar */

.navbar a {

  float: left;

  font-size: 16px;

  color: white;

  text-align: center;

  padding: 0px 0px;

  text-decoration: none;

}



/* The dropdown container */

.dropdown {

  float: left;

  overflow: hidden;

}



/* Dropdown button */

.dropdown .dropbtn {

  font-size: 16px; 

  border: none;

  outline: none;

  color: white;

  padding: 0px 0px;

  background-color: inherit;

  font: inherit; /* Important for vertical align on mobile phones */

  margin: 0; /* Important for vertical align on mobile phones */

}



/* Add a red background color to navbar links on hover */

.navbar a:hover, .dropdown:hover .dropbtn {

  background-color: #CCFFCC;

}



/* Dropdown content (hidden by default) */

.dropdown-content {

font-family: 'Chakra Petch', sans-serif;

font-family: 'Pridi', serif;

font-family: 'Kanit', sans-serif;

  font-size: 12 px; 

  display: none;

  position: absolute;

   background: url(../images/icon/1.png);

  width:1300px;
  height:600px;



  left:100;



  z-index: 1;

}



/* Mega Menu header, if needed */

.dropdown-content .header {

  background: #CCFFCC;

  padding: 2px;

  color: white;

}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

  display: block;

}



/* Create three equal columns that floats next to each other */

.column {

 font-size: 14 px; 

  float: left;

  width: 20.33%;

  padding: 4px;
  height:100%;



}



/* Style links inside the columns */

.column a {

  float: none;

  color: black;

  padding: 4px;

  text-decoration: none;

  display: block;

  text-align: left;

}



/* Add a background color on hover */

.column a:hover {

  background-color: #FFFEDF;



}



/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}