*{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:url("../img/.png") repeat-x scroll left bottom #303030;
    float: left;
    height: 35px;
    width: 100%;}  
#top .hotline{float: left;}
#top .hotline p.hotline1 span{ color:#fff!important; font-family:Verdana, Geneva, sans-serif;}
#top .hotline p.hotline1{float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; color:#fff;
            padding-top: 10px;padding-left: 18px;
            background: url(../img/phone.png)no-repeat left 12px; border-right:1px solid #cdcdcd; height:35px; padding-right:20px;}
#top .hotline p.email_top span{ color:#303030!important; font-family:Verdana, Geneva, sans-serif; padding-left:5px;}
#top .hotline p.email_top{float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; color:#fff; padding-top: 10px;padding-left: 18px; background: url(../img/email.png)no-repeat left 10px; border-right:1px solid #cdcdcd; height:35px; padding-right:20px; margin-left:20px;}
#top .hotline p.clock span{ color:#303030!important; font-family:Verdana, Geneva, sans-serif; padding-left:5px;}
#top .hotline p.clock{float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; color:#fff; padding-top: 10px;padding-left: 18px; background: url(../img/clock.png)no-repeat left 10px; border-right:1px solid #cdcdcd; height:35px; padding-right:20px; margin-left:20px;}		
		
#top .lang{float: right;text-align: right;}
#top .lang p{float: right;font-size: 13px;line-height: 10px;
            padding-top: 10px; color:#fff;}
