@charset "utf-8";

/*theme-bg 背景色*/
.theme-bg{background:#f3f3f3;}

/*模組背景色*/
div#main_top,.breadcrumb,div#left,div#middle,div#main_right,div#main_bottom,footer{ background: #ffffff;}
.center-module-bg{background: #ffffff;}
div#main_top .module,div#left .module,div#middle .module,div#main_right .module,div#main_bottom .module{ background:#ffffff;}

/**************************************************
= header 上方登入選單
********************/
header{ background:#a32a2a;}
header,
header a,
header button,
header .dropdown-content a { color:#ffffff;}
header>a, header>div{;color: #ffffff;}
header .fontsize button {color: #ffffff;  background-color:rgba(118, 17, 17, 1); }
header .fontsize button:hover { background-color:rgba(118, 17, 17, 0.6);}
header .dropdown svg { fill: #ffffff;}
header a:hover,
header>div:hover{ background:none;color:rgba(255,255,255,0.7);}
header .dropdown:hover svg{ fill: #005a72;}
header .dropdown-content{background: #cc9d59;} 
header .dropdown-content a:hover{ background-color:rgba(156, 109, 40, 0.5);color:#ffffff;}
header a::after{ content: "|"; position: absolute;color: #ffffff; padding-left: 10px}
.logo,.logo a { font-size: 2rem;  color:#545454;}

@media screen and (max-width: 767px) {
header,
header a,
header button { color: #fff; }
}

@media screen and (max-width: 520px) {
.header-item{ display: none;}
}

/**************************************************
=theme
********************/
.theme{ border-bottom: 2px solid #cdc9c9;}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar {  background-color:inherit;}
.navbar ul{ max-width: 1500px;}
.navbar li a{color:#545454;}
.navbar li:hover a {color:#a32a2a;}
.navbar li:hover .navbar-svg { fill:#ffffff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#ffeaea; color: #545454;}
.navbar li:hover ul a:hover { background-color: #f9d3d3; color: #545454;}
.navbar li .menuhidden.navbar-menu a { background-color:#ffeaea; color: #545454;}
.navbar li .menuhidden.navbar-menu a:hover { background-color: #f9d3d3; color: #545454;}
.navbar li ul li { border-bottom:1px solid #f0bcbc;}
.navbar .show-menu{color:#a32a2a; background: initial;  position: absolute; top: -65px;  right: 10px;}
.navrwd-svg{ fill:#a32a2a;}
.navbar-underline{ border-bottom: 2px solid #cdc9c9;}

@media screen and (max-width: 767px) {
.navbar li a{color:#ffffff;}
.navbar ul li, .navbar li a { background:#7f7f7f;}
.navbar ul li:hover, .navbar li a:hover { color:#efce9f;}
.navbar ul li{border-bottom: 1px solid rgba(255,255,255,0.3);}
.navbar .show-menu .ct-hamburger svg { fill:#a32a2a;}
.navbar li:hover ul a {background-color:#949494; color:#ffffff;}	
.navbar li:hover ul a:hover { background: #d6d6d6; color: #545454;}
.navbar li .menuhidden.navbar-menu a { background-color:#949494; color:#ffffff;}
.navbar li .menuhidden.navbar-menu a:hover { background: #d6d6d6; color: #545454;}
.navrwd-svg{ background:#737272; border: none;}
.navbar li ul li { border: 0;}
.navbar li:hover a {color:#ffffff;}
}

/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {border-left: 8px solid #f7a2a2;}
.breadcrumb-item.active {color:#3d3d3d;}
.breadcrumb a{color:#545454;}
.breadcrumb a:hover{color:#3d3d3d; font-weight: 700;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ color:#343434; background-color:#dfdfdf; }
.footerbg a {color:#343434;}
.footer-right{ border-left:1px solid #a32a2a;}

@media (max-width :991px){
	.footer-right{ border-left: none;}
}

/**************************************************
= module title 模組標題
********************/
.module-title { color:#232323;}
.module-title::before { content: ""; position: absolute; width: 100%;  height: 5px; bottom: 0; left: 0; background: #bababa;}
.module-title::after { content: "";  position: absolute;  width: 20px; height: 5px;  background: #a32b2b; bottom: 0; left: 0px;}

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

/* tab頁簽 ********************/
.nav-tabs {border-bottom:1px solid #545454;}
.nav-tabs .nav-item,.nav-pills .nav-item{margin-right: 2px;}
.nav-tabs .nav-item a{ color:#545454;  background: #ffffff; border: 1px solid #545454; border-bottom: 1px solid#545454;}
.nav-tabs .nav-link { position: relative; }
.nav-tabs .nav-link::before { content: ""; position: absolute;  width: 8px; height: 1px; left: 0; top: 18px; background:#545454;}
.nav-pills .nav-item a{ color:#545454;  background: #ffffff; border: 1px solid #545454; }
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { background: #fee9e9;  border: 1px solid #a32a2a; border-bottom: 1px solid #545454; color: #a32a2a;}
.nav-tabs .nav-link:focus::before,
.nav-tabs .nav-link:hover::before { background: #a32a2a;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { background: #a32a2a;  border: 1px solid #a32a2a; border-bottom: 1px solid #545454; 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 { background: #fee9e9;  border: 1px solid #a32a2a;  color: #a32a2a;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {background: #a32a2a;  border: 1px solid #a32a2a; color: #ffffff;}
.nav-tabs .nav-link.disabled {color: #868e96; border-color: #c9c9c9 #c9c9c9 #545454;}
.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 #545454;}
.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 #cacaca; color: #545454;}
.nav-tabs .nav-item .ct-dropdown-item:focus,
.nav-tabs .nav-item .ct-dropdown-item:hover {background-color:#fee9e9;}


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

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{ background: #ededed; color: #545454; border-bottom-color: #c4c5c2;}
.nav-Vertical ul li .sub-menu-item:hover { background:#fee9e9; 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,
.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:#545454; ;}
.nav-Vertical ul li .menu-arrow svg{ fill:#545454;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#ffffff;}
.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:#fafafa; color: #545454; border-left-color: #a32b2b;}
.vertical-hamburger { background:#7f7f7f;}
.vertical-hamburger svg { fill: #ffffff;}

/* sitemap 導覽頁 ********************/
.ct-sitemap{background:#f3f3f3;}
.sitemap-title { background:#7f7f7f; color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item { border: 1px solid #afafaf;}
.sitemap-item a { color: #545454; border-left-color: #b5b5b5; background: #f0f0f0;}
.sitemap-item a:hover,
.sitemap-item a:focus{ background: #fde9e9; border-left-color: #a32b2b;}
.sitemap-icon svg {fill: #ffffff;}

/**************************************************
= video ********************/
.video-block{ position: relative; margin: 0 auto }
.video-block .video-title-bliock{ position: absolute; border: 2px solid #ffffff; top:30%; right:10%; }
.video-block .video-title-bliock .video-title{ font-size: 2rem; color:#ffffff; padding: 50px; letter-spacing: 0.2rem;}

@media only screen and (max-width: 992px){
	.video-block .video-title-bliock .video-title{ padding: 25px;}	
}

@media only screen and (max-width: 767px){
	.video-block .video-title-bliock .video-title{font-size: 1.6rem;  padding: 20px;letter-spacing: 0.1rem;}
}

@media only screen and (max-width: 520px){
	.video-block .video-title-bliock{ border:1px solid #ffffff;}
	.video-block .video-title-bliock .video-title{ font-size: 1.3rem; padding: 10px; }
}

/**************************************************
= hotkeyicon 快捷列 ********************/
.gd-xxs6,.gd-xxs12,.gd-xxs4{float: left;}
.hotkeyicon { color:#545454; font-size: 1.1rem; font-weight: 600; width: 100%;background-color:#fde9e9;  padding: 15px;}
.hotkeyicon .icon-1,.hotkeyicon .icon-2,.hotkeyicon .icon-3,.hotkeyicon .icon-4,.hotkeyicon .icon-5{ position: relative; cursor: pointer; height: auto; max-width: 100%; padding: 10px; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;top: 0px;}
.hotkeyicon .icon-1:hover,.hotkeyicon .icon-2:hover,.hotkeyicon .icon-3:hover,.hotkeyicon .icon-4:hover,.hotkeyicon .icon-5:hover{top: 5px;}
.hotkeyicon .icon-svg1,.hotkeyicon .icon-svg2,.hotkeyicon .icon-svg3,.hotkeyicon .icon-svg4,.hotkeyicon .icon-svg5{ margin: 0 auto;width: 90px; height: 80px; max-width: 100%; background-repeat: no-repeat;}
.hotkeyicon .icon-svg1{background-image: url(../img/hoticon1.svg)}
.hotkeyicon .icon-svg2{background-image: url(../img/hoticon2.svg);}
.hotkeyicon .icon-svg3{background-image: url(../img/hoticon3.svg);}
.hotkeyicon .icon-svg4{background-image: url(../img/hoticon4.svg);}
.hotkeyicon .icon-svg5{background-image: url(../img/hoticon5.svg);}
.hotkeyicon .icon-title,.hotkeyicon .icon-title a{ text-align: center;color:#545454; }
.hotkeyicon .button{ position: relative; width: 100%; padding: 15px; background: #e25f5f; color: #ffffff; border-radius: 2px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; cursor: pointer;}
.hotkeyicon .button:hover{  background: #d83737; padding-left: 25px;}
.hotkeyicon .button::after{ content: ""; position: absolute; background-image: url(../img/cnter-btn-icon.svg); width: 25px; height: 25px; right: 10px; }
.button-block .button-link{ display:block;}
.button-block .button-link + .button-link{ margin-top:12px;}
@media only screen and (max-width: 1400px){
.hotkeyicon{ font-size:1rem;}
.hotkeyicon .button::after{ width: 20px; height: 20px; right:5px;}
}
@media only screen and (max-width: 992px){
.hotkeyicon .icon-1,.hotkeyicon .icon-2,.hotkeyicon .icon-3,.hotkeyicon .icon-4{ margin: 5px;padding: 10px;}
}
@media only screen and (max-width: 520px){
.hotkeyicon .icon-svg1,.hotkeyicon .icon-svg2,.hotkeyicon .icon-svg3,.hotkeyicon .icon-svg4,.hotkeyicon .icon-svg5{ width: 70px; height: 60px;}
}

/* 全站搜尋*******************/
.site-search{ text-align: right;}
.site-search .btn-all{ color: #ffffff; background-color:#525252;  border-color:#525252;fill: #ffffff;}
.site-search .btn-all:hover,.site-search .btn-all:focus,.site-search .btn-all:active,.site-search .btn-all.active,.site-search .btn-all:active:focus,.site-search .btn-all:active:hover,.site-search .btn-all.active:hover,.site-search .btn-all.active:focus { color: #ffffff; background-color: #a32a2a;  border-color: #a32a2a; fill: #ffffff;}
.site-search .btn-advanced{ color: #ffffff; background-color: #797979; border-color: #797979; fill: #ffffff;}
.site-search .btn-advanced:hover,.site-search .btn-advanced:focus,.site-search .btn-advanced:active,.site-search .btn-advanced.active,.site-search .btn-advanced:active:focus,.site-search .btn-advanced:active:hover,.site-search .btn-advanced.active:hover,.site-search .btn-advanced.active:focus { color: #ffffff; background-color: #676767;  border-color: #676767; fill: #ffffff;}
.site-search .form-group-m input { caret-color:#a32a2a;} 
.site-search .form-group-m .bar::before {background:#a32a2a;}
.ftrs-search-text { width: 75%;}

@media only screen and (max-width: 1199px){
	.site-search{ text-align:left;}	
}

@media only screen and (max-width: 767px){
.site-search { text-align: center; padding: 0 20px;}
.ftrs-search-text {  width: 100%;}
.site-search .form-group-m { margin-bottom: 15px;}
}

/**************************************************
= hot keyword 熱門關鍵字*******************/
.ct-hotKeyword{ font-size: 1rem; color: #545454; font-weight: 600; padding:15px 5px 15px 15px; text-align: left;}
.ct-hotKeyword a+a{ padding-left: 20px;}
.ct-hotKeyword a{ transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; }
.ct-hotKeyword a:hover{ color:#a32a2a;text-decoration: underline; }

@media only screen and (max-width: 1199px){
	.ct-hotKeyword{ padding: 0px 5px 25px 15px;}	
}

@media only screen and (max-width: 767px){
	.ct-hotKeyword{ padding: 25px 20px; text-align: center;}	
}
/**************************************************
= footer-icon*******************/
.footer-icon{ position: relative; background: #a32a2a; padding: 5px; text-align: center; margin-top: 30px;}
.footer-icon-block{ position: relative; width: 54px;height: 54px; padding: 11px; background: #8d1212; border-radius: 50%;text-align: center; display: inline-block; margin: 5px 15px; cursor: pointer;}
.footer-icon-block,.footer-icon-block .svg1,.footer-icon-block .svg2,.footer-icon-block .svg3,.footer-icon-block .svg4,.footer-icon-block .svg5{transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.footer-icon-block .svg1,.footer-icon-block .svg2,.footer-icon-block .svg3,.footer-icon-block .svg4,.footer-icon-block .svg5{ width: 30px;height: 30px; background-repeat: no-repeat;opacity: 0.8; }
.footer-icon-block .svg1{ background-image: url(../img/footer-icon1.svg); }
.footer-icon-block .svg2{ background-image: url(../img/footer-icon2.svg); }
.footer-icon-block .svg3{ background-image: url(../img/footer-icon3.svg); }
.footer-icon-block .svg4{ background-image: url(../img/footer-icon4.svg); }
.footer-icon-block .svg5{ background-image: url(../img/footer-icon5.svg); }
.footer-icon-block:hover{background: #7e0a0a;}
.footer-icon-block:hover .svg1,.footer-icon-block:hover .svg2,.footer-icon-block:hover .svg3,.footer-icon-block:hover .svg4,.footer-icon-block:hover .svg5{opacity: 1}
.footer-icon .connect-links,.footer-icon .connect-links a{ color:#ffffff;text-decoration: none;opacity:1; padding:5px 15px;     margin-top: 20px;}
.footer-icon .connect-links a:hover{text-decoration:underline; opacity: 0.8;}
.fuzhou-app{ position: absolute; bottom: 80px; left:-25px; background:#525252; width: 105px;height: auto;  border-radius: 2px; padding:9px; visibility: hidden;  opacity: 0; transition: all .3s; }
.fuzhou-app .appicon1,.fuzhou-app .appicon2,.fuzhou-app .appicon3,.fuzhou-app .appicon4{width: 86px;height: 86px;max-width: 100%;background-position: center;margin-bottom: 5px;}
.fuzhou-app .appicon1{ background: url(../img/app-icon1.jpg);}
.fuzhou-app .appicon2{ background: url(../img/app-icon2.jpg);}
.fuzhou-app .appicon3{ background: url(../img/app-icon3.jpg);}
.fuzhou-app .appicon4{ background: url(../img/app-icon4.jpg);}
.fuzhou-app .app-title,.fuzhou-app .app-title a{ color: #ffffff;font-size: 0.9rem;}
.fuzhou-app:after { content: ''; position: absolute; width: 0; height: 0; border: 10px solid #ffffff; border-top-color: #525252; left: calc(50% - 10px); bottom: -20px;}
.footer-icon-block:hover .fuzhou-app{ opacity: 1; visibility: visible; bottom: 90px;}

@media only screen and (max-width: 1199px){
.footer-icon .connect-links,.footer-icon .connect-links a{ margin-top: 10px; margin-bottom: 15px;}
}
@media only screen and (max-width: 520px){
.footer-icon-block.pc{  display: none;}
.footer-icon .connect-links, .footer-icon .connect-links a{ display:block; margin: 0 5px;padding:10px; }
}

/**************************************************
= fat footer*******************/
.fat-footer {  background: #fee9e9;  border-bottom: 1px solid #ffffff;}
.fat-footer-block { max-width: 1560px;}
.fat-footer-block li{ list-style:none;}
.ff-title { position:relative;font-size: 1.1rem;  font-weight: 600; padding: 10px 0px 5px; border-bottom: 1px solid #d09897; margin: 20px;}
.ff-title .more-icon {  position: absolute;  margin-left: 5px; top: 12px; right:2px; background-image: url(../img/ff-plus.svg); width: 20px;   height: 20px;  background-repeat: no-repeat;opacity:0.7;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.ff-title .more-icon:hover{ opacity:1;}
.ff-content { font-size: 0.9rem; margin: 0 20px 20px 20px;}
.ff-content li{ line-height:1.7rem;}
.ff-content a { color:#545454;}
.ff-content a:hover { color:#a32b2b; font-weight:600}
.fat-footer input { display: none;}
.fat-footer label{margin:15px auto 0;background: url(../img/keyboard_arrow_up.svg);background-repeat:no-repeat;background-position:center;	 width:10px; height:10px;border:1px solid #545454; border-radius: 2px; padding: 10px 12px; transition: all 0.3s ease-in-out;   -moz-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;   cursor: pointer;   text-align: center;   display: table;transform: rotate(180deg);opacity:0.6;}
.fat-footer label:hover{ opacity:1;}
.fat-footer input:checked:not(:disabled) ~ label{ transform: rotate(0deg);}
.fat-footer input ~ .fat-footer-block .ff-content{
   display:none;  transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
}
.fat-footer input:checked:not(:disabled) ~ .fat-footer-block  .ff-content{
    display: block;}
	
@media only screen and (max-width: 520px){
	.fat-footer{ display:none;}
}

/**************************************************
= gotop*******************/
.gotop-item{ position: absolute; top:20px; right:30px;display: table; width: 45px;height: 45px;padding: 15px; border-radius: 50%; background: rgba(0,0,0,0.2);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gotop-icon{ background:url(../img/keyboard_arrow_up.svg); width: 20px;height: 20px; background-repeat: no-repeat;}
.gotop-item:hover{background: rgba(0,0,0,0.3) }
@media only screen and (max-width: 520px){
	.gotop-item{ top:auto;bottom:10px;}	
}

/**************************************************
= more 橫式色塊按鈕 ********************/
.link-more{ position: relative;height: 34px; }
.link-more .more-btn{ position:absolute; padding:5px 25px 5px 3px; right: 10px; background-color: #ffffff;  color: #545454; font-size: 1rem;  text-align: center; cursor: pointer; opacity: 1;margin-right: 5px;}
.link-more .more-btn:hover{ opacity: 0.8;}
.link-more .more-btn::after{ content: ""; position:absolute; margin-left: 5px; top: 8px; background-image:url(../img/arrow-right.svg); width: 16px; height: 16px; background-repeat: no-repeat; }

/******模組************************************/
/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #a32a2a;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#881b1b;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #a32a2a;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#881b1b;}

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

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

/* GA013 文字連結模組 ********************/
.ga013_title:before{ color:#a32a2a;}