/*20250901*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');

/* ==================================================
   英文版-內建
================================================== */
/*logo+標題版本*/
.headerContainer hgroup > a{
	width:17.25em;
	aspect-ratio:4.347;
	background: url(../img/logo-slogan_en.png) no-repeat center/100%;
}

body {
	font-family: Helvetica, "Microsoft JhengHei", "Hiragino Sans GB", Arial, sans-serif; /*同華航官網英文版*/
   	letter-spacing:0;
}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", sans-serif; /*華航CIS*/
}

.h1, h1 {
	font-size: 3.5em; /*60px 3.75em*/
	font-weight:bold;
	line-height:1.1;
	
}
.h1 small, h1 small {
	font-size: 0.55em; /*28px 0.55em*/
	font-weight:bold;
}
.h2, h2 {
	font-size: 3em; /*56px 3.4em*/
	font-weight: bold;
    line-height:1.2;
	letter-spacing: -0.02em;
}
.h3, h3 {
	font-size: 2.35em; /*44px 2.75em,哩程回饋再進化*/
	font-weight: bold;
}
.bgKV-flower h3 {
	font-size: 1.9em; /*36px 2.25em*/
	font-weight: bold;
    line-height: 1.1;
}
.h4, h4 {
	font-size: 1.5em; /*28px 1.75em*/
	font-weight: bold;
}
.h5, h5 {
	font-size: 1.35em; /*24px 1.5em*/
	font-weight: normal;
	/*line-height: 1.6; 配合FAQ題目*/
}
h5 strong {
    font-weight: 700;
}
.h6, h6 {
	font-size: 1.4em; /*22px 1.4em*/
	font-weight: normal;
}
p, 
ul.ct {
    font-size: 1.2em;
	line-height: 1.3;
    margin-bottom: 1.5em;
    text-align: left;
}
.tc {
	text-align: left;
}
footer ul {
	font-size: 1.15em; /*20px 1.25em*/
}
.btn {
	font-size: 1.2em; /*22px 1.375em*/
	font-weight: normal;
}
.btn-lg {
	font-size: 1.4em; /*28px 1.75em*/
	font-weight: normal;
}
.ft-fixbar a.btn {
    font-size: 0.9em;
}

/*粗體*/
b, strong {
    font-weight: bold;
}

a.text-link {
	letter-spacing: 0;
}

/*取消字距和加粗*/
.btn,
.btn-lg,
.copyright,
.tab a.nav-link {
    font-weight: normal;
    letter-spacing: 0;
}

.headerContainer hgroup h1 {
    letter-spacing: 0;
    text-align: left;
}
footer .ft-logo {
    width: 160px;
    margin-right: 1em;
}
.accordion-button:not(.collapsed) span {
	font-size: 140%;
}


/* ==================================================
   英文版-自訂
================================================== */
.lang {
	letter-spacing: 0;
}
.fontBig {
    font-size: 112%;
}
.cardBox .card .card-body {
	padding-right:1em;
}


/* ==================================================
   RWD font size
================================================== */

/*桌上型 xl*/
@media (min-width: 1200px)  { 
	.bgKV-corp h2 {
		font-size: 2.8em;
	}
	.cardWrapper {
		aspect-ratio: 0.8;
	}
	.cardWrapper h5 {
		margin-bottom: 1em;
    }
}


/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	body {
		font-size: clamp(8px,1.05vw,16px);
	}
	.h1, h1 {
		font-size: 3em;
	}
	.h2, h2 {
		font-size: 2.75em;
	}
	p, 
	ul.ct {
		font-size: 1.3em;
		margin-bottom: 1.5em;
		text-align: left;
	}
	footer ul {
		font-size: 1.25em; /*20px 1.25em*/
	}
	footer ul li.list-inline-item:first-child {
        display: block;
		margin-bottom: 0.75em;
    }
	.btn {
		font-size: 1.3em; /*22px 1.375em*/
		font-weight: normal;
	}
	.bgKV-flower .cardBox p {
		margin-bottom:1.75em !important;
	}
	.cardWrapper {
        aspect-ratio: 0.6;
    }
	.cardWrapper h5 {
        margin-top: 1em;
		margin-bottom: 1.25em;
    }
	.cardWrapper .flop p {
        line-height: 1.2;
    }
	.cardWrapper hr {
		margin-top: 0;
    }
}