#top .lang a img{float: right;margin-left: 10px;width:30px;height:20px;margin-top:10px;}
.slogan img{ float:left; margin-top:15px; }
.hotline2{background: url(../img/tel-ico_03.png)no-repeat left 30px; height:110px;}
.hotline2 p{float: left;
margin-left: 40px;
line-height: 102px;
font-size: 30px;
color: #ff0000;
font-weight: 600;
text-outline: #fff;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

@media(max-width:768px){
    #top{height:auto;}
	.diachi p{
		text-align:center;}
	p.title2{ text-align:center; margin-left:0px!important; width:100%!important}
}

/******************** header *****************/
#header{float: left;width: 100%;background: #fff;height: 110px;}
.logo{float: left;}
.logo a img{ margin-top: 5px; max-width:150px!important}

.right-header{float: left;margin-top: 30px;}
.search {float: right; height: 45px;width: 401px;
                background: url(../img/search_03.png) no-repeat 0 0;
                }
.search form{height: 45px;}
.search input#key {border: none;height: 45px; width:300px;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: 35px;  width: 50px;
                                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:#DF0101;
}
.giohang ul.like_product li .detail_like_product p.news_price{
	color:#DF0101;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: url(../img/bg-menu_03.png) repeat-x left center;} 
.menu{width: 100%; height: 45px; float: left; /* background: url(../img/bg-menu_03.png) repeat-x left center;*/}
.menu ul.nav1{height: 35px;width:100%;list-style: none;/*float: left;*/ margin:0 auto;}
.menu ul.nav1 li{float: left;height: 45px; padding: 0px 48px; border-right:1px solid #98d49e;}
.menu ul.nav1 li:last-child{}

.menu ul.nav1 li a{text-decoration: none;}
.menu ul.nav1 li a h2{line-height: 45px;text-transform: uppercase;color: #fff; font-size: 13px;
        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, .menu ul.nav1 li:hover{background: url(../img/bg-hover-menu_03.png) repeat-x left center;}
.menu ul.nav1 li.current a h2, .menu ul.nav1 li a:hover h2{ color:#fff;}
.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:33px!important
}
#menu ul.nav1 li ul li:hover{background: #cdcdcd;}
#menu ul.nav1 li li a h2{display:block;font-size:13px;text-transform: none; padding-left: 15px;
		color:#303030;height:33px!important;margin-left:0px;line-height: 30px;
		}
.menu ul.nav1 li li:hover a h2 {color:#DF0101!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:194px;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: #DF0101!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;}

.one_items{ width:100%; border:1px solid #cdcdcd; padding:15px; float:left; border-radius:10px;}	
.one_items:hover,.one_items1:hover{
	box-shadow: 1px 1px 6px #cdcdcd;
	    transition: 0.6s ease;
}



@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; margin-top:10px;}
.qc1{float: left;width:100%;margin-top: 0px;} 
.qc1 a img{float: left;width:100%;}
.qc2{float: left;margin-top: 0px;}
.qc2 a img{float: left;width:100%;/*min-height:220px;*/ border:1px solid #fff}
.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: #DF0101;}
#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:330px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;
            position: relative; } 
           

.jCarouselLite{width:90%!important;margin: auto; height: 310px;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{ 
	display: block;
    float: left;
    height: 240px;
    margin: auto;
    max-width: 100%;
    width: 170px;
    z-index: 10;}
.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: #DF0101;}
.jCarouselLite ul li p{float: left;width:100%;text-align: center; font-size: 13px;color: #DF0101;
            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: 0px;}
.title1{float: left;width:100%;margin-top:30px;}
.title1 p{float: left;width:100%;font-size: 30px;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: 20px;background: url(../img/line_03.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: 30px; position:relative;}

.child-sp .img{float:left;width:100%;/*height: 425px;*/overflow: hidden; z-index:2;}
.icon_news img{ position:absolute; top:-20px; z-index:8; right:30px;}
.child-sp .img a img{float: left;width:100%;height: 100%;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:bold;}
.child-sp .brief a:hover h3{color: #ff0000;}
.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:#DF0101; 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: #DF0101;}
.child-sp:hover .brief .cart1{ background: url(../img/cart2.jpg)no-repeat;}

.list-sp .child-sp:nth-child(4),.list-sp .child-sp:nth-child(7),.list-sp .child-sp:nth-child(10),
.list-sp .child-sp:nth-child(13){clear: both;}
#wowslider-container1{ border-bottom:3px solid #ccc!important;
	}

@media screen and (min-width:993px) and (max-width: 1200px){
    .child-sp .img{/*height: 300px;*/} 
    .list-sp .child-sp:nth-child(5),.list-sp .child-sp:nth-child(9){clear: both;}
	#header{ height:120px!important;}
	#wowslider-container1{ height:300px!important;}
	#wowslider-container1 img{ height:300px!important;}
	.clock{ display:none;}
	.right-header{ display:none;}
	.hotline2 p{ font-size:22px;}
}

@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;}
	.search,.right-header{ display:none!important;}
	#wowslider-container1{ height:300px!important;}
	#wowslider-container1 img{ height:300px!important;}
	.lang { display:none;}
	.clock{ display:none;}
	.slogan { display:none;}
	.hotline2 p{ font-size:16px;}
	.right-header{ display:block;}
}

@media(max-width:768px){
    .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{ }
	.right-header{ display:none!important;}
	.slide_chay,.album_videos{display: block!important;}
	.nav_mobile{ display:block!important;}
	.dk-email{ width:100%!important; margin-top:20px;}
	.page-face{ width:100%!important; margin-top:20px;}
	.preview, .wizard-settings{ min-height:460px!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:170px!important;}
	#wowslider-container1 img{ height:170px!important;}
	.header_big{ border:none!important;}
	p.title2{ text-align:center; margin-left:0px!important; width:100%!important}
	
	
}

@media (max-width: 500px){
    .child-sp .brief p.text{font-size: 11px;line-height: 14px;}
	.zoomWrapper{ height:400px!important}
}
@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;}
	.zoomWrapper{ height:410px!important}
	.phone-sp{ margin-left:0px!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;}
	.zoomWrapper{ height:380px!important}
	.phone-sp{ margin-left:0px!important;}
	
}




/******************************* #page3 ****************************/
#page3{float: left;width:100%;background: #363441;min-height:200px;}

.list-news{float: left;width:100%;}
.child-news{float: left;margin-top:20px;margin-bottom:20px;}
.child-news .box{float: left;padding-bottom: 10px;}
.child-news .box .img{margin: 20px;overflow: hidden; margin-left:35%;}
.child-news .box .img a img{float: left;display: block;max-height: 100%;max-width:100%;}
.child-news .box .img a img:hover {
	opacity:0.7;
    
}
.child-news .box .brief{padding: 20px;width:100%;}
.child-news .box .brief a h3{float: left;width:100%; font-size: 14px;color: #fff;text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 0px;line-height: 20px; text-align:center;}

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

.list-news .child-news:hover .box{}
.list-news .child-news:hover .brief{;}
.list-news .child-news:hover .brief a h3{color: #DF0101;}


.child-news1{float: left;margin-top:20px;margin-bottom:20px;}
.child-news1 .box{float: left;border: 1px solid #e8e8e8;padding-bottom: 10px;}
.child-news1 .box .img{margin: 20px;height: 215px;width:calc(100% - 40px);overflow: hidden;}
.child-news1 .box .img a img{float: left;width:100%;height: 100%;display: block;max-height: 100%;max-width:100%;}
.child-news1 .box .img a img:hover {
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}
.child-news1 .box .brief{border-top:1px solid #e8e8e8;padding: 20px;width:100%;}
.child-news1 .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-news1 .box .brief a:hover h3{color: #DF0101;}
.child-news1 .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-news1 .box .brief a.link{float: right;text-align: right; width:100%; font-size: 13px;color: #DF0101;
                font-family: Arial, Helvetica, sans-serif;}
.child-news1 .box .brief a.link:hover{text-decoration: underline;}

.list-news1 .child-news:hover .box{border: 1px solid #303030;}
.list-news1 .child-news:hover .brief{border-top: 1px solid #303030;}
.list-news1 .child-news:hover .brief a h3{color: #DF0101;}
.left-detail{ float:left;}


/******************************* #page4 ****************************/
#page4{float: left;width:100%;background: url(../img/email_bg.png)no-repeat;margin-top:20px; min-height:200px;}
.email_bg{ float:left; text-align:center; margin-top:30px;  padding-bottom:50px;}
.email_bg h3{ font-size:28px; font-weight:bold; color:#fff; text-align:center; font-family:"Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:20px;}
.email_bg p{ color:#fff; font-size:13px;}
#newsletterForm{ padding-left:30%;}

    
@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: 30px 0px 10px 0px;
            background: url(../img/bg-footer.jpg)repeat top left;
            background-color: #000; border-top: 1px solid #74708c;} 

p.title2{float: left;width:100%;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin: 0px!important;margin-bottom:10px!important; font-size:18px!important; color: #fff; background: url(../img/line-footer.png)repeat-x 0px 42px; line-height:45px!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: #fff;
    padding-left: 8px;background: #363441; 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: Arial, Helvetica, sans-serif; font-size: 14px;
    line-height: 40px;font-weight: bold; min-width:55px;
    padding: 0px;margin: 0px!important;border-radius: 5px;
    background: #0176d7;
}
.dk-email form input[type=submit]:hover{
	background: #7f7f7f;
	}
.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: #DF0101;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:#ffe600;
            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: #fff;
            line-height: 25px;margin-top: 5px;margin-bottom: 0px;}
.footer_col{ width:85%;}

/********************************* trang san pham ******************************/
#linkdan{float: left;width:100%;height: 40px;background: #f3f3f3;padding-left: 20px;}
#linkdan a{float: left;line-height: 20px;padding-top: 10px;color: #808080;font-size: 12px;
            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: #DF0101;}

.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: #DF0101;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: #DF0101;}
.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%;}
.banner{float: left;width:100%;max-height: 300px;margin-top:0px; overflow:hidden;}
.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; width:100%;}
.child-sp2{float: left;margin-top: 15px;}

.child-sp2 .img{float:left;width:100%;overflow: hidden;}
.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; text-align:center;}
.child-sp2 .brief a h3{float: left;width:100%;font-size: 12px;text-transform: uppercase;font-weight: bold;
                color: #303030; font-family: Arial, Helvetica, sans-serif;margin: 0px;line-height: 20px; margin-bottom:10px; min-height:40px;}
.child-sp2 .brief a:hover h3{color: #DF0101;}
.child-sp2 .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-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:#DF0101; 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: #DF0101;}
.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;}*/
	.menu ul.nav1 li{ padding:0px 30px!important}
}

@media screen and (min-width:769px) and (max-width: 992px){
    .child-sp2 .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: 11px;line-height: 16px;}
    .child-sp2 .brief p.gia{font-size: 12px;}
	.menu ul.nav1 li{ padding:0px 20px!important} 
	.child-news1 .box .img{ height:auto!important;}
}

@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:155px;}
}

@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; padding-left:50%;}
.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:#DF0101;
    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: #DF0101;}

.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: #DF0101;}

.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 #DF0101;}

.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 #DF0101;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: #DF0101;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:#DF0101;}
.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:#DF0101; width:140px;
    float:left; font-weight:bold; text-transform:uppercase;}
.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: #DF0101;
}
.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%;
	display:none;
}
.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;
	}
	.header_big,.hotline2,#top .hotline p.clock{
		display:none;
		}
	#top .hotline p.hotline1{
		padding-left:15px!important;
		padding-right:5px!important;
		}	
	.slogan{ display:none;}	
	.logo a img{ width:70px;}
}

