@charset "utf-8";
/* CSS Document */
@import url("css/fonts.css");
*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
ul, ol, p{margin: 0;}
a:hover{    text-decoration: inherit !important;}

a{ text-decoration: none;} 
.margin_auto{width: 1000px;margin:auto;}
.hotline_bottom{
    background: url(images/hotline.png) no-repeat;
    width: 173px;
    height: 47px;
    position: fixed;
    bottom: 10px;
    left: 15px;
    padding-left: 55px;
    padding-top: 14px;
    z-index: 9999;
}
.fotorama__wrap{
    display: inline-block;
}
.ttuc .slick-prev{
   top: -61px;
   left: 522px;
}
.da_giaphu h3 {
    background: none !important;
    font-size: 16px !important;
}
.dt_r{
    text-align: center;
    margin:0 auto;
    position: relative;
}
 .drive-viewer-v3.drive-viewer-embed .drive-viewer-toolstrip{
    display: none !important;
    opacity: 0;
}
.dt_r h3{
    color:#333;
    font-size: 14px;
    text-transform: capitalize;
    margin:5px 0;
    font-family: robotobold;
    
}
.ttuc .slick-next{
   top: -63px;
   right: 525px;
}
#buttonplay {
    position: absolute;
    top: calc(50% - 70px);
    left: calc(50% - 72px);
    display: block;
    z-index: 999;
}
#video_top video {
    min-width: 100%;
    width: 100%;
    height: auto;
    z-index: 5;
    background: #fff;
    position: relative;
}
.tophead marquee{
    width: 60%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.tophead{height: 42px;text-align:  center;width: 100%;float: left;background: #7bd8ff;}
.tophead p{
    line-height: 42px;
    color:#3e4095;
    font-size: 23px;
    font-family: robotobold;
    text-transform: uppercase;
}
.tophead p span{
    color:#ec3237;
}
.bongsp1 {
    text-align: center;
    width: 100%;
    margin-top: -8px;
}
.bongsp img,.bongsp1 img{
    width: 100%;
}
.tensp_dc{
    text-align: center;
    padding: 10px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.6s;
    background: rgba(0, 0, 0, 0.57);
}
.item_thuviens .effecspcl {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.item_thuviens .effecspcl:after,
.item_thuviens .effecspcl:before {
    content: '';
    display: block;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
}
.item_thuviens .effecspcl:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    transform: scale(0,1);
}
.item_thuviens .effecspcl:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    transform: scale(1,0);
}
.item_thuviens:hover .effecspcl {
    background: rgba(255,255,255,0.1);
    box-shadow: none;
}
.item_thuviens:hover .effecspcl:after,
.item_thuviens:hover .effecspcl:before {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}
.item_thuviens{
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
}
.tensp_hos {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(107, 0, 0, 0.9);
    opacity: 0;
    transition: all 0.6s;
}
.item_thuviens:hover .tensp_dc {display: none; transition: all 0.6s;}
.item_thuviens:hover .tensp_hos {
    opacity: 0.6;
    transition: all 0.6s;
    display: block !important;
}
.congtrinhdalam h3{
    color:#fff;
    font-size: 15px;
    font-family: OpenSansBold;
    text-transform: uppercase;
}
.congtrinhdalam .tensp_hos h3 {
    position: absolute;
    top: calc( 50% - 17px );
    left: 0;
    z-index: 99;
    text-align: center;
    width: 100%;
}
.list2 {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    float: left;
    width: 25%;
    overflow: hidden;
    display: inline-block;
}
.part img{
    width:100%;
    height:100%;
}
.part {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 272px;
    height: 237px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.hexa {
    transform: rotate(120deg);
}


.hexa, .hexa div {
    border-bottom:4px solid #ec3237;
    border-top:4px solid #ec3237;
    margin: 0 auto;
    transform-origin: 50% 50%;
    overflow: hidden;
    width: 100%;
    height: 237px;
}
.hex1 {
    transform: rotate(-60deg);
}
.hex2 {
    transform: rotate(-60deg);
}
.list2 img {
    vertical-align: middle;
    width: 100%;
}
.dts{
    height:50px ;
}
.box_fotorama img{
    width: 100%;
}
.baogia{
    position: fixed;
    right: 0;
    top:30%;
    z-index: 9999;
}
#datlichhen{
    text-align: center;
    float:  left;
    height: 481px;
    width: 100%;
    padding: 60px 10px 30px;
    background: url(images/dknt.png) no-repeat center;
}
.datlic{

    padding: 20px 40px 15px;
    
    border: 1px solid #b3b3b3;
    
    text-align: center;
    
    width: 850px;
    
    display: inline-block;
    
    margin: 0 auto;
}
.tol1 #ten,.tol1 #email,.tol1 #dienthoai,.tol1 #diachi{
    background: #e6e6e6;
    padding-left: 10px;
    height: 35px;
    width: 100%;
    border: none;
    float: left;
    margin-bottom: 10px;
}

.title_gt h2 {
    margin-bottom: 10px;
    font-family: SFUGoudyMedium;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding-bottom: 18px;
}
.tol1{

    width: 378px;
    
    margin-right: 10px;
    
    float: left;
}
.tol2{
    float:left;
}
.tol1:nth-child(2n){
    /* float: right; */
    margin-right: 0;
}
.guic #gui:after{
    position:absolute;
    content:'';
    border:1px solid #fff;
    width:92%;
    height:78%;
    left:4px;
    top:4px;

}
.guic #gui{
    font-family: RobotoRegular;
    line-height: 40px;
    position:  relative;
    outline: none;
    width:111px;
    font-size: 14px;
    height:37px;
    background:#e10f01;
    border:none;
    color:#fff;
    text-transform:uppercase;
    font-size;
}
.datepicker-panel{
    z-index: 999999999999999999999999999999;
}
.tol3{
    float: left
}
.tol3 #email, .tol3 #thoigian, .tol3 #songuoi{
    padding-left: 10px;
    height: 45px;
    width: 160px;
    float: left;
    margin-right: 7px;
    margin-bottom: 15px;
}
.tol2 #diachi,.tol2 #email{
    padding-left: 10px;
    height: 45px;
    width: 500px;
    margin-bottom: 15px;
}
.tol2 #noidung{
    border: none;
    padding-left: 10px;
    height: 70px;
    width: 766px;
    margin-bottom: 15px;
}

.hidden_tab{
 display: flex;
 flex-wrap: wrap;
 order: 1;
}
.tencts{
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.tencts h3{
    width: auto;
    position: relative;
    margin: 0;
    float: left;
    background-color: #18b6ed;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.tencts h4{
    top: 120px;
    right: 0;
    width: auto;
    position: absolute;
    margin: 0;
    float: right;
    background-color: #18b6ed;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.sanpham_chinh{
    background: #e91f25;
    padding: 40px 0 40px;
    width: 100%;
    float: left;
}
.logo{
    float: left;
}
.leftdv{
    width: 48%;
    float: left;
    position: relative;
}
.leftdv img{
    width:100%;
}
.rightdv{
    position: relative;
    float: right;
    width: 50.5%;
}
.tenhv1{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 75px;
    background: rgba(0, 0, 0, 0.6509803921568628);
}
.tenhv{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 38px;
    background: rgba(0, 0, 0, 0.6509803921568628);
}

.thanhtoanix:hover{
    border:1px solid #ffc102;
    color:#ff0000
}
.thanhtoanix{
    margin-left: 5px;
    border-radius: 10px;
    line-height: 27px;
    width: 105px;
    height: 27px;
    background: #ffc102;
    float: left;
    text-align: center;
    display:  inherit;
}
.tensp2{
    height: 28%;
    background: rgba(130, 130, 130, 0.68);
    bottom: 0;
    position:  absolute;
    text-align: center;
    padding: 18px 30px;
    width:  100%;
    float: left;
}
.lienket1 p{
    color: #fff;
    font-family: RobotoRegular;
    float: left;
    font-size: 14px;
    margin-right: 15px;
}
.menu-left ul li a:hover{
    color:#ff0000
}
.item_thuvien:nth-child(1),.item_thuvien:nth-child(2){width: 50%;padding: 5px;float: left;height: 196px;}
.item_thuvien:nth-child(3),.item_thuvien:nth-child(4),.item_thuvien:nth-child(5){
    width: 33.33%;
    padding: 0 5px;
    height: 176px;
    float: left;
}
.box_hinh{
    position:  relative;
    margin: 0 20px;
    padding: 4px;
    -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    background: #ec3237;
}
.nhantinmid{
    background: #d41111;
}
.nhantintrai{
    width: 68%;
    float: left;
}
.socialr{
    float: right;
    width: 32%;
}
.imgs{
    margin-right: 30px;
    float: left;
}
.ntsd{
    width: 49%;
    float: left;
}
.main_left {
    width: 23%;
    float: right;
}
.main_right {
    width: 76%;
    float: left;
    box-sizing: border-box;
}
.container_dv ul li:first-child{background:none}
.container_dv ul li{
    background: url(images/line_tk.png) no-repeat left center;
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 12px;
    font-style: normal;
    font-family: arial;
    color: #f7f7f7;
}
#center{
    float: left;
    width:  100%;
    padding-top: 30px;
    position:  relative;
}
.hotrott{
    padding: 18px 0;
    float:  right;
    width: 84%;
}
.img_ht{
    border-radius: 100%;    
    float: left;
    margin-right: 5px;   
    border: 1px solid #ccc;
}
.hinhqcs{
    width: 49.5%;
    float: left;
    margin: 10px 5px 0 0;
}
.hinhqcs img{
    width: 100%;
}
.hinhqcs:nth-child(2n){
    float: right;
    margin-right: 0;
}
.menu-left ul li.khung_danhmuc  > a{
    font-size: 14px;
    padding-left: 0;
}
.menu-left ul li {
    position: relative;
    width: 100%;
    background: #f2f9f2;
    float: left;
    padding: 12px 10px;
    border-bottom: 1px solid #fff;
}
.menu-left ul li a img{
    margin-right:15px
}
.menu-left ul li a {
    height: initial;
    text-transform: uppercase;
    font-family: RobotoRegular;
    color: #333333;
    font-size: 12px;
    padding: initial;
    /* padding-left: 20px; */
    line-height: 20px;
    padding-left: 8px;
}
.list-c2 {
    margin-left: 5px;
    list-style: none;
    left: 100%;
    position: absolute;
    top: 0px;
    z-index: 999999999999;
    display: none;
    padding: 0px;
    width: 100%;
    border: 1px solid #ccc;
    background: #f9f9f9;
}
.ul-menu >li:hover .list-c2 {
    display: block;
}
.hotros{
    margin-right: 10px;
    width: 150px;
    float: left;
}
.tenht a h3{
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    padding-top: 7px;
    color: #2b2b2b;
    font-family: RobotoRegular;
    font-size: 13px;
}
.hotline_bottom a{
    color: #fefefe;
    font-family: 'Tahoma';
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}
.box_doitac h3{
    text-align: center;
    color: #fff;
    font-family: OpenSansBold;
    font-size: 20px;
    padding-top: 15px;
}

.box_tim{
    float: right;
    width: 51.7%;
    margin-top: 35px;
}
.box_tim ul{
    display: flex;
    flex-wrap: wrap;
    order: 1;
    margin: 0;
}
.box_tim ul li{
    float: left;
    min-width: 31%;
    padding-right: 10px;
    box-sizing: border-box;
}
.khung_sp{
    margin-top: 20px;
}
.box_tim ul li p{
    margin: 0;
    font-family: 'RobotoMedium';
    font-size: 14px;
    color: #040404;
}
.box_tim ul li img{
    float: left;
    margin-right: 4px;
}
.dhs{
    text-align: center;
    margin: 0 5px;
    padding: 10px 0px;
    width: 45%;
    height: 40px;
    background: #ededed;
    float: left;
}
.dath{
    width: 100%;
    float: left;
    margin: 10px 0;
}
.dhs a{
    color:#636363;
    font-size: 14px;
    text-transform: uppercase;
    font-family: RobotoRegular;
}
.dhs a:hover{
    color:#ff0000
}
.traif{
}
.phaif{
    width: 50%;
    float: left;
}
.dangkymail #ten{
    margin: 20px 15px;
    color:#fff;
    padding: 15px 0;
    width: 230px;
    height: 32px;
}
.dangkymail #email{
    margin: 0px 10px;
    font-size: 16px;
    float: left;
    color:#fff;
    px; */
    width: 270px;
    height: 43px;
    width: 220px;
    border-radius: 20px;
    background: none;
    border: 1px solid #fff;
    padding-left: 10px;
    font-family: RobotoRegular;
}
.dangkymail #dienthoai{
    margin: 0px 10px;
    font-size: 16px;
    border-radius: 20px;
    background: none;
    border: 1px solid #fff;
    float: left;
    color:#fff;
    px; */
    width: 270px;
    height: 43px;
    width: 220px;
    padding-left: 10px;
    font-family: RobotoRegular;
}
.dangkymail #noidung{
    margin: 0px 10px;
    font-size: 16px;
    border-radius: 20px;
    background: none;
    border: 1px solid #fff;
    float: left;
    color: #000;
    px; */
    width: 270px;
    height: 43px;
    width: 220px;
    padding-left: 10px;
    font-family: RobotoRegular;
}
#hotline_r{float:  right;position: relative;z-index: 999;margin-top: 1.7%;}
#banner{float:  left;position: relative;z-index: 999;}
.content_fix{
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
    background: #ffffff ;
    width: 100% ;
}
.banner_left{z-index: 999999;top: 25px;position:  absolute;float: left;}
.box_doitac{
    height: 130px;
    position: relative;
    background: #AD4921;
}
.box_doitac:after{
    content: '';
    position: absolute;
    left: -45px;
    top: 0;
    background: url('images/befo.png') no-repeat;
    width: 45px;
    height: 130px;
}
.box_doitac:before{
    width: 68px;
    height: 130px;
    content: '';
    position: absolute;
    right: -68px;
    top: 0;
    background: url('images/afrer.png') no-repeat;
}
.lienket_zalo{
    position: absolute;
    top: 75px;
    right: 170px;
}

.lienket_zalo ul li{
    float: left;
    margin-right: 10px; 
}
.dangky_tin1{
    width: 100%;
    padding-top: 30px;
}
.vechungtoi ul li{
    background: url('images/dmft.png')no-repeat left center;
}
.dmsp{
    width: 340px;
    float: right;
}
.dmsp ul li{
    background: url(images/dmft.png)no-repeat left center;
    float: left;
    width: 150px
}
.dmsp ul li a{
    padding-left: 10px;
    color: #fff;
    font-family: RobotoRegular;
    font-size: 13px;
    line-height: 25px;
}
.dmsp ul li a:hover{
    color:#ff0000
}
.vechungtoi ul li a{
    padding-left: 10px;
    color: #fff;
    font-family: RobotoRegular;
    font-size: 13px;
    line-height: 25px;
}
.vechungtoi ul li a:hover{
    color:#ff0000
}
#logo img{width: 100%;z-index: 99;transition: all 3s;display: block;max-width: 100%;}
.banner{
    float: left;
}
.banner img{width: 100%;display: block;max-width: 100%;}
.slogan{text-align: center; height: 45px;  background: rgba(0, 0, 0, 0.34); position: absolute;left: 0; bottom: 0; width: 100%;}
.slogan marquee{width: 100%;  font-size: 29px;color: #ffffff; line-height: 45px;   font-family: 'GreatVibesRegular';}

#container{ 
    width: 100%;
}
.dmc1{
    margin: 10px 0;
    width: 490px;
    float: right;
}
.cap1s{
    position: relative;
    margin: 0 0px 11px 10px;
    float: left;
    width: 48%;
}
.tenc1{
    width: 100%;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.56);
    left: 0;
    height: 100%;  
}
.tenc1 a h3{
    padding: 55px 0;
    text-align: center;
    color:#ffffff;
    font-size: 22px;
    font-family: UTMHelvetIns;
    text-transform: uppercase;
}
.cap1s:nth-child(2n+1){
    clear: left;
}
.cap1s:nth-child(2n){
    float: right;
    margin-left: 0px;
}
.imgc1 a img{
    width: 100%;
}
#top{
    width:100%;
    float:left;
    background: url(images/gocphai.png) no-repeat right top;
}

#header{margin: 0;width: 100%;z-index: 9999;position: absolute;background: rgba(0, 0, 0, 0.3);}
.dct{
    white-space: pre-line;
    width: 70%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    font-size:16px;
    color:#393939;
    font-family: RobotoCondensedRegular;
}

#lang{
    float: right;
    margin-top: 5px;
    margin-right: 20px;
}
.box_header h3{
    text-align: center;
    text-transform: uppercase;
    font-family: UTMAvo;
    color: #fff;
    line-height: 40px;
    font-size: 15px;
}
#lang div{float: left;}
.box_header{background: #18b6ed;width: 100%;height: 45px;box-sizing: border-box;border-bottom: 1px solid #1c9deb;}
.box_header ul{margin: 0;}
.trai{
    width: 70%;
    float: left
}
.box_header ul li {font-weight: normal;float: left;line-height: 40px;color: #ffffff;font-size: 14px;padding-right: 60px;font-family: VNFFuturaRegular;}
.box_header ul li span{color: #fffd00;}
.box_header ul li:last-child{padding-right: 0;width: inherit;}
.box_header ul li img{margin-right: 20px;/* vertical-align: middle; */}

.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: 0px 15px 0px 0px; 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;
}
.header_top{ width: 100%; float: left; background: url(images/bg_top.png) no-repeat; height: 229px; }
.dropdown {
    position: absolute;
    display: none;
    right: 0px;
    text-align: left;
    background: #FFF;
    min-width: 200px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5);
    box-shadow: 0 2px 2px rgba(0,0,0,.5);
    padding: 15px 21px;
    text-transform: initial;
    line-height: 1.3;
    font-size: 12px;
    color: #024879;
}
#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 .formRow label{
    float: left;
    width: 60px;
}
.form .formRow input, .form .formRow textarea{
    width: 200px;
    border: 1px dashed;
}
.form .formRow input.blueB{
    width: 50px;
} 


