@charset "utf-8";

/**************************************************
= theme-201
  color: #545454;
  color: #0078ff; rgba(255, 174, 0);
  color: #3185d3;
  color: #fffae6;
   line: #99e1ff;
********************/
body { color: #545454;}

/*theme-bg 背景色*/
.theme-bg { background:#e9f3f8; background-image: url(../img/bg.png);}

/*module*/
.module{ background: #ffffff;  border: 1px solid #b1e4ff; box-shadow: 1px 1px 2px rgba(169, 212, 234,0.8);}
:not(.module-content).module-padding.module-bg{ background: #ffffff;  border: 1px solid #b1e4ff; box-shadow: 1px 1px 2px rgba(169, 212, 234,0.8);}

/**************************************************
= header 上方登入選單
********************/
header,
header a,
header button,
header .dropdown-content a { color: #000000;}
header .fontsize button { color: #fff; background-color: #307abe; border-color: #307abe; opacity: 1;}
header .fontsize button:hover { background-color: #307abe; border-color: #307abe;}
.login .top-space header { padding-top: 45px;}

@media screen and (max-width: 767px) {
header { float: none !important; position: relative !important; right: 0; padding-right: 10px; background: #2e87d0;}
header,
header a,
header button { color: #fff;}
header button svg { fill: #fff;}
header > a::before { background-color: #fff; opacity: 0.5;}
.login .top-space header { padding-top: 0px;}
}

/**************************************************
= theme 上方主圖
********************/
.theme::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../img/headerbg.png); background-repeat: no-repeat; background-position: right center;}
.logo { z-index: 1;}

@media screen and (max-width: 767px) {
.theme::before { background-position: center center; border-bottom: 1px solid #fcf4ef;}
.logo { margin-right: 50px;}
.logo img { max-width: 100%;}
}

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

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color: #307abe;}
.navbar ul{ justify-content: center;}
.navbar li:hover a {  color: #fffff9;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color: #0969c1;}
.navbar li:hover ul a:hover { background-color: #27659e;}
.navbar li .menuhidden.navbar-menu a { background-color: #0969c1;}
.navbar li .menuhidden.navbar-menu a:hover { background-color: #27659e;}
.navbar li ul li { border-bottom-color: #0076a8; min-width:max-content;}

@media screen and (max-width: 767px) {
.navrwd-svg { border-color:#4c9de8;}
.navbar li { border-top-color: #4c9de8; background-color: inherit;}
.navbar .show-menu { position: absolute; top: 65px; right: 5px; background-color: transparent;}
.navbar .show-menu .ct-hamburger svg { fill: #ffffff;}
.navbar li:hover ul a{ background-color: #59afff;}
.navbar li:hover ul a:hover { background-color: #b6dcff; color: #3185d3;}
.navbar li .menuhidden.navbar-menu a { background-color: #59afff;}
.navbar li .menuhidden.navbar-menu a:hover { background-color: #b6dcff; color: #3185d3;}
}

@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: #545454;}
.breadcrumb-item + .breadcrumb-item::before { border-left-color: #545454;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg { background-color: #545454;	background-image: url(../img/footerbg.jpg);}
.footerbg,
.footerbg a {
	color: #103669;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #00a8ff;
}
.footerbg .copyright {
	background-color: rgba(34, 101, 162, 0.79);
	color: #dff9fb;
}

/**************************************************
= module title 模組標題
********************/
.module-title {
	color:#0073b0;
	background: none;
}
.module-title-bg {
	background-image: url(../img/title.png);
	background-repeat: no-repeat;
	background-position: 8px -8px;
}
.module-title-bg::before { content: ""; position: absolute; bottom: 0; left: 0; width: 3rem;}

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

/* tab頁簽 ********************/
.nav-tabs { border-bottom-color: #3185d3;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a { color: #677888;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	color: #2f7abf;
	background-color: rgba(49,154,233,0.03);
	border-color: rgba(49,154,233,1);
	border-bottom-color: #3185d3;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #1f7a90;
	background-color: #eff8fe;
	border-color: #3185d3 #3185d3 #fff;
}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #3185d3; background-color: #eff8fe;}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link { background-color: #3185d3;}
.ct-dropdown-menu {
	border-color: rgba(0,153,204,0.5);
}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover { color: #4670bb; background-color: #eff8fe;}

/* table表格 ********************/
.ct-table thead th { border-bottom-color: #0078ff;}
.ct-table .thead-light th { color: #1f7a90; background-color: #eff8fe; border-color: #99e1ff;}
.ct-table .thead-dark th { background-color: #3185d3; border-color: #99e1ff;}
.table-hover tbody tr:hover { background-color: #eff8fe;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item { background-color: #d7effc; color: #545454; border-bottom-color: #99e1ff;}

.nav-Vertical ul li .sub-menu-item :active {  color:#545454;}

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

.nav-Vertical ul li .sub-menu-item:hover a{ color: #1f1f1f; }

.nav-Vertical ul li .menu-arrow svg { fill: #545454;}
.nav-Vertical ul li ul li .sub-menu-item { background-color: #eff8fe;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background-color: #88c6ff; border-left-color: #19456d; color:#484848}

.vertical-hamburger { background:#b5e5ff;}
.vertical-hamburger svg { fill: #0078ff;}

/* sitemap 導覽頁 ********************/
.ct-sitemap { background-color: #f0f0eb;}
.sitemap-title { background-color: #307abe;}
.sitemap-item a { background-color: #eff8fe; border-left-color: #3185d3;}
.sitemap-item a:hover,
.sitemap-item a:focus { background-color: #d7effc;}


/*span-color類廣告字顏色-ga003********************/
.span-color-ga003,a.span-color-ga003{color: #3185d3;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color: #2767a2;}

/*span-color RSS標題顏色-ga007********************/
.span-color-ga007,a.span-color-ga007{color: #3185d3;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color: #2767a2;}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary { color: #ffffff;  background-color:#307abe;  border-color: #3185d3;  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:#2c76bb;}
.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:#2666a2;}

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

/* GA017 全文檢索*******************/
.cmgch-google .btn-all{ color: #ffffff; background-color:#307abe; border-color:#3185d3; 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:#2c76bb;  border-color:#2c76bb; 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:#3185d3;} 
.cmgch-google .form-group-m .bar::before {background:#3185d3;}

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

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