@charset "UTF-8";
@import url("/assets/fonts/roboto/font-roboto.css");
@import url("/assets/fonts/roboto/font-roboto.css");
@media only screen and (min-width: 1200px) {
  .container {
    min-width: 80%; } }

/******* RESPONSIVE ********/
/****Màn hình máy tính thông thường****/
/****Màn hình ipad hiển thị theo chiều ngang (Landscape)****/
/****Màn hình desktop loại bé****/
/****Màn hình ipad loại bé hiển thị theo chiều ngang (Landscape)****/
/****Màn hình ipad hiển thị theo chiều dọc (Portrait)****/
/****Màn hình ipad loại bé hiển thị theo chiều dọc (Portrait)****/
/****Màn hình điện thoại hiển thị theo chiều ngang (Landscape)****/
/****Màn hình điện thoại Iphone Plus****/
/****Màn hình điện thoại Iphone****/
/****Màn hình điện thoại loại bé****/
/*@mixin mobile {
    @media(max-width: 767px) {
        @content
    }
}


@mixin ipad {
    @media(min-width: 768px) and (max-width:1024px) {
        @content
    }
}
@mixin tablet {
    @media only screen and (max-width: 1200px) {
        @content
    }
}

@mixin ipad {
    @media only screen and (max-width:1024px) {
        @content
    }
}

@mixin ipad-port {
    @media only screen and (max-width:992px) {
        @content
    }
}

@mixin mobile {
    @media only screen and (max-width:769px) {
        @content
    }
}

@mixin ipadSmPort {
    @media only screen and (max-width:600px) {
        @content
    }
}

@mixin mobile-small {
    @media only screen and (max-width: 577px) {
        @content
    }
}

@mixin iphonePlus {
    @media only screen and (max-width: 415px) {
        @content
    }
}

@mixin iphone {
    @media only screen and (max-width: 376px) {
        @content
    }
}

@mixin mobileSm {
    @media only screen and (max-width: 376px) {
        @content
    }
}

@mixin onlyTablet {
    @media (min-width: 1025px) and (max-width: 1200px) {
        @content
    }
}

@mixin onlyIpad {
    @media (min-width: 992px) and (max-width:1024px) {
        @content
    }
}

@mixin onlyIpad-port {
    @media (min-width: 769px) and (max-width:992px) {
        @content
    }
}

@mixin onlyMobile {
    @media (min-width: 577px) and (max-width:769px) {
        @content
    }
}

@mixin onlyMobile-small {
    @media (max-width: 577px) {
        @content
    }
}
@mixin mobile {
    @media (max-width: 600px) {
        @content;
    }
}



@mixin desktop {
    @media (min-width:768px) and (max-width: 1024px) {
        @content;
    }
}

@mixin desktop-up {
    @media (min-width: 1800px) {
        @content;
    }
}*/
ul, li {
  list-style: none; }

body {
  font-family: Manrope, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; }

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

.skeleton {
  position: relative;
  overflow: hidden;
  background: #F4F7F5;
  border-radius: 3px;
  height: 200px;
  margin: 16px 0; }

.skeleton:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100px;
  left: -100px;
  top: 0;
  background: linear-gradient(to right, transparent, #ffffff70, transparent);
  animation: reflect 800ms ease-out infinite; }

@keyframes reflect {
  to {
    left: calc(100% + 100px); } }

#banner {
  height: 250px;
  overflow: hidden; }
  #banner img {
    transform: translate(0, -55%);
    width: 100%; }

