/* โค้ด CSS ปกติสำหรับคอมพิวเตอร์ */
body { font-size: 16px; }

/* โค้ด CSS ที่จะทำงานเฉพาะเมื่อหน้าจอเล็กกว่า 768px (มือถือ/แท็บเล็ต) */
@media only screen and (max-width: 768px) {
    body {
        font-size: 30px;
        background-color: lightblue; /* ตัวอย่างการเปลี่ยนสไตล์ */

.mob1{TEXT-DECORATION: none; font-size:25px; font-family:'kanit', sans-serif;
.mob2{TEXT-DECORATION: none; font-size:18px; font-family:'kanit', sans-serif;}
    }
	}
/*-------------------*/
a.showA1:link{COLOR:#FF3399; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
a.showA1:visited{COLOR:#FF3399; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
a.showA1:active{COLOR:#96F; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
a.showA1:hover {COLOR:#96F; TEXT-DECORATION: none; font-size:20px; font-family:'Kanit';}
/*-------------------*/

a:link {
  color: green;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: yellow;
}


/*-------------------*/
a.mobilebody:link {COLOR:#000; TEXT-DECORATION: none; font-size:40px; font-family:'Kanit';}
a.mobilebody:visited {COLOR:#000; TEXT-DECORATION: none; font-size:40px; font-family:'Kanit';}
a.mobilebody:active {COLOR:#96F; TEXT-DECORATION: none; font-size:40px; font-family:'Kanit';}
a.mobilebody:hover {COLOR:#96F; TEXT-DECORATION: none; font-size:40px; font-family:'Kanit';}
/*-------------------*/
a.mobilebody1:link {COLOR:#FF3399; TEXT-DECORATION: none; font-size:28px; font-weight:400; font-family:'Kanit';}
a.mobilebody1:visited {COLOR:#FF3399; TEXT-DECORATION: none; font-size:28px; font-weight:400; font-family:'Kanit';}
a.mobilebody1:active {COLOR:#96F; TEXT-DECORATION: none; font-size:28px; font-weight:400; font-family:'Kanit';}
a.mobilebody1:hover {COLOR:#96F; TEXT-DECORATION: none; font-size:28px; font-weight:400; font-family:'Kanit';}
/*-------------------*/
a.mobilebody2:link {COLOR:#F90; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
a.mobilebody2:visited {COLOR:#F90; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
a.mobilebody2:active {COLOR:#96F; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
a.mobilebody2:hover {COLOR:#96F; TEXT-DECORATION: none; font-size:30px; font-family:'Kanit';}
/*-------------------*/