/*========================================================*/
/*-------首頁內容--------*/
/*========================================================*/









/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁內容區塊*/	
.mainContent{
	/* padding: 50px 0px; */
}



	/*----- 首頁標題1 -----*/
	.index_title {
		font-size: clamp(1.25rem,2.0833vw,2.5rem);
		font-weight: bold;
		color: #777;
		color: var(--primary_color);
		line-height: 1.3;
		/* text-align: center; */
		/* padding-left: 60px; */
		margin-bottom: 25px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: clamp(.4375rem,0.7813vw,.9375rem);

	}	
		.index_title h2{	
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}	
		.index_title .deoco_left,	
		.index_title .deoco_right{	
			width: clamp(3.0625rem,5.0521vw,6.0625rem);
			height: clamp(1.25rem,2.0833vw,2.5rem);
		}	
		.index_title img{	
			width: 100%;
			height: auto;
		}	


		.index_item_bg{
			overflow: hidden;
		}
	
		/*----- 首頁按鈕 -----*/
		.mainContent .btn_area input {
			margin: 0px auto;
			width: 140px;
			/* height: 40px;
			line-height: 40px; */
		}

		

@media (max-width: 990px){
	
	.mainContent{	
		/* padding: 25px 0px;	 */
	}	



		/*----- 首頁標題1 -----*/
		.index_title{
			/* font-size: 25px;
			line-height: 1.2; */
			margin-bottom: 12px;
		}
		

}









/*/////////////////////////////////////////////////////////*/
/*-------首頁_banner--------*/
/*/////////////////////////////////////////////////////////*/


.banner_list{	
	box-sizing: border-box;
    position: relative;
    padding-top: 31.25%;
    /* overflow: hidden;
    display: block; */
}
	.banner_list img{	
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		float: none;
		/* border-radius: 50%; */
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		transition: all 0.3s ease-out;
	}





	/* banner_scroll */
	.banner_scroll{
		width: 50px;
		position: absolute;
		bottom: 25px;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(0%);
		transform: translateX(-50%) translateY(0%);
		z-index: 1;
		animation: animate_banner_scroll 2s ease infinite;
	}
	@keyframes animate_banner_scroll {
		0% { bottom: 25px;}
		50%   { bottom: 50px; } 
		100% { bottom: 25px;}
		/* from { bottom: 25px;}
		to   { bottom: 50px; }  */
	}
		.banner_scroll a{
			text-decoration: none;
			display: inline-block;
		}
			.banner_scroll img{
				width: 100%;
				height: auto;
			}
		
				

		div#about {
			/* transform: translateY(-76.66px); */
			transform: translateY(0px);
		}


	
@media (max-width: 990px){

	/* banner_scroll */
	.banner_scroll{
		bottom: 25px;
	}
	@keyframes animate_banner_scroll {
		0% { bottom: 40px;}
		50%   { bottom: 25px; } 
		100% { bottom: 40px;}
		/* from { bottom: 25px;}
		to   { bottom: 50px; }  */
	}

	div#about {
		/* transform: translateY(-76.66px); */
		transform: translateY(-88.86px);
	}

}












/*/////////////////////////////////////////////////////////*/
/*-------首頁_關於我們區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁_關於我們*/	
.index_aboutBg{	
	position: relative;
	/* background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
}

	.index_about_area{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 50px 0;
		backdrop-filter: blur(1px);
		background-color: rgb(0 0 0 / 20%);
		height: 100%;
		/* height: calc(100% - 30px * 2); */
		min-height: 50vh;
	}

	

	/*----- 首頁標題1 -----*/
	.index_aboutBg .index_title {
		color: #fff;
		text-align: center;
		text-shadow: rgb(0 0 0) 0px 0px 10px;
	}
	.index_aboutBg .text_area{	
		color: #fff;
		text-shadow: rgb(0 0 0) 0px 0px 10px;
	}

	/*首頁_關於我們_底圖*/	
	.index_aboutBg_img{
		background-size: cover;
		background-repeat: no-repeat;
		/* background-attachment: unset; */
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		z-index: -1;
	}




