*{padding: 0px; margin:0px;}
body{font-size: 12px; color: #303030; font-family: arial;}
ul,li{list-style: none;}
a{text-decoration: none;}
.clear{clear: both;}

/*********************** #top ****************/
#top{background: rgba(0, 0, 0, 0) url("../img/line1.png") repeat-x scroll left bottom;
    float: left;
    height: 40px;
    width: 100%;}
#top .hotline{float: left;}
#top .hotline p span{ color:#303030!important; font-family:Verdana, Geneva, sans-serif;}
#top .hotline p{float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color:#fff;
            padding-top: 10px;padding-left: 18px;
            background: url(../img/ico-tell.png)no-repeat left 0px top 13px;}
#top .lang{float: right;text-align: right;}
#top .lang p{float: right;font-size: 13px;line-height: 20px;
            padding-top: 10px; color:#303030;}
#top .lang a img{float: right;margin-left: 10px;width:30px;height:20px;margin-top:10px;}


@media(max-width:768px){
    #top{height:auto;}
}

/******************** header *****************/
#header{float: left;width: 100%;background: #fff;height: 145px;}
.logo{float: left;}
.logo a img{width: 265px;margin-top: 10px;}

.right-header{float: left;margin-top: 50px;}
.search {float: right; height: 40px;width: 330px;
                background: url(../img/search.png) no-repeat 0 0;
                }
.search form{height: 40px;}
.search input#key {border: none;height: 40px; width:270px;float: left;background: none;padding-left: 10px; 
                            color: #303030;font-style: italic;  font-size: 12px;}
.search input#searchbutton {float: left;background: none;border: none;height: 40px;  width: 60px;
                                cursor: pointer;position: relative;z-index: 8; } 
                                
.giohang{float: right;margin-left: 60px;width: 110px;height: 40px; position: relative;
        background: url(../img/cart.png)no-repeat;cursor: pointer;}
.giohang p.tonggh{position: absolute; right: 0px;font-size: 14px; font-family: Arial, Helvetica, sans-serif;
                font-weight: bold; text-transform: uppercase;}
.giohang a.tongsp{float: left; position: absolute; right: 0px; color: #303030; padding-top:22px;
            width: 100%;height: 100%;text-align: right;}

.giohang ul.like_product li .detail_like_product p.old_price{
	color:#303030;margin-bottom:5px;text-decoration: line-through;font-style:italic;padding-left:0px;
	font-weight:normal;float: left;width: 100%;
}

.giohang ul.like_product{display: none;}
.giohang:hover ul.like_product{display: block;}
.giohang ul{position:absolute; top:100%; right:0; }
.giohang ul li{width:230px;border-bottom:1px dotted #cdcdcd;}
.giohang ul.like_product{width:250px;border:1px solid #ccc;border-radius:3px;box-shadow: 0 1px 2px 1px #A3A3A3;
	background:#fff;margin-top:5px;z-index: 999999;padding-top:10px;
}

.giohang ul.like_product li{float:left;margin:5px;margin-bottom:0px;padding-bottom: 5px;}

.giohang ul.like_product li img{width:50px;height:auto;float:left;border: 1px solid #ccc;
	padding:2px;	margin-right:10px;
}
.giohang ul.like_product li .detail_like_product{
    float:left;width:170px;
}
.giohang ul.like_product li .detail_like_product a h3{
	float:left;color:#303030;font-size:12px;width:100%;margin-top: 0px;margin-bottom: 3px;
}
.giohang ul.like_product li .detail_like_product a:hover h3{
    color:red;
}
.giohang ul.like_product li .detail_like_product p.news_price{
	color:red;margin-bottom:5px;font-weight:bold;padding-left:0px;float: left;width: 100%;
}
.giohang ul.like_product a h4{
	background-color: #ED3338;border: medium none;border-radius: 3px;box-shadow: 1px 1px 1px 1px #CCCCCC;
    color: #FFFFFF;cursor: pointer;float: left;font-size: 12px;    margin-bottom: 10px;
    margin-top: 10px;float:right;margin-right:10px;padding:5px;
    }
.giohang ul.like_product a:hover h4{
	background-color: #000;border: medium none;border-radius: 3px;box-shadow: 1px 1px 1px 1px #CCCCCC;
    color: #FFFFFF;cursor: pointer;float: left;font-size: 12px;    margin-bottom: 10px;
    margin-top: 10px;float:right;margin-right:10px;padding:5px;
    }	




/****************************** menu ********************************************/
#menu{float: left;width:100%; /*background: #000;*/}
.menu{width: 100%; height: 45px; border-top:2px solid #303030;}
.menu ul.nav1{height: 35px;width: 100%;list-style: none;float: left;}
.menu ul.nav1 li{float: left;height: 46px; padding: 0px 23px;}
.menu ul.nav1 li:last-child{}

.menu ul.nav1 li a{text-decoration: none;}
.menu ul.nav1 li a h2{line-height: 46px;text-transform: uppercase;color: #303030; font-size: 14px;
        font-weight: bold; font-family: time news roman;margin: 0px;
        letter-spacing: -1px; font-family:Arial, Helvetica, sans-serif; 
}
/*.menu ul.nav1 li:hover,.menu ul.nav1 li.current{background: #a4a4a4;}*/
.menu ul.nav1 li.current a h2, .menu ul.nav1 li a:hover h2{color: red;}
.menu ul li ul:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #cdcdcd transparent;
}



#menu ul.nav1 li ul{display:none;position:absolute;z-index:99999;list-style: none;border: 1px solid #cdcdcd;
	width:200px;}
#menu ul.nav1 li:hover ul{display: block;}
#menu ul.nav1 li:hover ul{background:#fff;float:left;}
#menu ul.nav1 li ul li{background:#fff!important;width:198px;padding-left:0px;padding-right:0px;
	border-bottom:1px solid #ccc; position: relative;
	height:35px!important
}
#menu ul.nav1 li ul li:hover{background: #cdcdcd;}
#menu ul.nav1 li li a h2{display:block;font-size:14px;text-transform: none; padding-left: 15px;
		color:#303030;height:35px!important;margin-left:0px;line-height: 35px;
		}
.menu ul.nav1 li li:hover a h2 {color:red!important; background: #cdcdcd;
	}
    
