body{font-family:Arial, Helvetica, sans-serif; font-weight: 400;
    font-size: 15px; color:#000; line-height:21px; font-size:14px; margin:auto; padding:0px}

a{ color:#000}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
a:hover{ color:#d12429}
/* Menu fixed*/
.fixed {
    position:fixed;
    top:0;
    z-index: 99999;
	margin:0 auto;
	width:100%;
	left:0;
}
.ed_cate2106{
 display:none;
 }
.boxsearch_allw{background:#38b04a;width:100%;}
.boxsearch_all{
	width:1170px;
	margin:0 auto;
	height:42px;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

.category_box{
	float:left;
	width:270px;
	}
.category_box .category_li{
	position:relative;
	cursor:pointer;
	background:#009000;
	}
.category_box .category_li:hover .category_ct{
	display:block;
	}
.category_box .category_li .tlt_search{
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	background:url(../images/icon_menu.png) 8px center no-repeat;
	padding-left:14px;
	margin:0;
	line-height:49px;
	height:49px;
	}
.category_box .category_li .tlt_search i{
	display:inline-block;
	font-size:20px;
	margin-right:10px;
	right:0px;
	line-height:49px;
	float:right
	}
.category_ct{
	border-top:none;
	position:absolute;
	left:0;
	width:100%;
	background:#f8f6f6;
	z-index:100;
	padding-bottom:15PX;
	}
.category_ct > ul > li > a{
	display:block;
	
	}
.category_ct > ul > li:hover > a{
	color:#7ec134
	}

.ed_cate{
	display:none;
	}
ul.menuin{}
ul.menuin li{ }
ul.menuin li{}
ul.menuin li a{ padding:16px 15PX; text-transform:uppercase; color:#343434333; }
ul.menuin li a:hover{ background:#38b04a; color:#FFF}

#about_home img{width:45%; margin-right:25px; float:left}
#about_home a.more{ background:#0d75ba; color:#FFF; text-transform:uppercase; padding:10px 15px; border-left:solid 3px #ed3237}
#about_home a.more:hover{background:#ed3237;border-left:solid 3px #0d75ba}

#menutop{ float:right; }
#menutop ul{}
#menutop ul li{ float:left; position:relative}
#menutop ul li a{ color:#000; text-transform:uppercase; font-weight:bold; font-size:13px; padding:0px 10px; line-height:49px; display:block}
#menutop ul li a:hover{  }
#menutop ul li ul{ position:absolute; display:none; background:#FFF}
#menutop ul li:hover ul{display:block}
#menutop ul li:hover ul li{ position:relative}
#menutop ul li:hover ul li a{display:block; }
#menutop ul li:hover ul
/*End Menu fixed*/

.clr{clear:both}

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

#about_a{ background:#F6F6F6}
#about_a .content_a{margin:auto; width:1170px; padding:30px 0px}
#about_a .content_a .cate_a{width:100%; float:left; padding-bottom:20px}
#about_a .content_a .cate_a .icon{float:left; color:#c4ac70; font-size:30px}
#about_a .content_a .cate_a .text{float:left; font-weight:bold; padding: 10px; font-size:18px}
#about_a .content_a .text_2{float:left; width:40%; padding-right:30px}

#page { width:100%; margin:auto; padding-bottom:0px; }

#itemhome{ padding:10px; padding-bottom:30px; padding-top:30px }
#itemhome #item1{width:33%; float:left; margin-right:1%}
#item1 .nd1{padding-top: 120px;
    padding-bottom: 120px;
    background-image: url(images/pha-che.jpg?id=1053) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	text-align:center;
	font-size:24px; color:#FFF; font-weight:bold

	
	}

#item1 .nd1 a{font-weight:normal; font-size:16px; border:solid 1px #FFF; padding:5px 15px; line-height:65px}	
#itemhome #item2{width:33%; float:left; margin-right:1%}
#item2 .nd2{padding-top: 120px ;
    padding-bottom: 120px ;
    background-image: url(images/drink.jpg?id=1053) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;text-align:center;
	font-size:24px; color:#FFF; font-weight:bold}
#item2 .nd2 a{font-weight:normal; font-size:16px; border:solid 1px #FFF; padding:5px 15px; line-height:65px}	

#itemhome #item3{width:32%; float:right; }
#item3 .nd3{padding-top: 120px ;
    padding-bottom: 120px ;
    background-image: url(https://lacdavang.com/wp-content/uploads/2019/02/su-kien.jpg?id=1053) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;text-align:center;
	font-size:24px; color:#FFF; font-weight:bold}
#item3 .nd3 a{font-weight:normal; font-size:16px; border:solid 1px #FFF; padding:5px 15px; line-height:65px}	
	

#top { width:100%; background:#000; margin:auto; padding:5px 0px}
#top .content{width:1170px; margin:auto }
#top .content .youtube{ float:right; padding:5px 3px; color:#FFF}
#top .content .youtube ul{}
#top .content .youtube ul li{ float:right; padding-left:8px; padding-right:8px;}
#top .content .youtube ul a{}

#linetop { width:100%; background:#4a2d01; border-bottom:solid 1px #dd6729; margin:auto; padding:10px 0px}
#linetop .content{width:1170px; color:#f1e842; font-weight:bold; font-size:18px; margin:auto; padding-left:0 }
#linetop .content .logo{float:left; width:215px; margin-top:-88px; padding-right:50px  }
#linetop .content .logo img{width:100%;}


#top .content .google{ float:left; color:#FFF; padding:5px 10px; }
#top .content .face{ float:right; background:url(images/bodertop.jpg) right no-repeat; padding:7px 10px}
#top .content .iconleft{ float:left; color:#FFF; font-size:14px; padding:2px}
#top .content .iconleft a{color:#CCC; padding-top:0px; display:block}
#banner{ width:100%; margin:auto; padding:10px 0px}
#banner .content{width:1170px; margin:auto; padding:0px 0px }
#boxmenu{ width:100%; background:#d12429; }

#date{ width:1080px; height:37px; background:#da261d; border-top:solid 1px #FFF}
#date .s1{ float:left}
#date .s2{ float:left; color:#FFF; padding-left:10px; padding-top:8px}

#boxsearch{ width:270px; float:right; margin-top:30px; background:#4c2c03; margin-bottom:30px}
#boxsearch .s1{ background:#f6f6f6;  color:#000; float:left }
#boxsearch .input{float:left; border:none; background:none; padding:5px; color:#f1c149; outline:none}
#boxsearch .submit{float:right; width:37px; height:38px;background:url(images/searchhead.jpg); border:none}

#catepage{ border-bottom:solid 2px #f3f3f3; position:relative}
#catepage .catea{border-bottom:solid 2px #287dbe; position:absolute; bottom:-2px; color:#287dbe;  text-transform:uppercase; font-size:15px; padding:5px 0px}

#bgmenu{  background:#0168b6; width:100%}
#bgmenu .content{ width:1080px; margin:auto; position:relative}

#boxslide{width:100%; margin:auto;background:#FFF}
.video-bg {
    object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: center center;';
    width: 100%;
    height: 100%;
}

#ads3{ width:1150px; margin:auto; padding:30px 10px; background:#FFF}
#ads3 .face{width:500px; float:left}
#ads3 img{float:left;  width:100%;}
#adv_head{width:220px; float:right}
#adv_head img{width:100%}
#newsslide{ float:left; width:100%; }
#newsslide .cate{
    padding-bottom: 5px;
    font-family: Roboto Condensed, arial !important;
    font-size: 15px;
    color: #034278;
    text-transform: uppercase;
    font-weight: bold;}
#newsslide .content{ float:left; width:100%; padding-top:5px; background:#FFF }
#catemenu{background:url(images/menuleft.png) left no-repeat #ed1c24; padding-left:40PX; color:#FFF;  font-size:14px; padding-top:10px; padding-bottom:10px;}
#contentmenu{ margin-bottom:10px}
#contentmenu ul{ margin:auto; padding:0px}
#contentmenu ul li{ position:relative}
#contentmenu ul li a{ background:url(images/menuleft_07.png) right no-repeat;  font-size:13px; display:block; padding-top:10px; padding-bottom:10px; border-bottom:dotted 1px #d9d9d9}
#contentmenu ul li ul{ position:absolute; display:none; background:#FFF;  z-index:9999; top:0px; width:220px; right:-220px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;   }
#contentmenu ul li ul li a{background:#FFF; padding-left:10px; padding-right:10px;}
#contentmenu ul li:hover ul{display:block}
#cateleft2{ background: url(images/cateleft2.png) left no-repeat #f7931e; padding:10px 8px; color:#FFF; padding-left:30px; font-weight:bold;}

#boxservice{ margin:auto;margin-bottom:10PX;}
#boxservice a{display:block; background:#2b3990; border-top:solid 1px #5561a6; color:#ffffff; font-weight:bold; padding-top:8px; padding-bottom:8px; padding-left:50px;}

#boxleft{ margin:auto;margin-bottom:10PX;}
#contentleft{ background:#f4f4f2;margin-bottom:10px; float:left; width:100%}

#catenewsp{ margin:auto; width:1170px; margin-top:20px; text-align:left; background:#FFF; border-bottom:solid 2px #f86f00}
#catenewsp a{font-size:14px; background:url(images/icon-noi-that.png) left top  no-repeat #009000; padding:15px 45px; float:left; color:#FFF}
#contentnewsp{ margin:auto; width:1170px; padding:20px 0px; text-align:left}

#home{ margin:auto; width:1170px}

#main{ float:right; width:77%}
#catehome{ float:left; width:100%; margin-top:20px;}
#catehome .s1{ float:left; width:268px; height:45px; background:#000; }
#catehome .s1 img{float:left; height:40px;}
#catehome .s1 a{    padding: 10px 0px 0px 10px; display:block; float:left;
    color: #FFF;
    font-size: 15px;}
#catehome .s2{float:left; width:902px; height:43px; border-bottom:solid 2px #ffc334}
#catehome .s2 ul{}
#catehome .s2 ul li{ float:left}
#catehome .s2 ul li a{ font-size:16px; padding:12px 20px; display:block}
#catehome .s2 ul li a:hover{ background:#ffc334}
#catehome .s2 ul li a.active{ background:#ffc334}
#adshome{ float:left; width:100%}
#adshome img{ float:left; width:50%}

#contenthome{margin:auto; width:100%; padding-top:20px;  margin-bottom:20px; background:#FFF  }
#contenthome .ads{float:left; width:235px}
#contenthome12{ border-top:solid 1PX #ededed; background:#FFF; margin-bottom:20px;}
#slide{ float:left; width:100% }
#left{float:right; width:272px}
#left .contactright {
    background: #F6F6F6;
    padding: 20px 15px;
    border-radius: 5px;
    font-size: 15px;
    color: #414042;
	
}
#left .hotlineright {
    background: url(images/Tel.png) no-repeat;
    padding-left: 55px;
    margin-bottom: 20px;
}
#left .massenger {
    background: url(images/Chat.png) no-repeat;
    padding-left: 55px;
}
#left .bold {
    font-size: 20px;
    font-weight: bold;
}
#leftnews{ float:left; width:270px; margin-bottom:20px;}
#leftnews .cateleft{    padding:20px 0px; padding-bottom:0px; margin:auto; }
#leftnews .cateleft a{font-size:17px; color:#000; font-weight:bold;}
#leftnews .ctleft{   padding:10px 0px; margin:auto;}
#leftnews .ctleft ul{ margin:auto; padding:0px; list-style:none}
#leftnews .ctleft ul li{ }
#leftnews .ctleft ul li a{ color:#000;  font-size:13px; padding:5px 0px; display:block; }
#leftnews .ctleft ul li:hover{padding:0px 5px;}

#leftnews1 .title a:hover{color:#58a304}
#rightnews{ float:left;  width:875px}
#rightnews .cate{ float:left; width:100%; border-top:solid 1px #e8e8e8}
#rightnews .cate a{ font-size: 15px; font-weight:bold; text-transform:uppercase;
    padding:20px 20px 0px 0px; float:left; color:#000; }
#rightnews .content{ float:left; width:100%; padding-top:0px; padding-bottom:25px; }
#rightnews .content  img{width:90%}


#boxsp{ float:left; width:31%; margin-left:2%}
#boxsp #img{ float:left; width:100%; height:190px; text-align:center; overflow:hidden}
#boxsp #img img{width:100%;}
#boxsp .tit{ float:left; width:100%; text-align:left; padding-top:20px; height:60px;}
#boxsp .tit a{ color:#f36f25; font-size:17px}
#boxsp .tit a:hover{text-decoration:underline}
#boxsp .price{ float:left; width:100%; text-align:center; color:#d12429}


#leftnews2{ float:left; width:100%; padding-bottom:15px; padding-top:10px; border-top:solid 1px #e8e8e8; }
#leftnews2 .img{ width:35%; float:left; max-height:100px; overflow:hidden}
#leftnews2 .img img{width:100%}
#leftnews2 .title{ float:right; width:62%; }
#leftnews2 .title a{ color:#4a90e2}
#leftnews2 .title a:hover{color:#58a304}

#bongslide{ height:28px; background:url(images/bongslide.jpg)}
#hotline{ padding:2em}
#hotline .phone{ background:#7fc135; font-weight:bold; font-size:18px; color:#FFF; text-align:center; width:80%; margin:auto; padding:8px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc); margin-top:20px;}
#boxyahoo{ float:left; width:50%;}
#boxyahoo .s1{ float:left; width:100%; text-align:center; color:#505050; padding-top:10px}
#boxyahoo .s2{ float:left; width:100%; text-align:center}
#boxyahoo .s2 img{ float:left; width:90%;}
#boxyahoo .s3{ float:left; width:100%; text-align:center; color:#F00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px}
#boxyahoo .s4 {float:left; width:100%; text-align:center; padding-top:15px}
#boxyahoo .s4 img{}

#bgnews{
margin-top: 0px;
   margin-top:10px;
	}
