@charset "UTF-8";

/* template-008-color-basic */
.basic {
  font-family: "微軟正黑體", Microsoft JhengHei;
  background-color: #2f2a23;
  color: #fff;
  display: block;
}

.basic h3.summary,
.basic p.summary{
  background: #f3f3f4;
  border-left: 4px solid #e87536;
  color: #333;
}

.basic header {
  background: transparent;
}

.basic .template_028 a {
  color: #b93907;
}

.basic .template_028 .toDetailATag a {
  color: #b93907;
}

.basic .template_028 a:hover,
.basic .template_028 a:active,
.basic .template_028 .info a:hover h2 {
  color: #e95c33 !important;
}

.basic .template_028 .underline {
  border-bottom: 6px solid #5b5b5b;
  background: transparent;
}

.basic .template_028 .box-block {
  background-color: #3c3a39;
}

.basic a>div>time {
  color: #f3f3f3 !important;
}

.basic .template_028 .image-wrap img:hover {
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}

.basic .template_028 a.key {
  color: #333;
}

.basic .template_028 .sitemap_01 h4 {
  background: #3c3a37;
  color: #fff;
}

.basic .template_028 .overlay {
  background-color: #fff;
  transition: .5s ease;
}

@media (min-width: 640px) {
  .basic .template_028 .box-block {
    background-color: #f3f3f4;
  }

  .basic .template_028 .date-block {
    background-color: #e87536;
  }
}

/* header-top style */
.basic .template_028 .navbar-default {
  border-color: transparent !important;
}

.basic .template_028 .navbar-style {
  background: transparent;
}

/* menu settings (選單的樣式) */
.basic .template_028 .nav-menu {}

.basic .template_028 .nav-menu:nth-child(1) {
  border-bottom: 1px solid transparent;
}

.basic .template_028 .navbar-default .navbar-nav>li>a {
  color: #fff;
}

.basic .template_028 .navbar-default .navbar-nav>li>a:hover,
.basic .template_028 .navbar-default .navbar-nav>.open>a,
.basic .template_028 .navbar-default .navbar-nav>.open>a:focus,
.basic .template_028 .navbar-default .navbar-nav>.open>a:hover {
  color: #e87536;
  background-color: transparent !important;
}

.basic .template_028 .navbar-default .navbar-nav>li>a:before {
  background: transparent;
}

.basic .template_028 .navbar-default .navbar-nav>li>a:focus,
.basic .template_028 .navbar-default .navbar-nav>li>a:hover {
  color: #e87536 !important;
  background-color: transparent;
}

.basic .template_028 .navbar-default .navbar-nav>.active>a,
.basic .template_028 .navbar-default .navbar-nav>.active>a:focus,
.basic .template_028 .navbar-default .navbar-nav>.active>a:hover {
  color: #d4d4d4;
  background-color: transparent;
}

/* dropdown-menu (下拉選單的樣式) */
.basic .template_028 .dropdown-menu {
  color: #fff;
  background-color: #4c4c4c;
  border: 1px solid #4c4c4c;
}

.basic .template_028 .dropdown-menu li a {
  color: #fff;
}

.basic .template_028 .dropdown-menu li a:hover {
  background-color: #333;
  color: #e87536 !important;
  font-weight: bold;
}

.basic .template_028 .dropdown-menu li a:focus {
  background-color: #333;
  color: #fff !important;
  font-weight: bold;
}

.basic .template_028 .dropdown-menu>.active>a,
.basic .template_028 .dropdown-menu>.active>a:focus,
.basic.template_028 .dropdown-menu>.active>a:hover {
  background-color: #333;
  color: #e87536 !important;
  font-weight: bold;
}

@media (max-width: 1000px) {

  /* dropdown-menu (第二層以後的選單) */
  .basic .template_028 .dropdown-submenu>a:after {
    border-left-color: transparent !important;
  }

  .basic .template_028 .dropdown-submenu:hover>a:after {
    border-left-color: transparent !important;
  }

  .basic .template_028 .dropdown-menu {
    margin: 0px 0 0 0;
  }

  .basic .template_028 .dropdown-menu {
    background-color: #626262;
    border: 0px solid transparent;
    box-shadow: none;
    border-radius: 0;
  }

  .basic .open .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    background-color: #fff;
  }
}

@media (max-width: 1000px) {
  .basic .template_028 .navbar-style {
    background: transparent;
  }

  .basic .template_028 .navbar-default .navbar-nav>li>a {
    color: #fff;
  }
}

@media (max-width: 1040px) {
  .basic .template_028 .navbar-default .navbar-toggle {
    background-color: transparent;
    background-image: none;
  }

  .basic .open .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    background-color: #5b5b5b;
    color: #3c3a39;
  }
}

/* search 、nav-site lang settings (搜尋語系區塊設定) */
.basic .template_028 .navbar-top {
  background: transparent;
}

