/*首頁*/
.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%;
}
.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%);
	}
}

.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;
}

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

.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;}
.swiper-slide img { height:auto;}
#content_main { margin-top:0;}
}


/* 首頁彈跳視窗 */
.index_lightbox {background: rgba(51, 51, 51, 0.9); display: flex; justify-content: center; align-items: center; overflow: none; position: fixed; text-align: center; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: 100%; z-index: 999999; -webkit-animation: fadebox 0.4s; animation: fadebox 0.4s; text-align: center;}
.index_lightbox{--lbMainCl:#be9c9b; --lbWhite:rgba(255,255,255,.6);}

@-webkit-keyframes fadebox {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadebox {from {opacity: 0;}to {opacity: 1;}}

.index_lightbox * {border: 0; text-decoration: none; padding: 0; margin: 0; list-style: none; box-sizing: border-box; max-width: 100%; -webkit-transition: ease .4s; -moz-transition: ease .4s; -ms-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.index_lightbox img {margin: auto;}
.no-scroll {overflow: hidden;}
.index_lightbox_content {max-width: calc(100% - 40px); width: 800px; margin: auto; position: relative; background: var(-lbWhite); font-weight: bold;}
.index_lightbox_content img{display: block;}
.index_lightbox_content a.close{display: flex; position: absolute; top: 10px; right: 10px; background-color: var(--lbWhite); color: var(--SubColor); content: "X"; font-family: sans-serif; font-size: 22px; justify-content: center; align-items: center; width: 50px; height: 50px; line-height: 1; z-index: 10; cursor: pointer;}
.index_lightBox_info{display: flex; justify-content: center; align-items: center; align-content: center; flex-direction: column; z-index: 5;}
.index_lightBox_info>p{margin: 30px auto; font-size: 36px;}

/*lightbox*/

@media (max-width:800px) {
.index_lightBox_info>p{font-size: 20px;}
.index_lightbox_content a.close {width: 7vw; height: 7vw; display: flex; padding: 0; justify-content: center; align-items: center; right: 10px; top: 10px;}
}
@media (max-width:600px) {
.index_lightbox_content::before {top: -3px; font-size: 12px;}
}