.headerbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;

}

#page-header .navbar {
  position: fixed;
  top: 5.65em; /* ความสูงของ headerbar */
  left: 0;
  right: 0;
  z-index: 8;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  border-top: 1px solid #2D2C26;
}

#page-header .hide-navbar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body {
  padding-top: 7.7em; /* headerbar + navbar */
}

.headerbar.minimized .scroll-hide {
  display: none !important;
}

.headerbar.minimized .scroll-login {
  justify-content: flex-end;
}

.hide-on-scroll {
  transition: opacity 0.5s ease;
}

#search-box {
  transition: opacity 0.3s ease;
}

#search-box.hide {
  display: none;
}
@media screen and (max-width: 1200px) and (min-width: 600px) {
    .announce_main{padding: 0.35% 3% 0.8% !important;}
      #page-header .navbar {
    top: 5.65em;
  }
    
}
/*.headerbar, .headerbar.no-login{border-bottom: 1px solid #2D2C26;}*/