@charset "UTF-8";
/* template-008-color-basic */
body.basic {
  font-family: "微軟正黑體", Microsoft JhengHei;
}

noscript {
  color: #fff;
}

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

.basic header {
  background: transparent; }

.basic .template_016 a {
  color: #c06020; }

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

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

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

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

.basic .template_016 .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_016 a.key {
  color: #fff; }

.basic .template_016 .sitemap_01 h4 {
  background: #f5f5f5; }

.basic .template_016 .overlay {
  transition: .5s ease; }

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

  .basic .template_016 .date-block {
    background-color: #e87536; } }
/* header-top style */
.basic .template_016 .navbar-default {
  border-color: transparent !important; }

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

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

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

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

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

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

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

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

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

.basic .template_016 .dropdown-menu li a {
  color: #000; }

.basic .template_016 .dropdown-menu li a:hover,
.basic .template_016 .dropdown-menu li a:focus {
  background-color: #f1f1ee;
  color: #e95c33 !important;
  font-weight: bold; }

.basic .template_016 .dropdown-menu > .active > a, .basic .template_016 .dropdown-menu > .active > a:focus, .basic.template_016 .dropdown-menu > .active > a:hover {
  background-color: #ef925f;
  color: #fff !important;
  font-weight: bold; }

@media (max-width: 1000px) {
  /* dropdown-menu (第二層以後的選單) */
  .basic .template_016 .dropdown-submenu > a:after {
    border-left-color: transparent !important; }

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

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

  .basic .template_016 .dropdown-menu {
    background-color: #efefef;
    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_016 .navbar-style {
    background-color:#000;
    background-image:none;
  }
  .basic .template_016 .navbar-default .navbar-nav > li > a {
    color: #fff;
  }
}
@media (max-width: 1040px) {
  .basic .template_016 .navbar-default .navbar-toggle {
    background-color: transparent;
    background-image: none; }

  .basic .open .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    background-color: #efefef;
    color: #ffffff; } }
/* search 、nav-site lang settings (搜尋語系區塊設定) */
.basic .template_016 .navbar-top {
  background: transparent; }

.basic .template_016 .nav-fit li a:hover {
  background-color: transparent;
}

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

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

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

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

@media (min-width: 1040px) {
  .basic .template_016 .navbar-top a, .basic .template_016 .navbar-top .lang a {
    color: #fff; } }
@media (min-width: 1440px) {
  .basic .template_016 .navbar-top a, .basic .template_016 .navbar-top .lang a {
    color: #fff; } }
/*  hamburger-menu navbar-toggle (漢堡選單顏色設定)*/
.basic .template_016 .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important; }

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

.basic .template_016 .navbar-default .navbar-toggle {
  border-color: #fff; background-color: #796c6c;}

.basic .template_016 .navbar-default .navbar-toggle:focus, .basic .template_016 .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_016 .navbar-nav > li {
    border-top: 0px solid #f8cec1; }

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

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

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

  .template_016 #defaultNavbar1 {
     }

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

  .basic .template_016 .navbar-default .navbar-nav > li > a {
    color: #000; }

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

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

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

  .basic .template_016 .navbar-default .navbar-nav > .active > a, .basic .template_016 .navbar-default .navbar-nav > .active > a:focus, .basic .template_016 .navbar-default .navbar-nav > .active > a:hover {
    color: #eb0c26;
    background-color: transparent; } }
/* input style */
.basic .template_016 .input-basic {
  font-size: 1.6rem;
  border-radius: 0px; }

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

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

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

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

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

/* index-section style */
.basic .template_016 #index_main section h2,
.basic .template_016 #index_main section p.summary {
  color: #fff;
}
.basic .template_016 #index_main section.odd h2,
.basic .template_016 #index_main section.odd p.summary {
  color: inherit;
}
.basic .template_016 #index_main .portfolio_03 .size01 .text-block, .basic .template_016 #index_main .portfolio_03 .size04 .text-block {
  background: #3c3a39;
  color: #fff; }

.basic .template_016 #index_main .portfolio_03 .size01:hover .text-block, .basic .template_016 #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_016 footer {
  background: #2c2c2c;
  color: #fff; }

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

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

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

.basic .template_016 footer .row:nth-child(3), .basic .template_016 footer .row:nth-child(4) {
  background: #2c2c2c; }

.basic .template_016 .copyright, .basic .template_016 .copyright a {
  /* border-top: 1px solid $bg3;*/
  color: #f2f2f2;
}
.basic .template_016 .copyright div.adviser span {
  background: transparent;
  color: #626262; }

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

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

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

/* btn style */
.basic .template_016 .btn-more .btn-style {
  color: #fff;
  background: #a62424; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.basic .template_016 .social .fa-instagram {
  background-color: #4e433c;
}
.basic .template_016 .social .icon-line {
  background-color: #31CC47;
}
.basic .template_016 .social .fa-link {
  background-color: #4e433c;
}
.basic .template_016 .visit {
  color: #4c4c4c; }

.basic .template_016 a.fb, .basic .template_016 a.twitter, .basic .template_016 a.google, .basic .template_016 a.print, .basic .template_016 a.line, .basic .template_016 a.copylink {
  color: #4c4c4c;
  display: inline-block; }

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

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

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

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

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

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

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

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

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

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

/* site */
.basic .template_016 .site {
  border-top: 0px solid #b4b4b4; }

.basic .template_016 .site dd a {
  color: #626262; }

.basic .template_016 .site a, .basic .template_016 .site a:link {
  color: #fff !important;
}

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

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

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

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

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

/* tags style */
.basic .template_016 .tags a:link, .basic .template_016 .tags a {
  color: #b93907 !important; }

.basic .template_016 .tags ul li a {
  background-color: #e7e6e0;
  border: 1px solid #d4d4d4;
  color: #b93907; }

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

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

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

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

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

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

.basic .template_016 .timeline_01 .timeline > li > .timeline-panel:before, .basic .template_016 .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_016 .timeline_01 .timeline > li > .timeline-panel:after, .basic .template_016 .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_016 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_016 .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_016 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_016 .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_016 .timeline_01 .timeline > li > .timeline-badge {
  background-color: #3c3a39;
  color: #fff; }

.basic .template_016 .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_016 .timeline_03 .timeline > li.timeline-inverted > .timeline-badge {
  left: -11px !important; }

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .basic .template_016 .timeline_01 .timeline > li > .timeline-panel:before, .basic .template_016 .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_016 .timeline_01 .timeline > li > .timeline-panel:after, .basic .template_016 .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_016 .timeline_02 time {
    background-color: #3c3a39 !important;
    color: #fff !important; } }


/* timeline style (首頁的大事紀) & 人、事列表 (456) */
.basic .template_016 .timeline_01 h2.timeline-years, .basic .template_016 .timeline_03 h2.timeline-years, .basic .template_016 .event_list_06 h2.timeline-years, .basic .template_016 .people_list_04 h2.timeline-years, .basic .template_016 .people_list_05 h2.timeline-years, .basic .template_016 .people_list_06 h2.timeline-years {
  color: #fff !important;
  background-color: #202020;
  font-family: "微軟正黑體", Microsoft JhengHei !important; }

.basic .template_016 .timeline_01 .timeline-add, .basic .template_016 .timeline_03 .timeline-add, .basic .template_016 .event_list_06 .timeline-add, .basic .template_016 .people_list_04 .timeline-add, .basic .template_016 .people_list_05 .timeline-add {
  color: #fff;
  background-color: #202020; }

.basic .template_016 .timeline_01 .timeline-add:hover, .basic .template_016 .timeline_03 .timeline-add:hover, .basic .template_016 .event_list_06 .timeline-add:hover, .basic .template_016 .people_list_04 .timeline-add:hover, .basic .template_016 .people_list_05 .timeline-add:hover {
  color: #4c4c4c; }

.basic .template_016 .timeline_01 .timeline:before, .basic .template_016 .timeline_03 .timeline:before, .basic .template_016 .event_list_06 .timeline:before, .basic .template_016 .event_list_07 .timeline:before, .basic .template_016 .people_list_04 .timeline:before, .basic .template_016 .people_list_06 .timeline:before {
  background-color: #202020; }

.basic .template_016 .people_list_05 .timeline:before {
  background-color: #d4d4d4; }

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

.basic .template_016 .people_list_05 .timeline > li > .timeline-panel {
  border-top: 1px solid #d4d4d4;
  background-color: transparent; }

.basic .template_016 .timeline_01 .timeline > li > .timeline-panel:before, .basic .template_016 .timeline_03 .timeline > li > .timeline-panel:before, .basic .template_016 .event_list_06 .timeline > li > .timeline-panel:before, .basic .template_016 .people_list_04 .timeline > li > .timeline-panel:before, .basic .template_016 .people_list_05 .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_016 .timeline_01 .timeline > li > .timeline-panel:after, .basic .template_016 .timeline_03 .timeline > li > .timeline-panel:after, .basic .template_016 .event_list_06 .timeline > li > .timeline-panel:after, .basic .template_016 .people_list_04 .timeline > li > .timeline-panel:after, .basic .template_016 .people_list_05 .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_016 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_016 .timeline_03 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_016 .event_list_06 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_016 .people_list_04 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_016 .people_list_05 .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_016 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_016 .timeline_03 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_016 .event_list_06 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_016 .people_list_04 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_016 .people_list_05 .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_016 .timeline_01 .timeline > li > .timeline-badge, .basic .template_016 .event_list_06 .timeline > li > .timeline-badge, .basic .template_016 .people_list_04 .timeline > li > .timeline-badge {
  background-color: #202020;
  color: #fff; }

.basic .template_016 .timeline_03 .timeline > li > .timeline-badge, .basic .template_016 .event_list_06 .timeline > li > .timeline-badge, .basic .template_016 .people_list_04 .timeline > li > .timeline-badge {
  background-color: #202020;
  border: 5px solid #fff;
  right: -10px;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important; }

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

.basic .template_016 .timeline_03 time {
  background-color: #202020; }

.basic .template_016 .timeline_02 .timeline-add {
  color: #fff;
  background-color: #202020; }

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

.basic .template_016 .timeline_02 .timeline:before {
  background-color: #202020; }

.basic .template_016 .timeline_02 time {
  border-bottom: 1px solid #202020; }

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

.basic .template_016 .timeline_02 .btn-style {
  color: #fff;
  background: #e95c33; }

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

.basic .template_016 .event_list_07 .timeline h3 :before {
  border: 3px solid #202020;
  background: #202020;
  content: "\f016";
  font-family: "FontAwesome";
  color: #fff;
  text-align: center; }

.basic .template_016 .people_list_06 .timeline h3 :before, .basic .template_016 .people_list_06 time:before {
  background-color: #fff;
  border: 3px solid #202020; }

.basic .template_016 .people_list_06 time {
  color: #f5f5f5; }

.basic .template_016 .people_list_06 .title {
  color: #202020; }

@media (max-width: 768px) {
  .basic .template_016 .timeline_01 .timeline > li > .timeline-panel:before, .basic .template_016 .timeline_03 .timeline > li > .timeline-panel:before, .basic .template_016 .event_list_06 .timeline > li > .timeline-panel:before, .basic .template_016 .people_list_04 .timeline > li > .timeline-panel:before, .basic .template_016 .people_list_05 .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_016 .timeline_01 .timeline > li > .timeline-panel:after, .basic .template_016 .timeline_03 .timeline > li > .timeline-panel:after, .basic .template_016 .event_list_06 .timeline > li > .timeline-panel:after, .basic .template_016 .people_list_04 .timeline > li > .timeline-panel:after, .basic .template_016 .people_list_05 .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_016 .timeline_02 time {
    background-color: #202020 !important;
    color: #fff !important; } }
@media (max-width: 480px) {
  .basic .template_016 .people_list_06 time {
    color: #d4d4d4; } }
.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_016 .search-submit {
  background: #fff; }

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

.basic .template_016 .dl-horizontal-dd li a, .basic .template_016 .dl-horizontal-dd li a:link {
  color: #3c3a39;
  background: #f5f5f5;
  border: 1px dashed #f5f5f5; }

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

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

/* 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 {
	background-color: #1f1e1d;
  border: 1px solid #1f1e1d;
  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: #e7e6e0;
  border-color: #e7e6e0;
  color: #2a2828 !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_016 .related-other .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 .tm-modal label {
    background: #f3f3f4; } }
/* banner_Carousel style */
.basic .template_016 .bs-slider {
  background: transparent; }

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

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

.basic .template_016 .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_016 .carousel-indicators li {
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5; }

  .basic .template_016 .carousel-indicators .active {
    background-color: #5b5b5b;
    border: 2px solid #5b5b5b; } }
/* MainPage style */
.basic .template_016 .page-header-b {
  color: #fff; }

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

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

.basic .template_016 .main {
  background: #fff; }

@media only screen and (max-width: 1200px) {
  .basic .template_016 .main {
    background: #fff; } }
/* 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;
}

/* 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_016 .search_wrap {
  background-color: #3c3a39; }

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

.basic .template_016 section.odd {
  background-color: #e1e4e8; }

.basic .template_016 .entry-content section.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_016 .bootstrap-datetimepicker-widget.dropdown-menu {
  background: #fff !important; }

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

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

.basic .thumbnail a:hover h3.text-ellipsis,
/* cms-media-02 row title use */
.basic .thumbnail a:hover h4.text-ellipsis,
.basic .thumbnail a:hover .caption h3,
/* related and route related ver. and detail-media-02 related ver. */
.basic .thumbnail a:hover .caption h4 {
  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 .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%); }

 .btn3 {
    color: #fff;
    background: #a62424;
}

.basic div.introduction{
  position: relative;
  border-radius: 0;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: large;
  line-height: 1.6em!important;
  white-space: pre-line;
  background: #f3f3f4;
  border-left: 4px solid #e87536;
  color: #333;
}