@charset "UTF-8";
/* template-009-color-basic */
body.basic {
  font-family: "微軟正黑體", Microsoft JhengHei;
}
.basic h3.summary {
  background: #f3f3f4;
  border-left: none;
  color: #333;
  font-style: italic;
}
.basic header {
  background: transparent;
}
.basic .template_009 a {
  color: #000;
}
.basic .template_009 a:hover, .basic .template_009 a:active, .basic .template_009 .info a:hover h2 {
  color: #f088ac !important;
}
.basic .template_009 .thumbnail a:hover > .caption {
  color: #666 !important;
}
.basic .template_009 .underline {
  border-bottom: 6px solid #b4afa9;
  background: transparent;
}
.basic .template_009 .box-block {
  background-color: #de256f;
}
.basic a > div > time {
  color: #333 !important;
}
.basic .template_009 .image-wrap img:hover {
  -moz-transform: scale(1.075);
  -webkit-transform: scale(1.075);
  -ms-transform: scale(1.075);
  transform: scale(1.075);
}
.basic .template_009 a.key {
  color: #333;
}
.basic .template_009 .sitemap_01 .sitemaptitle {
  background: #ecebe6;
}
.basic .template_009 .overlay {
  background-color: #333;
  transition: .5s ease;
}

@media (min-width: 640px) {
  .basic .template_009 .box-block {
    background-color: #f3f3f4;
  }
  .basic .template_009 .date-block {
    background-color: #de256f;
  }
}
/* header-top style */
.basic .template_009 .navbar-default {
  border-color: transparent !important;
}
.basic .template_009 .navbar-style {
  background: #fff;
}
/* menu settings (選單的樣式) */
.basic .template_009 .navbar-default .navbar-nav > li > a {
  color: #333;
}
.basic .template_009 .navbar-default .navbar-nav > li > a:hover, .basic .template_009 .navbar-default .navbar-nav > .open > a, .basic .template_009 .navbar-default .navbar-nav > .open > a:focus, .basic .template_009 .navbar-default .navbar-nav > .open > a:hover {
  color: #fff !important;
  background-color: #de256f !important;
}
.basic .template_009 .navbar-default .navbar-nav > li > a:before {
  background: transparent;
}
.basic .template_009 .navbar-default .navbar-nav > li > a:focus, .basic .template_009 .navbar-default .navbar-nav > li > a:hover {
  color: #fff !important;
  background-color: #de256f !important;
}
.basic .template_009 .navbar-default .navbar-nav > .active > a, .basic .template_009 .navbar-default .navbar-nav > .active > a:focus, .basic .template_009 .navbar-default .navbar-nav > .active > a:hover {
  color: #333;
  background-color: transparent;
}
/* dropdown-menu (下拉選單的樣式) */
.basic .template_009 .dropdown-menu {
  color: #333;
  background-color: #f3f3f4;
  border: 1px solid #f3f3f4;
}
.basic .template_009 .dropdown-menu li a {
  color: #333;
  border-bottom: 1px solid #fff;
}
.basic .template_009 .dropdown-menu li a:hover {
  background-color: #f3f3f4;
  color: #de256f !important;
  font-weight: bold;
}
.basic .template_009 .dropdown-menu > .active > a, .basic .template_009 .dropdown-menu > .active > a:focus, .basic .template_009 .dropdown-menu > .active > a:hover {
  background-color: #f3f3f4;
  color: #de256f !important;
  font-weight: bold;
}

@media (max-width: 1040px) {
  /* dropdown-menu (第二層以後的選單) */
  .basic .template_009 .dropdown-submenu > a:after {
    border-left-color: transparent !important;
  }
  .basic .template_009 .dropdown-submenu:hover > a:after {
    border-left-color: transparent !important;
  }
  .basic .template_009 .dropdown-menu {
    margin: 2px 0 0 0;
  }
  .basic .template_009 .dropdown-menu {
    background-color: #ecebe6;
    border: 0px solid transparent;
  }
  .basic .open .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    background-color: #fff;
  }
}

