@charset "utf-8";/* CSS Document */
@import url("css/fonts.css");* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
    font-weight: 100
}

img {
    max-width: 100%
}

body {
    font-family: 'SairaRegular';
    font-size: 14px;
    line-height: 1.5;
    height: 100%;
    max-width: 1349px;
    margin: auto
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#pre-loader {
    background: #F5F5F5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

#pre-loader #wrap {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    text-align: center;
    width: 170px;
    height: 170px
}

#preloader_1 {
    position: relative
}

#preloader_1 span {
    display: block;
    bottom: -20px;
    width: 9px;
    height: 5px;
    background: #9b59b6;
    position: absolute;
    animation: preloader_1 1.5s infinite ease-in-out;
    left: 50%;
    margin-left: -35px
}

#preloader_1 span:nth-child(2) {
    left: 11px;
    animation-delay: .2s;
    left: 50%;
    margin-left: -20px
}

#preloader_1 span:nth-child(3) {
    left: 22px;
    animation-delay: .4s;
    left: 50%;
    margin-left: -5px
}

#preloader_1 span:nth-child(4) {
    left: 33px;
    animation-delay: .6s;
    left: 50%;
    margin-left: 10px
}

#preloader_1 span:nth-child(5) {
    left: 44px;
    animation-delay: .8s;
    left: 50%;
    margin-left: 25px
}

@keyframes preloader_1 {
    0% {
        height: 5px;
        transform: translateY(0);
        background: #9b59b6
    }

    25% {
        height: 30px;
        transform: translateY(15px);
        background: #3498db
    }

    50% {
        height: 5px;
        transform: translateY(0);
        background: #9b59b6
    }

    100% {
        height: 5px;
        transform: translateY(0);
        background: #9b59b6
    }
}

a:focus {
    outline: 0;
    color: #000000;
}

.dkdn_box .col2 {
    padding: 10px;
}

.custom_modal .nav-tabs>li {
    width: 50%;
    -webkit-box-shadow: inset 2px -2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: inset 2px -2px 5px 0px rgba(0,0,0,0.1);
    text-align: center;
    text-transform: uppercase;
}

#error-login {
    font-family: 'RobotoBold';
    color: #f00;
    text-align: center;
    font-size: 15px;
}

.dkdn_box p.title-log {
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #cf0656;
    text-transform: uppercase;
    text-align: center;
    padding-top: 1em;
}

.dkdn_box p.intro-log {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    color: #999999;
}

.link-return {
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 0 0 1em 0;
    color: #999999;
}

/*ANH TL*/
.fullscreen {
    width: 100% !important
}

.pad015 {
    padding: 0 15px !important
}

.colorred {
    color: red
}

.textright {
    text-align: right !important
}

.textcenter {
    text-align: center!important
}

.textlarge {
    font-size: 1.5em
}

/*ANH TL*/
#timkiem input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
    font-family: "RobotoRegular";
    font-style: italic
}

#timkiem input:-moz-placeholder {
    color: #fff;
    font-size: 14px;
    font-family: "RobotoRegular";
    font-style: italic
}

#timkiem input::-moz-placeholder {
    color: #fff;
    font-size: 14px;
    font-family: "RobotoRegular";
    font-style: italic
}

#timkiem input:-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
    font-family: "RobotoRegular";
    font-style: italic
}

.khungbao {
    min-height: 225px
}

ul#search {
    font-weight: normal;
    position: absolute;
    opacity: 0;
    top: 100%;
    z-index: 999;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: left;
    max-height: 315px;
    overflow-y: auto;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    padding: 0;
    margin: 0
}

ul#search:empty {
    border: none
}

ul#search::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5
}

ul#search::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

ul#search::-webkit-scrollbar-thumb {
    background-color: #b6b6b6
}

ul#search.active {
    opacity: 1
}

ul#search li {
    display: block;
    float: none;
    padding: 5px;
    line-height: 19px;
    border: 1px solid #d7d7d7;
    border-right: none;
    border-bottom: none;
    box-sizing: border-box;
    cursor: pointer
}

.input-group {
    width: 150px;
    text-align: center;
    float: left;
    margin: 0;
    margin-right: 1em;
    padding-top: 0.5em
}

#search-hover {
    float: left;
    width: 95px;
    padding: 0;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    cursor: pointer;
    background: #e5e5e5;
    margin-right: 10px;
    position: absolute;
    z-index: 100
}

#search-hover li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
    height: 45px;
    line-height: 45px
}

#search-hover li img {
    max-width: 71px
}

.select2-results__options:empty {
    border: none
}

.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #b6b6b6
}

/*#timkiem span{float:left;width:95px;background:#e5e5e5;height:42px;display:block;border:1px solid #e5e5e5}
*/
#timkiem img.active-seleted {
    background: #e5e5e5;
    padding-left: 10px;
    cursor: pointer
}

#timkiem span i {
    position: absolute;
    left: 80px;
    top: 15px
}

#timkiem {
    width: 90%;
    float: right;
    position: relative;
    margin-top: 10px;
}

#timkiem .input {
    width: 100%;
    height: 30px;
    float: right;
    background: #145e9a;
    color: #999;
    border: 0;
    margin: 0;
    outline: none;
    font-family: "RobotoRegular";
    font-size: 12px;
    overflow: hidden;
    border-radius: 6px;
    transform: skew(15deg);
}

#timkiem .input .select2-container--default .select2-selection--single {
    background: #fff
}

#timkiem .input .select2-container {
    width: 100%!important
}

#timkiem input {
    width: 100%;
    float: left;
    height: 100%;
    border: 0;
    padding: 0 0 0 20px;
    font-size: 15px;
    font-family: "RobotoRegular";
    color: #fff;
    background: transparent;
    transform: skew(-15deg);
}

#timkiem .input .select2-container .select2-selection--single {
    height: 42px!important
}

#timkiem .input .select2-container--default .select2-selection--single {
    border-radius: 0!important;
    border: 0
}

#timkiem .input .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 42px!important;
    line-height: 42px!important
}

#timkiem .input .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px!important;
    right: 30px
}

#timkiem button {
    float: right;
    border: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    background: transparent;
}

.search {
    float: right;
    border: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: url(images/search.png)no-repeat center;
}

/*.search:after{position:absolute;content:'';left:0;top:10px;height:20px;width:1px;background:rgba(179,179,179,1)}
*/
.search i {
    font-size: 22px;
    color: rgb(255, 255, 255);
}

.dathang_ {
    width: 100%;
    float: left;
    text-align: center
}

.dathang_ .form_dathang {
    float: none;
    margin: auto
}

.uploader {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 2px #f4f4f4;
    -webkit-box-shadow: 0 0 0 2px #f4f4f4;
    -moz-box-shadow: 0 0 0 2px #f4f4f4;
    border: 1px solid #DDD;
    background: white;
    padding: 2px 2px 2px 8px
}

#lang_drop {
    float: left;
    width: 140px;
    padding: 0;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    cursor: pointer;
    position: absolute;
    z-index: 100
}

#lang_drop i {
    position: absolute;
    left: 80px;
    top: 13px;
    color: #000
}

#lang_drop .select2-container {
    width: 70px!important
}

#lang_droplist {
    height: 42px;
    width: 100%;
    line-height: 22px;
    color: #717171;
    cursor: pointer;
    display: inline-block;
    text-align: right;
    text-transform: capitalize;
    font-size: 11px
}

#lang_droplist img {
    margin-right: 10px
}

#lang_droplist ul#menu_location_list {
    background: white;
    width: 100%;
    border: 1px solid #ccc;
    margin: -5px 0 0;
    padding: 0 0 0;
    list-style: none;
    display: none;
    z-index: 99999;
    position: relative;
    float: right
}

#lang_droplist ul#menu_location_list li {
    float: none;
    display: block;
    height: 42px;
    padding: 0;
    margin: 0
}

#lang_droplist ul#menu_location_list li a {
    height: 42px;
    line-height: 42px;
    padding: 0;
    color: #717171;
    padding: 0;
    text-decoration: none;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 11px
}

.cart {
    float: right;
    display: flex;
    position: fixed;
    right: 0;
    top: 1em;
    z-index: 999;
}

.cart li {
    position: relative;
    display: flex;
}

.cart li p {
    float: left;
    width: 40px;
    height: 40px;
    background: rgb(25,117,221);
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}

.cart li.dnhap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
}

.cart a span {
    position: absolute;
    top: 0;
    left: 30px;
    width: 18px;
    height: 12px;
    border-radius: 8px;
    background: rgb(167,222,63);
    border: 1px solid #fff;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 12px
}

.cart a {
    font-size: 14px;
    font-family: "RobotoRegular";
    color: #fff;
}

.headers .dnhap .a {
    background: url(images/dk.png)repeat top center;
    width: 104px;
    height: 27px;
    line-height: 27px;
    margin-top: 8px;
}

.headers a:hover {
    color: rgb(232,232,0);
}

.right {
    width: calc(100% - 300px);
    float: right
}

.content_info_sc {
    width: 150px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 0;
    position: absolute;
    top: 75%;
    right: 0;
    z-index: 999;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none
}

.content_info_sc ul {
    list-style-type: none
}

.content_info_sc ul li {
    padding: 3px 10px
}

.content_info_sc ul li a,.if_ac li a {
    color: #000;
    font-size: 12px;
    font-family: 'RobotoRegular'
}

.content_info_sc ul li:hover,.if_ac li:hover {
    background-color: #f5f5f5
}

.sTable thead td:first-child {
    border-left: none
}

.sTable thead td {
    text-align: center;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    background: #f0f0f0;
    color: #878787;
    font-size: 11px;
    color: #878787;
    font-weight: normal;
    padding: 3px 8px 2px
}

.sTable tbody td {
    border-left: 1px solid #e4e4e4;
    padding: 5px 5px;
    vertical-align: middle;
    font-size: 12px
}

.sTable tbody tr {
    border-top: 1px solid #e4e4e4
}

.sTable tbody tr:first-child {
    border-top: none
}

.sTable tbody td p {
    margin: 0
}

.sTable {
    border: 1px solid #cdcdcd;
    border-collapse: collapse
}

/*#lang_drop:hover ul#menu_location_list{display:block!important}
*/
ul#menu_location_list li:hover a {
    color: #f00!important
}

a {
    text-decoration: none
}

.margin_auto {
    width: 1200px;
    margin: auto;
    position: relative
}

#banner,#logo {
    float: left
}

#banner {
    float: left
}

#logo {
    float: left
}

.headers {
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: "RobotoRegular";
    ;color: rgb(76,76,76);
    padding: .3em 0;
    background: rgb(234,234,234)
}

#hinhanh_top {
    float: right;
    margin: 15px 0 10px
}

#container {
    float: left;
    background: #fff
}

.container {
    width: 100%;
    float: left;
    background: none no-repeat bottom center
}

#logo img,#banner img {
    max-width: 100%;
    display: block
}

#top {
    width: 100%;
    float: left;
    background: url(images/gocphai.png) no-repeat right top
}

.top_info {
    width: 100%;
    float: left;
    height: 40px;
    background: #efefef
}

.right_top {
    width: calc(100% - 14% - 425px);
    float: right
}

.hotro_top {
    width: 100%;
    float: left;
    background: #0a3594;
    padding: 10px 0 5px;
    font-family: 'OpenSansRegular'
}

.email_top {
    float: left;
    padding: 0 30px 0 0;
    line-height: 40px;
}

.email_top i {
    font-size: 18px;
    color: rgb(25,117,221);
}

.email_top span {
    font-family: "RobotoBold";
    color: #f00
}

.email_top a {
    color: #4a4a4a
}

.email_top a:hover {
    color: #0098e5;
    text-decoration: underline
}

.diachi_top {
    float: left;
    position: relative;
    font-family: "OpenSansRegular";
    font-size: 14px;
    line-height: 40px;
}

.diachi_top i {
    font-size: 18px;
    color: rgb(25,117,221)
}

.tendv_top {
    width: 50%;
    float: left
}

.hinhdv_top {
    width: 33%;
    float: left
}

.hotnews {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 5px;
    margin-bottom: 1em;
}

.hotnews img {
    border-radius: 50%;
    transition: .5s all;
}

.hotnews img:hover {
    transform: scale(.95);
    transition: .5s all;
}

.hotnews .col {
    padding-top: 10px;
}

.hotnews h3 a {
    font-family: 'RobotoBold';
    font-size: 14px;
    color: rgb(47,47,47);
}

.hotnews h3 a:hover {
    color: #f00
}

.hotnews p {
    color: rgb(92,92,92);
    font-size: 14px;
    font-family: 'RobotoRegular';
}

.hotro_bv {
    background: url(images/hotro_bv.png)no-repeat left .5em top 1em;
    display: inline-block;
    width: 100%;
    padding: 1em 0 0 4em;
    height: 7em;
    font-family: 'RobotoRegular';
    font-size: 14px;
}

.hotro_bv span {
    color: rgb(160,10,52);
}

.share {
    padding: 10px 0 0 10px;
    float: left
}

.slogan {
    width: 100%;
    float: left;
    background: rgba(155,14,98,1)
}

.slogan p {
    text-align: center;
    padding: 9px;
    color: rgba(255,255,255,1);
    font-size: 15px;
    font-family: "SFUFuturaHeavy";
    text-transform: uppercase
}

.dangnhap_top {
    float: right;
    margin: 25px 0 0;
    text-align: right
}

.dangnhap_top a {
    color: #262626;
    padding: 0 10px
}

.dangnhap_top a:hover {
    color: #00c1f8;
    text-decoration: underline
}

.mangxh {
    float: left
}

.mangxh h4 {
    float: left;
    margin-top: 8px;
    font-size: 16px;
    color: #fff
}

.mangxh a {
    float: left;
    padding: 2px 5px 0
}

.mangxh_top {
    float: right;
    padding: 10px
}

.mangxh_top a {
    float: right;
    padding: 0 0 0 15px
}

.mangxh_top span {
    font-family: "RobotoRegular";
    font-size: 13px;
    color: rgb(255,255,255)
}

.mangxh_top:hover a {
    color: rgb(255,0,0)
}

.mangxh_top_ {
    width: 32%;
    float: right;
    padding: 0
}

.mangxh_top_:hover a {
    color: rgb(255,0,0)
}

.mangxh_top .hinhdv_top {
    width: 30%
}

.mangxh_top_ a {
    font-family: "RobotoBold";
    font-size: 13px;
    color: rgb(65,65,65);
    text-transform: uppercase
}

.thongtin_tt {
    float: left;
    width: 540px;
}

.thongtin_tt a {
    font-family: "RobotoRegular";
    color: rgb(85,85,85);
    font-size: 14px
}

.thongtin_tt a:hover img {
    transform: rotate(360deg);
    transition: 1s
}

.thongtin_tt li {
    float: left;
    position: relative;
    width: 100%;
}

.thongtin_tt li h1 {
    font-family: 'SFUAuchonRegular';
    font-size: 38px;
    text-transform: uppercase;
    color: rgb(247,0,0);
}

.tygia {
    width: 140px;
    float: left;
    height: 40px;
    line-height: 41px
}

#header {
    width: 100%;
    float: left
}

.fixed {
    position: fixed!important;
    left: 0;
    top: 0;
    z-index: 99
}

.fixed .menu_left {
    display: none
}

.top_bg {
    background: #02b8f1;
    width: 100%;
    float: left
}

.top_bg ul {
    float: right
}

.top_bg ul li {
    display: inline-block;
    position: relative;
    height: 30px;
    float: left
}

.top_bg ul li a.kt_vandon {
    font-size: 12px;
    color: #fff;
    float: left;
    padding: 0 15px 0 0;
    margin-right: 10px;
    background: url(images/down_t.jpg) no-repeat right 12px;
    height: 30px;
    line-height: 30px
}

.top_bg ul li:hover a {
    color: #FFF000
}

.top_bg ul li .dropdown {
    top: 100%;
    z-index: 999;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 300px
}

#menu_top {
    width: 20%;
    float: left;
    margin: 0;
    position: relative;
    border: 2px solid #00b1f0;
    border-top: 0
}

#menu_top h2 {
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: url(images/icon_danhmuc.png) no-repeat 20px 15px;
    background-color: #00bcff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 100;
    font-family: 'RobotoCondensedBold';
    color: #fff
}

#menu_top ul.big {
    width: 100%;
    float: left;
    padding: 5px
}

#menu_top ul li.fi {
    width: 100%;
    float: left;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    border-bottom: 1px dotted #ccc;
    background: url(images/style.png) no-repeat 215px 15px
}

#menu_top ul li.fi:last-child {
    border-bottom: 0
}

#menu_top ul li.fi a.fi1 {
    color: #333;
    display: block
}

#menu_top ul li.fi .fi1 span img {
    width: 22px;
    height: 22px;
    float: left
}

#menu_top ul li.fi .fi1 span {
    float: left;
    background: #fff;
    border-radius: 100%;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #999
}

#menu_top ul li.fi:hover {
    background-color: rgba(0,0,0,0.05)
}

#menu_top ul li.fi:hover a.fi1 {
    color: #0369B1
}

#menu_top .sub_menu {
    width: 540px;
    background: #fff;
    left: 244px;
    top: 0;
    border: 1px solid #00b3f2;
    float: left;
    position: absolute;
    z-index: 1000;
    height: 445px;
    display: inline-block;
    display: none;
    padding: 5px;
    transition: 0.5s
}

#menu_top .sub_menu ul {
    width: 220px;
    float: left;
    height: 435px;
    background: #efefef
}

#menu_top .sub_menu li {
    line-height: 1.5;
    text-transform: capitalize;
    width: 100%;
    float: left;
    position: relative
}

#menu_top .sub_menu li a {
    float: left;
    width: 100%;
    padding: 7px 0 7px 25px;
    border-bottom: 1px dotted #ccc;
    background: url(images/muiten_trong.png) no-repeat 10px 13px;
    color: #666;
    font-size: 14px
}

#menu_top .sub_menu li a:hover {
    color: #00749A;
    text-decoration: underline
}

.khung_sale {
    width: 100%;
    float: left;
    padding: 2em 1em;
    margin: 1em 0;
    background: rgb(225,224,224);
    border: 2px solid rgb(172,219,235)
}

.khung_sale .khungbao {
    background: #fff;
    border: 1px solid rgb(202,202,202)
}

.khung_sale .owl-item {
    padding: 0
}

.khung_sale .khungbao h3 {
    text-align: center
}

.khung_sale .khungbao h3 a {
    font-size: 14px;
    font-family: "RobotoBold";
    color: rgb(62,62,62)
}

.sale {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 37px;
    background-color: rgba(255,212,36,.9);
    text-align: center;
    width: 56px;
    height: 35px;
    font-size: 15px;
    color: red;
    font-family: "RobotoBold"
}

.sale:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    border-style: solid;
    position: absolute;
    border-width: 0 28px 4px;
    border-color: transparent rgba(255,212,36,.9)
}

.tab_menu {
    width: calc(100% - 30% - 252px);
    float: left
}

.thanh_tab {
    width: 100%;
    float: left
}

.owl_carousel_dm li a {
    position: relative;
    width: 100%;
    float: left;
    text-transform: uppercase;
    margin-bottom: 3px
}

.owl_carousel_dm li h3 {
    position: absolute;
    z-index: 100;
    width: 100%;
    float: left;
    text-align: center;
    top: 0;
    font-family: 'RobotoCondensed';
    font-size: 40px;
    color: #fff;
    padding: 140px;
    text-shadow: 1px 1px 0 #333,-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333
}

.owl_carousel_dm img {
    display: block
}

.owl_carousel_dm .owl-controls {
    display: none
}

#danhmuc {
    width: 100%;
    float: left;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: 10px 0 30px
}

#slide_show {
    float: right;
    position: relative;
    width: 100%;
    padding: 10px 0;
    background: url(images/box.png)no-repeat top center;
}

.baiviet_slider {
    width: 49.25%;
    height: 215px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 60px;
    left: 0%;
    padding: 30px 88px 30px 60px
}

.baiviet_slider .thanh_gt:after {
    width: 60px;
    height: 2px;
    content: '';
    background: rgb(255,255,255);
    top: 64.1%;
    left: 0;
    position: absolute
}

.baiviet_slider h4 {
    font-size: 20px;
    font-weight: 100;
    text-transform: capitalize;
    width: 100%;
    float: left;
    text-align: left;
    font-family: 'RobotoBold';
    color: rgb(255,255,255);
    position: relative;
    padding: 0 0 25px;
    text-transform: uppercase
}

.baiviet_slider p {
    color: rgb(255,255,255);
    font-family: "RobotoRegular";
    font-size: 15px;
    text-align: left
}

