/* custom style */

/* 系統選單 */
.fs-sysbar.navbar-inverse,
.fs-mobile-navbar .navbar-inverse {
  background-color: #E3EDEC;
  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>li>a:hover,
.fs-sysbar.navbar-inverse .navbar-nav>li>a:focus {
  color: #0677c8;
  background: none;
}

/*.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 .navbar-nav>.open>a,
.fs-sysbar.navbar-inverse .navbar-nav>.open>a:hover,
.fs-sysbar.navbar-inverse .navbar-nav>.open>a:focus {
  color: #0677c8;
  background: none;
}

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

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

/* Banner */
.fs-sys-banner {
  background-color: #e6edec ;
  padding: 0px;
  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: #3d6889;
}

.fs-sitebar {
  background: #fff;
}

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

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

.fs-sitebar .nav > li > a:hover {
  background: trasnparent;
  border-bottom: 3px solid #01abc5;
  color: #01abc5;
}

.fs-sitebar .nav > li > a:hover,
.fs-sitebar .nav > li > a:focus {
  background-color: transparent;
  border-bottom: 3px solid #01abc5;
  color: #01abc5;
}

.fs-sitebar .nav .open > a,
.fs-sitebar .nav .open > a:hover,
.fs-sitebar .nav .open > a:focus {
  background-color: transparent;
  border-bottom: 3px solid #01abc5;
  color: #01abc5;
}

.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;
}
.fs-sitebar .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  color:white;
  background: #32acdc;
}
  
/* 側欄 */
.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-bottom:4px solid #cacaca;
  font-size: 16px;
  padding:3px 0px;
}


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

/* 頁尾 */
#page-footer {
  background-color: #cee7ef;
  padding-top:30px;
}

hr{
  border-width:4px;
  border-color:#cacaca;
}

/* 客制 */
/*.fs-banner-wrap {
  text-align:center;
}
.fs-banner-logo {
  float:none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.fs-banner-logo img {
  width:980px;
}*/

#page-footer span{
  line-height:30px;
}

#page-footer{
  padding:40px 0px;
}




/* header客制 */


#page-sysbar .fs-banner {
    display: none;
}

img.fs-logo {
    position: absolute;
}

#page-sysbar input.form-control {
    border-radius: 50px 0px 0px 50px;
}

#page-sysbar button#search_bar_btn {
  border-radius: 0 15px 15px 0px;
}


#page-sysbar .container {
  position: relative;
}


#page-sysbar .input-group {
  position: absolute;
  right: 20px;
  bottom: 35px;
}

#page-sysbar ul.nav.navbar-nav.navbar-right {
  margin-top: -15px;
}

#page-sysbar .navbar-nav>li>.dropdown-menu {
    margin-top: -40px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#page-sysbar .glyphicon {
  top: -1px;
}

#page-sysbar input.form-control , #page-sysbar button#search_bar_btn {
  height: 25px;
}


.fs-nav > ul > li > a {
    padding: 13px 15px 10px 15px;
}

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

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

.fs-sysbar.navbar-inverse, .fs-mobile-navbar .navbar-inverse {
    background-color:#e6edec;
    border: none;
}


/*****FOOTER*****/

#page-footer {
    background-color: #004364;
}
#page-footer span {
    color: white !important;
}
#page-footer strong {
    border-radius: 5px;
    background-color: #000;
    padding: 2px;
}
.span3 .block {
    border: solid 1px #c5c5c5 !important;
}