.index_main_wave{
	width:100%;
	position: absolute;
	top:-5vw;
	mix-blend-mode:screen;
	z-index: 1;
	opacity: .6;
}

.index_main_wave img{
	width:100%;
	height:auto;
}

.index_main_bg{
	width:100%;
	position: absolute;
	top:0;
	/* mix-blend-mode:screen; */
	z-index: 0;
}

.index_main_bg img{
	width:100%;
	height:auto;
}

.bg-wave{
	width:100%;
	position: absolute;
	bottom:0;
	/* mix-blend-mode:screen; */
	z-index: 0;
}

.bg-wave img{
	width:100%;
	height:auto;
}

/* 2. 主要區塊 */
/* css/style.css */

.hero-section {
	width: 100%;
	height: 90%;
	/* min-height: 1100px; */
	/* background-image: url('../images/main-bg.png?V=2');
	background-size: cover;
	background-position: center; */
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative; /* 新增，用於子元素的絕對定位 */
}


.lineFriends_mark{
	position: absolute;
	top:90px;
	left:100px;
	width:90px;
	height:auto;
}


/* 確保內容在容器內置中 */
.hero-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	/* top: 15vw;
	height: 73vw;
	min-height: 880px; */
	/* margin-bottom: 15vw; */
	padding-top:15vw;
	margin-bottom:10vw;
}

/* 卡片輪播區塊 */
/* .card-slider {
	position: relative;
	width: 430px; 
	height: 270px; 
	margin-bottom: 30px;
} */


.card-slider {
	position: relative;
	width: 40%; 
	//max-width: 430px; 
	aspect-ratio: 430 / 270;
	height: auto; 

	margin-bottom: 30px; 
}

/* 流星圖，固定在卡片右上角 */
.shooting-star {
	width: 20vw;
	position: absolute;
	top: -8vw;
	right: -18vw;
	z-index: 1;
}

/* 卡片圖片容器 */
.card-image-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}



/* 信用卡圖片，用於淡入淡出 */
.card-image {
	position: absolute;
	z-index: 2; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0; /* 預設隱藏 */
	transition: opacity 1s ease-in-out; /* 淡入淡出效果 */
}

.card-image.active {
	opacity: 1; /* 顯示當前活躍的卡片 */
}

.blend-screen {
  mix-blend-mode: screen; /* 讓黑色區域變成透明 */
}


/* blend-wrapper，與卡片同寬高，並在卡片下方 */
.blend-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1; /* z-index 必須小於卡片，才能在下方 */
	opacity: .9;
}


/* 上方炫光條 */
.blend-top {
	position: absolute;
	top: -5px; /* 根據圖片尺寸調整位置 */
	left: 0;
	width: 100%;

}

/* 下方炫光條 */
.blend-bottom {
	position: absolute;
	bottom: -5px; /* 根據圖片尺寸調整位置 */
	left: 0;
	width: 100%;
}

/* 主標題圖片 */
.main-title-img {
	width:40vw;
	max-width: 450px; /* 根據圖片尺寸調整 */
	margin-bottom: 10px;
}

/* 副標題文字與星星 */
.subtitle {
	font-size: 2rem;
	font-weight: 300;
	color: #e0e0e0;
	display: flex;
	align-items: center;
	gap: 0px; /* 星星與文字的間距 */
	margin: 0;
	margin-bottom:8vw;
}

.subtitle span.subtitle-txt{
	font-size: 1.6rem;
	letter-spacing: 0.5rem;
	white-space: nowrap;
}

/* 透過偽元素來抵消最後一個字元的間距 */
.subtitle span.subtitle-txt::after {
	content: '';
	margin-left: -0.25em; /* 這裡的值必須與 letter-spacing 的值相同，但為負值 */
	display: inline-block; /* 確保 margin 能夠作用 */
}

.rotate-star-wrapper,
.shooting-star{
	opacity: .9;
}


/* 旋轉星星 */
#rotateStar {
	width: 80px; /* 調整星星大小 */
	height: 80px;
}

/* 旋轉星星的動畫關鍵幀 */
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.rotate-active {
	animation: rotate 0.8s linear forwards; /* 轉動時間可以調整，這裡設為 0.8s */
}

/* 動物圖片，放在右下角 */
.animal-image {
	position: absolute;
	
	width: 14vw; /* 根據圖片大小調整 */
	opacity: 0; /* 預設隱藏 */
	transition: opacity 1s ease-in-out; /* 淡入淡出效果 */
}