#baiviet {
    width: 100%;
    float: left;
    padding: 0 0 40px
}

.nd_baiviet {
    width: 38.16666%;
    margin: 0 auto
}

.nd_baiviet p {
    font-family: "RobotoRegular";
    font-size: 15px;
    color: rgb(51,51,51);
    text-transform: uppercase;
    line-height: 2.5
}

.nd_baiviet span {
    font-family: "RobotoRegular";
    font-size: 20px;
    color: rgb(239,7,8)
}

#deal {
    background: #f7f7f7;
    width: 100%;
    float: left;
    margin: 20px 0
}

.breadcrumb {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 5;
    background: transparent;
    border-bottom: 1px solid #e2e1e1;
    border-radius: 0;
    margin-bottom: 1em;
}

.breadcrumb li a {
    position: relative;
    color: #333;
    font-family: "SairaRegular";
}

.breadcrumb li a:hover {
    color: rgb(233,0,0);
}

#home {
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
    padding: 10px 0;
    webkit-box-shadow: 0 5px 15px -2px rgba(0,0,0,.36);
    box-shadow: 0 5px 15px -2px rgba(0,0,0,.36)
}

/*.thanh_deal{width:100%;float:left;background:#fff;border-top:2px dashed #f00;margin:0 0 10px;font-family:'UTMAvo';font-weight:bold;text-transform:uppercase}
.thanh_deal:before{content:'';background:url(images/keo.png) no-repeat;width:32px;height:25px;float:left;position:relative;left:-22px;top:-17px}
.thanh_deal h4{font-size:18px;color:#205baf;padding:5px 0}
.thanh_deal h4 span{color:#E20000}
.thanh_deal a{float:right;font-size:14px;color:#333;text-transform:capitalize;padding:0 10px 0 0;background:url(images/arrow-57.png) no-repeat right 8px;margin-right:10px}
.thanh_deal a:hover{color:#036C8F;text-decoration:underline}
*/
.thanh_deal {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0 25px
}

.thanh_deal h2,.thanh_deal h4,.thanh_deal h1 {
    color: rgba(80,80,80,1);
    font-size: 22px;
    padding: 7px 20px 20px;
    position: relative;
    text-transform: uppercase;
    font-family: 'SFUFutura';
    font-weight: 100;
    display: inline-block
}

.thanh_deal h2:after {
    content: '';
    width: 60px;
    height: 2px;
    background: rgb(255,0,0);
    position: absolute;
    left: 50%;
    bottom: 12px;
    z-index: 100;
    margin-left: -26px
}

.header_top {
    width: 100%;
    float: left
}

#shiphang {
    width: 400px;
    float: right;
    background: #ebebeb;
    padding: 10px
}

.shiphang {
    padding: 20px;
    border: 1px dashed #0a3594;
    min-height: 455px;
    text-align: center
}

.shiphang form {
    width: 100%;
    float: left
}

.shiphang form label {
    text-transform: uppercase;
    color: #0a3594;
    float: left;
    width: 100%;
    padding: 5px;
    text-align: center
}

.shiphang form input {
    padding: 10px;
    width: 100%;
    float: left;
    border: 0;
    margin-bottom: 10px;
    text-align: center
}

.shiphang form input#tenkhachhang {
    background: url(images/khach.jpg) no-repeat 15px 10px;
    background-color: #fff
}

.shiphang form input#dienthoai {
    background: url(images/dienthoai.jpg) no-repeat 15px 10px;
    background-color: #fff
}

.shiphang form button {
    width: 100%;
    float: left;
    background: #0a3594;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 0 10px;
    border: 0;
    margin-top: 10px
}

.hotline_kh {
    width: 100%;
    float: left;
    font-size: 34px;
    font-family: 'OpenSansBold';
    color: #0a3594;
    padding: 7px 0 7px 40px;
    background: url(images/goi.png) no-repeat;
    margin-top: 30px
}

#order_tracking .dropdown__title {
    margin: 10px 0;
    text-transform: uppercase
}

.dropdown__title {
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 10px;
    text-transform: uppercase
}

.form label {
    display: block;
    padding: 5px 0;
    font-weight: 100;
    font-size: 12px
}

.form__submit__button {
    border: 0;
    background: #f36f21;
    padding: 5px 20px;
    color: #fff
}

.form__submit__button:hover {
    background: #036289
}

.form__input__text {
    position: relative;
    box-sizing: border-box;
    outline: 0;
    border: 1px solid rgba(0,0,0,.5);
    margin: 0;
    padding: 5px;
    font-size: 12px;
    width: 100%;
    border-radius: 3px
}

.kiemtra_donhang li {
    display: inline-block;
    padding: 5px 30px 5px 0
}

.kiemtra_donhang {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 20px 0
}

.thongtin_donhang li {
    padding: 5px 30px 5px 0;
    border-bottom: 1px solid #eee
}

.thongtin_donhang {
    width: 100%;
    float: left;
    margin: 20px 0;
    border-top: 1px solid #ccc
}

.chitiet_donhang {
    width: 100%;
    float: left;
    text-align: center
}

.chitiet_donhang h3 {
    width: 75%;
    float: right;
    padding: 20px
}

.title_don {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: center
}

.title_don td {
    padding: 5px;
    background: #eee
}

.owl-carousel_news .owl-controls {
    display: none
}

.dichvu {
    padding: 10px;
    margin-bottom: 12px;
    position: relative
}

.dichvu h3:before {
    content: '';
    width: 56px;
    height: 40px;
    background: url(images/icon.jpg) no-repeat;
    float: left;
    margin-right: 20px
}

.dichvu h3 {
    width: 100%;
    float: left;
    background: #f4f3f3;
    height: 40px;
    line-height: 40px;
    color: #555;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoMedium'
}

.dichvu img {
    width: 100%;
    transition: 0.5s
}

.dichvu .dv_hinh {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.dichvu .dv_hinh:hover img {
    transform: scale(1.1)
}

.noidung_load h2 {
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    color: #555;
    width: 100%;
    float: left;
    font-size: 18px;
    font-family: 'RobotoMedium';
    height: 40px;
    line-height: 40px
}

.noidung_load h2:before {
    content: '';
    background: url(images/icon.jpg) no-repeat;
    width: 56px;
    height: 40px;
    float: left;
    margin-right: 20px
}

.top_search {
    background: #f6f6f6;
    width: 100%;
    float: left
}

.quangcao {
    margin: 0;
    display: block;
}

.quangcao img {
    width: 100%
}

.photo_item_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(232,83,2,0.5);
    opacity: 0;
    transform: scale(0);
    transition: transform 0.5s ease 0s
}

.photo_item_overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px
}

.icon_background {
    display: block;
    background: transparent none repeat scroll 0% 0%;
    height: 60px;
    width: 60px;
    padding: 13px;
    border-radius: 150px;
    transform: scale(0);
    transition: all 0.3s ease 0s
}

.icon_button {
    position: absolute;
    padding: 13px;
    font-size: 30px;
    color: #FFF
}

.tim {
    padding: 0
}

.tim a {
    padding: 15px 25px 0 !important
}

.tim a img {
    float: left;
    margin-right: 10px
}

.dichvu:hover .photo_item_overlay,.block:hover .photo_item_overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.photo_item_overlay a:hover .icon_background {
    background: rgba(0,0,0,0.7);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#banner,#banner_mobile {
    float: left;
    padding: 0
}

#banner_mobile {
    display: none
}

#slogan {
    font-family: 'SFUSouvenirBold';
    float: left;
    width: 650px;
    padding: 25px 0 0 30px;
    color: #0065a2;
    font-size: 22px;
    text-transform: uppercase
}

#album img {
    width: 230px;
    float: left;
    padding: 4px;
    margin: 8px;
    border: 1px solid #cde0fe;
    height: 150px
}

#album img:hover {
    opacity: 0.8
}

#main_menu {
    float: left;
    width: 100%;
    background: #da0000;
}

.slide {
    width: calc(100% - 21.666%);
    float: left;
    padding: 10px 10px 10px 0
}

.bong_sl {
    width: 100%;
    float: left;
    height: 32px;
    background: url(images/bg_slide.png) no-repeat
}

.ngonngu {
    float: right;
    margin: 20px 10px 5px 0
}

.ngonngu img {
    margin-left: 5px
}

.ngonngu img:hover {
    box-shadow: 0 0 10px #ccc
}

.ngonngu p {
    text-align: center
}

.ngonngu a {
    color: #666
}

.ngonngu a:hover {
    color: #037CBB
}

.owwl {
    width: 25%;
    float: right
}

.owwl .owl-carousel .owl-item {
    padding: 0
}

.fluid_container {
    width: 920px;
    float: right;
}

.fluid_container .camera_wrap {
    margin-bottom: 0!important
}

.fluid_container .camera_pag {
    position: absolute;
    bottom: 0;
    right: 0
}

#thongtin {
    width: 100%;
    float: left;
    padding: 20px 0 30px;
    background: #f0f0f0
}

.baiviet {
    width: 225px;
    float: left;
    box-shadow: 2px 2px 2px #ccc;
}

.baiviet h4 {
    font-family: 'RobotoBold';
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    float: left;
    padding: 1.2em 0;
    text-align: center;
    border-bottom: 1px solid rgb(225,225,225);
}

.baiviet ul {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.baiviet ul li {
    width: 100%;
    float: left;
    line-height: 1;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid rgb(225,225,225);
}

.baiviet ul li .col-md-3 {
    padding: 0
}

.baiviet ul li .col-md-9 {
    padding: 0
}

.baiviet ul li:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.baiviet ul li img {
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    z-index: -1
}

.baiviet h3 {
    margin: 0;
    padding: 5px 0 0 0
}

.baiviet h3 a {
    font-family: "RobotoRegular";
    font-size: 15px;
    color: rgb(160,10,52);
}

.baiviet h3 a:hover {
    color: rgb(114,17,18)
}

.baiviet p {
    font-size: 15px;
    font-family: "SFUFuturaBook";
    color: rgb(111,111,111);
    line-height: 1.4
}

.baiviet img {
    padding: 3px 0 0 0
}

.bong_tren {
    width: 100%;
    float: left;
    background: url(images/bongtren.png) no-repeat;
    height: 17px;
    margin: 20px
}

.bong_duoi {
    width: 100%;
    float: left;
    background: url(images/bongduoi.png) no-repeat;
    height: 40px;
    margin: 0
}

#video {
    width: 100%;
    float: left
}

#video_load {
    margin: 0;
    background: url(images/bg_pro.png) repeat;
    width: 100%;
    float: left
}

#video_load .object {
    background: #fff;
    width: 100%;
    float: left
}

.video {
    width: 100%;
    float: left
}

.owl-carousel_video.owl-carousel .owl-item {
    padding: 0;
}

.select_video {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 0 0;
}

.select_video select {
    width: 100%;
    padding: 5px
}

.sanpham_dm ul li a {
    text-decoration: none;
    width: 300px;
    float: left;
    padding: 0 0 8px 10px;
    color: rgba(255,255,255,1)
}

.sanpham_dm ul li a:hover {
    color: rgba(255,255,0,1)
}

.tieude {
    margin: 10px auto;
    width: 50%;
    ;color: #666;
    font-size: 24px;
    text-align: center
}

.noidung {
    text-align: justify;
    color: #000;
    padding: 10px 0;
    width: 100%;
    display: inline-block
}

.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0 40px 20px 0
}

.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}

.form_lh {
    width: 100%;
    float: right;
    padding: 0;
}

#form_contact input {
    padding: 5px
}

.timkiem button:hover {
    color: rgba(255,255,0,1)
}

#thuonghieu {
    width: 260px;
    float: left;
    margin: 30px 0 0 0
}

.main_select {
    padding: 9px 0 8px 10px;
    font-size: 14px;
    font-family: "RobotoRegular";
    color: rgb(64,64,64);
    width: 100%;
    height: 42px
}

.giohang_top a {
    width: 26px;
    height: 30px;
    float: right;
    position: relative;
    color: #F00;
    height: 42px;
    background: url(images/taikhoan.png) no-repeat;
    margin: 30px 0 0 10px;
    padding: 9px 0 0 9px
}

.giohang_top span {
    float: left;
    color: #F00
}

#slide_top {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 5px solid #7aaa00
}

#giaohang {
    width: 900px;
    float: right
}

#giaohang li {
    width: 165px;
    float: left;
    padding: 0 20px 0 45px;
    text-transform: uppercase;
    font-size: 12px
}

#giaohang li a {
    display: inline-block;
    color: #000
}

.load_phivanchuyen {
    float: right;
    font-weight: bold
}

.load_phivanchuyen span {
    color: #F00
}

.vien_slide {
    width: 100%;
    float: left;
    position: absolute;
    background: url(images/bong_slide.png) no-repeat;
    height: 55px;
    background-size: 100%;
    bottom: 10px
}

.album {
    width: 24%;
    float: left;
    margin-right: 1.3%;
    margin-bottom: 1.3%
}

.album:nth-child(4n) {
    margin-right: 0
}

.album a {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 1px;
    border: 1px solid #cde9ff
}

.album img {
    width: 100%;
    float: left;
    display: block
}

.album h3 {
    font-size: 15px;
    position: absolute;
    z-index: 10;
    bottom: -100px;
    left: 0;
    right: 0;
    background: #1975dd;
    color: #fff;
    padding: 5px;
    transition: 0.5s;
}

.album:hover h3 {
    bottom: 0;
    transition: .5s all;
}

.khung_album {
    width: 100%;
    float: left;
    overflow: hidden
}

.fom_gh {
    margin: 10px
}

.input-group {
    width: 100%;
    padding: 0
}

.input-group-but {
    text-align: center;
    margin: 10px 0 20px
}

.input-group-but button {
    background: #000;
    padding: 10px 40px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 24px
}

#main {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
}

#mains:after {
    content: '';
    width: 100%;
    float: left;
    height: 29px;
    position: absolute;
    bottom: -29px;
    left: 0
}

.main {
    width: 100%;
    float: left
}

.khung_pro {
    width: 100%;
    float: right
}

.wrap {
    width: 100%;
    float: left;
    padding: 0 0 20px 0
}

.wrap .khung {
    border-bottom: 0;
    margin: 0;
    padding: 20px 10px;
    border-left: 1px solid #f00;
    border-top: 1px solid #f00
}

.wrap .khung ul {
    display: flex;
    flex-wrap: wrap
}

.wrap .khung ul li {
    flex: 1
}

.wrap .khung ul li img {
    border: 1px solid #ccc
}

#right {
    width: calc(100% - 280px);
    float: right
}

#left {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 30px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.danhmuc {
    width: 270px;
    float: left;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
}

.danhmuc p {
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-family: 'SairaBold';
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    padding: 0 0 0 3em;
    background: url(images/menu_dm.png) no-repeat center left 1em;
    background-color: #c30000;
    position: relative;
    cursor: pointer;
}

.danhmuc p span {
    width: 100%;
    float: left;
    padding-left: 10px;
    background-color: #c30000;
}

/*.fixed .danhmuc:hover .menu_left{display:block;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}*/
@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

/*.danhmuc h4:after{content:'';position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgb(155,14,98);right:10px;top:23px}
*/
/*.khung_danhmuc{width:100%;float:left;border-bottom:1px solid rgba(202,202,202,1);background:rgba(255,255,255,1);position:relative}
.khung_danhmuc a{font-size:14px;color:rgb(62,62,62);font-family:"RobotoRegular";padding:10px 25px;width:100%;float:left}
.menucon1{margin-left:20px}
.menu_con{display:none;position:absolute;left:100%;z-index:999;width:100%;margin-left:2px;border:1px solid rgba(202,202,202,1);top:-1px}
.menu_con > li:last-child{border-bottom:none}
.khung_danhmuc a:hover{color:rgb(203,0,98)}
*/
.danhmuc > ul >li:last-child {
    border-bottom: none
}

.left {
    width: 250px;
    float: left;
    border: 1px solid #e5e5e5;
    border-top: 0
}

.danhmuc_left {
    width: 250px;
    float: left;
    position: relative
}

.danhmuc_left h4 {
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size: 16px;
    height: 49px;
    line-height: 46px;
    padding: 2px 0 0 45px;
    background: url(images/menu_dm.png) no-repeat 18px 20px;
    background-color: rgb(2,158,212);
    position: relative;
    cursor: pointer
}

.menu_trong {
    width: 100%;
    float: left;
    background: rgba(255,255,255,1);
    z-index: 9;
    border: 1px solid rgb(202,202,202)
}

