@charset "utf-8";
@import "animate.css";



/* 
     
@import url("../fonts/UTMCookies/UTMCookie.css");
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
        font-family: "UVNAnhHai_B.TTF";font-family: "UVNAnhHai_B.TTF";
  font-family:'MYRIADPRO-REGULAR';
  @font-face {
  font-family: "utmcookie";
  src: url("../fonts/UTMCookies/UTMCookie.eot");
  src: url("../fonts/UTMCookies/UTMCookie.eot?#iefix") format("embedded-opentype"),
  url("../fonts/UTMCookies/UTMCookie.woff") format("woff"),
  url("../fonts/UTMCookies/UTMCookie.ttf") format("truetype"),
  url("../fonts/UTMCookies/UTMCookie.svg#UTMCookie") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
 
body {
    text-rendering: optimizelegibility;
    color: #000;
    font-family: 'cr';
    font-size: 14px;
    line-height: 1.5;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: #fff;
    width: 100%;
    min-width: 1349px;
    margin: auto;
}
img
{
    margin: 0;
}
ul, ol {
}
a, ul, li {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

.pd0{
	padding:0px;
}
.mg0{
	margin:0px;
}
.clear
{
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.container {
    width: 1200px !important;
    padding:0;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.chitiettt{font-family: Arial, Helvetica, sans-serif;}
.khung{width: 1200px; margin: auto; position: relative;margin: auto;}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices,.stButton .stButton_gradient {
    height: 22px !important;
}
.map{width:310px;height: 240px;}
.flexwb{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.flexwba{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.khungtt{display: flex;flex-flow: row wrap;}
.cuv{cursor: pointer;}
/* ************* main_structure*/
.doitac-box {
}
.doitac-box a {
}
.doitac-box h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #414042;
    font-size: 12px;
    text-transform: uppercase;
}
.doitac-box p {
    color: rgb(68, 66, 66);
}
.doitac-box .doitac-img {
}
.doitac-box .doitac-img img {
    width: 136px;
    height: 92px;
}
#khungdoitac {
    background: white;
    padding: 18px 0;
}
#owl_doitac{margin-bottom:0}
#khungdoitac .bx-wrapper .bx-prev {
    left: -34px;
}
#khungdoitac .bx-wrapper .bx-next {
    right: -34px;
}
.pro-hot-title {
    padding-left: 35px;
    font-family: UVNHongHaHep_B;
    font-size: 24px;
    color: #414042;
    text-transform: uppercase;
    margin: 20px 0px 5px;
}
#khungdoitac .bx-wrapper .bx-viewport {
    border: 0;
    left: 0;
    box-shadow: none;
}
#wrapper_main {
    /* background: url(../images/web-bg.png) repeat 0 0; */
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#menu_hu{
    width: 327px;
    height: 342px;
    float: left;
}
#menu_hu a{
    font-family: 'fontC';
    font-size: 12px;
    text-transform: uppercase;
    color: white;

}
.row_1{
    float: left;
    width: 162px;
    height: 342px;

}
.row_2{
    float: right;
    width: 162px;
    height: 342px;

}

.col_1{
    width: 162px;
    height: 93px;

    margin-top: 2.5px;
    margin-bottom: 2.5px;

}
.col_2{
    width: 162px;
    height: 147px;

}
.col_row_1{
    float: left;
    width: 79px;
    height: 147px;

}
.col_row_2{
    float: right;
    width: 79px;
    height: 147px;

}
.menu_text{
    float: left;width: 79px;
    text-align: right;
    padding-top: 32px;
}
.menu_hinh{
    float: right;width: 79px;
    text-align: left;
}
.menu_text a{

}
.menu_hinh a{
    line-height: 7.7;
}

.menu_text_2{
    padding-top: 20px;
    width: 79px;
    height: 63px;
    text-align: center;
}
.menu_hinh_2{

    width: 79px;
    text-align: center;
}
.col_1:hover a{
    color: yellow!important;
}
.col_1:hover img{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

}

.col_row_1:hover a,.col_row_2:hover a{
    color: yellow!important;
}
.col_row_1:hover img,.col_row_2:hover img{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

}

#slide_show {
    width: 100%;

    /* position: absolute; */
    z-index: 1;
    /* padding-bottom:9px;
              background:#FFF url(../images/slide_show_bg.png) left bottom repeat-x; */
    margin: 0 auto;
    /* height: 350px; */
    top: 0;
}
#slide_show .camera_pag{
    position: absolute;
    bottom: 0;
    width: 100%;
}
#slide_show .camera_wrap{margin-bottom: 0 !important;}
#slide_show .camera_wrap .camera_pag .camera_pag_ul{text-align:center}
#slide_show .bx-wrapper .bx-viewport, #slide_show .bx-wrapper img {/* height: 480px; */}
#slide_show {
}
#slide_show .opacity-slider {
    width: 100%;
    height: 342px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
#slide_show .slide-show-container {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
}
#slide_show .slide-show-container .wrap {
}
#slide_show .slide-show-container .new-design {
    position: absolute;
    left: 334px;
    top: 126px;
    z-index: 20;
}
#content_container {
    margin: 0px auto;
    /* background: #ebeaea; */
    position: relative;
    z-index: 1;
    margin-top: 10px;
}
.home #content_container {margin-top:0}
#content_container>div.container {
    position: relative;
}
#main_content {

}
/* ***************sidebar */
.sl-doitac-item{text-align:center;border-bottom: 1px dotted #000 !important;padding-bottom: 10px;margin: 0 10px;}
.sl-doitac-item .img{
    background: url(../images/imgbg.png) no-repeat center bottom;
    padding-bottom: 20px;
}
.sl-doitac-item .img img{display:inline-block}
.sl-doitac-item h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0;
    color: #23c4cd;
}
.sl-doitac-item p{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}
.sl-doitac-item p span{
    color: #f00;
}
#spnb_scroller{}
#spnb_scroller li{}
#spnb_scroller li a{}
#spnb_scroller li a .img{
    text-align: center;
}
#spnb_scroller li .img img{
    display: inline-block;
    max-width: 100%;
}
/*sb tintucnb*/
#newsnb_scroller{}
#newsnb_scroller li{
    padding: 0 10px;
}
#newsnb_scroller li h5{
    font: bold 12px arial;
}
#newsnb_scroller li h5 a{
    color: #000;
}
#newsnb_scroller li .info{padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;margin-top: 10px}
#newsnb_scroller li .info .img{margin-right:10px;width:60px;height:60px;float:left;border-radius:50% 50%;background:#0137fe;text-align:center;
	color:#ffffff;
	font-family:'fontB';
	padding-top:10px;
}
#newsnb_scroller li .info .img p{margin:0px;}
#newsnb_scroller li .info .img2{
	width:160px;
	float:left;
}
#newsnb_scroller li .info .desc{width:320px;float:right;font: 12px arial;}
/* #newsnb_scroller li a{}
 #newsnb_scroller li a h5{
 
}
 #newsnb_scroller li a .desc{

}*/

.more{
	color:#0137fe;
	font-size:13px;
	font-weight:bold;
}

#sidebar {
    width: 270px;
    float: left;
}
#sidebar2 {
    width: 240px;

    float: right;
}
#sb_container {
    display: inline-block;
    width: 100%;
}
.sb-item {
    margin-bottom: 25px;
    position: relative;
    background: #fff;
    
 
}
.sb-item-title {
    position: absolute;
	top:-73px;
    margin: 0;
    font-weight: normal;
    background: #0090ff;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-size: 100% 100%;
	width:100%;
}
.sb-item-title p {
    margin: 0;
    padding: 20px;
	font-family:'fontA';
	font-size:30px;
	color: #fff;
	text-transform:uppercase;
}
#sb_fanpage {
    overflow: hidden;
}
.video-box img {
    width: 100%;
    height: 196px;
}
.video-box h4 {
    text-align: center;
    font: normal 15px arial;
    color: #4e4e4e;
    margin: 15px 0;
    transition: color .3s ease-in-out;
    font-family: 'Roboto Condensed', sans-serif;
}
.video-box a {
}
.video-mark {
    background: rgba(0,0,0,0.59) url(../images/video_icon.png) center center no-repeat;
    width: 264px;
    height: 196px;
    position: absolute;
    top: 10px;
    /* display: none; */
}
.video-box:hover h4 {
    color: #f00;
}
.box_danhmuc{
	width:100%;
	background:#0074CE url('../images/shadown.png')no-repeat top center;
}

