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

header{
	width: 100%;
	max-width: 1920px;
	height: 1013px;
	margin: 0 auto;


}	
#HeaderForm{
	width: 100%;
	height: 100;
	max-width: 1600px;
	margin: 0 auto;		
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;

}
#Logo{
	width: 84px;
	height: 96px;
	margin-top: 60px;	
	position: fixed;
}	
#Left{
	width: 46%;
	height: 1013px;
	float: left;
	overflow: hidden;
	background:url("/en/Assets/Web/Images/Link/Img1.jpg") no-repeat left top ;
	background-size: 880px;

}
#LinkTitle{
	width: 400px;
	height: 60px;
	color: #b7a393;
	font-size: 60px;
	font-family: 'Vollkorn', serif;
	margin-left: 350px;
	margin-top: 200px;
	letter-spacing: 1px;
	font-weight: 500;
}
#LinkText{
	width: 400px;
	height: 60px;
	color: #8c8c8c;
	margin-left: 350px;
	margin-top: 60px;
	letter-spacing: 1px;
	padding-right: 50px;
	box-sizing: border-box;
	line-height: 30px;
	font-weight: 200;
}

#Right{
	width: 54%;		
	float: right;
	padding-left: 100px;
	box-sizing: border-box;
	padding-top: 140px;

}
#Point{
	width: 20px;
	height: 20px;
	background: url("/en/Assets/Web/Images/Link/dot-gold.png") no-repeat;
	position: absolute;
	left: calc(46% - 10px);
	top: 530px
}
#ListForm{
	width: 100%;
	max-width: 640px;
	height: 720px;
}
.List{
	width: 100%;
	height: 240px;
	padding-left: 50px;
	box-sizing: border-box;
	border-bottom: 2px solid #c8c8c8;
}
.Img{
	width:170px;
	height: 240px;	
	float: left;
}
.Link{
	width: 280px;
	height: 100px;
	float: left;
	padding-top: 90px;
	padding-left: 60px;
}
.Fb{
	width: 65px;
	height: 65px;
	background: url("/en/Assets/Web/Images/Link/media-05-1.svg");
	float: left;
}
.Ig{
	width: 65px;
	height: 65px;
	background: url("/en/Assets/Web/Images/Link/media-05-2.svg");
	float: left;
	margin-left: 40px;
}
.Yt{
	width: 65px;
	height: 65px;
	background: url("/en/Assets/Web/Images/Link/media-05-3.svg");
	float: left;
	margin-left: 40px;
}
.FbAct{
	background: url("/en/Assets/Web/Images/Link/media-06-1.svg");
	cursor: pointer;
}
.IgAct{
	background: url("/en/Assets/Web/Images/Link/media-06-2.svg");
	cursor: pointer;
}
.YtAct{
	background: url("/en/Assets/Web/Images/Link/media-06-3.svg");
	cursor: pointer;
}
.NoBorder{
	border-bottom: none !important;
}
#FooterLine{
	width: 100%;
	height: 35px;
	background: url("/en/Assets/Web/Images/Link/FooterBg.png") center center no-repeat;
	margin-top: -30px;
	position: relative;
	z-index: 100;			

}

#Img1{
	background: url("/en/Assets/Web/Images/index/About_02.png") no-repeat center center;
	background-size: 110px;
}
#Img2{
	background: url("/en/Assets/Web/Images/index/About_03.png") no-repeat center center;
	background-size: 170px;
}
#Img3{
	background: url("/en/Assets/Web/Images/index/About_01.png") no-repeat center center;
	background-size: 164px;
}
@media screen and (min-width:992px){
	#FooterTopLine{
		background: none;
	}
	#ListForm{
		padding-top: 140px;
	}
	.List{
		height: 263px;
	}
}
@media screen and (min-width:992px) and (max-width: 1620px){
	#LinkTitle{
		float: right;
	}
	#LinkText{
		float: right;
	}
}
@media screen and (min-width:1254px) and (max-width: 1390px){
	#Right{

		padding-left: 20px;

	}
}
@media screen and (min-width:992px) and (max-width: 1253px){
	#Right{
		padding-left: 20px;
		padding-right: 20px;

	}
}
@media screen and (min-width:992px) and (max-width: 1140px){
	.List{
		width: 100%;
		height: 240px;
		padding-left: 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #c8c8c8;
	}
}
@media screen and (min-width:992px) and (max-width: 1062px){
	.Link{
		width: 240px;
		height: 100px;
		float: left;
		padding-top: 90px;
		padding-left: 40px;
	}

	.Ig{

		margin-left: 20px;
	}
	.Yt{

		margin-left: 20px;
	}
}
@media screen and (max-width:991px){
	header{
		height: auto;
	}
	#Logo{
		width: 58px;
		height: 65px;
		margin-top: 30px;
		left: 35px;			

	}
	#Logo img{
		width: 58px;
	}
	#Left{
		width: 100%;
		height: 690px;
		float: none;
		background-size: 600px;
		background-position: center center;
	}
	#LinkTitle{
		width: 100%;
		height: 60px;
		color: #b7a393;
		font-size: 30px;
		font-family: 'Vollkorn', serif;
		margin-left: 0px;
		margin-top: 120px;
		letter-spacing: 1px;
		text-align: center;
	}
	#LinkText{
		width: 100%;
		height: 60px;
		color: #8c8c8c;
		margin-left: 0px;
		margin-top: 30px;		
		font-size: 13px;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
		line-height: 20px;
	}
	#Point{
		width: 20px;
		height: 20px;
		background: url("/en/Assets/Web/Images/Link/dot-gold.png") no-repeat;
		background-size: 14px;
		position: absolute;
		left: calc(50% - 10px);
		top: 683px
	}
	#Right{
		width: 100%;		
		float: none;;
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
		padding-top: 60px;

	}
	.List{
		width: 100%;
		height: auto;
		padding-left: 0px;		
		box-sizing: border-box;
		border-bottom: 1px solid #c8c8c8;
		margin-bottom: 50px;
	}
	.Img{
		width:170px;
		height: 130px;	
		float: none;
		margin: 0 auto;
	}
	.Link{
		width: 180px;
		height: 100px;
		float: none;
		padding-top: 50px;
		padding-left: 0px;
		margin: 0 auto;
	}
	.Fb,.Ig,.Yt{
		width: 40px;
		height: 40px;
		background-size: 40px;
	}
	.Ig,.Yt{
		margin-left: 30px;
	}
	#ListForm{
		height:  auto;
	}

}