.menu_trong {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.menu_trong li {
    width: 100%;
    float: left;
    border-bottom: 1px dashed rgb(202,202,202);
    position: relative
}

.menu_trong li:last-child {
    border: none
}

.menu_trong a {
    width: 100%;
    float: left;
    padding: 13px 15px;
    text-decoration: none;
    color: rgb(0,0,0);
    font-family: "RobotoRegular";
    font-size: 15px
}

.menu_trong li ul a {
    width: 100%;
    float: left;
    color: #666
}

.menu_trong > a:hover {
    background: rgb(208,82,157)
}

.menu_trong li ul a {
    padding-left: 60px;
    background: none
}

.menu_trong li ul {
    width: 100%;
    float: left;
    display: none
}

.menu_trong li ul li ul a {
    padding-left: 20px
}

/*.menu_trong>li:hover>ul{top:0;min-height:100%;height:auto;width:100%;display:block;transition:.5s}
*/
.menu_trong li ul li {
    background: rgb(255,255,255)
}

.menu_con li:first-child {
    border-top: 1px dashed rgb(202,202,202)
}

.menu_trong li ul li:hover a {
    color: rgb(208,82,157)
}

.menu_trong li ul li:hover ul {
    display: block;
    border-left: 1px solid rgb(242,242,242);
    transition: .5s
}

.hovers {
    content: '';
    position: absolute;
    left: 45px;
    top: 20px;
    width: 4px;
    height: 7px;
    background: url("images/hover.png")no-repeat left center
}

.hover {
    position: absolute;
    right: 10px;
    top: 1em;
    cursor: pointer
}

.tinhtrang {
    border-top: 1px solid #627079;
    width: 100%;
    float: left
}

.tinhtrang li a {
    display: block;
    padding: 5px 0 5px 20px;
    background: url(images/muiten.png) no-repeat 10px 13px;
    color: #1F589F
}

.tinhtrang h4 {
    text-transform: uppercase;
    font-weight: 100;
    margin: 5px 0 0 5px;
    color: #999
}

.thanh {
    width: 100%;
    float: left;
    color: rgb(255,255,255);
    font-size: 14px;
    position: relative;
    z-index: 10;
    font-family: 'RobotoBold';
    background: url(images/danhmuc.png)repeat-x;
    text-align: center;
    padding: 0.5em
}

.hotro_tt {
    color: #713b00;
    font-weight: bold;
    text-align: center;
    margin: 0
}

.hotline_l {
    font-size: 14px;
    font-weight: bold;
    margin: auto;
    width: 100%;
    background: url('images/hotline_l.png') no-repeat 15px 20px;
    color: #fe0000;
    padding: 12px 0 10px 75px;
    font-family: 'RobotoCondensed';
    float: left
}

.hotline_l span {
    font-size: 18px;
    width: 100%;
    float: left
}

.homnay {
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px;
    font-size: 12px
}

.homnay p {
    background: #eee;
    padding: 2px 0
}

.thanh img {
    float: left;
    margin: 2px 10px 0
}

.thanh h4 {
    color: rgba(255,255,255,1);
    margin-top: 8px;
    font-weight: 100
}

.menu_left {
    width: 100%;
    float: left;
    background: #ebebeb;
    z-index: 9;
}

.menu_left {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.menu_left li {
    width: 100%;
    float: left;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dfdfdf;
    transition: all 0.3s;
    position: relative;
}

.menu_left >li >a:hover img {
    -webkit-filter: brightness(200%);
    filter: brightness(200%);
    filter: contrast(1000%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(90deg)
}

.menu_left >li >a:hover {
    background: #db3825;
    position: relative;
    color: white;
}

.menu_left >li >a:hover:after {
    content: '';
    position: absolute;
    top: 1px;
    right: -22px;
    border-left: 22px solid #029ed4;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    z-index: 9;
    display: none;
}

.menu_left a {
    width: 100%;
    float: left;
    text-decoration: none;
    font-family: "SairaMedium";
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #656565;
    padding-left: 1.5em;
}

.menu_left li ul a {
    width: 100%;
    float: left;
    color: #fff;
    padding: 10px 15px;
}

.menu_left li ul a {
    padding-left: 20px;
    background: none
}

.menu_left li ul {
    position: absolute;
    left: 100%;
    width: 200px;
    display: none;
    top: 0
}

.menu_left li ul li ul a {
    padding-left: 20px
}

.menu_left>li:hover>ul {
    top: 0;
    min-height: 91.8%;
    height: auto;
    display: block;
    transition: .5s
}

.menu_left li ul li {
    background: rgba(0,0,0,.2)
}

.menu_left li ul li:hover >a {
    background: #029ed4;
}

.menu_left li ul li:hover> ul {
    display: block;
    border-left: 1px solid rgb(242,242,242);
    transition: .5s
}

.menu_left li ul li ul {
    display: none;
}

.menu_left li ul li ul.cap4 {
    max-height: 515px;
    overflow-x: auto;
}

.menu_left li ul li ul.cap4::-webkit-scrollbar {
    width: 5px
}

.menu_left li ul li ul.cap4::-webkit-scrollbar-track {
    background: #f1f1f1
}

.menu_left li ul li ul.cap4::-webkit-scrollbar-thumb {
    background: #888
}

.menu_left li ul li ul.cap4::-webkit-scrollbar-thumb:hover {
    background: #555
}

.menu_left li.andm {
    display: none;
}

.menu_left li i {
    font-size: 15px;
    margin-right: 10px;
}

.menu_left .block_submenu {
    width: 950px;
    background: white;
    padding: 15px;
    border: 1px solid #cacaca
}

.menu_left .block_submenu li {
}

.menu_left .block_submenu >li {
    width: 25%;
    border: none
}

.menu_left .block_submenu li a {
}

.menu_left .block_submenu >li >a {
    font-weight: bold;
    padding-bottom: 0em
}

.menu_left .block_submenu li ul {
}

.menu_left .block_submenu >li >ul {
    display: block;
    position: relative;
    left: 0;
    width: auto;
    padding-left: 1em
}

.menu_left .block_submenu li ul li {
}

.menu_left .block_submenu >li >ul >li a {
    padding: 0.3em;
    /* padding-left:1em;*/
    font-size: 0.85em
}

.menu_left .block_submenu >li >ul >li {
    border: none
}

.menu_left::-webkit-scrollbar {
    width: 3px
}

.menu_left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(254,164,137,1);
    border-radius: 10px
}

.menu_left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(254,184,163,1)
}

.menu_l {
    width: 100%;
    float: left;
    background: rgba(247,247,247,1);
    z-index: 9;
    border: 1px solid rgb(247,247,247)
}

.menu_l {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.menu_l li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted rgb(95, 86, 86);
    transition: all 0.3s;
    padding: 9.95px 15px;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
}

.menu_l a {
    width: 100%;
    float: left;
    text-decoration: none;
    color: rgb(0,0,0);
    font-family: "RobotoRegular";
    font-size: 15px
}

.menu_l img {
    padding-right: 10px;
}

/*.menu_left>li:hover>ul{width:auto}
*/
.hotro_bt {
    width: 100%;
    float: left
}

.hotro_bt p b {
    color: #444;
    font-family: 'UTMAvo'
}

.hotline_bt {
    width: 100%;
    float: left;
    background: url(images/hotline.png) no-repeat;
    min-height: 191px
}

.hotline_bt p {
    font-size: 27px;
    padding: 50px 0 0 177px;
    color: #FFF000
}

.yahoo_top {
    text-align: center;
    margin: 5px 0 0
}

.yahoo {
    width: 100%;
    float: left;
    margin: 0;
    color: #ec0000;
    font-size: 22px;
    font-family: 'UTMAvo';
    flex: 1 50%;
    border-bottom: 1px solid;
}

.yahoo p {
    float: left;
    color: #3853a4;
    font-size: 14px;
    width: 100%;
}

.yahoo a {
    color: #333;
    padding-left: 5px;
    float: right
}

.yahoo p.hinh a {
    float: left;
    margin: 5px 0 0 5px
}

.yahoo .dienthoai {
    float: left;
    color: #333;
    padding: 2px 0 2px 30px;
    background: url(images/phone.png) no-repeat left;
    font-family: "RobotoCondensedRegular";
    color: #f00;
    font-size: 15px;
}

.yahoo .email {
    float: left;
    color: #333;
    padding: 2px 0 2px 30px;
    background: url(images/email.png) no-repeat left center;
    font-family: "RobotoCondensedRegular";
    color: rgb(112,112,112);
    font-size: 15px;
}

.yahoo p span {
    float: left;
    padding: 7px 0 0 0;
    font-family: "RobotoCondensedBold";
    font-size: 17px
}

.row_list {
    width: 100%;
    float: left;
    background: #fff;
}

.row_list img {
    float: left;
    transition: .5s all;
}

.row_list h2 {
    text-align: center;
    color: #fff;
    font-family: "RobotoBold";
    font-size: 14px;
    padding: 0.5em;
    position: relative;
}

.sp_noibat {
    padding: 15px 0;
    width: 100%;
    float: left;
    font-family: 'RobotoCondensed';
    border-bottom: 1px dotted #ccc;
    color: #eee
}

.sp_noibat img {
    margin: 5px 20px 5px 0;
    border: 1px solid #eee;
    float: left
}

.sp_noibat h3 a {
    color: #F0C600
}

.sp_noibat .ngaytao {
    color: #948787;
    font-size: 11px
}

.sp_noibat:hover h3 a {
    text-decoration: underline;
    color: #FFF600
}

.tuyendung {
    width: 350px;
    float: left
}

.tuyendung li a {
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #eee;
    color: #696969;
    padding: 6px
}

.tuyendung li:hover a {
    color: #03567C;
    text-decoration: underline
}

.tuyendung li:last-child a {
    border-bottom: 0
}

.hotnew {
    width: 100%;
    float: left;
    font-size: 12px
}

.hotnew a {
    color: #333
}

.hotnew {
    padding: 5px 0
}

.hotnew:hover a {
    color: #f60;
    text-decoration: underline
}

.hotnew:hover img {
    filter: brightness(120%);
    -webkit-filter: brightness(120%)
}

.tintuc {
    text-align: justify
}

.tintuc img {
    float: left;
    padding: 2px;
    margin: 0 10px 0 0;
    width: 120px
}

.tintuc a {
    text-decoration: none
}

.tintuc h3 {
    color: #333
}

.tintuc h3 a {
    font-size: 14px;
    color: #333
}

.tintuc .hotnews:hover h3 a {
    color: #026164
}

.tintuc p {
    font-size: 13px;
    color: #666
}

.tintuc .tin_nb tr:first-child img {
    width: 190px;
    height: 128px
}

.tintuc .tin_nb tr:nth-child(2) img {
    width: 95px;
    height: 77px
}

.tintuc .tin_nb tr:nth-child(3) img {
    width: 95px;
    height: 77px
}

.tintuc td {
    padding: 2px 0
}

.tintuc_ {
    text-align: justify
}

.tintuc_ img {
    float: left;
    padding: 2px;
    margin: 0 10px 0 0;
    width: 120px
}

.tintuc_ a {
    text-decoration: none
}

.tintuc_ h3 {
    color: #333
}

.tintuc_ h3 a {
    font-size: 14px;
    color: #333;
    text-transform: capitalize
}

.tintuc_ .hotnews:hover h3 a {
    color: rgb(0,73,191)
}

.tintuc_ p {
    font-size: 13px;
    color: #666
}

.tintuc_ td {
    padding: 2px 0
}

.ngaythang {
    color: #999
}

.visit_hidden {
    visibility: hidden;
    height: 1px
}

.tinkhac {
    width: 100%;
    float: left;
}

.tinkhac li a {
    width: 100%;
    float: left;
    padding: 5px 0;
    color: #333;
    font-family: "RobotoLight"
}

.tinkhac li a i {
    margin-right: 20px
}

.tinkhac li a:hover {
    color: #036CAF;
    text-decoration: underline
}

.xemnhieu {
    width: 193px;
    float: left;
    border: 1px solid #FF8A00;
    background: url(images/left_cham.png) repeat-y
}

ul.pagination {
    text-align: center;
    color: #829994
}

ul.pagination li {
    display: inline;
    padding: 0 3px
}

ul.pagination a {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #cde0dc;
    text-decoration: none;
    background: #333
}

ul.pagination a:hover,ul.pagination a.current {
    background: #0d7963;
    color: #fff
}

.page_info {
    display: none !important
}

/* ========== Content pagination ========== */
.paging {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px
}

.pagination {
    margin: auto;
    width: auto;
    text-align: center;
    margin-top: 10px
}

.pages li.prev {
    margin-right: 15px
}

.pages li.next {
    margin-left: 15px
}

.pages li {
    display: inline-block;
    margin: 5px 2px
}

.pages li a {
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
    border: 1px solid #d5d5d5;
    font-size: 11px
}

.pages li a:hover {
    background: #f6f6f6
}

.pages li .active {
    background: url(../images/backgrounds/sideGradient.png) repeat-x;
    color: #fff;
    border-color: #424852
}

.pages li .active:hover {
    background: #2a313d
}

.ngaydang {
    font-style: italic;
    ;color: #ccc
}

.bando {
    width: calc(100% - 36.6667% - 25%);
    float: left
}

.bando .col-md-6 {
    padding: 0
}

.bando a {
    font-family: "RobotoRegular";
    font-size: 14px;
    color: rgb(255,255,255);
    line-height: 2.4;
    padding: 0 0 0 10px
}

.bando a:hover {
    color: rgb(231,0,98)
}

.bando ul li {
    position: relative
}

.bando ul li:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 5px;
    width: 18px;
    height: 18px;
    background: url(images/nut.png)no-repeat left 10px center
}

.tag_map {
    width: 100%;
    float: left
}

.tag_map li a {
    float: left;
    padding: 5px 20px;
    font-family: 'OpenSansExtraBold';
    color: #0a3594;
    margin: 0 5px 0 0;
    border: 1px solid #ccc
}

.tag_map li a.active {
    background: #0a3594;
    color: #fff
}

.thongke {
    color: #fff;
    float: right;
    width: 180px
}

.thongke ul {
    list-style: none;
    margin: 0;
    width: 100%;
    float: left;
    background: none no-repeat 0 5px;
    padding: 2px 0 0
}

.thongke ul li {
    width: 100%;
    text-align: left;
    float: left;
    font-size: 14px;
    color: #fff;
    font-family: "SFUFuturaLightOblique";
    border-bottom: 1px solid rgb(72,72,72)
}

.thongke ul li span {
    color: #ff951d
}

.thongke p {
    width: 30%;
    float: right;
    text-align: right
}

.dang_onl {
}

.da_onl {
}

.online {
    background: url(images/muiten.png) no-repeat 10px 12px;
    color: #FFF
}

.online span {
    width: 80px;
    float: left;
    padding-left: 20px
}

.menu_danhmuc {
    width: 100%;
    float: left;
    background: url(images/thanh_sp.jpg) repeat-x;
    height: 45px
}

.menu_danhmuc li a {
    float: left;
    height: 42px;
    line-height: 42px;
    padding: 0 20px 0 30px;
    text-transform: uppercase;
    color: #333;
    margin-top: 3px
}

.menu_danhmuc li.active a {
    background: #01b8f1;
    color: #fff;
    font-weight: bold
}

.menu_danhmuc li.active a:before {
    content: '';
    width: 7px;
    background: url(images/truoc.png) no-repeat;
    height: 45px;
    float: left;
    margin-left: -30px;
    margin-top: -3px;
    margin-right: 10px;
    color: #fff
}

.menu_danhmuc li.active a:after {
    content: '';
    width: 19px;
    background: url(images/sau.png) no-repeat;
    height: 45px;
    float: right;
    margin-right: -37px
}

.menu_danhmuc a:hover {
    color: #094596
}

.bong_info {
    width: 730px;
    float: right;
    height: 30px;
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
    line-height: 30px
}

.hotline {
    float: left;
    color: #000000;
    font-size: 24px;
    padding: 0px 0 0 50px;
    font-family: 'SairaMedium';
    width: calc(100% - 335px);
}

.hotline h5 {
    font-weight: 100;
    font-size: 12px
}

.hotline span {
    font-family: 'SairaBold';
    color: #e00a00;
}

.thongtin {
    width: 100%;
    float: left;
    font-weight: bold;
    padding: 20px 0 22px 20px;
    font-size: 14px;
    background: url(images/bg_tt.jpg) repeat-x bottom
}

.thongtin li {
    display: inline-block
}

.thongtin li a {
    border-right: 1px solid #ccc;
    padding: 0 10px;
    color: #323232;
    font-size: 12px
}

.thongtin li a:hover {
    color: #01517A
}

.tin_moi {
    padding: 0 10px
}

.tin_moi a {
    text-decoration: none;
    color: rgba(51,51,51,1)
}

.tin_moi img {
    float: left;
    border: 1px solid rgba(204,204,204,1);
    padding: 2px;
    margin-right: 10px;
    margin-top: 10px
}

#visao {
    width: 100%;
    float: left;
    background: url('images/bg_visao.jpg') repeat;
    padding: 40px 0;
    margin: 30px 0
}

.visao {
    width: 100%;
    float: left;
    padding: 3em 0 4em;
    background: #eeeeee;
}

.visao_ship {
    width: 100%;
    float: left;
    padding: 5px 0;
}

.visao_ship .owl-controls {
    display: none
}

.visao_ship.owl-carousel .owl-item {
    padding: 0;
}

.item_tt {
    width: 100%;
    float: left;
    text-align: center;
}

.item_tt h3 {
    padding: 10px 0 5px;
    line-height: 1.2;
}

.item_tt h3 a {
    font-family: 'RobotoMedium';
    font-size: 20px;
    color: #191919;
}

.item_tt img {
    width: 100%;
    height: auto;
    transition: .5s all;
}

.item_tt .mta {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 0 1em 1em;
    font-family: 'RobotoRegular';
    font-size: 14px;
    color: #212121;
}

.item_tt:hover img {
    transition: .5s all;
    transform: scale(0.95);
}

.item_tt:hover h3 a {
    color: #ff0000;
}

.thanh_vs {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 1em 0;
    background: url(images/6cham.png) no-repeat bottom center;
    padding: 0 0 30px;
}

.thanh_vs h2 {
    color: #000000;
    font-size: 35px;
    position: relative;
    text-transform: uppercase;
    font-family: 'SairaBold';
    font-weight: 100;
    display: inline-block;
}

.thanh_vs h2 span {
    color: #cf0000;
}

.thanh_vs p {
    font-family: 'SairaLight';
    font-size: 18px;
    color: #3e3e3e;
}

#content {
    width: 100%;
    float: left;
    margin: 0;
    border-top: 0;
    background: url(images/gioithieu.png)no-repeat top center
}

#info {
    width: 100%;
    float: right;
    margin: 0;
    padding: 3em 0;
}

#info1 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 0 10px;
    display: none
}

#sanpham {
    width: 100%;
    float: left
}

#spham_noibat {
    width: 100%;
    float: left;
    margin: 0;
    border-top: 0;
    padding: 0 0
}

#info .col-md-3,#info .col-sm-4,#info .col-xx-6,#info .col-xs-12 {
    padding: 0
}

#sanpham .col-md-3,#info .col-sm-4,#info .col-xx-6,#info .col-xs-12 {
    padding: 0
}

#sanpham .col-md-10 {
    padding: 0;
    background: rgb(238,238,238);
    padding: 0 10px
}

.title_sp {
    width: 100%;
    float: left;
    padding: 0 0 0 10px;
    border-left: 2px solid rgba(231,0,98,1);
    border-bottom: 2px solid rgba(231,0,98,1)
}

.title_sp h2 {
    text-align: left;
    font-size: 32px;
    font-family: 'UVFMetroScript';
    color: rgb(231,0,98)
}

.updating {
    text-align: center;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    padding: 30px 0
}

.khung_in {
    margin-left: -15px;
    margin-right: -15px
}

.xemsp {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding-top: 10px
}

.xemsp:after {
    content: '';
    background: url(images/muiten.png) no-repeat 0 0;
    width: 5px;
    height: 9px;
    display: inline-block;
    margin-left: 10px
}

.row_list .hinh {
    width: 40%
}

.row_list .hinh img {
    width: 100%
}

#left_main {
    width: 895px;
    float: left;
}

#right_main {
    width: 275px;
    float: right;
    padding: 0;
}

.item_index {
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 11px;
    border: 1px solid rgb(204,204,204);
    box-shadow: 2px 2px 5px #ccc;
}

.item_index:nth-child(5),.item_index:nth-child(10) {
    border-left: 1px solid rgb(239,239,239)
}

;.item_index .img {
    width: 100%;
    float: left;
    position: relative
}

.item_index:hover .xemsp {
    color: #FFF000
}

.item_index img {
    width: 100%;
    transition: 0.5s;
    display: block
}

.item_index h3 {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: .6em .8em .5em .8em;
    width: 100%;
    float: left;
    font-family: 'RobotoRegular';
    color: rgb(51,51,51);
}

.item_index h3 a {
    color: rgb(91,90,91);
    font-family: 'RobotoRegular';
    font-size: 13px
}

.item_index:hover h3 a {
    color: #03669A;
    text-decoration: underline
}

.item_index:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.item_index .mota {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 0 10px;
    ;font-family: 'RobotoRegular';
    font-size: 13px;
    color: rgb(85,85,85);
}

.item_index .mota span {
    color: rgb(160,10,52);
}

.item_index .size {
    text-align: left;
    padding: 0 10px;
    display: block;
    font-family: 'RobotoRegular';
    font-size: 12px;
    color: rgb(51,51,51);
}

.item_index .tray-item-description {
    height: 81px;
    transition: height .5s ease-out,background .5s ease-out,background-image .5s ease-out
}

.item_index .tray-item-description {
    width: 96.7%;
    height: auto;
    color: #eee
}

.item_index .tray-item-description .tray-item-title {
    overflow: hidden;
    white-space: nowrap;
    display: none;
    text-overflow: ellipsis
}

.item_index .tray-item-description .tray-item-title {
    text-align: left;
    margin-bottom: 2px;
    font-size: 16px
}

.item_index .tray-item-description .tray-item-meta-info {
    font-size: 12px;
    display: none
}

.item_index .tray-item-play-button {
    transition: all .5s ease
}

.item_index .tray-item-play-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    text-align: center
}

.item_index:hover .tray-item-description {
    width: 98%;
    height: 98%;
    position: absolute;
    top: 1%;
    left: 1%;
    border-radius: 10px;
    color: #fff;
    background-image: none;
    background: rgba(0,0,0,.5);
    transition: all .3s ease-in
}

.item_index:hover .tray-item-description .tray-item-title {
    white-space: normal;
    text-align: center;
    display: block
}

.item_index:hover .tray-item-description .tray-item-title h3 {
    background: transparent
}

.item_index:hover .tray-item-description .tray-item-title h3 a {
    color: #fff
}

.item_index:hover .tray-item-description .tray-item-meta-info {
    text-align: center;
    display: block;
    transition: all .3s ease
}

.item_index:hover .tray-item-play-button {
    visibility: visible;
    opacity: 1;
    bottom: 3em;
    transition: all .3s ease
}

.item_index:hover .tray-item-play-button span {
    opacity: 1;
    transition: all .5s ease-in
}

.owl_sp .owl-controls {
    display: block!important
}

.owl_sp .owl-dots {
    display: none!important
}

.owl_sp .owl-prev {
    position: absolute;
    z-index: 10;
    left: -25px;
    top: 90px;
    width: 22px;
    height: 40px;
    background: url(images/left.png)no-repeat !important;
    float: left;
    text-indent: -9999px;
    display: block!important
}

.owl_sp .owl-next {
    position: absolute;
    z-index: 10;
    right: -25px;
    top: 90px;
    width: 22px;
    height: 40px;
    background: url(images/right.png)no-repeat !important;
    float: left;
    text-indent: -9999px;
    display: block!important
}

.owl_sp .owl-item {
    padding: 5px;
}

.xemtatca {
    position: absolute;
    right: 0;
    top: 1em
}

.xemtatca a {
    font-family: 'RobotoRegular'
}

.xemtatca a:hover {
    color: #f00
}

.maskitem {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.item_index:hover .maskitem,.item:hover .maskitem {
    top: 0
}

.maskitem ul {
    list-style-type: none
}

.maskitem ul li {
    display: inline-block;
    margin: 0.5em 1em;
    padding: 0.5em;
    border: 2px solid #fff;
    cursor: pointer
}

.maskitem ul li i {
    font-size: 2em;
    color: white;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.maskitem ul li:hover {
    border-color: #1975dd;
    background: rgba(255,255,255,0.5);
}

.maskitem ul li:hover i {
    color: #1975dd;
}

#sale {
    width: 100%;
    display: inline-block
}

#sale .khung_sale .khungbao h3 {
    height: 50px;
    overflow: hidden
}