/* .animal-image.rabbit{
	left: -260px; 
	bottom: -30px; 
}

.animal-image.bear{
	right: -330px; 
	bottom: -200px;
} */

.animal-image.rabbit{
	left: -16vw; 
	bottom: -3vw; 
}

.animal-image.bear{
	right: -18vw; 
	bottom: -15vw;
}

.animal-image.active {
	opacity: 1; /* 顯示當前活躍的動物圖 */
}


.section-header{
	width:100%;
	text-align: center;
	margin-bottom:40px;
}


.section-header img{
	width:60%;
	height:auto;
	margin:0 auto;
	margin-bottom:2rem;
}

.rights-section .section-header img{
	width:70%;
}

.dignity-section .section-header img{
	width:50%;
}

.courtesy-section .section-header img{
	width:60%;
}

.invitation-section .section-header img{
	width:30%;
}

.section-header.indexTitle img{
	width:60%;
}

.section-header.newoffers img{
	width:16%;
}

.courtesy-button-group-inhero{
	width:100%;
	max-width: 1100px;
	height:auto;
	gap:15px;
	justify-content: center;
}

.courtesy-button-group-inhero a.btn{
	color: #0d1222;
	/* width: 200px; */
	width: 13.89vw;
	/* height: 60px; */
	height: 4.17vw;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
}



.courtesy-button-group-inhero a.btn img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s ease-in-out;
}

.courtesy-button-group-inhero a.btn img.link {
	opacity: 1;
}

.courtesy-button-group-inhero a.btn img.hover {
	opacity: 0;
}

.courtesy-button-group-inhero a.btn:hover img.link {
	opacity: 0;
}

.courtesy-button-group-inhero a.btn:hover img.hover {
	opacity: 1;
}


/* 2.首頁活動資訊區塊 */
/* .index-section{
	margin-bottom:30px;
} */
#fancybox-content{
	max-width: 70%;
}

.eventnote-content-wrapper{
	padding:1rem;
	padding-top:2rem;
	text-align:center;
	background: #0e2d50;
	border-radius: 30px 0 30px 0;
}

.eventnote-content-wrapper img{
	width:250px;
	margin:0 auto;
	margin-bottom:1.2rem;
}

.eventnote-content-wrapper ol li{
	font-size: 1rem;
	padding: .35rem;
	text-align: justify;
}



.index-section .content .event-info{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px;
	color: #fff;
}


.index-section .content .event-info ul{
	margin-left:0;
	width:80%;
	margin:0 auto;
	margin-bottom:1.5rem;
}


.index-section .content .event-info ul li{
	font-size: 1.2rem;
	margin-left:0;
	display: flex;
}

.index-section .content .event-info ul li.eventdateli{
	align-items: center
}


.index-section .content .event-info ul li span:first-child {
	flex: 0 1 auto; /* 確保不撐開 */
	white-space: nowrap; /* 確保文字不換行 */
}

.index-section .content .event-info p{
	padding-bottom: 1.5rem;
	font-size: 1.4rem;
	line-height: 1.6;
}

.index-section .content .event-info img{
	width:80%;
	height: auto;
	margin:0 auto;
	margin-bottom: 2.5rem;
}

.index-section .content .event-info img.label-img {
	width: auto;
	height: 40px;
	margin: 0 auto;
}

.index-section .content .event-info ol li{
	color:#fff;
	font-size: 1.2rem;
	line-height: 1.6;
	padding-bottom:1.2rem;
	text-align: left;
}

.index-section h2.myCarouselTitle{
	width:100%;
	margin:1.5rem 0;
	font-size: 2vw;
	text-align: center;
	color:#f7e182;
	margin-bottom:3rem;
}

.index_section_table{
	width:100%;
	height:auto;
	position: relative;
	margin-bottom: 3rem;
}

.index_section_table a.lampBtn {
	position: absolute;
	width: 32px;
	height: 32px;
	transition: all .3s ease-in-out;
	top: 110px;
	left: 65%; 
	transform: translate(-50%, -50%);
}

.index_section_table a.lampBtn:hover{
	width:42px;
	height:42px;
}

.index_section_table_link.for_laptop{
	display: flex;
	justify-content: center;
}


.index_section_table_link.for_laptop a {
	width: 30%;
	height: auto;
	text-align: center;
}
.index_section_table_link a img{
	width:100%;
	height:auto;
	margin-bottom:0;
}

