/* ---------- 區塊標題＆切換按鈕 ---------- */
.content-title-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
.content-title-container > div:first-child {
  display: flex;
  align-items: center;
}
.content-title {
  font-size: 20px;
  font-family: ZenAntiqueSoft-Regular;
  font-weight: 500;
  color: var(--dark-text-main-color);
  padding: 0px 30px;
}
.page-back {
  font-size: 14px;
  font-family: palatinolinotype-bold;
  color: var(--dark-text-fourth-color);
  display: flex;
  align-items: center;
  gap: 15px;
}
.page-back img {
  width: 21px;
}
.page-change {
  display: flex;
  justify-content: center;
  gap: 15px;
}
#back-btn.no-drop, #next-btn.no-drop {
  cursor: no-drop;
}
.page-change img{
  width: 17px;
  opacity: 0.8;
}
.page-change-title {
  font-size: 8px;
  color: var(--dark-text-fourth-color);
  margin-bottom: 14px;
  min-width: 7em;
  min-height: 1.5em;
  line-height: 1em;
  display: flex;
  text-align: center;
  justify-content: center;
}

/* ---------- 區塊 ---------- */
.tabs-container {
  margin-top: -1.5em;
}

/* ---------- 區塊右邊 ---------- */
.tab-content {
  margin-top: -20px;
  padding-left: 20px;
  border-left: 1px solid var(--dark-text-second-color);
}
.content-right-contorl {
  display: flex;
  justify-content: space-between;
  font-family: palatinolinotype-bold;
  margin-top: -51px;
}
.tab-content .article-title {
  font-size: 16px;
  font-weight: 500;
  font-family: ZenAntiqueSoft-Regular;
  color: var(--dark-text-second-color);
}
.tab-content p {
  font-size: 13px;
  font-weight: 400;
  font-family: GenRyuMin2TC-R;
  line-height: 3.2em;
  text-align: justify;
  color: var(--dark-text-third-color);
}
.tab-content img.landscape, .tab-content img.portrait  {
  display: block;
  object-fit: cover;
}
/* 圖片文字繞 */
img.img-left {
  float: left;
  width: 33.3%;
  height: auto;
  margin: 5px 30px 10px 0;
  object-fit: cover;
}
/* 圖片容器 */
.img-wrapper {
  margin: 1.5em 0;
  width: 100%;
}
/* 橫向圖片：滿版 */
.tab-content img.landscape {
  width: 100%;
  height: auto;
}
/* 直向圖片：靠右 */
.tab-content img.portrait {
  width: auto;
  max-width: 50%;
  height: auto;
  margin-left: auto;
}
/* 分類標籤 */
.category-label {
  font-size: 9px;
  font-weight: 400;
  font-family: GenRyuMin2TC-R;
  color: var(--light-text-main-color);
  margin-top: 5px;
}


@media (max-width: 992px) {
  /* ---------- 區塊標題＆切換按鈕 ---------- */
  /* .content-title-container > div:last-child {
    display: none;
  } */
  .content-title {
    font-size: 14px;
    padding: 0px 20px 0 0;
    margin-top: 15px;
    display: none;
  }
  .page-back {
    font-size: 10px;
  }
  .page-back img {
    width: 28px;
  }
  .page-change img{
    width: 12px;
  }
  .page-change-title {
    font-size: 8px;
    margin-bottom: 0px;
  }
  /* ---------- 區塊左邊 ---------- */
  .tab-nav {
    display: none;
  }
  /* ---------- 區塊右邊 ---------- */ 
  .tab-content > div:first-child {
    padding: 0;
  }
  .tab-content {
    margin-top: 0;
    padding-left: 0px;
    border-left: none;
  }
  .content-right-contorl {
    margin-top: -20px;
    margin-bottom: 10px;
  }
  .tab-content > :first-child {
    padding: 0;
  }
  .tab-content .article-title {
    font-size: 12px;
    line-height: 2em;
  }
  .tab-content p {
    font-size: 10px;
    line-height: 2em;
    margin-top: 5px;
  }
  /* 圖片文字繞 */
  img.img-left {
    width: 55%;
    margin: 6px 15px 5px 0;
  }
  /* 圖片容器 */
  .img-wrapper {
    margin: 1em 0;
  }
  /* 分類標籤 */
  .category-label {
    font-size: 8px;
    margin-top: 15px;
  }
}