#p-TrangChu {
  margin: 20px auto;
  margin-bottom: 50px !important; }
  #p-TrangChu .title-nd {
    background-color: #657FAD !important;
    margin: 0;
    position: relative;
    height: auto !important;
    border-radius: 6px 6px 0px 0px;
    display: inline-block; }
    #p-TrangChu .title-nd p {
      /*            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
            color: $primary-color-lv4;
            display: inline-block;
            border-bottom: 4px solid #952B15;*/
      font-size: 15px;
      font-weight: 500;
      text-transform: uppercase;
      color: #fff !important;
      padding: 7px 10px; }
  #p-TrangChu #area-dtm {
    margin: 40px 0;
    /*        p::after {
            width: 735px;
        }*/ }
    #p-TrangChu #area-dtm #head-dtm {
      display: flex;
      cursor: pointer; }
    #p-TrangChu #area-dtm #phanloai-dtm {
      font-size: 12px;
      margin: auto;
      overflow-x: scroll;
      white-space: nowrap;
      margin-left: 0; }
      #p-TrangChu #area-dtm #phanloai-dtm span {
        padding: 0 5px;
        cursor: pointer; }
      #p-TrangChu #area-dtm #phanloai-dtm span:hover {
        color: #002566;
        font-weight: 500; }
      #p-TrangChu #area-dtm #phanloai-dtm span.active {
        color: #002566;
        font-weight: 500; }
  #p-TrangChu #lst, #p-TrangChu #lst-gp, #p-TrangChu #lst-tthc {
    margin: 15px 0; }
    #p-TrangChu #lst .item, #p-TrangChu #lst-gp .item, #p-TrangChu #lst-tthc .item {
      display: flex;
      margin: 10px 0; }
      #p-TrangChu #lst .item a, #p-TrangChu #lst-gp .item a, #p-TrangChu #lst-tthc .item a {
        color: #393939; }
      #p-TrangChu #lst .item i, #p-TrangChu #lst-gp .item i, #p-TrangChu #lst-tthc .item i {
        padding: 5px 15px 0px 0px; }
      #p-TrangChu #lst .item .black, #p-TrangChu #lst-gp .item .black, #p-TrangChu #lst-tthc .item .black {
        color: black;
        font-weight: 600; }
      #p-TrangChu #lst .item .blue, #p-TrangChu #lst-gp .item .blue, #p-TrangChu #lst-tthc .item .blue {
        color: #002566;
        font-weight: 600; }
    #p-TrangChu #lst .item a:hover, #p-TrangChu #lst-gp .item a:hover, #p-TrangChu #lst-tthc .item a:hover {
      color: black; }
  #p-TrangChu #tin p:first-child {
    font-weight: 500; }
  #p-TrangChu #tin #tin-1 {
    border-right: 1px solid #e3e2e2;
    margin: 15px 0 0; }
    #p-TrangChu #tin #tin-1 a {
      padding-bottom: 16px;
      cursor: pointer;
      color: black; }
      #p-TrangChu #tin #tin-1 a .nd-title {
        font-size: 20px; }
      #p-TrangChu #tin #tin-1 a .nd-title:hover {
        color: #657FAD; }
      #p-TrangChu #tin #tin-1 a img {
        height: 200px;
        width: 100%;
        margin: 15px 0;
        object-fit: cover;
        object-position: top; }
      #p-TrangChu #tin #tin-1 a .nd-chinh {
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
  #p-TrangChu #tin #tin-2, #p-TrangChu #tin #tin-3 {
    margin: 16px 0;
    cursor: pointer; }
    #p-TrangChu #tin #tin-2 img, #p-TrangChu #tin #tin-3 img {
      width: 100%;
      height: 200px; }
    #p-TrangChu #tin #tin-2 p, #p-TrangChu #tin #tin-3 p {
      color: black;
      margin-bottom: 10px; }
  #p-TrangChu #tin #tin-2 {
    margin-top: 15px;
    margin-left: 13px; }
    #p-TrangChu #tin #tin-2 a {
      display: list-item;
      list-style: square; }
      #p-TrangChu #tin #tin-2 a p {
        font-weight: normal; }
      #p-TrangChu #tin #tin-2 a p:hover {
        color: #657FAD; }
    #p-TrangChu #tin #tin-2 a::marker {
      color: #942a14; }
  #p-TrangChu #chart-ddsh, #p-TrangChu #chart-nguonthai {
    border: 1px solid #C8D3E6;
    margin-top: 15px; }
  #p-TrangChu .linkto {
    text-align: right;
    font-style: italic;
    font-weight: 300; }
    #p-TrangChu .linkto a {
      color: gray;
      font-weight: 300;
      cursor: pointer; }
    #p-TrangChu .linkto a:hover {
      color: black; }
  #p-TrangChu .UI-DROP {
    max-height: 32px; }
  #p-TrangChu .UI-DROP {
    display: flex;
    position: relative;
    line-height: 22px;
    box-sizing: border-box;
    margin: 0 10px 0 5px;
    max-height: 32px; }
    #p-TrangChu .UI-DROP .drop-menu {
      max-height: 300px;
      overflow: auto; }
    #p-TrangChu .UI-DROP .UI-DDL {
      /*                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-shadow: 1px 2px 5px -2px #ddd inset;
                    display: flex;
                    //max-width: 400px;
                    padding: 0;*/
      padding: 5px;
      cursor: pointer;
      border-radius: 5px;
      background-color: #eeecec;
      list-style: none;
      width: 140px;
      overflow: hidden;
      text-overflow: ellipsis; }
      #p-TrangChu .UI-DROP .UI-DDL::after {
        content: none; }
      #p-TrangChu .UI-DROP .UI-DDL:hover {
        background-color: #ddd; }
        #p-TrangChu .UI-DROP .UI-DDL:hover .ui-nhan {
          background-color: #ddd; }
      #p-TrangChu .UI-DROP .UI-DDL i {
        border-left: 1px solid #ddd;
        margin-left: 36px;
        padding: 5px; }
        #p-TrangChu .UI-DROP .UI-DDL i::before:not(.fa-calendar) {
          margin-left: 12px; }
      #p-TrangChu .UI-DROP .UI-DDL span {
        padding: 6px 11px 4px 5px;
        background: #fff; }
      #p-TrangChu .UI-DROP .UI-DDL .ui-nhan {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #eeecec; }
      #p-TrangChu .UI-DROP .UI-DDL .datepicker {
        border: 1px solid #ddd; }
        #p-TrangChu .UI-DROP .UI-DDL .datepicker i {
          border-left: 1px solid #ddd; }
      #p-TrangChu .UI-DROP .UI-DDL input {
        border: none !important; }
    #p-TrangChu .UI-DROP .dp-thoigian {
      padding: 5px;
      cursor: pointer;
      border-radius: 5px;
      background-color: #eeecec;
      list-style: none;
      width: 140px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex; }
      #p-TrangChu .UI-DROP .dp-thoigian::after {
        content: none; }
      #p-TrangChu .UI-DROP .dp-thoigian i {
        border-left: 1px solid #ddd;
        padding: 4px 6px 6px 6px; }
        #p-TrangChu .UI-DROP .dp-thoigian i::before:not(.fa-calendar) {
          margin-left: 12px; }
      #p-TrangChu .UI-DROP .dp-thoigian span {
        padding: 6px 11px 4px 5px;
        background: #fff; }
      #p-TrangChu .UI-DROP .dp-thoigian .ui-nhan {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #p-TrangChu .UI-DROP .dp-thoigian .datepicker {
        border: 1px solid #ddd; }
        #p-TrangChu .UI-DROP .dp-thoigian .datepicker i {
          border-left: 1px solid #ddd; }
      #p-TrangChu .UI-DROP .dp-thoigian input {
        border: none !important;
        margin-left: 5px;
        font-family: Roboto, Arial;
        background-color: #eeecec; }
    #p-TrangChu .UI-DROP ul {
      padding: 0 0; }
      #p-TrangChu .UI-DROP ul li {
        padding: 3px 5px;
        font-size: 14px;
        list-style: none;
        line-height: 21px; }
        #p-TrangChu .UI-DROP ul li:hover {
          font-weight: 500; }
    #p-TrangChu .UI-DROP .ui-tieude {
      font-weight: 600;
      display: inline;
      padding: 7px 7px 4px;
      float: left; }
  #p-TrangChu #area-clmt-xq {
    /*        p::after {
            width: 735px;
        }*/
    margin: 40px 0; }
    #p-TrangChu #area-clmt-xq #head-mtxq {
      display: flex;
      cursor: pointer; }
    #p-TrangChu #area-clmt-xq #phanloai-mtxq {
      font-size: 12px;
      margin: auto;
      overflow-x: scroll;
      white-space: nowrap;
      margin-left: 0; }
      #p-TrangChu #area-clmt-xq #phanloai-mtxq span {
        padding: 0 5px;
        cursor: pointer; }
      #p-TrangChu #area-clmt-xq #phanloai-mtxq span:hover {
        color: #002566;
        font-weight: 500; }
      #p-TrangChu #area-clmt-xq #phanloai-mtxq span.active {
        color: #002566;
        font-weight: 500; }
    #p-TrangChu #area-clmt-xq .UI-DROP {
      max-height: 32px; }
    #p-TrangChu #area-clmt-xq .UI-DROP {
      display: flex;
      position: relative;
      line-height: 22px;
      box-sizing: border-box;
      margin: 0 10px 0 5px;
      max-height: 32px; }
      #p-TrangChu #area-clmt-xq .UI-DROP .drop-menu {
        max-height: 300px;
        overflow: auto; }
      #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL {
        /*                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-shadow: 1px 2px 5px -2px #ddd inset;
                    display: flex;
                    //max-width: 400px;
                    padding: 0;*/
        padding: 5px;
        cursor: pointer;
        border-radius: 5px;
        background-color: #eeecec;
        list-style: none;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL::after {
          content: none; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL:hover {
          background-color: #ddd; }
          #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL:hover .ui-nhan {
            background-color: #ddd; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL i {
          border-left: 1px solid #ddd;
          margin-left: 36px;
          padding: 5px; }
          #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL i::before:not(.fa-calendar) {
            margin-left: 12px; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL span {
          padding: 6px 11px 4px 5px;
          background: #fff; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL .ui-nhan {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          background-color: #eeecec; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL .datepicker {
          border: 1px solid #ddd; }
          #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL .datepicker i {
            border-left: 1px solid #ddd; }
        #p-TrangChu #area-clmt-xq .UI-DROP .UI-DDL input {
          border: none !important; }
      #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian {
        padding: 5px;
        cursor: pointer;
        border-radius: 5px;
        background-color: #eeecec;
        list-style: none;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex; }
        #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian::after {
          content: none; }
        #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian i {
          border-left: 1px solid #ddd;
          padding: 4px 6px 6px 6px; }
          #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian i::before:not(.fa-calendar) {
            margin-left: 12px; }
        #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian span {
          padding: 6px 11px 4px 5px;
          background: #fff; }
        #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian .ui-nhan {
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian .datepicker {
          border: 1px solid #ddd; }
          #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian .datepicker i {
            border-left: 1px solid #ddd; }
        #p-TrangChu #area-clmt-xq .UI-DROP .dp-thoigian input {
          border: none !important;
          margin-left: 5px;
          font-family: Roboto, Arial;
          background-color: #eeecec; }
      #p-TrangChu #area-clmt-xq .UI-DROP ul {
        padding: 0 0; }
        #p-TrangChu #area-clmt-xq .UI-DROP ul li {
          padding: 3px 5px;
          font-size: 14px;
          list-style: none;
          line-height: 21px; }
          #p-TrangChu #area-clmt-xq .UI-DROP ul li:hover {
            font-weight: 500; }
      #p-TrangChu #area-clmt-xq .UI-DROP .ui-tieude {
        font-weight: 600;
        display: inline;
        padding: 7px 7px 4px;
        float: left; }
    #p-TrangChu #area-clmt-xq img {
      width: 100%;
      border: 1px solid #C8D3E6;
      margin-top: 15px; }
  #p-TrangChu #area-clmt-xq {
    margin: unset; }
  #p-TrangChu #area-clmt-ct {
    /*        p::after {
            width: 735px;
        }*/
    margin: 40px 0; }
    #p-TrangChu #area-clmt-ct #head-mtct {
      display: flex;
      cursor: pointer; }
    #p-TrangChu #area-clmt-ct #phanloai-mtct {
      font-size: 12px;
      margin: auto;
      overflow-x: scroll;
      white-space: nowrap;
      margin-left: 0; }
      #p-TrangChu #area-clmt-ct #phanloai-mtct span {
        padding: 0 5px;
        cursor: pointer; }
      #p-TrangChu #area-clmt-ct #phanloai-mtct span:hover {
        color: #002566;
        font-weight: 500; }
      #p-TrangChu #area-clmt-ct #phanloai-mtct span.active {
        color: #002566;
        font-weight: 500; }
    #p-TrangChu #area-clmt-ct .UI-DROP {
      max-height: 32px; }
    #p-TrangChu #area-clmt-ct .UI-DROP {
      display: flex;
      position: relative;
      line-height: 22px;
      box-sizing: border-box;
      margin: 0 10px 0 5px;
      max-height: 32px; }
      #p-TrangChu #area-clmt-ct .UI-DROP .drop-menu {
        max-height: 300px;
        overflow: auto; }
      #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL {
        /*                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-shadow: 1px 2px 5px -2px #ddd inset;
                    display: flex;
                    //max-width: 400px;
                    padding: 0;*/
        padding: 5px;
        cursor: pointer;
        border-radius: 5px;
        background-color: #eeecec;
        list-style: none;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL::after {
          content: none; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL:hover {
          background-color: #ddd; }
          #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL:hover .ui-nhan {
            background-color: #ddd; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL i {
          border-left: 1px solid #ddd;
          margin-left: 36px;
          padding: 5px; }
          #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL i::before:not(.fa-calendar) {
            margin-left: 12px; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL span {
          padding: 6px 11px 4px 5px;
          background: #fff; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL .ui-nhan {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          background-color: #eeecec; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL .datepicker {
          border: 1px solid #ddd; }
          #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL .datepicker i {
            border-left: 1px solid #ddd; }
        #p-TrangChu #area-clmt-ct .UI-DROP .UI-DDL input {
          border: none !important; }
      #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian {
        padding: 5px;
        cursor: pointer;
        border-radius: 5px;
        background-color: #eeecec;
        list-style: none;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex; }
        #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian::after {
          content: none; }
        #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian i {
          border-left: 1px solid #ddd;
          padding: 4px 6px 6px 6px; }
          #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian i::before:not(.fa-calendar) {
            margin-left: 12px; }
        #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian span {
          padding: 6px 11px 4px 5px;
          background: #fff; }
        #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian .ui-nhan {
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian .datepicker {
          border: 1px solid #ddd; }
          #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian .datepicker i {
            border-left: 1px solid #ddd; }
        #p-TrangChu #area-clmt-ct .UI-DROP .dp-thoigian input {
          border: none !important;
          margin-left: 5px;
          font-family: Roboto, Arial;
          background-color: #eeecec; }
      #p-TrangChu #area-clmt-ct .UI-DROP ul {
        padding: 0 0; }
        #p-TrangChu #area-clmt-ct .UI-DROP ul li {
          padding: 3px 5px;
          font-size: 14px;
          list-style: none;
          line-height: 21px; }
          #p-TrangChu #area-clmt-ct .UI-DROP ul li:hover {
            font-weight: 500; }
      #p-TrangChu #area-clmt-ct .UI-DROP .ui-tieude {
        font-weight: 600;
        display: inline;
        padding: 7px 7px 4px;
        float: left; }
    #p-TrangChu #area-clmt-ct img {
      width: 100%;
      border: 1px solid #C8D3E6;
      margin-top: 15px; }
  #p-TrangChu #area-clmt-ct {
    margin: unset; }
  #p-TrangChu #box-tk {
    margin-top: 15px;
    display: flex; }
    #p-TrangChu #box-tk .wrap {
      display: flex;
      padding: 15px;
      border: 1px solid #657FAD;
      border-radius: 10px;
      background-color: #657FAD;
      min-height: 130px;
      color: white;
      margin: 3px; }
      #p-TrangChu #box-tk .wrap i {
        font-size: 45px;
        margin: auto 10px;
        margin-left: 10px;
        margin-left: 0; }
      #p-TrangChu #box-tk .wrap span {
        font-size: 30px;
        font-weight: 600; }
      #p-TrangChu #box-tk .wrap p {
        font-size: 12px; }
  #p-TrangChu #ccdl, #p-TrangChu #cauhoi, #p-TrangChu #hdsd, #p-TrangChu #gioithieu {
    text-transform: uppercase;
    font-weight: 500; }
    #p-TrangChu #ccdl .wrap, #p-TrangChu #cauhoi .wrap, #p-TrangChu #hdsd .wrap, #p-TrangChu #gioithieu .wrap {
      margin-bottom: 5px;
      display: flex;
      padding: 15px;
      border: 1px solid #F4F7F5;
      border-radius: 10px;
      background-color: #F4F7F5;
      color: #657FAD;
      cursor: pointer; }
      #p-TrangChu #ccdl .wrap i, #p-TrangChu #cauhoi .wrap i, #p-TrangChu #hdsd .wrap i, #p-TrangChu #gioithieu .wrap i {
        font-size: 18px;
        margin: auto 30px;
        margin-left: 30px; }
      #p-TrangChu #ccdl .wrap p, #p-TrangChu #cauhoi .wrap p, #p-TrangChu #hdsd .wrap p, #p-TrangChu #gioithieu .wrap p {
        font-size: 18px;
        margin: unset; }
    #p-TrangChu #ccdl .wrap:hover, #p-TrangChu #cauhoi .wrap:hover, #p-TrangChu #hdsd .wrap:hover, #p-TrangChu #gioithieu .wrap:hover {
      color: #002566; }
  #p-TrangChu #area-tk {
    margin: 25px 0; }
    #p-TrangChu #area-tk p::after {
      width: 230px; }
    #p-TrangChu #area-tk img {
      width: 100%; }
  #p-TrangChu #area-chitieumt p::after {
    width: 205px; }
  #p-TrangChu #area-chitieumt p {
    color: #5d5d66; }
  #p-TrangChu #area-chitieumt #lst-chitieu {
    margin: unset;
    padding: unset;
    margin-top: 15px; }
    #p-TrangChu #area-chitieumt #lst-chitieu .item-chitieu {
      border: 1px solid #C8D3E6;
      margin: 15px 0; }
      #p-TrangChu #area-chitieumt #lst-chitieu .item-chitieu .wrap {
        display: flex;
        padding: 15px 0; }
      #p-TrangChu #area-chitieumt #lst-chitieu .item-chitieu .sl {
        width: 20%;
        color: #657FAD;
        font-weight: 500; }
  #p-TrangChu #area-pagenhanuoc {
    padding: 0 5%; }
    #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc {
      border: 1px solid #657FAD;
      margin-bottom: 5px; }
      #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a {
        display: flex;
        padding: 10px; }
        #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a img {
          width: 40px; }
        #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a p {
          margin: auto 15px;
          font-size: 18px;
          text-transform: uppercase;
          font-weight: 500;
          color: #657FAD; }
    #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc:hover {
      border: 1px solid #C8D3E6; }
  #p-TrangChu .wrap-b {
    border-top: 2px solid #657FAD;
    margin-bottom: 15px; }
  #p-TrangChu .slick-next {
    right: 15px; }
  #p-TrangChu .slick-prev {
    left: -15px; }
  #p-TrangChu .slick-prev::before, #p-TrangChu .slick-next::before {
    color: #657fad; }

