#slide-img img {
    border: 4px solid #E9E9E9;
    cursor: pointer;
}

#nav { margin-bottom:15px; }
#nav a { border: 1px solid #ccc; background: #ffffff; text-decoration: none; margin: 0 5px; padding: 3px 5px; color:#BEBEBE; }
#nav a.activeSlide { background: #03B7ED; color:#ffffff }
#nav a:focus { outline: none; }

.floating-img {
  position: fixed; /* ตรึงรูปภาพให้อยู่ตำแหน่งที่กำหนด */
  bottom: 20px; /* ระยะห่างจากขอบล่างของจอ */
  right: 20px; /* ระยะห่างจากขอบขวาของจอ */
  z-index: 9999; /* ทำให้รูปภาพอยู่ชั้นบนสุด ไม่ให้ทับเนื้อหาอื่น */
  width: 80px; /* ปรับขนาดความกว้างของรูปตามต้องการ */
  height: auto; /* ปรับความสูงอัตโนมัติ */
  transition: transform 0.3s ease; /* เพิ่มเอฟเฟกต์เคลื่อนไหวเมื่อเอาเมาส์ไปวาง */
}

/* เอฟเฟกต์เมื่อเอาเมาส์ชี้ที่รูป */
.floating-img:hover {
  transform: scale(1.50); /* ขยายรูปขึ้นเล็กน้อย */
}