.basic .template_028 .nav-fit li a:hover {
  color: #e87536 !important;
}

.basic .template_028 .navbar-top a {
  color: #fff;
}

.basic .template_028 .navbar-top .lang.open>.dropdown-menu {
  background: #5b5b5b !important;
}

.basic .template_028 .navbar-top .lang.open>.dropdown-menu>li>a {
  color: #fff;
  background: transparent !important;
}

.basic .template_028 .navbar-top .lang.open>.dropdown-menu>li>a:hover {
  background: transparent !important;
}

@media (min-width: 1040px) {

  .basic .template_028 .navbar-top a,
  .basic .template_028 .navbar-top .lang a {
    color: #fff;
  }
}

@media (min-width: 1440px) {

  .basic .template_028 .navbar-top a,
  .basic .template_028 .navbar-top .lang a {
    color: #fff;
  }
}

/*  hamburger-menu navbar-toggle (漢堡選單顏色設定)*/
.basic .template_028 .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}

.basic .template_028 .navbar-default .navbar-toggle:hover .icon-bar,
.basic .template_028 .navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #fff !important;
}

.basic .template_028 .navbar-default .navbar-toggle {
  border-color: #fff;
}

.basic .template_028 .navbar-default .navbar-toggle:focus,
.basic .template_028 .navbar-default .navbar-toggle:hover {
  background-color: #e87536;
  border-color: #e87536;
}

/* navbar-nav 768 bug */
@media only screen and (max-width: 1000px) {

  /* menu settings (行動版選單設定) */
  .basic .template_028 .navbar-nav>li {
    border-top: 1px solid #ffffff;
  }

  .basic .template_028 .dropdown.open>.dropdown-menu {
    background-color: transparent;
    border: 1px solid transparent;
  }

  .basic .template_028 .dropdown.open>.dropdown-menu li a {
    background-color: transparent !important;
    color: #fff;
  }

  .basic .template_028 .dropdown.open>.dropdown-menu li a:hover {
    background-color: transparent !important;
    color: #f8cec1 !important;
  }

  .template_028 #defaultNavbar1 {
    background-color: #2f2a23;
  }

  .basic .template_028 .nav-menu {
    border-bottom: 1px solid transparent;
  }

  .basic .template_028 .navbar-default .navbar-nav>li>a {
    color: #fff;
  }

  .basic .template_028 .navbar-default .navbar-nav>li>a:hover,
  .basic .template_028 .navbar-default .navbar-nav>.open>a,
  .basic .template_028 .navbar-default .navbar-nav>.open>a:focus,
  .basic .template_028 .navbar-default .navbar-nav>.open>a:hover {
    color: #e87536;
    background-color: transparent !important;
  }

  .basic .template_028 .navbar-default .navbar-nav>li>a:before {
    background: transparent;
  }

  .basic .template_028 .navbar-default .navbar-nav>li>a:focus,
  .basic .template_028 .navbar-default .navbar-nav>li>a:hover {
    color: #f8cec1 !important;
    background-color: transparent;
  }

  .basic .template_028 .navbar-default .navbar-nav>.active>a,
  .basic .template_028 .navbar-default .navbar-nav>.active>a:focus,
  .basic .template_028 .navbar-default .navbar-nav>.active>a:hover {
    color: #f8cec1;
    background-color: transparent;
  }
}

/* input style */
.basic .template_028 .input-basic {
  font-size: medium;
  border-radius: 0px;
}

.basic .template_028 .navbar-form .input-group .form-control {
  color: #fff;
  background-color: transparent;
}

.basic .template_028 .navbar-form .input-group .search-submit {
  color: #fff;
  background-color: #626262;
}

.basic .template_028 .navbar-form .input-group .search-submit a {
  color: #fff !important;
}

.basic .template_028 .navbar-form .input-group .search-submit a:hover {
  color: #f5f5f5 !important;
}

.basic .template_028 .navbar-default {
  border-color: transparent !important;
}

.basic .template_028 .navbar-style {
  background: rgba(0, 0, 0, 0.6);
}

/* index-section style */
.basic .template_028 #index_main section h2 {
  font-family: Times, "Times New Roman", "微軟正黑體", Microsoft JhengHei;
  color: #fff;
}

.basic .template_028 #index_main .portfolio_03 .size01 .text-block,
.basic .template_028 #index_main .portfolio_03 .size04 .text-block {
  background: #3c3a39;
  color: #fff;
}

.basic .template_028 #index_main .portfolio_03 .size01:hover .text-block,
.basic .template_028 #index_main .portfolio_03 .size04:hover .text-block {
  background: #e95c33;
  color: #fff;
}

.basic .article_06 time {
  background: #3c3a39;
}

.basic .portfolio_07 .size01 .image-wrap,
.basic .portfolio_07 .size02 .image-wrap,
.basic .portfolio_07 .size03 .image-wrap,
.basic .portfolio_07 .size04 .image-wrap {
  background: #3c3a39;
}