#bgnews .boxitem{ width:32%; float:left; padding-right:2% }
#bgnews .boxitem img{ width:47%; float:left}
#bgnews .boxitem .text{ width:48%; float:right; color:#FFF; font-size:11px; }
#bgnews .cl .cl1{margin:auto; padding-right:10px}
#bgnews .cl .cl2{margin:auto; padding-left:10px}
#bgnews .cl .cate{ width:40%; text-transform:uppercase; margin-bottom:10px; background:#287dbe; padding:7px 0px 7px 15PX; position:relative;  color:#FFF; font-size:14px}
#bgnews .cl .cate .sub{ width:29px; height:7px; background:url(images/cateh.png); position:absolute; bottom:-7px;}
#bgnews .row2{float:left; width:100%; padding-top:15px;}
#bgnews .row2 .cate{  text-transform:uppercase; font-weight:bold;background:#f7931e; padding:7px 0px 7px 15PX; position:relative; color:#FFF; font-size:14px}
#bgnews .row2 .cate .sub{ width:29px; height:7px; background:url(images/cateh.png); position:absolute; bottom:-7px;}
#bgnews .row2 .contentr2{  padding-bottom:20px; background:#FFF;}

#bgnews2{
margin-top: 0px;
	}
#sevicehome{ width:68.5%; float:left; background:#FFF}