/*ipad 直式md~橫式lg */
@media (min-width: 768px) and (max-width: 1199.98px) { 
	.mainKV a.arrowDown {
		width: 4.5%;
	}
	.bgKV-flower .g-5, 
	.bgKV-flower .gx-5 {
		--bs-gutter-x: 1.5em;
	}
	.bgKV-flower .cardBox p {
		margin-bottom:1.5em !important;
	}
}


/*ipad 直式 md*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	body {
		font-size: clamp(8px,1.1vw,16px);
	}
	.h1, h1 {
		font-size:2.75em;
	}
	.h2, h2 {
		font-size: 2.6em;
	}
	.h3, h3 {
		font-size: 2.15em;
	}
	.bgKV-flower h3 {
		font-size: 1.8em;
	}
	.h4, h4 {
		font-size: 1.95em;
		line-height: 1.3;
	}
	.h5, h5 {
		font-size: 1.7em;
	}
	.h6, h6 {
		font-size: 1.6em;
	}
	p,
	ul.ct {
		font-size: 1.5em;
	}
	.bgKV-flower .cardBox .card p {
		line-height: 1.3;
	}
	footer ul {
		font-size: 1.5em;
		width: 75%; /*因為AI祕書問題*/
		margin: 0 auto;
	}
	.tab a.nav-link,
	.btn {
		font-size: 1.5em; /*同h6*/
	}
	.bgKV-corp blockquote {
    	padding-right:22em;
	}
	.cardWrapper {
        aspect-ratio: 1.2;
    }
	.cardWrapper .badge {
		margin-top: 0.5em;
		margin-bottom: 0.35em;
	}
}


/*ipad 直式 md以下~手機*/
@media (max-width: 991.98px) { 
	.bgKV-corp blockquote {
		margin-bottom: 0;
	}



/*手機版*/
@media (max-width: 767.98px) { 
	/*英文版時，漢堡選單展開強制滿版寬*/
	nav > ul {
		padding: 7em 0 0 3.5em;
		width:100vw;
	}
	.h1, h1 {
		font-size: 2.85em;	
	}
	.h2, h2 {
		font-size: 2.65em;
	}
	.h3, h3 {
		font-size: 2.55em;
	}
	.bgKV-flower h3 {
		font-size: 2.55em;
		margin-bottom: 0.75em;
	}
	.h4, h4 {
		font-size: 2.15em;
		line-height: 1.2;
		margin-bottom: 0.75em;
	}
	.h5, h5 {
		font-size: 2em;
		line-height: 1.25;
	}
	.mainKV h5 {
        margin-bottom: 0.25em;
    }
	.h6, h6 {
		font-size: 1.9em;
	}
	p,
	ul.ct {
		font-size: 1.9em;
		line-height: 1.35;
	}
	footer ul {
		font-size: 1.75em;
	}
	.tab a.nav-link,
	.btn {
		font-size: 1.9em; /*同h6*/
	}
	ul.faqItem .btn {
		font-size: 1.85em; /*faq*/
	}
	.ft-fixbar h6,
	p.copyright {
		font-size: 1.75em;
	}
	.bgKV-corp blockquote {
		width:275px;
	}
    .bgKV-flower .cardBox .card {
        padding-top: 20em;
    }
    .bgKV-flower .cardBox .card p {
        font-weight:bold;
		line-height: 1.25;
    }
	.cardWrapper {
		aspect-ratio: 1.2;
	}
	.cardWrapper .badge {
		margin-bottom: 0.6em;
	}
}


@media (min-width: 501px) and (max-width: 767.98px) {
	footer section {
		padding:7.5em 0 6em;
	}
	.ft-fixbar{
		padding-right:130px;
		padding-left:2em;
	}
	img.mileage-icon {
        width: 30%;
    }
}

@media (max-width: 489.98px) {
    .cardWrapper {
        aspect-ratio: 0.85;
    }
	.cardWrapper .flop p {
        line-height: 1.15;
    }
	.cardWrapper hr {
		margin-top: 0;
    }
	img.mileage-icon {
        width: 42.5%;
    }
}

/* AI哩想祕書，手機版小圓圖 */
@media (max-width: 500px) {
	/*
	._rootIcon_1cs7z_35 {
        margin-bottom:-0.95em;
		margin-right:-1.2em;
    }
	*/	
	.ft-fixbar{
		padding-right:8.5em;
		padding-left:1em;
	}
	.copyright {
		padding-right:0;
	}
	.ft-fixbar a.btn {
		display: inline-block !important;
		width: auto;
	}
}