p > img{
	width: 100%;
}



#header{
	position: static;
	background: #fff;
	border-top: #555 25px solid;
}

#header img{
	-webkit-filter:brightness(0%) !important;
	filter:brightness(0%) !important;
}

#mainMenu li{
	color: #000;
}

#social{
	top:55px;
}





.bannerInside{
	position: relative;
	padding: 25px 0;
	background: #000;
	color: #fff;
	text-align: center;
}

.bannerInside h2{
	font-size: 20px;
	margin: 0 !important;
}

.bannerInside h2 span.en{
	font-size: 18px;
	margin-left: 15px;
}

#goBack{
	position: absolute;
	top:25px;
	left:50px;
	line-height: 35px;
	color: #fff;
}



.insideChalet{
	padding:75px 0;
}

.textArea{
	position: relative;
	width: 400px;
	padding:75px 75px 150px;
	background: rgba(0,0,0,0.75);
	color: #fff;
}

.insideChalet.textLeft .textArea{
	margin-right: 60%;
	margin-left: 75px;
}

.insideChalet.textRight .textArea{
	margin-left: 60%;
	margin-right: 75px;
}

.btn{
	display: inline-block;
	padding:10px 25px;
	background: rgba(255,255,255,0.75);
	color: #333;
	font-weight: 900px !important;
	transition: .2s;
}

.textArea .btn{
	position: absolute;
	bottom: 60px;
}

.insideChalet.textRight .textArea .btn{
	left: 75px;
}

.insideChalet.textLeft .textArea .btn{
	right: 75px;
}

.btn:hover{
	background: rgba(255,255,255,1);
}





.chalet{
	position: relative;
	color: #fff;
}

.insideText{
	position: absolute;
	top:50px;
	left:50px;
	width: 500px;
	padding:50px;
}

.insideText h1, .insideText h2{
	margin-left: 25px;
	line-height: 30px;
}

.insideText .textArea{
	position: relative;
	width: calc( 100% - 100px);
	padding:50px;
	background: rgba(0,0,0,0.75);
	color: #fff;
}

.insidePhotoContent img{
	width: 100%;
}





.chaletContent .wrapper{
	padding: 75px 0;
	text-align: center;
}

.chaletContent .wrapper p{
	text-align: justify;
	margin-bottom: 50px;
}





#explodeB, .explodeBcontant, #explodeB img, #explodeA img{
	width: 100%;
}

#explodeA{
	width: 100%;
}

.explodeAcontant{
	float: left;
	margin-right: 10px;
	cursor: pointer;
	opacity: 1;
	transition: .2s;
}

.explodeAcontant:hover{
	opacity: 0.5;
}






#half{
	overflow: hidden;
	background: #555;
}

#half img{
	float: left;
	width: 50%;
}

#half #halfText{
	float: left;
	width: calc( 50% - 100px);
	max-width: 550px;
	padding:50px;
	color: #fff;
}

#half #halfText p{
	letter-spacing: 1px;
	margin-bottom: 15px;
}






#bottomBanner{
	position: relative;
	width: 100%;
	color: #fff;
	text-align: center;
}

#bottomBanner img{
	width: 100%;
}

#bottomBannerText{
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
}








.aboutText{
	padding:75px 0;
}

.aboutText p{
	width: 80%;
	margin:0 10%;
	color: #666;
	text-align: justify;
}

.aboutText img{
	width: 100%;
	margin:25px 0%;
}






#newsTitle{
	padding:15px 0;
	background: #000;
	color: #fff;
}

#newsTitle h2{
	margin:0 !important;
}

#newsList{
	width:80%;
	padding:25px 10% 75px;
	background:#333;
	color: #fff;
}

#newsList li{
	width: 100%;
	padding:25px 0;
	border-bottom: #888 1px solid;
	overflow:hidden;
}

#newsList li .date{
	float: left;
	width: 150px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}

#newsList li .title{
	float: left;
	width: calc( 100% - 300px);
	line-height: 30px;
	margin:0 !important;
	padding:0 15px;
	font-size: 18px;
	text-align: left;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	font-weight: 100;
}

