body{
	    letter-spacing: 0.88px;
		border-top:3px solid var(--theme_colorA_v2);
}
.contentpage.maxw{
	width:1350px;
}
#btnBack2top{
	    background-color: var(--theme_colorA_v1);
    background-image: url(/images/icon_scroll.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
	box-shadow: var(--img_shadow_v1);
    transform: unset;
    width: 40px;
    height: 40px;
}
#btnBack2top:after{
	content:'';
}
.menuicon{
	background-image: url(/images/icon_menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 62px;
	display:none;
	cursor:pointer;
	z-index:10;
}
.header{
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}
nav li{
	padding:2px 17px;
	
}
nav li{
	letter-spacing:2px;
}
nav li:hover, nav li.selected{
	border-radius: 15px;
	border: 1px solid var(--theme_colorA_v2);
	background-color:#ffffff;
	color:var(--nav_text_color); 
} 

nav .assignSubMenu{
	 opacity: 0.2;
}
nav .assignSubMenu li{
	border: 1px solid var(--theme_colorA_v2);
	margin-bottom:7px;
	border-radius: 10px;
	min-width:unset;
	color:var(--nav_text_color); 
}
nav .assignSubMenu li:hover,nav .assignSubMenu li.selected{
	color:#ffffff;
	background-color:var(--theme_colorA_v2);
}
body.fixFooter footer{
	position:unset; 
}
footer{
	border-top:7px solid var(--theme_colorB_v2);
	background-image:url('/images/bg_footer_v3.png');
	background-size: cover;
	background-position:center;
}
footer ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	
}

footer ul.wi-subm{
	margin-bottom:0px;
}
footer li{
	white-space:nowrap;
}
footer .fmenu{
	display: grid;
	grid-template-columns: auto auto auto;
	width: fit-content;
	grid-gap: 100px;
	    margin: 0px 0px 0px auto;
}
footer .fmenu ul:first-child{
	display:none;
}
footer li:not(.divFollowTitle){
	font-size:	35px;
	line-height:52px;
	color:#C6C6C6;
	font-weight:normal;
}
footer ul:not(.wi-subm) li{
	margin-bottom:35px;
}
footer{
	font-size:16px;
	line-height:30px;
	min-height:470px;
	padding-top:75px;
}
footer section.LHS {
	padding-right: 40px;
	width: 55%;
}
footer section.RHS {
	padding-left: 0px;
	float: right;
	width: 45%;
}
footer .LHS > div{
	display: grid;
	grid-template-columns: calc( 32% - 30px ) calc( 68% - 20px );
	grid-gap: 10px;
}
footer .flogo .img{
	position:relative;
		padding-right: calc( 15% + 15px );
}
footer .flogo .img:after{
	content:'';
	position: absolute;
	background-image: url(/images/footer_logoline.svg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	top: -20px;
	right: 5%;
	height: 350%;
	width: 100%;
}
footer .copyright{
	font:var(--title3-font);
	font-size:13px;
	line-height:18px;
	margin:auto;
	text-align: center;
}
footer .intro{
	min-height:350px;
}
.keeph{
	height:160%;
	background-color:#ff0000;
	width:2px;
}
div.clear{
	clear:both;
}
h1.section-title{
	
	font:var(--title-font_light);
	font-size:40px;
	color:var(--theme_colorA_v4);
	letter-spacing:4px;
	line-height:60px;
	
	text-align:center;
	margin-bottom:45px;    
}
h1.section-title:after{
	border-bottom: 2px solid var(--theme_colorA_v2);
	height: 2px;
	content: '';
	display: block;
	margin: auto;
	margin-top: 15px;
	
	width: 60px;
}
#divContent > .maxw{
	position:relative;
}

.contentpage .pageBanner,.contentwidth{
	width: 1420px;
    max-width: calc( 100% - 140px );
    margin: 0px 0px 52px auto;
}

.contentpage .pageBanner{
	text-align: right;
}
.contentpage .pageBanner > div{
	position:relative;
	 padding-bottom: 29%;
}
.contentpage .pageBanner img,.contentpage .pageBanner source{
    object-fit: cover;
    position: absolute;
    height: 100%;
	width:100%;
    left: 0px;
    top: 0px;
}
.pageHeading{
	position:absolute;
	color: var(--theme_colorA_v4);
	font: var(--title-font_light);
	font-size: 50px;
	line-height: 74px; 
	width: var(--heading_width);
	margin-right: 50px;
	display: inline-grid;
	justify-self: center;
	align-content: center;
}
.pageHeading > div{
	position:relative;
}
.pageHeading > div:before{
	content: '';
background-image: url(/images/banner_title_line.png);
background-position: right bottom;
background-repeat: no-repeat;
width: 90%;
height: 120%;
left: 0px;
top: 0px;
display: block;
position: absolute;
}
.contentpage .pageBanner img{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	border-radius: 20px;
}

