.hold_ruler .content {
      /*margin: 0 auto;
      position: relative;
      width: 100%;*/
      padding-top: 70px;
      overflow: hidden; }
    .hold_ruler .box_huongdan {
      background: #fff6d3;
      border: 1px solid #f7e7a9;
      padding: 10px;
      margin-top: 30px; }
    .hold_ruler .tdbox_hd {
      border-bottom: 1px solid #f7e7a9;
      font-size: 14px;
;
      line-height: 30px; 
    }
    .hold_ruler .noidung_boxhd {
      color: #333;
      font-size: 13px;
      line-height: 24px;
      margin-top: 10px;
    }
    .hold_ruler .noidung_boxhd p {
      margin: 2px 0; }
    .hold_ruler .tdbox_hd {
      color: #d40001; }
    .hold_ruler .copyright {
      margin: 30px 0 20px;
      text-align: center;
      clear: both; }
    .hold_ruler .wrapper {
      width: 99.5% !important; }
    .hold_ruler #loban-thelist {
      padding: 0px;
      margin: 0px;
      list-style: none; }
    .hold_ruler #loban-wrapper {
      position: absolute;
      z-index: 1;
      top: 0px;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 402px;
      background: #fff;
      overflow: auto; }
    .hold_ruler #lobanOuter {
      width: 100%;
      position: relative; }
    .hold_ruler #loban-scroller {
      width: 100000px;
      height: 100%;
      float: left;
      padding: 0; }
    .hold_ruler #loban-scroller li {
      display: block;
      float: left;
      width: 10000px;
      height: 100%; }
    .hold_ruler #loban-scroller li img {
      margin-top: 30px; }
    .hold_ruler #pullRight, .hold_ruler #pullLeft {
      display: block;
      width: 50px;
      float: left;
      height: 100%; }
    /*.hold_ruler #sodoLoban {
      display: none;
      position: absolute;
      z-index: 2;
      top: 5px;
      left: 400px;
      text-align: center;
      width: 100px;
      font-size: 16px;
;
      color: red; }*/
    .hold_ruler #container-sodo {
      /* position: absolute;
       z-index: 2;
       top: -40px;
       width: 280px;
       left: calc(50% + 80px ) !important;
       transform: translate(-50%, -50%); */ }
    .hold_ruler #sodo {
      text-align: center;
      font-size: 16px;
