@charset "utf-8";
/* =============================================================================
   Base Width Size
   ========================================================================== */
#navbar, #header, #footer {
  /* min-width: 960px; */
}
.container {
  /* min-width: 920px; */
}
/* =============================================================================
   header
   ========================================================================== */
#header {
  background: #E1E1E1;
  background-image: -moz-linear-gradient(top, #F9F9F9, #E1E1E1);
  background-image: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
  background-image: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
  background-image: linear-gradient(to bottom, #F9F9F9, #E1E1E1);
  background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFF9F9F9', endColorstr='#FFE1E1E1');
}
#header #secondary-nav {
  float: right;
  color: #CCCCCC;
  margin-right: 0;
  margin-top: 25px;
}
#header #secondary-nav > li {
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 0;
  font-size: 11px;
  color: #333;
}
/* =============================================================================
   navbar
   ========================================================================== */
#navbar {
  margin-bottom: 20px;
}
#navbar #primary-nav > li > a {
  display: block;
  padding: 8px 10px 6px;
  font-size: 12px;
  font-weight: bold;
  color: #CCC;
}
#navbar #primary-nav > li > a:hover {
  color: #999;
}
#navbar #primary-nav li > a > i {
 *cursor:pointer;
  vertical-align: baseline;
  margin-right: 5px;
}
#navbar li i {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#navbar li a:hover i {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
}
#navbar #primary-nav > li > a > span {
  display: inline-block;
  position: relative;
  top: -6px;
}
#navbar #primary-nav > li > a > .badge {
  margin-left: 5px;
}
#navbar .nav > li > .dropdown-menu:after {
  top: -5px;
}
#navbar .login-info {
  font-size: 10px;
  color: #CCC;
  float: right;
  margin: 9px 0 0;
}
.operate-check {
  min-width: 230px;
  padding: 5px 10px;
  font-size: 12px;
}
.operate-check dl {
  margin: 0;
}
.operate-check dt {
  width: 6em;
  float: left;
  text-align: right;
}
.operate-check dd {
  margin: 0 0 3px 0;
  padding-left: 7em;
}
.operate-check .error-text {
  color: #b94a48;
  font-weight: normal;
  line-height: 1.2;
}
#navbar .operate-check a {
  display: block;
  margin: 10px 0 0 0;
  text-align: right;
  color: #0088cc;
}
#navbar .operate-check a:hover {
  color: #005580;
}
/* =============================================================================
   Page Title
   ========================================================================== */
.page-title {
  dispay: block;
  padding: 0;
  font-size: 1.3em;
  line-height: 30px;
}
.page-title i {
  vertical-align: baseline;
}
.page-title span {
  display: inline-block;
  position: relative;
  top: -6px;
  left: 5px;
}
.page-title .number {
  font-weight: normal;
  font-size: 13px;
  margin-left: 0.5em;
}
.sub-title {
  dispay: block;
  padding: 5px 0;
  font-size: 1.2em;
  margin-bottom: 10px;
  border-bottom: 1px solid #DDD;
}
/* =============================================================================
   forms
   ========================================================================== */
textarea, input[type="text"], input[type="email"], input[type="password"] {
  font-size: 14px;
  padding: 8px;
}
.form-horizontal .control-label {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.3;
  color: #666;
}
.form-horizontal .padding-off {
  padding-top: 0;
}
.form-horizontal .controls {
  font-size: 14px;
}
.input-small-s {
  width: 70px;
}
.input-small {
  width: 160px;
}
.input-medium {
  width: 210px;
}
.input-large {
  width: 342px;
}
.input-address {
  width: 500px;
}
/* =============================================================================
   top
   ========================================================================== */
.nav-tabs {
  font-size: 12px;
}
.nav-tabs > li > a {
  padding-right: 22px;
  padding-left: 22px;
}
/* =============================================================================
   login
   ========================================================================== */
#login {
  background-color: #FFF;
}
#login .row {
  width: 650px;
  margin: 80px auto;
}
#login .brand {
  margin-top: 30px;
}
#login .form-login {
  float: right;
  margin-bottom: 20px;
  width: 320px;
}
#login .page-title {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 10px;
}
#login .login-field {
  width: 300px;
  margin-bottom: 10px;
}
#login .login-actions {
  margin-bottom: 15px;
}
#login .login-actions .btn {
  float: left;
}
#login .option-link {
  float: right;
  margin-top: 6px;
  font-size: 14px;
}
.info-field {
  border: 1px solid #A5DDFC;
  padding: 10px 15px;
  background-color: #F4FAFE;
  clear: both;
  font-size: 12px;
  margin-bottom: 20px;
}
.warning {
  border: 1px solid #FCA7A4;
  background-color: #FDF4F4;
}
.info-field p {
  margin: 0.5em 0;
}
.info-field h2 {
  font-size: 14px;
  line-height: 1.6;
  color: #3399CC;
}
.warning h2 {
  color: #CC3432;
}
#login .hint-label {
  font-size: 14px;
}
#login #footer {
  border-top: 1px solid #DDD;
}
/* =============================================================================
   Signup
   ========================================================================== */
