/* 8/8/26*/
/*@font-face {
  font-family: 'UTM-Androgyne';
  src: url('fonts/UTM-Androgyne.eot?v=4.7.0');
  src: url('fonts/UTM-Androgyne.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/UTM-Androgyne.woff2?v=4.7.0') format('woff2'), url('fonts/UTM-Androgyne.woff?v=4.7.0') format('woff'), url('fonts/UTM-Androgyne.ttf?v=4.7.0') format('truetype'), url('fonts/UTM-Androgyne.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@charset "utf-8";
html,
body {
    margin: 0;
}
img {
    height: auto;
    max-width: 100%;
    border: none;
}
body {
    /* Phai de dang khong don vi. Gia tri % hoac em duoc tinh ra px ngay tai day
       roi truyen xuong con duoi dang px co dinh, nen chu to len ma dong khong gian
       ra => cac dong de len nhau. Dang khong don vi truyen xuong theo ti le. */
    line-height: 1.5;
    color: #474642;
    font-size: 13px;
    font-family: "arial", sans-serif;
    /*font-weight: 300; */
    background: #fff;
}
body.home {
    height: 100%;
}
p {
    margin: 10px 0;
}
ol,
ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0pt;
}
a:focus {
    outline: 0 !important;
    text-decoration: none;
    color: #474642;
}
a {
    text-decoration: none;
    outline: 0;
    color: #474642;
}
.main {
    max-width: 1240px;
    margin: auto;
    position: relative;
}
.main-header .top-header {
    #background: url(../images/header.jpg) no-repeat center center;
    #background-size: cover;
    height: 110px;
}
.header-logo {
    position: absolute;
    top: 5px;
    left: calc(50% - 312px);
}
.header-language {
    position: absolute;
    text-align: center;
    right: 0;
    top: 41px;
}
.header-language.show-desktop {
    right: 0;
    top: 10px;
}
.header-language.show-desktop img {
    width: 40px;
}
.header-language li {
    float: left;
}
.header-language li:first-child {
    margin-right: 20px;
}
.header-language img {
    width: 25px;
}
.header-language a {
    color: #474642;
}
.header-language span {
    display: block;
}
div.main-menu {
    height: 45px;
    background: #2c71b6;
}
div.main-menu ul.menu {
}
div.main-menu ul.menu > li {
    float: left;
}
div.main-menu ul.menu > li.active {
    background: #f52217;
}
div.main-menu ul.menu > li > a {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    padding: 15px;
    line-height: 45px;
    font-weight: bold;
}

.slideshow-item {
    background-size: cover;
    background-position: center;
}

