body {
  background-color: #FFF;
}

.header {
  height: auto;
  /*background: url('../../assets/images/header-xoso-hd.png') top left no-repeat;*/
  /*background-size: 100% 100%;*/
  /*height: 110px;*/
  /*display: flex;
  align-items: center;*/
}

.header img {
  max-width: 100%;
  width: 100%;
}

.header .logo {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.header .logo img {
  max-width: 100%;
  height: auto;
  margin: 15px 0 10px 15px;
}

.content {
  margin-top: 10px;
}

.footer {
  margin-top: 20px;
  height: 20px;
  display: block !important;
  background-color: #FFF;
  /*background-color: #FFBB04;*/
  /*background: url('../../assets/images/footer.png') top center no-repeat;*/
}

.banner {
  width: 100%;
}

#nav {
  max-width: 1040px;
  margin: 0 auto;
}

.nav {
  background-color: #ed1d27 !important;
}

.nav ul li a {
  font-weight: normal;
}

.logo {
  width: 390px;
  padding-top: 0;
}

.logo img {
  max-width: 100%;
}

.logo-mobile {
  text-align: center;
}

.logo-mobile img {
  max-width: calc(100% - 34px);
  max-height: 80px;
}

.breaking-news {
  padding: 5px;
}

.breaking-news .bn-box {
  display: flex;
  align-items: center;
  border: 1px solid rgb(0, 153, 153);
  background: rgb(255, 255, 255);
  font-size: 14px;
}

.breaking-news .bn-box .bn-title {
  color: rgb(255, 255, 255);
  font-weight: normal;
  width: 100px;
  padding: 10px 20px;
  background: rgb(16, 79, 130);
  text-align: center;
}

.breaking-news .bn-box .bn-text {
  padding-left: 10px;
  width: 100%;
}

.col-center {
  overflow-y: hidden;
}

.col-center .conten-right .title-r {
  background-color: #E1E3E4 !important;
  background: url('../../assets/images/bar3.png') top center no-repeat;
}

.col-right .conten-right .title-r {
  background-color: #E1E3E4 !important;
  background: url('../../assets/images/bar4.png') top center no-repeat;
  background-size: 300px 40px;
}

.col-center iframe {
  width: 100%;
  max-width: 100%;
  height: 6550px;
  margin-top: -5014px;
  overflow-y: hidden;
}

.title-r {
  background-color: #ed1d27 !important;
}

.col-l {
  overflow-y: hidden;
}

.col-l iframe {
  width: 100%;
  max-width: 100%;
  margin-top: -100px;
  overflow-y: hidden;
  height: 3395px !important;
  /*height: 5000px !important;*/
  pointer-events: none;
}

.col-right {
  overflow-y: hidden;
}

.col-right iframe {
  width: 100%;
  max-width: 100%;
  height: 6550px;
  margin-top: -5360px;
  overflow-y: hidden;
}

.ui-datepicker-inline {
  width: calc(100% - 8px) !important;
}

.tit-mien {
  background-color: #fff !important;
  color: #FFF;
}

.hottoday {
  background-color: #FFF;
  font-size: 11px;
  border: 1px solid #c5c5c5;
  font-size: 10px;
  /*border-radius: 5px;*/
  overflow: hidden;
  margin-bottom: 10px;
}

.hottoday table td,
.hottoday table td a {
  font-size: 11px;
  text-align: left;
}

.hottoday .wait,
.conten-right ul .wait,
ul.menu2 .wait {
  background: url(/assets/images/choxoso.gif) right center no-repeat;
}

.hottoday .finnish,
.conten-right ul .finnish,
ul.menu2 .finnish {
  background: url(/assets/images/ok_daxosoxong.png) right center no-repeat;
}

.hottoday .running,
.conten-right ul .running,
ul.menu2 .running {
  background: url(/assets/images/tructiepxoso.gif) right center no-repeat;
  background-size: 30px 8px;
}

.hottoday .icon,
ul.menu2 .icon {
  display: block;
}

.conten-right ul .icon {
  display: block;
}

.main-content {
  display: flex;
}

.col-center, .col-l, .col-right {
  float: none;
}

@media(max-width:1023px) {
  .col-l {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media(max-width:830px) {
  .header .logo img {
    margin: 15px 0 10px 10px;
    height: 90px;
  }
  .col-right {
    margin-right: 5px;
    width: calc(100% - 530px);
  }
  .col-center {
    display: none;
  }
}

@media(max-width:700px) {
  .content {
    margin: 10px 5px;
  }
  .main-content {
    display: block;
    width: 100%;
  }
  .col-l {
    width: 100%;
    margin: 0;
  }
  .col-right {
    display: none;
  }
}

@media(max-width:500px) {
  .header .logo img {
    margin: 10px 0 0 10px;
    height: 70px;
  }
}

@media(max-width:400px) {
  .header .logo img {
    margin: 5px 0 0 10px;
    height: 50px;
  }
}

.iframe-box {
  padding: 0px 5px;
  border: 1px solid #BBB;
  border-radius: 5px;
  margin-bottom: 10px;
}
#iframe-l {
  margin-left: -222px !important;
  margin-top: -185px !important;
  height: 410px !important;
  width: 733px !important;
}
#iframe-l2 {
  overflow: hidden;
  height: 1320px !important;
  margin-left: -215px;
  margin-top: -580px;
  width: 740px;
  max-width: none;
}