/* ==================================================
   header & nav
================================================== */
.navbar {
    padding-top: .2em;
    padding-bottom: .2em;
}

/*logo*/
.navbar-brand {
	padding: 0;
	display: inline-block;
}
.navbar-brand img.logo {
	width:auto;
	height:50px;
	padding-top: .35em;
    padding-bottom: .35em;
	/*display:none;*/
}
img.logo10 {
	height:60px !important;
}
.logoLine {
	border-right: var(--yallow) solid 1px;
	padding-right: 1em;
}


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

ul.navbar-nav li.nav-item,
ul.navbar-nav li.nav-item .nav-link { 
	color: var(--skin); 
	font-size:1.025em;
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.05em;
}
ul.navbar-nav li.nav-item .nav-link.active { 
	color: var(--yallow); 
}
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--yallow); 
}

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



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


/*桌上型 xl*/ 
@media (min-width: 1200px) {
	.navbar.navbar-dark .container-fluid {
		padding-left: 2.75rem;
		padding-right: 2.75rem;
	}
}


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


/*ipad 橫式 lg*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	ul.navbar-nav li.nav-item,
	ul.navbar-nav li.nav-item .nav-link { 
		padding-left: 0.25em;
		padding-right: 0.05em;
		font-size: 18px;
	}
}


/*ipad 直式 md以下*/
@media (max-width: 991.98px) { 
	.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.25em;
		text-align: center;
		letter-spacing: 0.5em;
		padding: 0.35em 0;
	}
	ul.navbar-nav { 
		margin-top:1.25em; 
		margin-left:0; 
		margin-bottom:0.75em;
	}
	.navbar.navbar-dark {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
	#navMenu.navbar-collapse { 
		height: 100vh; /*展開滿版高*/
	}
	.navbar-brand img.logo {
		height: 30px !important;
		padding-top: 0;
		padding-bottom: 0;
	}
}

/*手機版*/
@media (max-width: 767.98px) { 
	ul.navbar-nav li.nav-item,
	ul.navbar-nav li.nav-item .nav-link { 
		font-size:1.25em;
	}
}