#myCarousel {
	width:65vw;
	position: relative;
	max-width: 1100px; /* 範例：設定最大寬度 */
	margin: 0 auto;
	margin-bottom:3rem;
}

/* 移除 Swiper 預設的按鈕樣式 */
#myCarousel .swiper-button-prev,
#myCarousel .swiper-button-next {
	background-image: none !important; /* 移除內建的背景圖片 */
}

#myCarousel .swiper-button-next:after, #myCarousel .swiper-rtl .swiper-button-prev:after {
	content: '';
}

#myCarousel .swiper-button-prev:after, #myCarousel .swiper-rtl .swiper-button-next:after {
	content: '';
}

/* 定位左右導航按鈕 */
#myCarousel .swiper-button-prev {
	left: -80px; /* 往左移出 60px */
}

#myCarousel .swiper-button-next {
	right: -80px; /* 往右移出 60px */
}

.swiper-slide img{
	width:100%;
	height:auto;
}

/* 調整按鈕的共同樣式 */
#myCarousel .swiper-button-prev,
#myCarousel .swiper-button-next {
	position: absolute;
	top: 60%; /* 垂直居中 */
	transform: translateY(-60%); /* 確保精確居中 */
	z-index: 10;
	cursor: pointer;
	width: 60px; /* 根據圖片大小調整 */
	height: 60px; /* 根據圖片大小調整 */
}

#myCarousel .swiper-button-prev img{
	width:100%;
	height: auto;
}

#myCarousel .swiper-button-next img{
	width:100%;
	height: auto;
}

/* 3. 鼎極尊榮區塊 */
.dignity-section {
	padding: 120px 0 10vw 0;
	background-image: url('../images/dignity-section-bg.jpg?v=2'); 
	/* background-image: url('../images/invitation-section-bg.jpg?v=2');  */
	background-size: auto;
	background-position: top;
	position: relative;
}

.dignity-section .content p{
	width:80%;
	margin:0 auto;
}

.dignity-section .content .dignity-section-txt .dignity-txt-row{
	position: relative;
	margin-bottom:30px;
}

.dignity-section .content .dignity-section-txt .dignity-txt-row img.sub-title-img{
	width:250px;
	height:auto;
	margin-bottom:1.5rem;
}

.dignity-section .content .dignity-section-txt .dignity-txt-row img.sub-animal-img{
	width:150px;
	position: absolute;
	right:-50px;
	bottom:-100px;
}

.invitation-section .content .invitation-section-txt .newCardGiftBox{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 2rem 0;
	padding-top:0;
}

.newCardGiftBox a{
	width:30%;
	height: auto;
	margin:0 auto;
	display: block;
}

.newCardGiftBox a img{
	width:100%;
	height: auto;
}

.invitation-section .content .invitation-section-txt img.newCardGift{
	width:95%;
	height: auto;
	margin:0 auto;
	margin-bottom:2.5rem;
}


.dignity-section .content .dignity-section-txt .dignity-txt-row p{
	color:#fff;
	font-size: 1rem;
	line-height: 1.6;
	padding-bottom: 1.2rem;
	text-align: center;
}



.dignity-section .section-header h2 {
	color: #ffd700;
}

.dignity-section .black_bg{
	width:100%;
	height: 100px;
	display: flex;
	position: absolute;
	bottom:0;
	background: url("../images/back_bg_h100.png?v=23");
	background-position: bottom;
	background-repeat: repeat-x;
	align-items: center;
}


/* 4. 鼎極禮遇區塊 */
.courtesy-section {
	padding: 6vw 0 12vw 0;
	//background-image: url('../images/courtesy-section-bg.jpg'); 
	background-image: url('../images/dignity-section-bg.jpg'); 
	background-size: cover;
	background-position: bottom;
	
	position: relative;
}


.courtesy-section .courtesy-button-group {
	width:100%;
	height: auto;
	display: flex;
	gap:30px;
	margin-bottom: 1.5rem;
	justify-content: center;
}


.courtesy-section .black_bg_top{
	width:100%;
	height: 100px;
	display: block;
	position: absolute;
	top:0;
	background: url("../images/black_bg_top_h100.png?v=22333");
	background-repeat: repeat-x;
	z-index: 2;
}


body.courtesyPage .courtesy-section{
	height: 100%;
	padding: 120px 0 20px 0;
}

body.courtesyPage .courtesy-section .courtesy-button-group{
	margin-top: 0px;
	width:100%;
}