@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;
}

#top .hotline {
	display:none;
	}
}

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 #7f7f7f;
    line-height: 28px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
	background:#000;
	}
.gio_hang:hover{
	background:#7f7f7f;
	}	

	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;
}
.logo_footer a img{
	width:65%;
	}
.sub_footer{ width:100%;
	float:left;
	margin-top:0px;
	margin-bottom:30px;
	}	
.sub_footer ul li{
	width:100%;
	float:left;
	}	
.sub_footer ul li a{
	width:100%;
	float:left;
	color:#fff;
	padding:5px 0px;
	font-size:14px;
	}

@media (max-width: 767px){
  
	p.title2{ text-align:center; margin-left:0px!important; width:100%!important}
	.sub_footer ul li a{ text-align:center!important;}
	.logo_footer a img {
		width: 50%;
		text-align: center;
		margin-left: 25%;
	}
	#newsletterForm{
		padding-left:0px!important;
		}
	.email_bg{ margin-top:10px;}
	.email_bg h3{ font-size:20px;}	
	
	
}


/**danh_muc**/
.danh_muc {
	background:#eeeff1;
	padding-bottom: 1px;
	float:left;
	width:100%;
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:20px;
}
.danh_muc  a h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    background: #2f7cee;
    background-size: 100% 100%;
    line-height: 45px;
    padding: 0px 20px;
}
.danh_muc h2{
    background: #2f7cee; /*url("../img/bg_danhmuc.jpg") no-repeat;*/
	background-size:100% 100%;
	line-height:50px;
	margin: 0px;
	border-bottom:1px solid #cdcdcd
}
.danh_muc a h2{
	color:#fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
   /* background: url("../img/bg_danhmuc.jpg") no-repeat;*/
    background-size: 100% 100%;
    line-height: 50px;
    padding: 0px 20px;
}
.danh_muc a:hover h2{
	color:#2f7cee;
}
.danh_muc h3{
   background: url("../img/ico.png")  no-repeat 10px 10px;  
    /*text-transform: uppercase;*/
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    padding-bottom: 12px;
    padding-top: 10px;
    padding-left: 32px;
	border-bottom:1px solid #ffffff;
	width:94%;
	float:left;
}
.danh_muc h3:hover{
	background: url("../img/ico.png") no-repeat 10px 10px;
}
.danh_muc a:hover h3,.danh_muc a.current h3{
	color:#2f7cee;
}
.danh_muc a h3{
	color:#303030;
}
.danh_muc a h3, .danh_muc a h4{ text-transform:uppercase;}
.danh_muc h4{
   background: url("../img/ico-cap2.png")  no-repeat 10px 10px;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 32px;
	margin-left:20px;
	/*font-weight:bold;*/
	line-height:18px;
	float:left; 
	width:87%;
	margin:0px 10px;
	color:#303030;
}
.danh_muc h4:hover{
	background: url("../img/ico-cap2-hover.png") no-repeat 10px 10px;
}
.danh_muc a:hover h4,.danh_muc a.current h4  {
	color:#2f7cee;
}
.danh_muc h4 a{
	color:#303030;
}

.danh_muc h5{
   background: url("../img/ico-hover.png")  no-repeat 10px 10px;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
	margin:0px 10px;
	margin-left:30px;
	/*font-weight:bold;*/
	line-height:18px;
	float:left; 
	width:87%;
	
	color:#303030;
}
.danh_muc h5:hover{
}
.danh_muc a:hover h5{
	color:#2f7cee;
}
.danh_muc h5 a{
	color:#303030;
}

.danh_muc h6{
   background: url("../img/bg_li_cate_news.png")  no-repeat 10px 10px;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
	margin:0px 10px;
	margin-left:40px;
	/*font-weight:bold;*/
	line-height:18px;
	float:left; 
	width:87%;
	
	color:#303030;
}
.danh_muc h6:hover{
}
.danh_muc  a:hover h6 ,.danh_muc a.current h6  {
	color:#2f7cee;
}
.danh_muc h6 a{
	color:#303030;
}

.danh_muc a h2 span, .danh_muc a h3 span, .danh_muc a h4 span, .danh_muc a h5 span, .danh_muc a h6 span{ color:red;}