@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic&subset=latin,vietnamese);
@import url("fonts/UTMFacebook/style.css");
/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: UVHB;
    src: url('fonts/UVNHepBold.eot');
    src: url('fonts/UVNHepBold.eot') format('embedded-opentype'),
         url('fonts/UVNHepBold.woff2') format('woff2'),
         url('fonts/UVNHepBold.woff') format('woff'),
         url('fonts/UVNHepBold.ttf') format('truetype'),
         url('fotns/UVNHepBold.svg#UVNHepBold') format('svg');
}

@font-face {
    font-family: UVHR;
    src: url('fonts/UVNTinTucHep_R.eot');
    src: url('fonts/UVNTinTucHep_R.eot') format('embedded-opentype'),
         url('fonts/UVNTinTucHep_R.woff2') format('woff2'),
         url('fonts/UVNTinTucHep_R.woff') format('woff'),
         url('fonts/UVNTinTucHep_R.ttf') format('truetype'),
         url('fonts/UVNTinTucHep_R.svg#UVNTinTucHep_R') format('svg');
}

@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: UTNSI;
    src: url('fonts/UTMNeoSansIntel.eot');
    src: url('fonts/UTMNeoSansIntel.eot') format('embedded-opentype'),
         url('fonts/UTMNeoSansIntel.woff2') format('woff2'),
         url('fonts/UTMNeoSansIntel.woff') format('woff'),
         url('fonts/UTMNeoSansIntel.ttf') format('truetype'),
         url('fonts/UTMNeoSansIntel.svg#UTMNeoSansIntel') format('svg');
}

