/* ==================================================
   主視覺 mainKV
================================================== */

/*主視覺上的logo空白連結
.mainKVlogo-link {
    display: inline-block;
    width: 14%;
    height: 10%;
    position: absolute;
    top: 1.5%;
    left: 0.75%;
    z-index:1;
}
*/


/* ==================================================
   header & nav
================================================== */
/*logo*/
.navbar-brand {
	padding: 0;
}
.navbar-brand img.logo {
	/*width:1000px;
	height:380px;*/
	display:none;
}
.logo-airport {
	position:absolute;
	top: 28px;
	right:1.5em;
	z-index:2;
	width:17%;
}
.logo-airport img{
	width:100%;
}


/*ipad直式*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.logo-airport {
		top: 20px;
	}
}

/*手機版~*/
@media (max-width: 767.98px) {
	.navbar-brand img.logo {
		width:85px;
		height:auto;
		display:block;
		opacity: 0; /*隱藏*/
	}
	.logo-airport {
		position: fixed;
		width: 140px;
		right: auto;
		left: 120px;
		top: 17px;
	}
}


#navMenu.navbar-collapse { 
	/*flex-grow: unset;*/
	flex-grow: 1;
}

ul.navbar-nav li.nav-item,
ul.navbar-nav li.nav-item .nav-link { 
	font-family: 'Kiwi Maru'; /*日本漢字可支援中文-圓體*/
	font-size: 1.1em;
	color: var(--white); 
	font-weight: 500;
	letter-spacing:0.075em;
	display: inline-block;
	padding-left: 0.05rem;
	padding-right: 0.05rem;
	text-align: center;
}
ul.navbar-nav li.nav-item .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--yallow); 
}

.navbar.navbar-dark {
    /*background:none;*/
    /*background-image: linear-gradient(to bottom, #23232d 50%, rgba(35, 35, 45, 0) 100%);*/
	backdrop-filter: blur(2rem); /*backdrop-filter 背景濾鏡模糊*/
	-webkit-backdrop-filter: blur(2rem);
}

.navbar.navbar-dark .container-fluid {
	padding-left: 1rem;
    padding-right: 1rem;
}
.navbar-toggler {
    padding: 0;
    border-radius: 0;
    background-color: none;
    border: none;
}


/*ipad 直式 md~*/
@media (min-width: 768px){ 
	.navbar-expand-md .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
}

/*ipad sm ~ 桌上型 xl */
@media (min-width: 768px) { 
	ul.navbar-nav li.nav-item + li.nav-item:before { /*before之前串接符號*/
		content: "｜"; /*第一個不會有+接續,就自動沒有 */
		font-weight: normal;
	}
    /* 主選單居中 */
	.navbar.navbar-dark .container-fluid {
		justify-content:center;
	}
}

/*ipad 直式 md*/
@media (min-width: 767.98px) and (max-width: 992px) { 
	ul.navbar-nav li.nav-item,
	ul.navbar-nav li.nav-item .nav-link { 
		font-size: 16px;
		padding-left: 0.15rem;
		padding-right: 0.15rem;
	}
	ul.navbar-nav li.nav-item + li.nav-item:before { /*before之前串接符號*/
		margin-right:0.25rem;
	}
	/* 主選單居中 */
	#navMenu.navbar-collapse { 
		flex-grow: unset;
		/*flex-grow: 1;*/
	}
}

/*手機版xs*/
@media (max-width: 767.98px) { 
	#navMenu.navbar-collapse { 
		height: 100vh;
	}
	.navbar.navbar-dark {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	ul.navbar-nav li.nav-item,
	ul.navbar-nav li.nav-item .nav-link { 
		font-size:1.2em;
		margin-top:0.25em; 
		margin-bottom:0.25em;
	}
	ul.navbar-nav { 
		margin-top:1.25em; 
		margin-bottom:0.75em;
	}
}