#producthome{ float:left; width:193px; margin-left:20px; padding-top:20px; margin-right:20px;}
#producthome .productin{}
#producthome .img{  height:210px; width:220px; overflow:hidden; text-align:center }
#producthome .img img{ max-width:100%; max-height:100% }
#producthome .title{   width:100%; padding-top:10px; height:35px; text-align:center}
#producthome .title a{ color:#0d75ba; font-size:14px; line-height:20px;  }
#producthome .title a:hover{color:#6aae1f}
#producthome .des{ width:100%;  color:#d12429;  text-align:center}
#producthome .buy{ display:none}
#producthome .buy a{ background:url(images/buy.jpg) left no-repeat #f2db73; padding-left:30PX; padding-top:5PX; padding-bottom:5PX; padding-right:10PX; position:absolute; left:10PX; bottom:10PX;}
#producthome .more{ display:none}
#producthome .more a{ background: #f2db73; padding-left:10PX; padding-top:5PX; padding-bottom:5PX; padding-right:10PX; position:absolute; RIGHT:10PX; bottom:10PX;}
#producthome .buy a{ background:url(images/buy.jpg) left no-repeat #f2db73; padding-left:30PX; padding-top:5PX; padding-bottom:5PX; padding-right:10PX; position:absolute; left:10PX; bottom:10PX;}
#producthome:hover .more{ display:block}
#producthome .more a{ background: #f2db73; padding-left:10PX; padding-top:5PX; padding-bottom:5PX; padding-right:10PX; position:absolute; RIGHT:10PX; bottom:10PX;}
.form-control {
    background-color: #fff;
    width: 97%;
    border: 1px solid #ddd;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 6px;
    overflow: hidden;
    outline: none;
    margin: 0 0 10px;
    vertical-align: middle;
    display: inline;
    color: #222;
    height: 34px;
}
.btn {
    background: #e8a20c !important;
    border: 1px solid #e8a20c !important;
    color: #fff;
    font-size: 16px;
    padding: 4px 6px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    margin: 0;
  
}

 #morenews{ width:100%; padding-top:10px}
 #morenews a{display:block; width:90px; text-align:center; background:#f5f5f5; padding-top:5px; padding-bottom:5px;   font-size:14px; color:#696969}
 #morenews a:hover{ background:#efecec}
 

