body{
  margin: 0 ;
  padding:0;
}
  .topbar .left-topbar a, .topbar .right-topbar a {
      color: #4d4d4d;
      text-decoration: none;
      transition: color .2s cubic-bezier(.4,0,.2,1);
    }

      .topbar .left-topbar a:hover, .topbar .right-topbar a:hover {
        color: #C9141D;
      }

    .topbar .left-topbar {
      float: left;
    }

    .topbar .right-topbar {
      float: right;
    }

    .topbar {
      background: #E5E5E5;
      font-size: 14px;
      height: 25px;
      line-height: 25px;
    }
    body{
      background:#F5F5F5;
    }
    .topbar-username {
      color: #C9141D;
    }
    input:focus{
      outline:none;
    }
    .ui a{
      color:#404040;
      transition: color .2s cubic-bezier(.4,0,.2,1);
      text-decoration:none;
      font-size:14px;

    }
    .field .show{
      display:block;

    }
    .field .hide{
      display:none;
    }
    .site-user-info:hover{
      text-decoration:underline;
    }
    a:hover{
      color:#C9141D;
    }
    .logo {
      width: 520px;
    }

    .band {
      background: #F5F5F5;
      padding-top: 25px;
      height: 130px;
    }
       .ui.container{
      width:1050px;
      margin:26px auto;
    }
    .ui .centered{
      width:400px;
      margin:0 auto;
      background:#fff;
      border:1px solid #ccc;
      color:#333;
    }
    .ui .centered .header{
      height: 35px;
      line-height: 35px;
      padding-left:23px;
      border-bottom:1px solid #ccc;
      position:relative;
      background:#F5F5F5;
      
    }
      .ui.left.input.action{
      position:relative;
    }
    .ui.left.input.action input{
      width:200px;
    }
    .ui.message{
      font-size:14px;
    }
    .ui.left.input.action button{
      position:absolute;
      right:0;
      width:140px;
      top:-5px;
      font-size:12px;
    }
    .ui .centered .header::after{
      display:block;
      content:" ";
       position:absolute;
      background:#C9141D;
      width:5px;
      height: 16px;
      left: 9px;
      top: 11px;
    }
    .ui .form{
      background:#fff;
      padding:26px;
    }
    .ui .field .input{
      margin:2px 0 13px 0;

    }
    .ui .field .input input[type=text],.ui .field .input input[type=password] {
      height: 32px;
      line-height: 30px;
      padding: 0 5px;
      font-size: 14px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      width: 350px;
    }
    .ui .field label{
      font-size:12px;
      color:#333;
    }
    .ui.button{
        border: none;
      outline: none;
      background: none;
      height: 32px;
      line-height: 30px;
      background: #C9141D;
      text-align: center;
      color: #ffffff;
      padding: 0 25px;
      cursor: pointer;
      font-size: 14px;
      margin:5px 0;
      vertical-align: bottom;
    }
    .ui.error.message,.ui.error.message p{
      margin:0;
      padding:0;
      font-size:14px;
      color:#C9141D;
    }
    .btn-red {
      border: none;
      outline: none;
      background: none;
      height: 32px;
      line-height: 30px;
      background: #C9141D;
      text-align: center;
      color: #ffffff;
      padding: 0 25px;
      cursor: pointer;
      font-size: 14px;
    }
    /*.btn-primary:hover{
      background:#e31621;

    }
    .btn-primary:hover .input-primary{
      border-color:#e31621;
    }*/
    .input-red {
      height: 32px;
      line-height: 30px;
      padding: 0 5px;
      font-size: 14px;
      box-sizing: border-box;
      border: 2px solid #C9141D;
      width: 350px;
    }

      .input-red:focus {
        outline: none;
      }

    .right-input {
      float: right;
      width: 450px;
      text-align: right;
      line-height: 98px;
      height: 98px;
    }

    .left20 {
      position: relative;
      left: -5px;
    }

    .top-nav ul {
      padding: 0;
      margin: 0;
      list-style: none;
      color: #ffffff;
      height: 50px;
      line-height: 50px;
    }

    .top-nav li {
      padding: 0;
      margin: 0;
      display: inline-block;
      transition: background .4s cubic-bezier(.4,0,.2,1);
    }

      .top-nav li:hover {
        background: #a21017;
      }

    .top-nav {
      background: #C9141D;
      text-align:center;
    }

    .top-nav-item a, top-nav-item a:hover, top-nav-item a:focus, top-nav-item a:link {
      display: inline-block;
      color: #fff;
      text-decoration: none;
      padding: 0 25px;
      height: 50px;
      line-height: 50px;

    }

    .top-nav-item {
      position: relative;
      display:inline-block;
    }

    a.nav-child-item {
      display: block;
      width: 100px;
    }

      a.nav-child-item:hover {
        background: #870d13;
      }

    .menu-childs {
      display: none;
      position: absolute;
      top: 50px;
      background: #a21017;
      z-index: 2;
    }

    .bottom-nav {
      background: #F5F5F5;
    }

      .bottom-nav .logo img {
        width: 300px;
      }

      .bottom-nav .logo {
        display: inline-block;
        width: 300px;
        color: #A0A0A0;
        font-size: 12px;
        padding: 0 0 0 25px;
        margin: 15px 0 15px 0;
        border-left: 2px solid #E5E5E5;
      }

      .bottom-nav .nav {
        display: inline-block;
        width: 710px;
      }

    .bottombar {
      background: #E5E5E5;
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      text-align: center;
    }

    .bottom-nav .qrcode {
      width: 145px;
    }

    .qrcode-box {
      width: 155px;
      float: left;
      height: 155px;
    }

    .qrcode-title {
      font-size: 12px;
      color: #A0A0A0;
      text-align: center;
    }
    #site-content{
      width:1050px;
      margin:0 auto;
      overflow:auto;
    }


    table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-left:none;
  border-top:none;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-left: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}