@charset "utf-8";

/*theme-bg 背景色*/
.theme-bg {background:#f5f5f5;}

/*module*/
.module{ background: #ffffff;  border: 1px solid #c5c5c5;}
:not(.module-content).module-padding.module-bg { box-shadow: 2px 2px 3px rgb(195, 209, 172); background: #ffffff; border: 1px solid #c5c5c5;}

/**************************************************
= header 上方登入選單
********************/
header{ background: #d5d5d5;}
header,
header a,
header button,
header .dropdown-content a { color: #545454; }
header a:hover,
header button:hover{ color:#cb6928;}
header .fontsize button { color: #545454; background-color: #ffffff; border-color:#bebebe; opacity: 0.7;}
header .fontsize button:hover {opacity:1;}
header > a::before {  background-color:#545454;}
header .dropdown svg{ fill:#545454;}
header .dropdown-content{ background-color:#ffffff;}
.login .top-space header { padding-top: 45px;}

@media (max-width: 520px) {
header { position: relative !important; background:#ededed; border-radius: 0; top: 0;}
.logo{ margin: 0 auto;}
.login .top-space header { padding-top: 0px;}
}

/**************************************************
= theme 上方主圖
********************/
h1 strong { position: absolute; top: 40px; left: 105px;}
h1 strong.picshow { position: absolute; top: -100px;}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#6c717b;}
.navbar li a{ color:#ffffff; font-weight: 600;}
.navbar li:hover a {color:#d2d2d2;}
.navbar li:hover .navbar-svg { fill:#ffffff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#6c717b; color:#ffffff; }
.navbar li:hover ul a:hover { background-color:#e17400; color: #ffffff; }
.navbar li .menuhidden.navbar-menu a { background-color: #6c717b; color:#ffffff;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#e17400; color: #ffffff;}
.navbar li ul li { border-bottom:1px solid #9398a1;}
.navbar li ul li a{min-width:max-content;}
.navbar .show-menu{  color:#00a19a;background: inherit;}
.navrwd-svg{ fill:#ffffff;}

@media screen and (max-width: 767px) {
.navbar ul li, .navbar li a { background: #6c717b; color: #ffffff;}
.navbar ul li{ border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.navbar .show-menu .ct-hamburger svg { fill: #ffffff; margin: 5px 0; padding: 0 3px; width: 30px; }
.navbar li:hover ul a{ background-color: #585d65; color: #ffffff;}	
.navbar li:hover ul a:hover { background-color: #e17400;  color: #ffffff;}
.navrwd-svg{ background:rgba(0, 0, 0, 0.1);  border: none; }
.navrwd-svg svg {fill: #ffffff; }
.navbar li ul li { border: 0;}
}
/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {border-left: 8px solid #bbbcbe;}
.breadcrumb-item.active {color:#cb6928;}
.breadcrumb a{color:#545454;}
.breadcrumb a:hover{color:#cb6928;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg { background-color: #ffffff; background: url(../img/footerbg.png); background-repeat: no-repeat; background-position:center bottom;}
.footerbg,
.footerbg a { color:#545454;}
.footerbg .connect{background: rgba(255,255,255,0.5);}
.footerbg .copyright { background-color: rgba(0, 0, 0, 0.7);color: rgba(255, 255, 255, 0.6);}
.footerbg .footer-center { background: #ffffff;margin-bottom: -1000px; padding-bottom: 1000px; overflow: hidden;}
.footer-logo {  background: url(../img/footer-logo.png);  width: 168px; height: 192px;  margin: 20px auto;}

@media only screen and (max-width: 520px) {
.footerbg { background: url(../img/footerbg-s.png); background-position: center bottom; background-repeat: no-repeat;}
}

/**************************************************
= module title 模組標題
********************/
.module-title {position: relative; padding: 10px 0 5px; height:45px; color:#d04e0f; background: none;}
.module-title-bg { padding-left: 50px; background-image: url(../img/title.png); background-repeat: no-repeat;}

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

/* tab頁簽 ********************/
.nav-tabs { border-bottom:1px solid #9ca0a8;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a { color:#4e4e4e;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { color: #ffffff; background-color:#9ca0a8; border-color:#9ca0a8;} 
.nav-tabs .nav-link{ border-bottom-color:#8aadc1;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #9ca0a8; border-color:#9ca0a8;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color:#9ca0a8;}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link { background-color:#9ca0a8; color: #fff;}
.ct-dropdown-menu {border-color:#9ca0a8;}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover { background-color:#f0f1f3;}

/* table表格 ********************/
.ct-table thead th { border-bottom-color: #aaaaaa;}
.ct-table .thead-light th { color:#252e40;  background-color:#ffffff; border-color:#9ca0a8;}
.ct-table .thead-dark th { background-color:#9ca0a8;  border-color:#9ca0a8;  color: #fff;}
.table-hover tbody tr:hover { background-color:inherit; color:#4a68a6;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item { background-color: #ffffff; color: #545454; border-bottom:1px solid #dcdcdc;}
.nav-Vertical ul li .sub-menu-item a{ color: #545454; }
.nav-Vertical ul li .sub-menu-item:hover {     background-color: #d0d0d0; 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,
.nav-Vertical ul li .sub-menu-item:hover a { color:#545454;}
.nav-Vertical ul li .menu-arrow svg { fill:#d04e0f;}
.nav-Vertical ul li ul li .sub-menu-item { background-color:#edeff1;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background-color: #ffffff; border-left-color:#d04e0f; color:#d04e0f;}
.vertical-hamburger { background:#ffffff;}
.vertical-hamburger svg { fill:#d04e0f;}

/* sitemap 導覽頁 ********************/
.ct-sitemap {}
.sitemap-title { background-color:#fb945b;}
.sitemap-item a { background-color: #f6f6f6; border-left-color:#aeb1b6;}
.sitemap-item a:hover,
.sitemap-item a:focus { background-color:#e1e1e1;}
.sitemap-top{ color: #545454;}


/*span-color類廣告字顏色-ga003********************/
.span-color-ga003,a.span-color-ga003{color:#4a68a6;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#182d57;}

/*span-color RSS標題顏色-ga007********************/
.span-color-ga007,a.span-color-ga007{color:#4a68a6;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#182d57;}

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

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

/*ALT+C 導盲磚 *******************/
#center {color: #757474;}

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

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