.subtitle.themeA{
	color:var(--theme_colorA_v1);
	font:var(--title-font_medium);
	margin-bottom:8px;
	
}
.subtitle.themeB{
	color:var(--theme_colorB_v1);
	font:var(--title-font_light);
}
.content-p p{
	margin-bottom:var(--content_pGap);
}
.content-p p:last-child{
	margin-bottom:0px;
}
.content-p ol, .content-p ul{
	margin-left:25px;
	padding-left:0px;
	margin-bottom:var(--content_pGap);
}

.main-content:after{
	clear: both;
	content: '';
	width: 100%;
	display: block;
}
.imgRHS{
	float: right;
	width: calc( 30% - 30px );
	text-align: right;
	margin-left: 30px;
}

.contentLHS{
	float: left;
    width: calc( 70% - 30px );
    margin-right: 30px;
}
.side-Content .side-items{
	display:grid;
	grid-gap:40px;
	
    margin-bottom: 40px;
}
.imgGrid.side-Content .side-items{
	grid-gap:14px;
}
.side-Content .side-items img{
	transition: transform .5s;
}
.side-Content .side-items > div:hover img{
	transform: scale(1.5); 
}
.side-Content .side-items .img span.imgframe{
	overflow:hidden;
	display:block;
	box-shadow: 0px 0px 6px #00000029;
	
}
span.imgframe.frameRounded{
	border-radius:10px;
}
.side-items .img .enlarge{
	position:relative;
	cursor:pointer;
}
.side-items .img .enlarge:after{
	position:absolute;
	content : '';
	width:15px;
	height:15px;
	background-image:url('/images/icon_enlarge.svg');
	right:-30px;
	bottom:0px;
}
.side-Content .side-items .img img{
	object-fit: fill;
    width: 100%;

}
.side-Content .side-items .title{
	margin-top:27px;
	font-size:31px;
	line-height:31px;
	padding:0px 24px;
	text-align:left;
	color:var(--theme_colorA_v3);
	vertical-align:bottom;
}
.side-Content .side-items .caption{
	font-size:0.7em;
	line-height:1.5em;
	text-align:left;
}
.side-title{
	position:relative;
	margin-bottom:20px;
	text-align:left;
	font:var(--title2-font_semibold);
	font-size:31px;
	line-height:37px;
	color: var(--theme_colorA_v4);
	
}
.side-title:after{
	position: absolute;
    content: '';
    top: 10px;
    width: 24px;
    height: 100%;
    display: inline-block;
    /* margin-left: 10px; */
    background-image: url(/images/line_s.png);
    background-position: right center;
    background-repeat: no-repeat;
}
@media only screen and (min-width:561px) {
	.imgGrid.side-Content .side-items{
		grid-template-columns: calc( 30% - 7px ) calc( 30% - 7px ) calc( 30% - 7px );
		TEXT-ALIGN: RIGHT;
	}
	.imgGrid .caption{
		width: calc( 100% - 30px );
		margin-top:5px;
		margin-bottom:20px;
	}
	.side-items .img .enlarge:after{
		    right: 5PX;
    bottom: -25PX;
	}
}
@media only screen and (max-width:1400px) {
	footer .fmenu{
		grid-gap:40px;
	}
}
@media only screen and (max-width:1200px) {
	body.menuOn{
		height:100%;
		overflow:hidden;
	}
	body.menuOn .menuicon{
		background-image:url('/images/icon_close_v2.png');
	}
	header nav{
		display:none;
	}
	.menuicon{
		display:block;
	}
	
	.pageHeading{
		font-size: 40px;
		line-height: 59px;
	}
	.pageHeading > div:before{
		width: 90%;
		height: 65%;
		left: 0px;
		top: 60%;
	}
	#btnBack2top{
		bottom:80px;
		right:10px;
	}
	.maxw {
		max-width: calc( 100% - 80px );
	}
	footer{
		min-height: unset;
		padding: 15px 0px 23px 0px; 
	}
	.copyright{
		font-size: 13px;
		line-height: 18px;
	}
	footer .fmenu{
		grid-template-columns: auto auto auto auto;
		grid-gap:0px;
		margin:auto;
	}
	footer .fmenu ul:not(:last-child){
		margin-right:40px;
	}
	footer .fmenu ul:not(.wi-subm){ 
		display: grid;
		grid-template-columns: auto auto;
		grid-gap:0px;
		height: fit-content;
	}
	footer .fmenu ul:not(.wi-subm) li:not(:last-child){
		margin-right:40px;
	}
	footer .footer{
		display:none;
		z-index:5;
		position: absolute;
		top: 0px;
		padding: 40px 40px 0px 40px;
		width: 100%;
		height: 100%;
		max-width: unset;
		
		background-color: #009688;
		background-image:url('/images/bg_footer_v3.png');
		background-position: center;
    background-size: cover;
	overflow:scroll;
	}
	footer .footer > div{
		position: relative;
		height: 100%;
	}
	footer .footer > div > div{
		position: absolute;
		bottom: -20px;
		left: 0px;
	}
	footer section.LHS,
	footer section.RHS{
		width:100%;
		padding:0px;
		margin:0px;
	}
	footer section.RHS{
		float:left;
	}
	footer section.LHS{
		float:right;
		    margin-top: 100px;
	}
	footer .LHS > div{
		grid-template-columns:auto auto;
		max-width: 800px;
    margin: auto;
	}
	footer .flogo .img{
		min-height: 300px;
	}
	footer .flogo img{
		width: 227px;
	}
	footer .flogo .img:after {
		background-image: url(/images/Line8.png);
		background-position: right bottom;
		background-size: auto;
		top: -20px;
		right: 5%;
		height: 100%;
		width: 400px;
	}
	footer .intro{
		min-height:unset;
	}
	footer li{
		
		margin-bottom: 9px;
		position:relative;
	}
	footer li:after{
		position:absolute;
		content:'';
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		opacity: 0.09;
		z-index: -1;
	}
	footer li.divFollowTitle{
		font-size:22px;
		line-height:33px;
		padding:4px 12px;
		  width: fit-content;
		  margin-bottom: 10px;
	}
	footer li.divFollowTitle:after{
		opacity: 0.3;
		border:1px solid #ffffff;
		border-radius: 10px;
	}
	footer li.selected:after{
		border:1px solid #cccccc;
		background-color:var(--theme_colorA_v6);
		opacity: 1;
	}
	footer li:not(.divFollowTitle){
		border-radius: 10px;
		font-size:25px;
		line-height:37px;
		padding:2px 17px 5px 18px;
		color:#ffffff;
		border-radius: 10px;
		overflow: hidden;
	}
	
	footer li:not(.divFollowTitle):after{
		background: #ffffff;
	}
	footer li:not(.divFollowTitle).selected:after{
		border:9px;
		background-color:var(--theme_colorA_v6);
		opacity: 1;
	}
	.contentpage .pageBanner, .contentwidth{
		max-width: calc( 100% - 120px  );
		max-width: calc( 100% - var(--heading_width) - 10px );
		margin-bottom:25px;
	}
	.contentLHS{
		    width: calc( 70% );
    margin-right: 0px;
	}
	
	.side-title{
		font-size:21px;
		line-height:25px;
	}
	.side-title:after{
		top: 0px;
		width: 24px;
		height: 110%;
	}
	.side-Content .side-items .title {
		padding: 0px;
		font-size: 22px;
		line-height: 37px;
		margin-top: 12px;
	}

}


