/**
 * CBE 自定義樣式
 * 這個檔案放置我們對 main.css 的額外修改，避免與前端 cbe-frontend 編譯的 main.css 衝突
 */

/* ==================== */
/* 836c35b: 考試項目標籤加入 white-space: nowrap 防止跑版 */
/* ==================== */

.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .TKT_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .or_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .purple_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .green_tag {
  white-space: nowrap;
}

.or_tag {
  white-space: nowrap;
}

.purple_tag {
  white-space: nowrap;
}

.green_tag {
  white-space: nowrap;
}

.TKT_tag {
  white-space: nowrap;
}

/* ==================== */
/* 26ce3fd: 3 層選單樣式 */
/* ==================== */

/* 電腦版第 3 層選單樣式 */
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu {
  position: relative;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu > a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-right: 15px !important;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu > a .arrow-right {
  flex-shrink: 0;
  width: 6px;
  height: auto;
  margin-left: 5px;
}
/* 有第 3 層子選單時，增加第 2 層寬度 */
.headerCbe .headerCbe_container .co_menu li > ul:has(.has-submenu) {
  width: 160px !important;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu .submenu-level3 {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: white;
  min-width: 180px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-direction: column;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu:hover > .submenu-level3 {
  display: flex;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu .submenu-level3 li a {
  padding: 10px 20px;
  white-space: nowrap;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu .submenu-level3 li a:hover {
  background: #daeeea;
}

/* 手機版第 3 層選單樣式 */
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li.has-submenu-mobile > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li.has-submenu-mobile > a .arrow-toggle {
  transition: transform 0.3s ease;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li.has-submenu-mobile > a.active .arrow-toggle {
  transform: rotate(180deg);
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li .submenu-level3-mobile {
  display: none;
  padding-left: 15px;
  margin-top: 5px;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li .submenu-level3-mobile.show {
  display: block;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li .submenu-level3-mobile li a {
  font-size: 14px !important;
  line-height: 28px;
  color: #666 !important;
}

/* ==================== */
/* 手機版 YLE 區塊置中修復 */
/* ==================== */
@media screen and (max-width: 767px) {
  .home_YLE .home_YLE_top .mo_top_group {
    padding-right: 0 !important;
  }
  .home_TKT .home_TKT_top .mo_top_group {
    padding-right: 0 !important;
  }
  .home_ket_pet_fce .home_YLE_top .mo_top_group {
    padding-right: 0 !important;
  }
}