img{display: block;}
/*button.btn,a.btn{width: 30rem;height:4.8rem;background: #265C7F; color: #fff;text-align: center;line-height: 4.8rem;font-size: 1.7rem;}*/
.kv{
	position: relative;
	background: url(../images/kv_bg.jpg) center center no-repeat;
	background-size: cover;
}
.container{max-width: 133.5rem;margin:0 auto;}
.kv .container,.thanks .container{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.kv,.form{height: calc( 1080 / 1920 * 100vw )}
.kv .container{
	left: calc(760 /  1920 * 100vw);margin:0;align-items: center;
	justify-content:center;padding-top:0rem;}
.kv .container{width: 90.6rem;}
.kv-title{width: 59.2rem;margin-bottom: 8rem;mix-blend-mode: luminosity;}
.kv-txt{width: 90.6rem;mix-blend-mode: luminosity;}
.kv-tel{width: 60.5rem;margin-top: 5rem;}
.kv,.form{
/* 	background-image:  url('../images/kv_bg.png') !important; */
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;

}


p{font-size: 2rem;line-height: 4.2rem;font-weight: 400}
h3{font-size: 3.6rem;text-align: center;
	font-weight: 900;font-family:'Noto Serif TC','微軟正黑體', 'Microsoft JhengHei', sans-serif;
color: #265A95;position: relative;margin-bottom: 1em;}

span{font-size: 1.6rem;line-height: 3.4rem;color: #ADADAD;}

.swiper-ctrl{
	width: 100%;
	position: relative;
	margin-top: 1.5rem;
	display: flex;
	justify-content: center;align-items: center;
}
.swiper-process{
	position: relative;
	height: 2px;
	width: 80rem;
	background: #C8C9CA;
	margin-right: 1rem;
}
.swiper-process-bar{
	position: relative;
	left: 0;
	top: 0;
	background: #717071;
	height: 100%;
	width: 0%;
}
.swiper-arrows{display: flex;}
.swiper-arrow{
	width: 3rem;
	height: 3rem;
	background: url(../images/arrow.svg) center center no-repeat;
	background-size: cover;
	margin: 0 1rem;
	cursor: pointer;
}

.swiper-arrow-left{
	transform: scaleX(-1);
}

/*.sec1,.sec2,.sec4{height: 100vh;max-height: 56.25vw;}*/
section .pic-container{
	max-width: 100%;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;align-items: center;
	flex-direction: row-reverse;
}

section:nth-child(odd) .pic-container{
	flex-direction: row;
}
.sec-pic{
	height: 77.6rem;
}
.sec-txts{
	line-height: 2em;
	text-align: center;
	font-weight: 400;
	padding-left:8.5rem ;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	height: 77.6rem;
	padding-top: 9rem;
	padding-bottom: 4rem;

}
section:nth-child(odd) .sec-txts{
	padding-left:0rem ;
	padding-right: 8.5rem;
	align-items: flex-end;	
}
section:nth-child(odd) .sec-txts h3{
	text-align: right;
}
section:nth-child(odd) .sec-txts p{
	color: #7B7B7B;
	text-align: right;
}

.sec-pic{
	width: 100%;
}


.sec1{padding-top: 9.5rem}
.sec1 .container{}
.sec1-line{width: 1px;height: 31rem;background: #92704E;margin:0 auto;margin-bottom: 5rem;}
.sec1 h3{}

.sec-ing{position: absolute;pointer-events: none;z-index: 2;}

.sec2 .sec-ing{width: 45.8rem;right:3rem;bottom: 2rem;}
.sec3 .sec-ing{width: 39.9rem;left:0rem;bottom: 0rem;}
.sec4 .sec-ing,.map-section .sec-ing{width: 31.4rem;right:0rem;bottom: 0rem;}

.sec5 .sec-ing{width: 31.3rem;left:0rem;bottom: 0rem;}
.sec6 .sec-ing{width: 34.5rem;right:0rem;bottom: 0rem;}
/* .sec7 .sec-ing{width: 46.3rem;left:-15.3rem;top: -13.7rem;} */
.sec7-ing1{width: 22.1rem;left:0rem;bottom: 0rem;}
.sec7-ing2{width: 27.2rem;right:0rem;bottom: 0rem;}


.sec8 .sec-ing{width: 31.4rem;right:0rem;bottom: 0rem;}
/* .map-section .sec-ing{width: 63.6rem;left:-30.5rem;top: 0rem;z-index: 0;} */

.sec2 .sec-txts h3{width: 44.4rem;}
.sec3 .sec-txts h3{width: 59.6rem;}
.sec4 .sec-txts h3{width: 44.8rem;}
.sec5 .sec-txts h3{width: 37.1rem;}
.sec6 .sec-txts h3{width: 29.4rem;}
.sec7 .sec-txts h3{width: 37.8rem;}
.sec8 .sec-txts h3{width: 44.5rem;}


.sec-ing-mask{position: absolute;width: 100%;left: 0;top: 0;mix-blend-mode: screen;}
/*.sec1 .sec-txts,.sec4 .sec-txts,.sec5 .sec-txts {padding:0 8rem;}*/
/* .sec1 .sec-pic,.sec4 .sec-pic,.sec5 .sec5-list{margin-top: 6rem;} */

.swiper-section .container{padding: 13.5rem 14.5rem 17.5rem 14.5rem;}
/*.sec2{padding-top: 14rem;}*/
.swiper-section .sec-txts{position: relative;}
.sec3 .sec-txts {display: flex;flex-direction: column;}
.swiper-section .sec-txts h3{text-align: left;line-height: 1.5em;display: table;}
.sec3 .sec-txts h3{text-align: right;line-height: 1.5em;}


/* .swiper-section .sec-txts h3::after{left: calc(100% + 1em);transform: rotate(-45deg);transform-origin: 0 100%;} */
/* .sec3 .sec-txts h3::after{transform: translateX(0%) rotate(45deg) scaleX(-1);left: 4em;} */

.swiper-section .sec-txts p{
	line-height: 6rem;
	text-align: justify;z-index: 1;position: relative;color: #fff;
}

.swiper-section .sec-txts dl{
	    font-size: 2rem;
    line-height: 4.2rem;
    font-weight: 400;
}
.swiper-section .sec-txts dt{text-align: left;}
.swiper-section .sec-txts dt i{width: 1.8rem;height: 1.8rem;background: #265A95;border-radius: 50%;display: inline-block;margin-right: .5em;}
.swiper-section .sec-pic{width: 92.3rem;}

.sec2 .swiper-ctrl{
	justify-content: center;
	flex-direction: row-reverse;
}
.sec2 .swiper-ctrl .swiper-arrow-left{margin-left: 0}
.sec2 .swiper-process{margin-left: 1rem;margin-right: 0}
/*.sec4 .sec-txts,.sec2 .sec-txts{width: 64.5rem;}*/
/*.sec4 h3,.sec2 h3{width: 27rem;margin-bottom: 1.5em;}*/

/* .sec3 .pic-container{flex-direction: row-reverse;} */
/*.sec3 .swiper-ctrl{	justify-content: center;}*/
.sec3 .swiper-ctrl .swiper-arrow-right{margin-right: 0}

.map-section{
	padding: 16rem 0 26rem 0;
}
.map-section .container{
	position: relative;
	display: flex;
	max-width: 100%;
	align-items:center;
	justify-content: center;
}
.build-info{margin-left: 6.8rem;}
.build-info ul{font-family: "Noto Serif TC";font-weight: bold;}
.build-info li{color: #fff;font-size: 3.5rem;line-height: 2em;}
.map-section{    background-color: #F8F0EE;}
.form{    background-color: #F8F0EE !important;padding: 10rem 0 18rem 0;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}


.form-ing{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.form-logo{
	width: 88rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-logo img{
	width: 49.5rem;
}

.form .container{
	/*padding:0rem 0 8rem 0;*/
	width: calc(100% - 88rem);
	align-items:flex-start;
	flex-direction: column;

	padding-left: 10rem;
}
.form-container{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.map{
	width:78.1rem;
	/*height: 58rem;*/
}
.map iframe{height: 50rem;margin-bottom: 3.5rem;}
.section-info{
	width: 78.1rem;
/* 	mix-blend-mode: luminosity; */
}
.form .sec-ing{bottom: -20rem;left: calc(50% - 35rem ); }
.map-btn{
	margin-bottom: 5.6rem;
}

.form .form-content > ul > li.form-content-title,.form .send-row{
	background: transparent;

}
 .form .send-row button{
 	padding: 0;
 	width: 21.6rem;
 }
.form .form-content-title,.form .send-row button{
	font-family:'Noto Serif TC','微軟正黑體', 'Microsoft JhengHei', sans-serif;
	font-size: 3.8rem;
	text-align: center;
	font-weight: 900;
	color: #265A95;
}
button.send{
	outline: none;border:none;
/* 	margin:0 auto; */
}


.footer-bar{
	width: 100%;

}
footer{height: 14.3rem;
background: url(../images/footer-bg.jpg);display: flex;justify-content: center;align-items: center;}
.footer-logo{
	width: 15.2rem;
	/*padding: 3rem 0;*/
	margin:0 auto;
}
.sec-txts .swiper-container{
	width: 100%;
	/*min-width: calc((40rem + 2.2rem) * 2);*/
	width: 42.2rem;
	margin-left: 0;
	margin-top: 4rem;
}
.swiper-container .swiper-slide{position: relative;}
.sec-txts .swiper-container .swiper-slide{
	position: relative;
	padding-right: 2.2rem;
	/*width: 40rem !important;*/
}
.sec-pic{position: relative;}
.kv .info-txt,.sec-pic p,.sec-pic .swiper-slide p,.sec-txts .swiper-slide p{font-size: 1.3rem;
    position: absolute;
    right: 1em;
    bottom: 1em;
    color: #fff;
    line-height: 1em;text-align: right;}
.sec-txts .swiper-slide p{margin-right: 2.2rem;}
.swiper-pagination{position: relative;text-align: center;margin-top: 3rem;}

.swiper-pagination-bullet{
	line-height: .4rem;
	width: 1.5rem;
	height: 1.5rem;
	background: transparent;
	border: 1px solid #fff;
	border-radius: .75rem;
	opacity: 1;
	margin-right: 2rem;
}

.swiper-pagination-bullet-active{
	background: #fff;	
}
section:nth-child(odd) .swiper-pagination-bullet{
	border: 1px solid #6A7983;
}

section:nth-child(odd)  .swiper-pagination-bullet-active{
	background: #6A7983;	
}
.thanks{height: 100dvh;}
.thanks .container{padding-bottom: 0;}
.thanks .container > img{width: 480px;} 
.thank-footer{position: absolute;bottom: 0;left:0;width: 100%;}


.sec1-ing{width:139.2rem;position: absolute;right: -4.3rem;top: 1.5rem; }
.sec3-ing{width:139.2rem;position: absolute;left: -3rem;top: -13rem; }
.sec5-ing{top: 5rem;right: -6rem;}
.nav-mb{display: none;}



@media screen and (max-width: 900px){
	main{padding-bottom: 14rem;}
/*	main{overflow: initial;}
	section{overflow-x: hidden;}*/
	.nav-pc{display: none;}
	.nav-mb{display: flex;}

	p{font-size: 2.1rem;}
	/*.thanks .container > img{width: 436px;max-width:60vw } */
	.kv,.form{
/* 		background-image: url(../images/mb/kv-ing.png) !important; */
		background-position: center bottom;
		background-size: 100% auto;
	}
	.kv-span{
		width:48.1rem ;
		margin-bottom: 7.6rem;
	}
	.kv{height: 187.867vw;}
	.kv .container{width: 100%;left: 0;padding-bottom: 44.8rem;justify-content: flex-end;}
	.kv-title{width: 40.9rem;margin-bottom: 4.4rem;}
	.kv-txt{width: 44rem;}
	.kv-tel{width: 44rem;margin-top: 2rem;}
	section .pic-container,section:nth-child(odd) .pic-container{flex-direction: column-reverse;z-index: 5;}
	section:nth-child(odd) .sec-txts{padding-left: 0;padding-right: 0;align-items: center;}
	section:nth-child(odd) .sec-txts h3{text-align: center;}
	.swiper-section .container{padding: 0rem 0 3rem 0;}

	.sec2 .sec-ing{width: 25.2rem;bottom:0;}
	.sec3 .sec-ing{width: 38.9rem;left: -22rem;}
	.sec4 .sec-ing,.map-section .sec-ing{width: 42rem;right: -15rem;}

	.sec5 .sec-ing{width: 38.9rem;left: -24rem;}
	.sec6 .sec-ing{width: 24.5rem;left: -10rem;}
	.sec7 .sec-ing{width: 37.7rem;}
	.sec8 .sec-ing{width: 42.3rem;right: -20rem;}


	.sec7-ing1{left:0rem;left: -18rem;}
	.sec7-ing2{right:0rem;right: -23rem;}


	.map-section{padding-bottom: 10rem;}

/* 	.map-section .sec-ing{width: 42.4rem;} */

	.sec2 .sec-txts h3{width: 29.7rem;}
	.sec3 .sec-txts h3{width: 49.7rem;}
	.sec4 .sec-txts h3{width: 39.8rem;}
	.sec5 .sec-txts h3{width: 47.2rem;}
	.sec6 .sec-txts h3{width: 41.3rem;}
	.sec7 .sec-txts h3{width: 44.9rem;}
	.sec8 .sec-txts h3{width: 29.9rem;}

	.sec1, .sec2, .sec4{height: auto;max-height: initial;}
	.sec1 .container{flex-direction: column-reverse;}
	.sec1 .sec-pic{width: 100%;margin-top: 13rem;}
	.sec1 .sec-pic img{width: 100%;height: 100%;object-fit: cover;}
	section:nth-child(odd) .sec-txts p{text-align: center;}
	.sec-txts{padding:7rem 0 7rem 9rem ;width: 100%;align-items: center;}
	.swiper-section .sec-pic{width: 100%;}
	.sec-pic{width: 100%;}
	.swiper-section .sec-txts dt{text-align: center;font-weight: 900;color: #265A95;}
	.swiper-section .sec-txts dt i{display: none;}
	.pic-container,{flex-direction: column;}
	.sec-pic{height: auto;}
	.swiper-section .sec-txts {padding-top: 9rem;padding-left: 0rem;padding-right: 0;padding-bottom: 14rem;}
	.swiper-section .sec-txts h3{
		text-align: center;line-height: 1.5em;display: block;font-size: 4.5rem;
		margin-bottom: 9rem;
	}
	.sec3 .sec-txts h3::after,.sec2 .sec-txts h3::after{display: none;}
	.sec-txts{height: auto;}
	.swiper-section .sec-txts p{
		font-size: 2.5rem;
		line-height: 2em;
		text-align: center;
	}
	.sec2 .sec-pic,.sec3 .sec-pic{width: 100%;}
/* 	.sec3 .pic-container{flex-direction: column;} */
	.swiper-ctrl{justify-content: center !important;margin-top: 2.5rem;}
	.swiper-arrow{width: 3.5rem;height: 3.5rem;}
	

	.form {padding-bottom: 8rem;padding-top: 0;height: auto;}
	.form .container{padding-top: 15rem;
		flex-direction: column;align-items: center;padding-bottom: 7rem;
		padding-left: 0;
	}
	.form-container{padding-bottom: 25rem;}
	.form-con{padding: 0;}
	.form-pic{width: 61.7rem;}
	.form-logo{width: 27.5rem;margin:6rem 0;display: none;}
	.map-btn{margin-bottom: 6.5rem;}
	button.btn, a.btn{width: 32.5rem;height: 5.2rem;font-size: 1.8rem;}
	.form .form-con{margin-left: 0;margin-right: 0;}
	.form .form-content{width: 55rem;}
	.form .form-content li input[type="text"], .form .form-content li input[type="tel"], .form .form-content li input[type="email"], .form .form-content li select{
		width: 42.4rem;
		height: 4.7rem;
		font-size: 2rem;
		line-height: 4.7rem;
	}
	.form-title{margin-bottom: 3rem;}
	.form .form-content li label{font-size: 2.5rem;}
	.form .form-content li.demand-check{margin-top: .5rem;}
	.form .demand-check .form-check-inline{width: 100%;text-align: right;padding-left: 12rem;}
	.form .demand-check span.margin-r{font-size: 2rem;margin-right: 0;}
	.form .form-content li.send-row{justify-content: center;}
	.form .send-row button{width: 21.2rem;}
	.form .form-content > ul > li.form-content-title, .form .send-row{font-size: 3.2rem;line-height: 7.7rem;}
	.form .form-content-title, .form .send-row button{font-size: 3.2rem;line-height: 7.7rem;height: 7.7rem;background: initial;}
/* 	.form .form-content ul li:first-child, .form .form-content ul li:last-child{line-height: 7.7rem;height: 7.7rem;} */
	.footer-logo{width: 40.1rem;}


	.sec1-ing{width:73.5rem;position: absolute;right: -9.5rem;top: 3.5rem; }
	.sec3-ing{width:69.8rem;position: absolute;left: -3rem;top: 13rem; transform: rotate(10deg);}
	.sec5-ing{top: 5rem;right: -6rem;}

	.section-info{width: 49.1rem;margin-top: 6rem;}
	footer{display: none;}

	.swiper-section .sec-txts h3{z-index: 2;}
	.form .sec-ing{
		width: 87.7rem;
		bottom: initial;top: -25rem;
	}
	.section-info{width: 57.5rem;margin-top: 0;margin-bottom: 2rem;}
	.map{width: 57.5rem;}
	.map iframe{height: 36.8rem;}
	.build-info{margin-left: 0;width: 57.5rem;}
	.build-info li{font-size: 2.8rem;}
}