.bkgSepLeft
{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:initial ;
	background-size:cover;
	border-radius: 0;
	background-image: url("../resource/background/fd1.png");
	box-shadow: 0px 3px 60px rgba(0, 255, 0, 0.18);
	margin-bottom: 60px;
}

.bkgSepRight
{
	width: 1%;
	height: 50%;
	border-radius: 6px 0 0 6px;
	float:right;
	margin: 25px 0;
	object-fit:cover;
}

.bkg9
{
	margin: 0;
	padding: 0;
	
	background-image: url("../resource/background/bkg9.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}

.bkg4
{
	background-image: url("../resource/background/bkg4.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;

	display: flex;	
	flex-wrap: wrap; 
	align-content: space-around;
	padding: 8% 0;
}

.bkg11
{
	box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.14);

	padding: 22% 0;
	display: flex;	
	flex-wrap: wrap; 
	align-content: space-around;
}

.bkg12
{
	box-shadow: 0px 3px 35px rgba(0, 255, 0, 0.14);

	padding: 22% 0;
	display: flex;	
	flex-wrap: wrap; 
	align-content: space-around;
}

.bkg13
{
	box-shadow: 0px 3px 35px rgba(0, 255, 0, 0.14);

	padding: 22% 0;
	display: flex;	
	flex-wrap: wrap; 
	align-content: space-around;}


.bkg5
{
	background-image: url("../resource/background/bkg5.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;

	padding: 0;
}

.bkg4Mobile
{
	padding: 16% 0 !important;
}


.bkg12ShadowMobile
{
	padding: 5% 0 !important;
	margin: 5% auto !important;
}

.bkg12Mobile
{
	padding: 5% 0 !important;
	margin: 5% auto !important;
}

.bkg11Mobile
{
	padding: 5% 0 !important;
	margin: 10% 0 !important;
}

.bkg13Mobile
{
	padding: 5% 0 !important;
	margin: 10% 0 !important;
}

@media 	only screen and 
		(min-width: 741px) 
		/* portrait tablet */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 8% 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 5% 0;
		margin: 5% auto;
	}

	.bkg13
	{
		padding: 12% 0;
	}
}
@media 	only screen and 
		(max-width: 740px) 
		/* portrait mobile */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 12% 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 5% 0;
		margin: 5% auto;
	}

	.bkg13
	{
		padding: 12% 0;
	}
}
@media 	only screen and 
		(min-width : 1825px) 
		/* desktop */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 4% 0;
		margin: 0;
	}

	.bkg13
	{
		padding: 12% 0;
	}
}
@media 	only screen and 
		(orientation: landscape) and
		(min-width: 1601px) and
		(max-width: 1824px) 
		/* desktop */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 4% 0;
		margin: 0;
	}

	.bkg13
	{
		padding: 12% 0;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1225px) and 
		(max-width: 1600px) 
		/* laptop */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 4% 0;
		margin: 0;
	}

	.bkg13
	{
		padding: 12% 0;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 961px) and 
		(max-width: 1224px) 
		/* landscape tablet */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 5% 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 10% 0;
		margin: 0;
	}

	.bkg13
	{
		padding: 28% 0;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(max-device-width: 960px) 
		/* landscape mobile */
{
	.bkgSepLeft
	{
		width: 100%;
		height: 10px;
	}
	.bkg4
	{
		padding: 12% 0;
	}

	.bkg12, .bkg11, .bkg12Shadow
	{
		padding: 5% 0;
		margin: 5% auto;
	}

	.bkg13
	{
		padding: 30% 0;
	}
}