#newsList li .btn{
	float: right;
}

#news_title{
	position: relative;
	padding: 25px 0;
	background: #333;
	color: #fff;
	text-align: center;
}

#news_title .date{
	display: inline-block;
	width: 150px;
}

#news_title .title{
	display: inline-block;
	font-weight: 100;
	margin-bottom: 0 !important
}






.productList{
	border-bottom:#555 1px solid;
	margin-bottom: 50px;
}


.productList li{
	float: left;
	width: calc( 100%/3 - 50px/3 );
	margin-right: 25px;
	margin-bottom: 25px;
	color: #000;
}

.productList a:nth-child(3n) li{
	margin-right: 0px;
}

.productList li img{
	width: 100%;
	margin-bottom: 25px;
}

.space{
	width: 100%;
	height: 50px;
}






#productArea{
	overflow: hidden;
	padding: 50px 0;
}


#productPhoto{
	float: left;
	width: 50%;
	margin-right: 50px;
}

#productPhotoB, #productPhoto img{
	width: 100%;
}

.productPhotoAcontant{
	margin-right: 10px;
	margin-top: 10px;
}

#productText{
	float: left;
	width: calc( 50% - 50px);
}

#productText h1{
	line-height: 50px;
	margin-bottom: 0px !important;
}

#productContent{
	padding:50px 0;
	background: #eee;
	text-align: center;
}

#productContent .wrapper{
	overflow: hidden;
}

#productContent p{
	float: left;
	width: 80%;
	margin: 0 10% 50px;
	text-align: justify;
}

.RWDimg{
	float: left;
	width: 40%;
	margin-left: 10%;
}

.RWDp{
	width: calc( 40% - 50px ) !important;
	margin-left: 50px !important;
}







#contactSelect{
	width: 100%;
	padding:25px 0;
	text-align: center;
	border-bottom: #333 1px solid;
}

#contactSelect li{
	display: inline-block;
	padding:10px 15px;
	width: 100px;
	background: rgba(0,0,0,0.75);
	color: #fff;
	margin: 0 10px;
	transition:.2s;
	cursor: pointer;
}

#contactSelect li:hover{
	background: rgba(0,0,0,1);
}





#contactArea{
	padding:50px 0;
}

.contactContent{
	display: none;
}

.contactContent:first-child{
	display: block;
}

#contactList{
	width: 100%;
}

#contactList li{
	width: 100%;
	line-height: 45px;
	padding:10px 0;
	font-size: 15px;
	border-bottom: #aaa 1px solid;
	color: #000;
}

.contactTitle{
	float: left;
	width: 150px;
	text-align: center;
	background: #eee;
	color: #333;
	margin-right: 25px;
}

#map{
	width: 100%;
	height: 450px;
	margin-top: 25px;
}







#guestbook{
	display: table;
	width: 100%;
	border-collapse: collapse;

}

#guestbook li{
	display: table-row;
	border-bottom: #aaa 1px solid;
}

.guestItem{
	display: table-cell;
	padding: 25px;
	font-size: 15px;
	vertical-align: middle;
}

.guestItem:first-child{
	width: 100px;
	background: #eee;
	text-align: center;
}

#guestbook input{
	padding: 5px 10px;
}

#guestbook textarea{
	width: calc( 100% - 50px);
	height: 200px;
	padding:25px;
}

#guestbookBTN{
	width: 100%;
	text-align: right;
}

#guestbookBTN input{
	display: inline-block;
	margin: 25px 0 25px 15px;
	padding: 10px 25px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border:0;
	transition: .2s;
}

#guestbookBTN input:hover{
	background:rgba(0,0,0,1);
}





#back{
	float: left;
	display: block;
	width: 100%;
	padding:25px 0;
	background: #222;
	color: #fff;
	text-align: center;
}

#page{
	width: 100%;
	padding:25px 0;
	background: #222;
	color: #fff;
	text-align: center;
}

#page li{
	display: inline-block;
	padding:5px 10px;
	background: rgba(255,255,255,0.75);
	color: #222;
	margin: 0 10px;
	transition:.2s;
}

