.laso {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('texture.jpg');
}

/* #thienBan{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('imgs/main.png');
} */
#cungTy1{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/ti.png');
}
#cungSuu{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/suu.png');
}
#cungDan{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/dan.png');
}
#cungMao{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/mao.png');
}

#cungThin{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/thin.png');
}

#cungTy5{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/ty.png');
}
#cungNgo{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/ngo.png');
}
#cungMui{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/mui.png');
}
#cungThan{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/than.png');
}
#cungDau{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/dau.png');
}
#cungTuat{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/tuat.png');
}
#cungHoi{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-image: url('imgs/hoi.png');
}



.cung-top,
cung-bottom {
    height: 25px;
    margin: 2px 2px 0 0;
}

.cung-middle {
    height: 180px;
}

.cung-middle ul,
li {
    list-style-type: none;
}

.hanhKim {
    color: #9E9E9E;
}

.hanhMoc {
    color: #4CAF50;
}

.hanhThuy {
    color: #000100;
}

.hanhHoa {
    color: #a71a14;
}

.hanhTho {
    color: #e6bd37;
}

.chinhTinh {
    min-height: 35px;
    padding-bottom: 3px;
    font-weight: 500;
    text-transform: uppercase;
}

.cungChu {
    text-transform: uppercase;
    font-size: 1.1em;
    padding-bottom: 0.2em;
}

.cungThan {
    background-color: darkred;
}

.xungChieu {
    background-color: #D7CCC8;
}

.diaCung {
    width: 200px;
    height: 240px;
    /*background-color: #f3f6ef;*/
}

.thienBan {
    width: 400px;
    height: 480px;
    position: relative;
}

.thienBan .noidung {
    padding: 5px 10px 10px 10px;
    text-align: justify;
}

.thienBan .noidung .header {
    text-align: center;
    font-weight: 500;
    padding-bottom: 1rem;
}

.thienBan .noidung .sinhkhac {
    text-align: center;
    font-weight: 500;
    padding-top: 1rem;
}

.thienBan .noidung .cotTrai {
    text-align: left;
    font-weight: 500;
}

.thienBan .noidung .cotPhai {
    text-align: left;
    line-height: 1.5em;
}

.thienBan .mausac {
    position: absolute;
    height: 100px;
    bottom: 0;
}

.thienBan .mausac .gioithieuhanh {
    /*    width: 50px;*/
    font-weight: 500;
}



.formborder {
    border: 1px solid #c92424;
    padding: 10px;
}

.border {
    border: thin #a8a8a8 solid;
}

.border-right {
    border-right: thin #a8a8a8 solid;
}

.border-left {
    border-left: thin #a8a8a8 solid;
}

.border-bottom {
    border-bottom: thin #a8a8a8 solid;
}

.border-top {
    border-top: thin #a8a8a8 solid;
}

.inset-border {
    box-sizing: border-box;
}

.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2;
    color: rgba(0, 0, 0, .6);
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}

input.primary:hover {
    background-color: #1678c2;
    color: #FFF;
    text-shadow: none;
}

#namsinh {
    width: 100px;
}

input.warning {
    background-color: #f0ad4e;
    color: #FFF;
    text-shadow: none;
}

input.primary {
    background-color: #2185D0;
    color: #FFF;
    text-shadow: none;
}


/*.phuTinh .col{
    padding-bottom: 0.2em;
}*/



.blocks {
    width: 46%;
    white-space: nowrap;
    display: inline-block;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    line-height: 1.2em;
    font-size: 14px;
}


/*.blocks:nth-child(odd){
    text-align: left;
}
.blocks:nth-child(even){
    text-align: right;
}*/

.anlaso {
    display: none !important;
}

.hide {
    width: 46%;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.2em;
    font-size: 14px;
    height: 0;
    overflow: hidden;
}



.thongtin {
    padding-bottom: 1rem;
}


.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 90%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-tuan {
    background-color: #3E2723;
}

.label-triet {
    background-color: #263238;
}

.tuanTriet {
    padding-top: 0.5rem;
}



.Zebra_Tooltip {
    position: absolute;
    z-index: 8000;
    background: transparent;
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    position: relative;
    padding: 15px;
    font-size: inherit;
    text-align: left;
    font-weight: normal;
    line-height: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    *margin-right: 0;
    _width: expression(document.body.clientWidth > 250 ? '250px': 'auto');
    /* max-width for IE6 */
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow {
    position: absolute;
    height: 10px;
    width: 20px;
    overflow: hidden
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom {
    bottom: 0
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top {
    top: 0
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    left: 0;
    _border-left-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div {
    top: 0;
    _border-bottom-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div {
    bottom: 0;
    _border-top-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: inherit;
    font-weight: 500;
}

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
    color: #C40000;
}

.tooltips {
    cursor: help;
}