body.courtesyPage .courtesy-section .courtesy-button-group .btn {
	color: #0d1222;
	width:200px;
	height: 140px;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
}



body.courtesyPage .courtesy-section .courtesy-button-group .btn img{
	width:100%;
	height: auto;
	position: absolute;
	top:0;
	left:0;
	transition: all .3s ease-in-out;
}

body.courtesyPage .courtesy-section .courtesy-button-group .btn img.link{
	opacity: 1;
}

body.courtesyPage .courtesy-section .courtesy-button-group .btn img.hover{
	opacity: 0;
}

body.courtesyPage .courtesy-section .courtesy-button-group .btn:hover img.link{
	opacity: 0;
}

body.courtesyPage .courtesy-section .courtesy-button-group .btn:hover img.hover{
	opacity: 1;
}


/* courtesy.html 頁面內容區塊 start */
/* courtesy 內容區塊 */
/* courtesy 內容區塊 */
.courtesy-cnt-wrapp {
	margin-top: 40px;
	padding: 0 15px;
}

/* 電腦版每列三個卡片的網格佈局 */
.courtesy-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	align-items: stretch; /* 讓卡片等高 */
}

/* 卡片容器 */
.courtesy-card {
	position: relative;
	padding: 2px;
	border-radius: 20px;
	background: linear-gradient(to right, #e0ba6c, #f4d081, #e0ba6c);
	box-sizing: border-box;
	display: flex; /* 新增：讓內部卡片可撐滿 */
	flex-direction: column;
	height: 100%; /* 新增：卡片等高 */
}

/* 卡片內部白色背景區塊 */
.courtesy-card .card-content {
	background-color: #fff;
	border-radius: 18px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	flex: 1; /* 新增：撐滿卡片剩餘高度 */
	height: 100%;      /* 確保所有 card-content 一樣高 */
	  box-sizing: border-box;
}

/* 卡片內容的文字與按鈕區塊 */
.courtesy-card .card-text {
	flex: 1; /* 新增：撐滿高度 */
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* 讓按鈕固定在底部 */
}

/* 產品主圖 */
.card-image-wrapper {
	width: 100%;
	aspect-ratio: 3 / 2;
	/* overflow: hidden; */
	border-radius: 10px;
}

.card-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* 產品標題 */
.card-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: 10px 0;
	line-height: 1.4;
}

/* 活動日期 */
.card-date {
	font-size: 14px!important;
	color: #555!important;
	margin-bottom: 10px;
}

/* 底部按鈕群組 */
.card-buttons {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto; /* 確保按鈕區塊在底部 */
}

