@charset "utf-8";
@font-face {
    font-family:'UTM Nokia Standard';
  
    src:url('../fonts/UTM Nokia Standard.ttf') format('truetype') ;
    
}
@font-face {
    font-family:'Eurostar_Regular_Extended';
  
    src:url('../fonts/Eurostar_Regular_Extended.ttf') format('truetype') ;
	
	  font-weight: normal;
  font-style: normal;
    
}

@font-face {
    font-family:'RobotoCondensed-Regular';
  
    src:url('../fonts/RobotoCondensed-Regular.ttf') format('truetype') ;
	
	  font-weight: normal;
  font-style: normal;
    
}

@font-face {
    font-family:'UTM Sloop 1';
  
    src:url('../fonts/UTM Sloop 1.ttf') format('truetype') ;
	
	  font-weight: normal;
  font-style: normal;
    
}

@font-face {
    font-family:'Tahoma';
  
    src:url('../fonts/Tahoma.ttf') format('truetype') ;
	
	  font-weight: normal;
  font-style: normal;
    
}

@font-face {
    font-family:'UTM HelvetIns';
  
    src:url('../fonts/UTM HelvetIns.ttf') format('truetype') ;
	
	  font-weight: normal;
  font-style: normal;
    
}

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


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


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

@font-face {
    font-family: 'UTMBebas';
    src: url('../fonts/utm_bebas-webfont.eot');
    src: url('../fonts/utm_bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_bebas-webfont.woff') format('woff'),
         url('../fonts/utm_bebas-webfont.ttf') format('truetype'),
         url('../fonts/utm_bebas-webfont.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


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



@font-face {
    font-family: 'WebHostingHub-Glyphs';
    src: url('../fonts/webhostinghub-glyphs.eot');
    src: url('../fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webhostinghub-glyphs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -moz-font-feature-settings: "calt=0,liga=0";
}
[class^="icon-"], [class*=" icon-"] {font-family:'WebHostingHub-Glyphs';background:none;width:auto;height:auto;font-style:normal}
.icon-chevron-right:before{content:'\f488'}
body {
font-family: Arial; 
font-size: 12px;
line-height: 1.5;
  margin: 0 auto;
width: 100%;

}
.map_iframe iframe{
	width:100% !important;
}
.clear
{
	clear:both;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#container
{
	margin:0 auto;
}
/*------------------header------------------ */
#header_top
{
	position: relative;
  top: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 9;
  max-width:1349px;
}

#banner_main
{
	margin: 0 auto;
	width: 100%;
	max-width:1366px;
}

a, ul, li {

text-decoration: none;
}

.header_main {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* background-color: #dfdfdf; */
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #f0f0f0;
}

.header_sub
{
	position:relative;
	width: 1200px;
	margin:0 auto;
}
ul.mxh {
    float: right;
    margin: 0px 49px;
    padding: 0;
    list-style: none;
}
ul.mxh li {
    float: left;
}
.header_sub img {
    margin: 0px 7px;
    float: left;
}
.header_sub .email_banner {
    float: right;
    font-size: 13px;
    color: #4b4b4b;
}
.header_sub .hotline_banner{
    float: right;
}
.hotline_banner b {
    font-size: 13px;
    color: #4b4b4b;
    font-weight: normal;
}
.hotline_banner span {
    color: #ef0000;
    font-size: 13px;
    font-weight: bold;
}
.banner_top
{
    margin: 0 auto;
    width: 100%;
    position: relative;
    height: 125px;
    background-color: #fff;
}

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

.img_banner
{
	position: relative;
    float: right;
}

.hinh_banner
{
    position: relative;
    float: right;
}

.logo_banner {
    position: relative;
    float: left;
    top: 13px;
}
.banner {
    float: left;
    position: relative;
    left: 78px;
    top: 12px;
}
.banner a h3 {
	margin:0;
    color: #fa0000;
    font-size: 32px;
    font-family: UTM HelvetIns;
    font-weight: normal;
    text-shadow: 2px 0 0 #EEEDED, -2px 0 0 #EEEDED, 0 2px 0 #EEEDED, 0 -2px 0 #EEEDED, 1px 1px #EEEDED, -1px -1px 0 #EEEDED, 1px -1px 0 #EEEDED, -1px 1px 0 #EEEDED;
}
.banner span {
    color: #3c3b3b;
    font-size: 16px;
    font-family: Eurostar_Regular_Extended;
}
#bg_menu_bottom
{
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg_menu.png) repeat-x center;
}
div#menu
{
	margin: 0px auto;
    width: 1200px;
    position: relative;
} 

div#menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
div#menu ul li {
    float: left;
    position: relative;
    padding: 10px 41px;
    background: url(../images/line_menu.png) no-repeat left;
}
div#menu ul li a
{
    text-transform: uppercase;
    color: #333333;
    font-family: RobotoCondensed-Regular;
    font-weight: normal;
    font-size: 17px;
    text-align: center;
    display: block;
}
div#menu ul li a p
{
  margin: 0 auto;
}

div#menu ul li a:hover
{
	color:#009612;
	
	display:block;
}

div#menu ul li a.active
{
  color: #009612;
}
div#menu ul li ul,div#menu ul li:hover ul ul,div#menu ul li ul li:hover ul ul
{
	left: 0px;
    margin: 0 auto;
    z-index: 9999;
    position: absolute;
    display: none;
    width: 211px;
    background: #EBEBEB;
}
div#menu ul li:hover ul
{
padding: 0px;
top: 35px;
display:block;
}
div#menu ul li ul li ul
{
	top:0px;
}
div#menu ul li ul li
{
    width: 211px !important;
    border-left: none;
    border-bottom: 1px solid #bcc0d1;
    border-right: none;
    background: none;
    left: 0px !important;
    margin: 0 auto;
    z-index: 99;
    padding: 0;
    height: 37px !important;
    text-align: left !important;
	
}
div#menu ul li ul li:hover
{
	line-height: 28px !important;
    background: rgba(255, 255, 255, 0.48);
    text-align: left !important;
}
div#menu ul li ul li a:hover
{
	color:#3e3e3e !important;
}
div#menu ul li ul li a
{
	width: auto !important;
    height: auto !important;
    text-align: left !important;
    font-size: 15px;
    font-family: RobotoCondensed-Regular;
    display: block;
    text-indent: 0px;
    color: #3e3e3e !important;
    padding: 0px 1px 1px 3px;
    line-height: 39px !important;
    background: none !important;
}


div#menu ul li ul li a:hover
{
text-shadow: initial;
  color: #3e3e3e !important;
}

div#menu ul li ul li ul
{
    top: 0px !important;
    left: 211px !important;
}

div#menu ul li ul li:hover ul
{
	left:200px;
	top:0px;
	display:block;
	
}

div#menu ul li ul li ul li:hover ul
{
	left:200px;
	display:block;
	top:0px;
}

li.trangchu
{
  background: url(../images/bg_hover.png) no-repeat !important;
  position: absolute !important;
  height: 57px !important;
  width: 146px !important;
  border: none !important;
  left: 36px !important;
  padding: 0px 20px 0px 20px !important;
  top: -3px;
}

li.trangchu a
{
  text-align: left !important;
  padding-top: 11px;
  padding-left: 1px;
}

#truotheo {
    text-align: center;
    background-attachment: fixed;
    background-position: top center;
    background-attachment: fixed;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    height: auto;
    margin-bottom: 0px;
    width: 100%;
    margin: 0 auto;
    max-width: 1349px;
}

/*------------------body------------------ */
#wrapper_main
{
    width: 100%;
    max-width: 1200px !important;
    margin: 0 auto;
}
.slide
{
	width:100%;
	margin:0 auto;
}
#slide_show
{
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.slide_sub {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

div#sanpham_moi {
    position: relative;
    width: 1000px !important;
    margin: 0 auto;
}

.background .block .btn-pre {
width: 16px;
height: 32px;
position: absolute;
top: 121px;
cursor: pointer;
z-index: 999;
}
.background .block  .btn-pre{
background: url(../images/previous.png) no-repeat;

left: 0px;
}
.background .block .btn-next {


  top: 121px;
  height: 30px;
  position: absolute;
  width: 30px;
  right: 0px;
  background: url(../images/next.png) no-repeat;
}

.background .block  .btn-next,.background .block  .btn-pre {


cursor: pointer;
z-index: 999;
}

.img_sp_moi1 {
    width: 220px;
    height: 177px;
}

.name_sp_moi1 {
    width: 82%;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.name_sp_moi1 h3
{
    color: #009612;
    font-family: RobotoCondensed-Light;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D1D1D1;
}
.name_sp_moi1 h4{
    color: #363636;
    font-family: RobotoCondensed-Light;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

div#tin_tuc_moi {
    position: relative;
    width: 50%;
    float: left;
	top: 15px;
	margin-bottom:20px;
}

div#tin_tuc_moi img
{
	width: 92%;
    height: 200px;
    border: 5px solid rgba(232, 232, 232, 0.59);
}

.name_tintuc1 {
    position: relative;
    width: 98%;
    float: left;
}

.name_tintuc1  h3
{
	width: 100%;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: normal;
    color: #009612;
    position: relative;
    margin-bottom: 0;
    float: left;
}

.name_tintuc1  p
{
	margin: 0;
    position: relative;
    width: 97%;
    float: left;
    font-family: Roboto-Regular;
    text-align: justify;
	color:#424242;
}

#tin_tuc {
	position: relative;
    width: 50%;
    float: right;
	top: 15px;
}

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

#tin_tuc ul li
{
    height: 39px;
    border-bottom: 1px dotted #E8E8E8;
}

.block
{
  width: 100%;
}

.title_menu {
    font-size: 18px;
    margin: 0;
    color: #000;
    padding: 6px 0px;
    text-align: center;
    font-family: RobotoCondensed-Regular;
    text-transform: uppercase;
    font-weight: normal;
    background: #ffe21b;
    border-radius: 7px 7px 0px 0px;
}

.title_news
{
  height: 45px;
  font-size: 18px;
  width: 95%;
  text-align: left;
  text-transform: uppercase;
  line-height: 34px;
  margin: 0;
  padding-top: 4px;
  color: #1FA014;
  font-weight: normal;
  font-family: 'UTM Neo Sans IntelBold';
}

ul.cateUl{
	margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;

}

ul.cateUl > li{
  display: block;
  position: relative;
  border-bottom: thin solid #d3d3d3;
}
ul.cateUl > li > a .lv_news{
	display: block;
	position:relative;
	margin:2px;
	text-align:left;
	text-indent: 100px;
	font-size: 12px;
	float:left;
	border-bottom: 1px solid;
}
.tintucmoi
{
  height: 63px;
  margin: 3px;
  padding: 1px;
}

.name_news {
  float: right;
  width: 114px;
}
li.lv_news {
    width: 95% !important;
    margin: 0 auto !important;
    border-bottom: 1px dotted;
    padding: 10px 0px !important;
}
div#doitac {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.title_doitac
{
	width:100%;
	background:url(../images/bg_doitac.png) no-repeat left;
}
.title_doitac h3 {
    font-family: RobotoCondensed-Regular;
    font-size: 16px;
    color: #ffff00;
    text-transform: uppercase;
    margin: 0;
    padding: 2px 0px;
    text-indent: 6px;
    font-weight: normal;
}
.img_tintuc > img{
  position: relative;
  width: 99px;
  margin: 4px;
  height: 68px;
	}
.img_tintuc
{
  float: left;
}
.img_tintuc img {
    width: 70px;
    height: 62px;
}
.name_tintuc{
    width: 68%;
	float:right;
    display: block;
	}

div#box_video {
    position: relative;
    float: left;
    width: 100%;
    /* margin: 0 auto; */
}

.title {
  /* background: url(../images/line_news.png) no-repeat; */
}

.title_index1 {
	float: left;
    width: 100%;
    background-color: #E8E8E8;
    
}
	
h2.title_name {
    height: 33px;
    font-size: 16px;
    text-indent: 10px;
    color: #363636;
    font-family: 'RobotoCondensed-Light';
    font-weight: normal;
    text-transform: uppercase;
    line-height: 34px;
    margin: 0;
	border-left: 6px solid #009612;
}
	
a.mota_tintuc {
  color: #6f6f6f;
}

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

.sukien_moi {
	position: relative;
    width: 50%;
    float: left;
    margin-top: 10px;
}

.sukien_khac
{
	position:relative;
	width:50%;
	float:right;
	margin-top:10px;
}

.sukien_khac h3
{
    margin: 0;
    padding: 0;
    font-family: Roboto-Regular;
    font-size: 15px;
    color: #ff4e00;
    text-indent: 10px;
    font-weight: normal;
    border-left: 5px solid #009612;
}

.sukien_khac h4
{
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #3e3e3e;
    font-weight: normal;
    text-indent: 10px;
    margin: 10px 0px;
    border-bottom: 1px dotted;
    padding: 5px 0px;
}

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

.sukien_khac ul li 
{
	list-style:none;
	border:none;
}

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

.img_sukien img
{
	width: 98%;
	height:auto;
}

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

.name_sukien h2
{
	width: 100%;
    text-align: left;
    text-transform: uppercase;
    float: left;
    color: #ff4e00;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: normal;
}
	
ul.cateUl > li > a{
	font-family: RobotoCondensed-Regular;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    display: block;
    text-indent: 22px;
    padding: 10px 10px;
    color: red;
    text-transform: uppercase;
    background: url(../images/icon_dmsp1.png) no-repeat 13px center;
}
ul.cateUl > li > ul
{
padding:0;
}
.nd_solo p span
{
	font-size:55px !important;
}
ul.cateUl > li> a:hover{
	color: #247ECB !important;
}

ul.cateUl>li>ul>li{
    display: block;
    position: relative;
    border-top: 1px solid #D3D3D3;
}
ul.cateUl>li>ul>li>ul
{
	    display: none;
	
}
ul.cateUl>li>ul>li:hover>ul {
    left: 240px;
    margin: 0 auto;
    top: 0px;
    z-index: 9999;
    position: absolute;
    display: block;
    width: 211px;
    background: #EBEBEB;
	padding:0;
}
ul.cateUl li ul li:hover ul ul
{
	
}

ul.cateUl>li>ul>li>ul>li>a {
    font-family: Eurostar_Regular_Extended;
    font-size: 15px;
    font-weight: normal;
    color: #333333;
    display: block;
    text-indent: 0px;
    padding: 10px 18px;
    background: url(../images/icon_dmsp2.png) no-repeat 6px center;
}
ul.cateUl>li>ul>li>a{
    font-family: Eurostar_Regular_Extended;
    font-size: 15px;
    font-weight: normal;
    color: #333333;
    display: block;
    text-indent: 44px;
    padding: 10px 10px;
    background: url(../images/icon_dmsp2.png) no-repeat 38px center;
}
ul.cateUl > li > a.active {
	color:#00F !important;

}
ul.cateUl>li>ul>li>ul>li>a.active
{
	color:#012FBB !important;
}
ul.cateUl>li>ul>li>a.active{
	color:#03C !important;
}

ul.cateUl>li>ul>li>a:hover{
	color: #247ECB !important;
}

ul.cateUl>li>ul>li>ul>li{
	display: block;
}


ul.cateUl>li>ul>li>ul>li>a:hover{
	color:#00F !important;
}

ul.cateUl > li > a .levesp{
  text-indent: 30px;
  font-size: 16px;
  display: block;
  line-height: 28px;
  color: #593a3a;
  background: url(../images/skype_10.png) no-repeat right;
  padding: 5px 0px 5px 0px;
}

.col_l {
    position: relative;
    width: 240px;
    float: left;
}

.title_index
{
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg_title.png) no-repeat left;
    top: 2px;
    border-bottom: 2px solid #d9bf18;
}

