/*20250902*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;800,900&display=swap');/*繁中-黑體*/


main {
	position: relative;
	z-index: 0;
	overflow: clip;
}

/* 取消新版chrome搞出來的黑框bug */
*, *:focus {
	outline: none;
}
button:active, 
button.active, 
button:focus, button.focus {
	outline: none;
	border: none;
	box-shadow: none !important;
}



/* ==================================================
   container
================================================== */
/*手機版*/
@media (max-width: 575.98px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		 /*width: 100%;*/
		 width:94%;
		 padding-right: var(--bs-gutter-x, .75rem);
		 padding-left: var(--bs-gutter-x, .75rem);
		 margin-right: auto;
		 margin-left: auto;
	}
}

 @media (min-width: 576px) {
	.container-sm, .container {
		/*max-width: 540px;*/
		max-width: 720px;
	 	width:94%;
	}
}

@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		/*max-width: 720px;*/
		max-width:none;
		width:90%;
	}
}

@media (min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container {
		max-width: 860px;
		width:88%;
	}
}

@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1100px;
		width:85%;
	}
}

@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1200px;
		width:75%;
	}
}

@media (min-width: 1600px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1400px;
		width:80%;
	}
}



/* ==================================================
   Color 配色
================================================== */
body {
	--white: #fff;
	--deep: #25272f; 
	--grey: #d2d3d2; 
	--light-grey: #f4f3f1;
	--blue: #23569d;
	--blue-over: #004586;
	--light-blue: #A1C2E0;
	--red: #d81159;
	--pink: #e5789a;
	--yallow: #F9BF3D;
	--orange: #E56C36;
	--gold: #B78B00;
}

.white {
	color:var(--white);
}
.yallow {
	color:var(--yallow);
}
.blue {
	color:var(--blue) !important;
}
.red {
	color:var(--red) !important;
}
.pink {
	color:var(--pink) !important;
}
.bg-gy {
    background: var(--light-grey);
}
.bg-deep {
    background: var(--deep);
}


