.quick-link-index .title-box-right {
  margin-bottom: 0;
}
.quick-link-index{
  float: left;
  width: 100%;
}
.playIcon {
  bottom: 0;
  background: url(../images/play_icon.png) no-repeat 0 0;
  top: 0;
  left: 42px;
  width: 28px;
  height: 20px;
  position: absolute;
  z-index: 1;
  margin: auto;
}
.item-video a:hover .playIcon{
  background: url(../images/play_icon.png) no-repeat 0 -20px;
}
.type-list-right li:last-child{
  margin-bottom: 0;
}
.sub-news-index .list-sub-news .item-sub-news .img a img {
  min-width: 100%;
}
.item-doitac img{
  max-height: 64px;
}


.nobg-content .box-news-index .big-news-index .item-news .img {
  padding: 34%;
}
.nobg-content .title-standard {
  margin-top: 35px;
}
.nobg-content .quick-link-index{
  margin-top: 35px;
}
.nobg-content .video-index{
  margin-top: 35px;
}
.nobg-content .content-bot .container{
  background: #fff;
}
.nobg-content .bg-img{
  position: absolute;
  left: 0;
  bottom: 0px;
  width:100%;
}
.nobg-content .content-wapper{
  background-color: #f8fdff;
}
.nobg-content .content-bot{
  background: #fff;
  overflow: hidden;
}
.nobg-content .list-doitac{
  position: relative;
}

.breadcrumbs{
  float: left;
  width: 100%;
  margin-top: 20px;
}
.breadcrumbs ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumbs ul li{
  float: left;
  color: #828282;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.breadcrumbs ul li a{
  color: #828282;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.breadcrumbs ul li span{
  display: inline-block;
  margin: 0px 5px;
}

.content-detail h1{
  margin: 15px 0px 15px 0px;
  color: #333333;
  font-size: 23px;
  font-weight: 700;
}
.tag-like-share, .like-share{
  float: left;
  width:100%;
}
.like-share p {
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-top: 2px;
}
.like-share a{
  padding: 2px 0px 0px 0px;
  background: #337ab7;
  color: #fff;
  width: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  margin-right: 5px;
}
.like-share a:last-child{
  background: #ff3b00;
}
.content-standard-ck{
  float: left;
  width:100%;
}
.nobg-content  .col-left-index{
  margin-bottom: 30px;
}
.introduce-page{
  padding: 0;
}
.introduce-page .col-left-index {
  float: right;
  width: Calc(100% - 296px);
  padding-left: 31px;
}
.introduce-page .col-right-index {
  float: left;
  width: 296px;
}
.box-padding{
  padding: 24px;
  background: #fff;
  margin: 20px 0px;
}
.introduce-page .quick-link-index {
  margin-top: 20px;
}
.introduce-page .video-index {
  margin-top: 20px;
}
.main-menu > ul > li.active .span-lv-1, .main-menu > ul > li:hover .span-lv-1 {
  color: #fe784b;
}

