@charset "utf-8";
/* Add here all your CSS customizations */

.navbar-nav{
	
	text-transform:uppercase;
}


@media (min-width: 1025px) {
.menu_mobile2{
display: none!important;
	
}
}

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

}
}

.navbar-expand-lg .navbar-nav .nav-link{
	color: #555555!important;
	font-size: 1.05em!important;
	font-weight: 600!important;
	letter-spacing: 0px!important;
}
@media (max-width: 1024px) {
	.navbar-expand-lg .navbar-nav .nav-link{
	color: #ffffff!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: 5px;
}

@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: 1024px) {
.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:#007E67!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: 1025px) {
      .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:#007E67!important;
	border: 1px solid #bbbbbb;
        padding: 5px 0;
        background: #fff;
        border-radius: 5px !important;    

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

}
@media (min-width: 1025px) {

  /* 預設：所有 dropdown-menu 可動畫 */
  .dropdown-menu {
    display: block;
    max-height: 0;
    overflow: hidden;        /* 動畫時需要 */
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.2s ease;
  }

  /* 第一層 hover 展開 */
  .navbar .dropdown:hover > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    overflow: visible;       /* ⭐ 關鍵：允許次次選單溢出 */
  }

  /* 次選單 hover 展開 */
  .dropdown-submenu:hover > .dropdown-menu,
  .dropdown-submenu-left:hover > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    overflow: visible;       /* ⭐ 關鍵：允許第三層顯示 */
  }
}
@media (min-width: 1025px) {

  /* 第一層：hover + focus */
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown:focus-within > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }

  /* 次選單：hover + focus */
  .dropdown-submenu:hover > .dropdown-menu,
  .dropdown-submenu:focus-within > .dropdown-menu,
  .dropdown-submenu-left:hover > .dropdown-menu,
  .dropdown-submenu-left:focus-within > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
}

.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: #00413f!important;
}
.dropdown-menu li a:focus{
background-color: #00413f!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;
}
.dropdown-item{
	text-transform:capitalize!important;
}
/* 手機版：取消強制 block，讓 Bootstrap 預設接管 */
@media (max-width: 1024px) {

  .dropdown-menu {
    display: none;
    max-height: none;
    opacity: 1;
    visibility: visible;
    transition: none;
  }

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

}
@media (max-width: 1025px) {
    #header .header-nav-main nav {
        background-color: #1AA38A !important;
    }
	.dropdown-menu{
		z-index: 999!important;
	}
}
.fa-chevron-down {
    --fa: ""!important;
	font-size: 0!important;
}
/*.navbar-nav a:focus {  
	outline: 3px solid blue;
      scroll-margin: 20px; 
    }*/
/*.navbar-nav button:focus {  
	outline: 3px solid blue;
      scroll-margin:20px; 
    }*/



/* =====================================
   強制 navbar-expand-lg 在 1024 以下走手機版
===================================== */
@media (max-width: 1024px) {

  .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }

  .navbar-expand-lg .navbar-collapse {
    display: none !important;
    width: 100%;
  }

  .navbar-expand-lg .navbar-collapse.show {
    display: block !important;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: column !important;
    width: 100%;
  }

  .navbar-expand-lg .nav-item {
    width: 100%;
    text-align: left;
  }
}

/* =====================================
   1025以上恢復桌機版
===================================== */
@media (min-width: 1025px) {

  .navbar-expand-lg .navbar-toggler {
    display: none !important;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row !important;
  }
}

/* =====================================
1024以下手機模式修正 ICON 位移
===================================== */
@media (max-width:1024px){

    .navbar{
        position: relative;
    }

    /* 漢堡按鈕固定左上 */
 

    /* collapse 區塊往下，不壓到 icon */
    .navbar-collapse{
        margin-top: 60px;
        width: 100%;
    }

    /* 子選單位置正常 */
    .dropdown-menu{
        position: static !important;
        float: none !important;
        width: 100%;
        margin: 0 !important;
        transform: none !important;
    }

    .dropdown-submenu > .dropdown-menu,
    .dropdown-submenu-left > .dropdown-menu{
        position: static !important;
        width: 100%;
        margin-left: 0 !important;
        padding-left: 15px;
    }

}

@media (max-width:1024px){

  .navbar-expand-lg{
      flex-wrap: wrap !important;
      justify-content: space-between !important;
  }

}