/*文字漸層效果*/
.txt-gradient {
	background: linear-gradient(to right, #c482a6 0%, #e35880 25%, #e35880 50%, #94a7c9 100%);
	background-clip: text;
    -webkit-background-clip: text;
   	color: transparent;
	box-shadow: none !important;
	display: inline-block;
}

/*漸層*/
.bg-gradient {
	background-image: linear-gradient(to bottom, #fff 30%, #f4b4c9 100%) !important;
	overflow: hidden;
}



/* ==================================================
   BS內建
================================================== */
body {
	/* font-size: 16px;  瀏覽器預設就是16px;*/
	font-size: clamp(8px,0.83vw,16px);  /*最小值一般用8px, 理想值中間單位用vw=16除以1920寬, 最大值用預設16px來抓 */
	color: var(--deep); 
	font-family: 'Noto Sans TC', sans-serif; /*繁中-黑體*/
	text-align: justify;
	letter-spacing:0.05em;
}

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.75em;
	font-weight: 500;
	line-height: 1.5;
	text-align: left !important;
}
.h1, h1 {
	font-size: 4em; /*64px*/
	font-weight:600;
	line-height:1.2;
	margin-bottom: 0;
}
.h1 small, h1 small {
	font-size: 0.55em; /*28px*/
	font-weight:400;
}
.h2, h2 {
	font-size: 3.4em; /*56px*/
	font-weight: 700;
	margin-bottom:0.35em;
}
.h3, h3 {
	font-size: 2.75em; /*44px,哩程回饋再進化*/
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.5em;
}
.bgKV-flower h3 {
	font-size: 2.25em; /*36px,首頁3大亮點*/
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.5em;
}
.h4, h4 {
	font-size: 1.75em; /*28px*/
	font-weight: 700;
	margin-bottom: 0.35em;
}
.h5, h5 {
	font-size: 1.5em; /*24px*/
	font-weight: 500;
	margin-bottom: 0.35em;
	line-height: 1.4; /*配合FAQ題目*/
}
h5 strong {
	font-weight: 800;
}
.h6, h6 {
	font-size: 1.4em; /*22px*/
	font-weight: 500;
}
p,
ul.ct{
	font-size: 1.25em; /*20px*/
	margin-bottom: 1.5em;
	text-align: justify; 
	letter-spacing: 0;
}
footer ul {
	font-size: 1.25em; /*20px*/
}
.tc {
	font-size: 1.125em; /*18px*/
}
.fontBig {
	font-size: 115%;
}
.fontBig1 {
	font-size: 125%;
}

ul, ol {
	text-align: left; /*反制body的設計*/
}
ul.list-unstyled>li {
	list-style-type:none;
}

p.indent {
	margin-left: 50px;
}
.small, 
small{
    font-size: .8em;
}

/*往前*/
ul.onward {
	margin-left: -0.15em;
}
ul.onward li {
	margin-bottom: 0.25rem;
}

.list-inline-item:not(:last-child) {
	margin-right: 0;
}

a, 
a.overline {
	color:var(--blue);
	text-decoration: none;
}
a:hover {
	color:var(--blue);
	text-decoration: none;
}
a.overline:hover {
	color:currentColor;
	text-decoration: underline;
}

a.textlink {
	color:var(--yallow);
	text-decoration: none;
}
a.textlink:hover {
	color:var(--yallow);
	text-decoration: underline;
}


.rounded {
    border-radius:1.5em !important;
}


/*手機版*/
@media (max-width: 575.98px) { 
	.d-xs-none {
		display:none;
	}
	.mt-5 {
		margin-top: 2.25em !important;
	}
	.mb-5 {
		margin-bottom: 1.5em !important;
	}
}



/* ==================================================
   右下 AI哩想秘書 配圖
================================================== */
.aiSecretary{
	--side-space:2em;
	position: sticky;
	right:var(--side-space);
	bottom:3.25em;
}
.aiSecretary span{
	position: absolute;
	display: block;
	right:var(--side-space);
	bottom:0;
	width:13.125em;
	aspect-ratio:0.5384;
	background: url(../img/aiSecretary.png) no-repeat center/100%;
	cursor: pointer;
}

@media (max-width: 1023px) {
	.aiSecretary{
		--side-space:1em;
	}
	.aiSecretary span{
		width:8em;
	}

}



/* ==================================================
   Footer
================================================== */
footer section {
	padding:5em 0 4em;
}
footer .ft-slogan {
	width:33%;
	margin-bottom:2.5em;
}
footer .ft-logo {
	width:220px;
	margin-right: 1.5em;
}

footer ul.list-inline li+li:before { 
	content:"|";
	margin: 0 0.4em 0 0.25em;
	display: inline-block;
}
footer ul.list-inline li+li:nth-child(2):before { 
	display: none; 
}

/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	footer .ft-logo {
		width:150px;
		margin-right: 1.5em;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	footer .ft-slogan {
		width:30% !important;
	}
}

/*ipad 直式 md以下~手機*/
@media (max-width: 991.98px) { 
	footer .ft-slogan {
		width:60%;
	}
	footer .ft-logo {
		width:160px;
		margin-right: 0;
		margin-bottom: 0.65em;
	}
	footer ul li.list-inline-item:first-child {
		display: block;
	}
}



/*會員拿積分宣傳bar*/
.ft-fixbar {
	position:sticky;
	left:0;
	bottom:0;
	background-color:var(--blue);
	color:var(--white);
	text-align:center;
	width:100%;
	padding:1em;
	z-index: 2;
}
.ft-fixbar h6,
.ft-fixbar a {
	vertical-align:baseline;
}
.ft-fixbar a.btn {
	font-size:1em;
	margin-left:0.35em;
}

.copyright {
	color: var(--white);
	font-weight:700;
	letter-spacing:0.1em;
	padding: 1.35em 0;
	margin-bottom: 0;
	background-color:var(--blue);
	border-top: var(--white) solid 1px;
}


/*手機版*/
@media (max-width: 767.98px) { 
	.ft-fixbar {
		padding:1.5em 0;
	}
}


@media (min-width: 501px) and (max-width: 767.98px) {
	footer section {
		padding:7.5em 0 8em;
	}
	/*
	.d-none.d-500-block {
		display: block !important;
	}
	*/
}


/* AI哩想祕書，手機版小圓圖 */
@media (max-width: 500px) {
	._icon_1x4ct_119 {
		bottom:0.5em !important;
		right:-1.45em;
    }
	.ft-fixbar,
	.copyright {
		padding-right:4em;
	}
    .ft-fixbar a.btn {
		display: block !important;
		width: 100px;
		margin: 0.25em auto 0;
	}	
}



/* ==================================================
   BS 內建其它
================================================== */
hr,
hr.deep {
	margin: 1em 0;
	color: inherit;
	background-color:var(--gold);
	border: 0;
	opacity: 1;
}
hr:not([size]) {
	height: 3px;
}
hr.deep {
	background-color:var(--deep);
	margin: 2em 0;
}
hr.deep:not([size]) {
	height: 2px;
}

blockquote {
	border-left: var(--white) solid 3px;
	padding-left: 1em;
	margin: 0;
	margin-bottom: 1rem;
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size:inherit;
    font-weight: 700;
    line-height: 1;
    color:var(--deep);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2em;
	border: var(--deep) solid 2px;
}


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

/*手機版*/
@media (max-width: 575.98px) { 
	.bgKV-corp blockquote {
		width:230px;
	}
}


/* ==================================================
   按鈕 btn
================================================== */
.btn {
	font-size: 1.375em; /*22px*/
	font-weight: 500;
	line-height: 1;
	color:var(--deep);
	padding: 0.25em 0.65em;
	border-radius: 5rem;
	letter-spacing:0.025em;
}

.btn-lg {
	font-size: 1.75em; /*28px*/
	font-weight: 700;
	padding: 0.75em 2em;
	letter-spacing:0.15em;
}

.btn-light {
	background-color: var(--white);
	color: var(--blue);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus {
	background-color: var(--white);
	color: var(--blue-over);
}

.btn-light1 {
	background-color: var(--white);
	color: var(--deep);
}

.btn-primary {
	color: var(--white);
	background-color:var(--blue);
	border:none;
}
.btn-primary:hover {
	color: var(--white);
	background-color:var(--blue-over);
	border:none;
}


/*白底黑框邊按鈕*/
.btn-outline {
	color: var(--deep);
	padding: 0.35em 2.5em;
	border: 2px solid var(--deep);
}
.btn-outline:hover,
.btn-outline:focus {
	color: var(--white);
	background:var(--deep);
	box-shadow:none;
}


/*白底框邊按鈕*/
.btn-outline-light {
	color: var(--deep);
	padding: 0.45em 1em;
	border: 2px solid var(--grey);
}
.btn-outline-light:hover {
	color: var(--white);
	border-color:transparent;
	background:var(--deep);
	box-shadow:none;
}
.btn-outline-light.active:focus,
.btn-outline-light.active,
.btn-outline-light.active:hover {
	color: var(--white);
	border-color:transparent;
	background: linear-gradient(to right, #c482a6 0%, #e35880 25%, #e35880 50%, #94a7c9 100%);
	background-origin: border-box; /*使漸層底色必須連同邊框都要整合*/
}





/* ==================================================
   背景圖
================================================== */
.nonebg {
	background-image:none !important;
}
.bgKV-flower {
	background-image: url(../img/bgKV-flower.jpg);
    background-position: 50% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
	padding: 6em 0 7em;
}
.bgKV-login {
	background-image: url(../img/bgKV-login.jpg);
    background-position: 50% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
	padding: 7em 0;
}
.bgKV-esg {
	background: url(../img/cloud.png) no-repeat center bottom/contain,
		        url(../img/bgKV-esg.jpg) no-repeat center top/cover;/*壓在下面*/
}
.bgKV-corp {
	background-image: url(../img/bgKV-corp.jpg);
    background-position: 60% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
	padding: 15em 0;
}
.bgKV-corp h2 {
	line-height: 1;
	letter-spacing: -0.025em;
}
.bgKV-ai {
	background-image: url(../img/bgKV-ai.jpg);
    background-position: 50% 0%; /*左右 上下*/
    background-size:cover; /*contain*/
    background-repeat: no-repeat;
	padding: 9em 0 12em;
}
.bgKV-corptable,
.bgKV-corAI {
	background-image: url(../img/bgKV-corppage.jpg);
    background-position: 50% 0%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
}
.bgKV-corAI {
    background-position: 50% 100%; /*左右 上下*/
}

/*企業內容視覺*/
.corpCT-p1,
.corpCT-p2,
.corpCT-p3,
.corpCT-p4 {
    background-position: 50% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
	min-height:20em;
}
.corpCT-p1 {
	background-image: url(../img/bgcorpCT-p1.jpg);
}
.corpCT-p2 {
	background-image: url(../img/bgcorpCT-p2.jpg);
}
.corpCT-p3 {
	background-image: url(../img/bgcorpCT-p3.jpg);
}
.corpCT-p4 {
	background-image: url(../img/bgcorpCT-p4.jpg);
}

/*哩程回饋內容視覺*/
.mileage-p1,
.mileage-p5,
.mileage-p6 {
    background-position: 50% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
	min-height:20em;
}
.mileage-p1 {
	background-image: url(../img/mileage-p1.jpg);
	height: 100%;
}
.mileage-p5 {
	background-image: url(../img/mileage-p5.jpg);
}
.mileage-p6 {
	background-image: url(../img/mileage-p6.jpg);
}


/*各主頁視覺*/
.mainKV {
	height:calc(90vh - 8.5em);
	display: flex;
	justify-content: center;
	align-items:flex-end;
	padding: 3.5em;
}
.mainKV h1 {
	border-bottom:var(--white) solid 5px;
	display: inline-block;
	padding-bottom: 0.3em;
	margin-bottom: 0.25em;
}
.mainKV h5 {
	margin-bottom: 2.5em;
}
.mainKV a.arrowDown {
	width:3em;
	display: inline-block;
}
.mainKV-faq {
	background-image: url(../img/mainKV-faq.jpg);
    background-position: 50% 0%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	height:28em;
}
.mainKV-corp {
	background-image: url(../img/mainKV-corp.jpg);
    background-position: 50% 0%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
}
.mainKV-mileage {
	background-image: url(../img/mainKV-mileage.jpg);
    background-position: 100% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
}
.mainKV-member {
	background-image: url(../img/mainKV-member.jpg);
    background-position: 50% 50%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
}
.mainKV-esg {
	background-image: url(../img/mainKV-esg.jpg);
    background-position: 50% 0%; /*左右 上下*/
    background-size: cover;
    background-repeat: no-repeat;
}



/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.bgKV-flower {
		padding-bottom: 9em;
	}
	.bgKV-ai {
		padding-bottom: 9em;
	}
	.bgKV-corp {
		padding: 10em 0;
	}
	/*各主頁視覺*/
	.mainKV {
		height:calc(90vh - 14.5em);
	}
}


/*ipad 直式 md以下~手機*/
@media (max-width: 991.98px) {
	.bgKV-flower .g-5,
	.bgKV-flower .gx-5 {
		--bs-gutter-x: 2em;
	} 
	.bgKV-ai .g-5,
	.bgKV-ai .gy-5 {
		--bs-gutter-y: 2.75em;
	}
	.bgKV-ai h5 {
		margin-bottom: 2em;
	}
	.bgKV-corp {
		padding: 10em 0;
	}
	.bgKV-corp h2 {
		line-height: 1.25;
		letter-spacing: 0;
	}
	.mainKV-faq {
		height:20em;
	}
	/*各主頁視覺*/
	.mainKV {
		height:35em;
	}
}


/*手機版*/
@media (max-width: 767.98px) { 
	.bgKV-flower .g-5,
	.bgKV-flower .gy-5 {
		--bs-gutter-y: 3.5em;
	}
	.bgKV-flower {
		background-image:none;
		padding: 2.5em 0 7em;
	}
	/*必須配合二張背景一定都要一起寫*/
	.bgKV-esg {
		background: url(../img/cloud.png) no-repeat center bottom/250%,
		            url(../img/bgKV-esg.jpg) no-repeat center top/cover;
	}
	/*各主頁視覺*/
	.mainKV {
		height:30em;
	}
	.mainKV a.arrowDown {
		display: none;
	}
	.mainKV h5 {
		margin-bottom: 0.75em;
	}
}




/* ==================================================
   自定
================================================== */
.pt-space {
	padding-top: 6em;
}
.ptb-space {
	padding: 6em 0;
}
.pb-faqAI {
	padding-bottom: 10em;
}
.mb-space {
	margin-bottom: 8em;
}


/*首頁主視覺影片*/
.videoBox {
	position: relative;
}
.videoBox a.arrowDown {
    position: absolute;
    bottom: 3.8em;
	left:50%;  /*強制居中*/
    transform: translate(-50%, 0%); /*強制居中*/
	width:3.75em;
    z-index: 2;
}
.videoBox video {
	display: block;
	width: 100%;
}


/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.videoBox a.arrowDown {
		/*bottom: 1.5em;
		width:4%;*/
		display: none;
	}
}

/*ipad 直式 md以下~手機*/
@media (max-width: 991.98px) { 
	.videoBox a.arrowDown {
		display: none;
	}
}


/*水平排法*/
dl.dl-horizontal>dt,
dl.dl-horizontal>dd {
	display:inline-block;
	vertical-align:top;
}
dl.dl-horizontal.width1 dt {
	width:1.85em;
	padding-right: 0.15em;
}
dl.dl-horizontal.width1 dd {
	width:calc(100% - 2.25em);
}

a.text-link {
	font-family: 'Noto Sans TC', sans-serif; /*Google Fonts 繁中-黑體*/
	font-weight:500;
	text-decoration:none;
	letter-spacing: 0.035em;
}
a.text-link:hover {
	text-decoration:underline;
}

/*三大亮點*/
.bgKV-flower h2 {
	margin-bottom:1em;
}
.bgFocus01,
.bgFocus02,
.bgFocus03 {
    background-size: cover;
    background-repeat: no-repeat;
}
.bgFocus01 {
	background-image: url(../img/bgFocus01.jpg);
    background-position: 50% 30%; /*左右 上下*/
}
.bgFocus02{
	background-image: url(../img/bgFocus02.jpg);
    background-position: 50% 40%; /*左右 上下*/
}
.bgFocus03 {
	background-image: url(../img/bgFocus03.jpg);
    background-position: 50% 30%; /*左右 上下*/
}

.cardBox {
	display:flex;
}
.cardBox .card {
	height:100%;
	box-sizing:border-box;
	border:none;
	border-radius: 1.75em;
	box-shadow: 0 3px 10px rgba(0,0,0,0.25);  /*外陰影*/
	position: relative;
	transition: all 0.5s ease-in-out;
	transform:scale(1.0);
}
.cardBox .card .card-body {
	flex: 1 1 auto;
	padding: 1.75em;
}

/*三大亮點*/
.bgKV-flower .cardBox .card {
	color:var(--white);
	padding-top:18em;
	padding-bottom:2em;
}
.bgKV-flower .cardBox .card h3 {
	background: linear-gradient(to top, currentColor, currentColor 100%) no-repeat left top/100% 3px;
	display:inline-block;
	padding-top:0.35em;
}
.bgKV-flower .cardBox .card .arrowR {
	width: 9%;
	position: absolute;
	right: 1.75em;
	bottom: 1.75em;
	transition: all 0.5s ease-in-out;
}



/*AI 哩想秘書&FAQ*/
.bgKV-ai h2 {
	text-shadow: 1px 3px 15px rgba(44,130,200,0.5);
}
.bgKV-ai.nonebg h2 {
	text-shadow: none;
}
.bgKV-ai p {
	color:var(--deep);
}
.bgKV-ai .cardBox .card .card-body {
	padding: 3em;
}
.bgKV-ai .w {
	height: 1.625em;
}
.bgKV-ai .btnPic {
	height: 2.275em;
	transition: all 0.5s ease-in-out;
}
.bgKV-ai .cardBox .card:hover .btnPic {
 	transform:scale(1.1);
}
.bgKV-ai dl {
	margin-bottom: 0;
	display: flex;
}
.bgKV-ai dl dt {
	width: 25%;
	padding-top: 0.85em;
	padding-right: 2em;
}
.bgKV-ai dl dd {
	width: 75%;
	margin-bottom:0;
}



/*桌上型 xl*/
@media (min-width: 1200px) { 
	.bgKV-flower .cardBox .card:hover,
	.bgKV-ai .cardBox .card:hover {
		transform:scale(1.015);
		box-shadow: 0 3px 20px rgba(0,0,0,0.5);  /*外陰影*/
	}
	.bgKV-flower .cardBox .card:hover .arrowR {
		transform:scale(1.75);
		opacity: 0.75;
	}
	.bgKV-flower .cardBox .card:hover h3 {
		animation: topLine 1s;
	}
	.bgKV-ai .cardBox {
		max-width: 1280px;
		margin: 0 auto;
	}
	.bgKV-ai h5 {
		margin-bottom: 0;
	}
	/*哩程轉讓全新登場*/
	.mileage-space1 {
		padding-left: 2.5em;
	}
}


/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.bgKV-flower .cardBox .card {
		padding-top:14em;
		padding-bottom:0;
	}
	.bgKV-flower .cardBox p {
		margin-bottom:1em;
	}
	.bgKV-ai .cardBox {
		max-width: 750px;
		margin: 0 auto;
	}
	.bgKV-ai h5 {
		margin-bottom: -1em;
	}
	.bgKV-ai dl dt {
		padding-right: 1.25em;
	}
	/*哩程轉讓全新登場*/
	.mileage-space1 {
		padding-left: 1.75em;
	}
}


