@charset "UTF-8";

/* CSS Document */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

address {
  font-style: normal;
}

.test {
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 200px) and (max-width: 1920px) {
  .test {
    background-color: blue;
  }
}

/*文字編輯器*/
.textEditor {
  clear: both;
  font-size: 15px;
  color: #3a3a3a;
  line-height: 1.8;
}

.textEditor .myTitle {
  font-weight: 700;
  font-size: 20px;
  color: #51649A;
}

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

.textEditor ul:not(.df) {
  list-style: disc outside;
  padding-left: 30px;
}

.textEditor ol {
  list-style: decimal outside;
  padding-left: 30px;
}

.textEditor table {
  width: 100%;
  border-collapse: collapse;
}

.textEditor thead {
  background-color: #4c7fab;
  color: #fff;
}

.textEditor th,
.textEditor td {
  padding: 6px 25px;
}

.textEditor td {
  font-size: 15px;
  color: $colorText;
  border: 1px solid #fff;
}

.textEditor tr td:nth-child(1) {
  font-weight: 700;
  color: #262626;
}

.textEditor tbody tr:nth-child(odd) td {
  background-color: #f0f0f0;
}

.textEditor tbody tr:nth-child(even) td {
  background-color: #dedede;
}

/* .textEditor th {
  padding: 5px;
  border: 1px solid #e1e1e1;
  color: #fff;
  text-align: center;
  background-color: #51649A;
}

.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;
}