@charset "UTF-8";
/*文字編輯器*/
.textEditor {
  clear: both;
  color: #404040;
  font-size: 16px;
  line-height: 1.55;
  margin: initial;
  image-rendering: -webkit-optimize-contrast;
}
.textEditor a {
  color: #194990;
}
.textEditor em {
  font-style: italic;
}
.textEditor img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.textEditor ul:not(.df) {
  list-style: disc outside;
  padding-left: 30px;
}
.textEditor ol {
  list-style: decimal outside;
  padding-left: 30px;
}
.textEditor table {
  border-collapse: collapse;
}
.textEditor th {
  padding: 5px;
  border: 1px solid #e1e1e1;
  color: #fff;
  text-align: center;
  background-color: #194990;
}
.textEditor td {
  padding: 5px;
  border: 1px solid #e1e1e1;
}
.textEditor hr {
  height: 1px;
  border: none;
  background: #e9e9e9;
}
.textEditor blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-width: 0;
  border-style: solid;
  border-color: #ccc;
}
.textEditor .myTitle {
  color: #194990;
  font-weight: 700;
  font-size: 20px;
}
.textEditor .paragraph {
  font-size: 16px;
  line-height: 1.5;
  margin: initial;
}
.textEditor .h2Title {
  font-size: 36px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
  position: relative;
}
.textEditor .h3Title {
  font-size: 26px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}
.textEditor .h4Title {
  font-size: 20px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}
.textEditor .h5Title {
  font-size: 18px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}
.textEditor .iframeBox {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.textEditor .iframeBox iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.textEditor .tableBox {
  overflow-x: auto;
  position: relative;
}
.textEditor .tableBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #f1f1f1;
}
.textEditor .tableBox::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f1f1f1;
}
.textEditor .tableBox::-webkit-scrollbar-thumb {
  background: #194990;
}
.textEditor .tableBox.stickyLeft table {
  table-layout: fixed;
}
.textEditor .tableBox.stickyLeft tr th, .textEditor .tableBox.stickyLeft tr td {
  z-index: 1;
}
.textEditor .tableBox.stickyLeft tr th:first-child, .textEditor .tableBox.stickyLeft tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
.textEditor .tableBox.stickyLeft tr td {
  background-color: #fff;
}
@media (max-width: 1024px) {
  .textEditor .h2Title {
    font-size: 30px;
  }
  .textEditor .h3Title {
    font-size: 24px;
  }
  .textEditor .h4Title {
    font-size: 18px;
  }
  .textEditor .h5Title {
    font-size: 16px;
  }
}
@media (max-width: 960px) {
  .textEditor {
    font-size: 15px;
  }
  .textEditor .paragraphe {
    font-size: 15px;
  }
  .textEditor .h2Title {
    font-size: 26px;
  }
  .textEditor .h3Title {
    font-size: 20px;
  }
  .textEditor .h4Title {
    font-size: 18px;
  }
  .textEditor .h5Title {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .textEditor .h4Title {
    font-size: 16px;
  }
  .textEditor .h5Title {
    font-size: 15px;
  }
}

/*前台 如果前台被景色為深色*/
body.darkBg .textEditor {
  color: #fff;
}
body.darkBg .textEditor .contentBuilder .shelfWrap.bg {
  background-color: #888;
}
body.darkBg .textEditor .contentBuilder .shelfWrap .item.videoLeft .Txt, body.darkBg .textEditor .contentBuilder .shelfWrap .item.videoRight .Txt {
  background-color: #888;
}
body.darkBg .textEditor .contentBuilder .shelfWrap .item .quoteContent .quoteIcon {
  color: #fff;
}
body.darkBg .textEditor .contentBuilder .shelfWrap .item.iconContent.innerLine .iconBox:not(:last-child)::before {
  background-color: rgba(255, 255, 255, 0.2);
}
body.darkBg .textEditor .contentBuilder .shelfWrap .item.iconContent .icon img {
  -webkit-filter: contrast(0) brightness(2);
          filter: contrast(0) brightness(2);
}
body.darkBg .textEditor .contentBuilder .shelfWrap .shelfList:not(.circle) .Txt, body.darkBg .textEditor .contentBuilder .shelfWrap .shelfList:not(.circle) .item {
  background-color: #888;
}
body.darkBg .textEditor .contentBuilder .shelfWrap .btnBox a {
  background-color: #fff;
  border: 1px solid #fff;
  color: #194990;
}
body.darkBg .textEditor .contentBuilder .shelfWrap .btnBox a:hover {
  border-color: #2d95ff;
  background-color: #2d95ff;
  color: #fff;
}
body.darkBg .textEditor .contentBuilder .contentBuilderTable table tbody tr {
  border-bottom: rgba(255, 255, 255, 0.1);
}
body.darkBg .textEditor .contentBuilder .contentBuilderTable table tbody tr td, body.darkBg .textEditor .contentBuilder .contentBuilderTable table tbody tr th {
  color: #444;
}
body.darkBg .textEditor .contentBuilder .contentBuilderTable table tbody tr:nth-child(odd) td, body.darkBg .textEditor .contentBuilder .contentBuilderTable table tbody tr:nth-child(odd) th {
  background-color: #888;
}