/*ipad 直式 md以下~手機*/
@media (max-width: 991.98px) { 
	a.text-link {
		letter-spacing: 0;
	}
	.bgKV-flower .cardBox .card p {
		margin-bottom: 0;
	}
	.bgKV-ai .w {
		height: 2.15em;
	}
	.bgKV-ai .btnPic {
		height: 3em;
	}
}


/*手機版*/
@media (max-width: 767.98px) { 
	.bgFocus02{
		background-position: 50% 20%; /*左右 上下*/
	}
	.bgKV-flower .cardBox .card .arrowR {
		max-width:22px;
	}
	.bgKV-flower h2 {
		margin-bottom:1.25em;
	}
	.bgKV-ai {
		background-size:180%;
		padding: 6em 0 8em;
	}
	.bgKV-ai .imgAI {
		width:20%;
		margin-top: 2em;
		margin-right: 3em;
	}
	.bgKV-ai .btnPic {
		height: 3.5em;
	}
	.bgKV-flower .cardBox .card {
		padding-top: 15em;
	}
	.bgKV-flower .cardBox .card p {
		margin-bottom: 1.5em;
		font-weight: 700;
	}
}


/*手機版*/
@media (min-width: 500.98px) and (max-width: 767.98px) { 
	.bgKV-ai .cardBox {
		max-width: 98%;
		margin: 0 auto;
	}
	.bgKV-ai .btnPic {
		height: 3.25em;
	}
}

