@charset "utf-8";

/**************************************************
= header 上方登入選單
********************/
/*theme-bg 背景色*/
.theme-bg {
  background: #ffffff;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
}

/*模組背景色*/
div#main_top,
.breadcrumb,
div#left,
div#middle,
div#main_right,
div#main_bottom {
  background: #ffffff;
}
.center-module-bg {
  background: #ffffff;
}
div#main_top .module,
div#left .module,
div#middle .module,
div#main_right .module,
div#main_bottom .module,
.module {
  background: #ffffff;
}

/**************************************************
= header 上方登入選單
********************/
.login .top-space header {
  margin-top: 45px;
}
header {
  background: rgba(255, 255, 255, 1);
  border: 1px solid #dadada;
  border-radius: 50px;
  top: 10px;
  right: 30px;
}
header > a,
header > div {
  color: #382619;
}
header .fontsize button {
  color: #382619;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #dadada;
  border-radius: 50px;
  box-shadow: none;
  padding: 0;
}
header .fontsize button:hover {
  background-color: #382619;
  color: #ffffff;
}
header .dropdown svg {
  fill: #382619;
}
header a:hover,
header > div:hover {
  color: #510b0b;
}
header .dropdown:hover svg {
  fill: #1f0e05;
}
header .dropdown-content a:hover {
  color: #ffffff;
  background-color: #6f0606;
}
.logo,
.logo a {
  font-size: 5rem;
  color: #545454;
}
.focusable {
  opacity: 0;
}
.focusable:focus {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  header {
    border: none;
  }
  header,
  header a,
  header button,
  header .dropdown-content a {
    border-radius: 0px;
    top: 0px;
    left: 0px;
  }
  header > a,
  header > div {
    color: #1f0e05;
  }
  header a:hover,
  header > div:hover {
    color: #1f0e05;
  }
  header .dropdown svg {
    fill: #1f0e05;
  }
  header .dropdown-content a:hover {
    color: #bc8ce4;
    background-color: rgb(246, 235, 255);
  }

  .theme-bg {
    background-position: -500px 30px;
  }
  .login .top-space header {
    margin-top: 0px;
    background: #67d9fd;
    box-shadow: 1px 1px 3px #6ccee9;
  }
}

@media screen and (max-width: 520px) {
  .theme-bg {
    background-position: -900px 0px;
  }
}

/**************************************************
= theme 上方主圖
********************/
h1 strong {
  position: relative;
}
h1 strong.picshow {
  position: absolute;
  top: -1600px;
}

.logo h1 {
  margin: 0 auto;
}
.theme {
  top: 35px;
  min-width: auto;
  background-size: contain;
}

@media screen and (max-width: 1180px) {
  .theme {
    background-size: inherit;
  }
}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar {
  background-color: unset;
}
.navbar > ul {
  max-width: 1600px;
  padding-bottom: 8px;
  background: #ffffff;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom: 2px solid #f2db56;
  justify-content: center;
}
.navbar > ul > li {
  margin: 5px;
}
.navbar li a {
  color: #ffffff;
}
.navbar li:hover a {
  color: #ffffff;
}
.navrwd-svg svg {
  fill: #ffffff;
}
.navbar li:hover ul a,
.navbar ul li a:focus + .navrwd + .menuhidden {
  background-color: #ffffff;
  color: #03215f;
}
.navbar li:hover ul a:hover {
  background-color: #376c93;
  color: #ffffff;
}
.navbar li .menuhidden.navbar-menu a {
  background-color: #ffffff;
  color: #03215f;
}
/*.navbar li .menuhidden.navbar-menu a:hover { background-color:#376c93; color:#ffffff;}*/
.navbar li ul li a {
  border-bottom: 1px solid #efd9ce;
  min-width: max-content;
}

.navbar > ul > .navicon::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  top: auto;
  margin-left: -40px;
  background-repeat: no-repeat;
}

