.flex-both-center {
	display:flex;
	justify-content:center;
	align-items:center}
.item-center {
	align-items:center}
.flex-dir-c {
	flex-direction:column}
.mx-auto {
	margin-left:auto;
	margin-right:auto}
.mt-2 {
	margin-top:2px}
.mt-4 {
	margin-top:4px}
.mt-8 {
	margin-top:8px}
.mt-12 {
	margin-top:12px}
.mt-16 {
	margin-top:16px}
.mt-24 {
	margin-top:24px}
.mt-32 {
	margin-top:32px}
.mt-48 {
	margin-top:48px}
.mt-120 {
	margin-top:120px}
.mb-48 {
	margin-bottom:48px}
.m-auto {
	margin:auto}
.ml-6 {
	margin-left:6px}
.py-10 {
	padding:10px}
.ln-h-22 {
	line-height:22px}
.ln-h-32 {
	line-height:32px}
.text-fs-14 {
	font-size:14px}
.text-fs-16 {
	font-size:16px}
.text-fs-18 {
	font-size:18px}
.text-fs-20 {
	font-size:20px}
.text-fs-22 {
	font-size:22px}
.font-weight-500 {
	font-weight:500}
.font-weight-600 {
	font-weight:600}
.color-white {
	color:#fff}
.color-gray {
	color:hsla(0,0%,100%,.9)}
.color-dark {
	color:#222}
.color-danger {
	color:#ff4963}
.page-bg {
	position:fixed;
	inset:0;
	z-index:-1;
	height:100vh;
	width:100vw}
.w-full {
	width:100%}
.w-250 {
	width:250px}
.h-150,.h-165 {
	height:150px}
.page-image {
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	-o-object-fit:cover;
	object-fit:cover}
.display-image {
	width:96px;
	height:96px;
	display:block;
	border-radius:50%;
	-o-object-fit:cover;
	object-fit:cover}
.text-center {
	text-align:center}
.page-title {
	margin-bottom:0}
.page-full-wrap {
	width:100%;
	z-index:10;
	/* padding-bottom:176px */
}
.page-item-wrap {
	transition:transform .15s cubic-bezier(.17,.67,.29,2.71) 0s}
.page-item-wrap.show-embed {
	border-radius:30px;
	transition:unset;
	transform:unset}
.page-item-wrap.show-embed:hover {
	transform:unset}
.page-item-wrap.show-embed:hover .page-item:after,.page-item-wrap.show-embed:hover .page-item:before {
	-webkit-animation:unset;
	animation:unset}
.page-item-wrap.show-embed .show-embed-item {
	overflow:visible}
.embed-ind-arrow-icon {
	transform:rotate(-90deg)}
.page-item-wrap.show-embed .embed-ind-arrow-icon {
	transform:rotate(0deg)}
.page-item {
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1}
.page-social {
	display:block;
	cursor:pointer;
	margin:0 12px 12px}
.page-social svg {
	width:28px;
	height:28px}
.relative {
	position:relative}
.link-each-image {
	width:43px;
	height:43px;
	position:absolute;
	left:9px;
	-o-object-fit:cover;
	object-fit:cover}
.link-each-image .fa {
	font-size:calc(43px * 0.8);
	/* 調整字型大小為容器的 80% */
}
.page-logo {
	position:absolute;
	bottom:32px;
	left:calc(50% - 15px)}
.page-logo:hover svg .bl-logo-br {
	opacity:1}
.item-title {
	width:55%;
	font-size:1.1rem;
	word-break:break-word}
.social-icon-anchor {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0}
/* page-social*/
.page-social:hover {
	transition:all .1s ease-in-out;
	transform:scale(1.1)}
/* page-item */
.page-item-each {
	text-decoration:none;
	overflow:hidden;
	z-index:10;
	box-sizing:border-box}
.page-image {
	object-position:center;
}
.display-image {
	border-radius:50%;
}
.page-title {
	font-size:18px;
	font-weight:700;
}
.page-bioline {
	font-size:16px;
	font-weight:600;
}
.page-item-title {
	font-size:16px;
	font-weight:700;
}
.page-item-each {
	color:#1F365C;
	font-size:16px;
	font-weight:500;
	text-transform:none;
	min-height:60px;
}
.page-item-wrap {
	margin:16px 0;
}
.page-item-wrap:last-child {
	margin-bottom:0;
}
.page-item-wrap:hover {
	transform:translate3d(0px,0px,0px) scale(1.015);
}
.page-item {
	border:0px solid #FFFFFF;
	background:#FFFFFF;
	border-radius:8px;
	box-shadow:0px 6px 14px -6px rgba(24,39,75,0.12),0px 10px 32px -4px rgba(24,39,75,0.1),inset 0px 0px 2px 1px rgba(24,39,75,0.05);
}
.embed-wrap iframe,.embed-wrap-inside {
	border-radius:8px;
}
.link-each-image,.page-item-wrap {
	border-radius:8px;
}
.page-text-font {
	font-family:'Inter',sans-serif;
	text-transform:none;
}
.page-text-color {
	color:#1F365C;
}
.social-icon-fill path,.social-icon-fill circle,.social-icon-fill rect {
	fill:#1F365C;
}
.page-overlay-btn {
	border:2px solid #1F365C;
}
.contact-btn {
	position:fixed;
	bottom:16px;
	right:16px;
	z-index:1;
	width:50px;
	height:50px;
}
.contact-btn button {
	width: 100%;
	height: 100%;
	font-size:20px;
	background-color:rgba(76,175,80,0.9);
	color:white;
	border:none;
	border-radius:4px;
	cursor:pointer;
}

@media only screen and (max-width:768px) {
	.contact-btn {
	bottom:66px;
	font-size:20px;
}
}


@media only screen and (max-width:480px) {
	.contact-btn {
	bottom:40px;
	right:0;
	width:40px;
	height:40px;
	font-size:16px;
}
}