@media (max-width: 500px) { 
	.bgFocus02{
		background-position: 50% 35%; /*左右 上下*/
	}
	/*對應AI套件祕書的變化*/
	.bgKV-ai {
		padding-bottom: 0; 
	}
	.bgKV-ai .imgAI {
		display: inline-block !important;
	}
}



/*企業會員*/
.corpCT-w {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:5.75em 4em;	
}
.corpCT-w h2 {
	line-height: 1.15;	
}


/*桌上型 xl*/
@media (min-width: 1200px)  { 
	.corpCT-w {
		padding:6em;	
	}
}

/*手機版*/
@media (max-width: 767.98px) { 
	.corpCT-w h2 {
		margin-bottom: 0.75em;
	}
	.corpCT-w {
		padding:4em 4em 10em;	
	}
}


/* ==================================================
   會籍晉升
================================================== */
/*點選看計算示範，點選後隱藏*/
.collapseBtnWrapper:has(.btn[aria-expanded="true"]){
	display: none;
}

/*計算公式*/
img.formula {
	width:47em;
}
ul.memberBox1,
ul.memberBox2,
ul.memberBox3 {
	display: flex;
	margin-bottom: 8em;
}
.memberBox1 ul.tc li {
	list-style-type: disc;
}
ul.memberBox1 > li:first-child {
	width: 30%;
	padding-right:3%;
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-shrink: 0; /*強制維持css寫的指定比例,不要自動隨意縮小*/
}
ul.memberBox1 > li:nth-child(2) {
	padding-left:3%;
	border-left:var(--deep) solid 2px;
	position: relative;
}
ul.memberBox1 > li:nth-child(2)::before {
	content:"";
	position: absolute;
	left: -2px;
	top: 50%;
	transform: translateY(-50%);
	display:block;
	width: 0.95em;
	aspect-ratio: 0.6818;
	background-image: url(../img/lineArrow.png);
    background-position:center;
    background-size:100%;
    background-repeat: no-repeat;
}

