.banner-section .banner-container {
	position: relative;
	width: 100%;
	height: 898px;
	background: url(/static/images/home/banner1.jpg) center bottom  / cover no-repeat;
}

.video-container {
	position:relative;
	display: block;
	padding: 190px 0px 50px;
	background: url(/static/images/home/demo-bg1.jpg) center / cover no-repeat;
}

.video-container:before {
	position: absolute;
	content: '';
	top: 60px;
	left: 0;
	width: 100%;
	height: 66px;
	background: url(/static/images/home/demo-section-en.png) 60px 0 / 918px 66px no-repeat;
}

.demo-section .demo-container {
	position: relative;
	text-align: center;
}

.demo-section .video-container-1:before {
	position: absolute;
	content: '';
	top: -23px;
	left: -8px;
	width: 123px;
	height: 82px;
	/*background: url(/static/images/home/border1.png) center / contain no-repeat;*/
}

.demo-section .video-container-2:after {
	position: absolute;
	content: '';
	bottom: 40px;
	right: -8px;
	width: 123px;
	height: 82px;
	/*background: url(/static/images/home/border1.png) center / contain no-repeat;*/
	transform: rotate(180deg);
	z-index: -1;
}

.demo-section video {
	width: 100%;
}

.step-container {
	position:relative;
	padding: 2rem 5rem;
	display: block;
	background: url(/static/images/home/demo-bg2.jpg) center / cover no-repeat;
}

ul.services-list li a {
	display: block;
	padding: 14px 20px 14px 20px;
	transition: all .5s ease;
	position: relative;
	background: #F6F9FE;
	color: #080d41;
	border-style: solid;
	border-width: 0.5px 0.5px 0.5px 0.5px;
	border-color: #00204A1A;
	border-radius: 5px 5px 5px 5px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
	text-align: initial;
}
ul.services-list li a:before {
	content: "\f061";
	font-family: "Font Awesome 5 Free"!important;
	position: absolute;
	right: 18px;
	top: 16px;
	color: #080d41;
}
ul.services-list li a.active,
ul.services-list li a:hover {
	background: #126ee8;
	color: #ffffff;
}
ul.services-list li a.active:before,
ul.services-list li a:hover:before {
	color: #ffffff;
}

.vr-text-en {
	padding: 60px 60px;
	filter: invert(0.1);
}

.about-section {
	position: relative;
	text-align: center;
	padding: 0 0 1rem;
	background: url(/static/images/home/vr-bg1.jpg) center / cover no-repeat;
}

.about-section:before {
	position: absolute;
	content: '';
	top: -60px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static/images/home/shape-1.png) right top / 196px 192px no-repeat;
}

.about-section .content-container {
	padding: 1rem;
}

.about-section .title {
	font-weight: bold;
	padding-bottom: 15px;
}

.about-section .about-content {
	text-align: justify;
}

.about-section .start-experiment {
	display: inline-block;
	width: 120px;
	height: 40px;
	color: white;
	background-color: #006734;
	border-radius: 15px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.team-section{
	position:relative;
	padding: 160px 0 0;
	min-height: 500px;
}

.team-section:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static/images/home/team-section-en.png) 200px 60px / 614px 65px no-repeat,
				url(/static/images/home/team-bg1.jpg) left center / cover no-repeat;
}

.team-section img {
	height: 270px;
}

.team-section a {
	color: #787878;
}

.team-section a:hover {
	color: #ff8a00;
}

.stat-section {
	position: relative;
    padding: 50px 0px 50px;
    background-color: #f7f9fb;
}


.stat-section .pattern-layer{
	position:absolute;
	content:'';
	right:0px;
	top:0;
	right:0px;
	bottom:0px;
	width:221px;
	height:500px;
}

.stat-item {
	color:white;
	padding: .5rem;
	margin: 1rem;
	border: 1px solid;
	border-radius: .2rem;
	background-color: #1bb59b;
}

.guide-type-text {
	font-size: 30px;
	font-weight: bold;
	padding: 1rem;
}

.guide-title-text {
	font-size: 30px;
	font-weight: bold;
	padding: 1rem;
}

.guide-title {
	font-weight: bold;
}

.guide-content {
	text-align: justify;
	text-indent: 2rem;
}

.guide-image-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex: 1;
}

.guide-image {
	width: 100%;
	padding: 1rem 0;
}

.guide-image-container .guide-image {

}
.guide-figure-legend {
	text-align: center;
}

.guide-checkbox {
	display: block;
	position: relative;
	padding-left: 16px;
}

.guide-checkbox:before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free"!important;
	position: absolute;
	left: 0;
	top: 1px;
}

.guide-checkbox.checked:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free"!important;
	position: absolute;
	left: 0;
	top: 1px;

}

ul.guide-content li {
	list-style-type: "\2713";
}








.report-container {
	width: 1000px;
}

.report-container .report-cover-container {
	height: 1100px;
	margin: auto;
	position: relative;
}

.report-container .cover-container {
	text-align: center;
}

.report-container .cover-container .report-logo {
	width: 150px;
	padding-top: 50px;
	filter: drop-shadow(10px 10px 20px);
}

.cover-container .cover-title {
	margin-top: 50px;
	margin-bottom: 200px;
}

.cover-content.justify {
	font-size: 16px;
	width: 80px;
	display: inline-block;
	text-align-last: justify;
	margin-top: 20px;
}

.cover-content.blank-systemfill {
	font-size: 16px;
	display: inline-block;
	width: 400px;
	text-align: center;
	border-bottom: solid 1px;
	vertical-align: bottom;
}

.report-container .body-content {
	text-align: justify;
}

.report-container .content-container {
	padding-bottom: 2rem;
}

.report-container .content-container .item-title {
	font-size: 16px;
	font-weight: bold;
}

.report-container .content-container .item-content {
	text-indent: 2em;
}

.report-container .container {
	border: 1px solid #dee2e6;
	border-bottom: 0;
}

.report-container .container>ul>li {
	border-bottom: 1px solid #dee2e6;
	padding: 1rem;
}

.report-container .container ul ul li p  {
	text-indent: 2em;
}

.report-container .container ul ul li p:first-child  {
	text-indent: 0;
}