.title_index img
{
	float:left;
	margin-left: 7px;
	margin-top: 10px;
}

.title-pro-new
{
    font-size: 18px;
    text-indent: 10px;
    color: #404040;
    font-family: RobotoCondensed-Regular;
    font-weight: normal;
    text-transform: uppercase;
    padding: 7px 0px;
    margin: 0;
}
.noidung {
    width: 55%;
    float: left;
    text-align: left;
}
.tablelienhe
{
    width: 45%;
    float: right;
    text-align: left;
}
.table_dklam {
    width: 54%;
}
.name_input {
    float: left;
    width: 31%;
}
.input_block label {
}
.input_block
{
	font-size: 15px;
}
.input_item input {
    height: 31px;
    /* width: 354px; */
}
.input_item
{
	float: left;
	margin-top: 3px;
}
.dowload_file {
    background-color: #FFE21B;
    padding: 10px;
    float: left;
}
.dowload_file span {
    color: #404530;
    text-transform: uppercase;
}
.map
{
    height: 32px;
    padding: 0;
    margin: 0;
}
ul.map li {
    float: left;
    height: 22px;
    padding: 0;
    padding: 5px 10px;
    margin: 0;
    list-style: none;
    background-color: #0072BD;
    border-radius: 5px 5px 0px 0px;
}
a.selected {
  color: #fff;
}