.menu ul li ul li ul:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    border-color: transparent transparent #cdcdcd transparent;
}
.menu ul.nav1 li ul li ul.sub3{position: absolute; left:200px;top: 0px;display: none!important;}
.menu ul.nav1 li ul li:hover ul.sub3{display:block!important;}
.menu ul.nav1 li ul li:hover ul.sub3 li{border-bottom:1px solid #ccc!important;}
.menu ul.nav1 li ul li:hover ul.sub3 li a h2{background: #fff!important;color: #303030!important;
                border-bottom:1px solid #ccc!important;}
.menu ul.nav1 li ul li ul.sub3 li a:hover h2{background: #cdcdcd!important;color: red!important;}
   
 

.selectnav {display: none;padding: 8px 20px;background: #fff;color: #303030;float: left;width: 100%;
    margin-bottom:10px; height: 40px;
    font-size: 14px;border: 1px solid #e5e5e5!important;border-radius: 3px;}
.selectnav1 {display: block;padding: 8px 20px;background: #fff;color: #303030;width: 250px;float: right;
    font-size: 14px;border: 1px solid #e5e5e5!important;border-radius: 3px;}


@media screen and (min-width:993px) and (max-width: 1200px){
    .menu ul.nav1 li{ padding: 0px 12px;}
    .menu ul.nav1 li a h2{font-size: 13px;
        font-weight: bold; }
}

@media screen and (max-width: 992px) and (min-width: 768px){
    .menu ul.nav1 li{ padding: 0px 11px;}
    .menu ul.nav1 li a h2{font-size: 12px; text-transform: none;
        font-weight: bold; }
}

@media(max-width:767px){
    .menu{display:none;}
    .selectnav{display: block;}
}

/****************************** #quangcao *******************************/
#quangcao{float: left; width: 100%;background: #fff;}
.qc1{float: left;width:100%;margin-top: 15px;}
.qc1 a img{float: left;width:100%;}
.qc2{float: left;margin-top: 15px;}
.qc2 a img{float: left;width:100%;height:220px;}
.qc2 a p{float: left;width:100%;color: #303030;font-size: 18px; font-family: time news roman;
            text-transform: uppercase; font-weight: bold; line-height: 22px; margin-top: 8px;}
.qc2 a:hover p{color: red;}
#quangcao .qc2:nth-child(4){clear: both;}
.qc1 a img:hover, .qc2 a img:hover{opacity: 0.9;}

@media screen and (min-width:993px) and (max-width: 1200px){
    .qc2 a img{float: left;width:100%;height:170px;}
    .qc2 a p{line-height: 18px;font-size: 14px;}
}


@media screen and (min-width:769px) and (max-width: 992px){
    .qc2 a img{float: left;width:100%;height:130px;}
    .qc2 a p{line-height: 18px;font-size: 14px;}
}

@media(max-width:768px){
    .qc2 a img{float: left;width:100%;height:auto;}
    .qc2 a p{line-height: 18px;font-size: 12px;}
}


/*******************************************************************/
#page1{float: left;width:100%; margin-top: 15px;}
.slide_chay{float:left;}
.default{float:left;width:100%!important;height:280px;border-top:0px solid #cdcdcd;border-bottom:1px solid #cdcdcd;
            position: relative; } 
           

.jCarouselLite{width:90%!important;margin: auto; height: 250px;margin-top:20px!important;
            /* padding-left: 56px;padding-right: 56px;*/
           }
.jCarouselLite ul{float: left;}
.jCarouselLite ul li{float:left;width:220px!important;height: 290px;}	
.jCarouselLite ul li a{float: none!important;position:relative; 
	list-style: none; display: block;}
.jCarouselLite ul li a img{width: 170px;z-index: 10;max-width:100%;height: 175px;
        float: left; margin: auto;display: block;}
.jCarouselLite ul li a h3{float: left;width:100%;text-align: center; font-size: 13px;color: #303030; text-transform: uppercase; margin-top: 10px;margin-bottom: 5px; font-family:Arial, Helvetica, sans-serif;}
.jCarouselLite ul li a:hover h3{color: red;}
.jCarouselLite ul li p{float: left;width:100%;text-align: center; font-size: 13px;color: red;
            font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase;}
  
.qc3 a img{float: left;width:100%;height:310px;}
.qc3 a img:hover{opacity: 0.9;}
          
@media screen and (min-width:993px) and (max-width: 1200px){
    .jCarouselLite{width:90%!important;margin: auto;}
}

@media screen and (min-width:769px) and (max-width: 992px){
    .jCarouselLite{width:86%!important;margin: auto;}
}

@media screen and (min-width:501px) and (max-width: 768px){
    .jCarouselLite{width:88%!important;margin: auto;}
    .qc3 a img{height:auto;}
}

@media(max-width:500px){
    .jCarouselLite{width:70%!important;margin: auto;}
    .qc3 a img{height:auto;}
}


/************************ s?n ph?m n?i b?t **************************/
#page2{float: left;width:100%;margin-top: 20px;}
.title1{float: left;width:100%;margin-top:10px;}
.title1 p{float: left;width:100%;font-size: 24px;font-family: Arial, Helvetica, sans-serif; line-height: 30px;
            text-align: center;font-weight: normal;text-transform: uppercase;}
.title1 span{float: left;width:100%;text-align: center;height: 7px;
            background: url(../img/line2.png)no-repeat bottom center;}
.title1 p.brief{float: left;width:100%;font-size: 14px;font-family: Arial, Helvetica, sans-serif; line-height: 20px;
            text-align: center;font-weight: normal; text-transform: capitalize;
            margin-top: 10px;}
.title1 h1{float: left;width:100%;font-size: 18px;font-family: time news roman; line-height: 24px;
            text-align: center;font-weight: bold;text-transform: uppercase;}

.list-sp{float:left;width:100%;}
.child-sp{float: left;margin-top: 15px;}

.child-sp .img{float:left;width:100%;height: 280px;overflow: hidden;}
.child-sp .img a img{float: left;width:100%;height: 280px;display: block;max-height: 100%;max-width:100%;}
.child-sp .img a img:hover {
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}
.child-sp .brief{float:left;width:100%;margin-top:10px;padding-bottom: 10px;position: relative;}
.child-sp .brief a h3{float: left;width:100%;font-size: 14px;text-transform: uppercase;font-weight: bold;
                color: #303030; font-family: Arial, Helvetica, sans-serif;margin: 0px;line-height: 20px; margin-bottom:10px; font-weight:normal;}
.child-sp .brief a:hover h3{color: red;}
.child-sp .brief p.text{float: left;width:100%;font-size: 13px;font-family: Arial, Helvetica, sans-serif;
            line-height: 20px; margin-bottom: 0px; color:#666;}
.child-sp .brief p.giaban{float: left;font-size: 14px;margin-top:5px;font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 0px;font-weight: bold;color:red; text-transform:uppercase; width:100%;}
.child-sp .brief p.giacu{float: left;font-size: 12px;margin-top:5px;font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 0px; text-decoration: line-through; font-style: italic; color:#666; text-transform:uppercase; width:100%;}

.child-sp .brief .cart1{position: absolute;right: 0px;top:20px;
            background: url(../img/cart1.jpg)no-repeat;width:34px;height:34px;}
.child-sp .brief .cart1:hover{ background: url(../img/cart2.jpg)no-repeat;}

.child-sp:hover .brief a h3{color: red;}
.child-sp:hover .brief .cart1{ background: url(../img/cart2.jpg)no-repeat;}

.list-sp .child-sp:nth-child(5),.list-sp .child-sp:nth-child(9),.list-sp .child-sp:nth-child(13),
.list-sp .child-sp:nth-child(17){clear: both;}

@media screen and (min-width:993px) and (max-width: 1200px){
    .child-sp .img{height: 330px;}
    .list-sp .child-sp:nth-child(5),.list-sp .child-sp:nth-child(9){clear: both;}
}

@media screen and (min-width:769px) and (max-width: 992px){
    .child-sp .img{height: 245px;}
    .list-sp .child-sp:nth-child(5),.list-sp .child-sp:nth-child(9){clear: both;}
    
    .child-sp .brief a h3{font-size: 12px;line-height: 18px;}
    .child-sp .brief p.text{font-size: 11px;line-height: 16px;}
    .child-sp .brief p.gia{font-size: 12px;}
}
.anh_spmb,.moblie_12{
	display:none;
}
.menucon_mb{
	    font-size: 12px;
    padding-left: 10px;
    margin-top: 0px;
}
@media(max-width:768px){
	.moblie_12{
	display:block;
}
.anh_spmb{
	width: 100%;
    display: block;
    border: 1px solid #cdcdcd;
    padding: 5px;
}
.zoomWrapper,.zoom-left{
	display:none;
}
	.next1{
		display:none;
	}
    .search{display:none;}
    #header{height: auto;padding-bottom: 10px;}
    .giohang{
		width:100%;
    height:36px;
    /* border: 1px solid #cdcdcd; */
    border-radius: 5px;
    background: url(../img/cart1.png)no-repeat right 75px top 8px;
    margin-top:2px!important;
    }
    .giohang p.tonggh{right:10px;display: none;}
    .giohang a.tongsp{right: 0px;padding-top: 0px;line-height: 36px;}
	#top .col-xs-6 {
    width: 50% !important;
}
}


@media (max-width: 767px){
    .child-sp .img{height: auto;}
    .child-sp .img a img{min-height:0px;height:auto;}
    .list-sp .child-sp:nth-child(3),.list-sp .child-sp:nth-child(5),.list-sp .child-sp:nth-child(7),
    .list-sp .child-sp:nth-child(9),.list-sp .child-sp:nth-child(11),
    .list-sp .child-sp:nth-child(13),.list-sp .child-sp:nth-child(15),
    .list-sp .child-sp:nth-child(17),.list-sp .child-sp:nth-child(19){clear: both;}
    
    .child-sp .brief a h3{font-size: 12px;line-height: 18px;}
    .child-sp .brief p.text{font-size: 12px;line-height: 18px;}
    .child-sp .brief p.gia{font-size: 12px;}
	.hien_cart{ display:none!important;}
	.an_cart{ display:block!important;}
	.right-header{ display:none!important;}
	/*.slide_chay,.album_videos{display:none!important;}*/
	.nav_mobile{ display:block!important;}
	.dk-email{ width:50%!important; margin-top:20px;}
	.page-face{ width:50%!important; margin-top:20px;}
	.preview, .wizard-settings{ min-height:555px!important;}
	.info-sanpham p.giaban{ margin-top:0px!important;}
	.phone-sp{ margin-left:20px!important;}
	.ty-mota{ padding-bottom:0px!important;}
	.ft-fix{ display:block!important;}
	#newsletter-submit-btn{ display:none!important;}
	#wowslider-container1{
		height:200px !important;
	}
	#wowslider-container1 img{
		height:200px !important;
	}
	
}

@media (max-width: 500px){
    .child-sp .brief p.text{font-size: 11px;line-height: 14px;}
}
@media (max-width: 400px){
	.dk-email{ width:100%!important; margin-top:20px;}
	.page-face{ width:100%!important; margin-top:20px;}
	.preview, .wizard-settings{ min-height:285px!important;}
	.phone-sp{ margin-left:20px!important;}
}

@media (max-width: 350px){
    .child-sp .brief p.text{font-size: 11px;line-height: 14px;}
	.col-xs-6{ width:100%; border-bottom:1px solid #eee;}
	.dk-email{ width:100%!important; margin-top:20px;}
	.page-face{ width:100%!important; margin-top:20px;}
	.dk-email form input[type=email]{ width:190px!important;}
	.logo a img{ width:130px!important;}
	.giohang{margin-left:25px!important;margin-top: 5px!important;}
	
}




/******************************* #page3 ****************************/
#page3{float: left;width:100%;background: #fff;margin-top:20px;}

.list-news{float: left;width:100%;}
.child-news{float: left;margin-top:20px;margin-bottom:20px;}
.child-news .box{float: left;border: 1px solid #e8e8e8;padding-bottom: 10px;}
.child-news .box .img{margin: 20px;height: 215px;width:calc(100% - 40px);overflow: hidden;}
.child-news .box .img a img{float: left;width:100%;height: 100%;display: block;max-height: 100%;max-width:100%;}
.child-news .box .img a img:hover {
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}
.child-news .box .brief{border-top:1px solid #e8e8e8;padding: 20px;width:100%;}
.child-news .box .brief a h3{float: left;width:100%; font-size: 14px;color: #303030;text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 0px;line-height: 20px;}

.child-news .box .brief a:hover h3{color: red;}
.child-news .box .brief p{float: left;width:100%; font-size: 13px;color: #333;font-family: Arial, Helvetica, sans-serif;
            margin-top: 8px;line-height: 18px; text-align:justify;}
.child-news .box .brief a.link{float: right;text-align: right; width:100%; font-size: 13px;color: red;
                font-family: Arial, Helvetica, sans-serif;}
.child-news .box .brief a.link:hover{text-decoration: underline;}

.list-news .child-news:hover .box{border: 1px solid #303030;}
.list-news .child-news:hover .brief{border-top: 1px solid #303030;}
.list-news .child-news:hover .brief a h3{color: red;}


    
@media screen and (min-width:993px) and (max-width: 1200px){
    .child-news .box .img{height: 160px;}
}

@media screen and (min-width:769px) and (max-width: 992px){
    .child-news .box .img{height: 115px;}
    
}

@media (min-width: 769px){
    .list-news .child-news{float:left;}
    .list-news .child-news:nth-child(4),.list-news .child-news:nth-child(7),
    .list-news .child-news:nth-child(10),.list-news .child-news:nth-child(13){
        clear:both;
    }
    
}
@media (max-width: 768px){
    .child-news .box .img{height: 130px;}
    .list-news .child-news:nth-child(3),.list-news .child-news:nth-child(5),
    .list-news .child-news:nth-child(7),.list-news .child-news:nth-child(9),
    .list-news .child-news:nth-child(11),.list-news .child-news:nth-child(13),
    .list-news .child-news:nth-child(15),.list-news .child-news:nth-child(17){
        clear:both;
    }
    
}

@media (max-width: 500px){
    .child-news{width:100%;}
    .child-news .box .img{height: auto;}
    .child-news .box .img a img{height: auto;}
}

/************************ footer *************************/
#footer{float: left;width:100%;  padding: 40px 0px 10px 0px;
            background: url(../img/bg-footer.png)repeat-x top left;
            background-color: #f3f3f5;}

p.title2{float: left;width:100%;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;margin: 0px!important;}
.dk-email form{float: left;width:352px;max-width:100%;height:40px;margin-top: 20px;
        /*background: url(../img/email.png)no-repeat;*/}
.dk-email form input[type=email]{
    float: left;width:220px;border: 1px solid #cdcdcd;height:40px; line-height: 40px;color: #303030;
    padding-left: 8px;background: #fff; border-radius: 5px; margin-right: 5px;
}
.dk-email form input[type=submit]{
    float: left;width:calc(100% - 228px);height:40px;border: none; cursor: pointer;
     color: #fff;text-transform: uppercase;font-family: time news roman; font-size: 14px;
    line-height: 40px;font-weight: bold; min-width:55px;
    padding: 0px;margin: 0px!important;border-radius: 5px;
    background: #F00;
}
.dk-email p{float: left;width:100%;font-size: 14px; font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}

.link-footer{}
.link-footer li{float: left;width:100%;margin-top:10px;}
.link-footer li a{float: left;width:100%;font-size: 14px; font-family: time news roman;color: #303030;
                line-height: 18px;margin-top:8px;}
.link-footer li a:hover{color: red;text-decoration: none;}
.page-face img, .page-face iframe{margin-top:20px; width:300px;max-width:100%!important;}

.diachi h4{float: left;width:100%;font-size: 14px; font-family: Arial, Helvetica, sans-serif;color: #303030;
            line-height: 22px;text-transform: uppercase;font-weight: bold;
            margin-bottom: 10px;}

.diachi p{float: left;width:100%;font-size: 14px; font-family: Arial, Helvetica, sans-serif;color: #303030;
            line-height: 18px;margin-top: 5px;margin-bottom: 0px;}


/********************************* trang san pham ******************************/
#linkdan{float: left;width:100%;height: 50px;background: #f3f3f3;padding-left: 20px;}
#linkdan a{float: left;line-height: 20px;padding-top: 15px;color: #808080;font-size: 14px;
            font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;
            font-weight: bold;margin-right: 8px;}
#linkdan a:hover{color: #303030; text-decoration: none;}

@media(max-width:768px){
    #linkdan{height:auto;padding-bottom: 8px;}
    #linkdan a{padding-top: 8px;}
}



.san-pham{float:left;width:100%;margin-top:20px;}
.left-sp{float: left;width:275px;margin-right:25px;}
.khung1{float:left;width:100%;margin-bottom: 15px;}
.title3{float: left;height:50px; width:100%;border-bottom: 1px solid #808080;overflow: hidden;}
.title3 p, .title3 a{float: left;line-height: 45px;border-bottom: 5px solid #cdcdcd; font-weight: normal;
        font-size: 18px;color: #303030;text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;}
.title3 a:hover{color: red;}

.box1{float: left;width:100%;margin-top:15px;}
.box1 ul.sidebar{float: left;width:100%;}
.box1 ul.sidebar li{float: left;width:100%;border-bottom: 1px solid #f3f3f3;padding-top: 10px;
            padding-bottom: 10px;}
.box1 ul.sidebar li a{float: left;width:100%;text-decoration: none;
            }
.box1 ul.sidebar li a h2{font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #303030;
            line-height: 20px; text-indent: 15px;margin: 0px;}

.box1 ul.sidebar li a:hover h2,.box1 ul.sidebar li a.current h2{color: red;text-decoration: none;}

.box1 ul.hot{float: left;width:100%;}
.box1 ul.hot li{float: left;width:100%;margin-top: 10px;padding-bottom: 10px;
            border-bottom: 1px solid #cdcdcd;}
.box1 ul.hot li a img{float: left;width:85px;height:60px;margin-right: 10px;}
.box1 ul.hot li .text{float: left;width:180px;}
.box1 ul.hot li .text a h3{float:left;width:100%;font-size:14px;color: #303030;font-family: time news roman;
                margin: 0px;line-height: 17px;font-weight: normal;}
.box1 ul.hot li .text a:hover h3{color: red;}
.box1 ul.hot li .text p{float:left;width:100%;color: #828181;font-size:14px;font-family: time news roman;
            margin-top: 0px;margin-bottom: 0px;}

/************************************** right-sp *************************/
.right-sp{width: 100%;padding-left:300px;}
.banner{float: left;width:100%;max-height: 300px;margin-top:15px;}
.banner a img{float: left;width:100%;height: auto;max-height:100%;}

@media(max-width:768px){
    .left-sp{display:none;}
    .right-sp{float: left;width:100%;padding-left:0px;}
}

.list-sp2{float:left;padding-bottom: 20px;margin-left: -15px;margin-right:-15px;}
.child-sp2{float: left;margin-top: 15px;}

.child-sp2 .img{float:left;width:100%;overflow: hidden;height:290px;}
.child-sp2 .img a img{float: left;width:100%;height: 100%;display: block;max-height: 100%;max-width:100%;}
.child-sp2 .img a img:hover {
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}
.child-sp2 .brief{float:left;width:100%;margin-top:10px;padding-bottom: 10px;position: relative;}
.child-sp2 .brief a h3{float: left;width:100%;font-size: 14px;text-transform: uppercase;font-weight: normal;
                color: #303030; font-family: Arial, Helvetica, sans-serif;margin: 0px;line-height: 20px; margin-bottom:10px;}
.child-sp2 .brief a:hover h3{color: red;}
.child-sp2 .brief p.text{float: left;width:100%;font-size: 14px;font-family: Arial, Helvetica, sans-serif;
            line-height: 20px; margin-bottom: 0px; color:#666;}
.child-sp2 .brief p.giaban{float: left;font-size: 14px;margin-top:5px;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;  margin-bottom: 0px;font-weight: bold;color:red; width:100%;}
.child-sp2 .brief p.giacu{float: right;font-size: 12px;margin-top:5px;font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 0px;text-decoration: line-through; text-transform:uppercase; width:100%; font-style:italic;}

.child-sp2 .brief .cart1{position: absolute;right: 0px;top:20px;
            background: url(../img/cart1.jpg)no-repeat;width:34px;height:34px;}
.child-sp2 .brief .cart1:hover{ background: url(../img/cart2.jpg)no-repeat;}

.child-sp2:hover .brief a h3{color: red;}
.child-sp2:hover .brief .cart1{ background: url(../img/cart2.jpg)no-repeat;} 

@media(min-width:993px){
    
    .list-sp2 .child-sp2:nth-child(4),.list-sp2 .child-sp2:nth-child(7),
    .list-sp2 .child-sp2:nth-child(10),.list-sp2 .child-sp2:nth-child(13),
    .list-sp2 .child-sp2:nth-child(16),.list-sp2 .child-sp2:nth-child(19){clear: both;}
}
@media screen and (min-width:993px) and (max-width: 1200px){
    .child-sp2 .img{height: 300px;}
    .list-sp2 .child-sp2:nth-child(4),.list-sp2 .child-sp2:nth-child(7),
    .list-sp2 .child-sp2:nth-child(10),.list-sp2 .child-sp2:nth-child(13),
    .list-sp2 .child-sp2:nth-child(16),.list-sp2 .child-sp2:nth-child(19){clear: both;}
}

@media screen and (min-width:769px) and (max-width: 992px){
    .child-sp2 .img{height: 300px;}
    .list-sp2 .child-sp2:nth-child(3),.list-sp2 .child-sp2:nth-child(5),.list-sp2 .child-sp2:nth-child(7),
    .list-sp2 .child-sp2:nth-child(9),.list-sp2 .child-sp2:nth-child(11),
    .list-sp2 .child-sp2:nth-child(13),.list-sp2 .child-sp2:nth-child(15),
    .list-sp2 .child-sp2:nth-child(17),.list-sp2 .child-sp2:nth-child(19){clear: both;}
    
    .child-sp2 .brief a h3{font-size: 12px;line-height: 18px;}
    .child-sp2 .brief p.text{font-size: 11px;line-height: 16px;}
    .child-sp2 .brief p.gia{font-size: 12px;}
}

@media (max-width: 768px){
    .child-sp2 .img{height: auto;}
    .child-sp2 .img a img{height: auto;}
    .list-sp2 .child-sp2:nth-child(3),.list-sp2 .child-sp2:nth-child(5),.list-sp2 .child-sp2:nth-child(7),
    .list-sp2 .child-sp2:nth-child(9),.list-sp2 .child-sp2:nth-child(11),
    .list-sp2 .child-sp2:nth-child(13),.list-sp2 .child-sp2:nth-child(15),
    .list-sp2 .child-sp2:nth-child(17),.list-sp2 .child-sp2:nth-child(19){clear: both;}
    
    .child-sp2 .brief a h3{font-size: 12px;line-height: 18px;}
    .child-sp2 .brief p.text{font-size: 12px;line-height: 18px;}
    .child-sp2 .brief p.gia{font-size: 12px;}
	#top .lang{ display:none;}
	.logo a img{ width:180px;}
}

@media (max-width: 500px){
    .child-sp2 .brief p.text{font-size: 11px;line-height: 14px;}
}

/**************** ph?n trang *******************/
.page1{width:100%;text-align:right;float:left;margin-top: 10px; padding-bottom: 30px;}
.page1 ul{margin-top:10px;float: right;}
.page1 ul li{float:left;margin-right:5px;list-style:none}
.page1 ul li a{color:#303030!important;font-size:14px;text-decoration:none;
                background: #ECE9E9; padding:6px 10px ;border-radius: 3px;}
.page1 ul li a.current{color:#fff!important;background:red;
    text-decoration:none;}

/************************* chi tiet bai viet ****************************/
.chitiettin{float: left;width:100%;}
.chitiettin p.extract{float: left;width: 100%;text-align: justify;font-size: 18px;
    font-family: time news roman;margin-top: 20px;}
.chitiettin p.date{float: left;width: 100%;font-style: italic;font-size: 12px;}

.chitiettin .chitiet1{float: left;width: 100%;line-height: 20px;padding: 20px 0px;}
.chitiettin .chitiet1 img, .chitiettin .chitiet1 table, .chitiettin .chitiet1 iframe{
        max-width:100%!important;height:auto!important;
}
/************************* he thong ****************************/
ul.he-thong{float: left;width: 100%;margin-top: 20px;background: url("../img/map.png")top right no-repeat;}
ul.he-thong li{float: left;width: 780px;border-bottom: 1px dashed #CDCDCD;margin-top: 20px; padding-bottom:20px;
            position: relative;}
ul.he-thong li img{float: left;width: 200px;height: auto;
    box-shadow: 0 0 3px #777;
    height: 125px;}
ul.he-thong li div{float: left;width: 580px;}

ul.he-thong li p.name{float: left;padding: 0px 20px; font-size: 24px;font-weight: normal;margin: 0px;color: #212123;
        font-family: avo; text-shadow: 0 1px 0 white, 0 2px 0 #ddd;clear: both;}
ul.he-thong li p.address{float: left;padding: 10px 20px; font-size: 14px;font-weight: 500;clear: both;
         margin: 0px;color: #212123;}
ul.he-thong li p.tel{float: left;clear: both; padding: 0px 20px 20px 20px; font-size: 14px;font-weight: bold;margin: 0px;}

ul.he-thong li p a.xemchitiet{position: absolute;right: 0px;bottom: 20px;width: 97px;height: 26px;
            background: url(../img/view-detail1.png);}
ul.he-thong li p a.xemchitiet:hover{background: url(../img/view-detail.png);}
ul.he-thong li p.name{float: left;padding: 0px 20px; font-size: 24px;font-weight: normal;margin: 0px;color: #212123;
        font-family: avo; text-shadow: 0 1px 0 white, 0 2px 0 #ddd;clear: both;}
ul.he-thong li p.address{float: left;padding: 10px 20px; font-size: 14px;font-weight: 500;clear: both;
         margin: 0px;color: #212123;}
ul.he-thong li p.tel{float: left;clear: both; padding: 0px 20px 20px 20px; font-size: 14px;font-weight: bold;margin: 0px;}
ul.he-thong li p a.xemchitiet{position: absolute;right: 0px;bottom: 20px;width: 97px;height: 26px;
            background: url(../img/view-detail1.png);color: #fff; text-decoration: none;
            background: #FC5858;line-height: 26px;text-align: center;}
ul.he-thong li p a.xemchitiet:hover{background: url(../img/view-detail.png);background: #000;}
.maps-bootm{float:left;width: 55%;height: 30px;
    background: url("../images/maps-bootm.jpg")no-repeat top center;
    }

.left-popup{float: left;width:400px;}
p.nameshowroom{color: #151112;text-transform: capitalize;border-bottom: 2px solid #EBEBED;
    font-size: 26px;padding-bottom: 5px;    text-shadow: 0 1px 0 white, 0 2px 0 #ddd;}
p.addressshowroom img, p.telshowroom img{padding-right: 10px;}
p.addressshowroom, p.telshowroom{color: #151112;font-size: 14px;}
p.telshowroom{margin-bottom:25px;}
.maps-popup{float: left;width: 500px;margin-left: 20px;background: #D2CFCF;border-radius: 12px;}
.maps-popup iframe{width:500px!important;max-width: 500px!important;height: 450px!important;padding: 15px;
            border-radius: 10px!important;}
    
.center_provicen{width: 250px;
    padding: 6px;
    background: #93cede;
    float: left;
    margin-top: 20px;
    
}
.center_provicen p{float: left;color: #fff;text-transform: uppercase;width:100%; padding-top:10px;
            font-family:arial;font-size: 16px;}
.center_provicen select{float: left;width: 100%;padding: 8px 0px;font-size: 14px;}            
.center_provicen select option{float: left;font-size: 14px;}      

@media(max-width:900px){
    ul.he-thong li{width:90%!important;}
    ul.he-thong li img{width:25%!important;}
    ul.he-thong li div{width:65%!important;}
    
    li.products-child span.icon-car{bottom:3px;}
}

@media(max-width:768px){
    ul.he-thong{float: left;width: 100%;margin-top: 20px;background: none;}
    ul.he-thong li{float: left;width: 100%!important;border: 1px solid #CDCDCD;background: #f5f5f5;margin-top: 20px;
                padding: 12px;}
    ul.he-thong li img{float: left;width: 100%;}
    ul.he-thong li p.name{float: left;padding: 10px 20px;width: 100%; font-size: 18px;font-weight: bold;margin: 0px;}
    ul.he-thong li p.tel, ul.he-thong li p.address {float: left;padding: 0px 20px 20px 20px;width: 100%;
             font-size: 12px;font-weight: bold;margin: 0px;}
    ul.he-thong li p a.xemchitiet{right: 10px;}
}

@media(max-width:500px){
    
    ul.he-thong{float: left;width: 100%;margin-top: 20px;background: none;}
    ul.he-thong li{float: left;width: 100%!important;border: 1px solid #CDCDCD;background: #f5f5f5;margin-top: 20px;}
    ul.he-thong li img{float: left;width: 100%!important;max-width:100%!important}
    ul.he-thong li div{width:100%!important}
    ul.he-thong li p.name{float: left;padding: 10px 0px;width: 100%; font-size: 16px;font-weight: bold;margin: 0px;}
    ul.he-thong li p.tel,ul.he-thong li p.address {float: left;padding: 0px 0px 20px 0px;
        width: 100%; font-size: 12px;font-weight: bold;margin: 0px;}
    .maps-bootm{float:left;width: 98%;height: 30px;
        background: url("../images/maps-bootm.jpg")no-repeat top center;}
 
}

/************************************* trang album **************************************/
.left-album{float: left;width: 240px;margin-right: 25px;margin-top:100px;}
.left-album li{float:left;width:100%;border-bottom: 1px solid #ddd;}
.left-album li a{float: left;width:100%;line-height: 20px;text-indent: 0px;font-size:14px;
            font-family: time news roman;color: #887D7D;padding: 12px 0px;font-weight: bold;
            text-decoration: none;}
.left-album li a:hover,.left-album li a.active{color: red;}

.albums{width:100%;padding-left:265px;}
.albums2{float: left;margin-left: -15px;margin-right: -15px;padding-bottom: 30px;}
.albums .child-album{float: left;margin-top: 15px;margin-bottom:10px;}
.albums .child-album .img{float: left;width:100%;height:300px;}
.albums .child-album .img img{float: left;width:100%;height:100%;
            border: 1px solid #cdcdcd;padding: 4px;}
.albums .child-album .img img:hover{opacity: 0.8;}

.albums .child-album a h3{float: left;width:100%;margin-top: 10px;margin-bottom: 0px; text-align: center;
            font-size: 14px;font-family: time news roman;line-height: 18px;color: #303030;}
.albums .child-album:hover h3{color: red;}

.albums .child-album:nth-child(6),.albums .child-album:nth-child(10),
.albums .child-album:nth-child(14),.albums .child-album:nth-child(18){
        clear: both;
    }

@media screen and (min-width:993px) and (max-width: 1200px){
    .albums .child-album .img{height:205px;}
    
}

@media screen and (min-width:769px) and (max-width: 992px){
    
    .albums .child-album .img{height:125px;}
}

@media(max-width:768px){
    .left-album{display:none;}
    .albums{width:100%;padding-left:0px;}
    .albums .child-album .img{height:auto;}
}


/*************************** chi tiet san pham *********************************/
.info-sanpham{float: left;margin-top: 20px;}
.info-sanpham h1{float: left;width:100%;font-size: 22px;font-family: Arial, Helvetica, sans-serif; font-weight: normal;
        text-transform: uppercase; line-height: 44px;margin: 0px;color: #303030;}
.info-sanpham p.giaban{float: left;width:100%;font-size: 25px;font-family: Arial, Helvetica, sans-serif;
            line-height: 38px;margin-top:20px;color:red;
            padding-bottom: 18px;border-bottom: 1px solid #cdcdcd;}
.info-sanpham span.giacu{float: left;width:100%;font-size: 18px;font-family: time news roman;
            line-height: 24px;margin-top:12px;color: #303030; text-decoration: line-through;
            font-style: italic;}
            
.ty-color {float: left;width: 100%;margin-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #cdcdcd;}
.ty-color label {float: left;width: 100px;font-weight: bold;font-size: 14px;font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;}
.ty-color li.chonmau {float: left;width: 38px;height: 20px;opacity: 1;
    margin-right: 5px;position: relative;margin-bottom: 3px; border: 1px solid #303030;
    background-size: cover!important;
}

.ty-color input[type=radio] {float: left;width: 34px;height: 20px; position: relative;
    margin: 0px; border: none;box-shadow: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
   /* cursor: pointer;*/opacity: 0;
}
.ty-color input[type=radio]:checked, .ty-color input[type=radio]:focus,{
    -moz-appearance: none!important; border: none;
    appearance: none!important;box-shadow: none!important;display: block;
}
.ty-color input[type=radio] ~ span {
     /*background: url(../img/tick.png)right bottom no-repeat; */
    width: 38px;height: 20px;display: none;
    right: 0px;bottom: 0px; cursor: pointer; position: absolute;
}
.ty-color input[type=radio]:checked ~ span{
    display: block;
}

/**************** ch?n size ******************/
.ty-size {float: left;width: 100%;margin-top:20px;}
.ty-size label {float: left;width: 100px;font-weight: bold;font-size: 14px;font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;}
.ty-size select {padding: 4px 3px 3px;height: 32px;width: 56px; margin-top: -5px;}

.ty-size li.chonsize,.ty-size li.show1,.ty-size li.hide1 {float: left;width: 36px;line-height: 26px;text-align: center;
    margin-right: 5px;position: relative;border: 1px solid #cdcdcd;
}
.ty-size li.show1{border: 1px solid red;}

.ty-size input[type=radio] {float: left;width: 36px;height: 26px; position: relative;
    margin: 0px; border: none;box-shadow: none!important;border: 1px solid #cdcdcd; margin-top: -26px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    cursor: pointer; opacity: 0;
}
.ty-size input[type=radio]:checked, .ty-size input[type=radio]:focus,{
    -moz-appearance: none!important; border: none;
    appearance: none!important;box-shadow: none!important;
}
.ty-size input[type=radio] ~ span {
    width: 36px;height: 28px;position: absolute; left: -1px;bottom:-1px;
    border: 1px solid #303030; cursor: pointer; line-height: 26px;text-align: center;
    display: none;
}
.ty-size input[type=radio]:checked ~ span{
    border: 1px solid red;display: block;
}


.ty-size .show2{float: left;width:100%;background: #f3f3f3;padding: 15px;margin-top:20px;border: 1px solid #cdcdcd;
            font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
.ty-size .hide2{display: none;}
            
/*********************************************************/
.ty-qty {float: left;width: 100%;margin-top:20px;border-bottom: 1px solid #cdcdcd;
    padding-bottom: 20px;}
.ty-qty label {float: left;width: 100px;font-weight: bold;font-size: 14px;font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;}

.ty-value-changer {float: left;width: 60px;margin-right: 5px;text-align: center;
    position: relative;margin-top: -5px;
}

/*********************************************************/
.ty-mota {float: left;width: 100%;margin-top:10px;border-bottom: 1px solid #cdcdcd;
    padding-bottom: 20px;}
.ty-mota label {float: left;width: 100%;font-weight: bold;font-size: 14px;font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;}

.ty-mota .mota {float: left;width: 100%; font-size: 14px;
        line-height: 20px;font-family: Arial, Helvetica, sans-serif;
}
/********************************************************************/
.phone-sp{float: left;margin-top:17px;margin-left:40px; padding-left: 52px;
            background: url(../img/ico-phone.png)no-repeat left top;}
.phone-sp label{color: #808080;font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
                margin-bottom: 0px;}
.phone-sp p{color: red;font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
            margin-bottom: 0px;}

/*****************************************************/
.cactab{float: left;width:100%;margin-top:50px;}
ul#tabsp{float: left;width:100%;margin: 0px;}
ul#tabsp li{float: left;margin-right: 3px;}
ul#tabsp li h2{padding: 10px 15px; cursor: pointer;margin: 0px;}
ul#tabsp li h2.show1{float: left;font-size: 14px;font-family: time news roman;color: #fff;
            font-weight:bold;background: #303030;border:1px solid #303030;border-bottom: none;}
ul#tabsp li h2.hide1{float: left;font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #303030;
            background: #f2f2f2;border:1px solid #cdcdcd;border-bottom: none;}

.cactab .hide2{display: none;}
.cactab .show2{display: block;float: left;width:100%;border: 1px solid #cdcdcd;padding: 15px;
            font-size: 14px;font-family: time news roman;}



/************* gi? h?ng **************/
.main_content_center{width:100%;margin-top: 20px;border: 1px solid #cdcdcd;float: left;}
.product_title{width:100%;height:33px; float:left; background: #f5f5f5;
    border-bottom: 1px solid #CDCDCD;
}
.product_title a{
    text-transform:uppercase;line-height: 33px;padding-left: 10px;color: #303030;font-weight: bold;
}
.product_title a:hover{color:red;}
.shop_detail_1{width:100%;float: left;}

/*--------giohang-------*/
.gh-cart{ overflow: hidden;padding: 10px 20px;width: 100%;}
.info-tv{
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 10px 20px;
    /*background-color:#eee;*/
}
.gh-cart h2 {font-size: 20px;margin-bottom: 20px;margin-top:20px;font-size:15px;color:#D60303; width:140px;
    float:left;}
.gh-cart form {width: 100%;}
.gh-cart h3,.info-tv h3 {
    color: #303030;
    font-size: 18px;
    margin: 40px 0px 35px 60px;
     font-weight:bold;
    text-transform: uppercase;font-family: time new roman;
}

.gh-cart h4{
    background: none repeat scroll 0 0 #D60303;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #CCCCCC;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: -10px 0 0 15px;
    padding: 5px;
    position: relative;
}
.info-tv h3{
    margin-bottom: 20px;
}
.tongtien {
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    margin-left:15px;
    margin-right: 15px;
}
.tongtien p, .tongtien p span, .tongtien p strong{font-size: 24px; font-family: time new roman;}
.gh-cart form p {
    background: url("../img/khoa.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 20px;
    margin-top: 7px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.tongtien span {
    color: red;
}
.gh-cart form label {
    display: block;
    font-size: 16px;
    margin-bottom: 0px;
    color:#303030;
    margin-left:60px;
    font-family: time new roman;
}
.gh-cart form input[type="text"],.gh-cart form input[type="password"] {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height: 30px;
    margin-bottom: 10px;
    width: 500px;
    margin-top:10px;
    margin-left:60px;
    padding-left:10px;
}
.gh-cart form textarea {border: 1px solid #CCCCCC; height: 100px;margin-bottom: 15px; width: 500px;
    margin-top:10px; font-size:12px;margin-left: 62px;
}
.gh-cart form input[type="submit"],.info-tv form input[type="submit"]{
    border: 1px solid #CDCDCD; background:#303030;
    float: right;
    height: 32px;
    margin-bottom: 10px;
    margin-left: 9px;
    margin-top: 10px;
    color: #FFFFFF;
    min-width: 180px;
    font-size:16px; font-family: time news roman;
}
.submit {
    background-color: #D60303;
    border: 1px solid #f0005e;
    border-radius: 4px 4px 4px 4px;
    color: white;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 33px;
    width: 61px;
}

.gh-cart form select {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 30px;
    margin-bottom: 15px;
    width: 500px;
    margin-left:60px;
    float:left;
    font-size:12px;
    margin-top:10px;
}
.gh-cart form select option{
    color:#303030;
    font-size:12px;
    padding-left:5px;
}

.info-kh{
    width: 100%;
    margin-top: 10px;
    float:left;
    border:1px solid #cdcdcd;
    padding-bottom:15px;
    
}
.info-kh img{
    text-align:center;
    float:left;
    margin-left:120px;
}
#avata{
    width:25px;height: 17px;border: 1px solid #ccc;float: left;margin-right: 5px;
}
.pay_bill{background:#303030;border: 1px solid #CDCDCD;
    float: right;height: 31px; margin-bottom: 10px;margin-left: 9px;margin-top:20px;
}
.pay_bill a{/*background: url("../img/icon15.png") no-repeat scroll 5px 7px rgba(0, 0, 0, 0) !important;*/
    float: left; line-height: 31px;padding-right: 20px;padding-left: 20px;font-weight:bold;color:#fff;
}
.pay_bill:hover{
    background:#9F9FA1;
}
.add_product{background: none repeat scroll 0 0 #F7F7F7;border: 1px solid #CDCDCD;float: right;
    height: 30px;margin-bottom: 10px;margin-left: 9px;margin-top:10px;
}
.add_product a{
    float: left;line-height: 30px;padding-left: 15px;padding-right: 15px;font-weight:bold;color: #303030;
}

.add_product1{
    background: none repeat scroll 0 0 #D60303;
    border: 1px solid #CDCDCD;
    float: right;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 9px;
    width: 180px;
    margin-top:10px;
}
.add_product1 a{
    float: left;
    line-height: 30px;
    margin-left: 5px;
    padding-left: 30px;
    font-weight:bold;
    color:#fff;
}
.add_product a:hover{
    color:#A80101;
}
.gh-cart table{border: 1px solid #CDCDCD;}
.gh-cart table tr{
    border-bottom: 1px solid #cdcdcd;width: 100%;
}

.gh-cart table tr.first{background: #f5f5f5;font-size: 15px;font-weight: bold;}

.gh-cart table tr td a:hover strong{
    color:#A80101!important;
}
.gh-cart table tr.first td{
    
    font-weight:bold;
    font-size:14px;
}
.gh-cart table tr td{color:#303030; padding: 10px 5px;text-align: center; font-weight:normal;}


#bttop {
    text-align: center;
    padding: 15px 15px;
    position: fixed;
    bottom: 200px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    font-weight: bold;
    z-index: 10000;
    background: #000;
    border-radius: 40px;
}
#bttop:hover{
	background: #111;
} 

.an48{
	display:none
}
.an_cate{
	display:none
}
.an_cate ul li{
	
}
.an_cate ul li a{
	padding: 0px 20px;
    text-transform: capitalize !important;
}
.an_cate ul li a:hover {
    color: #000;
    background: none;
    text-decoration: none;
    font-weight: 600;
}
.an_cate ul li h3{
	font-size: 14px;
    margin: 0px;
    padding: 10px 0px;
}
.dropdown-menu{
	left: auto;
    right: 0px;
    top: 34px;
}
.img_cate{
	float:right !important
}
.search1{
	border:1px solid #bdbdbd;
	height: 40px;
	width:100%;
}
.search1 input#key {
    border: none;
    height: 38px;
    width: 89%;
    float: left;
    background: #fff;
    padding-left: 10px;
    color: #303030;
    font-style: italic;
    font-size: 12px;
}
.search1 input#searchbutton {
    float: left;
    background: url(../img/bg_find.png) #bdbdbd no-repeat center center;
    border: none;
    height: 38px;
    width: 11%;
    cursor: pointer;
    position: relative;
    z-index: 8;
}
@media(max-width:768px){
     .nguyetdjsb{overflow-x: scroll;width: 100%;}
    .main_content_center{width: 700px;}
    .info-kh{margin-left:0px;}
    .gh-cart form input[type="submit"], .info-tv form input[type="submit"]{
        float: left;
    }
	.an48{
		display:block !important;margin: auto;
    float: none;
    display: block !important;
    margin-bottom: 10px;
	}
	.an_cate{
		display:block !important;
	}
}

@media(max-width:500px){
     .nguyetdjsb{overflow-x: scroll;width: 100%;}
    .main_content_center{width: 700px;}
    .info-kh{margin-left:0px;}
    .gh-cart form label{margin-left:15px;}
    .gh-cart form input[type="text"], .gh-cart form input[type="password"],.gh-cart form textarea{
        margin-left:15px;
        max-width:270px!important;
    }
	.search1 input#key {
   
    width: 84%;
   
}
.search1 input#searchbutton {
    
    width: 16%;
    
}
.img_cate img{
	    width: 15px;
}
}

input.dathang {
    float: left;
    color: #303030;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #808080;
    background: #f3f3f3;
    padding: 8px 35px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.gio_hang{
	float: right;
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
    text-align: center;
    width: 90px;
    margin: 0px auto;
    border: 1px solid #666;
    line-height: 28px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
	background:red;
	}

	a:hover{
		text-decoration:none
	}
.child-sp:hover,.child-sp2:hover{
	box-shadow: 1px 1px 6px #cdcdcd;
	    transition: 0.6s ease;
}

input.cm-amount {
    float: left;
    width: 60px;
    height: 33px;
    text-align: center;
}
.luot_xem {
    width: 40%;
    float: left;
    background: transparent url("../img/view.png") no-repeat scroll 0% 50%;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    color: #808080;
}
.date {
    float: right;
    background: url(../img/date.png) no-repeat 0% 50%;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    color: #808080;
}

@media (min-width: 1500px) and (max-width: 2000px) {
	
}
.thongke_truycap{
	text-align:right;
	padding-right:0px;
}
.thongke_truycap p{
	width: 170px;
    float: right;
    font-weight: 600;
    font-size: 12px;
	text-align:left
}
.thongke_truycap span{
	margin-left: 15px;
}
.thongke_truycap img{
	   margin-right:10px;
    float: left;
}
@media screen and (min-width:769px) and (max-width: 992px){
    .search {
    float: right;
    height: 40px;
    width: 270px;
    background: url(../img/search.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.search input#key {
width: 200px;}
}
.sub3{
	left: 190px !important;
}
.jCarouselLite .child-sp{
	height: 380px !important;
	width:300px !important;
}
.default1 .jCarouselLite{
	height: 390px !important;
	width: 100% !important;
}