*,
*::after,
*::before {
	box-sizing: border-box;
}
html{
	background-color: #080e38;
	width: 100%;
}
body {
	font-family: 'Source Sans Pro', Avenir, 'Helvetica Neue', Helvetica,微軟正黑體”, sans-serif;
	/*min-height: 100vh;*/
	color: #fff;
	/*background-color: #080e38;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x:hidden !important; 
}
a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

a:hover,
a:focus {
	color: var(--color-link-hover);
	outline: none;
}

main {
	width: 100%;
}


/* Nav */
.nav-2 {
	--color-link: #fff;
	--color-link-hover: #fff100;
	--color-info: #fff;
	--path-fill-1: #00e4ff;
	--path-fill-2: #00a8ff;
	--path-fill-3: #0c3f95;
	--path-fill-4: #081b59;
	--color-title: #fff;
	--font-family-title: inherit;
	--font-size-title: 6vmax;
	--font-weight-title: 200;
	--color-menu: #fff;
	--color-menu-hover: #fff;
	--font-family-menu: inherit;
	--font-size-menu: 24px;
	--font-weight-menu: 200;
	--button-bg: #fff;
	--button-circle: #fff;
	--button-line: #222;
}

.nav {
	margin: 0 0.15em;
}

.nav:hover,
.nav:focus {
	opacity: 0.5;
}

.nav span {
	white-space: nowrap;
	text-transform: lowercase;
	pointer-events: none;
}

.nav span::before {
	content: '#';
}

a.nav--current {
	pointer-events: none;
}

.nav-title {
	color: var(--color-title);
	font-family: var(--font-family-title);
	font-size: var(--font-size-title);
	font-weight: var(--font-weight-title);
}

.global-menu {
	width: 100vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 97;
}

.global-menu__item {
	color: var(--color-menu);
	font-family: var(--font-family-menu);
	font-size: var(--font-size-menu);
	font-weight: var(--font-weight-menu);
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 0.25em 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
}

.global-menu__item--nav-2:nth-child(odd) {
	transform: translateY(-100%) rotate(10deg);
}

.global-menu__item--nav-2:nth-child(even) {
	transform: translateY(-100%) rotate(-10deg);
}

.global-menu__item:hover {
	color: var(--color-menu-hover);
}

.global-menu__item.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
}

.global-menu__item:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__item:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__item:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__item:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

/* nav 2 */
.global-menu__item--nav-2:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item--nav-2.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__item--nav-2:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item--nav-2.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__item--nav-2:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item--nav-2.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__item--nav-2:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item--nav-2.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 96;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: var(--path-fill-1);
}

.shape-overlays__path:nth-of-type(2) {
	fill: var(--path-fill-2);
}

.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}

@-webkit-keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

