@charset "UTF-8";
/*******************************************************************************
 * version 1.0 release;
 * copyright 2017
 ******************************************************************************/
/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
/*編輯區-去除reset start*/
.editor html,
.editor body,
.editor fieldset,
.editor form,
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6,
.editor ol,
.editor ul {
  display: block;
}

.editor li {
  display: list-item;
}

.editor body {
  margin: 8px;
}

.editor h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.editor h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}

.editor h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}

.editor h4,
.editor ul,
.editor fieldset,
.editor form,
.editor ol {
  margin: 1.12em 0;
}

.editor h5 {
  font-size: 0.83em;
  margin: 1.5em 0;
}

.editor h6 {
  font-size: 0.75em;
  margin: 1.67em 0;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
  font-weight: bold;
}

.editor strong {
  font-weight: bold;
}

.editor img:not([width]):not([height]) {
  width: auto;
  /*height: auto;*/
}

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

.editor i {
  font-style: italic;
}

.editor button,
.editor textarea,
.editor input,
.editor select {
  display: inline-block;
}

.editor ol,
.editor ul {
  padding-left: 30px;
}

.editor ol {
  list-style-type: decimal;
}

.editor ol li {
  list-style-type: decimal;
}

.editor ul {
  list-style-type: square;
}

.editor ul li {
  list-style-type: square;
}

.editor ol ul,
.editor ul ol,
.editor ul ul,
.editor ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

.editor :link,
.editor :visited {
  text-decoration: underline;
}

.editor :focus {
  outline: thin dotted invert;
}

/*==============================編輯區預設樣式==============================*/
.editor {
  font-size: 1em; /*16/16*/
  line-height: 1.75;
}

.editor ul,
.editor ol {
  margin: 0 0 1.25em;
}

.editor ol ul,
.editor ul ol,
.editor ul ul,
.editor ol ol {
  margin: 0 0 1.25em;
}

.editor__title1,
.editor__title2,
.editor__title3,
.editor__title4,
.editor__title5,
.editor__title6 {
  font-weight: normal;
  margin-bottom: 0.5em;
  line-height: 1.3;
}

.editor .editor__title1 {
  font-size: 1.5em; /*24/16*/
  margin-bottom: 0.3em;
}

.editor .editor__title2 {
  font-size: 1.5em; /*24/16*/
}

.editor .editor__title3 {
  font-size: 1.125em; /*15/16*/
  margin: 0 0 10px;
}

.editor .editor__title4 {
  font-size: 1.25em; /*20/16*/
}

.editor .editor__title5 {
  font-size: 1.125em; /*18/16*/
}

.editor .editor__title6 {
  font-size: 1em; /*16/16*/
}

.editor p {
  line-height: 1.75;
  margin-bottom: 1.875em; /*30*/
}

.editor .imgbox,
.editor__movie-box {
  width: auto;
  max-width: 100%;
  margin-bottom: 1.875em;
}

/* 前言 */
.editor__foreword,
.editor .editor__foreword {
  color: #999;
  line-height: 1.5;
  font-size: 1.125em; /*18/16*/
  border-left: 5px solid #ccc;
  margin-bottom: 1.875em;
  padding-left: 10px;
}

/* 圖片來源 */
.editor__img-source {
  margin-top: -10px;
  padding-bottom: 1.875em;
  color: #999;
  /* text-align: center; */
  font-size: 0.875em;
}

.editor img + * {
  margin-top: 20px;
}

.editor img + img {
  margin-top: 0;
}

/* 表格 */
.editor table {
  white-space: normal;
}

.editor td,
.editor th {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}

.editor blockquote {
  background: #EEEEEE;
  padding: 1.222em 1.222em 1.333em;
  border-radius: 10px;
  margin-bottom: 1.875em;
}
@media (min-width: 768px) {
  .editor blockquote {
    padding: 50px 50px 55px;
  }
}
.editor blockquote p:last-child {
  margin-bottom: 0;
}

/* 表格scroll */
.scrolltable {
  width: 100%;
  position: relative;
}

.scrolltable__inner {
  overflow-x: auto;
  overflow-y: hidden;
}

/* 圖片RWD */
.desktopIMG {
  display: none;
}

/*如果使用者之視窗寬度>=480px，將會再載入這裡的 css。*/
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 css。*/
@media screen and (min-width: 768px) {
  /* 圖片RWD */
  .mobileIMG {
    display: none;
  }
  .desktopIMG {
    display: block;
  }
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 css。*/