@charset "utf-8";

/**************************************************
= theme-303
  color: #2a7851;
  color: #abe8c6;
  color: #61b78d;
  color: #ffffff;
   line: #81bfa0;
********************/
body { color: #545454;}

/*module*/
.module{ background: #ffffff; border: 1px solid #c5c5c5;}
:not(.module-content).module-padding.module-bg {background: #ffffff; border: 1px solid #c5c5c5;}

/**************************************************
= header 上方登入選單
********************/
header,
header a,
header button,
header .dropdown-content a { color: #545454;}
header .dropdown-content{ background-color: #bae7e0; border: 1px solid #2f4544;}
header .dropdown-content a:hover{ background: rgba(255, 255, 255, 0.7); }
header .fontsize button {  color: #757575;  background-color: rgb(255, 255, 255);  border-color: #b9e8fb; opacity: 0.8; border: none;}
header .fontsize button:hover {opacity: 1}
.login .top-space header { margin-top: 40px;}

@media (max-width: 520px) {
header { position: relative !important; background-color:#2f4544; top:0;border-radius: 0;}
header,
header a,
header button { color:#eafff4;}
header button svg { fill: #eafff4;}
header > a::before { background-color:#fafffc; opacity: 0.5;}
.login .top-space header { margin-top: 0px;}
}
/**************************************************
= theme 上方主圖
********************/
@media (max-width: 520px) {
.logo img { max-width: 100%;}
}

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

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#448078;}
.navbar ul{ justify-content: center;}
.navbar li a{ color:#ffffff;}
.navbar > ul > li:hover > a { color:#ffffe8;opacity: 0.8;}
.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 #5fada4; min-width:max-content;}
.navrwd-svg { fill: #ffffff;}

@media screen and (max-width: 767px) {
.navbar li { border-top-color:#81bfa0; background-color: inherit;}
.navbar .show-menu {background-color:#bae7e0;}
.navbar .show-menu .ct-hamburger svg { fill:#415150;}
.ct-hamburger { display: table; padding-left: 4px; padding-right: 4px; border-radius: 4px;}
.navrwd-svg{ border: none; background:rgb(87, 164, 155);}
.navrwd-svg svg { fill:#ffffff;}
}

@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,
.breadcrumb-item.active,
.breadcrumb a { color:#2a6f67;}
.breadcrumb a:hover { color: #2a6f67;}
.breadcrumb-item + .breadcrumb-item::before { border-left-color:#297750;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg { background-color: inherit; background-position: center bottom; background-repeat: no-repeat; background-image: url(../img/footerbg.png);}
.footerbg,
.footerbg a { color:#2a6f67;}
.footerbg .copyright {background-color: rgb(124, 194, 186); color: #1f4843;}
@media (max-width: 768px) {
.footerbg {  background-image: url(../img/footerbg768.png); min-height: 300px;}
}

/**************************************************
= module title 模組標題
********************/
.module-title { /*clear: both;*/ position: relative; /* margin: 0 0 20px;*/ padding: 10px 0 5px; color:#415150; background: none;}
.module-title-bg { padding-left: 55px; background-image: url(../img/title.png); background-repeat: no-repeat;}

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

/* tab頁簽 ********************/
.nav-tabs { border-bottom-color:#b3b3b3;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a { color: #545454;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #545454;
    background-color: #ffd9a0;
    border-bottom-color: #b3b3b3;
    border-top-color: #ffd9a0;
    border-right-color: #ffd9a0;
    border-left-color: #ffd9a0;
}
.nav-tabs .nav-link{ background: #ffffff; border-bottom-color: #b3b3b3;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #545454; background-color: #fdc675; border-color: #fdc675 #fdc675 #b3b3b3;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color:#545454; background-color:#ffd9a0;}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link {color: #545454; background-color: #fdc675;}
.ct-dropdown-menu { border-color:#b3b3b3;}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover { color: #4670bb; background-color:#f2f2f2;}

/* table表格 ********************/
.ct-table thead th { border-bottom-color: #7eb51d;}
.ct-table .thead-light th { color: #545454; background-color: #e2e2e2; border-color: #bbbbbb;}
.ct-table .thead-dark th { background-color: #bbbbbb; border-color: #9e9e9e; color: #4e4e4e;}
.table-hover tbody tr:hover { background-color:#fff7eb;}

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

/* nav-Vertical 直式選單 ********************/

.nav-Vertical ul li .sub-menu-item { background-color: #eaf8f8; color: #545454; border-bottom-color: #b1e6e6;}
.nav-Vertical ul li .sub-menu-item a{ color: #545454; }
.nav-Vertical ul li .sub-menu-item:hover { background-color: #bee8e4; color: #545454;}

.nav-Vertical ul li .sub-menu-item:hover a { color: #545454;}
.nav-Vertical ul li .secmenu-item:hover a { color: #ffffff;}

.nav-Vertical ul li .sub-menu-item a ,
.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{ color:#545454;}

.nav-Vertical ul li .menu-arrow svg { fill: #545454;}
.nav-Vertical ul li ul li .sub-menu-item { background-color: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background-color: #448078; border-left-color: #163a36; color: #ffffff;}

.vertical-hamburger { background:#bee8e4;}
.vertical-hamburger svg { fill:#5fada4;}

/* sitemap 導覽頁 ********************/
.ct-sitemap { background-color:#eaf8f8;}
.sitemap-title { background-color:#457e76;}
.sitemap-item a { background-color: #f8f8f8; border-left-color: #bee8e4;}
.sitemap-item a:hover,
.sitemap-item a:focus { background-color:#eaf8f8;}
.sitemap-block { border: 1px solid #c5c5c5;}

/*span-color類廣告字顏色-ga003********************/
.span-color-ga003,a.span-color-ga003{color: #2a6f67;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#1e5952;}

/*span-color RSS標題顏色-ga007********************/
.span-color-ga007,a.span-color-ga007{color: #2a6f67;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#1e5952;}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary { color: #ffffff; background-color:#234a46; border-color:#234a46; 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: #3c8077;  border-color: #3c8077;}
.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:#2c7b72;}

/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock{ background:#eaf8f8; color: #545454; border-bottom: 4px solid rgb(124, 194, 186);}
.ct-focusslider .focus-content .textblock.notice-color{ background:#f5f5f5; color: #545454; border-bottom: 4px solid rgb(124, 194, 186);}
/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow{ fill:rgb(124, 194, 186); }
.ct-focusslider .focus-controls .focus-arrow:hover { fill:rgb(190, 232, 228);}
.ct-focusslider .focus-controls .focus-arrow.focus-end{ fill: rgba(175, 175, 175, 1);}

/* GA017 全文檢索*******************/
.cmgch-google .btn-all{ color: #ffffff; background-color:#234a46; border-color:#234a46; 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:#3c8077;  border-color:#3c8077; 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:#5fada4;} 
.cmgch-google .form-group-m .bar::before {background:#5fada4;}

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

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