/* *************banner */
.cart {

}
.cart img {
}
#banner_main {
    position: relative;
    background: #fff;
    z-index: 1000;
}
.hdtop{background: #ebebeb;height: 35px; line-height: 35px;}
.hdtop .khung{padding-left: 188px;}
.slogan{width: 50%;}
.slogan marquee{display: block;height: 35px; line-height: 35px;}
.mxhhd p{margin: 0;padding-right: 5px;}
.mxhhd a{display: block;margin-left: 4px;}
.mxhhd a img{display: block;width: 31px; height: 31px;}

.baohd{padding-left: 210px;height: 84px;}
.tenct{display: block;font-size: 36px; font-family: 'teko';text-transform: uppercase;color: #0074ce;
margin: 0;line-height: 45px;padding-top: 5px;}
.dt{display: flex;flex-wrap: wrap;align-content: center;padding:6px 0 0 63px;min-height: 52px;
background: url(../images/dt.png) no-repeat left center;line-height: 18px;margin: 0;
box-sizing: border-box;width: 273px;}
.dt a{display: block;width: 209px;line-height: 28px;color: #d30000;font-size: 22px; font-family: 'cb';}

.logo{position: absolute;max-width: 180px;height: 119px; top: 0;left: calc(50% - 600px);display: flex;
flex-wrap: wrap;align-items: center;}
.logo img{display: block;max-height: 100px;max-width: 100%;}

.name_banner{
    width: 600px;
    margin: 0px auto;
    text-align: center;
}
.name_banner p{
    font-family: 'fontA';
    font-size: 46px;
    color: #fff000;
    text-transform: uppercase;
}
#bn_top {
    /* background:url(../images/banner.png) no-repeat top center; */
}
#bn_container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
}
#bn_container .container {
    position: absolute;
    width: 100% !important;
    top: 0;
}
.hotline-frame {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 84px;
}
.thongtin-bn{
	width:444px;
	height:130px;
	background:url('../images/background_logo.png')no-repeat top left;
	position:absolute;
	top:0px;left:0px;
}

.bn-img {
    /* width: 100%; */
    display: block;
    /* text-align: center; */
}
.bn-img .logo {
    
    position: absolute;
    top: 20px;
    left:30%;
    z-index: 100;
}
.bn-img .bn {
    position: relative;
    width: 100%;
    height: 159px;
}
.bn-widget{position: absolute;right:70px;top: 10px;}
.bn-widget p{
	background:url('../images/icon_hotline.png')no-repeat left center;
	padding-left:30px;
    margin: 0;
    color: #3e3e3e;
  
    font-size: 15px;
	font-family:'TexGyreAdventorBold';
    font-weight:normal;
        
}
.bn-widget p span{
   font-size:20px;
   color:#f70000;
}

.bn-widget .thoigian {color:#fff}
.bn-widget .diachi{
   
}


.bn-hotline {
    margin: 0;
    text-align: center;
}
.bn-hotline a {
    color: #f8815c;
    background: url(../images/hotline.png) no-repeat 0 0;
    padding-left: 37px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 30px;
    display: inline-block;
    font-weight: bold;
}
.bn-diachi {
     color:#ff0000;
	font-size:22px;
	font-family:'UTM-Avo';
	font-weight:bold;
	text-transform:uppercase;
    position: absolute;
    left: 500px;
    top: 10px;
    
}
.bn-user {
    position: absolute;
    right: 0;
    top: 10px;
}
.bn-user a {
    display: inline-block;
    font: 12px arial;
    color: #fff;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    margin-left: 22px;
}
.bn-user .dangkybtn {
    background: url(../images/icon_dangky.png) 0 0 no-repeat;
}
.bn-user .dangnhapbtn {
    background: url(../images/icon_dangnhap.png) 0 0 no-repeat;
}
/* **************footer_menu */
.thongke-ft {
    width: 50%;
    float: right;
    text-align: right;
    margin-top: 10px;
}

.thongke-ft p {
    margin: 0;
    color: #fff;
    font: 12px arial;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
}
.online-ft {
    background: url(../images/online.png) no-repeat 0 center;
    padding-left: 30px;
}
.tong-ft {
    background: url(../images/tong.png) no-repeat 0 center;
    padding-left: 30px;
}
.dangkymail-main {
    background: #fff;
    padding: 10px 20px;
    position: relative;
}
.dangkymail-main p {
    margin: 0;
    display: inline-block;
    margin-right: 40px;
}
.ft-nav {
    text-align: center;
}
.ft-nav a {
    color: #fff;
    font: 17px Arial;
    display: inline-block;
    margin: 0 5px;
}
.ft-nav a.ft-nav-line {
    width: 3px ;
    height: 9px;
    background: url(../images/ft-nav-bg.png) 0 center no-repeat;
}
/* **************footer */

.ft-title {
    color: #9e0104;
    text-transform: capitalize;
    margin: 0;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.ft-title-small{font-size:13px;margin-bottom: 30px;margin-top: 11px;}
h1.ft-title {

    font-family: "UVNAnhHai_B.TTF";

    font-size: 20px;
}
#footer {
    
    width: 100%;
    margin: 0px auto ;
    background: #006abc;
    background-size: 100% 100%; 
    
}
.baoft{padding: 55px 0 50px 0;}
.footer_1{width: 456px;color: #fff;font-size: 15px; font-family: 'cb';}
.footer_2{width: 320px;padding-top: 15px;height: 230px;}
.footer_2 .map{width: 100%; height: 215px;display: block;}
.footer_3{width: 295px;overflow: hidden;padding-top: 15px;}
.footer_2 iframe{display: block;width: 100% !important; height: 100% !important;}
.copyri{line-height: 25px; padding: 13px 0;box-sizing: border-box;background: #c2c2c2;font-size: 14px;
color: #000;}
.copyri p{margin: 0;}
.copy span{font-family: 'cb';}
.tk span{padding-left: 19px}
.tk span b{font-weight: normal;font-family: 'cb';}
#ft_info1 *,#ft_info2 * {
    font-family: 'Times New Roman';
    font-size: 18px;
    margin: 0;
    line-height: 21px;
}
#ft_info1 h5.title,#ft_info2 h5.title {
    text-transform: uppercase;
    color: #3085c4;
    font-family: 'Times New Roman';
    font-size: 22px;
    margin-top: 20px;
}
#ft_container {
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 30px 0 20px 0;
}
#footer_bt {
    background: #515151;
    padding: 15px 0;
}
#ft_info {
}
#ft_bottom {
    background: #fff200;
    border-top: 1px solid #e6da00;
}
#ft_bottom > div {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
}
.copyright-wrap{background: #717171;border-top: 1px solid black;font-size: 12px;color: #fff;font-family: 'Roboto', sans-serif;font-weight: 300;}
.copyright {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 8px 0;
    font-weight: bold;
    text-transform: uppercase;
    
}
.copyright span {
    color: #0be80b;
}
.thongkeft {

    float: right;

    line-height: 34px;

    margin-right: 295px;
}
.thongkeft p{
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
}
.thongkeft p span{
    color: yellow;
}
#top {
    /* background: url(images/icon_gotop.png) no-repeat 0 0; */
    cursor: pointer;
    display: none;
    width: 110px;
    height: 58px;
    z-index: 100000;
    display: inline-block !important;
}
#top img{
    width:100%;
}
.thongkeft p:after{content:'';background:#fff;width:1px;height: 9px;display: inline-block;margin-left: 11px;}
.thongkeft p:last-child:after{display:inline}
#ft_bottom .thongke-ft {
    float: right;
    font: 13px arial ;
    color: #000;
    background: url(../images/thongkeicon.png) 0 0 no-repeat;
    padding-left: 30px;
}
.ft-info {
    float: left;
    width: 550px;
    margin-right: 20px;
}
.ft-thongtin{
    float: left;
    width: 320px;
}
.ft-content{float:left;width:246px;padding-left: 60px;}
.ft-content ul{
    padding: 0;
    margin: 0;
}
.ft-content ul li{}
.ft-content ul li a{
    font: 13px arial;
    color: #fff;
}
.ft-content.borderft{background-image:url(../images/ft-border.png),url(../images/ft-border.png);
                     background-position:left top,right top;
                     background-repeat:no-repeat;}
