@charset "utf-8";

/**************************************************
= theme-fhk
  color: #99d3e7;
  color: #336;
  color: #1877af;
  color: #6ec0d6;
   line: #daf9fe;
********************/
body { color: #545454;}

/*theme-bg 背景色*/
.theme-bg { }

/*module*/
.module{ background: #ffffff;}
:not(.module-content).module-padding.module-bg { background: #ffffff;}

/**************************************************
= header 上方登入選單
********************/
header {background-color: rgba(255,255,255,0.8);}
header,
header a,
header button,
header .dropdown-content a { color: #545454;}
header .dropdown-content a:hover { background-color: rgba(0,0,0,0.05);}
header .dropdown-content { background-color: #fff; border: 1px solid rgba(0,0,0,.15);}
header .fontsize button { color: #545454; background-color: #ffffff; border:1px solid #dedede; opacity: 1;}
header .fontsize button:hover { background-color: #e9f9ff; border-color: #a4daf2;}
header > a::before {  background-color: #333; }


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

/**************************************************
= theme 上方主圖
********************/
.theme{background-color: #00a8ff;}
.theme::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../img/headerbg.jpg); background-repeat: no-repeat; background-position: right top;}
.logo,.logo a { font-size: 2.2rem;  color: #545454;z-index: 1;}

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

@media screen and (max-width: 767px) {
.theme { padding-top: 10px; padding-bottom: 10px;}
.logo {padding: 10px;height: 100px;}
.logo img { max-width: 100%; min-height: auto;}
}

@media screen and (max-width: 520px) {
.theme::before { background-position: -1250px top; }
}
/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#99d3e7;}
.navbar li a { color:#ffffff;}
.navbar li:hover a {color:#9adcdc;}
.navbar > ul > li > a { text-shadow: 0px 0px 1px #888;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#ffffff; color:#66A0B3;}
.navbar li:hover ul a:hover { background-color:#b5e0e7;}
.navbar li .menuhidden.navbar-menu a { background-color: #ffffff;color:#66A0B3;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#b5e0e7;}
.navbar li ul li { border-bottom: 1px solid #b5e0e7;}
.navbar li ul li a{min-width:max-content;}
.navbar > ul > li:hover .navbar-svg { opacity: 0.7;fill: #ffffff;}
.navbar > ul > li:hover > a { color:#1877af;opacity: 0.8;}
.navbar > ul > li > ul li a { color:#66A0B3; }
.navbar .ct-hamburger{ border: 1px solid #ffffff;}

@media screen and (max-width: 767px) {
.navbar li { border-top-color:rgba(255, 255, 255, 0.25); background-color: inherit;}
.navbar .show-menu { background-color: transparent;}
.navrwd-svg { background: rgba(0,0,0,0.1);  border: none;}
}

/**************************************************
= 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:#abdff7;}
.footerbg{ color:#333; background-repeat: no-repeat; background-position: left bottom;	}
.footerbg a {color:#337ab7;}
.footerbg .copyright { background-color:rgba(182, 238, 255, 0.7); color: #333;}
@media screen and (max-width: 767px) {
.footerbg { background-image: url(../img/footer-768.jpg);  background-color:#abdff7;}	
}

/**************************************************
= module title 模組標題
********************/
.module-title {
	clear: both;
	position: relative;
	height: inherit;
	color: #133540;
	background: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
.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: 1px solid #336;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a { color: #545454;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { color: #ffffff; background-color: #336;  border-color: #336;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #336; border-color: #336;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color: #333366;}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link { background-color: #333366; color: #fff;}
.ct-dropdown-menu { border-color:#333366;}
.ct-dropdown-item:focus,
.ct-dropdown-item:hover { color: #4670bb; background-color:#f0f0f0;}

/* table表格 ********************/
.ct-table thead th { border-bottom-color: #4fa4ec;}
.ct-table .thead-light th { color: #336; background-color: #f7f7ff; border-color: #336;}
.ct-table .thead-dark th { background-color: #646498; border-color: #333366;}
.table-hover tbody tr:hover { background-color:#f7f7ff;}

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item { background-color: #ffffff; color: #545454; border-bottom: 2px solid #daf9fe;}
.nav-Vertical ul li .sub-menu-item a{ color: #545454; }
.nav-Vertical ul li .sub-menu-item:hover { background-color: #99d3e7; color:#ffffff;}
.nav-Vertical ul li .menu-arrow svg { fill: #545454;}
.nav-Vertical ul li ul li .sub-menu-item { background-color:#daf9fe;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background-color: #99d3e7; border-left: 4px solid #41abd0;}
.vertical-hamburger { background: #eeeeee;}
.vertical-hamburger svg { fill: #6ec0d6;}

/* sitemap 導覽頁 ********************/
.ct-sitemap { background-color: #f0f0eb;}
.sitemap-title { background-color: #6ec0d6;}
.sitemap-item a { background-color: #e0f2f7; border-left-color: #6ec0d6;}
.sitemap-item a:hover,
.sitemap-item a:focus { background-color:#c5eaf5;}

/* focus-icon 快捷按鈕 ********************/
.squarebtn .gd-xxs6{ position: relative; min-height: 1px; float: left;}
.squarebtn .firstbtn{ border:3px solid #336; border-radius:50%; text-align:center; width:60px; height:60px; display:inline-block; margin:5px; box-shadow:2px 2px 0px 0px #aaa;overflow:hidden;}
.squarebtn .firstbtn img{ width:62px; margin-top:-1px; margin-left:-1px; }
.squarebtn .name{ display: block; margin:3px auto 13px auto; font-size:1rem; text-align:center;}
.squarebtn a.facebtn{ text-decoration: none; color:#333; text-align: center; height:110px; padding: 5px 10px;}
.squarebtn a.facebtn:nth-child(1){ border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.squarebtn a.facebtn:nth-child(2){border-bottom:1px solid #ddd;}
.squarebtn a.facebtn:nth-child(3){ border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.squarebtn a.facebtn:nth-child(4){border-bottom:1px solid #ddd;}
.squarebtn a.facebtn:nth-child(5){border-right:1px solid #ddd;}
.squarebtn a.facebtn:nth-child(6){}
.squarebtn a.facebtn:hover{border:1px solid #4992a9;box-shadow:inset 0px 0px 5px #4992a9;}
.squarebtn a.facebtn:hover .firstbtn{border:3px solid ;box-shadow:2px 2px 0px 0px #eee;color:#7fb7c2;}
.squarebtn a.facebtn:hover .name{color:#4992a9;}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #337ab7;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#1e67a5;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #337ab7;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#1e67a5;}

/*button*/
.repair-basicset .btn-primary { color: #ffffff; background-color: #336; border-color: #336; 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:#4f4f92;  border-color:#4f4f92;}
.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:#4f4f92;}

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