@charset "UTF-8";

/* 綜合編輯器 */
.block {
  margin-bottom: 0.75rem;
  font-family: 'Noto Sans', 'Noto Sans TC', sans-serif;
  font-weight: 400;                 /* Regular */
  font-size: 18px;
  color: #707070;
  line-height: 1.6;
}

.block-title {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;          /* Bold */
  font-size: 20px;
  color: #418FDE;
  margin-bottom: 10px;
}

.block img {
  max-width: 100%;
}

.block:not(.editor-content) p {
  margin-bottom: 0;
}

.block .desc {
  margin-top: 0.5rem;
  font-family: 'Noto Sans', 'Noto Sans TC', sans-serif;
  font-weight: 400;        /* Regular */
  font-size: 14px;
  color: #707070;
  line-height: 22px;
}

/* 文字編輯器  */
.editor-content * {
  word-wrap: break-word;
  word-break: break-word;
  word-spacing: initial;
  white-space: normal !important;
  font-family: 'Noto Sans', 'Noto Sans TC', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #707070;
  line-height: 1.6 !important;
}

.editor-content a {
  text-decoration: underline;
}

.editor-content img {
  max-width: 100%;
  height: auto !important;
  margin-bottom: 0.25rem;
}

.editor-content > *,
.editor-content p {
  margin-bottom: 0.5rem !important;
}

.editor-content table {
  width: 100% !important;
  margin: 0 auto;
  table-layout: fixed;
}

.editor-content table thead th,
.editor-content table thead td {
  border-bottom-width: 2px;
}

.editor-content table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.editor-content table th,
.editor-content table td {
  border: 1px solid #dee2e6;
}

.editor-content table p {
  margin-bottom: 0;
}

.editor-content td {
  width: 100%;
  text-align: center !important;
}

.editor-content iframe {
  width: 100%;
}

.editor-content figure {
  margin: 0;
}

.editor-content .media {
  display: block !important;
}

/* 縮小 br 標籤的高度 */
.editor-content br {
  display: block;
  content: "";
  margin: 0;
  line-height: 0.5 !important;
}

/* 隱藏連續的 br 標籤 */
.editor-content br + br {
  display: none;
}

/* 隱藏 p 後面的 br */
.editor-content p + br {
  display: none;
}

/* 隱藏 ul 前後的 br */
.editor-content br + ul,
.editor-content ul + br {
  margin-top: 0;
}

.editor-content ul + br {
  display: none;
}