@charset "utf-8";
/**************************************************
= theme-101
  color: #0d6566;
  color: #87cac9;
  color: #0d6566;
  color: #062527;
   line: #1fa09e;
********************/

/*module*/
.module { background: #ffffff; border: 1px solid #d7d7d7; box-shadow: 2px 2px 3px rgba(161, 161, 161, 0.3);}
:not(.module-content).module-padding.module-bg { background: #ffffff; border: 1px solid #d7d7d7; box-shadow: 2px 2px 3px rgba(161, 161, 161, 0.3);}

/**************************************************
= header 上方登入選單
********************/
header { background: #aceeec;}
header,
header a,
header button,
header .dropdown-content a { color: #0c6d6d}
header>a, header>div{ border-left-color: #7bd9d6; color:#0c7071;}
header .fontsize button {color: #0f7677; background-color: rgba(255,255,255,0.4); border: none;}
header .fontsize button:hover {color: #0a6a6a; background-color: rgba(255,255,255,0.7); border: none;}
header .dropdown svg { fill:#128a8b;}
header .dropdown-content { background-color:#95ece7;}
header a:hover,
header>div:hover,
header .dropdown-content a:hover{ background-color: #bbf1f0;}

/**************************************************
= theme 上方主圖
********************/
.logo,.logo a { font-size: 2.2rem;  color: #545454;}

h1 strong { position: relative;}
h1 strong.picshow { position: absolute; top: -600px;}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#0d6566;}
.navbar ul{ justify-content: center;}
.navbar li:hover a {color:#f9f7a9;}
.navbar li:hover .navbar-svg { fill: #9adcdc;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#065455;}
.navbar li:hover ul a:hover { background-color: #074a4a;}
.navbar li .menuhidden.navbar-menu a { background-color:#065455;}
.navbar li .menuhidden.navbar-menu a:hover { background-color: #074a4a;}
.navbar li ul li { border-bottom: 1px solid #0C6666; min-width:max-content;}
.navbar .show-menu{ color: #fff;background: #0d6566;}

@media screen and (max-width: 767px) {
.navbar ul li, .navbar li a { background: #064a4a;}
.navbar .show-menu .ct-hamburger svg { fill: #ffffff;}
.navbar li:hover ul a { background-color: #033a3a;}	
.navbar li:hover ul a:hover { background: #012e2e;}
.navbar li .menuhidden.navbar-menu a { background-color: #033a3a;}
.navbar li .menuhidden.navbar-menu a:hover { background: #012e2e;}
.navrwd-svg{ border-color: #0b5a5a;}
}

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

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

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

/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {border-left: 8px solid #87cac9;}
.breadcrumb-item.active {color: #0d6566;}
.breadcrumb a{color: #287372;}
.breadcrumb a:hover{color:#0d6566;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ background-color: #0D6566;color: #b0fafb}
.footerbg a {color: #b0fafb;}
.connect-links,.connect .text.connect-explorer{color: #b0fafb;}
.connect-links:hover{text-decoration: none;color: #b0fafb;}
.copyright {background-color: #062527;color: #80a2a3;}

/**************************************************
= module title 模組標題
********************/
.module-title-bg{
  background-image: url(../img/title.png);
  background-color: #ffffff; 
  border-bottom: 1px solid #168f8e;
}
.module-title { color: #0d6566;}

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

/* tab頁簽 ********************/
.nav-tabs {border-bottom-color:#2bb3b1;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a{color:#0a7d7b;}
.nav-tabs .nav-link{ border-color: #a2dfde #a2dfde #2bb3b1; background-color: #f6ffff;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {color:#0a7d7b; border-color: #a2dfde #a2dfde #2bb3b1; background-color: #e9f9f9;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #0a7d7b; background-color:#e9f9f9;  border-color: #2bb3b1 #2bb3b1 #e9f9f9;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {color: #0b8684; background-color: #e9f9f9;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #fff;background-color: #2bb3b1;}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {color: #868e96;}
.ct-dropdown-menu {color: #212529;background-color: #fff;border: 1px solid rgba(43, 179, 177, 0.5);}
.ct-dropdown-item {color: #292b2c;}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover {color: #4670bb;background-color:#e9f9f9;}


/* table表格 ********************/
.ct-table th,.ct-table td {border-top-color:#ccc;}
.ct-table thead th { border-bottom-color: #148a88;}
.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: #0a7d7b; background-color: #e9f9f9; border-color: #9fd8d7;}
.ct-table .thead-dark th { color: #ffffff; background-color: #2bb3b1; border-color: #167674;}
.table-bordered {border-color: #e9ecef;}
.table-bordered th,.table-bordered td {border-color:#ccc;}
.table-hover tbody tr:hover { background-color:#d0f5f3;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{background: #9fdfdb;color: #0d6566; border-bottom-color: #86ceca;}
.nav-Vertical ul li .sub-menu-item:hover { background:#97e1df;color:#1a6264; }
.nav-Vertical ul li .sub-menu-item a{color: #0d6566;}
.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,
.nav-Vertical ul li .sub-menu-item:hover a{color:#1a6264;}
.nav-Vertical ul li .secmenu-item:hover a{color:#ffffff;}
.nav-Vertical ul li .menu-arrow svg{ fill: #0a4a4b;}
.nav-Vertical ul li .menu-arrow:hover svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#d0f5f3;}
.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:#00807c; color:#ffffff;border-left-color:#02423f;}
.vertical-hamburger { background:#e9f9f9;}
.vertical-hamburger svg { fill: #0d6566;}

/* sitemap 導覽頁 ********************/
.ct-sitemap{background: #ebf5f5;}
.sitemap-title { background: #0e808e;color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item a { color: #0d6566; border-left-color:#86d8d7; background: #f5f5f5;}
.sitemap-item a:hover,
.sitemap-item a:focus{background: #ebf5f5;}
.sitemap-icon svg {fill: #ffffff;}

/*span-color類廣告字顏色-ga003********************/
.span-color-ga003,a.span-color-ga003{color: #bd6e3e;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color: #854c29;}

/*span-color RSS標題顏色-ga007********************/
.span-color-ga007,a.span-color-ga007{color: #bd6e3e;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color: #854c29;}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary { color: #ffffff;  background-color: #0d6566;  border-color: #0d6566;  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:#065455;}
.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:#074a4a;}

/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock{ background:#e7f8f7; color: #545454; border-bottom: 4px solid #0d6566;}
.ct-focusslider .focus-content .textblock.notice-color{ background:#f5f5f5; color: #545454;  border-bottom: 4px solid #0d6566;}
/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow{ fill:#f89520; }
.ct-focusslider .focus-controls .focus-arrow:hover { fill: #ffb55d;}
.ct-focusslider .focus-controls .focus-arrow.focus-end{ fill: rgba(175, 175, 175, 1);}

/* GA017 全文檢索*******************/
.cmgch-google .btn-all{ color: #ffffff; background-color:#0d6566; border-color:#0d6566; 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:#014643;  border-color:#014643; 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:#0d6566;} 
.cmgch-google .form-group-m .bar::before {background:#0d6566;}

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

/*權限scrollbar *******************/
.select-menu-container.select-visible .select-menu {overflow-y: scroll; height: 150px;}