/* 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: #6ac7b5/*#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-banner {
  background-color: white;
  background-image: url("/sysdata/attach/layout.css//5cabd478fd592532a0148d9c823ef047.jpg");
  padding: 10px;
  border-bottom: 1px solid #ddd
}

.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: 1.6em;
  padding:3px 0px;
  position: relative;
  z-index: 2;
  margin: 20px 0;
}

.cpage-box .box-title:before {
  content: '';
  width: 60px;
  height: 60px;
  top: -17px;
  left: -21px;
  background-color: #E8FBE8;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}


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

/* 系統選單 - Tips icon */
.fa-lightbulb:before {
  color: #00BBC3;
}


/* 20220117修改樣式 */

/* 接近期限顯示的紅色字 */
.fs-text-notice {
  color: #e84141;
}

/* 區塊 */
.fs-sidebar, .fs-content {
  border: none;
}

/* 內容標題 */
.fs-page-header > h2 {
  border-bottom: 2px solid #0e719c;
}

/* 內容表格表頭 */
.fs-table .table.xtree > thead > .fs-th{
  background-color: #68C8BD;
  color: #45494a;
}

/* 區塊標題 */
.fs-text-divider {
  background-color: #68C8BD;
  color: #f0f5f4;
  font-weight: 600;
}

/* 區塊內分割線 */
.fs-menu-divider{
  border-bottom: 1.5px dashed #0e719c;
}

/* 區塊實體分割線、內容標題分割線 */
.fs-divider,
.fs-block-header{
  border-bottom: 1.5px solid #0e719c;
}

/* 2023.01.13修改樣式 */

/* 我教授的課程黃色警告內容 */
.alert-warning{
  width:95%;
  position: absolute;
  bottom: -57px;
}

.body-program-member #printCertificateModal ~ div > .fs-table ~ .fs-p .btn-group:nth-child(2){
  display: none;
}


/* 2024.05.24修改樣式 */
/* 資源管理左側欄位區塊 */
body.body-resources > #page > div#page-2L-root > #page-main > #fs-sidebar {
  display: none;
}


/* 2024.07.09 評鑑專區QA 章節標題變大 */
body.body-km.body-km-1341.body-tmpl-2L.body-layout-inside_rwd > div#page > div#page-2L-root > div#page-main > .container > .row > .col-md-9 > div#fs-content > .row > .col-xs-12 > div#xbox > div#xbox-inline > .module.app-km.app-km-xbox_inside_show > .fs-block > .fs-block-body > .fs-mediaXtree > div#km-media-tree > .xtree-list.row.ui-sortable > div > .header > .center-part > span.xtree-node-label > .text > .node-title > span,
body.body-km.body-km-1342.body-tmpl-2L.body-layout-inside_rwd > div#page > div#page-2L-root > div#page-main > .container > .row > .col-md-9 > div#fs-content > .row > .col-xs-12 > div#xbox > div#xbox-inline > .module.app-km.app-km-xbox_inside_show > .fs-block > .fs-block-body > .fs-mediaXtree > div#km-media-tree > .xtree-list.row.ui-sortable > div > .header > .center-part > span.xtree-node-label > .text > .node-title > span,
body.body-km.body-km-1343.body-tmpl-2L.body-layout-inside_rwd > div#page > div#page-2L-root > div#page-main > .container > .row > .col-md-9 > div#fs-content > .row > .col-xs-12 > div#xbox > div#xbox-inline > .module.app-km.app-km-xbox_inside_show > .fs-block > .fs-block-body > .fs-mediaXtree > div#km-media-tree > .xtree-list.row.ui-sortable > div > .header > .center-part > span.xtree-node-label > .text > .node-title > span,
body.body-km.body-km-1344.body-tmpl-2L.body-layout-inside_rwd > div#page > div#page-2L-root > div#page-main > .container > .row > .col-md-9 > div#fs-content > .row > .col-xs-12 > div#xbox > div#xbox-inline > .module.app-km.app-km-xbox_inside_show > .fs-block > .fs-block-body > .fs-mediaXtree > div#km-media-tree > .xtree-list.row.ui-sortable > div > .header > .center-part > span.xtree-node-label > .text > .node-title > span,
body.body-km.body-km-1345.body-tmpl-2L.body-layout-inside_rwd > div#page > div#page-2L-root > div#page-main > .container > .row > .col-md-9 > div#fs-content > .row > .col-xs-12 > div#xbox > div#xbox-inline > .module.app-km.app-km-xbox_inside_show > .fs-block > .fs-block-body > .fs-mediaXtree > div#km-media-tree > .xtree-list.row.ui-sortable > div > .header > .center-part > span.xtree-node-label > .text > .node-title > span {
  font-size: 1.2em;
  font-weight: bold;
}