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

.it-132-1{
	width:100%;
	height: auto;
	padding-bottom: 15px;
	/* background:url(../images/it-132-1/bg.jpg) top center no-repeat; */
	padding-top: -10px !important;
	}
.it-bottom{
	text-align:right;
	padding:10px 0 0 0;
}
.it-title{
	 width: 100%;
	 height: auto;
	 font: 25px/36px 'LINE Seed Sans TH', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #4e4e4e;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 235px;
	height: 193px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	width: 310px;
	height: 193px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 18px/34px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 0;
	height: 81px;
}
.it-text1{
	width:100%;
	height: auto;
	font: 18px/34px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 0;
	height: 81px;
}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
}
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
}
@media (max-width: 374px) { 
.it-block {
    width: 255px;
}
.it-block1 {
    width: 255px;
}
.it-pic img{
		
max-width: 40%;
}
.it-pic1 img{
		
max-width: 40%;
}
.it-132-1{
		
padding-top: 50px !important;
}
}
@media (min-width: 375px) and (max-width: 419px) { 
.it-132-1{
	width:100%;
	height: auto;
	/* padding-bottom: 15px; */
	/* background:url(../images/it-132-1/bg.jpg) top center no-repeat; */
	padding-top: 35px;
	}
.it-title{
	 width: 100%;
	 height: auto;
	 font: 22px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 130px;
	height: 165px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	width: 230px;
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 
}
@media (min-width: 420px) and (max-width: 575px){
.it-132-1{
	width:100%;
	height: auto;
	/* padding-bottom: 15px; */
	/* background:url(../images/it-132-1/bg.jpg) top center no-repeat; */
	padding-top: 35px;
	}
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 130px;
	height: 165px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	width: 230px;
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 
}
@media (min-width: 992px) and (max-width: 1199px) { 
.it-132-1{
	width:100%;
	height: auto;
	/* padding-bottom: 15px; */
	/* background:url(../images/it-132-1/bg.jpg) top center no-repeat; */
	padding-top: 35px;
	}
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 310px;
	height: 165px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	/* width: 230px; */
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 
}
@media (min-width: 1200px) and (max-width: 1280px){
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	/* width: 130px; */
	height: 175px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	/* width: 230px; */
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 15px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 16px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 	
}
@media (min-width: 1281px) and (max-width: 1366px){
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 230px;
	height: 175px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	/* width: 230px; */
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 15px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 16px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 	
}
@media (min-width: 1367px) and (max-width: 1440px){
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 225px;
	height: 175px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	/* width: 230px; */
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 15px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 16px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 
}
@media (min-width: 1441px) and (max-width: 1600px) {
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	width: 235px;
	height: 175px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	/* width: 230px; */
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 15px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 16px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 
}

@media (min-width: 768px) and (max-width: 991px) {
.it-132-1{
	width:100%;
	height: auto;
	/* padding-bottom: 15px; */
	/* background:url(../images/it-132-1/bg.jpg) top center no-repeat; */
	padding-top: 35px;
	}
.it-title{
	 width: 100%;
	 height: auto;
	 font: 20px/36px 'kanit', Arial, sans-serif;
	 /* font-weight: bold; */
	 text-align: left;
	 color: #000;
	}
.it-mid{
	width:100%;
	height:auto;
	padding-top: 10px;
	}
.it-block{
	/* width: 202px; */
	height: 165px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-block1{
	/* width: 230px; */
	height: 170px;
	padding: 10px;
	position:relative;
	background: #ffffff;
	border: 1px solid #ccc5c5;
	border-radius: 10px;
	}
.it-text{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-text1{
	width:100%;
	height: auto;
	font: 14px/25px 'Kanit', Arial, sans-serif;
	color: #222;
	text-align: center;
	padding-top: 15px;
	height: 81px;
	}
.it-pic{
	height: auto;
	text-align: center;
	position: relative;
	} 
.it-pic1{
	height: auto;
	text-align: center;
	position: relative;
	} 
}
@media (min-width: 992px) and (max-width: 1199px) { ... }