#sale .flashsale h2 {
    float: left;
    font-size: 30px;
    font-family: "RobotoBold";
    color: rgb(2,158,212);
    text-transform: uppercase;
    line-height: 45px
}

#sale .flashsale h2 span {
    text-transform: none;
    font-size: 20px
}

.xem {
    float: left;
    padding: 10px 25px;
    border: 1px solid rgb(136,136,136)
}

.xem a {
    font-family: "RobotoLight";
    font-size: 14px;
    color: rgb(104,104,104)
}

.xem:hover a {
    color: rgb(238,0,0)
}

.xemthem_sp {
    position: relative;
    width: 240px;
    height: 40px;
    margin: 0 auto;
    background: rgb(0,91,171)
}

.xemthem_sp a {
    display: inline-block;
    text-transform: uppercase;
    ;float: left;
    color: rgb(255,255,255);
    padding: 10px 0 0 30px;
    font-family: "RobotoRegular"
}

.xemthem_sp:after {
    content: '';
    width: 5px;
    height: 8px;
    background: url(images/hover.png) no-repeat;
    position: absolute;
    right: 25px;
    top: 15px;
    z-index: 100
}

.xemthem_sp:hover a {
    color: #ff0
}

.product_list {
    float: left
}

.product_list ul {
    width: 150px;
    float: left;
    height: 533px;
    background: #e2e2e2;
    padding: 20px
}

.product_list ul li a {
    width: 100%;
    float: left;
    padding: 7px 0 7px 10px;
    color: #4f4f4f
}

.product_list ul li a:hover {
    color: #02719A;
    text-decoration: underline
}

#congtrinh {
    background: #eee;
    width: 100%;
    float: left;
    margin: 20px
}

.khung_tt {
    float: left;
    padding-right: 30px
}

.khung_km {
    padding-left: 30px
}

.video_con {
    width: 100%;
    float: left;
    border-bottom: 2px solid #0b7ef4;
    height: 242px
}

#khachhang {
    width: 100%;
    float: left;
    background: url('images/background_kh.jpg') no-repeat;
    min-height: 626px
}

#khachhang .thanh_vs {
    margin: 40px 0 50px !important;
    background: url(images/chamtrang.png) no-repeat bottom center
}

#khachhang .thanh_vs h4 {
    color: #fff !important
}

.owl_carousel_kh {
    width: 100%;
    float: left;
    margin: 0 0 20px
}

.khach img {
    max-width: 100%;
    width: auto !important;
    border-radius: 100%;
    border: 3px solid #fff
}

.khach {
    padding: 30px;
    border: 1px solid #eee;
    font-family: 'OpenSansRegular';
    color: #fff;
    text-align: center;
    min-height: 360px
}

.khach h3 {
    margin-top: 5px;
    font-family: 'OpenSansBold';
    font-size: 18px
}

.khach h4 {
    margin-bottom: 20px
}

.khach p {
    font-size: 13px
}

.owl_carousel_kh .owl-controls {
    padding: 20px
}

.thuonghieu {
    padding-left: 10px
}

.thuonghieu a {
    border: 1px solid #eee;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    transition: 0.5s
}

.thuonghieu a:hover {
    border: 1px solid #FF01EA
}

.hotro_tructuyen {
    width: 590px;
    float: right
}

.hotro_online {
    width: 240px;
    float: left;
    padding: 150px;
    background: url(images/hotro.png) no-repeat 0 0
}

.frm_lienhe {
    width: 325px;
    float: right
}

.box_lh {
    width: 100%;
    float: left;
    border: 1px solid #cfcece;
    margin-top: 10px;
    border-radius: 5px;
    padding: 0
}

.frm_lienhe input {
    padding: 7px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #cfcece
}

.box_lh li:last-child input {
    border-bottom: 0;
    border-radius: 0 0 5px 5px
}

.box_lh li:first-child input {
    border-radius: 5px 5px 0 0
}

.frm_lienhe textarea {
    border-radius: 5px;
    width: 100%;
    height: 80px;
    float: left;
    margin-top: 10px;
    border: 1px solid #cfcece;
    padding: 5px
}

.frm_lienhe button {
    background: #009030;
    border: 0;
    padding: 5px 20px;
    color: #fff;
    float: left;
    margin-top: 5px;
    cursor: pointer
}

.frm_lienhe button:hover {
    color: #FBF201
}

.khung {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
}

.khung ul {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.khung_ {
    width: 100%;
    float: left;
    padding: 20px 0 0 0
}

.giaohang {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0 0 30px
}

.thanh_tab {
    width: 100%;
    float: left;
    background: none repeat-x;
    height: 39px
}

.thanh_tab li {
    float: left;
    background: url(images/gach_t.png) no-repeat right;
    padding-right: 2px
}

.thanh_tab li a {
    float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 30px 0 10px;
    font-family: 'RobotoCondensed';
    color: #fff;
    text-transform: uppercase
}

.thanh_tab li a img {
    float: left;
    margin: 0 10px 0 0
}

.thanh_tab li:hover a,.thanh_tab li.active a {
    background: url(images/menu_hover.png) repeat-x
}

.thanh_title {
    float: left;
    text-align: left;
    width: 100%;
}

.thanh_title h2 {
    text-align: left;
    background: url(images/danhmuc.png)no-repeat center left;
    color: #fff;
    font-family: "RobotoMedium";
    font-size: 18px;
    position: relative;
    line-height: 40px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding-left: 3em;
}

/*.thanh_title h2:after{left:100%;content:'';position:absolute;left:100%;top:0;width:21px;height:40px;background:url(images/dmuc.png)no-repeat right center;background-size: 100% 100%;}*/
.thanh_tintuc {
    width: 100%;
    float: left
}

.thanh_tintuc h4,.thanh_tintuc h2 {
    font-family: "RobotoRegular";
    font-size: 28px;
    color: rgb(9,149,71);
    text-transform: uppercase;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px 0
}

.thanh_tintuc h6 {
    color: rgba(255,255,255,1);
    font-size: 16px;
    position: relative;
    font-family: 'RobotoBold';
    font-weight: 100;
    display: inline-block;
    background: none no-repeat left center;
    background-size: 100% 100%;
    padding: 5px 10px;
    background: rgb(159, 28, 53)
}

.sp_cungloai {
    width: 80%;
    float: right;
}

.sp_cungloai .thanh_tintuc {
    text-align: left;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 2em 0
}

.sp_cungloai .khung_sp {
    grid-template-columns: 1fr;
}

.khung .thanh_tintuc {
    text-align: left
}

.thanh_sp {
    width: 100%;
    float: left;
    position: relative
}

.thanh_sp h6 {
    font-family: "RobotoBold";
    font-size: 20px;
    color: rgb(247,247,247);
    float: left;
    padding: .3em;
    background: #dc4444;
    border-radius: 10px;
    margin-bottom: .5em
}

.thanh_sp:after {
    content: '';
    height: 1px;
    width: calc(100% - 166px);
    position: absolute;
    bottom: 10px;
    right: 0;
    border-bottom: 1px dashed rgb(220,68,68)
}

/*.thanh_title h2:after{content:'';width:838px;height:1px;background:url("images/line_dm.png")no-repeat;position:absolute;left:100%;bottom:22px;z-index:100}
*/
.thanh_title ul li {
    float: left;
    padding: 8px 0 0
}

.thanh_title ul li a {
    padding: 0 20px;
    float: left;
    color: #fff;
    font-family: 'RobotoCondensed';
    border-right: 1px solid #fff;
    font-size: 16px
}

.thanh_title ul li:last-child a {
    border-right: 0
}

.thanh_title ul li a:hover {
    color: #ff951d
}

.thanh_duan {
    width: 100%;
    float: left;
    text-transform: uppercase;
    line-height: 1.2;
}

.thanh_duan h2 {
    color: #5c5c5c;
    font-size: 24px;
    display: inline-block;
    padding: 0 0 2px;
    font-family: 'SairaMedium';
}

.thanh_duan h1 {
    color: #d10000;
    font-size: 38px;
    font-family: 'SairaExtraBold';
}

/*.thanh_duan:before{content:'';width:417px;height:15px;background:none no-repeat;position:absolute;left:0;top:35px;z-index:100}
.thanh_duan:after{content:'';width:417px;height:15px;background:none no-repeat;position:absolute;right:0;top:35px;z-index:100}
*/
#hotro {
    width: 100%;
    float: left;
    padding: 20px 0;
    background: url(images/gach_hotro.png) repeat-x bottom
}

#gioithieu .xemthem_gt a {
    margin: 15px 0 0
}

.gioithieu {
    width: 100%;
    float: left;
    padding: 3em 0;
}

.left_gt {
    width: 49%;
    float: left;
}

.right_gt {
    width: 49%;
    float: right;
    position: relative;
    padding-bottom: 8em;
}

.right_gt img {
    float: right;
    position: relative;
    z-index: 9;
    transition: .5s all;
}

.right_gt:hover img {
    transform: scale(.95);
    transition: .5s all;
}

.right_gt .mt {
    width: 90%;
    float: left;
    border: 5px solid #d7d7d7;
    padding: 12em 0em 1em 1.5em;
    position: absolute;
    top: 15em;
    left: 2.5em;
}

.right_gt .mt h2 {
    font-family: 'SairaExtraBold';
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
}

.right_gt .mt p {
    font-family: 'SairaLight';
    font-size: 15px;
    color: #484848;
}

.right_gt .mt p span {
    font-family: 'SairaMedium';
}

.gioithieu .noidung_gt {
    width: 100%;
    float: left;
    font-family: 'SairaRegular';
    font-size: 16px;
    text-align: justify;
    padding-top: 10px;
}

.xemthem_gt {
    position: relative;
    float: left;
}

.xemthem_gt {
    padding: 8px 10px;
    color: #000000;
    font-family: "SairaBold";
    border: 4px solid #d7d7d7;
    margin: 2em 0 0 0;
    text-transform: uppercase;
}

/*.xemthem_gt:after{content:'';width:5px;height:8px;background:url(images/hover.png) no-repeat;position:absolute;left:165px;top:28px;z-index:100}
*/
.xemthem_gt:hover a {
    color: #f00
}

.hinhanh_gt {
    width: 50%;
    float: left;
    margin: 0;
    overflow: hidden
}

.hinhanh_gt img {
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    z-index: -1;
    display: block;
    width: 100%
}

.hinhanh_gt img:hover {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.thanh_gt {
    width: 100%;
    float: left;
    position: relative
}

.thanh_gt:after {
    width: 170px;
    height: 2px;
    content: '';
    background: rgb(213,213,213);
    top: 64.1%;
    left: 0;
    position: absolute
}

.dichvu_index {
    width: 100%;
    float: left
}

.noidungdv_gt {
    width: 100%;
    margin: auto;
    display: flex
}

.khungdv_gt {
    flex: 1;
    padding: .5em 1em;
    margin-right: 1em
}

.khungdv_gt:nth-child(1) {
    background: rgb(254,111,36)
}

.khungdv_gt:nth-child(2) {
    background: rgb(245,64,39)
}

.khungdv_gt:nth-child(3) {
    background: rgb(21,88,180)
}

.khungdv_gt:nth-child(4) {
    background: rgb(255,190,1);
    margin-right: 0
}

.khungdv_gt img {
    float: left;
    margin-right: 1em
}

.khungdv_gt .noid {
    width: calc(100% - 77px - 1em);
    float: right
}

.khungdv_gt h3 {
    padding: 15px 0 0 0
}

.khungdv_gt p {
    font-family: 'SFUFuturaBook';
    font-size: 16px;
    color: #fff
}

.khungdv_gt h3 a {
    text-transform: uppercase;
    font-family: "SFUFuturaHeavy";
    font-size: 16px;
    color: rgb(255,255,255)
}

#slider2_container {
    background: none !important
}

#slider2_container * {
    background: none !important
}

.owl_menu li {
    position: relative;
    padding: 9px;
    margin: 0 4px 4px 1px
}

.owl_menu li img {
    display: block;
    border-radius: 20px 0
}

.owl_menu li h3 {
    width: 100%;
    float: left
}

.owl_menu li:hover h3 {
    bottom: 0
}

.owl_menu li h3 a {
    float: left;
    width: 100%;
    padding: 15px 0 0;
    color: rgb(255,255,255);
    font-family: "SFUFutura";
    font-size: 15px;
    text-align: center;
    text-transform: uppercase
}

.owl_menu li p {
    float: left;
    width: 100%;
    color: rgb(255,255,255);
    font-family: "RobotoRegular";
    font-size: 15px;
    text-align: center
}

.owl_menu .owl-item:hover li h3 a {
    color: rgb(245,245,0)
}

.owl_menu .owl-controls {
    display: none
}

.owl_menu img {
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    z-index: -1;
    display: block
}

.owl_menu img:hover {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.thanh_bottom {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    background: url(images/bg_thanh.png) repeat-x 0 12px;
    padding: 0;
    color: #00aeef;
    height: 33px;
    font-family: 'RobotoCondensedBold'
}

.thanh_bottom img {
    float: left;
    margin-right: 10px
}

.thanh_bottom:after {
    width: 15px;
    height: 15px;
    content: '';
    background: #ec0574;
    display: inline-block
}

.thanh_bottom h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    display: inline-block;
    background: #fff;
    padding: 0 20px 0 0
}

.khung_1 {
    width: 100%;
    float: left;
    border: 1px solid #efefef;
    padding: 10px;
    margin: 10px 0
}

.frame_images {
    float: left;
    width: 100%;
    text-align: center
}

.frame_images .MagicZoom img,.frame_images .mz-figure img {
    border: 1px solid #ccc!important;
    width: 100%
}

.frame_images img {
    border: 1px solid #ccc!important
}

.khung_thongtin {
    float: right;
    width: 100%;
    padding-top: 0;
    font-family: 'SairaRegular';
    font-size: 13px;
    color: rgb(89,89,89);
    line-height: 2;
    padding-left: 20px;
}

.khung_thongtin li {
    padding: 0;
    width: 100%;
    float: left;
    color: #333;
    font-size: 14px;
}

.khung_thongtin li .soluong span {
    color: #999;
}

.khung_thongtin li span {
}

.khung_thongtin li .btn {
    border: 0;
}

.khung_thongtin h1 {
    font-size: 24px;
    color: rgb(0,0,0);
    font-family: 'SairaBold';
    text-shadow: 0 0 3px #fff;
    text-transform: uppercase;
}

.khung_thongtin b {
    font-weight: 100;
    font-size: 18px;
    color: rgb(231,0,0)
}

.khung_thongtin .masp {
    font-size: 18px
}

.khung_thongtin .mota_detail {
    border-left: 0;
    border-right: 0;
    white-space: pre-line;
    padding: 20px 0
}

.khung_thongtin .gia_detail {
    font-size: 18px
}

.khung_thongtin li h3 {
    float: left;
    font-size: 25px;
    font-family: "RobotoBold";
    color: rgb(2,158,212);
    text-transform: uppercase;
    line-height: 40px
}

/*#flashsale h3{float:left;font-size:26px;font-family:"RobotoBold";color:rgb(2,158,212);text-transform:uppercase;line-height:45px}
*/
.khung_thongtin .gia_detail b {
}

.khung_thongtin .giacu_detail {
    font-size: 18px;
    color: rgb(0,0,0);
    text-decoration: line-through
}

.khung_thongtin .giacu_detail span {
}

.khung_thongtin .baohanh_detail {
    color: #015DA4
}

.khung_thongtin label p {
    width: 20px
}

.mau label,.size label {
    cursor: pointer;
    padding: 5px 0 0 0;
    margin: 0;
    position: relative
}

.size label {
    font-size: 16px
}

.khung_thongtin li.size,.khung_thongtin li.mau {
    width: 25%;
    margin: 1em 0
}

.doimau {
    color: #f00!important
}

.mau input,.size input {
    display: none
}

.mau .color-content li {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 0.5em;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 2px #ccc
}

.color-active:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAXVBMVEUAAABPTSFQTiFHRRaUkniKiWtjYjvx8e7w8Ozr6+bf39jf39fU08ja2dDR0cXHxrjBwLHY2M7CwbGwr5vg4NihoIiYln2xsJyKiWySkHWTk3izsqBubEj////6+vhQJZO4AAAAHXRSTlMACQsFTyIS8uni29nTwsK7t6WhmIx5a2dgXEA/KZqKfSQAAABPSURBVAjXFc3HEcBAEALBuT157z3KP0ytmg8fCsLPyI6UYA56lQTvkVkSLrJK704yJFySFpDyrZJGoNWvNjydt+LxOWSNdGMWMNLpJPrPB+lmBIrYhKKgAAAAAElFTkSuQmCC')
}

.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 5px 38px 5px 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEX///+Xl5fLy8uEwcGnAAAAH0lEQVQI1wXBQREAAAgDIM6fQYy0aOsrMCxHTWxcNA8UXwLfGgwDbgAAAABJRU5ErkJggg==') #fff no-repeat right bottom;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-right: none;
    position: relative
}

.custom-select {
    margin: 1.5em 0 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    outline: none
}

.lienhe_ {
    font-size: 18px;
    font-weight: bold;
    color: #AEAEAE
}

.dathang_detail p {
    width: 100%;
    float: left
}

.dathang_detail select {
    width: 80px;
    height: 50px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url(images/select.png) no-repeat right 0
}

.row_video {
    width: 390px;
    float: right
}

#huongdan_dh {
    float: right
}

.chonsize label {
    padding: 0 10px 0 0;
    font-weight: 100;
    cursor: pointer;
    color: #DC00C0
}

.khung_thongtin li.gia_detail > span {
    font-size: 18px;
    color: rgb(231,0,0);
    font-family: "RobotoBold"
}

.soluong {
    width: 25%;
    border-radius: 10px;
    text-align: center
}

.addc {
    float: left;
    cursor: pointer;
    line-height: 35px;
    height: 35px;
    padding: 0 15px;
    color: #fff;
    text-transform: uppercase;
    border: #fff;
    background: linear-gradient(top,rgba(170,0,0,0.6),rgba(170,0,0,1));
    background: -webkit-linear-gradient(top,rgb(31, 127, 234),rgb(11, 61, 117));
    background: -moz-linear-gradient(top,rgba(170,0,0,0.6),rgba(170,0,0,1));
    background: -o-linear-gradient(top,rgba(170,0,0,0.6),rgba(170,0,0,1));
    border-radius: 3px;
    margin: 0 10px 10px 0;
}

.sanpham_an {
    display: none
}

.thanh_sp_an {
    width: 100%;
    float: left;
    position: relative
}

.thanh_sp_an h6 {
    font-family: "UVFMetroScript";
    font-size: 33px;
    color: rgb(231,0,98);
    width: 170px
}

.thanh_sp_an:after {
    content: '';
    height: 1px;
    width: calc(100% - 170px);
    position: absolute;
    bottom: 20px;
    right: 0;
    border-bottom: 1px dashed rgba(62,62,62,1)
}

.dathang_detail .thanhtoannhanh {
    width: 200px;
    float: left;
    background: #e41c2c;
    height: 50px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 0 0;
    cursor: pointer;
    color: #fff;
    margin-left: 20px;
    border-radius: 5px;
    text-align: center
}

.dathang_detail .muangay {
    width: 177px;
    float: left;
    background: url(images/thanhtoan.png) no-repeat;
    height: 46px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 0 0 70px;
    cursor: pointer
}

.dathang_detail .thanhtoannhanh:hover,.dathang_detail .muangay:hover {
    color: #FFF600
}

.dathang_detail span {
    width: 42px;
    height: 42px;
    padding: 7px 0 0;
    float: left;
    border: 3px solid #ccc;
    border-radius: 50%;
    text-align: center
}

.huongdan_detail a {
    width: 100%;
    float: left;
    padding: 5px 0 10px 30px;
    background: url(images/giohang_ico.jpg) no-repeat 5px 8px;
    color: #035E80;
    font-style: italic
}

.huongdan_detail a:hover {
    color: #04579D
}

