#menu { height: 60px; margin-top: -30px; position: relative; }
#menu .menublock { padding-right: 0px; }
#menu .menublock .luachon { background: #23bbd2; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding-left: 58px; font-weight: 600; font-size: 18px; color: white; display: block; position: relative; padding-top: 20px; height: 60px; }
#menu .menublock .luachon:before { background: url("../images/bg.png") -295px -3px; content: ""; position: absolute; width: 26px; height: 27px; left: 20px; }
#menu .danhmuc { display: none; padding: 0; position: absolute; width: 265px; top: 60px; left: 15px; z-index: 96; }
#menu .danhmuc li { background: white; list-style-type: none; display: block; border-bottom: 1px solid #eceded; position: relative; }
#menu .danhmuc li:hover { background: #5bc0de; }
#menu .danhmuc li i { display: inline-block; padding-left: 20px; }
#menu .danhmuc li a { text-decoration: none; color: #333333; display: inline-block; padding: 13px 10px; width: 79%; }
#menu .danhmuc li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#menu .noidung { background: #072732; border-bottom-right-radius: 7px; border-top-right-radius: 7px; padding-top: 10px; margin-right: 0; height: 60px; }
#menu .noidung .chon select { width: 195px; height: 40px; border-radius: 5px; padding-left: 35px; }
#menu .noidung .chon span { position: relative; display: block; }
#menu .noidung .chon span:before { background: url("../images/bg.png") 0px -16px; content: ""; position: absolute; width: 13px; height: 16px; left: 10px; top: 12px; }
#menu .noidung .chon2 { padding-left: 10px; }
#menu .noidung .chon2 select { border: none; border-top-left-radius: 7px; border-bottom-left-radius: 7px; background: #eceded; height: 40px; width: 100px; text-align: center; padding-left: 10px; }
#menu .noidung .chon2 .nhap { padding-left: 12px; border: none; height: 40px; width: 64%; margin-left: -4px; outline: none; }
#menu .noidung .chon2 .timkiem { width: 116px; padding-left: 30px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background: #23bbd2; padding-top: 10px; color: #fff; height: 40px; position: absolute; border: none; outline: none; }
#menu .noidung .chon2 .timkiem span { position: relative; }
#menu .noidung .chon2 .timkiem span:before { background: url("../images/bg.png") -328px 0; content: ""; position: absolute; width: 16px; height: 16px; top: 3px; left: -20px; }

.menuMobile { display: none; background: #23bbd2; height: 45px; width: 45px; border-radius: 5px; color: #E6E6E6; font-size: 2em; cursor: pointer; position: fixed; top: 18px; left: 15px; z-index: 96; }
.menuMobile:before { background: url("../images/bg.png") -295px -3px; content: ""; position: absolute; width: 26px; height: 27px; left: 10px; top: 10px; }
.menuMobile ul { display: none; padding: .5em 0; margin: 0; margin-top: 1em; border-radius: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); position: absolute; top: 100%; left: 0; color: inherit; font: 400 18px Roboto; white-space: nowrap; cursor: default; background: rgba(35, 187, 210, 0.96); }
.menuMobile ul.hidden { margin-top: .7em; visibility: hidden; opacity: 0; }
.menuMobile ul:before { content: ''; width: .75em; height: .75em; background: inherit; position: absolute; top: -.375em; transform: rotate(45deg); left: 10px; }
.menuMobile ul li { list-style: none; padding: .5em; padding-left: 1.5em; margin: 0; position: relative; cursor: pointer; }
.menuMobile ul li:before { position: absolute; top: calc(5% + 8px); left: 8px; }
.menuMobile ul li:hover { background: rgba(255, 255, 255, 0.08); }
.menuMobile ul li a { color: #333; padding-left: 1.5em; }

@media (max-width: 575.98px) { .menuMobile { display: block; }
  #menu .menublock { display: none; }
  #menu .noidung { height: 110px; margin-right: -15px; border-radius: 0; }
  #menu .noidung .chon select { width: 45%; }
  #menu .noidung .chon2 { margin-top: 10px; }
  #menu .noidung .chon2 select { position: absolute; top: -50px; right: 10px; width: 42%; border-radius: 5px; background: #fff; }
  #menu .noidung .chon2 .nhap { width: 66%; margin-left: 6px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  #menu .noidung .chon span:before { background: none; } }
@media (min-width: 576px) and (max-width: 767.98px) { .menuMobile { display: block; }
  #menu .menublock { display: none; }
  #menu .noidung { height: 110px; margin-right: -15px; border-radius: 0; }
  #menu .noidung .chon select { width: 45%; }
  #menu .noidung .chon2 { margin-top: 10px; }
  #menu .noidung .chon2 select { position: absolute; top: -50px; right: 10px; width: 42%; border-radius: 5px; background: #fff; }
  #menu .noidung .chon2 .nhap { width: 82%; margin-left: 6px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  #menu .noidung .chon span:before { background: none; } }
@media (min-width: 768px) and (max-width: 991.98px) { .menuMobile { display: block; }
  #menu .menublock { display: none; }
  #menu .noidung { height: 110px; margin-right: -15px; border-radius: 0; }
  #menu .noidung .chon select { width: 45%; }
  #menu .noidung .chon2 { margin-top: 10px; }
  #menu .noidung .chon2 select { position: absolute; top: -50px; right: 10px; width: 42%; border-radius: 5px; background: #fff; }
  #menu .noidung .chon2 .nhap { width: 84%; margin-left: 6px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } }
@media (min-width: 992px) and (max-width: 1199.98px) { #menu .menublock { width: 227px; }
  #menu .menublock .luachon { font-size: 16px; padding-left: 42px; }
  #menu .menublock .luachon:before { left: 10px; }
  #menu .noidung .chon2 .nhap { width: 57%; }
  #menu .noidung .chon select { width: 145px; } }
@media (min-width: 1200px) { .menuMobile { display: none; }
  #menu .menublock { width: 280px; }
  #menu .menu-right { width: 850px; } }

/*# sourceMappingURL=menu.css.map */