

.co-l{
    width: 100%;
    margin: auto;
}
 .alert01{    font-size: 16px;
    background: radial-gradient(circle at 5px 5px, #41E241, #001);
    border-radius: 50%;
    padding: 5px;
    box-shadow: 1px 1px 4px 0px #a6a6a6;
        box-shadow: 3px 3px 10px -2px rgba(0,0,0,.4);
    font-weight: 400;
    color: #fff
  }

  .alert02{    font-size: 40px;
    background: radial-gradient(circle at 5px 5px, #41E241, #001);
    border-radius: 50%;
    padding: 5px;
    box-shadow: 1px 1px 4px 0px #a6a6a6;
        box-shadow: 3px 3px 10px -2px rgba(0,0,0,.4);
    font-weight: 400;
    color: #fff
  }
  .alert03{    font-size: 30px;
    background: radial-gradient(circle at 5px 5px, #41E241, #001);
    border-radius: 50%;
    padding: 5px;
    box-shadow: 1px 1px 4px 0px #a6a6a6;
        box-shadow: 3px 3px 10px -2px rgba(0,0,0,.4);
    font-weight: 400;
    color: #fff
  }
  .listnum-random{position: relative;
    z-index: 9999;
    background: #fff;}
.title-bor {
      padding: 8px 3px;
    background: linear-gradient(#e74443, #9a0a09);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Times New Roman", Times, serif;
    margin-top: 0px;
}
.co-l td:hover{background: #FFEAA5;}
.imgl{width: 13%;
    float: right;}
.try{width: 100%;
    position: relative;}
.lt{    background: #b3b3b3;
    width: 100%;
    height: 7px;
    position: absolute;
    z-index: 99;
    border-top-left-radius: 18px;
    border-top-right-radius: 19px;
    top: -7px;
    border-bottom: 2px solid #999;}
.tdf{border-top: 1px solid #ffffff;
    border-right: 1px solid #fff;}
table td, table th {
    padding: 2px;
    border: 1px solid #d9d3cb;
    text-align: center;
  width: 0%;
  font-size: 11px;
}
table {
    width: 100%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
td.txt-giai {
    width: 70px;
    min-width: 60px;
}
body {
    font-family: "Arial, Helvetica",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
        background: #f3f3f3;
}
.number{font-size: 23px;line-height: 20px;}

.tk {
    font-size: 20px;
    font-weight: 600;
    letter-spacing:0;
}
.th-g {
    font-size: 32px;
    font-weight: 600;
    letter-spacing:0;
}
.tk-n{
    letter-spacing:-4;
    font-size: 27px;
    font-weight: 600;
    color: #800000;
}
.tdbody{cursor: pointer;}
.tdbody td:hover{background: #FFEAA5;}
.tdh:hover{background: #fff!important;}
.tdtext{font-size: 13px;}
.tatp{letter-spacing:-1;}
.th-y {
    color: #800000;
    font-size: 40px;
    font-weight: 600;
}
.bgcol{background: #F3F3F3;}

.control-panel {
    display: block;
    text-align: center;
    background: #f5e9c3;
    color: #fff;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
        position: relative;
    z-index: 99;
}
.td06{border-right: unset;
    border: unset;}
    .tr05{border-bottom: 1px solid #d9d3cb}
    .tr-06{border-right:1px solid #d9d3cb;}
.from-fool{width: 100%;float: left;overflow: hidden;padding: 1px 0px;
    color: #333;}
.f-01{float: left;width: 20%;padding: 4px 0px;}
.f-02{float: left;width: 67%;}
.f-03{float: left;width: 10%;}
.min-f01{width: 100%;float: left;}
.number-t01{    width: 13px;
    width: 16px;
    height: 16px;
    background: #afadb1;
    border-radius: 50%;
    border: 1px solid #a59393;
    color: #fff;
    font-size: 14px;
  }
.te02{font-size: 14px;
    letter-spacing: 1;}
  .te01{font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;}

.mi01{float: left;
    font-size: 11px;
    padding: 2px;
    
    border-right: 1px solid #bbb;}
  .pp-01{padding: 0px 10px}
.mi02{margin-right: 3px;margin-left: 0px;}
.mi01-0{width: 8.5%;float: left;padding: 4px 0px;}
.digits-form{
    float: left;
}
.digits-form label.radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.buttons-wrapper{
    float: right;
    display: inline-block;
}
.ifames-from{
        width: 100%;
    
}
.iframes{
        width: 100%;
    height: 2554px
}
.taskbar{display: none;}
.zoom-in-button{display: inline-block;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}
li{
    border-bottom: 1px dotted #f3f3f3;
}
li a.active {
  background-color: #f44336;
  color: white;
}

.manuimg{float: left;
    width: 60px;
    height: 33;
    margin-right: 5px;}
.manu-ifarm{width: 100%;display: none;}
.iconB{font-size: 9px;
    color: #b3a7a7;}
    .trbg{background: #fff;}
    .l3{display: none;}
    .l1{display: none;}
    .nav-dv{display: none;}
    .hasder{display: none;}
.bg-num{width: 50%;
    margin: auto;
    border-radius: 33%;
 
    }
    .tl{letter-spacing: 0px;}
  
    #nember02{height:40px}
    .td06{height: 30px}
    .next-day {
    position: absolute;
    top: 7px;
    left: 3px;
    border: 1px solid #a1a1a1;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    color: #a1a1a1;
}
.h-r01{width: 100%;
    position: relative;
    text-align: center;
    font-size: 11px;width: 99.4%;}
.previous-day {
    position: absolute;
    top: 7px;
    right: 3px;
    border: 1px solid #a1a1a1;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    color: #a1a1a1;
}
.numt-01{width: 100%;
    position: relative;
    height: 319px;
    background: #f3f3f3;
    margin-top: 0px;
    padding: 10px 0px;
    border-radius: 5px;}
    .list_news{background: #f9f9f9;
    font-size: 10px;
    border: 1px solid #c1bbbb;
    border-radius: 8px;}
.h-r01{    position: relative;
    text-align: center;
    font-size: 11px;
    height: 32px;
    background: #eeeeee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #bdbdbd;
    padding: 6px 0px;}
    .formlist{    padding: 4px;
    /* font-size: 15px; */
    background: #fff;
    border: 1px solid #d3d3d3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}
    .il-new{    padding: 5px;
    font-size: 12px;
    color: #7093b3;}
    .numt-01s{    width: 100%;
    text-align: center;
    margin-bottom: 5px;}
 @media  only screen and (min-width: 375px){
      .tk {
    font-size: 20px;letter-spacing:0;}
    
    .come-01a{padding: 0px 0px}
    .come-01{    margin-top: 10px;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 5px;
    background: #fff;}
    .come-02{    width: 100%;
    margin-top: 10px;
    text-align: center;}
    .ifames-from{position: absolute;
    margin-top: -1908px;}
    .co-05{width: 100%;
    position: relative;
    z-index: 9999;background: #fff;}
    .alertlogo{position: relative;z-index: 999}
    .logodong{width: 100%}
}
 @media  only screen and (min-width: 414px){
.ifames-from {
    position: absolute;
    margin-top: -1902px;
}
 }
.ty01{height: 37px}
.ty02{height: 50px}
.ty03{height: 42px}

.ty05{height: 29px}
.ty06{height: 30px}
.ty07{height: 41px}


@media  only screen and (min-width: 768px) {
  .manu-ifarm{display: block;}
  .bg-num{width: 24%;}
  ul{margin-bottom: 5px;}
  .l3{display: block;}
  .l1{display: block;}
  .nav-dv{display: block;}
    .hasder{display: block;}
  .manu-ifarm{display: none;}
  .l3{width: 23%;float: left;}
  .l2{width: 53%;float: left;}
  .l1{width: 20%;float: left;}
  .from-number{
    width: 100%;
    float: left;
    position: absolute;

  }
  .tit-mien{display: none!important ;}
  #load_kq_mb_1{display: none!important ;}
  .see-more{display: none!important ;}



  .iframes{height: 2511px}
  .img-h{    width: 249px;}
  .from-full{    width: 1083px;
    margin: auto;
    position: relative;}
      .co-l{width:565px;position: relative;}
    table{position: relative;
    z-index: 2;}
    .control-panel{    position: relative;
    z-index: 9999;height: 30px;    margin-top: -12px;}
    .ifames-from{position: absolute;
    margin-top: -1874px;}
    .hasder{width: 1090px;margin: auto;}
    .askbar-k{    border-bottom: 1px solid #f3f3f3;
    background: #fbfbfb;
    font-weight: 700;
    font-size: 12px;
    padding: 5px;}
    .borber-k{background: #fff;padding: 5px;}
    .actives {
 
  color: #ed1c25 !important;
    background: #ffe500 !important ;
}

.navbar {
  overflow: hidden;
  background: linear-gradient(#e74443, #9a0a09);
  font-weight: 700;
    font-size: 14px;
}
.co-05{height: 406px;}
.navbar a {
  float: left;
 font-weight: 700;
    font-size: 14px;
  color: white;
  text-align: center;
  padding: 10px 6px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
 
  border: none;
  outline: none;
  color: white;
  padding: 10px 9px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  font-weight: 700;
    font-size: 14px;
}

.navbar a:hover, .dropdown:hover{
  color: #ed1c25;
    background: #ffe500;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999999;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.nav-dv{width: 100%;
    background: linear-gradient(#e74443, #9a0a09);}
.nav{width: 1084px;
    margin: auto;height: 36px;}
}
.runboder{background: #d6f4de;
    width: 50px;
    /* border: 1px solid; */
    padding-left: 0px;
    width: 17px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 40px;text-align: center;}
.runboder1{background: #d6f4de;
    width: 50px;
    /* border: 1px solid; */
    padding-left: 0px;
    width: 27px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 40px;text-align: center;}

@media  only screen and (min-width: 1024px) {
   .bg-num{width: 35%;}
   .th-y{font-size: 44px;}
  .control-panel{    margin-top: 14px;}
   .tk {
    letter-spacing:0;}
   label{letter-spacing: -2px!important;}
  .datef{letter-spacing: 0px!important;}
    

}
