/*ไว้ทุกข์
img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
    End   ไว้ทุกข์*/

/* additional sections */

#box1 {
  /*background: darkblue;
  /*background-image:url(../images/bg-img.jpg);*/
  color: white;
  display: table;
  width: 100%;
}

nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #222; /*สีพื้นหลังของเมนู Header*/
  }
  
  nav li { background: #fff; }
  nav .dropdown-menu {
	background: #fff;
	max-height: 500px; /* กำหนดความสูงสูงสุดของเมนูย่อย */
	overflow-y: auto; /* แสดง scrollbar หากเนื้อหาเกิน */
	overflow-x: hidden; /* ซ่อน scrollbar แนวนอน (ถ้ามี) */
	margin: 0;
	padding: 5px 0;
	border: 1px solid #ddd; /* เส้นขอบ */
  }
  
  .dropdown-menu > li > a {
	padding: 5px 5px;
	color: #333;
  }
  
  .dropdown-menu > li > a:hover {
	background: #f0f0f0;
  }
  
	  /* ปรับแก้ปัญหาที่เมนูหาย */
	  .navbar, .dropdown-menu {
		z-index: 1050;
		
	  }
	  .modal {
		z-index: 1100 !important; /* มากกว่า navbar */
	}
	
	.modal-backdrop {
		z-index: 1080 !important; /* ฉากหลังของ modal ต้องน้อยกว่าตัว modal */
	}