* {
    padding:0;
    padding:0;
    margin:0;
}

a{text-decoration:none;}
.hotmb{
		display:block;
		height:auto;
		width:100%;
		position:fixed;
		bottom:20px;
		color:#fff;
		text-indent:5px;
		z-index:1000;
		font-size:15px;
   }
   .hotmb a{
		color:#fff;
   }
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: auto !important;
	background: #dfdfdf;
}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
.h1{ font-size:18px; line-height:25px; color:#06F; }
.h1 a{ font-size:18px; line-height:25px; color:#06F; }
.h2{ font-size:15px; line-height:25px; color:#000; height:25px; float:left; display:block;
margin:10px 0 0 0px;}

.url{line-height:25px; height:25px; color:#333; font-size:13px; margin-bottom:10px; width:660px; float:left; border-bottom:solid 1px #ccc;}
.url a{color:#333;}
.url a:hover{color:#F00;}
@media screen and (min-width: 320px){
   body {
      background: #dfdfdf;
   }
   .box_software_home{ width:328px; height:300px; float:left; margin:5px 10px 10px 0px; display:none;}
	.anhdaidien_home{ width:200px; height:auto; float:left; margin:10px 0 0 10px}
	.anhdaidien_home img{ width:190px; height:150px;}
	.box_software_home h2{
		color:#097939; font-size:15px; margin-bottom:10px; float:left; height:30px; line-height:35px;
		background:url('../images/icon_home.png') no-repeat left center;
		padding:0 0 0 40px;
		width:290px;
		border-bottom:solid 1px #dedede;
	}
	.box_software_home h2 a{
		color:#097939; font-size:15px; float:left;
		padding:0 10px 0 5px;
		background:#fff;
		height:20px;
	}
	.box_software_home h2 a:hover{ color:#F00}
	.noidungtin_home{
		width:100%;
		float:left;
		height:auto;
		margin:10px 0 0 0px
	}
	
	.noidungtin_home h3{
		width:100%;
		float:left;
		line-height:25px;
		background:url('../images/icon_list.png') no-repeat left center;
		font-weight:normal;
		padding:0 0 0 22px;
	}
	.noidungtin_home h3 a{ color:#000}
	.noidungtin_home h3 a:hover{ color:#F00}
   .url{
	   line-height:25px; height:25px; 
	   color:#333; font-size:13px; 
	   margin-bottom:10px; 
	   width:350px;
	   float:left; 
	   border-bottom:solid 1px #ccc;
	   margin:15px 0 0px 0px;
   }
   .xuathien{
	float:left;
	bottom:0;
	position:fixed;
	display:block;
	z-index:1000;
	
}
   .main:before, .main:after{
	   content:"";
	   display:table;
	   clear:both;
   }
   .header{
		height:auto;
		padding:0.3em 0;
		margin:0 auto;
		width:100%;
	}
	
   .contentner{
		max-width:350px;
		margin:0 auto;
	}
	#top{
		background: #343434;
		width: 100%;
		height: 30px;
	}
	.top{
		width:350px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu_top{
		width:350px;
		height:30px;
		line-height:30px;
		float:left;
		text-align:right;
		color:#fff;
	}
	.menu_top a{ color:#fff; padding:0 15px;}
	.boxtim{width:230px; float:left; height:20px; margin:0.3em 0.3em 0 0;}
	.nuttim{width:100px; float:left;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#009b43; color:#fff; border:none; width:80px; height:22px;margin:0.3em 0.3em 0 0;}
	#banner{
	background: #fff;
	width: 100%;
	float:left;
	height:auto;
	}
	.banner{
		width:100%;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.banner .logo{
		width:100%;
		height:auto;
		float:left;
		display:block;
	}
	.logo .alogo{
		width:100%;
		height:auto;
	}
	.banner .adsright{
		width:80%;
		display:none;
	}
	.menu{
		width:100%;
		color:#fff;
		background:#017533;
		height:30px;
		border-bottom:solid 2px #ea9904;
		float:left;
	}
	
	.all{
		background:url(../images/background.png) repeat-y center top;
		width:100%;
		float:left;
		height:auto;
	}
	.main{
		max-width:99%;
		height:auto;
		margin:5px auto;
		display:block;
	}
	.all_main{
		width:100%;
		height:auto;
		float:left;
		display:block;
	}

	.connent_all{
		width:100%;
		height:auto;
		background:#115c9c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.connent_all .conntentner{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 1px;
	}
	.home{
		width:100%;
		height:auto;
		background:#fff;
		margin:0 0 0 0px;
		float:left;
		display:block;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.quangao_top{
		display:none;
	}
	.box_noibat{
		display:block;
		width:100%;
		float:left;
		margin:20px 0 0 0px;
	}

	.box_noibat .tinnoinhat{
		width:100%;
		float:left;
		height:auto;
		margin:0 0 0 10px;
		border-right:solid 1px #dedede;
	}
	.tinnoinhat .img_noi{
		width:100%;
		float:left;
		height:auto;
	}
	.img_noi img{
		width:95%;
		height:auto;
	}

	.tinnoinhat .noidung_noi{
		width:98%;
		float:left;
		height:auto;
		margin:10px 0 10px 0px;
		line-height:20px;
	}
	.noidung_noi h3 a{ font-size:18px; line-height:20px; color:#06C}
	.noidung_noi h3 a:hover{ font-size:18px; line-height:20px; color:#F00}

	.box_noibat .noibatkhac{
		width:99%;
		float:left;
		height:auto;
		margin:0 0 0 10px;
	}
	.noibatkhac .tit_noi{
		width:100%;
		float:left;
		height:auto;
		margin:0 0 10px 0px;
	}
	.tit_noi .img_tit{
		width:20%;
		float:left;
		display:block;
	}
	.tit_noi .tieu_tit{
		width:75%;
		float:left;
		display:block;
		margin:0 0 0 5px;
	}
	.tieu_tit h3 a{ line-height:20px;color:#06C}
	.tieu_tit h3 a:hover{ line-height:20px;color:#F00}
	.right{
		display:none;
	}
	
	.product_home{
		width:100%;
		height:auto;
		float:left;
		display:block;
		margin:0px 0 10px 0px;
	}
	.center{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0px;
	}
	.center_detail{
		width:100%;
		height:auto;
		float:left;
		margin:0 0px 0 0px;
		line-height:25px;
		text-align:justify;
		display:block;
		font-size:15px;
	}
	.center_detail li{ margin-left:20px;}
	.center_detail img{ max-width:320px; height:auto;}
	
	.box_software{
		width:100%; 
		height:auto; 
		float:left; 
		display:block;
		margin:5px 0 10px 0px; 
		background:#f8f8f8; 
		border:solid 1px #e5dfdf;
	}
	.anhdaidien{ width:100%; height:auto; float:left; margin:0.3em 0 0 1em; padding:0.3em 0 0.3em 0;}
	.anhdaidien img{ width:93%;}

	.noidungtin{
		width:98%;
		float:left;
		height:auto;
		margin:10px 0 0 10px
	}

	.noidungtin h3 a{ color:#06F; font-size:15px; margin-bottom:10px;}
	.title h3 a:hover{ color:#F00}
	.box_software h3 a{ color:#06F}
	.box_software h3 a:hover{ color:#F00}
	.tit{ color:#06F;}
	.tit:hover{ color:#F00;}
	.noi_img {
		width:97%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	.h1_home{
		display:none;
	}
	
	
	.chantrang{
		width:100%;
		float:left;
		display:block;
		height:auto;
		background:#0301ca;
	}
	.footer{
		width:100%;
		display:block;
		height:auto;
		margin:0 auto;
	}
	.chan{
		width:100%;
		display:block;
		height:auto;
		float:left;
		color:#fff;
		line-height:25px;
		padding:10px 0 10px 0px;
	}
	.hien{
		width:350px;
		bottom:0;
		position:absolute;
		height:auto;
	}
	.hien{
		width:350px;
		bottom:0;
		position:fixed;
		height:auto;
		float:left;
		display:block;
	}
	.menu_bottom{
		width:100%;
		float:left;
		display:none;
		line-height:30px;
		font-weight:bold;
		background:#017533;
		text-align:center;
		border-bottom:solid 1px #ea9904;
	}
	.menu_bottom a{ padding:0 10px; color:#fff;}
	.danhmucmobile{
		width:100%;
		float:left;
		height:auto;
		display:block;
		background:#017533;
		border-bottom:solid 1px #ea9904;
	}
	.danhmucmobile .chanmobile1{
		width:45%;
		float:left;
		display:block;
		color:#fff;
		height:25px;
		line-height:25px;
		margin:0 0 0 8px;
	}
	.danhmucmobile .chanmobile1 h2 a{
		color:#fff;
	}

	.newsbottom{
		width:100%;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.hinhanh_noibat{
		width:100%;
		height:35px;
		line-height:35px;
		font-weight:bold;
		color:#4285f4;
		float:left;
		text-indent:10px;
		text-transform:uppercase;
		font-size:15px;
	}
	.box_bottom{
		width:100%;
		height:auto;
		margin:0 0 10px 0px;
		float:left;
		display:block;
	}
	.img_footer{
		width:45%;
		height:180px;
		margin:0 5px 20px 5px;
		float:left;
		display:block;
		box-shadow: 1px 1px 5px -1px #ccc;
	}
	.img_footer .img_bot{
		width:95%;
		height:auto;
		float:left;
		margin:5px 0 0 8px;
		display:block;
	}
	.text_bot{margin:0 0 0 0px; width:95%;height:40px; float:left; display:block;  text-align:center;}
	.text_bot a{ margin:10px 0 0 10px; color:#000; font-size:15px;}
	.text_bot a:hover{ margin:10px 0 0 10px; color:#000; text-decoration:underline;}
	.anhnoi{
		width:95%;
		height:130px;
		float:left;
	}
	/*-----------ket thuc noi bat---------------*/
/* -----------end content main---------------
@media screen and (min-width: 480px){
   body {
      background: #dfdfdf;
   }
   .url{
	   line-height:25px; height:25px; 
	   color:#333; font-size:13px; 
	   margin-bottom:10px; 
	   width:100%; float:left; 
	   border-bottom:solid 1px #ccc;
	   margin:15px 0 0px 0px;
   }
   .xuathien{
	float:left;
	bottom:0;
	position:fixed;
	display:block;
	z-index:1000;
	
}
   .main:before, .main:after{
	   content:"";
	   display:table;
	   clear:both;
   }
   .header{
		height:auto;
		padding:0.3em 0;
		margin:0 auto;
		width:100%;
	}
	
   .contentner{
		max-width:500px;
		margin:0 auto;
	}

	#top{
		background: #343434;
		width: 100%;
		height: 30px;
	}
	.top{
		width:500px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu_top{
		width:500px;
		height:30px;
		line-height:30px;
		float:left;
		text-align:right;
		color:#fff;
	}
	.menu_top a{ color:#fff; padding:0 15px;}
	.boxtim{width:230px; float:left; height:20px; margin:0.3em 0.3em 0 0;}
	.nuttim{width:100px; float:left;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#009b43; color:#fff; border:none; width:80px; height:22px;margin:0.3em 0.3em 0 0;}

	#banner{
	background: #fff;
	width: 100%;
	float:left;
	height:auto;
	}
	.banner{
		width:100%;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.banner .logo{
		width:20%;
		height:auto;
		float:left;
	}
	.banner .adsright{
		width:80%;
		display:none;
	}
	.menu{
		width:100%;
		color:#fff;
		background:#017533;
		height:30px;
		border-bottom:solid 2px #ea9904;
		float:left;
	}
	

	#all{
		background:url(../images/background.png) repeat-y center top;
		width:100%;
		float:left;
		height:auto;
	}
	#main{
		max-width:500px;
		height:auto;
		margin:5px auto;
		display:block;
	}
	#all_main{
		width:500px;
		height:auto;
		float:left;
		display:block;
	}

	#connent_all{
		width:500px;
		height:auto;
		background:#115c9c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	#connent_all .conntentner{
		width:500px;
		height:auto;
		float:left;
		margin:0 0 0 1px;
	}
	.home{
		width:500px;
		height:auto;
		background:#fff;
		margin:0 0 0 0px;
		float:left;
		display:block;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.quangao_top{
		display:none;
	}
	.box_noibat{
		display:none;
	}
	#right{
		display:none;
	}
	.newsbottom{
		display:none;
	}
	.product_home{
		width:100%;
		height:auto;
		float:left;
		display:block;
		margin:0px 0 10px 0px;
	}
	.center{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0px;
	}
	.center_detail{
		width:97%;
		height:auto;
		float:left;
		margin:0 0px 0 10px;
		line-height:25px;
	}
	.center_detail li{ margin-left:20px;}
	.center_detail img{ max-width:500px; height:auto;}
	
	.box_software{ width:100%; height:auto; float:left; margin:5px 0 10px 0px; background:#f8f8f8; border:solid 1px #e5dfdf;}
	.anhdaidien{ width:100%; height:auto; float:left; margin:0.3em 0 0 1em; padding:0.3em 0 0.3em 0;}
	.anhdaidien img{ width:93%;}

	.noidungtin{
		width:98%;
		float:left;
		height:auto;
		margin:10px 0 0 10px
	}

	.noidungtin h3 a{ color:#06F; font-size:15px; margin-bottom:10px;}
	.title h3 a:hover{ color:#F00}
	.box_software h3 a{ color:#06F}
	.box_software h3 a:hover{ color:#F00}
	.tit{ color:#06F;}
	.tit:hover{ color:#F00;}
	.noi_img {
		width:97%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	.h1_home{
		display:none;
	}
	#footer{
		max-width:500px;
		display:block;
		height:auto;
		margin:0 auto;
	}
	#chan{
		width:100%;
		display:block;
		height:auto;
		background:#232323;
		float:left;
		color:#fff;
		padding:10px 0 10px 0px;
	}
	.hien{
		width:500px;
		bottom:0;
		position:absolute;
		height:auto;
	}
	.hien{
		width:500px;
		bottom:0;
		position:fixed;
		height:auto;
		float:left;
		display:block;
	}

}
@media screen and (min-width: 800px){
   body {
      background: #fff;
   }
   .main:before, .main:after{
	   content:"";
	   display:table;
	   clear:both;
   }
   .header{
		height:auto;
		padding:0.3em 0;
		margin:0 auto;
		width:100%;
	}
	
   .contentner{
		max-width:800px;
		margin:0 auto;
	}

	#top{
		background: #343434;
		width: 100%;
		height: 30px;
	}
	.top{
		width:800px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu_top{
		width:800px;
		height:30px;
		line-height:30px;
		float:right;
		text-align:right;
		color:#fff;
	}
	.menu_top a{ color:#fff; padding:0 15px;}
	.boxtim{width:230px; float:left; height:20px; margin:0.3em 0.3em 0 0;}
	.nuttim{width:100px; float:left;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#009b43; color:#fff; border:none; width:80px; height:22px;margin:0.3em 0.3em 0 0;}
	#banner{
	background: #fff;
	width: 100%;
	float:left;
	height:auto;
	}
	.banner{
		width:800px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu{
		width:100%;
		color:#fff;
		background:#017533;
		height:40px;
		border-bottom:solid 2px #ea9904;
		float:left;
	}
	.header1{
		width:800px;
		color:#fff;
		height:40px;
		margin:0 auto;
	}
	
	#all{
		background:url(../images/background.png) repeat-y center top;
		width:100%;
		float:left;
		height:auto;
	}
	#main{
		max-width:800px;
		height:auto;
		margin:0.5em auto;
		
	}
	#all_main{
		width:800px;
		height:auto;
		float:left;
		display:block;
	}
	#all_main #top{
		width:800px;
		float:left;
		display:block;
		height:30px;
		background:#115c9c;
	}

	#connent_all{
		width:800px;
		height:auto;
		background:#115c9c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	#connent_all .conntentner{
		width:800px;
		height:auto;
		float:left;
		margin:0 0 0 1px;
	}
	.home{
		width:800px;
		height:auto;
		background:#fff;
		margin:0 0 0 0px;
		float:left;
		display:block;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.quangao_top{
		width:800px;
		height:auto;
		float:left;
		display:block;
		margin:10px 0 0px 0px;
	}

	.product_home{
		width:1000px;
		height:auto;
		float:left;
		display:block;
		margin:0px 0 10px 0px;
	}
	
	#right{
		max-width:300px;
		height:auto;
		float:left;
		display:block;
		margin:0 0 0 20px;
	}
	.ads_right1{
		width:300px;
		float:left;
		height:auto;
		margin:0 0 5px 0px;
	}
	.botton_right{
		width:300px;
		height:36px;
		line-height:36px;
		font-weight:bold;
		color:#333;
		font-size:13px;
		background:url(../images/botton_right.png) no-repeat;
		text-align:left;
		text-transform:uppercase;
		float:left;
	}
	.botton_right a{color:#333;}
	.botton_right a:hover{color:#F00;}
	.xemnhieunhat{
		width:300px;
		height:auto;
		display:block;
		float:left;
		margin:0 0 10px 0px;
		background:#f0f0f0;
	}
	.list_softright{
		width:100%;
		float:left;
		display:block;
		height:auto;
	}
	.list_softright .camnang{
		width:100%;
		float:left;
		height:auto;
		margin:5px 0 5px 0px;
		padding:5px 0 5px 0px;
		border-bottom:solid 1px #f0f0f0;
	}
	.camnang .img_camnang{
		width:90px;
		float:left;
		height:auto;
	}
	.camnang .text_camnang{
		width:190px;
		float:left;
		height:auto;
	}
	.text_camnang h2 a{color:#06F;}
	.text_camnang h2 a:hover{color:#F00;}

	.img_icon{ margin-right:5px;}
	
	
	.center{
		width:680px;
		height:auto;
		float:left;
		margin:0 0 0 0px;
	}
	.center_detail{
		width:660px;
		height:auto;
		float:left;
		margin:0 8px 0 10px;
		line-height:25px;
	}
	.center_detail li{ margin-left:20px;}
	.center_detail img{ max-width:600px;}
	.clear{ clear:both; height:30px; width:100%;}
	.margin{ margin:15px 0 10px 0px;}

	.center_detail h3 a{ color:#06F}
	.center_detail h3 a:hover{ color:#F00}

	.box_software{ width:675px; height:auto; float:left; margin:5px 0 10px 0px; background:#f8f8f8; border:solid 1px #e5dfdf;}
	.anhdaidien{ width:200px; height:auto; float:left; margin:10px 0 0 10px}
	.anhdaidien img{ width:190px; height:150px;}

	.noidungtin{
		width:450px;
		float:left;
		height:auto;
		margin:10px 0 0 10px
	}

	.noidungtin h3 a{ color:#06F; font-size:15px; margin-bottom:10px;}
	.title h3 a:hover{ color:#F00}
	.box_software h3 a{ color:#06F}
	.box_software h3 a:hover{ color:#F00}
	.tit{ color:#06F;}
	.tit:hover{ color:#F00;}
	.noi_img {
		width:100%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	.xem{
		width:100%;
		float:left;
		display:block;
		margin:5px 0 5px 0px;
		line-height:20px;
	}
	.box_noibat{
		width:683px;
		height:auto;
		float:left;
		display:block;
		margin:10px 0 10px 0px;
	}
	.box_noibat .tinnoinhat{
		width:439px;
		float:left;
		height:auto;
		border-right:solid 1px #dedede;
	}
	.tinnoinhat .img_noi{
		width:100%;
		float:left;
		height:265px;
	}
	.img_noi img{
		width:430px;
		height:265px;
	}

	.tinnoinhat .noidung_noi{
		width:98%;
		float:left;
		height:auto;
		margin:10px 0 10px 0px;
		line-height:20px;
	}
	.noidung_noi h3 a{ font-size:18px; line-height:20px; color:#06C}
	.noidung_noi h3 a:hover{ font-size:18px; line-height:20px; color:#F00}

	.box_noibat .noibatkhac{
		width:233px;
		float:left;
		height:auto;
		margin:0 0 0 10px;
	}
	.noibatkhac .tit_noi{
		width:100%;
		float:left;
		height:auto;
		margin:0 0 10px 0px;
	}
	.tit_noi .img_tit{
		width:90px;
		float:left;
		display:block;
	}
	.tit_noi .tieu_tit{
		width:133px;
		float:left;
		display:block;
		margin:0 0 0 5px;
	}
	.tieu_tit h3 a{ line-height:20px;color:#06C}
	.tieu_tit h3 a:hover{ line-height:20px;color:#F00}
	
}
@media screen and (min-width: 600px){
   body {
      background: #dfdfdf;
   }
   .url{
	   line-height:25px; height:25px; 
	   color:#333; font-size:13px; 
	   margin-bottom:10px; 
	   width:100%; float:left; 
	   border-bottom:solid 1px #ccc;
	   margin:15px 0 0px 0px;
   }
   .xuathien{
	float:left;
	bottom:0;
	position:fixed;
	display:block;
	z-index:1000;
	
}
   .main:before, .main:after{
	   content:"";
	   display:table;
	   clear:both;
   }
   .header{
		height:auto;
		padding:0.3em 0;
		margin:0 auto;
		width:100%;
	}
	
   .contentner{
		max-width:680px;
		margin:0 auto;
	}
	#top{
		background: #343434;
		width: 100%;
		height: 30px;
	}
	.top{
		width:680px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu_top{
		width:680px;
		height:30px;
		line-height:30px;
		float:left;
		text-align:right;
		color:#fff;
	}
	.menu_top a{ color:#fff; padding:0 15px;}
	.boxtim{width:230px; float:left; height:20px; margin:0.3em 0.3em 0 0;}
	.nuttim{width:100px; float:left;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#009b43; color:#fff; border:none; width:80px; height:22px;margin:0.3em 0.3em 0 0;}
	#banner{
	background: #fff;
	width: 100%;
	float:left;
	height:auto;
	}
	.banner{
		width:100%;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.banner .logo{
		width:20%;
		height:auto;
		float:left;
	}
	.banner .adsright{
		width:80%;
		display:none;
	}
	.menu{
		width:100%;
		color:#fff;
		background:#017533;
		height:30px;
		border-bottom:solid 2px #ea9904;
		float:left;
	}
	

	.all{
		background:url(../images/background.png) repeat-y center top;
		width:100%;
		float:left;
		height:auto;
	}
	.main{
		max-width:680px;
		height:auto;
		margin:5px auto;
		display:block;
	}
	.all_main{
		width:680px;
		height:auto;
		float:left;
		display:block;
	}

	.connent_all{
		width:680px;
		height:auto;
		background:#115c9c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.connent_all .conntentner{
		width:680px;
		height:auto;
		float:left;
		margin:0 0 0 1px;
	}
	.home{
		width:680px;
		height:auto;
		background:#fff;
		margin:0 0 0 0px;
		float:left;
		display:block;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.quangao_top{
		display:none;
	}
	.box_noibat{
		display:none;
	}
	.right{
		display:none;
	}


	.newsbottom{
		width:98%;
		height:auto;
		margin:0 0 0 5px;
		display:block;
	}
	.hinhanh_noibat{
		width:100%;
		height:35px;
		line-height:35px;
		font-weight:bold;
		color:#4285f4;
		float:left;
		text-transform:uppercase;
		font-size:15px;
		text-align:left;
	}
	.box_bottom{
		width:100%;
		height:auto;
		margin:0 0 10px 0px;
		float:left;
		display:block;
	}
	.img_footer{
		width:310px;
		height:auto;
		margin:0 10px 20px 5px;
		float:left;
		display:block;
		box-shadow: 1px 1px 5px -1px #ccc;
		padding:0 0 10px 0px;
	}
	.img_footer .img_bot{
		width:100%;
		height:auto;
		float:left;
		margin:5px 0 0 0px;
		display:block;
	}
	.anhnoi{
		width:300px;
		height:190px;
		}
	.text_bot{margin:0 0 0 0px; width:100%;height:40px; float:left; display:block; text-align:center;}
	.text_bot a{ margin:10px 0 0 10px; color:#000;font-size:15px;}
	.text_bot a:hover{ margin:10px 0 0 10px; color:#ff0000; text-decoration:underline;}
	
	.product_home{
		width:100%;
		height:auto;
		float:left;
		display:block;
		margin:0px 0 10px 0px;
	}
	.center{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0px;
		display:block;
	}
	.center_detail{
		width:97%;
		height:auto;
		float:left;
		margin:0 0px 0 10px;
		line-height:25px;
	}
	.center_detail li{ margin-left:20px;}
	.center_detail img{ max-width:580px; height:auto;}
	
	.box_software{ width:97%; height:auto; float:left; margin:5px 0 10px 0px; background:#f8f8f8; border:solid 1px #e5dfdf;}
	.anhdaidien{ width:30%; height:auto; float:left; margin:0.3em 0 0 1em; padding:0.3em 0 0.3em 0;}
	.anhdaidien img{ width:93%;}

	.noidungtin{
		width:66%;
		float:left;
		height:auto;
		margin:10px 0 0 10px
	}

	.noidungtin h3 a{ color:#06F; font-size:15px; margin-bottom:10px;}
	.title h3 a:hover{ color:#F00}
	.box_software h3 a{ color:#06F}
	.box_software h3 a:hover{ color:#F00}
	.tit{ color:#06F;}
	.tit:hover{ color:#F00;}
	.noi_img {
		width:97%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	.h1_home{
		display:none;
	}
	#footer{
		max-width:680px;
		display:block;
		height:auto;
		margin:0 auto;
	}
	#chan{
		width:100%;
		display:block;
		height:auto;
		background:#232323;
		float:left;
		color:#fff;
		padding:10px 0 10px 0px;
	}
	.hien{
		width:680px;
		bottom:0;
		position:absolute;
		height:auto;
	}
	.hien{
		width:680px;
		bottom:0;
		position:fixed;
		height:auto;
		float:left;
		display:block;
	}
}
@media screen and (min-width: 768px){
   body {
      background: #fff;
   }
   .main:before, .main:after{
	   content:"";
	   display:table;
	   clear:both;
   }
   .header{
		height:auto;
		padding:0.3em 0;
		margin:0 auto;
		width:100%;
	}
	
   .contentner{
		max-width:800px;
		margin:0 auto;
	}
	#top{
		background: #343434;
		width: 100%;
		height: 30px;
	}
	.top{
		width:800px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu_top{
		width:800px;
		height:30px;
		line-height:30px;
		float:right;
		text-align:right;
		color:#fff;
	}
	.menu_top a{ color:#fff; padding:0 15px;}
	.boxtim{width:230px; float:left; height:20px; margin:0.3em 0.3em 0 0;}
	.nuttim{width:100px; float:left;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#009b43; color:#fff; border:none; width:80px; height:22px;margin:0.3em 0.3em 0 0;}
]	#banner{
	background: #fff;
	width: 100%;
	float:left;
	height:auto;
	}
	.banner{
		width:800px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu{
		width:100%;
		color:#fff;
		background:#017533;
		height:40px;
		border-bottom:solid 2px #ea9904;
		float:left;
	}
	.header1{
		width:800px;
		color:#fff;
		height:40px;
		margin:0 auto;
	}
	
	#all{
		background:url(../images/background.png) repeat-y center top;
		width:100%;
		float:left;
		height:auto;
	}
	#main{
		max-width:800px;
		height:auto;
		margin:0.5em auto;
		
	}
	#all_main{
		width:800px;
		height:auto;
		float:left;
		display:block;
	}
	#all_main #top{
		width:800px;
		float:left;
		display:block;
		height:30px;
		background:#115c9c;
	}

	#connent_all{
		width:800px;
		height:auto;
		background:#115c9c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	#connent_all .conntentner{
		width:800px;
		height:auto;
		float:left;
		margin:0 0 0 1px;
	}
	.home{
		width:800px;
		height:auto;
		background:#fff;
		margin:0 0 0 0px;
		float:left;
		display:block;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.quangao_top{
		width:800px;
		height:auto;
		float:left;
		display:block;
		margin:10px 0 0px 0px;
	}

	.product_home{
		width:1000px;
		height:auto;
		float:left;
		display:block;
		margin:0px 0 10px 0px;
	}
	
	#right{
		max-width:300px;
		height:auto;
		float:left;
		display:block;
		margin:0 0 0 20px;
	}
	.ads_right1{
		width:300px;
		float:left;
		height:auto;
		margin:0 0 5px 0px;
	}
	.botton_right{
		width:300px;
		height:36px;
		line-height:36px;
		font-weight:bold;
		color:#333;
		font-size:13px;
		background:url(../images/botton_right.png) no-repeat;
		text-align:left;
		text-transform:uppercase;
		float:left;
	}
	.botton_right a{color:#333;}
	.botton_right a:hover{color:#F00;}
	.xemnhieunhat{
		width:300px;
		height:auto;
		display:block;
		float:left;
		margin:0 0 10px 0px;
		background:#f0f0f0;
	}
	.list_softright{
		width:100%;
		float:left;
		display:block;
		height:auto;
	}
	.list_softright .camnang{
		width:100%;
		float:left;
		height:auto;
		margin:5px 0 5px 0px;
		padding:5px 0 5px 0px;
		border-bottom:solid 1px #f0f0f0;
	}
	.camnang .img_camnang{
		width:90px;
		float:left;
		height:auto;
	}
	.camnang .text_camnang{
		width:190px;
		float:left;
		height:auto;
	}
	.text_camnang h2 a{color:#06F;}
	.text_camnang h2 a:hover{color:#F00;}

	.img_icon{ margin-right:5px;}
	
	
	.center{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0px;
	}
	.center_detail{
		width:97%;
		height:auto;
		float:left;
		margin:0 0px 0 10px;
		line-height:25px;
	}
	.center_detail li{ margin-left:20px;}
	.center_detail img{ max-width:95%;}
	.clear{ clear:both; height:30px; width:100%;}
	.margin{ margin:15px 0 10px 0px;}

	.center_detail h3 a{ color:#06F}
	.center_detail h3 a:hover{ color:#F00}

	.box_software{ width:675px; height:auto; float:left; margin:5px 0 10px 0px; background:#f8f8f8; border:solid 1px #e5dfdf;}
	.anhdaidien{ width:200px; height:auto; float:left; margin:10px 0 0 10px}
	.anhdaidien img{ width:190px; height:150px;}

	.noidungtin{
		width:450px;
		float:left;
		height:auto;
		margin:10px 0 0 10px
	}

	.noidungtin h3 a{ color:#06F; font-size:15px; margin-bottom:10px;}
	.title h3 a:hover{ color:#F00}
	.box_software h3 a{ color:#06F}
	.box_software h3 a:hover{ color:#F00}
	.tit{ color:#06F;}
	.tit:hover{ color:#F00;}
	.noi_img {
		width:100%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	.xem{
		width:100%;
		float:left;
		display:block;
		margin:5px 0 5px 0px;
		line-height:20px;
	}
	.box_noibat{
		width:683px;
		height:auto;
		float:left;
		display:block;
		margin:10px 0 10px 0px;
	}
	.box_noibat .tinnoinhat{
		width:439px;
		float:left;
		height:auto;
		border-right:solid 1px #dedede;
	}
	.tinnoinhat .img_noi{
		width:100%;
		float:left;
		height:265px;
	}
	.img_noi img{
		width:430px;
		height:265px;
	}

	.tinnoinhat .noidung_noi{
		width:98%;
		float:left;
		height:auto;
		margin:10px 0 10px 0px;
		line-height:20px;
	}
	.noidung_noi h3 a{ font-size:18px; line-height:20px; color:#06C}
	.noidung_noi h3 a:hover{ font-size:18px; line-height:20px; color:#F00}

	.box_noibat .noibatkhac{
		width:233px;
		float:left;
		height:auto;
		margin:0 0 0 10px;
	}
	.noibatkhac .tit_noi{
		width:100%;
		float:left;
		height:auto;
		margin:0 0 10px 0px;
	}
	.tit_noi .img_tit{
		width:90px;
		float:left;
		display:block;
	}
	.tit_noi .tieu_tit{
		width:133px;
		float:left;
		display:block;
		margin:0 0 0 5px;
	}
	.tieu_tit h3 a{ line-height:20px;color:#06C}
	.tieu_tit h3 a:hover{ line-height:20px;color:#F00}
	
}
*/
@media screen and (min-width: 1024px){
   body {
      background: #fff;
   }
   .main:before, .main:after{
	   content:"";
	   display:table;
	   clear:both;
   }
    
   .header{
		height:auto;
		padding:0.3em 0;
		margin:0 auto;
		width:100%;
	}
	
   .contentner{
		max-width:1024px;
		margin:0 auto;
	}
	/*---------- menu top--------*/
	#top{
		background: #343434;
		width: 100%;
		height: 30px;
	}
	.top{
		width:1024px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.menu_top{
		width:350px;
		height:30px;
		line-height:30px;
		float:right;
		text-align:right;
		color:#fff;
	}
	.menu_top a{ color:#fff; padding:0 15px;}
	.boxtim{width:230px; float:left; height:20px; margin:0.3em 0.3em 0 0;}
	.nuttim{width:100px; float:left;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#009b43; color:#fff; border:none; width:80px; height:22px;margin:0.3em 0.3em 0 0;}
	/*---------- end top--------*/
	#banner{
	background: #fff;
	width: 100%;
	float:left;
	height:auto;
	}
	.banner{
		width:1048px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.banner .logo{
		width:25%;
		height:auto;
		float:left;
		display:none;
	}
	.banner .adsright{
		width:100%;
		float:left;
		display:block;
		padding:5px 0 0 0px;
	}
	.menu{
		width:100%;
		color:#fff;
		background:#017533;
		height:40px;
		border-bottom:solid 2px #ea9904;
		float:left;
	}
	.header1{
		width:1024px;
		color:#fff;
		height:40px;
		margin:0 auto;
	}
	
/*---------------contentner--------*/
	.all{
		background:url(../images/background.png) repeat-y center top;
		width:100%;
		float:left;
		height:auto;
	}
	.main{
		max-width:1000px;
		height:auto;
		margin:0.5em auto;
		
	}
	.all_main{
		width:1000px;
		height:auto;
		float:left;
		display:block;
	}
	.all_main #top{
		width:1000px;
		float:left;
		display:block;
		height:30px;
		background:#115c9c;
	}

	.connent_all{
		width:1000px;
		height:auto;
		background:#115c9c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.connent_all .conntentner{
		width:1000px;
		height:auto;
		float:left;
		margin:0 0 0 1px;
	}
	.home{
		width:1000px;
		height:auto;
		background:#fff;
		margin:0 0 0 0px;
		float:left;
		display:block;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.quangao_top{
		width:1000px;
		height:auto;
		float:left;
		display:block;
		margin:10px 0 0px 0px;
	}

	.product_home{
		width:1000px;
		height:auto;
		float:left;
		display:block;
		margin:0px 0 10px 0px;
	}
	
	/*--------ben phai--------------*/
	.right{
		max-width:300px;
		height:auto;
		float:left;
		display:block;
		margin:0 0 0 20px;
	}
	.ads_right1{
		width:300px;
		float:left;
		height:auto;
		margin:0 0 5px 0px;
	}
	.botton_right{
		width:300px;
		height:36px;
		line-height:36px;
		font-weight:bold;
		color:#333;
		font-size:13px;
		background:url(../images/botton_right.png) no-repeat;
		text-align:left;
		text-transform:uppercase;
		float:left;
	}
	.botton_right a{color:#333;}
	.botton_right a:hover{color:#F00;}
	.xemnhieunhat{
		width:300px;
		height:auto;
		display:block;
		float:left;
		margin:0 0 10px 0px;
		background:#f0f0f0;
	}
	.list_softright{
		width:100%;
		float:left;
		display:block;
		height:auto;
	}
	.list_softright .camnang{
		width:100%;
		float:left;
		height:auto;
		margin:5px 0 5px 0px;
		padding:5px 0 5px 0px;
		border-bottom:solid 1px #f0f0f0;
	}
	.camnang .img_camnang{
		width:90px;
		float:left;
		height:auto;
	}
	.camnang .text_camnang{
		width:200px;
		float:left;
		height:auto;
		text-align:justify;
	}
	.text_camnang h2 a{color:#06F;}
	.text_camnang h2 a:hover{color:#F00;}

	.img_icon{ margin-right:5px;}
	
	
	/*---------------ben trai-----------*/
	.center{
		width:680px;
		height:auto;
		float:left;
		margin:0 0 0 0px;
	}
	.center_detail{
		width:660px;
		height:auto;
		float:left;
		margin:0 8px 0 10px;
		line-height:25px;
		font-size:15px;
		text-align:justify;
	}
	.center_detail li{ margin-left:20px;}
	.center_detail img{ max-width:600px;}
	.clear{ clear:both; height:30px; width:100%;}
	.margin{ margin:15px 0 10px 0px;}

	.center_detail h3 a{ color:#06F}
	.center_detail h3 a:hover{ color:#F00}

	.box_software{ width:675px; height:auto; float:left; margin:5px 0 10px 0px; background:#f8f8f8; border:solid 1px #e5dfdf;}
	.anhdaidien{ width:200px; height:auto; float:left; margin:10px 0 0 10px}
	.anhdaidien img{ width:190px; height:150px;}

	.noidungtin{
		width:450px;
		float:left;
		height:auto;
		margin:10px 0 0 10px
	}

	.noidungtin h3 a{ color:#06F; font-size:15px; margin-bottom:10px;}
	.title h3 a:hover{ color:#F00}
	.box_software h3 a{ color:#06F}
	.box_software h3 a:hover{ color:#F00}
	.tit{ color:#06F;}
	.tit:hover{ color:#F00;}
	.noi_img {
		width:100%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	
	.box_software_home{ width:328px; height:auto; float:left; margin:5px 10px 10px 0px; display:block; /*background:#f8f8f8; border:solid 1px #e5dfdf;*/ }
	.anhdaidien_home{ width:200px; height:auto; float:left; margin:10px 0 0 10px}
	.anhdaidien_home img{ width:190px; height:150px;}
	.box_software_home h2{
		color:#097939; font-size:15px; margin-bottom:10px; float:left; height:30px; line-height:35px;
		background:url('../images/icon_home.png') no-repeat left center;
		padding:0 0 0 40px;
		width:290px;
		border-bottom:solid 1px #dedede;
	}
	.box_software_home h2 a{
		color:#097939; font-size:15px; float:left;
		padding:0 10px 0 5px;
		background:#fff;
		height:20px;
	}
	.box_software_home h2 a:hover{ color:#F00}
	.noidungtin_home{
		width:100%;
		float:left;
		height:auto;
		margin:10px 0 0 0px
	}
	
	.noidungtin_home h3{
		width:100%;
		float:left;
		line-height:25px;
		background:url('../images/icon_list.png') no-repeat left center;
		font-weight:normal;
		padding:0 0 0 22px;
	}
	.noidungtin_home h3 a{ color:#000}
	.noidungtin_home h3 a:hover{ color:#F00}
	.tit_home{ color:#06F;}
	.tit_home:hover{ color:#F00;}
	.title_home h3 a:hover{ color:#F00}
	.noi_img_home{
		width:100%;
		float:left;
		display:block;
		margin:10px 0 5px 0px;
		line-height:20px;
	}
	
	.xem{
		width:100%;
		float:left;
		display:block;
		margin:5px 0 5px 0px;
		line-height:20px;
	}
	/*---------------end trai-----------*/
	.box_noibat{
		width:693px;
		height:auto;
		float:left;
		display:block;
		margin:10px 0 10px 0px;
	}
	.box_noibat .tinnoinhat{
		width:439px;
		float:left;
		height:auto;
		border-right:solid 1px #dedede;
	}
	.tinnoinhat .img_noi{
		width:100%;
		float:left;
		height:265px;
	}
	.img_noi img{
		width:430px;
		height:265px;
	}

	.tinnoinhat .noidung_noi{
		width:98%;
		float:left;
		height:auto;
		margin:10px 0 10px 0px;
		line-height:20px;
	}
	.noidung_noi h3 a{ font-size:18px; line-height:20px; color:#06C}
	.noidung_noi h3 a:hover{ font-size:18px; line-height:20px; color:#F00}

	.box_noibat .noibatkhac{
		width:233px;
		float:left;
		height:auto;
		margin:0 0 0 10px;
	}
	.noibatkhac .tit_noi{
		width:100%;
		float:left;
		height:auto;
		margin:0 0 10px 0px;
	}
	.tit_noi .img_tit{
		width:90px;
		float:left;
		display:block;
	}
	.tit_noi .tieu_tit{
		width:133px;
		float:left;
		display:block;
		margin:0 0 0 5px;
	}
	.tieu_tit h3 a{ line-height:20px;color:#06C}
	.tieu_tit h3 a:hover{ line-height:20px;color:#F00}
	
	.xuathien{
		display:none;
	}
	.tinkm{
		position:fixed;
		z-index: 99999;
		width: 95%;
		height: auto;
		padding:5px 10px 5px 10px;
		overflow: hidden;
		left:0;
		float:left;
		bottom:0;
		display:none;
	}
	.main_tinkm{}
	.list_tinkm{
		width: 470px;
		line-height: 20px;
		height: 60px;
		overflow: hidden;
		margin: 5px 0;
	}
	.tat{
		width: 100%;
		color: #000;
		font-weight: bold;
		font-size: 14px;
		margin:0px 0 0 0px;
		border: 1px solid silver;
	}
	
	.chantrang{
		width:100%;
		float:left;
		display:block;
		height:auto;
		background:#0301ca;
	}
	.footer{
		width:1000px;
		display:block;
		height:auto;
		margin:0 auto;
	}
	.chan{
		width:1000px;
		display:block;
		height:auto;
		float:left;
		color:#fff;
		line-height:25px;
		padding:10px 0 10px 0px;
	}
	.menu_bottom{
		width:100%;
		float:left;
		display:block;
		line-height:30px;
		font-weight:bold;
		background:#017533;
		text-align:center;
		border-bottom:solid 1px #ea9904;
	}
	.menu_bottom a{ padding:0 10px; color:#fff;}
	/*----------hien mobile --------*/
	.danhmucmobile{
		width:100%;
		float:left;
		height:auto;
		display:none;
		background:#017533;
	}
	/*----------end hien mobile --------*/
	.newsbottom{
		width:1000px;
		height:auto;
		margin:0 auto;
		display:block;
	}
	.hinhanh_noibat{
		width:1000px;
		height:35px;
		line-height:35px;
		font-weight:bold;
		color:#4285f4;
		float:left;
		text-transform:uppercase;
		font-size:15px;
	}
	.box_bottom{
		width:1000px;
		height:auto;
		margin:0 0 10px 0px;
		float:left;
		display:block;
	}
	.img_footer{
		width:240px;
		height:auto;
		margin:0 5px 20px 5px;
		float:left;
		display:block;
		box-shadow: 1px 1px 5px -1px #ccc;
		padding:0 0 10px 0px;
	}
	.img_footer .img_bot{
		width:225px;
		height:auto;
		float:left;
		margin:5px 0 0 8px;
		display:block;
	}
	.anhnoi{
		width:225px;
		height:170px;
		}
	.text_bot{margin:0 0 0 0px; width:225px;height:40px; float:left; display:block; text-align:center;}
	.text_bot a{ margin:10px 0 0 10px; color:#000;font-size:15px;}
	.text_bot a:hover{ margin:10px 0 0 10px; color:#ff0000; text-decoration:underline;}

}
}