.basic .portfolio_07 .size01 .overlay,
.basic .portfolio_07 .size02 .overlay,
.basic .portfolio_07 .size03 .overlay,
.basic .portfolio_07 .size04 .overlay {
  background: #3c3a39;
}

.basic .portfolio_07 .size01 .overlay:hover,
.basic .portfolio_07 .size02 .overlay:hover,
.basic .portfolio_07 .size03 .overlay:hover,
.basic .portfolio_07 .size04 .overlay:hover {
  background: #5b5b5b;
  color: #fff;
}

.basic .portfolio_07 .size01 .image-wrap:hover .overlay,
.basic .portfolio_07 .size02 .image-wrap:hover .overlay,
.basic .portfolio_07 .size03 .image-wrap:hover .overlay,
.basic .portfolio_07 .size04 .image-wrap:hover .overlay {
  background: #5b5b5b;
  color: #fff;
}

.basic .portfolio_07 .size01,
.basic .portfolio_07 .size02,
.basic .portfolio_07 .size03,
.basic .portfolio_07 .size04 {
  background: #3c3a39;
}

/* footer style*/
.basic .template_028 footer {
  background: #1d1c1c;
  color: #ffffff;
}

.basic .template_028 .copy {
  color: #333;
}

.basic .template_028 .copy a,
.basic .template_028 .copy a:link {
  color: #3c3a39;
}

.basic .template_028 .copy a:hover,
.basic .template_028 .copyright a:hover {
  color: #e87536 !important;
}

.basic .template_028 footer .row.footer-gray-bg {
  background: #d7d4d4;
}

.basic .template_028 .copyright {
  /* border-top: 1px solid $bg3;*/
  color: #1d1c1c;
}

.basic .template_028 .copyright a {
  color: #1d1c1c;
}

.basic .template_028 .copyright div.adviser span {
  background: transparent;
  color: #626262;
}

.basic .template_028 .copyright div.organizer span {
  background: transparent;
  color: #626262;
}

.basic .template_028 .copyright div.co-organizer span {
  background: transparent;
  color: #626262;
}

.basic .template_028 .co-organizer ul li a:hover {
  color: #b4b4b4 !important;
}

/* btn style */
.basic .template_028 .btn-more .btn-style {
  color: #fff;
}

.basic .template_028 .btn-more .btn-style:hover {
  color: #f8cec1 !important;
}

.basic .template_028 .btn-group .btn-default:hover {
  background-color: #f5f5f5;
}

.basic .template_028 .btn-group .btn-style {
  color: #fff;
  background-color: #e87536;
}

.basic .template_028 .btn-group .btn-style:hover {
  color: #fff !important;
}

.basic .template_028 .btn-style:hover {
  color: #f8cec1 !important;
}

.basic .template_028 .btn-form {
  color: #fff;
  background: #626262;
}

.basic .template_028 .btn-form:hover,
.basic .template_028 .btn-form:active,
.basic .template_028 .btn-form:focus {
  color: #fff;
}

.basic .template_028 .btn-white {
  color: inherit;
  background-color: transparent;
  border: 1px solid #d4d4d4;
}

.basic .template_028 .sortbtn.btn-sort-style {
	color: #e87536;
}
.basic .template_028 .sortbtn.btn-sort-style .btntext {
	color: #e87536;
}
.basic .template_028 .btn-sorts .sortbtn .orderButtons {
  color: #fff;
}
.basic .template_028 .btn-sorts .sortbtn .orderButtons button:hover,
.basic .template_028 .btn-sorts .sortbtn .orderButtons button:focus,
.basic .template_028 .sortbtn.btn-sort-style .orderButtons button[aria-pressed="true"] {
  color: #e87536 !important;;
}

/* social */
.basic .template_028 .social i {
  color: #fff;
  background-color: transparent;
  border: 0px solid transparent;
}

.basic .template_028 .social i:hover {
  color: #fff;
  background: #333 !important;
}

.basic .template_028 .social .fa-facebook {
  background-color: #3b5998;
}

.basic .template_028 .social .fa-twitter {
  background-color: #1baae1;
}

.basic .template_028 .social .fa-google-plus {
  background-color: #c63d2d;
}

.basic .template_028 .social .fa-youtube {
  background-color: #ff3333;
}

.basic .template_028 .social .fa-instagram {
  background-color: #4e433c;
}

.basic .template_028 .social .icon-line {
  background-color: #31CC47;
}

.basic .template_028 .visit {
  color: #4c4c4c;
}

.basic .template_028 a.fb,
.basic .template_028 a.twitter,
.basic .template_028 a.google,
.basic .template_028 a.print {
  display: inline-block;
}

.basic .template_028 a.print:hover {
  color: #e95c33;
}

.basic .template_028 a.fb:hover {
  color: #3b5998;
}

.basic .template_028 a.twitter:hover {
  color: #1baae1;
}