.ft-thongke{float:right;width: 180px;}
.ft-map{float: right;width:300px}
.ft-info div {
}
.ft-info div * {
    color: #fff;
    margin: 0;
    line-height: 24px;
    font-size: 15px;
    font-family: 'tahoma';
}
.ft-dkmail {
    float: right;
    width: 240px;
    position: relative;
}
.mail-desc{
    text-transform: uppercase;
    color: #009bff;
    font-weight: bold;
    font-size: 18px;
   
    display: inline-block;
}
.fanpageplace {
    overflow: hidden;
    height: 74px;
}
/* ************* menu_top*/
.show-menumb-icon {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    margin: 0;
    background: none !important;
    background-color: #DF0000 !important;
}
.show-menumb-icon i{
    /* color: #fff; */
    /* font-size: 30px; */
    /* position: absolute; */
    /* left: 10px; */
    /* top: 10px; */
}
.show-menumb-icon span{
    display: block;
    margin-top: 0;
    color: #fff;
    font-size: 23px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 20px;
}
.menulogo {
}
.menulogo img {
    position: relative;
    top: 22px;
    width: 64px;
    height: 55px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    left: 21px;
}
.menulogo img:hover {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#main_menu {
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    height: 42px;
    background: #0074ce;
    left: 0; top: 0; 
    min-width: 1349px;
    position: relative;
}
.fix_head{position: fixed !important;box-shadow: 0 0 1px #fff;}
#main_mn_container {
    z-index: 1000;
    width: 100%;
    margin: 0 auto;
}
#mn_top ul,
#mn_top li,
#mn_top span,
#mn_top a {
    margin: 0;
    padding: 0;

}
#mn_top {
    position: relative;
}
#mn_top a {

}
#mn_top >ul {
    /*  display: inline-block;*/

}
#mn_top .ulmn{width: 894px;display: flex;flex-wrap: wrap;align-items: center; justify-content: space-around;}
#frm_search{display: block;width: 220px;border-bottom: 1px solid #fff;height: 24px; line-height: 23px;
position: relative;}
#frm_search input{background: none; border: none; outline: none; width: calc(100% - 20px);height: 23px;
line-height: 23px;color: #fff;font-size: 14px;}
#frm_search input::placeholder{color: #fff;}
#frm_search p{position: absolute;right: 0; top: 0;width: 16px; height: 23px;
background: url(../images/sr.png) no-repeat top center;}
#mn_top ul {
    list-style: none;
}
#mn_top > ul > li {
  
    display: block;
    margin: 0;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 42px;
   
}
#mn_top.align-center {
    text-align: center;
}
#mn_top.align-center > ul > li {
    float: none;
}
#mn_top.align-center ul ul {
    text-align: left;
}
#mn_top.align-right > ul {
    float: right;
}
#mn_top.align-right ul ul {
    text-align: right;
}
#mn_top > ul > li > a {
    font-size: 15px;
    color: #ffffff;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
	font-family:'cb';
    display: block;
}
#mn_top > ul > li > a >span {
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 30px;
    position: relative;
}
#mn_top > ul > li.homeicon > a >span {
    padding: 0;
    padding-left: 15px;
}
#mn_top > ul > li.menulogo > a >span {
    padding: 0 119px;
}
#mn_top > ul > li > a >span.hovered {
    background: none !important;
    
}
#mn_top > ul > li:first-child > a {
}
#mn_top.align-right > ul > li:first-child > a,
#mn_top.align-center > ul > li:first-child > a {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#mn_top.align-right > ul > li:last-child > a {
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
}
#mn_top > ul > li.active > a,
#mn_top > ul > li:hover > a {
    color:yellow;
}

#mn_top > ul > li.active ,
#mn_top > ul > li:hover  {

    color:yellow;
}

#mn_top > ul > li.active > a >span,
#mn_top > ul > li:hover > a >span {
    color:yellow;
}
#mn_top .has-sub {
    z-index: 10;
}
#mn_top .has-sub:hover > ul{
    display: block;
}
#mn_top .has-sub ul {
    display: none;
    position: absolute;
    width: 200px;
    top: 100%;
    left: 0;

}
#mn_top.align-right .has-sub ul {
    left: auto;
    right: 0;
}
#mn_top .has-sub ul li {
    position: relative;
}
#mn_top .has-sub ul li a {
    background:rgba(0,116,206,0.7);
    border-bottom: 1px solid rgba(0,116,206,1);
    font-size: 14px;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #ffffff;
    text-align: left;
    text-transform: capitalize;
}
/* #mn_top .has-sub ul li:hover a {
  background: #0c7fb0;
} */
#mn_top ul ul li:hover > a {
   color: #fff !important;
   background: rgba(0,116,206,1) !important;
}
#mn_top .has-sub .has-sub:hover > ul {
    display: block;
}
#mn_top .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}
#mn_top.align-right .has-sub .has-sub ul,
#mn_top.align-right ul ul ul {
    left: auto;
    right: 100%;
}
/* #mn_top .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
} */
/* #mn_top .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
} */
#mn_top ul ul li.last > a,
#mn_top ul ul li:last-child > a,
#mn_top ul ul ul li.last > a,
#mn_top ul ul ul li:last-child > a,
#mn_top .has-sub ul li:last-child > a,
#mn_top .has-sub ul li.last > a {
    border-bottom: 0;
}
#acormenu > ul > li > a i {
    float: right;
}
#mn_top > ul > li.homeicon img {
    width: 70px;
    height: 75px;
}
#acormenu > ul > li > a i {
    float: right;
}

.camera_prev > span{display: none !important;}
.camera_prev{background: url(../images/prev.png) no-repeat !important; height: 80px !important; 
    margin-top: -40px !important;}
.camera_next > span{display: none !important;}
.camera_next{background: url(../images/next.png) no-repeat !important; height: 80px !important; 
    margin-top: -40px !important;}
/* ****hotrotructuyen***** */
.sb-hotline{   background: url(../images/sb_hotline.png) no-repeat 0 0;   height: 102px;   position: relative; }
.sb-hotline p{   position: absolute;   right: 30px;   bottom: 10px; }
.sb-hotline p span{   font-size: 18px;   color: #f00;      font-weight: bold; }
.hotrotructuyen{   padding: 0;   margin: 0; }
.hotrotructuyen li{   position: relative;padding: 15px;margin: 0;   border-bottom: 1px solid #d8d7d7;}
.hotrotructuyen li:last-child{border:0}
.hotrotructuyen p{   font-size: 14px;   font-family: 'arial';   color: #3e3e3e;   margin-bottom: 9px;   line-height: 19px; }
.hotrotructuyen .name{
}
.hotrotructuyen .mail span{color:#1a6c00}
.hotrotructuyen .phone{   background: url(../images/hotline-icon.png) no-repeat 0 0;   padding-left: 32px; }
.hotrotructuyen .phone span{color: #f00;font-size: 16px;}
.hotrotructuyen .email{   background: url(../images/mail.png) no-repeat 0 0;   padding-left: 32px; }
.hotrotructuyen .skypeicon{   position: absolute;   right: 10px;   top: 10px; }
.supportd .hotrotructuyen .skypeicon{position:initial}
/*****************tienichweb*/
#tienichweb ul {
    padding: 0px 10px;
    list-style-type: none;
}
#tienichweb li {
    padding: 7px 3px;
}
#tienichweb li a {
    font-family: 'Arial';
    color: #000;
    font-size: 12px;
    padding-left: 30px;
}
#tienichweb .vang,#tienichweb .chungkhoan,#tienichweb .thoitiet,#tienichweb .ngoaite {
    background-position: 0px center;
    background-repeat: no-repeat;
}
#tienichweb .vang {
    background-image: url(../images/vang.png);
}
#tienichweb .chungkhoan {
    background-image: url(../images/chungkhoan.png);
}
#tienichweb .ngoaite {
    background-image: url(../images/ngoaite.png);
}
#tienichweb .thoitiet {
    background-image: url(../images/thoitiet.png);
}
/* *************thong_ke_truy_cap */
#thongketruycap {
}
#thongketruycap >p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;

    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    margin-bottom: 3px;
}
#thongketruycap {
    padding: 0;
    list-style-type: none;
    /* text-align: center; */
    /* display: inline-block; */
    margin-top: 10px;
}
#thongketruycap li {
}
#thongketruycap li p {
    color: #fff;
    margin: 0;
    font-size: 12px;
    margin-bottom: 6px;padding:2px;
    font-family: arial;
    padding-left: 30px;
}
#thongketruycap li p span {
}
#thongketruycap .tktc-online {
    background: url(../images/online.png) no-repeat;
}
#thongketruycap .tktc-tuan {
    background: url(../images/tuan.png) no-repeat;
}
#thongketruycap .tktc-thang {
    /* background: url(../images/thang.png) no-repeat; */
}
#thongketruycap .tktc-tong {
    background: url(../images/tong.png) no-repeat;
}
#thongketruycap .tktc-online,#thongketruycap .tktc-tuan,#thongketruycap .tktc-thang,#thongketruycap .tktc-tong {
    background-position: 0 0px;
}
/* thongketruycap2 */
#thongketruycap2 {
    position: absolute;
    left: 0;
    top: 65px;
}
#thongketruycap2 ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;
}
#thongketruycap2 ul li {
}
#thongketruycap2 ul li p {
    font: bold 12px Arial;
    color: #ffff00;
    padding: 3px 0;
    padding-left: 30px;
}
#thongketruycap2 ul li p span {
    color: #fff;
    font-weight: normal;
}
#thongketruycap2 ul .tktc-online {
    background: url(../images/online.png) no-repeat;
}
#thongketruycap2 ul .tktc-tuan {
    background: url(../images/tuan.png) no-repeat;
}
#thongketruycap2 ul .tktc-thang {
    background: url(../images/thang.png) no-repeat;
}
#thongketruycap2 ul .tktc-tong {
    background: url(../images/tong.png) no-repeat;
}
#thongketruycap2 ul .tktc-online,#thongketruycap2 ul .tktc-tuan,#thongketruycap2 ul .tktc-thang,#thongketruycap2 ul .tktc-tong {
    background-position: 8px 4px;
}
/* **************maxh */
.maxh {
    padding: 0;
    list-style-type: none;
    margin: 0;
    position: absolute;
    right: 100px;
    top: 15px;
}
.maxh .title{margin:0;display:inline-block}
.maxh li {
    display: inline-block;
}
.maxh li a {
    position: relative;
}
.maxh li a span {
    position: absolute;
    font: bold 12px Arial;
    text-transform: uppercase;
    color: #fff;
    top: -10px;
    left: 40px;
}
.maxhft {



    color: #fff;

    position: relative;

    left: 0;
}