.introduce-detail{
  color: #4f4f4f;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.introduce-detail p{}
.introduce-detail img{
}
.introduce-detail img ~ span{
  font-size: 13px;
  text-align: center;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}
.type-list-right li.active a{
  color: #fe784b;
}

.contact-page{
  margin: 0;
  padding: 0;
}
.box-white{
  float: left;
  width: 100%;
  background: #fff;

}
.contact-page .box-white{
  margin: 15px 0px 50px 0;
  padding: 34px 50px;
}
.col-infor-company{
  float: left;
  width: 560px;
}
.form-pagecontact {
  float: left;
  width: Calc(100% - 560px);
  padding-left: 105px;
  padding-top: 60px;
}
.logo-contact{
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.logo-contact h2 {
  float: left;
  width: 100%;
  font-weight: 800;
  line-height: 31px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.contact-page .infor-company{
  float: left;
  width: 100%;
}
.contact-page .infor-company h3{
  font-size: 16px;
  margin-top: 10px;
  color: #333333;
}
.flex-group{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-group .ctn-text{
  padding-right: 50px;
}
.flex-group .item-support a{
  white-space: nowrap;
}
.flex-group .item-support a img{
  margin-right: 12px;
}
.flex-group .item-support a{
  color: #000;
}
.contact-page .map{
  margin-bottom: 20px;
}

.form-pagecontact > h2{
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0px 25px 0px;
}
.input-form{
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.input-form label{
  float: left;
  width: 100%;
  color: #4f4f4f;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.input-form input[type='text']{
  height: 40px;
  border-radius: 4px;
  background-color: #e0e0e0;
  float: left;
  width: 100%;
  border:none;
  padding: 0px 12px;
}
.input-form textarea{
  height: 150px;
  border-radius: 4px;
  background-color: #e0e0e0;
  float: left;
  width: 100%;
  border:none;
  padding: 12px;
}
.btn-form{
  float: left;
  width: 100%;
}
.btn-form button, .btn-form input[type='submit']{
  border-radius: 4px;
  background-color: #fe784b;
  float: left;
  width: 100%;
  height: 40px;
  border:none;
  color:#fff;
}
.btn-form button:hover, .btn-form input[type='submit']:hover{
  background-color: #045bc4;
}
.logo-contact{
  position: relative;
}
.contact-page .list-icon{
  position: absolute;
  top: 15px;
  right: 0px;
}

.cate-qhcd .col-left-index {
  float: right;
  width: Calc(100% - 296px);
  padding-left: 31px;
  padding-right: 0;
}
.cate-qhcd .col-right-index {
  float: left;
  width: 296px;
}
.cate-qhcd .quick-link-index {
  margin-top: 20px;
}
.cate-qhcd .col-left-index{
  margin-top: 20px;
}
.cate-qhcd .item-news{
  float: left;
  width: 100%;
}
.cate-qhcd .item-news {
  padding-bottom: 0;
}
.cate-qhcd .item-news .img {
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
  overflow: hidden;
  width: 74px;
  height: 74px;
}
.cate-qhcd .item-news .title {
  padding: 10px 15px 0px 15px;
  float: left;
  width: Calc(100% - 74px);
}
.cate-qhcd .item-news .title h2{
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0px;
}
.cate-qhcd .item-news .title h2 a{
  color: #333333;
}
.cate-qhcd .item-news .title .time-bot {
  margin-top: 0px;
}
.pagination {
  list-style: none;
  width: 100%;
  text-align: center;
}
.pagination>li {
  float: initial;
  display: inline-block;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a {
  z-index: 2;
  color: #fff;
  background-color: #fe784b !important;
  border-color: #fe784b !important;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 1px 2px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000;
  text-decoration: none;
  background-color: transparent;
  font-size: 16px;
  border: none;
  margin: 0px 3px;
  border-radius: 3px;
  border: 1px solid #e1e2e4;
  color: #757575;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}
.pagination>li>a, .pagination>li>span {
  padding: 2px 5px;
  background-color: transparent !important;
  min-width: 25px;
  height: 28px;
  border: none !important;
  text-align: center;
  line-height: 26px;
  border-radius: 0px !important;
}
.cate-tintuc .item-news .img {
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: initial;
  padding: 33%;
}
.cate-tintuc .item-news .title {
  padding: 10px 15px 10px 15px;
  float: left;
  width: 100%;
}
.cate-tintuc .item-news .title h2 {
  margin: 0px 0 8px 0;
}

.detail-cate-project .col-right-index {
  float: left;
  width: 296px;
}
.detail-cate-project .col-left-index {
  float: right;
  width: Calc(100% - 296px);
  padding-left: 31px;
  padding-right: 0;
}
.time{
  color: #717273;
}
.time i{
  margin-right: 6px;
}
.product-page {
  float: left;
  width: 100%;
  padding: 0;
}
.border-white .title-box-right {
  margin-bottom: 0;
}
.border-white .list-video {
  float: left;
  width: 100%;
  padding: 15px;
  background: #fff;
}
.product-page .col-right-index .quick-link-index:first-child{
  margin-top: 20px;
}
.news-detail-stl .box-white{
  padding: 20px;
  margin: 20px 0;
}
.news-detail-stl .box-white .content-detail{
  margin-top: 0;
}
.linhvuchd-index .item-linhvuc .title {
  background: #ffffffd1;
}
.job-page{
  background-color: #f8fdff;
  float: left;
  width: 100%;
}
.job-page .project{
  float: left;
  width: 100%;
  background: #fff;
  padding: 20px;
  margin: 20px 0;
}
.os-tuyendart h3 {
  margin: 7px 0px 17px 0;
  font-size: 24px;
}
.page-heading, .page-heading span.h-title {font-family: Arial;font-weight: 400;line-height: 30px;font-size: 18px;text-align: initial;text-transform: initial;color: #000;}
.page-heading span.h-title {display: inline-block;font: 17px/36px "Arvo" , sans-serif;font-weight: bold;padding: 5px 10px 5px 0;color: #626262;min-height: 46px;}
.page-heading {border-bottom-color: #A7E5FC;}
.page-heading {position: relative;margin: 0 0 20px 0;border-bottom: 1px solid #C9C9C9;}
.page-heading:before {background-color: #E44E4F;width: 120px;height: 2px;display: inline-block;position: absolute;bottom: -2px;content: '';left: 0;}
/* Trang Tuyển dụng - bố cục bảng (archive-jobs.php) và chi tiết tin tuyển dụng
   (single-jobs.php). Web cũ không có phần này; giữ tông màu chung của theme
   (#062245 / #ed764e).

   Sidebar nằm bên TRÁI. Đảo float giống .introduce-page thay vì đổi thứ tự
   HTML, để nội dung chính vẫn đứng trước trong DOM (quan trọng khi xếp chồng
   trên mobile và cho SEO). */
.job-page .col-left-index{
  float: right;
  width: Calc(100% - 296px);
  padding-left: 31px;
  padding-right: 0;
}
.job-page .col-right-index{
  float: left;
  width: 296px;
}
.job-page .career-sidebar .quick-link-index,
.job-page .career-sidebar .video-index{
  margin-bottom: 20px;
}
/* Cho đỉnh sidebar thẳng với đỉnh khối nội dung (.job-main / .project đều
   margin-top 20px). Phải ghi đè .nobg-content .quick-link-index = 35px. */
.job-page .career-sidebar .quick-link-index,
.job-page .career-sidebar .video-index{
  margin-top: 0;
}
.job-page .career-sidebar > div:first-child{
  margin-top: 20px;
}
.job-page .news-highlight .item-video .img .playIcon{
  display: none;
}
/* Khung ảnh cố định 74x74 (cùng cỡ với .cate-qhcd .item-news .img của theme).
   object-fit: cover để ảnh ngang/dọc đều lấp kín ô mà không méo. Ảnh nguồn là
   size 'thumbnail' 150x150 đã crop vuông sẵn nên không mất nét. */
.job-page .news-highlight .item-video{
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.job-page .news-highlight .item-video:last-child{
  border-bottom: none;
}
.job-page .news-highlight .item-video .img{
  float: left;
  width: 74px;
  height: 74px;
  padding: 0;
  overflow: hidden;
}
.job-page .news-highlight .item-video .img a,
.job-page .news-highlight .item-video .img img{
  display: block;
  width: 74px;
  height: 74px;
}
.job-page .news-highlight .item-video .img img{
  object-fit: cover;
  min-width: 0;
  max-width: none;
}
.job-page .news-highlight .item-video .title{
  float: none;
  width: auto;
  margin-left: 86px;
  padding: 0;
}
.job-page .news-highlight .item-video .title h3{
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}
.job-page .news-highlight .item-video .time-bot{
  color: #8a8a8a;
  font-size: 12px;
  padding-top: 4px;
  margin-top: 0;
}
.job-page .job-main{
  background: #fff;
  padding: 24px;
  margin: 20px 0;
}
.job-page .job-main > h1.title{
  font-size: 24px;
  color: #062245;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.job-page .job-intro{
  margin-bottom: 20px;
  line-height: 24px;
  text-align: justify;
}
.job-page .job-intro strong{
  color: #062245;
}
.job-page .job-table{
  margin-bottom: 0;
}
.job-page .job-table > thead > tr > th{
  background: #062245;
  color: #fff;
  border-color: #062245;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
.job-page .job-table > tbody > tr > td{
  vertical-align: middle;
  text-align: center;
}
.job-page .job-table > tbody > tr:nth-child(even){
  background: #f6fbfe;
}
.job-page .job-table .col-stt{
  width: 50px;
}
.job-page .job-table .col-qty{
  width: 80px;
}
.job-page .job-table .col-place{
  width: 26%;
}
.job-page .job-table .col-exp{
  width: 130px;
}
.job-page .job-table .col-pos{
  text-align: left;
}
.job-page .job-table .col-pos a{
  color: #062245;
  font-weight: bold;
}
.job-page .job-table .col-pos a:hover{
  color: #ed764e;
}
/* Tin quá hạn: vẫn hiện nhưng xếp cuối bảng và làm mờ */
.job-page .job-table tr.expired{
  opacity: .5;
}
.job-page .job-table tr.expired .col-pos a{
  color: #666;
  font-weight: normal;
}
.job-page .job-table .exp-note{
  display: block;
  font-size: 11px;
  font-style: italic;
  color: #a94442;
}
.job-page .job-table .badge-new{
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 2px;
  background: #ed764e;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
}
.job-page .job-apply{
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e2e2e2;
}
.job-page .job-apply h2{
  font-size: 18px;
  color: #062245;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.job-page .job-apply .apply-dept{
  font-weight: bold;
  margin-bottom: 8px;
}
.job-page .job-apply .apply-info{
  list-style: none;
  padding: 0;
  margin: 0;
}
.job-page .job-apply .apply-info li{
  padding: 4px 0;
  line-height: 22px;
}
.job-page .job-apply .apply-info li i{
  color: #ed764e;
  width: 18px;
}
/* Form ứng tuyển + khối "Các tin bài khác" ở trang chi tiết tin tuyển dụng.
   Bố cục nhãn-bên-trái / ô-bên-phải theo mẫu, màu theo tông theme. */
.job-page .title-box-form{
  margin: 28px 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e2e2;
}
.job-page .title-box-form h2{
  margin: 0;
  font-size: 18px;
  color: #062245;
  text-transform: uppercase;
}
.job-page .job-apply-form form{
  background: #f6f6f6;
  border: 1px solid #e2e2e2;
  padding: 20px;
}
.job-page .apply-row{
  display: table;
  width: 100%;
  margin-bottom: 12px;
}
.job-page .apply-row > label{
  display: table-cell;
  width: 150px;
  padding: 6px 14px 0 0;
  font-weight: normal;
  color: #333;
  vertical-align: top;
}
.job-page .apply-row .req{
  color: #d93025;
}
.job-page .apply-field{
  display: table-cell;
  vertical-align: top;
}
.job-page .apply-field input[type='text'],
.job-page .apply-field input[type='email'],
.job-page .apply-field textarea{
  width: 100%;
  max-width: 480px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  background: #fff;
  padding: 7px 10px;
}
.job-page .apply-field textarea{
  resize: vertical;
}
.job-page .apply-field input:focus,
.job-page .apply-field textarea:focus{
  border-color: #062245;
  outline: none;
}
.job-page .apply-row.has-error input,
.job-page .apply-row.has-error textarea{
  border-color: #d93025;
}
.job-page .apply-error{
  display: block;
  margin-top: 4px;
  color: #d93025;
  font-size: 12px;
}
.job-page .apply-hint{
  display: block;
  margin-top: 4px;
  color: #767676;
  font-size: 12px;
}
.job-page .btn-apply,
.job-page .btn-reset{
  border: none;
  border-radius: 3px;
  padding: 8px 18px;
  color: #fff;
  background: #ed764e;
}
.job-page .btn-apply:hover{
  background: #062245;
}
.job-page .btn-reset{
  background: #9aa3a9;
  margin-left: 8px;
}
.job-page .btn-reset:hover{
  background: #767e83;
}
.job-page .apply-notice{
  padding: 10px 14px;
  margin-bottom: 14px;
  border-left: 3px solid;
}
.job-page .apply-notice.apply-ok{
  border-color: #2e7d32;
  background: #eaf5ea;
  color: #1e5620;
}
.job-page .apply-notice.apply-err{
  border-color: #d93025;
  background: #fdecea;
  color: #a1160a;
}
/* Bẫy bot - phải ẩn với người thật nhưng vẫn tồn tại trong DOM */
.job-page .hvc-hp{
  position: absolute !important;
  left: -9999px;
  height: 0;
  overflow: hidden;
}
.job-page .other-jobs ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.job-page .other-jobs li{
  padding: 6px 0 6px 16px;
  position: relative;
  border-bottom: 1px dashed #e6e6e6;
}
/* Mũi nhọn vẽ bằng border thay vì glyph FontAwesome: không phụ thuộc webfont,
   nên không bị hiện ô vuông nếu font chưa nạp xong. */
.job-page .other-jobs li:before{
  content: '';
  position: absolute;
  left: 2px;
  top: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #ed764e;
}
.job-page .other-jobs li a{
  color: #333;
}
.job-page .other-jobs li a:hover{
  color: #ed764e;
}
.job-page .other-jobs li.expired{
  opacity: .55;
}
.job-page .other-jobs li.expired:before{
  border-left-color: #b9c2c8;
}
/* Trang kết quả tìm kiếm (search.php).
   Lưới và .item-news dùng lại của trang danh mục tin nên đã có style; chỉ cần
   thêm cho phần đầu trang và trạng thái không có kết quả. */
.news-page .search-report{
  float: left;
  width: 100%;
  margin: 20px 0 6px;
}
.news-page .search-report h1{
  margin: 0 0 6px;
  font-size: 24px;
  color: #062245;
  text-transform: uppercase;
}
.news-page .search-report .textreport{
  margin: 0;
  color: #4f4f4f;
}
.news-page .search-report .textreport .bold{
  font-weight: 700;
  color: #062245;
}
.news-page .item-news .time-bot .result-type{
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  border-radius: 2px;
  background: #eef3f7;
  color: #062245;
  font-size: 11px;
  text-transform: uppercase;
}
.news-page .search-again{
  float: left;
  width: 100%;
  background: #fff;
  padding: 24px;
  margin-bottom: 30px;
}
.news-page .search-again p{
  margin: 0 0 12px;
}
.news-page .search-again .search-field{
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  padding: 7px 10px;
  width: 260px;
  max-width: 100%;
}
.news-page .search-again .search-submit{
  border: none;
  border-radius: 3px;
  background: #ed764e;
  color: #fff;
  padding: 8px 16px;
}
.news-page .search-again .search-submit:hover{
  background: #062245;
}
/*Tuyen dung*/
.tuyendung a{font-size:16px; font:bold;}
.tuyendung ul li {
  padding: 5px 0px;
  list-style-type: none;
  float: left;
  width: 100%;
}
.tuyendung ul li time {float: right;color: #235695;}
.tuyendung-detail .col-md-5 {line-height:27px;text-align:justify; }
.tuyendung-detail .center-block {text-align:center;padding: 20px 0px;}
span.dropcap-2 {
  display: inline-block;
  float: left;
  margin: 0 8px 0 0;
  font-size: 27px;
}
.tuyendung a {
  font-size: 16px;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tuyendung a:hover{
  color: #045bc4;
}
.jobdetail{
  padding: 0px 15px;
}
.jobdetail > h3{
  margin-top: 5px;
}
.video-index .list-video .item-video:last-child{
  margin-bottom: 0;
}
.categories-product-index {
  margin-top: 30px;
}
.big-news-index .item-news:last-child{
  margin-bottom: 0;
}
.linhvuchd-index {
  margin-bottom: 25px;
}

.content-lanhdao .wmg-item:nth-child(1), #tab3 .wmg-item:nth-child(1){display: block;margin:0 auto;}
.wmg-item{margin:0 auto;}
.wmg-item{height: auto!important}
.exemplo{padding: 15px;}
.clearfix:before, .clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.wmg-thumbnail-content img{width: 100%;}
.wmg-item .small, .wmg-item small {
  font-size: 70%;
}

.page-style .title {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
  margin: 0px 0px 15px 0px;
}
.tab-lanhdao{
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.tab-lanhdao ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tab-lanhdao ul li{
  display: inline-block;
  margin: 0px 15px;
}
.tab-lanhdao ul li:first-child{
  margin-left: 0;
}
.tab-lanhdao ul li a{
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  padding-bottom: 2px;
}
.tab-lanhdao ul li a:hover, .tab-lanhdao ul li.active a{
  color: #fe784b;
  border-bottom: 2px solid #fe784b;
}
.content-lanhdao{
  float: left;
  width: 100%;
}
.page-style  .box-padding {
  padding: 24px;
  background: #fff;
  margin: 20px 0px;
  float: left;
  width: 100%;
}

.list-doitac .item-doitac {
  width: 120px;
  background: #fff;
  text-align: center;
}
.item-doitac img {
  max-height: 64px;
  display: inline-block;
}
.shadow-open-menu {
  z-index: 99999;
}
.padding-white {
  float: left;
  width: 100%;
  background: #fff;
  margin-top: 35px;
  padding: 20px;
  margin-bottom: 20px;
}
.padding-white .content-detail {
  margin-top: 0;
}
.padding-white .content-detail h1 {
  margin: 8px 0px 15px 0px;
}
.item-news .title p, .cate-qhcd .item-news .title h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1250px){
  .main-menu > ul > li a {
    padding: 19px 15px 17px 15px;
  }
  .main-menu {
    width: 100%;
    float: left;
  }
  .header .logo span {
    font-size: 24px;
    margin-top: 30px;
    margin-left: 5px;
    width: 130px;
  }
  .header .logo img {
    float: left;
    width: 130px;
  }
  .header .right-ctn-top {
    float: right;
    margin: 38px 0 10px 0;
  }
  .content-wapper {
    background-color: #f8fdff;
  }
  .span-lv-1 {
    right: 17px;
    color: #000;
    display: block !important;
  }
}

@media (max-width: 1100px){
  .title-standard h2 {
    font-size: 20px;
  }
  .main-menu > ul > li a {
    font-size: 13px;
  }
}
@media (max-width: 992px){
  .col-left-index {
    float: left;
    width: 100%;
    padding-right: 0;
  }
  .col-right-index {
    float: right;
    width: 100%;
    margin-bottom: 30px;
  }
  .iconmenu {
    top: -52px;
    width: 40px;
    height: 41px;
  }
  .search-icon {
    display: inline-block;
    width: 48px;
    text-align: center;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    border-left: none;
    border-right: 1px solid #f3f3f3;
    display: block;
    position: absolute;
    right: 90px;
    top: -47px;
  }
  .header {
    z-index: 9999;
  }
  .banner-slider-index .title-slider h2 {
    font-size: 35px;
    line-height: 53px;
  }
  .hotline{
    display: none;
  }
}

@media (max-width: 767px){
  .padding-white .content-detail h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .padding-white {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 20px;
  }
  .footer .item-menu-footer {
    float: left;
    width: 100%;
    margin-top: 35px;
  }
  .member-company {
    float: left;
    width: 100%;
    padding-right: 0;
  }
  .doitac {
    float: left;
    width: 100%;
    padding-left: 0;
  }
  .sub-news-index .box-sub-news {
    float: left;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .slick-next{
    right: 0;
  }
  .slick-prev{
    left: 0;
  }
  .introduce-page .col-left-index {
    float: right;
    width: 100%;
    padding-left: 0;
  }
  .introduce-page .col-right-index {
    float: left;
    width: 100%;
  }
  .introduce-detail table td, .introduce-detail table th {
    padding: 0;
    float: left;
    width: 100%;
  }
  .cate-qhcd .col-left-index {
    float: right;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .cate-qhcd .col-right-index {
    float: left;
    width: 100%;
  }
  .contact-page .box-white {
    margin: 15px 0px 50px 0;
    padding: 15px 15px;
  }
  .contact-page .map img{
    max-width: 100%;
    height: initial;
  }
  .col-infor-company {
    float: left;
    width: 100%;
  }
  .flex-group{
    display: block;
  }
  /* Ở mobile .flex-group thành block nên khối .left (style.css: .left{float:left})
     không còn được flex chứa. Không chứa float thì <h3> của cơ sở tiếp theo
     chạy lên ngang hàng với email - web cũ cũng bị đúng lỗi này.
     Tạo block formatting context để chứa float, và cho h3 clear cho chắc. */
  .contact-page .infor-company .flex-group{
    overflow: hidden;
  }
  .contact-page .infor-company h3{
    clear: both;
  }
  /* Trang chủ, khối "THÔNG TIN CỔ ĐÔNG" / "BÁO CHÍ NÓI VỀ CHÚNG TÔI":
     style2.css đóng cứng .item-sub-news{height:80px} (không trong media query
     nào), còn style.css ở <=500px lại tăng tiêu đề lên 16px/23px. Tiêu đề dài
     thành 4-5 dòng, cao 125px, tràn khỏi box 80px và đè lên bài phía dưới.
     Đo được: 2/6 bài tràn 45px và 22px. Cho box tự cao, giữ ảnh 80px.
     overflow:hidden để box chứa luôn .img đang float.

     Phải thêm .home-page (body class của trang chủ) cho đủ specificity:
     header.php nạp style2.css SAU fix.css, nên cùng số class thì style2 thắng. */
  .home-page .sub-news-index .list-sub-news .item-sub-news{
    height: auto;
    min-height: 80px;
    overflow: hidden;
  }
  .home-page .sub-news-index .list-sub-news .item-sub-news .img{
    height: 80px;
  }
  /* Xếp chồng: huỷ 2 cột của trang tuyển dụng */
  .job-page .col-left-index{
    float: right;
    width: 100%;
    padding-left: 0;
  }
  .job-page .col-right-index{
    float: left;
    width: 100%;
  }
  /* Form ứng tuyển: nhãn xuống trên ô nhập, không còn 2 cột */
  .job-page .apply-row,
  .job-page .apply-row > label,
  .job-page .apply-field{
    display: block;
    width: 100%;
  }
  .job-page .apply-row > label{
    padding: 0 0 4px;
  }
  .job-page .apply-row.apply-actions > label{
    display: none;
  }
  .job-page .apply-field input[type='text'],
  .job-page .apply-field input[type='email'],
  .job-page .apply-field textarea{
    max-width: 100%;
  }
  .job-page .job-apply-form form{
    padding: 14px;
  }
  /* Trang tuyển dụng: bảng 5 cột không vừa màn hẹp.
     .table-responsive của bootstrap tự cho cuộn ngang dưới 768px; ở đây chỉ
     thu nhỏ chữ và bỏ width cứng để bảng vẫn đọc được mà ít phải cuộn. */
  .job-page .job-main{
    padding: 16px;
  }
  .job-page .job-table{
    font-size: 13px;
  }
  .job-page .job-table > thead > tr > th,
  .job-page .job-table > tbody > tr > td{
    padding: 6px 8px;
  }
  .job-page .job-table .col-place,
  .job-page .job-table .col-exp,
  .job-page .job-table .col-qty,
  .job-page .job-table .col-stt{
    width: auto;
    white-space: nowrap;
  }
  .job-page .job-table .col-place{
    white-space: normal;
    min-width: 130px;
  }
  .job-page .job-table .col-pos{
    min-width: 180px;
  }
  .form-pagecontact {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
  .detail-product-page .col-left-index {
    float: right;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .detail-product-page .col-right-index {
    float: left;
    width: 100%;
  }
  .detail-cate-project .col-right-index {
    float: left;
    width: 100%;
  }
  .detail-cate-project .col-left-index {
    float: right;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 500px){
  .header .logo {
    width: 100%;
  }
  .header .logo span {
    font-size: 15px;
  }
  .languages-box{
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .header .right-ctn-top .languages-box a img {
    float: left;
    margin-top: -7px;
    margin-right: 7px;
  }
  .iconmenu {
    top: -45px;
  }
}

@media (max-width: 480px){

  .banner-slider-index .title-slider h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .search-icon {
    right: 65px;
    top: -38px;
  }
  .product-page .col-left-index .col-xs-6{
    width: 100%;
  }
}

@media (max-width: 767px) and (min-width: 320px){
  .iconmenu span {
    height: 2px;
  }
  .iconmenu.open span:nth-child(1) {
    top: 20px;
  }
  .iconmenu.open span {
    background: #000;
  }
}

/*product_detail*/
.breadcrumbs ul li:last-child{
  display: none;
}
.detail-product-page .box-white{
  margin-top: 20px;
  padding: 15px 25px;
}
.detail-product-page .content-detail{
  margin-top: 0
}
.detail-product-page .nobg-content .quick-link-index {
  margin-top: 20px;
}
.detail-product-page .col-right-index {
  float: left;
  width: 296px;
}
.detail-product-page .col-left-index {
  float: right;
  width: Calc(100% - 296px);
  padding-right: 0;
  padding-left: 35px;
}
.linhvuchd-index img {
    max-width: 650px;
    max-height: 433px;
}

/* --- Owl Carousel Anti-Flicker Fix --- */
.list-doitac.owl-carousel {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.list-doitac.owl-carousel.owl-loaded {
    opacity: 1;
}
.list-doitac .item-doitac img {
    min-height: 40px;
    object-fit: contain;
}
/* Trang tuyển dụng trên điện thoại: 5 cột không thể vừa màn hình, đổ bảng
   thành thẻ xếp dọc. Mốc 480px trùng mốc theme dùng để ẩn .col-right-index
   (style2.css) nên sidebar cũng biến mất cùng lúc, đúng như các trang khác. */
@media (max-width: 480px){
  .job-page .job-table,
  .job-page .job-table > tbody,
  .job-page .job-table > tbody > tr,
  .job-page .job-table > tbody > tr > td{
    display: block;
    width: 100%;
  }
  .job-page .job-table > thead{
    display: none;
  }
  .job-page .job-table > tbody > tr{
    border: 1px solid #dfe6ea;
    border-left: 3px solid #062245;
    margin-bottom: 12px;
    padding: 10px 12px;
    background: #fff;
  }
  .job-page .job-table > tbody > tr:nth-child(even){
    background: #fff;
  }
  .job-page .job-table > tbody > tr.expired{
    border-left-color: #b9c2c8;
  }
  .job-page .job-table > tbody > tr > td{
    border: 0;
    padding: 2px 0;
    text-align: left;
    /* huỷ nowrap của breakpoint 767px, nếu không tiêu đề dài bị cắt */
    white-space: normal;
    word-wrap: break-word;
  }
  /* Thẻ tự xuống dòng nên không cần cuộn ngang nữa */
  .job-page .table-responsive{
    overflow-x: visible;
    border: 0;
  }
  /* STT gộp vào tiêu đề thẻ, không hiện thành dòng riêng */
  .job-page .job-table .col-stt{
    display: none;
  }
  .job-page .job-table .col-pos{
    font-size: 15px;
    padding-bottom: 6px;
    min-width: 0;
  }
  .job-page .job-table .col-pos:before{
    content: attr(data-stt) ". ";
    font-weight: bold;
    color: #062245;
  }
  .job-page .job-table td[data-label]:before{
    content: attr(data-label) ": ";
    font-weight: bold;
    color: #062245;
  }
  .job-page .job-table tr.expired td[data-label]:before,
  .job-page .job-table tr.expired .col-pos:before{
    color: #666;
  }
  .job-page .job-table .col-place{
    min-width: 0;
  }
  .job-page .job-table .exp-note{
    display: inline;
    margin-left: 6px;
  }
}