@charset "utf-8";

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

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

/**************************************************
= header 上方登入選單
********************/
header{ background:#1d6b67; border: #48bcb7 1px solid;}
header,
header a,
header button,
header .dropdown-content a { color: #d3fcfa; }
header a:hover,
header button:hover{ color: #ffffff;}
header .fontsize button { color: #ffffff; background-color: #008982; border-color: #109791; opacity: 0.7;}
header .fontsize button:hover {opacity:1;}
header > a::before {  background-color: #d3fcfa;}
header .dropdown svg{ fill:#d3fcfa;}
header .dropdown-content{ background-color: #045e5a; border: 1px solid rgb(4, 94, 89);}
.login .top-space header { padding-top: 45px;}

@media (max-width: 520px) {
header { position: relative !important;}
.login .top-space header { padding-top: 0px;}
}

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

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#ffffff;}
.navbar li a{ color:#003d3a;}
.navbar li:hover a {color:#ff8300;}
.navbar li:hover .navbar-svg { fill:#ffffff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color: #ffffff; color:#ff8300; }
.navbar li:hover ul a:hover { background-color:#ff8300; color:#ffffff; }
.navbar li .menuhidden.navbar-menu a { background-color: #ffffff; color:#ff8300;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#ff8300; color:#ffffff;}
.navbar li ul li { border-bottom:1px solid #ff8300;}
.navbar .show-menu{  color:#00a19a;background: inherit;}
.navrwd-svg{ fill:#ff8300;}
.navbar li ul li a{min-width:max-content;}

@media screen and (max-width: 767px) {
.navbar ul li, .navbar li a { background:#ffffff; color: #ff8300;}
.navbar ul li{border-bottom:1px solid #ff8300;}
.navbar .show-menu .ct-hamburger svg { fill: #00a19a; background: inherit;;}
.navbar li:hover ul a{ background-color: #ffefde; color: #ff8300;}	
.navbar li:hover ul a:hover { background:#ff8300; color: #ffffff;}
.navrwd-svg{ background: #ffefde;  border: none; }
.navrwd-svg svg {fill: #ff8300; }
.navbar li ul li { border: 0;}

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

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg { background-color: #00a19a; border-top: #a6a6a6 1px solid;}
.footerbg,
.footerbg a { color:#ffffff;}
.footerbg .copyright { background-color:inherit;}
.footerbg .footer-center { background: #ffffff; /*margin-bottom: -1000px; padding-bottom: 1000px;*/ overflow: hidden; height: 300px;}
.footer-logo {  background: url(../img/footer-logo.png);  width: 168px; height: 192px;  margin: 20px auto;}

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

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

/* tab頁簽 ********************/
.nav-tabs { border-bottom:1px solid #0fa7a0;}
.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: #00a19a; border-bottom-color:#3b96a6; border-top-color: #00a19a; border-right-color: #00a19a; border-left-color: #00a19a;} 
.nav-tabs .nav-link{ border-bottom-color:#3b96a6;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #00a19a; border-color: #00a19a #00a19a #0fa7a0;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color:#00a19a;}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link { background-color:#00a19a; color: #fff;}
.ct-dropdown-menu {border-color:#3b96a6;}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover { color: #4670bb; background-color:#def3f2;}

/* table表格 ********************/
.ct-table thead th { border-bottom-color: #aaaaaa;}
.ct-table .thead-light th { color: #0fa7a0; background-color: #ffffff; border-color: #2bb3b1;}
.ct-table .thead-dark th { background-color: #00a19a;  border-color:#00a19a;  color: #fff;}
.table-hover tbody tr:hover { background-color:#f0f8f9;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item {background-color: #ffffff; color: #545454; border-bottom-color: #a6dcda;}
.nav-Vertical ul li .sub-menu-item a{ color: #545454; }
.nav-Vertical ul li .sub-menu-item:hover { background-color: #00a19a; color: #ffffff;}
.nav-Vertical ul li .sub-menu-item a:hover,
.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:#ffffff;}
.nav-Vertical ul li .secmenu-item:hover a{ color: #00a19a; }
.nav-Vertical ul li .menu-arrow svg { fill:#59d4cf;}
.nav-Vertical ul li ul li .sub-menu-item { background-color:#f0f8f9;}
.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: #00a19a; color: #00a19a;}
.vertical-hamburger { background:#00a19a;}
.vertical-hamburger svg { fill:#ffffff;}

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


/**************************************************
= hotkeyicon 快捷列 ********************/
.hotkeyicon ul{ padding: 0px;}
.hotkeyicon li{ color:#ffffff; width: 100%; list-style-type: none; }
.hotkeyicon .iconitem1{  background:#61c66d; height: 52px; }
.hotkeyicon .iconitem1:hover{ border-bottom:#2e963b 1px solid;}
.hotkeyicon .iconitem2{  background:#11aa79;  height: 52px;}
.hotkeyicon .iconitem2:hover{border-bottom:#026747 1px solid;}
.hotkeyicon .iconitem3{  background:#4ec6ae; height: 52px;}
.hotkeyicon .iconitem3:hover{border-bottom:#238a75 1px solid;}
.hotkeyicon .iconitem4{ background:#1ab0a9;height: 52px;}
.hotkeyicon .iconitem4:hover{border-bottom:#0e8580 1px solid;}
.hotkeyicon .iconitem5{   background:#109e98; height: 52px;}
.hotkeyicon .iconitem5:hover{ border-bottom:#096c68 1px solid;}
.hotkeyicon .iconitem1:hover,.hotkeyicon .iconitem2:hover,.hotkeyicon .iconitem3:hover,.hotkeyicon .iconitem4:hover,.hotkeyicon .iconitem5:hover{ cursor:pointer;}
.hotkeyicon .icontitle{ padding:15px 0 0 0;  text-align: left; letter-spacing: 2px; display:inline-block; }
.hotkeyicon .onlineicon{ display: inline-block; margin-left: 10px; margin-right: 5px; vertical-align: middle;}
.hotkeyicon .hoticon1,.hotkeyicon .hoticon2,.hotkeyicon .hoticon3,.hotkeyicon .hoticon4,.hotkeyicon .hoticon5{ width: 19px; height: 19px;}
.hotkeyicon .hoticon1{ background: url(../img/hoticon1.svg);}
.hotkeyicon .hoticon2{ background: url(../img/hoticon2.svg);}
.hotkeyicon .hoticon3{ background: url(../img/hoticon3.svg);}
.hotkeyicon .hoticon4{ background: url(../img/hoticon4.svg);}
.hotkeyicon .hoticon5{ background: url(../img/hoticon5.svg);}
.onlineiconright{ float:right; background: url(../img/chevron-right.svg);width: 19px;height: 19px; margin-right: 5px;  margin-top: 15px;}

@media (min-width:768px) and (max-width:1199px){
.hotkeyicon .iconitem1,.hotkeyicon .iconitem2,.hotkeyicon .iconitem3,.hotkeyicon .iconitem4,.hotkeyicon .iconitem5 {  height: 65px;  padding: 10px;}
.hotkeyicon .icontitle {  padding: 5px 0; text-align: inherit; letter-spacing: 2px;  display: block;}
.hotkeyicon li {  text-align: center;}
.hotkeyicon .onlineicon{ display: block; margin: 0 auto;}
.hotkeyicon .onlineiconright{ display:none;}
}
@media (max-width:767px) {
.hotkeyicon li { width: 49%; display: inline-block;margin-bottom: 3px;}
}

/*linkbanner*/
.linkbanner{ size:1.3rem; font-weight:bolder; color: #4e4e4e; background:#d4dede; height:50px; cursor:pointer; margin:4px; text-align:center; padding-top:15px;}
.linkbanner:hover{border:3px solid #ff8300; color: #ff8300; background-color:#ffffff; padding:12px 0 0 0;}

/*span-color類廣告字顏色-ga003********************/
.span-color-ga003,a.span-color-ga003{color:#003d3a;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#00a19a;}

/*span-color RSS標題顏色-ga007********************/
.span-color-ga007,a.span-color-ga007{color:#003d3a;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#00a19a;}

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

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

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

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

/*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;}