/* ***************free_tran*/
.free_tran {
    position: absolute;
    top: 18px;
    right: 0px;
}
.free_tran ul li {
    float: right;
    margin-left: 5px;
    margin-top: 17px;
}
.lang_con {
    display: block;
}
.lang_con span a img
{
}
.lang_con span a span
{
    float: left;
    font-family: 'UTM Alexander';
    color: #0a46e4;
    font-size: 12px;
    line-height: 26px;
    padding-right: 7px;
}
/*------------Search box----------*/
.desc-timkiem {
    position: absolute;
    top: 8px;
    left: 5px;
    font: bold 11px arial;
}
.timkiem {
    background: url(../images/background_search.png) no-repeat left top;
    width: 276px;
    height: 30px;
    margin: auto;
    position: absolute;
    top: 7px;
    right: 0px;
    z-index: 999
}
.box_search {
    width: 276px;
    height: 30px;
    line-height: 30px;
    border: none;
    color: #fff;
    font: 12px Arial;
    text-indent: 10px;
    background: none;
    outline: none;
}
.btn_search {
    cursor: pointer;
    display: block;
    width: 46px;
    height: 30px;
    background: url(../images/icon_search.png) no-repeat 0 0px;
    border: none;
    padding: 0;
    margin: 0;
    text-indent: -9999999999px;
    overflow: hidden;
    position: absolute;
    top:0px;right: 0px;
}
/*------------Search box----------*/
#form_dk {
    background: url(../images/bg_email.png) no-repeat left top;
    width: 225px;
    height: 27px;
    display: inline-block;
    margin-bottom: 10px;
}
#txtMail {
    width: 180px;
    height: 27px;
    line-height: 27px;
    border: none;
    color: #000;
    font: 12px Arial;
    text-indent: 10px;
    background: white;
    outline: none;
    margin-bottom: 15px;
    border-radius: 5px;
}
#txtHoten {
    width: 180px;
    height: 27px;
    line-height: 27px;
    border: none;
    color: #000;
    font: 12px Arial;
    text-indent: 10px;
    background: white;
    outline: none;
    margin-bottom: 5px;
    border-radius: 5px;
}
#txtnoidung{
    width: 180px; 
    border: none;
    color: #000;
    font: 12px Arial;
    text-indent: 10px;
    background: white;
    outline: none;
    margin-bottom: 5px;
    border-radius: 5px;
}
#registerMail {
    cursor: pointer;
    display: inline-block;
    width: 42px;
    height: 27px;
    background: url(../images/icon_send.png) no-repeat 0 0px;
    border: none;
    padding: 0;
    margin: 0;
    text-indent: -9999999999px;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    right: 50px;
}
/* ****************contact_tpl */
.tablelienhe label span img {
    position: absolute;
    left: 0px;
    top: 10px;
}
.tablelienhe label {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 100px;
    font-weight: bold;
    text-align: right;
    position: relative;
    margin-right: 15px;
}
.tablelienhe .input_block {
    margin: 0 0 10px 0;
}
.tablelienhe .input_item {
}
.tablelienhe .input,.tablelienhe textarea {
    display: block;
    width: 82%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tablelienhe textarea {
    margin-top: 10px;
    overflow: auto;
    height: auto;
}
.tablelienhe .input,.tablelienhe textarea {
    width: 91%;
}
.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.button {
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: none;
    -webkit-writing-mode: horizontal-tb;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 34px;
    letter-spacing: normal;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    word-spacing: 0px;
    writing-mode: lr-tb;
}
.button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
#main_contact
{
    margin: 0px auto;
    width: 100%;
    margin-top: 10px;
}
.contact-content {
}
.bando {
    padding-top: 10px;
}

.left-content {
    float: left;
    width: 265px;
    box-sizing: border-box;
    padding: 10px 10px 30px;
}
.right-content {
    width: 780px;
    float: right;

}

/*idx tpl*/
/*index top */
.spmoi{
    background:#2ea4ff;
}
.spmoi-main{
    padding: 7px 0;
}
.spmoi-item{}
.spmoi-box{
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}
.spmoi-box a{}
.spmoi-box a .img{}
.spmoi-box a .img img{
    display: inline-block;
}
.spmoi-box a h3{
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    border-top: 1px solid #e9e9e9;
    padding-top: 10px;
    margin-top: 5px;
}
.spmoi-box a p{
    margin: 0;
    color: #666666;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}
.spmoi-box a span{
    color: #f00;
}
.product-wrap{padding:20px}
.idx-content{}
.idx-title{
    background: url(../images/main_title_bg.png) no-repeat center bottom;
    text-align: center;
    margin-bottom: 37px;
}
.spmoi .idx-title{
    background: url(../images/idx_title_2_bg3.png) repeat-x 0 0;
}
.idx-title p{
    margin: 0;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;
    color: #23c4cd;
    background: url(../images/idx_title_2_bg2.png) repeat 0 0;
    text-transform: uppercase;
    -webkit-text-stroke: .2px white;
    text-shadow: 2px 2px 0.3px rgba(0, 0, 0, 0.75);
    padding: 36px 0 27px;
}
.index-top{}
.index-tl{
    float: left;
    max-width: 270px;
    width: 30%;
    display: none;
}
.index-tl ul{
    padding: 0;
    border-color: #f0f0f0;
    border-style: solid;
    border-width: 0 1px 1px;
}
.index-tl li{
    background-image:url(../images/accor_bg.png),url(../images/accor_mn_it.png);background-position: center -5px, 20px 19px;
    background-repeat:no-repeat}
.index-tl li a{
    font-family: 'MYRIADPRO-REGULAR';
    display: block;
    color: #000;
    font-size: 15px;
    padding: 14px 5px 14px 40px;
}
.index-tr{
    float: right;
    width: 100%;
}
/* ****************product-tpl */

#pro_demo{margin-top: 20px;}
.pr-box-frame {width: 18.4%;margin-right:2%;float:left;/* width: 100%; */text-align: center;margin-bottom: 20px;}
.pr-box-frame.mgr0-3i{margin-right:0;}
.pr-box-frame.mgr0-4i {margin-right:0;}
.pr-box-frame.mgr0-5i {/* margin-right:0; */}
.pr-box {
    /* display: inline-block; */
    padding-bottom:10px;
    margin: 0 auto;
    width: 224px;
    float: left;
    text-align: center;
    border: 1px solid #d0d0d0;
    padding: 10px;
    margin-right: 11px;
    margin-bottom: 30px;
    /* background: url(../images/boxbg.png) no-repeat center bottom; */
    position: relative;
    transition: all .3s linear;
}
.products-wrap .pr-box,#pro_demo .pr-box{}
.products-wrap .pr-box.mgr0-4i,#pro_demo .pr-box.mgr0-4i{margin-right:0;}

.pr-box.mgr0-5i{margin-right:0}
.pr-box.mgr0-5i:after{clear:both;}
.pr-box:after {content: url(../images/boxbg.png);position: absolute;width: 152px;bottom: -12px;left: 37px;}
.pr-box h3 a{
    color: #23c4cd;
}
.pr-box h3{
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    /* background: url(../images/img-pattern.png) no-repeat center top; */
    padding-top: 5px;
}
.pr-box h3:before{/* background: url(../images/img-pattern.png) no-repeat center top; */ content:'';height: 15px;width: 100%;display: block;margin-bottom: 9px;margin-bottom: 0;height: 0;}
.pr-box:hover h3{

}
.pr-box p{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 5px;
}

.xemchitiet a{
    color: #000;
    display: inline-block;
    background: url(../images/chitietbg.png) no-repeat right center;
    padding-right: 15px;
    transition: all .3s linear;
}
.xemchitiet a:hover{margin-left: -10px;font-style: italic;}
.pr-box p span{
    color: #f00;
}
.pr-box:hover p{}
.pr-box:hover {box-shadow: 0 0 8px 0px #D2D2D2;}
.pr-box .img {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 20px;
    background: url(../images/imgbg.png) no-repeat center bottom;*/;
}
.pr-box .img img {
    width: 200px;
    vertical-align: middle;
    border: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.overlay{
    position: absolute;display:none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(228, 188, 127, 0.71);
    transition: all .5s linear;
    opacity: 0;
}
.overlay-wrap{ display: table;
               height: 100%;
               width: 100%;}
.overlay-dathang{
    display: table-cell;
    vertical-align: middle;
}
.overlay-dathang i{

    color: #fff;

    font-size: 30px;

    border: 5px solid #fff;

    width: 60px;

    height: 60px;

    border-radius: 50%;
}
.fa-shopping-cart:before{line-height: 49px;}
.pr-box .img:hover .overlay{opacity:1;display:block}
.khungmo{background:url(../images/img-pattern.png) no-repeat center bottom;padding-bottom: 8px;position: relative;}
.pr-box:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.zoombtn{
    position: absolute;
    right: 6px;
    bottom: 0px;
}
.add-to-container {
    padding: 0 10px 10px;
}
.add-to-container .price {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
    line-height: 1.5;

    display: block;
    margin-bottom: 10px;
    color: #0ca6ff;
}
.price del {
    font-size: 14px;
    color: #6f6f6f;
}
.price ins {
    text-decoration: none
}
.themgiohang {
    border: 1px solid #dddddd;
    display: inline-block;
    color: #000000;
    background-color: rgba(255,255,255,0.2);
    font-size: 12px;
    padding: 5px 20px;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.5 !important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}
/* ****************pro-detail-tpl */
#pro_detail_tpl {
    padding: 0;
    margin-bottom: 20px;
}

#pro_detail_tpl .pro-left {
    float: left;
    width: 100%;
}
#pro_detail_tpl .pro-left img {
    /* max-width: 100%; */
    /* max-height: 480px; */
    /* width: 400px; */
    /* height: 300px; */
}
#pro_detail_tpl .pro-right {
    float: right;
    width: 100%;
}
#pro_detail_tpl .detail-info {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    border-top: 1px solid #dedede;
    padding: 10px 0;
}
#pro_detail_tpl .detail-info >p{margin:0}
#pro_detail_tpl .detail-info h1{color:#e80000;font-size:21px;text-align: center;padding-bottom: 10px;}
#pro_detail_tpl .detail-info .noidung * {
    font: 16px Arial !important;
    margin-bottom: 10px !important;
    color: rgb(57, 67, 76);
}
#pro_detail_tpl .detail-info .title {
    display: inline-block;
    color: #373737;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
}
#pro_detail_tpl .detail-info .content {
    display: inline-block;
    margin-left: 0;
    /* width: 75%; */
    font-size: 16px;
    color: #373737;
    font-family: 'Roboto Condensed', sans-serif;
}
#pro_detail_tpl .detail-name {
    font-family: "Arial";
    margin-top: 0;
    font-weight: 600;
    line-height: 50px;
    color: #1800F5;
    font-size: 20px;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    border-bottom: 1px solid #EAEAEA;
}
/* *****************news-tpl */

