/* custom style */

/* 系統選單 */
.fs-sysbar.navbar-inverse,
.fs-mobile-navbar .navbar-inverse {
  background-color: white;
  border: none;
}


.fs-sysbar.navbar-inverse .navbar-brand,
.fs-sysbar.navbar-inverse .navbar-brand:hover,
.fs-sysbar.navbar-inverse .navbar-brand:focus,
.fs-mobile-navbar .navbar-inverse .navbar-brand:hover,
.fs-mobile-navbar .navbar-inverse .navbar-brand:focus {
  color: black;
}

.fs-mobile-navbar .navbar-inverse .navbar-brand,
.fs-mobile-navbar .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggle .icon-dot {
  color: white;
}

.fs-mobile-navbar .navbar-inverse .navbar-brand, {
  color: white;
}

.fs-mobile-navbar .navbar-inverse {
  background-color: #224;
}

.fs-sysbar.navbar-inverse .navbar-nav>li>a {
  color: #777;
}

.fs-sysbar.navbar-inverse .navbar-nav>li>a:hover,
.fs-sysbar.navbar-inverse .navbar-nav>li>a:focus {
  color: #111;
  background-color: white;
}

.fs-sysbar.navbar-inverse .navbar-nav>.open>a,
.fs-sysbar.navbar-inverse .navbar-nav>.open>a:hover,
.fs-sysbar.navbar-inverse .navbar-nav>.open>a:focus {
  color: black;
  background-color: #FAFAFA;
}

.fs-sysbar.navbar-inverse .fs-logo {
  margin-top: -5px;
}

.fs-course-sysbar {
  background-color: #224;
  border-color: #224;
}

/* Banner */
.fs-sys-banner {
  background-color: white;
  background-image: url("/sysdata/attach/layout.css//5cabd478fd592532a0148d9c823ef047.jpg");
  padding: 10px;
  border-bottom: 1px solid #ddd
}

.fs-sys-banner .fs-banner-title {
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/* 網站選單 */
.fs-navbar-title a,
.fs-navbar-btns a{
  color: white;
}

.fs-sitebar {
  background: linear-gradient(-45deg,#BDC,#7CB,#27A);
}

.fs-sitebar .nav > li > a {
  color: white;
  border-bottom-color: transparent;
}

.fs-sitebar .nav > li > a:after,
.fs-sitebar .nav > li > a:before {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.fs-sitebar .nav > li > a {
  position: relative;
}

.fs-sitebar .nav > li > a:before {
  color: #fa0;
  content: '[';
  display: block;
  font-size: 1.5em;
  left: 10px;
  top: 3px;
  opacity: 0;
  position: absolute;
}

.fs-sitebar .nav > li > a:after {
  color: #fa0;
  content: ']';
  display: block;
  font-size: 1.5em;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 3px;
}

.fs-sitebar .nav > li > a:hover:before {
  left: 5px;
  opacity: 1;
}

.fs-sitebar .nav > li > a:hover:after {
  opacity: 1;
  right: 5px;
}

.fs-sitebar .nav > li > a:hover {
  background: trasnparent;
}

.fs-sitebar .nav > li > a:hover,
.fs-sitebar .nav > li > a:focus {
  background-color: transparent;
  border-color: transparent;
}

.fs-sitebar .nav .open > a,
.fs-sitebar .nav .open > a:hover,
.fs-sitebar .nav .open > a:focus {
  background-color: transparent;
  border-bottom-color: transparent;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  border-color: transparent;
  background-color: transparent;
}

.fs-sitebar .fs-nav > ul > li.active > a,
.fs-sitebar .fs-nav > ul > li.active > a:focus {
  color: #fff;
  border-color:transparent;
}

.fs-sitebar .fs-nav > ul > li.active:hover > a {
  color:#fff;
  background-color: transparent;
}
  
/* 側欄 */
.nav > li > a:hover, .nav > li > a:focus,
.fs-thumblist .curr {
  background-color: #f5f5f5;
}


/* 表格 */
.fs-table .table.custom,
tbody {
  border-top-color: #BDC;
  border-top-width: 3px;
  border-bottom-color: #ddd;
}

.fs-th {
  background-color: #EEE;
}


/* report */
.report {
  border-left-color: #BDC;
}


/* filterEX */
.filter {
  border-color: transparent;
}

/* 自訂頁面標題 */
.cpage-box .box-title {
  background-color: transparent;
  color: #555;
  border-width: 0px 0px 3px 0px;
  border-style: solid;
  border-color: #7CB;
  font-size: 16px;
  padding:3px 0px;
}


/* 下拉式選單 */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #f5f5f5;
}