@media (max-width: 1000px) {
  .basic .template_009 .navbar-style {
    background: #fff;
  }
}

@media (max-width: 1040px) {
  .basic .template_009 .navbar-default .navbar-toggle {
    background-color: transparent;
    background-image: none;
  }
}
/* search 、nav-site lang settings (搜尋語系區塊設定) */
.basic .template_009 .navbar-top {
  background: #f3f3f4;
}
.basic .template_009 .nav-fit li a:hover {
  color: #de256f !important;
}
.basic .template_009 .navbar-top a {
  color: #333;
}
.basic .template_009 .navbar-top .lang.open > .dropdown-menu {
  background: transparent !important;
}
.basic .template_009 .navbar-top .lang.open > .dropdown-menu > li > a {
  color: #333;
  background: #f3f3f4 !important;
  border: 1px solid #f3f3f4;
}
.basic .template_009 .navbar-top .lang.open > .dropdown-menu > li > a:hover {
  background: #f3f3f4 !important;
  border: 1px solid #f3f3f4;
}

@media (min-width: 1040px) {
  .basic .template_009 .navbar-top a, .basic .template_009 .navbar-top .lang a {
    color: #333;
  }
}

@media (min-width: 1440px) {
  .basic .template_009 .navbar-top a, .basic .template_009 .navbar-top .lang a {
    color: #333;
  }
}

@media (max-width: 1040px) {
  .basic .template_009 .navbar-top .theme.pc .dropdown-toggle:before {
    content: "";
    background: url(/assets/images/img/series.png) no-repeat -2px -74px;
    border: 0;
    border-radius: 50%;
  }
  .basic .template_009 .navbar-top .theme.open > .dropdown-menu {
    background: #f3f3f4 !important;
    color: #333 !important;
    border: 1px solid #f3f3f4;
  }
  .basic .template_009 .navbar-top .theme.open > .dropdown-menu a {
    background: transparent !important;
    color: #333 !important;
  }
  .basic .template_009 .navbar-top .theme.open > .dropdown-menu a:hover {
    background: #f3f3f4 !important;
    color: #de256f !important;
  }
}
/*  hamburger-menu navbar-toggle (漢堡選單顏色設定)*/
.basic .template_009 .navbar-default .navbar-toggle .icon-bar {
  background-color: #de256f !important;
}
.basic .template_009 .navbar-default .navbar-toggle:hover .icon-bar, .basic .template_009 .navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #fff !important;
}
.basic .template_009 .navbar-default .navbar-toggle {
  border-color: #de256f;
}
.basic .template_009 .navbar-default .navbar-toggle:focus, .basic .template_009 .navbar-default .navbar-toggle:hover {
  background-color: #de256f;
  border-color: #de256f;
}