#newshome{ width:47%; float:left; margin-bottom:15px;  }
#newshome .img{width:40%; height:125px; float:left; overflow:hidden}
#newshome img{width:100%;}
#newshome .text{width:50%; float:right}

#newshome  .title{ float:left; width:100%; border-top:solid 1px #e8e8e8; padding-top:10px}
#newshome  .title a{ font-size:14px; color:#0d75ba;  display:block }
#newshome  .title a:hover{color:#d12429}
#newshome  .des{ float:left; width:100%;   color:#999999; padding-bottom:10px; }
#newshome  .more{ float:left; width:100%; padding-top:10px; }
#newshome  .more a{color:#5e5e5e}
#newshome  .more a:hover{color:#d12429}
#more{ border-solid:dotted 1px #cccccc; text-align:right}
#more a{display:block; background:url(images/more.png) right no-repeat; padding-top:3px; padding-bottom:4px; padding-right:35px;  font-size:14px; color:#287dbe}
#more a:hover{color:#F30}

#home2{ float:right; width:30%}
#cateleft{ float:left; width:100%; background:url(images/bgleft.jpg) left no-repeat #7ec134; position:relative}
#cateleft .s1{ float:left; color:#FFF; font-size:22px; padding-top:8px; padding-left:10px;}
#cateleft .s2{ float:left; padding-left:40px; color:#FFF;  font-size:14px; padding-top:10px; padding-bottom:10px; text-transform:uppercase}


