/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/article_content.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.breadcrumbs {
  margin-bottom: 3.125rem; }
  .breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.875rem;
    margin-right: -0.875rem; }
  .breadcrumbs li {
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0 0.875rem;
    position: relative; }
    .breadcrumbs li::after {
      content: '/';
      opacity: .7;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(50%, -53%);
          -ms-transform: translate(50%, -53%);
              transform: translate(50%, -53%); }
    .breadcrumbs li:last-child::after {
      display: none; }
  @media screen and (min-width: 769px) {
    .breadcrumbs a:after {
      content: "";
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      border: 2px dotted #b39c6a;
      border-radius: 0.1875rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: -2px;
      left: -2px;
      z-index: 5;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-out;
      transition: opacity 0.1s ease-out; }
    .breadcrumbs a:focus:after {
      opacity: 1; } }
  .breadcrumbs a::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
  .breadcrumbs a:focus::before, .breadcrumbs a:hover::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .breadcrumbs .fa-magnifying-glass {
    display: none; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.75rem; }

.pagination_li {
  padding: 0 0.625rem; }

.pagination_link {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 2.5rem;
  border: 0.0625rem solid rgba(89, 87, 87, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .pagination_link:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #b39c6a;
    border-radius: 2.5rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
  .pagination_link:hover {
    color: #fff;
    border-color: #b39c6a;
    background: #b39c6a;
    -webkit-transition: background .1s ease-out .2s;
    transition: background .1s ease-out .2s; }
    .pagination_link:hover:before {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }

.page_banner {
  position: relative; }

.banner_img {
  height: 31.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top; }
  @media screen and (max-width: 768px) {
    .banner_img {
      height: 37.5rem; } }
  @media screen and (max-width: 480px) {
    .banner_img {
      height: 43.75rem; } }

.banner_content {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: 2.5rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0; }
  .banner_content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media screen and (max-width: 768px) {
      .banner_content .container {
        display: block; } }
  @media screen and (max-width: 480px) {
    .banner_content .duration.white .dash {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 2.5rem;
              flex: 0 0 2.5rem; } }

@media screen and (max-width: 768px) {
  .banner_right {
    margin-top: 1.25rem; } }

.banner_tag {
  position: relative;
  top: -0.75rem; }

.banner_title {
  font-size: 2.25rem;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.75rem; }
  @media screen and (max-width: 768px) {
    .banner_title {
      margin-bottom: 0.5rem; } }

.banner_title_en {
  font-size: 2.125rem;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "cormorant-garamond";
  line-height: 1.2; }

.banner_txt {
  line-height: 2; }

.time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.75rem;
  font-family: "garamond-premier-pro";
  letter-spacing: 0.3125rem; }
  @media screen and (max-width: 480px) {
    .time {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .time .year {
    font-size: 1.25rem;
    letter-spacing: 0.375rem;
    line-height: 0.85;
    position: relative;
    top: 0.375rem; }
    @media screen and (max-width: 768px) {
      .time .year {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 2.25rem;
                flex: 0 0 2.25rem;
        line-height: 1.1; } }
    .time .year::after {
      content: '';
      width: 0.1875rem;
      height: 0.1875rem;
      border-radius: 0.1875rem;
      background: #595757;
      position: absolute;
      left: 100%;
      bottom: 0.1875rem; }
  .time .month {
    margin-left: 0.9375rem; }
  .time .date {
    padding-left: 1.25rem;
    position: relative; }
    .time .date::before {
      content: '';
      width: 0.0625rem;
      height: 1.5625rem;
      background: #595757;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: rotate(27deg) translateY(-50%);
          -ms-transform: rotate(27deg) translateY(-50%);
              transform: rotate(27deg) translateY(-50%); }
  .time .week {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.75rem;
            flex: 0 0 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.125rem;
    font-family: "Noto Sans TC";
    color: #fff;
    background: #595757;
    border-radius: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0.3125rem;
    padding-bottom: 0.125rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 0.1875rem; }
  .time .timestring {
    font-size: 1.25rem;
    letter-spacing: 0.375rem;
    line-height: 0.85;
    position: relative;
    top: 0.3125rem;
    margin-left: 0.9375rem; }
    @media screen and (max-width: 768px) {
      .time .timestring {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 2.25rem;
                flex: 0 0 2.25rem;
        line-height: 1.1; } }
  .time .duration {
    margin-left: 1.25rem;
    margin-bottom: -0.3125rem; }
    @media screen and (max-width: 480px) {
      .time .duration {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-left: 0;
        margin-bottom: 0.5rem; } }
  .time.white .year::after {
    background: #fff; }
  .time.white .date::before {
    background: #fff; }

.duration {
  font-size: 1.625rem;
  font-family: "garamond-premier-pro";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .duration.white .dash {
    background: #fff; }

.dash {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.4375rem;
          flex: 0 0 5.4375rem;
  width: 5.4375rem;
  height: 0.0625rem;
  background: #595757;
  margin: 0 0.75rem; }

.item .dash,
.symposium_caption .dash {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.375rem;
          flex: 0 0 5.375rem;
  width: 5.375rem; }

.en .ckContent {
  letter-spacing: 0; }

.ck_editor,
.ckContent {
  font-size: 0.9375rem;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana; }
  .ck_editor:before,
  .ckContent:before {
    content: "";
    display: table; }
  .ck_editor:after,
  .ckContent:after {
    content: "";
    display: table;
    clear: both; }
  .ck_editor h2,
  .ckContent h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0.9375rem; }
  .ck_editor h3,
  .ckContent h3 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-bottom: 0.9375rem; }
  .ck_editor h4,
  .ckContent h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0.3125rem; }
  .ck_editor h5,
  .ckContent h5 {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.9; }
  .ck_editor p,
  .ckContent p {
    line-height: 1.9;
    margin-bottom: 1.25rem; }
  .ck_editor ol,
  .ckContent ol {
    list-style: none;
    margin-bottom: 1.25rem; }
    .ck_editor ol > li,
    .ckContent ol > li {
      text-indent: -1.9375rem;
      padding-left: 1.9375rem; }
      .ck_editor ol > li li,
      .ckContent ol > li li {
        text-indent: 0; }
  .ck_editor ul,
  .ckContent ul {
    list-style: none;
    margin-bottom: 1.25rem; }
    .ck_editor ul > li,
    .ckContent ul > li {
      padding-left: 1.25rem;
      position: relative; }
      .ck_editor ul > li::before,
      .ckContent ul > li::before {
        content: '';
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 0.25rem;
        background: #595757;
        position: absolute;
        left: 0.3125rem;
        top: 0.8125rem; }
  .ck_editor li,
  .ckContent li {
    line-height: 1.9; }
  .ck_editor table,
  .ckContent table {
    width: 100%;
    font-size: 16; }
  .ck_editor img,
  .ckContent img {
    max-width: 100%;
    height: auto;
    display: block; }
  .ck_editor a,
  .ckContent a {
    display: inline; }
  .ck_editor iframe,
  .ckContent iframe {
    width: 100%;
    height: 31.25rem;
    margin-bottom: 1.5625rem; }
    @media screen and (max-width: 480px) {
      .ck_editor iframe,
      .ckContent iframe {
        height: 65vw; } }
  .ck_editor .dash_list i,
  .ckContent .dash_list i {
    font-style: normal;
    display: inline-block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative; }
    .ck_editor .dash_list i::before,
    .ckContent .dash_list i::before {
      content: '';
      width: 0.375rem;
      height: 0.0625rem;
      border-radius: 0;
      background: #595757;
      position: absolute;
      top: 0.9375rem; }
    .ck_editor .dash_list i::before,
    .ckContent .dash_list i::before {
      left: 0.3125rem; }

.arti_title_row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5rem;
  margin-bottom: 2.5rem; }

.arti_title {
  font-size: 1.875rem;
  font-weight: normal; }

.arti_title_container {
  position: relative;
  padding: 2.5rem 0; }
  .arti_title_container::before {
    content: '';
    width: 100vw;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    right: -5rem;
    z-index: -1; }
    @media screen and (max-width: 768px) {
      .arti_title_container::before {
        width: 150vw; } }

.arti_title_en {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.2;
  font-family: "cormorant-garamond";
  opacity: .5;
  padding-left: 3.125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .arti_title_en {
      padding-left: 1.875rem; } }

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

.content_func_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.func_col {
  padding: 0 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media screen and (max-width: 480px) {
    .func_col {
      padding: 0 0.25rem; } }

.fontsize_btn {
  width: 2.375rem;
  height: 2.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #a69d98;
  background-image: url(../img/kv_bg.jpg);
  background-position: 3% 10%;
  background-size: 120rem auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  cursor: pointer; }
  @media screen and (min-width: 769px) {
    .fontsize_btn:after {
      content: "";
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      border: 2px dotted #b39c6a;
      border-radius: 0.1875rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: -2px;
      left: -2px;
      z-index: 5;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-out;
      transition: opacity 0.1s ease-out; }
    .fontsize_btn:focus:after {
      opacity: 1; } }
  @media screen and (max-width: 480px) {
    .fontsize_btn {
      width: 3.75rem;
      height: 3.75rem;
      font-size: 2.125rem; } }
  .fontsize_btn:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out; }
  .fontsize_btn:focus:before, .fontsize_btn:hover:before {
    opacity: 0.5; }
  .fontsize_btn span {
    position: relative;
    z-index: 1; }
  .fontsize_btn .cls-2,
  .fontsize_btn .cls-3 {
    position: absolute; }
  .fontsize_btn .cls-3 {
    font-size: 0.875rem;
    top: 0.1875rem;
    right: 0.3125rem; }
    @media screen and (max-width: 480px) {
      .fontsize_btn .cls-3 {
        font-size: 1.5rem; } }
  .fontsize_btn .cls-2 {
    font-size: 1rem;
    top: 0rem;
    right: 0.4375rem; }
    @media screen and (max-width: 480px) {
      .fontsize_btn .cls-2 {
        font-size: 1.625rem; } }

.page_content {
  padding: 1.875rem 0 9.375rem; }

.arti_func_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.arti_layout {
  max-width: 62.5rem;
  margin: 0 auto;
  padding-bottom: 2.5rem; }

.flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1.875rem;
  margin-right: -1.875rem; }
  @media screen and (max-width: 768px) {
    .flex_row {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }
  @media screen and (max-width: 480px) {
    .flex_row {
      display: block; } }
  .flex_row .arti_pic {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 3.75rem);
            flex: 0 0 calc(50% - 3.75rem);
    padding: 0 1.875rem; }
    @media screen and (max-width: 768px) {
      .flex_row .arti_pic {
        padding: 0 1.25rem; } }
  .flex_row .arti_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 1.875rem; }
    @media screen and (max-width: 768px) {
      .flex_row .arti_txt {
        padding: 0 1.25rem; } }
    @media screen and (max-width: 480px) {
      .flex_row .arti_txt:first-child {
        margin-bottom: 1.875rem; } }

.arti_pic {
  margin-bottom: 1.875rem; }

.pic_caption {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.3125rem 1.5625rem;
  position: relative; }
  .pic_caption:before {
    content: '';
    border-style: solid;
    border-width: 0 0.25rem 0.4375rem 0.25rem;
    border-color: transparent transparent #595757 transparent;
    position: absolute;
    left: 0.3125rem;
    top: 0.8125rem; }

.flex_pic_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1.875rem;
  margin-right: -1.875rem; }
  @media screen and (max-width: 768px) {
    .flex_pic_row {
      margin-left: -0.625rem;
      margin-right: -0.625rem; } }
  @media screen and (max-width: 480px) {
    .flex_pic_row {
      margin-left: -0.3125rem;
      margin-right: -0.3125rem; } }
  .flex_pic_row .arti_pic {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 1.875rem; }
    @media screen and (max-width: 768px) {
      .flex_pic_row .arti_pic {
        padding: 0 0.625rem; } }
    @media screen and (max-width: 480px) {
      .flex_pic_row .arti_pic {
        padding: 0 0.3125rem; } }