.navbar > ul > .nav_icon0::before {
  background-image: url(../img/navbar_icon-01.svg);
}
.navbar > ul > .nav_icon1::before {
  background-image: url(../img/navbar_icon-02.svg);
}
.navbar > ul > .nav_icon2::before {
  background-image: url(../img/navbar_icon-03.svg);
}
.navbar > ul > .nav_icon3::before {
  background-image: url(../img/navbar_icon-04.svg);
}
.navbar > ul > .nav_icon4::before {
  background-image: url(../img/navbar_icon-05.svg);
}
.navbar > ul > .nav_icon5::before {
  background-image: url(../img/navbar_icon-06.svg);
}
.navbar > ul > .nav_icon6::before {
  background-image: url(../img/navbar_icon-07.svg);
}
.navbar > ul > .nav_icon7::before {
  background-image: url(../img/navbar_icon-08.svg);
}
.navbar > ul > .nav_icon8::before {
  background-image: url(../img/navbar_icon-09.svg);
}
.navbar > ul > .nav_icon9::before {
  background-image: url(../img/navbar_icon-10.svg);
}

.navbar > ul > .navicon {
  padding-left: 50px;
  border-radius: 20px;
}
.navbar > ul > .nav_icon0 {
  background: #1a8726;
}
.navbar > ul > .nav_icon1 {
  background: #286894;
}
.navbar > ul > .nav_icon2 {
  background: #be570b;
}
.navbar > ul > .nav_icon3 {
  background: #564895;
}
.navbar > ul > .nav_icon4 {
  background: #b2377a;
}
.navbar > ul > .nav_icon5 {
  background: #a4200f;
}
.navbar > ul > .nav_icon6 {
  background: #147d77;
}
.navbar > ul > .nav_icon7 {
  background: #9447aa;
}
.navbar > ul > .nav_icon8 {
  background: #0e6627;
}
.navbar > ul > .nav_icon9 {
  background: #cb4300;
}

.navbar > ul > .nav_icon0:hover {
  background: #107533;
}
.navbar > ul > .nav_icon1:hover {
  background: #1e5479;
}
.navbar > ul > .nav_icon2:hover {
  background: #ac4d06;
}
.navbar > ul > .nav_icon3:hover {
  background: #3b2f71;
}
.navbar > ul > .nav_icon4:hover {
  background: #9a2a67;
}
.navbar > ul > .nav_icon5:hover {
  background: #921606;
}
.navbar > ul > .nav_icon6:hover {
  background: #0f6d67;
}
.navbar > ul > .nav_icon7:hover {
  background: #7d3792;
}
.navbar > ul > .nav_icon8:hover {
  background: #0a4e1d;
}
.navbar > ul > .nav_icon9:hover {
  background: #a83902;
}

.navbar .nav_icon0:hover ul a:hover {
  background-color: #0c8718;
}
.navbar .nav_icon1:hover ul a:hover {
  background-color: #376c93;
}
.navbar .nav_icon2:hover ul a:hover {
  background-color: #bd5b11;
}
.navbar .nav_icon3:hover ul a:hover {
  background-color: #5b4aa8;
}
.navbar .nav_icon4:hover ul a:hover {
  background-color: #c13682;
}
.navbar .nav_icon5:hover ul a:hover {
  background-color: #bd200b;
}
.navbar .nav_icon6:hover ul a:hover {
  background-color: #0c837c;
}
.navbar .nav_icon7:hover ul a:hover {
  background-color: #9338ac;
}
.navbar .nav_icon8:hover ul a:hover {
  background-color: #0d772b;
}
.navbar .nav_icon9:hover ul a:hover {
  background-color: #c94e12;
}

