@charset "utf-8";
/**************************************************
/*theme-bg 背景色*/
.theme-bg{background:#f4f4f4; background-image:url(../img/bg.jpg);background-repeat: no-repeat; background-position:top left;}

/*模組背景色*/
.module { background: #ffffff;box-shadow: 2px 2px 3px rgba(0,0,0,0.3); }
:not(.module-content).module-padding.module-bg { background: #ffffff;}

/**************************************************
= header 上方登入選單#27786a
********************/
header{ background: rgba(218, 247, 242, 0.8);}
header,
header a,
header button,
header .dropdown-content a { color:#3e8074;}
header>a, header>div{;color: #035f4c;}
header .fontsize button {color: #ffffff;  background-color:#2d8475; }
header .fontsize button:hover { background-color:rgba(48, 156, 137, 1);}
header .dropdown svg { fill:#4ba696;}
header a:hover,
header>div:hover{ background:none;color:#27786a;}
header .dropdown:hover svg{ fill: #27786a;}
header .dropdown-content{background:#ffffff;} 
header .dropdown-content a:hover{ background-color:#0c7d67;color:#ffffff;}
.logo,.logo a { font-size: 2rem;  color:#545454;}

@media screen and (max-width: 767px) {
header { border-bottom: 1px solid #a0d8ce; }
}

.login .top-space header { padding-top: 45px;}

@media screen and (max-width: 520px) {
.login .top-space header { padding-top: 0px;}
}

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

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#176f5e;}
.navbar ul{ max-width: 1500px; justify-content: center;}
.navbar li a{color:#ffffff;}
.navbar li:hover a {color:#93f5e2;}
.navbar li:hover .navbar-svg { fill:#ffffff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden { background-color:rgba(22, 111, 94, 0.9); }
.navbar li:hover ul a:hover { background-color:#207363;}
.navbar li .menuhidden.navbar-menu a { background-color:rgba(22, 111, 94, 0.9);}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#207363;}

/*.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{background-color: #c7ebe8; color: #2a6f67;}
.navbar li:hover ul a:hover {background-color:#448078 ; color:#ffffff;}
.navbar li .menuhidden.navbar-menu a,.navbar li .menuhidden a {background-color: #c7ebe8; color: #2a6f67;}
.navbar li .menuhidden.navbar-menu a:hover,.navbar li .menuhidden a:hover{background-color:#448078 ; color:#ffffff;}
*/
.navbar li ul li { border-bottom:1px solid #58c7b3; min-width:max-content;}
.navbar .show-menu{ color: #fff; background: rgb(29, 149, 126);}
.navrwd-svg{ fill:#ffffff;}



@media screen and (max-width: 767px) {
.navbar li a{color:#ffffff;}
.navbar ul li, .navbar li a { background:#22aa90;}
.navbar ul li:hover, .navbar li a:hover { background:#22aa90;}
.navbar ul li{ border-bottom:1px solid rgb(190, 220, 214);}
.navbar .show-menu .ct-hamburger svg { fill:#ffffff;}
.navbar li:hover ul a { background-color: #2fbda2; color: #ffffff;}	
.navbar li:hover ul a:hover {   background: #4fe4c8; color: #ffffff;}
.navbar li .menuhidden.navbar-menu a {  background-color: #2fbda2; color: #ffffff;}
.navbar li .menuhidden.navbar-menu a:hover {  background: #4fe4c8; color: #ffffff;}
.navrwd-svg{ background:#38bba2; border: none;}
.navbar li ul li { border: 0;}
.navbar li:hover a {color:#93f5e2;}
}

@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 #727272;}
.breadcrumb-item.active {color:#176F5E;}
.breadcrumb a{color:#545454;}
.breadcrumb a:hover{color:#09806b;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ background-image: url(../img/footer-s.png); color: #1f494b; background-color: inherit; position: relative; background-repeat: no-repeat; }
.footerbg a {color:#1f494b;}
.connect-links,.connect .text.connect-explorer{ color:#1f494b;}
.connect-links:hover{text-decoration: none;color:#1f494b;}
.copyright {background-color:#2d7363; color:#ddf5e2;}

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

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

/* tab頁簽 ********************/
.nav-tabs {border-bottom-color:#1b9b81;}
.nav-tabs .nav-item a{ 
background: #98ead9;
background: -moz-linear-gradient(top, #98ead9 49%, #87e2cf 49%); 
background: -webkit-linear-gradient(top, #98ead9 49%,#87e2cf 49%); 
background: linear-gradient(to bottom, #98ead9 49%,#87e2cf 49%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ead9', endColorstr='#87e2cf',GradientType=0 ); 
color:#035f4c;border-color: #87e2cf #87e2cf  #1b9b81;}
.nav-pills .nav-item a{  background: #98ead9;
background: -moz-linear-gradient(top, #98ead9 49%, #87e2cf 49%); 
background: -webkit-linear-gradient(top, #98ead9 49%,#87e2cf 49%); 
background: linear-gradient(to bottom, #98ead9 49%,#87e2cf 49%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ead9', endColorstr='#87e2cf',GradientType=0 ); 
color:#028f72;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
background: #25d3b0;
background: -moz-linear-gradient(top, #25d3b0 49%, #25d3b0 49%, #20b799 49%, #20b799 49%);
background: -webkit-linear-gradient(top, #25d3b0 49%,#25d3b0 49%,#20b799 49%,#20b799 49%); 
background: linear-gradient(to bottom, #25d3b0 49%,#25d3b0 49%,#20b799 49%,#20b799 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25d3b0', endColorstr='#20b799',GradientType=0 );  color: #0b3c32; border-color:#20b799;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { 
background: #25d3b0;
background: -moz-linear-gradient(top, #16856f 49%, #16856f 49%, #147461 49%, #147461 49%);
background: -webkit-linear-gradient(top, #16856f 49%,#16856f 49%,#147461 49%,#147461 49%); 
background: linear-gradient(to bottom, #16856f 49%,#16856f 49%,#147461 49%,#147461 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16856f', endColorstr='#147461',GradientType=0 );  color: #ffffff; border-color:#147461;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {color: #fff;background: #16856f;
background: -moz-linear-gradient(top, #16856f 49%, #16856f 49%, #147461 49%, #147461 49%);
background: -webkit-linear-gradient(top, #16856f 49%,#16856f 49%,#147461 49%,#147461 49%); 
background: linear-gradient(to bottom, #16856f 49%,#16856f 49%,#147461 49%,#147461 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16856f', endColorstr='#1b9b81',GradientType=0 );}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #fff;background: #16856f;
background: -moz-linear-gradient(top, #16856f 49%, #16856f 49%, #20b799 49%, #20b799 49%);
background: -webkit-linear-gradient(top, #16856f 49%,#16856f 49%,#20b799 49%,#20b799 49%); 
background: linear-gradient(to bottom, #16856f 49%,#16856f 49%,#20b799 49%,#20b799 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16856f', endColorstr='#20b799',GradientType=0 );}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {color:#c9c9c9; border-bottom-color:#1b9b81;}
.ct-dropdown-menu { background-color: #fff; border: 1px solid #1b9b81;}
.ct-dropdown-item {color: #3a92e9;}
.nav-tabs .nav-item .ct-dropdown-menu a{ background:#ffffff; color:#1ea78b;}
.nav-tabs .nav-item .ct-dropdown-menu :focus,
.nav-tabs .nav-item .ct-dropdown-menu :hover {background-color:#f0f0f0;}


/* 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: #3f8276; background-color: #ffffff; border-top: 1px solid #4ba696;  border-bottom: 1px solid #4ba696;}
.ct-table .thead-dark th { color: #ffffff;  background-color: #1ea78b; border-color: #1ea78b;}
.table-bordered {border-color: #e9ecef;}
.table-bordered th,.table-bordered td {border-color:#ccc;}
.table-hover tbody tr:hover { background-color:#e6f5f2;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{ background: #f7f7f7; color: #545454; border-bottom-color: #c4c5c2;}
.nav-Vertical ul li .sub-menu-item:hover { background:#17846f; color: #ffffff;}
.nav-Vertical ul li .sub-menu-item a{color:#545454;}
.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:#545454;}
.nav-Vertical ul li .menu-arrow:hover svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item:hover a{color:#147461;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#ffffff;}
.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:#e6f5f1; color: #545454; border-left-color:#1ea78b;}
.vertical-hamburger { background:#ffffff;}
.vertical-hamburger svg { fill:#1ea78b;}

/* sitemap 導覽頁 ********************/
.ct-sitemap{background:rgba(255,255,255,0.7);}
.sitemap-title { background:#3a8173; color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item a { color: #545454; border-left-color:#6ebeae; background: #f5f5f5;}
.sitemap-item a:hover,
.sitemap-item a:focus{background:#e8e8e8;}
.sitemap-icon svg {fill: #ffffff;}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color:#0d6566;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#21796a;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #0d6566;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#21796a;}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary { color: #ffffff;  background-color:#31515e;  border-color:#31515e;  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-color:#123645;  border-color:#123645;}
.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:#0b9075;}

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

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

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

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