@charset "utf-8";
/* CSS Document */
h1 {
	font-size:30px;
	-webkit-text-size-adjust: 84%;
}
/*//////////////////////////////*/
/*/////////// Main /////////////*/
/*//////////////////////////////*/
.imgNav {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.navTop {
	z-index: 9999;
	height:48px;
	background-color:#2e96cd;
}
.navTopBox {
	width:20%;
	height:48px;
	text-align:center;
}
.navTopLeft {
	width:20%;
	height:48px;
	text-align:center;
}
.linkLanguage a {
	color: #ffffff;
	text-decoration: none;
}
.linkLanguage a:hover {
	color: #fff200;
	text-decoration: none;
}
/*/////////////////////////////*/
/*////// Left Navigator ///////*/
/*/////////////////////////////*/ 
.navHighlight {
	color:#00bff3;
}
#navi {
	border-bottom: 1px solid #224e6b;
}
#navi ul {
	color: #ffffff;
	list-style-type: none;
}
#navi li a {
	display: block;
	color: #ffffff;
	padding: 11px 0 11px 41px;
	text-decoration: none;
}
/*#navi li a.active {
	background-color: #4CAF50;
	color: white;
}*/
#navi li a:hover:not(.active) {
	color: #008cba;
	font-weight: bold;
	background-color: #ffffff;
}
.HiddenText {
	display: none;
}
#navi li a:hover:not(.active) .HiddenText {
	display:block;
	float:right;
	padding-right:20px;
	font-weight: normal;
}
/*//////////////////////////////*/ 
/*//////////////////////////////*/ 
.accordion {
	/*	margin: 1rem 0;*/
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordion-item {
	border-top: 1px solid #224e6b;
}
/* Thumb */
.accordion-thumb {
	margin: 0;
	font-size:16px;
	padding: 11px 0 11px 20px;
	cursor: pointer;
	font-weight: normal;
}
.accordion-thumb::before { /* Arrow */
	content: '';
	display: inline-block;
	height: 7px;
	width: 7px;
	margin: 0 12px 0 0;
	vertical-align: middle;
	border-right: 2px solid #00bff3;
	border-bottom: 2px solid #00bff3;
	-webkit-transform: translate(0px, -2px) rotate(-45deg);
	transform: translate(0px, -2px) rotate(-45deg);
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
/* Panel */
.accordion-panel {
	margin: 0;
	/* padding-bottom: .8rem;*/
	display: none;
}
.accordion-panel ul {
	list-style-type: none;
}
.accordion-panel li a {
	display: block;
	text-decoration: none;
	border-top: 1px dotted #224e6b;
}
.accordion-panel li a:hover:not(.active) {
	color: #008cba;
	font-weight: bold;
	background-color: #ffffff;
}
.HiddenTextSub {
	display: none;
}
.accordion-panel li a:hover:not(.active) .HiddenTextSub {
	display:block;
	float:right;
	padding-right:20px;
	font-weight: normal;
}
/* Active */
.accordion-item.is-active .accordion-thumb::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*/////////////////////////////*/
/*//// Right Navigator (Old) ///*/
/*/////////////////////////////*/ 
#naviRight ul {
	color: #ffffff;
	list-style-type: none;
	border-top: 1px solid #224e6b;
}
#naviRight li a {
	display: block;
	color: #ffffff;
	padding: 11px 0 11px 20px;
	text-decoration: none;
	border-bottom: 1px solid #224e6b;
}
/*#navi li a.active {
	background-color: #4CAF50;
	color: white;
}*/
#naviRight li a:hover:not(.active) {
	color: #008cba;
	font-weight: bold;
	background-color: #ffffff;
}
.HiddenTextRight {
	display: none;
}
#naviRight li a:hover:not(.active) .HiddenTextRight {
	display:block;
	float:right;
	padding-right:20px;
	font-weight: normal;
}
/*/////////////////////////////*/
/*////// Right Navigator //////*/
/*/////////////////////////////*/ 
#naviRightWWW ul {
	color: #ffffff;
	list-style-type: none;
	padding-left:20px;
}
#naviRightWWW li a {
	display: block;
	color: #ffffff;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	border: 1px solid #224e6b;
	margin-bottom:5px;
	margin-right:5px;
	width:42%;
	float:left;
}
#naviRightWWW li a:hover:not(.active) {
	color: #008cba;
	font-weight: bold;
	background-color: #ffffff;
}
/*//////////////////////////////*/
/*//////// Top Navigator ///////*/
/*//////////////////////////////*/
/*.naviRight ul {
	color: #ffffff;
	list-style-type: none;
}
.naviRight li a {
	display: block;
	color: #ffffff;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	border: 1px solid #224e6b;
	margin-bottom:5px;
}
.naviRight li a:hover:not(.active) {
	color: #008cba;
	font-weight: bold;
	background-color: #ffffff;
}*/
/*//////////////////////////////*/
/*//////// Social media ////////*/
/*//////////////////////////////*/
.circleShare2 {
	margin-top:6px;
	color:#ffffff;
	font-size:19px;
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
	/*border:1px solid #ffffff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;*/
}
.circleShare {
	margin-top:6px;
	color:#ffffff;
	font-size:19px;
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
}
/*/////////////////////////////*/
/*////// Video Container //////*/
/*/////////////////////////////*/
.video-container {
	/*  float: none;
    clear: both;
    width: 100%;	*/
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*/////////////////////////////*/
/*/////////////////////////////*/
.circleZoom {
	margin:0 15px 20px 15px;
	position:absolute;
	text-align: center;
	line-height:52px;
	width: 51px;
	height: 51px;
	bottom:0;
	right:0;
	max-width: 100%;
	background-color:#000000;
	opacity: 0.5;
	color:white;
	-moz-border-radius: 51px;
	-webkit-border-radius: 51px;
	border-radius: 51px;
}
/*/////////////////////////////*/
/*/////////// Tabs ////////////*/
/*/////////////////////////////*/
.tabs {
	display: flex;
	flex-wrap: wrap; /* make sure it wraps */
}
.tabs label {
	order: 1; /* Put the labels first */
	display: block;
	min-width: 33%;
	cursor: pointer;
	font-family: Abel-Regular;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
	background: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px; /* transition: background ease 0.2s; */
}
.tabs .tab {
	order: 99; /* Put the tabs last */
	flex-grow: 1;
	width: 100%;
	display: none;
	padding-top:20px; /* background: #90CAF9; */
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #2e96cd; /* Menu */
	color: #ffffff;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}
/*/////////////////////////////*/
/*/////// Slide Download //////*/
/*/////////////////////////////*/
.slick-slide {
	text-align: center;/*	color: white;
	background: white;*/
}
.carousel-item {
	/*	background: #2e96cd;*/
	margin-left:10px;
	margin-right:10px;
}
.prev-slide .next-slide {
	vertical-align: center;
}
