div#lobanOuter {
cursor: ew-resize;
}
.hold_ruler .content { 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 #container-sodo { }
.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; }
#thelist{margin:0; padding:0;}
#thuocloban{
line-height: 23px;
}
.loban-h {
border:0px;
width:270px;
float:left; 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) {
#scroll_wrapper {
position: absolute;
z-index: 1;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
height: 402px;
overflow: auto;
}
.name-thuoc {
display: none;
}
}