/* MOBILE VERSION */
@media only screen and (max-width:560px) {
	.siteLOGO{
		max-width:260px;
	}
	.menuicon {
		top:22px;
	}
	.maxw {
		max-width: calc( 100% - 32px );
	}
	
	/*	MENU */
	footer{
		padding: 11px 0px;
	}
	footer .footer > div > div{
		    top: 100px;
	}
	footer .fmenu{
		grid-template-columns: auto;
	}
	footer section.LHS{
		display: none;
	}
	footer .fmenu ul:not(.wi-subm){
		grid-template-columns: auto;
	}
	footer ul.wi-subm{
		margin-bottom:40px;
	}
	footer .copyright{
		font-size:16px;
		line-height:22px;
	}
	.copyright span{
		display:block;
	}
	
	
	
	h1.section-title{
		font-size:30px;
		line-height:45px;
		/*margin-bottom:23px;*/
	}
	h1.section-title:after{
		margin-top:6px;
	}
	.pageHeading,.pageBanner{
		    display: inline-block;
			vertical-align: top;
	}
	.pageHeading{
		font-size: 35px;
		line-height: 52px;
		position: relative;
		margin-right:0px;
		/*margin-bottom: 80px;*/
	}
	.pageHeading > div:before{
		    width: 35px;
			height: 160px;
			right: auto;
			bottom: auto;
			left: 18px;
			top: 120px;
			background-size: cover;
			    background-position: left bottom;
	}
	.contentpage .pageBanner{
		margin-left:0px;
		position: relative;
		margin-bottom:15px;
	}
	.contentpage .pageBanner > div{
		padding-bottom: 81%;
	}
	.contentpage section{
		margin-top:70px;
	}
	.pageBanner img{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.contentwidth{
		max-width:unset;
		width:100%;
	}
	
	.contentLHS,.imgRHS{
		width:100%;
		margin:0px;
	}
	
	
	.contentLHS {
	    width: calc( 70% - 10px );
		margin-right: 10px;
		
		width:100%;
		margin-right: 0px;
		    
	}
	.main-content div:not(:last-child).contentLHS {
		margin-bottom: 70px;
	}
	.imgRHS{
		float: unset;
		width: 100%;
		margin-left: 0px;
	}
	
	.side-Content .side-items{
		grid-template-columns: calc( 50% - 7px ) calc( 50% - 7px );
		
	}
	.main-content div:not(:last-child).imgRHS.side-Content .side-items{
		margin-bottom:40px;
	}
	.side-Content .side-items .img span.imgframe {
		position: relative;
		padding-bottom: 140%;
	}
	.side-Content .side-items .img img {
		object-fit: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
	}
	.side-items .img .enlarge:after{
		right: 0px;
    bottom: -25px;
	}
	.side-Content .side-items .caption{
		    width: calc( 100% - 20px );
    margin-top: 5px;
	}
	.fancybox__caption{
		font-size:16px;
	}
}