html { font-size:100% }


/* 覆寫全站bootstrap間距 */
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      padding-left: 10px;
      padding-right: 10px;
    }

    .container {
      padding-left: 10px;
      padding-right: 10px;
    }

    .row {
      margin-left: -10px;
      margin-right: -10px;
    }

    @media (min-width: 1200px) {
      .t3-spotlight {
        margin-left: -10px;
        margin-right: -10px;
      }
      
      .t3-spotlight > div {
        padding-right: 10px;
        padding-left: 10px;
      }
      
      /* 加上左右padding的寬度 */
      .container {
        width: 1120px;
      }
    }

    @media (max-width: 1199.98px) {
      .skin1 .container,
      .skin2 .container,
      .skin3 .container,
      .skin4 .container {
        width: 960px;
      }
    }

    /* 全站底色 */
    body,
    .t3-wrapper {
      background-color: #f6f2ee;
      background-image: url(/images/design/pattern.png);
      background-repeat: repeat;
      background-size: auto;
    }

    /* 全站字型樣式 */
    * {
      font-family: "PingFangTC, "Microsoft JhengHei", sans-serif;
      -webkit-font-smoothing: antialiased;
      color: #000;  
    }

    /* back to top按鈕 */
    #back-to-top .btn {
      background: #c35858;
      border: none;
      line-height: 50px;
      height: 50px;
      width: 50px;
    }

    #back-to-top .btn .fa {
      font-size: 15px;
      color: #fff;
    }eyesome

    #back-to-top .btn:hover {
      background: #B54646;
    }

    /* 解決slideshow超出螢幕的問題 */
    body {
      width: 100%;
      overflow-x: hidden;
    }

    /* 解放全站高度限制 */
    html, body, .t3-wrapper, .t3-mainbody {
      height: auto;
    }

    /* 全站header */
    #t3-header {
      width: 1120px;
      height: 94px;
      display: block;
      margin: 0 auto;
      padding: 0 10px;
      background-image: none !important;
      background-color: transparent;
    }