#news2home{ float:right;  padding-bottom:10px; width:35%; background:url(images/Home_Hoplucpost_22.png) left top no-repeat}
#news2home ul{ list-style:none}
#news2home ul li{ margin-left:15px; margin-top:2px; margin-bottom:3px}
#news2home li a{ color:#505050}
#news2home li a:hover{ color:#000}

#producrview{ color:#0d75ba; font-size:14px}
#producrview .imgview{width:48%; float:left}
#producrview .imgview img{width:100%}
#producrview .imgview{width:48%}
#producrview .detail{width:48%; float:right}
#producrview .detail .item{width:100%; float:left; padding-bottom:15px;  font-size:12px; display:table-cell; vertical-align:middle}
#producrview .detail .item h1{font-size:23px; font-weight:normal; text-transform:none; }

#producrview .cateother{
    font-size: 14px;
    color: #7ec134; border-bottom:solid 1px #ededed; font-weight:bold; text-transform:uppercase; padding-bottom:5px; padding-top:15px}

#adsbot{float:left; width:1080px; border-top:solid 1px #058e42; padding-top:10px;}
#adsbot img{width:23%; margin-right:2.2%}

#bgpartner{
  width:1080px; margin:auto; border-top:solid 1px #f3f3f3; padding-top: 40px ; margin-top:15px
  
	}
#bgpartner .content{ width:1080px;padding: 15px 0; margin:auto;border-top:solid 1px #f3f3f3;}


#footer{ background:#0168b6; text-align:center; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:13px; line-height:23px}
#copyright{ border-top:solid 1px #FFF; width:1080px; margin:auto; padding-top:5px; padding-bottom:5px; font-size:14px}
#copyright .s1{float:left; color:#5e514d; font-size:12px;}
#copyright .s2{float:right}

