/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/src/css/article.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
._en .ck_editor {
  font-size: 1.0625rem; }

.ck_editor {
  line-height: 1.875;
  font-size: 1.0625rem;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana; }
  @media screen and (max-width: 480px) {
    .ck_editor {
      font-size: 1.125rem; } }
  .ck_editor a {
    display: inline;
    position: relative; }
    .ck_editor a:hover::before {
      display: none; }
    .ck_editor a::before {
      content: "";
      width: 100%;
      border-bottom: 0.0625rem dotted #000;
      position: absolute;
      bottom: -0.0625rem;
      left: 0; }
  .ck_editor p {
    margin-bottom: 1.25rem; }
    .ck_editor p:last-child {
      margin-bottom: 0; }
  .ck_editor i {
    font-style: italic; }
  .ck_editor ul {
    list-style-type: disc; }
    .ck_editor ul li {
      margin-left: 1.125rem; }
  .ck_editor iframe {
    min-width: 62.5rem;
    height: 37.5rem;
    margin-bottom: 1.25rem; }
  .ck_editor img {
    height: auto !important; }
  .ck_editor img {
    max-width: 100%;
    padding: 0.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 1.25rem; }
    @media screen and (max-width: 768px) {
      .ck_editor img {
        padding: 0; } }
  .ck_editor figure {
    margin-bottom: 1.25rem; }
  .ck_editor figcaption {
    margin-top: 0.3125rem;
    padding-left: 1.875rem;
    position: relative; }
    .ck_editor figcaption::before {
      content: "";
      border-width: 0 0.25rem 0.4375rem 0.25rem;
      border-color: transparent transparent #000 transparent;
      border-style: solid;
      position: absolute;
      left: 0.625rem;
      top: 0.8rem; }

.fontsize_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  margin-bottom: 0.75rem; }
  @media screen and (max-width: 768px) {
    .fontsize_row {
      display: none; } }

.fontsize_btn {
  width: 2rem;
  line-height: calc(2rem - 2px);
  padding: 0;
  font-size: 1.1rem;
  background: transparent;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  cursor: pointer;
  margin-left: 0.75rem;
  position: relative;
  position: relative; }
  @media screen and (min-width: 769px) {
    .fontsize_btn:after {
      content: "";
      width: calc(100% + 0.25rem);
      height: calc(100% + 0.25rem);
      border: 0.125rem dotted #ca9d67;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: -0.125rem;
      left: -0.125rem;
      z-index: 5;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-out;
      transition: opacity 0.1s ease-out; }
    .fontsize_btn:focus:after {
      opacity: 1; } }

.sec_arti {
  padding: 5rem 0; }
  .sec_arti .mainTitle_row {
    margin-bottom: 2.5rem; }

.outline_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem; }
  @media screen and (max-width: 768px) {
    .outline_row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.fontsize_row {
  margin-bottom: 0; }

.sitemap {
  margin-top: 3.75rem; }
  .sitemap ul {
    display: block;
    counter-reset: item;
    padding: 0; }
    .sitemap ul ul {
      padding-left: 1.5625rem; }
  .sitemap li:before {
    content: counters(item, "-") " ";
    counter-increment: item;
    font-weight: 400;
    font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
    margin-right: 0.625rem; }
  .sitemap a {
    display: inline;
    line-height: 1.875;
    font-size: 1.125rem;
    font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
    padding: 0;
    position: relative; }
    @media screen and (min-width: 769px) {
      .sitemap a:after {
        content: "";
        width: calc(100% + 0.25rem);
        height: calc(100% + 0.25rem);
        border: 0.125rem dotted #ca9d67;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        top: -0.125rem;
        left: -0.125rem;
        z-index: 5;
        opacity: 0;
        -webkit-transition: opacity 0.1s ease-out;
        transition: opacity 0.1s ease-out; }
      .sitemap a:focus:after {
        opacity: 1; } }
    .sitemap a:focus, .sitemap a:hover {
      color: #ca9d67; }