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,.thanks{
	background: #D05A6E;
	border-radius: 0 0 0 12rem;

}
.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;
	max-width: initial;
}
.kv{

}
.kv .container{
	padding-top: 9.8rem;
	padding-bottom: 9.8rem;
}
.kv-title{width: 94.8rem;}
.kv-con{
	position: absolute;
	left: 6.4rem;
	bottom: 5.2rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.kv-txt{
	margin-left: 4rem;
	padding-top: 5.4rem;
	width: 75.7rem;margin-top: 7.5rem;
}

.kv-ing1{
	position: absolute;
	width: 48rem;
	right: -4.8rem;
	top: 9.8rem;
}


.kv-ing2{
	width: 59.6rem;
}



p{font-size: 2.25rem;line-height: 4.2rem;font-weight: 500}
h3{
	font-size: 5.2rem;font-weight: bold;color: #D05A6E;position: relative;margin-bottom: .5em;line-height: 1.5em;}

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-ctrl{
	position: absolute;
	top: calc(50% - 2.2rem);
	left: 0rem;
	width: 100%;
	z-index: 3;
}
.swiper-arrows{
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.4rem;
}
.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{
	position: relative;
	width: calc(2.4rem * 1.25);
	height: calc(4.4rem * 1.25);
	background: url(../images/slider-arrow.svg) center center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.swiper-arrow-left{

	transform: scaleX(-1);
/* 	padding-left: 1.4rem; */
	margin-right: 0rem;
	
}
.swiper-arrow-left::after{
/* 	content: "";
	position: absolute;
	top: 0;
	left: -1.4rem;
	height: 100%;
	border-left: 1px solid #62766C; */
}
/*.sec1,.sec2,.sec4{height: 100vh;max-height: 56.25vw;}*/
.pic-container{
	max-width: 100%;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;align-items: flex-start;
}
.sec-txts{
	position: relative;
	line-height: 2em;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	padding: 0 4.5rem;
	padding-top: 13rem;
}

.full-container .sec-txts{
	padding: 8rem 8rem 6rem 8rem;
	flex-direction: row;
}
.full-container .sec-txts h3{width: 48%;}
.full-container .sec-txts p{width: 52%;}

/* .full-container .swiper-ctrl{
	position: absolute;
	top: -6rem;
	left: 7rem;
} */
.sec-txts p{
	text-align: justify;
}
.sec-txts b{
	font-weight: bold;
	font-size: 125%;
}
.sec2 .sec-txts{
	padding-top: 44.5rem;
}
.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{}


/* .sec1 .sec-txts,.sec4 .sec-txts,.sec5 .sec-txts {padding:0 8rem;} */
/* .sec1 .sec-pic,.sec4 .sec-pic,.sec5 .sec5-list{margin-top: 6rem;} */

/* .sec2{padding-top: 14rem;} */

/* .sec2 .sec-txts p,.sec3 .sec-txts p{width: 28em;text-align: justify;} */
.sec2 .sec-pic,.sec3 .sec-pic,.sec8 .sec-pic{width: 132rem;}
.sec2 .sec-txts,.sec3 .sec-txts,.sec8 .sec-txts{width: calc(100% -  132rem);}


.sec2 .swiper-ctrl{
	justify-content: flex-end;
	flex-direction: row-reverse;
}
.sec2 .swiper-ctrl .swiper-arrow-left{margin-left: 0}

.sec2-ing{width: 83rem;position: absolute;left: -19rem;top: -18rem;z-index: 2;transform: scaleX(-1);-webkit-transform: scaleX(-1);}


.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{padding-top: 37rem;} */
.sec3 .pic-container{flex-direction: row-reverse;}
.sec3 .swiper-ctrl{	justify-content: flex-end;}
.sec3 .swiper-ctrl .swiper-arrow-right{margin-right: 0}

.sec3-ing{width: 32.4rem;right: 0rem;padding-top: 15rem;z-index: 2;align-self: flex-end;}
/* 
.sec4{
	padding-top: 9.5rem;
} */

.sec4 .sec-txts{
	background: #D05A6E;
	border-radius: 0 12rem 0 0;
	color: #fff;
	flex-direction: row-reverse;
}
.sec4 .sec-txts h3{color: #fff;text-align: right;}

/*sec5*/
.sec5 .sec-txts{padding-top: 8rem;z-index: 2;}
.sec5-list{width: 100%;}
.sec5-box{

}
.sec5-box p{font-size: 2rem;position: absolute;right: 1em;bottom: 1em;color: #fff;line-height: 1em;}
.sec5-ing{width: 81.7rem;position: absolute;left: -20rem;top: -13.8rem;z-index: 2;}

#swiper6{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sec6-pic1{width: 120.2rem;}
.sec6-pic2{width: 71.5rem;}

.sec6 .sec-txts{
	flex-direction: row-reverse;
}
.sec6 .sec-txts h3{text-align: right;}

.sec6-ing{width: 20.1rem;position: absolute;bottom: 4rem;right: 8rem;}
.sec6-ing2{
	width: 100%;
	height: 8.5rem;
	background: #D05A6E;
	border-radius: 0 0 12rem 0;
}



.sec7 .sec-txts{
	background: #D05A6E;
	color: #fff;
}
.sec7 .sec-txts h3{color: #fff;}

.sec7-ing{
	position: absolute;
	background: #62766C;
	width: 26.6rem;
	height: 13.3rem;
	left: -11rem;
	bottom: 0;
	border-radius: 13.3rem 13.3rem 0 0;
}

.sec8 .pic-container{flex-direction: row-reverse;}
.sec8 .swiper-ctrl{	justify-content: flex-end;}
.sec8 .swiper-ctrl .swiper-arrow-right{margin-right: 0}


.sec8-ing1{width: 83rem;position: absolute;right: -17rem;top: -18rem;z-index: 2;}
.sec8-ing2{width: 49.5rem;padding-bottom: 17rem;padding-top: 2rem;margin-left: -10rem;z-index: 3;}

.form {
	background: #D05A6E;
	border-radius: 0 12rem 0 0;
	padding: 16rem 0;
}
.form .container{
	padding:0rem 0 8rem 0;
	max-width: 100%;
}
.form .map{
	width: 86rem;
	height: 75.7rem;
}
.map-btn{
	margin-bottom: 5.6rem;
}
.twzipcode{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form .form-tip p{
	color: #fff;
	text-align: left;
}
.form .form-content li select{
	width: 30.6rem;
}
.form .form-content > ul > li.form-content-title,.form .send-row{
	font-size: 3.8rem;
	color: #804F21;
/* 	border:1px solid #804F21; */
	line-height: 9.2rem;
}
.form .form-content > ul > li.form-title{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.form .form-content > ul > li.form-title p{
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
}
.form-logo{width: 27.3rem;}
.form .send-row button{
/* 	font-family:'Noto Serif TC','微軟正黑體', 'Microsoft JhengHei', sans-serif; */
	font-size: 2.5rem;
	text-align: center;
	height: 5.6rem;
	line-height: 5.6rem;
	border-radius: .8rem;
	width: 28.4rem;
	color: #D05A6E;
	background: rgba(255 255 255 / .76);
	margin: 0;
}
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;}
.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: left;margin-top: 3rem;}

.swiper-pagination-bullet{
	line-height: .4rem;
	width: 5rem;
	height: .4rem;
	background: #E0E0E0;
	border-radius: 0;
	opacity: 1;
	margin-right: 2rem;
}

.swiper-pagination-bullet-active{
	background: #8DCEE3;	
}

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

.full-container{
	flex-wrap: wrap;
}
.full-container .sec-pic{
	margin-top: 0;
}
@media screen and (max-width: 750px){
	.nav-pc{display: none;}
	.nav-mb{display: flex;position: fixed;bottom: 0;left: 0;z-index: 99;background: #D05A6E;width: 100%;}
	.nav-mb a{width: 20%;display: flex;justify-content: center;align-items: center;padding: 1rem 0;}
	.nav-mb a p{color: #fff;width: 2.5em;line-height: 1.25em;font-size: 2.5rem;}
	.nav-mb a img{width: 5rem;margin-right: 1em;}
	p{font-size: 2.75rem;}
	span{font-size: 2.5rem;}
	.form .form-content > ul > li.form-title p{font-size: 3rem;}
	section{
		height: calc(100dvh - 9.8rem);
	}
	section.kv{
/* 		height: 158.1rem; */
		height: 100dvh;
	}
	.thanks .container > img{width: 436px;max-width:60vw } 
	.kv, .thanks {
	    background: #D05A6E;
	    border-radius: 0 0 0 8.7rem;
	}
	.kv .container{
		padding: 0;
		justify-content: flex-start;
		padding-top: 21dvh;
	}
	.kv-txt{width: 42.8rem;    margin-left: -1rem;
    padding-top: 0rem;padding-bottom: 4rem;}
	.kv-title{width: 57.6rem;}
	.kv-ing1{width: 35rem;right: 0;}
	.kv-ing2{width: 29.3rem;}
	.kv-con{bottom: 6.5dvh;left: -7rem;}
	.sec-txts{height:calc(100dvh - 60.9rem);}
	.sec7 .sec-txts,.sec8 .sec-txts{height:calc(100dvh - 68.7rem);}

/* 	.sec1, .sec2, .sec4{height: auto;max-height: initial;} */

	.container.pic-container{flex-direction: column !important;}
	.full-container{flex-wrap: nowrap;}
/* 	.sec3 .container.pic-container{flex-direction: column-reverse !important;} */
	.sec-txts,.full-container .sec-txts{padding:17.4rem 6rem 8.2rem 6rem ;width: 100%;flex-direction: column;}
	.full-container .sec-txts h3{width: 100%;margin-bottom: .5em;}

	.sec-txts h3{white-space:nowrap;}
	.sec-txts p,.full-container .sec-txts p{width: 100%;font-size: 2.75rem;}
	.sec-txts b{line-height: 2em;white-space:nowrap;}
	.sec-pic{width: 100%;}

	.pic-container{flex-direction: column;}

	
	.sec2-ing{width: 62.2rem;    left: -14rem;    top: -14rem;}

	.sec2 .swiper-ctrl{
		align-self: flex-end;
	}

/* 	.full-container .swiper-ctrl{
		left: initial;
		right: 6rem;
		top: -7rem;
	} */
/* 	.sec8 .swiper-ctrl{position: absolute;bottom: 6rem;right: 6rem;} */
/* 	.swiper-arrow{width: 3rem;height: 1rem;} */
	.sec2 .sec-txts, .sec3 .sec-txts, .sec8 .sec-txts{
		width: 100%;
	}
	.sec2 .sec-pic, .sec3 .sec-pic, .sec8 .sec-pic{width: 100%;}
	.sec2 .sec-txts,.sec3 .sec-txts{padding-top: 12rem;}
	.sec4 .sec-txts{padding-top: 13rem;}
	.sec5 .sec-txts{padding-top: 9rem;}
	.sec6 .sec-txts,.sec7 .sec-txts{padding-top: 6.5rem;padding-bottom: 10rem;}
	.sec8 .sec-txts{padding-top: 16.2rem;}
	.sec3-ing{position: absolute;width: 24.3rem;top: 0rem;right: 2rem;}
/* 	.sec3 .swiper-ctrl{position: absolute;top: 4rem;right: 6rem;} */

	.sec4 .sec-txts h3,.sec6 .sec-txts h3{text-align: left;}
	.sec5-ing{width: 61.2rem;    left: -15rem;
    top: -11rem;}
    section.sec6{height: auto;}
    .sec6-ing2{border-radius:  0 0 8.8rem 0;}
    .sec6-ing{width: 15rem;}
	.swiper-process{display: none;}
	.sec7-ing {
	    position: absolute;
	    background: #62766C;
	    width: 20rem;
	    height: 10rem;
	    left: initial;
	    right: -5.8rem;
	    bottom: 0;
	    border-radius: 10rem 10rem 0 0;
	}
	.sec8-ing1 {
	    width: 62.2rem;
	    position: absolute;
	    right: -14rem;
	    top: -14rem;
	    z-index: 2;
	}
	#swiper6{flex-direction: column;align-items: flex-start;}
	.sec5-ing{display: none;}
	.sec6-pic1{margin-bottom: 1rem;}
	.sec6-pic1,.sec6-pic2{width: 100%;}
	.sec8-ing2{position: absolute;left: 36rem;width: 38.5rem;top: 4rem;}
/* 	.sec5{padding-bottom: 10rem;} */
	.form {padding-bottom: 8rem;border-radius: 0;}
	.form .container{padding-top: 8.7rem;flex-direction: column;}
	.form-con{padding: 0;}
	.form-pic{width: 61.7rem;}
	.form-logo{width: 27.5rem;margin:6rem 0;}
	.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;}
	.form .form-content{width: 61.5rem;}
	.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{
		height: 7.7rem;
		font-size: 2.75rem;
		line-height: 7.7rem;
	}
	.form .form-content li.demand-check{margin-top: .5rem;}
	.form .demand-check span.margin-r{font-size: 2.75rem;}
	.form .form-content > ul > li.form-content-title, .form .send-row{font-size: 3.2rem;line-height: 7.7rem;}
	.form .send-row button{font-size: 2.75rem;}
/* 	.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;} */
	footer{display: none;}
	.form .form-con{margin-right: 0;}
}


@media screen and (max-height: 560px){
	.kv{
		min-height: 560px;
	}
	.kv .container{padding-top: 26rem;}
/* 	.kv-title{
		height: 37.5dvh;
		width: auto;
	} */
/* 	.kv-title img{height: 100%;width:auto;} */
}