.basic .template_028 a.google:hover {
  color: #c63d2d;
}

.basic .template_028 a.fb span,
.basic .template_028 a.twitter span,
.basic .template_028 a.google span,
.basic .template_028 a.print span,
.basic .template_028 a.fontsiz span,
.basic .template_028 a.line span {
  display: none;
}

/* icon style */
.basic .template_028 .icon-bigA {
  background: transparent;
}

.basic .template_028 .icon-smallA {
  background: transparent;
}

.basic .template_028 .icon-bigA:hover,
.basic .template_028 .icon-smallA:hover {
  background: transparent;
}

.basic .template_028 .icon-line {
  background: transparent;
}

.basic .template_028 .icon-line:hover {
  background: transparent;
}

/* site */


.basic .template_028 .site>div h4 {
  /*border-bottom: 1px solid $bg9*/
}

.basic .template_028 .site>div>ul li a {
  color: #626262;
}

.basic .template_028 .site a,
.basic .template_028 .site a:link {
  color: #ffffff;
}

.basic .template_028 .site a:hover {
  color: #e87536 !important;
}

/* download-list style */
.basic .template_028 .download-list.small-list>li {
  background: #f3f3f4;
  border-left: none;
  border-right: none;
}

.basic .template_028 .download-list h5.caption {
  border: 2px solid #d4d4d4;
}

/* todo-list style */
.basic .template_028 .todo-list.small-list>li {
  background: #f3f3f4;
}

.basic .template_028 .todo-list>li {
  background: #f3f3f4;
  border-left: 4px solid #e87536;
}

/* tags style */
.basic .template_028 .tags a:link,
.basic .template_028 .tags a {
  color: #fff;
}

.basic .template_028 .tags ul li a {
  color: #fff;
}

.basic .template_028 .tags ul li a:hover {
  background-color: #e87536;
  border: 1px solid #e87536;
  color: #fff !important;
}

/* timeline style (首頁的大事紀) */
.basic .template_028 .timeline_01 h2.timeline-years,
.basic .template_028 .timeline_03 h2.timeline-years {
  color: #fff !important;
  background-color: #3c3a39;
  font-family: "微軟正黑體", Microsoft JhengHei !important;
}

.basic .template_028 .timeline_01 .timeline-add,
.basic .template_028 .timeline_03 .timeline-add {
  color: #fff;
  background-color: #3c3a39;
}

.basic .template_028 .timeline_01 .timeline-add:hover,
.basic .template_028 .timeline_03 .timeline-add:hover {
  color: #4c4c4c;
}

.basic .template_028 .timeline_01 .timeline:before,
.basic .template_028 .timeline_03 .timeline:before {
  background-color: #3c3a39;
}

.basic .template_028 .timeline_01 .timeline>li>.timeline-panel,
.basic .template_028 .timeline_03 .timeline>li>.timeline-panel {
  border: 1px solid #d4d4d4;
  background-color: #fff;
}

.basic .template_028 .timeline_01 .timeline>li>.timeline-panel:before,
.basic .template_028 .timeline_03 .timeline>li>.timeline-panel:before {
  border-top: 15px solid transparent;
  border-left: 15px solid #d4d4d4;
  border-right: 0 solid #d4d4d4;
  border-bottom: 15px solid transparent;
}

.basic .template_028 .timeline_01 .timeline>li>.timeline-panel:after,
.basic .template_028 .timeline_03 .timeline>li>.timeline-panel:after {
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
}

.basic .template_028 .timeline_01 .timeline>li.timeline-inverted>.timeline-panel:before,
.basic .template_028 .timeline_03 .timeline>li.timeline-inverted>.timeline-panel:before {
  border-top: 15px solid transparent;
  border-right: 15px solid #d4d4d4;
  border-left: 0 solid #d4d4d4;
  border-bottom: 15px solid transparent;
}

.basic .template_028 .timeline_01 .timeline>li.timeline-inverted>.timeline-panel:after,
.basic .template_028 .timeline_03 .timeline>li.timeline-inverted>.timeline-panel:after {
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
}

.basic .template_028 .timeline_01 .timeline>li>.timeline-badge {
  background-color: #3c3a39;
  color: #fff;
}

.basic .template_028 .timeline_03 .timeline>li>.timeline-badge {
  background-color: #3c3a39;
  border: 5px solid #fff;
  right: -11px;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}

.basic .template_028 .timeline_03 .timeline>li.timeline-inverted>.timeline-badge {
  left: -11px !important;
}

.basic .template_028 .timeline_03 time {
  background-color: #3c3a39;
}

.basic .template_028 .timeline_02 .timeline-add {
  color: #fff;
  background-color: #3c3a39;
}

.basic .template_028 .timeline_02 .timeline-add:hover {
  color: #4c4c4c;
}

.basic .template_028 .timeline_02 .timeline:before {
  background-color: #3c3a39;
}