#signup .row {
  width: 900px;
  margin: 50px auto;
}
#signup .brand {
  margin-top: 30px;
}
#signup .form-login {
  float: right;
  margin-bottom: 20px;
  width: 580px;
}
#signup .page-title {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 10px;
}
#signup .option-link {
  float: right;
  margin-top: 6px;
  font-size: 14px;
}
#signup h2 {
  font-size: 16px;
  margin-bottom: 0.5em;
}
#signup .form-actions {
  text-align: center;
}
#signup .breadcrumb > li {
  color: #999;
}
#signup .breadcrumb > .active {
  color: #666;
  font-weight: bold;
}
#signup .alert {
  font-size: 12px;
  line-height: 1.6;
}
#signup .rules {
  border: 1px solid #DDD;
  padding: 15px;
}
#signup .form-horizontal .control-label {
  width: 100px;
}
#signup .form-horizontal .controls {
  margin-left: 120px;
 *margin-left: auto;
}
/* =============================================================================
   exam
   ========================================================================== */
#navbar.exam{margin-bottom:0;}
#navbar.exam .text-label{
  margin:22px 0 0;
  color:#fff;
}
#header.exam{
  padding: 10px 0;
  margin-bottom: 20px;
  background: #EEEEEE;
  background-image:none;
}
/* =============================================================================
   info
   ========================================================================== */
.unread a {
  font-weight: bold;
}
.read td {
  background-color: #f9f9f9;
}
.info-list td:nth-child(1), .info-list th:nth-child(1) {
  width: 40%;
}
.info-list td:nth-child(2), .info-list th:nth-child(2) {
  width: 30%;
}
.info-list td:nth-child(3), .info-list th:nth-child(3) {
  width: 20%;
}
.info-list td:nth-child(4), .info-list th:nth-child(4) {
  width: 10%;
  text-align: center;
}
/* =============================================================================
   list
   ========================================================================== */
.table td {
  line-height: 1.4;
}
.limit-times {
  font-size: 10px;
  color: #666666;
}
.table .label {
  padding: 5px 6px;
  font-size: 12px;
}
/* =============================================================================
   column
   ========================================================================== */
.column {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}
.column .column-head {
  border: 1px solid #dddddd;
  border-bottom: 0;
  padding: 6px 12px;
  background-color: #F8F8F8;
}
.column .column-content {
  border: 1px solid #dddddd;
  border-bottom: 0;
  padding: 12px;
}
/* =============================================================================
   result
   ========================================================================== */
.result-header{margin-bottom: 15px;}
.result-header span{
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:0;
  display:inline-block;
  vertical-align:middle;
}
.label-score{
  color:#FF4D4D;
  font-family:Arial, Helvetica, sans-serif;
}
.result-header .label-score{
  font-size:34px;
  padding:0 8px;
}
.result-header .label-pass,
.result-header .label-fail{
  padding: 12px 20px;
  font-size: 18px;
  line-height: 1.0;
}
.label.label-pass{background-color:#FF4D4D;}
.label.label-fail{background-color:#007FFF;}
.result-body .em{font-size:14px;}
.result-body .em .label-score{font-size:16px;}
.result-footer{margin:20px 0;}
.result-userinfo{display:none;}
.result-groupinfo{display:none; text-align:right;}

/* =============================================================================
   help
   ========================================================================== */
.pop-header {
  background-color: #1b1b1b;
  border-color: #252525;
  color: #FFF;
}
.pop-header i {
  vertical-align: baseline;
  margin-right: 5px;
}
.pop-header .close {
  color: #DDD;
  text-shadow: none;
  opacity: 0.8;
  margin-top: 5px;
}
.pop-header .close:hover {
  opacity: 1.0;
}
.pop-header span {
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: -5px;
  left: 0;
}
.pop-header .page-title {
  line-height: 17px;
}
.pop-body {
  padding: 30px 15px;
}
.section-header h2 {
  font-size: 15px;
  margin-bottom: 15px;
}
.section {
  margin-bottom: 20px;
}
.guide h3 {
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding-bottom: 7px;
  margin-bottom: 8px;
  border-bottom: 1px solid #DDD;
  cursor: pointer;
  color: #0088cc;
}
.guide h3:hover {
  color: #005580;
}
.guide li {
  padding-bottom: 5px;
}
.guide i {
  margin-right: 5px;
}
.guide p {
  margin-top: 0;
  font-size: 14px;
  line-height:1.6;
}
.guide img {
  margin: 5px 0; 
}
.trigger:hover {
background-color:transparent;
}