.fancybox_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #f66151;
    background: transparent;
}
.fancybox_overlay:before {
    content: '\f065';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font: 400 30px 'FontAwesome';
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
}
.news-box {
    /* box-sizing: border-box;
                  color: rgb(68, 66, 66);
                  height: 143px;
                    width: 100%;
                  perspective-origin: 322.5px 71.5px;
                  transform-origin: 322.5px 71.5px;
                  border-top: 0px none rgb(68, 66, 66);
                  border-right: 0px none rgb(68, 66, 66);
                  border-bottom: 1px solid rgb(187, 187, 187);
                  border-left: 0px none rgb(68, 66, 66);
                  font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
                  margin: 0px 0px 20px;
                  outline: rgb(68, 66, 66) none 0px;
                  padding: 0px 0px 20px; */
}

/*#DIV_1*/
.news-img {
    position: relative;
    overflow: hidden;
    /* box-sizing: border-box;
                  color: rgb(68, 66, 66);
                  float: left;
                  height: 105px;
                  width: 140px;
                  perspective-origin: 100.5px 61px;
                  transform-origin: 100.5px 61px;
                  border: 0px none rgb(68, 66, 66);
                  font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
                  margin: 0px 25px 0px 0px;
                  outline: rgb(68, 66, 66) none 0px; */
}

/*#DIV_2*/
.news-img img {
    /* box-sizing: border-box;
                  color: rgb(68, 66, 66);
                  cursor: pointer;
                  height: 105px;
                  width: 140px;
                  vertical-align: middle;
                  perspective-origin: 100.5px 61px;
                  transform-origin: 100.5px 61px;
                  border: 0px none rgb(68, 66, 66);
                  font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
                  outline: rgb(68, 66, 66) none 0px; */
}

/*#IMG_4*/
.news-name {
    box-sizing: border-box;
    color: rgb(68, 66, 66);
    height: 15px;
    width: 645px;
    perspective-origin: 322.5px 7.5px;
    transform-origin: 322.5px 7.5px;
    border: 0px none rgb(68, 66, 66);
    font: normal normal bold normal 14px/15.3999996185303px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0px 0px 5px;
    outline: rgb(68, 66, 66) none 0px;
}

/*#H3_5*/
.news-name a {
    box-sizing: border-box;
    color: rgb(68, 66, 66);
    cursor: pointer;
    text-decoration: none;
    border: 0px none rgb(68, 66, 66);
    font: normal normal bold normal 14px/15.3999996185303px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: rgb(68, 66, 66) none 0px;
    transition: color 0.3s ease-in-out 0s;
}

/*#A_6*/
.news-post {
    box-sizing: border-box;
    color: rgb(187, 187, 187);
    border: 0px none rgb(187, 187, 187);
    font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
    outline: rgb(187, 187, 187) none 0px;
}

/*#SPAN_7*/
.news-desc {
    box-sizing: border-box;
    color: rgb(68, 66, 66);
    height: 68px;
    width: 100%;
    perspective-origin: 322.5px 34px;
    transform-origin: 322.5px 34px;
    border: 0px none rgb(68, 66, 66);
    font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
    outline: rgb(68, 66, 66) none 0px;
}

/*#DIV_8*/
.news-read {
    background-position: 0% 50%;
    box-sizing: border-box;
    color: rgb(245, 130, 32);
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    text-decoration: none;
    width: 59px;
    perspective-origin: 29.5px 7px;
    transform-origin: 29.5px 7px;
    background: rgba(0, 0, 0, 0) url(../images/bg-bt-detail.png) no-repeat scroll 0% 50% / auto padding-box border-box;
    border: 0px none rgb(245, 130, 32);
    font: normal normal normal normal 10px/14.2857151031494px Arial, Helvetica, sans-serif;
    margin: 2px 0px 0px;
    outline: rgb(245, 130, 32) none 0px;
    padding: 0px 0px 0px 12px;
    transition: color 0.3s ease-in-out 0s;
}

