.hi { font-family: kanit; padding: 30px; }
.ct1 { font-size: 2.5em; font-family: kanit-bold; color: #000;  }
.ct2 { margin-top: 5px; font-size: 1.5em;  }
.ct3 { margin-top: 20px; font-size: 1.2em; }
.hi li { margin-bottom: 5px; margin-left: 20px; font-size: 0.9em; }

.ct4 { background-color: #FFFF33; padding: 10px; overflow: hidden; margin-top: 30px;  float: left;  clear: both;
	font-size: 1.5em; color: #000; cursor: pointer;
}
.ct4:hover { background-color: #FFCC00; color: #000;  }

.ct5 { background-color: #52EB00; padding: 3vw; overflow: hidden; margin-top: 30px; float: left; clear: both;
	font-size: 1.5em; color: #000; cursor: pointer;
}
.ct5:hover { background-color: #279002; color: #FFF;  }

.ct6 { padding-top: 30px; font-size: 1vw; clear: both; }


/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 700px)
{
	.hi { padding: 5vw 8vw 3vw 8vw; }
	.ct1 { font-size: 3.5vw; margin-top: auto; }
	.ct2 { font-size: 1.5vw; margin-bottom: 50px; }
	.hi li { font-size: 1.5vw; }
	.ct4 { font-size: 1.2vw; margin-top: 50px; padding: 20px; }
	.ct5 { font-size: 2vw; margin-top: 50px; padding: 20px; }
	.ct6 { padding-top: 50px; }
}