/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=WindSong:wght@400;500&family=Zeyada&display=swap');
/*common*/
/*bricks 預設 _root font size = 10px(62.5%) */
body {
  background-color: #fafafa;
  font-family: sans-serif, "Noto Sans TC";
  letter-spacing: 0.5px;
  color: #4d4d4d;
  font-size: 1.6rem;
}
a {
  transition: all .3s
}
a:hover {
  color: #33B6D9;
}
.splide__arrow {
  transition: all .3s
}
.splide__arrow:hover {
  background-color: #33B6D9 !important
}
.hover-text-color:hover .brxe-post-title, .hover-text-color:hover .brxe-text-basic, .hover-text-color:hover .brxe-post-meta {
  color: #33B6D9;
}
.hover-text-color:hover .meta-tag {
  color: #33B6D9;
  border: 1px solid #33B6D9
}
h2 {
  font-size: 3.2rem;
}
h3 {
  font-size: 2.8rem;
}
h4 {
  font-size: 2rem
}
#brx-content {
  padding-bottom: 16rem
}
/*search */
.bricks-search-overlay .close {
  font-size: 3rem !important;
}
.search-results .image-wrapper {
  display: none
}
.search-results .bricks-layout-wrapper {
  grid-template-columns: 1fr !important;
  margin-bottom: 6rem;
}
.search-results .bricks-layout-wrapper h3 {
  font-size: 2rem;
}
.search-results .bricks-layout-wrapper .content-wrapper {
  padding: 1rem 0;
  border-bottom: 1px solid #999
}
.search-results .bricks-layout-wrapper .content-wrapper a:hover {
  color: #33B6D9
}
.search-results .bricks-layout-wrapper .content-wrapper > div {
  color: #999
}
/*top Nav */
.top-navbar .bricks-nav-menu {
  justify-content: space-between;
  width: 100%;
}
.top-navbar .bricks-nav-menu > li {
  font-size: 2rem;
  font-weight: bold;
  margin: auto;
  padding: 1rem 1.5rem;
  height: 100%;
  min-width: 170px;
  transition: all .3s
}
.top-navbar .bricks-nav-menu > li.open {
  background-color: #fff;
}
.top-navbar .bricks-nav-menu .sub-menu {
  background-color: #fff;
  line-height: 1.5;
  color: #000;
  font-weight: normal;
  left: 0;
  min-width: 100%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.top-navbar .bricks-nav-menu .sub-menu .sub-menu {
  left: 100%;
}
.top-navbar .bricks-nav-menu .sub-menu .brx-submenu-toggle {
  width: 100%;
  padding: 0;
}
.top-navbar .bricks-nav-menu .sub-menu .brx-submenu-toggle button {
  position: absolute;
  right: 0;
}
.top-navbar .bricks-nav-menu .sub-menu li a {
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
}
.top-navbar .bricks-nav-menu .sub-menu li:hover {
  background-color: #33B6D9;
  color: #fff;
}
.menu-headertop ul {
  align-items: center
}
header .pill-link {
  order: 5
}
.pill-link a {
  border: 2px solid #33B6D9;
  border-radius: 50px;
  color: #33B6D9;
  padding: 0.5rem 1.5rem;
  transition: all .3s !important;
  background-color: #fff;
}
.pill-link a:hover {
  background-color: #33B6D9;
  color: #fff;
}
header .menu-headertop .brx-submenu-toggle button {
  display: none;
  pointer-events: none
}
header .menu-headertop .sub-menu {
  display: none
}
/*mobile nav */
.mobile-nav .bricks-nav-menu {
  width: 100%;
  padding: 1rem;
}
.mobile-nav .bricks-nav-menu > li {
  margin: auto 0 !important
}
.mobile-nav .bricks-nav-menu li:not(.pill-link) a {
  width: 100%;
  display: block;
  line-height: 2;
  padding: 0;
}
.mobile-nav .bricks-nav-menu .sub-menu {
  margin-left: 2rem;
  background-color: transparent;
  color: #666
}
/*.mobile-nav .bricks-nav-menu > li > a, .mobile-nav .bricks-nav-menu > li > .brx-submenu-toggle > a, .mobile-nav .bricks-nav-menu > li > .brx-submenu-toggle > button {
  padding: 0.5rem 1.5rem;
} */
.mobile-nav .bricks-nav-menu > li .icon-right {
  width: 100%;
  justify-content: space-between;
  align-items: stretch
}
.mobile-nav .bricks-nav-menu > li .icon-right button {
  width: 4.4rem;
  text-align: center;
  justify-content: center;
  margin: 0
}
.mobile-nav .bricks-nav-menu > li.pill-link a {
  display: inline
}
/*
.mobile-nav .bricks-nav-menu > li .sub-menu {
  padding: 0.5rem 1.5rem;
  background-color: #00000066;
}*/
/*side bar */
.brxe-sidebar {
  padding: 2rem;
  border-radius: 0.8rem;
  border: 1px solid #ededed;
  background-color: #fff;
  max-width: 200px;
}
.brxe-sidebar a {
  transition: all .3s;
  border-bottom: 1px solid #cecece;
  font-size: 1.6rem;
  display: block;
  padding: 1.2rem;
}
.brxe-sidebar a:hover {
  color: #33B6D9;
}
.brxe-sidebar ul {
  margin: 0;
  padding: 0
}
.brxe-sidebar .bricks-widget-wrapper li, .sidebar li {
  list-style: none;
  line-height: 1;
}
.brxe-sidebar .child-sidebar-menu .current-menu-ancestor > a, .brxe-sidebar .child-sidebar-menu .open > a, .brxe-sidebar .child-sidebar-menu .current-menu-item a[aria-current="page"], .brxe-sidebar .sub-menu .current-menu-item > a, .brxe-sidebar .sub-menu .current-menu-item a[aria-current="page"], .brxe-sidebar .sub-menu .open > a, .brxe-sidebar .now-open > a {
  color: #fff;
  background-color: #33B6D9
}
.brxe-sidebar .parent-sidebar-menu > li > a, .brxe-sidebar .menu > li > a {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
.brxe-sidebar .child-sidebar-menu > li {
  background-color: #fff;
}
.brxe-sidebar .grandchild-sidebar-menu, .brxe-sidebar .sub-menu .sub-menu {
  background-color: #e3f7ff;
}
.brxe-sidebar .grandchild-sidebar-menu a {
  padding-left: 2rem;
}
.parent-sidebar-menu ul[data-level="2"], .brxe-sidebar .sub-menu .sub-menu {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
  /* 平滑過渡 */
}
.brxe-sidebar .child-sidebar-menu .current-menu-ancestor ul[data-level="2"], .brxe-sidebar .sub-menu .current_page_item .sub-menu, .brxe-sidebar .now-open > .sub-menu {
  height: auto !important;
  /* 讓子選單展開時自動調整高度 */
  overflow: visible;
  /* 防止內容被截斷 */
}
.brxe-sidebar .child-sidebar-menu .has_children > a, .brxe-sidebar .sub-menu .menu-item-has-children > a {
  position: relative
}
.brxe-sidebar .child-sidebar-menu .has_children > a:after, .brxe-sidebar .sub-menu .menu-item-has-children > a:after {
  content: "\f0d7";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: Font Awesome\ 6 Solid;
  font-weight: 900;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  display: flex;
  align-items: center
}
/*footer */
.brxe-social-icons.footer-social li a {
  flex-direction: column;
}
.brxe-social-icons.footer-social li a span {
  opacity: .8;
  transition: all .3s
}
.brxe-social-icons.footer-social li a:hover span {
  opacity: 1
}
/*single event */
.post-right h6 {
  color: #33B6D9;
  font-weight: bold;
}
.post-type-name {
  color: inherit;
  border: 1px solid #333
}
/*event grid */
.event-grid-- {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  text-align: center;
  padding: 2rem;
}
.event-grid a {
  display: block;
  margin: auto;
  text-align: left;
}
/*event code list (使用在ajax code區塊)*/
.event-code-list {
  display: flex;
  column-gap: 2rem;
  flex-direction: row-reverse;
  border-bottom: 1px solid #e0e0e0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.event-code-item {
  display: flex;
  flex-direction: row;
  column-gap: 3rem;
  align-items: flex-start;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  flex-wrap: nowrap
}
.event-code-item h4 {
  font-weight: 500
}
.event-code-md {
  text-align: center;
  flex-shrink: 0;
  row-gap: 2rem;
  display: flex;
  flex-direction: column;
}
.event-code-date {
  font-size: 4.8rem;
  line-height: 1;
  color: #000000;
  text-align: center;
}
.event-code-month {
  background-color: #ffdb5b;
  border-radius: 8px;
  align-items: center;
  display: block;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-bottom: 0;
  white-space: nowrap
}
.event-code-img {
  flex-basis: 30%;
  flex-shrink: 0;
  margin: 0
}
.event-code-img img {
  aspect-ratio: 7/4;
  object-fit: cover;
  border-radius: 10px;
  width: 100%
}
.home .event-code-img {
  display: none
}
.event-short-list > div:first-child {
  align-items: flex-start;
  flex: 0.5 1 auto
}
@media (max-width:576px) {
  .event-code-list {
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .event-code-item {
    margin-top: 1.5rem;
  }
  .event-code-md {
    row-gap: 1rem;
  }
}
.class-map .title {
  clip-path: polygon(0% 0%, 86% 0, 100% 50%, 86% 100%, 0% 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.class-map {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}
.class-map ul.col-2 {
  display: grid;
}
/* 課程 Accordion */
.course-tag {
  padding-left: 1rem;
}
.brxe-accordion-nested {
  margin-top: 1rem
}
.brxe-accordion-nested .course-title {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  flex-wrap: nowrap
}
.brxe-accordion-nested .course-title > div {
  flex-wrap: nowrap
}
.brxe-accordion-nested > div:nth-child(odd) .course-title {
  background-color: #FFFBE7;
}
.brxe-accordion-nested .accordion-content-wrapper {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (max-width:576px) {
  .class-credit.brxe-text-basic {
    margin-right: 0.5rem;
  }
}
/*專案成果*/
.achivement-grid-title.brxe-post-title {
  transform: translateY(-100%);
  background-color: #fff;
  transition: all .3s;
}
.achievement-grid-item figure img {
  transition: all .3s
}
.achievement-grid-item .achivement-grid-inner {
  transition: all .3s ease-out;
  transform: translateY(100%);
  overflow: visible;
}
.achievement-grid-item:hover {
  background-color: #FFECA8 !important;
}
.achievement-grid-item:hover figure img {
  transform: translateY(-10%)
}
.achievement-grid-item:hover .achivement-grid-inner {
  height: auto;
  transform: translateY(0);
  background-color: #FFECA8;
  overflow: visible
}
.achievement-grid-item:hover .achivement-grid-title.brxe-post-title {
  transform: translateY(0);
  background-color: #FFECA8
}
/* 檔案資源 */
.acc-resosurces .accordion-item:not(last-child) {
  margin-bottom: 6rem;
}
/*Bricks Typography */
.brxe-heading {
  font-weight: 500;
}
.brxe-breadcrumbs a {
  color: #666
}
.brxe-breadcrumbs span.item {
  color: #000
}
/* sitemap */
.site-map a {
  color: #666 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  white-space: normal;
  line-height: 1.4
}
.site-map a:hover {
  color: #33B6D9 !important
}
.site-map .bricks-nav-menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  counter-reset: li-counter;
  grid-gap: 4rem;
}
.site-map .bricks-nav-menu > li .brx-submenu-toggle a, .site-map .bricks-nav-menu > li > a {
  line-height: 2.2;
  margin-bottom: 0.5rem;
  counter-increment: li-counter;
  display: flex;
  border-bottom: 1px solid #999;
  font-size: 2rem;
  font-weight: 500;
  width: 100%
}
.site-map .bricks-nav-menu > li .brx-submenu-toggle a:before, .site-map .bricks-nav-menu > li > a:before {
  content: counter(li-counter);
  flex: 0 0 3rem;
  letter-spacing: 0
}
.site-map .bricks-nav-menu > li .brx-submenu-toggle button {
  display: none
}
.site-map .sub-menu {
  line-height: 2.5;
  padding-left: 3rem;
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1;
  background-color: transparent;
  pointer-events: all !important;
}
.site-map .sub-menu a {
  margin-bottom: 1rem;
  margin-top: 0.5rem
}
@media (max-width:1200px) {
  .site-map .bricks-nav-menu {
    grid-template-columns: 1fr 1fr;
  }
}
/*Block Editor CSS*/
/*從這裡修改區塊編輯器樣式*/
.wp-block-heading {
  font-weight: 500
}
.page pre.wp-block-preformatted {
  padding: 0;
  line-height: 1.6;
  color: inherit;
  font-size: 1.6rem;
  background-color: transparent;
}
.page .wp-block-list {
  padding-left: 2.5rem;
}
.page .wp-block-table {
  overflow-x: auto;
}
.page .wp-block-table thead {
  border-bottom: 0
}
.page .wp-block-table th {
  background-color: #FFDB5B;
  border: 0;
  white-space: nowrap;
}
.page .wp-block-table td {
  border: 0;
}
.page .wp-block-table tr:nth-child(even) {
  background-color: #FFFBE7
}
.single-internship .wp-block-image img {
  border-radius: 5px;
  overflow: hidden
}
figure.wp-caption {
  border: none;
  background-color: transparent
}
.wp-block-image .wp-element-caption, .wp-caption .wp-caption-text {
  text-align: left;
  display: flex;
}
.wp-block-image .wp-element-caption:before, .wp-caption .wp-caption-text:before {
  content: "▲";
  display: inline-block;
  line-height: inherit
}
.wp-block-separator {
  border-top: 1px solid #999;
}
/* crocoblock 相關樣式 */
/* jetSmartFilter pagination */
.jet-filters-pagination__item {
  line-height: 0
}
.jet-filters-pagination__item .jet-filters-pagination__link {
  border-radius: 50px;
  line-height: 1;
  height: 4.8rem;
  width: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.8rem;
  transition: all .3s
}
.jet-filters-pagination__item .jet-filters-pagination__link:hover {
  background-color: #33B6D9;
  color: #fff;
}
.jet-filters-pagination__current .jet-filters-pagination__link {
  background-color: #33B6D9;
  color: #fff;
}
.jet-filters-pagination__item.prev-next .jet-filters-pagination__link {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: Ionicons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-rendering: auto;
  text-transform: none;
  font-size: 3rem;
  background-color: #ededed80;
  position: relative;
  padding: 0;
  line-height: 0
}
.jet-filters-pagination__item.prev-next .jet-filters-pagination__link:hover {
  background-color: #ededed;
  color: #000
}
.jet-filters-pagination__item.prev-next .jet-filters-pagination__link:before {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jet-filters-pagination__item.prev .jet-filters-pagination__link:before {
  content: "\f3cf";
}
.jet-filters-pagination__item.next .jet-filters-pagination__link:before {
  content: "\f3d1";
}
/* date picker */
.jet-date-period div:focus, .jet-date-period input:focus {
  outline: none !important;
}
.jet-date-period__datepicker-button {
  width: calc(200px - 2rem);
  border: none !important;
  border-bottom: 1px solid #666 !important;
  outline: none;
  display: flex;
  justify-content: space-between;
  border-radius: 0 !important;
  margin: 1rem;
}
.jet-date-period__datepicker-button:hover {
  border: none !important;
  border-bottom: 1px solid #666 !important;
}
.jet-date-period__datepicker-button:focus {
  outline: none;
}
.jet-date-period__prev, .jet-date-period__next {
  display: none !important
}
/*jet smart select */
.page-sidebar .jet-select {
  width: 200px;
}
.jet-smart-filters-select .jet-select__control:focus {
  outline: none !important;
}
.jet-smart-filters-select .jet-select__control {
  width: calc(100% - 2rem) !important;
  border: none !important;
  border-bottom: 1px solid #666 !important;
  margin: 1rem 1rem 3rem 1rem;
}
/*jet active tag */
.jet-active-filters__list, .jet-active-tags__list {
  gap: 1rem;
}
.jet-active-filter, .jet-active-tag {
  color: #4d4d4d;
  background-color: #FFDB5B;
  text-align: center;
  border-radius: 50px;
  opacity: .8;
  padding: 0 1rem;
  align-items: center;
}
.jet-active-filter__remove, .jet-active-tag__remove {
  position: static !important;
  cursor: pointer
}
.custom-active-tag, .custom-active-tag .jet-active-filter {
  display: flex
}
/* Home  */
.home-news figure {
  overflow: hidden;
  position: relative;
  padding-bottom: 86%
}
.home-news figure img {
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all .3s;
}
.home-news a:hover figure img {
  transform: scale(1.05);
}
.home-news a:hover {
  background-color: transparent !important;
}
.home-news a:hover {
  background-color: transparent !important;
  color: #000
}
.custom-nav:after {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 50px;
  background-color: #33B6D9;
  transform: translateX(-100%);
  transition: all .3s;
  position: absolute;
  left: 0;
  bottom: 0
}
.custom-nav:hover:after {
  transform: translateX(0);
}
/* flatpickr 相關 */
@media (min-width:768px) {
  .home .event-calendar .flatpickr-input, .home .event-calendar::after {
    display: none
  }
  .home .flatpickr-rContainer {
    width: 100%;
    padding: 0 3rem;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 8.5%
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 8.5%
  }
}
@media (max-width:576px) {
  .home .event-calendar {
    width: 200px;
  }
}
@media (min-width:0) {
  .flatpickr-calendar {
    color: #999
  }
  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: #c0c0c0 !important
  }
  .flatpickr-calendar.arrowTop:before {
    display: none
  }
  span.flatpickr-weekday {
    color: #999;
    font-size: 1.4rem
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months, .numInputWrapper .numInput {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: transparent;
    pointer-events: none;
    opacity: 1;
    line-height: 1.6;
  }
  .numInputWrapper .arrowUp, .numInputWrapper .arrowDown {
    display: none !important
  }
  .event-calendar {
    margin-top: 3rem
  }
  body:not(.home) .event-calendar {
    max-width: 200px;
  }
  .event-calendar .flatpickr-input {
    width: calc(200px - 2rem);
    border: none !important;
    border-bottom: 1px solid #666 !important;
    outline: none;
    display: flex;
    justify-content: space-between;
    border-radius: 0 !important;
    margin: 1rem;
    background-color: transparent;
  }
  .event-calendar .flatpickr-input::placeholder {
    color: #4d4d4d
  }
  .event-calendar {
    position: relative;
  }
  .event-calendar .flatpickr-input {
    padding-right: 30px; /* 確保右側有空間 */
  }
  .event-calendar::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%) scale(0.8);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #666; /* 三角形箭頭 */
    pointer-events: none; /* 不影響點擊 */
  }
  .event-calendar .flatpickr-calendar {
    transform: scale(1);
    transform-origin: top left;
    width: 100%;
    padding: 1.5rem 2px;
  }
  .flatpickr-calendar {
    padding: 2rem;
    min-width: 360px;
  }
  .flatpickr-innerContainer {
    width: 100%
  }
  .flatpickr-rContainer {
    width: 100%;
  }
  .flatpickr-months {
    position: relative;
    padding-bottom: 2rem;
    border-bottom: 1px solid #666;
  }
  .flatpickr-month {
    color: #999 !important
  }
  .flatpickr-current-month .numInputWrapper {}
  .flatpickr-current-month .numInputWrapper:hover {
    background-color: transparent
  }
  html[lang="zh-hant"] .flatpickr-current-month {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
  }
  html[lang="zh-hant"] .flatpickr-current-month .numInputWrapper {
    display: flex;
    align-items: center;
    width: 7ch;
  }
  html[lang="zh-hant"] .flatpickr-current-month .numInputWrapper:after {
    content: '年';
  }
  .flatpickr-weekdays {
    height: auto !important;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
  span.flatpickr-weekday {
    font-size: 1.8rem !important;
  }
  .dayContainer {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr);
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    grid-row-gap: 0.5rem;
  }
  .flatpickr-days {
    width: 100% !important
  }
  .flatpickr-day {
    font-size: 1.8rem;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 5rem !important;
    margin: auto !important
  }
  .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #ffdb5b60;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    border-color: none !important;
    border: none !important
  }
  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: #ffdb5b60 !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #000 !important;
  }
  .flatpickr-day.selected, .flatpickr-day.selected:hover {
    background: #ffdb5b !important;
    border: none !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
  }
  .flatpickr-day .event {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 150px;
    bottom: 5px;
    left: calc(50% - 2.5px);
    content: " ";
    display: block;
    background: #33B6D9;
  }
}
/* custom pagination */
.custom-pagination {
  display: flex;
  justify-content: center;
  column-gap: 2rem;
  align-items: center;
  margin-top: 3rem;
}
.custom-pagination .jet-filters-pagination__item {
  cursor: pointer
}
/*課程架構 */
.modual-name {
  position: relative;
}
.modual-name strong {
  display: inline-block;
  padding: 2px 24px 2px 16px;
  clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
  background-color: #ffffffb3;
  position: relative;
  z-index: 99
}
.modual-name i {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  filter: blur(10px);
}
.modual-name i:after {
  clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00000026; /* 模擬陰影的顏色 */
}

.block-mod-1 > div:nth-child(odd){
  background-color: #FFECA8
}
/*.block-mod-1 > div:nth-child(1), .block-mod-1 > div:nth-child(2), .block-mod-1 > div:nth-child(3), .block-mod-3 > div:nth-child(1) {
  background-color: #FFECA8
}*/
.member-list-desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brxe-post-excerpt > p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.academic-grid .brxe-text-basic {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 英文版 */
html[lang="en-US"] body {
  letter-spacing: normal;
  /*  font-size: 1.8rem;
  font-family: "acumin-pro", Noto Sans TC, -apple-system, BlinkMacSystemFont, PingFang TC, Microsoft JhengHei, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
html[lang="en-US"] .top-navbar .bricks-nav-menu > li {
  font-size: 1.8rem;
  padding: 1rem;
  min-width: inherit;
}
html[lang="en-US"] .top-navbar .bricks-nav-menu .sub-menu li a {
  padding: 1rem 4rem 1rem 1rem;
}
html[lang="en-US"] .top-navbar .bricks-nav-menu .sub-menu {
  min-width: 170px;
}
html[lang="en-US"] .brxe-sidebar {
  max-width: inherit
}
html[lang="en-US"] .brxe-sidebar a {
  letter-spacing: normal;
  word-wrap: break-word; /* 支援舊版瀏覽器 */
  overflow-wrap: break-word; /* 更符合現代標準的屬性 */
  hyphens: auto; /* 啟用自動連字號 */
  font-size: 1.4rem;
  line-height: 1.4;
}
html[lang="en-US"] .brxe-sidebar .parent-sidebar-menu > li > a, html[lang="en-US"] .brxe-sidebar .menu > li > a {
  font-size: 2rem;
}