.khung_new {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.khung_new .box_new.full {
    grid-column: span 4;
}

.khung_new .box_new.full .full_right {
    width: calc(100% - 530px);
    float: right;
}

.khung_new .box_new.full .full_right .xemtiep {
    float: right;
}

.khung_new .box_new.full h3 a {
    font-size: 22px;
}

.khung_new .box_new .ngay_pos {
    text-align: center;
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    padding: 5px;
}

.khung_new .box_new .ngay_pos span {
    display: block;
    font-size: 10px;
    line-height: 1.0;
}

.box_new {
    position: relative;
}

.box_new img {
    float: left;
    transition: .5s all;
    margin-right: 1em;
}

.box_new h3 {
    padding: 5px 0 5px;
    float: right;
    width: 100%;
    float: left;
}

.box_new h3 a {
    text-transform: uppercase;
    font-weight: 100;
    font-family: "SairaBold";
    color: #333;
    font-size: 16px;
}

.box_new p {
    font-size: 14px;
    color: #333;
    width: 100%;
    float: left;
}

.box_new h3:hover a {
    color: #f00
}

.box_new img:hover {
    transition: .5s all;
    transform: scale(.95);
}

.xemchitiet {
    text-align: right
}

.xemchitiet a {
    color: red
}

.xemchitiet a:hover {
    text-decoration: underline
}

.xemtiep {
    float: left;
    font-size: 13px;
    background: none no-repeat 80px 12px;
    transition: 0.5s;
    text-align: center;
    font-weight: bold;
}

.xemtiep a {
    text-decoration: none;
    font-style: italic;
    float: left;
    padding: 7px 0;
    color: #333
}

.xemtiep a:hover {
    color: #f00
}

.banchay_icon {
    width: 54px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    background: url("images/hot_icon.png")no-repeat;
    height: 54px
}

#dichvu {
    width: 100%;
    float: left;
    margin: 0;
    padding: 11px 0 0 0
}

.left_qc {
    width: 50%;
    float: left
}

.right_qc {
    width: 50%;
    float: right;
    text-align: right
}

.noidung_dv {
    margin-right: -15px;
    margin-left: -15px
}

.khung_dv {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

.khung_dv img {
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    z-index: -1;
    display: block;
    width: 100%
}

.khung_dv img:hover {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.khung_dv:nth-child(3n) {
    margin-right: 0
}

.khung_dv:hover .tieude_dv:before {
    background: rgba(255,255,0,0.5)
}

.khung_dv:hover .tieude_dv:after {
    background: rgba(255,255,0,0.5)
}

.khung_dv:hover .tieude_dv a h3 {
    color: rgba(238,0,0,1)
}

.tieude_dv a h3 {
    font-family: "SFUFuturaHeavy";
    font-size: 15px;
    color: rgb(36,35,35);
    text-transform: uppercase;
    padding: 0 0 10px 0
}

.tieude_dv p {
    line-height: 2;
    font-family: "SFUFuturaBook";
    font-size: 14px;
    color: rgb(57,57,57);
    padding: 0 0 25px 0
}

.tieude_dv {
    width: 100%;
    float: left;
    min-height: 235px;
    background: rgb(243,243,243);
    padding: 25px 0 0 25px
}

.content_new {
    overflow: hidden;
    height: 400px;
    width: 100%;
    float: left
}

.ngaydang {
    font-style: italic;
    color: #9A9A9A;
    font-size: 12px
}

.thongtin_detail {
    font-style: italic
}

.khuyenmai_detail {
    margin: 5px 0 0
}

.khuyenmai_detail ul li {
    padding: 5px 20px 5px 0;
    color: #008c00
}

.khuyenmai_detail ul li input {
    float: left;
    margin: 3px 5px 0 0
}

.selectors {
    text-align: center;
    float: left;
    width: 97.5%
}

.selectors .owl-carousel .owl-item {
    padding: 0
}

.table_info {
    width: 100%;
    float: left
}

.khung_bao {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
}

#datlichhen {
    width: 40%;
    position: relative;
    padding: 1em 2em;
}

.fancybox-container {
    z-index: 400!important;
}

#datlichhen .thgian {
    padding-top: 1em;
}

#datlichhen .form-group {
    margin-bottom: 5px;
}

#datlichhen h2 {
    font-family: 'RobotoMedium';
    font-size: 24px;
    color: #f00;
    text-align: center;
    text-transform: uppercase;
}

.btn-guiyeucau {
    color: white;
    background: linear-gradient(#428bca, #001948);
    border: 1px solid #365899;
    padding: 0.5em 1em;
    margin-top: 1em;
    border-radius: 5px;
}

.dieuhuong {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 5;
    background: transparent;
    border-bottom: 1px solid #e2e1e1;
    border-radius: 0;
    margin-bottom: 1em;
}

.dieuhuong > a + a:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.dieuhuong a {
    position: relative;
    color: #333;
    font-family: "SairaRegular";
}

.dieuhuong a.active {
    color: rgb(232,0,0);
}

.dieuhuong a:last-child {
    background: none
}

.dieuhuong a:hover {
    color: rgb(219, 56, 37);
}

.khung_tab {
    width: 100%;
    float: left;
    display: none
}

.khung_tab.active {
    display: block
}

.thanhsp {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    background: #ffd800
}

.thanhsp h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
    display: inline-block;
    padding: 0 20px 0 10px
}

.thanhsp h2:before {
    content: "";
    background: url(images/after.png) no-repeat;
    height: 18px;
    float: left;
    width: 139px;
    margin: 15px 0 0
}

.thanhsp h2:after {
    content: "";
    background: url(images/after.png) no-repeat;
    height: 18px;
    float: right;
    width: 139px;
    margin: 15px 0 0
}

.thanhsp span {
    color: #FE0000
}

.khung_khac {
    width: 100%;
    float: left;
    margin: 0 0 20px
}

#java_km {
    width: 100%;
    float: left
}

#java_km img {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 1px
}

#java_km img:hover {
    opacity: 0.8
}

#hoidap {
    width: 100%;
    float: left;
    background: #f7f7f7;
    padding: 40px 0
}

.hoidap .hoidap_khung {
    width: 20%;
    float: left;
    padding: 0 5px
}

.hoidap .hoidap_khung h4 {
    font-family: 'OpenSansBold';
    font-size: 17px;
    color: #102690;
    padding: 0 0 20px
}

.hoidap .hoidap_khung li {
    font-size: 13px !important;
    padding: 0 0 10px
}

.hoidap .hoidap_khung li img {
    float: left;
    margin: 5px 10px 0 0
}

.hoidap .hoidap_khung li a {
    color: #666
}

.hoidap .hoidap_khung li:hover a {
    text-decoration: underline;
    color: #102690
}

.hoidap .hoidap_khung li i {
    font-size: 12px;
    color: #102690;
    margin-right: 5px
}

.thanhdt {
    width: 100%;
    float: left;
    margin: 10px 0 20px;
    text-align: center;
    height: 60px;
    line-height: 55px
}

.thanhdt h2 {
    color: #333;
    text-transform: uppercase;
    font-size: 26px;
    background-color: #fff;
    display: inline-block;
    padding: 0 20px 0 10px;
    font-weight: 100
}

.thanhdt span {
    color: #FE0000
}

.tin_tuc {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px
}

.tin_tuc h2 {
    display: inline-block;
    background: url(images/thanhsp.png) no-repeat;
    height: 64px;
    background-size: 100% 100%;
    padding: 10px 80px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100
}

.tin_tuc h3 {
    color: #646464;
    text-transform: uppercase;
    margin: 10px 0 5px
}

.tin_tuc p {
    color: #666;
    font-size: 12px
}

.tin_tuc ul li {
    width: 370px;
    float: left;
    margin: 20px 0 0 10px;
    text-align: left
}

.tin_tuc ul li img {
    width: 66px;
    height: 66px;
    float: left;
    margin: 10px;
    border-radius: 100%
}

.tin_tuc ul li {
    padding: 2px 0 2px 10px
}

.tin_tuc ul li a {
    color: #00426f
}

.tin_tuc ul li span {
    color: #ccc
}

.tin_tuc a:hover {
    color: rgba(255,0,0,1)
}

.form_dathang {
    width: 585px;
    float: right;
    padding: 15px 0 0 0
}

.form_dathang .thanh_duan {
    margin: 25px 0 5px 0
}

.form_dathang h4 {
    font-size: 15px;
    font-family: "RobotoCondensedRegular";
    color: rgb(48,48,48);
    text-transform: uppercase;
    padding: 0 0 10px 0
}

.form_dathang input {
    border: 1px solid rgb(48,48,48);
    padding: 8px 10px;
    width: 49%;
    margin: 0 0 5px 0
}

.form_dathang input::-webkit-input-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_dathang input:-moz-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_dathang input::-moz-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_dathang input:-ms-input-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_dathang button {
    width: 110px;
    margin: auto;
    border-radius: 10px;
    background: rgb(70,113,255);
    border: 0;
    padding: 10px;
    color: #fff;
    font-family: "RobotoCondensedBold";
    font-size: 15px;
    text-transform: uppercase;
    margin: 15px 0 0 0
}

.form_dathang .ghichu {
    width: 98.5%;
    float: left
}

.form_kygui {
    width: 585px;
    margin: auto;
    padding: 15px 0 15px 0
}

.form_kygui .thanh_duan {
    margin: 25px 0 5px 0
}

.form_kygui h4 {
    font-size: 15px;
    font-family: "RobotoCondensedRegular";
    color: rgb(48,48,48);
    text-transform: uppercase;
    padding: 0 0 10px 0
}

.form_kygui input {
    border: 1px solid rgb(48,48,48);
    padding: 8px 10px;
    width: 49%;
    margin: 0 0 5px 0
}

.form_kygui input::-webkit-input-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_kygui input:-moz-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_kygui input::-moz-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_kygui input:-ms-input-placeholder {
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: "RobotoRegular"
}

.form_kygui button {
    width: 110px;
    margin: auto;
    border-radius: 10px;
    background: rgb(70,113,255);
    border: 0;
    padding: 10px;
    color: #fff;
    font-family: "RobotoCondensedBold";
    font-size: 15px;
    text-transform: uppercase;
    margin: 15px 0 0 0
}

.form_kygui .link {
    width: 98.5%;
    float: left
}

.form_kygui .ghichu {
    width: 98.5%;
    float: left
}

.but {
    width: 100%;
    float: left;
    text-align: center
}

.danhmuc_sp {
    width: 18%;
    float: left;
    padding: 0
}

.title_dm {
    width: 100%;
    float: left;
    background: url(images/danhmuc.png);
    text-align: center;
    padding: 2px;
    border-bottom: 1px solid rgba(202,202,202,1);
    color: #fff;
    font-family: "SFUGaramondCondensedBoldItalic";
    font-size: 24px;
    position: relative;
    line-height: 29px;
    height: 40px;
}

/*.title_dm:before{content:'';position:absolute;right:10px;top:12px;width:15px;height:18px;background:url(images/right_dm.png)no-repeat left 10px center}*/
.title {
    width: 100%;
    float: left;
    text-align: center;
    padding: 1em 0;
    font-size: 16px
}

.sanpham {
    width: 100%;
    float: right
}

.khung_sp {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 25px;
    width: 100%;
    padding-top: 10px;
}

.khung_sp .col-md-4 {
    padding: 0 15px
}

.khung_sp .col-md-4:nth-child(3n + 1) {
    clear: both
}

.spham {
    padding-top: 13px;
    padding-bottom: 10px
}

.item {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    padding-bottom: 1em;
    border: 1px solid #ccc;
}

.item:nth-child(5),.item:nth-child(10) {
    border-left: 1px solid rgb(239,239,239)
}

.item .img {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.item:hover .xemsp {
    color: #FFF000
}

.item > .img a img {
    width: 100%;
    transition: 0.5s;
    display: block;
}

.item h3 {
    width: 100%;
    float: left;
    padding: 10px 0 5px;
}

.item h3 a {
    color: #1b1b1b;
    font-family: 'RobotoRegular';
    font-size: 17px;
}

.item:hover h3 a {
    color: #03669A;
    text-decoration: underline
}

.item:hover a img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.item p {
    font-family: 'RobotoRegular';
    font-size: 17px;
    color: #1b1b1b;
    display: inline-block;
}

.item p span {
    color: rgb(241,0,0);
    font-family: 'RobotoBold';
}

.item .tray-item-play-button span:hover {
    color: #ff0
}

.khungbao .tray-item-play-button span {
    padding: 10px 15px;
    font-family: "RobotoBold";
    font-size: 14px;
    background: rgba(255,0,0,1);
    color: #fff;
    border-radius: 30px;
    opacity: 0;
    transition: all .5s ease-out
}

.dathang {
    position: absolute;
    width: 58px;
    height: 48px;
    background: url('images/icon_gh.png') no-repeat;
    z-index: 100;
    bottom: 0;
    right: 0;
    cursor: pointer;
    transition: 0.3s
}

.dathang:hover {
    opacity: 0.8
}

.gia {
    color: rgb(255,0,0);
    font-family: "RobotoBold";
    font-size: 14px
}

.mua_ngay {
    position: absolute;
    z-index: 100;
    transition: all 0.5s ease 0s;
    background: url(images/giohang_sp.png) no-repeat right 10px bottom 10px;
    color: #0b58cc;
    bottom: 10px;
    right: 2px;
    right: 5px;
    height: 50px;
    line-height: 30px;
    text-align: center;
    display: block;
    width: 50px;
    cursor: pointer
}

.mua_ngay a {
    display: block;
    color: #0b58cc
}

.mua_ngay:hover a {
    color: #f37022
}

.giaohang_tn {
    width: 380px;
    float: left;
    padding: 20px 10px 20px 160px;
    color: #fff;
    background: url(images/giaohang.png) no-repeat 0 10px;
    border-right: 1px solid #0081b4
}

.giaohang_tn h4 {
    color: #fbda42;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed'
}

.giamgia_hot {
    position: absolute;
    width: 40px;
    float: left;
    height: 40px;
    z-index: 1;
    top: 3px;
    right: 3px;
    background: url(images/giamgia.png) no-repeat;
    line-height: 30px;
    text-align: center;
    color: #FFF!important
}

.thuonghieu_item {
    width: 20%;
    float: left;
    text-align: center;
    border: 1px solid #eee;
    padding: 10px
}

.thuonghieu_item h3 a {
    margin-top: 10px;
    color: #e91678;
    font-family: 'UTMFlamenco'
}

.thuonghieu_item img {
    max-width: 100%
}

.thuonghieu_item:hover {
    border: 1px solid #e91678
}

.chitiet {
    height: 31px;
    background: url(images/bg_giohang.png) repeat-x;
    display: inline-block;
    text-align: center;
    color: #fe8152;
    font-size: 12px;
    border: 1px solid #dadada;
    line-height: 31px;
    padding: 0 10px;
    margin-top: 10px
}

.chitiet a {
    color: #000;
    text-decoration: none
}

.chitiet a:hover {
    color: #ec0574
}

.gach {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    margin: 5px 0
}

.noidung ul li {
    list-style-type: none !important
}

.khung_mail {
    width: 100%;
    float: left;
    padding: 2.5em 1em;
    background: #df0700;
}

.dangky_tin {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-top: 10px;
}

.dangky_tin p {
    font-size: 14px;
    margin: 5px 0;
    font-size: 12px
}

.dangky_tin p span {
    text-transform: uppercase;
    font-size: 16px
}

.dangky_tin input {
    width: calc(100% - 90px);
    padding: 13px;
    border: 0;
    background: #ffffff;
    color: #000000;
}

.dangky_tin button {
    height: 47px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0;
    width: 90px;
    border: 0;
    background: #000000;
    font-family: 'RobotoBold';
    color: #ffffff;
    float: right;
}

.dangky_tin button:hover {
    opacity: 0.5
}

.nhantin {
    width: 80%;
    float: left;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr 5fr 6fr;
    grid-gap: 5px;
}

.nhantin p span {
    font-family: 'SairaBold';
    font-size: 22px;
    color: #ffffff;
}

.nhantin p {
    font-size: 14px;
    font-family: "RobotoRegular";
    color: #fff;
    line-height: 1.2;
}

.nhantin img {
}

.content_nhantin {
    width: 53%;
    float: left;
    box-sizing: border-box;
    padding: 0;
    background-size: 100% 100%
}

.dk_nhantin {
    width: 71.66667%;
    margin: auto
}

.tin {
    color: rgb(255,255,255);
    padding: 0;
    font-style: normal;
    font-family: "RobotoRegular";
    font-size: 13px
}

.face {
    width: 78%;
    float: right
}

.dangkymail {
    width: 100%;
    float: left;
    position: relative;
    padding: 1em 0 0 0
}

.dangkymail .col-md-4 {
    padding: 0 .3em
}

.dangkymail input {
    width: 100%;
    float: left;
    padding: 8px 0 8px 15px;
    margin: 0;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-family: "RobotoRegular";
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.5);
    background: rgba(255,255,255,.15)
}

.dangkymail textarea {
    border: 0;
    outline: none;
    font-size: 14px;
    font-family: "RobotoRegular";
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.5);
    background: rgba(255,255,255,.15);
    padding: 10px;
    color: #fff;
    width: 100%
}

.dangkymail .col-md-12 {
    padding: .6em 0 1.2em 0
}

.dangkymail button {
    text-transform: uppercase;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    color: rgb(255,255,255);
    padding: 8px 18px;
    opacity: 1;
    background: rgb(9,149,71);
    font-family: "RobotoCondensedBold";
    font-size: 16px;
    border-radius: 5px
}

.dangkymail p {
    width: 100%;
    float: left;
    color: #fff;
    padding: 10px 20px
}

.dangkymail input::-webkit-input-placeholder {
    color: rgb(255,255,255);
    font-size: 14px;
    font-family: "OpenSansRegular";
}

.dangkymail input:-moz-placeholder {
    color: rgb(255,255,255);
    font-size: 14px;
    font-family: "OpenSansRegular";
}

.dangkymail input::-moz-placeholder {
    color: rgb(255,255,255);
    font-size: 14px;
    font-family: "OpenSansRegular";
}

.dangkymail input:-ms-input-placeholder {
    color: rgb(255,255,255);
    font-size: 14px;
    font-family: "OpenSansRegular";
}

.dangky_tin input::-webkit-input-placeholder {
    color: rgba(111,111,111,1);
    font-size: 14px;
    font-family: "RobotoRegular";
}

.dangky_tin input:-moz-placeholder {
    color: rgba(111,111,111,1);
    font-size: 14px;
    font-family: "RobotoRegular";
}

.dangky_tin input::-moz-placeholder {
    color: rgba(111,111,111,1);
    font-size: 14px;
    font-family: "RobotoRegular";
}

.dangky_tin input:-ms-input-placeholder {
    color: rgba(111,111,111,1);
    font-size: 14px;
    font-family: "RobotoRegular";
}

#thanh_toan {
    width: 100%;
    float: left;
    border-top: 1px solid #9d9e9e;
    border-bottom: 1px solid #9d9e9e;
    padding: 10px 0;
    margin: 20px
}

.thoigian {
    float: right;
    font-family: 'UTMAvo';
    padding: 25px 0 0 20px
}

.hotline_bt {
    float: right;
    padding: 13px 0 0;
    font-family: 'UTMAvo';
    font-weight: bold
}

.hotline_bt span {
    font-size: 24px;
    font-weight: bold;
    color: #ff5159
}

.hotro_bottom p {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #1b1c23;
    margin: 25px 20px 0
}

.list_carousel_banchay {
    padding-bottom: 60px
}

.list_carousel_banchay .owl-controls {
    display: none
}

#bottom {
    width: 100%;
    float: left;
    margin: 0;
    padding: 3em 0;
    position: relative;
}

#bottom h4 {
    font-family: "RobotoCondensedBold";
    font-size: 25px;
    color: rgb(0,81,151);
    text-transform: uppercase;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(images/bottom.png)repeat-x bottom 10px center;
    margin: 0 0 10px 0
}

#bottom h4 span {
    color: #f00
}

#bottom img {
    display: inline-block;
}

.tt_noibat {
    width: 100%;
    float: left;
    margin-bottom: 2em;
}

.tt_noibat .nd {
    width: calc(100% - 130px);
    float: right;
}

.tt_noibat h3 a {
    font-family: 'RobotoBold';
    font-size: 14px;
    color: #171717;
}

.tt_noibat p {
    font-size: 13px;
    font-family: 'RobotoRegular';
    color: #3a3a3a;
}

.tt_noibat:hover h3 a {
    color: #ff0000;
}

.khung_bottom {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}

.hotro {
    width: 100%;
    float: left;
    background: rgb(243,243,243);
    border: 1px solid rgb(220,220,220);
    overflow-y: auto;
    padding: 0 2em 2em;
}

.hotro ul {
    width: 100%;
    float: right
}

.hotro_bot {
    width: 100%;
    float: left;
}

.hotro .hotro_bot ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap
}

.hotro .hotro_bot ul li.yahoo:last-child {
    border-bottom: 0;
}

.hotline_hotro {
    padding: 30px 0 0 5em;
    font-family: "RobotoRegular";
    color: #000;
    font-size: 17px;
    line-height: 1;
    background: url(images/hl.png)no-repeat left bottom;
    font-style: italic;
}