.hamburger {
	width: 64px;
	height: 64px;
	display: block;
	cursor: pointer;
	position: fixed;
	top: 45vh;
	left: 28px;
	z-index: 98;
	border-radius: 50%;
	background-color: var(--button-bg);
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hamburger::after {
	width: 64px;
	height: 64px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 4px solid var(--button-circle);
	border-radius: 50%;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: intervalHamburgerBorder;
	animation-name: intervalHamburgerBorder;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.hamburger__line {
	width: 28px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.hamburger__line-in {
	width: 84px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	width: 28px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-color: var(--button-line);
}

.hamburger__line-in::before {
	left: -56px;
}

.hamburger__line-in::after {
	left: 0;
}

.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	left: 18px;
}

.hamburger__line--01 {
	top: 24.6px;
}

.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	top: 31px;
}

.hamburger__line--03 {
	top: 37.4px;
}

.hamburger__line--cross01 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger__line--cross02 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger__line {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hamburger__line-in--cross01,
.hamburger__line-in--cross02 {
	-webkit-transform: translateX(-33.3%);
	transform: translateX(-33.3%);
}

.hamburger__line-in--01 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.hamburger__line-in--02 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger__line-in--02::before,
.hamburger__line-in--02::after {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--03 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger__line-in--03::before,
.hamburger__line-in--03::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

.hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--cross02::before,
.hamburger__line-in--cross02::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--01,
.hamburger.is-opened-navi .hamburger__line-in--02,
.hamburger.is-opened-navi .hamburger__line-in--03 {
	-webkit-transform: translateX(33.3%);
	transform: translateX(33.3%);
}

.hamburger.is-opened-navi .hamburger__line-in--cross01,
.hamburger.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.hamburger.is-opened-navi .hamburger__line-in--01 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.hamburger.is-opened-navi .hamburger__line-in--02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger.is-opened-navi .hamburger__line-in--03 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger:hover .hamburger__line-in::before,
.hamburger:hover .hamburger__line-in::after {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

.hamburger:hover .hamburger__line-in--01::before,
.hamburger:hover .hamburger__line-in--01::after,
.hamburger:hover .hamburger__line-in--02::before,
.hamburger:hover .hamburger__line-in--02::after,
.hamburger:hover .hamburger__line-in--03::before,
.hamburger:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger:hover .hamburger__line-in--cross01::before,
.hamburger:hover .hamburger__line-in--cross01::after,
.hamburger:hover .hamburger__line-in--cross02::before,
.hamburger:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger.is-opened-navi:hover .hamburger__line-in--01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}


@media screen and (min-width: 55em) {
	.icon--keyboard {
		position: absolute;
		right: 0.55em;
		bottom: -30%;
		display: block;
		width: 54px;
		height: 46px;
		fill: var(--color-link);
	}
	.nav {
		display: block;
		width: 17px;
		height: 17px;
		margin: 0 4px;
		border-radius: 50%;
		background: var(--color-link);
	}
	a.nav--current {
		background: var(--color-link-hover);
	}
	.nav span {
		position: absolute;
		line-height: 1;
		right: 100%;
		display: none;
		margin: 0 1em 0 0;
	}
	.nav--current span {
		display: block;
	}
}

@media screen and (max-width: 55em) {
	
	.hamburger {
		position: fixed;
		top: 2em;
		left: 25px;
		transform: scale(0.75);
	}
	.content {
		height: auto;
		min-height: 0;
		/*padding-bottom: 10em;*/
		flex-direction: column;
	}


}
/*End Nav*/
/*Setting*/
.clear{
	clear: both;
	display: block;
}
.reset{
	padding: 0;
	margin: 0;
}
.blueBg{
	background: #080e38;
}
.blackBg{
	background: #000;
}
.whiteText{
	color: #fff;
}
.yellowText{
	color: #fdd108;
}
.relative{
	position: relative;
}

/*End Setting*/


/*1 Section*/
.section1{
	width: 100%;
	height: 100vh;
}
.scroll{
	text-align: center;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
@-webkit-keyframes example {
	0%   {transform: translateY(0px);}
	50% {transform: translateY(5px);}
	100% {transform: translateY(0px);}
}
.scroll i{
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 1s;
	animation-iteration-count: infinite;
  
  transition: 1s;
}
.scroll:hover{
	color: #fdd108;
	transition: 1s;
}

.bigCircle{
	width: 493px;
	height: 493px;
	margin: 50px auto 0 auto;
}
.circleElement{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.circleElement img{
	width: 100%;
}
@-webkit-keyframes exampleA {
	0%   {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}
@-webkit-keyframes exampleB {
  0%   {transform: scale(1);}
  50% {transform: scale(1.03);}
  100% {transform: scale(1);}
}
@-webkit-keyframes exampleC {
	0%   {transform: rotate(0deg);}
	50% {transform: rotate(-180deg);}
	100% {transform: rotate(-360deg);}
}
.circleElement01{
	z-index: 1;

	-webkit-animation-name: exampleA; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: exampleA;
	animation-duration: 10s;
	animation-iteration-count: infinite;\
}
.circleElement02{
	z-index: 2;

	-webkit-animation-name: exampleB; /* Safari 4.0 - 8.0 */
  	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
 	 -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  	animation-name: exampleB;
  	animation-duration: 2s;
  	animation-iteration-count: infinite;
	
}
.circleElement03{
	z-index: 3;

	-webkit-animation-name: exampleC; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: exampleC;
	animation-duration: 10s;
	animation-iteration-count: infinite;\
	
}
.circleElement04{
	z-index: 4;
	
	-webkit-animation-name: exampleA; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: exampleA;
	animation-duration: 5s;
	animation-iteration-count: infinite;\
}
/*End 1 Section*/


/*2 Section*/
.section2,.section2 .regular, .youtube-video{
	width: 100%;
	height: 100vh;
}
.section2 .regular img{
	width: 100%;
}
.regular .slick-dots li button::before{
	font-size: 10px;
	color: #fff;
	opacity:1;
}
.regular .slick-dots{
	bottom: 25px;
}
.regular .slick-dots li.slick-active button::before{
	color: #fdd108;
	opacity:1;
}
.regular .slick-prev, .regular .slick-next{
	width: 52px;
	height: 90px;
	z-index: 5;
}
.regular .slick-prev{
	background: url(../images/prev.png)top center no-repeat;
	left: 30px;

}	
.regular .slick-next{
	background: url(../images/next.png)top center no-repeat;
	right: 30px;
}

.regular .slick-prev::before, .regular .slick-next::before{
	opacity:0;
}
/*End 2 Section*/


/*3 Section*/
.section3{
	width: 65%;
	margin: 100px auto 0 auto;
}
.title{
	width: 300px;
	height: 300px;
	float: left;
}
.titleBg, .titleBg img{
	width: 100%;
}
.titleBg{
	position: absolute;
}
.titleBg01{
	z-index: 1;
	top: 30px;
	left: 60px;

	-webkit-animation-name: exampleC; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: exampleC;
	animation-duration: 5s;
	animation-iteration-count: infinite;\

}
.titleBg02{
	z-index: 2;
	top: 0;
	left: 0;

	-webkit-animation-name: exampleA; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: exampleA;
	animation-duration: 10s;
	animation-iteration-count: infinite;\
	
}
.titleBg03{
	z-index: 3;
	top: 0;
	left: 0;
}
.section3Content{
	width: 60%;
	float: left;
	text-align: left;
	margin-left: 100px;
	margin-top: 200px;
}
.section3Title01{
	display: block;
	margin-bottom: 50px;
}
.evetslider{
	background: url(../images/bg01.png)top center no-repeat;
	margin-bottom: 100px;
}
.regular02 .slick-dots li button::before{
	font-size: 10px;
	color: #fff;
	opacity:1;
}
.regular02 .slick-dots{
	bottom: -50px;
}
.regular02 .slick-dots li.slick-active button::before{
	color: #fdd108;
	opacity:1;
}
.regular02 .slick-prev, .regular02 .slick-next{
	width: 52px;
	height: 90px;
	z-index: 5;
}
.regular02 .slick-prev{
	background: url(../images/prev.png)top center no-repeat;
	left: -100px;

}	
.regular02 .slick-next{
	background: url(../images/next.png)top center no-repeat;
	right: -100px;
}

.regular02 .slick-prev::before, .regular02 .slick-next::before{
	opacity:0;
}
.regular02{
	text-align: left;
	width: 900px;
	margin: 250px auto 0 auto;
}
.section3sliderTitle, .regular02 p{
	display: block;
	margin-bottom: 50px;
}

.section3TimeLeft,.section3TimeRight{
	float: left;
}
.section3TimeRight i{
	padding-right: 10px;
}
.section3TimeLeft{
	width: 15px;
	height: 75px;
	background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
	margin-right: 20px;
}
.section3TimeRight{
	font-weight: bold;
	font-size: 1.5em;
}
.section3sliderContent{
	display: block;
	width: 100%;
	padding-top: 50px;
}
/*End 3 Section*/


/*4 Section*/
.section4{
	width: 100%;
	height: 100vh;
	background: transparent;
}
.cmBtn{
	text-align: center;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	border: 1px solid #00923d;
	margin: 90vh auto 0 auto;
	cursor: pointer;
	transition: 1s;
	color: #00923d;
}
.cmBtn:hover{
	background: #00923d;
	border: 1px solid #00923d;
	color: #fff;
	transition: 1s;
}
.popBg{
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.8);
	position: fixed;
	overflow: hidden;
	z-index: 999;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}
.x{
	color:#00923d;
	font-size: 40px;
	width: 40px;
	margin: 50px auto 0 auto;
	transition: .5s;
	cursor: pointer;
}
.x:hover{
	color:#fff;
	transition: .5s;
	transform: rotateY(180deg);
}
.popSlider{
	width: 900px;
	margin: 0 auto;
}
.popSlider .regular02, .popSlider .regular02 img, .popSliderMobile .regular02, .popSliderMobile .regular02 img{
	width: 100%;
}
.popSlider .regular02, .popSliderMobile .regular02{
	margin-top: 50px;
}
.popSlider .regular02 .slick-dots li.slick-active button::before, .popSliderMobile .regular02 .slick-dots li.slick-active button::before{
	color:#00923d;
	opacity:1;
}
.popSliderMobile{
	display: none;
}

/*End 4 Section*/


/*5 Section*/
.title02{
	width: 300px;
	height: 300px;
	margin: 100px auto 100px auto;
}
.section5 img{
	display: block;
	margin-bottom: 50px;
}
.section5 img:first-child{
	width: 95%;
	max-width: 400px;
	margin: 0 auto 50px auto;

}
.section5All{
	margin-bottom: 100px;
}
/*End 5 Section*/


/*6 Section*/
.section6{
	width: 100%;
	min-height: 120vh;
	background: transparent;
}
.historyTitle{
	width: 197px;
	display: block;
	margin: 100px auto 100px auto;
}
.historySlider{
	width: 700px;
	margin: 0 auto;
	display: block;
}
.historyTitle02{
	width: 447px;
	display: block;
	margin: 0 auto;
}
.youtube-video02{
	width: 100%;
	margin-bottom: 50px;
	margin-top: 50px;
}
.historySlider .regular03 .slick-dots li button::before{
	font-size: 10px;
	color: #fff;
	opacity:1;
}
.historySlider .regular03 .slick-dots{
	bottom: -25px;
}
.historySlider .regular03 .slick-dots li.slick-active button::before{
	color: #fdd108;
	opacity:1;
}
.historySlider .regular03 .slick-prev, .historySlider .regular03 .slick-next{
	width: 52px;
	height: 90px;
	z-index: 5;
}
.historySlider .regular03 .slick-prev{
	background: url(../images/prev.png)top center no-repeat;
	left: -80px;

}	
.historySlider .regular03 .slick-next{
	background: url(../images/next.png)top center no-repeat;
	right: -80px;
}

.historySlider .regular03 .slick-prev::before,.historySlider .regular03 .slick-next::before{
	opacity:0;
}

/*End 6 Section*/


/*7 Section*/
.section7{
	width: 65%;
	margin: 100px auto;
}
.title03{
	float: left;
	width: 300px;
	height: 300px;
}
.section7Content{
	float: left;
	width: 65%;
	margin-left: 100px;
	line-height: 2.5em;
}
.transportBold{
	font-size: 1.2em;
	font-weight: bold;
}
.section7Content i{
	cursor: pointer;
	transition: .5s;
}
.section7Content i:hover{
	transition: .5s;
	transform: rotateY(180deg);
	color: #fdd108;
}
#map{
	width: 100%;
	height: 600px;
	background-color: grey;
  	color: #1369c9;
  	margin-bottom: 20px;
}
.deskTopTrasport{
	display: block;
}
.mobileTransport{
	display: none;
}
.qrcode{
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
	margin-top: 30px;
	transition: 1s;

}
.section7Content a:hover{
	color: #080e38;
}
.qrcode:hover{
	background: #fff;
	color: #080e38;
	border: 1px solid #fff;
	transition: 1s;
}
.qrcode02{
	width: 100%;
	min-height:200px;
	display: block;
	clear: both; 
}
.qrcodeLeft,.qrcodeRight{
	float: left;
	width: 150px;
	margin-right: 20px;
	padding-bottom: 20px;
}
/*End 7 Section*/


/*8 Section*/
.section8{
	width: 100%;
	min-height: 100vh;
}
.section8LogoAll{
	width: 1050px;
	margin: 20vh auto 100px auto;
	
}
footer{
	 width: 100%;
	 height: 60px;
	 line-height: 60px;
	 text-align: center;
	 position: absolute; 
	 bottom: 0;
	 left: 0;
	 border-top: 1px solid #9c9faf;
}

/*End 8 Section*/


/*RWD*/
@media screen and (max-width: 1600px) {
	.section3{
		width: 75%;
	}
	.section7{
		width: 85%;	
	}
}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1366px) {
	.section3{
		width: 80%;
	}
	.section7{
		width: 90%;
	}
}
@media screen and (max-width: 1280px) {
	.section3, .section7{
		width: 95%;
	}
	.section7Content{
		width: 55%;
	}
	.section6{
		min-height: 160vh;
	}
}
@media screen and (max-width: 1024px) {	
	.section3{
		width: 85%;
	}
	.regular02{
		width: 800px;
	}
	.title{
		float: none;
		margin: 0 auto;
	}
	.section3Content{
		width: 60%;
		float: none;
		margin: 100px auto 0 auto;
	}
	.popSlider{
		width: 700px;
	}
	.section8LogoAll{
		width: 90%;
	}
	
	
}
@media screen and (max-width: 960px) {
	.regular02{
		width: 700px;
	}
	.section6{
		min-height: 150vh;
	}

}
@media screen and (max-width: 768px) {
	.section3Content{
		width: 90%;
		float: none;
		margin: 100px auto 0 auto;
	}
	.regular02{
		width: 80%;
	}
	.regular02 .slick-prev{
		left: -70px;

	}	
	.regular02 .slick-next{
		right: -70px;
	}
	.popSlider{
		width: 600px;
	}
	.historyTitle {
	    margin: 350px auto 100px auto;
	}
	.historySlider .regular03 .slick-prev{
		left: 0px;

	}	
	.historySlider .regular03 .slick-next{
		right: 0px;
	}
	.section6{
		min-height: 130vh;
	}
	.section7{
		width: 80%;
	}
	.title03{
		float: none;
		margin: 0 auto 100px auto;
	}
	.section7Content{
		float: none;
		width: 100%;
		margin-left: 0px;
	}
}
@media screen and (max-width: 640px) {
	.section3Title01{
		width: 100%;
	}
	.section5{
		margin-bottom: 50px;
	}
	.popSlider{
		width: 500px;
	}
	.historyTitle {
	    margin: 200px auto 100px auto;
	}
	.historySlider{
		width: 500px;
	}
}
@media screen and (max-width: 480px) {
	.bigCircle{
		width: 60%;
	}
	.evetslider{
		background: url(../images/bg02.png)top center no-repeat;
	}
	.regular02 .slick-prev{
		left: -20px;
		opacity: .3;

	}	
	.regular02 .slick-next{
		right: -20px;
		opacity: .3;
	}
	.regular02{
		width: 100%;
	}
	.titleBg01{
		left: 30px;
	}
	.section5 img:first-child{
		width: 380px;
	}
	.popSlider{
		display: none;
	}
	.popSliderMobile{
		display: block;
		width: 400px;
		margin: 0 auto;
	}
	.historyTitle {
	    margin: 150px auto 100px auto;
	}
	.historySlider{
		width: 400px;
	}
	.historyTitle02{
		width: 400px;
	}
	.section6{
		min-height: 200vh;
	}
	.regular .slick-prev, .regular .slick-next,.regular02 .slick-prev, .regular02 .slick-next, .historySlider .regular03 .slick-prev, .historySlider .regular03 .slick-next{
		width: 30px;
		height: 52px;
	}
	.regular .slick-prev,.regular02 .slick-prev,.historySlider .regular03 .slick-prev,.popSliderMobile .regular02 .slick-prev{
		background: url(../images/prevSm.png)top center no-repeat;

	}	
	.regular .slick-next,.regular02 .slick-next,.historySlider .regular03 .slick-next,.popSliderMobile .regular02 .slick-next{
		background: url(../images/nextSm.png)top center no-repeat;
	}
	.regular .slick-prev{
		left: 0px;
	}
	.regular .slick-next{
		right: 0px;
	}
	.popSliderMobile .regular02 .slick-dots{
		bottom: -20px;
	}
	.deskTopTrasport{
		display: none;
	}
	.mobileTransport{
		display: block;
	}
	.scroll{
		display: none;
	}
	
}
@media screen and (max-width: 414px) {
	.title, .title02, .title03{
		width: 250px;
	}
	.regular02{
		margin: 150px auto 0 auto;
	}
	.section3TimeLeft{
		width: 10px;
		height: 45px;
	}
	.section3TimeRight{
		font-size: 1em;
	}
	.popSliderMobile{
		width: 350px;
	}
	
}  
@media screen and (max-width:375px) {
	
	.section3sliderTitle{
		width: 100%;
	}
	.section5 img:first-child{
		width: 300px;
	}
	.historySlider{
		width: 300px;
	}
	.historyTitle02{
		width: 300px;
	}
	
	.section8LogoAll img{
		max-width: 300px;
	}

}
@media screen and (max-width:360px) {
	.title, .title02, .title03{
		width: 200px;
	}
	.popSliderMobile{
		width: 300px;
	}
	.section6{
		min-height: 250vh;
	}

}
@media screen and (max-width:320px) {
	.section3TimeLeft{
		display: none;
	}
	
	
}