/* 背景 */
  body {
font-size:15px;
  }

@media (min-width: 992px) {
  body {
    background-image:url("/sysdata/attach/layout.css/5f723737a908358c545c49737b7da3db.png");
    background-position: center;
    
  }
}

/* 課程logo */
.body-course .fs-course-banner .fs-banner-logo .logo {
  content:url('https://okelearning.xms.tw/sysdata/course/34/f135.png');
}





/* 彈跳視窗底色 */
.body-tmpl-modal,
.body-tmpl-edit{
  background-color:white;
}


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

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

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

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

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

.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: white;
  background-color: #8c1313;
}

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

.navbar-brand img {
    padding-right: 10px;
    padding-left: 20px;
}

/* Banner */
.fs-sys-banner {
  background-image: url("/sysdata/attach/layout.css//b3bc9391726770a23eacbdc404397ddb.jpg");
  padding: 10px;
  background-position:center;
}

.fs-sys-banner .fs-banner-title {
  color: white;
  font-weight:bold;
  padding: 10px 10px 10px 200px;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
}

.fs-banner-logo img {
   padding: 5px;
}

.fs-banner {
    border-bottom: none;
}

/* 網站選單 */
.fs-sitebar {
  background: linear-gradient(180deg , #c21f1f 90%, #8c1313 );
  border-bottom: none;
}

.fs-sitebar .nav > li > a {
  color: white;
  border-bottom-color: transparent;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: bold;
}

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

.fs-nav > ul > li:hover > a {
  border-bottom-color: transparent;
}

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

.fs-mobile-navbar .navbar-inverse .navbar-brand,
.fs-course-sysbar {
  background-color: #c21f1f;
  border-color: #c21f1f;
}

.fs-mobile-navbar .fs-course-sysbar-m.navbar-inverse {
  background-color: #c21f1f;
  border-color: #c21f1f;
}


.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: transparent;
}

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

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

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


.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: #9e0000;
}


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

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

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

.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: #992822;
  border-color: #CC0000;
}


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


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

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


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






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


/* 媒體 */
#fs-media-content {
  background-color: #fff;
  border: solid 1px #ddd;
  padding: 20px;
}

/*系統按鈕顏色*/
.btn-primary {
    background-color: #CC0000;
    border-color: #CC0000;
}

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


.nav > li > a:hover, .nav > li > a:focus {
    background: #f4f4f4;
}

.fs-nav.box-style > ul > li > a:focus {
    border: 1px solid #ccc;
    background: #ddd;
    color:#000;
}

.fs-nav.box-style > ul > li > a:hover {
    border: 1px solid #ddd;
}

/* 課程內banner */
.fs-banner.fs-course-banner {
    background-color:#c21f1f;
}


/* 課程系列預設LOGO，僅套用在課程頁面，使用後不能個別課程放LOGO */
.fs-banner.fs-succession-banner {
    background-image:url(/sysdata/p/18/c3f00277768554436554450c3c1af538.png);
    background-position:10% 30%;
    background-repeat:no-repeat
}

.fs-banner-wrap {
    padding-left: 20px;
}

/*.fs-photo .fs-hint {
  display:none;
}  隱藏有頭像格式時顯示的帳號*/