.form label {
    display: block;
    padding: 5px 0px 5px 0px;
    font-weight: 100;
    font-size: 12px;
}
.form__submit__button{
    border: 0px; background: #f36f21; padding: 5px 20px 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 0px;}
.kiemtra_donhang{ width: 100%; float: left; border-top:1px solid #eee;border-bottom:1px solid #eee; margin:20px 0px 0px 0px; }

.thongtin_donhang li { padding: 5px 30px 5px 0px; border-bottom:1px solid #eee; }
.thongtin_donhang{ width: 100%; float: left;  margin:20px 0px 0px 0px; border-top: 1px solid #ccc }

.title_don{ border-bottom:1px solid #ccc;border-top:1px solid #ccc; padding: 5px;}
.title_don td{padding: 5px; background: #eee;}


.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: #555555; 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:20px 0px 20px 0px;}
.quangcao img{ width: 100%;}
.photo_item_overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    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;
}

.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_mobile{ display: none;}
#slogan{ font-family: 'SFUSouvenirBold'; float: left; width: 650px; padding:25px 0px 0px 30px; color: #0065a2; font-size: 22px; text-transform: uppercase;}

.wap_album{
    display: flex;
    flex-wrap: wrap;
    order: 1;
}
.box_album{
    flex: 1 25%;
    max-width: 25%;
}
#album img{ width: 230px; float: left; padding: 4px; margin: 8px; border:1px solid #cde0fe; height: 150px;}
#album img:hover{ opacity: 0.8;}
#main_menu{margin-top: 3%;position: relative;width: 100%;}
.contet_menu{
    position: relative;
}

.icon_menu{margin-top: 2%;width: 38px;margin-left: 2%;height: 36px;border: 2px solid #7bd8ff;float:  left;box-sizing:border-box;position: relative;padding:0px 5px;font-size: 13px;}
.icon_menu .top{position: absolute;left: 5px;top: 5px;width: 25px;display: block !important;height: 3px;background-color: #fff;border-radius: 4px;}
.icon_menu .middle{position: absolute;left: 5px;top: 15px;width: 25px;display: block;height: 3px;background-color: #fff;border-radius: 4px;}
.icon_menu .bottom1{position: absolute;left: 5px;top: 25px;width: 25px;display: block;height: 3px;background-color: #fff;border-radius: 4px;}

#main_menu h2{ width: 100%; cursor: pointer; background-color: #01b8f1; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 15px 20px 15px 20px; font-family: 'RobotoCondensedBold';  font-weight: 100; }
#main_menu h2 span{ padding: 0px 20px 0px 0px;}
.slide_{ width: 100%; float: left; padding: 10px 0px 0px 20px;}
.frame_images{    width: 45%;
    float: left;
    text-align: center;}
    .app-figure{
        position: relative;
        z-index: 2;
        border: 1px solid #ccc;
    }
    #slide_show{width: 100%;position: relative;margin: 0 auto;display:  inline-block;float:  left;text-align: center;min-height: 100px;}
    .contai_pa {
    }
    .box_giohang{
        position: absolute;
        top: 150px;
        right: 80px;
    }
    .count_giohang{
        width: 78px;
        height: 78px;
        background: url(images/giohang.png) no-repeat  center;
        padding: 13px 5px 20px 20px;

    }
    .count_giohang {
        color: #fffeff;
        font-size: 15px;
    }
    .count_giohang:hover {color: #ff0;}
    .count_giohang:hover{
        background: url(images/giohang.png) no-repeat  center;
    }
    .box_giohang:hover #cart{
        display: block;
        position: absolute;
        top: 75px;
        right: 0;
        z-index: 99;
    }
    #cart {
        display: none;
    }
    .dathang_detail{
        border-radius: 10px;
        line-height: 27px;
        width: 105px;
        height: 27px;
        background: #ffc102;
        float: left;
        text-align: center;
        margin-left: 5px;
    }
    .dathang_detail a{
        color:#0e0e0e;
        font-size: 14px;
        font-family: RobotoRegular;
    }
    #cart .content_gh {
        background:#fff;
        border:1px solid #e7e7e7;
        z-index:20;
        border-top:none;
        right:0;
        left:auto;
        width:300px;
        padding:8px;    
        font-family: Roboto, Arial, Helvetica, sans-serif;
    }
    #cart ul li a {
        font-size: 12px;
        color: #666;
    }
    #cart .content_gh img {
        width:65px;
        margin-right:20px;
    }

    #cart .content_gh li {
        padding-bottom:10px;
        margin-bottom:10px;
        border-bottom:1px solid #ededed;
        overflow:hidden;
    }

    #cart .content_gh .quantity {
        margin-left:10px;
    }

    #cart .heading h4 {
        text-transform:uppercase;
        font-size:16px;
        margin:0;
    }

    #cart>span {
        color:#fff;
        font-size:16px;
        height:29px;
        line-height:29px;
        text-align:center;
        width:32px;
        position:relative;
        background-color:#000;
        cursor:pointer;
    }

    #cart .checkout {
        text-align:right;
        clear:both;
    }

    #cart .product_list_widget {
        padding-top:0;
    }

    #cart .empty {
        border-bottom:none!important;
        text-align:center;
        padding-top:10px;
    }
    #cart .content img {
        width: 55px;
        margin-right: 20px;
    }
        .slider1{
        width: 100%;
        display: inline-block;
        float: left;
        text-align:  center;  overflow:hidden;
    }
    .slider1 img{
        width:100%;
      
    }
    .slider{
        width: 100%;
        display: inline-block;
        float: left;
        text-align:  center;
    }
    .title_gioithieu{padding-bottom: 40px;background: url(images/thanh_tit.png) no-repeat bottom center;width: 100%;position: relative;text-align:  center;display:  inline-block;}
    .title_gioithieu a{
        color: #333333;
        font-size: 40px;
        font-family: 'UVFLavanderiaRegular';
    }
    .title_gioithieu p{
        font-family: SVNLobster;
        color:#b67f00;
        font-size:22px;
    }
    .title_gioithieu h3{
        color:#056336;
        font-size: 32px;
        font-family: RobotoBold;
        text-transform: uppercase;

    }
    .title_gioithieu a:hover{
        color: #ff0000;
    }


    .title_gioithieu h2{margin:  0 auto;text-transform:  uppercase;color: #b67f00;font-size: 36px;position: relative;font-family: SFUGoudyMedium;display: inline-block;text-align:  center;}
    .title_gioithieu >a >h2 >p{
        font-size:22px !important;
        font-family:robotobold;
        color:#434343;
    }
    .info_gioithieu{font-weight: 500;margin: 23px 0;font-size: 15px;line-height: 26px;color: #404040;text-align: center;font-family: RobotoLight;}

    .box_gt_mota{float: left;position: relative;width: 100%;box-sizing: border-box;}
    /*  */
    .ddsmoothmenu-v{ width: 100%; float: left;}
    .ddsmoothmenu-v ul{
        width:100%;
        float:left;

    }
    .ddsmoothmenu-v h2{ width: 100%;}
    .ddsmoothmenu-v ul li{
        position: relative;
        width:100%;
        float:left;
        background:url(images/icon_s.png)no-repeat left 30px center;
        border-bottom: 1px solid #e5e5e5;
    }

    /* Top level menu links style */
    .ddsmoothmenu-v ul li a{
        width:100%;
        float:left;
        padding:9px 5px 9px 45px;
        text-decoration:none;
        font-size:14px;
        text-transform: uppercase;
        color:#d6a000;
        font-family: 'RobotoRegular';
    }
    .ddsmoothmenu-v ul li a img{ float: left; margin: 0px 10px 0px 0px;}
    .ddsmoothmenu-v ul li:last-child{ border-bottom:none;}

    .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
        color:#292929;
    }


    .ddsmoothmenu-v ul li a.selected,.ddsmoothmenu-v ul li a:hover{
        color:#FF0000;
    }

    /*Sub level menu items */
    .ddsmoothmenu-v ul li ul{

        width: 100%;
        top: 0;
        font-weight: normal;
        visibility: hidden;
        background: rgba(238, 238, 238, 0.63);
        margin: 0px;
        padding: 0px;
        left: 100% !important;
        padding-left: 20px;
        box-shadow: none !important;
        box-sizing: border-box;

    }
    .ddsmoothmenu-v ul li ul li a, .ddsmoothmenu-v ul li ul li{ background:url(images/icon.png) no-repeat 10px center;

    }

    /* Holly Hack for IE \*/
    * html .ddsmoothmenu-v ul li { float: left; height: 1%; }
    * html .ddsmoothmenu-v ul li a { height: 1%; }
    /* End */
    /*  */
    .box_gt_img {float: right;width: 46.6%;overflow: hidden;}
    .box_gt_img img{width: 100%;}
    .xemthem_gt a{
        text-transform:  uppercase;
        color:#ffffff;
        font-family:RobotoRegular;
        font-size: 12px;
        text-align:center;
        line-height: 49px;
    }
    .xemthem_gt a:hover{
        color:#f00
    }
    .xemthem_gt{margin: 0 auto;border-radius: 3px;line-height: 49px;text-align: center;background: #dd2c2c;height: 49px;width: 174px;display: inline-block;}
    .xemthem_gt:hover{border: 2px solid #056336;color: #ff0;}
    .danmuc_left{
        width: 270px;
        float: left; 
        margin-bottom: 10px;  
    }
    .thanh_dm{
        width: 100%;
        background: url(images/thanh.png) no-repeat;
        text-transform: uppercase;
        font-family: 'SFUEurostileCondensed'; 
        color: #fefefe;
        font-size: 18px;
        padding-left: 50px;
        height: 43px;
        line-height: 43px;
    }
    /*product list*/
    .khung_pro_list_img{
        width: 33.3%;
        float: left;
        position: relative;

    }
    .khung_pro_list_img img{
        width: 100%;
    }
    .khung_pro_list_img .khung_pro_list_info{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 25px 20px;
        background: rgba(0, 0, 0, 0.8);
        z-index: 5;
    }
    .khung_pro_list_img .khung_pro_list_info h2{
        font-family: 'UTMBustamalaka';
        color: #fffb00;
        font-size:45px;
        text-align: center;
        position: relative;
        padding-bottom: 15px;
    }
    .khung_pro_list_img .khung_pro_list_info h2:after{
        position: absolute;
        content: '';
        width: 100px;
        bottom: 0;
        left: 50%;
        margin-left: -50px;
        border-bottom: 2px solid #e5e5e5;
    }
    .khung_pro_list_img .khung_pro_list_info:hover p{
        display: block; 
        transition: all 1s;
    }
    .khung_pro_list_img .khung_pro_list_info p{
        color: #fefefe;
        font-size: 15px;
        font-family: 'RobotoRegular';
        text-align: justify;
        text-align-last: center;
        display: none; 
        transition: all 1s;
    }
    .khung_pro_list_info:after{
        position: absolute;
        content: '';
        background: url(images/dm_af.png) no-repeat ;
        width: 100%;
        height: 46px;
        bottom: -46px;
        left: 0;
    }
    .khung_pro_list_sli{
        float: right;
        width: 65.8%;
    }
    .khung_pro_list{
        margin: 33px 0 33px 0;
        display: inline-block;
    }
    /*product list*/
    /*center*/
    .box_video_id{
        width: 74.5%;
        float: left;
    }
    .chonvideo{
        width: 25%;
        float: right;
        height: 295px;
        padding: 0 10px 0 5px;
    }
    .chonvideo li{display: block;}
    .chonvideo img{width: 100%; margin-bottom: 10px;}
    .chonvideo img:hover{opacity: 0.8;}
    .center .title-center{  border-bottom: 1px solid #a5a7a0; text-align: left;    margin-bottom: 20px;}
    .center .title-center h2{
        display: inline-block;
        text-align: left;
        font-family: 'SFUEurostileCondensed';
        color: #a5a7a0;
        font-size: 22px;
        padding: 5px 15px 5px 0;
        margin: 0;
        border-bottom: 5px solid #a5a7a0;
    }
    /**/
    .wap_dichvu{  }
    .title_duan h2{
        color: #fffb00 !important;
        font-size: 30px;
    }
    .info_title_da{
        color: #cbcbcb;
        font-size: 15px;
        text-align: center; 
        margin-bottom: 20px;
    }
    .comtent_cauhoi{
        width: 60%;
        float: right;
        margin-top: 165px;
    }
    .item{
        margin: 0px 10px;
        position: relative;
        transition: all 0.5s;
        padding: 0;
        box-sizing: border-box;
        display: inline-block;
    }
    .item .item_img{
        width: 125px;
        height: 125px;
        border-radius: 50%;
        display: inline-block;
        border: 2px solid #fff;
        position: relative;
    }
    .item:hover .item_img{border: 2px solid #ffd800;}
    .item:hover .ten-dm a{color: #f00;}
    .item .item_img:after,
    .item .item_img:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .item .item_img:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #fff;
        border-width: 12px;
        margin-left: -12px;
    }
    .item .item_img:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #fff;
        border-width: 14px;
        margin-left: -14px;
    }
    .item .item_img img{
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

    .item .ten-dm{
        text-align: left;
        width: 100%;
        margin: 10px 0;
        border: 1px dashed #fff;
        padding: 10px 5px;
        box-sizing: border-box;
        color: #ffffff;
        font-size: 13px;
        font-family: 'RobotoRegular';
    }
    .item .ten-dm a h5{
        margin-top: 0;
        padding: 0;
    }
    .item .ten-dm a{
        color: #fff956;
        font-size: 14px;
        font-family: 'RobotoBold';
        font-weight: normal;
        text-transform: uppercase;
    }
    .item:hover .ten-dm{
        opacity: 1;
    }
    /*banggia*/
    .banggia{

    }
    /*banggia*/
    /*taisao*/
    .wap_taisao{
        padding: 45px 0;
    }

    .mogioi{
        width: 100%;
    }
    .content_mogioi{padding: 15px; background: url(images/bg_kh.png) repeat; border-radius: 10px;}
    .box_mogioi{text-align: center;}
    .box_mogioi_kh{
        width: 180px;
        float: left;
    }
    .box_mogioi h4{
        color: #f9f9f9;
        font-size: 20px;
        text-transform: uppercase;
        font-family: 'RobotoCondensedBold';
        margin: 0;
        margin-top: 10px;
    }
    .box_mogioi p{
        color: #f9f9f9;
        font-size: 17px;
    }
    .box_mogioi_img{
        border-radius: 50%;
        width: 180px;
        height: 180px;
        border: 5px solid #ffffff;
        overflow: hidden;
        background: #ffffff;
        position: relative;
        z-index: 9;
    }
    .box_mogioi:hover .box_mogioi_img{border: 5px solid #0096ff;}
    .box_mogioi .mogioi_info{
        color: #d9d9d9;
        font-size: 16px;
        font-family: 'RobotoRegular';
        width: calc(100% - 195px);
        float: right;
        position: relative;
        margin-top: 50px;
        padding: 0 50px;
    }
    .box_mogioi .mogioi_info:before{
        position: absolute;
        left: 0;
        top: -40px;
        background: url(images/kh_be.png) no-repeat;
        width: 42px;
        height: 36px;
        content: '';
    }
    .box_mogioi .mogioi_info:after{
        position: absolute;
        right: 13px;
        bottom: -24px;
        background: url(images/kh_af.png) no-repeat;
        width: 42px;
        height: 36px;
        content: '';
    }
    /*camnang*/
    .wap_camnang{    overflow: hidden;  width: 100%;
        background: #F7F7F7;
    }
    .title_camnang{margin-bottom: 20px; position: relative;}
    .title_camnang:after{position: absolute;border-bottom: 1px solid #ffffff; width: 100%; content: '';top: 34px;    left: 0;}
    .title_camnang h5{background: #ffffff; position: relative; display: inline-block; height: 52px;color: #004979;font-size: 25px;font-family: 'RobotoCondensedBold'; padding: 0 10px 0 50px; line-height: 52px; text-transform: uppercase;    margin: 0;}
    .title_camnang h5:before{position: absolute;content: '';background: url(images/title2_after.png); top: 0; left: 0;width: 46px;height: 52px;}
    .title_camnang h5:after{position: absolute;content: '';background: url(images/title2_before.png); top: 0; right: -22px;width: 26px;height: 52px;}
    .haha{
        padding-top: 60px;
    }
    .hinht{
        width: 490px;
        height: 352px;
        float: left;

        border-radius: 40px;
    }
    .hinht a img{
        border: 5px solid #EFDFCE;
        border-radius: 40px;
    }
    .gp{
        text-align: center;
    }
    .gp a img{
        width: 100%;
    }
    .hihi {
        width: calc(100% - 498px);
        float: right;
    }
    .camnang_left{width: 51%; float: left;}
    .camnang_right{    
        width: 49%;
        float: right;
        display: flex;
        flex-wrap: wrap;
        order: 1;
        padding: 0 5px;
    }
    .camnang{position: relative;width: 100%;overflow: hidden;}
    .camnang img{display: block; transition: all 1s; width: 100%;}
    .camnang:hover img{
        width: 100%;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition: all 1s;
        opacity: 0.8;
    }
    .camnang_left .camnang .camnang_info{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.61);
        padding: 10px;
        box-sizing: border-box;
        color: #ffffff;
        font-size: 13px;
        font-family: 'RobotoLight';
    }
    .camnang_left .camnang .camnang_info h3{
        color: #ffffff;
        font-size: 19px;
        font-family: 'RobotoMedium';
        text-transform: uppercase;
    }
    .camnang_right .lex_camnang{
        flex: 1 50%;
        max-width: 50%;
        padding: 0 5px 10px 5px;
    }
    .camnang_right .lex_camnang .camnang .camnang_info{
        position: absolute; margin-top: -27px; width: 100%; top: 50%;left: 0;  background: rgba(0, 0, 0, 0.61);
    }
    .camnang_right .lex_camnang .camnang .camnang_info h3{color: #ffffff;font-size: 15px;font-family: 'RobotoMedium';text-transform: uppercase; text-align: center;}
    .camnang_right .lex_camnang .camnang img{display: block;}
    /**/


    .box_center{margin: 0 -15px;}
    .video-clip1{
        width: 43%;
        margin: 0 25px;
        float: left;
    }
    .video-clip2{
        width: 31.3%;
        float: left;
    }
    .video-clip3{
        margin: 0 15px;
        float: left;
        width: 50%;
    }
    .content_video{

        background: #fff;
        box-sizing: border-box;
    }
    .content_video iframe{
        display: block;
    }
    .Box_vi{
    }
    .Box_vi img{width: 100%;}
    .box_tinnb{
        display: inline-block;
        width: 100%;
        text-align: left;
        box-sizing: border-box; 
        color: #333333;
        font-size: 12px;
        font-family: 'arial';
        padding:15px 0 !important;
        padding-right: 5px;
        border-bottom:1px solid #ccc;
    }
    .xemtiep a img:hover {
        border: 1px solid #ff0000;
    }
    .box_tinnb .box_tinnb_img{
        width: 168px;
        height: 124px;
        float: left;
        border-right: 1px solid #ffffff;
        margin-right: 10px;
    }
    .box_tinnb .box_tinnb_img img{
        width: 100%;
        height: 100%;
    }
    .box_tinnb h4{
        color: #333333;
        font-size: 12px;
        font-family: 'RobotoBold';
        margin-bottom: 5px;
        margin-top: 0;
    }
    .box_tinnb p.ngaytao{
        color: #cdcdcd;
        font-size: 13px;
        font-family: 'RobotoRegular';
        margin-bottom: 3px;
    }
    .box_tinnb:hover h4{
        color: #ff0000;
    }

    .conten_hotro{
        height: 330px;
        background: url(images/bg_hotro_bt.png) no-repeat;
        position: relative;
    }
    .box_hotro{
        position: absolute;
        width: 235px;
        top: 45px;
        left: 25px;
    }
    .box_hotro p{
        font-size: 18px;
        color: #ffffff;
        font-family: 'RobotoBold';
        text-transform: uppercase;
        text-align: center;
    }
    .box_hotro p span{font-size: 24px;}
    .box_hotro p.ten_hotro{color: #deff00; font-size: 17px; text-transform: inherit;}
    .box_hotro p.dt_hotro{color: #deff00; font-size: 30px;    font-family: 'RobotoBold';}
    .box_hotro p.email_hotro{font-size: 16px; color: #ffffff; text-transform: inherit; font-family: 'arial';}
    .box_tintucmoi{
        border-bottom: 1px dashed #bfbfbf;
        padding: 15px 0;
    }
    .ten_hd h5{margin: 0;}
    .ten_hd h5 a{color: #000; font-size: 14px;font-family: 'RobotoCondensedRegular';}
    .hinhtt{
        float: left;
        border: 1px solid #f5f5f5;
        position: relative;
        -webkit-box-shadow: 5px 5px 0px 0px rgba(250,250,250,1);
        -moz-box-shadow: 5px 5px 0px 0px rgba(250,250,250,;box-shadow: 5px 5px 0px 0px rgba(250,250,250,1)5)
        width: 40%
        float:  left
    }
    .hinhtt img{width: 100%; height: 100%; }
    .box_tintucmoi:hover img{opacity: 0.8;}
    .box_tintucmoi:hover a{color: #f00;}
    .infott a{
        color: #333;
        font-size: 14px;
        font-family: OpenSansRegular;
    }
    .infott p,.tin_b_n p{
        padding:3px 0;
        color:#8b8b8b;
        font-size:13px;
        font-family:RobotoRegular;
    }
    .infott{width: 57%;float: right;font-size: 14px;font-family: OpenSansRegular;color: #333333;}
    .infott span{font-family: 'RobotoCondensedRegular'; color: #a5a7a0; font-size: 13.97px;}
    .conten-center{
        width: 48%;
        float:  right;
    }
    .tintucnb{margin-left: 20px; border-left: 1px solid #5c5e55;}
    .tintucnb ul{margin: 0;}
    .tintucnb ul li{
        padding: 0px 0 10px 0;
        background: url(images/icon_tin.png) no-repeat 15px 12px;
        padding-left: 30px;
    }
    .tintucnb ul li a{color: #a5a7a0; font-size: 15px; text-align: justify;}
    .tintucnb ul li:hover a{
        color: #fff200;
    }
    /*center*/
    .ngonngu{ float:right;margin: 10px 0px 12px 5px;}
    .ngonngu li{float: left; margin-right: 10px;}
    .ngonngu li:last-child{
        margin-right: 0;
    }
    .ngonngu img:hover{ box-shadow: 0px 0px 10px #ccc;} 
    .ngonngu p{ text-align: center;}
    .ngonngu a{ color: #666;}
    .ngonngu a:hover{ color: #037CBB}
    #thongtin{ width:100%; padding: 20px 0px 30px 0px; }
    .bong_tren{width:100%; float:left; background:url(images/bongtren.png) no-repeat; height:17px;margin:20px 0px 0px 0px;}
    .bong_duoi{width:100%; float:left; background:url(images/bongduoi.png) no-repeat; height:40px;margin:0px 0px 0px 0px;}

    #video{ width:100%; float:left;}
    #video_load{ margin: 0px 0px 0px 0px;background: url(images/bg_pro.png) repeat;width: 100%; float: left}
    #video_load .object{ background: #fff; width: 100%; float: left}
    .video{ width: 100%; padding:5px; margin-bottom: 10px;}
    .select_video{width: 100%;float: left;}
    .select_video select{ width: 100%; padding:5px; }
    .sanpham_dm ul li a{ text-decoration:none; width:300px; float:left; padding:0px 0px 8px 10px; color:rgba(255,255,255,1)}
    .sanpham_dm ul li a:hover{ color:rgba(255,255,0,1)}
    .tieude{margin: 0px 0px 10px 0px;width: 100%;float: left;font-size: 24px;text-align: left;text-transform: uppercase;font-weight: bold;color: #ff0000;}
    .noidung{
        box-sizing: border-box;
    }
    .noidung img{
        max-width: 100% !important;
        display: inline-block;
        height: auto;
    }
    .noidung p{
        float: inherit;
        margin: 20px 0;
    }
    .thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
    .thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
    #form_contact input{ padding: 5px;}
    ul{
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    .box_new p{
        float: initial;
    }
    .timkiem_mb{display: none;}
    #timkiem{
        height: 42px;
        border-left: 1px solid transparent;
        position: relative;
        z-index: 111;
        float:  right;
        margin-top: 6px;
    }

    #timkiem input   {
        height: 42px;
        float: left;
        background: none;
        color: #fff;
        font-style: italic;
        border: 0;
        font-size: 12px;
        width: 90px;
        outline: none;
        font-family: 'arial';
    }
    #timkiem input {
        background: #000;
        float: left;
        line-height: 42px;
        font-size: 12px;
        z-index: 99;
        width: 0px;
        padding: 0px;
    }
    #timkiem .nuttimkiem {
        width: 42px;
        border: 0px;
        height: 42px;
        border-radius: 100%;
        color: #000;
        background: #000 url(images/nuts.png) no-repeat center;
        cursor: pointer;
        outline: none;
    }
    #timkiem button{
        height: 22px;
        width: 25px;
        background: url(images/nuts.png) no-repeat center;
        border: 0px;
        cursor: pointer;
        outline: none;
        position: absolute;
        top: 5px;
        font-size: 15px;
        right: 10px;
        color: #fff;
    }
    #left_slider{
        padding-top: 15px;
        float: left;
        width: 270px;
    }
    .danhmuc1{box-sizing: border-box;border: 1px solid #f5f5f5;width: 100%;float: left;margin-bottom: 25px;overflow: hidden;}
    .thanh1{
        height: 45px;
        width: 100%;
        background: #FF7900 url(images/icondm.png) no-repeat left 8px top 4px;
    }
    .thanh1 h2{
        text-transform: uppercase;
        padding-top: 14px;
        color: #fff;
        font-family: RobotoBlack;
        font-size: 16px;
        text-align: center;
        padding-left: 35px;
    }

    .timkiem button:hover{ color:rgba(255,255,0,1);}
    #timkiem input::-webkit-input-placeholder {
        color: #7f7f7f;
    }

    #timkiem input:-moz-placeholder { /* Firefox 18- */
        color: #7f7f7f;  
    }

    #timkiem input::-moz-placeholder {  /* Firefox 19+ */
        color: #7f7f7f;  
    }

    #timkiem input:-ms-input-placeholder {  
        color: #7f7f7f;  
    }

    input::-webkit-input-placeholder {
        color: #fff;
    }
    input:-moz-placeholder { /* Firefox 18- */
        color: #fff;  
    }
    input::-moz-placeholder {  /* Firefox 19+ */
        color: #fff;  
    }
    input:-ms-input-placeholder {  
        color: #fff;  
    }


    .giohang_mb{display: none;}
    .box_login{
        height: 115px;
        display: table;
        float: right;
        position: relative;
        color: #fff;
    }

    .box_baiviet_top{margin-top: 30px;}
    .box_baiviet_top img{float: left; margin-right: 10px;}
    .box_baiviet_top:hover img{
        transition: all 0.5s;
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 0.8;
    }
    .box_baiviet_top {float: left;}
    .box_baiviet_top  h3{margin: 0; color: #fff200; font-size: 16px; text-transform: uppercase;    font-family: 'RobotoBold'; font-weight: normal; }
    .box_baiviet_top  p{color: #f1f1f1; font-size: 12px;}

    #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: 0px 20px 0px 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: #FF0000}

    .giaohang_tq{ background: url(images/giaohang.png) no-repeat 0px 3px}
    .giaohang_nt{ background: url(images/nhantien.png) no-repeat 0px 3px}
    .giaohang_dt{ background: url(images/doitra.png) no-repeat 0px 3px}
    .giaohang_lh{ width: 350px !important; background: url(images/lienhe.png) no-repeat 0px 3px}
    .giaohang_lh span{ font-weight: bold; color: #df0000; font-size: 16px;}
    #giaohang li a:hover{ color: #047FBE}

    .vien_slide{ width: 100%; float: left; position: absolute;  height: 55px; background-size: 100%; bottom: 10px;}
    .album {  margin: 10px; position: relative; overflow: hidden;}
    .album img{ width: 100%; border:1px solid #cde9ff;}
    .album h3 a{
        font-size: 15px;
        color: #f00;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        width: 100%;
        margin: 10px 0;
        display: inline-block;
        text-align: center;
    }
    .album:hover h3 a{color:  #f00;}

    .album:hover .hover_tuyensinh {
        top: 50%;
        transition: all 0.5s;
    }
    .fom_gh{ margin: 10px 0px 0px 0px;}
    .input-group{ width: 100%; padding: 10px 0px 10px 20px;}
    .input-group-but{ text-align: center; margin: 10px 0px 20px 0px;}
    .input-group-but button{ background: #000; padding: 10px 40px 10px 40px; border: 0px; border-radius: 10px; color: #fff; font-weight: bold; font-size: 24px;}
    #main{

        margin: 2% 0;

        width: 100%;

        float: left;
    }
    .tenht h3:hover{
     color:#ff0000
 }

 .main{
    width:100%;
    float:left;
}
.back_gr{
    width:100%; float:left; background:rgba(255,255,255,1); 
}

#left{width: 22.5%;float: left;margin-bottom: 20px;}

#right{
    width: 245px;
    float: right;
    margin: 0px 0px 0px 0px;
}
.khung_r{
    width: 55%;
    float: left;
    margin: 0 20px;
}
.danhmuc{box-sizing:  border-box;padding: 0 15px 0 15px;border: 1px solid #f5f5f5;width:100%;float:left;margin-bottom: 25px;overflow:  hidden;padding-top: 10px;}
#danhmuc{
    width: 98%;
}
.danhmuc_left{border: 1px solid #ccc;}
.danhmuc_left ul{width: 100%;    background: #f7f7f5;}
.danhmuc_left ul li{
    padding: 3px 0;
}
.danhmuc_left ul li a{
    font-size: 16px;
    color: #666;
    display: block;
    background: url(images/left-menu-dropdown.png) no-repeat scroll right 10px top 7px #fff;
    padding: 4px 0 4px 10px;
    border-bottom: 1px solid #dfdfdd;
}
.danhmuc_left ul li ul li a{
    display: block;
    font-size: 14px;
    color: #333;
    background: url(images/bullet-footer.png) no-repeat scroll 15px 14px rgba(0,0,0,0);
    padding: 8px 0 4px 28px;
    border: none;
}
.danhmuc_left ul li a:hover{color: #0fa333;}
.danhmuc_left ul li ul li:hover a{color: #0fa333;}
.hotro_tuvan{
    border: 1px solid #0c8e44;
    position: relative;
}
.hotro_tuvan img{width: 100%;}
.box_hotro_tuvan{
    position: absolute;
    bottom:-35px;
    left: 0;
    width: 100%;
    border-radius: 10px;
    background: url(images/hotro_bg.png) no-repeat left 10px center;
    background-color: #269a58;
    padding: 15px 0;
    padding-left: 85px;
}
.box_hotro_tuvan p{
    font-size: 16px;
    color: #d7ff00;
    font-family: 'UTMAvoBold';
    text-transform: uppercase;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    margin: 0;
    line-height: initial;
}
.box_hotro_tuvan p.box_hot_hotro{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    font-family: inherit;
    text-shadow:inherit;
}
.hoidap{
    width: 50%;
    right: 77px;
    top: 62px;
    position: absolute;
    background: #31c689;
    border-radius: 10px;
    text-align: center;
}
.hoidap a{
    color: #fff;
    padding: 8px 5px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-family: 'RobotoRegular';
}
.hoidap:hover a{color: #ff0;}

#left_slider img{margin-top: 10px; }
.hotro_tuvan img{margin-top: 0px !important; }

.nonglanh{
    text-align: center;
    width: 100%;
    height: 19px;
    background: url(images/nl.png)no-repeat left center;
    display: inline;
    padding-left: 30px;
}
.left{
    width:100%;
    float:left;
}
.tinhtrang{ border-top: 1px solid #627079; width: 100%; float: left;}
.tinhtrang li a{  display: block; padding: 5px 0px 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F}
.tinhtrang h4{ text-transform:uppercase; font-weight: 100; margin: 5px 0px 0px 5px; color: #999}
.thanh{width: 100%;float: left;text-transform: uppercase;font-size: 15px;text-align: center;padding: 10px 0 10px 0px;font-weight: normal;color: #333;font-family: OpenSansBold;background: #7bd8ff;}
.thanh a{
    color: #ffffff;
    font-family: 'SFUEurostileCondensed'; 

}
.left1{
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
}
.left1 ul li{
    padding: 6px 0;
    border-bottom: 1px dashed #e1e1e1;
    padding-left:30px;
    background: url(images/icon.png) no-repeat left 10px top 10px;
}
.left1 ul li:hover > a{
    color:  #f00;
}
.left1 ul li a{
    color: #343434; 
    font-size: 14px;
    font-family: 'RobotoRegular';
}
.left1 ul li ul li a{
    color: #343434;
}

.box_khuyenmai{
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.box_khuyenmai img{ 
    width: 100%;
    width: 100%;
    display: block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

.box_khuyenmai:hover img {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    outline: 3px solid #e7e7e7;
    outline-offset: -15px;
}

.box_khuyenmai:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.box_khuyenmai:hover:after {
    webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.hotline_l{
    margin: 10px 0 0 0;
    text-align: left;
    background: url(images/hotro.png) no-repeat top center;
    padding-top: 110px;
}
.hotline_l span.after_hot{
    color: #1d1d1d;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
.hotline_l span.after_hot:after{
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #000;
    width: 100%;
    content: '';
}
.soluong_12 {padding: 0px 5px 0px 5px;width: 110px;height: 40px;}
.thanhtoannhanh {font-family: robotobold;background: #f36c1c url(images/gh.png) no-repeat left 20px center;display: inline-block;padding: 10px 20px 10px 50px;margin: 1px 0;font-size: 16px;transition: background 0.3s;-webkit-transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-o-transition: background 0.3s;color: #fff;text-transform: uppercase;cursor: pointer;}
.hotline_l span{font-size: 20px; color: #ff0000; font-weight: bold;}
.hotro {
    border-top: 0px;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
}
.box_left{
    display: inline-table;
    border-top: 1px solid #5a5a5a;
    background: #262626;
    width: 100%;
}
.content_facebook{
    margin: 0 auto;
    display: inline-block;
    text-align: right;
    width: 100%;
    margin-bottom: 30px;
}
.bando_index{width: 100%; overflow: hidden;}
.title_map{color: #e4e3e3; font-size: 20px; font-weight: bold;    font-family: 'Tahoma'; text-transform: uppercase; margin-bottom: 10px;}
.thanh img{ float:left; margin:2px 10px 0px 10px;}
.thanh h4{ 
    color: rgba(255,255,255,1);
    font-weight: 100;
    margin: 10px 0;
}
.menu_left{
    width:100%;
    float:left;
    padding-bottom:10px;
}
.menu_left ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.menu_left ul li{
    width:100%;
    float:left;
}
.menu_left ul li:last-child{ border-bottom: 0px;}
.menu_left ul a{
    width:100%;
    float:left;
    padding:5px 0px 5px 25px;
    background: url(images/muiten_detail.png) no-repeat 5px 10px;
    text-decoration:none;
    color:#333;
    font-size: 12px;
}
.menu_left li ul a{
    width:100%;
    float:left;
    color:#666;
}
.menu_left ul a:hover{
    color:#05628D;
}
.menu_left li ul a{
    padding-left:30px;
    background:url(images/pagination.png) no-repeat 15px 12px;
}

.menu_left li ul li ul a{
    padding-left:40px;
    background:url(images/muiten_trong.png) no-repeat 30px 10px;
}
.yahoo_top{ text-align: center;    background: url(images/bg_hotrotructuyen.png) no-repeat top left;
    height: 125px;
}
.yahoo{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.yahoo h3{
    font-size:15px;
    font-family:robotobold;
    text-align:center;
    margin:5px 0;
}
.hotro .hinh{
    text-align: left;
}
.hotro .hinh span{
    color: #1d1d1d;
    font-size: 15px;
}
.yahoo p{margin: 0;text-align: center;font-size: 15px;}
.yahoo p.dt{
    color: #1d1d1d;
    font-size: 14px;
    background: url(images/dt.png) no-repeat center left;
    padding-left: 30px;
}
.yahoo a{color: #333;    padding: 0 3px;}
.yahoo p span{
    margin: 0px 0px 0px 0px;
    color: #6a6969;
    font-size: 12px;
}
.yahoo p.hinh a{
    float: left;
    margin:5px 0px 0px 5px;
}
.yahoo .email{ 
    width: 100%;
    float: left;
    color: #333;
    padding: 5px 0px 5px 30px;
    background: url(images/email.png) no-repeat center left;
    text-align: left;
}

.sp_noibat{padding: 8px; border-bottom:1px dotted #e6e6e6;    width: 100%; /*background: url(images/list-ganday.png) no-repeat left center;*/}
.sp_noibat img{
    width: 100px;
    height: 100px;
    padding: 2px;
    float: left;
    margin-right: 10px;
}

.sp_noibat h3, .sp_noibat h5{ 
    color: #1f1f2d;
    font-family: Arial;
    line-height: 19px;
    font-size: 12px;
    text-align: left;
    margin: 0;
    padding-left: 20px;
}
.sp_noibat:hover h3, .sp_noibat:hover h5{color: #0072bd;}
.sp_noibat:hover h3{ color: #0fa333; text-decoration: underline; }
.sp_noibat:hover img{box-shadow: 0px 0px 3px #ccc;}
.sp_noibat p{
    text-align: justify;
    color: #dcdcdc;
    font-size: 12px;
    font-family: 'RobotoRegular'; 
}
.sp_noibat span.ngay{
    font-size: 11px;
    color: #8f8f8f;
    margin-bottom: 0; 
}
.sp_noibat span.icon-cmt{
    background: url(images/icon-cmt.png) no-repeat scroll right top rgba(0,0,0,0);
    border-left: 1px solid #8f8f8f;
    margin-left: 10px;
    padding: 0 17px 0 9px; 
    color: #8f8f8f;  
}
.sp_noibat .gia{
    margin-bottom: 4px;
    font-size: 22px;
    color: #d20000;
}
.soluong_12{ padding: 0px 5px 0px 5px;    color: #000;}
.tintuc{ width:50%; float:left; margin:5px 0px 5px  0px; padding: 0px 10px 0px 10px; text-align: justify;}
.tintuc:nth-child(2n+1){ clear: both;}
.tintuc img{ float:left; border:1px solid #c8c8c8; padding:2px; margin:10px 10px 0px 0px;}
.tintuc a{ text-decoration:none;}
.tintuc h3{ padding: 5px 0px 5px 0px; color: #006783}
.tintuc h3 a{ font-size:14px; color:#006783; text-transform: uppercase;}
.tintuc:hover  h3 a{ color: #026164}
.tintuc p{ font-size:13px;  color:#666;}
.tintuc:hover h3{ color:rgba(255,0,0,1);}
.tintuc:hover{ opacity: 0.8;}
.visit_hidden{ 
    visibility: hidden;
    height: 1px;
    margin: 0;
    line-height: inherit;
}
.tinkhac{ width: 100%; float: left; margin: 20px 0px 20px 0px;}
.tinkhac li a{ width: 100%; float: left; padding: 2px 0px 2px 30px; color: #333; background: url(images/sao.png) no-repeat 10px 7px;}
.tinkhac li a:hover{color:#036CAF}
.xemnhieu{
    width:193px;
    float:left;
    border:1px solid #FF8A00;
    background:url(images/left_cham.png) repeat-y;
}


.btn-primary button{
    color: #fff;
    margin: 20px 0px 0px 0px;
    float: left;
    background-color: #428bca;
    border-color: #357ebd;
    cursor: pointer;
    border: 0px;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.5s;
}

ul.pagination {
    text-align:center;
    color:#829994;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
    line-height: 32px;
}
ul.pagination a {
    color:#0d7963;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {background: #0058bc;color:#fff;}
/* ========== Content pagination ========== */

.pagination {
    margin: auto;
    width: auto;
    text-align: center;
    margin-top: 10px;
}
.pages {
}
.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: #666666;
    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{ float:left; width: 100%;}
.bandoidex{
    height: 170px;
    /* border-radius: 10px; */
    overflow: hidden;
    width: 74%;
    margin: 0 auto;
    border: 1px dashed #ccc;
    padding: 3px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.thongke{
    float: right;
    color: #ffffff;
    text-align: left;
    display: inline-block;
}

.thongke h4{ 
    font-size: 16px;
    color: #ffffff;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    margin: 0;
    position: relative;
    padding: 2px 0px;
    margin-top: 3px;
    margin-bottom: 10px;
}
.thongke ul{ list-style: none; margin: 0px; padding: 0px;  }
.thongke ul li{
    width: 100%;
    font-size: 13px;
    padding:0px 5px 0px 0;
    margin: 6px 0px 0px 0px;
    color: #ffffff;
}
.thongke ul li img{
    margin-right: 10px;
}
.thongke ul li span{
    color: #ff0;
    float: right;
}
.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: 0px 20px 0px 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:#333333;
    text-transform:uppercase;
    line-height:30px;
}
.callto{ width: 30px; height: 30px; background: url(images/phone.png) no-repeat top center; background-size: 100% 100%; position: fixed; top: 2px; left: 2px; display: none; z-index: 1000 }

.hotline{padding-bottom: 3px;padding-top: 3px;border-radius: 8px;width: 298px;display:  inline-block;font-weight:  normal;float: right;color: #474747;line-height: 40px;padding-left: 31px;background: url(images/hotline.png) no-repeat left 3px center;border: 1px solid #d3e1f9;}
.hotline h5{ font-weight:100; font-size:12px;}
.hotline p{
    padding-left: 20px;
    width: 100%;
    text-transform:  uppercase;
    font-weight:  normal;
    font-family: OpenSansRegular;
    font-size: 14px;
    color: #000000;
    display:  inline-block;
}
.hotline span{display:  inline-block;letter-spacing: 0.1em;width: 72%;line-height: 21px;float:  right;font-family: OpenSansBold;color: #ff0000;font-size: 22px;}
.thongtin{
    width:100%;
    float:left;
    font-weight:bold;
    padding: 20px 0px 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: 0px 10px 0px 10px; color: #323232; font-size: 12px;}
.thongtin li a:hover{ color: #01517A}
.tin_moi{
    padding:0px 10px 0px 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;
}
#content{ margin: 0px 0px 0px 0px; border-top: 0px;}
#info{overflow:  hidden;margin-bottom: 24px;width: 75.5%;float: right;}
.footer{
    position:  relative;
    background: #ededed;
    z-index:  9999;
    float: left;
    width: 100%;
}
.thanh_title p{
    text-transform: initial;
    white-space: pre-line;
    text-align: center;
    color:#515151;
    font-family: UTMTimes;
    font-size: 18px;
    margin: 10px 0;
}
.hovs{
    position: absolute;
    bottom: 10px;
    left: 12px;
    width: 245px;
    height: 50px;
    background: rgba(123, 125, 123, 0.57);
}
.hovs h3{
    padding-top: 18px;
    color: #fff;
    font-family: RobotoBlack;
    font-size: 16px;
    text-transform: uppercase;
}
.hovs h3:hover{
    color: #fff000;
}
.spam{
    background: url('images/bg_spc1.png')repeat-x top center;
    width: 100%;
    float: left;
}
.product_imgs{
    padding: 10px;
    position: relative;
}
.ask-info img{
    height: 65px;
    float: left;
    margin: 5px 10px 5px 0;    
}
.ask-info h1, .ask-info h2{
    font-size: 22px;
    color: #666;
    line-height: 29px;
    margin: 0;
    padding-bottom: 10px;
    font-weight: bold;
}
.ask-info ul li{
    display: inline-block;
    padding-right: 10px;
    font-family: Arial;
    font-size: 11px;
    color: #999;
}
.ask-info ul li span{    
    color: #1772e0!important;    font-family: Arial;
    font-size: 11px;
}

.dkdn_box {
    /* width: 100%; */
    display: inline-block;
    padding: 1%;
    border: thin #d9d9d9 solid;
    font-family: sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


#sanpham{padding: 35px 0;width:100%;overflow:  hidden;}
#congtrinh{ background: #eeeeee; width: 100%; float: left; margin: 20px 0px 0px 0px;  }
.khung_tt{ width: 825px; float: left; }
.hotnews ul{ width: 360px; float: right; } 
.hotnews li{ font-size: 14px; border-bottom: 1px dotted #ccc; padding:5px 0px 5px 0px; width: 100%; float: left; font-family: 'RobotoLight';}
.hotnews li img{ float: left; border:1px solid #cdcdcd; padding: 2px; margin: 5px 5px 0px 0px;  }
.hotnews li span{ font-size: 12px; font-style: italic; }
.hotnews li h3 a{ color: #333; }
.hotnews li h3 a:hover{ color: #C70505; text-decoration: underline;} 
.hotnews li:hover{ opacity: 0.8; } 
.bottom_ti{ width: 100%;  float: left; margin:10px 10px 0px 0px;font-family: 'RobotoLight';}
.bottom_ti a{ color: #02c32f;    font-family: 'UTMFlamenco'; font-size: 32px; font-weight: normal;}
.bottom_ti a:hover{ text-decoration: underline;color: #f00; }
.bottom_ti:hover{ opacity: 0.8; }
.bottom_ti span{ font-style: italic; font-size: 12px; }
.bottom_ti img{    width: 275px;   height: 265px ; float: left; margin-right: 15px;} 
.chitietgt{float: right; background: #02c32f; float: right; padding: 2px 5px;}
.chitietgt a{color: #fff;font-family: arial; font-size: 12px;}
.video_con{ width: 100%; float: left; border-bottom: 2px solid #0b7ef4; height: 242px; }

.hotro_tructuyen{ width: 100%; float: left; background: url(images/hotro.png) no-repeat; height: 220px; position: relative; border: 1px solid #eee; }
.hotro_tructuyen ul{ width: 320px; background: linear-gradient(#fd0000,#ca0000); float: left; border-radius: 10px; left: 20px; bottom: 10px; position: absolute; z-index: 10;}
.khung_vd{width: 350px; float:right;}
.khung{width:100%;position: relative;}

.box_content{
    margin-top:20px; 
    padding-bottom: 20px;
    box-sizing: border-box;
}
.gt_img{
    width: 41.3%;
    height: 215px;
    background: #2a2a2a;
    border: 1px solid #3d3d3d;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 5px;
}
.gt_img:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.gt_img:hover:after{
    webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.gt_img img{
    width: 100%;
    display: block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
    padding: 5px;
}
.gt_img:hover img{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    outline: 3px solid #e7e7e7;
    outline-offset: -15px;
}
.gt_content{
    float: right;
    width: 55%;
}
.gt_content h2{
    color: #ffc000;
    font-size: 16px;
    font-family: 'UVNHongHaHep_R'; 
    margin: 0;
}
.gt_content h2:hover{
    color: #337ab7;
}
.gt_content p{
    color: #ffffff;
    font-size: 14px;
}
.xemtiep a{
    background: url(images/nexts.png) right top no-repeat rgba(255,255,255,0);
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 50%;
    z-index: 1;}

    .xemtiep a:hover{
        color: #f00;
    }
    .giaohang{ width: 100%; float: left; margin-top: 20px; padding: 0px 0px 30px 0px;}
    .thanh_title1{overflow:  hidden;position:  relative;margin-bottom: 20px;text-align: center;}

    .thanh_title1 > h2 > span{
        color:#282828
    }
    .thanh_title1 p{
        color:#474747;
        font-size:14px;
        font-family:RobotoRegular;
    }
    .thanh_title1 > h2 > p{
        color:#414141;
        font-size:14px;
        font-family:RobotoRegular;
        margin-top:10px;
        text-transform:initial !important
    }
    .thanh_title1 h2,.thanh_title1 h4,.thanh_title1 h1{
        color: #fff;
        padding: 0 40px;
        line-height: 60px;
        font-size: 41px;
        display: inline-block;
        font-weight: normal;
        position: relative;
        text-align: center;
        font-family: RobotoRegular;
    }
    .thanh_title1 h2:after{
        position: absolute;
        left: -140px;
        width: 140px;
        height: 1px;
        background: #fff;
        content: '';
        bottom: 15px;
    }
    .thanh_title1 h2:before{
        position: absolute;
        right: -140px;
        width: 140px;
        height: 1px;
        background: #fff;
        content: '';
        bottom: 15px;
    }
    .baogias{
        width:100%;
        position:absolute;
        left:0;
        bottom: 12%;
    }
    .thanh_title2{
        overflow:  hidden;
        height: 150px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
        padding: 10px 0;
    }
    .thanh_title2 h2:after{
        position:absolute;
        left: -293px;
        width: 293px;
        height: 150px;
        background: url(images/left_a.png) no-repeat right center;
        content:'';
        bottom: -120px;
    }
    .thanh_title2 h2:before{
        position:absolute;
        right: -282px;
        width: 282px;
        height: 150px;
        background: url(images/right_dk.png) no-repeat right center;
        content:'';
        bottom: -120px;
    }
    .thanh_title2 h2,.thanh_title2 h1{padding: 0 18px;color: #fff;font-size: 56px;display: inline-block;font-weight: 100;margin: 0;font-family: unicode_display_UVNBaiSau_N;text-transform: uppercase;position: relative;}
    .thanh_title h2:after{
        position:absolute;
        left:-140px;
        width:140px;
        height:1px;
        background:#333;
        content:'';
        bottom: 15px;
    }
    .thanh_title h2:before{
        position:absolute;
        right:-140px;
        width:140px;
        height:1px;
        background:#333;
        content:'';
        bottom: 15px;
    }
    #dichvu{
        width:100%;
        float:left;
        margin:50px 0;
    }
    /*title*/
    .thanh_title{overflow:  hidden;margin-bottom: 25px;width: 100%;text-align: center;position: relative;}

    .thanh_title h2,.thanh_title h4,.thanh_title h1{
        text-transform: capitalize;
        color: #333;
        padding: 0 40px;
        line-height: 60px;
        font-size: 41px;
        display: inline-block;
        font-weight: normal;
        position: relative;
        text-align: center;
        font-family: RobotoRegular;
    }
    .thanh_title span{
        color: #a7340a;
        font-size: 32px;
        display: inline-block;
        font-weight: 100;
        text-transform: uppercase;
        position: relative;
        font-family: 'RobotoBlack';
        margin: 0;
    }




    /*title*/

    .contant_slogan{display: inline-block; text-align: center; position: relative;}

    .bg_center{background: url(images/title-dichvu.png) repeat-x; height: 40px;}
    .gioithieu{ width:100%; text-align: center; margin:20px 0px 20px 0px;    font-family: 'RobotoLight'; font-size: 19px; }
    .gt_trai{ width:790px; float:right;font-family: 'RobotoCondensed';  }
    .gt_trai h3{color: #393939; font-size: 18px; margin:0px 0px 5px 0px; }
.gioithieu img{/* width: 370px; float: left; */}
.gioithieu h4{ text-align: center; color: #393939; font-size: 18px; font-weight: 100; font-family: 'Times New Roman'}
.gioithieu h4:after{ content: ""; width: 100%; float: left; background: url(images/gach_.png) no-repeat top center; height: 5px; margin: 10px 0px 20px 0px; } 
.noidung_gt{ width: 700px; margin: auto;font-family: 'RobotoCondensed'; color: #555555; line-height: 2;}
.sanpham_nb{margin-top: -48px;background: url(images/bg_cn.png) no-repeat;padding: 74px 0 46px 0;width: 100%;position: relative;}

.thanh_bottom {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    height: 33px;
    text-align: center;
}
.thanh_bottom img{ float: left; margin-right: 10px;} 
.thanh_bottom  h4{
    color: #414141;
    text-transform: uppercase;
    font-size: 26px;
    display: inline-block;
    line-height: 32px;
    height: 33px;
    font-weight: normal;
    position: relative;
    border-bottom: 1px solid #414141;

}

.khung_thongtin{/* text-transform:  capitalize; */float: right;list-style: none;width: 47%;}
.khung_thongtin li{border-bottom: 1px solid #ccc;padding: 5px 0px 5px 5px;width: 100%;float: left;color: #000;font-size: 14px;line-height: 20px;}
.khung_thongtin h1{ 
    text-transform: uppercase;
    font-size: 26px;
    color: #EF0000;
    margin: 0;
}
.lienket a:hover{
    transition: 1s;
    transform: rotate(360deg);
}
.lienket1 a:hover{
    transition: 1s;
    transform: rotate(360deg);
}
.khung_thongtin .masp{color:#000;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{text-align: left;font-size: 20px;color: #cd0000;background: none;font-weight: bold;}
.khung_thongtin .gia_detail b{color: #000;font-weight:  bold;}
.khung_thongtin .giacu_detail{ color:#999; text-decoration: line-through;}
.khung_thongtin .giacu_detail span{ text-decoration: line-through;}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.gia_detail span{ font-size: 14px; color: #666;}

.dathang_detail .thanhtoannhanh{ 
    width: 239px;
    float: left;
    background: #049800;
    height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}
.dathang_detail .bovaogio{ 
    width: 239px;
    float: left;
    background: #e51600;
    height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
.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 0px 0px 70px;cursor: pointer;}
.dathang_detail .thanhtoannhanh:hover,.dathang_detail .muangay:hover{ color:#fff200;}
.dathang_detail span{ width: 42px; height: 42px; padding: 7px 0px 0px 0px; float: left; border:3px solid #ccc; border-radius: 50%; text-align: center;}

.product_color_block{
    box-shadow: inset 0 0 1px #c2c9cc;
    position: absolute;
    overflow: hidden;
    border-radius: 1.5px;
    margin: auto;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
}
.select_color{
    position: relative;
    background: white;
    border: 1px solid #e8eced;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    float: left;
    margin: 0 .67rem .67rem 0;
    height: 3.55rem;
    width: 3.55rem;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.select_color.active{border: 1px solid #f98e00;box-sizing:border-box;}

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

.box_new:hover{
    background-color: #c30004;
    color:#fff
}
.box_new:hover .go-news {
    background: url(images/nexts.png) left top no-repeat #c30004;
    right: -10px;
    bottom: -10px;
}
.box_new{border: 1px solid #ccc;font-family: RobotoRegular;font-size: 13px;width: 100%;border-radius: 10px;float: left;position:  relative;padding: 10px;color: #333;}
.box_new_img{-webkit-border-radius: 18px 18px 0;border-radius: 18px 18px 0;width: 100%;float: left;overflow: hidden;}
.box_new_img img{ 
    display: block;
    width: 100%;
    transition: all 0.5s;
}
.box_new:hover .box_new_img img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.5s;
}
.box_new h2{margin: 0;    font-size: 15px;}
.box_new h3 , .box_new h2 {margin: 10px 0;display:  inline-block;text-transform: uppercase;font-size: 15px;font-family: RobotoBold;font-weight: bold;color: #333333;line-height: initial;}
.box_new h3{margin: 0;}
.box_new p{ font-size: 12px; color: #333;} 

.box_new:hover h3,.box_new:hover h2 { color: #fff} 
.box_new:hover img{opacity: 0.8;}
.content_new{ overflow:hidden; height: 400px; width: 100%; float: left;}
.box_new span.total-view{
    background: url(images/view.png) no-repeat scroll left top rgba(0,0,0,0);
    padding: 2px 5px 2px 35px;
    margin-right: 20px;
    font-size: 11px;
    color: #505050;
    float: left;
}
.box_new span.total-cmt{
    background: url(images/cmt-n.png) no-repeat scroll left top rgba(0,0,0,0);
    padding: 2px 5px 2px 25px;
    font-size: 11px;
    color: #505050;
}

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

.thongtin_detail{ font-style: italic;}
.khuyenmai_detail{ margin: 5px 0px 0px 0px;white-space: pre-line;}
.khuyenmai_detail ul li{ padding: 5px 20px 5px 0px; color: #008c00}
.khuyenmai_detail ul li input{ float: left; margin: 3px 5px 0px 0px;}
.khung_km{ padding: 0px; width: 100%; float: left;}
.khung_km li{ display: inline-block; border-bottom: 0px; width: auto;}

.selectors{
    text-align: LEFT;
    float: right;
    width: 100%;
}
.table_info{ width: 100%; float: left;}

.quangcao_in{ position: absolute; z-index: 10; top: 48px; left: 410px;}
.quangcao_in:hover{box-shadow: 0px 0px 10px #999;} 
.quangcao_in img{ float: left;}
.dieuhuong a{ color: #333; padding: 0px 10px 0px 5px; float: left; background:url(images/muiten_trong.png) no-repeat right;}
.dieuhuong a:hover{ color:#007597;}

.thanhsp{ width:100%; float:left; margin: 0px 0px 20px 0px; background:#ffd800;}
.thanhsp h2{ color:#fff; text-transform:uppercase;font-size: 20px; font-weight:100;display: inline-block; padding: 0px 20px 0px 10px}
.thanhsp h2:before{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0px 0px 0px;}
.thanhsp h2:after{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0px 0px 0px;}

.thanhsp span{ color: #FE0000}

.khung_khac{ width: 100%; float: left;margin: 0px 0px 20px 0px;}
#java_km{ width: 100%; float: left;}
#java_km img{ border: 1px solid #ccc; margin: 5px; padding: 1px; }
#java_km img:hover{ opacity: 0.8; }
.thanhdt{ width:100%; float:left; margin: 10px 0px 20px 0px; text-align: center; height: 60px; line-height: 55px;}
.thanhdt h2{ color:#333333; text-transform:uppercase;font-size: 26px;background-color: #fff; display: inline-block; padding: 0px 20px 0px 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 0px 80px;text-transform:uppercase; color: #fff; font-weight: 100}
.tin_tuc h3{color:#646464; text-transform: uppercase; margin: 10px 0px 5px 0px ;}
.tin_tuc p{color:#666666; font-size: 12px;}
.tin_tuc ul li{ width: 370px;float: left; margin: 20px 0px 0px 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 0px 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);}
/*camnhan*/
.camnhan_index{
    padding: 30px 0;
}
.camnhan{
    text-align: center;
}
.item_camnhan{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.camnhan_images{
    width: 285px;
    height: 285px;
    border-radius: 50%;
    margin: 0 auto;
}
.camnhan_images img{
    border-radius: 50%;   
    padding-top: 20px !important;
    transition: all 0.5s;
}
.item_camnhan:hover .camnhan_images img{
    padding-top: 0px !important;
    transition: all 0.5s;
}
.item_camnhan h3 a{
    font-size: 14px;
    color: #55a1d3;
    font-family: Myriad Pro;
    padding: 5px 0;
}
.item_camnhan p{
    color: #131313; 
    font-size: 14px;
    font-family: arial;
}

/*camnhan*/
/*camnang*/
.camnang_index{
    padding: 30px 0;
}
.item_camnang{
    width: 100%;
    padding: 10px;
}
.item_camnang:hover .camnang_images img{
    opacity: 0.8;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 1s;
}
.ite{
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    display: block;
}
.ite .product_imgs img:hover{
    opacity: 0.7
}
.ites .imgsp img:hover{
    opacity: 0.7
}


.camnang_images{
    width: 100%;
    overflow: hidden;
}
.item_camnang h3 a{
    font-size: 14px;
    color: #0072bd;
    font-family: 'RobotoBold';
}
.item_camnang h3{
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}
.item_camnang:hover h3 a{
    color: #f00;
}
.item_camnang p{
    font-size: 12px;
    color: #080808;
    font-family: 'RobotoRegular';
    text-align: center;
}
/*camnang*/
/*item_index*/
.tuvan_index{
    background: #0072bd;
    padding: 75px 0 45px 0;
}
.item_index{box-sizing:  border-box;float:  left;padding: 0px 16px;text-align: center;overflow:  hidden;display:  inline-block;}
.content_item_index{width: 100%; height: 100%;    position: relative;}
.item_index .product_images a{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.item_index .product_images{margin: 0 auto;overflow: hidden;text-align: center;display: table;}
.item_index .product_images img{
    max-width: 100%;
    display: inline-block;
}
.item_index:hover img{opacity: 0.8;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 1s;
}
.item_index h3{background: url(images/line_nn.png) center;font-size: 21px;color: #ec3237;height: 40px;overflow:  hidden;line-height: 40px;border-radius: 20px;padding: 0 10px;margin: 10px 0;font-family: robotobold;}
.item_index h3 a{color: #252525;font-size: 16px;margin: 0;font-family: RobotoRegular;}
.item_index:hover h3{color:#252525; }
.item_index:hover .docthem a {
    color: #d50000;
}
.item_index p{
    padding: 0 10px;
    color:#424242;
    font-size:12px;
    line-height: 25px;
    font-family:RobotoRegular;
}
.xemthem_tt img{
    float:right
}
.xemthem_tt {

    padding: 10px 20px;
    
    text-align: right;
    
    width: 100%;
    
    float: left;
    
    display: inline-block;
}

/*item_index*/
/*tuyensinh*/
.tuyensinh{
    margin: 0 -15px;
}
.tintuc_index{float:  left;padding: 45px 0 50px;width: 100%;}
.wap_news{
    flex: 1 33.33%;
    max-width: 33.33%;
}
.item_tuyensinh{
    text-align: center;
    margin: 0 15px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.color_tuyensinh{
    margin: 0 auto;
    width: 100% ;
}
.color_tuyensinh img{
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.item_tuyensinh:hover .color_tuyensinh img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.5s;
}
.wap_news .hover_tuyensinh{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 10px;
    bottom: 0;
    transition: all 0.5s;
    background: #fff;
    color: #3e3e3e;
    font-size: 13px;
    font-family: 'RobotoLight';
}
.wap_news:nth-child(2n) .hover_tuyensinh{
    background:rgba(0, 0, 0, 0.54);
    color: #fff;
}
.hover_tuyensinh h3 {
    font-size: 14px;
    color: #3e3e3e;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    margin: 5px 0;
}
.wap_news:nth-child(2n) .hover_tuyensinh h3{color: #fff;}
.wap_news .xemthem_tin{
    display: inline-block;
    border: 1px solid #e1e1e1;
    color: #3e3e3e;
    font-size: 13px;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 10px;
}
.wap_news:nth-child(2n) .xemthem_tin{
    border: 1px solid #fff;
    color: #fff;
}
.wap_news:hover .hover_tuyensinh h3{color: #d01414;}
.wap_news:nth-child(2n):hover .hover_tuyensinh h3{color: #ff0;}
.wap_news:hover .xemthem_tin{    border: 1px solid #d01414;color: #d01414;}
.wap_news:nth-child(2n):hover .xemthem_tin{    border: 1px solid #ff0;color: #ff0;}
/*tuyensinh*/
/*item_product*/
.khung_pr{
    width: 100%;
    float: left;    
}
span.review {
    font-size: 14px;
    color: #4c4849;
    font-family: 'Arial';
}
.box_item1{margin-bottom: 45px;width: 25%;height: 100%;position:relative;float:  left;}
.xemthem_pro{
    display: inline-block;
    padding: 4px 22px 4px 10px;
    border: 1px solid #0787f4;
    background: url(images/icon.png) no-repeat right 8px center;
    border-radius: 5px;
    margin-top: 5px;
}
.xemthem_pro a{
    color: #0787f4;
    font-size: 13px;
    font-family: 'RobotoRegular';
}
.giaiphap{
    margin-bottom: 30px;
}
.item1:hover{
    -webkit-box-shadow: 0px 1px 5px 0px;
    -moz-box-shadow: 0px 1px 5px 0px;
    box-shadow: 0px 1px 5px 0px;
}
.xemthem_pro:hover a{color: #f00}
.item1{

    margin-bottom: 20px;

    border: 1px solid #f6f6f6;

    width: 100%;

    float: left;

    position: relative;

    box-sizing: border-box;
}
.item1:nth-child(2n){
    float:right;
    margin-right:0;
}


.item1 .product_img:hover .pro_hover{transform: scale(1);}
.item1 .giaban{
    font-size: 14px;
    color: #f00600;
    padding: 0px 0px 5px 0px;
    float: left;
    font-family: 'OpenSansRegular';
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.item1 .giaban span{}
.item1 .chitiet_sp{
    display: inline-block; text-align: center; width: 100%;
}
.item1 .chitiet_sp img{display: inline-block; text-align: center; width: 85px; height: 25px;}
.item1 .giacu{float: right;    padding: 0px 0px 0px 0px;}
.tensp1{

    display: inline-block;
    
    width: 100%;
    
    text-align: center;
    
    float: left;
}
.item1 .giacu span{color: #363636; font-size: 12px; text-decoration: line-through;font-family: 'Tahoma';}
.item1 .product_img {overflow:  hidden;text-align: center;padding: 5px;float:  left;width: 100%;position:  relative;}
.item1  a img{position:  relative;max-width: 100%;}
.bg_da{
    border-bottom: 5px solid #003ca5;
    border-right: 5px solid #003ca5;
    border-left: 5px solid #003ca5;
    width: 100%;
    position: absolute;
    bottom: 2px;
    height: 100px;
}
.product_img:hover .ten_dv{
    opacity:1;
}
.ten_hv:hover{
    display:block;
    opacity:1;
    transition:1s
}
.item1 p{color: #f10000;font-size: 14px;font-family: OpenSansBold;display:  inline;} 
.item1a h3,.sp2 h3{text-align: center;float: left;padding: 20px 0;transition: 0.5s;color: #fff;font-size: 33px;position:  relative;width: 100%;font-weight: normal;font-family: robotobold;text-transform: uppercase;}
.ten_hv {
   position:absolute;
   top:0;
   left:0;
   text-align:center;
   width:100%;
   height: auto;
   background:rgba(24, 182, 237, 0.72);
   line-height: 225px;
   opacity:0;
}
.ten_dv{
    width:100%;
    float:left;
    padding: 5px 5px;
}
.item1 h3,.sp2 h3{float:  left;height: 37px;width: 100%;margin:  0 auto;padding-top: 5px;text-transform:  uppercase;text-align: center;transition: 0.5s;color: #333333;font-size: 15px;position:  relative;font-family: OpenSansBold;se; */}
.item1 h4,.sp2 h4{
    transition: 0.5s;
    color: #333333;
    font-size: 19px;
    width: 100%;
    font-family: 'RobotoRegular';
}
.infoz{ 
    width: 100%;
    position: absolute;
    padding: 15px 0;
    background: #999999;
    bottom: 10px;
}
.tensp{
    padding-top: 130px;
    position:  relative;
    border-radius: 0 0 15px 15px;
    width: 272px;
    height: 232px;
    /* float: left; */
    text-align: center;
    background: #fff;
}
.item2 .gia_detail,.item2 .gia_detail p,.item2 .gia_detail p span{
    font-size:13px;
}
.gia_detail{
    width: 100%;
    text-align: center;
    line-height: 27px;
    border-radius: 10px;
    color: #666666;
    float: left;
    font-family: OpenSansRegular;
    font-size: 14px;
}
.giacu_detail{
    width: 50%;
    float: right;
    text-align: left;
    line-height: 10px;
}
.giacu_detail span{
    text-decoration: line-through;
}
.gia_detail b{
    font-weight:  normal;
    color: #0e0e0e;
    font-family: RobotoRegular;
    font-size: 14px;
}
.masp{
    color:#000;
    font-family: RobotoCondensedBold;
    font-size: 16px;
    text-align: center;
}
.gia_detail span{color: #8e8e8e;text-align: center;font-family: OpenSansRegular;text-decoration:  line-through;}

/* .item1:hover h3{color: #ff0;border:1px solid #ff0} */
.item1 .bong_sp{
    background: url(images/bong_sp.png) no-repeat bottom center;
    height: 28px;
    width: 100%;
    position: absolute;
    bottom: -28px;
    left: 0;
}
/*item_product*/
.hotromid{
    margin: 60px 0 40px 0;
}
.item4{
    margin-right: 20px;
    background: #f8f8f8;
    border: 1px solid #ccc;
}
.wap_flex{
    display: flex;
    flex-wrap: wrap;
    order: 1;
}
.ccs{
    padding-bottom: 4px;
    background: #f8f8f8;
    margin: 0px 14px 0px 14px;
    border: 1px solid #ccc;
    width: 31%;
    float: left;
}
.item4 .product_img img{
    width:100%
}
.item4 .product_img{
    padding: 10px;
    float: left;
    width: 100%;
}
.item4 .tenht{
    margin: 32px 0 32px 0;
}
.item4 h3{
    color:#1d1d1d;
    font-family: RobotoBold;
    font-size: 16px;
    text-transform: uppercase; 
}
.item4 p{
    color:#3e3e3e;
    font-family: RobotoRegular;
    font-size: 13px;
}
.wap_itemgt{padding: 0px 10px;flex: 1 49%;max-width: 49%;}
.wap_item2{background: #f8f8f8;margin: 0px 14px 0px 14px;flex: 1 30%;max-width: 30%;border: 1px solid #ccc;padding-bottom: 5px;}
.wap_item1{padding: 18px 14px;flex: 1 25%;max-width: 25%;}
.wap_itemz{padding-bottom: 15px;flex: 0 33%;max-width: 33%;padding: 0 10px 0 16px;}
.show .fa{
    margin-right: 10px;
}
.ites{
    overflow: hidden;
    height: 240px;
    position: relative;
    box-sizing: border-box;
    background: url(images/bg_sp.png) no-repeat center;
    border: 1px transparent;
    margin-bottom: 20px;
    border-radius: 15px;

}
.ites .imgsp {

    position: relative;
    overflow: hidden;
}
.ites a img {
    display: block;
}
.hosp{
    margin: 40px 0;
    width: 280px;
    height: 54px;
    background: #ffffff;
    border: 3px solid #cccccc;
}
.hosp h3{
    color:#3f3f3f;
    font-family: UTMTimesBold;
    font-size: 22px;
    text-align: center;
    padding-top: 12px;
    text-transform: uppercase;
}
.hosp h3:hover{
    color:#ff0000;
}
.khung_bootstrap{
    margin: 0px -15px;
}
.tentt{
    width: 100%;
    padding: 10px;
    float: left;
}
.xemthem_cc{
    background: #0066cc;
    border-radius: 5px;
    padding: 12px 0;
    width: 180px;
    height: 42px;
    text-align: center;
    margin: 0 auto;
    margin-top: 65px
}
.xemthem_cc a{
    color:#fff;
    font-family: RobotoBold;
    font-size: 14px;
    text-transform: uppercase;
}
/*  */
.item3 .product_img img{
    border-radius: 100%;
    width:100%;
}
.item3:nth-child(3n+1){
    clear:left;
}
.item3:nth-child(3n){
    float:right;
    margin-right:0;

}
.item3 h3{
    z-index: 99;
    color: #ffffff;
    font-size: 16px;
    font-family:robotobold;
    text-transform:uppercase;
}
.item3 h3:hover{
    color: #ff0;
}
.tendv{
    padding: 50px 15px 20px;
    background:#f3f3f3;
    border-radius: 8px;
}
.xemthemdv{
    text-align:center;
    display:inline-block;
}
.xemthemdv a:hover{
    color:#f00
}
.xemthemdv a{
    padding-right:15px;
    background:url('images/i_xt.png') no-repeat right center; 
    color:#0058bc;
    font-family:RobotoRegular;
    font-style:italic;
    font-size:14px;
}
.item3 p{
    color:#444444;
    font-size:14px;
    font-family:RobotoRegular;
    margin-bottom:10px;
    height:65px;
}
.item3{transition: all 1s;position: relative;margin: 0 18px;}
.item3 .product_img {background: #fff;border-radius: 100%;display:  inline-block;position: relative;overflow: hidden;transition: all 1s;}
.item3 .product_img img:hover{

    transform: scale3d(1.1, 1.1, 1);
    transition: all 1s;   
}
.tenct{
    position: absolute;
    bottom: 70px;
    left: 20px;
}
.khampha{
    border-left: 5px solid #000;
    position: absolute;
    bottom: 10px;
    left: 20px;
    padding-left: 10px;
}
.khampha:hover{
    border-left: 5px solid #fff;
}
.khampha h3{
    padding: 8px 0;
    color: #323232;
    font-family: UTMTimes;
    font-size: 18px;
    text-transform: uppercase;
    background: #fff;
    height: 35px;
    width: 125px;
    border-radius: 5px;
}
.khampha h3:hover{
    color:#fff;
    background: #000
}
.tenct a h3:hover{
    color:#ff0000
}
.tenct a h3{
    color:#fff;
    font-family: UTMTimes;
    font-size: 23px;
    text-transform: uppercase;
}
/*  */
.item2{padding: 5px 0;width: 100%;overflow: hidden;text-align: center;box-sizing: border-box;transition: 0.5s;display: inline-block;}
.item2 .ten_dv{
    padding: 0;
}
.xthem{
    text-align: left;
    padding: 10px;
}
.xthem a{
    color:#3f3f3f;
    font-family: RobotoRegular;
    font-size: 13px;
    text-transform: uppercase;
}
.xthem a:hover{
    color:#ff0000
}
.item2 .product_img {
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
    border: 1px solid #f5f5f5;
    width: 97%;
    position: relative;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(250,250,250,1);
    -moz-box-shadow: 5px 5px 0px 0px rgba(250,250,250,;box-shadow: 5px 5px 0px 0px rgba(250,250,250,1)5)
}
.item2 .bs{
    width: 100%;
    float: left;
    height: 4px;
    background: url('images/after_sp.png') no-repeat bottom center;
}
.item2 p{
    color: #f10000;
    font-size: 14px;
    font-family: OpenSansBold;
    display: inline;
}
.linklks{
    margin-right: 10px;
    padding: 6px 0;
    background: #0066cc;
    width: 85px;
    height: 33px;
    float: left;
    color: #fff;
    text-align: center;
}
.addthis_native_toolbox{
    float: left;
    padding-top: 7px;
}
.linklks a{
    color:#fff;
    font-family: 'RobotoBlack';
    font-size: 15px;
}
.item2 .product_img img{text-align: center;er; *//* display: block; */transition: all 0.5s;width: 100%;}
.item2:hover .product_img img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.5s;
}
.item2 h3,.sp2 h3{float: left;height: 28px;width: 100%;margin: 0 auto;text-transform: uppercase;text-align: center;transition: 0.5s;color: #333333;font-size: 13px;position: relative;font-family: OpenSansBold;}

.bongsp{
    margin-top:-6px
}
.item2:hover h3{color: #000;}
.item2 .info{
    color: #585353;
    font-size: 13px;
    font-family: 'RobotoRegular';
    padding: 5px 0px;
    box-sizing: border-box;
}
/*item_product*/

/*chi nhanh*/

.quangcao_trong{width: 100%;text-align: center;}
.quangcao_trong img{width: 100%;}

#tieuchuan{
    display: flex;
    flex-wrap: wrap;
    order: 1;
}
.box_tieuchuan {
    background: url('images/bg_dt.png') no-repeat ;
    flex: 1 25%;
    max-width: 100%;
    padding: 30px 32px;
}

.box_doitac p{
    font-size: 14px;
    color:#fff;
    font-family: OpenSansRegular;
}
.box_doitac img{
    text-align: center;
    display: inline-block;

    transition: all 0.5s;

    transform: rotate(0deg)!important;
}
.box_doitac:hover img {
    transition: 1s;
    transform: rotate(360deg) !important;

}
.box_tieuchuan h3{
    color: #ffffff;
    font-size: 18px;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    margin: 0;
    margin-top: 9px;
}
.imghs{
    padding-top: 30px;
    margin-right: -37px;
    float: right;
    overflow: hidden;
}
.box_tieuchuan p{
    font-family: 'RobotoMedium';
    color: #ffffff;
    font-size: 13px;
}
.box_tieuchuan:hover img{
    transition: all 0.5s;
    transform: scale(1.2);
}
.box_tieuchuan:hover h3{color: #ff0;}
/*chi nhanh*/
/*Thời gian*/
#thoigian{
    display: flex;
    flex-wrap: wrap;
    order: 1;
}
.thuvienhinhanh{

}
.box_tg{
    flex: 1 33.33%;
    max-width: 33.33%;
    padding:30px 20px 10px 20px;
    box-sizing: border-box;
    background: #005aab;
}
.box_tg:nth-child(2){
    background: #bedde7;
}
.nhakhoa{text-align: center;}
.box_nhakhoa{position: relative;}
.box_nhakhoa:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    outline: 1px solid #fff;
    outline-offset: -3px;
    bottom: -20px;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.nhakhoa h4{
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'OpenSansBold';
    margin: 0;
    background: #005aab;
    padding: 3px 8px;
    display: inline-block;
    position: relative;
    z-index: 9;
}
.nhakhoa_info{
    color: #ffffff;
    font-size: 12px;
    font-family: 'RobotoRegular';
    white-space: pre-line;
    text-align: justify;
    padding: 0 15px 10px 15px;
    box-sizing: border-box;
}
/*giolamf*/
.title_giolam{color: #004d93;font-size: 30px; text-align: center;  font-family: 'OpenSansBold'; text-transform: uppercase;}
.title_giolam p{
    display: inline-block;
    background: url(images/gio.png) no-repeat left center;
    padding-left: 50px;
}
.giolam p{text-align: center;}
.giolam ul li{
    border-top: 1px solid #a1c4d0;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #393939;
    font-size: 14px;
    font-family: 'OpenSansRegular';
}
.giolam ul li label{
    width: 100px;
}
.giolam ul li b{
    font-family: 'OpenSansBold';
}
.giolam ul li:last-child{
    border-bottom: 1px solid #a1c4d0;
}
/*Thời gian*/
/*dat lịch*/
.datlich{
    padding: 20px 15px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.title_datlich{
    text-align: center;
}
.title_datlich p{
    display: inline-block;
    background: url(images/lich.png) no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 30px;
    font-family: 'OpenSansBold';
    text-transform: uppercase;
}
.datlich p{
    float: left;
    margin: 0;
    margin-bottom: 9px;
    width: 100%;
}
.datlich label{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    width: 85px;
    margin: 0;
    float: left;
    font-family: 'RobotoRegular';
    text-align: right;
    padding-right: 14px;
}

.dl_tuoi span{
    float: left;
}
.datlich input , .datlich textarea{
    width: calc(100% - 85px);
    float: left;
    outline: none;
    border: none;
    height: 27px;
    border-radius: 5px;
    font-size: 12px;
    text-indent: 10px;
    color: #000;
}
.datlich textarea{
    height: 65px;
}
.datlich button{
    padding: 5px 25px;
    text-transform: uppercase;
    background: #ffd800;
    color: #393939;
    font-size: 14px;
    font-family: 'RobotoBold';
    border-radius: 5px;
    border: none;
    float: right;
    box-shadow: 4px 4px #7f8892;
}
.datlich button:hover {
    background: rgba(255, 255, 255, 0.2);
}
.datlich .gt{
    float: left;
    margin: 0;
    margin-bottom: 9px;
    width: 100%;
}
.datlich .gt .radio{
    background: none;
    float: left;
    width: 15px;
    height: 15px;
    margin: 5px 5px 0 0;
}
.datlich .gt span{
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-family: 'RobotoRegular';
    padding-right: 5px;
}
.dl_tuoi{
    float: right;
    width: 115px;
}
.dl_tuoi{
    color: #ffffff;
    font-size: 14px;
    font-family: 'RobotoRegular';
}
.dl_tuoi input{
    width: calc(100% - 33px);
    float: right;
}
.dat_lh{
    font-family: 'UTMAvo';
    font-style: italic;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
/*dat lich*/
.khung_2{  padding: 0px 0px 0px 20px; margin-top: 20px;}
.khung_22{border: 1px solid #ccc; width: 100%; float: left; min-height: 390px;}
.khung_22 h4{ background: #f5f5f5; text-transform: uppercase; color: #333;height: 45px; line-height: 45px; font-size: 14px; padding: 0px 0px 0px 20px}
.khung_22 .item h3{ font-size: 12px; font-weight: 100; font-family: 'Arial'; text-transform: lowercase;}
.khung_22 .item { margin: 10px 0px 0px 0px;}
.khung_22 .item:nth-child(2n+1){ clear: left;}
.dangky_tin p{    font-size: 14px; color: #747474;} 

.xemthem{ float: right; margin:10px 10px 0px 0px; font-size: 18px; color: #595959}
.xemthem:hover{ color: #035381}
.giohang{
    float: right;
    text-align: center;
    background: #f47e1e;
    padding: 6px 0;
    width: 100%;
    margin-top: 5px;
}
.chitiet{
    float: left;
    text-align: center;
    line-height: 22px;
    background: #565f41;
    padding: 4px 0;
    width: 45%;
}
.chitiet a, .giohang a{
    font-size: 16px;
    color: #f9f9f9;
    font-weight: bold;
}
.chitiet:hover a, .giohang:hover a{
    color:#f8e900;
}
.dathang{
    width:80px;
    float:left;
    height:25px;
    border-radius:5px;
    background:#39a01f;
    text-align:center;
    margin-left:40px;
    line-height:25px;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
}
.cls{
    width:100%;
    float:left;
    border-bottom:1px dashed #CCCCCC;
}
.gach{
    width:100%;
    float:left;
    border-bottom:1px dotted #ccc;
    margin:5px 0px 5px 0px;
}
.noidung ul li{
    list-style-type:none !important;
}
#footer{
    background: #FF7D00 url(images/bg_ft.png) no-repeat;
    width:100%;
}
.dangky_tin{ 
    width: 100%;
    color: #fff;
    text-align: left;
}
.dangky_tin ul{margin-bottom: 0;}
.dangky_tin li{
    padding: 3px 0;
}
.dangky_tin li a{}
.dangky_tin li a:hover{
    color:#ff0000
}
.con_fan{width: 100%;margin-bottom: 10px;}
.dangky_tin h4{font-size: 18px;color: #ffffff;text-transform: uppercase;margin: 0;position: relative;display: inline-block;font-family: 'RobotoCondensedRegular';}

.mid{
    left: 34%;
    position: absolute;
    text-align: center;
    float: left;
    display: inline-block;
    top: 30px;
}
.mid li{
    color:#2b2b2b;
    font-size: 13px;
    font-family: RobotoRegular;
    padding: 0 30px;
    background: url('images/linet.png') no-repeat right;
    float: left;
}
.mid li img{
    padding-right: 5px;
    margin-top: -2px;
}
.mid li:last-child{
    background: none;
}
.container_dv ul {
    margin-top: 8px;
    float: right;
}
.container_dv ul li span{
    color: #facc00;
    font-weight: bolder;
}
.container_dv ul li img{
    margin-top: -3px;

}
.container_dv ul li:hover a{
    color: #ff0;
}
.container_dv ul li a{
    color: #ffffff;
    font-size: 14px;
    font-family: 'RobotoRegular';

}
.box_nhantin{
    display: inline-block;
    width: 88%;
}

.dangkymail{display:  inline-block;text-align: center;position: relative;}
.nth h4{
    text-transform: uppercase;
    float: left;
    font-family: RobotoBold;
    font-size: 21px;
    color: #2a2a2a;
    padding: 18px 0;
}
.nhantin{
    float: left;
    width: 100%;
    margin: 50px 0 30px 0;
}

.dangkymail button{
    margin: 0px 10px;
    color: #fff;
    text-align: center;
    outline: none;
    cursor: pointer;
    width: 143px;
    height: 43px;
    border-radius: 20px;
    background: #ec3237;
    border: none;
    font-size: 16px;
    text-transform:  uppercase;
    font-family: robotobold;
    float: left;
}
.dangkymail p{ width: 100%; float: left; color: #fff; padding:10px 20px 0px 20px; }
#copy{ width: 100%; float: left; background:url(images/copy.png) repeat-x; height: 49px; text-align: center; padding: 5px 0px 5px 0px;}

#bottom{position: relative;} 

.bottom12{
    background: #020a30;
    padding: 15px 0;    
}
.content_bando{
    margin: 0 auto;
}

.khung_footer{ margin-top: 30px; padding: 0px 30px 0px 0px;}
.khung_footer h4{ text-transform: uppercase; color: #1a6def; border-bottom: 2px solid #eee; padding:5px 0px 5px 0px;}
.khung_footer ul li a{ width: 100%; float: left; padding: 5px 0px 5px 5px; color: #747474; border-bottom: 1px solid #eee; transition: 0.5s;} 
.khung_footer ul li a:hover{ color: #025A7E; background: #EAEAEA}

.khung_facebook{ margin-top: 0px; padding: 0px 0px 0px 30px; width: 280px; float: left;color: #d9b19b}
.khung_facebook h4{ text-transform: uppercase;  padding:0px 0px 0px 0px; font-size: 16px;}
.khung_facebook ul li a{ width: 100%; float: left; padding: 5px 0px 5px 0px; color: #747474; border-bottom: 1px solid #eee} 


.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;}
.menu_bt a{
    text-decoration:none;
    color:rgba(255,255,255,1);
    font-size:14px;
    padding:0px 25px 0px 25px;
    text-transform:uppercase;
}
.menu_bt a:hover{
    color:rgba(255,255,0,1);
}
.logoft{
    float: left;
    margin-right: 15px;
}
.facebook{width: 390px; float: right;}
.video_clip{ width: 310px; float: right; margin-right: 10px;}
.logo_bt{ float: left; margin:0px 0px 0px 0px;}
.khung_bt{
    width:100%;
    float:left;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}
.thongtin_bt{position: relative;float: left;}
.thongtin_bt img:hover{
    transition: 0.5s;
    transform: rotate(360deg);
}
.thongtin_bt img{max-width: 205px;}

.thongtin_bt ul{
    margin-top: 10px;
}
.htro{
    margin-top: 10px;
}

.thongtinft li p{

    text-align: left;
    
    float: left;
    
    margin-top: 11px;
}

.tren{
    margin-bottom: 35px;
}
.bottom li img{
    float:  left;
    margin-right:10px;
}
.thongtinft{
    margin: 35px 0;
    width:100%;
    float:left;
}


.bottom li{
}
.dichv li{
    margin-left: 19px;
    list-style:disc;
    color: #e5f1ff;
    padding: 5px 0;
    font-family: RobotoRegular;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
}
.bottom li a{
   color: #303030;
   font-family: RobotoRegular;
   font-weight: normal;
   font-size: 14px;
}
.htro1 li a:hover{
    color:#ff0000
}
.dichv{
    float:left;
    margin:0 30px;
}
.gioithieuft{width: 52%;font-weight: normal !important;float:  left;margin-right: 50px;}
.container_dv{
    width: 100%;
    float: right !important;
}
.gioithieuft h2{
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: UTMHelvetIns;
    color: #fff;
    font-size: 35px;
}
.thongtin_bt li{line-height: 32px;width: 100%;padding: 3px 0px;font-size: 13px;color: #fff;}
#inf{width:  100%;padding: 41px 0;float:  left;}
.tagt{
    float: left;
    width: 53%;
}
.tagt h3{
    float: left;
    font-family: RobotoBold;
    font-size: 18px;
    color:#2a2a2a;
    border-bottom: 1px solid #000
}
.tent a p{
    background: url(images/line_r.png) no-repeat right 0px center;
    float: left;
    padding: 0px 10px;
    color:#2a2a2a;
    font-family: RobotoLight;
    font-size: 14px;
}
.nth{
    width: 44%;
    float: right;
}
.coppyr p{

    text-align: center;

    padding-top: 13px;
}
.coppyr p span{
    color:#ffc527;
}
.coppyr ul{
    float: right;
}
.coppyr ul li {
    padding-top: 25px;
    padding-right: 10px;
    float: left;
}
.coppyr{color: #ffffff;font-family: RobotoRegular;font-size: 13px;height: 45px;width: 100%;background: #00000052;}
.dangky_tin1 h5{
    color:#fff;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}
.vechungtoi{
    width: 120px;
    float: left;
}
.thongtin_bt li img{margin-right: 10px;}
.bottom h4{margin-bottom: 15px;text-align: left;width: 100%;font-size: 18px;color: #303030;font-family: robotobold;text-transform: uppercase !important;position: relative;font-weight: normal;display: inline-block;}
.dangky_tins{
    border: 3px solid #fff;
}
.box_hethong ul li{
    margin-bottom: 10px;
}


.fanpage_fabook{margin-bottom: 20px;}
.sp_tieubieu ul li{
    padding: 5px 0;
    color: #ffffff;
    font-size: 12px;
    position: relative;
    padding-left: 25px;
}
.sp_tieubieu ul li img{
    vertical-align: middle;
    padding: 0 5px;
    position: absolute;
    top: 7px;
    left: -5px;
}
.sp_tieubieu ul li a{
    color: #fbfbfb;
    font-size: 12px;
    text-transform: uppercase;
}
.sp_tieubieu ul li a:hover{color: #fff200;}
.sp_tieubieu{
    background: url(images/thongke.png) no-repeat top left;
    width: 235px;
    height: 185px;
    padding: 23px;
}
/*gioithieu*/
#content_bv{
    background: #f8f8f8;
    display: flex;
    flex-wrap: wrap;
    order: 1;
}
.baiviet_gt{
    flex: 1 50%;
    max-width: 50%;
    padding: 15px;
    box-sizing: border-box;
    color: #424242;
    font-size: 13px;
    font-family: 'RobotoRegular';
}
.baiviet_gt .baiviet_gt_img{
    float: left;
    width: 75px;
    height: 75px;
    border-radius: 5px;
    background: #005aab;
    margin-right: 15px;
    display: table;
    text-align: center;
}
.baiviet_gt:hover .baiviet_gt_img{
    background: #009ddc
}
.baiviet_gt .baiviet_gt_img span{
    display: table-cell;
    vertical-align: middle;
}
.baiviet_gt .baiviet_gt_img img{
    display: inline-block;
}
.baiviet_gt h5{
    margin: 0;
    transition: 0.5s;
    color: #616161;
    font-size: 18px;
    width: 100%;
    text-align: left;
    font-family: 'RobotoCondensedBold';
    text-transform: uppercase;
    margin-bottom: 5px;
}
.baiviet_gt_info{
    width: calc(100% - 90px);
    float: left;
}
#content_trungtam{
    padding: 25px 0;
}
#content_trungtam .box_trungtam{
    width: 49%;
    float: left;
}
#content_trungtam .box_trungtam:nth-child(2n){
    float: right;
}
.box_trungtam .title_ttam{
    margin: 10px 0 15px 0;
    position: relative;
    background: url(images/title_tin.png) repeat-x left bottom;
}
.box_trungtam .title_ttam h4{
    color: #0058a7;
    font-size: 26px;
    display: inline-block;
    font-weight: 100;
    margin: 0;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}
.box_trungtam .title_ttam h4 b{
    font-weight: bold;
}
.box_taisao .title_ts{
    text-transform: uppercase;
    font-size: 14px;
    color: #545454;
    line-height: 25px;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 2px;
    cursor: pointer;
}
.box_taisao .info_ts{
    color: #222;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
}
/*gioithieu*/
.thanhtoan_bt{ float: left; margin-left: 50px; font-size: 12px;}
.thanhtoan_bt h4{ margin: 10px 0px 10px 0px; text-transform: uppercase;}
.bocongthuong{ float: right}
.bocongthuong h4{ margin: 10px 0px 10px 0px; font-size: 12px; color: #ccc;}


.mang_xh{ width: 100%; float: left; text-align: center;}
.mang_xh a{  margin:20px 10px 0px 0px;}
.mang_xh a:hover{ opacity: 0.7;}
.mang_xh img{ width: 30px; height: 30px; border-radius: 30px;}



.dong_p{
    width:190px;
    float:left;
    margin-top:10px;    
}
.map{ float: right; margin: 20px 0px 0px 0px;}
.map h4{ color: #fff; text-align: right; text-transform:uppercase; font-style: italic;}
.map img:hover{ box-shadow: 0px 0px 10px #ccc;}

#doitac{
    padding-bottom:  30px ;
}
.box_doitac img{max-width: 100%;}
.doitac{
    width: 100%;
}


/*-----------------------------------*/
.hotrotructuyen{
    float: right;
    color: #afccbf;
    font-size: 13px;
    margin-right: 20px;
    height: 35px;
    padding-top: 7px;
}
.hotrotructuyen img{vertical-align: middle;}
.lienket{margin-top: 5px;line-height: 44px;float:  right;}
.lienket p{float: left;color: #7e7e7e; line-height: 35px;margin: 0; margin-right: 15px; }
.lienket li,.lienket1 li{float: left;width:  initial;list-style: none;padding: 0;}
.lienket label{ float: left; font-weight: bold;  color: #fff; margin:5px 10px 0px 0px;  }
.lienket a{vertical-align: middle; display: table-cell;}
.lienket_ft h4{ 
    color: #42a4ff;
    font-size: 30px;
    width: 100%;
    margin: 0;
    font-family: 'UTMEremitage';
    position: relative;
    margin-bottom: 10px;
}
.lienket_ft h4:after{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    border-bottom: 1px solid #ffffff;
    height: 1px;
    width: 100%;
}
.lienket img{
    margin-left: 7px;
}
.lienket a:hover{ opacity:0.7;}


/*footer*/
.logoct{margin-top: 15px; margin-bottom: 10px;}

.lienket1{margin-top: 18px;line-height: 40px;width: 100%;float: right;}
.lienket1 span{
    float: left;
    margin-top: 14px;
    margin-right: 10px;
}
.lienket1 label{ float: left; font-weight: bold;  color: #fff; margin:5px 10px 0px 0px;  }
.lienket1 a,.lienket a{float: left;margin: 0px 5px 0px 4px;}

.lienket1 h5{font-size: 12px;color:#fff;    margin-bottom: 0;}
.lienket1 img{
    margin: 0 !important;
}
.lienket1 a:hover{ opacity:0.7;}
/*-----------------------------------*/

.copy{
    padding: 15px 0px 10px 0;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-family: arial;
    color: #fff;
}
.copy p{
    text-align: left;
}
.copy ul{
    float: left;
    margin: 0;
}
.copy ul li{float: left; padding: 0 10px;    border-right: 1px solid #77bcff; color: #77bcff;}
.copy ul li:last-child{
    border-right: none;
}
.copy a{ color: #fff; }
.copy span{ color: #fff000 ; text-transform: uppercase; }
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: yellow;
}
.email{ 
    height: 30px;
    width: 275px;
    font-family: 'UTMAvo';
    font-size: 16px;
    position: absolute;
    bottom: 0px;
    right: -40px;
    padding-left: 35px;
    background: url(images/emailt.png) no-repeat;
}
.email span{
    color:#4c4c4c;
    font-family: 'UTMAvo';
    font-size: 18px;
}
.hotline_top{padding-left: 45px;height: 51px;position: absolute;top: 0px;right: 0;background: url(images/hotline.png) no-repeat left;}
.hotline_top p{width: 100%;text-transform: uppercase;font-size: 12px;text-align: center;line-height: 20px;color: #787878;font-family: SFUFuturaBook;white-space: pre-line;}

.hotline_top span{color: #191919;font-size: 15px;font-family: SFUFuturaHeavy;}
.hlt{
    padding-left: 20px;
    padding-top: 25px;
}


.hotro_top{
    width: 100%;
    float: left;
    background: url(images/top_b.jpg) repeat-x;
    height:38px;
    line-height:38px;
}
.hotro_top h2{float:left;color:#fff; font-size: 19px; font-weight: 100;}
.tienich{
    width:214px;
    float:left;
    background:url(images/tienich.png) no-repeat 15px 15px;
    height:140px;
}
.soluong{
    padding:10px 0px 0px 10px;
    font-weight:bold;
}
.soluong span{
    width:110px;
    float:right;
    color:#F90
}

.title-thongtin {
    text-align: left;
    color: #fff;
    font-size: 20px;
    /* float: left; */
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
    background: #32c68a;
    padding: 5px 10px;
}
div#container_product #tabs{
    margin:0 !important;
    padding: 0 !important;
    display:  inline;
}
div#container_product{
    margin-top:10px;
    width:100%;
    float:left;
}
div#container_product #tabs {border: 1px solid #fff;margin-right:5px;margin-bottom: 10px;overflow: hidden;}
.content-2{
    margin: 10px 0;
}
div#container_product #tabs li {

    background: #de0101;

    padding: 7px 30px;

    margin-right: 1px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;
}
div#container_product #tabs li.active {
    background:#d59e00;
    color: #000;
}
.thongtinsp a{
    border:none !important;
    font-size:15px;
    background:none !important;
}
div#container_product #tabs li {float: left;padding: 0px 15px;}
div#container_product #tabs li a {font-weight: bold;padding: 0 10px;color: #fff;font-size:16px;text-decoration:none;}
.phantrang {
    text-align: center;
    margin-top: 20px;
}
.noidung_ta{
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.title-center {
    text-align: left;
    border-bottom: 1px solid #32c68a;
    padding: 10px;
}
.title-center h2, .title-center h4 {
    text-align: left;
    font-family: 'OpenSansRegular';
    color: #32c68a;
    font-size: 20px;
    float: left;
    margin-bottom: 5px;
    margin-top: 0;
}
.clear {
    clear: both;
}
.content{/* width: 910px; *//* float: right; */padding: 0px 10px;}

#map_canvas {
    height: 473px;
    width: 100%;
}
#map_canvas1 {    
    height: 300px;
    width: 100%;
    margin-bottom:10px;
}
#map_canvas_bt {height: 195px;width: 100%;color: #000;}
.bottom{width: 100%;padding: 40px 0;float:  left;}

.box_thongke{
    color:#fff;
    font-size: 14px;
    font-family: arial;
}
#map_canvas_bt1 {   
    height: 300px;
    width: 100%;
    color: #000;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 300px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}
.navigate .C {
    width: 970px;
}

.hotro_right {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    width: 100%;
    max-width: 290px;
}
.banner_qc img{
    width:100%;
}
.contant_gioithieu{
    height: 485px;
    text-align:  center;
    padding: 60px 0 46px;
    background: url('images/bg_g.png')no-repeat center;
    display: inline-block;
    width:  100%;
    margin:  0 auto;
}
.hotro_right #img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 290px;
    height: 160px;
    border-bottom: 1px solid #d00000;
}
.hotro_right #img > div.hotline {
    position: absolute;
    bottom: 0px;
    padding: 0px 10px;
    background-color: #ffde00;
    color: #d00000;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    border: 1px solid #6E7AFF;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.ban{
    float:left
}
#banner img{/* width: 100%; */}
.hotro_right .noidung_20 {
    display: none;
    background-color: #FFF;
    border-left: 1px solid #d00000;
    padding: 5px;
}
.hotro_right #img > div.hotline_r {
    position: absolute;
    bottom: 0px;
    padding: 0px 10px;
    background-color: #ffde00;
    color: #d00000;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    border: 1px solid #d00000;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.red{ color: #FB0000}
.dieukhoan{ width: 50%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #fff}

.thanh_bt{ width: 100%; float: left; margin: 0px 0px 20px 0px; text-align: center; background: url(images/thanh_bt.png) no-repeat top center; margin-top: -5px; }
.thanh_bt h4{ font-size: 16px;font-family: 'RobotoRegular'; color: #fff; text-transform: uppercase; font-weight: 100; padding: 0px 30px 0px 30px; height: 38px; line-height: 38px; border-radius: 0px 0px 5px 5px;display: inline-block; }

.content_new ul li{ width: 100%; float: left; border-bottom: 1px dotted #ccc; padding: 10px 0px 10px 0px; }
.content_new ul li a{ width: 100%; float: left; color: #fff; padding: 0px 0px 0px 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: 20px 0px;
    text-align: left;
}
.khung_phai{margin-top: 10px;width: 100%;float: right;padding: 0px;height: 475px;overflow: hidden;}
.khung_phai1{
    width: 100%;
    float: left;
    padding: 0px;
    height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
}
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{
    border: 1px solid #b6b6b6;
    width: 49%;
    float: left;}
    .form_lh fieldset{
        padding: 10px;
        margin: 0px 0px 0px 0px;
        width: 100%;
    }
    .form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; }
    .form_lh p{ padding: 5px 0px 5px 0px;}
    .form_lh p input{ padding: 5px; width: 300px; margin-left: 10px; color: #000;}
    .form_lh p label{ width: 102px; float: left;}
    .form_lh p textarea{color: #000; padding: 5px; width: 400px; margin-left: 5px; border: 1px solid #ccc;}
    .form_lh p button{ border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px;}
    .form_lh p button:hover{ background: #036593}
    .form_van input{ width: 100% ; padding: 5px;}
    .form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}

    #form_contact input{ padding: 5px;}
    .box_video img{ width: 100%}
    .box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}
    .box_video:hover{ opacity: 0.8;}

    .dieukhoan{ width: 49%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
    .dieukhoan h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #555}
    .cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}
    .xacnhan{width: 100%; float: right;margin: 5px 0px 5px 0px;}
    .xacnhan h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #555}
    .khungxn p{ padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc; margin:0px;}
    .khungxn p b{ width: 120px; float: left; font-weight: 100;}
    .khungxn p span{ color: #FC0202}
    .khungxn p label{ margin:0px; font-weight: 100;}
    .phuongthuc h4{ padding: 5px 10px 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;  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: 0px 20px 0px 20px;}
    .menu_hinhanh a:hover{ color: #FBC729}
    .menu_mobile,.menu_hinhanh_m{ display: none; font-size: 30px; color: #fff; float: right; margin:5px 50px 0px 0px; position: relative; cursor: pointer;}
    .menu_mobile:hover,.menu_hinhanh_m:hover{ color: #FAD400}
    .menu_trong{ position: absolute; z-index: 100; display: none; background: #fff;border: 1px solid #eee;}
    .about_mm{ padding: 10px; text-align: center; }
    .about_mm a{ background: #0070c0; display: inline-block; padding: 5px 50px 5px 50px; font-size: 20px; border-radius: 5px; color: #fff; }
    .about_mm a.banggia{ background: #df0000; }
    .about_mm a:hover{ opacity: 0.8; }
    .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 0px 5px 0px;
        font-size: 12px;
    }
    .download_box a {
        margin: auto;
        display: inline-block;
        padding: 3px 20px 3px 20px;
        background: #DE8801;
        color: #fff;
    }

    .box_video{margin:0px auto;box-sizing:border-box;}
    .box_video img{ max-width: 100%;}
    .box_video a h3{ text-align: left; margin:5px 0px 0px 0px; 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{ font-style: italic; color: #666; font-size: 12px; }


    /* -----------------------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: #E4BC24;
        display: inline-block;
        padding: 0px 5px;
        line-height: 25px;
        color: #fff;
        padding-right: 15px;
        margin-bottom: 5px;
        margin-right:5px;
        position: relative;
    }
    .tags:before{
        content: '';
        height: 0px;
        width: 0px;
        position: absolute;
        top: 0px;
        left: -10px;
        border-top: 13px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 10px solid #E4BC24;
    }
    .tags:after{
        content: '';
        height: 0px;
        width: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
        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 0px 0px; border-radius: 100%; }
    .tags:hover span{ background:#FDF759; }
    /*-----------------end tags-----------------------*/

    .comboboxs select,.comboboxs input{ width: 100%; padding:5px;margin: 10px 0px 0px 0px; }
    .comboboxs{}
    .entry-title{text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666}
    #btnSearch{ background: #1e90e8; float: right;  border:0px; padding: 7px 20px 5px 20px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 10px 0px 0px 0px; cursor: pointer;}
    #btnSearch:hover{ background: #0082B8 } 
    /*-----------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: 0px;
        left: -45px;
    }
    .fanpage:hover {
        right: 0px;
    }
    .paging .pagination{display:  inline-block;margin: 0 auto;}
    .paging{display: inline-block;text-align: center;width: 100%;margin: 0 auto;}
    .pagination{   
        list-style:none;
        display: block;  text-align: center;
        margin-top: 35px; clear:both;
        clear: both; margin-bottom:10px; color: #000;

    }

    .pagination a:active {color:#FFF; background-color:#f2f2f2;}
    .pagination a:hover{color: #FFF;cursor: pointer;} 
    .pagination ul{
        list-style: none;
        display: inline-block;
        text-align: center;
    }
    .pagination ul li{}

    .pagination{  
        list-style:none;
        display: block;  text-align: center;
        margin-top: 35px; clear:both;
        clear: both; margin-bottom:10px; color: #000;
    }

    .pagination a:hover{color: #FFF;cursor: pointer;} 
    .pagination ul{
        list-style: none;
        display: inline-block;
        text-align: center;
    }
    .pagination ul li{text-align:center;}


    /*tas*/

    #tabs {text-align: center;overflow: auto;width: 100%;list-style: none;margin: 0 auto;display: inline-block;padding: 0;margin-top: 10px;}

    #tabs li {margin-right: 8px;display: inline-block;}
    #tabs li:first-child{
        z-index:99999999999999999999999
    }
    #tabs .active_sp a{
        background:#ec3237
    }
    #tabs a {background: #3e4096;border-radius: 5px;font-family: RobotoRegular;font-size: 16px;color: #fff;float: left;height: 36px;padding: 0 20px;text-transform: capitalize;text-decoration: none;line-height: 36px;}

    #tabs a:hover {color: #fff;background: #ec3237;}

    #tabs a:focus {
        outline: 0;
    }
    #tabs #current {
        margin-right: -24px;
    }
    .tab_hidden{   background: #fff;}
    #tabs #current a {font-family: RobotoBold;border-radius: 25px;font-size: 24px;background: #fff;text-shadow: none;color: #262626;text-transform: uppercase;position: relative;}


    #contenttabs {width:  100%;/* margin-top: 10px; */float: left;}
    .tab_hidden h3{
        margin: 0;
        color: #6c6c6c;
        text-transform: uppercase;
        font-family: 'RobotoBold';
        font-size: 20px;
        margin-bottom: 10px;
        margin: 0;
        line-height: 48px;
    }
    .tab_hidden ul{
        display: flex;
        flex-wrap: wrap;
        order: 1;
        margin: 0;
        min-height: 48px;
        line-height: 48px;
        background: #fff;
        padding: 0 10px; 
    }
    .tab_hidden div ul:hover  {
        background: #f3f3f3;
    }
    .tab_hidden ul li{
        flex: 1 70%;
        max-width: 70%;
        padding-right: 10px;
    }
    .tab_hidden ul li:last-child{
        flex: 1 30%;
        max-width: 30%;
    }
    #footer1{display: none;}
    #footer1 .call{
        height: 50px;
        background:blue;
        width:50px;
        border-radius:50px;
        margin-bottom:20px;
    }
    #footer1 .call:hover {
        background:blue;
    }
    #footer1 img {
        width: 35px !important;
        vertical-align: middle;
        margin-left:5px;
        margin-top:10px;
    }
    #footer1 a {color:#fff;}
    .blink_me {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;

        -moz-animation-name: blinker;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;

        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    @-moz-keyframes blinker {  
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    @-webkit-keyframes blinker {  
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    @keyframes blinker {  
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    /*tabs*/
    .slick-slide{text-align: center;}
    @media (max-width: 1349px) {
        .hotline_top{
            right: 80px;
        }
        .container {
            width: 1200px !important;
        }
        .logo{
            width: 14%;
        }
        .banner{
            width: 59%;
        }
        .hotline{
            /* width: 25%; */
        }
        #right_t {
            width: 84% !important;
            float: right;
        }
    }

    @media (max-width: 1200px) {
        .email{
            display: none;
        }
        .banner{width: 57%;}
        .ccs{
            width: 30%;
        }
        #right_t {
            width: 80% !important;
            float: right;
        }
        .hotromid{
            margin: 40px 0 30px 0;
        }
        .banner img{
        }

        .contai_pa{padding: 0 !important;}
        #logo{padding-left: 10px;}
        .lienket_zalo{ top: 55px; right: 85px;}
        .khung_r{width: 48%; margin: 0 10px;}
        .margin_auto{ width:100%;}
        .container{width: 100% !important;} 
        .box_tim{width: 58%;}
        .box_tim ul li p{font-size: 13px;    word-break: break-all;}
        .ddsmoothmenu ul{
            width: calc(100% - 100px);
        }
        .socialr {
            float:  left;
            width: 100%;
        }
        .nhantintrai {
            width: 100%;
            padding: 0 10px;
            float: left;
        }

        .bottom{
            padding-bottom: 20px;

        }
        .hosp{
            margin:initial;
            margin-top: 10px;
            width: 210px;
        }
        .hosp h3{
            font-size: 15px;
        }
        .nth {
         margin: 10px 0;
         width: 90%;
         float: left;
     }
     .nth h4{

        width: 39%;
        display: inline-block;
        text-align: center;
    }
    .video-clip1,.video-clip3{
        padding: 0 10px;
        width: 47%;
    }
    .video-clip2{
        width: 100%;
        padding: 0 10px;
    }
    .content_video iframe {
        height: 300px;
        width: 100%;
        display: block;
    }
    .hotrott {
    }
    .hotros {
        margin-right: 10px;
        width: 140px;
        float: left;
    }
    .tenht a h3 {
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
        padding-top: 7px;
        color: #2b2b2b;
        font-family: RobotoRegular;
        font-size: 11px;
    }
}
@media(max-width: 1024px){
    .wap_itemz{
        flex: 1 45%;
        max-width: 48%;
        padding: 0 50px;
    }
    .ccs{
        width: 96%;
        margin-bottom: 20px;
    }
    .hotromid {
        margin: 30px 0 10px 0;
    }
    #left{
        display: none;
    }
    .khungleft, .menu{
        width: 100% !important
    }
    .hotline{
        display: none;
    }
    .tagt{
        width: 100%;
    }
    #timkiem{
    }
    .logo{width: initial;}
    .banner {
        width: initial;
    }
    .right_top {
        margin-right: 20px;
        float: right;
    }
    .hinht{text-align: center;
        width: 100%;    padding: 5px;height: 100%}
        .hinht img{
            width: 100%;
        }
        #map_canvas_bt{
            width: 100%;
        }

        .hihi{
            padding-top:35px;
            width: 100%;
        }
        .box_tieuchuan{
            flex: 1 50%;
            max-width: 50%;
            padding: 30px 32px;
        }
        .container{padding: 0 !important;}
        .khung_bootstrap{margin: 0;}
        .row{    margin: 0 !important;}
        .box_center{width: 100%;    margin: 0;}
        .content_taisao{height: initial;}
        .taisao{padding: 30px 10px;}
        .mogioi{    width: 50%;}
        .box_mogioi{word-wrap: break-word;}
        .content_taisao{height: initial;}
        .khung_r {
            width: 70%;
        }
        #right{display: none;}
        .item{
            display: inline-block;
        }
        .giohang_top{ width: 100%;}
        .giohang_top p{display: none;}
        .box_baiviet_top h3{font-size: 13px;}
        .dangky_tuvan{padding: 15px;}
        .hotline_top {
            right: 14px;
        }
        .mid{
            left: 39%;
        }
        .mid li {    padding: 0 10px;}
        .dmc1{
            display: none;
        }
        .slider {
            width: 100%;
        }
        #left{
            display: none;
        }
        .main_right{
            width: 100% !important;
        }
    }
    @media (max-width: 992px) {
        .banner{
        }
        .leftdv{
            margin:10px 0;
            width: 100%;

        }
        .dangkymail #email,.dangkymail #dienthoai,.dangkymail #noidung{
            width: 100%;
            margin:5px 0;
        
        }
        .dknt p {
            padding-bottom: 20px;
            color: #fff;
            text-align: center;
            font-family: RobotoRegular;
            font-size: 12px !important;
        }
        .dknt h3 {
            padding-bottom: 10px;
            color: #fff;
            text-align: center;
            font-family: RobotoRegular;
            font-size: 20px !important;
            text-transform: capitalize;
        }
        .dknt{
            background: url(images/bg_nt.png)repeat center !important;
      }
      .dangkymail button{
          margin:0 !important
      }
      .chicc{
        display: block !important
    }
    .tol2 #noidung{
        width: 100%;
    }
    .tol2 {
        float: left;
        width: 100%;
    }
    .noidung img{
        width: 100% !important;
        height: 100% !important;
    }
    .menu ul li {
        float: left;
        padding: 0 15px !important;
    }
    #datlichhen{
        background: #cccc url(images/dknt.png) repeat center;
        width: 100%;
        overflow:  hidden;
        box-sizing:  border-box;
        display:  inline-block;
        height:  initial;
    }
    .datlic{
        width:100%;
    }
    .tol1{
        width:100%
    }
    .rightdv {
        position: relative;
        float: right;
        width: 100%;
    }

    .spam {
        width: 100%;
    }
    .video-clip1,.video-clip3{
        margin:  initial;
        padding: 0 10px;
        width: 100%;
    }
    .tailieu{
        width: 100% !important;
        padding:0 5px;
        box-sizing: border-box;

    }
    .tin_b_n_img img{
        width: 100%;
    }
    .box_video{
        margin-top:10px; 
        width: 100% !important;
        float: left;

    }
    .logo{
        display:  none;
    }
    .banner {
        width: 100%;
    }
    .footer{
    }
    .hotlinez{
        display: block !important
    }
    #info{
        width: 100%;
    }
    .slider{
        width: 100%;
    }
    .form_lh{
        margin: inherit;
    }
    .wap_itemz{
        padding: 0 15px;
        flex: 1 33.33%;
        max-width: 33.33%;
    }
    .wap_item1{
        flex: 1 33.33%;
        max-width: 33.33%;
    }
    .lienket{
        display: none;
    }
    .wap_camnang{
        background:#F7F7F7
    }

    .dct{width:54%}
    .hlt{
        text-align: left
    }


    .box_tg{
        flex: 1 50%;
        max-width: 50%;
        padding: 30px 20px 10px 20px;
    }
    .box_tg:first-child{
        flex: 1 100%;
        max-width: 100%;
        padding-bottom: 30px;
    }
    .hotline_top{
        top: 0px;
        z-index: 99;
        right: 50px;
    }


#header{/* position: relative; */}
#banner{/* margin:  0 auto; *//* height: auto; *//* text-align: center; */ne; */width:;/* width: 100%; */}


.timkiem_mb{display: block !important;  margin-top: 90px;}
.box_header ul li{font-size: 12px;}
.box_giohang{
    top: 45px;
    z-index: 99;
    right: 20px;
}
#left,#left_slider{ display: none}


.hotrotructuyen{display: none;}
.khung_r {
    width: 100%; margin: 0;
}
.wap_news {
    flex: 1 50%;
    max-width: 50%;
}
.wap_item2 {
    margin-bottom:inherit;
    flex: 1 33.33%;
    max-width: 33.33%;
}
.box_new_img {width: 135px;}
#main_menu{
    margin-top: 0;
}
.mid{
   top: 80px;
   left: initial;
   right: 3%;
}
.box_header ul{}
.icon_menu{z-index: 999;float: left;margin-left: 2%;margin-top: 7.5%;background: none;display: block;width: 36px;border: 1px solid #fff;height: 36px;margin-right: 10px;}
#smoothmenu1{ 
    display: none !important;
    position: inherit; 
    height: inherit;
    z-index: inherit;
}
#timkiem button{
    /* width: 50px; */
}
#logo img{
    width:initial;
    display: inline-block;
}
#logo{
    padding: 0;
    float: initial !important;
    margin: 0 auto;
    width:  initial;
    text-align: center;
}
/* #logo {
width: 100%;
position: initial;
max-width: initial;
display: inline-block;
padding: 10px 0;

} */
.box_gt_mota{
    width: 100%;
    float: left;
}
.box_gt_img{
    width: 100%;
    padding: 10px;
}
.contant_gioithieu{
    background: none;
    padding: 20px 0;
}
.sanpham_nb{
    /* margin:20px 0 */
}
    .wap_itemgt {
    padding: 0px 10px;
    flex: 1 99%;
    max-width: 99%;
}
.hotrott{
}
}
@media (max-width: 850px) {
    #center {
        margin-top: -5px;
        padding-top: 35px;
        margin-bottom: 45px;
        position: relative;
        height: 488px;
        background: url(images/bg_ts.png) no-repeat;
    }
    .hotline{
        display: none;
    }
    .right_top{
        width: 15%;
    }
}
@media (max-width: 800px) {
#logo {/* display: none; */}
.rightt{
    width: initial !important;
}
#timkiem {
    /* margin: 10px 0; */
    /* width: 50%; */
    /* position: initial; */
    /* max-width: initial; */
    /* display: inline-block; */
}
.container1{
    width: 100% !important;
}
.gongcha {
    position: absolute;
    width: 65% !important;
    float: left;
    bottom: -20%;
}
.gongcha img{
    width: 100%;
}

.box3{
    display: none;
}
.hotline_top p{
}
.banner_left{}
#timkiem button{
    /* position: initial; */
}
.hotline_top img{ display: none }
.video-clip1{
    flex: 50%;
}
#contenttabs{margin-right: 0;}
.box_tg {
    flex: 1 100%;
    max-width: 100%;
    padding: 30px 20px 10px 20px;
}

#footer1 {
    display: block;
}
.baogias{
    width: 100%;
    left:  initial;
    margin: 1% 0;
    position: relative;
    bottom: 0;
    float:  left;
    background: #ccc;
}
#bottom {/* padding-bottom: initial; */}
#footer{

    background: #FF8600;
    padding-bottom: 25px;
}

.logo{}
#tabs{margin: 10px 0}
.padding_header{padding: 0 !important;}
.lienket{float: inherit;display: none;}
.callto{display: block;}

.tuyensinh,.khung_bootstrap{margin: 0;}
.khung_pro_list_info:after{content: initial;}
.comtent_cauhoi{
    margin-top: 145px;
    width: 100%;
}
.mid{
    position: initial;
    float: initial;
}
.lk2{
    height: 53px !important;
    line-height: 28px !important;
}
.lk2 p{
    margin-top: 5px;
    width: 100%;
    text-align: center !important;
    font-size: 10px !important;
}
.lk2 ul {
    font-size: 12px;
    float: right;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.lk2 ul li {
    display: inline-block;
    color: #fff;
    float: initial !important;
    padding: 0 10px;
    font-size: 12px!important;
    font-family: RobotoRegular;
}

}

@media (max-width: 768px) {
    .gioithieuft{
        padding-bottom: 15px;
        text-align: left;
        float: inherit;
        margin: inherit;
        width: 100%;
    }

    .menu {
        display: none;
    }
    .traif{
        width: 100%;
        margin-bottom: 15px;
    }
    .phaif{
        margin-bottom: 15px;
    }
    .ntsd {
        width: 100%;
        float: left;
    }
    .tsc {
        width: 60% !important;
        float: right;
    }
    .thanh_titlec h2 {
        margin-bottom: 4%;
        text-align: center;
        text-transform: uppercase;
        font-family: UTMAvo;
        color: #fff;
        font-size: 30px !important;
        margin-left: 30%;
    }
    .dangkymail button{
    }
    .coppyr{
        height: initial;
    }
    .dangkymail input {
    }
    .coppyr p{
        font-size: 12px;
        text-align: center;
        padding: 15px 0;
        width: 100%;
    }
    .coppyr ul {
        display: inline-grid;
        width: 100%;
        text-align: center;
    }
    .coppyr ul li{
        padding-top: initial
    }
    .wap_itemz{padding: 0 5px;flex: 1 50%;max-width: 50%;}
    .pagination>li>a, .pagination>li>span {
        position: relative;
        float: left;
        padding: 2px 8px !important;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    #main_menu{
    }
    ul.pagination li {
        display: inline;
        padding: 0 0px !important;
        line-height: 15px;
    }
    .vechungtoi{
        width: 50%;
    }
    .vechungtoi ul li{
        background: url(images/dmft.png)no-repeat center left 40%;
    }
    .dmsp{
        text-align: left;
        width: 50%;
        float: left
    }
    .lienket1 {}

    .lienket li, .lienket1 li {
        list-style: none;
        display: inline-block;
        float: initial;
    }

    .noidung{
        padding: 10px;
    }
    .contant_gioithieu{
        padding: 30px 0;
        height: initial;
    }
    .dangky_tin1{
        text-align: center;
        position: inherit;
        display: inline-block;
    }
    .email{
        display: inline-block;
        position: initial;
        float: initial;
        text-align: center;
    }
    .hotline_top{
    }
    .container_dv, .container_fanpage, .box_thongke{
        width: 100%;
        float: right !important;
    }
    .container_dv ul{
        margin-left: initial
    }
    #map_canvas_bt{width: 100%;}
    .tieude{padding: 0 10px; }
    .banner_left{
        float: left;
        position:  relative;
    }
    .hotrott{
        width:  initial;
        padding:initial;
    }
    #logo{padding: 0 10px;position: relative;max-width: initial;}
    .timkiem_mb{
        display: block !important;
        margin-top: 20px;
        float: initial !important;
        width: initial !important;
        margin: 10px;
    }
    .banner{}

    .thongtin_bt h4{width: 100%;   }
    .thongtin_bt ul{display: inline-block;text-align: left;}
    .box_gt_mota,.box_gt_img  {width: 100%;}
    .box_gt {background-position: top center !important;}
    .taisao{width: 100%;}
    .mogioi{width: 100%;}
    .wap_item2 {
        flex: 1 50%;
        max-width: 50%;
    }
    .wap_item1 {padding: 15px 10px;flex: 1 50%;max-width: 50%;=: 15px}
.box_header{/* display: none; *//* display: none; */}
.wap_taisao{background-position: bottom center !important;}
.fanpage_fabook,.box_thongke{text-align: center;}
.sp_tieubieu{float: initial !important; margin-right: 0; display: inline-block;}
.tim {width: 100% !important;}

.content_facebook{float: inherit;text-align: center;}

.box_new{width: 100%;font-size: 12px;}

.copy ul{
    width: 100%;
    text-align: center;
    float: inherit;
}
.copy ul li{
    display: inline-block;
    float: inherit;
}
.copy {
    padding-bottom: 40px;
    text-align: center;
    float: inherit;}

    .menu_ft{display: none;}
    .vert .simply-scroll-list li{width: 100%;}
    .form_lh{width: 100%;}
    .khung_phai{width: 100%;    height: initial;}
    .box_album {
        flex: 1 33.33%;
        max-width: 33.33%;
    }
    .dangky_tin{
    /* text-align: center; */
    padding-bottom: 15px;
    }
    .con_fan{width: initial;}
    .dangky_tin h4{display: inline-block; }
    .video-clip1 {
        flex: 100%;
        margin:  initial;
    }
    .content_video iframe {
        display: block;
        width: 100%;
    }
    .video-clip2 {
        flex: 100%;
        }.select_video select{
            width: 100% !important;
        }
        .select_video{
            width: 100% !important;
        }
        .box_header ul li {
         /* width: 50%; */
     }
     #logo{
     }

 }
 @media (max-width: 660px) {
    .tsc {
        width: 65% !important;
        float: right;
    }
    #banner img{
        width: 100%;
    }
    .logoft {
    width: 100%;
    display: inline-block;
    float: left;
    margin-right: 0;
    text-align: center;
    margin-bottom: 10px;
}

    .dknt p {
        margin-bottom: 8px;
        color: #ffffff;
        font-size: 13px !important;
        font-family: RobotoRegular;
        text-align: center;
    }
    .dknt h3 {
        margin-bottom: 8px;
        color: #ffffff;
        font-size: 22px !important;
        font-family: UTMHelvetIns;
        text-transform: uppercase;
        text-align: center;
    }

    .tin_b_n{
        width: 100% !important;
        float: left;
        margin-bottom:10px; 
    }
    .item1 h3, .sp2 h3 {
        /* text-align: center; */
        /* float: left; */
        /* padding: 11px 0; */
        transition: 0.5s;
        /* color: #f20000; */
        font-size: 13px !important;
        /* position: relative; */
        /* width: 100%; */
        /* font-weight: normal; */
        /* font-family: robotobold; */
        /* text-transform: uppercase; */
    }

    .khung1 {
        width: 100%;
        float: left;
        padding: 10px 0;
    }
    .box_new h3, .box_new h2 {
        padding-bottom: 10px;
        text-transform: uppercase;
        font-size: 12px !important;
        line-height: initial;
    }

    #box_video {
        width: 100% !important;
        float: left;
    }
    .conten-center1 {
        width: 100% !important;

        float: right;
    }
    .Box_vi{
        width: 100%;
        padding:0 5px;
    }
    .conten-center {
        width: 100% !important;
        float: right;
    }
    .thanh_titlec h2 {
        margin-bottom: 4%;
        text-align: center;
        text-transform: uppercase;
        font-family: UTMAvo;
        color: #fff;
        font-size: 34px;
        margin-left: initial !important;
    }

    .box_gioithieu_img{
        width: 100% !important;
        margin:0 !important;
        margin-bottom:10px !important;
    }
}
@media (max-width: 620px) {
    .box_tieuchuan{
        flex: 1 100%;
        max-width: 100%;
        padding: 30px 32px;
    }
    .thanh_title2 h2, .thanh_title2 h1{
            font-size: 25px !important;
    }
    .baogia{
        display: none;
    }
    .item_thuvien:nth-child(3), .item_thuvien:nth-child(4), .item_thuvien:nth-child(5) {
        width: 33.33%;
        padding: 0 5px;
        height: 80px;
        float: left;
    }
    .item_index h3{
          font-size: 13px;  
    }
    .thanh_title2 {
    overflow: hidden;
    height: initial;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    padding: 10px 0;
}
    .thanh_title2 h2:before{
        display: none;
    }
    .thanh_title2 h2:after{
        display: none;
    }
    .item_thuvien:nth-child(1), .item_thuvien:nth-child(2) {
        width: 50%;
        padding: 5px;
        float: left;
        height: 120px;
    }
    #center {
        margin-top: -5px;
        padding-top: 80px;
        margin-bottom: inherit;
        position: relative;
        height: 488px;
        background: url(images/bg_ts.png) no-repeat;
    }
    .tsc {
        width: 100% !important;
        float: right;
    }
    .ts {
        background: #dadada;
        border-radius: 25px;
        width: 100% !important;
        height: 46px;
    }
    .ts:nth-child(2) {
        margin-left: initial !important
    }
    .ts:nth-child(3) {
        margin-left: initial !important
    }
    .box_header{
        /* display: none; */
    }
    #logo{
        /* margin-top: -20px; */
        /* width: 60%; */
    }
    #main_menu {
    }
    #timkiem{
        /* display: none; */
    }
    .title_gioithieu h3{
        font-size: 25px;
    }
    .item2{
    }
    #center {
    }
    .hinhqcs{
        width: 100%;

    }
    .frame_images {
        width: 100%;
        float: inherit;
        text-align: center;
    }
    .hotline_top {
        display: none;
    }
    #logo img{
        display: inherit
    }
    .mid{
        display: none;
    }
    .hosp{
        width: 100%;
        left:0;
    }

    .khung_pro_list_img{width: 100%;}
    .khung_pro_list_sli{width: 100%;}

    .wap_dk_tv{
        flex: 1 50%;
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .camnang_left{width: 100%; margin-bottom: 10px;}
    .camnang_right{width: 100%;}
    .gopy .gopy_click span{display: none;}
    .gopy .gopy_click {
        float: right;
        width: 75px;
        height: 60px;
        border: 1px solid #d5d5d7;
        border-radius: 11px;
        background: url(images/bithu.png) no-repeat left 10px center, url(images/bg_gopy.png) repeat-x;
        transform: rotateZ(270deg);
        margin-left: -8px;
        margin-top: 50px;
        cursor: pointer;
    }

    .box_header ul li:nth-child(2){display: none;}
    .box_album {
        flex: 1 50%;
        max-width: 50%;
    }

    .lienket_zalo{
        display: none;
    }    
    .pro_detail{height: inherit !important;}
    .khung_thongtin{width: 100%;}

    .box_gt .box_gt_img{
        width: 100%;
        margin-right: 0;
    }
    .box_gt .box_gt_img img{width: 100%;}
    .box_gt_mota{width: 100%; padding: 0 5px;    margin: 0;}
    .form_lh p input{width: 100%; margin-left: 0;}
    .form_lh p textarea{width: 100%; margin-left: 0;}
    .form_lh p label{width: 100%;}

    .tintucnb{margin: 0;border: none;}
    .wap_news {
        flex: 1 100%;
        max-width: 100%;
    }
    .lienket1 {
        /* float: inherit; */
        /* text-align: center; */
        /* width: 100%; */
        /* display: table; */
    }
    .lienket li, .lienket1 li {
        list-style: none;
        display: inline-block;
        float: initial;
    }
    .email{
        display: inline-block;
        position: initial;
        float: initial;
        text-align: center;
    }
    .gongcha{
        display: none;
    }
    .vechungtoi ul li{
        background: url(images/dmft.png)no-repeat center left 30%;
    }
    #timkiem button{
        width: 30px;
    }
    .giaiphap{
        margin-top: 20px
    }
    .thanh_title{
        margin-bottom:10px;
    }
    .thanh_title1 h2, .thanh_title1 h4, .thanh_title1 h1 {
        color: #fff;
        padding: 0 40px;
        line-height: 60px;
        font-size: 28px;
        display: inline-block;
        font-weight: normal;
        position: relative;
        text-align: center;
        font-family: RobotoRegular;
    }
    .tensp2 {
        height: 28%;
        background: rgba(130, 130, 130, 0.68);
        bottom: 0;
        position: absolute;
        text-align: center;
        padding: 5px 20px;
        width: 100%;
        float: left;
    }
    .item3 h3 {
        z-index: 99;
        color: #ffffff;
        font-size: 13px;
        font-family: robotobold;
        text-transform: uppercase;
    }
    .svg{
        display:none !important;
    }
    .thanh_title h2, .thanh_title h4, .thanh_title h1{
        font-size: 28px;
        line-height: 42px;
        background-size: 80%;
    }
    .trch3 h3 {
        padding-bottom: 5px;
        color: #3e4095;
        font-family: robotobold;
        font-size: 15px !important;
        text-transform: uppercase;
    }
    .trch3 p {
        line-height: 25px;
        font-family: RobotoRegular;
        font-size: 12px !important; 
        color: #2f2f2f;
    }
    .congtrinhdalam h3 {
        color: #fff;
        font-size: 10px;
        font-family: OpenSansBold;
        text-transform: uppercase;
    }
    .tensp_dc {
        text-align: center;
        padding: 10px 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 0.6s;
        background: rgba(0, 0, 0, 0.57);
    }
    .congtrinhdalam {
        display: grid;
        grid-template-columns: auto auto !important;
        grid-gap: 10px;
        padding: 10px;
    }
    .dangkymail input{margin-bottom: 5px;width: 100% !important;}
    .nth h4{
      font-size: 16px;
  }
  .giacu_detail span{
    font-size: 12px;
    
}

.dichv{
    margin:0;
}
.gioithieuft h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: UTMHelvetIns;
    color: #fff;
    font-size: 25px !important;
}
div#container_product #tabs li {
    float: left;
    padding: 0px 10px;
}
}
@media (max-width: 560px) {
    .ccs {
        width: 90%;
        margin-bottom: 20px;
    }

}
@media (max-width: 450px) {
    .dangky_tuvan{position: initial;}
    .box_gt_img{display: none}
    .wap_item2 {
        flex: 1 100%;
        max-width: 100%;
    }
    .tophead marquee{
        width: 98%;
    }
    .tophead p{
        font-size: 18px;
    }
    #datlichhen {
        padding: 30px 5px;
        background: url(images/dknt.png) repeat center;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        display: inline-block;
        height: initial;
    }
    .datlic {
        width: 100%;
        padding: 10px 0;
    }

    .title_gt h2 {
        margin-bottom: 10px;
        font-family: SFUGoudyMedium;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding-bottom: 18px;
    }
    .tol1 #ten, .tol1 #email, .tol1 #dienthoai, .tol1 #diachi {
        background: #e6e6e6;
        padding-left: 10px;
        height: 35px;
        width: 100%;
        border: none;
        float: left;
        margin-bottom: 5px;
    }
    .item1 {
        padding: 0 4px;
        width: initial;
        float: left;
        position: relative;
        box-sizing: border-box;
    }
    .title_gioithieu p {
        font-family: SVNLobster;
        color: #b67f00;
        font-size: 14px;
    }
    .title_gioithieu h2 {
        margin: 0 auto;
        text-transform: uppercase;
        color: #b67f00;
        font-size: 20px;
        position: relative;
        font-family: SFUGoudyMedium;
        display: inline-block;
        text-align: center;
    }
    .info_gioithieu {
        font-weight: 500;
        margin: 23px 0;
        font-size: 13px;
        line-height: 26px;
        color: #404040;
        text-align: center;
        font-family: RobotoLight;
    }
    .xemthem_gt {
        margin: 0 auto;
        border-radius: 3px;
        line-height: 42px;
        text-align: center;
        background: #dd2c2c;
        height: 42px;
        width: 138px;
        display: inline-block;
    }
    .xemthem_gt a {
        text-transform: uppercase;
        color: #ffffff;
        font-family: RobotoRegular;
        font-size: 12px;
        text-align: center;
        line-height: 42px;
    }
    #header {
        background: #c7c7c7;
        position: relative;
        margin: 0;
        padding: 10px 0;
    }
    .right_top {
        top: 90%;
        width: 30%;
        position: absolute;
        right: 0;
    }
    .img_ten{
        top:5% !important
    }
    .demso {
        padding: 0 !important;
        background: url(images/bg_dc.png) repeat-y center !important;
        width: 100%;
        float: left;
    }
    .baodemso{
        width: 100% !important;
        float: left;
    }

    .dknt h5 {
        margin-bottom: 8px;
        color: #ea7203;
        font-size: 20px !important;
        font-family: VNFFuturaRegular;
        text-align: center;
    }
    .footer {
    }
    .img_ten h3 {
        text-align: left;
        float: left;
        padding: 8px 15px !important;
        background: #ea7203;
        font-size: 12px !important;
        color: #ffffff;
        font-family: VNFFuturaRegular;
        text-transform: uppercase;
    }
    .img_ten p {
        text-align: left;
        width: 95% !important;
        float: left;
        padding: 5px !important;
        background: #191c19;
        font-size: 10px !important;
        color: #ffffff;
        font-family: VNFFuturaRegular;
    }
    .ten_hv {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        width: 100%;
        height: auto;
        background: rgba(24, 182, 237, 0.72);
        line-height: 138px !important;
        opacity: 0;
    }
    .banner {
        width: 100%;
    }


    .thanh_titlec h2 {
        margin-bottom: 4%;
        text-align: center;
        text-transform: uppercase;
        font-family: UTMAvo;
        color: #fff;
        font-size: 22px !important;
        margin-left: 30%;
    }
    .item4 .product_img{
        padding-left:0
    }
    .wap_item1 {
    }

    .dhs{
        width: 40%;
    }
    .dath{
        width: 100%;
    }
    #tabs #current a {
        font-family: robotobold;
        border-radius: 25px;
        font-size: 12px !important;
        background: #fff;
        text-shadow: none;
        color: #262626;
        text-transform: uppercase;
        position: relative;
    }
    #tabs li{
        margin-right: 0.5% !important;
    }
    #tabs a {
        border-radius: 25px;
        font-family: robotobold;
        font-size: 12px !important;
        color: #fff;
        border: 2px solid #fff;
        float: left;
        height: 31px;
        padding: 0 20px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 28px;
    }
    .box_album {
        flex: 1 100%;
        max-width: 100%;
    }
    .container_thongke,.container_nhantin{
        text-align: center;
    }
    .thongke{
        float: initial;
    }
    .container_ft{padding: 0 !important;}
    .box_item1{width: 100% !important;}
    .gt_img{
        width: 100%;
    }
    .gt_content{
        width: 100%;
    }

    .hotro_right{width: 100%;}
    .box_item2{
        width: 100% !important;
    }
}   
.tieude_giua{
    max-width: 100% !important;
    text-align: center
}
.lk2 ul{
    margin-left: 30px;
    float: right;
}
.lk2 ul li:last-child{
    background:none;
}
.lk2 ul li{
    background: url(images/line_lk.png) no-repeat right center;
    color: #fff;
    float:left;
    padding: 0 8px;
    font-size: 13px;
    font-family: RobotoRegular;
}
.lk2 {
    background: #ed0000;
    line-height: 47px;
    height: 47px;
    width: 100%;
    float: left;
}
.lk2 p span{
    font-family:OpenSansBold;
    text-transform:uppercase;
}
.lk2 p{
    font-size: 14px;
    font-family: OpenSansRegular;
    text-align: center;
    color:#fff;
}
.qldoitac ul li img{width: 100%;}
.thanh_titlec h2{
    margin-bottom: 4%;
    text-align: center;
    text-transform: uppercase;
    font-family: UTMAvo;
    color: #fff;
    font-size: 34px;
    margin-left: 30%;
}
.ts:nth-child(2){
    margin-left: 9.5%;
}
.ts:nth-child(3){
    margin-left: 10%;
}
.ts{
    margin-bottom: 24px;
    background: #dadada;
    border-radius: 25px;
    width: 343px;
    height: 46px;
}
.ts img{
    margin-top: 5px;
    float: left;
    margin-right: 10px;
    margin-left: 20px;
}
.ts h3{
    color:#060606;
    font-family: UTMAvo;
    font-size: 20px;
    line-height: 46px;
}
.ts h3:hover{
    color:#ff0000
}
.gongcha{
    position:  absolute;
    width: 40%;
    float: left;
    bottom: -20%;
}
.tsc{
    width: 55%;
    float: right;
}

pagination ul li.active,
.pagination ul li.inactive:hover{
    color: #fff !important;
    cursor: default;
}
.pagination ul li.inactive{
    border: 1px solid #eaeaea;
    cursor: default;
    line-height: 28px;
}
.pagination ul li.actived{color: #f94912;background-color: #f2f2f2;}
.data ul li{
    list-style: none;
    font:normal 13px verdana;
}

.pagination{height: 20px;margin: 15px 0;/* width: 100%; */}
.pagination ul{
    display:inline-block;
}
.pagination ul li{
    border: 1px solid #ccc;
    margin: 0 2px;
    width: 32px;
    float: left;
    font: 16px RobotoRegular;
    color: #171717 !important;
    height: 30px;
    background: none;
}
.pagination ul li a{
    line-height: 28px;
    padding: 0 5px;
    color: #000;
    text-decoration:none;
}
.pagination ul li:hover{
    background-color: #f20000;
    cursor: pointer;
    color: #fff;
}
/* paging 2 */
1{
    width:1000px;
    float:left; 
}
1 .pagination ul li.active,
1 .pagination ul li.inactive:hover{
    color:#009cff;
    cursor: default;
}
1 .pagination ul li.inactive{
    border: 1px solid #eaeaea; cursor: default;
}
1 .pagination ul li.actived{color:#009cff;background-color:#009cff;}
1 .data ul li{
    list-style: none;
    font:normal 13px verdana;
}

1 .pagination{  width: 300px; float:right; height: 25px; margin-top:15px;}
1 .pagination ul li{
    list-style: none;
    float: left; margin: 0 3px;
    border: 1px solid #fff;
    border-radius:10px;
    padding: 2px 6px 2px 6px;
    font: bold 11px arial;
    color: #fff;
}
1 .pagination ul li a{
    color:#fff;
    text-decoration:none;
}
1 .pagination ul li:hover{
    background-color:#009cff;
    cursor: pointer; color: #fff;
}
/* paging 2 */
2{
    width:1000px;
    float:left; 
}
2 .pagination ul li.active,
2 .pagination ul li.inactive:hover{
    color:#009cff;
    cursor: default;
}
2 .pagination ul li.inactive{
    border: 1px solid #eaeaea; cursor: default;
}
2 .pagination ul li.actived{color:#009cff;background-color:#009cff;}
2 .data ul li{
    list-style: none;
    font:normal 13px verdana;
}

2 .pagination{  width: 300px; float:right; height: 25px; margin-top:15px;}
2 .pagination ul li{
    list-style: none;
    float: left; margin: 0 3px;
    border: 1px solid #fff;
    border-radius:10px;
    padding: 2px 6px 2px 6px;
    font: bold 11px arial;
    color: #fff;
}
2 .pagination ul li a{
    color:#fff;
    text-decoration:none;
}
2 .pagination ul li:hover{
    background-color:#009cff;
    cursor: pointer; color: #fff;
}

.go_button{
    background-color:#009cff;
    border:1px solid #fff;
    color:#cc0000;padding:2px 6px;
    cursor:pointer;position:absolute;margin-top:-1px;
}
.total{ float:right;font-family:arial;color:#999; text-indent: -9999999999999px;}


/*  */
.mar{
    display: inline-block;
    text-align: center;
}
.donhang_ht h2{
    font-family: UTMAvo;
    font-size: 24px;
}
.dathang_tc{
    margin-bottom: 20px;
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
}
.box_fotorama{
    display: inline-block;
    padding-bottom: 20px;
}
.responsive_li{
    text-align: center;
    display: inline-block;
    
}
.noidungs{
    text-align:initial;
    
    margin:10px 0;
}
.ddsmoothmenu ul li p{
    /* padding-top:18px; */
    padding-left: 5px;
    color:#fff;
    font-size: 17px;
    font-family: UTMAvo;
}
.ddsmoothmenu ul li img{
    padding-top: 10px;
}
#logo{
    float:  left;
    transition: 1s;
}
#right_t{
    width: 86%;
    float: right;
}
.MASP span{
    font-size: 17px;
    font-weight: bold;
    color: #EF0000;
}
.right_top{
    float: right;
}
.langvi{
    margin-left: 10px;
    float: right;
}
.lang{
    margin: 12px 0 16px;
    width: 100%;
    text-align: right;
}
.duanthuchien{
    background: #f20000;
    width: 100%;
    float: left;
    padding: 3.4% 0 3%;
}
.duanthuchien .thanh_title1 > h2 > span{
    color:#ffffff !important
}
.duanthuchien .thanh_title1 > h2 > p{
    color:#fff !important;
}
.duanthuchien .item1 > a > h3{
    color:#fff !important
}
.tailieu{
    width: 64%;
    float: left;
}
.box_video{
    float: right;
    width: 34%;
}
.vid{
    padding: 42px 0 50px;
    width: 100%;
    box-sizing:  border-box;
    float: left;
    background: #ededed;
    overflow:  hidden;
}
.title_center h2{
    float: left;
    color: #ea7203;
    font-size: 24px;
    font-family: VNFFuturaRegular;
    padding-bottom: 8px;
    text-transform: uppercase;
    text-align:  left;
    position:  relative;
}
.title_center{
    position:relative;
    width: 100%;
    float: left;
    margin-bottom: 24px;
    padding-bottom: 0px;
}
.title_center h2:after{position: absolute;left: -15px;top: -10px;background: url(images/after_gt.png)no-repeat left top;width: 45px;height: 30px;content: '';}
.title_center h2:before{position: absolute;right: -15px;bottom: -5px;background: url(images/before_gt.png)no-repeat right bottom;width: 40px;height: 25px;content: '';}
.tin_b_n h4{
    padding: 15px 0 10px;
    font-family: VNFFuturaRegular;
    color: #ad1a1e;
    font-size:15px;
}
.tin_b_n img{
    width:100%;
}
.tin_b_n_img {
    padding 5px;
    border:1px solid #ccc;
}
.tin_b_n{
    font-size: 14px;
    font-family: VNFFuturaRegular;
    color: #333333;
    width: 50%;
    float: left;
}
#box_video{
    width: 100%;
    float: left;
}
.conten-center1{
    width: 100%;
    float: right;
}
.tintucmoi{
    padding: 0 5px;
    width: 100%;
}
.bannerqc{
    padding: 3.5% 0 2.5%;
    width: 100%;
    float: left;
}
.qc1 img{
    width:100%;
}
.qc2{
    width: 74.5%;
    float:left;
}
.bannerqc img{
    width:100%;
}
#phukien{
    padding: 30px 0 30px;
}
.dknt{
    text-align:  center;
    padding: 35px 0px;
    background: url(images/bg_nt.png)no-repeat center;
    width: 100%;
    float: left;
}
.dknt h3{
    padding-bottom: 10px;
    color:#fff;
    text-align:center;
    font-family:RobotoRegular;
    font-size:34px;
    text-transform:capitalize;
}
.dknt p{
    padding-bottom: 20px;
    color:#fff;
    text-align:center;
    font-family:RobotoRegular;
    font-size:16px;
}
.dknt h5{
    margin-bottom: 8px;
    color:#ea7203;
    font-size: 24px;
    font-family: VNFFuturaRegular;
    text-align: center;
}

.container1{
    margin: 0 auto;
    position: relative;
    width: 797px;
}
.rightt{
    width: 72%;
    float: right;
    margin-top: 36px;
}
.bg_h{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    position: absolute;
}
.khung1{
    width: 100%;
    float: left;
    padding: 40px 0;
}
.demso{
    padding: 21px 0;
    background: url(images/bg_dc.png) no-repeat center;
    width: 100%;
    float: left;
}
.baodemso{
    transition: 1s;
    text-align:  center;
    width: 25%;
    float: left;
}
.baodemso h3{
    margin: 10px 0;
    font-size: 18px;
    font-family: VNFFuturaRegular;
    text-transform: uppercase;
    color:#eef7fc;
}
.baodemso span{
    transition: 1s;
    font-family: "54931371";
    font-size: 36px;
    color:#eef7fc;
}
.centers{
    width: 100%;
    float: left;
}
.centers img{
    width: 100%;
}
.img{
    position: relative;
    width: 100%;
    float: left;
}
.img_ten{
    position: absolute;
    left: 5%;
    top:30%;
}
.img_ten h3{
    text-align:  left;
    float: left;
    padding: 15px 40px;
    background: #ea7203;
    font-size: 24px;
    color:#ffffff;
    font-family: VNFFuturaRegular;
    text-transform: uppercase;
}
.img_ten p{
    text-align:  left;
    width: 70%;
    float: left;
    padding: 15px;
    background: #191c19;
    font-size: 14px;
    color:#ffffff;
    font-family: VNFFuturaRegular;
}
.khungleft{
    width: 78%;
    float: left;
}
.menu{
    margin-bottom: 10px;
    float: left;
    padding: 10px 0;
    background: #18b6ed;
}
.menu ul li{
    float: left;
    padding: 0 25px;
}
.menu ul li a{
    text-transform: uppercase;
    font-size: 15px;
    color:#ffffff;
    font-family: RobotoBold;
}
.fix_theo {
    z-index: 9999999999999;
    position: fixed !important;
    top: 78px !important;
    border-bottom: 1px solid #ccc;
}
#left .vert .simply-scroll-clip{
    height: 421px;
}
#left .vert{
   height: 421px!important;
}
.menu-left{
    width: 100%;
    float: left;
}
.menu-left1{
    padding: 10px 20px 20px;
    width: 100%;
    float: left;
}
.mt_ht >.ht_mai img {
    width: 34px;
    float: left;
    margin-top: 5px;
    margin-right: 13px;
}
.box_left1 > img{
    width: 100%;
}
.mt_ht >.ht_nam img {
    width: 42px;
    float: left;
    margin-right: 5px;
}
.mt_ht >.ht_nam span {
    margin-left: 5px;
}
.ht_nam{
    width: 100%;
    float: left;
    padding: 2px 0;
}
.box_left1{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
#vi-tri, #mat-bang, #dien-tich, #tien-ich, #tien-do, #hinh-anh, #noi-dung{width: 100%;float: left;margin-top: 120px;position:  relative;}

.datlic p{
    padding: 10px 0;
    color:#fff;
    font-size: 15px;
    font-family: RobotoRegular;
}
/* chi duong */
.support-online {
    position: fixed;
    z-index: 99999;
    left: 15px;
    bottom: 50px;
}
.chicc{
    display: none;
}
.support-online a {
    position: relative;
    margin: 20px 10px;
    text-align: left;
    width: 40px;
    height: 40px;
}

.support-online i {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
    position: relative;
    z-index: 999;
}

.support-online a span {
    border-radius: 2px;
    text-align: center;
    background: rgb(103, 182, 52);
    padding: 9px;
    display: none;
    width: 180px;
    margin-left: 10px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 0px;
    left: 40px;
    transition: all 0.2s ease-in-out 0s;
    -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1;
}

.support-online a:hover span {
    display: block;
}

.support-online a {
    display: block;
}

.support-online a span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent  rgb(103, 182, 52) transparent transparent;
    position: absolute;
    left: -10px;
    top: 10px;
}

.kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;
    right: -10px;
}

.kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

.support-online .btn-support {
    cursor: pointer;
}

/*  */
.hsnl{
    float: right;
}
.congtrinhdalam{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
}
.item_thuviens img{
    width: 100%;
}
.item_thuviens:nth-child(1) {
  grid-column: 1 / span 2;
}
.len{
    background: url(images/nut_le.png) no-repeat left center;
}
.hover{
    color:#f00;
}

/*  */
.baocc a{
 display: block;
 clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}
.baocc{
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    padding: 10px;
    background: #fff;
}
.trch3{
    margin: 20px;
}
.trch3 h3{
    padding-bottom: 5px;
    color:#3e4095;
    font-family: robotobold;
    font-size: 24px;
    text-transform: uppercase;
}
.trch3 h3:hover{
    color:#f00
}
.trch3 p{
    line-height: 25px;
    font-family: RobotoRegular;
    font-size: 14px;
    color:#2f2f2f;
}
.asc{
    z-index: 99;
    position: absolute;
    top: -14px;
    left: -9px;
    height: 100%;
    width: 100%;
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-15deg);
}

.shape {
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 2px;
    fill: transparent;
    stroke: #4db2ec;
    border-bottom: 5px solid #000;
    transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
}
.shape {
    stroke-dasharray: 80, 504;
    stroke-dashoffset: -585;
    stroke-width: 8px;
}

.list2:hover .box_hinh{
    stroke: #f00;
    stroke-width: 8px;
    stroke-linecap:round;
    fill:none;
    stroke-linejoin:round;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 1s linear alternate infinite;
}
/* anima hex */

.path {
    width: 100%;
    height: 100%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 3s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
}
to {
    stroke-dashoffset: 500;
}
}


/* / */


.svg {
    display: block;
    padding: 0px;
    clear: both;
}

.animation {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke: #000;
    stroke-width: 10px;
    -webkit-animation: dash 2s infinite alternate forwards;
    animation: dash 2s infinite alternate forwards;
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes fill-it {
    to {
        fill: rgba(51, 90, 113, 0.3);
    }
}

@keyframes fill-it {
    to {
        fill: rgba(51, 90, 113, 0.3);
    }
}

/*  */
.news-item .wrap-img {
    width: 110px;
    float: left;
}
.news-item .wrap-img .img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #ec3237;
    position: relative;
    background: #fff;
}
.news-item .wrap-img .img img {
    border-radius: 50%;
}
.news-item .wrap-img .img:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(images/news-item-img-hover.png) no-repeat center;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.3s;
    border-radius: 50%;
}
.news-item .info .title {
    padding-left: 105px;
    line-height: 16px;
    text-align:  left;
    min-height: 40px;
    text-transform: uppercase;
}
.news-item .info .title a {
    display: block;
    font-weight:  normal;
    color: #191919;
    font-size: 14px;
    font-family: RobotoRegular;
}
.news-item .info .date {
    font-family: RobotoRegular;
    font-size: 14px;
    padding-left: 90px;
    margin-left: 20px;
    border-bottom: 2px solid #ec3237;
    color: #ec3237;
    margin-bottom: 6px;
    padding-bottom: 6px;
}
.news-item .info .desc {
    font-family: RobotoRegular;
    padding-left: 110px;
    color: #191919;
    font-size: 13px;
    line-height: 18px;
}
.news-item .wrap-img .img:hover:after {
  opacity: 1;
}

.news-item{
    display:  inline-block;
    margin-bottom: 20px;
    padding: 2px 15px;
    text-align:  left;
    overflow:  hidden;
    box-sizing:  border-box;
}
.desc {
    /* display: inline-block; */
    position: relative;
    margin-bottom: 15px;
    height: 25px;
    /* line-height: 25px; */
    /* font-size: 14px; */
}
.desc a{
 color:#3e4096;
 font-size: 16px;
 font-family: RobotoRegular
}
.desc .control > a.prev {
    left: -40px;
}
.desc .control > a.next {
    right: -40px;
}
.desc .control > a {
    height: 25px;
    width: 25px;
    background: transparent center no-repeat;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
}
.go-news {
    background: url(images/nexts.png) right top no-repeat rgba(255,255,255,0);
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 50%;
    z-index: 1;
    position: absolute;
}
.box_gioithieu_img {
    border: 1px solid #EFEBEF;
    width: 245px;
    float: left;
    margin: 0px 15px 0px 0px;
    overflow: hidden;
}
.box_gioithieu_img img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}
.box_gioithieu h3,.box_gioithieu h2 {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: RobotoBold;
    font-weight: bold;
    color: #333333;
    line-height: initial;
}
.box_gioithieu {
    font-family: RobotoRegular;
    font-size: 14px;
    width: 100%;
    float: left;
    padding: 10px;
    color: #333;
}

.xemtieps {
    padding-top: 15px;
    float: right;
    transition: 0.5s;
    text-align: center;
}
.xemtieps a {
    background: url(images/read-more.jpg) no-repeat scroll right top 4px rgba(0,0,0,0);
    font-size: 13px;
    color: #333;
    font-style: italic;
    padding: 0 14px 0 0;
}
.noidung .drive-viewer-v3 .drive-viewer-toolstrip, 
.drive-viewer-v3.drive-viewer-embed .drive-viewer-toolstrip-rgt-panel .drive-viewer-popout-button,
.drive-viewer-toolstrip{
    opacity: 0 !important;
    visibility: hidden;
}