@import url(../mainAndReset.css);

.wrap * {
	box-sizing: border-box;
}

.headerArea_title {
	color: var(--Text-Color-Primary, #1a1a1a);
	text-align: center;
	font-family: "Noto Sans TC";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 0.2px;
	margin-bottom: 16px;
}

.headerArea_date {
	color: var(--Text-Color-Secondary, #525252);
	text-align: center;
	font-family: "Noto Sans TC";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.25px;
}

.headerArea_summary {
	margin: 80px 0 0 0;
	padding: 0 212px;
	color: var(--Text-Color-Secondary, #525252);
	font-family: "Noto Sans TC";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.25px;
}

.highlights_photo_footerArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footerArea_btn {
	width: 292px;
	text-align: center;
	border-radius: var(--Button-Radius-Round, 99px);
	border: 2px solid var(--Button-Blue---Filled-Default, #d1effa);
	background: var(--Background-Color-White, #fafafa);
	padding: 14px 20px;
	color: var(--Text-Color-Blue, #246987);
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-decoration: none;
}

.highlights_photo_footerArea p {
	width: 432px;
	white-space: nowrap;
	padding: 12px 20px 12px 16px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: var(--Text-Color-Primary, #1a1a1a);
	text-overflow: ellipsis;
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.5px;
}

.highlights_photo_footerArea_p_left_mobile,
.highlights_photo_footerArea_p_right_mobile {
	display: none !important;
	padding: 12px !important;
	border-radius: var(--Button-Radius-Round, 99px);
	background: var(--Button-Blue---Filled-Default, #D1EFFA);
}

.highlights_photo_footerArea_p_left_mobile img,
.highlights_photo_footerArea_p_right_mobile img {
	width: 20px;
	height: 20px;
}

.highlights_photo_footerArea_p_right {
	justify-content: flex-end;
}

.highlights_photo_footerArea_a {
	overflow: hidden;
	color: var(--Text-Color-Primary, #1a1a1a);
	text-overflow: ellipsis;
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-decoration: none;
}

.highlights_photo_footerArea_p_left {
	text-align: left;
}

.highlights_photo_footerArea img {
	display: block;
}

@media screen and (max-width: 767px) {
	.highlights_photo_footerArea {
		justify-content: center !important;
	}

	.footerArea_btn {
		width: 184px;
		padding: 11px 16px;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.2px;
	}

	.highlights_photo_footerArea p {
		width: 44px;
	}

	.highlights_photo_footerArea_p_left,
	.highlights_photo_footerArea_p_right {
		display: none !important;
	}

	.highlights_photo_footerArea_p_left_mobile,
	.highlights_photo_footerArea_p_right_mobile {
		display: block !important;
	}
}

/* HKBA-64 */

/* 套件存於wp db，所以我們直接從wp寫css去更改套件樣式，但怕db資料被洗掉，所以寫在css檔並上傳較保險 */
/* 輪播照片pre&next button */
/* .wp-block-glsb-gosign-gallery-box-block .gosign-gallery-box-block-container{
	width:1440px !important;	
}
.slick-list{
	width: 808px !important;
	height: 808px !important;
	margin:0 auto;
	margin-bottom:80px;
}
.slick-track img{
	height:808px !important;
}
.gosign-gallery-box-thumbnail .slick-list{
	width:1224px !important;
}
.gallery-thumbnail-item .slick-slide .slick-cloned{
	margin-right:24px !important;
}
.gosign-gallery-box-thumbnail .slick-slide{
	margin-right:24px !important;
}
.gosign-gallery-box-block-container .gosign-gallery-box-thumbnail .gallery-thumbnail-item img{
	height:146px !important;
	border-radius: var(--Radius---M, 12px);
} */