;
      border-radius: 5px;
      padding: 2px;
      height: 45px;
      width: 120px; 
      border: 1px solid #FFDC73;
    }
    .hold_ruler #thanhdo {
      width: 2px;
      height: 384px;
      background: #ffa500;
      position: absolute;
      z-index: 2;
      top: 10px;
      left: 240px; }
    .hold_ruler #abc {
      position: absolute;
      top: -20px;
      display: none; }
    .hold_ruler .loban-note {
      position: absolute;
      z-index: 2;
      top: 0px;
      right: 0;
      padding-left: 18px;
      height: 20px; }
    .hold_ruler .loban-t {
      position: absolute;
      z-index: 2;
      left: 0; }
    .hold_ruler .loban-522 {
      top: 2px; }
    .hold_ruler .loban-429 {
      top: 135px; }
    .hold_ruler .loban-388 {
      top: 265px; }
    .hold_ruler .loban-touch-left {
      position: absolute;
      left: 0px;
      top: 31px;
      height: 358px;
      width: 50px;
      z-index: 2; }
    .hold_ruler .loban-touch-right {
      position: absolute;
      right: 0px;
      top: 31px;
      height: 358px;
      width: 50px;
      z-index: 2; }
    .hold_ruler #loban {
      width: 100%; }
    .hold_ruler .loban-h {
      border: 0px;
      width: 30%;
      float: left;
      border-top: 1px solid gray; }
    .hold_ruler .khoan-h {
      border: 0px;
      width: 100%;
      float: left; }
    .hold_ruler .cung-h {
      border: 0px;
      margin: 0;
      float: left;
      width: 50%; }
    .hold_ruler .loban-d {
      border: 0px;
      width: 70%;
      border-top: 1px solid gray;
      float: left; }
    @media only screen and (max-width: 650px) {
      .hold_ruler .tenkhoan {
        width: 40% !important; }
      .hold_ruler .cung-h {
        width: 60% !important; }
      .hold_ruler .loban-t strong {
        display: none; }
      .hold_ruler .loban-d {
        width: 60%; }
      .hold_ruler .loban-h {
        width: 40%; }
      .hold_ruler .sodo1, .hold_ruler .sodo2, .hold_ruler .sodo3, .hold_ruler .sodo4, .hold_ruler .sodo5, .hold_ruler .sodo6, .hold_ruler .sodo7, .hold_ruler .sodo8 {
        width: 25% !important; } }
    .hold_ruler .khoan {
      border: 0px; }
    .hold_ruler .tenkhoan {
      border: 0px;
      border-left: 1px solid gray;
      border-bottom: 1px solid gray;
      width: 50%;
      float: left;
      font-size: 13px;
      text-transform: uppercase;
      height: 115px;
      text-align: center;
;
      display: table; }
    .hold_ruler .tenkhoan span {
      display: table-cell;
      vertical-align: middle;
      line-height: normal;
      line-height: 25px; }
    .hold_ruler .cung {
      border: 0px;
      border-right: 1px solid gray;
      margin: 0;
      float: left;
      width: 100%;
      overflow: hidden; }
    .hold_ruler .tencung {
      border: 0px;
      border-left: 1px solid gray;
      border-bottom: 1px solid gray;
      margin: 0;
      width: 100%;
      height: 23px;
      float: left;
      font-size: 13px;
      padding-left: 10px;
;
      padding-top: 4px; }
    .hold_ruler .sodo {
      border: 0px;
      margin: 0;
      float: left;
      height: 23px;
      width: 100%; }
    .hold_ruler .tot {
      background: #fff;
      color: #ED1C24; }
    .hold_ruler .trungtinh {
      background: #eee; }
    .hold_ruler .xau {
      background: #f3f3f3; }
    .hold_ruler .sodo1, .hold_ruler .sodo2, .hold_ruler .sodo3, .hold_ruler .sodo4, .hold_ruler .sodo5, .hold_ruler .sodo6, .hold_ruler .sodo7, .hold_ruler .sodo8 {
      border: 0px;
      border-left: 1px solid gray;
      border-bottom: 1px solid gray;
      margin: 0;
      width: 12.5%;
      height: 23px;
      float: left;
      text-align: center;
      font-size: 13px;
      padding-top: 4px; }
    .hold_ruler .clear:before,
    .hold_ruler .clear:after {
      content: ' ';
      display: table; }
    .hold_ruler .clear:after {
      clear: both; }
    .hold_ruler .clear,
    .hold_ruler .clear-after:after,
    .hold_ruler .clear-before:before,
    .hold_ruler .row:after {
      *zoom: 1; }
    .hold_ruler .slider-service span {
      background: #3d3d3d;
      color: #fff;
      padding: 9px 0 15px 0;
      font-size: 18px;
      transition: .3s; }
    .hold_ruler .slider-service:hover span {
      color: #f19e04; }
    .hold_ruler .bg-hong {
      background: #fde7eb;
      line-height: 2;
      margin-top: 50px; }
      .hold_ruler .bg-hong .ruler-hole {
        border-bottom: 1px solid #fff;
        padding: 0 35px; }
        .hold_ruler .bg-hong .ruler-hole p:first-child {
          color: #e71836;
    ; }
        .hold_ruler .bg-hong .ruler-hole:last-child {
          border: none; }
.content{
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    width: 100%;
}
#shi-main{
    width: 100%;
    margin: 0 auto;
}

#shi_wrapper {
    position:absolute; z-index:1;
    width:100%;
    height:425px;
    overflow:auto;
}

#scroller {
    width:10100px;
    height:100%;
    float:left;
    padding:0;
}
#scroller li {
    display:block;
    float:left;
    width:10000px;
    height:100%;
}
#scroller li img{
    margin-top:35px;
}           
#pullRight, #pullLeft {
    display:block;
    width:50px;
    float:left;
    height:100%;
}
#sodoLoban {
    display: none;
    position:absolute;
    z-index:2;
    top:35px;
    text-align:center;
    width:100px;
    font-size:12px;
    /*border:1px solid red;*/
}
#thelist{margin:0; padding:0;}
#thuocloban{
    line-height: 23px;
}
.loban-h {
    border:0px;
    width:270px;
    float:left;
    /*margin-top:12px;*/
    border-top:1px solid gray;
}
.khoan-h {
    border:0px;
    width:277px;
    height:120px;
    float:left;
}
.cung-h {
    border:0px;
    margin:0;
    float:left;
    width:126px;
}

.loban-d {
    border:0px;
    border-top:1px solid gray;
    float:left;
}
.khoan {
    border:0px;
}
.tenkhoan {
    border:0px;
    border-left:1px solid gray;
    border-bottom:1px solid gray;
    width:150px;
    height: 119px;
    float:left;
    font-size:13px;
    text-transform: uppercase;
    line-height:119px;
    text-align:center;
}

.cung {
    border:0px;
    border-right:1px solid gray;
    margin:0;
    float:left;
    height:120px;
    width:688px;
}
.tencung {
    border:0px;
    border-left:1px solid gray;
    border-bottom:1px solid gray;
    margin:0;
    width:124px;
    height:23px;
    float:left;
    font-size:13px;
    padding-left:10px;
}
.sodo {
    border:0px;
    margin:0;
    float:left;
    height: 24px;
}
.tot {
    background:#fff;
    color:#ED1C24;
}
.trungtinh {
    background:#eee;
}
.xau {
    background:#f3f3f3;
}
.sodo1, .sodo2, .sodo3, .sodo4, .sodo5, .sodo6, .sodo7, .sodo8 {
    border:0px;
    border-left:1px solid gray;
    border-bottom:1px solid gray;
    margin:0;
    width:85px;
    height:23px;
    float:left;
    text-align:center;
    font-size:13px;
}
#lobanOuter p{
    margin:0px;
height: auto; 
}
#container-sodo {
    position: absolute;
    z-index: 2;
    top: -40px;
    width: 280px;
    left: calc(50% + 80px ) !important;
    transform: translate(-50%, -50%);
}
@media all and (max-width: 767px) {
    #wrapper {
        position: absolute;
        z-index: 1;
        top: 0px;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 402px;
        background: #fff;
        overflow: auto;
    }
    .name-thuoc {
        display: none;
    }
}