.hotline_hotro span {
    font-family: "RobotoCondensedBold";
    color: rgb(224,7,15);
    font-size: 20px
}

.email_hotro {
    width: 100%;
    float: left;
    padding: 10px 0 0 25px;
    font-family: "RobotoCondensedItalic";
    font-size: 14px;
    font-style: italic;
    background: url(images/em.png)no-repeat left center
}

.title_tt h3 {
    font-family: 'SairaExtraBold';
    font-size: 22px;
    color: #000000;
    float: left;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 13px;
}

.title_tt h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 17px;
    background: url(images/line_bt.png)no-repeat center left;
}

.title_httt {
    background: url(images/tieude_tt.png) no-repeat;
    height: 64px;
    line-height: 64px;
    color: rgb(0,69,140);
    font-size: 25px;
    font-family: 'UTMHelvetInsRegular';
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 15px;
}

.l-news,.c-news {
    width: 100%;
    overflow: hidden;
    float: left;
}

.l-news .title_tt {
    grid-column: 1/ span 2;
}

.r-news {
    overflow: hidden;
}

.news1 {
    float: left;
    width: 100%;
}

.news1 a {
    display: block
}

.news1 h3 {
    padding: 10px 0 5px 0;
}

.news1 h3 a {
    text-decoration: none;
    color: rgb(47,47,47);
    font-family: 'RobotoBold';
    font-size: 14px
}

.news1 h3 a:hover {
    text-decoration: underline
}

.news1 p {
    color: rgb(92,92,92);
    font-size: 14px;
    font-family: 'RobotoRegular'
}

.news1 .xemthem {
    padding: .5em 1em;
    border: 1px solid #ccc;
    text-transform: uppercase;
    float: left;
    margin-top: 1em;
    text-decoration: none;
}

.news2 {
    float: right;
    width: 100%;
}

.box_tt {
    margin-bottom: 10px
}

.box_tt a img {
    float: left;
    margin-right: 5px
}

.box_tt a img:hover {
    opacity: 0.5
}

.box_tt h3 a {
    text-decoration: none;
    color: rgb(47,47,47);
    font-family: 'RobotoBold';
    font-size: 14px
}

.box_tt h3 a:hover {
    text-decoration: underline
}

.box_tt p {
    color: rgb(92,92,92);
    font-size: 14px;
    font-family: 'RobotoRegular'
}

.noibat {
    width: 100%;
    float: left;
}

.noibat h3 {
    padding: 5px 0 5px;
}

.noibat h3 a {
    font-family: 'RobotoBold';
    font-size: 16px;
    color: #000000;
}

.noibat p {
    font-family: 'RobotoRegular';
    font-size: 13px;
    color: #3a3a3a;
}

.noibat:hover h3 a {
    color: #ff0000;
}

.list {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.list a {
    font-family: 'RobotoBold';
    font-size: 13px;
    color: #171717;
}

.list a:hover {
    color: #ff0000;
}

.spnew {
    position: absolute;
    top: -3px;
    right: -3px;
}

#nhantin {
    width: 100%;
    float: left;
    padding: 2em 0;
    background: rgba(34, 112, 177,.5);
}

.dichvu_nb {
    margin: 0 -16px 0 -16px
}

.dichvu_nb .col-md-3:nth-child(4n+1) {
    clear: both
}

#dichvu_ct {
    width: 100%;
    float: left;
    margin: 0;
    padding: 60px 0 55px;
    position: relative;
    background: none repeat-x bottom
}

#footer {
    width: 100%;
    float: left;
    position: relative;
    background: #ca0000;
}
p.title_footer_small {
    font-family: "RobotoBlack";
    font-size: 15px;
    color: #fff;
    padding: 0 0 5px;
    position: relative;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
p.title_footer_small:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.5em;
    height: 1px;
    background: #fff;
    content: '';
}

p.title_footer span {
    color: #ffffff;
    font-family: "SairaExtraBold";
    font-size: 20px;
    padding: 0 0 5px;
    text-align: left;
    position: relative;
    text-transform: uppercase;
}



.footer {
    width: 100%;
    float: left;
    margin: 0;
    padding: 2.5em 0;
}

#copy .thongtin_bt {
    display: inline-block;
    margin-top: 1em;
}

#copy span {
    color: #ffffff;
    font-family: 'RobotoBold';
}

#copy .thongtin_bt p {
    font-family: 'Arial';
    font-size: 13px;
    color: rgb(86,86,86);
}

/*.footer ul{width:100%;float:left}
.footer ul li{width:100%;float:left;padding:8px 0}
.footer ul li a{font-family:"RobotoRegular";color:rgb(101,101,101);font-size:13px}
.footer ul li a:hover{color:#f00}
.footer ul li a span{font-family:"RobotoBold";color:#f00}
*/
.footer .khung_fter {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1.7fr 2.5fr 1.5fr 1fr;
    grid-gap: 30px;
}

.footer .khung_fter ul {
    color: #fff;
}

.footer .khung_fter ul.lienket {
    margin-left: 0;
}

.footer .khung_fter ul li {
    padding: 0 0 1em;
}

.footer .khung_fter ul li span {
    font-family: 'RobotoBold'
}

.footer .khung_fter ul li a {
    font-family: "RobotoRegular";
    color: #fff;
    font-size: 15px;
}

.footer .khung_fter ul li a:hover {
    color: rgb(232,232,0);
}

.footer p {
    font-family: "RobotoRegular";
    color: #fff;
    font-size: 15px;
    line-height: 2.5;
}

.footer .lienket p {
    float: left;
    width: 100%;
    font-family: 'Arial';
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(62,62,62);
    font-weight: bold;
}

.lkweb {
    width: 100%;
    float: left;
    padding: 0 0 0 0
}

.lkweb a:hover img {
    transform: rotate(360deg);
    transition: 1s
}

.logo_bt {
    float: left;
    text-align: center
}

.logo_bt {
    max-width: 90%
}

.menu_bt {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #333
}

.congty {
    position: relative;
    color: rgba(255,255,255,1);
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
    float: left
}

.bocongthuong {
    float: right
}

.bocongthuong h4 {
    margin: 10px 0;
    font-size: 12px;
    color: #ccc
}

.mang_xh {
    float: right;
    text-align: center
}

.mang_xh h4 {
    font-size: 15px;
    color: #fff;
    float: left;
    font-family: 'RobotoCondensed'
}

.mang_xh p {
    color: #dcdcdc;
    padding: 5px 0 20px
}

.mang_xh a {
    margin: 0 2px 0 0
}

.mang_xh a:hover {
    opacity: 0.7
}

.mang_xh img {
    width: 30px
}

.mang_xh ul {
    color: #fff
}

.mang_xh ul li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    margin-top: 10px
}

.mang_xh ul li span {
    color: #FFF600
}

.facebook {
    float: right;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    width: 25%
}

.bando_bt {
    float: left;
    width: 92%;
    border-radius: 3px;
    border: 1px solid rgb(26,148,226)
}

#footer .bando_bt h4 {
    padding: 0 0 10px
}

#footer .bando_bt h4:after {
    bottom: 5px
}

.bando_bt h4,.thongke h4 {
    color: #fff;
    font-weight: 100;
    text-align: left;
    padding: 0 0 10px;
    font-size: 16px;
    margin: 0;
    text-transform: capitalize
}

.bando_map {
    width: 100%;
    float: left
}

.map {
    float: right;
    width: 100%;
    margin-bottom: 1em;
}

.map iframe {
    width: 100%
}

.map h4 {
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-style: italic
}

.map img:hover {
    box-shadow: 0 0 10px #ccc
}

.owl_dv .owl-controls {
    display: block!important
}

.owl_dv .owl-dots {
    display: none!important
}

.owl_dv .owl-prev {
    position: absolute;
    z-index: 10;
    left: -25px;
    top: 90px;
    width: 35px;
    height: 64px;
    background: url(images/left.png)no-repeat !important;
    float: left;
    text-indent: -9999px;
    display: block!important
}

.owl_dv .owl-next {
    position: absolute;
    z-index: 10;
    right: -25px;
    top: 90px;
    width: 35px;
    height: 64px;
    background: url(images/right.png)no-repeat !important;
    float: left;
    text-indent: -9999px;
    display: block!important
}

#doitac {
    width: 100%;
    float: left;
    min-height: 160px;
    text-align: center
}

.doitac {
    width: 100%;
    float: left;
    padding: 2em 0 1.5em;
    background: #ebebeb;
    text-align: center;
}

.doitac .owl_carousel_doitac .slick-list {
    width: 95%;
    display: inline-block;
}

.doitac .slick-prev {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 45px;
    width: 25px;
    height: 55px;
    background: url(images/left.png)no-repeat !important;
    float: left;
    text-indent: -9999px;
}

.doitac .slick-next {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 45px;
    width: 25px;
    height: 55px;
    background: url(images/right.png)no-repeat !important;
    float: left;
    text-indent: -9999px;
}

.owl-carousel-doitac {
    width: 100%;
    float: left
}

.doitac .owl-carousel .owl-item {
    padding: 0 0
}

.owl_carousel_doitac img {
    display: inline-block!important;
    max-width: 100%;
    height: auto;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: .3s;
}

.owl_carousel_doitac img:hover {
    border-color: #1aa800;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .3s
}

.owl_doitac img {
    max-width: 100%;
    height: auto;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: .3s
}

.owl_doitac img:hover {
    border-color: #1aa800;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .3s
}

.title_dtac {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: rgb(80,80,80);
    font-family: "RobotoBold";
    font-size: 24px;
    padding: 0 0 10px
}

.sp_left {
    width: 100%;
    float: left;
    padding: 10px
}

.sp_left img {
    width: 80px;
    float: left;
    margin: 0;
    padding: 2px;
    border: 1px solid #e1e1e1;
    margin-right: 10px
}

.sp_left img:hover {
    opacity: 0.8
}

.sp_left a {
    color: #333;
    text-align: justify
}

.sp_left a:hover h3 {
    color: #056D94
}

.menu_bot {
    width: 1000px;
    float: left;
    padding-top: 5px;
    text-align: center
}

.menu_bot a {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px 1px #03C,1px -1px #03C,-1px -1px #03C,1px 1px #03C;
    padding-left: 10px;
    padding-right: 10px
}

.menu_bot a:hover {
    color: #900;
    text-shadow: -1px 1px #fff,1px -1px #fff,-1px -1px #fff,1px 1px #fff
}

/*-----------------------------------*/
.lienket {
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    z-index: 99
}

.lienket label {
    float: left;
    font-weight: bold;
    color: #fff;
    margin: 5px 10px 0 0
}

.lienket li {
    display: inline-block
}

.lienket a {
    margin: 0;
    color: #4f4f4f
}

.lienket a img {
    margin: 0 5px 0 0
}

.lienket h4 {
    float: left;
    width: 100%;
    color: #4f4f4f;
    font-size: 16px;
    font-family: 'RobotoCondensedRegular';
    text-transform: uppercase;
    margin-bottom: 20px
}

.lienket a:hover {
    opacity: 0.7
}

.lket {
    /* width: 40%; */
    float: right;
    padding: 10px 0 0 0;
    text-align: right;
}

.lket p {
    float: left;
    line-height: 37px;
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
}

.lket a {
    margin: 0 0 0 5px
}

.lket img {
    transition: .5s all;
}

.lket a:hover img {
    transform: rotate(45deg);
    transition: .5s all;
}

#bottom .lket img {
    border: 0
}

.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register {
    padding: 3em 8em!important;
    margin: 0!important
}

.content_tk {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 2em
}

/*-----------------------------------*/
#copy {
    width: 100%;
    float: left;
    font-family: "RobotoRegular";
    font-size: 15px;
    text-align: left;
    color: #ffffff;
}

.copy {
    color: rgba(255,255,255,.5);
    font-size: 12px;
    margin: 0;
    padding: 5px 0 5px 5px;
    float: left;
    width: 50%;
    text-align: left;
    font-family: "RobotoRegular"
}

.copy a {
    color: #ff6902
}

.thongso {
    color: rgba(255,255,255,.5);
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    float: right;
    width: 50%;
    text-align: right;
    font-family: "RobotoRegular"
}

.row_ht {
    width: 260px;
    float: right;
    margin: 15px 0 0
}

.dienthoai_top {
    color: #ffa200;
    font-size: 13px;
    float: right;
    margin: 20px;
    padding: 2px 50px 0 20px
}

.giomocua {
    width: 50%;
    float: left;
    color: #ffa200;
    min-height: 50px;
    background: url(images/open.png) no-repeat 0 0;
    padding: 0 0 0 65px;
    font-size: 13px
}

.giomocua span {
    text-transform: uppercase
}

.hotline_top p {
    padding: 0;
    width: 100%;
    float: left;
    font-size: 13px;
    font-family: "RobotoBold";
    color: rgb(64,64,64)
}

.hotline_top {
    float: right;
    font-size: 12px;
    font-family: 'SFUFuturaBook';
    color: rgb(1,88,77);
    position: relative;
    background: url('images/hotline.png') no-repeat bottom left;
    line-height: 1.2;
    padding: 0 0 0 50px;
    text-shadow: 2px 2px 2px #FFF,2px -2px 2px #FFF,-2px 2px 2px #FFF,-2px -2px 2px #FFF,2px 2px 2px #FFF,2px -2px 2px #FFF,-2px 2px 2px #FFF,-2px -2px 2px #FFF;
    text-transform: uppercase;
    padding-top: 1.5em
}

.hotline_top span {
    font-size: 21px;
    font-family: 'SFUFuturaBold';
    color: rgb(243,33,106)
}

@-webkit-keyframes colorchange {
    0% {
        -webkit-text-stroke: 1px #ec0574;
        letter-spacing: 0
    }

    100% {
        -webkit-text-stroke: 1px #3558a5;
        letter-spacing: 1px
    }
}

.hotline_top_an p {
    padding: 0;
    width: 100%;
    float: left;
    font-size: 13px;
    font-family: "RobotoBold";
    color: rgb(255,255,255)
}

.hotline_top_an {
    display: none;
    float: right;
    padding: 0 0 0 50px;
    font-size: 15px;
    font-family: 'RobotoRegular';
    color: rgb(224,16,16);
    position: relative;
    background: url('images/hotline.png') no-repeat center left;
    height: 40px;
    width: 31%
}

.hotline_top_an span {
    color: rgb(255,255,255);
    width: 100%;
    float: left;
    font-size: 22px;
    font-family: 'UTMAvoBold'
}

@-webkit-keyframes colorchange {
    0% {
        -webkit-text-stroke: 1px #ec0574;
        letter-spacing: 0
    }

    100% {
        -webkit-text-stroke: 1px #3558a5;
        letter-spacing: 1px
    }
}

.owl_carousel_news .owl-controls {
    display: none
}

.frmCheckOrder {
    width: 100%;
    float: left
}

.sub-ktdh-f {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 100%;
    right: 0;
    text-indent: 0;
    z-index: 19;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 1px 2px #ccc;
    width: 260px;
    border-top: none;
    padding: 10px
}

.sub-ktdh-f button {
    background-color: #e60f1e !important;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer
}

.sub-ktdh-f button:hover {
    background: #0a0
}

.sub-ktdh-f label {
    width: 100%;
    float: left
}

.sub-ktdh-f input {
    background-color: #fff;
    height: 30px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 4px;
    margin-bottom: 7px
}

.widget {
    background: #f9f9f9;
    border: 1px solid #cdcdcd;
    margin-top: 32px;
    clear: both
}

.widget .titles {
    height: 36px;
    background: #efefef url(../images/backgrounds/titleBg.png) repeat-x;
    border-bottom: 1px solid #cdcdcd
}

.widget .titles .titleIcon {
    float: left;
    padding: 11px 11px;
    border-right: 1px solid #D5D5D5
}

.toggle {
    background: #f9f9f9;
    border: 1px solid #cdcdcd;
    margin-top: 32px;
    clear: both;
    border-bottom: none
}

.toggle .titles {
    height: 36px;
    background: #efefef url(../images/backgrounds/titleBg.png) repeat-x;
    border-bottom: 1px solid #cdcdcd;
    cursor: pointer
}

.toggle .titles h6 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 12px 8px;
    display: block
}

.toggle .titleIcon {
    float: left;
    padding: 11px 11px;
    border-right: 1px solid #D5D5D5
}

.toggle .body,.toggle .menu_body {
    padding: 12px 14px;
    border-bottom: 1px solid #cdcdcd
}

.toggle .inactive {
    color: #2B6893
}

.widget .loader {
    float: right;
    margin: 12px 12px 0 0
}

.widget .titles h6 {
    float: left;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 12px 8px
}

.widget .content {
    padding: 14px
}

.widget .body {
    padding: 12px 14px
}

.widget > p {
    padding: 12px
}

.formRow {
    padding: 10px 14px;
    clear: both;
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid white;
    position: relative
}

.formRow:first-child {
    border-top: none
}

.formRow:last-child {
    border-bottom: none
}

.ui-formwizard .formRow:last-child {
    border-bottom: 1px solid #E2E2E2
}

.wizButtons {
    border-top: 1px solid #fff
}

.formRow .formRight {
    display: block;
    float: right;
    width: 85%;
    margin-right: 18px
}

.formRow .inputImg {
    position: absolute;
    top: 29px;
    right: 25px
}

.formRow .labelImg {
    float: left;
    margin: 2px 10px 0 0
}

.formRow > label {
    padding: 0 0;
    display: block;
    float: left;
    font-weight: bold;
    white-space: nowrap
}

.formRight label {
    float: left;
    margin-right: 24px;
    padding: 2px 0;
    cursor: pointer
}

.formNote {
    display: block;
    text-align: left;
    font-size: 11px;
    padding-top: 5px;
    color: #939393
}

.req {
    float: right;
    margin-left: 5px;
    display: block;
    color: #DB6464
}

.disabled {
    color: #c0c0c0
}

.widget tfoot {
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #cdcdcd
}

.giohang {
    width: 105px;
    float: right;
    line-height: 35px;
    background: #f00;
    border: 1px solid rgb(220,220);
    height: 35px;
    text-align: right;
    padding: 0 5px 0 0
}

.giohang a {
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    float: left;
    font-family: "RobotoCondensedRegular";
    font-size: 14px;
    background: url(images/giohang.png)no-repeat left 10px center
}

.kygui {
    width: 115px;
    float: right;
    line-height: 35px;
    background: rgb(0,82,151);
    border: 1px solid rgb(220,220);
    height: 35px;
    text-align: right;
    padding: 0 5px 0 0;
    margin-left: 10px
}

.kygui a {
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    float: left;
    font-family: "RobotoCondensedRegular";
    font-size: 14px;
    background: url(images/kygui.png)no-repeat left 10px center
}

.baove {
    width: calc(100% - 139px - 170px);
    float: right;
    line-height: 1.1
}

.nd_bv {
    width: 77%;
    float: right;
    padding: 3px 30px 0 0
}

.kiemtra {
    width: 160px;
    float: right;
    line-height: 1.1;
    position: relative
}

.kiemtra {
    font-size: 12px;
    font-family: "RobotoRegular";
    color: rgb(48,48,48)
}

.kiemtra > button {
    width: 100%;
    height: 33px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.nd_kt {
    width: 45%;
    float: right;
    padding: 3px 0 0 5px;
    text-align: left
}

.an {
    display: none
}

.dropdown {
    position: absolute;
    display: none;
    top: 35px;
    right: 0;
    text-align: left;
    background: #FFF;
    min-width: 200px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    padding: 15px 21px;
    text-transform: initial;
    line-height: 1.3;
    font-size: 12px;
    color: #024879;
    z-index: 9999
}

.tienich {
    width: 100%;
    float: left;
    margin: 20px 0
}

div#container_product {
    margin-top: 10px;
    width: 100%;
    float: left
}

div#container_product #tabs {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ccc
}

div#container_product #tabs li {
    color: rgba(0,102,204,1);
    padding: 5px 20px;
    background: rgb(255, 255, 255);
}

div#container_product #tabs li#current {
    color: #fff;
    background: rgb(219, 56, 37);
}

div#container_product #tabs li#current a {
    color: #fff;
}

div#container_product #tabs li {
    float: left
}

div#container_product #tabs li a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    font-family: "RobotoBold";
}

.phantrang {
    text-align: center;
    margin-top: 20px
}

.noidung_ta {
    width: 100%;
    float: left;
    clear: left
}

.clear {
    clear: both
}

.content {
    width: 910px;
    float: right;
    margin: 0 10px 0 0
}

#map_canvas {
    height: 350px;
    width: 100%;
    float: left;
    margin: 10px 0 0 0
}

#map_canvas_bt {
    height: 405px;
    width: 100%;
    float: left
}

