@font-face {
  font-family: 'tmofa';
  src: url("../../fonts/tmofa/tmofa.eot?vhq9i9");
  src: url("../../fonts/tmofa/tmofa.eot?vhq9i9#iefix") format("embedded-opentype"), url("../../fonts/tmofa/tmofa.ttf?vhq9i9") format("truetype"), url("../../fonts/tmofa/tmofa.woff?vhq9i9") format("woff"), url("../../fonts/tmofa/tmofa.svg?vhq9i9#tmofa") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'tmofa' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-icon-camera:before {
  content: "\e912"; }

.icon-edit-delete:before {
  content: "\e910"; }

.icon-edit-write:before {
  content: "\e911"; }

.icon-next:before {
  content: "\e90e";
  color: #58585b; }

.icon-prev:before {
  content: "\e90f";
  color: #58585b; }

.icon-align-text-both:before {
  content: "\e900"; }

.icon-close:before {
  content: "\e901"; }

.icon-write:before {
  content: "\e902"; }

.icon-home:before {
  content: "\e903"; }

.icon-phone-telephone:before {
  content: "\e904"; }

.icon-search:before {
  content: "\e905"; }

.icon-arrow-left:before {
  content: "\e906"; }

.icon-arrow-right:before {
  content: "\e907"; }

.icon-corner-up-left:before {
  content: "\e908"; }

.icon-download:before {
  content: "\e909"; }

.icon-left:before {
  content: "\e90a"; }

.icon-left-c:before {
  content: "\e90b"; }

.icon-right:before {
  content: "\e90c"; }

.icon-right-c:before {
  content: "\e90d"; }

.visualWrap {
  width: 100%;
  aspect-ratio: 1 / 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  position: relative; }
  .visualWrap.ratio-1\/1 {
    aspect-ratio: 1 / 1; }
  .visualWrap.ratio-1\.57\/1 {
    aspect-ratio: 1.57/1; }
  .visualWrap.ratio-2\.38\/1 {
    aspect-ratio: 2.38/1; }
  .visualWrap.ratio-1\.16\/1 {
    aspect-ratio: 1.16/1; }
  @media (min-width: 1025px) {
    .visualWrap.ratio-min-xl-2\.38\/1 {
      aspect-ratio: 2.38/1; } }
  @media (min-width: 1440px) {
    .visualWrap.ratio-min-1440-3\.3\/1 {
      aspect-ratio: 3.3/1; }
    .visualWrap.ratio-min-1440-1\.6\/1 {
      aspect-ratio: 1.6/1; } }
  .visualWrap img {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }

a:hover .visualWrap img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }

.visualWrap:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }

.visualWrapAutoWidth {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  position: relative; }
  .visualWrapAutoWidth img {
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -o-object-fit: cover;
       object-fit: cover; }

a:hover .visualWrapAutoWidth img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05); }

.visualWrapAutoWidth:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05); }

.grayscaleWrap img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

a:hover .grayscaleWrap img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0); }

.grayscaleWrap:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0); }

.btn-more {
  padding: 16px 32px;
  font-family: "Noto Sans TC", "Noto Sans JP", "Roboto", Arial, "Clear Sans", Verdana, "Century Gothic", Helvetica, "PingFang", "PingFang TC", "LiHei Pro Medium", "Heiti TC", "Microsoft JhengHei", "DFKai-SB", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  border: 1px solid #fff; }
  .btn-more:hover {
    border-color: #C1A362 !important; }
  .btn-more.btn-small {
    padding: 8px 20px; }
  .btn-more.btn-boder-gray9 {
    color: #1A1A1C;
    border-color: #1A1A1C; }

a {
  text-decoration: none !important; }
  a:focus, a:active, a:hover {
    color: #C1A362 !important; }

a:hover .btn-more, a:hover .btn-more:hover {
  color: #C1A362 !important;
  border-color: #C1A362 !important; }

[data-cardtype="Footer"], [data-cardtype="Artsaward"] {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

[zonelayout="h-c1-s1001"] {
  margin-bottom: 0 !important; }

@media only screen and (max-width: 1024px) {
  #card_24120313540000019.card-ArticleSet[data-style="87"] {
    padding-bottom: 0; } }

@media (min-width: 1024px) {
  #card_24120313540000020.card-ArticleSet[data-style="87"] .card-title {
    padding-top: 0; } }

#card_24120313540000020.card-ArticleSet[data-style="87"] .card-title-main {
  display: none; }

#card_24120313540000020.card-ArticleSet[data-style="87"] .card-title-sub {
  margin-top: 0; }