body
	{ 
	margin:0 auto;
	font-size:12px;
	background:#fff;
	
	font-family:UTMAvo;
	src:url(../fonts/UTMAvo.ttf);				
	}
	a{ text-decoration:none}
	.clear{ clear:both}
	#logo img{ max-width:190px; max-height:97px}

@font-face{
	font-family:UTMAvo;
	src:url(../fonts/UTMAvo.ttf);				
}

@font-face{
	font-family:UTMAlexander;
	src:url(../fonts/UTMAlexander.ttf);				
}


#ngonngu{float:right}
#ngonngu li{ list-style:none;}
#ngonngu li{ float:left; margin-left:5px}
#hotline{font-size: large;
  
    color: #ed8148; text-shadow:5px 6px 8px #ccc;position: relative;
    z-index: 1;
    top: -10px;
	float:right;

}



@media screen and (max-width:980px)
{
#noidung_about{font-size:11px}
#wap_gioithieu{ padding:51px 0px 0px 0px}
#chitiet_gioithieu{ position: relative;
    top: -40px;
    right: 5px;}
	#adderss{ font-size:10px; margin-left:-15px;height:205px}
	.nav2>li{ margin:0px -50px 0px 0px}
	

.ddd{ display:none}
.footer{padding-left: 15px;
    padding-right: 24px;}
	#duoi {padding-left: 24px;
    padding-right: 15px;}
	#slider{
    padding-right: 15px;}
	#slider2{
    padding-right: 15px;}
	

	
		#menu_duoi{     padding: 0%;
    position: relative;
    z-index: 1;
    right: 13px;
}
#fanface{margin: -5%;
    position: relative;
    z-index: 1;
    top: 45px; left:40px;}
	#slider img{ width:104%; height:430px}

	.noidung_chitiet{ text-align:left}
	.MagicZoom{ display:none;}
	#Zoomer{ display:none}
	.MagicZoomBigImageCont{ display:none}
		#slider2 img{ width:105%; height:430px}
		.noidung_chitiet p img{ width:100%}



}


#wap_header{ margin:0 auto; width:75%; height:100px}
#logo{ float:left ; width:21%; margin:0px 0px 0px 0px}
#right_menu{ float:left }
#wap_right{ margin-right:4%}
#slider{ width:100%;  margin:0 auto}


#slider img{  height:430px}
#slider2 img{  height:430px}


#container{ width:980px ; margin:0 auto}
.title_dm{ height:44px; line-height:42px; color:#000;
      font-size: 19px;
    font-weight: 600; margin-bottom:10px}
  
  .wap_sp{ width:75%; margin:20px auto}
  
  .ten_contact a{color:#fff}
  .wap_contact{ background:url(../images/contact_bg.jpg); padding:5%}
  
  #googleMap{ margin-left:0px; margin-top:10px}
.sp{ float:left;  width:22%; margin-right:2% }
.hinh_sp{  width:100% ;  border:1px solid #919191}
.hinh_sp img{  width:90% ; margin:5%}

.hinh_sp img:hover{ cursor:pointer}
.ten_sp a{color:#448dc1; line-height:25px; font-size:14px;}
.ten_sp{ text-align:center}
.ten_sp2 a{ color:#666;}
.ten_sp2 {text-align:center}



.dichvu{ float:left;  width:31%;  margin-right:2%; margin-top:2% }
.hinh_dv{  width:99%; border:1px solid #ccc  }
.hinh_dv img{  width:80% ; margin:10%; }

.hinh_dv img:hover{ cursor:pointer}
.ten_dv a{color:#fff; line-height:25px; font-size:14px;}
.ten_dv{ text-align:left; height:25px;padding-left: 10px;}
.ten_dv2 a{ color:#3C92CF;background:#fff; padding:0px 15px 2px 15px}
.ten_dv2 { float:left; padding:10px 10px 10px 10px}
.w_ten_dv{ background:#0089CF; color:#fff; height:110px}

.tt{color:#fff; padding-left:10px; height:50px}
a#Zoomer img
	{
		width:50%;
	} 

.product{ float:left;  width:23%; height:230px; margin-right:2% }
.hinh_product{  width:100% ;  border:1px solid #ccc}
.hinh_product img{  width:80% ;  padding:10px 15px 10px 15px}

.hinh_product img:hover{ cursor:pointer}
.ten_product a{color:#2D83CF; line-height:25px; font-size:14px;}
.ten_product{ text-align:left; height:75px;padding-left: 10px;}




#title_dv{color: #2D83CE;
    font-size: 24px;
    padding-left: 10px;
    font-weight: 600;}

.title_icon{ float:left; padding:3px 10px 0px 0px}
.ten_chitiet{ float:left; color:#000; font-weight:600; font-size:16px; margin-bottom:10px}
.noidung_chitiet{ margin-bottom:30px}
.grey3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #999999;
}
.button_on {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #FFFFFF;
    letter-spacing: 3px;
    line-height: 16px;
    background-color: #0089CF;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    text-decoration: none;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
.blue5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #0187CE;
}
#wap_gioithieu
{
	
	width:100%; margin:0px auto;
}
#image_about{
	width:45%;
	float:left;	
}
#image_about img{ width:85%}
#noidung_about{ float:left; width:54%}
#chitiet_gioithieu{ float:right;
 padding: 180px 2px 0px 0px;}
#w_about{ border:1px solid #666;padding: 10px 0px 41px 10px;
    height: 226px; width:93%;box-shadow: -2px 7px 9px 1px #ccc ;
	margin-bottom:25px}	
#wap_footer
{
		width:75%; margin:0 auto;

	
}
.footer
{
width:100%;
 float:left;
  background:#e4ebf6;
	
}
#design {
    position: relative;
    z-index: 1;
    top: -23px;
    text-shadow: 5px 0px 0px #fff;
    padding-left: 180px;
    padding-top: 5px;
}
#adderss{ float:left; width:30%}
#tuvanhotro{ float:left; width:20%; margin-left:5%; margin-right:5%;}
#tuvanhotro a {
    color: #000;
}
#fanface{ float:left; width:34%}

#design a{font-family:UTMAlexander;
	src:url(../fonts/UTMAlexander.ttf); font-size:14px; color:#1589c9; font-weight:bold}
#duoi{ margin-top:5px; background:#1589C9 ;height:58px;  width:100% }
#duoi img { float: right;
    padding-right: 237px;
}

.dm_left{ width:25%; float:left; padding:0px 35px 0px 0px}

.dm_right{ width:70%; float:left; margin-bottom:20px}
.ten_contact{ color: #fff;
    background: #0187CE;
    border-radius: 10px;
    font-weight: bold;
    padding: 2px 0px 4px 10px;
	    width: 215px;}
	

div#chitietsp
{
	padding:15px 0px;
}
div#chitietsp #guonganh
{
	width:450px;
	float:left;
}
div#chitietsp #guonganh a#Zoomer img
{
	width:420px;
}
div#chitietsp #thongtinsp
{
	float:left;
	margin-left:10px;
	margin-top:-20px;

	width:180px;
}
div#chitietsp #thongtinsp ul
{
	background:#fff;
	list-style:none;
	padding:10px;
line-height:20px;
}


div#chitietsp #thongtinsp ul li
{
	
padding:0px 0px 15px 0px;
}

div#chitietsp #thongtinsp ul li.ten
{
	font-size:14px;
	font-weight:bold;
padding:8px 5px;

}




div#chitietsp #thongtinsp ul div span
{
font-size:13px;
font-weight:bold;
color:#2F60FD;
}




/* ---------------------CHi tiết sản phẩm------------------*/