@charset "utf-8";
/**************************************************
= theme-N002
  color dark blue          : #1f3780;
  color extra dark purple  : #6a5aa4;
  color dark purple        : #786da1;
  color purple             : #878fbd;
  color white purple       : #e9eaf4;
  color pink               : #f1a7ca;
  color light orange       : #fdebe6;
********************/

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

/**************************************************
= module 模組區塊
********************/
div#main_left , div#main_center,div#main_bottom{ border: none; }
.module, :not(.module-content).module-padding.module-bg { border-radius: 5px;  background: #ffffff; box-shadow: 0px 0px 10px rgba(106, 90, 164,0.5); padding: 10px 20px;}


/**************************************************
= header 上方登入選單
********************/
header{ border-radius: 20px; padding: 3px 10px; margin: 5px; top:5px;}
header, header a, header button{ background:#1f3780;}
header .dropdown-content a { background:#1f3780;}
header>a,header>div{color:#ffffff;}
header .fontsize button {color: #1f3780; background-color:#ffffff; border:none; }
header .fontsize button:hover {background-color: #fdebe6; }
header .dropdown svg { fill: #ffffff;}
header a:hover, header>div:hover{ color:#fdebe6; }
header .dropdown.active .dropdown-content { display: block!important;}
header .dropdown-content a:hover{ background-color: #fdebe6; color: #1f3780;}
.login .top-space header {  margin-top: 45px;}

@media screen and (max-width: 767px) {
header, header a, header button{ margin: 0; background: #1f3780; border-radius: 0px;}
header>a,header>div{ color:#ffffff; }
header a:hover, header>div:hover { background-color:  #fdebe6; color: #1f3780;}
header .dropdown svg{ fill:#ffffff; }
header .dropdown-content a{ background-color: #1f3780; color: #ffffff;}
header .dropdown-content a:hover { background-color: #fdebe6; color: #1f3780;}
.theme-bg { background-position: -550px 30px;}
.login .top-space header {  padding-top: 45px; margin-top: 0;}
}
@media screen and (max-width:767px){
header{ top: 0px;}
.login .top-space header {  padding-top: 0px;}
}

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

/**************************************************
= theme 上方主圖
********************/
.theme{height:299px; background: url(../img/headerbg.jpg); background-repeat: no-repeat; background-position: top right;}
@media screen and (max-width: 1366px) {
.theme{background: url(../img/headerbg-1366.jpg); background-position: top right;}
}
@media screen and (max-width: 920px) {
.theme{background: url(../img/headerbg-920.jpg); background-position: top right;}
}
@media screen and (max-width: 768px) {
.theme{background: url(../img/headerbg-768.jpg); background-position: top right;}
}
@media screen and (max-width: 550px) {
.theme{background: url(../img/headerbg-550.jpg); height: 280px; background-position: top left;}
}

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

/**************************************************
= logo 上方Logo
********************/
.logo{ padding-top: 80px;}
/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-image: url(../img/navbg.jpg); background-size: cover; margin-top: -45px; border-bottom: 1px solid #fdebe6;}
.navbar ul li ul{ background: #ffeef9;}
.navbar li>a{ color: #6a5aa4;}
.navbar li:hover a {color:#6a5aa4;}
.navrwd-svg, .navbar li:hover .navbar-svg { fill: #6a5aa4;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden, 
.navbar li a:focus ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#fdebe6; color:#6a5aa4; }
.navbar li:hover ul a:hover { background-color:#6a5aa4; color: #ffffff;}
.navbar li .menuhidden.navbar-menu a { background-color:#fdebe6; color: #6a5aa4;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#6a5aa4; color: #ffffff;}
.navbar li ul li { min-width:max-content;}

@media screen and (max-width: 767px) {
.navbar ul li, .navbar li a { color: #6a5aa4; background: #ffffff;}
.navbar ul li:hover, .navbar li a:hover{ background: #6a5aa4;}
.navbar li:hover a{ color: #ffffff; background: #6a5aa4;}
.navbar ul li{ border-top: 1px solid #6a5aa4;}
.navbar .show-menu{ color: #6a5aa4; background: #ffffff;}
.navbar .show-menu .ct-hamburger svg { fill:#6a5aa4;}
.navbar li:hover ul a { background:#f7fcf5;}	
.navbar li:hover ul a:hover { background-color:#ffffff; color:#1d82de;}
.navbar li .menuhidden.navbar-menu a {background:#f7fcf5;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#ffffff; color:#1d82de;}
.navrwd-svg{ background: #ffffff; border: 1px solid #6a5aa4;}
.navrwd-svg svg{ fill: #6a5aa4;}
.navbar li ul li { border: 0;}
}
@media screen and (min-width: 768px){
.navbar>ul>li {
    padding: 0 15px;
}
}
@media screen and (max-width: 550px){
.navbar{ margin-top: 0px;}	
}



/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {border-left: 8px solid #f1a7ca;}
.breadcrumb-item.active {color:#1f3780;}
.breadcrumb a{color:#666666;}
.breadcrumb a:hover{color:#1f3780;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ background-color: inherit; color: #1f3780; background-image: url(../img/footer.png); background-repeat: no-repeat; min-height: 501px;}
.footerbg a {color:#1f3780;}
.connect{ margin-top: 120px; border-radius: 20px; padding: 10px 20px;}
.connect-links,.connect .text.connect-explorer{ color: #1f3780;}
.connect-links:hover{text-decoration: none; color: #1f3780;}
.copyright{ color: #1f3780;}
@media screen and (max-width: 767px) {
.footerbg{ padding-bottom: 25px; }
}
@media screen and (max-width: 520px) {
.footerbg{ padding-top: 100px;}
.footerbg a {color:#ffffff;}
.connect{ background: rgba(31, 55, 128,0.8); padding: 10px; color: #ffffff; border-radius: 0px;}
.connect-links,.connect .text.connect-explorer{ color: #ffffff;}
.copyright{ background: #1f3780; color: #ffffff;}
}

/**************************************************
= module title 模組標題
********************/
.module-title { height: 50px; color:#786da1; background: url(../img/title.png); background-repeat: no-repeat; background-position: bottom center;}
.module-title-bg::before { margin-top: 0px; margin-left: -55px;}

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

/* tab頁簽 ********************/
.nav-tabs { border-bottom: none;}
.nav-tabs .nav-item a{ background: #757575; color:#ffffff; border-color: #757575; border-top-right-radius: 8px; border-top-left-radius: 0px; margin-right: 5px;}
.nav-pills .nav-item a{ background: #757575;color:#ffffff; margin-right:5px;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {background:#786da1; color: #ffffff; border-color:#786da1;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {background:#786da1; color: #ffffff; border-color:#786da1}
.nav-pills .nav-link:focus, .nav-pills .nav-link:hover {background:#786da1; color: #ffffff;;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background:#786da1; color: #ffffff;}
.nav-tabs .nav-link.disabled, .nav-pills .nav-link.disabled {color:#c9c9c9;}
.nav-tabs .nav-link.disabled::before{ display: none;}
.ct-dropdown-menu { background-color: #fff; border: 1px solid #786da1; border-radius: 0px;}
.ct-dropdown-item {color: #3a92e9;}
.nav-tabs .nav-item .ct-dropdown-menu a{ background:#ffffff; color:#786da1; border-top: 1px solid #786da1; border-radius: 0px;}
.nav-tabs .nav-item .ct-dropdown-menu :focus, .nav-tabs .nav-item .ct-dropdown-menu :hover {background-color:#fdebe6;}


/* 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: #786da1; border-bottom: 2px solid #786da1; background: #ffffff; border-top: none;}
.ct-table .thead-dark th { color: #ffffff; background-color: #786da1; border-color: #786da1;}
.table-bordered {border-color: #e9ecef;}
.table-bordered th,.table-bordered td {border-color:#ccc;}
.table-hover tbody tr:hover { background-color:#e9eaf4;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{ background: #fdebe6; color: #6a5aa4; border-bottom-color: #b3b3b3;}
.nav-Vertical ul li .sub-menu-item:hover { background: #786da1; color: #ffffff;}
.nav-Vertical ul li .sub-menu-item a{color:#6a5aa4;}
.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:#ffffff;}
.nav-Vertical ul li .menu-arrow svg{ fill:#6a5aa4;}
.nav-Vertical ul li:hover .menu-arrow svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item:hover a{color:#786da1;}
.nav-Vertical ul li ul li .sub-menu-item{ background: #f7fcf5; color:#1f3780;}
.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: #e9eaf4; color: #1f3780; border-left-color: #1f3780;}
.vertical-hamburger { background: #ffffff; border: 1px solid #6a5aa4;}
.vertical-hamburger svg { fill:#6a5aa4;}

/* sitemap 導覽頁 ********************/
.ct-sitemap{ border: none; border-radius: 5px;  background: #ffffff; box-shadow: 0px 0px 10px rgba(106, 90, 164,0.5);}
.sitemap-title { background: #786da1; color: #ffffff;}
.sitemap-block { background: #e9eaf4;}
.sitemap-item a { color:#6a5aa4; border-left-color: #6a5aa4; background: #ffffff;}
.sitemap-item a:hover, .sitemap-item a:focus{background:#fdebe6;}
.sitemap-icon svg {fill: #ffffff;}
.sitemap-top {color: #1f3780;}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #6a5aa4;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#3797ed;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #6a5aa4;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#3797ed;}

/* input bar ********************************/
.form-group-m input { caret-color: #786da1;}
.form-group-m .bar::before{ background: #786da1;}


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


/* GA017 全文檢索*******************/
.cmgch-google .btn-all{ color: #ffffff; background: #786da1; border-color: #786da1;  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:#5e567a;  border-color:#5e567a; fill: #ffffff;}
.cmgch-google .btn-advanced{ color: #ffffff; background-color: #757575; border-color: #757575; 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: #626262;  border-color: #626262; fill: #ffffff;}


/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock{ background: #fbfcfb; border-bottom: 4px solid #1f3780; color: #545454;}
.ct-focusslider .focus-content .textblock .title{ color:#786da1;}
.ct-focusslider .focus-content .imgblock{ background: #f1a7ca!important;}

/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow{ fill:#786da1; }
.ct-focusslider .focus-controls .focus-arrow:hover { fill: #5e567a;}
.ct-focusslider .focus-controls .focus-arrow.focus-end{ fill: rgba(175, 175, 175, 1);}

/*GA004 相簿名稱標題顏色*/
#ga004albumdetail{ color: #786da1;}
#ga004albumdetail::before{ color: #f1a7ca!important;}

/*CGA004、CGA008、CGA009電子報系列*/
.ct-epaper .btn-primary{color: #ffffff; background-color:#786da1; border-color:#786da1; fill: #ffffff;}
.ct-epaper .btn-primary:hover{color: #ffffff; background-color:#5e567a;  border-color:#5e567a; fill: #ffffff;}
.ct-epaper .yearnav ul li{ background: #e9eaf4; color: #6a5aa4; border-bottom: 1px solid #6a5aa4;}
.ct-epaper .yearnav ul li:hover { background: #6a5aa4; color: #ffffff;}

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

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