ul.memberBox2 > li:first-child {
	width: 30%;
	padding-right: 3%;
	flex-shrink: 0; /*強制維持css寫的指定比例,不要自動隨意縮小*/
}
ul.memberBox2 > li:nth-child(2),
ul.memberBox2 > li:nth-child(3) {
	width: 35%;
	padding: 0 3%;
}
ul.memberBox2 > li+li { 
	border-left:var(--deep) solid 2px;
}

.member #C { 
	padding: 10em 0 0;
}
ul.memberBox3 { 
	margin-top: 5em;
}

ul.memberBox3 > li:first-child {
	width: 45%;
	padding-right:3%;
	display:flex;
	flex-direction: column;
	justify-content:flex-start;
	align-items: center;
}
ul.memberBox3 > li:nth-child(2) {
	padding-left:3%;
	border-left:var(--deep) solid 2px;
}


/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.member .card-body.p-5 { 
		padding: 3em 2em !important;
	}
	.member .arrowTop { 
		width:20px;
	}
}

/*ipad 直式 md*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	ul.memberBox1 > li:first-child {
		width: 25%;
	}
	ul.memberBox2 > li:first-child {
		width: 25%;
	}
	ul.memberBox2 > li:nth-child(2),
	ul.memberBox2 > li:nth-child(3) {
		width: 37.5%;
	}
	ul.memberBox3 {
		display:block;
	}
	ul.memberBox3 > li {
		width: 100% !important;
		display:block;
	}
	ul.memberBox3 > li:nth-child(2) {
		padding-left:0;
		padding-top:3em;
		border-top: var(--deep) solid 2px;
		border-left: none !important;
	}
	.member .arrowTop { 
		width:20px;
	}
}


/*手機版*/
@media (max-width: 767.98px) { 
	img.formula {
		width:100%;
		max-width: 450px;
	}
	.member .arrowTop { 
		width:17px;
	}

	ul.memberBox1,
	ul.memberBox2,
	ul.memberBox3 {
		display:block;
	}
	ul.memberBox1 > li,
	ul.memberBox2 > li,
	ul.memberBox3 > li {
		width: 100% !important;
		display:block;
	}
	ul.memberBox1 > li:nth-child(2) {
		padding-top: 3em;
		padding-left: 0;
		border-top: var(--deep) solid 2px;
		border-left:none;
	}
	ul.memberBox1 > li:nth-child(2)::before {
		content:"";
		position: absolute;
		left: 50%;
		top:-4.7px;
		transform: translateY(0);
		transform: translateX(-50%);
		transform: rotate(90deg);
		width: 1.5em;
	}
	.memberBox1 h4 {
		font-weight: 500;
	}
	.member #A .g-5,
	.member #A .gy-5 {
		--bs-gutter-y: 2em;
	}
	.memberBox2.mt-5 {
		margin-top: 1.75em !important;
	}
	ul.memberBox2 > li:nth-child(1) {
		padding-bottom:3em;
	}
	ul.memberBox2 > li:nth-child(2), 
	ul.memberBox2 > li:nth-child(3) {
		padding:3em 0;
		border-top: var(--deep) solid 2px;
		border-left:none;
	}
	ul.memberBox3 > li:nth-child(2) {
		padding-left:0;
		padding-top:3em;
		border-top: var(--deep) solid 2px;
		border-left: none !important;
	}
	.member #C {
		padding-bottom: 0;
	}
}


/*手機版*/
@media (max-width: 500px) { 
	.memberBox2 img {
		max-width:280px ;
	}
}



/* ==================================================
   哩程回饋
================================================== */
.mileage-space2 hgroup {
	padding:0 1em;
}
.mileage-usage {
	padding:0 2em;
	display: flex;
	justify-content: center;
	align-items:center;
}
img.mileage-icon {
	width:50%;
	margin-bottom: 1.35em;
}