.table-lienhe
{
	padding-bottom: 7px;
	border-radius: 5px;
	margin: 0;
	margin-top: 6px;
	padding-left: 2px;
	border: 1px solid #A9A9A9;
}

.input-block
{
	font-size: 15px;
}

.input-item
{
	margin-left: 14px;
}
.input-item input
{
	height: 24px;
	border-radius: 5px;
}

.button1
{
	width: 239px;
	height: 26px;
	background-color: #FD0000;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}

.info-contact
{
	font-size: 16px;
}

.border_dm {
  margin-top: 10px;
}

.li_title {
  margin: 0 auto;
  position: relative;
  width: 200px;
}

.li_title h3
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px dotted #000;
	margin:0;
	text-indent: 6px;
}

.li_title p
{
	font-family:arial;
	font-size:12px;
	margin: 0;
}

li.level2 {
    width: 86%;
    position: relative;
    border-top: 1px dotted;
    padding: 7px 0px;
    margin: 0 auto;
    height: 40px;
    list-style: none;
}

li.level3 {
    border: none !important;
    padding: 10px;
}

.hotline_left {
    background: url(../images/bg_hotro_left.png) no-repeat;
    height: 94px;
    position: relative;
    text-align: center;
}

.hotline_left img
{
	position:relative;
	left: 54px;
    top: 7px;
}

