@charset "ISO-8859-1";

.contentAB {
	width: 1024px;
	background-color: #fff;
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode',
		'Lucida Sans', Tahoma, sans-serif;
	border-radius: 5px;
	padding-bottom : 5px; 
	padding-left : 0px;
	padding-top : 10px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 100;
}

.OurserviceContent{
	max-width : 980px; 
	position: relative; 
	overflow: hidden;
	z-index: 100;
	font-size : 1.50em;
	line-height: 1.65em; 
	letter-spacing: 0.02em;
	font-family: Arial, 'Noto Sans Thai', sans-serif;
	padding-top: 10px;
	text-align: justify;
}
/*.contentHeaderOurservice{
	font-size : 4.5em;
	padding-top : 40px;
	padding-left : 0px;
	height : 100px;
	max-width : 980px; 
	position: relative; 
	overflow: hidden;
	margin: 0 auto;
}*/
.headerPic {
	height: 200px;
	background-color: #E6FAF8;
	margin: 0 auto;
	overflow: hidden;
}

.idheaderpi {
	height: 200px;
	WIDTH: 1020px;
	margin: 0 auto;
	position: relative;
}

@media ( min-width : 1200px) {
	.contentAB {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
	}
	.OurserviceContent{
		font-size : 1.5em;
		max-width: 100%;
		text-align: left;
	
	}
	.contentHeaderOurservice{
		max-width: 100%;
		height : 100px;
		font-size: 4.8em;	
		margin: 0 auto;
		margin-left: 0px;
		padding-top: 40px;
		padding-left: 15px;
		font-family: Arial, 'Noto Sans Thai', sans-serif;
		color: #3b3b3b;
	}
	.idheaderpi {
		height: 200px;
		WIDTH: 1020px;
		margin: 0 auto;
		background: url(/img/ourService_1200.JPG);
		position: relative;
		padding-left: 0px;
		padding-right: 0px;
	}
	.headerPic {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.contentAB{
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
	}
	.OurserviceContent{
		font-size : 1.45em;
		max-width: 100%;
		text-align: left;
	
	}
	.contentHeaderOurservice{
		max-width: 100%;
		height : 100px;
		font-size: 4.6em;	
		margin: 0 auto;
		margin-left: 0px;
		padding-top: 50px;
		padding-left: 15px;
		font-family: Arial, 'Noto Sans Thai', sans-serif;
		color: #3b3b3b;
	}
	.idheaderpi {
		height: 200px;
		WIDTH: 1020px;
		margin: 0 auto;
		background: url(/img/ourService_1200.JPG);
		position: relative;
		padding-left: 0px;
		padding-right: 0px;
	}
	.headerPic {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (min-width:768px) and (max-width: 991px) {
	.contentAB{
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
	}
	.OurserviceContent{
		font-size : 1.40em;
		max-width: 100%;
		text-align: left;
	
	}
	.contentHeaderOurservice{
		max-width: 100%;
		height : 100px;
		font-size: 4.3em;	
		margin: 0 auto;
		margin-left: 0px;
		padding-top: 50px;
		padding-left: 15px;
		font-family: Arial, 'Noto Sans Thai', sans-serif;
		color: #3b3b3b;
	}
	.idheaderpi{
		height: 250px;
		WIDTH: 100%;
		margin : 0 auto;
		background: url(/img/ourService_768.JPG);
		position: relative;
		padding-left:0px;
		padding-right : 0px;
		background-repeat: no-repeat; 
		background-size: cover;
	}
	.headerPic{
		padding-left:0px;
		padding-right : 0px;
		height: 250px;
	}
}
@media (min-width:641px) and (max-width: 767px) {
	.contentAB{
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
	}
	.OurserviceContent{
		font-size : 1.35em;
		max-width: 100%;
		text-align: left;
	
	}
	.contentHeaderOurservice{
		max-width: 100%;
		height : 100px;
		font-size: 4.0em;	
		margin: 0 auto;
		margin-left: 0px;
		padding-top: 50px;
		padding-left: 15px;
		font-family: Arial, 'Noto Sans Thai', sans-serif;
		color: #3b3b3b;
	}
	.idheaderpi{
		height: 250px;
		WIDTH: 100%;
		margin : 0 auto;
		background: url(/img/OurService_641.JPG);
		position: relative;
		padding-left:0px;
		padding-right : 0px;
		background-repeat: no-repeat; 
		background-size: cover;
	}
	.headerPic{
	height: 250px;
		padding-left:0px;
		padding-right : 0px;
	}
}
@media (min-width:480px) and (max-width: 640px) {
	.contentAB{
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
	}
	.OurserviceContent{
		font-size : 1.30em;
		max-width: 100%;
		text-align: left;
	
	}
	.contentHeaderOurservice{
		max-width: 100%;
		height : 100px;
		font-size: 3.7em;	
		margin: 0 auto;
		margin-left: 0px;
		padding-top: 50px;
		padding-left: 15px;
		font-family: Arial, sans-serif;
		color: #3b3b3b;
	}
	.idheaderpi{
		height: 200px;
		WIDTH: 100%;
		margin : 0 auto;
		background: url(/img/OurService_480.JPG);
		position: relative;
		padding-left:0px;
		padding-right : 0px;
		background-repeat: no-repeat; 
		background-size: cover;
	}
	.headerPic{
		padding-left:0px;
		padding-right : 0px;
	}
}
@media (min-width: 320px) and (max-width: 479px){
	.contentAB{
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
	}
	.OurserviceContent{
		font-size : 1.25em;
		max-width: 100%;
		text-align: left;
	
	}
	.contentHeaderOurservice{
		max-width: 100%;
		height : 100px;
		font-size: 3.4em;	
		margin: 0 auto;
		margin-left: 0px;
		padding-top: 12.5%;
		padding-left: 15px;
		font-family: Arial, 'Noto Sans Thai', sans-serif;
		color: #3b3b3b;
	}
	.idheaderpi {
		height: 200px;
		WIDTH: 100%;
		margin: 0 auto;
		background: url(/img/ourService_320.JPG);
		position: relative;
		padding-left: 0px;
		padding-right: 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.headerPic {
		padding-left: 0px;
		padding-right: 0px;
	}
}