/* 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//ce8f030a3672b6030b4a64a02ac3f475.jpg");
  padding: 10px;
  border-bottom: 1px solid #ddd
}

.fs-sys-banner .fs-banner-title {
  color: #333;
  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,#b05,#f06);
}

.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;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  border-color: transparent;
  background-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;
}

.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;
}
  

/* 按鈕 */
.btn-primary {
  background-color: #b05;
  border-color: #b05;
}

.btn-primary:focus,
.btn-primary:active {
  background-color: #502;
  border-color: #502;
}

.btn-primary:hover {
  background-color: #804;
  border-color: #804;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus{
  background-color: #502;
  border-color: #502;
}


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


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

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


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


/* 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: #B05;
  font-size: 16px;
  padding: 3px 0px;
}


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