/* ตั้งค่าให้เมนูที่มีเมนูย่อยชั้นที่ 2 อ้างอิงตำแหน่งที่ถูกต้อง */
.dropdown-submenu {
    display: inline-block;
    position: relative;
}

/* ตั้งค่า Submenu ชั้นที่ 2 ให้ซ่อนไว้ก่อน และกำหนดตำแหน่งให้ออกไปทางขวา */
.submenu-level-2 {
  display: none;
  position: absolute;
  top: 0;           /* ให้อยู่ระดับเดียวกับเมนูแม่ */
  
  left: 100%;       /* เด้งออกไปทางซ้ายเมื่อสุดขอบจอ */
  background-color: #f9f9f9;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1001;    /* ให้ซ้อนทับอยู่บนสุด */
}

/* แสดง Submenu ชั้นที่ 2 เมื่อเอาเมาส์ชี้ที่ ประวัติความเป็นมา */
.dropdown-submenu:hover .submenu-level-2 {
  display: block;
}

/* สไตล์สำหรับลิงก์ใน Submenu ชั้นที่ 2 */
.submenu-level-2 li a {
  color: #333;
  padding: 12px 16px;
  border-bottom: 1px solid #ddd;
}

.submenu-level-2 li a:hover {
  background-color: #e9e9e9;
}