@media all and (min-width: 600px) and (max-width: 1024px){
@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#333; line-height:23px;}
.container { width:96%; margin:auto; padding:10px 0;}
a { text-decoration:none; color: #3498db;}
table { border-collapse: collapse; width:100%;}
h1 { font-weight:normal;}
h2 { font-weight:normal; }
h3 { font-weight:normal; }

table, th, td { border:1px solid #dcdcdc; padding:5px;}
.clear { clear:both;}

#header { background:#f4f4f4; border-bottom: 1px solid #d9d9d9;}
	.topmenu { background:#747277}
	.slogan { width:100%; float:left; color:#fff;  text-align:center }
	.menutop { width:60%; float:right; text-align:right; display:none;}	
	.menutop  a { color:#fff; padding:0 15px; border-right:1px solid #fff; font-size:14px;}
	
	.header {}
		.logo { width:100%; text-align:center}
		.logo img { height:60px;}
		.search { width:99%; position:relative; margin-top:10px;}
			.search input[type=text] { border:1px solid 00477b; width: 100%; height:36px; border-radius:6px; }
			.search input[type=submit] { background:00477b; border:1px  solid 00477b ; padding:10px; color:#fff; font-size:16px; text-transform:uppercase; position:absolute; right:0; top:0; border-top-right-radius:6px; border-bottom-right-radius:6px; margin-right:-1px;}
		.socail { width:100%;  text-align:center; display:none}
		.socail img { width:36px; padding:10px;}
		.menu { padding-top:6px;}
		.menumain { width:100%; border-top-left-radius:5px; border-top-right-radius:5px;  background:00477b url(images/iconmenu.png) no-repeat 5% 50%; display:none}
		.hotline { width:60%; float:right; text-align:right; padding-top:10px; font-size:13px;  display:none;}
		
		.boxhome { padding:10px 0;}
		
		.left { width:100%;}
			
			.boxproduct .title { padding:10px; text-transform:uppercase; border-bottom:1px solid #dcdcdc;padding: 10px 0px; margin-bottom: 10px; font-weight:bold;}
			.boxproduct .content{ margin:0 -2%;}
			.product { width:45.2%; float:left; margin:2%; border:1px solid #e1e1e1; text-align:center; box-shadow:0 0 15px #ccc;}
			
			.product .image { overflow:hidden; border-bottom:1px solid #dcdcdc}
			.product .image img { width:100%; -webkit-transition:all .4s linear; transition:all .4s linear;}
			.product .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
			
			.product .name { height:43px; padding:0 10px; overflow:hidden;}
			.product .price { font-weight:bold; color:#ee3124}
		.right {width: 100%; }
			.boxright { padding-top:10px;}
			.boxright .title { padding:10px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #dcdcdc}
				.newleft { padding:10px 0;}
				.newleft img { width:30%; float:left}
				.newleft p { width:68%; float:right; padding-top:6px; margin:0;}
				.newleft a:hover { color:#333;}
			.boxright .ads{ padding-bottom:10px;}
		.boxview {}
		.boxview .title { padding:10px 0; border-bottom:1px solid #dcdcdc; font-size:13px;}
		.imgpro { width:100%;}
		.imgpro img {max-width:100%; padding-bottom:10px;}
		.infopro { width:100%;font-size:14px;}
		.infopro h1 { font-weight:normal; padding:0; margin:0;}
		.infopro .price { color:#F00; font-weight:bold;}
		.titview { border-bottom:1px solid #dcdcdc; padding:10px 0;}
		.titview h2 { padding:0; margin:0;}
		
		.news {padding-top:10px;}
		.news .image { width:28%; float:left;}	
		.news .image img { width:98%; padding:1%;}	
		.news .content_news { width:68%; float:right; margin-right:1%;} 	
		.news .content_news .tit {padding-bottom:4px; height:38px}	
		.news .content_news .tit a {text-decoration:none; font-weight:bold; color:#333;}	
		.news .content_news .tit a:hover {text-decoration:underline; font-weight:bold; color:#ffa200;}	
		.news .content_news .mota { text-align:justify; color:#535353; height:68px; line-height:18px; display:block}
		
		
#footer {}
	.boxft {}	
	.box { width:100%; color:#ccc; padding:10px 0;  border:1px solid #e1e1e1; margin-bottom:5px;}
	.box h4 { padding:0; margin:0;  font-size:14px; padding-left:65px; font-weight:normal; color:#666}
	.box p { padding:0; margin:0; padding-left:65px; font-weight:bold;}	
	.ft1 { background:url(images/support.png) no-repeat left center;}
	.ft2 { background:url(images/icon-price.png) no-repeat left center;}
	.ft3 { background:url(images/star.png) no-repeat left center;}
	.ft4 { background:url(images/bao-hanh.png) no-repeat left center;}
	
	.infoft {  margin-top:5px; padding-top:5px;}
	.col { width:100%;}
	.col p { padding:5px 0; margin:0; font-size:13px;}
	.col .title { width:98%; text-transform:uppercase; font-weight:bold; padding:10px 0;}
	.col .content { width:98%}
	.col .content ul { padding:0; margin:0; list-style:none;}
	.col .content ul li{ padding:5px 0;}
	.col .content ul li a:hover { color:#F00}
}