/*#A_9*/
.news-box {
    padding-bottom: 10px;
    border-bottom: 1px solid #A5A5A5;
    margin-bottom: 20px;
    text-align: center;
    width: 32%;
    float: left;
    margin-right: 2%;
}
.news-box.mgr0-3i {margin-right:0}
.news-content .show-2i{display:none}
.news-box img {
    /* height: 270px; */
    width: 100%;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.news-box:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-box h3 {
    color: #545454;
    font: normal 15px arial;
    text-align: left;
    text-transform: uppercase;
    transition: all .8s ease;
    overflow: hidden !important;
    height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box:hover h3 {
    color: #fe8301;
}
.news-box p {
    color: rgb(168, 166, 164);
    display: block;
    font: normal 14px arial;
    text-align: left;
    overflow: hidden;
    height: 32px;
}
.zoom-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.zoom-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: -13px 0 0 -13px;
    width: 25px;
    height: 26px;
    background: url(../images/magnify-alt.png) 50% 50% no-repeat;
    content: "";
}
.news-box:hover .zoom-icon {
    visibility: visible;
    opacity: 1;
}
/* horizal-news */
.news-box.horizal-news {
    /* padding-bottom: 10px; */
    /* border-bottom: 1px solid #545454; */
    /* margin-bottom: 20px; */
    /* text-align: center; */
    width: 100%;
    float: none;
    margin-right: 0;
}
.horizal-news .news-img {
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 10px;
}
.news-box.horizal-news img {
    height: 150px;
    width: 100%;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.news-box.horizal-news:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-box.horizal-news h3 {
    color: #000;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    transition: all .8s ease;
    /* overflow: hidden !important; */
    height: auto;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    margin: 0;
    padding: 5px 0;
    margin-bottom: 5px;
    /* border-bottom: 1px solid #901D78; */
    font-family: 'Roboto Condensed', sans-serif;
}
.news-box.horizal-news:hover h3 {
    color: #016835;
}
.news-box.horizal-news p {
    color: rgb(168, 166, 164);
    display: block;
    font: normal 14px arial;
    text-align: left;
    overflow: hidden;
    height: 32px;
}
.news-box.horizal-news:hover .zoom-icon {
    visibility: visible;
    opacity: 1;
}
.xemtatca {
    display: inline-block;
    float: right;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif;
    background: url(../images/muiten_title.png) no-repeat right center;
    padding-right: 25px;
    color: #878638;
    margin-top: 15px;
    margin-right: 5px;
}
/* others css **************/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#slide_show .bx-wrapper .bx-controls-direction a {
    width: 42px;
    height: 69px;
    top: 45%;
}
#slide_show .bx-wrapper .bx-prev {
    background: url(../images/bx-prev.png) no-repeat;
    left: 0;
}
#slide_show .bx-wrapper .bx-next {
    background: url(../images/bx-next.png) no-repeat;
    right: 0;
}
.content-container {
    margin-top: 20px;
}
.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}
.doi-mau {
    background: #226BA5 -webkit-gradient(linear, left top, right top, from(red), to(#F11150), color-stop(0.5, #F5FF00)) 0 0 no-repeat;
    color: rgba(255, 255, 255, 0.1);
    font-weight: bold;
    position: relative;
    -webkit-animation: shine 2s infinite;
    -webkit-background-clip: text;
    -webkit-background-size: 300px;
}
@-webkit-keyframes shine {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}

/* Starter CSS for Flyout Menu */
.cssmenu {
    padding: 0;
    margin: 0;
    border: 0;
}
.cssmenu ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cssmenu ul {
    position: relative;
    z-index: 597;
    float: left;
}
.cssmenu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle;
}
.cssmenu ul li.hover,
.cssmenu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
.cssmenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%;
}
.cssmenu ul ul li {
    float: none;
}
.cssmenu ul li:hover > ul {
    visibility: visible;
}
.cssmenu ul ul {
    top: 0;
    left: 100%;
}
.cssmenu ul li {
    float: none;
}
/* Custom Stuff */
.cssmenu span,
.cssmenu a {
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
}
.cssmenu {
}
.cssmenu:after,
.cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}
.cssmenu > ul > li:first-child {

}
.cssmenu > ul > li:last-child {

}
.cssmenu > ul > li ul ul li:first-child {

}
.cssmenu > ul > li ul ul li:last-child {

}
.cssmenu ul,
.cssmenu li {
    width: 100%;
}
.cssmenu li {

}
.cssmenu li:hover,
.cssmenu li.active {

}
.cssmenu li:hover > a,
.cssmenu li.active > a {
    color: #F00;
}
.cssmenu a {
    color: #666666;
    line-height: 160%;
    padding: 4px 8px 4px 8px;
    width: 240px;
}
.cssmenu >ul>li>a {
    padding: 6px 20px;
    background: url(../images/accor_mn_it.png) 13px 10px no-repeat;
    cursor: pointer;
    z-index: 2;
    font-size: 13px;
    font-weight: normal;
    font-family: 'UTM Avo.ttf';
    text-decoration: none;
    color: #616161;
    padding-left: 29px;
    /* text-transform: uppercase; */
    text-shadow: none !important;
}
.cssmenu ul ul {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    width: 100%;
}
.cssmenu ul ul li {
    background: #606a76;
    border-bottom: 1px solid #59636F;
    -moz-box-shadow: inset 0 1px 0 #66707c;
    -webkit-box-shadow: inset 0 1px 0 #66707c;
    box-shadow: inset 0 1px 0 #66707c;
}
.cssmenu ul ul li:hover {
    background: #4a5662;
}
.cssmenu ul ul li a {
    color: #FFF;
}
.cssmenu ul ul a,
.cssmenu ul ul a span {
    font-size: 15px;
    transition: all .3s linear;
}
.cssmenu ul ul li:hover > a {
    color: #fff;
    padding-left: 18px
}

#khung_slide {
    width: 100%;
    min-height: 1px;
}

/*------------LEFT-------------*/
#left {
    width: 274px;
    top: 134px;
    position: absolute;
}
.i_name h2 {
    text-align: left;
}

/*+++++++++++++	MENU LEFT++++++++++++++++*/
ul.cateUl ul.sub_menu {
    /* display:none; */
}
ul.cateUl {
    width: 272px;
    margin: 0;
    position: relative;
    padding: 0;
}

