@charset "utf-8";
/* CSS Document */
/*fonttype*/
@font-face {
font-family: 'Roboto_Regular';
src: url('https://174670.claudeassets.com/20260117124754im_/https://dangkydichvuviettel.com/templates_2/themes/css/fonts/Roboto-Regular.ttf');
}
body{
    font-family: 'Roboto_Regular', serif;
    margin: 0;
}
h1,h2,h3,h4{
    margin: 0;
}
.pc_none{ display: none !important; }
.container {
    width: 1280px;
    margin: 0 auto;
    max-width: 100%;
}
#header {
    position: relative;
    background: #fff;
    z-index: 2;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 12px 24px rgb(0 0 0 / 10%);
    align-items: center;
    height: 72px;
    width: 100%;
}
.flex {
    display: flex;
}
.w100 {
    width: 100%;
}
.box-left-header {
    transition: all ease 0.3s;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    z-index: 2;
    margin: 0;
}
.logo_top {
    padding-right: 15px;
    display: block;
    margin: 0px ;
    margin-right: 30px;
    max-width: 180px;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.nav_pc {
    zoom: 1;
    display: inline-block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    position: relative;
}
.nav_pc ul.ulnav_parent, .nav_pc ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inherit;
    white-space: nowrap;
}
.nav_pc ul.ulnav_parent>li {
    display: inline-block;
    font-size: 16px;
    /*padding: 10px;*/
}
.nav_pc ul.ulnav_parent>li>a{
    padding: 10px;
}
.nav_pc ul.ulnav_parent>li ul {
    position: absolute;
    left: 0;
    margin-top: 0px;
    min-width: 180px;
    text-align: left;
    background: #fff;
    box-shadow: 0 1px 8px rgb(0 0 0 / 20%);
    border-radius: 0px;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s linear 0s, display 0.3s linear 0s, -webkit-transform 0.2s ease;
    -o-transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s linear 0s, display 0.3s linear 0s;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s linear 0s, display 0.3s linear 0s;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s linear 0s, display 0.3s linear 0s, -webkit-transform 0.2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    border: 0px solid transparent;
    border-top: 2px solid #0761af;
    z-index: 1;
}
.logo_top img {
    max-width: 100%;
}
.header-bock {
    justify-content: space-between;
    align-items: center;
    padding: 13px 0px;
}
a {
    text-decoration: none;
    color: #000;
}
li.hassub>a:after, li.hassub>.rpaa:after {
    content: "";
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5px;
    height: 5px;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #2c2c2c;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(
45deg
) translateY(100%);
    -ms-transform: rotate(45deg) translateY(100%);
    transform: rotate(
45deg
) translateY(100%);
    transition: -webkit-transform 0.1s ease;
    -o-transition: transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
    content: "";
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 2px;
}
.nav_pc ul.ulnav_parent>li.hassub>a, .nav_pc ul.ulnav_parent>li>a {
    display: flex;
}
.nav_pc ul.ulnav_parent>li.hassub:hover ul {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    pointer-events: initial;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: inherit;
    padding-bottom: 0px;
}
.nav_pc ul.ulnav_parent>li.hassub {
    position: relative;
}
.nav_pc ul.ulnav_parent>li ul li {
    padding: 7px 10px;
}
.nav_pc ul.ulnav_parent>li ul li:hover {
    background: #e7e7e7;
}
.nav_pc ul.ulnav_parent>li ul li:hover a {
    color: #ec1c24;
}
.nav_pc ul.ulnav_parent>li ul:before {
    content: " ";
    border-bottom: 4px dashed #1e36b7;
    border-bottom: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    left: 20px;
    top: -6px;
}
.search button {
    background: none;
    border: none;
    outline: none;
}
.search input {
    border: none;
    outline: none;
    min-width: 215px;
}
form.search-bar {
    border: 1px solid #bbbaba;
    display: flex;
    padding: 5px;
    border-radius: 10px;
    height: 25px;
}
footer {
    border-top: 3px solid #ed1e26;
    padding: 42px 0 24px;
    /*z-index: 100;*/
    position: relative;
    background: #f6f6f6;
}
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.row4 {
    width: 33.3333%;
}
.row8 {
    width: 66.66%;
}
.row6{
    width: 50%;
}
.logo_footer {
    width: 180px;
}
.row6,.row4,.row8,.row2{
    padding: 0px 15px;
}