/* navbar-nav 768 bug */
@media only screen and (max-width: 1040px) {
  /* menu settings (行動版選單設定) */
  .basic .template_009 .navbar-nav > li {
    border-top: 1px solid #666;
  }
  .basic .template_009 .dropdown.open > .dropdown-menu, .basic .template_009 .dropdown.open > * > .dropdown-menu {
    background-color: #fff;
    border: 1px solid transparent;
  }
  .basic .template_009 .dropdown.open > .dropdown-menu li a, .basic .template_009 .dropdown.open > * > .dropdown-menu li a {
    background-color: transparent !important;
    color: #333;
  }
  .basic .template_009 .dropdown.open > .dropdown-menu li a:hover, .basic .template_009 .dropdown.open > * > .dropdown-menu li a:hover {
    background-color: transparent !important;
    color: #333;
  }
}
/* input style */
.basic .template_009 .input-basic {
  font-size:1.4rem;
  border-radius: 0px;
}
.basic .template_009 .navbar-form .input-group .form-control {
  color: #d4d4d4;
  border-bottom: 1px solid transparent;
  background: #ecebe6;
}
.basic .template_009 .navbar-form .input-group .search-submit {
  color: #fff;
  border-bottom: 1px solid transparent;
}
.basic .template_009 .navbar-form .input-group .search-submit a {
  color: #666 !important;
}
.basic .template_009 .navbar-form .input-group .search-submit a:hover {
  color: #333 !important;
}
.basic .template_009 .navbar-default {
  border-color: transparent !important;
}
/* index-section style */
.basic .template_009 #index_main section h2 {
  font-family: "微軟正黑體", Microsoft JhengHei;
  color: #666;
}
.basic .template_009 #index_main .portfolio_03 .size01 .text-block, .basic .template_009 #index_main .portfolio_03 .size04 .text-block {
  background: #de256f;
  color: #fff;
}
.basic .article_06 time {
  background: #de256f;
}
.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: #de256f;
}
.basic .portfolio_07 .size01 .overlay, .basic .portfolio_07 .size02 .overlay, .basic .portfolio_07 .size03 .overlay, .basic .portfolio_07 .size04 .overlay {
  background: #de256f;
}
.portfolio_07 .size01 .overlay:hover, .portfolio_07 .size02 .overlay:hover, .portfolio_07 .size03 .overlay:hover, .portfolio_07 .size04 .overlay:hover {
  background: #b4afa9;
  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: #b4afa9;
  color: #fff;
}
.basic .portfolio_07 .size01, .basic .portfolio_07 .size02, .basic .portfolio_07 .size03, .basic .portfolio_07 .size04 {
  background: #de256f;
}
/* footer style*/
.basic .template_009 footer {
  background: transparent;
  color: #333;
  border-top: 2px solid #d4d4d4;
}
.basic .template_009 .copy {
  border-top: 1px solid #d4d4d4;
  color: #333;
}
.basic .template_009 .copy a, .basic .template_009 .copy a:link {
  color: #de256f;
}
.basic .template_009 .copy a:hover {
  color: #666 !important;
}
.basic .template_009 .copyright div.adviser span {
  background: transparent;
  color: #333;
}
.basic .template_009 .copyright div.organizer span {
  background: transparent;
  color: #333;
}
.basic .template_009 .copyright div.co-organizer span {
  background: transparent;
  color: #333;
}
.basic .template_009 .adviser a:hover, .basic .template_009 .organizer a:hover, .basic .template_009 .co-organizer ul li a:hover {
  color: #de256f !important;
}
/* btn style */
.basic .template_009 .btn-more .btn-style {
  color: #47bac7;
  background: #de256f;
}
.basic .template_009 .btn-more .btn-style:hover {
  color: #f088ac !important;
}
.basic .template_009 .btn-group button {
  border-radius: 0px;
}
.basic .template_009 .btn-group .btn-default:hover {
  background-color: #ecebe6;
}
.basic .template_009 .btn-group .btn-style {
  color: #fff;
  background-color: #de256f;
}
.basic .template_009 .btn-group .btn-style:hover {
  color: #fff !important;
}
.basic .template_009 .btn-style:hover {
  color: #f088ac !important;
}
.basic .template_009 .btn-form {
  color: #fff;
  background: #333;
}
.basic .template_009 .btn-form:hover, .basic .template_009 .btn-form:active, .basic .template_009 .btn-form:focus {
  color: #fff;
}
.basic .template_009 .btn-white {
  color: inherit;
  background-color: transparent;
  border: 1px solid #ecebe6;
}
/* social */
.basic .template_009 .social i {
  color: #888;
  background-color: transparent;
  border: 0px solid transparent;
}
.basic .template_009 .social i:hover {
  color: #333;
  background-color: transparent;
}
.basic .template_009 .social .fa-facebook {
  background-color: transparent;
}
.basic .template_009 .social .fa-twitter {
  background-color: transparent;
}
.basic .template_009 .social .fa-google-plus {
  background-color: transparent;
}
.basic .template_009 .social .fa-youtube {
  background-color: transparent;
}
.basic .template_009 .social .fa-instagram {
  background-color: transparent;
}
/* 觀看次數 */
.basic .template_009 .visit {
  color: #4c4c4c;
}
/* sahre */
.basic .template_009 a.fb, .basic .template_009 a.twitter, .basic .template_009 a.google, .basic .template_009 a.print, .basic .template_009 a.line, .basic .template_009 a.copylink {
  color: #4c4c4c;
  display: inline-block;
}
.basic .template_009 a.print:hover {
  color: #e95c33;
}
.basic .template_009 a.fb:hover {
  color: #3b5998;
}
.basic .template_009 a.twitter:hover {
  color: #1baae1;
}
.basic .template_009 a.google:hover {
  color: #c63d2d;
}
.basic .template_009 a.fb span, .basic .template_009 a.twitter span, .basic .template_009 a.google span, .basic .template_009 a.print span, .basic .template_009 a.fontsiz span, .basic .template_009 a.line span, .basic .template_009 a.copylink span {
  display: none;
}
/* icon style */
.basic .template_009 .icon-bigA {
  background: transparent;
}
.basic .template_009 .icon-smallA {
  background: transparent;
}
.basic .template_009 .icon-bigA:hover, .basic .template_009 .icon-smallA:hover {
  background: transparent;
}
.basic .template_009 .icon-line {
  background: transparent;
}
.basic .template_009 .icon-line:hover {
  background: transparent;
}
/* site */
.basic .template_009 .site > div > ul li a {
  color: #666;
}
.basic .template_009 .site a, .basic .template_009 .site a:link {
  color: #666;
}
.basic .template_009 .site a:hover {
  color: #f3f3f4 !important;
}
/* download-list style */
.basic .template_009 .download-list.small-list > li {
  background: #f3f3f4;
  border-left: none;
  border-right: none;
}
.basic .template_009 .download-list h5.caption, .basic .template_009 .download-list .field-caption {
  border: 2px solid #d4d4d4;
}
/* todo-list style */
.basic .template_009 .todo-list.small-list > li {
  background: #f3f3f4;
}
.basic .template_009 .todo-list > li {
  background: #f3f3f4;
  border-left: 4px solid #de256f;
}
/* tags style */
.basic .template_009 .tags a:link, .basic .template_009 .tags a {
  color: #333;
}
.basic .template_009 .tags ul li a {
  background-color: #fff;
  border: 1px solid #de256f;
  color: #000;
}
.basic .template_009 .tags ul li a:hover {
  background-color: #de256f;
  border: 1px solid #de256f;
  color: #fff !important;
}
/* timeline style (首頁的大事紀) & 人、事列表 (456) */
.basic .template_009 .timeline_01 h2.timeline-years, .basic .template_009 .timeline_03 h2.timeline-years, .basic .template_009 .event_list_06 h2.timeline-years, .basic .template_009 .people_list_04 h2.timeline-years, .basic .template_009 .people_list_05 h2.timeline-years, .basic .template_009 .people_list_06 h2.timeline-years {
  color: #fff !important;
  background-color: #b4afa9;
  font-family: "微軟正黑體", Microsoft JhengHei !important;
}
.basic .template_009 .timeline_01 .timeline-add, .basic .template_009 .timeline_03 .timeline-add, .basic .template_009 .event_list_06 .timeline-add, .basic .template_009 .people_list_04 .timeline-add, .basic .template_009 .people_list_05 .timeline-add {
  color: #fff;
  background-color: #b4afa9;
}
.basic .template_009 .timeline_01 .timeline-add:hover, .basic .template_009 .timeline_03 .timeline-add:hover, .basic .template_009 .event_list_06 .timeline-add:hover, .basic .template_009 .people_list_04 .timeline-add:hover, .basic .template_009 .people_list_05 .timeline-add:hover {
  color: #959595;
}
.basic .template_009 .timeline_01 .timeline:before, .basic .template_009 .timeline_03 .timeline:before, .basic .template_009 .event_list_06 .timeline:before, .basic .template_009 .event_list_07 .timeline:before, .basic .template_009 .people_list_04 .timeline:before, .basic .template_009 .people_list_06 .timeline:before {
  background-color: #ecebe6;
}
.basic .template_009 .people_list_05 .timeline:before {
  background-color: #d4d4d4;
}
.basic .template_009 .timeline_01 .timeline > li > .timeline-panel, .basic .template_009 .timeline_03 .timeline > li > .timeline-panel, .basic .template_009 .event_list_06 .timeline > li > .timeline-panel, .basic .template_009 .event_list_07 .timeline > li > .timeline-panel, .basic .template_009 .people_list_04 .timeline > li > .timeline-panel {
  border: 1px solid #d4d4d4;
  background-color: #fff;
}
.basic .template_009 .people_list_05 .timeline > li > .timeline-panel {
  border-top: 1px solid #d4d4d4;
  background-color: transparent;
}
.basic .template_009 .timeline_01 .timeline > li > .timeline-panel:before, .basic .template_009 .timeline_03 .timeline > li > .timeline-panel:before, .basic .template_009 .event_list_06 .timeline > li > .timeline-panel:before, .basic .template_009 .people_list_04 .timeline > li > .timeline-panel:before, .basic .template_009 .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_009 .timeline_01 .timeline > li > .timeline-panel:after, .basic .template_009 .timeline_03 .timeline > li > .timeline-panel:after, .basic .template_009 .event_list_06 .timeline > li > .timeline-panel:after, .basic .template_009 .people_list_04 .timeline > li > .timeline-panel:after, .basic .template_009 .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_009 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_009 .timeline_03 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_009 .event_list_06 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_009 .people_list_04 .timeline > li.timeline-inverted > .timeline-panel:before, .basic .template_009 .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_009 .timeline_01 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_009 .timeline_03 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_009 .event_list_06 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_009 .people_list_04 .timeline > li.timeline-inverted > .timeline-panel:after, .basic .template_009 .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_009 .timeline_01 .timeline > li > .timeline-badge, .basic .template_009 .timeline_03 .timeline > li > .timeline-badge, .basic .template_009 .people_list_04 .timeline > li > .timeline-badge {
  background-color: #d4d4d4;
  border: 10px solid #fff;
}
.basic .template_009 .timeline_03 .timeline > li > .timeline-badge, .basic .template_009 .event_list_06 .timeline > li > .timeline-badge, .basic .template_009 .people_list_04 .timeline > li > .timeline-badge {
  background-color: #b4afa9;
  border: 5px solid #fff;
  right: -10px;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.basic .template_009 .timeline_03 time {
  background-color: #b4afa9;
}
.basic .template_009 .timeline_02 .timeline-add {
  color: #fff;
  background-color: #b4afa9;
}
.basic .template_009 .timeline_02 .timeline-add:hover {
  color: #959595;
}
.basic .template_009 .timeline_02 .timeline:before {
  background-color: #b4afa9;
}
.basic .template_009 .timeline_02 time {
  border-bottom: 1px solid #333;
}
.basic .template_009 .timeline_03 time .year, .basic .template_009 .timeline_03 time .day, .basic .template_009 .timeline_03 time .month {
  color: #fff !important;
}
.basic .template_009 .timeline_03 .btn-style {
  color: #47bac7;
  background: transparent;
}
.basic .template_009 .timeline_03 .btn-style:hover {
  color: #f088ac !important;
}
.basic .template_009 .timeline_03 .btn-style:after {
  font-family: "FontAwesome";
  content: "\f178 ";
  padding-left: 10px;
}
.basic .template_009 .event_list_07 .timeline h3 :before {
  border: 3px solid #de256f;
  background: #de256f;
  content: "\f016";
  font-family: "FontAwesome";
  color: #fff;
  text-align: center;
}
.basic .template_009 .people_list_06 .timeline h3 :before, .basic .template_009 .people_list_06 time:before {
  background-color: #fff;
  border: 3px solid #b4afa9;
}
.basic .template_009 .people_list_06 time {
  color: #ecebe6;
}
.basic .template_009 .people_list_06 .title {
  color: #333;
}

@media (max-width: 768px) {
  .basic .template_009 .timeline_01 .timeline > li > .timeline-panel:before, .basic .template_009 .timeline_03 .timeline > li > .timeline-panel:before, .basic .template_009 .event_list_06 .timeline > li > .timeline-panel:before, .basic .template_009 .people_list_04 .timeline > li > .timeline-panel:before, .basic .template_009 .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_009 .timeline_01 .timeline > li > .timeline-panel:after, .basic .template_009 .timeline_03 .timeline > li > .timeline-panel:after, .basic .template_009 .event_list_06 .timeline > li > .timeline-panel:after, .basic .template_009 .people_list_04 .timeline > li > .timeline-panel:after, .basic .template_009 .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_009 .timeline_02 time {
    background-color: #b4afa9 !important;
    color: #fff !important;
  }
}
.back-top {
  background: #de256f;
  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;
}
.back-top.back-is-visible, .back-top.back-fade-out, .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;
}
.back-top.back-is-visible {
  visibility: visible;
  opacity: 1;
}
.back-top.back-fade-out {
  opacity: .5;
}
.no-touch .back-top:hover {
  opacity: 1;
}
.back-top span {
  color: #fff;
}
/* search style */
.basic .template_009 .search-submit {
  background: #fff;
}
.basic .template_009 .keysearch .input-group-addon {
  background: #fff;
}
.basic .template_009 .dl-horizontal-dd li a, .basic .template_009 .dl-horizontal-dd li a:link {
  color: #333;
  background: #fff;
  border: 1px solid #d4d4d4;
}
.basic .template_009 .dl-horizontal-dd li a:hover {
  color: #333 !important;
  background: #fff;
  border: 1px solid #de256f;
}
.basic .template_009 .dl-horizontal-dd li a.active {
  color: #fff !important;
  background: #de256f;
  border: 1px solid #de256f;
}
/* pagination style (內容回列表頁下方設定) */
.basic .pager {
  border-top: 1px solid #d4d4d4;
}
.basic .pager li > a, .basic .pager li > span {
  background-color: transparent;
}
.basic .pager li > a:hover {
  background-color: #333;
  color: #fff !important;
}
.basic .cd-pagination a {
  border: 1px solid #333;
}
.basic .cd-pagination a:hover {
  background-color: #333;
  border-color: #333;
  color: #fff !important;
}
.basic .no-touch .cd-pagination a:hover {
  background-color: #333;
}
.basic .cd-pagination a.disabled {
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.basic .cd-pagination .current {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.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 #de256f;
}
/* Common style */
.basic .template_009 .related-other .page-header {
  color: #333;
}
.basic .template_009 .related-other .no-pic .thumbnail {
  background: #f3f3f4;
  border-color: #de256f;
}
.basic .template_009 .related-other .no-pic .thumbnail:hover .caption h4, .basic .template_009 .related-other .no-pic .thumbnail:hover .author {
  color: #f088ac;
}
/* Common annals style */
.basic .annals_detail ol li:before {
  background: #b4afa9;
}
.basic .annals_detail ol li:after {
  background: #ecebe6;
  border: 2px solid #b4afa9;
}
.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_009 .bs-slider {
  background: transparent;
}
.basic .template_009 .bs-slider .bs-slider-overlay {
  background-color: transparent;
}
.basic .template_009 .carousel-indicators li {
  background-color: #d4d4d4;
  border: 2px solid #d4d4d4;
}
.basic .template_009 .carousel-indicators .active {
  background-color: #de256f;
  border: 2px solid #de256f;
}
.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_009 .carousel-indicators li {
    background-color: #ecebe6;
    border: 2px solid #ecebe6;
  }
  .basic .template_009 .carousel-indicators .active {
    background-color: #b4afa9;
    border: 2px solid #b4afa9;
  }
}
/* MainPage style */
.basic .template_009 #share:before {
  border-top: 1px solid #d4d4d4;
}
.basic .template_009 .page-header-b {
  color: #333;
}
.basic .template_009 .breadcrumb {
  background-color: transparent;
}
.basic .template_009 .page-header-b:after {
  border-bottom: 1px solid #d4d4d4;
}
.basic .template_009 a {
  color: #000;
}
.basic .template_009 .main {
  background: #fff;
}