.slick-prev {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center;
    background-color: unset;
    width: 35px;
    height: 74px;
    border: none;
    text-indent: -99999px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -74px;
    left: 15px;
}
.slick-next {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center;
    background-color: unset;
    width: 35px;
    height: 74px;
    border: none;
    text-indent: -99999px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -74px;
    right: 15px;
}
.main-body {
    position: relative;
}
.home-content {
    position: absolute;
    right: 100px;
    top: 90px;
    width: 330px;
}
.slideshow-item div {
    width: 100%;
    height: 100%;
    position: relative;
}
.slideshow-item h2 {
    background: url(../images/bg-1.png) no-repeat center right;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    width: auto;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 0px;
    color: #f52316;
    margin-bottom: 20px;
    padding: 10px 30px;
    font-size: 20px;
    font-style: italic;
    right: 100px;
    position: absolute;
    top: 22px;
    min-width: 269px;
}
.home-content ul {
    padding: 15px 30px;
}
.home-content ul li {
    border-bottom: 1px dotted #56718c;
    padding: 8px 0;
}
.home-content ul li:last-child {
    border: none;
    padding-bottom: 0;
}
.home-content a {
    color: #000;
    font-size: 14px;
}
.home-news {
    overflow: hidden;
}
.main-footer {
    background: url(../images/footer.jpg) no-repeat center center;
    background-size: cover;
    height: 115px;
    /* margin-top:-20px; */
}
.footer-info {
    color: #fff;
    padding-top: 12px;
}
.footer-info h4 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
}
.footer-info li {
    padding-top: 5px;
}
.menu-footer {
    text-align: right;
    position: absolute;
    right: 0;
    top: 22px;
}
.menu-footer li {
    display: inline-block;
    padding-left: 23px;
    font-size: 14px;
}
.menu-footer li a {
    color: #fff;
}
.header-menu:after {
    content: "";
    display: block;
    clear: both;
}
.icon-menu-mobile {
    display: none;
}
.clearfix {
    clear: both;
}
.main_content {
}
.navigator_bar {
    background: #e8f0f6;
    color: #000;
    float: left;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #dcebf4;
    position: relative;
    z-index: 9;
}
.navigator_bar ul {
    margin: 0px;
    padding: 10px 20px 5px 18px;
}
.navigator_bar .home {
    text-indent: -9999px;
    width: 22px;
}
.navigator_bar ul li {
    list-style: none;
    line-height: 22px;
    float: left;
    display: inline;
}
.home .home_icon {
    background: url("../images/home.png") 22px 22px;
    width: 22px;
    height: 22px;
    float: left;
}
.breadcrumb {
    background: url("../images/breadcrumb.png") no-repeat;
    width: 12px;
    height: 21px;
    float: left;
    margin: 0 10px;
    background-color: #e8f0f6 !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
.content {
    margin: 0px auto;
    width: 1240px;
}
.navigator {
    width: 1240px;
    margin: 0 auto;
}
.content .news {
    width: 23%;
    margin: 1%;
    border-bottom: 1px dotted #ccc;
    float: left;
    cursor: pointer;
    color: #666;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
}
.description {
    text-align: justify;
    overflow: hidden;
    height: 60px;
}
.title_new {
    font-size: 15px;
    line-height: 17px;
    color: #0074bb;
    text-align: justify;
    height: 35px;
    font-weight: bold;
    margin-top: 10px;
    overflow: hidden;
}
.news .title_new a {
    color: #0557a3;
}
.news .title_new a:hover {
    color: #d3281e;
    transition: all 0.3s ease-in-out;
}
.news img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 200ms linear;
    width: 100%;
    height: 175px;
}
.news .detail {
    background: #0557a3;
    color: #fff;
    float: right;
    padding: 3px 6px;
    transition: all 0.3s ease-in-out;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.news .detail a {
    color: #fff !important;
}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #0557a3;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #double;
    background-color: #eeeeee;
    border-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #0557a3;
    border-color: #0557a3;
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.content_left {
    width: 70%;
    float: left;
}
.content_right {
    width: 30%;
    float: right;
    margin-top: 15px;
}
.content_left .title {
    font-size: 17px;
    line-height: 19px;
    color: #0074bb;
    text-align: justify;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
    overflow: hidden;
}
.content_left .title a {
    color: #0557a3;
}
.content_left .title a:hover {
    color: #d3281e;
    transition: all 0.3s ease-in-out;
}
.entry-info {
    color: #848485;
    font-size: 11px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.entry-time {
    width: 50%;
    float: left;
}
.entry-hits {
    width: 50%;
    float: left;
    text-align: right;
}
.entry-content {
    margin: 15px 0;
    text-align: justify;
    font-size: 16px;
    /* Bai viet soan tu Word. Word khong ghi font-family inline cho van ban dung
       font mac dinh cua tai lieu, nen noi dung dan vao khong mang font — phai dat
       o day. Giu khop voi content_style trong manager/_tinymce.php. */
    font-family: "Times New Roman", Times, serif;
}
/* Cac bai da dang truoc day dan tu Word con dinh style inline cua Word
   (line-height:115%, text-indent am, margin theo pt). Style inline thang moi
   selector thuong nen bat buoc phai dung !important de go. */
.entry-content p,
.entry-content li,
.entry-content div {
    line-height: 1.6 !important;
}
/* text-indent am cua Word keo dong dau ra ngoai khung khi khong co margin-left
   tuong ung (vi du dong bullet "·" co text-indent:-18pt nhung margin-left:0).
   Chi go text-indent, giu nguyen margin de con thut le phan cap. */
.entry-content p[class^="Mso"],
.entry-content p[class*=" Mso"] {
    text-indent: 0 !important;
}

/* Quy tac toan cuc `ol, ul { list-style: none outside none; margin:0; padding:0 }`
   o dau file duoc viet cho menu va widget, nhung no xoa luon dau dau dong cua
   danh sach trong bai viet. Truoc day khong lo vi noi dung dan tu Word chi la
   cac the <p> chua san ky tu "·"; nay TinyMCE chuyen thanh <ol>/<ul> that nen
   so thu tu va bullet bien mat het. Tra lai cho rieng vung noi dung. */
.entry-content ol,
.entry-content ul {
    margin: 10px 0;
    padding-left: 40px;
}
.entry-content ol {
    list-style: decimal outside;
}
.entry-content ul {
    list-style: disc outside;
}
.entry-content li {
    margin: 5px 0;
}

/* Word dung ky tu "-" lam bullet cho cap 2 (mso-list ... level2). The <ul> cua
   HTML khong mang duoc ky tu bullet tuy y — chi co disc/circle/square theo do
   sau — nen trinh duyet ve thanh vong tron. Ve lai bang gach ngang cho khop
   ban Word. Giu dong bo voi content_style trong manager/_tinymce.php. */
.entry-content ul ul {
    list-style: none;
    padding-left: 24px;
}
.entry-content ul ul > li {
    position: relative;
}
.entry-content ul ul > li::before {
    content: "-";
    position: absolute;
    left: -14px;
}
.comments {
    color: #0557a3;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.news_other {
    color: #0557a3;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.post_older {
    list-style-type: square;
    margin: 13px 20px 0px 15px;
    padding: 0px 0px 1.5em;
    font-size: 15px;
}
.post_older li {
    margin: 5px 0;
}
.post_older li a {
    color: #337ab7;
    text-decoration: none;
}
.post_older li a i {
    color: #888080;
}
.main_content_left {
    padding: 10px;
}
#box_category,
.box_related,
.ads {
    padding: 3px 10px;
}
.content_right .title_ {
    font-size: 15px;
    padding: 10px 15px;
    background: #007ec0;
    color: #fff;
    border-bottom: 0px;
    text-transform: initial !important;
    border-top: solid 2px;
}
.content_right ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    background: #f3f6f9;
}
.cls-newrelated ul {
    padding: 0px 15px 0px 0px !important;
}
.content_right ul li {
    list-style: none;
    padding: 8px 15px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.content_right ul li a {
    color: #337ab7;
}
.cls-newrelated ul li {
    display: inline-block;
    padding: 5px 5px !important;
}
img.thumb {
    width: 80px;
    float: left;
    margin: 0 7px 0px 0;
    height: 55px;
}
.margin0 {
    margin: 0;
}
.ads {
    background: #fff;
    padding-bottom: 10px;
}
.ads a {
    padding-top: 10px;
    display: block;
}
textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
textarea:-moz-placeholder {
    /* Firefox 18- */
    font-size: 16px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 16px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
textarea:-ms-input-placeholder {
    font-size: 16px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
input::-webkit-input-placeholder {
    font-size: 15px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 15px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 15px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
input:-ms-input-placeholder {
    font-size: 15px;
    color: #535659;
    font-family: "roboto", sans-serif;
}
.contact-detail input,
.contact-detail textarea {
    padding: 10px;
    margin-bottom: 10px;
    width: 65%;
    border: 1px solid #d7d5ce;
}
.contact-detail .fields .buttons-set .button {
    background: #3360af;
    padding: 10px 30px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid #3360af;
}
.contact-detail .fields .buttons-set {
    margin-top: 30px;
}
.fieldset {
    border: 1px solid #f2f2f2;
    padding: 35px 20px 12px 20px;
    margin: 28px 0;
}
.fieldset .legend {
    float: left;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #f2f2f2;
    background: #fff;
    color: #444443;
    margin: -50px 0 0 -10px;
    padding: 5px 14px;
    position: relative;
    font-weight: bold;
}
.info_company {
    padding: 20px;
}
.entry-content img {
    margin: 0 auto;
    display: block;
    height: auto !important;
}
.box_dot {
    width: 100%;
    padding-top: 10px;
}
.dot1,
.dot2,
.dot3 {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.dot1.active,
.dot2.active,
.dot3.active {
    background-color: #2c71b6;
}
.video {
    position: relative;
}
.icon_video {
    margin-left: -62px;
    margin-top: 11px;
    position: absolute;
    z-index: 2;
    height: 35px;
}

/* Updated */
.page-moi-thau #my-bread {
    background: url("http://ntt.edu.vn/web/upload/images/cate_HTDN.jpg") center;
    background-size: auto;
    height: 200px;
    background-size: cover;
}
#my-bread {
    padding-top: 100px;
}
.text-h1 {
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px #060000;
}
#my-bread .breadcrumb {
    background: transparent;
    padding: 0;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
#my-bread .breadcrumb li,
#my-bread .breadcrumb li a {
    color: #5dbde8;
    text-shadow: 1px 1px #060000;
}
.panel-search {
    padding: 20px 20px 0 10px;
    border: 0.5px solid #d2d0d0;
    margin: 30px 0;
}
.content_bidding {
    max-width: 1240px;
    display: block;
    overflow: hidden;
}
.col-sm-12 {
    width: 1137px;
}
.col-sm-4 {
    width: 30%;
}
.col-sm-3 {
    width: 18%;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    padding-bottom: 10px;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.btn,
.btn-group > .btn,
.form-group .form-control {
    font-size: 12px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.panel-search input {
    width: 100% !important;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:
        border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
    -o-transition:
        border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
    transition:
        border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
}
.title-a {
    background: #007cda;
    width: 100%;
    padding: 10px 16px;
    color: #fff;
    font-weight: 500;
}
.itemp {
    background: #e7e7e7;
    padding: 20px 16px;
    border-bottom: 0.5px solid #d2d0d0;
}
.col-sm-1 {
    width: 8.33333333%;
    float: left;
}
.time-w {
    height: 75px;
    width: 70px;
    background: #da251c;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.time-w h5 {
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.time-w p {
    width: 100%;
    font-size: 12px !important;
    text-align: center;
    color: #fff;
}
.col-sm-10 {
    width: 83.33333333%;
    float: left;
}
.itemp p {
    font-size: 16px;
    margin: 0 0 10px;
}
.itemp b {
    font-weight: bold;
}
.itemp a {
    color: #2c71b6;
}
.main-content {
    min-height: 600px;
}
.section-main {
    margin-top: 10px;
}
.col-6 {
    width: 50%;
    float: left;
}
.p-15 {
    padding-right: 15px;
    padding-left: 15px;
}
.hot-news .news-text {
    padding: 20px 0;
}
.hot-news .news-text a {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    line-height: 23px;
}
.hot-news .news-info {
    color: #808080;
}
.news-item.tiny .news-img {
    float: left;
    margin-right: 12px;
}
.news-item.tiny .news-img img {
    width: 115px;
    height: 70px;
    max-width: 100%;
    object-fit: cover;
}
.news-item.tiny .news-text a {
    min-height: 42px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    -webkit-line-clamp: 3;
}
.text-ellipsis {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
}
.news-item.tiny .news-text span {
    color: #999;
    font-size: 12px;
}
.news-item.tiny {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 5px;
    height: 72px;
}
.news-item.tiny .news-text {
    padding: 0;
    border: none;
}
.box_home_right {
    border: solid 1px #9f9f9f;
    padding: 15px;
}
.box_home_right .img_ads img {
    max-height: 120px;
    width: 100%;
}
.box_home_right h2 {
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    font-weight: normal;
}
.box_home_right h2 .h2_span {
    padding: 0;
}
.box_home_right h2 .h2_span {
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    padding-bottom: 8px;
    color: #ff0000;
}
.mt-5 {
    margin-top: 15px;
}
.show-mobile {
    display: none;
}
.menu-sale {
    display: flex;
    position: absolute;
    bottom: -5px;
    left: 300px;
}
.sale_text {
    width: 75px;
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
}
.sale_info {
    margin-left: 15px;
}
.sale-header {
    position: absolute;
    right: 0;
    top: 71px;
    color: #2c71b6;
    font-weight: bold;
    font-style: italic;
}
.header-logo img {
    /* width: 95%; */
    height: auto; /* Giữ tỉ lệ ảnh */
    object-fit: cover; /* Hoặc thử "contain" nếu cần toàn bộ ảnh */
    image-rendering: auto; /* Tối ưu hiển thị hình ảnh */
}

@media screen and (max-width: 995px) {
    .menu-sale {
        margin-top: 5px;
        position: relative;
        left: 0;
        bottom: 0;
    }
    .main-footer {
        height: auto !important;
    }
    .sale-header {
        position: static;
        text-align: center;
        margin-bottom: 5px;
    }
}