@charset "utf-8";

#main_content { position: relative; max-width: 100%; margin: 0 auto; word-break: keep-all; padding: 0px 0 0px; }
#main_content:before  { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#main_content:after { content: " "; visibility: hidden; display: block; height: 0; clear: both;}

/* 202009 */
.section { position: relative; width: 100%; margin: 0 auto;}
.section .inner {position: relative;width: 100%;text-align:center;margin: 0 auto;padding: 0 40px;}
.section .inner .viewBox { position: relative; width: 100%; height: 100%; text-align:center; margin: 0 auto; }
.section .inner .viewBox > div {margin: 0 auto;text-align: center;cursor: pointer;}

.section#section0 { background-image: url(../../2102/images/main0_bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.section#section0 .fp-tableCell { overflow: hidden; }
.section#section0 .inner { padding: 4% 0 0 0; }
/*.section#section0 .inner .viewBox { padding: 113px 0 0 0;}*/
.section#section0 .inner .viewBox.desktopShow .headTop { width: 100%; max-width: 918px; margin: 0 auto; }
.section#section0 .inner .viewBox.desktopShow .headTop > img { width: 100%; max-width: 918px; margin: 0 auto; }
.section#section0 .inner .viewBox.desktopShow #youtube_btn2 { 
		width: 100%; max-width: 1680px; margin: 0 auto; cursor: pointer;
		position: relative;
	}
.section#section0 .inner .viewBox.desktopShow #youtube_btn2 #el2 { 
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: 20%;
	}
#section0 .fp-tableCell{
    /* vertical-align: bottom; */
}
@media only screen and (max-width : 980px) {

	.section#section0 { background-image: url(../../2104/images/main0m_bg.png);  }
}

.section .img_btn { position: absolute; left: 50%; bottom: 7%; width: 191px; height: 51px; margin-left: -95.5px; }
.section .img_btn .activeOn { position: absolute; left:27px;top:13px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.section .img_btn:hover .activeOn { left:38px; }

.section .img_btn2 { position: absolute; left: 50%; bottom: 7%; width: 191px; height: 51px; margin-left: -95.5px; }
.section .img_btn2 .activeOn { position: absolute; left:30px;top:17px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.section .img_btn2:hover .activeOn { left:38px; }

.section .img_btn3 { position: absolute; left: 50%; bottom: 7%; width: 191px; height: 51px; margin-left: -95.5px; }
.section .img_btn3 .activeOn { position: absolute; left:30px;top:17px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.section .img_btn3:hover .activeOn { left:38px; }

.section .img_btn4 { position: absolute; left: 50%; bottom: 7%; width: 191px; height: 51px; margin-left: -95.5px; }
.section .img_btn4 .activeOn { position: absolute; left:30px;top:17px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.section .img_btn4:hover .activeOn { left:38px; }

.section .img_btn5 { position: absolute; left: 50%; bottom: 7%; width: 191px; height: 51px; margin-left: -95.5px; }
.section .img_btn5 .activeOn { position: absolute; left:30px;top:17px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.section .img_btn5:hover .activeOn { left:38px; }



.section#section1 { background-image: url(../../2102/images/main1_bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
/*.section#section1 .inner .viewBox img { width: 100%; max-width: 918px; }*/

#section1 .fp-tableCell{
    vertical-align: middle;
}
#section1 .youtube_btn2 {cursor: pointer;}
@media only screen and (max-width : 980px) {
	.section .img_btn { bottom: 4%; }
	.section#section1 .inner { margin: 0 auto; padding: 0 0px;}
}

.section#section2 { background-image: url(../../2104/images/main2_bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
/*.section#section2 .inner { padding: 148px 0 0 0; }*/
/*.section#section2 .title { padding-top: 150px; }*/

.section#section2 .text-animation {
	padding-bottom: 50px;
}
#section2 .desktopShow .wrap{
	padding-left: 10%;
	padding-top: 0;
}
#section2 .desktopShow .title{
	padding-top: 8%;
}
.section#section2 .text-animation {
	padding-left: 8%;
}
.section#section2 .text-animation p { font-size: 5.5em; font-weight: bold; color: #717071; }
.section#section2 .text-animation p.second {
	padding-left: 4em;
}