.hotline_left p
{
	font-size: 20px;
    color: #005e77;
    font-family: arial;
    line-height: 0px;
    font-weight: bold;
	left: 54px;
	position:relative;
}

li.level1 {
  list-style: none;
}

.ho_tro {
    float: left;
    margin-left: 10px;
    position: relative;
}

.ho_tro h2
{
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    color: #6a6969;
}

.ho_tro p
{
    margin: 0;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #e00101;
}

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

p.hinhanh1 {
	float: left;
	margin: 0;
}

p.hinhanh2 {
	float: left;
	margin: 0;
	margin-right: 16px;
}

.col_wrap
{

}

#main_content_web
{
	margin:0;
}

.notice
{
	margin:0;
}

.product_group
{
	width: 100%;
    position: relative;
    border: 1px solid #D1D1D1;
    padding: 2px;
    float: right;
}

.product_image {
    position: relative;
}

.product_image img {
    margin: 15px;
    padding: 14px;
    border: 1px solid #D1D1D1;
}

.name_sanpham {
    position: relative;
    text-align: center;
}

.name_sanpham h2 {
	margin:0;
	padding:0;
}

.name_sanpham h2 a {
	font-size:14px;
	font-family: Roboto-Regular;
	font-weight:normal;
	color:#515151;
}

