.itopplus-background {
background-image:none; 
background-color:none; 

}
/* --- 1. Global & Font Styles --- */

/* แก้ไข: เปลี่ยนจาก * เป็นการระบุเจาะจงกลุ่ม Text 
   เพื่อให้ "ไอคอน" (Icon Font) ไม่ถูกฟอนต์ Kanit ทับจนแสดงผลไม่ได้
*/
body, button, input, select, textarea, .text-content {
    font-family: "Kanit", sans-serif;
}

/* ระยะห่างของย่อหน้าทั่วไป */
p {
    margin: 0 0 10px;
}

/* ตั้งค่าพื้นฐานลิงก์ในเมนู (Mobile First) */
.navbar-default .navbar-nav > li > a {
    background: transparent;
    color: #555;
    font-size: 16px;
}

/* --- 2. Desktop Styles (หน้าจอ 1024px ขึ้นไป) --- */
@media only screen and (min-width: 1024px) {

    /* ขนาดหัวข้อ h1-h6 */
    h1, .h1 { font-size: 2.250em; }
    h2, .h2 { font-size: 1.875em; }
    h3, .h3 { font-size: 1.500em; }
    h4, .h4 { font-size: 1.125em; }
    h5, .h5 { font-size: 0.875em; }
    h6, .h6 { font-size: 0.750em; }

    /* จัดกลุ่มเมนูให้อยู่กึ่งกลางหน้าจอ */
    #main-navbar-collapse {
        text-align: center;
        background: transparent;
    }

    /* ปรับรายการเมนูให้เรียงต่อกันแนวนอน */
    .navbar .nav,
    .navbar .nav > li {
        float: none;
        display: inline-block;
        vertical-align: middle; 
    }

    /* สีของเมนูย่อย (Dropdown) เมื่อคลิกเปิด */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        background-color: #7dc1ee !important;
        color: #ffffff !important;
    }
}

/* --- 3. Wide Screen Styles (หน้าจอ 1366px ขึ้นไป) --- */
@media only screen and (min-width: 1366px) {
    /* ปรับตำแหน่งแนวตั้งของเมนูให้ชิดขอบบน */
    .navbar .nav > li {
        vertical-align: top;
    }
}

/* --- 4. Miscellaneous Effects --- */
/* เอฟเฟกต์พื้นหลังโปร่งใสสำหรับรูปภาพ */
figure.effect-selena {
    background: transparent;
}