/******** RESPONSIVE **********/
@media screen and (max-width: 340px) {
  #p-TrangChu {
    margin-top: -130px; }
  .title-nd p::after {
    width: calc(100vw - 108px) !important; }
  #p-TrangChu #tin #tin-1 a .nd-title {
    font-size: 17px;
    line-height: 20px; } }

@media screen and (min-width: 341px) and (max-width: 428px) {
  #p-TrangChu {
    margin-top: -110px; }
  .title-nd p::after {
    width: calc(100vw - 108px); }
  #p-TrangChu #tin #tin-1 a .nd-title {
    font-size: 17px;
    line-height: 20px; } }

@media screen and (min-width: 429px) and (max-width: 447px) {
  #p-TrangChu {
    margin-top: -110px; }
  #p-TrangChu #area-tintuc p::after {
    width: calc(100vw - 108px); }
  #p-TrangChu #tin #tin-1 a .nd-title {
    font-size: 17px;
    line-height: 20px; } }

@media screen and (min-width: 448px) and (max-width: 576px) {
  #p-TrangChu #area-tintuc p::after {
    width: calc(100vw - 455px); }
  #p-TrangChu #tin #tin-1 a .nd-title {
    font-size: 17px;
    line-height: 20px; } }

@media screen and (min-width: 577px) and (max-width: 768px) {
  #p-TrangChu #ccdl .wrap i, #p-TrangChu #cauhoi .wrap i, #p-TrangChu #hdsd .wrap i, #p-TrangChu #gioithieu .wrap i {
    font-size: 15px;
    margin: auto 15px;
    margin-left: 15px; }
  #p-TrangChu #ccdl .wrap p, #p-TrangChu #cauhoi .wrap p, #p-TrangChu #hdsd .wrap p, #p-TrangChu #gioithieu .wrap p {
    font-size: 12px; }
  #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a p {
    font-size: 12px; }
  #p-TrangChu .title-nd p {
    font-size: 14px; } }

