@charset "utf-8";
/* CSS Document */


/* The navigation bar */
.navbar {
  z-index: 130;
  overflow: hidden;
  background-color: #336699;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  z-index: 131;
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {
  z-index: 132;
  background: #ddd;
  color: black;
}

/* Main content */
.main {
  margin-top: 30px; /* Add a top margin to avoid content overlay */
} 

div.static {
   position: static;
   border: 3px solid rgb(8, 8, 8);
}

html, body { 
   height: 100%; /* ให้ html และ body สูงเต็มจอภาพไว้ก่อน */
   margin: 0;
   padding: 0;
}
.wrapper {
   display: block;
   min-height: 100%; /* real browsers */
   height: auto; /* real browsers */
   height: 100%; /* IE6 bug */
   margin-bottom: -90px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
}
.footer {
   z-index: 133;
   width: 100%;
   height: 90px; /* ความสูงของ footer */
   display: block;
   text-align: center;
   position:fixed;
}