@media screen and (max-width: 767px) {
  .navbar li {
    width: 100%;
    background: #4ba4c1;
  }
  .navbar ul {
    /*background: #ffffff; color: #ffffff;*/
  }
  .navbar li a {
    /*background: #4ba4c1; */
    color: #ffffff;
  }
  .navbar ul li {
    border-bottom: 1px solid #879289;
  }
  .navbar li:hover a {
    color: #ffffff;
  }
  .navbar li:hover ul a {
    background-color: #ffffff;
    color: #03215f;
  }
  .navbar li:hover ul a:hover {
    background-color: #ffffff;
    color: #03215f;
  }
  .navbar li .menuhidden.navbar-menu a {
    background-color: #ffffff;
    color: #03215f;
  }
  .navbar li .menuhidden.navbar-menu a:hover {
    background-color: #ffffff;
    color: #03215f;
  }
  .navbar .show-menu {
    color: #bc8ce4;
    background: #ffffff;
  }
  .navbar .show-menu .ct-hamburger svg {
    fill: #4ba4c1;
  }
  .navrwd-svg {
    background: rgba(255, 255, 255, 1);
    border: none;
  }
  .navrwd-svg svg {
    fill: #4ba4c1;
  }
  .navbar li ul li {
    border: 0;
  }
}

@media screen and (max-width: 1180px) {
  .navbar > ul {
    border-radius: 0px;
  }
}

