/* ทำให้เนื้อหาหลักมีพื้นที่เพียงพอ */
.content {
    min-height: 100vh; /* ทำให้หน้ามีความสูงอย่างน้อยเท่ากับหน้าจอ เพื่อให้เลื่อนได้ */
   /* padding: 1px;*/
    
}

/* สไตล์สำหรับเมนู */
.footer-menu {
    /* กำหนดให้เมนูติดอยู่ด้านล่าง */
    position: fixed; 
	font-family: 'TH Sarabun New';
	    bottom: 0;
    left: 0;
    width: 100%;
    
    /* สไตล์เมนู */
    background-color:#0C0;
    display: flex; /* ใช้ flexbox เพื่อจัดเรียงลิงค์ */
    justify-content: center; /* จัดให้อยู่กึ่งกลางแนวนอน */
    /*padding: 10px 0;   ทำเมนูให้สูงขึ้น */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้ดูสวยงาม */
    z-index: 1000; /* กำหนดลำดับการแสดงผลให้อยู่ด้านบนสุด */
}

/* สไตล์สำหรับลิงค์ในเมนู */
.footer-menu a {
    color: white;
    text-decoration: none;
    /*padding: 0 15px; เคาะสแปกบา */
    font-size: 20px;
    transition: background-color 0.3s ease; /* เพิ่ม transition ให้ดูนุ่มนวลเมื่อ hover */
}

/* สไตล์เมื่อนำเมาส์ไปวางบนลิงค์ */
.footer-menu a:hover {
  background-color:#6C6;
  /*padding: 10px 0;   ทำเมนูให้สูงขึ้น */
}