#page li:hover{
	background: rgba(255,255,255,1);
}



.slick-next, .slick-prev{
	position: absolute;
	top:50%;
	width:50px;
	height: 50px;
	margin-top: -25px;
	transition:.1s;
	border: 0;
	font-size: 0;
	opacity: .5;
}

.slick-next:hover, .slick-prev:hover{
	opacity: 1;
}

.slick-next{
	right:5%;
	background:url("../images/next.png") center no-repeat;
	background-size: contain;
}

.slick-prev{
	left:5%;
	background:url("../images/prev.png") center no-repeat;
	background-size: contain;
}





.slick-dots{
	display: none !important;
}





@media screen and (min-width: 1200px){

	.bannerIndexContent img{
		width: 100%;
		margin:-80px 0;
	}

}

@media screen and (max-width: 979px) {

	.insideChalet{
		padding:0;
	}

	.insideChalet img{
		width: 100%;
	}

	.textArea{
		width: calc( 100% - 100px);
		padding:50px 50px 120px;
		background: rgba(0,0,0,1);
		margin:0 !important;
	}

	.textArea .btn{
		left: auto !important;
		right: 50px !important;
	}




	.insideText{
		position: static;
		width: 90%;
		padding:50px 5%;
		background: rgba(0,0,0,0.8);
		text-align: center;
	}

	.insideText h1, .insideText h2{
		margin-left: 0px;
	}

	.insideText .textArea{
		text-align: justify;
		width: calc( 100% - 50px);
		padding:25px;
	}




	.chaletContent .wrapper{
		width: 90%;
		padding: 50px 5%;
	}





	#half img{
		width: 100%;
	}

	#half #halfText{
		width: calc( 100% - 50px);
		max-width: 100%;
		padding:25px;
	}

	#half #halfText p{
		letter-spacing: 1px;
		margin-bottom: 15px;
	}






	.productList{
		width: 90%;
		padding:0 5%;
		margin-bottom: 0px;
		border:0;
	}


	.productList li{
		width: 100%;
		margin-right: 0px;
		border-bottom:#555 1px solid;
		padding-bottom: 15px;
	}




	#productPhoto{
		width: 90%;
		margin: 0 5% 25px;
	}

	#productText{
		width: 90%;
		margin: 0 5%;
	}

	#productContent p{
		width: 80%;
		margin: 0 10% 25px;
	}

	.RWDimg{
		float: left;
		width: 100%;
		margin-left: 0%;
		margin-bottom: 25px;
	}

	.RWDp{
		width: 90% !important;
		padding:0 5%;
		margin-left: 0px !important;
	}


	#goBack{
		display: none;
	}



}

@media screen and (max-width: 767px) {

	#header{
		border-top: #555 30px solid !important;
	}
	
	#social{
		width: 100%;
		top:5px;
		right: 0px;
	}

	#social li{
		display: inline-block;
		line-height: 20px;
	}

	#newsList li{
		padding: 15px 0;
	}

	#newsList li .date{
		width: 100%;
	}

	#newsList li .title{
		font-size: 15px;
		width: 100%;
		padding:0;
	}

	#newsList li .btn{
		width: 100%;
		padding:8px 0;
		margin-top: 5px;
		text-align: center;
	}

	#news_title{
		width: 90%;
		padding:15px 5%;
		text-align: left;
	}

	#news_title .title{
		font-size: 18px;
	}








	#contactList li{
		text-align: center;
		padding: 0;
	}

	.contactTitle{
		width: 100%;
		margin:0;
	}

	#map{
		width: 100%;
		height: 250px;
		margin-top: 25px;
	}







	#guestbook{
		display: block;

	}

	#guestbook li{
		display: block;
	}

	.guestItem{
		display: block;
		width: calc( 100% - 50px);
		padding:10px 25px;
		text-align: center;
	}

	.guestItem:first-child{
		width: calc( 100% - 50px);
	}

	#guestbookBTN{
		text-align: center;
	}

}

@media screen and (max-width: 480px) {

}

@media screen and (max-device-width: 480px) {
	
}