.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #eeeeee;
    color: #757575;
    text-align: center;
    font-size: "1px";
}

/* CSS สำหรับรูปแบนเนอร์ */
.banner {
    width: 100%;
    /* ให้ความกว้างเต็มหน้าจอ */
    height: auto;
    /* ให้ปรับขนาดอัตโนมัติตามอัตราส่วนของภาพ */
    max-height: 400px;
    /* กำหนดความสูงสูงสุดเพื่อควบคุมไม่ให้ใหญ่เกินไป */
    object-fit: cover;
    /* ปรับขนาดรูปให้ครอบคลุมพื้นที่อย่างเหมาะสม */
}

/* สำหรับหน้าจอที่เล็กกว่า 768px (มือถือ) */
@media (max-width: 768px) {
    .banner {
        max-height: 250px;
        /* ปรับความสูงสำหรับหน้าจอเล็ก */
    }
}

/* ตั้งค่าให้ทุกองค์ประกอบในหน้าใช้ฟอนต์ Kanit */
body {
    font-family: 'Kanit', sans-serif;
}

/* คุณสามารถกำหนดน้ำหนักและรูปแบบของฟอนต์สำหรับองค์ประกอบต่าง ๆ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    /* น้ำหนักตัวอักษร */
}

p,
a,
li {
    font-weight: 400;
    /* น้ำหนักตัวอักษรปกติ */
}