/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
	width:auto;
}

/* end */

/* custom theme */

header {
	min-height:230px;
  margin-bottom:5px;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
      position: static;
  }
  
  #sidebar.affix {
      /*  position: fixed;*/
      top: 0;
      min-width: 265px;
      /*  min-width:21.2%;*/
  }
}

.affix,.affix-top {
   position:static;
}

/* theme */

body {
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", DFKai-SB, sans-serif;
	font-size: 160%;
  color: #3C3D3C;
  background-color:#eee;
}

a, a:hover {
  color:#18388B;
  text-decoration:none;
}

.highlight-bk {
	background-color:#18388B;
  padding:1px;
  width:100%;
}

.highlight {
	color: #247494;
}
  
h3.highlight,
h4.highlight,
h5.highlight  {
	padding-top:13px;
  padding-bottom:14px;
  border-bottom:2px solid #18388B;
}

.navbar {
  background-color:#18388B;
  color:#ffffff;
  border:0;
  border-radius:0;
}
.navbar-nav > li > a {
  color:#fff;
  font-weight: bold;
  padding-left:20px;
  padding-right:20px;
  border-left:1px solid #e8e8e8;
}
.navbar-nav > li:last-child > a {
  border-right:1px solid #e8e8e8;
}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
  /* color: #ffffff; */
   color:#18388B;
  /* background-color:transparent; */
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
  /* color: #555555; */
  color:#18388B;
  /* background-color:transparent; */
  opacity:.5;
}

.nav .open > a {
  border-color:#777777;
  border-width:0;
}

.accordion-group {
	border-width:0;
}

.dropdown-menu {
	min-width: 250px;
}

.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	padding-left:1px;
}

.caret {
	color:#fff;
}

.navbar-toggle {
	color:#fff;
  border-width:0;
}
  
.navbar-toggle:hover {
	/*background-color:#fff; */
}

.panel {
	padding-left:27px;
  padding-right:27px;
}

/* end theme */



/* Tabs panel */
.tabbable-panel {
  /* border:1px solid #eee; */
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}