ul.cateUl > li {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
ul.cateUl > li {

    height: 80px;
    line-height: 80px;
    overflow: hidden;
}
ul.cateUl li a {
    color: #000;
    transition: all .3s linear;
}
ul.cateUl li p:hover a {
    color: #f00
}
ul.cateUl li:first-child a {
    border: none !important;
}
ul.cateUl > li > a {
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'roboto' !important;
    border-top: 2px #dfdfdf solid;
    text-indent: 45px;

}

ul.cateUl>li>a:hover {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    text-indent: 65px !important;
    background-position: 30px !important;
    color: red;

}


ul.sub_menu {
    position: absolute;
    left: 272px;
    top: -2px;
    width: 940px;
    min-height: 321px;
    font-family: 'roboto';
    border: thin #ccc solid;
    padding: 0;
}
ul.sub_menu li {
    line-height: 25px;
    float: left;
    margin: 0px 5px 0px 20px;
    width: 165px;
    padding-bottom: 0px;
    text-align: left;
    text-indent: 0px !important;
}
ul.sub_menu li div p {
    line-height: 20px;
}
.i_name h2 {
    border-bottom: thin dashed #F90;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background: none !important;
    line-height: 25px !important;
    height: auto !important;
    width: auto !important;
    margin-left: 12px;
    padding-top: 5px;
    margin-left: 0;
}
.i_name h2 a {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 15px;
}
.active1 {

    text-indent: 65px !important;
    background-position: 30px !important;
    background-position: 15px;
    color: red !important;
}
.wrap-main-container{
}
.mm-menu {
    background: #DF0000;
}
.cartmobile{
    position: absolute;
    right: 13px;
    top: -5px;
    z-index: 99999999;
    color: #fff;
    font-size: 24px;
}
.cartmobile i{
}

.zoom-wrap{padding:5px}
.selectors .mz-thumb img{max-width: 85px !important;}
.mz-thumb{border:2px solid #999898;-webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;}
.mz-thumb-selected{border-color:#fa0000}
.app-figure{padding: 0 !important;}
.themvaogiohang,.muangay{font-family: 'Roboto Condensed', sans-serif;font-weight:bold;font-size:14px;color:#fff;display:inline-block;padding: 3px 10px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.themvaogiohang:hover,.muangay:hover{color: #fff;text-decoration: underline;}
.themvaogiohang{background:#5a5a5a}
.muangay{background:#d60000}
.qty {
    width: 66px;
    height: 26px;
    /* left: 30px; */
    font-size: 18px;
    margin: 0 !important;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    text-align: center;
    border: 1px solid #dfdbdb !important;
    border-radius: 0px;
    position: relative;
    top: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.title-sl{margin:0}
.pr-detail-title{font-family: 'Roboto', sans-serif;color:#606060;font-size:20px;text-transform:uppercase;margin: 25px 0 0px;}
.pr-detail-content{}
.pro-slick .slick-next,.pro-slick .slick-prev{
    top: 37%;
}
.pro-slick .slick-next{
    right: 30px;
}
.pro-slick .slick-prev{
    left: 30px;
    position: absolute;
    z-index: 10000;
}
.slick-initialized.slick-slide{outline:none}
.news-detail{border:0;padding:0}
#pro_demo .show3i{display:none}
.mm-menu .mm-list > li > a.mm-subclose{color:#fff}
.mm-menu a:hover, .mm-menu a.active{color: #A099FD;}
#slide_show a{display: block;}
#slide_show .slick-slide img {
    height: 464px;
    width:100%
}
#slide_show .slick-slider{margin:0}
.slick-slider{margin-bottom:0 !important}

.mod_gioithieu{padding: 62px 0 20px 0;}
.gtleft{width: 600px;display: block;}
.gtleft .tengt{font-weight: normal;margin: 0;}
.gtleft .tengt a{display: block;font-family: 'teko'; font-size: 33px;color: #0074ce;
text-transform: uppercase;line-height: 36px;padding-top: 5px;margin-bottom: 2px;}
.motagt{display: block;line-height: 24px;color: #5b5b5b; font-size: 14px;margin-bottom: 7px;}
.themgt{display: block;width: 109px; height: 32px; line-height: 30px;font-size: 14px;color: #fff;
background: #0074ce; text-align: center;margin-bottom: 23px;}
.themgt:hover{background: #f00; color: #fff;}
.baogt{display: flex;justify-content: space-between;flex-flow: row wrap;}
.item_gt{width: calc(50% - 10px);margin-bottom: 22px;}
.item_gt .img{width: 55px; height: 58px; border: 2px solid #cce3f5; border-radius: 3px;display: flex;
flex-wrap: wrap;align-items: center; justify-content: center;box-sizing: border-box;overflow: hidden;}
.item_gt .img img{display: block;max-width: 51px; max-height: 54px;transition: 1s;}
.item_gt:hover .img img{transform: rotate(720deg);}
.item_gt .ttgt{display: block;width: calc(100% - 75px);}
.item_gt h3{font-weight: normal;margin: 0;}
.item_gt h3 a{display: block;line-height: 24px; max-height: 48px; overflow: hidden;margin-bottom: 2px;
font-size: 15px; font-family: 'cb';color: #343434;}
.item_gt .mota{margin: 0;display: block;line-height: 18px; max-height: 36px; overflow: hidden;
color: #888;font-size: 12px;}
.gtright{width: 585px;padding-top: 10px;}
.intro{height: 356px;}
.dg-container{width:100%;height:100%;position:relative;overflow:hidden;}
.dg-wrapper{max-width:100%;width:470px;height:100%;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px;}
.dg-wrapper a{max-width:100%;width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.dg-wrapper a.dg-transition{
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
-ms-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
.dg-wrapper a img{display:block;height:100%; width: 100%;object-fit: cover;border: 3px solid #fff;}

.dg-container nav{width:100%;position:absolute;z-index:100;bottom:calc(50% - 12px);left:0px;display:block;
height: 0;}
.dg-container nav span{text-indent:-9000px;float:left;cursor:pointer;width:32px;height:24px;opacity:0.8;
margin-top: -12px;}
.dg-container nav .dg-prev{float:left;background: url(../images/nex.png) no-repeat;margin-left: 15px;
transform: rotate(-180deg);}
.dg-container nav .dg-next{float:right;background: url(../images/nex.png) no-repeat;margin-right: 15px;}
.dg-container nav span:hover{opacity:1;}
.dg-container nav span.dg-next{background-position:top right;}

.tieude_giua{display: block;text-align: center;color: #006abc;font-size: 36px; font-family: 'teko';
text-transform: uppercase;padding-top: 6px;padding-bottom: 8px;margin: 0 0 24px 0;
background: url(../images/gach.png) no-repeat bottom center;}

.danhmuc{background:url(../images/nendanhmuc.jpg) no-repeat center center;
background-size: cover;padding: 79px 0 50px 0;}
.danhmuc .tieude_giua{margin-bottom: 19px;}
.danhmuc1{padding: 53px 0 45px 0;}
.danhmuc:nth-child(2n+1){background: #0074ce;}
.danhmuc:nth-child(2n+1) .tieude_giua{color: #fff;background: url(../images/gach1.png) no-repeat bottom center;}
.cap2{display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 28px;}
.cap2 a{display: block;margin: 0 5px 10px 5px;color: #0074ce;border: 1px solid rgba(0,116,206,0.5);
border-radius: 3px;padding: 0 21px;font-size: 14px;line-height: 30px;text-transform: uppercase;}
.cap2 a:hover{font-family: 'cb';}
.baocap3{display: flex;flex-wrap: wrap;justify-content: center;}
.cachc3{display: block;width: 32px; height: 24px;background: url(../images/nex1.png) no-repeat;
margin:93px 4px 0 4px;position: relative;}
.cachc3 span{position: absolute;top: -48px; left: -26px; content: '';width:83px; height:35px;
background: url(../images/dm.png) no-repeat;z-index: 5;}
.cachc3:last-child{display: none;}
.item_cap3{margin-bottom: 15px;}
.item_cap3 .img{display: block;width: 208px; height: 208px;padding: 0 0 3px 3px; border-radius: 50%; 
overflow: hidden;position: relative;margin-bottom: 15px;}
.item_cap3 .img:before{position: absolute;left: 0; bottom: 0; content: ''; width: calc(100% - 3px); 
    height: calc(100% - 3px);border-radius: 50%; background: #0074ce;}
.item_cap3 .img img{display: block;width: 100%;position: relative;z-index: 2;border-radius: 50%;
transition: 1s;}
.item_cap3 .img:hover img{transform: rotate(-45deg);}
.item_cap3 .ten{display: block;text-align: center;line-height: 28px; padding: 2px 0;font-size: 18px;
color: #0074ce; text-transform: capitalize;}
.danhmuc:nth-child(2n+1) .item_cap3 .img:before{background: #fff;}
.danhmuc:nth-child(2n+1) .item_cap3 .ten{color: #fff;}
.danhmuc:nth-child(2n+1) .cap2 a{color: #fff;border: 1px solid rgba(255,255,255,0.5);}
.danhmuc:nth-child(2n+1) .cachc3{background: url(../images/nex.png) no-repeat;}
.item_cap3 .ten:hover{color: #f00 !important;}

.mod_quangcao{background: url(../images/nenquangcao.jpg) no-repeat right center,#c9cfe7;
min-height: 300px;background-size: cover;position: relative;display: flex;flex-wrap: wrap;
align-items: center;}
.mod_quangcao:before{position: absolute;content: '';left: 0; top: 0; width: 720px; height: 100%;
background: url(../images/hinhbanner.png) no-repeat left center;background-size: auto 100%;}
.motaqc{width: 575px;display: block;float: right;margin-right: -26px;text-align: center;}
.motaqc .tenqc{line-height: 29px;display: block;font-size: 24px;color: #006abc;width: 100%;margin: 0;}
.motaqc .motaq{display: block;line-height: 46px;margin-bottom: 5px;font-size: 36px;font-family: 'cb';
color: #006abc; width: 100%;}
.motaqc .noidungqc{display: block;line-height: 24px;color: #00487f;font-family: 'cb';width: 100%;}

.mod_hinhanh{padding: 52px 0 0 0;}
.baohinh{width: calc(100% + 20px);margin: 0 -10px;display: flex;flex-wrap: wrap;}
.item_ha{margin: 0 10px 19px 10px;display: block;position: relative;overflow: hidden;}
.item_ha .img{display: block;width: 100%;}
.item_ha .img img{display: block;width: 100%;}
.item_ha .ttha{position: absolute;left: 0; bottom: 0;height: 42px;width: 100%;
background: rgba(0,0,0,0.3);padding: 0 30px;display: flex;flex-wrap: wrap; align-items: center;
justify-content: center;transition: 1s;}
.item_ha .ttha1{display: flex;flex-wrap: wrap; align-content: flex-start;justify-content: center;
width: 100%;height: auto;transition: 1s;}
.item_ha .ttha:before{position: absolute;left: 7px; top: 7px;width: calc(100% - 14px);content: '';
height: calc(100% - 14px);border: 3px solid #fff; box-sizing: border-box;transition: 0.7s;opacity: 0;}
.item_ha .ten{display: block;width: 100%; text-align: center;line-height: 32px; padding: 5px 0;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 16px;
font-family: 'cb';transition: 1s;position: relative;z-index: 2;}
.item_ha .mota{display: block;text-align: center;padding: 0 20px;line-height: 24px;max-height: 48px; 
overflow: hidden;margin-bottom: 12px;color: #fff;width: 100%;position: relative;z-index: 2;}
.item_ha .them{display: block;margin: auto;width: 120px; height: 32px; line-height: 30px; text-align: center;
color: #fff;background: #0074ce;position: relative;z-index: 2;}
.item_ha:hover .ttha{height: 100%;}
.item_ha:hover .ttha:before{opacity: 1;}
.item_ha1 .ten{font-size: 18px;}
.item_ha1:hover .ten{font-size: 24px;}
.item_ha1 .ttha:before{left: 17px; top: 17px;
width: calc(100% - 34px);;height: calc(100% - 34px);border: 5px solid #fff;}
.item_ha .them:hover{background: #f00;}
.item_ha .ten:hover{color: #0074ce;}
.themhd{display: block;margin:0 auto 15px;width: 120px; height: 32px; line-height: 30px; text-align: center;
color: #fff !important;background: #0074ce;position: relative;z-index: 2;}

.mod_tintuc{padding: 39px 0 40px 0;}
.mod_tintuc .tieude_giua{margin-bottom: 28px;text-align: left;background: url(../images/gach.png) no-repeat bottom left;}
.mod_tin{width: 656px;}
.chaytintuc{max-height: 455px; overflow: hidden;}
.item_tin{display: flex !important;border: none !important;margin-bottom: 19px;position: relative;
outline: none;}
.item_tin a{outline: none}
.item_tin .img{width: 200px;display: block;}
.item_tin .img img{display: block;width: 100%;}
.item_tin .tttt{width: calc(100% - 221px);}
.item_tin h3{font-weight: normal;margin: 0;}
.item_tin h3 a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #242424;
font-size: 18px; font-family: 'cb';line-height: 29px;margin-bottom: 4px;}
.item_tin h3 a:hover{color: #f00;}
.item_tin p.mota{margin: 0;display: block;line-height: 24px; max-height: 72px; overflow: hidden;
color: #585858;}
.item_tin .them{width:220px;line-height: 30px; height: 31px;border-bottom: 1px solid #0074ce;
display: block;position: absolute;bottom: 0;left: 137px;}
.item_tin .them span{display: inline-block;width: 110px;height: 30px;background: #0074ce; color: #fff;
text-align: center;}
.item_tin:nth-child(2n+1){flex-direction: row-reverse;}
.item_tin:nth-child(2n+1) .them{left:auto; right: 137px;text-align: right;}
.item_tin .them:hover{border-bottom: 1px solid #f00;}
.item_tin .them:hover span{background: #f00}

.mod_video{width: 500px;overflow: hidden;}
.mod_video iframe{display: block;width: 100%; height: 350px;}
#listvd{width: calc(100% + 10px); margin:10px -5px 0 -5px;}
#listvd a{display: block;position: relative;margin: 0 5px;outline: none;}
.hinhvd{height: 90px;object-fit: cover;display: block;}

.mod_doitac{padding: 39px 0 0 0;}
.chaydoitac{display: block;background: #f2f2f2;}
.baodoitac{padding:30px 27px 26px 27px;}
.baodoitac a{display: flex;flex-wrap: wrap;margin: 0 5px;height: 93px;align-items: center;
justify-content: center;background: #fff;outline: none;}
.baodoitac a img{display: block;max-width: 100%; max-height: 93px;}
.baodoitac .slick-prev{
    background: url(../images/prev1.png) no-repeat !important;width: 25px; height: 55px; 
    margin-top: -27.5px;left: 0;font-size: 0;
}
.baodoitac .slick-next{
    background: url(../images/next1.png) no-repeat !important;width: 25px; height: 55px; 
    margin-top: -27.5px;right: 0;font-size: 0;
}
.baodoitac .slick-prev:before, .baodoitac .slick-next:before{display: none;}

.khunghinhanh{
    width: calc(100% + 10px);
    margin: 0 -5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.khunghinhanh a{display: block;margin: 0 5px 10px 5px;width: calc(100%/4 - 10px);}
.khunghinhanh a img{display: block;width: 100%;transition: 0.5s;}
.khunghinhanh a:hover img{opacity: 0.6;}
.khungsp{
    width: calc(100% + 20px);
    margin: 0 -10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.hover_sang3 {
    overflow: hidden;
    position: relative;
}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}

.item_sp{width: calc(100%/4 - 20px); margin: 0 10px 20px 10px;}
.item_sp .img{display: block;width: 100%;margin-bottom: 10px;}
.item_sp .img img{display: block;width: 100%;}
.item_sp h3{font-weight: normal;margin: 0;}
.item_sp h3 a{display: block;color: #000; font-size: 16px;text-align: center;font-family: 'cb';
line-height: 25px;}
.item_sp h3 a:hover{color: #f00;}
.item_sp p{margin: 0; display: block;text-align: center;font-size: 14px;line-height: 25px;}
.item_sp p span{font-family: 'cb';color: #f00;}
div#tabs{background:#f7f7f7;padding:0px;margin-top:10px;margin-bottom:10px}
div#tabs ul#ultabs{list-style:none;border:1px solid #EEE; margin: 0;padding: 0;}
div#tabs ul#ultabs li{display: block;color:#212121;background:#eee;padding:8px 13px;cursor:pointer;border-bottom:none;font-size:13px;text-transform:capitalize}
div#tabs ul#ultabs li.active{background:#fff;font-family:'arial'; font-weight: bold;}
div#content_tabs{border:1px solid #EEE;border-top:none;padding:10px;background:#fff;border-bottom:none}
div#tabs .fb-comments{border:1px solid #EEE;border-top:none;background:#fff}
div.wap_pro{
    padding-top: 20px;
    margin:auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}
.zoom_slick {
    overflow: hidden;
    width: calc(50% - 10px);
}
.zoom_slick .slick2 {
    border: 1px solid #DDD;
    overflow: hidden;
    box-sizing: border-box;
}
.zoom_slick .slick {
    width: calc(100% + 4px);
    margin: 0 -2px;
    margin-top: 4px;
}
.zoom_slick .slick a.item_img {
    margin: 0 2px;
    border: none !important;
}
.zoom_slick .slick a.item_img img{
    width: 100%;
    box-sizing: border-box;
    display: block;
    border: none;
    box-shadow: none;
}
.zoom_slick .slick img:hover {
    opacity: 0.5;
    transition: 1s
}
.zoom_slick .slick .slick-prev{
    top: 0;
    margin: 0;
    background: rgba(0,0,0,.5);
    height: 100%;
}
.zoom_slick .slick .slick-prev:after{
    content: '\f104';
    font-family: "FontAwesome";
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}
.zoom_slick .slick .slick-next{
    top: 0;
    margin: 0;
    background: rgba(0,0,0,.5);
    height: 100%;
}
.zoom_slick .slick .slick-next:after{
    content: '\f105';
    font-family: "FontAwesome";
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}
.product_info {
    list-style: none;
    width: calc(50% - 10px);
}
.magiam span {
    display: inline-block;
    padding: 0px 10px;
    background: #f1bcbc;
    color: #f00;
}
.product_info .info{
    padding: 6px 0;
    float: left;
    width: 100%;
    font-size: 15px;
    color: #333333;
}
.product_info .ten {
    color: #222;
    font-size: 20px;
    font-family: 'Roboto-Bold';
}
.product_info .giacu {
    font-size: 15px;
    text-decoration: line-through
}
.product_info .gia {
    color: #E60F1E;
    font-family: 'Roboto-Bold';
    font-size: 20px;
}
.sanpham_chitiet {
    color: #3a4346;
    font-weight: 400;
    font-size: 24px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px
}
.product_info .info > b {
    /* text-transform: capitalize; */
    font-weight: normal;
    font-family: 'Roboto-Bold';
}
.product_info .gia b{width: 1px; height: 15px;background: #E60F1E;display: inline-block;margin: 0 10px;}
.product_info .info .txt_giany {
    font-size: 13px;
}
.product_info .info .gnt {
    display: block;
    font-size: 16px;
    text-decoration: line-through;
}
.product_info .info .txt_tietkiem {
    color: #F00
}
.addthis_native_toolbox{
    float: left;
    margin-right: 5px;
}
.zalo_share:hover{text-decoration:none;color:#fff}
.zalo_share{
    cursor: pointer;
    display: inline-block;
    background: #018fe5;
    font-size: 11px;
    margin-right: 2px;
    line-height: 20px;
    border-radius: 3px;
    position: relative;
    color: #fff;
    padding: 0px 7px 0 2px;
    height: 20px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}
.zalo_share .ti-zalo {
    background: url(../images/bg_zalo.png) no-repeat center center;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 0px;
    position: relative;
    top: -1px;
}
.phantrang{margin-bottom: 20px !important;}