@font-face {
  font-family: 'GHKTaunggyi';
  src: url('GHKTaunggyi.eot?#iefix') format('embedded-opentype'),  
  url('fonts/GHKTaunggyi.woff') format('woff'), 
  url('fonts/GHKTaunggyi.ttf')  format('truetype'), 
  url('fonts/GHKTaunggyi.svg#GHKTaunggyi') format('svg');
}

@font-face {
  font-family: 'GHKTachileik';
  src: url('GHKTachileik.eot?#iefix') format('embedded-opentype'),  
  url('fonts/GHKTachileik.woff') format('woff'), 
  url('fonts/GHKTachileik.ttf')  format('truetype'), 
  url('fonts/GHKTachileik.svg#GHKTachileik') format('svg');
}

@font-face {
  font-family: 'GHKKengtung';
  src: url('GHKKengtung.eot?#iefix') format('embedded-opentype'),  
  url('fonts/GHKKengtung.woff') format('woff'), 
  url('fonts/GHKKengtung.ttf')  format('truetype'), 
  url('fonts/GHKKengtung.svg#GHKKengtung') format('svg');
}

h1, h2, h3 {font-family: 'GHKKengtung' !important;}
h4, h5 {font-family: 'GHKTachileik' !important;}
p, li, ul, a, btn, table, text, input, button, card, card-header  {font-family: 'GHKTaunggyi';}

body {background-position: center bottom; background-size:50%; background-repeat: no-repeat; background-attachment: fixed;}	.header { background-color: #f1f1f1; padding: 30px; text-align: center; } #navbar { overflow: hidden; padding-left:30px; padding-top:10px; padding-right:30px; background-color: #f1f1f1; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;} #navbar a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;} #navbar a:hover { background-color: #ddd; color: black;} #navbar a.active { background-color: #04AA6D; color: white;}.content { padding: 16px;} <!--.target { display: none;} -->
.sticky { position: fixed; top: 0; width: 100%;} background-image: url("paper.gif");.sticky + .content { padding-top: 60px;} 

.autocomplete {
  position: relative;
  display: inline-block;

}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}