img {
    max-width: 100%;
    width: 100%;
}
p.slogan {
    margin: 0;
    font-weight: bold;
    margin-bottom: 15px;
}

ul.contact_f li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

ul.contact_f li span {
    display: block;
    background: #ffffff;
    padding: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    margin-right: 13px;
}
.titleh2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #0C0033;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.heading_cate {
    text-align: center;
    padding-bottom: 20px;
}

.section_page {
    padding: 30px 0px;
}
.list_item {
    width: 25%;
    flex: 0 0 25%;
    box-sizing: border-box;
    padding: 15px 15px 30px 15px;
    display: flex;
}

.list_item .box_a {
    width: 100%;
    margin: 0;
    transition: .6s all;
    top: 0;
    display: block;
    box-shadow: 0px 0px 5px 0px #bdbdbd;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    padding: 15px;
    height: 100%;
}

.list_item .package {
    position: absolute;
    width: 50px;
    top: -15px;
    left: -25px;
    z-index: 0;
    display: none;
}

.listpack li span.icon svg {
    margin-bottom: 5px;
}
.packTitle {
    padding: 0.75rem 1rem;
    background: #ee0033ba;
    /*background: rgb(0 96 181 / 15%);*/
    color: #fff;
    /*color: #0761af;*/
    border-radius: 0.5rem;
    font-weight: 700;
    text-align: center;
}
.packcontent .price {
    text-align: center;
    padding: 15px 0px 5px 0px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px;
    font-size: 20px;
}
.green {
    color: #2ebca0;
    background: rgb(46 188 160 / 0.15);
}
.yellow {
    color: #ffc107;
    background: rgb(255 193 7 / 0.15);
}
.listpack {
    /*text-align: center;*/
}

.listpack li {
    /*border-bottom: #F1F1F1 1px solid;*/
    line-height: 30px;
    font-size: 14px;
    padding: 6px 0px;
    display: flex;
}

