@charset "utf-8";

/**************************************************
= header 上方登入選單
********************/
/*theme-bg 背景色*/
.theme-bg{ /*background: linear-gradient(to bottom,#c3eaf9,#d7f2ff,#f5fcff,#f5fcff,#bfebff);*/background-image: url(../img/bg.jpg); background-repeat: repeat; position: relative; /*background-attachment: fixed;*/}

/*模組背景色*/
.module, :not(.module-content).module-padding.module-bg { background: #ffffff; border-radius: 20px 10px 20px 20px; padding: 0 10px 10px 10px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
:not(.module-content).module-padding.module-bg {padding: 10px; border-radius: 20px;}
#ct-content {overflow-x: hidden;}

/**************************************************
= header 上方登入選單
********************/
.login .top-space header{ margin-top: 45px;}
header{ background: rgba(255, 255, 255, 0.8);border: 1px solid #dadada;border-radius: 50px; top: 10px; right: 30px;}
header>a,header>div{color:#3c742e;}
header .fontsize button {color: #3c742e; background-color:rgba(255,255,255,0.9); border:1px solid #dadada; border-radius: 50px; box-shadow: none; padding:0; }
header .fontsize button:hover {background-color: #3c742e; color: #ffffff; }
header .dropdown svg { fill: #3c742e;}
header a:hover,
header>div:hover{ color:#510b0b; }
header .dropdown:hover svg{ fill: #1f0e05;}
header .dropdown-content a:hover{ color: #ffffff; background-color: #a00b00; }
.logo,.logo a { font-size: 2.5rem;  color: #2a3818;}
.focusable{ opacity: 0;}
.focusable:focus{ opacity: 1;}

@media screen and (max-width: 767px) {
header {border: none; background: rgb(228, 218, 208);}
header, header a, header button, header .dropdown-content a { border-radius: 0px; top:0px; left:0px;}
header>a,header>div{ color:#1f0e05; }
header a:hover, header>div:hover { color: #1f0e05;}
header .dropdown svg{ fill:#1f0e05; }
header .dropdown-content a:hover { color: #bc8ce4; background-color: rgb(246, 235, 255);}
.theme-bg { background-position: -550px 30px;}
.login .top-space header{ margin-top: 0px;}
}

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

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

@media screen and (max-width :1680px){
.logo { padding-left: 7%;}
}

@media screen and (max-width :992px){
.theme {background-position: -400px 0;}
h1 { left: 0px; left: -10px;}
}

@media screen and (max-width :768px){
.theme {background-position: -650px 0;}
h1 { text-shadow: 0 0 12px #fff;}
}

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

@media screen and (max-width :375px){
.theme {background-position: -980px 0;}
}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#c51302;}
.navbar ul{ max-width: 1500px; }
.navbar li a{ color:#ffffff; }
.navbar li:hover a {color:#dedede;}
.navrwd-svg svg { fill: #ffffff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#ffffff; color:#b60d00;}
.navbar li:hover ul a:hover { background-color:#ad1103; color:#ffffff;}
.navbar li .menuhidden.navbar-menu a { background-color:#ffffff; color:#b60d00;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#ad1103; color:#ffffff;}
.navbar li ul li a{ border-bottom:1px solid #efd9ce; min-width:max-content;}

@media screen and (max-width: 767px) {
.navbar li { width: 100%; background: #b60d00;}
.navbar ul { /*background: #ffffff; color: #ffffff;*/}
.navbar li a { /*background: #b60d00; */color: #ffffff;}
.navbar ul li{border-bottom: 1px solid #efd9ce;}
.navbar li:hover a{ color: #dedede;}
.navbar li:hover ul a {  background-color:#ffffff; color:#b60d00;}	
.navbar li:hover ul a:hover {  background-color:#ad1103; color:#b60d00;}
.navbar li .menuhidden.navbar-menu a{ background-color:#ffffff; color:#b60d00;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#ad1103; color:#b60d00;}
.navbar .show-menu{ color: #fff;background:#ad0d00}
.navbar .show-menu .ct-hamburger svg { fill:#fff;}
.navrwd-svg{ background: rgba(255,255,255,0.8); border: none;}
.navrwd-svg svg{ fill: #b60d00;}
.navbar li ul li { border: 0;}
}

@media screen and (min-width: 768px){
.navbar li a { height: 45px; line-height: 28px}
}

@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 #45661e;}
.breadcrumb-item.active {color:#2c3d16;}
.breadcrumb a{color:#45661e;}
.breadcrumb a:hover{color:#941111;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ background-color: inherit; color: #39572d; background-image: url(../img/footer.png); background-repeat: no-repeat;min-height: 450px; padding-top: 150px; filter: drop-shadow(2px 4px 6px azure);}
.footerbg a {color: #39572d;}
.connect-links,.connect .text.connect-explorer{ color: #39572d;}
.connect-links:hover{text-decoration: none;color: #39572d;}
.copyright { color:#c51302; background-color:#ffffff;}

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

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

/* tab頁簽 ********************/
.nav-tabs {border-bottom-color:#ffffff;}
.nav-tabs .nav-item,.nav-pills .nav-item{margin-right: 2px;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a{ color: #7f5b49; background: #ffffff; border-color: #c10000  #c10000  #c10000 ;border-bottom: none;}
.nav-pills .nav-item a{ border-bottom: 1px solid #f4ffd4;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {  color: #ffffff; background: #557131; border-color: #c10000 #c10000 #c10000;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {color: #ffffff; background: #c10000; border-color: #c10000 #c10000 #c10000;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color: #ed96af;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #fff;background-color:#b60d00;}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {color: #868e96;}
.ct-dropdown-menu { background-color: #fff;  border: 1px solid #b60d00;}
.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 #ededed; color: #9a654a;}
.nav-tabs .nav-item .ct-dropdown-item:focus,
.nav-tabs .nav-item .ct-dropdown-item:hover { color: #ed96af; background-color: #fdf1f4;}



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

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

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{ background: #fff6f6; color: #3c742e; border-bottom-color: #ffffff;}
.nav-Vertical ul li .sub-menu-item:hover { background:#aa0e02; color: #ffffff;}


.nav-Vertical ul li .sub-menu-item a{color:#3c742e;}
.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{color:#545454;}
.nav-Vertical ul li .sub-menu-item:hover a{color:#ffffff;}

.nav-Vertical ul li .menu-arrow svg{ fill:#608e39;}
.nav-Vertical ul li .menu-arrow:hover svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item:hover a{color:#c10808;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#ffffff;border-bottom-color: #fff6f6;}
.nav-Vertical ul li ul li ul li .sub-menu-item{ background:#fff6f6;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background: #ffffff; color: #a22424; border-left-color: #a22424;}
.vertical-hamburger { background:#608e39;}
.vertical-hamburger svg { fill:#ffffff;}

.ct-sitemap{background:#ffffff;}
.sitemap-title { background: #2a3818; color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item a { color: #505050; border-left-color: #e02323; background: #f5f5f5;}
.sitemap-item a:hover,
.sitemap-item a:focus{background: #f5fdf0; color: #172a3c; border-left-color: #90b465;}
.sitemap-icon svg {fill: #ffffff;}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #3c742e;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#10ad7d;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #3c742e;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#10ad7d;}

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

/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock{ background:#fefdfa; color: #545454; border-bottom: 4px solid #90b465;}
.ct-focusslider .focus-content .textblock.notice-color{background:#f5f5f5; color: #545454;  border-bottom: 4px solid #90b465;}
/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow{ fill:#90b465; }
.ct-focusslider .focus-controls .focus-arrow:hover { fill: #ebb700;}
.ct-focusslider .focus-controls .focus-arrow.focus-end{ fill: rgba(175, 175, 175, 1);}
/*CGA004、CGA008、CGA009電子報系列*/
.ct-epaper .btn-primary{color: #ffffff; background-color:#4b77a7; border-color:#4b77a7; fill: #ffffff;}
.ct-epaper .btn-primary:hover{color: #ffffff; background-color:#0d62c0;  border-color:#0d62c0; fill: #ffffff;}
.ct-epaper .yearnav ul li{ background: #f4ffd4; color: #3c742e; border-bottom: 1px solid #90b465;}
.ct-epaper .yearnav ul li:hover { background: #3c742e; color: #ffffff;}

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

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

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

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

/*snow**************/
.snow-container {
  position: absolute;
  height: 98%;
  width: 100%;
  max-width: 100%;
  top: 0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}

.snow {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation: snow linear infinite;
          animation: snow linear infinite;
}
.snow.foreground {
  background-image: url(../img/snow-large.png);
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
}
.snow.foreground.layered {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
.snow.middleground {
  background-image: url(../img/snow-medium.png);
  -webkit-animation-duration: 35s;
          animation-duration: 35s;
}
.snow.middleground.layered {
  -webkit-animation-delay: 17.5s;
          animation-delay: 17.5s;
}
.snow.background {
  background-image: url(../img/snow-small.png);
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.snow.background.layered {
  -webkit-animation-delay: 20s;
          animation-delay: 20s;
}

@-webkit-keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);