@charset "UTF-8";
/* template-004-color-basic */
.red #top {
  /*background-color:;*/
  font-family: "微軟正黑體", Microsoft JhengHei; }

.red h3.summary {
  background: #f3f3f4;
  border-left: 5px solid #c62020;
  color: #c62020;
  font-style: italic; }

.red header {
  background: #c62020; }

.red .template_004 a {
  color: #333; }

.red .template_004 a:hover, .red .template_004 a:active, .red .template_004 .info a:hover h2 {
  color: #666 !important; }

.red .template_004 .thumbnail a:hover > .caption {
  color: #333 !important; }

.red .template_004 .underline {
  border-bottom: 6px solid #333;
  background: transparent; }

.red .template_004 .box-block {
  background-color: #c62020; }

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

.red .template_004 .image-wrap img:hover {
  -moz-transform: scale(1.075);
  -webkit-transform: scale(1.075);
  -ms-transform: scale(1.075);
  transform: scale(1.075); }

.red .template_004 a.key {
  color: #e8a5a5; }

.red .template_004 .sitemap_01 h4 {
  background: #ecebe6; }

.red .template_004 .overlay {
  background-color: #333;
  transition: .5s ease; }

.red .template_004 .portfolio_06 .text-block, .red .template_004 .portfolio_02 .text-block {
  color: #fff; }

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

  .red .template_004 .date-block {
    background-color: #c62020; } }
/* header-top style */
.red .template_004 .navbar-default {
  border-color: transparent !important; }

.red .template_004 .navbar-style {
  background: #c62020; }

/* menu settings (選單的樣式) */
.red .template_004 .navbar-default .navbar-nav > li > a {
  color: #fff; }

.red .template_004 .navbar-default .navbar-nav > li > a:hover,.red .template_004 .navbar-default .navbar-nav > .open > a, .red .template_004 .navbar-default .navbar-nav > .open > a:focus, .red .template_004 .navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #333; }

.red .template_004 .navbar-default .navbar-nav > li > a:before {
  background: #333;
  /*** COLOR OF THE LINE ***/ }

.red .template_004 .navbar-default .navbar-nav > li > a:focus, .red .template_004 .navbar-default .navbar-nav > li > a:hover {
  color: #fff !important;
  background-color: #333; }

.red .template_004 .navbar-default .navbar-nav > .active > a, .red .template_004 .navbar-default .navbar-nav > .active > a:focus, .red .template_004 .navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #333; }

/* dropdown-menu (下拉選單的樣式) */
.red .template_004 .dropdown-menu {
  color: #fff;
  background-color: #fff;
  border: 1px solid #333; }

.red .template_004 .dropdown-menu.bootstrap-datetimepicker-widget {
  color: #333;
}
.red .template_004 .dropdown-menu li a {
  color: #333; }

.red .template_004 .dropdown-menu li a:hover,
.red .template_004 .dropdown-menu li a:focus {
  background: transparent;
  color: #333 !important;
  font-weight: bold; }

.red .template_004 .dropdown-menu > .active > a,
.red .template_004 .dropdown-menu > .active > a:focus,
.red .template_004 .dropdown-menu > .active > a:hover {
  background: #f3f3f4;
  color: #333 !important;
  font-weight: bold; }

.red .template_004 .nav-fit .dropdown-menu {
  color: #333;
  top: 40px; }

.red .template_004 .navbar-top .theme.open > .dropdown-menu a {
  background: #fff !important;
  color: #333 !important; }

/* dropdown-menu (第二層以後的選單右方箭頭) */
.red .template_004 .dropdown-submenu > a:after {
  border-left-color: #d4d4d4 !important; }

.red .template_004 .dropdown-submenu:hover > a:after {
  border-left-color: #d4d4d4 !important; }

@media (max-width: 1040px) {
  /* dropdown-menu (第二層以後的選單) */
  .red .template_004 .dropdown-submenu > a:after {
    border-left-color: transparent !important;
    border-top-color: #fff !important; }

  .red .template_004 .dropdown-submenu:hover > a:after {
    border-left-color: transparent !important;
    border-top-color: #333 !important; }

  .red .template_004 .dropdown-menu {
    margin: 2px 0 0 0; }

  .red .template_004 .dropdown-menu {
    background-color: #e8a5a5;
    border: 0px solid transparent; }

  .red .open .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    background-color: #fff; } }
@media (max-width: 1000px) {
  .red .template_004 .navbar-style {
    background: #c62020; } }
@media (max-width: 1040px) {
  .red .template_004 .navbar-default .navbar-toggle {
    background-color: transparent;
    background-image: none; } }
/* search 、nav-site lang settings (搜尋語系區塊設定) */
.red .template_004 .navbar-top {
  background: #c62020; }

.red .template_004 .nav-fit li a {
  color: #fff; }

.red .template_004 .nav-fit li a:hover {
  color: #fff !important;
  /*	text-decoration: underline!important;*/ }

.red .template_004 .navbar-top .lang a {
  color: #fff; }

.red .template_004 .navbar-top .lang.open > .dropdown-menu > li > a {
  color: #333 !important; }

.red .template_004 .navbar-top .lang.open > .dropdown-menu > li > a:hover {
  background: transparent;
  color: #333; }

@media (max-width: 1040px) {
  .red .template_004 .navbar-top .theme.pc .dropdown-toggle:before {
    content: "";
    background: url(/assets/images/img/series.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 50%; }

  .red .template_004 .navbar-top .theme.open > .dropdown-menu {
    background: #c62020 !important;
    color: #fff !important; }

  .red .template_004 .navbar-top .theme.open > .dropdown-menu a {
    background: #c62020 !important;
    color: #fff !important; } }
/*  hamburger-menu navbar-toggle (漢堡選單顏色設定)*/
.red .template_004 .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important; }

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

.red .template_004 .navbar-default .navbar-toggle {
  border-color: none;
  border: none; }

.red .template_004 .navbar-default .navbar-toggle:focus, .red .template_004 .navbar-default .navbar-toggle:hover {
  background-color: #333;
  border-color: #333; }

/* navbar-nav 768 bug */
@media only screen and (max-width: 1040px) {
  /* menu settings (行動版選單設定) */
  .red .template_004 .navbar-nav > li {
    border-top: 1px solid #841515; }

  .red .template_004 .dropdown.open > .dropdown-menu, .red .template_004 .dropdown.open > * > .dropdown-menu {
    background-color: #f3f3f4;
    border: none; }

  .red .template_004 .dropdown.open > .dropdown-menu li a, .red .template_004 .dropdown.open > * > .dropdown-menu li a {
    background-color: transparent !important;
    color: #333; }

  .red .template_004 .dropdown.open > .dropdown-menu li a:hover, .red .template_004 .dropdown.open > * > .dropdown-menu li a:hover {
    background-color: transparent !important;
    color: #333; } }
/* input style */
.red .template_004 .input-basic {
  font-size: 1.6rem;
  border-radius: 0px; }

/* index-section style */
.red .template_004 #index_main section h2 {
  font-family: "微軟正黑體", Microsoft JhengHei;
  color: #333; }

.red .template_004 #index_main .portfolio_03 .size01 .text-block, .red .template_004 #index_main .portfolio_03 .size04 .text-block {
  background: #c62020;
  color: #fff; }

.red .article_06 time {
  background: #c62020;
  color: #fff; }

.red .portfolio_07 .size01 .image-wrap, .red .portfolio_07 .size02 .image-wrap, .red .portfolio_07 .size03 .image-wrap, .red .portfolio_07 .size04 .image-wrap {
  background: #c62020;
  color: #fff; }

.red .portfolio_07 .size01 .overlay, .red .portfolio_07 .size02 .overlay, .red .portfolio_07 .size03 .overlay, .red .portfolio_07 .size04 .overlay {
  background: #c62020;
  color: #fff; }

.red .portfolio_07 .size01 .overlay:hover, .red .portfolio_07 .size02 .overlay:hover, .red .portfolio_07 .size03 .overlay:hover, .red .portfolio_07 .size04 .overlay:hover {
  background: #333;
  color: #fff; }

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

.red .portfolio_07 .size01, .red .portfolio_07 .size02, .red .portfolio_07 .size03, .red .portfolio_07 .size04 {
  background: #c62020; }

/* footer style*/
.red .template_004 footer {
  background: #c62020;
  color: #e8a5a5; }

.red .template_004 .copy {
  border-top: 2px solid #dc7979; }

.red .template_004 .copy a, .red .template_004 .copy a:link {
  color: #e8a5a5; }

.red .template_004 .copy a:hover {
  color: #dc7979 !important; }

.red .template_004 .copyright div.adviser span {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff; }

.red .template_004 .copyright div.organizer span {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff; }

.red .template_004 .copyright div.co-organizer span {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff; }

.red .template_004 .co-organizer ul li a {
  color: #e8a5a5 !important; }

.red .template_004 .co-organizer ul li a:hover {
  color: #dc7979 !important; }

/* btn style */
.red .template_004 .btn-more .btn-style {
  color: #cb3636;
  background: transparent; }

.red .template_004 .btn-more .btn-style:hover {
  color: #333 !important; }

.red .template_004 .btn-more .btn-style:after {
  font-family: "FontAwesome";
  content: "\f178 ";
  padding-left: 10px; }

.red .template_004 .btn-group button {
  border-radius: 0px; }

.red .template_004 .btn-group .btn-default:hover {
  background-color: #ecebe6; }

.red .template_004 .btn-group .btn-style {
  color: #fff;
  background-color: #333; }

.red .template_004 .btn-group .btn-style:hover {
  color: #fff !important; }

.red .template_004 .btn-style:after {
  font-family: "FontAwesome";
  content: "\f178 "; }

.red .template_004 .btn-style:hover {
  color: #333 !important; }

.red .template_004 .btn-form {
  color: #fff;
  background: #841515; }

.red .template_004 .btn-form:hover, .red .template_004 .btn-form:active, .red .template_004 .btn-form:focus {
  color: #fff; }

.red .template_004 .btn-white {
  color: inherit;
  background-color: transparent;
  border: 1px solid #ecebe6; }

/* social */
.red .template_004 .social i {
  color: #fff;
  background-color: #841515; }

.red .template_004 .social i:hover {
  color: #fff;
  background: #841515; }

.red .template_004 .social .fa-facebook {
  background-color: #3b5998; }

.red .template_004 .social .fa-twitter {
  background-color: #1baae1; }

.red .template_004 .social .fa-google-plus {
  background-color: #c63d2d; }

.red .template_004 .social .fa-youtube {
  background-color: #ff3333; }

.red .template_004 .social .fa-instagram {
  background-color: #4e433c; }
.red .template_004 .social .icon-line {
  background-color: #31CC47;
}
.red .template_004 .social .fa-link {
	background-color: #4e433c;
}
.red .template_004 .visit {
  color: #959595; }

.red .template_004 a.fb, .red .template_004 a.twitter, .red .template_004 a.google, .red .template_004 a.print, .red .template_004 a.line, .red .template_004 a.copylink {
  color: #959595;
  display: inline-block; }

.red .template_004 a.print:hover {
  color: #e95c33; }

.red .template_004 a.fb:hover {
  color: #3b5998; }

.red .template_004 a.twitter:hover {
  color: #1baae1; }

.red .template_004 a.google:hover {
  color: #c63d2d; }

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

/* icon style */
.red .template_004 .icon-bigA {
  background: transparent; }

.red .template_004 .icon-smallA {
  background: transparent; }

.red .template_004 .icon-bigA:hover, .red .template_004 .icon-smallA:hover {
  background: transparent; }

.red .template_004 .icon-line {
  background: transparent;
  background-image: url(/assets/images/img/line-gray.svg) !important;
}
.red .template_004 .icon-line:hover {
  background: transparent;
  background-image: url(/assets/images/img/line-darkGray.svg) !important;
}
.red .template_004 .social .icon-line {
  background-image: none !important;
}
.red .template_004 .social .icon-line::after {
  background-image: url(/assets/images/img/line-white.svg) !important;
}
/* site */
.red .template_004 .site dd a {
  color: #e8a5a5 !important; }

.red .template_004 .site a, .red .template_004 .site a:link {
  color: #fff; }

.red .template_004 .site a:hover {
  color: #dc7979 !important; }

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

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

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

.red .template_004 .todo-list > li {
  background: #fff;
  border-left: 6px solid #c62020; }

/* tags style */
.red .template_004 .tags a:link, .red .template_004 .tags a {
  color: #333; }

.red .template_004 .tags ul li a {
  background-color: #ecebe6;
  border: 1px solid #ecebe6;
  color: #000; }

.red .template_004 .tags ul li a:hover {
  background-color: #333;
  border: 1px solid #333;
  color: #fff !important; }

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

.red .template_004 .timeline_01 .timeline-add, .red .template_004 .timeline_03 .timeline-add, .red .template_004 .event_list_06 .timeline-add, .red .template_004 .people_list_04 .timeline-add, .red .template_004 .people_list_05 .timeline-add {
  color: #fff;
  background-color: #333; }

.red .template_004 .timeline_01 .timeline-add:hover, .red .template_004 .timeline_03 .timeline-add:hover, .red .template_004 .event_list_06 .timeline-add:hover, .red .template_004 .people_list_04 .timeline-add:hover, .red .template_004 .people_list_05 .timeline-add:hover {
  color: #959595; }

.red .template_004 .timeline_01 .timeline:before, .red .template_004 .timeline_03 .timeline:before, .red .template_004 .event_list_06 .timeline:before, .red .template_004 .event_list_07 .timeline:before, .red .template_004 .people_list_04 .timeline:before, .red .template_004 .people_list_06 .timeline:before {
  background-color: #333; }

.red .template_004 .people_list_05 .timeline:before {
  background-color: #d4d4d4; }

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

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

.red .template_004 .timeline_01 .timeline > li > .timeline-panel:before, .red .template_004 .timeline_03 .timeline > li > .timeline-panel:before, .red .template_004 .event_list_06 .timeline > li > .timeline-panel:before, .red .template_004 .people_list_04 .timeline > li > .timeline-panel:before, .red .template_004 .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; }

.red .template_004 .timeline_01 .timeline > li > .timeline-panel:after, .red .template_004 .timeline_03 .timeline > li > .timeline-panel:after, .red .template_004 .event_list_06 .timeline > li > .timeline-panel:after, .red .template_004 .people_list_04 .timeline > li > .timeline-panel:after, .red .template_004 .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; }

.red .template_004 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:before, .red .template_004 .timeline_03 .timeline > li.timeline-inverted > .timeline-panel:before, .red .template_004 .event_list_06 .timeline > li.timeline-inverted > .timeline-panel:before, .red .template_004 .people_list_04 .timeline > li.timeline-inverted > .timeline-panel:before, .red .template_004 .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; }

.red .template_004 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:after, .red .template_004 .timeline_03 .timeline > li.timeline-inverted > .timeline-panel:after, .red .template_004 .event_list_06 .timeline > li.timeline-inverted > .timeline-panel:after, .red .template_004 .people_list_04 .timeline > li.timeline-inverted > .timeline-panel:after, .red .template_004 .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; }

.red .template_004 .timeline_01 .timeline > li > .timeline-badge, .red .template_004 .event_list_06 .timeline > li > .timeline-badge, .red .template_004 .people_list_04 .timeline > li > .timeline-badge {
  background-color: #d4d4d4;
  border: 10px solid #fff; }

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

.red .template_004 .timeline_03 time {
  background-color: #333; }

.red .template_004 .timeline_02 .timeline-add {
  color: #fff;
  background-color: #333; }

.red .template_004 .timeline_02 .timeline-add:hover {
  color: #959595; }

.red .template_004 .timeline_02 .timeline:before {
  background-color: #333; }

.red .template_004 .timeline_02 time {
  border-bottom: 1px solid #e8a5a5; }

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

.red .template_004 .timeline_03 .btn-style {
  color: #cb3636;
  background: transparent; }

.red .template_004 .timeline_03 .btn-style:hover {
  color: #333 !important; }

.red .template_004 .timeline_03 .btn-style:after {
  font-family: "FontAwesome";
  content: "\f178 ";
  padding-left: 10px; }

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

.red .template_004 .people_list_06 .timeline h3 :before, .red .template_004 .people_list_06 time:before {
  background-color: #fff;
  border: 3px solid #333; }

.red .template_004 .people_list_06 time {
  color: #ecebe6; }

.red .template_004 .people_list_06 .title {
  color: #c62020; }

@media (max-width: 768px) {
  .red .template_004 .timeline_01 .timeline > li > .timeline-panel:before, .red .template_004 .timeline_03 .timeline > li > .timeline-panel:before, .red .template_004 .event_list_06 .timeline > li > .timeline-panel:before, .red .template_004 .people_list_04 .timeline > li > .timeline-panel:before, .red .template_004 .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; }

  .red .template_004 .timeline_01 .timeline > li > .timeline-panel:after, .red .template_004 .timeline_03 .timeline > li > .timeline-panel:after, .red .template_004 .event_list_06 .timeline > li > .timeline-panel:after, .red .template_004 .people_list_04 .timeline > li > .timeline-panel:after, .red .template_004 .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; }

  .red .template_004 .timeline_02 time {
    background-color: #333 !important;
    color: #fff !important; } }
@media (max-width: 480px) {
  .red .template_004 .people_list_06 time {
    color: #d4d4d4; } }
.red .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; }

.red .back-top.back-is-visible, .red .back-top.back-fade-out, .red .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; }

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

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

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

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

/* search style */
.red .template_004 .search-submit {
  background: #fff; }

.red .template_004 .keysearch .input-group-addon {
  background: #fff; }

.red .template_004 .dl-horizontal-dd li a, .red .template_004 .dl-horizontal-dd li a:link {
  color: #333;
  background: #ecebe6;
  border: 1px solid #ecebe6; }

.red .template_004 .dl-horizontal-dd li a:hover {
  color: #333 !important;
  background: #ecebe6;
  border: 1px solid #333; }

.red .template_004 .dl-horizontal-dd li a.active {
  color: #fff !important;
  background: #333;
  border: 1px solid #333; }

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

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

.red .pager li > a:hover {
  background-color: #333;
  color: #fff !important; }

.red .cd-pagination a {
  border: 1px solid #333; }

.red .cd-pagination a:hover {
  background-color: #333;
  border-color: #333;
  color: #fff !important; }

.red .no-touch .cd-pagination a:hover {
  background-color: #333; }

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

.red .cd-pagination .current {
  background-color: #333;
  border-color: #333;
  color: #fff; }

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

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

.red .intro::after {
  border-bottom: 2px solid #c62020;
  border-right: 2px solid #c62020; }

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

.red .info-content {
  border-top: 2px solid #333; }

/* Common style */
.red .template_004 .related-other .page-header {
  color: #333;
}
.red .template_004 .related-other:not(.annals-01) .thumbnail {
  background: transparent
}
.red .template_004 .related-other .no-pic .thumbnail {
  background: #f3f3f4;
  border-color: #c62020;
}
.red .template_004 .related-other .no-pic .thumbnail:hover .caption h4,
.red .template_004 .related-other .no-pic .thumbnail:hover .caption .author {
  color: #666;
}

/* Common annals style */
.red .annals_detail ol li:before {
  background: #333; }

.red .annals_detail ol li:after {
  background: #ecebe6;
  border: 2px solid #333; }

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

.red .annals_list_01 .annals-list, .red .annals-01 .annals-list {
  background: #fff; }

.red .annals_list_01 .fa, .red .annals-01 .fa {
  color: #e8a5a5; }

/* Common modal Document */
@media (max-width: 767px) {
  .red .tm-modal label {
    background: #f3f3f4; } }
/* banner_Carousel style */
.red .template_004 .bs-slider {
  background: transparent; }

.red .template_004 .bs-slider .bs-slider-overlay {
  background-color: transparent; }

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

.red .template_004 .carousel-indicators .active {
  background-color: #333;
  border: 2px solid #333; }

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

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

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

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

  .red .template_004 .carousel-indicators .active {
    background-color: #333;
    border: 2px solid #333; } }
/* MainPage style */
.red .template_004 .page-header-b {
  color: #333; }

.red .template_004 .breadcrumb {
  background-color: transparent; }

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

.red .template_004 .main {
  background: #fff;
  filter: alpha(opacity=95) \9;
  background-color: rgba(255, 255, 255, 0.95); }

@media only screen and (max-width: 1200px) {
  .red .template_004 .main {
    background: #fff;
    filter: alpha(opacity=95) \9;
    background-color: rgba(255, 255, 255, 0.95); } }
/* search bar container (全文檢索設定) */
.red .navbar-form .input-group.stylish-input-group .search-submit {
  background: #c62020; }

/* search bar focus */
.red .navbar-form .input-group *:focus {
  color: #e8a5a5;
}

/* search icon button */
.red .navbar-form .search-icon-btn {
  background-color: #c62020; }

/* search bar input */
.red .navbar-form .stylish-input-group input.form-control {
  background-color: #333; }

.red .template_004 .search_wrap {
  background-color: #841515; }

.red .template_004 .search_wrap_show .form-control {
  background: #ecebe6;
  color: #333; }

/* 其他共用模組設定 */
.red .text-ellipsis {
  color: #333;
}
.red .thumbnail a:hover h3.text-ellipsis,
/* cms-media-02 row title use */
.red .thumbnail a:hover h4.text-ellipsis,
.red .thumbnail a:hover .caption h3,
/* related and route related ver. and detail-media-02 related ver. */
.red .thumbnail a:hover .caption h4 {
  color: #666;
}
.red .multi_list_01 .news .date .day {
  color: #fff; }

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

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

@media (min-width: 640px) {
  .red .multi_list_01 .news .date .day {
    color: #333; } }
.red .multi_list_03 .news:before, .red .multi_list_02 .box-block {
  background: #c62020 !important; }

/* 圖形連結模組設定 */
#index_main ~ section.row {
  background-color: #f3f3f4;
}
.red .template_004 tr {
  border: none !important;
  border-bottom: none !important;
}
.red .template_004 td {
  border-right: none !important;
  border-bottom: none !important;
}
.red .template_004 th {
  background-color: transparent !important;
  color: #333 !important;
}
.red 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: 5px solid #c62020;
  color: #c62020;
  font-style: italic;
}