@charset "utf-8";
/* Add here all your CSS customizations */
@media (min-width: 992px) {
.menu_mobile2{
display: none!important;
	
}
}

@media (max-width: 991px) {
.menu_mobile2{
display: block!important;

}
}

.navbar-expand-lg .navbar-nav .nav-link{
	color: #FFFFFF!important;
	font-size: 1em!important;
	font-weight: 600!important;
	letter-spacing: 1px!important;
}

.navbar-nav {
  display: flex!important;
 /* justify-content: space-between!important; */
	/* 或用 space-evenly */
}

.navbar-nav li {
   
  text-align: center!important;     /* 文字置中 */
}


.navbar-toggler{
	background-color: #fff!important;
}

.submenun ul li{
line-height: 65px!important;	
}

.nav-item{
	margin-right: 25px;
}

@media (max-width: 1397px) {
.nav-item{
	margin-right: 5px!important;
}
}
@media (max-width: 1048px) {
.nav-item{
	margin-right: 0px!important;
}
}
@media (min-width: 992px) and (max-width: 1012px) {
.navbar-expand-lg .navbar-nav .nav-link{
font-size: 0.9em!important;	
}	
}

@media (max-width: 991px) {
.nav-item{
	margin-right: 0px!important;
}
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 1)!important;
}
/* 次次選單 */


      /* 預設 submenu 向右展開 */
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 95%;
      margin-top: -0.125rem;
	background-color:#467c86!important;	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
    }

    /* 新增：向左展開的 submenu */
.dropdown-submenu-left {
	position: relative;
}
    .dropdown-submenu-left > .dropdown-menu {
      top: 0;
      right: 95%;
      left: auto;
      margin-top: -0.125rem;
	background-color:#467c86!important;	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
    }

    /* 手機版: 都往下展開，避免左右溢出 */
    @media (max-width: 992px) {
      .dropdown-submenu > .dropdown-menu,
      .dropdown-submenu-left > .dropdown-menu {
        left: 0;
        right: auto;
        top: 100%;
        margin-top: 0.1rem;		
      }
	.navbar-nav {
		height: 400px!important;
		overflow: auto!important;   
		}	
	.nav-item{
	padding: 10px 0 10px 0!important;	
	border-bottom: 1px solid rgba(255, 255, 255, 0.3)!important;	
		}	
    }

.dropdown-menu{
	background-color: #1f677d!important;

}
.dropdown-menu a{
	color: #fff!important;

}

.dropdown-menu li{
line-height: 2!important;
padding: 5px 0;	
}
.dropdown-menu li:not(:last-child) {
 border-bottom: 1px solid rgba(255, 255, 255, 0.3)!important;
 }
.dropdown-menu li a:hover{
background-color: #174e5e!important;
}
.dropdown-menu li a:focus{
background-color: #174e5e!important;
}


/* 子選單動畫效果 */
.dropdown-menu {
  transition: max-height 0.4s ease, opacity 0.3s ease;
  opacity: 0;
  display: block; /* 強制 block，避免 Bootstrap 預設影響 */
  visibility: hidden;
}

.dropdown-menu.show {
  max-height: 1000px; /* 確保比子選單實際高度大即可 */
  opacity: 1;
  visibility: visible;
}

/* 手機版：取消強制 block，讓 Bootstrap 預設接管 */
@media (max-width: 991px) {
  .dropdown-menu {
    max-height: none;
    opacity: 1;
    display: none; /* 回歸 Bootstrap 預設 */
    visibility: visible;
    transition: none; /* 移除動畫，避免內容卡住 */
  }

  .dropdown-menu.show {
    display: block;
  }
}

/*.navbar-nav a:focus {  
	outline: 3px solid blue;
      scroll-margin: 20px; 
    }*/
/*.navbar-nav button:focus {  
	outline: 3px solid blue;
      scroll-margin:20px; 
    }*/