/* ==========================================================================
   FPS 轉數快收款碼
   ========================================================================== */

.bama-fps-wrap {
	margin: 18px 0;
}

.bama-fps {
	border: 1px solid #d9e2dc;
	border-radius: 16px;
	background: #f6faf7;
	padding: 16px;
}

.bama-fps__head {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-bottom: 14px;
}

.bama-fps__icon {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: #0a7d3c;
	color: #fff;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bama-fps__title {
	font-size: 15px;
	font-weight: 700;
	color: #123b2a;
	line-height: 1.35;
}

.bama-fps__note {
	font-size: 13px;
	color: #3d5a4d;
	line-height: 1.5;
	margin-top: 2px;
}

/* QR */
.bama-fps__qr {
	text-align: center;
	margin-bottom: 14px;
}

.bama-fps__qr img {
	width: 220px;
	max-width: 100%;
	height: auto;
	display: inline-block;
	border-radius: 12px;
	border: 1px solid #e2ebe6;
	background: #fff;
	padding: 4px;
}

.bama-fps__hint {
	font-size: 12px;
	color: #6b8078;
	margin-top: 7px;
}

/* FPS ID */
.bama-fps__idrow {
	text-align: center;
	margin-bottom: 12px;
}

.bama-fps__idlabel {
	display: block;
	font-size: 11px;
	color: #6b8078;
	letter-spacing: .04em;
	margin-bottom: 5px;
}

.bama-fps__id {
	display: inline-block;
	background: #0a7d3c;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 1.5px;
	padding: 8px 18px;
	border-radius: 9px;
	border: 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	cursor: pointer;
	line-height: 1.2;
	transition: transform .12s ease, background .12s ease;
}

.bama-fps__id:active {
	transform: scale(.97);
}

.bama-fps__id.is-copied {
	background: #1d9a56;
}

/* 限期提示 */
.bama-fps__deadline {
	font-size: 12.5px;
	line-height: 1.55;
	color: #7a5200;
	background: #fff6e0;
	border-radius: 9px;
	padding: 9px 11px;
}

/* 應付金額 */
.bama-fps__amount {
	text-align: center;
	background: #0a7d3c;
	color: #fff;
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 12px;
}

.bama-fps__amountlabel {
	display: block;
	font-size: 11px;
	opacity: .85;
	letter-spacing: .05em;
	margin-bottom: 3px;
}

.bama-fps__amountval {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: .5px;
	line-height: 1.15;
}

/* 一鍵開 App 付款 */
.bama-fps__applink {
	display: block;
	text-align: center;
	background: #0a7d3c;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	padding: 13px 18px;
	border-radius: 11px;
	margin-bottom: 12px;
	box-shadow: 0 2px 8px rgba(10, 125, 60, .22);
}

.bama-fps__applink:active {
	transform: scale(.985);
}

/* 步驟指引 */
.bama-fps__steps {
	background: #fff;
	border: 1px solid #e2ebe6;
	border-radius: 12px;
	padding: 12px 13px;
	margin-bottom: 12px;
}

.bama-fps__stepslabel {
	font-size: 11px;
	color: #6b8078;
	letter-spacing: .05em;
	font-weight: 700;
	margin-bottom: 8px;
}

.bama-fps__steps ol {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: bama-step;
}

.bama-fps__steps li {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	padding: 5px 0;
	font-size: 13px;
	line-height: 1.5;
	color: #24463a;
}

.bama-fps__stepn {
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #0a7d3c;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.bama-fps__steptxt {
	display: block;
}

.bama-fps__steptxt strong {
	display: block;
	font-weight: 600;
	color: #123b2a;
}

.bama-fps__steptxt em {
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #7d9189;
	margin-top: 1px;
}

/* 收款戶口名稱 */
.bama-fps__accountrow {
	text-align: center;
	margin-bottom: 12px;
}

.bama-fps__account {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	color: #123b2a;
	background: #eef6f1;
	border: 1px solid #d7e8de;
	border-radius: 9px;
	padding: 8px 14px;
	letter-spacing: .02em;
}