.editor img { max-width: 100%; height: auto; }

.editor .flex-type1 { display: flex; align-items: center; }

.editor .flex-type1 img { max-width: 60%; }

.editor .flex-type1 div { padding-left: 30px; }

.editor .flex-type2 { display: flex; align-items: center; flex-direction: row-reverse; }

.editor .flex-type2 img { max-width: 60%; }

.editor .flex-type2 div { padding-right: 30px; }

.editor .editor-ti { font-size: 25px; text-align: center; font-weight: bold; }

.editor .editor-ti-line { width: 20px; height: 6px; margin: 20px auto; background: #000; }

.editor .editor-text { text-align: center; }

.editor .editor-table1 { width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); border-collapse: 1px; }

.editor .editor-table1 thead th { background: #376db6; color: #fff; padding: 20px 15px; border: 1px solid #d7dfe9; font-size: 16px; }

.editor .editor-table1 thead th:first-child { background: #004097; }

.editor .editor-table1 tbody td { background: #fff; padding: 23px 15px; border: 1px solid #d7dfe9; font-size: 17px; }

.editor .editor-table1 tbody td:first-child { color: #000; }

.editor .editor-table2 { border-collapse: 1px; width: 100%; }

.editor .editor-table2 td { font-size: 16px; color: #333333; background: #fff; border: 1px solid #c4d0e0; }

.editor .editor-table2 td span { display: block; padding: 23px 10px 23px 45px; background: url(../images/icon-item-blue.png) no-repeat 15px center; background-size: 22px; }

.editor .editor-table2 td:nth-child(even) { background: #4c82cb; color: #fff; }

.editor .editor-table2 td:nth-child(even) span { background: url(../images/icon-item-white.png) no-repeat 15px center; background-size: 22px; }

@media (max-width: 1199px) { .flex-type1 img { max-width: 40%; }
  .flex-type1 div { padding-left: 15px; }
  .flex-type2 img { max-width: 40%; }
  .flex-type2 div { padding-right: 15px; } }

@media (max-width: 767px) { .flex-type1, .flex-type2 { flex-wrap: wrap; justify-content: center; }
  .flex-type1 img, .flex-type2 img { max-width: 100% !important; }
  .flex-type1 div, .flex-type2 div { width: 100%; padding: 10px 0 0 !important; }
  .editor-table-wrap { position: relative; }
  .editor-table-wrap > div { width: 100%; overflow-x: auto; }
  .editor-table-wrap table { width: 100%; }
  .editor-table-wrap.with-scroll::after { content: ''; display: block; position: absolute; width: 27px; height: 35px; background-image: url(../images/scroll-hand.png); background-size: cover; top: 45px; right: 5px; animation: editorTableScroll 2s ease infinite; }
  .editor-table-wrap.with-scroll.type2::after { top: 5px; }
  .editor .editor-table1 thead th { white-space: nowrap; padding: 10px; }
  .editor .editor-table1 tbody td { font-size: 16px; padding: 10px; }
  .editor .editor-table2 td span { background-position: 5px center; white-space: nowrap; padding: 10px 10px 10px 35px; }
  .editor .editor-table2 td:nth-child(even) span { background-position: 5px center; } }