/********************** 翻牌區 start ************************/
.flop {
	background-color:var(--blue);
	color:var(--white);
}
.flop hr {
	background-color:var(--white);
}

.cardGroup{
	perspective: 1000px;
}

.cardWrapper{
	position: relative;
	aspect-ratio:0.92;
	transform-style: preserve-3d;
	transition: transform 0.5s;
}
.cardGroup:hover .cardWrapper{
	transform:rotateY(180deg);
}

.cardWrapper .card{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	transition:none;
	transform:none;
	backface-visibility: hidden;
	z-index: 0;
}
.cardWrapper .card:hover{
	transform:none;
	box-shadow:none;
}
.cardWrapper .card.flop{
	transform: rotateY(180deg);
	z-index: 1;
}

/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px){
	.cardWrapper{
		aspect-ratio:0.8;
	}	
	img.mileage-icon {
		margin-bottom: 1.15em;
	}
}

/*ipad 直式 md*/
@media (min-width: 768px) and (max-width: 991.98px){	
	.cardWrapper{
		aspect-ratio:1.15;
	}
	img.mileage-icon {
		width:40%;
	}
	.flop hr {
		margin: 3em 0;
	}
}


/*手機版*/
@media (max-width: 767.98px) { 
	/*正反翻牌*/
	.cardWrapper{
		width: 80%;
		min-width:250px;
		max-width:380px;
		margin: 0 auto;
	}
	.cardGroup .cardWrapper .card .card-body {
		padding: 4em;
	}
	img.mileage-icon {
		width:40%;
	}
}

@media (min-width: 570px) and (max-width: 767.98px){	
	.cardWrapper{
		aspect-ratio:1.3;
	}	
}

@media (max-width: 569.98px){	
	.cardWrapper{
		aspect-ratio:1.05;
	}	
	.cardGroup .cardWrapper .card .card-body {
		padding: 3em;
	}
	.mileage-usage {
		padding:0 0.55em;
	}
}

/********************** 翻牌區 end ************************/



/* ==================================================
   ESG 時間軸Timeline
================================================== */
.ESG .arrowDown1 { 
	width:3em;
	margin: 3em auto;
}
.ESGtc table.tc { 
	margin-bottom:2.5em;
}
/*葉子*/
.ESGpoint { 
	/*
	width:1.5em;
	height:1.5em;
	text-align: center;
	display:inline-flex;
	justify-content: center;
	align-items: center;
	background-color: var(--deep);
	border-radius:50%;
	*/
	display: inline-block;
	margin-left: 0.15em;
}
.ESGpoint img { 
	width:1.15em;
}

/*ipad 直式 md ~ 桌機 xl*/
@media (min-width: 768px) { 
	/*注意事項*/
	.ESGtc p { 
		text-align: center;
	}
	.ESGtc table.tc { 
		margin: 0 auto;
	}
}

.timeline {
	list-style: none;
	padding: 6em 0 4em;
	margin-top: 5em;
	margin-bottom:0;
	position: relative;
}
.timeline:before { /*中軸線*/
	top: 0;
	left: 50%;
	bottom: 0;
	position: absolute;
	content: " ";
	border: var(--white) dashed 2px;
	margin-left: -1.5px;
}
.timeline:after { /*中軸線頂端同心圓點*/
	content:"";
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	display:block;
	width: 4em;
	aspect-ratio:1;
	background-image: url(../img/esg-dot.png);
    background-position:center;
    background-size:100%;
    background-repeat: no-repeat;
}
.timeline > li {
	margin-bottom: 5.5em;
	position: relative;
	width: 50%;
	float: left;
	clear: left;
}
.timeline > li > .timeline-badge { /*中軸圓點*/
	background-color:var(--white);
	border-radius: 50%;
	top: 2.75em;
	right: -0.75em;
	text-align: center;
	position: absolute;
	z-index: 100;
	display: block;
	width: 1.5em;
	height: 1.5em;
}
.timeline > li.timeline-inverted > .timeline-badge {
	left: -0.775em;
}