/* 按鈕樣式 */
.card-buttons a {
	display: block;
	flex: 1;
	padding: 8px 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: linear-gradient(to right, #444, #888, #444);
	transition: background-color 0.3s ease;
}

/* hover 效果 */
.card-buttons a:hover {
	background: linear-gradient(to right, #555, #999, #555);
}


/* courtesy.html 頁面內容區塊 end */


.tab-section .tab-list {
	display: flex;
	flex-wrap: wrap; /* 換行 */
	justify-content: center;
	gap: 20px;
	max-width: 900px;
	margin: 0 auto;
	margin-top: 40px;
}

.tab-section .tab {
	width: 200px;
	height: 260px;
	display: flex;
	position: relative;
	padding: 15px 30px;
	text-decoration: none;
	border-radius: 50px;
	transition: background-color 0.3s ease, color 0.3s ease;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.rights-section.tab-section .tab {
	width:11vw;
	height:11vw;
	margin-bottom:40px;
}

.tab-section .tab:hover {
	color: #0d1222;
}

.tab-section .tab .tag_link{
	width:100%;
	height:auto;
	position: absolute;
	top:0;
	left:0;
}

.tab-section .tab .tag_link img{
	width:100%;
	height:auto;
}

.tab-section .tab .tag_hover{
	width:100%;
	height:auto;
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	display: block;
	opacity: 0;
	transition: all .3s ease-in-out;
}

.tab-section .tab .tag_hover img{
	width:100%;
	height:auto;
}

.tab-section .tab:hover .tag_hover{
	opacity: 1;
}

.tab-section .tab .tag_cnt {
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	position: absolute;
	top:46%;
}

.rights-section.tab-section .tab .tag_cnt {
	width: 70%;
	top:18%;
}

.tab-section .tab .tag_icon{
	width: 6vw;
	height: 6vw;
	display: block;
	position: relative;
}


.tab-section .tab .tag_cnt .tag_icon img{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:auto;
	transition: all .3s ease-in-out;
	margin-bottom:.5rem;
	top:0;
}

.tab-section .tab:hover .tag_cnt .tag_icon img{
	top:-10%;
}

.rights-section.tab-section .tab .tag_icon img.link{
	opacity: 1;
}

.rights-section.tab-section .tab .tag_icon img.hover{
	opacity: 0;
}

.rights-section.tab-section .tab:hover .tag_icon img.link{
	opacity: 0;
}

.rights-section.tab-section .tab:hover .tag_icon img.hover{
	opacity: 1;
}

.tab-section .tab .tag_itemName{
	position: relative;
	z-index: 3;
	text-align: center;
}

.tab-section .tab .tag_itemName span{
	color:#fff;
	transition: all .3s ease-in-out;
	display: block;
	font-size: 1.2vw;
}

.tab-section .tab:hover .tag_itemName span{
	color:#f7e182;
}

/* 5. 鼎極邀約區塊 */
.invitation-section {
	padding: 6vw 0 0px 0;
	margin-bottom:6rem;
}

.invitation-section .card-images {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}

.invitation-section-txt{
	width:100%;
}

.invitation-txt-row.footer-animal{
	text-align: right;
	justify-content: flex-end;
}

.invitation-txt-row.footer-animal img{
	width:10vw;
	height:auto;
}

.invitation-section-txt .invitation-txt-row{
	position: relative;
	margin-bottom: 30px;
}

.invitation-section-txt .invitation-txt-row h3{
	font-size: 1.8rem;
	color:#fde273;
}

.invitation-section-txt .invitation-txt-row h3:before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url('../images/icon-single-star.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
}

.invitation-section-txt .invitation-txt-row p{
	padding-left: 2.2rem;
}

.invitation-section-txt .invitation-txt-row li{
	margin-left: 2.2rem;
	font-size: 1.3rem;
	color: #fff;
	line-height: 1.6;
}


.invitation-section-txt .invitation-txt-row ul{
	padding-left:0;
}

.invitation-section-txt .invitation-txt-row ul li{
	list-style: none;
	margin-left:0;
}

.invitation-section-txt .invitation-txt-row ul li:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url('../images/li-tag.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
}

.invitation-section-txt .invitation-txt-row .invitation-card-row{
	display: flex;
}

.invitation-section-txt .invitation-txt-row .invitation-card-row .invitation-card-col{
	padding:0 1.5rem;
}

.invitation-section-txt .invitation-txt-row .invitation-card-row .invitation-card-col img{
	width:100%;
	height: auto;
}

.invitation-section-txt .invitation-txt-row img.sub-animal-img{
	position: absolute;
	width:180px;
	bottom:-80px;
	right:0;
	
}


/* 6. 鼎極回饋區塊 */
.feedback-section {
	padding: 120px 0 20px 0;
	text-align: center;
	background-image: url('../images/feedback-section-bg.jpg'); /* 替換成背景圖 */
	background-size: auto;
	background-position: top;
}

body.topFeedback .feedback-section{
	background-image: url('../images/feedback-page-bg.png'); /* 替換成背景圖 */
	background-repeat: no-repeat;
	background-size: auto;
	background-position: top;
}

.feedback-section .button-group {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	gap: 20px;
}

body.topFeedback .feedback-section{
	padding: 120px 0 20px 0;
}

body.topFeedback .feedback-section .button-group{
	margin-top: 0px;
}

.feedback-section .btn {
	color: #0d1222;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
	width:380px;
	height: 150px;
}



.feedback-section .btn img{
	width:100%;
	height: auto;
	position: absolute;
	top:0;
	left:0;
	transition: all .3s ease-in-out;
}

.feedback-section .btn img.link{
	opacity: 1;
}

.feedback-section .btn img.hover{
	opacity: 0;
}

.feedback-section .btn:hover img.link{
	opacity: 0;
}

.feedback-section .btn:hover img.hover{
	opacity: 1;
}

.feedback-plan{
	width:100%;
	min-height: 650px;
	background: url("../images/feedback_preview_bg.png") no-repeat;
	background-size: contain;
	background-position: top;
	padding-top: 250px;
	flex-direction: column;
	align-items: center;
}


.feedback-preview-txt{
	padding: 0 100px;
	text-align: left;
}

.feedback-preview-txt ol li{
	padding-bottom:1.5rem; 
	font-size: 1.2rem;
	line-height: 1.6;
}

.feedback-preview-txt ol li a{
	color:#ffea98;
}

a.more_btn:link,
a.more_btn:visited,
a.more_btn:active{
	width:150px;
	height: 30px;
	border-radius: 30px;
	border:1px solid #fff;
	color:#fff;
	text-align: center;
	transition: all .3s ease-in-out;
	text-decoration: none;
	font-size: 1.4rem;
	padding: 1rem 3rem;
}

a.more_btn:hover{
	border:1px solid #ffea98;
	color:#ffea98;
}

.f-carousel{
	position: relative;
	margin-bottom:50px;
}

button.f-carousel-btn{
	width:60px;
	height: 60px;
	display: block;
	background: transparent;
	position: absolute;
	top:40%;
	border:0;
}

button.f-carousel-btn img{
	width:100%;
	height:auto;
}

button.f-carousel-btn.left{
	left:-20px;
}

button.f-carousel-btn.right{
	right:-20px;
}

.f-carousel__slide{
	text-align: center;
}

.f-carousel__slide img{
	width:90%;
	height:auto;
	margin:0 auto;
}


/* 7. 鼎極權益區塊 */
.rights-section {
	padding: 120px 0 120px 0;
	background-image: url('../images/rights-section-bg.jpg?v=3.1'); /* 替換成背景圖 */
	background-size: cover;
	background-position: top;
}

.rights-section .link-tags {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 三欄排列 */
	gap: 30px;
	margin-top: 40px;
	text-align: center;
}

.rights-section .tag-link {
	display: block;
	text-decoration: none;
	color: #fff;
	transition: transform 0.3s ease;
}

.rights-section .tag-link:hover {
	transform: translateY(-5px);
}

.rights-section .tag-link img {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
}



/* 這是你現有的部分，保留不變 */

/* ---以下是修正的重點--- */
/* 讓每個 card 成為一個 Grid 容器 */
.courtesy-cnt-wrapp .card {
	display: grid;
	grid-template-rows: auto 1fr auto; /* 圖片、內容、底部按鈕的佈局 */
	height: 100%; /* 確保卡片高度相同 */
}

/* 讓 card-body 佔滿所有剩餘空間 */
.card-body {
	align-self: stretch; /* 讓 card-body 區塊填滿空間 */
	display: flex;
	flex-direction: column;
}

/* 讓 card-text 推到 card-title 的下方 */
.card-text {
	margin-top: auto; /* 這是關鍵，將 card-text 推到底部 */
}


/* 首頁彈跳小視窗 */

#dialog-content.f-html{
	width:800px;
}

#dialog-content.f-html img{
	width:100%;
	heigh:auto;
}

#dialog-content.f-html h2{
	font-size: 1.5rem;
	margin-top:0;
}