#section2 .fp-tableCell{
    /* vertical-align: bottom !important; */
}
@media only screen and (max-width : 1800px) {
.section#section2 {background:#999 url(../../2102/images/main2_bg.png); background-size: 110%; background-position: center bottom;background-repeat: no-repeat;}
}
@media only screen and (max-width : 980px) {
	.section#section2 { background-image: url(../../2102/images/main2m_bg.png); background-position: center bottom;}
	.section#section2 .text-animation {
		padding-bottom: 4em;
	}
	.section#section2 .text-animation p {
		font-size: 2em; padding: 0 !important; text-align: center;
	}
	#section2 .fp-tableCell{
		padding-top: 30px;
		vertical-align: bottom;
	}

}

@media only screen and (max-width : 420px) {
	.section .img_btn { position: absolute; left: 53%; bottom: 90px; width: 191px; height: 51px; margin-left: -95.5px; }
	.section#section2 {background-position: center 54px;background-size: cover;}
}	
@media only screen and (max-width : 380px) {
	.section#section2 {background-position: center 50px;background-size: cover;}
}	
.section#section3 { background: #000; background-image: url(../../2102/images/main3_bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.section#section3 .inner { margin: 0 auto; }

	#section3 .fp-tableCell{
	    /* vertical-align: bottom; */
	}

@media only screen and (max-width : 980px) {
	#section3 .fp-tableCell{
		/*padding-top: 100px;*/
	    vertical-align: bottom;
	}	
	.section#section3 {
		background: #1a3b77;
		background-position: bottom center;
		background-size: contain;
	}
	#section3 .fp-tableCell{
		padding-top: 30px;
	}
}


.section#section4 {/* background: #FBCCC8; */background-image: url(../../2102/images/main4_bg.png);background-size: cover;background-position: center top;background-repeat: no-repeat;}
/*.section#section4 .inner { margin: 0 auto; padding: 0 40px; max-width: 1140px; }*/
#section4 .fp-tableCell{
	/* vertical-align: bottom; */
}
@media only screen and (max-width : 980px) {
	
	#section4 .fp-tableCell{
		vertical-align: middle;
	}	
	.section#section4 {background-image: url(../../2102/images/main4m_bg.png);background-size: cover;background-position: center top;background-repeat: no-repeat;}
	/*.section#section4 .inner { margin: 0 auto; padding: 0 40px; max-width: 1140px; }*/
}

#section5 {
	background: #faf7f2;
	/*background: linear-gradient(#fffef0 70%, #eb9d6b 30%);*/
	background-image: url(../../2102/images/main5_bg.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 100px;
}
#section5 .fp-tableCell{
	/*vertical-align: bottom;*/
}
@media only screen and (max-width : 980px) {
	#section5 {
		padding-top: 0px;
		margin-bottom: 10px;
	}
}

/* news */
.section#section6 { height: auto !important; display: block !important; table-layout: auto !important; box-sizing: border-box; padding: 0 0 0 0;}
.section#section6 .fp-tableCell { position: relative; height: 100% !important; display: block !important; table-layout: auto !important; box-sizing: border-box; }
.section#section6 .inner { max-width: 1200px; margin: 0 auto; padding: 3% 60px 60px 60px; text-align: center; box-sizing: border-box; height: auto !important}
.section#section6 .title-box {text-align: center; }
.section#section6 .title-box img { width: 100%; max-width: 918px; }
.bx-viewport {margin-bottom: 80px;}
/* PAGER */
.section#section6 .swiper-container { padding-bottom: 40px; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.section#section6 .swiper-button-prev,
.section#section6 .swiper-button-next { width: 46px; height: 46px; background-color: rgba(0, 0, 0, 0.5); background-size: 22px 26px; background-position: center center; background-repeat: no-repeat; opacity: .6; border-radius: 99px; outline: 0; }
.section#section6 .swiper-button-prev { left: 4px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E") !important; }
.section#section6 .swiper-button-next { right: 4px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E") !important; }
.section#section6 .swiper-button-prev:after,
.section#section6 .swiper-button-next:after { font-size: 22px; font-weight: 700; color: #746fcd; display: none; }
.section#section6 .swiper-button-prev:hover,
.section#section6 .swiper-button-next:hover { opacity: 1; }