.basic .template_028 .timeline_02 time {
  border-bottom: 1px solid #3c3a39;
}

.basic .template_028 .timeline_01 .btn-style,
.basic .template_028 .timeline_03 .btn-style {
  color: #fff;
  background: #e87536;
}

.basic .template_028 .timeline_02 .btn-style {
  color: #fff;
  background: #e87536;
}

.basic .template_028 .timeline_03 time .year,
.basic .template_028 .timeline_03 time .day,
.basic .template_028 .timeline_03 time .month {
  color: #fff !important;
}

@media (max-width: 768px) {

  .basic .template_028 .timeline_01 .timeline>li>.timeline-panel:before,
  .basic .template_028 .timeline_03 .timeline>li>.timeline-panel:before {
    border-top: 15px solid transparent;
    border-right: 15px solid #d4d4d4;
    border-left: 0 solid #d4d4d4;
    border-bottom: 15px solid transparent;
  }

  .basic .template_028 .timeline_01 .timeline>li>.timeline-panel:after,
  .basic .template_028 .timeline_03 .timeline>li>.timeline-panel:after {
    border-top: 14px solid transparent;
    border-right: 14px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 14px solid transparent;
  }

  .basic .template_028 .timeline_02 time {
    background-color: #3c3a39 !important;
    color: #fff !important;
  }
}