.name_sanpham b {
	font-size:14px;
	font-family: Roboto-Regular;
	color:#009612;
	font-weight:normal;
}

.product-group
{
    width: 100%;
    position: relative;
}

.product_item {
    width: 25%;
    position: relative;
    float: left;
}

div#main_contact {
  margin-top: 10px;

}

.left-contact {
  width: 100%;
  float: left;
  text-indent: 14px;
  text-align: center;
}

.left-contact p
{
	font-family: UTMAvo;
	font-weight: bold;
}

.map-c {
  width: 100%;
  float: left;
}

#main_dm_product {
  margin: 0 auto;
  width: 100% !important;
  float: right;
}

/*++++++++++JS ZOOM PRODUCT+++++++++++*/
div.jszoom-product{float: left;width:350px;}
div.thumb ul{position: relative;list-style: none; padding:0px;}
div.thumb ul li{/*position: absolute;*/ position:relative;z-index: 0;width: 350px;display: none;}
div.thumb ul li.active{z-index: 0;display: block;}

.col_right {
    position: relative;
    width: 942px !important;
    float: right;
}

#slide_maunha
{
  position: relative;
  margin: 0px auto;
  width: 100%;
  top: 0px;
  z-index: 1;
  background: url(../images/bg_slide_03.png) repeat;
}