.btn_prev { padding: 20px 0 30px; text-align: center; }
.btn_prev a { display: inline-block; width: 192px; height: 50px; }
.btn_prev a img { width: 100%; }

#footer_mian { position: relative; width: 100%; display: block; height: 100px; margin: 0px auto 0; background: #141414; }
#footer_mian .footer_wrap { position: relative; }
#footer_mian .footer_wrap .main_btn { margin: 0 auto; text-align: center; padding: 40px 0 20px 0;}
#footer_mian .footer_wrap .main_btn .btn { border-width: 2px; border-radius: 0; border-color: #555555 !important; color: #555555 !important;}
#footer_mian .footer_wrap .copyright { padding: 20px 0; color: #6f6f6f; text-align: center; font-size: 13px; }
/*#footer_mian .scroll-top-arrow,
#footer_mian .scroll-top-arrow:focus { position: absolute; top: -40px; }*/

#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #8ec96d !important;}
#fp-nav ul li .fp-tooltip { background: rgba(0,0,0, 0.6) !important; color: #fff !important; padding: 3px 6px; border-radius: 4px; font-size: 12px !important;}

.agree_box { border: 2px solid #b3b3b3;  padding: 40px 20px; }
.swiper-container-horizontal>.swiper-scrollbar {height:6px !important;background: #f7f7f7;}
.swiper-scrollbar-drag {background:#d3d3d3 !important;}

/* ******************************* */
/* ******************************* */
/*         reponsive_CSS*           /
/* ******************************* */
/* ******************************* */
.section .mobileShow { display: none;}

@media only screen and (max-width: 1420px) {
	.section#section0 .fp-tableCell { overflow: hidden; }
	.section#section0 .inner .viewBox.desktopShow #youtube_btn2 { width: 92%; max-width: 1200px;}
}

/*@media only screen and (max-width: 767px) {*/
@media only screen and (max-width : 980px) {
	.section .desktopShow { display: none !important;}
	.section .mobileShow { display: block !important;}

	.section .title { text-align: center; }
	.section .title img { max-width: 50%; }

	.section .inner > .viewBox > img { width: 100%; max-width: 100%; margin-top: 0px; }
	.section .inner > .viewBox {
		/*padding-bottom: 30px;*/
	}

	.section .inner .viewBox > img { width: 100%; max-width: 767px; max-width: 100%;  }
	.section .inner .img_btn { bottom: 0; width: 150px; height: auto; margin-left: -70px;}
	.section .inner .img_btn .activeOn { left:46px;top:11px; }
	.section .inner .img_btn:hover .activeOn { left:54px; }

	/* news */
	/*.section#section6 { padding: 3% 0 0 0 !important; }*/
	.section#sectiont .fp-tableCell { vertical-align: top; }
	.section#section6 .title-box { padding: 40px 0; }
	.section#section6 .inner {padding: 0 50px 30px;}
	.section#section6 .inner > .viewBox > img { width: 92%; max-width: auto; }
	.section#section6 .swiper-button-prev,
	.section#section6 .swiper-button-next { width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.5); background-size: 12px 16px; background-position: center center; background-repeat: no-repeat; opacity: .6; border-radius: 99px; outline: 0; }
	.section#section6 .swiper-button-prev { left: 7px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E") !important; }
	.section#section6 .swiper-button-next { right: 7px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E") !important; }

	.btn_prev { padding: 10px 0 10px; }
	.btn_prev a { width: 138px; }

	#footer_mian {height: auto;}
	#footer_mian .footer_wrap .copyright { width: 100%; padding: 15px 0; box-sizing: border-box; font-size: 12px; }
	#footer_mian .footer_wrap .copyright > div { width: 80%; margin: 0 auto;}
	#footer_mian .scroll-top-arrow:focus { top: -50px; }

	.fp-nav ul li .fp-tooltip {display: none;}

}