@media screen and (min-width: 769px) and (max-width: 992px) {
  #p-TrangChu #area-tintuc p::after {
    width: calc(100vw - 448px); }
  #p-TrangChu #ccdl .wrap i, #p-TrangChu #cauhoi .wrap i, #p-TrangChu #hdsd .wrap i, #p-TrangChu #gioithieu .wrap i {
    font-size: 15px;
    margin: auto 15px;
    margin-left: 15px; }
  #p-TrangChu #ccdl .wrap p, #p-TrangChu #cauhoi .wrap p, #p-TrangChu #hdsd .wrap p, #p-TrangChu #gioithieu .wrap p {
    font-size: 12px; }
  #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a p {
    font-size: 12px; }
  #p-TrangChu .title-nd p {
    font-size: 14px; } }

@media screen and (min-width: 993px) and (max-width: 1200px) {
  #p-TrangChu #area-tintuc p::after {
    width: calc(100vw - 448px); }
  #p-TrangChu #ccdl .wrap i, #p-TrangChu #cauhoi .wrap i, #p-TrangChu #hdsd .wrap i, #p-TrangChu #gioithieu .wrap i {
    font-size: 16px;
    margin: auto 15px;
    margin-left: 15px; }
  #p-TrangChu #ccdl .wrap p, #p-TrangChu #cauhoi .wrap p, #p-TrangChu #hdsd .wrap p, #p-TrangChu #gioithieu .wrap p {
    font-size: 13px; }
  #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a p {
    font-size: 13px; }
  #p-TrangChu #box-tk .wrap span {
    font-size: 15px; }
  #p-TrangChu #box-tk .wrap i {
    font-size: 25px; } }

@media screen and (min-width: 1201px) and (max-width: 1600px) {
  #p-TrangChu #box-tk .wrap span {
    font-size: 25px; }
  #p-TrangChu #box-tk .wrap i {
    font-size: 30px; }
  #p-TrangChu #area-pagenhanuoc .linkto-pagenhanuoc a p {
    font-size: 14px; } }