.basic .back-top {
  background: #333;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.basic .back-top.back-is-visible,
.basic .back-top.back-fade-out,
.basic .no-touch .back-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.basic .back-top.back-is-visible {
  visibility: visible;
  opacity: 1;
}

.basic .back-top.back-fade-out {
  opacity: .5;
}

.basic .no-touch .back-top:hover {
  /*background-color:;*/
  opacity: 1;
}

.basic .back-top span {
  color: #fff;
}

/* search style */
.basic .template_028 .search-submit {
  background: #fff;
}

.basic .template_028 .keysearch .input-group-addon {
  background: #fff;
}

.basic .template_028 .dl-horizontal-dd a li,
.basic .template_028 .dl-horizontal-dd a:link li,
.basic .template_028 .dl-horizontal-dd li a,
.basic .template_028 .dl-horizontal-dd li a:link {
  color: #fff !important;
  background: #333 !important;
  border: 1px dashed #333 !important;
}

.basic .template_028 .dl-horizontal-dd a:hover li,
.basic .template_028 .dl-horizontal-dd li a:hover {
  color: #fff !important;
  background: #666 !important;
  border: 1px solid #666 !important;
}

.basic .template_028 .dl-horizontal-dd a.active li,
.basic .template_028 .dl-horizontal-dd li a.active {
  color: #fff !important;
  background: #666 !important;
  border: 1px solid #666 !important;
}

/* pagination style (內容回列表頁下方設定) */
.basic .pager {
  border-top: 1px solid #3c3a39;
}

.basic .pager li>a,
.pager li>span {
  background-color: transparent;
}

.basic .pager li>a:hover {
  background-color: #3c3a39;
  color: #fff !important;
}

.basic .cd-pagination a {
  border: 1px solid #d4d4d4;
  color: #fff !important;
}

.basic .cd-pagination a:hover {
  background-color: #3c3a39;
  border-color: #3c3a39;
  color: #fff !important;
}

.basic .no-touch .cd-pagination a:hover {
  background-color: #3c3a39;
}

.basic .cd-pagination a.disabled {
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.basic .cd-pagination .current {
  background-color: #3c3a39;
  border-color: #3c3a39;
  color: #fff !important;
}

.basic .cd-pagination.custom-buttons .button a {
  color: transparent;
}

/* Common intro style */
.basic .intro::before {
  border-top: 2px solid #333;
  border-left: 2px solid #333;
}

.basic .intro::after {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

/* Common map style */
.basic .map-content {
  background: #f3f3f4;
}

.basic .info-content {
  border-top: 2px solid #3c3a39;
}

/* Common style */
.basic .template_028 .other-01 .page-header,
.basic .template_028 .other-02 .page-header,
.basic .template_028 .other-03 .page-header,
.basic .template_028 .video-01 .page-header,
.basic .template_028 .digit-01 .page-header,
.basic .template_028 .annals-01 .page-header {
  color: #333;
}

/* Common annals style */
.basic .annals_detail ol li:before {
  background: #5b5b5b;
}

.basic .annals_detail ol li:after {
  background: #f5f5f5;
  border: 2px solid #5b5b5b;
}

.basic .annals_detail ol li:last-child:before {
  content: "";
  background: transparent;
}

.basic .annals_list_01 .annals-list,
.basic .annals-01 .annals-list {
  background: #f3f3f4;
}

.basic .annals_list_01 .fa,
.basic .annals-01 .fa {
  color: #bbb;
}

/* Common modal Document */
@media (max-width: 767px) {
  .basic .modal-dialog label {
    background: #f3f3f4;
  }
}

/* banner_Carousel style */
.basic .template_028 .bs-slider {
  background: transparent;
}

.basic .template_028 .bs-slider .bs-slider-overlay {
  background-color: transparent;
}

.basic .template_028 .carousel-indicators li {
  background-color: #d4d4d4;
  border: 2px solid #d4d4d4;
}

.basic .template_028 .carousel-indicators .active {
  background-color: #3c3a39;
  border: 2px solid #3c3a39;
}

.basic .carousel-control .icon-prev:before {
  background: transparent;
}

.basic .carousel-control .icon-next:before {
  background: transparent;
}

.basic .carousel-control.left,
.basic .carousel-control.right {
  background-image: none !important;
}

@media only screen and (max-width: 768px) {
  .basic .template_028 .carousel-indicators li {
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
  }

  .basic .template_028 .carousel-indicators .active {
    background-color: #5b5b5b;
    border: 2px solid #5b5b5b;
  }
}

/* MainPage style */
.basic .template_028 .header {
  background-color: #2f2a2a;
}

.basic .template_028 .page-header-b {
  color: #ffffff;
}

.basic .template_028 .breadcrumb {
  background-color: transparent;
}

.basic .template_028 .page-header-b:after {
  border-bottom: 3px solid #d4d4d4;
}

.basic .template_028 a {
  color: #fff;
}

.basic .template_028 .main {
  background: #2f2a23;
}

@media only screen and (max-width: 1200px) {
  .basic .template_028 .main {
    background: #2f2a23;
  }
}

/* search bar container (全文檢索設定) */
.basic .navbar-form .input-group.stylish-input-group .search-submit {
  background: transparent;
  border-bottom: transparent;
}

.basic .navbar-form .input-group.stylish-input-group .search-submit .fa {
  color: #fff;
}

/* search bar focus */
.basic .navbar-form .input-group *:focus {
  color: #fff;
  outline: 0;
}

/* search icon button */
.basic .navbar-form .search-icon-btn {
  background-color: transparent;
}

/* search bar input */
.basic .navbar-form .stylish-input-group input.form-control {
  background-color: transparent;
  color: #d4d4d4 !important;
}

.basic .template_028 .search_wrap {
  background-color: #3c3a39;
}

.basic .template_028 .search_wrap_show .form-control {
  background: #fff;
  color: #626262;
}

.basic .template_028 section.odd {
  background-color: #2f2a23;
}

.basic .template_028 section.even {
  background-color: #000;
}

.basic .template_028 .sitemap_01 section:first-child {
  background-color: #2f2a23;
  background-image: unset;
  background-position: left top;
  background-repeat: no-repeat;
}

.basic .template_028 section.child1 {
  background-color: #2f2a23;
  background-image: url(/assets/images/v028/bg01.png);
  background-position: left top;
  background-repeat: no-repeat;
}

.basic .template_028 section.child2 {
  background-color: #000;
  background-image: url(/assets/images/v028/bg02.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.basic .template_028 section.child23 {
  background-color: #2f2a23;
}

.basic .template_028 section.child4 {
  background-color: #000;
  background-image: url(/assets/images/v028/bg01.png);
  background-position: left top;
  background-repeat: no-repeat;
}

.basic .template_028 section.child5 {
  background-color: #2f2a23;
}

.basic .template_028 section.child6 {
  background-color: #000;
  background-image: url(/assets/images/v028/bg02.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.basic .template_028 section.child7 {
  background-color: #2f2a23;
}

.basic .template_028 section.child8 {
  background-color: #000;
  background-image: url(/assets/images/v028/bg01.png);
  background-position: left top;
  background-repeat: no-repeat;
}

.basic .template_028 .entry-content section:nth-child(odd) {
  background-color: transparent;
}

.navbar-form .input-group.stylish-input-group input::placeholder {
  color: #f5f5f5 !important;
}

@media (min-width: 1040px) {
  .basic .navbar-form .input-group.stylish-input-group .search-submit {
    background: transparent;
  }
}

@media (min-width: 1440px) {
  .basic .navbar-form .input-group.stylish-input-group .search-submit {
    background: transparent;
  }
}

@media (max-width: 1000px) {
  .basic .navbar-form .input-group.stylish-input-group .search-submit {
    background: transparent;
    position: relative;
    top: 0;
  }

  .basic .navbar-form .input-group.stylish-input-group .search-submit .fa {
    color: #fff;
  }
}

/* 時間選擇 */
.basic .template_028 .bootstrap-datetimepicker-widget.dropdown-menu {
  background: #fff !important;
  color: #333;
	border: 1px solid #d4d4d4;
}

/* 其他共用模組設定 */
.basic .template_028 .portfolio_06 .text-block,
.basic .template_028 .portfolio_02 .text-block {
  color: #fff;
}

.basic .text-ellipsis {
  color: #333;
}

.basic app-cms-video-01 .text-ellipsis {
  color: #fff !important;
}

.basic .thumbnail a:hover h3.text-ellipsis,
.basic .thumbnail a:hover .caption h3 {
  color: #e95c33;
}

.basic .multi_list_01 .box-block {
  background: #e87536;
}

.basic .multi_list_01 .news .date .month,
.basic .multi_list_01 .news .date .day {
  color: #fff;
}

.basic .multi_list_01 .news .date .year,
.basic .multi_list_01 .news .date .time {
  color: #fff;
}

.basic .multi_list_02 .news .date .month,
.basic .multi_list_02 .news .date .day {
  color: #fff;
}

.basic .multi_list_02 .news .date .year,
.basic .multi_list_02 .news .date .time {
  color: #fff;
}

.basic .multi_list_02 .news .info {
  color: #f5f5f5;
}

@media (min-width: 640px) {
  .basic .multi_list_02 .news {
    border-bottom: 1px solid #d4d4d4;
  }

  .basic .multi_list_01 .box-block {
    background: #f5f5f5;
  }

  .basic .multi_list_01 .news .date .day {
    color: #b93907 !important;
  }
}

.basic .multi_list_03 .news:before,
.basic .multi_list_02 .box-block {
  background: #3c3a39 !important;
}

.basic .article_02 .aside-box {
  background: #f5f5f5;
  border-left: 6px solid #e87536;
}

.basic .portfolio_01 .row>div[class^="col"]>div {
  box-shadow: 0px 0px 1px #626262;
}

.basic .portfolio_14 .color1 .overlay {
  border-bottom: 6px solid #b4b4b4;
}

.basic .portfolio_14 .image-wrap {
  background: #fff;
  color: #fff;
}

.basic .portfolio_14 .image-wrap:hover p,
.basic .portfolio_14 .image-wrap p {
  color: #b93907;
}

.basic .portfolio_14 .color1 time {
  background: #b4b4b4;
  color: #fff;
}

.basic .portfolio_14 .color2 .overlay {
  border-bottom: 6px solid #5b5b5b;
}

.basic .portfolio_14 .overlay h3:hover {
  color: #e95c33;
}

.basic .portfolio_14 .color2 time {
  background: #5b5b5b;
  color: #fff;
}

.basic .index-article-05 .aside:before {
  font-family: "FontAwesome";
}

.basic .article_04 .details {
  background: #f5f5f5;
}

/* 新區塊 */
.basic .portfolio_15 .aside-box {
  box-shadow: 0px 0px 3px 1px rgba(221, 221, 221, 0.5);
}

.basic .portfolio_15 .details {
  background: #fff;
}

.basic .portfolio_15 .map {
  color: #1d7292;
}

.basic .portfolio_15 .map i {
  color: #e87536;
}

.basic .portfolio_16 h3.text-overflow {
  color: #fff;
}

.basic .portfolio_17 h5 {
  color: #1d7292;
}

/* 以上新區塊 */
.basic .article_08 .aside-box {
  border: 4px solid #3c3a39;
}

.basic .circle-red {
  background: #3c3a39;
  color: #fff;
}

.basic .circle-green {
  background: #5b5b5b;
  color: #fff;
}

.basic .circle-orange {
  background: #e87536;
  color: #fff;
}

.basic .circle-gray {
  background: #4c4c4c;
  color: #fff;
}

/* 圖形連結模組設定 */
#index_main~section.row {
  background-color: #e6e4e1;
}

.graphicalLink_01 .banner_slider_model img,
.graphicalLink_02 .banner_slider_model img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.graphicalLink_01 .banner_slider_model img:hover,
.graphicalLink_02 .banner_slider_model img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.basic .template_028 #index_main section .summary {
  color: #FFF;
}

.basic .template_028 .search {
  background-color: #000;
  background-image: url("/assets/images/v028/s_bg.png");
  background-position: left;
  background-repeat: no-repeat;
}

.basic .template_028 footer .row {
  background-color: #000;
}

.basic .template_028 .site {
  background-color: #000;
}

.basic .template_028 .cd-pagination {
  color: #fff;
}

.basic .template_028 .search-submit a {
  color: #000;
}
.basic .template_028 .qq-uploader:before,
.basic .template_028 .qq-upload-file,
.basic .template_028 .qq-file-info {
  color: #333;
}
.basic .template_028 .qq-uploader {
  max-height: unset;
}
.basic .template_028 .sitemaptitle {
  background: #434342 !important;
}
.basic .template_028 .multi_list_01 .news .info .desc {
  color: #fff;
}
.basic .template_028 .multi_list_01 .btn {
 color: #000 !important;
}
.basic .template_028 .search {
  padding-top: 15px;
}

.basic .template_028 .btntext {
  color: #fff;
}
.basic .template_028 .date-block {
  background-color: #f2047f !important;
}
.basic .multi_list_01 .box-block {
  background-color: #f2047f !important;
}
.basic .template_028 .visit {
  color: #fff !important;
}
.basic .template_028 .icon-bigA {
  background-image: url(/assets/images/img/bigA-white.svg)!important;
}
.basic .template_028 .icon-smallA {
  background-image: url(/assets/images/img/smallA-white.svg)!important;
}
.basic .template_028 .active {
  color: #bababa !important;
}
.basic .template_028 .officalLetter_list_01 .list tr:nth-child(odd) td {
  background: #24211e !important;
}
.basic .template_028 .multi_list_05 .list li:nth-child(odd) {
  background: #24211e !important;
}
.basic .template_028 .multi_list_05 .list .content {
  color: #fff !important;
}

.basic .template_028 .normal_list_06 .case #EvList .activity-item {
  background: #24211e !important;
}

.basic .template_028 .normal_list_08 .case #EvList .activity-item {
  background: #24211e !important;
}

.basic .template_028 .multi_list_07 .news .info .desc {
  color: #fff !important;
}

.basic .template_028 .multi_list_07 .news .date span {
  color: #fff !important;
}

.basic .template_028 .multi_list_02 .news .info .desc {
  color: #fff !important;
}

.basic .template_028 .collection_list_06 .case #EvList .activity-item {
  position: relative;
  background: #24211e !important;
}
.basic .template_028 .multi_list_03 .news .info .title {
  color: #FFF !important;
}
.basic h3.summary {
  background: #24211e !important;
  border-left: 4px solid #e87536;
  color: #fff !important;
}

.basic .template_028 .bulletin_detail_01 .projectlist tr td {
  border-bottom: 0px solid #000 !important;
}

.basic .template_028 .officalLetter_detail_01 .article .entry-content {
  border-top: 0px solid #bbb!important;
  border-bottom: 0px solid #bbb!important;
  background: #d7d4d4!important;
  color: #fff!important;
}
.basic .template_028 .officalLetter_detail_01 .article .info2 {
  border-top: 1px solid #bbb;
  color: #fff !important;
}
.basic .template_028 .officalLetter_detail_01 .info2 i {
  color: #fff !important;
}
.basic .template_028 .thumbnail {
  background-color: #24211e !important;
  border: 0px solid #ddd !important;
}
.basic .template_028 .fr-view table th {
  background: #24211e !important;
}
.basic .template_028 .fr-view table td, .fr-view table th {
  border: 1px solid #5e5c5a !important;
  padding: 8px !important;
}
.basic .template_028 .collection_detail_01 .thumbnail {
  background-color: #24211e;
}
.basic .template_028 .panel {
  background-color: #24211e;
  border: 1px solid #5e5c5a !important;
}
.basic .template_028 .event_detail_01 h2 {
  background: transparent !important;
}
.basic .template_028 .event_detail_01 .timelimit {
  background: transparent !important;
}
.basic .template_028 .officalLetter_list_01 .list .date {
   background: transparent !important;
}
.basic .template_028 .multi_list_07 .news .info .title {
  color: #fff !important;
  font-size: x-large;
  font-weight: 500 !important;
}

.basic .template_028 .timeline_01 .timeline>li>.timeline-panel, .basic .template_028 .timeline_03 .timeline>li>.timeline-panel {
  border: 0px solid #d4d4d4!important;
  background-color: #24211e!important;
}
.basic .template_028 .timeline_01 .timeline>li>.timeline-panel:after, .basic .template_028 .timeline_03 .timeline>li>.timeline-panel:after {
  border-top: 14px solid transparent;
  border-left: 14px solid #24211e!important;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
}

.basic .template_028 .timeline_01 .timeline>li.timeline-inverted>.timeline-panel:after, .basic .template_028 .timeline_03 .timeline>li.timeline-inverted>.timeline-panel:after {
  border-top: 14px solid transparent;
  border-right: 14px solid #24211e;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
}

.timeline_detail_01 .timelimit {
  background: transparent!important;
}
.timeline_detail_01 h2 {
  background: transparent!important;
  color: #000;
}
.timeline_detail_01 .entry-title {
  position: relative!important;
  top: 15px;
  left: 15px;
  margin-right: 15px;
  text-align: left;
}
.thumbnail .caption {
  padding: 9px;
  color: #fff!important;
}
.ebook_list_01 .thumbnail .image-wrap {
  border: 1px solid #5e5c5a !important;
}
.multi_list_01 .news .date .day {
  background-color: #fff !important;
}
.video_list_01 .btn-video {
  color: #fff !important;
}
.basic .template_028 .dl-horizontal-dd a.active li,
.basic .template_028 .dl-horizontal-dd a:hover li,
.basic .template_028 .dl-horizontal-dd li a.active,
.basic .template_028 .dl-horizontal-dd li a:hover {
  color: #fff!important;
  background: #e87536!important;
  border: 1px solid #666!important;
}

.red {
  color: red;
}

.text-black {
  color: #000;
}