#map_canvas_chinhanh {
    height: 280px;
    width: 100%;
    float: left;
    margin-top: 0
}

.hotro_right {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    max-width: 290px
}

.hotro_right #img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 290px;
    height: 160px;
    border-bottom: 1px solid #d00000;
    background: transparent url("images/hotro.png") no-repeat scroll 0% 0%
}

.hotro_right div.hotline_r {
    bottom: 0;
    padding: 0 10px;
    background-color: #ffde00;
    color: #d00000;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    text-align: center
}

.hotro_right .noidung_20 {
    display: none;
    width: 100%;
    float: left;
    background-color: #FFF;
    border-left: 1px solid #d00000;
    border-top: 1px solid #d00000;
    padding: 5px
}

.hotro_tt img {
    display: block
}

.red {
    color: #FB0000
}

.item_bst {
    background: rgb(255,255,255)
}

.item_bst h3 {
    width: 70%;
    text-transform: uppercase;
    float: left
}

.item_bst h3 a {
    font-family: "SFUFuturaHeavy";
    font-size: 17px;
    color: rgb(29,29,29)
}

.item_bst p {
    font-family: "SFUFuturaHeavy";
    font-size: 17px;
    color: rgb(155,14,98);
    width: 30%;
    float: left;
    text-align: right
}

.ten_bst {
    width: 100%;
    float: left;
    padding: 0 30px 20px 40px;
    opacity: 0
}

.slick-active .ten_bst {
    opacity: 1
}

.xem_bst {
    width: 100%;
    text-align: center;
    display: block
}

.xem_bst .xemthem {
    float: none;
    padding: 10px 20px;
    background: rgba(155,14,98,1);
    border-radius: 5px;
    margin: auto;
    display: block;
    /* margin:auto;*/
    width: 145px
}

.index {
    width: 100%;
    float: left;
    border: 1px solid #999
}

/**/
.dieukhoan {
    width: 50%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0
}

.dieukhoan h4 {
    padding: 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #fff
}

.thanh_bt {
    width: 100%;
    float: left;
    margin: 20px 0;
    position: relative;
    background: none no-repeat left bottom;
    padding-bottom: 10px
}

.thanh_bt h4 {
    font-size: 35px;
    font-family: 'SFUFuturaBook';
    color: rgb(24,24,24);
    padding: 0 10px 0 0;
    text-align: center
}

.thanh_ft {
    width: 100%;
    float: left;
    margin: 20px 0;
    position: relative;
    background: none repeat-x 0 20px
}

.thanh_ft h4 {
    font-size: 30px;
    font-family: 'UVFSlimTony';
    color: #f60;
    float: left;
    background: #fff;
    padding: 0 10px 0 0
}

.tin_nb {
    float: left;
    margin-right: -15px;
    margin-left: -15px
}

.tin_nb a {
    color: rgb(68,68,68);
    font-size: 14px;
    font-family: "RobotoBold";
    line-height: 1
}

.tin_nb a:hover {
    color: rgb(73,166,247)
}

.tin_nb h3 {
    margin-bottom: 5px;
    padding: 5px 0 0;
    color: rgb(68,68,68);
    font-size: 14px;
    font-family: "RobotoBold";
    line-height: 1
}

.tin_nb img {
    display: block
}

.tin_nb p {
    color: #999
}

.content_new ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0
}

.content_new ul li a {
    width: 100%;
    float: left;
    color: #fff;
    padding: 0 0 0 20px;
    background: url(images/4cham.png) no-repeat 5px 7px
}

.content_new ul li a:hover {
    color: #FFF600
}

.content_new ul li span {
    float: right
}

.khung_trai {
    width: 49%;
    float: left;
    margin-left: 0
}

.khung_phai {
    width: 49%;
    float: right;
    padding: 0
}

.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0 40px 20px 0
}

.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}

.form_lh {
    width: 100%;
    float: left
}

.form_lh fieldset {
    padding: 0;
    margin: 0;
}

.form_lh legend {
    padding: 0 10px;
    font-style: italic;
    color: #023B70
}

.form_lh p {
    padding: 5px 0
}

.form_lh p input {
    padding: 5px;
    width: 75%;
    margin-left: 10px;
}

.form_lh p label {
    width: 120px;
    float: left
}

.form_lh p textarea {
    padding: 5px;
    width: 98%;
    border: 1px solid #ccc;
}

.form_lh p button {
    border: 0;
    background: rgb(255,0,0);
    padding: 5px 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 5px;
}

.form_lh p button:hover {
    opacity: .8
}

.form_van input {
    width: 100%;
    padding: 5px
}

.form_van button {
    position: absolute;
    z-index: 1000;
    top: 1px;
    right: 0;
    color: #eee;
    padding: 5px;
    border: 0;
    background: #E78D00
}

.form_contact {
    padding: 0;
}

#form_contact input {
    padding: 5px
}

.owl-carousel_video .owl-controls {
    display: none
}

.box_video {
    float: left
}

.box_video img {
    width: 100%
}

.box_video h3 {
    text-align: center;
    margin: 10px;
    width: 100%;
    float: left;
    font-size: 14px
}

.box_video:hover {
    opacity: 0.8
}

.dieukhoan {
    width: 49%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0
}

.dieukhoan h4 {
    padding: 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #555
}

.xacnhan {
    width: 100%;
    float: right;
    margin: 5px 0
}

.xacnhan h4 {
    padding: 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #555
}

.phuongthuc h4 {
    padding: 5px 10px;
    background: #F2F2F2;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 10px
}

.dongy {
    padding: 10px;
    width: 100%;
    float: left;
    font-weight: bold
}

.back_fix {
    height: 375px;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px
}

.back_fix1 {
    background-image: url("images/photo_divider1.jpg")
}

.back_fix2 {
    background-image: url("images/photo_divider2.jpg")
}

.back_fix3 {
    background-image: url("images/photo_divider3.jpg")
}

.back_fix4 {
    background-image: url("images/photo_divider4.jpg")
}

.menu_hinhanh {
    width: 100%;
    float: left;
    height: 40px;
    background: url(images/menu.png) repeat-x;
    text-align: center;
    margin-top: 30px
}

.menu_hinhanh li {
    display: inline-block;
    background: url(images/gach_menu.png) no-repeat right;
    padding-right: 5px
}

.menu_hinhanh li:last-child {
    background: none
}

.menu_hinhanh a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.menu_hinhanh a:hover {
    color: #FBC729
}

.menu_mobile,.menu_hinhanh_m {
    display: none;
    font-size: 30px;
    color: #fff;
    float: right;
    margin: 5px 10px 0 0;
    position: relative;
    cursor: pointer
}

.menu_mobile:hover,.menu_hinhanh_m:hover {
    color: #FAD400
}

.home_mobile {
    font-size: 24px;
    color: #fff;
    display: none;
    float: left;
    margin: 10px 0 0 10px
}

.home_mobile a {
    color: #fff
}

.home_mobile a:hover {
    color: #FFFC00
}

.download_box {
    width: 230px;
    float: left;
    margin-right: 25px;
    text-align: center
}

.download_box img {
    border: 1px solid #ddd;
    padding: 5px
}

.download_box h3 {
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 5px 0;
    font-size: 12px
}

.download_box a {
    margin: auto;
    display: inline-block;
    padding: 3px 20px;
    background: #DE8801;
    color: #fff
}

.box_video {
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    width: 230px
}

.box_video img {
    max-width: 100%
}

.box_video a h3 {
    text-align: left;
    margin: 5px 0 0;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #035F67;
    font-weight: bold;
    overflow: hidden
}

.box_video:hover a h3 {
    color: #d5aa16
}

.box_video:hover {
    opacity: 0.8
}

.video_info {
    font-size: 12px;
    color: #767676;
    line-height: 1.3em
}

.video_info .loai_vid a {
    font-size: 13px;
    color: #767676
}

.video_info .loai_vid:hover a {
    color: #167ac6
}

.box_vid {
    width: 70%;
    float: left
}

.box_vid iframe {
    height: 300px
}

.box_vid h1 {
    font-size: 24px;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,.7);
    padding: 15px 10px;
    box-sizing: border-box
}

.vid_cmt {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px
}

.other_vid {
    width: 28%;
    float: right
}

.title_other {
    color: #d5aa16;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase
}

.other_vid .box_video_detail {
    width: 100%;
    padding: 7px;
    box-sizing: border-box
}

.other_vid .box_video_detail img {
    width: 40%;
    float: left;
    height: auto
}

.box_video_detail .vid_info {
    width: 58%;
    float: right;
    color: #767676;
    line-height: 1.3em;
    font-size: 12px
}

.box_video_detail .vid_info a h3 {
    font-size: 13px;
    font-weight: 500;
    color: #08678E;
    font-weight: bolder
}

.box_video_detail:hover .vid_info a h3 {
    color: #d5aa16
}

.vid_info .loai_vid a {
    font-size: 13px;
    color: #767676
}

.vid_info .loai_vid:hover a {
    color: #167ac6
}

.luotxem {
    color: rgb(128,128,128);
    font-size: 13px;
    font-family: "RobotoRegular";
    width: 50%;
    margin: auto;
    text-transform: none;
    position: relative
}

.luotxem:after {
    content: '';
    height: 8px;
    width: 15px;
    position: absolute;
    top: 6px;
    left: 3%;
    background: url("images/view.png")no-repeat
}

/* -----------------------Popup---------------------------*/
#popub {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 10001;
    text-align: center
}

#loading,#popub {
    width: 100%;
    height: 100%;
    display: none
}

#popub .popub {
    position: relative;
    max-width: 80%;
    margin: auto;
    display: inline-block
}

#popub .popub .close_popup {
    position: absolute;
    background: url(images/icon/close.png) center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.1)
}

.close_popup {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1
}

.close_popup,.list-group-item>.badge {
    float: right
}

#popub .popub .close_popup:hover {
    background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8)
}

/* -----------------------End Popup---------------------------*/
/*--------------tags---------------------*/
.tags {
    background: #b80101;
    display: inline-block;
    padding: 0 5px;
    line-height: 25px;
    color: #fff;
    padding-right: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative
}

.tags:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: -10px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #b80101
}

.tags:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #fff
}

.tags span {
    width: 10px;
    height: 10px;
    float: left;
    background: #fff;
    margin: 7px 10px 0 0;
    border-radius: 100%
}

.tags:hover span {
    background: #FFFC00
}

.tags:hover {
    color: #FFFC00
}

/*-----------------end tags-----------------------*/
#frmPrjSearch {
    width: 100%;
    float: left;
    text-align: center
}

.comboboxs {
    width: 100%;
    float: left
}

.comboboxs select,.comboboxs input {
    width: 100%;
    padding: 7px;
    margin: 10px
}

.comboboxs {
}

.entry-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    color: #666
}

.search-btn {
    float: left
}

#btnSearch {
    background: url(images/icon_tk.png) no-repeat;
    border: 0;
    padding: 9px 20px 5px 45px;
    text-transform: uppercase;
    color: #F5E700;
    margin: 10px;
    cursor: pointer;
    float: none;
    width: 114px;
    float: left
}

#btnSearch:hover {
    color: #fff
}

/*-----------fanpage----------------*/
.fanpage {
    position: fixed;
    top: 200px;
    right: -300px;
    z-index: 9999999999;
    width: 300px;
    height: 250px;
    transition: all 0.5s
}

.fanpage .title_fanpage {
    position: absolute;
    top: 0;
    left: -45px
}

.fanpage:hover {
    right: 0
}

/*-----------fanpage-right---------------*/
.face_right {
    position: fixed;
    top: 300px;
    right: -300px;
    z-index: 1000;
    width: 345px;
    float: left;
    transition: 0.5s
}

.face_right.active {
    right: 0
}

.face_right .img_face {
    float: left
}

/*-----------fanpage-right---------------*/
.menu_mobile,.menu_hinhanh_m {
    display: none;
    font-size: 30px;
    color: #fff;
    float: right;
    margin: 1px 10px 0 0;
    position: relative;
    cursor: pointer
}

.menu_mobile:hover,.menu_hinhanh_m:hover {
    color: #FAD400
}

.home_mobile {
    font-size: 24px;
    color: #caa049;
    display: none;
    float: left;
    margin: 8px 0 0
}

.home_mobile a {
    color: #fff
}

.home_mobile a:hover {
    color: #FFFC00
}

.list_home {
    width: 100%;
    float: left;
    margin-top: 30px
}

.list_home li {
    float: left;
    position: relative;
    padding: 10px
}

.list_home li h3 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    right: 10px;
    background: rgba(0,0,0,0.8);
    font-family: 'UTMAvo';
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    transition: 0.5s
}

.list_home li h3 a {
    color: #fff
}

.list_home li img {
    width: 100%;
    max-width: 100%
}

.list_home li:hover h3 {
    left: 20px;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,1)
}

.list_home li:hover h3 a {
    color: #FFE400
}

.nav_mobile {
    display: none;
    width: 100%;
    float: left;
    background: #915a24;
    position: relative;
    z-index: 1000
}

.nav_mobile li {
    width: 100%;
    float: left
}

.nav_mobile li a {
    width: 100%;
    float: left;
    color: #fff;
    border-top: 1px solid #c58b51;
    border-bottom: 1px solid #65370a;
    padding: 10px 0 10px 20px
}

.nav_mobile li li a {
    padding: 5px 0 5px 40px;
    background: url(images/icon_gachgt.png) no-repeat 15px 10px
}

.shiphangre table {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.shiphangre table td {
    padding: 20px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee
}

.shiphangre td table {
    border: 0
}

.shiphangre td table td {
    border: 0
}

.shiphangre td table td {
    padding: 10px 20px;
    margin: 0
}

.shiphangre table td input[type="text"] {
    width: calc(100% - 120px);
    float: right;
    border: 0;
    border-bottom: 1px dotted #ccc
}

.shiphangre table td.chuyenphat p {
    padding: 5px
}

.shiphangre table td.chuyenphat input {
    float: left;
    margin: 5px 10px 0 0
}

.shiphangre .xacnhan_kh td {
    vertical-align: top
}

.shiphangre .xacnhan_kh h4 {
    border-bottom: 1px solid #eee;
    width: 100%;
    float: left;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-weight: bold
}

.shiphangre .xacnhan_kh p {
    padding: 5px 0;
    width: 100%;
    float: left
}

.shiphangre .xacnhan_kh select {
    width: 48%;
    padding: 5px;
    float: left;
    margin-bottom: 10px
}

.shiphangre .xacnhan_kh #quanhuyen {
    float: right
}

.shiphangre .xacnhan_kh td input[type="radio"] {
    float: left;
    margin: 5px 10px 0 0
}

.shiphangre .xacnhan_kh textarea {
    width: 100%;
    padding: 10px
}

#guiyeucau {
    background: #0a3594;
    color: #fff;
    border: 0;
    float: right;
    padding: 10px 30px;
    font-family: 'OpenSansExtraBold';
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px;
    cursor: pointer
}

#guiyeucau:hover {
    background: #f19623
}

.sobill {
    font-size: 20px;
    font-family: 'OpenSansExtraBold';
    color: #666
}

.rong {
    text-align: left;
    color: rgb(0,73,191);
    font-size: 14px;
    text-transform: uppercase;
    text-align: center
}

.ten_nhantin {
    width: 28.75%;
    float: left;
    line-height: 1.1
}

/* Validation */
.formError {
    z-index: 990
}

.formError .formErrorContent {
    z-index: 991
}

.formError .formErrorArrow {
    z-index: 996
}

.ui-dialog .formError {
    z-index: 5000
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block
}

.formError .formErrorContent {
    width: 100%;
    background: #0a3594;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    padding: 4px 10px;
    white-space: nowrap
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.formError .formErrorArrow {
    position: relative
}

.formError .formErrorArrow:before {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0a3594;
    top: 0;
    left: 23px
}

.formError .formErrorArrow:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #0a3594;
    top: -2px;
    left: 24px
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrowBottom:before {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,0.2);
    top: -6px;
    left: 23px
}

.formError .formErrorArrowBottom:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -5px;
    left: 24px
}

.daucong {
    width: 40px;
    border-radius: 10px;
    background: #ff0a0a;
    color: #fff;
    font-size: 30px;
    float: right;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.item_dk {
    width: 100%;
    float: left;
    padding: 0 0 20px 0
}

.small {
    font-size: 14px;
    height: 24px
}

.small-old {
    font-size: 13px
}

#ctsdiv {
    background: rgb(242,242,242);
    padding: 1em;
}

#ctsdiv h3 {
    padding: 10px 0 0 0;
}

#ctsdiv h3 a {
    font-family: 'RobotoMedium';
    font-size: 16px;
    color: rgb(40,40,40);
}

#ctsdiv p {
    padding: 5px 0 0 0;
    font-family: 'RobotoRegular';
    font-size: 15px;
    color: rgb(84,84,84);
}

#ctsdiv img {
    background: #fff;
}

#ctsdiv p span {
    color: rgb(241,0,0);
}

#ctsdiv_news {
    position: relative;
    height: 380px;
    overflow: hidden;
    float: left;
    width: 100%;
}

#ctstbl_news {
    position: relative;
    margin: 0
}

#ctsdiv_news table {
    width: 100%;
}

#ctsdiv .hotnews {
    padding: 0 0 10px 0
}

#ctsdiv .hotnews h3 {
    text-align: center
}

#ctsdiv .hotnews h3 a {
    color: #f00;
    font-family: "SFUFuturaHeavy";
    font-size: 14px
}

#ctsdiv .col-md-12,#ctsdiv .col-sm-12 {
    padding: 0
}

#ctsdiv .mota {
    display: none
}

#ctsdiv_news .hotnews {
    width: 100%;
    float: left;
    line-height: 1.2;
    grid-gap: 2em;
    grid-template-columns: 1fr 6fr;
    margin: 0;
}

#ctsdiv_news .hotnews img {
    border-radius: 50%;
}

#ctsdiv_news .hotnews .tt {
    text-align: left;
    padding: .5em 0 0 5em;
}

#ctsdiv_news .hotnews h3 {
}

#ctsdiv_news .hotnews h3 a {
    font-family: "Arial";
    color: rgb(52, 51, 51);
    font-size: 15px;
    font-weight: bold;
}

#ctsdiv_news .hotnews:hover h3 a {
    color: #f00
}

#ctsdiv_news .hotnews p {
    font-family: "Arial";
    font-size: 13px;
    color: rgb(65,65,65);
    line-height: 1.4;
}

#ctsdiv_news .hotnews .nd {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 10px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0 0 15px 0px #cccccc;
    margin-bottom: 1.5em;
}

.ngaytao {
    float: left;
    text-align: center;
    padding: 2.8em 0 0;
    border-right: 1px solid rgb(204,204,204);
    position: relative;
    padding-right: 1em;
}

.ngaytao:after {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 92%;
    width: 18px;
    height: 18px;
    background: #6fb2e8;
    border-radius: 50%;
    box-shadow: inset 0 0 11px #16507f;
}

/*.ngaytao:before{content:'';position:absolute;bottom: 49%;left: 95%;width:10px;height:10px;background:rgb(255,255,255);border-radius: 50%;z-index: 9;}*/
#ctsdiv_news .hotnews .ngaytao .ngay {
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    color: #1975c1;
}

#ctsdiv_news .hotnews .ngaytao .thang {
    font-family: "Arial";
    color: rgb(91,91,91);
    font-size: 14px;
    position: relative;
}

.slider_atl .camera_wrap .camera_pag .camera_pag_ul li {
    display: none
}

.slider_atl .camera_wrap .camera_pag .camera_pag_ul {
    display: none
}

.grp-button-cart {
    text-align: right
}

.grp-button-cart input {
    display: inline-block;
    float: none;
    padding: 2px 15px;
    height: auto
}

.grp-button-cart input:nth-child(1) {
    background: green
}

.grp-button-cart input:nth-child(2) {
    background: #d80f00
}

.grp-button-cart input:nth-child(3) {
    border: 1px solid #FF5722;
    background: #FF5722;
    height: auto;
    padding: 10px 30px;
    transition: all 0.5s
}

.grp-button-cart input:nth-child(3):hover {
    background: none;
    color: #FF5722
}

.cart-shopee {
}

.cart-shopee h2 {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.25em
}

.cart-shopee .title {
    text-align: left
}

.cart-shopee .title h2 {
}

.cart-shopee .cartleft {
    width: 58%;
    float: left
}

.cart-shopee .cartleft h2 {
    float: left
}

.cart-shopee .cartleft .blockcontent {
    padding: 25px 20px;
    border: 1px solid #ccc
}

.cart-shopee .cartleft .blockcontent label {
    width: 23%;
    float: left
}