@media (max-width: 768px){

	.index_about_area{
		padding: 30px 0;
	}

}









	
/*/////////////////////////////////////////////////////////*/
/*-------首頁_最新消息區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁_最新消息*/	
.index_newsBg{
	background-color: #fff;
	/*position: relative;
	 background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
	padding: clamp(1.5625rem,2.6042vw,3.125rem) 0;
	position: relative;
}

	/*----- 首頁標題1 -----*/
	.index_newsBg .index_title {
		padding-left: 60px;
		padding: 0;
	}



/* 最新消息區 */
ul.index_news_area{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	color: #333;
	/* margin: -10px; */
	padding: 50px 60px 50px;
	padding: 0;
	/* border-radius: 0 35px 35px 0; */
	background-color: #faf7f3;
	background-color: transparent;
	gap: .625rem;
}
	/* 最新消息列表 */
	ul.index_news_area li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 10px;
		padding: 0;
        cursor: pointer;
	}
	/* 最新消息列表 */
	ul.index_news_area li:hover{
		opacity: 0.7;
        transition: all 0.3s ease;
	}
	
	.index_NA_list{
		/* display: flex;	 */
		position: relative;
		padding: 10px;
		border-radius: 20px;
		padding-left: 214px;
		background-color: #fff;
		background: linear-gradient(white, white) padding-box,
            linear-gradient(90deg, #007DB6 20.19%, #96C25B 100%) border-box;
		border: 1px solid transparent;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30px;
		gap: clamp(.625rem,1.0417vw,1.25rem);
		box-sizing: border-box;
	}

	/* 最新消息列表_日期 */
	.index_NA_list .date{
		font-family: var( --foreign_font);
		color: #3A3A3A;
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		/* top: 23px; */
		font-size: 1rem;
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		width: 100%;
		max-width: 100px;
		box-sizing: border-box;
	}
	/* 最新消息列表_類別 */
	.index_NA_list .tag{
		width: auto;
		position: absolute;
		top: 15px;
		top: 50%;
		left: 120px;
		transform: translateY(-50%);
		font-size:clamp(1rem,1.3125rem,1.3125rem);
		line-height: 1.2;
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		/* width: 120px; */
		box-sizing: border-box;
	}

		.index_NA_list .tag a{
			color: var(--primary_color);
			text-decoration: none;
			/* display: inline-block; */
			padding: 6px 36px;
			/* padding: 6px; */
			text-align: center;
			background-color: #000;
			border-radius: 20px;
			border-radius: 30px;
			background-color: transparent;
			border: 2px solid var(--primary_color);
			white-space: nowrap;
			width: 120px;
			box-sizing: border-box;
		}
		/* 最新消息列表_類別 */
		.index_NA_list .tag.ontop a{
			color: #fff;
			background-color: var(--primary_color);
			
		}

	/* 最新消息列表_右側 */
	.index_NA_right{
		width: calc(100% - 100px - 120px - (20px * 2));
	}

		/* 最新消息列表_標題 */
		.index_NA_right h3{
			padding: 0;
			margin: 0;
			color: inherit;
			font-size: 1.125rem;
			line-height: 1.2;
			font-weight: bold;
			text-align: left;
		}
			.index_NA_right h3 a{
				/* color: inherit; */
				color: var(--primary_color);
				text-decoration: none;
				display: block;
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				color: #3A3A3A;
				font-weight: 400;
				font-size:clamp(1.125rem,1.1458vw,1.375rem) ;
			}

		/* 最新消息列表_簡述 */
		.index_NA_right .brief{
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			font-size: 1.0625rem;
			line-height: 1.2;
			margin-top: 6px;
			color: #838383;
			display: none;
		}


		.index_newsBg .wrap{
			position: relative;
			/* padding-right: 200px; */
			margin: 0;
			max-width: 85rem;
			margin: 0 auto;
		}

		.index_newsBg .btn_area {
			position: absolute;
			top: -2px;
			right: 0;
			/* text-align: center; */
			margin: 0px 0px 0px;
		}



		/* 首頁_最新消息裝飾 */
		.index_news_img{
			width: 10%;
			position: absolute;
			bottom: 0;
			right: 50px;
			z-index: 2;
		}
			.index_news_img span{
				display: block;	
				transition: transform 0.3s;
			}
			.index_news_img span.rotate_animate{
				transform: translate(-50px,0);
				/* animation: rotate_animate 3s ease infinite ; */
			}
			.index_news_img img{
				width: 100%;
				height: auto;			
			}

			/* @keyframes rotate_animate {
				0% {
					transform: translate(0px,0);
				}
				50% {
					transform: translate(-100px,0);
				}
				100% {
					transform: translate(0px,0);
				}
			} */
			



@media (max-width: 1350px){

	/* 首頁_最新消息裝飾 */
	.index_news_img{
		bottom: 16px;
		width: 10%;
	}

	.index_newsBg .wrap {
		width: 95%;
	}
		/* 最新消息區 */
		ul.index_news_area{
			/* padding: 50px 20px 50px; */
		}
			/* 最新消息列表 */
			/* ul.index_news_area li{
				width: 100%;
				padding: 10px 0;
			} */

}

@media (max-width: 1200px){

	.index_newsBg {
		/* padding: 50px 0 0px; */
	}
		/* 首頁_最新消息裝飾 */
		.index_news_img{
			right: 10px;
			bottom: 3px;
			width: 95px;
		}
		.index_newsBg .wrap {
			/* width: auto; */
			margin: 0 auto;
		}
		/* .index_newsBg .btn_area {
			right: 60px;
			top: -20px;
		} */
		/* 最新消息區 */
		ul.index_news_area{
			/* display: block;
			flex-wrap: unset; */
			
		}
			/* 最新消息列表 */
			ul.index_news_area li{
				width: 100%;
				/* padding: 10px 0; */
			}
			
	
}


@media (max-width: 990px){
	/*----- 首頁標題1 -----*/
	.index_title {
		justify-content: center;

	}
	.index_NA_list{
		padding: 15px;
		flex-wrap: wrap;
	}
	/* 最新消息列表_右側 */
	.index_NA_right{
		
		width: 100%;
		
	}
	.index_newsBg .btn_area {
		position: unset;
		top: unset;
		right: unset;
		margin: 12px 0px 0px;
	}
}
















	
/*/////////////////////////////////////////////////////////*/
/*-------首頁_產品介紹區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁_產品介紹*/	
.index_productBg{
	background-color: #fff;
	/*position: relative;
	 background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
	padding: 215px 0;
	padding: clamp(6.75rem,11.1979vw,13.4375rem) 0;
	position: relative;
	/* z-index: 5; */
	display: flex;
	justify-content: flex-end;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
	/* 首頁_產品裝飾底 */
	.index_product_background{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 25%;
		height: 90%;
		background-color: #faf7f3;
		/* background-color: var(--secondary_color); */
		/* opacity: 0.3; */
		z-index: 0;
	}


	/*----- 首頁標題1 -----*/
	.index_productBg .index_title {
		/* padding-left: 60px; */
	}


	



	.index_productBg .swiper {
        width: 100%;
        height: 100%;
      }

      .index_productBg .swiper-slide {
        text-align: center;
        font-size: 1.25rem;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background: #fff0;
      }

      .index_productBg .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



	.index_productBg .wrap {
		position: relative;
		z-index: 5;
		margin: 0;
		width: 100%;
		max-width: 62.5rem;
    	margin: 0 auto;
	}




	/* 首頁_產品區塊_左右按鍵 */
	.index_product_arrow{
		position: absolute;
		top: 45px;
		right: 100px;
		width: 70px;
		/* height: 70px;
		background-color: #000; */
	}
		.index_productBg .swiper-button-prev ,
		.index_productBg .swiper-button-next{
			left: unset;
			right: unset;
			top: 10px;
			top: 50%;
			bottom: 0;
			transform: translateY(-50%);
			width: 47px;
			height: 47px;
			background-size: 47px;
		}
		.index_productBg .swiper-button-prev{
			left: calc(-47px - 10px);
			
		}
		.index_productBg .swiper-button-next{
			right: calc(-47px - 10px);
		}




	.index_product_area{	
		max-width: 1000px;
		position: relative;
	}
		/* 產品介紹列表 */
		.index_product_list{
			width: 100%;
			/* box-shadow: 1px 1px 15px #00000038;	 */
			box-sizing: border-box;
			padding: 2px;
			max-width: 235px;
		}

			/* 首頁產品介紹照片 */
			.index_productImg{	
				position: relative;	
			}		
				.index_productImg a{	
					box-sizing: border-box;
					position: relative;
					padding-top: 100%;
					overflow: hidden;	
					display: block;
					/* background-color: #000; */
				}
					.index_productImg img{	
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						/* border-radius: 50%; */
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.3s ease-out;	
					}


				/* 最新icon */
				.index_productBg .tag_icon{
					position: absolute;
					top: -2px;
					left: -5px;
					/* left: 0; */
					background-image: url(../images/current_icon.svg);
					background-size: 45px;
					background-repeat: no-repeat;
					width: 45px;
					height: 45px;
					z-index: 2;
					font-size: .9375rem;
					line-height: 1.2;
					font-weight: bold;
					text-align: center;
				}
					.index_productBg .tag_icon span{
						/* padding: 14px 34px; */
						display: inline-block;
						color: #000;
						padding: 14px 0px;
						font-family: var(--foreign_font);
						text-align: center;
					}




			/* 裝飾線 */
			.index_product_line{
				/* position: absolute; */
			}
				.index_product_line:before{
					position: absolute;
					content: "";
					background-color: #fff;
					/* width: calc(100% - (10px * 2)); */
					width: 0;
					height: 1px;
					top: 10px;
					left: 10px;
					z-index: 1;
					transition: 0.3s ease all;
				}
				.index_product_line:after{
					position: absolute;
					content: "";
					background-color: #fff;
					width: 1px;
					/* height: calc(100% - (10px * 2)); */
					height: 0;
					top: 10px;
					left: 10px;
					z-index: 1;
					transition: 0.3s ease all;
				}
			/* 裝飾線2 */
			.index_product_line2{
				/* position: absolute; */
			}

			.index_product_line2:before{
				position: absolute;
				content: "";
				background-color: #fff;
				/* width: calc(100% - (10px * 2)); */
				width: 0;
				height: 1px;
				bottom: 10px;
				right: 10px;
				z-index: 1;
				transition: 0.3s ease all;
			}
			.index_product_line2:after{
				position: absolute;
				content: "";
				background-color: #fff;
				width: 1px;
				/* height: calc(100% - (10px * 2)); */
				height: 0;
				bottom: 10px;
				right: 10px;
				z-index: 1;
				transition: 0.3s ease all;
			}

			/* hover */
			.index_productImg a:before{	
				position: absolute;
				content: "MORE";
				font-family: var(--foreign_font);
				top: 50%;
				left: 50%;
				transform: translate(-50% , 0%) scale(0);
				color: #fff;
				text-shadow: rgb(0 0 0) 0px 0px 10px;
				font-size: 1.375rem;
				line-height: 1;
				z-index: 1;
				/* transition: 0.9s ease all; */
				opacity: 0;
			}
			.index_productImg a:hover:before{	
				transform: translate(-50% , -50%) scale(1);
				opacity:1;
				transition: 0.9s ease all;
			}
			.index_productImg:hover img{
				/* opacity: 0.5; */
				filter: grayscale(0.7) ;  /*灰階*/
				transition: 0.3s ease all;
			}
			.index_productImg:hover  .index_product_line:before ,
			.index_productImg:hover  .index_product_line2:before{
				width: calc(100% - (10px * 2));
			}
			.index_productImg:hover  .index_product_line:after ,
			.index_productImg:hover  .index_product_line2:after{
				height: calc(100% - (10px * 2));
			}




			/* 首頁產品介紹_資訊 */
			.index_product_botom{	
				line-height: 1.2;	
				color: #838383;
				text-align: left;	
				text-align: center;
				padding: 15px 0;
				padding: clamp(.9375rem,1.5625vw,1.875rem);
				border-radius: 20px;
				border: 2px solid #4B9F88;
				background: #FFF;
				color: var(--secondary_color);
				margin-bottom: 1px;
			}
				.index_product_botom h3.title{
					padding: 0;
					margin: 0;
					display: block;
					list-style-type: none;
					font-size: 1.125rem;
					line-height: inherit;
					color: #4B9F88;
				}
					.index_product_botom h3.title a{	
						display: block;
						text-decoration: none;
						color: inherit;	
						
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
						text-align: center;
					}

				.index_product_botom .brief{
					margin-top: 10px;
					font-size: 1.0625rem;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					display: none;
				}






@media (max-width: 990px){
	.index_product_area{	
		max-width: 500px;
		
	}
	.index_productBg .wrap {
		position: relative;
		z-index: 5;
		margin: 0;
		max-width: 31.25rem;
    	margin: 0 auto;
	}
}


















/*/////////////////////////////////////////////////////////*/
/*-------首頁_活動影音區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁_活動影音*/	
.index_videoBg{
	/* position: relative; */
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 100px 0;
}

	.index_videoBg .wrap{
		width: 35%;
		margin: 0;
		padding-right: 10%;
	}
		.index_video_area{
			/* max-width: 30%;
			padding-right: 10%; */
		}

	

	/*----- 首頁標題1 -----*/
	.index_videoBg .index_title {
		color: var(--primary_color);
		text-align: center;
		/* text-shadow: rgb(0 0 0) 0px 0px 10px; */
	}
	.index_videoBg .text_area{
		/* color: #fff; */
		/* text-shadow: rgb(0 0 0) 0px 0px 10px; */
	}

	


@media (max-width: 768px){

	.index_videoBg{
		padding: 30px 0;
	}
	.index_videoBg .wrap{
		width: calc(100% - 15px * 2);
		margin: 0 auto;
		padding-right: 0;
	}
		.index_video_area{
			/* max-width: 30%;
			padding-right: 10%; */
		}
}





















	
/*/////////////////////////////////////////////////////////*/
/*-------首頁_活動剪影區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁_活動剪影*/	
.index_albumBg{
	background-color: #fff;
	/*position: relative;
	 background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
	padding: 50px 0;
	padding: clamp(1.5625rem,2.6042vw,3.125rem) 0;
	position: relative;
	/* z-index: 5; */
	/* display: flex;
	justify-content: flex-end; */
}
	/* 首頁_產品裝飾底 */
	/* .index_product_background{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 25%;
		height: 90%;
		background-color: #faf7f3;
		z-index: 0;
	} */


	/*----- 首頁標題1 -----*/
	.index_albumBg .index_title {
		text-align: center;
	}
	
	.index_albumBg .album_deco_left, 
	.index_albumBg .album_deco_right {
		
	}
	.index_albumBg .album_deco_right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-top: -100px;
		
	}
	
	.index_albumBg .deco_img {
		max-width: clamp(11.25rem,18.75vw,22.5rem);
	}
	
	.index_albumBg .deco_img img{
		width: 100%;
		height: auto;
	}


	
	.index_albumBg .swiper-wrapper{
		transition-timing-function: linear; /*之前是ease-out*/
	}


	.index_albumBg .swiper {
        width: 100%;
        height: 100%;
      }

      .index_albumBg .swiper-slide {
        text-align: center;
        font-size: 1.25rem;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background: #fff0;
      }

      .index_albumBg .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



	.index_albumBg .wrap {
		/* position: relative;
		z-index: 5;
		margin: 0; */
	}




	/* 首頁_活動剪影_左右按鍵 */
	/* .index_album_arrow{
		position: absolute;
		top: 45px;
		right: 100px;
		width: 70px;
	}
		.index_albumBg .swiper-button-prev ,
		.index_albumBg .swiper-button-next{
			left: unset;
			right: unset;
			top: unset;
			bottom: 0;
			transform: unset;
			width: 30px;
			height: 30px;
			background-size: 30px;
		}
		.index_albumBg .swiper-button-prev{
			left: 0;
		}
		.index_albumBg .swiper-button-next{
			right: 0;
		} */




	.index_album_area{	
		position: relative;
		max-width: 85rem;
		width: 85%;
		margin: 0 auto;	
		height: 100%;
	}
		/* 活動剪影列表 */
		.index_album_list{
			width: 100%;
			/* box-shadow: 1px 1px 15px #00000038;	 */
			box-sizing: border-box;
			padding: 2px;
			height: 100%;
		}

			/* 首頁活動剪影照片 */
			.index_albumImg{	
				position: relative;
				width: 100%;
				height: 100%;	
			}		
				.index_albumImg a{	
					box-sizing: border-box;
					position: relative;
					padding-top: 71.42%;
					overflow: hidden;	
					display: block;
					/* background-color: #000; */
					border-radius: 20px;
				}
					.index_albumImg img{	
						width:100%;
						height:auto;
						transition: all 0.3s ease-out;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.3s ease-out;
					}


					
					

			/* 裝飾線 */
			.index_album_line{
				display: none;
			}
				.index_album_line:before{
					position: absolute;
					content: "";
					background-color: #fff;
					/* width: calc(100% - (10px * 2)); */
					width: 0;
					height: 1px;
					top: 10px;
					left: 10px;
					z-index: 1;
					transition: 0.3s ease all;
				}
				.index_album_line:after{
					position: absolute;
					content: "";
					background-color: #fff;
					width: 1px;
					/* height: calc(100% - (10px * 2)); */
					height: 0;
					top: 10px;
					left: 10px;
					z-index: 1;
					transition: 0.3s ease all;
				}
			/* 裝飾線2 */
			.index_album_line2{
				display: none;
			}

			.index_album_line2:before{
				position: absolute;
				content: "";
				background-color: #fff;
				/* width: calc(100% - (10px * 2)); */
				width: 0;
				height: 1px;
				bottom: 10px;
				right: 10px;
				z-index: 1;
				transition: 0.3s ease all;
			}
			.index_album_line2:after{
				position: absolute;
				content: "";
				background-color: #fff;
				width: 1px;
				/* height: calc(100% - (10px * 2)); */
				height: 0;
				bottom: 10px;
				right: 10px;
				z-index: 1;
				transition: 0.3s ease all;
			}

			/* hover */
			.index_albumImg a:before{	
				position: absolute;
				content: "點擊放大";
				font-family: var(--foreign_font);
				top: 50%;
				left: 50%;
				transform: translate(-50% , 0%) scale(0);
				color: #fff;
				text-shadow: rgb(0 0 0) 0px 0px 10px;
				font-size: 1.375rem;
				line-height: 1;
				z-index: 1;
				/* transition: 0.9s ease all; */
				opacity: 0;
			}
			.index_albumImg a:hover:before{	
				transform: translate(-50% , -50%) scale(1);
				opacity:1;
				transition: 0.9s ease all;
			}
			.index_albumImg:hover img{
				/* opacity: 0.5; */
				filter: grayscale(0.7) ;  /*灰階*/
				transition: 0.3s ease all;
			}
			.index_albumImg:hover  .index_product_line:before ,
			.index_albumImg:hover  .index_product_line2:before{
				width: calc(100% - (10px * 2));
			}
			.index_albumImg:hover  .index_product_line:after ,
			.index_albumImg:hover  .index_product_line2:after{
				height: calc(100% - (10px * 2));
			}




			/* 首頁活動剪影_資訊 */
			.index_album_botom{	
				line-height: 1.2;	
				color: #838383;
				text-align: left;	

				padding: 15px 5px;
				opacity: 0;
				display: none;
			}
				.index_album_botom h3.title{
					padding: 0;
					margin: 0;
					display: block;
					list-style-type: none;
					font-size: 1.0625rem;
					line-height: inherit;
					font-weight: normal;
					/* color: var(--primary_color); */
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}
					/* .index_album_botom h3.title a{	
						display: block;
						text-decoration: none;
						color: inherit;	
						
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
					}

				.index_album_botom .brief{
					margin-top: 10px;
					font-size: 17px;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;			
				} */


				.index_album_arrow{
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-top: clamp(1.4375rem,2.3438vw,2.8125rem);
					gap: clamp(1.25rem,2.0833vw,2.5rem);
					z-index: 10;
				}
				.index_album_arrow .swiper-button-prev,
				.index_album_arrow .swiper-button-next{
					position: relative;
					top: unset;
					left: unset;
					right: unset;
					transform: unset;
				}



	.pswp__custom-caption {		
		font-size: .875rem;
		color: #fff;
		/* width: calc(100% - 32px); */
		/* max-width: 400px; 
		padding: 2px 8px;
		border-radius: 4px;*/
		position: absolute;
		left: 50%;
		bottom: 16px;
		transform: translateX(-50%);

		background: rgba(0 0 0 / 35%);
		padding: 0;
		line-height: 1.3;
		text-align: center;		
		max-width: calc(100% - 20px);
    	width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	/* .pswp__custom-caption:before{
		content: "";		
		width: 100%;
	} */
		.pswp__custom-caption a {
			color: #fff;
			/* text-decoration: underline; */

			text-decoration: none;			
		}
		.hidden-caption-content {
			display: none;
		}




@media (max-width: 990px){

/*首頁_活動剪影*/	
.index_albumBg{
	padding: 30px 0 ;
	/* position: relative;
	display: block;
    justify-content: unset; */
}

	/* 首頁_活動剪影_左右按鍵 */
	/* .index_album_arrow{
		top: 30px;
		right: 0;
	}
	.index_albumBg .wrap {
		margin: 0 auto;
	} */
	/*----- 首頁標題1 -----*/
	/* .index_albumBg .index_title {
	} */

	/* 首頁_產品裝飾底 */
	/* .index_product_background{
		width: 35%;
		height: 65%;
	} */

	.index_albumBg .album_deco_left, 
	.index_albumBg .album_deco_right {
		display: none;
	}
}