@media only screen and (max-width: 1200px) {
  .basic .template_009 .main {
    background: #fff;
  }
}
/* search bar container (全文檢索設定) */
.basic .navbar-form .input-group.stylish-input-group .search-submit {
  background: #de256f;
}
/* search bar focus */
.basic .navbar-form .input-group *:focus {
  color: #333;
}
/* 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_009 .search_wrap {
  background-color: #de256f;
}
.basic .template_009 .search_wrap_show .form-control {
  background: #fff;
  color: #666;
}
.basic .template_009 section:nth-child(odd) {
  background-color: transparent;
}
.basic .template_009 .entry-content section:nth-child(odd) {
  background-color: transparent;
}
.basic .navbar-form .input-group.stylish-input-group input::placeholder {
  color: #d4d4d4 !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: 1040px) {
  .basic .navbar-form .input-group.stylish-input-group .search-submit {
    background: transparent;
    border: 0;/*position: relative;
top: -4px*/ }
  .basic .navbar-form .input-group.stylish-input-group .search-submit .fa {
    color: #666;
  }
}
/* 其他共用模組設定 */
.basic .template_009 .portfolio_06 .text-block, .basic .template_009 .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: #f088ac;
}
.basic .multi_list_01 .news .date .day {
  color: #fff;
}
.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 .form_02 .post {
  background: #f3f3f4 !important;
}
.basic .form_02 .post h3 {
  background: #b4afa9 !important;
  color: #fff;
}

