/* padded section */

.pad-section { padding: 50px 0; }

.pad-section img { width: 100%; }

/* vertical-centered text */

.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.text-vcenter h4 {
  font-size: 2.5em;
  font-weight: 700;
   position: absolute;
    right: 5;
	top:200;
	text-shadow: 0px 1px 1px #ffffff;
}

/* additional sections */

#box1 {
  background: darkblue;
  /*background-image:url(../images/bg-default.png);*/
  color: white;
  display: table;

  width: 100%;
}

#box2 {
  background-color: #EA8200;
  color: white;
  height: 100%;
}

#box3 {
  background-color: #182C3C;
  color: white;
  height: 100%;
}

footer { padding: 20px 0; }

footer .glyphicon {
  color: #333333;
  font-size: 60px;
}

footer .glyphicon:hover { color: #EE2E24; }

.goToTop {
  position: fixed;
  top: 0;
  height: 55px;
  z-index: 1;
}

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 */
  }