@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
/*字體使用*/
/*
font-family: 'Noto Sans TC', sans-serif; 黑體
font-family: 'Noto Serif TC', serif;  宋體
font-family: "Font Awesome 5 Free"; 符號
font-family: 'Inter', sans-serif;  英文
*/

/*整體 & 共同樣式*/
body{
	font-family: 'Noto Sans TC', sans-serif; 
	letter-spacing: 0.2em;
	overflow-x: hidden;

}
.all-wrap{
	width: 100vw;
	overflow: hidden;
}
body,p,ul,ol,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding:0;
	font-weight: 300;
}

.sub-title{
	text-align: center;
	padding-top: 120px;
	background-image: url("../images/sub-title-icon.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 42px auto;
	padding-bottom: 72px;
}
.sub-title strong,.sub-title span{
	display: block;
	font-weight: 300;
	line-height: 1em;
}
.sub-title strong{
	color:#3E4298;
	font-size: 35px;
	margin-bottom: 0.4em;
	font-weight: 400;
}
.sub-title span{
	font-size: 38px;
	text-transform:uppercase;
	font-weight: 200;
	letter-spacing: 0;
}

.trd-title{
	text-align: center;
	font-weight: 400;
	font-size: 35px;
	color: #684C43;
	padding-top: 45px;
	background-image: url("../images/sub-title-icon.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 42px auto;
	margin-bottom: 50px;
}




@media screen and (max-width:1560px){
	.sub-title{
		padding-top: 95px;
		background-size: 32px auto;
		padding-bottom: 50px;
	}
	.sub-title strong{
		font-size: 25px;
	}
	.sub-title span{
		font-size: 27px;
	}
	.trd-title{
		font-size: 25px;
		padding-top: 33px;
		background-size: 32px auto;
		margin-bottom: 34px;
	}

}



@media screen and (max-width:1200px){
	.sub-title{
		padding-top: 80px;
		background-size: 28px auto;
		padding-bottom: 45px;
	}
	.sub-title strong{
		font-size: 20px;
	}
	.sub-title span{
		font-size: 21px;
	}
	.trd-title{
		font-size: 20px;
		padding-top: 28px;
		background-size: 28px auto;
		margin-bottom: 28px;
	}
}


@media screen and (max-width:576px){
	.sub-title{
		padding-top: 45px;
		background-size: 28px auto;
		padding-bottom: 30px;
	}
	.trd-title{
		margin-bottom: 20px;
	}
}





/*表頭*/
.top-header{
	background-color:#a1a1a1de; 
	backdrop-filter: blur(5px);
	color:#1A2D5F;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	z-index: 99999;
}
.top-header-container{
	max-width: 1520px;
	height: 113px;
	margin:auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	width: 254px;
	height: 51px;
	overflow: hidden;
	text-indent: -1000px;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-size: contain;
}
nav{
	background-size: 46px 21px;
}

nav ul{
	display: flex;
	list-style: none;
	font-size: 20px;
}
nav ul li{
	letter-spacing: 4px;
}
nav a{
	color: #1A2D5F;
	text-decoration: none;
	font-weight: 200;
	display: block;
	line-height: 113px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	transition-duration: 0.5s;
}
nav a:hover,.current{
	background-color: rgba(255, 255, 255, 0.5);
	color: #4b6fce;
	font-weight: 400;
	transition-duration: 0.5s;
}
.menu-btn{
	display: none;
}



@media screen and (max-width:1560px){
	.top-header-container{
		max-width: 1200px;
		height: 80px;
	}
	.logo{
		width: 181px;
		height: 38px;
	}
	nav ul{
		font-size: 18px;
	}

	nav a{
		line-height: 80px;
	}
}


@media screen and (max-width:1200px){
	.top-header-container{
		height: 60px;
		padding:0 20px;
	}
	nav{
		position: absolute;
		left: 0;
		top: 60px;
		background-color: #A1A1A1;
		width: 100vw;
		display: none;

	}
	nav ul{
		display: block;
		padding:0.8em 0;
	}
	nav ul li{
		margin-left: 0;
	}
	nav ul li a{
		text-align: center;
		padding:0.8em 0;
		line-height: 2em;
	}
	nav ul li a:hover,.current{
		background-color: rgba(255, 255, 255, 1);
	}
	.menu-btn{
		display: block;
		background-image: url("../images/menu.svg");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 36px auto;
		width: 36px;
		height: 36px;
		cursor: pointer;
	}
}



@media screen and (max-width:576px){
	.top-header-container{
		height: 40px;
		padding:0 20px;
	}
	.logo {
	    width: 133px;
	    height: 28px;
	}
	.menu-btn {
    background-size: 28px auto;
	    width: 28px;
	    height: 28px;
	}
	nav{
		top: 40px;
	}
}

/*表尾*/
.bottom-footer{
	height: 120px;
	background-color: #3E4298;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 21px;
}

.bottom-footer div{
	display: inline-block;
	margin: 0 10px;
}
.gototop{
	width: 50px;
	height: 50px;
	background-image: url(../images/gototop.png);
	background-size: contain;
	position: fixed;
	right: 20px;
	bottom: 20px;
}

@media screen and (max-width:1560px){
	.bottom-footer{
		height: 85px;
		font-size: 16px;
	}

}


@media screen and (max-width:1200px){
	.bottom-footer{
		height: 60px;
		font-size: 14px;
	}

}
@media screen and (max-width:992px){
	.bottom-footer{
		display: block;
		height: auto;
		padding:15px 30px;
	}
	.bottom-footer div{
		display: block;
		margin:10px 0;
	}
}


/*banner*/

.img-slider img{
	width: 100%;
}



/* 面板展示
.panel-display-wrap{
	background-color:#F4F4F4;
	background-image: url("../images/bg-panel.png");
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 142px;
	padding-bottom: 150px;
}
.panel-display-wrap img{
	display: block;
	margin:auto;
}
@media screen and (max-width:1560px){
	.panel-display-wrap{
		background-size: 1366px  auto;
		padding-top: 142px;
		padding-bottom: 140px;
	}
	.panel-display-wrap img{
		width: 997px;
	}
}


@media screen and (max-width:1200px){
	.panel-display-wrap{
		padding-top: 100px;
		padding-bottom: 80px;
		background-position: center bottom;
	}
	.panel-display-wrap img{
		width: 73vw;
	}
}

@media screen and (max-width:768px){
	.panel-display-wrap{
		padding-top: 40px;
		padding-bottom: 30px;
		background-size: 125vw auto;
	}
	.panel-display-wrap img{
		width: 90vw;
	}
} */


/*服務項目*/
.service-wrap{
	background-color:#fff;
	background-image: url(../images/bg-service-1.png),url(../images/bg-service-2.png);
	background-position: center top 80px,center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.service-wrap .sub-title{
	background-image: none;
	padding-bottom: 20px;
}
.service-slider-wrap{
	margin:0 auto 105px auto;

}



.service-box{
	/* background-color: #eeeded; */
	max-width: 267px;
	width: 90%;
	box-sizing: border-box;
	min-height: 360px;
	margin:auto;
	/* border-radius: 10px;
	box-shadow: -3px 6px 3px rgba(0, 0, 0, 0.1); */
	margin-bottom: 30px;
	padding:18px 0 0 0;
}
.sa .service-box{
	height: 480px;
}
.service-box img{
	display: block;
	margin:0 auto 15px auto;
}

.service-box h4{
	text-align: center;
	color: #924623;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	line-height: 2em;
}
.service-box p{
	padding:0 32px;
	font-size: 18px;
	text-align: justify;
	line-height: 1.5em;
	letter-spacing: 1px;
}



@media screen and (max-width:1560px){
		.service-wrap{
			background-size: 1366px;
		}
		.service-slider-wrap{
			margin-bottom: 70px;
		}
		.service-box h4{
			font-size: 17px;
		}
		.service-box p{
			padding:0 1.5em;
			font-size: 13px;
		}
		.service-box img{
			width: 138px;
		}
		.service-box{
			max-width: 195px;
			width: 90%;
			min-height: 265px;
			padding:12px 0 0 0;
		}
		.sa .service-box{
			height: 340px;
		}

}



@media screen and (max-width:1200px){
	.service-wrap{
		padding-bottom: 70px;
	}
	
}

@media screen and (max-width:768px){
	.service-wrap{
		background-size: 125vw auto;
		padding-bottom: 40px;
	}
	.service-box h4 {
	    font-size: 15px;
	}
	.service-box p{
		font-size: 12px;
	}
	
}

@media screen and (max-width:576px){
	.service-box{
		max-width: 80%;
		width: 80%;
		min-height: 285px;
	}
	.service-box img{
			width: 160px;
	}
	.sa .service-box{
		height: 335px;
	}
}





/*實績案例*/
.case-wrap{
	background-color:#e1e1e1;
	background-image: url(../images/bg-case-1.png),url(../images/bg-case-2-new.png);
	background-position: center top 40px,center bottom;
	background-repeat: repeat-x,repeat-x;
	padding-bottom: 120px;
}

.case-list-wrap{
	display: flex;
	flex-wrap: wrap;
	max-width: 1560px;
	margin:55px auto 65px auto;
}
.case-box{
	flex: 416px 0 0;
	height: 439px;
	border:2px solid #c8bda5;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: -2px 8px 3px rgba(0, 0, 0, 0.15);
	background-color: #1A2D5F;
	color: #fff;
	margin:0 50px 50px 50px;
	position: relative;
}
.case-list-basic .case-box{
	margin-bottom: 0px;
}

.case-box h3{
	line-height: 1em;
	height: 85px;
	font-size: 24px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #1A2D5F;
}
.case-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-filter:brightness(0.75);
	filter:brightness(0.75);
	transition-duration: 0.5s;
}
.case-box img:hover{
	-webkit-filter:brightness(1);
	filter:brightness(1);
	transition-duration: 0.5s;
}
.more-case{
	border:2px solid #c8bda5;
	border-radius: 10px;
	box-shadow: -2px 8px 3px rgba(0, 0, 0, 0.15);
	background-color: #3E4298;
	color: #fff;
	font-size: 24px;
	text-align: center;
	width: 223px;
	height: 68px;
	line-height: 63px;
	margin:auto;
	cursor: pointer;
}
.more-case:before{
	content: "查看更多";
}
.more-case.close-case:before{
	content: "收合";
}



@media screen and (max-width:1560px){
	.case-wrap{
		background-size: 1366px;
	}
	.case-list-wrap{
		max-width: 1100px;
		margin:30px auto 30px auto;
	}
	.case-box{
		flex: 297px 0 0;
		height: 310px;
		box-shadow: -2px 6px 3px rgba(0, 0, 0, 0.15);
		margin:0 30px 30px 30px;
	}
	.case-box h3{
		height: 56px;
		font-size: 17px;
	}
	.more-case{
		box-shadow: -2px 6px 3px rgba(0, 0, 0, 0.15);
		font-size: 17px;
		width: 160px;
		height: 50px;
		line-height: 50px;
	}
}
@media screen and (max-width:1200px){
	.case-list-wrap{
		margin-left: 30px;
		margin-right: 30px;
	}
	.case-box{
		flex: 30% 0 0;
		height: auto;
		aspect-ratio: 30 / 31;
		margin-right: 1.3333%;
		margin-left: 1.3333%;
	}
}

@media screen and (max-width:768px){
	.case-wrap{
		background-size: 125vw auto;
		padding-bottom: 120px;
	}	
	.case-list-wrap{
		justify-content: center;
	}
	.case-box{
		flex: 360px 0 0;
	}
	.case-list-basic .case-box {
	    margin-bottom: 30px;
	}
	.case-list-basic .case-box:last-child{
		margin-bottom: 0;
	}
}

@media screen and (max-width:576px){
	.case-wrap{
		padding-bottom: 80px;
	}
	.case-box{
		flex: 90% 0 0;
	}
}





/*專利認證
.patent-wrap{
	padding-bottom: 82px;
	padding-top: 112px;
	background-image: url("../images/bg-patent.jpg");
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top 112px center;
}
.patent-wrap .sub-title strong,.patent-wrap .sub-title span{
	color: #fff;
}
.patent-wrap .sub-title{
	background-image: none;
	padding-top: 28px;
	padding-bottom: 28px;
	background-color: rgba(0, 0, 0, 0.8);
	margin-bottom: 77px;
}


.patent-slider-wrap{
	margin: auto;
}



.patent-slider-wrap img{
	width: 371px;
	display: block;
	margin: auto;
}
.patent-img{
	height: 555px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.patent-img img{
	transition-duration: 0.5s;
}
.patent-img:hover img{
	border: 2px solid #c8bda5;
	transition-duration: 0.5s;
	box-shadow: 0 0 15px #fff;
}


@media screen and (max-width:1560px){
	.patent-wrap{
		padding-top: 79px;
		padding-bottom: 60px;
		background-position: top 79px center;
	}
	.patent-slider-wrap img{
		max-width: 264px;
		width: 80%;
	}
}

@media screen and (max-width:1200px){
	.patent-wrap{
	padding-bottom: 60px;
	padding-top: 59px;
	background-position: top 59px center;
}
	.patent-wrap .sub-title{
		margin-bottom: 50px;
	}
}
@media screen and (max-width:992px){
	.patent-img{
		height: 50vw;
	}
}
@media screen and (max-width:768px){
	.patent-wrap .sub-title{
		margin-bottom: 20px;
	}
	.patent-wrap{
		padding-bottom: 40px;
	}
}
@media screen and (max-width:576px){
	.patent-wrap{
		padding-top: 40px;
		padding-bottom: 30px;
		background-position: top 40px center;
	}
	.patent-img{
		height: 80vw;
	}
}
*/


/*簡介說明*/
.life-wrap{
	background-color:#ffffff;
	background-image: url(../images/bg-life-1.png),url(../images/bg-life-2.png);
	background-position: center top 40px,center bottom;
	background-repeat: repeat-x,no-repeat;
	padding-bottom: 190px;
}

.life-box{
	position: relative;
	cursor: pointer;
}

.life-box img{
	display: block;
	width: 100%;
	height: 100%;
}
.life-box h3{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.507);
	backdrop-filter: blur(5px);
	color: #924623;
	width: 100%;
	box-sizing: border-box;
	font-size: 26px;
	line-height: 70px;
	text-align: center;
}

.life-puzzle-wrap{
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	border:2px solid #D18F1B;
	max-width: 1500px;
	margin:70px auto 0 auto;
}
.big-box-group .life-box{
	aspect-ratio: 900 / 680;
	width: 900px;
}

.big-box-group .life-box img{
	aspect-ratio: 900 / 680;
	overflow: hidden;
	object-fit: cover;
}


.small-box-group .life-box{
	aspect-ratio: 600 / 340;
	width: 600px;
}
.small-box-groupp .life-box img{
	aspect-ratio: 600 / 340;
	overflow: hidden;
	object-fit: cover;
}



.life-slider-wrap{
	margin: 80px auto 0 auto;
}
.life-slider-wrap .life-box{
	border:1px solid  #D18F1B;
	flex: 416px 0 0;
	margin:0 50px 50px 50px;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: -2px 8px 3px rgba(0, 0, 0, 0.15);
}
.life-slider-wrap .life-box img{
	aspect-ratio: 4 / 3;
	overflow: hidden;
	object-fit: cover;
}
.life-slider-wrap .life-box  h3{
	font-size: 24px;
	text-align: left;
	line-height: 1.5em;
	height: auto;
	padding:0.5em 1em;
}





@media screen and (max-width:1560px){
	.life-wrap{
		background-size: 1700px;
		padding-bottom: 200px;
	}
	.life-puzzle-wrap{
		max-width: 1070px;
		margin:50px auto 0 auto;
	}
	.life-box h3{
		font-size: 19px;
	}
	.big-box-group .life-box{
		width: 642px;
	}
	.small-box-group .life-box{
		width: 428px;
	}
	.life-slider-wrap .life-box{
		margin:0 10px;
	}
	.life-slider-wrap .life-box  h3{
		font-size: 17px;
	}
}

@media screen and (max-width:1200px){
	.life-puzzle-wrap{
		max-width: 950px;
	}
	.big-box-group .life-box{
		width: 570px;
	}
	.small-box-group .life-box{
		width: 380px;
	}
	.life-box h3{
		font-size: 17px;
		letter-spacing: 1px;
		height: 50px;
		line-height: 50px;
	}
	.life-list-wrap .life-box h3{
		font-size: 16px;
	}
	.life-wrap{
		padding-bottom: 150px;
	}
	.life-box h3{
		height: auto;
		line-height: 1.3em;
		padding: 0.5em 1em;
	}
}

@media screen and (max-width:992px){
	.life-puzzle-wrap{
		display: block;
		margin-left: 75px;
		margin-right: 75px;
	}
	.life-puzzle-wrap img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.big-box-group .life-box{
		width: 100%;
	}
	.small-box-group{
		display: flex;
	}
	.small-box-group .life-box{
		width: 50%;
		aspect-ratio: 6 / 5;
	}
}


@media screen and (max-width:768px){
	.life-wrap{
		    background-size: 125vw auto;
		    padding-bottom: 105px;
	        background-position: center bottom;
	}
}
@media screen and (max-width:576px){
	.life-puzzle-wrap{
		display: block;
		margin-left: 30px;
		margin-right: 30px;
	}
	.life-box h3{
		font-size: 14px;
	}
}

/*聯絡我們*/
.contact-wrap{
	background-color:#FDF8D8;
	background-image: url("../images/bg-contact.png");
	background-position: top 60px center;
	padding-bottom: 222px;
}

.map-info-wrap{
	display: flex;
	justify-content: space-between;
	max-width: 1495px;
	margin:52px auto 0 auto;

}
.map-box{
	flex:856px 0 0;
	height: 393px;
	margin-right: 55px;
	border:6px solid #d18e1bc5;
	box-sizing: border-box;
}

.map-box iframe{
	display: block;
	width: 100%;
	height: 100%;
}
.info-box{
	flex:578px 0 0;
	font-size: 25px;
}
.company-name{
	font-size: 29px;
}
.info-bar{
	margin-bottom: 20px;
	line-height: 1em;
}
.tel-icon,.map-icon,.mail-icon{
	display: flex;
	align-items: center;

}
.tel-icon:before,.map-icon:before,.mail-icon:before{
	content: "";
	display: block;
	width: 33px;
	height: 33px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: center;
}

.tel-icon:before{
	background-image: url("../images/tel-icon.png");
}
.map-icon:before{
	background-image: url("../images/map-icon.png");
}
.mail-icon:before{
	background-image: url("../images/mail-icon.png");
}
.social-media{
	display: flex;
	margin-top: 50px;
}
.social-media a{
	display: block;
	width: 65px;
	height: 65px;
	text-indent: -800px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 38px;
}
.icon-fb{
	background-image: url("../images/social-fb.png");
}
.icon-ig{
	background-image: url("../images/social-ig.png");
}
.icon-yt{
	background-image: url("../images/social-yt.png");
}


@media screen and (max-width:1560px){
	.contact-wrap{
		padding-bottom: 160px;
		background-size: 1366px;
		background-position: top 50px center;
	}
	.map-info-wrap{
		max-width: 1050px;
		margin:36px auto 0 auto;
	}
	.map-box{
		flex:610px 0 0;
		height: 280px;
		margin-right: 44px;
		border:4px solid #beb49c;
	}
	.info-box{
		flex:390px 0 0;
		font-size: 17px;
	}
	.company-name{
		font-size: 21px;
	}
	.info-bar{
		margin-bottom: 13px;
	}
	.social-media{
		margin-top: 30px;
	}
	.social-media a{
		width: 48px;
		height: 48px;
		margin-right: 28px;
	}
}


@media screen and (max-width:1200px){
	.contact-wrap{
		padding-bottom: 60px;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	.map-info-wrap{
		display: block;
		max-width: 992px;
		padding: 0 30px;
	}
	.map-box{
		width: 100%;
		height: auto;
		aspect-ratio: 8 / 3;
		margin-bottom: 30px;
	}
	.info-box{
		font-size: 16px;
	}
	.company-name{
		font-size: 18px;
	}
	.info-bar{
		margin-bottom: 5px;
	}
	.tel-icon:before,.map-icon:before,.mail-icon:before{
		width: 28px;
		height: 28px;
	}
	.tel-icon:before{
		background-size: 20px;
	}
	.map-icon:before{
		background-size: 13px;
	}
	.mail-icon:before{
		background-size: 20px;
	}
	.social-media{
		margin-top: 15px;
	}
	.social-media a{
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}
}

@media screen and (max-width:768px){
	.contact-wrap{
		background-size: 125vw auto;
	}	
	
}


@media screen and (max-width:576px){
	.map-box{
		aspect-ratio: 1 / 1;
		margin-bottom: 15px;
	}
	.info-box{
		font-size: 14px;
		letter-spacing: 1px;
	}
}




/*slider 共同設定*/
.img-slider .slick-prev:before {
	background-position: left center;
}
.img-slider .slick-next:before {
   background-position: right center;
}
.img-slider .slick-prev{
	left: 10px;
}
.img-slider .slick-next{
	right: 10px;
}
.box-slider-wrap{
	max-width: 1750px;
}

.box-slider-wrap .slick-list{
	margin-left: 70px;
	margin-right: 70px;
}

.box-slider-wrap .slick-prev:before {
    background-image: url(../images/b-left.svg);
    background-color: #fff;
    background-position: left 15px center;
    background-size: 25px auto;
    width: 60px;
    height: 60px;
    border-radius: 60px;
}

.box-slider-wrap .slick-next:before {
    background-image: url(../images/b-right.svg);
    background-color: #fff;
    background-position: right 15px center;
    background-size: 25px auto;
    width: 60px;
    height: 60px;
    border-radius: 60px;
}


.box-slider-wrap .slick-prev{
	width: 60px;
	height: 60px;
	left: 0;
}
.box-slider-wrap .slick-next{
	width: 60px;
	height: 60px;
	right: 0;
}


@media screen and (max-width:1560px){
	.box-slider-wrap{
			max-width: 1245px;
			margin-bottom: 70px;
		}

}


@media screen and (max-width:1200px){
	.box-slider-wrap{
		margin-left: 10px;
		margin-right: 10px;
	}
	.box-slider-wrap .slick-list {
		    margin-left: 55px;
		    margin-right: 55px;
	}
	.box-slider-wrap .slick-next{
		width: 40px;
		height: 40px;
	}

	.box-slider-wrap .slick-next:before{
	    background-position:right 9px center;
	    background-size: 16px auto;
	    width: 40px;
	    height: 40px;
	    box-shadow: -3px 6px 3px rgba(0, 0, 0, 0.2);
	}
	.box-slider-wrap .slick-prev:before{
	    background-position:left 9px center;
	    background-size: 16px auto;
	    width: 40px;
	    height: 40px;
	    box-shadow: -3px 6px 3px rgba(0, 0, 0, 0.2);
	}
}
@media screen and (max-width:768px){
	.box-slider-wrap{
			margin-bottom: 0px;
		}
}


/*彈跳視窗*/
.cover{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.9);
}
.cover.open{
	display: flex;
	justify-content: center;
	align-items: center;
}

.close-btn{
	color: #fff;
	width: 31px;
	height: 32px;
	background-image: url("../images/close-btn.png");
	font-weight: 500;
	position: absolute;
	right: 50px;
	top: 50px;
	cursor: pointer;
}
.pop-window{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left 70px bottom 25px;
	width: 80vw;
	max-width: 1350px;
	min-height: 710px;
	border-radius: 10px;
	box-sizing: border-box;
	padding:25px 50px;
	max-height: 80vh;
	overflow: hidden;
}

.pop-windows{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left 70px bottom 25px;
	width: 80vw;
	max-width: 1350px;
	min-height: 710px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 25px 50px;
	max-height: 80vh;
	overflow-x:hidden;
	overflow-y:scroll;
}

.pop-content h2{
	font-size: 36px;
	color: #176100;
	margin-bottom: 30px;
}
.pop-content img{
	display: block;
	width: 100%;
}
.txt-block{
	font-size: 22px;
	line-height: 1.8em;
}
.txt-block p{
	margin-bottom: 1em;
}
.img-left{
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	max-width: 622px;
}
.img-right{
	float: right;
	margin-top: 6px;
	margin-bottom: 15px;
	margin-left: 15px;
	max-width: 622px;
}
.img-center{
	margin:15px auto;
	max-width: 622px;
}
@media screen and (max-width:1560px){
	.pop-content h2{
		font-size: 30px;
	}
	.txt-block{
		font-size: 20px;
	}
	.img-left{
		max-width: 60%;
	}
	.img-right{
		max-width: 60%;
	}
	.img-center{
		max-width: 60%;
	}
}

@media screen and (max-width:1200px){
	.close-btn{
		right: 20px;
		top: 20px;
	}
	.img-center{
		max-width: 80%;
	}
}


@media screen and (max-width:768px){
	.pop-content h2{
		font-size: 20px;
	}
	.txt-block{
		font-size: 16px;
	}
	.close-btn{
		right: 10px;
		top: 10px;
	}
	.pop-window{
		width: 90vw;
		padding:30px 30px;
		min-height: 15vh;
		max-height: calc(100vh - 100px);
		overflow: scroll;
	}
	.pop-windows{
		width: 90vw;
		padding:30px 30px;
		min-height: 50vh;
		max-height: calc(100vh - 100px);
		overflow: scroll;
	}	
	.img-center{
		max-width: 100%;
	}
}