/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
.advbox {
  color: #181818 !important;
  background: #7d7d7d !important;
}

.index-editor-template3 .choose-icon .icondiv img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

.inner>.title span::before {
  display: none !important;
}

.inner>.title span {
  border-left: 8px solid darkgray !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding-left: 10px !important;
}

.nav__name:hover {
  color: whitesmoke !important;
}

.nav__layer .nav__name:hover {
  color: #545454 !important;
}

.webeditor iframe {
  width: 100% !important;
}

.video-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

}

.video-container iframe,
.video-container object,
.video-container embed {

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;

  height: 100%;
}

@media screen and (min-width:991px) {

  .nav__name.active,
  .nav__name.active:hover {
    color: whitesmoke !important;
  }

  .nav__btn-icon::after {
    border-top-color: whitesmoke !important;
  }

  .nav__layer .nav__btn-icon::after {
    border-top-color: #1a1a1a !important;
  }

  .nav__name::after,
  .nav__name.active::after,
  .nav__name:hover::after {
    background-color: whitesmoke !important;
  }
}