.font-rit1 {
	font-family: 'Pridi', serif;
	font-size: 16px;
	
}
.font-rit2 {
	font-family: 'Kanit', sans-serif;
	
}

.font-rit3 {
	font-family: 'Bai Jamjuree', sans-serif;
	
}

A.n2
{
    COLOR: #000000;
    TEXT-INDENT: 12px;
	text-decoration: none;
	text-align: left;
}

A.n2:visited
{
    COLOR: #000000;
    TEXT-INDENT: 12px;
	text-decoration: none;
	text-align: left;
}
A.n2:hover
{
	COLOR: #d91b03;
	text-decoration: none;
	text-align: left;
}



#pic .mySlides1{
	z-index: -1;
}

@media screen and (max-width: 1200px){
	#pic .cell1,#pic .mid1{
	float:none; 
	width: 100%;

	}

}
#option{
	margin-bottom: 60px;
}



.test {
	position: relative;
	cursor: pointer;
	overflow: hidden;

	background-color: #06a39d;
}
.test img{
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.test:hover a{
	transition: all 0.5s ease;
	
	background-color: #05222b8f;
	opacity: 1;
	color: white;
}
.test:hover h2{
	transition: all 0.5s ease;
	opacity: 1;
	color: white;
}


.test:hover img{
	transform: scale(1.1);
	transition: all 0.5s ease-in;
	filter: brightness(.6);
}
.test a{
	position: absolute;
	height: 100%;
  width: 100%;
  opacity: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
  transition: .5s ease;
  background-color: #05222b8f;
	z-index: 1;

}.test h2{
	 position: absolute;
	display: block;
	opacity: 0;
	color: white;
    top: 50%;
    left: 50%;
	width: 90%;
word-wrap: break-word;
    transform: translate(-50%, -50%);
  transition: .5s ease;
	z-index: 1;

}
.test p{
line-height: 1.4;
font-size: 15px;
}


.prod{
	cursor: pointer;
	padding: 5px;
	cursor: pointer;
}
.prod:hover{
	background-color: #E1E1E1;
	
}
.prod:hover img{
	transition: all 0.5s ease;
	filter: brightness(0.5);
}

.prod2{
			width: 25%;
			padding: 10px;
	
			cursor: pointer;
		}
.prod2:hover{
	background-color: #E1E1E1;
	
}
.prod2:hover img{
	transition: all 0.5s ease;
	filter: brightness(0.5);
}
@media screen and (max-width: 900px){
	.prod2{
			width: 50%;
		}		
	}	

A.n1
{
    COLOR: #000000;

	text-decoration: none;
	
}

A.n1:visited
{
    COLOR: #000000;

	text-decoration: none
	
}
A.n1:hover
{
	COLOR: #646464;
	text-decoration: none
	
}

	


.morecontent span {
    display: none;
	
}
.morelink {
    display: block;
	font-size:14px;
	color: #015F03;
}