div#slide_product {
	margin:10px 0px;
}

div#slide_product ul li 
{
	margin:7px;
}

.img_sp_moi {

  width: 183px;
  height: 124px;
  margin-top:10px;
  margin-left:3px;
  background:url(../images/bg_sp.png) no-repeat;

}

.img_sp_moi img
{
	width: 160px;
	height: 107px;
	padding:6px;
}

.name_sp_moi {
  z-index: 99;
  top: 93px;
  width: 309px;
  height: 0px;
  position: relative;
  margin: 0 auto;
}

.name_sp_moi p
{
	text-align:center;
	height: 60px;
	line-height: 55px;
	color:#fff200;
	text-transform: uppercase;
	font-size: 18px;
	font-family:'UTM Neo Sans Intel';
	background:url(../images/bg_name_sp.png) no-repeat;
}

div#bottom {
    position: relative;
    width: 100%;
    max-width: 1000px !important;
    margin: 0 auto;
}

.pro
{
position:relative;
}

.gioithieu {
  width: 60%;
  float: left;
}

.img_nd {
  width: 39%;
  float: left;
  border: 1px solid #e3e3e3;
}

.img_nd img
{
	margin:4px;
}

.nd {
  width: 60%;
  float: right;
}

.name_nd h2  {
  font-size: 12px;
  font-family: arial;
  color: 666666;
  margin:0;
}

.mota_nd p{
  color: #666666;
  font-size: 12px;
  font-family: arial;
  margin: 0;
  line-height: 24px;
}

.xem a {
  float: right;
  color: #ff0000;
}

.tintuc {
	position: relative;
    width: 69%;
    float: left;
    margin-bottom: 20px;

}

.video
{
	width: 29%;
    float: right;
}
  
.cate-pro {
    border-radius: 7px;
}
.hotro {
    background-color: #e3e3e3;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 7px;
    color: #1641ce;
}
.hotro b
{
	font-weight:normal;
}
.chitiet
{
	padding: 4px 10px;
    margin: 5px 0px;
    background-color: #8d8d8d;
    color: #fff;
    border-radius: 5px;
}
.left_sp {
    width: 50%;
    float: left;
}

.left_sp ul>li
{
	list-style:none;
}

.product-description {
    position: relative;
    width: 50%;
    float: right;
}

#search_frm_vi
{
    position: relative;
    float: right;
    top: 65px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}


form#frm_search {
}
.cate-pro1 {
    background-color: #FFE21B;
    padding: 6px;
    margin-bottom: 10px;
    border-radius: 7px;
}
#search_input
{
  width: 100%;
  height: 40px;
  border: none;
  text-indent: 10px;
  border-radius: 7px;
}

