/*首頁*/
.indexImg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: rgba(255, 255, 255, .5);
	padding: 20px;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.indexImg::before {
	content: '';
	width: 100%;
	height: 100%;
	backdrop-filter: blur(5px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.indexImg_cont {
	position: absolute;
	z-index: 5;
	overflow: hidden;
	width: 90vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.indexImg_cont form {
	max-height: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
}

.indexImg_close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	font-size: 20px;
	padding: 10px;
	line-height: 1;
	cursor: pointer;
	background: rgba(255, 255, 255, .3);
}

.indexImg_check {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	/* width: 100%; */
	padding: 10px;
}

.indexImg_check input+label {
	padding-left: 10px;
}

.swiper-indexImg {
	width: 100%;
	max-height: calc(100% - 2em);
	max-width: 100%;
	overflow: hidden;
}

.swiper-indexImg a {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.swiper-indexImg img {
	max-width: 100%;
	max-height: 80vh;
	display: block;
}


.bannerindex { z-index:1; top:0; left:0; width: 100%; height: 100vh; overflow: hidden; position: fixed; }
.bannerindex * { -webkit-transition: ease .3s; -moz-transition: ease .3s; -ms-transition: ease .3s; -o-transition: ease .3s;  transition: ease .3s; }

.swiper-banner{
	width: 100%;
	height: 100vh;
	position: absolute;
	left: -50%;
	margin-left: 50%;
}
.bannerindex .swiper-slide img { width:100%; height:100vh}

.effect1 img {
	transform: scale(1.05, 1.05) translate(5%, 5%);
	transform: scale(1.05, 1.05) translate(0.5%, 0.5%);
	/*tr     =    (sc-1)/2sc*100%              */
	/* --1.25       0.25/2.5*100%=10%          */
}

.leftUp img {
	-webkit-animation-name: leftUp;
	animation-name: leftUp;
}

@-webkit-keyframes leftUp {
	0% {
		transform: scale(1.05, 1.05) translate(0.5%, 0.5%);
	}
	100% {
		transform: scale(1.05, 1.05) translate(-0.5%, -0.5%);
	}
}

@keyframes leftUp {
	0% {
		transform: scale(1.05, 1.05) translate(0.5%, 0.5%);
	}
	100% {
		transform: scale(1.05, 1.05) translate(-0.5%, -0.5%);
	}
}

.moveRight img {
	-webkit-animation-name: moveRight;
	animation-name: moveRight;
}

@-webkit-keyframes moveRight {
	0% {
		transform: scale(1.05, 1.05) translate(-0.5%, 0);
	}
	100% {
		transform: scale(1.05, 1.05) translate(0.5%, 0);
	}
}

@keyframes moveRight {
	0% {
		transform: scale(1.05, 1.05) translate(-0.5%, 0);
	}
	100% {
		transform: scale(1.05, 1.05) translate(0.5%, 0);
	}
}

.moveDown img {
	-webkit-animation-name: moveDown;
	animation-name: moveDown;
}

@-webkit-keyframes moveDown {
	0% {
		transform: scale(1.05, 1.05) translate(0, -0.5%);
	}
	100% {
		transform: scale(1.05, 1.05) translate(0, 0.5%);
	}
}

@keyframes moveDown {
	0% {
		transform: scale(1.05, 1.05) translate(0, -0.5%);
	}
	100% {
		transform: scale(1.05, 1.05) translate(0, 0.5%);
	}
}

.centerBig img {
	-webkit-animation-name: centerBig;
	animation-name: centerBig;
}

@-webkit-keyframes centerBig {
	100% {
		transform: scale(1.05, 1.05);
	}
}

@keyframes centerBig {
	100% {
		transform: scale(1.05, 1.05);
	}
}

.rightDownBig img {
	-webkit-animation-name: rightDownBig;
	animation-name: rightDownBig;
}

@-webkit-keyframes rightDownBig {
	100% {
		transform: scale(1.05, 1.05) translate(0.5%, 0.5%);
	}
}

@keyframes rightDownBig {
	100% {
		transform: scale(1.05, 1.05) translate(0.5%, 0.5%);
	}
}

.bannerindex .swiper-slide img {
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

.bannerindex .swiper-pagination {
	bottom: 15px;
	left: 50%;
	margin-left: -45px;
}

.bannerindex .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0 5px;
}


.mobile_wp { display:none;}

@media screen and (max-width: 768px) {
.bannerindex { position:relative; height:0; padding-bottom:47%}
.swiper-banner { left:0; margin:0;}
.bannerindex .swiper-slide img { height:auto;}
#content_main { margin-top:0;}
}