@font-face {
    font-family: UTW7BC;
    src: url('fonts/UTMSwiss721BlackCondensed.eot');
    src: url('fonts/UTMSwiss721BlackCondensed.eot') format('embedded-opentype'),
         url('fonts/UTMSwiss721BlackCondensed.woff2') format('woff2'),
         url('fonts/UTMSwiss721BlackCondensed.woff') format('woff'),
         url('fonts/UTMSwiss721BlackCondensed.ttf') format('truetype'),
         url('fonts/UTMSwiss721BlackCondensed.svg#UTMSwiss721BlackCondensed') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: UTHI;
    src: url('fonts/UTMHelvetIns.eot');
    src: url('fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('fonts/UTMHelvetIns.woff2') format('woff2'),
         url('fonts/UTMHelvetIns.woff') format('woff'),
         url('fonts/UTMHelvetIns.ttf') format('truetype'),
         url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}

@font-face {
    font-family: UTYT;
    src: url('fonts/UTMYenTu.eot');
    src: url('fonts/UTMYenTu.eot') format('embedded-opentype'),
         url('fonts/UTMYenTu.woff2') format('woff2'),
         url('fonts/UTMYenTu.woff') format('woff'),
         url('fonts/UTMYenTu.ttf') format('truetype'),
         url('fonts/UTMYenTu.svg#UTMYenTu') format('svg');
}

@font-face {
    font-family: RSB;
    src: url('fonts/RobotoSlabBold.eot');
    src: url('fonts/RobotoSlabBold.eot') format('embedded-opentype'),
         url('fonts/RobotoSlabBold.woff2') format('woff2'),
         url('fonts/RobotoSlabBold.woff') format('woff'),
         url('fonts/RobotoSlabBold.ttf') format('truetype'),
         url('fonts/RobotoSlabBold.svg#RobotoSlabBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: RSR;
    src: url('fonts/RobotoSlabRegular.eot');
    src: url('fonts/RobotoSlabRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoSlabRegular.woff2') format('woff2'),
         url('fonts/RobotoSlabRegular.woff') format('woff'),
         url('fonts/RobotoSlabRegular.ttf') format('truetype'),
         url('fonts/RobotoSlabRegular.svg#RobotoSlabRegular') format('svg');
}

@font-face {
    font-family: ACR;
    src: url('fonts/acr.eot');
    src: url('fonts/acr.eot') format('embedded-opentype'),
         url('fonts/acr.woff2') format('woff2'),
         url('fonts/acr.woff') format('woff'),
         url('fonts/acr.ttf') format('truetype'),
         url('fonts/acr.svg#acr') format('svg');
}

@font-face {
    font-family: UTPi;
    src: url('fonts/UTMPierre.eot');
    src: url('fonts/UTMPierre.eot') format('embedded-opentype'),
         url('fonts/UTMPierre.woff2') format('woff2'),
         url('fonts/UTMPierre.woff') format('woff'),
         url('fonts/UTMPierre.ttf') format('truetype'),
         url('fonts/UTMPierre.svg#UTMPierre') format('svg');
}

@font-face {
    font-family: UTMA;
    src: url('fonts/UTMAmbrose.eot');
    src: url('fonts/UTMAmbrose.eot') format('embedded-opentype'),
         url('fonts/UTMAmbrose.woff2') format('woff2'),
         url('fonts/UTMAmbrose.woff') format('woff'),
         url('fonts/UTMAmbrose.ttf') format('truetype'),
         url('fonts/UTMAmbrose.svg#UTMAmbrose') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: UTMAGo;
    src: url('fonts/UTMAlterGothic.eot');
    src: url('fonts/UTMAlterGothic.eot') format('embedded-opentype'),
         url('fonts/UTMAlterGothic.woff2') format('woff2'),
         url('fonts/UTMAlterGothic.woff') format('woff'),
         url('fonts/UTMAlterGothic.ttf') format('truetype'),
         url('fonts/UTMAlterGothic.svg#UTMAlterGothic') format('svg');
}

@font-face {
    font-family: 'UTMAk';
    src: url('fonts/UTMAkashi.eot');
    src: url('fonts/UTMAkashi.eot') format('embedded-opentype'),
         url('fonts/UTMAkashi.woff2') format('woff2'),
         url('fonts/UTMAkashi.woff') format('woff'),
         url('fonts/UTMAkashi.ttf') format('truetype'),
         url('fonts/UTMAkashi.svg#UTMAkashi') format('svg');
}


@font-face {
    font-family: 'UVNGioMayNhe_R';
    src: url('fonts/UVNGioMayNhe_R.eot');
    src: url('fonts/UVNGioMayNhe_R.eot') format('embedded-opentype'),
         url('fonts/UVNGioMayNhe_R.woff2') format('woff2'),
         url('fonts/UVNGioMayNhe_R.woff') format('woff'),
         url('fonts/UVNGioMayNhe_R.ttf') format('truetype'),
         url('fonts/UVNGioMayNhe_R.svg#UVNGioMayNhe_R') format('svg');
}

@font-face {
    font-family: 'UTMAvo';
    src: url('fonts/UTMAvo.eot');
    src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo.woff2') format('woff2'),
         url('fonts/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo.svg#UTMAvo') format('svg');
}

@font-face {
    font-family: 'UTMASans';
    src: url('fonts/UTMAmericanSans.eot');
    src: url('fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('fonts/UTMAmericanSans.woff2') format('woff2'),
         url('fonts/UTMAmericanSans.woff') format('woff'),
         url('fonts/UTMAmericanSans.ttf') format('truetype'),
         url('fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

@font-face {
    font-family: 'UTMNeoSI';
    src: url('fonts/UTMNeoSansIntel.eot');
    src: url('fonts/UTMNeoSansIntel.eot') format('embedded-opentype'),
         url('fonts/UTMNeoSansIntel.woff2') format('woff2'),
         url('fonts/UTMNeoSansIntel.woff') format('woff'),
         url('fonts/UTMNeoSansIntel.ttf') format('truetype'),
         url('fonts/UTMNeoSansIntel.svg#UTMNeoSansIntel') format('svg');
}



/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; text-rendering: optimizeLegibility; min-width:1200px;background: url(../img/back_f_intro.png) no-repeat top center;}
a { text-decoration:none; color:#535353; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;/* display: block; *//* margin: auto; */}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:0px;}
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 20px; right:5px; text-align:center; }
.button{ padding:10px 25px; background:#19bfef; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;background-size: 100% 100%;}
.input{ padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.center{ max-width: 1200px; margin: auto; position: relative;}

.box_news {
    width: 785px;
    float: left;
}

.box-video {
    width: 382px;
    float: right;
}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.main-tit{background: url(../img/tt_tit.png) bottom center no-repeat;padding-bottom: 15px; margin-bottom:30px;}
.main-tit h2{font-family: RCR; color: #0275d6; font-size: 35px; padding: 40px 0px 15px 0px;text-align: center; }



.phantrang{
text-align:center;
background:rgba(0,0,0,0);
right:0px;
top:-40px;
padding:5px 0px;
}
.phantrang a {
   background:#193d71;
   color: #FFF;
   cursor: pointer;
   font-size: 11px;
   margin: 10px 0 10px 4px;
padding: 6px 10px;
font-weight:bold;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.phantrang span{
padding:0px 10px 0px;;
background:#f97d17;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color:#FFF;
}

.phantrang a:hover {250
   background: none repeat scroll 0 0 #f97d17; 
   box-shadow: none;
   color: #FFFFFF;
   text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
   background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
   border: 1px solid #D2D2D2 !important;
   color: #ADADAD !important;
   cursor: default;
   opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
   background: none repeat scroll 0 0 #05bfdc;   
   box-shadow: none;
   color: #FFF;
font-weight:bold;}

/* RP Iframe*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#header{
    /* padding-bottom: 50px; */
}



.hotline{position: absolute;top: 60px;right: 65px;font-size: 20px;font-weight: bold;font-size:18px}
.hotline span{ font-size: 18px;font-family: RCR;color:#FFF; font-weight: normal;}
.hotline{left:430px;padding-top: 60px; }
.hotline img{padding-right:5px}
.mangxahoi1{
    position: relative;
    top: 8px;
    left: 10px;
}

.mangxahoi1 a {
    padding: 0 !important;
    float: left;
}
.left{ width:260px; float:left; margin:30px 0px 20px; background:#FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#555555)";/*IE 8*/
-moz-box-shadow: 0 0 5px #555555;/*FF 3.5+*/
-webkit-box-shadow: 0 0 5px #555555;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 5px #555555;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#555555); /*IE 5.5-7*/}
.right{ float: right; width:920px;  margin:30px 0px 20px; text-align:justify;}
.tim{ position: absolute;right: -318px;top: 6px;padding-top: 2px}
.tim input{ border-radius:5px;padding: 5px;border: 1px #CCC solid;; width: 260px; height: 18px;border-top: 1px solid #555;
    border-left: 1px solid #555;}
.tim img{ position:absolute; top:3px; right:4px; }
.left-tit{ color:#FFF; font-size:16px; background:url(../img/dm.png) no-repeat; background-size:100%; padding:10px 0px 10px 70px; font-family:RCR; text-transform:uppercase} 
.ul_left{ margin-bottom:10px;}
.ul_left li{list-style:url(../img/left-li.png); background:url(../img/bg-left-li.png) no-repeat bottom center; margin-left:15px; color:#4e4e4e; font-size:18px; font-family:RCR; padding:10px 0px}
.ul_left a:hover{color:#F00}
.hot_left{ background:url(../img/hotline_left.png) no-repeat; min-height:50px; margin-top:15px}
.sdt_left{ font-size:24px; font-weight:bold; font-style:italic; color:#F00; padding: 25px 10px 10px 50px}
.box_hotro{ padding:0px 20px 20px 20px;font-size:12px;}
#hotro{ border: 1px #CCC solid; padding: 5px }
.hotro_online{ padding-left:10px;  font-weight:bold; color:#292929; border-bottom: 1px dotted #393939; color:#373737;}
.ten_lienhe1{ padding:10px 20px 0px 20px; border-bottom: 1px dotted #393939; width:50px; line-height:25px}
.ten_lienhe2{ padding:10px 20px 0px 20px; border-bottom: 1px dotted #393939; width:50px; line-height:25px}
.hotro_lienhe{ padding-left:10px; font-size:12px; font-weight:bold; color:#ff0000; border-bottom: 1px dotted #393939;}
.box_hotro img{float:right; margin: -33px 14px 14px 14px;}
#menu{ font-size:14px; text-transform:uppercase; background:url(../img/back_menu.png); position:relative; background-size:auto 100%;margin-top: -2px;}
#menu:before{ position:absolute; top:0px; left:0px; height:100%; width:calc(50% - 600px); display:block; content:"";background-size:auto 100%;}
.hot{ position:absolute;right:10px;top:-15px;}
.ddsmoothmenu ul li ul li a{/* background:url(../img/back_menu.png) */}
.ddsmoothmenu ul li a{ color:#1a1a1a!important; font-family: UTMNeoSI;font-size: 15px; }
.ddsmoothmenu ul li a:hover{ color:#F00 !important;}
.ddsmoothmenu ul li a.active{ background:url(../img/back_trangchu.png) no-repeat;/* padding-right: 36px; */color: #FFF !important;background-size: 100% 100%;}
.ddsmoothmenu{padding: 4px;}
.box_gioithieu{ background: #FFF;}
.line_bt{ margin-left: 120px;}
.box_img{ position: relative;width: 615px;float: left;margin: 15px 55px 30px 0px;padding: 10px;}
.img_gt{ text-align:center; width:285px; float:right; position:relative; color:#202020; margin:0px 20px 20px 0px;}
.sanpham_dm{ background: #FFF;}
.hotro-tit{ padding: 10px 0px 0px 25px;}
.hot_l span{ font-weight: bold; text-decoration: underline; color:#000;font-size: 14px;}
.hot_l {color: #ff7e00; font-size:20px;font-weight: bold;padding: 20px 0px 10px 10px}
.dm_sp{ border: 1px #CCC bold;}
.main-titnew_dm{ background:url(../img/back_dmsp.png) no-repeat; padding: 8px 0px 8px 15px;; background-size: 100% 100%}
.main-titnew_dm h2{font-size: 16px; text-align: left; font-weight: normal; color:#FFF}
.main-titnew_ht{ background:url(../img/back_dmsp.png) no-repeat; padding: 8px 0px 8px 15px;; background-size: 100% 100%; margin-top: 20px}
.main-titnew_ht h2{font-size: 16px; text-align: left; font-weight: normal; color:#FFF}
.main-titnew_vi{ background:url(../img/back_dmsp.png) no-repeat; padding: 8px; background-size: 100% 100%; margin-top: 20px}
.main-titnew_vi h2{font-size: 16px; text-align: left; font-weight: normal; color:#FFF;padding-left: 47px;}
.bando{ padding-top:25px}
#footer{ background:url(../img/back_footer.png)}
.tieude_footer h1{ color:#F00; font-size:23px; margin: -15px 0px 10px; font-family: RCR; border-bottom: 1px #CCC solid}
.f_diachi{ float:left; width:550px; font-family:RCR; font-size:14px; color:#FFF;font-weight: normal;padding-top: 20px;}
.f_diachi ul{ padding-bottom: 45px;}
.mxh_f{background: url(../img/back_footer.png);}
.co_fo{font-size: 14px;color:#000;font-family:'Open Sans'; font-weight:normal; padding:16px 0px;text-align: left;}
.co_fo span{color:#FFF; font-size: 12px;}
.f_mxh{ float:left;width: 315px;/* padding-top: 40px; */ font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#000;/* margin-top: -20px; */}

.bando_footer {
    display: block;
    margin: auto;
}
.gioithieu_left{float: left;width: 400px;margin-left: 30px;font-family: RCR;font-size: 14px;color:#454545;position: relative;}

.gioithieu_left:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 28px;
    width: 129px;
    height: 112px;
    background: url(../img/bg-border.png) no-repeat;
}

.gioithieu_left:before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    width: 129px;
    height: 112px;
    background: url(../img/bg-border.png) no-repeat;
}
.gioithieu_left img{/* margin-left: 15px; */display: block;margin: auto;border-radius: 20px;position: relative;padding: 8px 0px;z-index: 333;}

.gioithieu_left img:before {
}
.gt_r{float: right;width: 700px;margin-right: 45px;font-family: RCR;font-size: 14px;color:#454545;}
.gt_con{font-family: RCR;font-size: 16px;color:#454545;}
.gt_chitiet{font-family: RCR;font-size: 14px;color:#454545}
.chitiet_gt a{color: #F00}
.chitiet_gt{padding-top: 30px;}
.tit_gioithieu{font-size: 16px;font-family: RCR;color:#0275d6; padding-bottom: 10px;}
.f_thongke{ float:right; width:230px; color:#000;}
.tit_tktc{font-size:16px; color:#FFF;margin: 20px 0px 10px 0px; font-family:Tahoma, Verdana, Segoe, sans-serif;padding-left: 10px;}
.tit_tkmxh{font-size:14px; color:#000; margin-top:20px; color: #F00; font-family:Arial, Helvetica, sans-serif;padding-left: 45px;}
.f_thongke img{ padding:5px}
.truycap{font-family:'Open Sans', sans-serif; font-size: 14px;color: #FFF;}
.truycap img{padding-right: 12px}
.truycap span{float:right; color: #FFF;padding: 2px 58px 0px 0px;}

/* Tieu de chinh */
.tit_sanpham{ font-family:RCR; color:#19bfef; margin-bottom:10px; border-bottom:1px solid #CCC; padding-bottom:10px;}
.tit_sanpham h2{ font-size:24px; font-weight:normal;}

/* Tin tuc */
.box-news{margin: 20px 0px 25px 0px;}
.box-news:after{ display:block; content:""; clear:both;}
.box-news-img{ float:left; margin-right:25px; overflow:hidden;}
.box-news-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.box-news-img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.box-news-img{box-shadow: 5px 5px #e5e5e5;}
h2.tincungloai{ margin-top:15px; font-size:15px;}
.fotorama{ margin-bottom:20px;}

/* Lien he */
.lh-l{ width:50%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-right:20px; border-right:1px solid #CCC;}
.lh-r{ width:50%; float:left; border-left:1px solid #CCC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:20px; margin-left:-1px;}
.lh-con-l{ width:25%; float:left; margin-bottom:10px;}
.lh-con-l span{ color:#F00;}
.lh-con-r{ width:80%; float:left;padding-bottom: 5px;}
.ipct{ width:100%;}
.tact{ width:100%;}

/* Chi tiet san pham */
.ct-l{ width:30%; float:left; padding-top: 25px;}
.ct-r{ width:calc(60% - 20px); float:left; margin-left:20px;}
.ct-sp-gia{ font-family:RCR; font-size:20px; color:#F00; padding-top:20px}
.ct-tit h2{ font-size:24px; color:#ff5555;margin-bottom:5px; font-weight:normal; padding-top: 25px}
.ctsp-tit{font-size:20px; color:#ff5555; font-weight:normal; padding: 15px 0px;}
.chitiet a{ color:#393939}
.chitiet a:hover{color: #F00}
.sp_dm{ border: 1px #CCC solid;}
.sp_dm li{list-style:url(../img/li_dmsp.png) inside;color: #4e4e4e;font-size: 14px;padding:0px 10px;  text-transform: uppercase; position:relative;}
.sp_dm li a{display: block; border-bottom: 1px #CCC dotted; padding: 10px;}
.sp_dm ul li ul{position: absolute; top: 0;left: 100%;z-index: 99; background: #FFF; white-space: nowrap; min-width: 200px; box-shadow: 1px 1px 5px #CCC; display: none;}
.sp_dm ul li:hover ul{display: block;}
.sp_dm li:last-child a{ border-bottom:none;}
.lienhe_l{ padding-top: 10px;float: left;width: 600px;padding: 20px 0px 0px 20px;}
.lienhe_r{float: right;width: 550px;padding-top: 20px;}
.frm_f{ padding:30px 50px;}
.dichvu{text-align:center; width:280px; float:left; position:relative; color:#202020; padding: 10px;}

.dichvu2 .image {
    float: left;
    margin-right: 20px;
}

.dichvu2 img {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
}

.dichvu h3 a{ font-size:20px; color:#000; font-weight: normal;font-family: RCR;}
.dichvu h3 a:hover{color: #F00}
.box_center{position: relative;}
.bordervi{border: solid 1px #ccc;padding:10px;margin-bottom: 10px;}
#map_canvas{/* margin: 20px; */border: 3px #3e7bb3 solid !important;margin: auto;}
.dichvu:nth-child(4n){ margin-right:0px;}
.dichvu:nth-child(4n+1){ clear:both;}
.tit_dvnb{font-family: RCR; color: #0275d6; font-size: 36px; padding: 45px 0px 15px 0px;text-align: center;position: relative;}

.tit_dvnb.title_news:before {content: "";position: absolute;bottom: 0;width: 100%;height: 5px;background: url(../img/border-bottom.png) repeat-x;}

.tit_dvnb.title_news {
    text-align: left;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.content-video {
    width: 100%;
    height: 240px;
}

.video-wrapper {
    width: 100%;
    height: 100%;
    margin-bottom: 5px;
}

select#video-control {
    width: 100%;
    height: 30px;
    border-radius: 5px;
}

iframe#iframe {
    width: 100%;
    height: 100%;
}

.tit_dvnb.title_news:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 110px;
    height: 5px;
    background: #0275D6;
}
.tit_line img{margin:0px 0px 40px 468px;}
.box_trangchu{background: #FFF}
.news-noibat{float: left;width: 376px;padding-right: 33px;}

.left-news {
    width: 60px;
    height: 155px;
    background: url(../img/left-news.png) no-repeat;
    float: left;
    padding-top: 65px;
    text-align: center;
}

.left-news .date {
    font-size: 12px;
    font-family: Arial;
    color: #b6b6b6;
}

.right-news {
    width: 310px;
    float: right;
}
.news-noibat:nth-child(2n){padding-right: 0px;}
.news-noibat:nth-child(2n+1){ clear:both;}
.news-noibat a{font-family: RCB;font-size: 14px;font-weight: bold;color: #434343;padding-bottom: 15px;text-transform: uppercase;}
.news-noibat img{padding-bottom: 15px;display: block;border: 1px solid #ccc;padding: 4px;width: 300px;}
#doitac{background: #F0F0F0; padding: 20px 0px;}
.doitac{/* border: 1px #CCC solid; */ padding: 15px 0px 15px 15px;}
.doitac_h{border: 1px #CCC solid;width: 220px;}

.doitac_h img {
    width: 100%;
}
.tit_mxhf{color:#FFF; font-family: Tahoma, Verdana, Segoe, sans-serif;font-size: 16px;padding-left: 85px;}
.chitiet_tt span{color: #F00;font-size: 14px;font-family: Tahoma, Verdana, Segoe, sans-serif;font-weight: normal;}
.chitiet_tt{padding-top: 20px;}
.ten_tt{font-family:RCR;font-size: 14px;color:#5d5d5d}
.ten_tt a:hover{color: #F00}
.mota_tt{padding-top: 10px;font-family: Tahoma, Verdana, Segoe, sans-serif;font-size:14px;color:#3c3c3c}
.img_dv img{border-radius:50%;border: 8px #b9b9b9 solid;margin: 10px; }
.shadow_dv{padding-left: 5px;margin-top:-5px;}
.img_logo{/* position: absolute; */padding-top: 38px;width: 300px;float: left;}

.img_banner {
    padding-top: 15px;
}
.shadow_dichvu{position: absolute;background:url(../img/bg_dichvu.png) no-repeat;width: 100%;height: 100%;top: 0;left: 0;margin-left: 6px;-webkit-transition:ease-in-out 0.5s ;
-o-transition:ease-in-out 0.5s ;
transition:ease-in-out 0.5s ;}
.img_dv {position: relative;}
.dichvu:hover .shadow_dichvu{transform: rotate(180deg); -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); margin-left: -6px;}
#banner{background: url(../img/back_banner_intro.png) no-repeat;}
#footer_intro{background: url(../img/back_f_intro.png);}
.ddsmoothmenu_intro ul li{background:url(../img/line_tc_intro.png) no-repeat right;float: left;list-style: none;}

.ddsmoothmenu_intro ul li ul {
	position: absolute;
    background: #146B9F;
	display:none;
}

.ddsmoothmenu_intro ul li:hover ul { display:block; }

.ddsmoothmenu_intro ul li ul li.child {
    float: none;
    min-width: 130px;
    background: none;
    text-align: left;
}

.ddsmoothmenu_intro ul li ul li.child a {
    padding: 5px;
}

.ddsmoothmenu_intro ul li a{ color:#FFF!important; font-family:RCR;font-size: 15px;text-transform: uppercase;padding:15px;display:block;}
.ddsmoothmenu_intro ul li a:hover{ color:#F00 !important;}
.ddsmoothmenu_intro ul li a.active{background:url(../img/back_tc1intro.png) no-repeat;color: #FFF !important}
#menu_intro{ z-index:333; font-size:14px; text-transform:uppercase; background:url(../img/back_tcintro.png); position:absolute; background-size:auto 100%;width: 540px;top: 30px;right: 65px;}
#menu_intro:before{ position:absolute; top:0px; left:0px; height:100%; width:calc(50% - 600px); display:block; content:"";background-size:auto 100%;}
.mangxahoi1_intro{position: absolute;right: 65px;top: 98px;}
.intro_left{width: 510px;float: left;padding-top: 55px;}
.intro_right{width: 650px;float:right;padding-right: 37px;}
.tit_gioithieu_intro{font-size: 28px;font-family: UTM-Facebook;color: #FFF;/* padding-left: 25px; */text-transform: uppercase;font-weight: 700;}
.gioithieu_left_intro{/* margin-left: 30px; */font-family: RCR;font-size: 16px;color:#FFF;font-weight: normal;padding-top: 20px}

.gioithieu_left_intro p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.box_dichvu{background: #FFF}
.hot_mxh{position: absolute; right: 64px;top: 90px;}
.hot_mxh span{ font-size: 18px;font-family: RCR;color:#FFF; font-weight: normal;padding-top: 10px;}
.banner_i{height: 132px}

.banner_i .img_logo_intro img {
    padding-top: 30px;
}