/* CSS Document */
@import url('nivo-slider.css');
*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-align:center;   position:relative; background-color: #ff0005;}
div{ margin:0; padding:0}
img { border:none}
ul ,li{ list-style:none}
a { text-decoration:none; color:black }
.clear{ clear:both; width:100%; float:none; margin-top:10px;}
input.button{ width:auto !important; padding:4px 15px 4px 15px !important; background:#0d7dd8; color:white; font-weight:bold; cursor:pointer; border:none !important} 
.left-content h2, .right-content h2{ color:white; line-height:39px; font-size:12px; height: 35px;  overflow:hidden; color: #ffd105; background-repeat: no-repeat; background-size: 100% 35px; /* background: url(../images/bg-title-left.png)  center no-repeat; */  text-transform:uppercase; text-align:center}



h3.title, h1.title{font-size:12px;    padding:0 0px 0 10px;  text-transform:uppercase;  color: #ffd105;}
h3.title a, h1.title a{ color: #ffd105;}
.scrollcontent{
line-height: 1.7;
padding: 0px 8px;
}
.scrollcontent img{
  max-width: 98% !important;
  height: auto !important;
}
.face{
width:118px;
float:left;
}
.you{
	width:50px;
float:left;
}
.logovamidoor{
 
  top:75px;
  left: 241px;
  z-index:999999;
}
h1.title span{ }
h1.title a{ color: #ffd105; margin:0 0 0 0px}
div.title{ height: 36px; line-height:39px; overflow:hidden; width:100%; background:url(../images/bg-title-content.png) left center repeat-x;  margin-bottom:10px;  padding-left: 40px; background-repeat: no-repeat; background-size: 95% 39px;}
.background{ }
#wrapper{ width:1200px; max-width: 100%; margin:0 auto;  overflow:hidden; background:#f6f4f5 ; border: 5px solid #FFF;}
.bg{ }
.box_newsva{
width: 265px;
float:left;
margin-left:5px;
/* background-color: green; */
margin-bottom: 11px;
}
.box-shadown{-moz-box-shadow: 0 0 3px 3px #afafaf;
-webkit-box-shadow: 0 0 3px 3px #afafaf;
box-shadow: 0 0 3px 3px #afafaf;width:980px; margin:auto; position:relative;}
/******************* Header ********************************/
#header{margin:auto; clear:both; position:relative; width:100%;  margin:0}
.banner{text-align:left; overflow:hidden; position:relative; margin-bottom: 5px;height: 241px;}
.banner img{/* width:100% */}
.menuTop{background:url(../images/bg-menu.png) center repeat-x ; height:42px; line-height:42px;width:100%; margin-bottom: 5px; white-space:nowrap ; float:left; clear:both; position:relative; }
.menuTop ul{ text-align:center;width:100% ; float:left; position:relative; }
.menuTop li{ float:left; text-align:center;position:relative; text-align:center; text-transform:uppercase;
/* background:url(../images/border-li.png) right bottom no-repeat;*/ padding:0 23px 0 23px;}
.menuTop li:last-child{ background:none; border:none}
.menuTop li a{color:#FFF; font-weight:bold ; display:inline-block; }
.menuTop .item1{ display:block;width:50px; background:url(../images/menu-home.png) center no-repeat}
.menuTop li:hover , .menuTop li.active {}
.menuTop a:hover ,.menuTop li.active a{ }
.menuTop .socia{ overflow:hidden; float:right;width:200px; margin:5px 0 0 0}
/*************************** Sub menu********************/
.menuTop ul li .sub-menu{ /*overflow:hidden;*/ position:absolute; top:41px; left:0px;width:480px; height:auto; border-radius: 5px; z-index:99999; display:none; visibility:visible; padding:10px; padding-left: 0px; background: #E21B1B;}
.menuTop ul li .sub-menu img{ max-width:235px; float:right; border-radius: 5px; border: 1px solid #FFF;}

.menuTop ul li ul{ /*overflow:hidden;*/  background: #E21B1B;width:200px; float:left}
.menuTop ul li:hover ul{ display:block}
.menuTop ul li ul li{ text-align:left;  line-height:35px !important; /* background:url(../images/icon-li2.png) left center no-repeat !important; */ padding-left: 30px;  margin:0; /* border-bottom:1px dashed #b27d7b; */ display:block; width:100% !important; display:block}
.menuTop ul li ul li a:hover{
   background:url(../images/hover_menu.png) no-repeat !important;
   position:relative;
   left:-35px;
   padding-left:35px;
   height:38px;
   line-height:30px;
   width:250px;
   color:#ffd105;
	 
	}
	.menuTop .active a{
	color:#ffd105 !important;
	}

.menuTop ul li ul li a{ color:#f5e0e1}
p.cart{ line-height:30px; background:url(../images/icon-cart.png) left center no-repeat; margin:10px 0 0 15px; padding-left:35px}
p.cart span{ color:red; font-weight:bold}
#frmSearch{margin:5px 5px 5px 5px; position:relative;}
#frmSearch p{ overflow:hidden; line-height:20px; margin:5px 0 5px 0}
#frmSearch #keyword{ margin:0px 0px 0 0;  background:#FFF; color:#000; padding-left:5px;width:180px; border:1px solid #cdcdcf; height:22px; margin-right:1px}
#frmSearch select{width:185px; padding:1px; margin-bottom:5px}
#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; background:#e7226c; width:70px; margin:auto; height:25px; line-height:25px; color:white; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.ui-widget{ overflow:hidden;  position:absolute; top:0; left:0;  border:1px solid #CCC; background:#FFF; text-align:left; line-height:25px; height:auto; padding-left:15px}

#frmNewsLetter{width:500px; float:left;  text-align:left; margin:15px 0 0 10px}
#frmNewsLetter p{ overflow:hidden; color:#e8eaeb}
#frmNewsLetter input{ float:right}
#frmNewsLetter #email{width:200px; background:#FFF url(../images/icon-mail.png) left top no-repeat; padding:0px 0 0px 27px; border:none; height:23px}
#frmNewsLetter #submit{ background:#666666; color:#eff5ee; border:none; cursor:pointer; line-height:23px; width:35px}
#frmNewsLetter label{ float:left; text-transform:uppercase; line-height:25px}
.navi-right{width:341px; float:right; overflow:hidden; background:url(../images/bg-top-navi.png) top center no-repeat; }
.navi-right ul{ text-align:center}
.navi-right li{ display:inline; margin:0 5px 0 5px; font-weight:bold; text-transform:uppercase; line-height:63px}
.navi-right li a:hover{ text-decoration:underline}
/********************** Slide***********************/
.slideHome{ overflow:hidden; height:180px;width:100%; }
.slideHome ul{width:2000px; overflow:hidden}
.slideHome li{ overflow:hidden; float:left; margin-right:18px;width:255px; height:180px; text-align:center}
.slideHome li img{webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:250px; height:175px; }
/*****************************  Content ************************************************/
#content{ text-align:left; /* padding: 0px 0px 0 0px; */  margin:0 auto; /* overflow:hidden; */}

/********************************** Left *******************************/
.left-content h3.first{  background:url(../images/bg-title-left.png) left center no-repeat;}

.left-content h3{ line-height: 41px; color:#FFF; background:url(../images/bg-title-left2.png) left center no-repeat; padding-left: 33px; margin:0px 0 0px 0 ; font-size:12px; /* background-color: green; */ height: 37px;}
.left-content h3 a{ color:#FFF; }
.left-content ul.last{ margin-bottom: 5px; /* border-bottom:1px solid #6095c0 */}
ul.category{/* margin:0px 0px -1px 0px; */ padding: 0px 5px 0px 5px; /* border:1px solid #6095c0; */ border-bottom:none; border-top:none}
ul.category li{ margin:0 0px 0 0px; background: url(../images/icon-li.png) 0px 10px no-repeat; line-height:20px;  font-size:13px;  padding:7px 0 7px 20px; border-bottom:1px dotted}
ul.category li li{ margin:0 0px 0 0px; background: url(../images/icon-row.png) 0px 6px no-repeat; line-height:26px;  font-weight:bold;  padding-left:18px; text-transform:none; font-weight:normal}

.category span{cursor:pointer; color:#FFF}
ul.category li.active{}
ul.category li:last-child{ border:none}
ul.category li a{ }
ul.category a:hover{ color:#09589a}
ul.category li ul{ margin:0px;}
ul.category .active ul{ display:block !important}
ul.category li ul li{ }
ul.category li li a{ text-transform:none}

ul.category li ul{  } 
ul.category li:hover ul{ }
ul.category li ul li{}
ul.category li ul li:last-child{ border-bottom:none}
.left-content{width: 18%;float:left; margin: 0px 4px 0 0px;  text-align:left; clear:left; }

.block-left{ margin: 0px 0 6px 0px;  padding-bottom:10px; border: 1px solid #e7e7e7;/*-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/ overflow:hidden}
.product-left{ overflow:hidden;  margin:10px 0 10px 0; text-align:center; line-height:25px; font-weight:bold }
.product-left img{max-width:100%; margin:0px 0 5px 0; }
.product-left .name{}
.product-left .price{ color:#ac1817}
.product-left .price span{ text-decoration:line-through}
/******************************** SUPPORT ****************************/
.hotline{ margin:10px 5px 10px 5px;  font-size:14px;font-weight:bold; border-top:1px dotted #c28c20; text-transform:uppercase; color:#c11113; padding:8px 0 0px 0; overflow:hidden}
.hotline p{width:100px; overflow:hidden; float:right}
.support{ overflow:hidden;  padding:0px 0 0px 0 ; margin:5px ;  text-align:center; }
.support  .yahoo{ float:left; margin:9px 0 0 20px; }
.support  .skype{ margin:0px 20px 0 0px; float:right }
.support p{ overflow:hidden; margin:0px 0 0 0px;   line-height:25px; text-align:center;  font-weight:bold;}
.support p span{}

/******************************** Counter ****************************/

.counter{  overflow:hidden;  padding: 10px 10px 10px 24px;   /* background:url(../images/bg-counter.png) left center no-repeat   */}
.counter p{ line-height:24px;  overflow:hidden;  text-align:left; color:#4e4d4e; font-weight:bold }

.counter p span{ text-align:right; margin-right:5px; float: left;}
.left-content  .block-left .img-ads{ width:240px; overflow:hidden; margin:5px 0 10px 0; text-align:center}


/***************************  News *******************************/
.otherNews{ overflow:hidden}
.otherNews p{ line-height:20px; margin: 0px 0 0 0; /*background:url(../images/icon/icon-list-news.png) left center no-repeat*/; padding-left: 9px;}
.otherNews p a{ }
/*************************** RIGHT ********************************/
.right-content{ overflow:hidden; width: 18%; float:right; }
.block-right{ overflow:hidden;  margin-bottom:10px; }
.block-right marquee{ margin:15px 0 0 0; text-align:center;}
.productRight li{ overflow:hidden; margin:10px 5px 15px 5px; border-bottom:1px dotted #CCC; }
.productRight li .name{ text-transform:uppercase}
.productRight li .price{ color:#0d6408}
.productRight li{ line-height:25px; font-weight:bold}
/**************** Main -content****************/
.main-content{overflow:hidden; float:left;margin: 0px;width:63.4%; text-align:left;  }

.list-product{overflow:hidden; margin:10px 0 10px 0;}
.product-item-last,.product-item{
  overflow:hidden; 
  width:29%;  
  float:left; 
  margin:0 0.5%; 
  margin-right: 40px;
}
.marin_right_none{
  margin-right: 0 !important;
}
.list-product .product-item-last{ margin-right:0px;  }
.list-product .img {text-align:center;overflow:hidden;  margin:5px 0px 5px 0; /* border:1px solid #09589a    */border-radius: 3px;}
.list-product .img img{ 
  height: 167px; 
  margin:0px 0 0 0; 
  width: 250px;
  max-width: 100%;
}
.list-product p{text-align:left; line-height:25px; margin:0 5px 0 5px  ; }
.list-product p.code{ text-transform:uppercase; font-weight:normal}
.list-product .name{ text-align:center; min-height: 55px;}
.list-product .name a { /* color:#0d5fa5; */ /* font-weight: 500; */ line-height:18px}
.list-product .register a{ background:url(../images/bg-button.png) repeat-x; padding:0px 10px 0px 10px; display:inline-block; height:19px; line-height:19px; color:white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.list-product p.price{ color:#ff0100}
.list-product .order a, .product-item3 .order a{ background: url(../images/icon-cart.png) left center no-repeat; width:28px; height:29px; position:absolute; bottom:10px; right:10px}
.list-product .order a span,.product-item3 .order a span{ background:#ce3a52; color:white; padding:2px 10px 2px 10px; margin-left:5px}


/****************************** User ******************************/
#frmLogin .lost-pass{ margin-left:5px}
#frmLogin .lost-pass:hover{ text-decoration:underline}
#frmLogin{ margin:5px}
#frmLogin input{width:180px; padding:1px}
#frmLogin .checkbox input{width:auto; float:left; margin:5px 5px 0 0}
#frmLogin .error{ color:red; margin-left:120px}
#frmLogin p{ overflow:hidden; margin:10px 0 10px 0; line-height:25px;}
#fldLogin{ border:none}
#fldLogin p label{width:120px; float:left}
#fldLogin p.btn{ margin-left:120px}
#btnLogin{width:auto !important; background:#e7226c; color:white; padding:5px 15px 5px 15px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none; cursor:pointer; float:right; }

#frm-register{ margin:5px 0 20px 0; overflow:hidden;}
#frm-register .note-form{ margin:15px 0 15px 0}
#frm-register p {overflow:hidden; margin:10px 0 10px 0;}
#frm-register p label{width:150px; float:left; font-weight:bold}
#frm-register p label sup{ color:red}
#frm-register p.note{ font-weight:bold}
#frm-register img.captcha{ margin:0px 0 0 0;  text-align:center; }
#frm-register p.error{ margin-left:150px; color:red; font-style:italic }
#frm-register p input {width:300px; border:1px solid #d5d5d5; padding:1px}
#frm-register p.btn-submit { margin-left:150px;}
#frm-register .dieuKhoan{ font-weight:bold; cursor:pointer}
#frm-register .dieuKhoan:hover{ text-decoration:underline}
#frm-register .ghiChu{ margin:5px 0 0 150px; color:#878787; font-style:italic}
/*************** Footer ****************************************************************/
#footer{ overflow:hidden;text-align:center;  margin:auto; margin:0px 0 0px 0; clear:both; /* background: #ff0005; */ color:white;

}
.footer{margin:auto; line-height:22px;  padding:10px 0px 0 0px; overflow:hidden ;width:100%;
/* height: 159px; */background-image:#ff0005;
background-repeat:no-repeat;
background-color: red;}
.footer i{
  font-size: 20px;
}
.footer .counter{width:200px; overflow:hidden; float:left}
.footer .counter h3{ text-transform:uppercase; border-bottom:1px solid; margin-bottom:10px}
.menuFooter{ overflow:hidden; width:540px; float:left;  line-height:25px; overflow:hidden; }
.menuFooter h3{ font-size:12px; text-align:left; padding-left:10px}
.menuFooter ul{ overflow:hidden;width:265px; float:left}
.menuFooter li{ text-align:left;  overflow:hidden; padding:0 10px 0 10px ; ; display:block }
.menuFooter li:last-child{ background:none; }
.menuFooter li a{ color:white }
.paging{ float:right; margin:15px 120px 0 0; font-size:12px; clear:both}
.paging div{ float:left;padding:0 2px 0 2px; color:black;  display:inline; margin-left:5px }
.paging  .num{padding:8px; font-size:12px;margin-right:6px; font-weight:bold}
.paging .curent {  color:red !important;padding:6px; font-weight:bold;margin-right:5px }

.paging .next { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }

.paging .pre { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }
.paging img{ margin:10px 0px 0 0px; }


#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}



#lbCenter, #lbBottomContainer {	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}



.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}



#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }



#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; }



#lbPrevLink {left: 0;}
#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;} 
#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}



#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}



#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }



#lbCaption, #lbNumber {margin-right: 71px; }



#lbCaption {font-weight: bold;}	



.block-left .partner{ overflow:hidden; text-align:center}
.block-left .partner img{ margin:10px 0 10px 0}


.page-content{ overflow:hidden; margin:0 0px 0px 0px; }


.block-cate{ overflow:hidden; background:url(../images/bg-bottom-cate.png) bottom center no-repeat; padding-bottom:13px;}
.block-cate ul{ background:#edd890;margin: 0 2px 0 5px }
.block-cate ul li{ background:url(../images/icon-li.png) right center no-repeat; padding-left:25px; line-height:30px; border-bottom:1px dashed #a1702a;margin:0 5px 0 5px; font-style:italic}
.block-cate a{ color:#773700; text-transform:uppercase}
.block-left p.news{ overflow:hidden; line-height:20px; margin:5px 5px 10px 5px; font-weight:bold}
.block-left p.news img{ float:left; margin-right:5px}


/********************************* BreadCrumd ************************************/
.breadcrumb{ height:20px; line-height:20px;}
.breadcrumb li{ float:left; color:white; font-family:Verdana, Geneva, sans-serif; font-size:11px}
.breadcrumb li a{color:white}
/************************* SLIDE ********************/

.newsHome a:hover{ color:red}
.adsLeft{ overflow:hidden; text-align:center}
.adsLeft img{ width:210px; margin:10px 0 10px 0}


.block-ads{ overflow:hidden; text-align:center; margin-left:10px}
.block-ads img{ max-width:200px; margin:10px 0 0px 0; }
.block-ads .flash-item{margin:0px 0 15px 0; overflow:hidden; text-align:center}



.page-content div.img-detail{/* width:250px; */  float:left; margin:10px 0 10px 0; overflow:hidden; text-align: center; border:1px solid #CCC}
.page-content .img-detail img{ text-align:center; max-width: 450px; margin:5px 0 5px 0 }

div.info {margin:10px 0 0px 0px; padding-left:20px;  overflow:hidden; float:left;  position:relative;}
div.info h3{ font-weight:bold; font-size:15px; color:#05528a}
div.info td{ line-height:25px; font-size:13px}
div.info p{  font-size:12px;  line-height:30px; overflow:hidden; clear:both}
.info .intro{ line-height:25px}
.info .intro h3{ border-bottom:1px solid #d5d5d5}
div.info .price{ color:#c11113 }
div.info p label{width:100px; float:left; font-weight:bold}
.div.info .intro{ text-align:justify; line-height:20px}
.detail-product h3{ float:left; font-weight:bold;font-size:14px; margin:0 0 15px 0px; padding:0 0 5px 0;  display:block; width:100%; background:none; color:black; text-transform:none; border-bottom:1px solid #d5d5d5} 
.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}
.tinhTrang2{ overflow:hidden; background:url(../images/tam-het-hang.png) left bottom  no-repeat; }
.tinhTrang3{ overflow:hidden; background:url(../images/het-hang.png) left bottom  no-repeat; }

.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }
.detail-product{ margin:10px 5px 15px 5px; overflow:hidden; clear:both;  }
#frmWeblink select{width:200px; margin:10px 0 10px 10px}
.listAds{ overflow:hidden; text-align:center; margin:10px 0 10px 0}
.listAds a{ font-weight:bold; color:#2568ac}
.listAds img{ max-width:200px; width:auto !important;width:200px}
.block-right table{width:200px; margin: 10px auto; background:#CCC}
.block-right table tr{ background:#FFF}
.block-right table th, .block-right table td{ line-height:25px}
.block-right .news{ overflow:hidden; padding:5px}
.block-right .news  a{ color:#872603}

.block-header{ overflow:hidden; background:#a1d8ff; height:287px !important;width:100%}
.factory{ overflow:hidden; width:33%; float:right; padding-top:7px}
.factory  img{width:120px; height:62px; margin:0 5px 5px 0; float:left}
.factory  img.first{ height:130px;width:130px;}
.share{ margin:20px 0px 0px 0; overflow:hidden}
.share img{ float:left; margin-right:10px}
.share p{ overflow:hidden; text-align:center; color:#000; line-height:30px}
.slideProduct{ overflow:hidden; height:140px; border:1px solid;width:735px !important; border:2px solid #7e0555; margin:15px 0 15px 0}
.slideProduct ul{ overflow:hidden; height:140px;}
.slideProduct li{ float:left; display:inline;width:160px; height:120px;  text-align:center; margin:10px 10px}
.slideProduct img{ height:120px}
.slideProduct .btn-next, .slideProduct .btn-pre{ overflow:hidden; height:50px; width:50px; position:absolute; top:40px; z-index:99; cursor:pointer}
.slideProduct .btn-next{ right:0; background:url(../images/icon-right.png) center no-repeat}
.slideProduct .btn-pre{ left:0; background:url(../images/icon-left.png) center no-repeat}
.newsHome{ overflow:hidden; margin:10px 0 10px 0;;width:100%}
.newsHome .firstNews{ overflow:hidden;width:500px; float:left; color:#4e4e4e}
.newsHome img{ float:left; margin:0 5px 5px 0}
.newsHome h4{ margin-bottom:8px}
.newsHome h4 a{ color:#000}
.newsHome p{ line-height:18px; text-align:justify}
.newsHome p.news{ width:450px; float:right;  line-height:30px; background:url(../images/icon-row2.gif) left center no-repeat; padding-left:20px}
.newsHome  a{ color:#4e4e4e}
#frmContact { margin:20px 0 0 5px}

#frmContact span{ color:red}

#frmContact p { overflow:hidden; margin:10px 0 5px 0; clear:both}

#frmContact p label { float:left; width:130px; font-size:12px}

#frmContact p input {width:300px; border:1px solid #b0b0b0; padding:2px 0 2px 0}

#frmContact textarea{ width:300px; height:100px;border:1px solid #b0b0b0;}

.content_page .note{font-size:12px; }

#frmContact .error{ color:red !important; font-size:12px; padding-left:130px}

 .success{ color:#063;  font-size:12px; line-height:18px}

 #frmContact .btn{ padding-left:130px; }


 .note{ font-size:12px; font-weight:bold}
 
 .productSeller{ overflow:hidden; padding:23px 0 23px 5px; position:relative;  background:url(../images/bg-slide.png) left top repeat-x; width:100% !important; margin-bottom:10px }
  .productSeller .acctive{ color:red}
.productSeller li{width:172px; overflow:hidden; float:left;  text-align:center; line-height:25px; font-weight:bold; margin:0 5px 0 4px;  height:162px; border:1px solid #878787; background:#FFF}
.productSeller li img{ height:125px; max-width:165px; margin:20px 0 0 0}
.productSeller ul{ overflow:hidden;width:2000px; margin:10px 0 0 10px}
.productSeller .btn-pre{ overflow:hidden; position:absolute; top:40px; left:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-pre1.png) center no-repeat}
.productSeller .btn-next{ overflow:hidden; position:absolute; top:40px; right:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-next1.png) center no-repeat}
.bg-popup{ overflow:hidden; position:absolute; top:0; left:0;width:100%;height:100%; background:url(../images/bg-popup.png); display:none;}
.popup{width:550px; height:510px;  overflow:hidden; background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:fixed; top:150px; left:50%; margin-left:-275px;}
.popup .close{width:25px; height:29px; position:absolute; top:2px; right:2px; background:url(../images/icon-close.png); cursor:pointer}
.content-popup{padding:10px; line-height:25px; text-align:justify; font-size:13px; overflow:auto; height:450px}
.title-popup{ line-height:32px; text-transform:uppercase; color:#FFF; background:#8d9292; padding-left:10px; font-weight:bold; text-align:left; text-align:center !important}

.news-item { overflow:hidden; clear:both;width:96%; margin:10px auto; position: relative;}
.news-item img{max-width:200px; float:left; margin:0 5px 0 0; }
.news-item h4{ margin-bottom:2px}
.news-item h4 a{  text-transform:uppercase}
.news-item .date{  color:#939393; background:url(../images/clock.png) left center no-repeat; padding:10px 0 10px 25px;  margin-left:50px}
.news-item .line{ overflow:hidden; border-bottom:1px dotted #CCC; margin-bottom:3px}
.news-item .sapo{ line-height:20px; text-align:justify; overflow:hidden}
.news-item a:hover{ text-decoration:underline}

.right-content .cart{ overflow:hidden; background:url(../images/cart2.png) 7px center no-repeat;  padding:10px 0 10px 60px; line-height:22px}
.right-content .cart a{ color:#e7226c; font-weight:bold}

.list-partner{ overflow:hidden; height:60px;}
.list-partner ul{width:5000px; overflow:hidden}
.list-partner li{ display:inline; float:left; overflow:hidden; border:1px solid #CCC; padding:1px; width:130px; height:50px; text-align:center; margin:0 10px 0 0; text-align:center}
.list-partner img{ height:50px; max-width:130px}

.list-news{ overflow:hidden; margin-bottom:10px}
.list-news .item{width:49%; float:left;}
.list-news .last{ float:right}
.list-news img{width:100px; height:90px; float:left; margin:3px 5px 0 0}
.list-news h4{ margin-bottom:5px}
.list-news .sapo{ line-height:20px; text-align:justify}

.top-banner{ overflow:hidden; width:100%; clear:both; margin:0px 0 10px 0; background:url(../images/line.png) bottom center no-repeat; }
.right-top{ overflow:hidden;width:325px; height:289px; float:right; margin-right:5px; }

.right-top h3{ text-transform:uppercase; color:#e6b21e; line-height:30px; text-align:left}
.right-top .btn-next,.right-top .btn-pre{width:21px; height:20px; cursor:pointer; display:inline-block; float:right; margin:5px 5px 0 3px}
.right-top .btn-next{ background:url(../images/icon-next.png) center no-repeat}
.right-top .btn-pre{ background:url(../images/icon-pre.png) center no-repeat}
.slide-news{ overflow:hidden;width:100% !important; height:250px;  text-align:left }
.slide-news li{width:325px; display:inline; float:left}
.slide-news .item{ overflow:hidden; margin:5px 0 5px 0; }
.slide-news img{width:80px; height:65px; float:left; margin:3px 5px 0 0}
.slide-news h4{ margin-bottom:5px}
.slide-news h4 a{ color:#047671}
.slide-news p{ line-height:20px; text-align:justify}
.bottom{ overflow:hidden;width:1028px; margin:auto; height:30px; line-height:30px;}
.bottom .copyright{ overflow:hidden; float:left; background:url(../images/logo.png) left center no-repeat; padding-left:45px;width:500px; color:#eb7353; text-align:left}
.block-home{ overflow:hidden;width:336px; height:225px; float:left;  margin:0 8px 0 0; background:url(../images/bg-block.png) bottom center no-repeat; }
.block3{ float:right; margin-right:0; color:#404143}
.block3 .view-more{ text-align:right}
.block3 .view-more a{ color:#2b528d}
.block-home .box{  margin:0 20px 0px 10px; overflow:hidden; height:200px}
.slide-product{ overflow:hidden;  position:relative }
.slide-product ul{width:2000px; overflow:hidden; margin-left:18px !important}
.slide-product li{ display:inline; float:left;width:200px; text-align:center;  overflow:hidden;}
.slide-product img{ }
.slide-product .btn-next,.slide-product .btn-pre{ position:absolute; top:100px;width:30px; height:29px; z-index:99; cursor:pointer}
.slide-product .btn-pre{ left:4px; background:url(../images/btn-pre.png) center no-repeat}
.slide-product .btn-next{ right:4px; background:url(../images/btn-next.png) center no-repeat}
.service-home{ overflow:hidden;width:710px; margin:5px 0 0 10px; float:left}
.service-home .item{width:330px; float:left; overflow:hidden}
.service-home .last{ float:right}
.service-home img{ float:left; margin:0px 7px 0 0}
.service-home h3{   text-transform:uppercase; margin-bottom:10px}
.service-home a{ color:white}
.service-home p{ line-height:22px; text-align:justify; color:#a7f551}
.service-home  .clear{ height:20px; clear:both}

.intro-home{width:255px; overflow:hidden; float:right; margin:0 10px 0 0; color:white; text-align:justify; line-height:20px}
.service-right{ overflow:hidden;   margin:10px 5px 10px 5px}
.service-right img{ float:left; margin:0 5px 0 0}
.service-right h3{ line-height:40px; font-size:12px}
.service-right  a{ color:#223f97}
.news-left{ overflow:hidden; margin:10px 5px 10px 5px; line-height:20px; font-size:13px}
.news-left img{width:50px; float:left; margin:3px 7px 0 0}

.slide-partner{ overflow:hidden; height:118px; background:url(../images/bg-partner.png) repeat-x; margin:0 5px 0 5px}
.slide-partner ul{ overflow:hidden; width:4000px}
.slide-partner li{ overflow:hidden; height:100px; margin:10px 20px 0 0 ; float:left; display:inline;width:150px; text-align:center}
.slide-partner img{ height:100px; max-width:100%}



ul.link li{ margin:0 0px 0 15px; background: url(../images/icon-row.png) 0px 6px no-repeat; line-height:26px;  font-weight:bold;  padding-left:18px; text-transform:none; }

.video{ overflow:hidden}
.video iframe{width:100%  !important; height:200px !important}

.block-right table{width:100%}
.block-right table td{ background:#eeeeee; padding:2px 10px 2px 10px; font-size:12px}
.block-right table th{ color:#c55a12}

.he-thong-phan-phoi{ overflow:hidden; color:#5f5f5f}
.he-thong-phan-phoi form{ margin:10px 0 20px 10px}
.he-thong-phan-phoi form label{width:200px; font-weight:bold; text-transform:uppercase; float:left}
.he-thong-phan-phoi form p{ overflow:hidden; line-height:25px; margin-bottom:15px}
.he-thong-phan-phoi select{width:200px; border:1px solid #CCC; padding:2px}
.he-thong-phan-phoi .button{ margin-left:310px; background:#818286; text-transform:uppercase}
.he-thong-phan-phoi .item{ overflow:hidden; margin:0 0 20px 0; clear:both}
.he-thong-phan-phoi img{ float:left;width:100px; margin:4px 10px 0 0; border:1px solid #CCC}
.he-thong-phan-phoi .right{ overflow:hidden;  line-height:22px}
.he-thong-phan-phoi .name{ font-weight:bold}
.slide-footer{    /* background:#c6d7e7; */ padding:10px;     height: 40px; float:right;      width: 46%;    padding-top: 7px;    overflow: hidden;}
.slide-footer ul{width:100%;}
.slide-footer li{ display:inline; float:right;width:65px; text-align:center}
.slide-footer img{ height:50px;}
.slide-footer .opacity{
opacity: 0.7;
            -webkit-transition: opacity .31s ease-out;
			-moz-transition: opacity .31s ease-out;
			-o-transition: opacity .31s ease-out;
			 transition: opacity .31s ease-out;
}
.slide-footer .opacity:hover{
opacity: 1;
            -webkit-transition: opacity .31s ease-out;
			 -moz-transition: opacity .31s ease-out;
			  -o-transition: opacity .31s ease-out;
}
.slide-footer img {
	 -webkit-filter: grayscale(50%);
	 -moz-filter: grayscale(50%);
	  -o-filter: grayscale(50%);
 
}

.slide-footer img:hover {
 -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
   -o-filter: grayscale(0%);

}
.logo_vamidoor img {
	 -webkit-filter: grayscale(100%);
	 -moz-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
 
}

.logo_vamidoor img:hover {
 -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
   -o-filter: grayscale(0%);

}
.logo_vamidoor .opacity{
opacity: 0.7;
            -webkit-transition: opacity .31s ease-out;
			-moz-transition: opacity .31s ease-out;
			-o-transition: opacity .31s ease-out;
			 transition: opacity .31s ease-out;
}
.logo_vamidoor .opacity:hover{
opacity: 1;
            -webkit-transition: opacity .31s ease-out;
			 -moz-transition: opacity .31s ease-out;
			  -o-transition: opacity .31s ease-out;
}
.logo_vamidoor img {
	 -webkit-filter: grayscale(50%);
	 -moz-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
 
	 height: 35px;
	 width: 135px;
	 margin-right: 34px;
}

.logo_vamidoor img:hover {
 -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
   -o-filter: grayscale(0%);

}
.logo_vamidoor{
width: 514px;
float:left;
/* margin-right:10px; */
background: none;
padding-top: 10px;
}
.footer h2{
  font-size: 12px;
  clear: both;
}
.addmain{

  text-align: left;
  padding-left: 10px;
  float:left;
}
.addmain a{
color:#FFF;
}
.addphone{
 float:left;
 text-align:left;
}
.left{

width: 55%;
float:left;}
.right{

width: 28%;
float:left;}
.final{
width: 16%;
float:left;
}
.vanminh{
  color: yellow;
  font-size: 19px;
  line-height: 30px;
}
.desiner{
  text-align: right;
  padding-right: 10px;
  color: yellow;
  font-size: 12px;
}
.desiner a{
  color: yellow !important;
  font-size: 12px;

}
.formatonline{
padding-left: 36px; text-align:left; float:left;
}
.left-content h3:hover a{
color:#ffd105;
}
.img_left{
width: 92px;
height: 78px;
float:left;
/* margin-right: 3px; */
}
.img_left img{
width: 92px;
height: 78px;
}
.content_right{
float:left;
width:153px;
padding-right:3px;
}
.logomarquee{
  width: 1000px;
  margin-left: auto;

  margin-right: auto;
  height: 400px;
  z-index: 999999999999999999999999999999999;
  position: absolute;
  top: 77px;
  max-width: 100%;
}
.imgmarquee{
  z-index: 99999999;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
  width: 1000px;
}
.registerTrade{
clear:both;
float:none;
padding:10px;
color: black;
line-height: 1.7;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.left_trade{
float:left;
width: 227px;
margin-left:10px;
}
.left_trade a{
color:#FFF;

}
.left_trade a:hover{
color:#F93;

}
.item-pro{
    width: 92%;
    margin: auto;
    text-align: center;
    position: relative;
}
.item-pro img{
  max-width: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.item-pro h4{
  font-weight: normal;
}
.box_img{
    position: relative;
}
.item-hover{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: none;
    background-image: url(http://vamidoor.vn/publics/js/carouselengine/hoveroverlay-64-64-3.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#menu_btn {
    display: none;
    cursor: pointer;
    padding: 5px 7px;
    border: 1px solid #FFF;
    margin-left: 10px;
    margin: 5px 0px;
}
.danhmuc_left{
  margin: 0px;
  padding: 0px;
}
.danhmuc_left li{
  background:#ff0005;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  margin: 3px 0px;
  border-radius: 5px;
}
.danhmuc_left li a{
  color: #FFF;
  display: block;
  font-weight: bold;
  -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 100%; 
    max-width: 190px;               
}
.anhhung{
  color: #8e0c1b;
  text-align: left;
  width: 96%;
  margin: auto;
  border-top: 1px solid #ddd;
  padding: 10px 0px;
}
.danhmuc_left li a i{
  color: #FF0;
  font-size: 11px;
}
.static{
  padding: 0px 5px;
}
.static img{
  max-width: 98% !important;
  height: auto !important;
}
.nivo-controlNav{
    display: none;
}
.nivo-prevNav{
    display: none;
}
.nivo-nextNav{
    display: none;
}
.view_detail{
  position: absolute;
  bottom: 0px;
  right:10px;
  color: #F00;
  font-size: 15px;
}
.des{
  padding: 0px 10px;
  line-height: 25px;
}
.menuTop li:hover .sub-menu{
    display: block;
}
@media only screen and (max-width : 1120px) {
  .product-item {
    margin-right: 38px;
}
}
@media only screen and (max-width : 1060px) {
  .product-item {
    margin-right: 36px;
}
}
@media only screen and (max-width : 1025px) {
  .product-item {
    margin-right: 34px;
}
}
@media only screen and (max-width : 620px) {
  .product-item {
    margin-right: 30px;
}
}
@media only screen and (max-width :550px) {
  .product-item {
    margin-right: 24px;
}
}
@media only screen and (max-width :440px) {
  .product-item {
    margin-right: 22px;
}
}
@media only screen and (max-width :440px) {
  .product-item {
    margin-right: 17px;
}
}
@media only screen and (max-width :360px) {
  .product-item {
    margin-right: 4px;
}
.dis_none_360{
  display: none;
}
}