#subimages{ text-align:center}

#sitemap{ float:left; width:100%; padding-top:10px; padding-bottom:10px;
	
	}
#sitemap ul{
list-style: none;
  margin: 0;
  padding: 0;
}
#sitemap a{

  
  font-size: 15px;
  color: #5e5e5e;}
 #sitemap ul li{position: relative;  float:left; color:#464646
}


#mainpage{
  padding: 5px 0;
	}
#mainpage .content{ width:1170px; margin:auto;}
#mainpage .content .cate {
  margin: auto;
  background: url(images/iconrow.png) left no-repeat;
  padding-left: 35px;
  font-family: RobotoBold;
  font-size: 18px;
  padding-right: 10px;
  color: #009fd9;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 1px; margin-bottom:10px; margin-top:10px;
}
#listnews{ float:left; width:100%;  padding-bottom:10px; padding-top:15px; }
#listnews img{float:left; width:25%; }
#listnews .text{float:right; width:70%}
#listnews .text .title{width:100%; padding-bottom:15px; }
#listnews .text .title a{ font-weight:bold}
#listnews .text .title a:hover{color:#b70900}
#listnews .text .des{width:100%; padding-top:10px; padding-bottom:10px; color:#636363}
#listnews .text .more{ padding-top:10px; width:100%; float:right}
#listnews .text .more a{  color:#9d6b00; text-decoration:underline; float:right}
#listnews .text .more a:hover{  }

#right{ float:right; width:22%}
#right .cate_r{ margin:auto; background:#e77725}
#right .cate_r  .img{float:left; width:23px; height:46px; background:#FFF}
#right .cate_r img{display:initial;border:2px solid #FFF;border-radius:50%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; max-width:44px;width:44px;}
#right .cate_r img:hover{border-color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
#right .cate_r  p{ 
display: block;
  text-align: center;
  font-size: 18px;
  padding-top: 12px;
  text-transform:uppercase;
  color: #fff;
  font-family: RobotoBold;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#right .content_r{ margin:auto;}
#right .content_r ul{ margin:auto; padding:0px;} 
#right .content_r ul li{ border-bottom:dashed 1px #b9b9b9; padding-top:8px; padding-bottom:8px; margin-left:15px;} 
#right .content_r ul li a{ font-family:RobotoLight; font-size:15px; color:#000000} 

#contact_form{float:left; width:48%}
#contact_map{float:right; width:48%}
#contact_map .info{ width:100%; line-height:26px; padding-bottom:15px; font-family:RobotoLight; color:#009fd9; font-size:15px}
#contact_map .info b{font-size:18px; font-family:RobotoBold}
#div_id{width:100%; height:400px}


 .inputcontact {
  margin: auto;
  color: #000;
  border: solid 1px #CCC;
  
  width: 400px;
  padding: 5px;
  outline:none;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc); 
}
.contactfield{   text-align:left; height:40px
}