#t3-header .logo{
  width: 30%;
}
#t3-header .topbar-container{
  width: 70%;
}

    #t3-header .logo,
    #t3-header .topbar-container {
      display: inline-block;
      height: inherit;
      float: left;
    }

    #t3-header .logo {
      padding: 0;
      margin: 0;
    }

    #t3-header .logo .logo-image {
      height: 64px;
      line-height: 94px;
      text-align: left;
    }

    @media (max-width: 575.98px) {
      #t3-header .logo .logo-image {
        height: auto;
      }
    }

    #t3-header .logo .logo-image a,
    #t3-header .logo .logo-image img {
      height: inherit;
    }

    #t3-header .topbar-container .topbar-right {
      line-height: 94px;
      text-align: right;
      color: #242424;
      opacity: 0.7;
    }

    #t3-header .topbar-container .topbar-right a {
      color: #242424 !important;
      letter-spacing: 0.3px;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
    }
    #t3-header .topbar-container .topbar-right ul.lang-inline a{
      color:#bb4e4e!important;
      font-weight: 900;
    }


    #t3-header .topbar-container .topbar-right a:hover {
      opacity: 0.7;
      border: none;
    }

    #t3-header .topbar-container .topbar-right .link::after {
      content: "｜";
    }

    #t3-header div.mod-languages li {
      margin: 0;
    }

    @media (max-width: 1199.98px) {
      #t3-header {
          width: 976px;
      }
    }

    @media (max-width: 1199.98px) {
    /*@media (max-width: 991.98px) { */
      #t3-header {
         width: 756px;
        width:100%;
         margin-top: 50px;
      }
      
      #t3-header .topbar-container .link.link-ncl,
      #t3-header .topbar-container .link.link-tme,
      #t3-header .topbar-container .link.link-sitemap {
        display: none;
      }
      
      #t3-mainnav {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999;
        padding: 0 !important;
      }
      
      #t3-mainnav .navbar-header {
        height: 50px;
      }
      
      .off-canvas-toggle {
        background-color: transparent;
        color: #fff;
        border: none;
        height: 50px;
        width: 50px;
        line-height: 50px;
      }
      
      .off-canvas-toggle .fa {
        font-size: 20px;
        line-height: 50px;
        color: #fff;
      }
    }

    @media (max-width: 575.98px) {
      #t3-header {
         width: 100%;
         height: 70px;
      }
      
      #t3-header .logo .logo-image,
      #t3-header .topbar-container .topbar-right {
         line-height: 70px;
      }
    }

    /* 全站選單 */
    #t3-mainnav {
      background-color: #c35858;
      padding: 8px 0;
      min-height: auto;
      box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
      margin-bottom: 0px;
    }

    .home #t3-mainnav{
      margin-bottom: 10px;
    }

    #t3-mainnav .wrap-items,
    #t3-mainnav .wrap-items .t3-navbar {
      background: transparent;
      border: none;
    }

    #t3-mainnav .t3-navbar .navbar-nav {
      padding: 0;
      display: flex;
      justify-content: space-between;
    }

    #t3-mainnav .t3-navbar .navbar-nav > li {
      width: 100%;
      border-left: 1px solid #fff;
    }

    #t3-mainnav .t3-navbar .navbar-nav > li:last-child {
      border-right: 1px solid #fff;
    }

    #t3-mainnav .t3-navbar .navbar-nav li a {
      font-size: 18px;
      letter-spacing: 0.5px;
      color: #fff;
      padding: 0;
      font-family: MingLiU, "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
    }

    #t3-mainnav .t3-navbar .navbar-nav li a:hover {
      background-color: transparent;
      opacity: 0.8;
    }

    #t3-mainnav .t3-navbar .navbar-nav > .dropdown > a .caret {
      border-top-color: #fff !important;
      border-bottom-color: #fff !important;
      border-top: 5px dashed;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      margin-left: 4px;
    }

    #t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu {
      background-color: #CF7979;
      border: none;
      padding: 15px 10px 10px;
    }

    #t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-submenu .dropdown-menu {
      background-color: #DB9B9B;
    }

    #t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu li {
      margin-bottom: 5px;
    }

    #t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu .dropdown-submenu > a:after {
      border-left-color: #fff;
      margin-top: 8px;
      margin-right: -10px;
    }

    /* 全站手機版選單 */
    .t3-off-canvas .t3-off-canvas-header,
    .t3-off-canvas .close {
      background-color: rgba(130, 61, 61, 0.8);
    }

    .t3-off-canvas .close {
      font-size: 24px;
    }

    .t3-off-canvas {
      background-color: #F6E5D9;
    }

    @media (max-width: 1199.98px) {
    /*@media (max-width: 991.98px) {*/ 
      nav.jmb-tree.jmb-tree-default ul {
        display: inline-block;
        padding: 0;
      }

      .jmb-tree.jmb-tree-default ul ul {
        background: none !important;
        border: none !important;
        padding-left: 15px !important;
      }

      .jmb-tree.jmb-tree-default ul ul li {
        border: none !important;  
      }
      
      .jmb-tree.jmb-tree-default ul ul li:hover {
        background: none !important;
      }

      .jmb-tree.jmb-tree-default ul ul .jmb-tree-level2 a {
        display: inline;
        padding-left: 31.8px
      }

      .jmb-tree.jmb-tree-default ul ul .jmb-tree-level2 a:hover,
      .jmb-tree.jmb-tree-default ul ul .jmb-tree-level2 a:focus {
        box-shadow: none !important;
        color: #555 !important;
        background: transparent !important;
      }
      
      .jmb-tree.jmb-tree-default ul ul .jmb-tree-level2 a::before {
        content: "\2013";
        font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
        font-size: 12px;
        padding: 0 5px 0 17px;
        margin-left: -31.8px;
        background-color: transparent !important;
        border: none !important;
      }
      
      .jmb-tree.jmb-tree-default ul li a {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
      }
    }

    /* 大圖輪播 */
    .acm-slideshow .owl-carousel.owl-theme {
      overflow: inherit;
    }

    .owl-carousel .owl-stage-outer {
      overflow: inherit;
    }

    #Mod103 .acm-slideshow .owl-carousel,
    #Mod156 .acm-slideshow .owl-carousel {
      background: transparent;
    }

    #Mod103 .acm-slideshow .owl-carousel .owl-item,
    #Mod156 .acm-slideshow .owl-carousel .owl-item {
      opacity: 0.5;
    }

    #Mod103 .acm-slideshow .owl-carousel .active.owl-item,
    #Mod156 .acm-slideshow .owl-carousel .active.owl-item {
      opacity: 1;
    }

    #Mod103 .acm-slideshow .owl-carousel .owl-nav,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav {
      margin-top: 0;
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
    }

    #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-prev,
    #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-next,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-prev,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-next {
      margin: 0;
      background-color: #c35858;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 9px;
      border-radius: 0;
      width: 45px;
      height: 45px;
      font-size: 0;
      transition: 0.3s;
    }

    #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-prev:hover,
    #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-next:hover,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-prev:hover,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-next:hover {
      background-color: #B54646;  
    }

    #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-prev,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-prev {
      float: left;
      transform: translateX(-55px);
      background-image: url(/images/design/icon-arrow-left.png);
    }

    #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-next,
    #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-next {
      float: right;
      transform: translateX(55px);
      background-image: url(/images/design/icon-arrow-right.png);
    }

    @media (max-width: 1199.98px) {
      #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-prev,
      #Mod103 .acm-slideshow .owl-carousel .owl-nav .owl-next,
      #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-prev,
      #Mod156 .acm-slideshow .owl-carousel .owl-nav .owl-next {
        transform: none;
      }
    }

    @media (max-width: 767px) {
      .t3-sl-wrap .t3-sl {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
      }
    }

    /* 最新消息跑馬燈 */
    .home_news {
      margin-top: 10px !important;
    }

    .home_news .module-inner .home_news {
      margin-top: 0 !important;
    }

    .home_news a {
      color: #fff;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-weight: 400;
      transition: 0.3s;
      border: none;
    }

    @media (max-width: 575.98px) {
      .home_news a.mod-articles-category-title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 85%;
      }
    }

    .home_news a:hover {
      opacity: 0.8;
      border: none;
    }

    .home_news .mod-articles-category-category {
      float: right;
    }

    .home_news::before {
      content: ' ';
      width: 200vw;
      height: 48px;
      background-color: #9b6464;
      display: block;
      position: absolute;   
      left: -100%;
      z-index: -1;
    }

    /* 覆寫Custom css */
    footer .custom {
      display: block;
    }

    /* 調整手機版選單z-index */
    .off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {
      z-index: 999;
    }

    /* 主題網站 */
    .banner-top {
      border: none;
      padding-bottom: 0px;
    }

    .blog .items-row-wrap, 
    .blog-featured .items-row-wrap {
      border: none;
      margin-top: 0px;
      padding-top: 0;
    }

    @media (max-width: 767.98px) {
      .banner-top {
        margin: 0;
      }
      
      .blog .items-row-wrap, 
      .blog-featured .items-row-wrap {
        margin-top: 0;
      }
    }

    .intro-image {
      border: 1px solid #ddd;
      background: #fff;
      padding: 5px;
      margin-bottom: 0px;
    }

    .blog .intro-image img {
      border: none;
      box-shadow: none;
    }

    .blog .items-row-wrap .row > div + div, 
    .blog-featured .items-row-wrap .row > div + div {
        border: none;
    }

    .blog h3 {
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 10px;
    }

    .blog h3 a {
      color: #c35858;
    }

    .blog h3 a:hover {
      color: #ac3b3b;
      border: none;
    }

    .blog h3 a i {
      margin-left: 5px;
      font-size: 12px;
      color: #c35858;
    }

    .blog h3 a:hover i {
      color: #ac3b3b;
    }

    .blog .nav-tabs {
      text-align: left;
      margin: 0;
    }

    .blog .article-intro p {
      font-size: 16px;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      opacity: 0.7;
      text-align: left;
    }

    @media (min-width: 1200px) {
      .blog .items-row-wrap .row > div, 
      .blog-featured .items-row-wrap .row > div {
        padding:5px;
      }
          
          .blog .items-row-wrap .row > div{
            padding:20px;
          }
      
      .blog .items-row-wrap .row, .blog-featured .items-row-wrap .row {
        margin-left: -20px;
        margin-right: -20px;
      }
    }

    /* 首頁主題展區塊 */
    .home a:hover, 
    .home a:focus {
      border: none;
    }

    .home .t3-sl-wrap .t3-sl {
      border: none;
    }

    .home_theme {
      margin: 0 !important;
    }

    .home_theme h3 {
      text-align: left;
      border: none;
      padding: 40px 0 35px;
    }

    .home_theme h3 span {
      font-size: 28px;
      font-weight: bold;
      position: relative;
      display: flex;
      align-items: baseline;
    }

    .home_theme h3 span::before {
      content: '';
      display: block;
      height: 100%;
      flex: 1 1 auto !important;
      border-bottom: 1px solid #242424;
      order: 2;
    }

    .home_theme h3 span::after {
      content: '';
      width: 40px;
      height: 40px;
      margin: 0 10px;
      background-image: url(/images/design/books.png);
      background-size: contain;
      display: block;
    }

    .home_theme .mod-articles-category-readmore {
      position: relative;
    }

    .home_theme .mod-articles-category-readmore .mod-articles-category-title {
      position: absolute;
      transform: translateY(-315%);
      width: 100%;
      text-align: right;
      font-size: 15px !important;
      color: #242424;
      border: none;
    }

    .home_theme .ja-news .row {
      display: flex;
      overflow: hidden;
    }

    @media (max-width: 991.98px) {
      .home_theme .ja-news .row {
        display: block;
      }
      
      .home_theme .ja-news .row .news-item {
        width: 50%;
        margin-bottom: 20px;
        float: left;
      }
    }

    @media (max-width: 575.98px) {
      .home_theme .ja-news .row .news-item {
        width: 100%;
      }
    }

    .home_theme .news-item .intro-image {
      margin: 0;
      transition: 0.3s;
      border: none;
      padding: 0;
    }

    .home_theme .news-item .intro-image:hover {
      opacity: 0.8;
    }

    .home_theme .news-item .article-content {
      background-color: #fff;
      padding: 15px;
      height: 100%;
    }

    .home_theme .news-item .article-content h5 {
      margin: 0 0 13px;
    }

    .home_theme .news-item .article-content h5 a {
      color: #c35858;
      font-size: 20px;
      line-height: 1.5;
    }

    .home_theme .news-item .article-content h5 a:hover {
      color: #9b6464;
    }

    .home_theme .news-item .article-content .article-aside,
    .home_theme .news-item .article-content .article-info {
      margin: 0;
    }

    .home_theme .news-item .article-content .mod-articles-category-introtext {
      opacity: 0.7;
      margin: 0;
    }

    .home_theme .news-item .article-content .mod-articles-category-introtext,
    .home_theme .news-item .article-content .mod-articles-category-introtext a {
      font-size: 16px;
      line-height: 1.4;
      letter-spacing: 0.4px;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
    }

    /* 主題展 */

    .exhibition-list #t3-mainnav {
      margin: 0;
    }

    .exhibition-list .banner-top {
      border: none;
      padding: 0;
      margin-top: 0;
    }

    .exhibition-list .banner-top div,
    .exhibition-list .banner-top img {
      width: 100%;
    }

    .exhibition-list .page-header {
      text-align: left;
      border: none;
      padding: 10px 0 35px;
      margin: 0;
    }

    .exhibition-list h1 {
      font-size: 28px !important;
      font-weight: bold !important;
      font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif !important;
      position: relative;
      display: flex;
      align-items: baseline; 
    }

    .exhibition-list h1::before {
      content: '';
      display: block;
      height: 100%;
      flex: 1 1 auto !important;
      border-bottom: 1px solid #242424;
      order: 2;
    }

    .exhibition-list h1::after {
      content: '';
      width: 40px;
      height: 40px;
      margin: 0 10px;
      background-image: url(/images/design/books.png);
      background-size: contain;
      display: block;
    }

    .exhibition-list .intro-image .item-image {
      transition: 0.3s;
    }

    .exhibition-list .intro-image .item-image:hover {
      opacity: 0.8;
    }

    .exhibition-list .article-header .article-title a {
      color: #c35858;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: 1px;
      margin: 0;
    }

    .exhibition-list .article-header .article-title a:hover {
     color: rgba(130,61,61,0.8);
     border: none;
    } 

    .exhibition-list .article-header .article-title {
      text-align: left;
      margin: 15px 0 10px;
      padding: 0 10px;
    }

    .exhibition-list .article-intro p {
      opacity: 0.7;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: 0.5px;
      color: #000;
      text-align: left;
      padding: 0 10px;
    }

    @media (min-width: 992px) {
      .exhibition-list .article-intro p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
    }

    @media (max-width: 991.98px) {
      .exhibition-list .article-intro p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
      }
    }

    .exhibition-list .article-intro .mytool a {
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: 0.5px;
      color: #242424;
    }

    .exhibition-list .intro-image img {
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      margin: 0;
    }

    .exhibition-list .intro-image {
      width: 260px;
      height: 193px;
      margin: 0;
      padding: 0;
      border: none;
    }

    @media (max-width: 1199.98px) {
      .exhibition-list .intro-image {
        width: 27%;
      }  
    }

    @media (max-width: 991.98px) {
      .exhibition-list .intro-image {
        width: 33.3333% !important;
      }  
    }

    @media (max-width: 575.98px) {
      .exhibition-list .intro-image {
        width: 100% !important;
        height: auto;
      }  
    }

    @media (min-width: 992px) {
     .exhibition-list .items-row-wrap .col-md-9 {
        width: 73%;
      }
    }

    @media (max-width: 575.98px) {
       .exhibition-list .items-row-wrap .col-md-9 {
        width: 100%;
      }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
      .exhibition-list .items-row-wrap .col-xs-6 {
        width: 66.666%;
      }
    }
        
    .exhibition-list .items-row-wrap {
      height: 193px;
      padding: 0;
      margin-top: 10px;
      border-radius: 2px;
      background-color: #ffffff;
      border: none;
    }

    @media (max-width: 575.98px) {
      .exhibition-list .items-row-wrap {
        height: auto;
        padding: 0 0 20px 0;
      }
    }

    .exhibition-list .blog .items-row-wrap .row > div, .blog-featured .items-row-wrap .row > div {
      min-height: auto !important;
      padding-bottom: 0;
    }

    .exhibition-list span.mytool a {
      color: #c35858 !important;
    }

    .exhibition-list span.mytool a:hover {
      color: #9b6464;
      border: none;
    }

    #t3-mainbody{
      padding-bottom: 0;
    } 

    /* 主題展內頁banner */
    .banner-top div,
    .banner-top img {
      width: 100% !important;
    }

    @media (max-width: 991.98px) {
      .banner-top img {
         width: 200% !important;
         max-width: initial;
      }
    }

    .skin1 .banner-top,
    .skin2 .banner-top,
    .skin3 .banner-top,
    .skin4 .banner-top {
      margin: 0;
      padding: 0;
      border: none;
    }

    .skin1 .banner-top p,
    .skin2 .banner-top p,
    .skin3 .banner-top p,
    .skin4 .banner-top p {
     margin: 0; 
    }

    .skin1 #t3-mainnav,
    .skin2 #t3-mainnav,
    .skin3 #t3-mainnav,
    .skin4 #t3-mainnav  {
      margin: 0;
    }

    /* 小辭典 */
    #com_glossary .glossary25 {
        min-width: 30%;
        width: 25%;
    }

    #com_glossary #glossarylist td,
    #com_glossary #glossarylist th {
      padding: 20px;
      padding-top:10px;
      padding-bottom:10px;
      
    }

    #com_glossary #glossarylist .header-seoglossary th {
      padding: 10px 20px;
      vertical-align: middle;
    }

    #com_glossary #glossarylist p {
      margin: 0;
    }

    #com_glossary #glossarylist a {
      text-decoration: underline;
      border: none;
    }

    #com_glossary #glossarylist a:hover {
      border: none;
    }

    .skin1 #com_glossary #glossarylist a {
      color: #416FB4;
    }

    .skin1 #com_glossary #glossarylist a:hover {
      color: #284F99;
    }

    .skin2 #com_glossary #glossarylist a {
      color: #BE7138;
    }

    .skin2 #com_glossary #glossarylist a:hover {
      color: #A55122;
    }

    .skin3 #com_glossary #glossarylist a {
      color: #C35858;
    }

    .skin3 #com_glossary #glossarylist a:hover {
      color: #AC3B3B;
    }

    .skin4 #com_glossary #glossarylist a {
      color: #348F9A;
    }

    .skin4 #com_glossary #glossarylist a:hover {
      color: #1F6F7B;
    }

    /* 小辭典小視窗 */
    .qtip-default {
      background-color: #fff;
      color: #242424;
      border: 1px solid #9e9e9e;
      border-radius: 2px;
      box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .qtip-default .qtip-titlebar {
      background-color: #fff !important;
      color: #c35858 !important;
      border: none;
      font-size: 15px;
      line-height: 21px;
      padding: 10px 15px 0;
    }

    .qtip-default .qtip-titlebar div {
      color: #c35858;
      font-weight: 400;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
    }

    .qtip-content {
      background-color: #fff;
      color: #242424;
      border: none;
      font-size: 15px;
      line-height: 21px;
      padding: 3px 15px;
    }

    .qtip-content p {
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      opacity: 0.7;
    }

    /* 知識地圖 */
    .skin1.view-categories #categories a,
    .skin2.view-categories #categories a,
    .skin3.view-categories #categories a,
    .skin4.view-categories #categories a {
      color: #416FB4;
      text-decoration: underline;
      border: none;
    }

    .skin2.view-categories #categories a {
      color: #BE7138;
    }

    .skin3.view-categories #categories a {
      color: #C35858;
    }

    .skin4.view-categories #categories a {
      color: #348F9A;
    }

    .skin1.view-categories #categories a:hover,
    .skin2.view-categories #categories a:hover,
    .skin3.view-categories #categories a:hover,
    .skin4.view-categories #categories a:hover {
      color: #284F99;
      border: none;
    }

    .skin2.view-categories #categories a:hover {
      color: #A55122;
    }

    .skin3.view-categories #categories a:hover {
      color: #AC3B3B;
    }

    .skin4.view-categories #categories a:hover {
      color: #1F6F7B;
    }

    .skin1.view-categories #categories ul.dataul li:hover,
    .skin2.view-categories #categories ul.dataul li:hover,
    .skin3.view-categories #categories ul.dataul li:hover,
    .skin4.view-categories #categories ul.dataul li:hover {
      color: #416FB4;
      box-shadow: none;
    }

    .skin2.view-categories #categories ul.dataul li:hover {
      color: #BE7138;
    }

    .skin3.view-categories #categories ul.dataul li:hover {
      color: #C35858;
    }

    .skin4.view-categories #categories ul.dataul li:hover {
      color: #348F9A;
    }

    /* skin1~4 */

    .skin1 h6,
    .skin2 h6,
    .skin3 h6,
    .skin4 h6 {
      font-size: 16px;
    }

    .skin1.view-article h6 a {
      color: #416FB4;
    }

    .skin2.view-article h6 a {
      color: #BE7138;
    }

    .skin3.view-article h6 a {
      color: #C35858;
    }

    .skin4.view-article h6 a {
      color: #348F9A;
    }

    .skin1.view-article h6 a:hover,
    .skin2.view-article h6 a:hover,
    .skin3.view-article h6 a:hover,
    .skin4.view-article h6 a:hover {
      border: none;
    }

    .skin1.view-article h6 a:hover {
      color: #284F99;
    }

    .skin2.view-article h6 a:hover {
      color: #A55122;
    }

    .skin3.view-article h6 a:hover {
      color: #AC3B3B;
    }

    .skin4.view-article h6 a:hover {
      color: #1F6F7B;
    }

    .skin1.view-article table,
    .skin2.view-article table,
    .skin3.view-article table,
    .skin4.view-article table {
      width: 100%;
    }

    /* skin1 */
    .skin1.view-category .intro-image {
      border: 1px solid #ddd;
      padding: 5px;
      margin: 0;
      background-color: #fff;
      transition: 0.3s;
    }

    .skin1.view-category .intro-image:hover {
      opacity: 0.7;
    } 

    .skin1.view-category .article-header .article-title,
    .skin1.view-featured .article-header .article-title {
      font-size: 18px;
      line-height: 1.3;
      padding: 10px 0;
      text-align: left;
    }

    .skin1.view-category .article-header .article-title a,
    .skin1.view-featured .article-header .article-title a {
      color: #222;
    }

    .skin1.view-category .article-header .article-title a:hover,
    .skin1.view-featured .article-header .article-title a:hover {
      text-decoration: none;
      color: #416FB4;
      border: none;
    }

    .skin1.view-category #t3-content .items-row-wrap {
      margin-bottom: 20px;
    }

    @media (max-width: 991.98px) {
      .skin1.view-category #t3-content .items-row-wrap {
      margin-bottom: 0;
      }  
    }


    /* breadcrumb */

    .breadcrumb {
      padding-left: 42px;
      margin-bottom: 10px;
    }

    .breadcrumb a ,
    .breadcrumb span {
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      opacity: 0.7;
      font-size: 15px;
      letter-spacing: 0.5px;
      color: #242424;
    }

    .breadcrumb span.hasTooltip {
      opacity: 1;
    }

    .breadcrumb span.hasTooltip i {
      color: #c35858;
    }

    .breadcrumb .active {
      margin-left: -20px;
    }

    .breadcrumb > li + li:before {
      padding: 0 0 0 5px;
      color: #242424;
      opacity: 0.7; 
      font-size: 15px;
    }


    /* footer */

    #t3-footer {
      background: rgba(192,81,0,0.15);
      margin-top: 40px;
    } 

    #t3-footer .ztvc-visitor-counter {
      padding: 0;
    }

    .t3-footer .t3-copyright {
      padding-top: 0;
    }

    .t3-footer .t3-copyright .menu-footer{
      margin-top: 32px;
    }

    .t3-footer p,
    .t3-footer a,
    .t3-footer .footer-sitemap li,
    .t3-footer .footer-system-info span,
    .t3-footer .footer-system-info .db8sitelastmodified li
    {
      text-align: left;
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-size: 15px;
      line-height: 1.5;
      letter-spacing: 0.7px;
      color: #242424;
      margin-bottom: 0;
      text-transform: unset;
    }

    .t3-footer a:hover{
      color: #c35858;
      border-bottom: none;
    }


    .t3-footer .footer-sitemap,
    .t3-footer .footer-system-info .db8sitelastmodified {
      padding: 0;
      margin: 0;
    }

    .t3-footer .footer-sitemap li {
      list-style-type: none;
    }

    .t3-footer .footer-sitemap .footer-sitemap-item a::before {
      content: "\f0da";
      font-family: fontawesome;
      color: #c35858;
    }

    .t3-footer .footer-system-info .db8sitelastmodified li {
      text-align: left;
    }

    #ztvc-visitor-counter123 p:last-child {
      opacity: 0.7;
      font-size: 14px;
      line-height: 22px;
    }

    @media (max-width: 575.98px) {
      .t3-footer .footer-sitemap,
      .t3-footer .footer-system-info {
        margin-top: 10px;
      }
    }

    .t3-footer .copyright{
      margin-top: 30px;
      background-color: rgba(130,61,61,0.8);
    }

    .t3-footer .footer-logo {
      width: 114px;
      height: 30px;
      margin: 8px 0;
    }

    @media (max-width: 575.98px) {
      .t3-footer .footer-logo {
        margin: 8px auto 0;
      }
    }

    .t3-footer .copyright-text {
      font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
      font-size: 12px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0.6px;
      text-align: right;
      color: #ffffff;
      margin: 17px 0;
    }

    .t3-footer .t3-copyright {
      padding-bottom: 0;
    }

    @media (max-width: 575.98px) {
      .t3-footer .copyright-text {
      margin: 0 auto 10px;
      text-align: center;
      }
    }

    @media (max-width: 575.98px) {
      .t3-footer .container,
      .t3-footer .container,
      .t3-footer .container,
      .t3-footer .container {
        width: calc(100% - 20px);
      }
    }

    @media (max-width: 767.98px) {
      #t3-footer {
        margin-top: 20px;
      }
      
      .footer-menu-wrapper .row > div {
        width: 50%;
        float: left;
        margin-bottom: 10px;
      }
      
      .footer-menu-wrapper .row > div:last-child {
        margin-bottom: 0;
      }
      
      .footer-logo-wrapper .row > div {
        width: 50%;
        float: left;
      }
    }

    @media (max-width: 575.98px) {
      .footer-menu-wrapper .row > div,
      .footer-logo-wrapper .row > div {
        width: 100%;
      }
    }

    /* 投稿照片 */
    .form-photo #t3-content  h2 {
      position: relative;
      font-size: 28px !important;
      line-height: 1;
      font-weight: bold !important;
      font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif !important;
      display: flex;
      align-items: baseline;
    }

    .form-photo #t3-content  h2::before {
      content: '';
      display: block;
      height: 100%;
      flex: 1 1 auto !important;
      border-bottom: 1px solid #242424;
      order: 2;
    }

    .form-photo #t3-content  h2::after {
      content: '';
      width: 40px;
      height: 40px;
      margin: 0 10px;
      background-image: url(/images/design/books.png);
      background-size: contain;
      display: block;
    }

    .form-photo h3 {
      color: #c35858;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: 1px;
      margin: 30px 0 15px;
    }

    .form-photo #SingleUploadForm div,
    .form-photo #SingleUploadForm label,
    .form-photo #SingleUploadForm span {
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #242424;
    }

    @media (max-width: 320px) {
      .form-photo #SingleUploadForm div,
      .form-photo #SingleUploadForm label,
      .form-photo #SingleUploadForm span {
        font-size: 15px;  
      }
    }

    .form-photo #t3-content ul,
    .form-photo #t3-content ol {
      padding: 0;
      margin-bottom: 30px;
    }

    .form-photo #t3-content li {
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-size: 16px;
      line-height: 1.75;
      letter-spacing: 0.5px;
      color: #242424;
    }

    .form-photo #SingleUploadForm {
      background-color: #fff;
      box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
      padding: 30px;
    }

    @media (max-width: 767.98px) {
      .form-photo #SingleUploadForm {
         padding: 19px; 
      }
      
      .form-photo .form-horizontal .control-group .controls {
        margin-left: 0;
      }
    }

    .form-photo #SingleUploadForm .alert {
      padding: 0;
    }

    .form-photo #SingleUploadForm .alert > div {
      font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
      font-size: 16px;
      line-height: 1.75;
      letter-spacing: 0.5px;
      color: #242424;
      margin-bottom: 10px;
    }

    .form-photo #SingleUploadForm .alert b {
      color: #c35858;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: 1px;
      font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
    }

    .form-photo #SingleUploadForm #additional_price {
      margin: 0 0 0 5px;
    }

    .form-photo .custom_upload form .alert label {
      vertical-align: bottom;
      line-height: 1.2;
    }

    .form-photo #SingleUploadForm .star {
      color: #c35858;
    }

    .form-photo #SingleUploadForm .limit_notes {
      color: #c35858;
      font-size: 15px;
      margin-bottom: 10px;
      display: inline-block;
      /*padding-left: calc(160px + 20px);*/
    }

    .edit.item-pageform-article.custom_submitform .limit_notes {
      color: #c35858!important;
      font-size: 15px;
      margin-bottom: 10px;
      display: inline-block;
      /*padding-left: calc(160px + 20px);*/
    }

    @media (max-width: 767.98px) {
      .form-photo #SingleUploadForm .limit_notes {
        padding-left: 0;
      }
    }

    .form-photo #SingleUploadForm .limit_notes:last-child {
      width: 100%;
      /*text-align: right;*/
      padding-right: 15px;
      margin-bottom: 0;
    }

    .form-photo #SingleUploadForm .right_btn {
      margin-top: 20px; 
    }

    .form-photo #SingleUploadForm .btn {
      padding: 8px 30px;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.5px;
      border: 1px solid #e8e8e8;
      transition: 0.3s;
    }

    .form-photo #SingleUploadForm .btn:hover {
      background-color: #eee;
    }

    .form-photo #SingleUploadForm .btn-primary {
      border: none;
      background-color: #c35858;
    }

    .form-photo #SingleUploadForm .btn-primary:hover {
      background-color: #ac3b3b;
    }

    .form-photo #SingleUploadForm #additional_date_btn {
      border: 1px solid #e8e8e8;
    }

    .form-photo #SingleUploadForm #additional_date_btn span {
      font-family: fontawesome;
    }

    .form-photo #SingleUploadForm #single_imgtext {
      width: calc(100% - 15px);
      resize: none;
    }

    @media (max-width: 575.98px) {
      .form-photo .custom_upload form .control-group .controls input, 
      .form-photo .custom_upload form .control-group .controls select,
      .form-photo .input-append,
      .form-photo #SingleUploadForm #single_imgtext {
        width: 100%;
      }
    }

    @media (max-width: 320px) {
      #recaptcha {
        transform: scale(0.85);
        margin-left: -20px;
      }
    }

    .publichistory dl.fields-container {
      text-align: left;
    }