.listpack li:last-child {
    border: none;
    padding-bottom: 0;
}
.listpack li span.icon {
    /*margin-right: 5px;*/
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    padding: 5px;
    font-size: 15px;
}
.allwap {
    flex-wrap: wrap;
}
.heading_cate.text_left {
    text-align: left;
}
.cate_news{
    align-items: center;
    justify-content: space-between;
}
ul.sub_heading li {
    display: inline-block;
    padding: 0px 10px;
}
.news_box .itemnews {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.news_box .itemnews a, .news_item_right a {
    display: flex;
}
.list_news_right li {
    margin-bottom: 15px;
    box-shadow: 3px 4px 4px #d2d2d2;
    border-radius: 10px;
    overflow: hidden;
}
.news_box .position_block {
    position: absolute;
    bottom: 20px;
    padding: 10px 10px;
    background: #08080866;
    max-width: 75%;
    left: 20px;
    border-radius: 10px;
    /*box-shadow: 3px -3px 10px 0px #0c0033;*/
}
.news_box .position_block * {
    color: #fff;
}
.news_box .position_block p.time_push {
    font-size: 13px;
    margin: 10px 0px;
}

.news_box .position_block p.time_push * {
    margin-right: 5px;
}
.list_news_right .news_item_right .content_itemtnews {
    width: 60%;
    /*width: 55%;*/
}
.list_news_right .news_item_right  .img {
    width: 40%;
    /*width: 45%;*/
    padding-right: 15px;
}
.titcate_small {
    font-size: 20px;
    margin-bottom: 10px;
}

.time {
    font-size: 15px;
    color: #585757;
    margin-top: 10px;
}
.time * {
    margin-right: 8px;
}

.list_news_right li:last-child {
    margin: 0;
}
.list_news_right .news_item_right .content_itemtnews .intro {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: none;
}
.blue {
    color: blue;
    background: rgb(7 97 175 / 0.15);
}
.cart_ct {
    justify-content: space-evenly;
    margin-top: 20px;
}

.cart_ct a.todetail {
    color: #ee0033;
    border: #ee0033 1px solid;
    padding: 5px 15px;
    border-radius: 10px;
}

.cart_ct a.toadd {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 15px;
    background: #ab0025;
    border: 2px solid #ee0033;
    border-radius: 0.75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
    font-size: 12px;
    animation: btn-regis 1s infinite;
}
.cart_ct a.toadd:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -10;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ab0025;
    border-radius: inherit;
    box-shadow: 0 0 0 2px #ee0033, 0 0.625em 0 0 #00918d2b;
    transform: translate3d(0, 0.6em, -1em);
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
    animation: btn-regis-bf 1s infinite;
}
@keyframes btn-regis {
    0% {
        transform: translate(0, -0.25em);
    }
    50% {
        transform: translate(0, 0em);
    }
    100% {
        transform: translate(0, -0.25em);
    }
}
@keyframes btn-regis-bf {
    0% {
        transform: translate3d(0, 0.6em, -1em);
    }
    50% {
        transform: translate3d(0, 0.4em, -1em);
    }
    100% {
        transform: translate3d(0, 0.6em, -1em);
    }
}
.breadcurent .linkitem svg {
    font-size: 14px;
}
.breadcurent .linkitem {
    align-items: center;
    margin-bottom: 15px;
}
.breadcurent .linkitem a {
    margin: 0px 8px;
}
.breadcurent .linkitem a:first-child {
    margin-left: 0;
}
.list_news_cate .item_contentcate {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    transition: var(--transition-smooth);
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
    height: 100%;
    position: relative;
}
.infor_news_cate {
    padding: 20px;
}
.infor_news_cate h3 a {
    color: #0761af;
}
.intro_cate {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.infor_news_cate .time {
    margin: 10px 0px 5px;
}
.box_cate_one {
    width: 33%;
    flex: 0 0 33%;
    box-sizing: border-box;
    padding: 0px 15px;
    display: flex;
    margin-bottom: 25px;
}
.list_news_cate {
    margin-top: 25px;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    margin: 20px 0px;
}
.pagination li {
    margin: 0 6px;
}
.pagination .active .page {
    background: #0761af;
    padding: 10px;
    border-radius: 5px;
    color: white;
}
.item_contentcate:hover {
    box-shadow: 0 24px 32px rgb(0 0 0 / 10%);
    border-color: transparent;
    transform: translateY(-12px);
}
:root {
    --color-dark: #0D2340;
    --color-light: #F6F6F6;
    --color-smoke: #C4C4C4;
    --color-smoke-2: #848484;
    --container-width: 1140px;
    --transition-smooth: all 0.5s cubic-bezier(0.04, 1, 0.6, 0.97);
    --transition-smooth-2: all 1.5s cubic-bezier(0.04, 1, 0.6, 0.97);
}
ul.sub_heading li.active {
    background: #ec1c24;
    padding: 5px 10px;
    border-radius: 8px;
}
ul.sub_heading li.active a {
    color: #fff;
}
.silebar {
    max-width: 300px;
    padding-left: 30px;
}
.content_news {
    width: calc(100% - 320px);
}
.flex.contact_news {
    justify-content: space-between;
    align-items: center;
}
.flex.contact_news .time {
    margin: 0;
}
.postMeta {
    padding: 15px 0px;
    border-top: 1px solid #e4e2e2;
    border-bottom: 1px solid #e4e2e2;
    margin: 10px 0px;
}
.content {
    margin-bottom: 20px;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
}
.postRelated .itemt_list_cate {
    margin-left: -15px;
    margin-right: -15px;
}
.sideBlk-head {
    background: #ec1c24;
    color: #fff;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
}
.sideBlk-head h4 {
    border-left: 2px solid;
    padding-left: 10px;
}
.listings .intro {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.listings .content_itemtnews {
    max-width: 55%;
}
.listings .img {
    max-width: 45%;
    padding-right: 10px;
}
.listings .img a {
    border-radius: 10px;
    overflow: hidden;
}
.listings ul li {
    margin-top: 15px;
}
.postRelated .list_news_cate {
    margin: 0;
}
.layout_position {
    position: relative;
}
.max_containerto_840 .content_section {
    margin-left: -15px;
    margin-right: -15px;
}
.section_gage_pckage .list_item {
    width: 33.33%;
    flex: 0 0 33.33%;
}
.section_page.detail_page.section_gage_pckage .detail_content_package {
    background: #ec1c24;
    padding: 20px;
    border-radius: 20px;
}
.content_news .detail_content_package .img {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}
.detail_package_detail h5 {
    margin: 0;
    font-size: 15px;
}
.detail_package_detail .packLabel {
    opacity: 0.5;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 12px 0;
    color: #fff;
}
.packPrice {
    display: flex;
    background: rgb(0 0 0 / 0.25);
    border-radius: 6px;
    padding: 8px;
    font-weight: 600;
    margin-bottom: 10px;
    align-items: baseline;
    cursor: pointer;
    color: #fff;
}
.detail_package_detail .listpack li {
    cursor: pointer;
    border: none;
    color: #fff;
}
.detail_package_detail .listpack li span.icon {
    background: #fff;
}
.detail_package_detail .listpack {
    margin-bottom: 20px;
}
.detail_package_detail .packNote p {
    margin: 0px;
    margin-bottom: 10px;
    color: #fff;
}
.guide_log {
    background: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 20px;
    border-radius: 6px;
    font-weight: 700;
}
.guide_log a {
    color: #ec1c24;
}
.packGuide {
    margin-bottom: 20px;
}
.section_gage_pckage .title_lager {
    font-size: 22px;
    margin-top: 30px;
}
.section_gage_pckage .content_section .listpackage {
    margin-left: -15px;
    margin-right: -15px;
}
table.fixed_thead {
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: left;
}

thead.stick_thead {
    width: 100%;
    position: sticky;
    top: 0;
    /*display: none;*/
    transform: translateY(0px);
    -o-transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s linear 0s, display 0.3s linear 0s;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s linear 0s, display 0.3s linear 0s, -webkit-transform 0.2s ease;
}

td, th {
    padding: 0.75em 1.5em;
    text-align: left;
}
th {
    background-color: #31bc86;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
tbody tr:hover {
    background-color: rgba(129,208,177,.3);
}
.open_sticked_table .stick_thead {
    display: table-header-group;
    transform: translateY(0px);
}

.listpackage .cart_ct.flex {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
}
.listpackage .item {
    margin-bottom: 25px;
}
/*update*/
    .content_itemtnews .time {
        display: flex;
        justify-content: space-between;
    }
    .news_box .position_block p.time_push {
        display: flex;
        justify-content: space-between;
    }

    .news_box .position_block p.time_push a {
        font-size: 16px;
    }
    .bg_gray {
        background: #f5f5f5;
    }
    .list_item .box_a{
        background: #fff;
    }
    .packTitle a {
        color: #fff;
    }
    .section_page.detail_page.section_gage_pckage .detail_content_package {
        margin-bottom: 25px;
    }
    .listings .img{
        width: 40%;
    }
    .tags_detail {
        display: flex;
        margin-bottom: 20px;
    }

    .tags_detail .lable {
        font-family: 'Roboto_Regular';
        font-weight: 600;
        margin-right: 15px;
        min-width: 70px;
        padding: 5px 0px;
    }

    .tags_detail ul.tags {
        display: flex;
    }

    .tags_detail ul.tags li {
        margin-right: 15px;
        margin-bottom: 10px;
        padding: 5px 10px;
        background: #0094bf29;
        border-radius: 15px;
    }
    .news_box .list_news_right .news_item_right.flex {
        max-height: 153px;
    }
    .list_news_cate .item_contentcate .img_div {
        max-height: 228px;
        overflow: hidden;
    }
    .silebar .sideBlk-content .news_item_right .content_itemtnews .intro a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .news_box .itemnews {
        max-height: 445px;
    }

/*end update*/
/*
     FILE ARCHIVED ON 04:31:19 Apr 30, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:32:34 Sep 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.498
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.047
  esindex: 0.011
  cdx.remote: 6.568
  LoadShardBlock: 38.623 (3)
  PetaboxLoader3.datanode: 45.444 (4)
  load_resource: 52.247
  PetaboxLoader3.resolve: 43.011
*/