#infocart{float:left; width:700px;}
#infocart2{float:right; width:370px; padding-top:30px}
#infocart2 img{width:100%;}
.smcontact{ background:#009000; padding:10px 15px;  color:#FFF;   border:none}
.smcontact:hover{background:#e6a305;}


#list_album{ float:left; width:31%; margin-top:15px; position:relative; margin-right:1%; margin-left:1%}
#list_album .hover{width:100%; height:182px; display:none; background:url(images/hoveralbum.png); position:absolute; top:0px}
#list_album:hover .hover{display:block}
#list_album .img{ width:100%; overflow:hidden}
#list_album .img img{ width:100%; }
#list_album .title{ width:100%;  font-size:18px; padding-top:20px;   color:#000; left:0px; background:url(images/bgtran.png)}

#adv{ margin:auto; width:1170px; padding:15px 0px;}
#adv .content{ width:100%; }
#adv img{width:50%; float:left; }

#home_dangky{ margin:auto; background:#f6f6f6; padding: 40px 0px}
#home_dangky .content{margin:auto; width:1170px;}
#home_dangky .content .cate{ font-weight:bold; padding-bottom:30px; text-align:center; font-size:16px}
#home_dangky .left_form{ float:left; width:45%}
#home_dangky .input_home{ margin:auto; border:solid 1px #e66432; width:95%;  margin-top:20px; padding:10px; outline:0;}
#home_dangky .submit_home{ background:#000; color:#FFF; margin-top:20px; font-size:16px; border:none; padding:10px 0px; width:100%}
#home_dangky .right_contact{ float:right; width:45%}
#home_dangky .itemright{ float:left; width:100%; text-align:center; color:#19160f; font-size:16px; line-height:30px; padding-top:20px}
#home_dangky .itemright a{ border:solid 1px #e66432; padding:10px}
#home_dangky .itemright a:hover{background:#e66432; color:#FFF}

#home_video{ margin:auto;background-size: cover !important; padding:40px 0px;
    background-repeat: no-repeat !important;
    background:url(images/bg_video.jpg);background-position: 50% 50%; 
    }
#home_video .content{ margin:auto; width:1170px}
#home_video .videoh{ float:right; width:40%}
#home_galery{margin:auto; background:#f1f1f1; padding: 40px 0px}

#ft{ background:#272727; padding:40px 0px; width:100%}
#ft .content{max-width:1170px; margin:auto; color:#3b3b3b}
#ft .content .cate{width:100%; font-weight:bold}
#ft .content .linecate{width:60px; border-bottom:solid 1px #FFF; padding-top:15px}
#ft .col2{ float:left; width:30%;color:#FFF; padding-left:5% }
#ft .col2 a{background:#000; padding:5px 15px; display:block; float:left; margin-right:5px; margin-bottom:5px; color:#FFF}
#ft .col1{ float:left; width:25%; padding-right:0%; color:#FFF}

#ft .col3{ float:right; width:39%; line-height:29px; text-align:right; color:#FFF}

#ft .s2{ float:left; padding-left:10px; width:250px; padding-left:50px; padding-right:40px; background:url(images/boderbot.png) left no-repeat}
#ft b{font-weight:bold;font-size:13px; line-height:25px}
#bottom{ background:#000000; padding:10px 0px}
#bottom .content{ width:1170px; margin:auto;color:#FFF}


#tag{ background:#181d22; padding:15px 0px; width:100%}
#tag .content{max-width:1100px; margin:auto; color:#3b3b3b; text-align:justify}
#tag a{color:#606d79}
#tag a:hover{color:#ffc334}


#ft .col{ width:18%; padding-right:2%; float:left}

#ft .col .cate{font-weight:bold}
#ft .col .item{ padding-top:10px}
.column{display:none}
@media screen and (max-width: 780px) {}


/*
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; 
}

*/


*,
h1, /* see normalize.css */
figure /* see normalize.css */
{
	font-size: 100%;
	font-family: inherit;
	font-style: inherit;
	line-height: inherit;
	 /*vertical-align: baseline;*/
	padding: 0;
	margin: 0;
}

ul,
ol
{
	list-style: none;
}

a
{
	color: currentColor;
	text-decoration: none;
}

		
		
		
		
		
		
		
		
	@media only screen and (max-width: 1170px) {
		#boxsp{width:29.2%; margin-left:1%; margin-right:1%; padding:1%}
		#left{width:20%}
		#leftnews{width:100%}
		#rightnews{width:78%}
		#top .content{width:100%}
		#banner .content{width:100%}
		.boxsearch_all{width:100%}
		.category_box{width:22%}
		#menutop{width:77%; }
		.ddsmoothmenu{width:100%; }
		#boxslide{width:100%; }
		#slide{ width:100%}
		#adv_head{ width:18%}
		#ads3{width:100%; overflow:hidden; padding:0px}
		#catenewsp{width:100%}
		#contentnewsp{width:100%}
		#home{width:100%}
		#ft .content{width:96; padding-left:2%; padding-right:2%}
		#contenthome .ads{width:19%; }
		#contenthome .ads img{width:100%}
		#producthome{width:19%; margin-left:1%; margin-right:0}
		#producthome .img{width:100%}
	}
	
		@media only screen and (max-width: 900px) {
			#menutop ul li a{padding:0 8px}
			#producthome .img{height:160px}
			#boxsp #img{height:160px}

		}
@media only screen and (max-width: 790px) {
	.column{display:block}
#menutop{display:none}
#slide{padding-left:0; width:100%}
#adv_head{width:25%}
#producthome .img{height:115px}
#left{ display:none;}
#rightnews{width:96%; padding-left:2%; padding-right:2%}
#rightnews .content .contentview img{width:100%}

}


@media only screen and (max-width: 670px) {
	#about_a .content_a{width:100%}
	#about_a .content_a .text_2{width:90%; padding-right:5%; padding-left:5%}
	#item1 .nd1{ padding-top:40px; padding-bottom:40px}
	#item2 .nd2{ padding-top:40px; padding-bottom:40px}
	#item3 .nd3{ padding-top:40px; padding-bottom:40px}
	#ft .content .linecate{padding-top:10px; margin-bottom:10px}
	#ft{padding:10px 0px}
	#bottom .content{width:100%}
	#home_dangky .right_contact{display:none}
	#home_dangky .left_form{width:100%}
	#home_dangky .content{width:100%}
	#itemhome #item1{width:100%; margin-right:0; margin-bottom:5px}
	#itemhome #item2{width:100%; margin-right:0;margin-bottom:5px}
	#itemhome #item3{width:100%; margin-right:0;}
	#home_video{padding:10px 0;}
	#home_video .videoh{width:90%; padding-left:5%; padding-right:5%}
	#home_dangky .content{width:90%; padding-left:5%; padding-right:5%}
	.flexslider .slides p{display:none}
	#home_video .content{width:100%}
	#newshome{height:275px; overflow:hidden}
	#newshome .img{width:100%}
	#newshome .text{width:100%}
	#producrview .imgview{width:100%}
	#producrview .detail{width:100%; padding-top:15px}
	#boxmenu{background:#000; width:100%}
	
	#ft .content{width:96%; padding:2%}
	#ft .col1{width:100%}
	#ft .col2{width:100%; padding-top:15px;}
	#ft .col3{width:100%}
	#producthome .img{ max-width:100%; max-height:200px;}
	#producthome .img img{ max-width:100%; max-height:115px;}
	#producthome{width:48%; margin-left:1%; height:auto; margin-right:0px; text-align:center}
	#boxsp{width:48%; margin-left:1%; height:auto; margin-right:0px; text-align:center; padding:0px; padding-bottom:15px;}
		#boxsp #img img{   max-width:100%; max-height:100%; width:auto; height:auto}
	#boxsp #img{ max-width:100%; max-height:150px; overflow:hidden} 
	#list_album{width:48%; margin-left:1%; height:auto; margin-right:0px; text-align:center}

	#catehome .s1{width:100%}
	#catehome .s2{display:none}
	#adshome{display:none}
	#contenthome .ads{display:none}
	#catehome{ width:100%}
	#contenthome{width:100%}
	#ft{ margin-top:30px;}
	#tag{}
	#banner .content{width:100%}
	
	#catenewsp{width:100%}
	#contentnewsp{width:100%}
	#home{width:96%; padding-left:2%; padding-right:2%}
	#adv{display:none}
	#ads3{display:none}
	
	#slide{width:100%; padding-left:0px;}
	#top .content{width:100%}
	#top .content .youtube ul li{float:left}
	#top .content .youtube{float:left; width:100%}
	#boxsearch{width:100%;margin-top:10px; margin-bottom:10px}
	#banner .content .logo{width:100%; text-align:center}
	#banner .content .logo img{width:40%}
#producthome img{ height:auto}
	#newshome img {height:auto}
#bgnews .row2 .contentr2{padding-left:2%; padding-right:2%}
#listnews{width:100%}
#listnews .text .des{display:none}
#listnews .text .more{display:none}
#contenthome12{padding-left:2%; padding-right:2%}
	#leftnews1 .img img{height:auto}
	#main{width:100%}
	#left{width:100%; display:none}
	.column{display:block}
.boxsearch_allw{display:none}
 #producthome .title a{line-height:normal}
 #ft .col1{width:100%; }
 #ft .col2{width:100%; padding-left:0 }
 #ft .col3{width:100%; text-align:center}
 
}
		
@media only screen and (max-width: 380px) {
	
}