@charset "UTF-8";
.result {
  /* progress bar css */
  /* 設定sidebar位置 */
  /* 書籤 hover */
  /* 防止書籤溢出sidebar */
}

.result .progress {
  position: absolute;
  top: 245px;
  right: 40px;
}

.result .main-menu {
  position: fixed;
  /* 固定不動  （原本為absolute) */
  top: 59px;
  padding-top: 10px;
}

.result .panel-heading:hover {
  background-color: #ccc;
  /* gray */
}

.result .list-group {
  overflow: hidden;
}

.result .customProgress {
  position: relative;
  top: 0px;
  right: 0px;
  width: 100%;
}

.fa {
  position: relative;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
}

body {
  padding-top: 0px;
  font-family: Microsoft JhengHei;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  padding-bottom: 0px;
}

/*校系編輯按鈕class*/
.new-btn {
  padding: 0px;
  cursor: pointer;
}

.footer-bottom {
  background: #00274d;
  color: #f3f3f3;
  text-align: center;
  padding-top: 10px;
}

.navbar-default {
  background-color: #00274d;
  border-color: #149081;
}

.navbar-default .navbar-brand {
  color: #f3f3f3;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f3f3f3;
}

.navbar-default .navbar-text {
  color: #f3f3f3;
}

.navbar-default .navbar-nav > li > a {
  color: #f3f3f3;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f3f3f3;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f3f3f3;
  background-color: #149081;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f3f3f3;
  background-color: #149081;
}

.navbar-default .navbar-toggle {
  border-color: #149081;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #149081;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #f3f3f3;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f3f3f3;
}

.navbar-default .navbar-link {
  color: #f3f3f3;
}

.navbar-default .navbar-link:hover {
  color: #f3f3f3;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #f3f3f3;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f3f3f3;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f3f3f3;
    background-color: #149081;
  }
}