/* --- Global Link Styling (บังคับสีและไม่มีเส้นใต้ในทุกสถานะ) --- */
/* เรากำหนด !important ให้กับสีและ text-decoration ในทุกสถานะ เพื่อแก้ปัญหาลิงก์ */
a:link, a:visited {
    color: #0000FF !important;         /* สีน้ำเงิน */
    text-decoration: none !important;
}

a:hover {
    color: #FF6633 !important;         /* สีส้มอมแดง */
    text-decoration: none !important; 
}

a:active {
    color: #6600CC !important;         /* สีม่วง */
    text-decoration: none !important;
}

/* --- Media Query Fixes (ใช้สำหรับมือถือ) --- */
@media screen and (max-width: 768px) {
    
    /* A. Universal Reset: พยายามรีเซ็ตความกว้าง/ความสูงของทุกองค์ประกอบที่มีการกำหนดค่าคงที่ */
    * {
        width: auto !important;
        height: auto !important;
        /* บังคับให้เบราว์เซอร์ลืมค่า width/height ที่กำหนดใน HTML attributes */
    }

    /* B. Fix Main Table Structure: บังคับตารางหลักย่อเหลือ 100% */
    body > table[width="1100"] {
        width: 100% !important; 
        table-layout: fixed !important; 
    }

    /* C. Stack Columns: บังคับ td (คอลัมน์ 750px และ 350px) ขยายเต็ม 100% */
    body > table[width="1100"] td[width="750"], 
    body > table[width="1100"] td[width="350"] {
        width: 100% !important; 
        display: block !important; 
        float: none !important;
        box-sizing: border-box !important;
    }
    
    /* D. Grid Fix (4-up to 2-up): บังคับให้แต่ละช่องภาพย่อเหลือ 50% */
    table[width="740"] td { 
        width: 50% !important; 
        display: inline-block !important; /* จัดเรียงด้านข้าง */
        float: none !important;
        box-sizing: border-box !important;
    }
    
    /* E. Image Fix: บังคับให้ภาพทั้งหมดที่มี width="160" ขยายเต็มพื้นที่ td */
    img[width="160"] {
        width: 100% !important; 
        max-width: 100% !important; 
        height: auto !important; 
    }
}