#dialog-content.f-html p:last-child{
	margin-bottom:0;
}

/* 手機版 */
@media (max-width: 768px) {
	
	#dialog-content.f-html{
		width:100%;
		margin:0 auto;
		padding: 1rem;
	}
	
	.eventnote-content-wrapper ol li{
		font-size: .9rem;
	}
	
	#fancybox-content {
		max-width: 100%;
		padding: 20px 0;
	}
	
	.eventnote-content-wrapper img{
		width: 80%;
		margin:0 auto;
	}
	
	.index-section h2.myCarouselTitle{
		font-size: 2rem;
	}
	
	#myCarousel {
		width:100%;
		max-width: 100%; 
		position: relative;
		margin: 0 auto;
		margin-bottom:0;
	}
	
	
	#myCarousel .swiper-button-prev, #myCarousel .swiper-button-next {
		width:32px;
		height:32px;
	}
	
	#myCarousel .swiper-button-prev{
		left:-18%;
		display: none;
	}
	
	#myCarousel .swiper-button-next {
		right: -18%;
		display: none;
	}
	
	.index-section .content .event-info ul{
		width:100%;
		padding-left:0;
	}
	
	.index-section .content .event-info ul li{
		font-size: 1rem;
	}
	
	.index_section_table_link.for_m{
		width:100%;
		text-align: center;
		margin-bottom:1.5rem;
		display: flex!important;
		flex-direction: column;
	}
	
	.index_section_table_link.for_m a{
		width:70%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
	.index-section .content .event-info img {
		width: 100%;
		height: auto;
		margin-bottom:2rem;
	}
	
	.index-section .content .event-info a.link2btn img {
		
		margin-bottom:0;
	}
	
	.courtesy-card-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.section-header {
		margin-bottom: 20px!important;
	}
	
	.feedback-section .section-header {
		margin-bottom: 20px!important;
	}
	
	.section-header img{
		width:100%;
		margin-bottom:0;
	}
	
	.rights-section .section-header img {
		width: 95%;
	}
	
	.courtesy-section .section-header img{
		width:95%;
	}
	
	.section-header.indexTitle img{
		width:95%;
		margin-bottom:0;
	}
	
	.section-header.newoffers img{
		width:46%;
		margin-bottom:0;
	}
	
	.courtesy-section{
		height: 90%;
	}
	

	
	
	/* feedback-section */
	
	
	.feedback-section .button-group {
		margin-top: 10px;
		display: flex;
		justify-content: center;
		gap: 5px;
		flex-direction: column;
		margin-bottom:40px;
	}
	
	.feedback-section .btn.label1,
	.feedback-section .btn.label2 {
		width: 100%;
		height: 50px;
		margin-bottom:1.5rem;
	}
	
	.feedback-section .btn.label1 img,
	.feedback-section .btn.label2 img {
		width: 100%;
	}
	
	.feedback-plan {
		width: 100%;
		min-height: 650px;
		background: url("../images/feedback_preview_bg.png") no-repeat;
		background-size: contain;
		background-position: top;
		padding-top: 80px;
	}
	
	.feedback-preview-txt{
		padding:0px 10px;
	}
	
	.feedback-preview-txt ol li {
		padding-bottom: 1.5rem;
		font-size: 1.1rem;
		line-height: 1.4;
	}
	
	.courtesy-section .tab-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* 單欄排列 */
		gap: 5px; /* 設定項目之間的間距 */
		justify-items: center; /* 讓每個項目在各自的網格內置中 */
	}
	
	.rights-section .tab-list{
		width:90%;
	}
	
	.rights-section .tab-list,
	.rights-section .link-tags {
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* 單欄排列 */
		gap: 25px; /* 設定項目之間的間距 */
		justify-items: center; /* 讓每個項目在各自的網格內置中 */
	}
	
	.courtesy-section .tab-list {
		max-width: 100%;
		margin-top: 0px;
	}
	
	.tab-section .tab .tag_itemName {
		position: relative;
		z-index: 3;
		text-align: center;
		bottom: 25%;
	}
	
	
	.tab-section .tab {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		padding: 5px 10px;
		text-decoration: none;
		border-radius: 50px;
		transition: background-color 0.3s ease, color 0.3s ease;
	}
	
	.tab-section .tab::after{
		content: '';
		display: block;
		/* (子元素的高度 / 子元素的寬度) * 100% */
		padding-bottom: calc(660 / 500 * 100%); /* 這會讓父元素的高度自動調整 */
	}
	
	.tab-section .tab .tag_cnt {
		width: 60%;
		top: 45%;
		left: 20%;
	}
	
	.tab-section .tab .tag_icon {
		width: 14vw;
		height: 14vw;
		display: block;
		position:relative;
		margin:auto;
		text-align: center;
	}
	
	.tab-section .tab .tag_icon img {
		width: 100%;
		height: auto;
	}
	
	
	
	.tab-section .tab .tag_hover {
		position: absolute;
	}
	
	.tab-section .tab .tag_itemName span{
		font-size: .9rem;
		line-height: 1.3;
	}
	
	.lineFriends_mark{
		width:15%;
		left: 3%;
		top:9%;
	}
	
	/* hero-section */
	
	.hero-section {
		align-items: flex-start;
		min-height: 70vh; /* 手機版高度調整 */
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center 300px;
		padding-top:15%;
	}
	
	.main-title-img {
		width: 70%;
		height: auto;
		margin-bottom:0;
	}
	.subtitle {
		font-size: 1.2rem;
	}
	.card-slider {
		width: 70%;
		height: 160px;
	}
	.animal-image {
		right: -50px;
		bottom: -80px;
		width: 45%;
	}
	
	.animal-image.rabbit {
		left: -15%;
		bottom: -35vh;
	}
	
	.animal-image.bear {
		right: -15%;
		bottom: -35vh;
	}
	
	.shooting-star {
		width: 55%;
		position: absolute;
		top: -60px;
		right: -110px;
		z-index: 1;
	}
	
	.blend-top {
		top: -5px;
	}
	
	.blend-bottom {
		bottom: -5px;
	}
	
	.subtitle span.subtitle-txt {
		font-size: 1.3rem;
		letter-spacing: 0.25rem;
		white-space: nowrap;
	}
	
	#rotateStar {
		width: 60px;
		height: 60px;
	}
	
	/* 2.首頁活動資訊區塊 */
	
	.index-section .content .event-info{
		box-sizing: border-box;
		padding: 0;
	}
	
	.index-section .content .event-info img.label-img {
		width: auto;
		height: 30px;
		margin: 0 auto;
	}
	
	.index-section .content .event-info p {
		padding-bottom: .5rem;
		font-size: 1rem;
		line-height: 1.5;
	}
	
	.index-section .content .event-info ol li {
		color: #fff;
		padding-bottom: .5rem;
		font-size: 1rem;
		line-height: 1.5;
		text-align: left;
	}
	
	.index_section_table a.lampBtn {
		position: absolute;
		width: 18px;
		height: 18px;
		transition: all .3s ease-in-out;
		top: 88px;
		left: 68%;
		transform: translate(-50%, -50%);
	}
	
	.f-carousel__slide img {
		width: 75%;
	}
	
	.invitation-section {
		margin-bottom:2rem;
	}
	
	button.f-carousel-btn {
		width: 30px;
		height: 30px;
		display: block;
		background: transparent;
		position: absolute;
		top: 40%;
		border: 0;
	}
	
	button.f-carousel-btn.left {
		left: 10px;
	}
	
	button.f-carousel-btn.right {
		right: 10px;
	}
	
	.index-section,.courtesy-section,.feedback-section,.rights-section{
		padding: 10px 20px;
	}
	
	.invitation-section{
		padding: 10px 0px;
	}
	
	.dignity-section{
		padding: 10px 0px;
		padding-bottom:18vh;
	}
	
	.dignity-section .web-container{
		padding: 0 20px;
	}
	
	.courtesy-section{
		padding-bottom:3rem;
	}
	
	/* dignity-section */
	
	.dignity-section .content p {
		width: 100%;
		margin: 0 auto;
	}
	
	.dignity-section .content .dignity-section-txt .dignity-txt-row img.sub-title-img {
		width: 60%;
		margin:0 auto;
		margin-bottom:1.5rem;
	}
	
	.dignity-section .content .dignity-section-txt .dignity-txt-row p {
		font-size: 1rem;
		line-height: 1.5;
		padding-bottom: 1rem;
		text-align: left;
	}
	
	.dignity-section .black_bg{
		height:100px;
	}
	
	
	.newCardGiftBox img.newCardGift{
		width:100%;
		margin-bottom:20px;
	}
	
	.newCardGiftBox a{
		width:80%;
	}
	
	/* invitation-section */
	
	
	.invitation-section-txt .invitation-txt-row {
		position: relative;
		margin-bottom: 10px;
	}
	
	.invitation-section-txt .invitation-txt-row h3 {
		font-size: 1.2rem;
	}
	
	.invitation-section-txt .invitation-txt-row li {
		margin-left: 1.2rem;
		font-size: 1.1rem;
		color: #fff;
		line-height: 1.6;
	}
	
	.invitation-section-txt .invitation-txt-row ul li:before {
		width: 12px;
		height: 12px;
		margin-right: 8px;
	}
	
	.invitation-section-txt .invitation-txt-row .invitation-card-row {
		flex-direction: column
	}
	
	.invitation-section-txt .invitation-txt-row .invitation-card-row .invitation-card-col {
		padding: 0 .5rem;
		margin-bottom:1.5rem;
	}
	
	
	/* feedback-section */
	
	.feedback-section{
		position: relative;
	}
	
	.feedback-section .web-container{
		position: relative;
		z-index: 1;
	}
	
	.feedback-lastbg{
		width:100%;
		height:250px;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	.feedback-lastbg img{
		width:100%;
		height:auto;
	}
	
	/* rights-section */
	
	.rights-section{
		padding:80px 0;
		background-size: cover;
	}
	
	.dignity-section{
		padding:80px 0;
	}
	
	.dignity-section .section-header img{
		width:95%;
	}
	
	.rights-section.tab-section .tab {
		width: 35vw;
		height: auto;
		margin-bottom: 20px;
	}
	
	.rights-section.tab-section .tab::after {
		content: '';
		display: block;
		padding-bottom: calc(360 / 360 * 100%);
	}
	
	.rights-section.tab-section .tab .tag_cnt {
		width: 70%;
		top: 7vw;
		left:15%;
	}

}