.fa-file-alt,
.fa-file-word,
.fa-file-pdf {
  font-size: 1.25rem;
  margin-right: 0.3125rem; }

.arti_iframe {
  position: relative;
  margin-bottom: 1.875rem; }
  .arti_iframe .iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover; }

.privacy_txt ul {
  margin-left: 2rem; }
  .privacy_txt ul > li {
    text-indent: -2rem;
    padding-left: 0; }
    .privacy_txt ul > li::before {
      display: none; }

.announce_txt_en,
.privacy_txt_en {
  letter-spacing: 0; }
  .announce_txt_en h3,
  .privacy_txt_en h3 {
    font-size: 1.5625rem;
    font-family: "cormorant-garamond"; }
  .announce_txt_en ul,
  .privacy_txt_en ul {
    margin-left: 1.375rem; }
    .announce_txt_en ul > li,
    .privacy_txt_en ul > li {
      text-indent: -1.375rem;
      padding-left: 0; }
      .announce_txt_en ul > li::before,
      .privacy_txt_en ul > li::before {
        display: none; }

.announce_txt h3 {
  font-size: 1.5625rem;
  text-align: center;
  margin-bottom: 1.875rem; }

.announce_txt ul {
  margin-left: 2rem; }
  .announce_txt ul > li {
    text-indent: -2rem;
    padding-left: 0; }
    .announce_txt ul > li::before {
      display: none; }

.parallax_banner {
  width: 100vw;
  height: 31.25rem;
  overflow: hidden;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 3.75rem; }
  @media screen and (max-width: 768px) {
    .parallax_banner {
      height: 25rem; } }

.parallax_img {
  height: 200%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  position: relative;
  top: -100%; }


/*# sourceMappingURL=article_content.min.css.map*/