.timeline > li > .timeline-panel {
	width: 95%;
	float: left;
	border: 2px solid var(--white);
	background-color: rgba(255,255,255,0.25);
	position: relative;
	padding:3em 2.75em;
	border-radius: 1.75em;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);  /*外陰影*/
}
.timeline > li > .timeline-panel h4 {
	margin-bottom: 0;
	line-height: 1.2;
}
.timeline > li > .timeline-panel h5 {
	font-weight: 700;
}
.timeline > li > .timeline-panel .hr-esg {
	margin: 1em 0;
}
.timeline > li > .timeline-panel p {
	margin-bottom: 0;
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted {
	float: right;
	clear: right;
	margin-top: 30px;
	margin-bottom: 30px;
}

/*各配圖*/
.esg-petal,
.esg-airplane,
.esg-flower1,
.esg-flower2,
.esg-flower3a,
.esg-flower3b,
.esg-flower4,
.esg-flower5,
.esg-flower6,
.esg-flower7a,
.esg-flower7b,
.esg-flower7c {
	position: absolute;
	z-index: 9;
}
.esg-petal {
	left: 110%;
	top: -35%;
	width:10em;
	max-width:130px;
}
.esg-airplane {
	left: 115%;
	bottom: 20%;
	width:90%;
	max-width:500px;
}
.esg-flower1 {
	left:-2.25em;
	top:-3em;
	width:6em;
}
.esg-flower2 {
	right:-2.25em;
	top:-3em;
	width:6em;
}
.esg-flower3a {
	left:-1.25em;
	top:-1em;
	width:3em;
}
.esg-flower3b {
	right:0;
	bottom:-2.5em;
	width:4.25em;
}
.esg-flower4 {
	right:-0.5em;
	bottom:-2.25em;
	width:6em;
}
.esg-flower5 {
	right:7em;
	bottom:-2.75em;
	width:7em;
}
.esg-flower6 {
	/*right:2.5em;*/
	left:15em;
	top:-2.5em;
	width:5.25em;
}
.esg-flower7a {
	left:-1.75em;
	top:-1.5em;
	width:4em;
}
.esg-flower7b {
	right:-1.5em;
	top:-2.75em;
	width:5.5em;
}
.esg-flower7c {
	left:-2.25em;
	bottom:-3em;
	width:5.5em;
}

/*偵測捲軸-開花*/
.openFlower {
	transition: all 2s ease-in-out;
	transition-delay: 0.25s;
	transform: scale(0);
}
.timeline li.fadeInup.highlight .openFlower {
	transform: scale(1);
}


/*ipad 橫式 lg~桌機 xl*/
@media (min-width: 992px) { 
	.timeline > li.timeline-inverted {
		margin-top: 4em;
	}
}


/*ipad 直式 md*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.timeline > li > .timeline-panel {
		padding: 2em;
	}
}

/*手機版*/
@media (max-width: 767.98px) { 
	.timeline:before {
		left:-0.5px;
	}
	.timeline:after { /*中軸線頂端同心圓點*/
		left:-1.85em;
		transform:none;
	}
	.timeline {
		padding-bottom:7em;
	}
	.timeline > li {
		margin-bottom: 0;
		position: relative;
		width: 100%;
		float: left;
		clear: left;
	}
	ul.timeline > li > .timeline-panel {
		width: calc(100% - 2.75em);
	}
	.timeline > li.timeline-inverted > .timeline-badge,
	.timeline > li > .timeline-badge {
		left:-0.85em;
		right: 0;
	}
	ul.timeline > li > .timeline-panel {
		float: right;
	}
	/*各配圖*/
	.esg-petal {
		left:25%;
		top:-30%;
		width:9em;
	}
	.esg-airplane {
		position:unset;
		margin-top: 4em;
	}
}




/* ==================================================
   頁籤 tab 
================================================== */
.tab {
	background-color:var(--red);
	overflow: auto;
}
.tab ul.nav {
	display: flex; /*li就會強制不折行*/
	flex-wrap: nowrap;
}
.tab ul li.nav-item {
	margin-bottom: 0;
	white-space: nowrap;
}
.tab a.nav-link {
	font-size: 1.375em;
	font-weight: 700;
	padding: 0.55em 0.75em 0.375em;
	color:var(--white);
	border-bottom: var(--red) solid 5px;
}
.tab a.nav-link:hover{
	border-bottom: var(--blue) solid 5px;
}

/*手機版*/
@media (max-width: 767.98px) { 
	.tab .container{
		padding: 0;
	}
	.tab ul.nav:after {
		content: "";
		display: block;
		width:1.5em;
		aspect-ratio:1;
		flex-shrink: 0;
	}
}



/* ==================================================
   FAQ 手風琴
================================================== */
ul.faqItem {
	margin-top: 2em;
}
ul.faqItem .list-inline-item {
	margin-right: 0.65em;
}

.accordion {
	border-bottom: 2px solid var(--deep);
}


/*FAQ常見問題標題*/
.accordion-button {
	padding: 1.25rem 1.25rem;
	font-size: inherit;
	font-weight: 500;
	padding-left: 0;
	color: var(--deep);
	background-color: var(--white);
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

/*FAQ常見問題標題-被點選開啟時*/
.accordion-button:not(.collapsed) {
	/* box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);*/
	box-shadow: none !important;
	padding-bottom: 0.25rem;
	background:none;
}
.accordion-button:not(.collapsed) span {
	font-size: 130%;
	font-weight: 700;
	background: linear-gradient(to right, #c482a6 0%, #e35880 25%, #e35880 50%, #94a7c9 100%);/*文字漸層效果*/  
	background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

/*FAQ常見問題內容*/
.accordion-body {
	font-size: 16px; /*還原預設值*/
	letter-spacing: 0;
	text-align: left;
	padding: 0 0 1em;
	margin-bottom: 0 !important;
}
.accordion-item {
	background-color: var(--white);
	border: 2px solid var(--deep);
}

.faqGroup .tabCT{
	display: none;
}
.faqGroup .tabCT.active{
	display: block;
}

/*arrow向下-收合時*/
.accordion-button::after {
	flex-shrink: 0;
	/*width: 1.25rem;
    height: 1.25rem;
	background-size: 1.25rem;*/
	width: 1.5rem;
	height: 1.5rem;
	background-size: 1.5rem;
	margin-left: auto;
	content: "";
	background-image: url(../img/arrowDown.svg);
	background-repeat: no-repeat;
	transition: transform .2s ease-in-out;
}

/*arrow向上-開啟時*/
.accordion-button:not(.collapsed)::after {
	background-image: url(../img/arrowDown.svg);
	transform: rotate(-180deg);
}


/*FAQ常見問題手風琴內容-強制讓答案裡的所有元素樣式回復成瀏覽器給的預設樣式*/
.accordion-body *:not(table),
.accordion-body a:hover {
	all:revert;
}

.accordion-body h1{	font-size: 2em;}
.accordion-body h2{	font-size: 1.5em;}
.accordion-body h3{	font-size: 1.17em;}
.accordion-body h4{	font-size: 1em;}
.accordion-body h5{	font-size: 0.83em;}
.accordion-body h6{	font-size: 0.67em;}

.accordion-body table {
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 0;
  border: 1px inset gray;
}
.accordion-body table th, 
.accordion-body table td {
  border: 1px inset gray;
}

.accordion-body img {
	max-width:100%;
}





/*手機版*/
@media (max-width: 767.98px) {
	/*FAQ問題標題*/
	.accordion-button {
		 padding: .85rem .5rem;
		 padding-left: 0;
	}
	/*FAQ問題標題-被點選開啟時*/
	.accordion-button:not(.collapsed) {
		 padding-bottom: 0.25rem;
	}
	/*arrow*/
	.accordion-button::after {
		 width: 1.25rem;
		 height: 1.25rem;
		 background-size: 1.25rem;
		 opacity:.35;
	}
}


/*桌上型 xl~*/
@media (min-width: 1200px)  { 
	.accordion-button:hover span {
		font-weight: 700;
		background: linear-gradient(to right, #c482a6 0%, #e35880 25%, #e35880 50%, #94a7c9 100%);/*文字漸層效果*/ 
		background-clip: text;
   		-webkit-background-clip: text;
   		color: transparent;
	}
}




/* ==================================================
   table
================================================== */
.tablestyle {
	width: 100%;
	margin-top: 2em;
}
.tablestyle tr th,
.tablestyle tr td {
	font-size: 1.5em;
	padding: 0.75em 0.5em;
	text-align: center;
	align-self:center;
}
.tablestyle tr th {
	font-size: 1.25em;
	color:var(--white);
	background-color:var(--blue);
}
.tablestyle u {
	text-decoration: none;
	font-weight: 500;
	border-bottom:var(--red) solid 5px;
}
.tablestyle .tc {
	font-size:13px;
	display: block;
	margin-top: 0.5em;
}

/*頭尾圓角*/
.tablestyle tr th.th-start {
	border-top-left-radius:10em;
	border-bottom-left-radius:10em;
	padding-left: 1.5em;
}
.tablestyle tr th.th-end {
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
	padding-right: 1.5em;
}


/*手機版*/
@media (max-width: 767.98px) { 
	.tablestyle tr th,
	.tablestyle tr td {
		font-size: 1.65em;
		padding: 0.5em 0.35em;
	}
	.tablestyle tr th {
		font-size: 1.5em;
		font-weight: 400;
	}
	.tablestyle tr th.th-start {
		border-top-left-radius:1em;
		border-top-right-radius:1em;
		border-bottom-left-radius:0;
		padding-left:0.5em;
	}
	.tablestyle tr th.th-end {
		border-top-right-radius:0;
		border-bottom-left-radius:1em;
		border-bottom-right-radius:1em;
		padding-right: 0.5em;
	}
	.tablestyle u {
		border-width: 3.5px;
	}
	.tablestyle .tc {
		font-size:11px;
		line-height: 1.2;
		margin-top: 0.8em;
	}
}


/* ==================================================
   RWD font size
================================================== */
/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	body {
		font-size: clamp(8px,1.05vw,16px);
	}
}


/*ipad 直式 md*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	body {
		font-size: clamp(8px,1.2vw,16px);
	}
	.h2, h2 {
		font-size: 3.2em;
	}
	.h3, h3 {
		font-size: 2.75em;
	}
	.bgKV-flower h3 {
		font-size: 2.5em;
	}
	.h4, h4 {
		font-size: 2em;
	}
	.h5, h5 {
		font-size: 1.75em;
	}
	.h6, h6 {
		font-size: 1.65em;
	}
	p,
	ul.ct {
		font-size: 1.55em;
	}
	footer ul {
		font-size: 1.55em;
		margin-right: 50px; /*因為AI祕書問題*/
	}
	.tc {
		font-size: 1.55em;
	}
	.tab a.nav-link,
	.btn {
		font-size: 1.65em; /*同h6*/
	}
	.btn-lg {
		font-size: 2em; /*同h4*/
	}
}


/*手機版*/
@media (max-width: 767.98px) { 
	.h2, h2 {
		font-size: 2.65em;
		letter-spacing: 0;
		margin-bottom:0.4em;
	}
	.h3, h3 {
		font-size: 2.65em;
	}
	.bgKV-flower h3 {
		font-size: 2.5em;
	}
	.h4, h4 {
		font-size: 2.25em;
	}
	.h5, h5 {
		font-size: 2.05em;
	}
	.h6, h6 {
		font-size: 2em;
	}
	p,
	ul.ct {
		font-size: 1.95em;
		font-weight: 400;
	}
	footer ul {
		font-size: 1.85em;
	}
	.tc {
		font-size: 1.75em;
	}
	.fontBig {
		font-size: 110%;
	}
	.tab a.nav-link,
	.btn {
		font-size: 2em; /*同h6*/
	}
	ul.faqItem .btn {
		font-size: 1.85em; /*faq*/
	}
	.btn-lg {
		font-size: 2.35em; /*同h4*/
	}
	.ft-fixbar h6,
	p.copyright {
		font-size: 1.6em;
	}
}


/* ==================================================
   互動效果 effect
================================================== */
.zoom {
	transition: all 0.5s ease-in-out;
	transform:scale(1.0);
}
.zoom:hover {
	transform:scale(1.075);
}


/* ==================================================
   動畫 animation
================================================== */

/*哩程回饋頁翻面插圖-大小縮放loop*/
.eff-zoomloop {
	animation: zoomloop 2s ease-in-out both infinite alternate; /*動畫zoomloop*/
}

/*keyframes 限搭配 animation*/
@keyframes zoomloop { 
	0% {
		scale: 1;
	}
	100% {
		scale: 1.135;
	}
}



/*上下浮動loop*/
.eff-updownloop {
	animation: updownloop 1.75s ease-in-out both infinite alternate; 
}
@keyframes updownloop { 
	0% {
		transform:translateY(0);
	}
	100% {
		transform:translateY(5%);
	}
}


/*旋轉360度*/
.eff-rotate360 {
	animation: rotate360 15s linear infinite; 
}
@keyframes rotate360 { 
	0% {
		transform:rotate(0);
	}
	100% {
		transform:rotate(360deg);
	}
}


/*哩程線*/
@keyframes topLine {
	from {
		background-size: 0 3px;
	}
}


/*偵測捲軸-淡入進場動畫*/
.fadeInup {
    transition: all 1.25s ease-in-out;
	opacity:0;
	transform:translateY(10%);
}
.fadeInup.highlight {
	opacity:1;
	transform:translateY(0);
}