@media screen and (min-width: 1680px) {
  .navbar > ul > li {
    padding: 0 18px;
    margin: 5px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1679px) {
  .navbar > ul > li {
    padding: 0 8px;
    margin: 5px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar > ul > li {
    padding: 0 5px;
    margin: 5px;
  }
}

@media screen and (max-width: 520px) {
  .navbar > ul > .navicon {
    padding-left: 0;
    border-radius: 0;
  }
}

/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {
  border-left: 8px solid #18863e;
}
.breadcrumb-item.active {
  color: #023a16;
}
.breadcrumb a {
  color: #18863e;
}
.breadcrumb a:hover {
  color: #002121;
}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg {
  background-color: inherit;
  color: #3d300b;
  background-image: url(../img/footer.png);
  background-repeat: no-repeat;
  min-height: 520px;
  padding-top: 50px;
  text-align: center;
  background-position: center;
}
.footerbg a {
  color: #3d300b;
}
.connect-links,
.connect .text.connect-explorer {
  color: #3d300b;
}
.connect-links:hover {
  text-decoration: none;
  color: #3d300b;
}
.copyright {
  color: #271000;
  background-color: rgba(255, 240, 1, 0.3);
}

.footerbg .connect .tp {
  padding-left: 250px;
}
.footer-img img,
.footer-s-img img {
  max-width: 55%;
  height: auto;
}
.footer-s-img {
  display: none;
}

@media (max-width: 1580px) {
  .connect {
    background: rgba(255, 255, 255, 0.3);
  }
  .footerbg .connect .tp {
    padding-left: 0px;
  }
  .footer-img img {
    max-width: 65%;
  }
}

@media (max-width: 1280px) {
  .footerbg {
    background-position: left;
  }
  .footerbg .connect .tp {
    background: none;
  }
  .footer-img img {
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .footerbg {
    background-image: url(../img/footer-s.png);
    background-position: right;
    min-height: 480px;
    padding: 30px 0;
  }
  .connect {
    padding: 15px 5px;
  }
  .footer-img {
    display: none;
  }
  .footer-s-img {
    display: block;
  }
}

@media (max-width: 375px) {
  .footerbg {
    padding-top: 50px;
  }
}

/**************************************************
= module title 模組標題
********************/
.module-title {
  color: #382619;
}

/**************************************************
= color
********************/

/* tab頁簽 ********************/
.nav-tabs {
  border-bottom-color: #ffffff;
  padding-bottom: 10px;
}
.nav-tabs .nav-item,
.nav-pills .nav-item {
  margin-right: 5px;
}
.nav-tabs .nav-item > a,
.nav-pills .nav-item > a {
  color: #291004;
  background: #fee55a;
  border-color: #5a3404 #5a3404 #5a3404;
  border-radius: 20px;
  border-bottom-style: inset;
}
.nav-pills .nav-item a {
  border-bottom: 1px solid #f4ffd4;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #441e28;
  background: #fffeee;
  border-color: #5a3404 #5a3404 #5a3404;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ffffff;
  background: #0d6f4a;
  border-color: #5a3404 #5a3404 #5a3404;
  border-radius: 20px;
}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
  color: #ffffff;
  background-color: #ed96af;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #d19475;
}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {
  color: #868e96;
}
.ct-dropdown-menu {
  background-color: #fff;
  border: 1px solid #d19475;
}
.ct-dropdown-item {
  color: #3a92e9;
}
.nav-tabs .nav-item .ct-dropdown-item,
.nav-tabs .nav-item .ct-dropdown-item {
  border: 0;
  background: #ffffff;
  border-top: 1px solid #ededed;
  color: #9a654a;
}
.nav-tabs .nav-item .ct-dropdown-item:focus,
.nav-tabs .nav-item .ct-dropdown-item:hover {
  color: #ed96af;
  background-color: #fdf1f4;
}

/* table表格 ********************/
.ct-table th,
.ct-table td {
  border-top-color: #ccc;
}
.ct-table tbody + tbody {
  border-top-color: #ccc;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f4;
}
.ct-table .thead-light th {
  color: #57504a;
  background-color: unset;
  border-color: #ffffff;
  border-bottom: 1.5px solid #b79e92;
}
.ct-table .thead-dark th {
  color: #ffffff;
  background-color: #736e64;
  border-color: #736e64;
}
.table-bordered {
  border-color: #e9ecef;
}
.table-bordered th,
.table-bordered td {
  border-color: #ccc;
}
.table-hover tbody tr:hover {
  background-color: #f5f0eb;
}

@media only screen and (max-width: 575px) {
  .table-responsive .ct-table td:before,
  .table-responsive .ct-table th:before {
    color: #2d67a0;
  }
}

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item {
  background: #fffff6;
  color: #382619;
  border-bottom-color: #5a3404;
}
.nav-Vertical ul li .sub-menu-item:hover {
  background: #6b3d0b;
  color: #ffffff;
}

.nav-Vertical ul li .sub-menu-item a {
  color: #382619;
}
.nav-Vertical ul li .sub-menu-item a:hover,
.nav-Vertical ul li .sub-menu-item a:focus,
.nav-Vertical ul li .sub-menu-item a:active,
.nav-Vertical ul li .sub-menu-item .active {
  color: #545454;
}
.nav-Vertical ul li .sub-menu-item:hover a {
  color: #ffffff;
}

.nav-Vertical ul li .menu-arrow svg {
  fill: #6b3d0b;
}
.nav-Vertical ul li .menu-arrow:hover svg {
  fill: #ffffff;
}
.nav-Vertical ul li ul li .sub-menu-item:hover a {
  color: #6b3d0b;
}
.nav-Vertical ul li ul li .sub-menu-item {
  background: #fffbf7;
  border-bottom-color: #fffff6;
}
.nav-Vertical ul li ul li ul li .sub-menu-item {
  background: #eefefd;
}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover {
  background: #fffefc;
  color: #453a3a;
  border-left-color: #453a3a;
}
.vertical-hamburger {
  background: #fffbf7;
}
.vertical-hamburger svg {
  fill: #7e4d00;
}

.ct-sitemap {
  background: #ffffff;
}
.sitemap-title {
  background: #e4e4e4;
  color: #0e6969;
}
.sitemap-block {
  background: #ffffff;
}
.sitemap-item a {
  color: #505050;
  border-left-color: #32a28e;
  background: #f5f5f5;
}
.sitemap-item a:hover,
.sitemap-item a:focus {
  background: #fafdf0;
  color: #1d3c17;
  border-left-color: #eca00d;
}
.sitemap-icon svg {
  fill: #ffffff;
}

/*span-color-ga003*/
.span-color-ga003,
a.span-color-ga003 {
  color: #382619;
}
a.span-color-ga003:hover,
a.span-color-ga003:focus {
  color: #10ad7d;
}

/*span-color-ga007*/
.span-color-ga007,
a.span-color-ga007 {
  color: #382619;
}
a.span-color-ga007:hover,
a.span-color-ga007:focus {
  color: #10ad7d;
}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary {
  color: #ffffff;
  background-color: #461600;
  border-color: #461600;
  fill: #ffffff;
}
.repair-basicset .btn-primary:hover,
.repair-basicset .btn-primary:focus,
.repair-basicset .btn-primary:active,
.repair-basicset .btn-primary.active,
.repair-basicset .open .ct-dropdown-toggle.btn-primary,
.repair-basicset .btn-primary:active:focus,
.repair-basicset .btn-primary:active:hover,
.repair-basicset .btn-primary.active:hover,
.repair-basicset .btn-primary.active:focus {
  background: #862c00;
}
.repair-basicset .btn-primary.active.focus,
.repair-basicset .btn-primary.active:focus,
.repair-basicset .btn-primary.active:hover,
.repair-basicset .btn-primary:active.focus,
.repair-basicset .btn-primary:active:focus,
.repair-basicset .btn-primary:active:hover,
.repair-basicset .open > .ct-dropdown-toggle.btn-primary.focus,
.repair-basicset .open > .ct-dropdown-toggle.btn-primary:focus,
.repair-basicset .open > .ct-dropdown-toggle.btn-primary:hover {
  background: #862c00;
}

/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock {
  background: #fafbfe;
  color: #412508;
  border-bottom: 4px solid #f0b824;
}
.ct-focusslider .focus-content .textblock.notice-color {
  background: #f5f5f5;
  color: #412508;
  border-bottom: 4px solid #f0b824;
}
/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow {
  fill: #f0b824;
}
.ct-focusslider .focus-controls .focus-arrow:hover {
  fill: #ebb700;
}
.ct-focusslider .focus-controls .focus-arrow.focus-end {
  fill: rgba(175, 175, 175, 1);
}
/*CGA004、CGA008、CGA009電子報系列*/
.ct-epaper .btn-primary {
  color: #ffffff;
  background-color: #4b77a7;
  border-color: #4b77a7;
  fill: #ffffff;
}
.ct-epaper .btn-primary:hover {
  color: #ffffff;
  background-color: #0d62c0;
  border-color: #0d62c0;
  fill: #ffffff;
}
.ct-epaper .yearnav ul li {
  background: #f4ffd4;
  color: #382619;
  border-bottom: 1px solid #f0b824;
}
.ct-epaper .yearnav ul li:hover {
  background: #382619;
  color: #ffffff;
}

/* GA017 全文檢索*******************/
.cmgch-google .btn-all {
  color: #ffffff;
  background-color: #461600;
  border-color: #461600;
  fill: #ffffff;
}
.cmgch-google .btn-all:hover,
.cmgch-google .btn-all:focus,
.cmgch-google .btn-all:active,
.cmgch-google .btn-all.active,
.cmgch-google .btn-all:active:focus,
.cmgch-google .btn-all:active:hover,
.cmgch-google .btn-all.active:hover,
.cmgch-google .btn-all.active:focus {
  color: #ffffff;
  background-color: #862c00;
  border-color: #862c00;
  fill: #ffffff;
}
.cmgch-google .btn-advanced {
  color: #ffffff;
  background-color: #797979;
  border-color: #797979;
  fill: #ffffff;
}
.cmgch-google .btn-advanced:hover,
.cmgch-google .btn-advanced:focus,
.cmgch-google .btn-advanced:active,
.cmgch-google .btn-advanced.active,
.cmgch-google .btn-advanced:active:focus,
.cmgch-google .btn-advanced:active:hover,
.cmgch-google .btn-advanced.active:hover,
.cmgch-google .btn-advanced.active:focus {
  color: #ffffff;
  background-color: #676767;
  border-color: #676767;
  fill: #ffffff;
}
.cmgch-google .form-group-m input {
  caret-color: #461600;
}
.cmgch-google .form-group-m .bar::before {
  background: #461600;
}

/*ALT+C 導盲磚 *******************/
.text-secondary {
  color: #656769;
}

/*btn overflow*/
#noticeview_to_print .ct-btn {
  white-space: normal;
}

/*freeze btn overflow *******************/
#noticeview_to_print .ct-btn {
  white-space: normal;
}

/*權限scrollbar *******************/
.select-menu-container.select-visible .select-menu {
  height: 150px;
  width: auto;
  margin-top: 0px !important;

  @media only screen and (max-width: 768px) {
    min-width: 100%;
  }
}