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

@font-face {
  font-family: 'oxy';
  src: url("UVNANHHAI.TTF");
}

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:#ff0101!important; font-family:Verdana, Geneva, sans-serif; font-size:15px;}

#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: 110px;}

.logo{float: left;}

.logo a img{margin-top: 5px; max-height:100px;}



.right-header{float: left;margin-top: 30px;}

.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:#00adef;

}

.giohang ul.like_product li .detail_like_product p.news_price{

	color:#00adef;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 #ccc; background:#00adef;}

.menu ul.nav1{height: 35px;width: 100%;list-style: none;float: left;}

.menu ul.nav1 li{float: left;height: 43px; 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: 43px;text-transform: uppercase;color: #fff; 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: #fcb040;}

.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: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:#00adef!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: #00adef!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: #00adef;}

#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:290px;border-top:1px solid #cdcdcd;

            position: relative; } 

           



.jCarouselLite{width:90%!important;margin: auto; height: 260px;margin-top:20px!important;

            /* padding-left: 56px;padding-right: 56px;*/

           }

.jCarouselLite ul{float: left;}

.jCarouselLite ul li{float:left;width:220px!important;height: 240px;}	

.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; line-height:20px;}

.jCarouselLite ul li a:hover h3{color: #00adef;}

.jCarouselLite ul li p{float: left;width:100%;text-align: center; font-size: 13px;color: #ff0101;

            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: 32px;font-family:oxy; line-height: 30px;

            text-align: center;font-weight: normal;text-transform: uppercase; letter-spacing:5px!important; font-weight:bold; color:#ff0000;}

.title1 span{float: left;width:100%;text-align: center;height: 33px;

            background: url(../img/line8.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%;overflow: hidden;}

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

.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:#ff0101; /*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: #00adef;}

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

}



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

	

	

}



@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: #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: #00adef;}

.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: #00adef;

                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 #00adef;}

.list-news .child-news:hover .brief{border-top: 1px solid #00adef;}

.list-news .child-news:hover .brief a h3{color: #00adef;}





    

@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(5),.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.jpg)repeat-x bottom 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; color:#fff;}

.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: #00adef;

}

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



.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: #00adef;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: #fff;

            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: 18px;margin-top: 5px;margin-bottom: 0px;}





/********************************* trang san pham ******************************/

#linkdan{float: left;width:100%;height: 45px;background: #f3f3f3;padding-left: 20px;}

#linkdan a{float: left;line-height: 15px;padding-top: 15px;color: #808080;font-size: 14px;

            font-family: Arial, Helvetica, sans-serif;

            font-weight: normal;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: #00adef;}



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

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

.child-sp2{float: left;margin-top: 15px;}



.child-sp2 .img{float:left;width:100%;overflow: hidden; /*height:425px;*/}

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

.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:#ff0101; 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: #00adef;}

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

.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:#00adef;

    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: #00adef;}



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



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



.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 #00adef;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: #ff0101;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: #00adef;border:1px solid #fcb040;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:#00adef;}

.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:#00adef;

    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: #ff0101;

}

.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:#00adef!important;

    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:#00adef;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: #00adef;

    border-radius: 40px;

}

#bttop:hover{

	background: #fcb040;

} 



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

    text-transform: uppercase;

    font-size: 14px;

    border: 1px solid #808080;

    background: #fcb040;

    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:#00adef;

	}

.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;

}