.cart-shopee .cartleft .blockcontent .clearfix {
    margin-bottom: 1em
}

.cart-shopee .cartleft .blockcontent input {
    width: 77%;
    float: right;
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.cart-shopee .cartleft .blockcontent textarea {
    width: 77%;
    padding: 4px 10px;
    border: 1px solid #ccc
}

.cart-shopee .cartright {
    width: 38%;
    float: right
}

.cart-shopee .cartright .a-editorcart {
    float: right
}

.cart-shopee .cartright .blockcontent {
}

.cart-shopee .cartright .blockcontent .cart_productlist {
    height: 350px;
    overflow-y: scroll
}

.cart-shopee .cartright .blockcontent .cart_productlist >li {
    padding: 15px 0;
    border-bottom: 1px solid #ccc
}

.cart-shopee .cartright .blockcontent .cart_productlist .img {
    width: 30%;
    float: left
}

.cart-shopee .cartright .blockcontent .cart_productlist .img img {
}

.cart-shopee .cartright .blockcontent .cart_productlist .details {
    width: 70%;
    float: right
}

.cart-shopee .cartright .blockcontent .cart_productlist .details h3 {
}

.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo {
    margin: 0.5em 0
}

.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li {
    width: 30%;
    float: left
}

.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(1) {
    text-align: left
}

.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(2) {
    text-align: center
}

.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(3) {
    text-align: right;
    color: red;
    font-weight: bold
}

.cart-shopee .cartright .blockcontent .billtotal {
}

.cart-shopee .cartright .blockcontent .billtotal p {
    padding: 5px 0
}

.cart-shopee .cartright .blockcontent .billtotal label {
    float: left
}

.cart-shopee .cartright .blockcontent .billtotal span {
    float: right
}

.cart-shopee .cartright .blockcontent .billtotal .pricepay {
    font-size: 1.2em;
    color: red;
    font-weight: bold
}

.cart-shopee .cartleft .choosepay {
}

.cart-shopee .cartleft .choosepay ul {
}

.cart-shopee .cartleft .choosepay ul li {
}

.cart-shopee .cartleft .choosepay .choosepay-content {
}

.cart-shopee .cartleft .choosepay .choosepay-content input {
    margin-right: 0.75em;
    display: inline-block;
    margin-top: 0
}

.cart-shopee .cartleft .choosepay .choosepay-content {
    padding: 25px 20px;
    border: 1px solid #ccc
}

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px
}

#style-5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5
}

#style-5::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

#style-5::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.2)),color-stop(.5,transparent),to(transparent))
}

.cart-shopee .btnbar {
    margin: 1em 0;
    text-align: center;
    background: #f1f1f1;
    padding: 15px 0;
    margin-bottom: 2em
}

.cart-shopee .btnbar button {
    padding: 10px 20px;
    background: #dc4444;
    border: 1px solid #dc4444;
    color: white;
    border-radius: 5px
}

.cart-shopee .btnbar button:hover {
    background: none;
    color: #dc4444
}

.temp_redirect {
    background: url('images/bg_redirect.png') right top;
    background-size: cover;
    padding: 20px;
    position: relative;
    margin-top: 4em
}

.temp_redirect .redirect_title {
}

.temp_redirect .redirect_title h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    width: 50%;
    float: left
}

.temp_redirect .redirect_img {
    position: absolute;
    top: -40px;
    right: 50px;
    padding: 15px;
    border-radius: 50%;
    background: white;
    border: 10px solid rgb(2,83,216)
}

.temp_redirect .redirect_img img {
}

.temp_redirect .redirect_content {
    margin-top: 3em;
    padding: 15px;
    background: white
}

.block-banking {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.block-banking .title {
}

.block-banking .bankingcontent {
    padding: 0;
    /* border:1px solid #ccc;*/
}

.block-banking .bankingcontent >ul {
    display: inline-block;
    width: 100%
}

.block-banking .bankingcontent >ul >li {
    padding: 15px;
    border: 1px solid #ccc;
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.block-banking .bankingcontent .img {
    width: 100%;
    /* text-align:left;*/
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.block-banking .bankingcontent .img img {
}

.block-banking .bankingcontent .details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: rgba(241,241,241,0.85)
}

.block-banking .bankingcontent .details li {
}

.block-banking .bankingcontent .details li span {
    width: 40%;
    display: inline-block
}

.block-banking .bankingcontent .details li b {
    width: 60%;
    display: inline-block;
    color: red;
    font-size: 1.15em
}

.select2-dropdown {
    width: 170px!important
}

.block-banking.active {
    height: auto
}

.select2 {
    width: 77%!important
}

.billtotal p input {
    width: 78%;
    padding: 5px;
    text-align: right;
    background: none;
    border: 0;
    border-bottom: 1px solid #ccc
}

.content_payment {
}

.content_payment .totalpay {
    font-size: 16px;
    color: red
}

.content_payment .totalpay label {
}

.content_payment .totalpay input {
    font-weight: bold;
    font-size: 20px
}

.content_payment ul {
}

.content_payment ul li {
    margin: 1em 0
}

.content_payment ul li label {
    width: 40%;
    float: left;
    padding-top: 0.75em;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    padding-left: 2.5em
}

.content_payment ul li input {
    width: 60%;
    padding: 5px;
    text-align: right;
    background: none;
    border: 0;
    border-bottom: 1px solid #ccc
}

.content_payment ul li:nth-child(1) label {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEZElEQVR42qWUX0xbdRTHz6+FlgqUP8XRYViBoQkkhmZ9AR+2h5nFuIXoIMZNJxoTfVHjYgwsmTiSLWMVXhYNMfoyTMCk3SBEIpHFMAiWB7SVkQxSiED/wCAIbWlv/9x7f55zvSw8wHanJ/ml9/ae3/n8fud8z2HwFNZ7q9eUlZXlMBgMUVHMzL557pz8pD3sSQ6hUOj5jY2ND+I78Zf0ev0xDtyIzxCLRX2vnz177H8DNjc3L+Tm5vYiBO6NjcHOzg6nfaIoBra3I9WXv7ic/k+AlZWVI5iODkzHabPZXLK0tAQDd+5AOp0BzjkYjUYoLi5eLS8vv1ZYVPhtfX29pBmwurpqwwCenJycwzqdDuNxJssyEMTv9/Ps7GxWWFDI8/LymDHHCOjjSSQS5+12+5ImwNrq2vemZ0zv4w3olcuSzCRZAoLg4slkkiWFJMfdlCoIh8I8EAz82NLScl4bYG1tzpRjeoG+bm1tQX5+vhJckiSIx+OQyWQwVWnweX3kq3xjjPW2trW+qxUQxDQ85/N6wfu7l7/1ztssFotBKpkErDAKCRimkft8PmW/kkPGvkPAh5oA4XDYi5K0L/oXYO7BHD956mW2/vAhDA0NQUNDAy8ttbL19XU+MzOzF/A1Aj7RBEAF3cINF0gty1hYq/UwkEzdbhcgGI6fOEEpgdn7s+SewTWCq7PtUptHE2BhYeE1rN8A5ZyKioVklOvBwQFAZXGbzcaOVlfzWDS2iEI42dTctAIH2L6A4Z+GdRUVFdMyl+2SKAGqRiluIBAAS4kFioqKlMJTL+iYblyUxNO1tbVxzQCyqampWtT3JN6gILIdUfoAGw5Kni1ROhmNc5kr8kVVuerq6t54KsDFTy86ysrKrtXU1JzCII/8CswFvPxIOcNbcTEjsnQmDelUmo/dG3u1o6PjLsqXDkBDkB8IGBwcvDkxPvExndhisXCr1brXjyOYGYwGLiQElkqlKIV8fGL8ttPpfA+/02ySdiH7AkZHR2/ixo+CwSCdWBE+FVyv0ytHQgFAZWUloFRBSAogCAJNXX97e3sd+hFA91gA6r0TG63VZDJRx3IcHYwAXp8XHA4HbmLsUOkhjiOCUXBcHKdu+Hrn9Rdxu6gu5Sb7Atwu9+c4vJw4SaHqaBVHvSvFdLlc0NjYyHGMMErd/Pz8v4CEQLPoz77+vjO4XcAVVSH716CnpycX5TeMjXZc8cBykSTn5h6AzVZB0xPMBWbw/uEFPIiSounp6e6Z+zPfoHcSV0QFHayirq+6crGp+vHxjCpLoOmKklRkiinkHo9HmaqhcGh08rfJSyjlmBqYemL7wBrs2pUvr+iwqT7Dm1zFV8OuighAswh7ZXZ5ZfkqNuAk1sqi5l1Qg0cee4O91t3VvYA/VdFoFKguf6GNjPz8QzAU+kUNSorJqMH/VgGyZoDzhvMV4vT390WTqdSNxcXFX/HEefifUb0RBU/g2lGfH5kmAFlzU7PefdstafXftX8AuNloOOTw06wAAAAASUVORK5CYII=')
}

.content_payment ul li:nth-child(2) label {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACj0lEQVR42mNkoDFgHLWAoAUN4WJ88qJshqRa9p+B4UvSlCdnCFrwfYX2JSCtS47rPn//lyuWeH0KXgu+LtP8D3EQPMjwsZHFGL7/Y58rEnMhFa8Fn5eok23BETb3T3OEml6CxBgZGW99enija1eS+REUCz4sVP3PQCY4xOHNsFu6niFImoHh46//DEsfMfz++v5NxLYwtXVwC97NVybbBwfZvRgvKjf+L1BnAqvZ8ODH//UvWH5/f/M8cFeM7jaw4Ju5ikAN/6GaGBnxs5HFQBZ4M+6QqvvvLf4PrOjff4b/Sx4zMvz6z/Tj28vHvvsSjfcyvpotR7YPDrB5M84XqsOl/sun+9ccGF/MlCE7DoAWMMwTrMWnZC/j02lSFMXBXIFafOr/MD6eIoHig/PPOBm23RQAs73UPzAYSn3H4wMvhrkCNQz/3z5h+HsCmHC+fWRgVLNgYNZ3hathvNotfp+H/b88iHP/HRtj1U6p/0bGZmC5c2dP/W9zf8agKPQLwwegqF7Clsq4kzvi/68FJQzKEsKMSkpK//fu3cvA6JzMyKzj8P//758/GLPd+aTF+ZntQZqvfxAP+sCsGLhhwwawBQEBAf/5/z5YryXwYh26618zijPs4QpiYPv6Tp/5zqmSTZs2MYqJif2vrKxkOHD28qWvypZdf358v4xSwKmqqsbz8/Mv6O/vB/MLCwsZPn/+nHDz5s2FuIJJWlpaQ1hY+FpJSQmjkZERQ2lpKcOTJ0+mX758OQsWGXAgICDAJikpuQnIdIPK7Xz58qXfu3fvfuFLKhoaGh3AoqIMyr396dMnp6dAgGEBDAC9agCiX716dYGBSCAqKqoMtET0169f5z58+AB30DCo0Ya8BQA8cB7ZuODIUQAAAABJRU5ErkJggg==')
}

.content_payment ul li:nth-child(3) label {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEhklEQVR42s2UWWhUZxTHzzdz7+x7MlnGOiYmxkoSo6mlgk1CKcViHnyQFNSiUqko2JZiWymJJrZQK6J9abUiVEQkaVP6EEjBxGhro2QkajLZJsvITGbLZJZk9pm7zOlNodJQl6gVel6+h+/y/333f875E3jBRf6XgKYjR3IpitbbbGNTba2t+J8CWpo+NnzeeNTOZWltMpUOxWKJm7Ozs70WS98fPVc67nZ0drPPBdi/p153ovn9T9W6/O0gMRZnRRpMphHaL3xF/L5pR/uv/SvvjbjwmQF/1+nmnWRzXfktlUK9Ua7RwbVrNyCTYey7D10sfeY/OPXdudXmouK6TCICNUXuinho7gNKLMIMIqTSLEx7QzsaDpxre2pAY/MX6u17dn3Nc7DP5/GIOy6fggPvVEBBgYFIlXLkMwzcHQ7ag1j6Uf+w0zU6PDTW+cuP3JIAnV09G9TGbJuDOVsi14mBCZuAjeRAJiQFKUuDkkpCKBACylAN6zfWgJiiwON0zHld02daL11oeSyg80r3u/nmwvOR+ITMF7mF3jkLCScmMRGQgxi0YMzPJXl5ZszVF4NSVElMOa+gbcgK9skJolKpkOf5xkcCLrf9dLh8ueT4fWMY6PlCokwpkc8CMRbqcNzXB6P2mzDtu0MIsrhubQVUr9xLxu+F0elwgEgkIkqlEsVi8dmHAn64eOlLlamk0en3QLn4Pqw2sMSgpDFsLCNOByCRGCDm8UFCayCml5SIwpj29d4mTIZBlmMhHAqSMdswplOZqn8Bvv3+/LFVK4uOciwPTBZhKCSclAIiyQyYpWHYoAnAMmkK9FAIgaLXYGBoBKxWK0Qj86DXG8DrdUMyGQc+m71hHRh8exHg+MnThyrWvHwyHotDPB4nMrkMxSIRSCQSYjYvx0lPgPg4OVJSGbxZooPrv/1O7FNTyLIs0BKaBGdnUHAnw3Jc023L7W/u2+3ZB4DDTS07Xl1fdcnt8oiyWR4UCgUQQhbEQafTCcAYyGRyMBpzQVCBnp7rEAoFQSrcz8+Hwe12QmGB6a5vZmbX1a6ukUV78N7+gzVv1Gzqdk+7pMlkEuVyhdAoQgTIXyu/0DStVosGg55kOB57e3shGAyARq0hgjAmUwle+PbE2MjosXHb+OIs2rJ12/La2tp+vVpp9Li9JCfHgAzDCD4mibCgKJHQIJXKhHE0IlAUsfRZMCL4TdMUuF0OIlgzkUqld1/rvtr3sIEh+z785Gf7+OQ2rVoFa6sqQKtRAy946vf7IS8vHxZgMpkUNIYcGBwYgFgsCqmUsFwhPwqvPmOfnPpsdGQ0+ahxJ1sbdr7lnwnvFWKgnmUzKlqMaF6xDCory4lCLsdUIgHGggIyNmbDaDRCAgEfchzj4Tl+b0/31a4nJcGDJhcVr1IY85ZtoWXqBobh6jkmraQpxE11r4OIAPG6XRgMeBempVXo1cEh69Dck1PsEVlkXlGqUGty6vNNpoayNWWbo+GgJh6dm0gkok3Cq9uXIvxYwD+rYl01LSakZPDeHdvTCC8Z8Lz1wgF/AiUYH+Kxk88IAAAAAElFTkSuQmCC')
}

.content_payment ul li:nth-child(4) label {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAF0klEQVR42pWVe1BUVRzHf+fu3tc+LgvsLuCy8lxJCPGFjM8MlZfgNDbS2ANLKqMZmrGGmUToYTZTzVjWP2Wj/+RUOjjaNDo+SEkNBwVLBcSN1IFBFpCFZXdh33s65/IIMsvOzG/O79577u9zzvd+z7kI/qGteu+KThS4F3Rabr2kYbMEXqEPhbBv1BO863D5L7rHgt+e3bmgER6hoekXOVVnmUi9/o3U2Zp3V2RE6lhFCAaGnNjp8SNADGi1IqhVanxvwAfXrI4Gu8NXQUC/PxJgRc0l0aCXDhUvi9kQLQSwY8iFLEYNpMVFYAUOICXLQc+gG1p7HLjbE0Yxs4y4uX3EZb3rfOb02/NP/StgyVv1jMkcd+z5taYSl8MOC00RkBDFgUpUyYPcbjeoVCrAGEMoFAL7sBPO3LKDwqCH9tte328d9nVnaxb98lBA/kfXtm9eE78n7HWggrkxYIgQ8Kh7FE0UxeFwWB5HAZ4xD+Y4DoVCYXz8Wg8K6w1w7vJgT2fXcHrj7uWuBwDLdjZGZmfG3lk5V4xIk1j0mEknFyUN0YI0IStAoiDCBGT8WRhjvz+ADl/vAy46BtedurO7vibnnQcAuR+0VFY8lfz52MgQFM2JkG9qtVogBeQZh3EYbDYbGA3GSYD8TJZqyA4eEKHZzcDFq0MDbTe7zb9+URyYAdi49/rpsgJTXhz48RyDgAKBAKg1mslZyjPu6OhAllTL1AroewzDyD29rLtpxwMeDp1ouLu86ePVl2YAXj5w07Z0nja2JFnCak6JvF4v2Pp6scvlQsSSEG8y44afG1DOkhwQeIF+NUyKI9JkAGIQ1FsHsV2hRceO36g4vWvdVzMArx+8FchMERQbk1UwStwSHRU9Lk04DL22Xrh8pQlOnjkJYowIi9dmQxqfJr8YUvtBoWSAYrpdIRgkPvD2ugNLTVFs2+02a9Xeqk9wP25E5Qfa3dkZGnWpJQKTyciykOLEOhhR/b0eL9714fvoiq4Z2gyt8Mfm25hlWLS/+1Mc1AyhWCkKAmSb20YGkSWUA4VxG3GTrQmVnt8EeB9sRU9/1ty2IdecniMBGDUcTABgwkFAJbhw8QIcGTkCdX2HIcmZACqWBSbeC8ZEHjQ8T4yAwenxwv32AIQdPDhDo9Cj7wP8NS5Hq3ae+7K8NPM1Y9CNs01a5HQ6Qa1WYyoyLc4ghqJQ5Y+VcGjoexAFFkuigLQCh9U8h3ilAugAbyCI3D4/Afmwy+tDPm8QYD9ZQVbliZXrcy3n58QLsFQTQGqRB47niFzMOIAZB9RdrYN7wj1glAizCgUiQXp5FJDPQDYjRkQqWa5AKIxwEMPBNw9ulXdobu1P514qnb9a7XGilWatXJToj1giBakgW3bg/gCkpKZM2ZQ6dtpZ9ldOZkMyOc/LyxsHPF7xQ1pWemxz8ZpUTaR/FJaYJGpVMJvNxIcIPF4POEYckJSUJH8fusno+aTRaMDv98sxmQf6taBLDsus/Pz88qnTNLPiaOHiefFH855IFlifBy8wiChGEuTV9PX3IVo0ITGBFsfBYBCRwDzPy/dn5MMiVseOn10FBQVbZ/wP0l+pW5lojvyuIDfNZIgSEBcKgo5FmCN2V47ZYVG6RbYwPfxor1QqaS/fU5DvIu8frxKzxCO0XmFh4UwAqzMjMXp2tBSfUZ2xonDL/CxLZPysCOAJwYyH4cmsVKBHyWTQ05bOmkojiqJ8LzgggZQYlOsVFRWVTwfwJPRTwShjeH3KQo0xOZlXS+rK5/LTt7/6bDyVg0pEpaKykBym5+ERFeb1AWpyKC4unrmCCScoSXATwZJQ0Kitrd1TXV1d+jCJJnNr6x2M+CAiZ5mnrKxs098BD2tMTU3NgR07dmyhs5SlIP2ULCSnLqKArq4ukCTJW1JSUt3a2rrv/wJenOb5Ke9P2xvQ0tIysm3btqrOzs5vCND3qACUkJBQkpiYmPEf47DVar3R399fT5jyj+dPT3kpd755Gh8AAAAASUVORK5CYII=')
}

.h-auto {
    height: auto
}

.li-ngaytao-cus {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0 !important;
    color: #857c7c !important;
}

.li-ngaytao-cus span {
}

.li-ngaytao-cus span:last-child {
}
.ngaytao-news{
    color: #999393 !important;
    margin-bottom: 2px;
    font-size: 13px !important;
}
.ngaytao-news i{}
/* Blink */
.blink {
  -webkit-animation-name: blink;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blink;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blink;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Button Frame */
.btn-frame {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}

.btn-frame i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #1182fc;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-frame i img {
  vertical-align: middle;
  width: 70%;
}

.btn-frame .animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-frame .kenit-alo-circle {
  width: 60px;
  height: 60px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(7, 41, 103, 0.8);
  opacity: 0.1;
  border-color: #1182fc;
  opacity: 0.5;
}

.btn-frame .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.btn-frame .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.btn-frame .kenit-alo-circle-fill {
  width: 70px;
  height: 70px;
  top: -10px;
  right: -10px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid transparent;
  background-color: rgba(7, 41, 103, 0.35);
  opacity: 0.4;
}

.btn-frame .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* Zalo */
.btn-zalo {
  bottom: 215px;
}

/* Phone */
.btn-phone {
  bottom: 130px;
}