@media (min-width: 640px) {
  .basic .multi_list_01 .news .date .day {
    color: #333;
  }
}
.basic .multi_list_03 .news:before, .basic .multi_list_02 .box-block {
  background: #de256f !important;
  color: #fff !important;
}
.basic .portfolio_14 .color1 .overlay {
  border-bottom: 6px solid #f3f3f4;
}
.basic .portfolio_14 .image-wrap {
  background: #fff;
  color: #fff;
}
.basic .portfolio_14 .image-wrap:hover p, .basic .portfolio_14 .image-wrap p {
  color: #000;
}
.basic .portfolio_14 .color1 time {
  background: #f3f3f4;
  color: #fff;
}
.basic .portfolio_14 .color2 .overlay {
  border-bottom: 6px solid #b4afa9;
}
.basic .portfolio_14 .overlay h3:hover {
  color: #f088ac;
}
.basic .portfolio_14 .color2 time {
  background: #b4afa9;
  color: #fff;
}
.basic .index-article-05 .aside:before {
  font-family: "FontAwesome";
}
.basic .index-article-05 .aside:before {
  background: url(/assets/images/v005/icon/quotes-basic.png) no-repeat top center;
}
.basic .article_08 .aside-box {
  border: 4px solid #de256f;
}
.basic .circle-red {
  background: #de256f;
  color: #fff;
}
.basic .circle-green {
  background: #b4afa9;
  color: #fff;
}
.basic .circle-orange {
  background: #888;
  color: #fff;
}
.basic .circle-gray {
  background: #959595;
  color: #fff;
}
/* 圖形連結模組設定 */
#index_main ~ section.row {
  background-color: #ecebe6;
}

.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: none;
  color: #333;
  font-style: italic;
}