@charset "utf-8";

/**************************************************
= header 上方登入選單
********************/
/*theme-bg 背景色*/
.theme-bg{background:#a5d0fd;background-image: url(../img/bg.jpg); background-position: left top; background-repeat: no-repeat;}


/*模組背景色*/
.module { background: #ffffff; border-radius: 8px; box-shadow: 2px 2px 3px rgb(95, 139, 187,0.3);}
:not(.module-content).module-padding.module-bg { background: #ffffff;  border-radius: 8px;}

/**************************************************
= header 上方登入選單
********************/
header, header a, header button{ background:rgb(44, 104, 158);}
header .dropdown-content a { background:rgba(50, 118, 180,1);}
header>a, header>div, header>div:hover a{color:#ffffff;}
header .fontsize button { color: #ffffff; background-color: rgb(43, 79, 111); border:none; }
header .fontsize button:hover {background-color: rgb(31, 95, 154); }
header .dropdown svg { fill:#ffffff;}
header a:hover, header>div:hover, header>div:hover a:hover{ color:#c7e7f3; }
header .dropdown-content a:hover{ background-color: rgb(31, 95, 154); }
.logo,.logo a { font-size: 2rem;  color:#2C689E;}
.login .top-space header { padding-top: 45px;}

@media screen and (max-width: 767px) {
header, header a, header button, header .dropdown-content a { background:#3276b4;}
header>a,header>div{ color:#ffffff; }
header .dropdown svg{ fill:#ffffff; }
header .dropdown-content a:hover { color:#7dddff; background-color:rgb(31, 95, 154);}
.theme-bg { background-position: -550px 30px;}
header>a, header>div, header>div:hover a{ color:#ffffff}
.login .top-space header { padding-top: 10px;}
}

@media screen and (max-width:520px){
.theme-bg { background-position: -880px 0px;}
}

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

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color: #ffffff;}
.navbar ul{ max-width: 1500px; justify-content: center;}
.navbar li:hover a {color:#0f6dc3;}
.navbar li:hover .navbar-svg { fill: #ff5a3a;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#2e6894;}
.navbar li:hover ul a:hover { background-color:#3375a6;}
.navbar li .menuhidden.navbar-menu a,.navbar li .menuhidden a { background-color:#2e6894;color:#ffffff;}
.navbar li .menuhidden.navbar-menu a:hover,.navbar li .menuhidden a:hover{ background-color:#3375a6;color:#ffffff;}
.navbar li ul li { border-bottom:1px solid #b1d5f5; min-width:max-content;}
.navbar li a { color: #304d60;}
.navrwd-svg { fill: #304d60;}




@media screen and (max-width: 767px) {
.navbar ul li, .navbar li a { background:#78add5; color: #ffffff;}
.navbar li:hover a{ color:#2d405e;}
.navbar ul li{ border-bottom: 1px solid #b1d5f5;}
.navbar .show-menu{ color: #ffffff; background:#ffffff;}
.navbar .show-menu .ct-hamburger svg { fill:#3276b4;}
.navbar li:hover ul a { background:#609bc7;}	
.navbar li:hover ul a:hover { background-color:#3c82b6;}
.navbar li .menuhidden.navbar-menu a {background:#609bc7;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#3c82b6;}
.navrwd-svg{ background:rgb(96, 155, 199); border: none;}
.navrwd-svg svg{ fill: #ffffff;}
.navbar li ul li { border: 0;}
}

@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 #385979;}
.breadcrumb-item.active {color:#304d60;}
.breadcrumb a{color:#385979;}
.breadcrumb a:hover{color:#385979;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ background-color: inherit; color: #152344; background-image: url(../img/footer.png); background-repeat: no-repeat; }
.footerbg a {color: #152344;}
.connect-links,.connect .text.connect-explorer{ color: #152344;}
.connect-links:hover{text-decoration: none;color: #152344;}
.footerbg .copyright {background-color: rgba(153, 200, 250, 0.8); color: #32526f; padding: 5px 15px; text-align: right;}
.footerbg .connect { /*padding: 250px 10px 20px 300px;*/}

@media screen and (max-width: 767px) {
.footerbg{ background-image: url(../img/footer-s.png);}	
}

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

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

/* tab頁簽 ********************/
.nav-tabs {border-bottom:1px solid #3276b4;}
.nav-tabs .nav-item,.nav-pills .nav-item{margin-right: 2px;}
.nav-tabs .nav-item .tabw{ color: #3276b4;  background: #ffffff; border: 1px solid #3276b4; border-bottom: 1px solid #3276b4;}
.nav-tabs .nav-link { position: relative; }
.nav-tabs .nav-link::before { content: ""; position: absolute;  width: 8px; height: 1px; left: 0; top: 18px; background:#3276b4;}
.nav-pills .nav-item a{ color: #3276b4;  background: #ffffff;  border: 1px solid #3276b4;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { color: #ffffff;  background: #5e778e; border: 1px solid #5e778e; border-bottom: 1px solid #5e778e;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { background: #3276b4; border: 1px solid #3276b4; border-bottom: 1px solid #3276b4;  color: #ffffff; }
.nav-tabs .nav-link.active::before,.nav-tabs .nav-link.ct-dropdown-toggle::before{ content: ""; position: absolute;   width: 8px; height: 1px; left: 0; top: 18px; background: rgba(255,255,255,0.8);}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color: #62a4e0;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #ffffff; background-color: #3276b4; border-color: #3276b4;}
.nav-tabs .nav-link.disabled {color: #868e96; border-color: #c9c9c9 #c9c9c9 #3276b4;}
.nav-pills .nav-link.disabled {color: #868e96; border-color: #c9c9c9;}
.nav-tabs .nav-link.disabled::before{ display: none;}
.ct-dropdown-menu { background-color: #fff;  border: 1px solid #3276b4;}
.ct-dropdown-item { color: #3a92e9;}
.nav-tabs .nav-item .ct-dropdown-item, .nav-tabs .nav-item .ct-dropdown-item{ border: 0; background: #ffffff; border-top: 1px solid #bed0e0; color: #3276b4;}
.nav-tabs .nav-item .ct-dropdown-item:focus,
.nav-tabs .nav-item .ct-dropdown-item:hover {background-color:#f0f7ff;}


/* 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: #2c689e; border-bottom: 1px solid #3276b4; border-color: #3276b4; background: #f0f7ff;}
.ct-table .thead-dark th { color: #ffffff; background-color: #3276b4; border-color: #3276b4;}
.table-bordered {border-color: #e9ecef;}
.table-bordered th,.table-bordered td {border-color:#ccc;}
.table-hover tbody tr:hover { background-color:#fff7f9;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{ background: #f0f7ff;  color: #3276b4; border-bottom-color: #bfcedc;}
.nav-Vertical ul li .sub-menu-item:hover { background:#7ab8e6; color: #3575af;}
.nav-Vertical ul li .sub-menu-item a{color:#1d3f5f;}
.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:#1d3f5f;}
.nav-Vertical ul li .menu-arrow svg{ fill:#3276b4;}
.nav-Vertical ul li .menu-arrow:hover svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item{ background: #ffffff; color:#ab537d;}
.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:#fff5fa; color:#ab537d; border-left-color:#d06c9c;}
.vertical-hamburger { background: #7ab8e6;}
.vertical-hamburger svg { fill:#ffffff;}



/* sitemap 導覽頁 ********************/
.ct-sitemap{background:rgba(255,255,255,0.8); border-radius: 15px;}
.sitemap-title { background:#3f6b92; color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item a { color: #3f6b92; border-left-color: #5791c4; background: #f7f7f7;}
.sitemap-item a:hover,
.sitemap-item a:focus{background:#dfeffd;}
.sitemap-icon svg {fill: #ffffff;}
.sitemap-top {color:#545454;}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #3276b4;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#195b98;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #3276b4;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#195b98;}

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

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

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

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

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