/* 10/30 start */
@media (min-width: 1200px){
  .blog .items-row-wrap .row > div {
    padding: 0 10px;
  }
}

@media (min-width: 1200px){
  .blog .items-row-wrap .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* 10/30 end */

/* 10/31 start */
#t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu {
  padding: 0;
}

#t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu li {
  padding: 5px 10px;
  margin: 0;
}

#t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.t3-megamenu .mega-inner {
  padding: 0;
}

#t3-mainnav .t3-navbar .navbar-nav > .dropdown .dropdown-menu li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

#t3-mainnav .t3-navbar .navbar-nav > li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog .article-intro p {
  opacity: 1;
}

.exhibition-list .article-intro p {
  opacity: 1;
}


.home_theme .news-item .article-content .mod-articles-category-introtext {
  opacity: 1;
}



/* 10/31 end */

/* 11/5 Robin start */
@media (max-width: 991.98px) {
  .home .t3-sl-wrap .t3-sl {
    max-width: 100%;
    overflow: hidden;
  }
  
  .home_news .category-module li, ul.category-module li {
    padding: 12px;
  }
}

/* 11/5 Robin end */

/* 11/6 fix mobile menu button style start */
.t3-off-canvas .close {
  font-size: 40px;
  line-height: 1;
}
/* 11/6 fix mobile menu button style end */

/* 11/11 fix all fonts -> san-serif */
* {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif !important;
}

i.fa,
span.fa {
  font-family: FontAwesome !important;
}
/* 11/11 fix all fonts -> san-serif end */