.img_search
{
    top: 21px;
    right: 18px;
    position: absolute;
    border-radius: 3px;
}

.img_search a
{
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    line-height: 23px;
}

.video ul
{
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.video ul li
{
	font-size: 15px;
    font-weight: normal;
    font-family: Roboto-Regular;
    width: 100%;
    display: block;
    color: #424242;
}
.box_news
{
	width: 100%;
	float: left;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 0px;
}
.h2_news a
{
  color: #FF4302;
  font-size: 16px;
  font-family: arial;
  font-weight: normal;
}

.image_boder
{
    width: 30%;
    float: left;
}

.image_boder img
{
    width: 95%;
    height: 179px;
}

.name_boder {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 69%;
    float: right;
}

.name_boder h2
{
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    float: left;
	color: #ff4e00;
	position:relative;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
}

.name_boder p
{
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	text-align: justify;
}

.chitiet-news
{
	float: left;
	margin: 11px 0px 0px 20px;
	list-style: none;
	line-height: 26px;
	text-align: center;
	width: 80px;
	height: 27px;
	background-color: #6B3EDE;
	font-size: 14px;
}

.chitiet-news a
{
	color: #ffffff;
}

.product_info
{
    margin: 0;
    padding: 0;
    padding-top: 12px;
    list-style: none;
}

.product_info li
{
	border-bottom: 1px dotted #D6D6D6;
}

.product_info li p
{
    margin: 0;
    font-weight: normal;
}

div.addthis_toolbox
{
  width: 100%;
  margin-bottom: 15px;
  margin-top: 16px;
  margin-left: 38px;
  float: left;
}

.title_product
{
  background: url(../images/bg_title_sp.png) no-repeat;
  height: 51px;
  margin: 0;
}

.title_product_detail
{
  margin: 0;
  padding: 0 9px;
  float: left;
  height: 37px;
  line-height: 48px;
  text-indent: 44px;
  color: #FFFFFF;
  font-family: arial;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

.product-item
{
    position: relative;
    float: left;
    width: 24%;
    margin: 10px 0px;
    margin-right: 12px;
}

.product-image
{
    position: relative;
    width: 98%;
    float: left;
    padding: 1px;
    border: 1px solid #d0d0d0;
}

.product-image img
{ 
    width: 220px;
    height: 170px;
}

.name-sanpham
{
    width: 100%;
    float: left;
    position: relative;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #3e3e3e;
}

.name-sanpham h2
{
	margin:0;
}

.name-sanpham h2>a
{
  color: #515151;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 14px;
}

.name-sanpham b
{
	font-size: 14px;
	color:#009612;
}

div.name-sanpham ul
{	
	font-family: arial;
	font-size: 12px;
	position: relative;
	display: block;
	list-style: none;
	margin:0;
}

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

.line_pro_bottom
{
	height: 22px;
	margin: 0 auto;
	margin-left: 19px;
	margin-bottom: 20px;
	background: url(../images/line_pro_bottom.png) no-repeat;
}

.product-name
{
  width: 71%;
  margin: 0 auto;
  text-align: left;
  float: left;
  margin-top: 5px;
}

.product-name h2
{
	text-transform: uppercase;
  font-size: 12px;
  margin: 0;
}

.product-name1 h2>a
{
  color: #F70808;
  font-size: 14px;
  font-family: arial;
  font-weight: normal;
  text-transform: uppercase;
}

.product-name h2>a
{
  color: #F70808;
  font-size: 14px;
  font-family: arial;
  font-weight: normal;
}

.product-name ul
{
	list-style: none;
  margin: 0;
  padding: 0;
}

.gioi_thieu {
	background: url(../images/bg_gt.png) no-repeat;
	height: 385px;
}

.nd_gioithieu {
width: 704px;
  margin-left: 83px;
  padding-top: 35px;
}

.nd_gioithieu a
{
  font-size: 29px;
  text-transform: uppercase;
  font-family: 'UTM Neo Sans Intel';
  color: #000;
  font-weight: normal;
}

.nd_gioithieu p
{
	font-size: 18px;
  font-family: 'UTM Neo Sans Intel';
}
/*------------------footer------------------ */

#footer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-color: #e6e6e6;
}

#footer_bootom {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

#footer_bootom a
{
	color: #0066b2;
}

#footer_bootom ul
{
  margin: 0;
  padding:0;
  list-style:none;
  position:relative;
}

#footer_bootom ul li
{
    margin: 0;
    padding: 4px 0px;
    position: relative;
    background: url(../images/icon_dmsp.png) no-repeat left;
} 

.chinhsach ul li a,.dmsp1 ul li a,.thongtin-cty ul li a
{
	margin-left:10px;
}

.title-footer
{
    position: relative;
    padding: 10px 0px;
}

.title-footer h2
{
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

.copy-right {
    position: relative;
    margin: 0 auto;
    width: 100%;
	background-color:#ffe21b;
}

.copy-right1 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}
.copy-right1 ul
{
	float:right;
	padding:0;
	margin:0;
	list-style:none;
}
.copy-right1 ul li
{
	float:left
}
.copy-right1 p
{
	color: #828282;
    font-family: Arial;
    padding: 10px 0px !important;
}

.left_footer
{
    position: relative;
    width: 42%;
    float: left;
}

.thongtin-cty b {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
}

.dmsp1{
    width: 50%;
    position: relative;
    float: right;
}

.center_footer
{
    position: relative;
    float: left;
    width: 25%;
}

.center_footer ul li
{
	list-style:none;
}

.mang_xh_ft
{
	margin: 0;
}

.mang_xh_ft ul
{
  margin-left: 29px;
}

.mang_xh_ft ul li
{
    float: left;
    margin-right: 16px !important;
    background: none !important;
}

.thongke
{
	margin-left: 20px;
}

.right_footer
{
	width: 25%;
	position:relative;
    float: right;
}

div.right_footer ul
{
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}

div.right_footer ul li
{
  position: relative;
}

div.right_footer ul li img
{
  position: relative;
  margin-right:10px;
}

div.right_footer .mang_xh ul li 
{
float:left;
}

p.copy-right2 {
    width: 50%;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

p.copy-right3 {
    width: 50%;
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}

#ser_onl {
		position:fixed;
		bottom:0;
		width:450px;
	
		right:0;
		z-index:100;
		z-index: 10000;
	}
	.label_serv_onl {
		height: 58px;
		background: url(../images/bg_hotro.png) no-repeat right;
		cursor:pointer;
		}
		
	.cont_serv_onl {
		display: none;
  background: #FFF;
  font-size: 20px;
  padding: 10px 10px 10px;
  border-top: 2px solid #D6D6D6;
  border-left: 2px solid #D6D6D6;
  -moz-border-radius: 15px 0 0 0;
  -webkit-border-radius: 15px 0 0 0;
  border-radius: 15px 0 0 0;
  cursor: pointer;
  color: #4B4A4A;
	}
	.cont_serv_onl h2 {
		  font-size: 23px;
  font-family: UTMAlterGothic;
  font-weight: normal;
  text-transform: uppercase;
  color: #14CA01;
  margin-bottom: 10px;
  }
	#ser_onl .active {
		  background: url(../images/bg_hotro.png) no-repeat right;
		cursor: pointer;
	}
	
#back-top {
  position: fixed;
  bottom: 85px;
  z-index: 9999;
  left: 52%;
  margin-left: 582px;
}

#back-top {
  bottom: 61px;
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 10000;
  right: 0px;
  }
	
#back-top span {
  width: 48px;
  height: 63px;
  display: block;
  margin-bottom: 7px;
  background: url(../images/up-arrow.png) no-repeat left 0px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
  }
  li.lv_sp {
    text-align: center;
    position: relative;
}
li.lv_sp img {
    margin: 0 auto;
    width: 95%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 1px;
    border: 1px solid #d3d3d3;
}