@charset "utf-8";
/* CSS Document */

.area{
	margin:0;
	padding:0;
	padding: 40px;
	/* background-color:#fff; */
	-webkit-border-top-left-radius: 20px;
	/* -webkit-border-top-right-radius: 20px; */
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	/* border-top-left-radius: 20px; */
	/* border-top-right-radius: 20px; */
	font: 16px/24px 'Kanit', Arial, sans-serif;
	color:#333;
}
.general .map{
	margin:0;
	padding:0;
	text-align:center;
}
.general .map img{
	max-width:100%;
	height:auto;
}
.general .text-purple{
	color:#4eb1fc;
}
.general .text-purple-2{
	color:#6a2d6c;
	font: 34px/40px 'Kanit', Arial, sans-serif;
}
.general ol{
	
}
.general ol li{
	
}
.general .g-pic{
	margin:30px 0px;
}
.general .g-pic img{
	max-width:100%;
	height:auto;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.general .btn-g{
	width:100%;
	margin:20px 0px;
	text-align:center;
}
.general .btn-g img{
	max-width:100%;
	height:auto;
}



@media (max-width: 374px) { 
.general{
	padding:15px;	
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.general{
	padding:15px;	
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.general{
	padding:20px;	
}
 }
@media (min-width: 576px) and (max-width: 767px) {
	.general{
	padding:20px;	
}
	 }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }