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

.contain1 .blck1 {
	position:relative;
	float:left;
	width:66.66%;
}
.contain1 .blck2 {
	float:left;
	width:33.34%;
	overflow:hidden;
}
.contain1 .blck2 .bnnr {
	position:relative;
	overflow:hidden;
	line-height:0;
}
#next_btn {
	position:absolute;
	width:60px;
	right:5%;
	top:50%;
	margin-top:-3%;
	cursor:pointer;
	z-index:11;
}
#prev_btn {
	position:absolute;
	width:60px;
	left:5%;
	top:50%;
	margin-top:-3%;
	cursor:pointer;
	z-index:11;
}
.item {
	position:relative;
	line-height:0;
}
.itm_txt1 {
	width:90%;
	background:rgb(255, 255, 255);
	background:rgba(255, 255, 255, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);		
	padding:20px 5%;
	line-height:1.2em;
	font-size:34px;
	bottom:0;
	position:absolute;
}
.itm_txt2 {
	width:94%;
	background:rgb(255, 255, 255);
	background:rgba(255, 255, 255, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);		
	padding:15px 3%;
	line-height:0.85em;
	font-size:26px;
	bottom:0;
	position:absolute;
}
.itm_txt1 span, .itm_txt2 span {
	font-family: 'KittithadaRoman55F';
}
.item a {
	text-decoration:none;
	color:#000;
}

.contain2 .blck1, .contain2 .blck2 {
	position:relative;
	float:left;
	width:33.33%;
	line-height:0;
	overflow:hidden;
}
.contain2 .blck3 {
	position:relative;
	float:left;
	width:33.33%;
	line-height:0;
}
.contain2 .itm_fade {
	position:absolute;
	width:100%;
	top:0;
	display:none;
}
.contain2 .readmore {
	max-width:140px;
	width:30%;
	margin:-15% auto 0 auto;
}

.contain3 {
	
	background-size:cover;
	font-family: 'KittithadaRoman55F';
}
.contain3 .blck1 {
	width:30%;
	padding:74px 0 255px 14%;
	text-align:left;
}
.contain3 .blck1 .ttl {
	max-width:315px;
	font-size:40px; 
	line-height:1.2em; 
	color:#00B6B7;
}
.contain3 .blck1 .desc {
	font-size:27px;
	line-height:1.1em; 
	color:#00B6B7;
	padding-bottom:25px;
}
.contain3 .blck1 .btn {
	max-width:250px;
	margin:35px 0 0 0;
}

.contain4 {
	font-family: 'KittithadaRoman55F';
}
.contain4 .blck1 {
	position:relative;
	float:left;
	width:50%;
}
.contain4 .blck2 {
	float:left;
	width:50%;
}
.contain4 .blck1 .txt_blck {
	width:70%; 
	position:absolute; 
	top:55%;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	/*top:50%; 
	left:50%; 
	transform: translate(-50%, -50%); 
	-webkit-transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); 
	-moz-transform: translate(-50%, -50%); */
}
.contain4 .blck1 .txt_blck .img {
	max-width:350px;
}
.contain4 .blck1 .txt_blck .txt {
	color:#00B6B7; 
	font-size:27px; 
	line-height:1.1em; 
	padding:15px 0 0 0;
}
.contain4 .blck1 .txt_blck .btn {
	padding-top:20px;
}

.contain4 .blck2 .img {
	width:67.06%; 
	line-height:0;
}
.contain4 .blck2 .txt_con {
	position:relative;
	width:32.94%;
}
.contain4 .blck2 .txt {
	position:absolute; 
	width:70%;
	padding:0 15%;
	top:50%; 
	transform: translateY(-50%); 
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
}	
.contain4 .blck2 .txt .txt_dsc {
	padding-top:10px;
	font-size:26px;
	line-height:0.85em;
	color:#666;
}
.contain4 .blck2 .txt .txt_dsc a {
	color:#666;
}
.contain4 .blck2 .txt .txt_dsc a:hover {
	color:#666;
}

.contain1 .blck2 .bnnr:hover .zoom {
	transform:scale(1.1);
	transform-origin:center center;
	-ms-transform:scale(1.1);
	-ms-transform-origin:center center;
	-moz-transform:scale(1.1);
	-moz-transform-origin:center center;
	-o-transform:scale(1.1);
	-o-transform-origin:center center;
	-webkit-transform:scale(1.1);
	-webkit-transform-origin:center center;
}

.questionContain .blckQ {
	padding:0px 0 10px 0px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}
@media screen and (max-width: 990px) {
.contain4 .blck1 .txt_blck{
	width:90%;
}
.contain4 .blck1 .txt_blck .img{
	max-width:250px;	
}
.contain4 .blck1 .txt_blck .txt{
	padding-top:10px;	
}
.contain4 .blck1 .txt_blck .btn{
	padding-top:10px;
}
}
@media screen and (max-width: 768px) {
	.contain1 .blck1 {
		float:none;
		width:100%;
	}
	.contain1 .blck2 {
		float:none;
		width:100%;
	}
	#next_btn {
		width:40px;
		margin-top:-5%;
	}
	#prev_btn {
		width:40px;
		margin-top:-5%;
	}
	
	.contain2 .blck1, .contain2 .blck2, .contain2 .blck3 {
		float:none;
		width:100%;
	}
	.contain2 .blck3 {
		padding-bottom:13%;	
	}
	
	.contain3 {
		background:#FFF;
	}	
	.contain3 .blck1 {
		width: 80%;
		padding: 105px 10% 110px 10%;
		text-align:center;
	}
	.contain3 .blck1 .ttl {
		max-width:315px;
		margin:0 auto;
	}
	.contain3 .blck1 .btn {
		margin:35px auto 0 auto;
	}
	
	.contain4 .blck1 {
		float:none;
		width:100%;
	}
	.contain4 .blck1 .txt_blck {
		width:100%; 
		position:absolute; 
		top:55%;
		  max-width: 360px;
		/*top:50%; 
		left:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		-ms-transform: translate(-50%, -50%); 
		-moz-transform: translate(-50%, -50%); */
	}
	.contain4 .blck1 .txt_blck .img {
		margin:0 auto;
	}
	.contain4 .blck1 .txt_blck .txt {
		text-align:center;
		padding:20px 0px;
	}
	.contain4 .blck1 .txt_blck .btn{
		width:250px;
		margin:0 auto;	
	}
	.contain4 .blck2 {
		float:none;
		width:100%;
	}
	.contain4 .blck2 .txt {
		width: 80%;
		padding: 0px 10%;
	}
}
@media screen and (max-width: 480px) {
	
	.itm_txt2 {
		font-size:22px;
	}
	
	.contain3 .blck1 .desc {
		font-size:22px;
	}
	
	.contain4 .blck2 .txt .txt_dsc {
		padding-top:5px;
		font-size: 18px;
		line-height: 0.85em;
	}	
	
	.contain4 .blck1 .txt_blck {
		max-width:300px;	
	}
	.contain4 .blck1 .txt_blck .txt {
		font-size: 22px;
		text-align:center;
		padding:5px 0 0 0;
	}
	
	.contain4 .blck1 .txt_blck .img
	,.contain4 .blck1 .txt_blck .btn{
		max-width:200px;	
	}
	.contain4 .blck1 .txt_blck .btn img{
		width:200px;	
		height:auto;
	}
	
}