@charset "utf-8";

/**************************************************
= theme-ffjh
  color: #545454;
  color: #4fa4ec; rgba(255, 174, 0);
  color: #56affb;
  color: #fffae6;
   line: #98e0fb;
********************/
body { color: #545454;}
.module {  background: #ffffff;}

/**************************************************
= header 上方登入選單
********************/
header,
header a,
header button,
header .dropdown-content a { color: #545454;}
header .fontsize button { color: #fff; background-color: #56affb; border-color: #56affb; opacity: 1;}
header .fontsize button:hover { background-color: #4fa4ec; border-color: #4fa4ec;}
.login .top-space header { top: 45px;}

@media screen and (max-width: 767px) {
header {
	float: none !important;
	position: relative !important;
	right: 0;
	padding-right: 10px;
	background-color: #56affb;
}
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 { top: 0px;}
}

/**************************************************
= theme 上方主圖
********************/
.logo a{color:#ffffff;}

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

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

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color: #56affb;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color: #52a6ee;}
.navbar li:hover ul a:hover { background-color: #4fa4ec;}
.navbar li .menuhidden.navbar-menu a { background-color: #52a6ee;}
.navbar li .menuhidden.navbar-menu a:hover { background-color: #4fa4ec;}
.navbar li ul li { border-bottom-color: #66ffb5;}

@media screen and (max-width: 767px) {
.navbar li {
	border-top-color: #66ECFF;
	background-color: inherit;
}
.navbar .show-menu { position: absolute; top: -53px; right: 0; background-color: transparent;}
.navbar .show-menu .ct-hamburger svg {
	background-color: rgba(2,157,208,0.5);
	border: 1px solid;
	border-radius: 5px;
}
}

/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb,
.breadcrumb-item.active,
.breadcrumb a { color: #545454;}
.breadcrumb-item + .breadcrumb-item::before { border-left-color: #545454;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg {
	background-image: url(../img/footerbg.jpg);
	background-color: #73bde4;
}
.footerbg,
.footerbg a {
	color: rgba(0,0,0,0.8);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
.footerbg .copyright {
	background-color: rgba(255,255,255,0.0);
	color: #333;
}

/**************************************************
= module title 模組標題
********************/
.module-title {
	clear: both;
	position: relative;
	height: inherit;
	color: #545454;
	background: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 45px;
}
.module-title-bg {
	background-image: url(../img/title.png);
	background-repeat: no-repeat;
	background-position: left;
}
.module-title-bg::before { content: ""; position: absolute; bottom: 0; left: 0; width: 3rem;}

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

/* tab頁簽 ********************/
.nav-tabs { border-bottom-color: #56affb;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a { color: #56affb;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	color: #56affb;
	background-color: rgba(0,204,204,0.02);
	border-color: rgba(1,88,152,0.4);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #56affb;
	background-color: #ddf7ff;
	border-color: #56affb #56affb #fff;
}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #56affb; background-color: #ddf7ff;}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link { background-color: #56affb;}
.ct-dropdown-menu {
	border-color: rgba(0,156,223,0.5);
}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover { color: #4670bb; background-color: #ddf7ff;}

/* table表格 ********************/
.ct-table thead th { border-bottom-color: #4fa4ec;}
.ct-table .thead-light th { color: #4fa4ec; background-color: #ddf7ff; border-color: #98e0fb;}
.ct-table .thead-dark th { background-color: #56affb; border-color: #98e0fb;}
.table-hover tbody tr:hover { background-color: #ddf7ff;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item { background-color: #b1edff; color: #545454; border-bottom-color: #98e0fb;}
.nav-Vertical ul li .sub-menu-item a{ color: #545454; }
.nav-Vertical ul li .sub-menu-item:hover { background-color: #4fa4ec;}
.nav-Vertical ul li .menu-arrow svg { fill: #545454;}
.nav-Vertical ul li ul li .sub-menu-item { background-color: #ddf7ff;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background-color: #56affb; border-left-color: #4fa4ec;}
.vertical-hamburger { background: #eeeeee;}
.vertical-hamburger svg { fill: #56affb;}

/* sitemap 導覽頁 ********************/
.ct-sitemap { background-color: #f0f0eb;}
.sitemap-title { background-color: #4fa4ec;}
.sitemap-item a { background-color: #ddf7ff; border-left-color: #56affb;}
.sitemap-item a:hover,
.sitemap-item a:focus { background-color: #b1edff;}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #56affb;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#37a2fe;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #56affb;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#37a2fe;}

/*button*/
.repair-basicset .btn-primary { color: #ffffff; background-color: #56affb; border-color: #56affb; 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: #37a2fe;  border-color:#37a2fe;}
.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:#1d89e5;}

/*ALT+C 導盲磚 *******************/
.text-secondary {color: #656769;}
#center {color: #757474;} 

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

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