/** RESET CSS **/
body, div, p, span, h1, h2, h3, h4, strong, ul, li, img, a{
    margin: 0; padding: 0; border: 0; outline: none; vertical-align: baseline; background: transparent; }

body { line-height: 1; font-family: arial, helvetica, sans-serif; width: 100%; line-height: 1.5; 
    background: url("../images/bg_body.jpg") repeat top center fixed; }
    
@font-face {
    font-family: 'Roboto Regular';
    src: url('../css/font/roboto-regular/roboto-regular-webfont.eot');
    src: url('../css/font/roboto-regular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/font/roboto-regular/roboto-regular-webfont.woff') format('woff'),
         url('../css/font/roboto-regular/roboto-regular-webfont.ttf') format('truetype'),
         url('../css/font/roboto-regular/roboto-regular-webfont.svg#roboto-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
.clear { clear: both; }
.vs_hid{visibility:hidden;}
.border_radius { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }

#container { min-width: 1200px; margin: 0px auto; background-color: #fff; /*padding: 0px 5px; */}
/** END RESET CSS **/
/** Header **/
#header { min-width: 100%; height: 136px; margin: 0px auto; position: relative;}

#header #banner { width: 100%; height: 50px; margin: 0px auto; position: relative; background:#fff;}
#banner #icon_lang { position:  absolute; top: 55px; right: 0px; }
#icon_lang .lang_vi { float: left; padding-right: 5px; }
#icon_lang .lang_en { float: left; }
#icon_lang .lang_vi img, #icon_lang .lang_en img { float: left; margin-right: 5px; }
#icon_lang .lang_vi a, #icon_lang .lang_en a { color: #333; font-size: 13px; }
#icon_lang .lang_vi a:hover, #icon_lang .lang_en a:hover { color: #ffc000; }

#banner .giohang { position: absolute; top: 94px; right: 66px; background: url("../images/ico_cart.png") no-repeat 0% 50%; }
#banner .giohang a { color: #000; font-size: 13px; display: block; padding-left: 40px; }
#banner .giohang a:hover { color: #ffc000; }


#banner .hotline_banner { position: absolute; bottom: 10px; right: 15px; }
.hotline_banner p { color: #193481; font-size: 16px; font-weight: bold; }
.hotline_banner p span { color: #ff0000; }

#banner .share_link { float: right; width: 220px; top: 5px; position: relative; }
#banner .share_link ul{}
#banner .share_link ul li { float: right; height: 30px; margin-top: 3px; } 
#banner .share_link ul li img { padding-top: 5px;}  

#banner .goichungtoi{ float: left;top: 15px;left: 710px;position: relative;}

	
#header #main_menu { height: 86px; line-height: 40px; width: 100%; margin: 0px auto 0px; background: #ffd200;}
#header #main_menu .menu { width: 804px; float: right; margin: 23px 0px 0 0;}
.menu ul { list-style: none; position: relative; }
.menu ul li { float: left; position: relative; margin: 0px 2px; }
.menu ul li a { padding: 0px 10px; color: #000; font-size: 15px; text-transform: uppercase; display: block; font-weight: bold;}
.menu ul li a:hover { color: #ffc000; background-color: #F7F7F7; 
        -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; }
.menu_active { color: #ffc000 !important; background-color: #F7F7F7; 
        -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; }
.menu ul li ul { display: none; position: absolute; top: 40px; left: 0px; width: 230px; background-color: #F7F7F7;
                z-index: 1000; opacity: 0.98; }
.menu ul li ul li { background: none; float: none; position: relative; border-bottom: 1px solid #fff; line-height: 30px; }
.menu ul li ul li a { padding: 6px 36px; }
.menu ul li ul li a:hover { }
.menu ul li ul li:last-child { border-bottom: none; }
.menu ul ul ul { display: none; position: absolute; top: 0px; left: 228px; width: 230px; border-left: 1px solid #fff; } 
.menu ul li:hover ul ul ,.menu ul li:hover ul ul ul, .menu ul li ul li:hover ul ul {display: none; visibility: hidden; }
.menu ul li:hover ul,.menu ul li ul li:hover ul,.menu ul li ul li ul li:hover ul {display: block; visibility: visible; } 
#header #main_menu .share_link { float: right; width: 220px; }
#header #main_menu .share_link ul li { float: right; height: 30px; margin-top: 3px; } 
#header #main_menu .share_link ul li img { padding-top: 5px;}
#header #main_menu .banner_image { width:384px; height:86px; float:left;}   
               
.search { position: absolute; background: url("../images/bg_search.png") no-repeat top left; width: 337px;
            height: 37px; top: 7px; left: 250px; line-height: 37px; margin-left: 0px; }
input.text_search { float: left; border: none; margin: 9px 0px 9px 9px; outline: none;
                    width: 285px; background: none; }
input.button_search { margin-left: 12px; margin-top: 6px; width: 17px; height: 15px; font-weight: bold; }
.tukhoa { color: #0056a6; font-weight: bold; font-size: 16px; }
/** End Header **/

/** Slider - Sale **/
#slide_sale { width: 100%; height: 467px; margin: 0px auto; margin: 1px auto; /*background: url("../images/bg_bottom_slider.png") no-repeat bottom center; padding-bottom: 33px;*/ }
#slide { width: 1349px; height: 467px; }
/** End Slider - Sale **/

/******** content_container *******/
#content_container { width: 1188px; margin: 26px auto 0px; } 
   
/******** left *******/
#left { float: left; width: 238px; margin-right: 5px; }
.box_left { width: 100%; margin-bottom: 10px; }
.box_left .title_box_left { width: 100%;height: 35px;line-height: 35px;/* background: url("../images/bg_title_box_primary.png") no-repeat bottom right; */padding-bottom: 8px;border-bottom: 6px solid #e1e1e1;}
.title_box_left p {color: #777;font-size: 24px;font-family: 'Roboto Regular';font-weight: normal; }
.box_left .content_box_left { padding: 0px 0px 5px; }
.box_left .content_box_left1 { background: #fff; }                            
ul.menu_box_left , ul.menu_box_left ul { list-style: none; } 
ul.menu_box_left li { position: relative; line-height: 2.2;}
ul.menu_box_left li a { color: #555; font-size: 13px; padding: 6px 0px 6px 30px; display: block; border-bottom: 1px solid #ccccbf;
                        font-weight: bold; background: url("../images/arrow_list.png") no-repeat 5% 50%; text-transform: uppercase;  }
ul.menu_box_left li a:hover { color: #ffc000; }
ul.menu_box_left li ul { }
ul.menu_box_left li ul li { }
ul.menu_box_left li ul li a { background: url("../images/arrow_cat.png") no-repeat 5% 50%; text-transform: none; }
ul.menu_box_left li ul li ul { position: absolute; top: 0px; left: 230px; display: none; width: 220px; z-index: 1000;  box-shadow: 0px 0px 3px #333; background-color: #fff; padding-bottom: 2px; }
ul.menu_box_left li ul li ul li a { padding: 6px 0px 6px 30px; background: url("../images/arrow_cat.png") no-repeat 7% 50%; }
ul.menu_box_left li:hover ul, ul.menu_box_left li ul li:hover ul,ul.menu_box_left li ul li ul li:hover ul {
                display: block; }
ul.menu_box_left li:hover ul ul,ul.menu_box_left li ul li:hover ul ul { display: none; }

#box_video { margin-top:10px; text-align: center; }
#box_video p { text-align: center; color: #000; font-weight: bold; font-size: 12px; }
.select_video { width: 191px; height: 39px; background:url("../images/bg_dropdown_video.png") no-repeat top left ; margin: 10px 0px 10px 75px; }
.select_video select { width: 183px; height: 24px; border: none; margin-left: 5px; margin-top: 8px; }
.content_box_left .hotrotructuyen{ }
.hotrotructuyen .hotline, .hotrotructuyen .yahoo, .hotrotructuyen .lienhe{ margin: 10px 5px 0px; }
.hotrotructuyen .hotline p { color: #ff0000; font-weight: bold; font-size: 22px; text-align: center; font-family: Arial;
                                font-style: italic; float: left; }
.content_box_left .yahoo .title_yahoo { color: #FF0000; font-weight: bold; font-size: 14px; padding: 5px; border-bottom: 1px dotted #333232; }
.box_yahoo { margin: 5px 0px; }
.box_yahoo p { border-bottom: 1px dotted #000; padding-bottom: 5px; }
.box_yahoo .name_hotro { color: #373737; font-size: 14px; display: inline-block; width: 110px; }
.box_yahoo .hotro { color: #373737; font-size: 14px; }
.box_yahoo a { display: inline-block; margin-right: 5px; }
.lienhe p { color: #212020; font-size: 12px; }
.lienhe .title_lienhe { border-bottom: 1px dotted #333232; padding-bottom: 5px; color: #ff0000; font-size: 14px;
                        margin-bottom: 5px; font-weight: bold; }
ul.tienich { list-style: none; padding:0px 20px; }
ul.tienich li { margin-top: 8px; }
ul.tienich li img { width: 25px; height: 25px; }
ul.tienich li a { color: #494949; font-size: 13px; }
ul.tienich li a:hover { color: #005BAA; }

.quangcao img { width: 218px }
.quangcao img:hover { opacity: 0.8; }

ul.thongke { list-style: none; margin: 10px; padding-bottom: 10px; }
ul.thongke li { color: #000; font-size: 12px; line-height: 2.2; }
ul.thongke li img { float: left; margin-right: 5px; }
ul.thongke .text_thongke { width: 90px; margin: 0px 10px; display: inline-block; }
ul.thongke .number_thongke { font-weight: bold; }
/** End Left **/
    
/** Right **/
#right { float: left; width: 211px; }    
/** End Right **/

/******** news *******/
#news{ width: 1188px;float: left;position: relative;}
.news_item{ float: left; width: 280px; height:205px; margin: 0px 20px 0px 0; position: relative; text-align: center;border: 1px solid #e8e8e8;border-radius:20px;box-shadow: 2px 2px 6px #E6CDCD;}
.news_item .news_title{ height:46px; color: #000; line-height: 45px; font-size: 20px;;font-weight: normal;}
.news_item .news_title a{ color:#000;}
.news_item .news_title a:hover{ color:#f00;}
.news_item .news_img{ width: 263px; height: 152px; margin: 0px auto; border-radius:20px;}
.news_item .news_img img{ border-radius:20px;}
.news_item .news_img img:hover{ opacity:0.85}
/******** end news *******/

/******** about *******/
#about{ width: 1188px;float: left;position: relative; margin:58px 0 46px 0;}
.about_news{ float: left; width: 821px; height:281px; border: 2px solid #e8e8e8; box-shadow: 2px 2px 6px #E6CDCD;}
.about_img{ float: left; width: 285px; height:247px; margin: 17px 0 0 10px;}
.about_noidung{ float: left; width:506px; color: #000; line-height: 18px; font-size: 13px;font-weight: normal; margin: 17px 10px; 15px 15px;}
.about_imggiolamviec{ float: right; width: 341px; height:281px; border: 2px solid #e8e8e8;}
/******** end about *******/

/******** kien thuc - tu van *******/
#kienthuctuvan{ width: 1188px;float: left;position: relative; margin:58px 0 35px 0;}
#kienthuctuvan .title_box_primary{ width: 100%;height: 35px;line-height: 35px;padding-bottom: 0px;border-bottom: 6px solid #e1e1e1;margin-bottom: 10px;}
#kienthuctuvan .title_box_primary h2{ color: #333;font-size: 24px;font-weight: bold;}
#kienthuctuvan .title_box_primary h2 a { color: #fff; font-size: 14px; }
#kienthuctuvan .title_box_primary h2 a:hover { color: #fff000; }

#kienthuc{ float: left; width: 660px; font-size: 18px;}
.kienthuc_item{float: left; width: 660px; margin: 0px 0px 20px 0; position: relative; text-align: center;}
.kienthuc_item img{float: left; width: 167px; height:110px;}
.kienthuc_item .noidung_kienthuc_item{ float:left; margin: 0 0 0 10px;width: 483px;text-align: left;}
.kienthuc_item .title_kienthuc_item{color: #000; line-height: 18px; height: 24px; font-weight:bold;}
.kienthuc_item .title_kienthuc_item a{color: #000;}
.kienthuc_item .title_kienthuc_item a:hover{color: #f00;}
.kienthuc_item .mota_kienthuc_item{color: #000; line-height: 18px; font-size: 13px;}

#tuvan{ float: right; width: 485px;}
.tuvan_item{float: left; width: 485px; margin: 0px 0px 24px 0; padding: 0 0 15px 0; position: relative; text-align: center; border-bottom: 2px solid #e8e8e8;}
.tuvan_item img{float: left; width: 130px; height:90px;}
.tuvan_item .noidung_tuvan_item{ float:left; margin: 0 0 0 10px;width: 345px;text-align: left;}
.tuvan_item .title_tuvan_item{color: #000; line-height: 18px; height: 20px; font-weight:bold;}
.tuvan_item .title_tuvan_item a{color: #000;}
.tuvan_item .title_tuvan_item a:hover{color: #f00;}
.tuvan_item .mota_tuvan_item{color: #000; line-height: 18px; font-size: 13px;}
.tuvan_item .tacgia_tuvan_item{color: #333; line-height: 18px; font-size: 13px; text-align: right;font-weight:500;margin-top: 8px;}
.tuvan_item .tacgia_tuvan_item:hover{color:#F00;}
/******** end kien thuc - tu van *******/

/** Primary **/
#primary{
    width: 885px;
    float: right;
    position: relative;
}
#primary .box_primary{
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.box_primary .title_box_primary{
    width: 100%;
    height: 35px;
    line-height: 35px;
    /*background: url("../images/bg_title_box_primary.png") no-repeat bottom right;*/
    padding-bottom: 8px;
	border-bottom: 6px solid #e1e1e1;
}
.title_box_primary h2{
    color: #777;
    font-size: 24px;
    font-family: 'Roboto Regular';
    font-weight: normal;
}
.title_box_primary h2 a { color: #fff; font-size: 14px; }
.title_box_primary h2 a:hover { color: #fff000; }
.box_primary .content_box_primary{
     margin: 10px 0px;  
     padding-bottom: 10px; 
}
/** Index **/    
a.xemthem_left { color: #434B53; font-size: 12px; }
a.xemthem_left:hover { color: #ffc000; }
/** End Index **/

/** Doi tac **/    
#doitac { background: url("../images/bg_doitac.jpg") no-repeat top left; width: 990px; height: 96px; margin: 0px auto; }
/** End Doi tac **/

/** Box item **/
.box_item { float: left; width: 272px; margin: 10px 33px 15px 0; position: relative; text-align: left;}
.box_item2 { margin: 10px 15px 15px; }
.box_item .bg_bottom_box_item { display: block; height: 13px; background: url("../images/bg_bottom_box_item.png") no-repeat top center; margin-top: -6px; }
.box_item img { width: 270px; height: 170px; border:1px solid #c2c2c2;  }
.box_item img:hover { opacity: 0.8; }
.box_item h3 { margin: 0px; margin-top: -6px;}
.box_item .name_box_item {text-align: left;}
.box_item .name_box_item a { font-size: 14px; color: #505050; text-transform: uppercase; font-weight: normal;}
.box_item .name_box_item a:hover { color: #ffc000; }
.box_item .mota_box_item { font-size: 13px; color: #505050; font-weight: normal;}
.box_item .gia_box_item { color: #ff0000; font-size: 12px; text-align: center; font-weight: bold; }
.box_item .gia_box_item span { color: #929292; }
.box_item .gia_box_item a { color: #ff0000; }
.box_item .ma_box_item { color: #000; font-size: 12px; }
.box_item .ma_box_item span { color: #929292;}
.box_item .chitiet_box_item { background: #ffd200; height: 32px; line-height: 30px; margin: 5px auto 0px; width: 116px; float:left; text-align:center;}
.box_item .chitiet_box_item a{ color: #241c06; font-size: 13px; font-weight: bold; }
.box_item .chitiet_box_item a:hover { color: #FF0000; }

/** Start Soppingcart **/
.btn_muahang { background: url("../images/btn_muahang.png") no-repeat top left; width: 155px; height: 37px; line-height: 37px; margin-right: 10px; margin-top: 7px; }
.btn_muahang hover { background-color:#F00; cursor: pointer;}
.btn_muahang a { color: #fff; font-size: 15px; padding-left: 54px; font-weight: bold; text-transform: uppercase; }
.ckout button {	border: 0 none;	background: #444444;text-align: center;	width: 140px;font-size: 18px;color: #FF0;padding: 6px;text-transform: uppercase;margin-top: 5px;cursor: pointer;}
.ckout button:hover{opacity:0.8;background-color:#F00;color:#FFF;}
/** End Soppingcart **/

#tipDiv img { width: 520px; }
#tipDiv table { width: 520px; }
/** box item **/
    
    /** Box Du an **/
.box_duan { float: left; width: 327px; margin: 2px 13px; background: url("../images/bg_bottom_box_duan.png") no-repeat bottom left; padding-bottom: 21px; }
.box_duan img { width: 327px; height: 193px; }
.box_duan img:hover { opacity: 0.8; }
.box_duan h3 { background-color: #3A4148; text-align: center; padding: 10px; }
.box_duan h3 a { color: #fff ; font-size: 14px; text-transform: uppercase; }
.box_duan h3 a:hover { color: #fff000; }
.box_duan .mota_box_duan { background-color: #EDEDED; color: #333; text-align: justify; padding: 5px; font-size: 13px; }
    /** End Box Du an **/
    /******** box_cart ***********/
.button{
    background-color: #434b53;
    border: none;
    padding: 4px 8px;
    margin: 2px;
    color: #fff;
    box-shadow: 1px 1px #c6c6c6, 1px -1px #c6c6c6;
    cursor: pointer;
}
.button:hover{
    opacity: 0.8;
}
    /********* end box_cart *********/
    /******** end primary *******/
    /******** product_detail ********/
.box_product_detail{
    padding: 10px;
}
.box_product_detail .img_product_detail{
    float: left;
    width: 233px;
    margin-right: 30px;
    margin-bottom: 10px;
    padding:3px;
}
.img_product_detail img{
    width: 230px;
    padding:6px;
}
.box_product_detail .info_product_detail{
    float: left;
    width: 410px;
}
.info_product_detail ul{
    list-style: none;
}
.info_product_detail ul li{
    line-height: 1.8;
    border-bottom: 1px solid #CCCCBF;
}
.info_product_detail h1.name_product_detail{
    font-size:  18px;
    color: #434B53;
}
.info_product_detail p.masp_detail, p.gia{
    font-size:  20px;
    color: #000;
}
.info_product_detail p.masp_detail span{
    font-size: 20px;
}
.info_product_detail p.gia span{
    font-size: 20px;
    color: red;
    font-weight: bold;
}
.info_product_detail p.mota_product_detail{
    color: #666;
    font-size: 11px;
}
.label_product_detail{
    color: #000;
    font-size: 12px;
}
    /******** end product_detail ********/
    
    /******** comment ***********/
.comments{

}
.comments .title_comments{
    color: #D1A658;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.box_comment{
    border: 1px solid #e6e6e3;
    background-color: #F3F3F3;
    padding: 10px;
    width: 645px;
    margin:5px 0px;
}
.box_comment .tieude_comment{
    color: #434B53;
    font-size: 15px;
    font-weight: bold;
}
.box_comment .name_comment{
    color: #373737;
    font-size: 13px;
    font-weight: bold;
}
.box_comment .name_comment span{
    font-size: 12px;
}
.box_comment #noidung_comment{
    color: #AFA388;
    font-size: 12px;
    text-align: justify;
    margin-bottom: 5px;
}
.form_comment .input_comment{
    margin: 3px 0px;
    padding: 5px;
}
.form_comment textarea{
    
}
    /******** End comments ********/
    /******** tin tuc **********/
.box_tintuc{
    margin: 10px;
    border-bottom: 1px dotted #cdcdcd;
    padding-bottom: 10px;
}
.box_tintuc img{
    float: left;
    margin-right: 10px;
    width: 180px;
    border: 1px solid #c6c6c6;
    padding: 2px;
    background-color: #fff;
}
.box_tintuc img:hover{
    opacity: 0.8;
}
.box_tintuc ul{
    list-style: none;
}
.box_tintuc a.name_tintuc{
    font-weight: bold;
    font-size : 16px;
    color: #434B53;
}
.box_tintuc a.name_tintuc:hover{
    color: #ffc000;   
}
p.mota{
    text-align: justify;
    font-size: 13px;
    color: #373737;
}
.label_tintuc{
    color: #333333;
    font-size: 12px;
}
.label_tintuc span{
    font-weight: bold;
    display: inline-block;
    width: 150px;
}
    /******** end tin tuc *********/
    /************* detail tin tuc ****************/
.box_tintuc_detail{
    padding: 0px 15px 10px;
}
.box_tintuc_detail .img_detail_tintuc{
    float: left;
    width: 300px;
    padding-right: 30px;
    padding-bottom: 10px;
}
.img_detail_tintuc img{
}
.info_detail_tintuc h1.name_detail_tintuc{
    font-size:  20px;
    color: #434B53;
    font-weight: bold;
}
.box_tintuc_detail .noidung_tintuc{
    color: #373737;
    font-size: 13px;
}
.box_tintuc_detail .noidung_tintuc img{max-width:100%;height:auto;}
.noidung_tintuc ul{
    padding-left: 15px;
}
.box_tintuc_detail .tinlienquan{
    margin-top: 30px;
}
.tinlienquan p{
    color: #434B53;
    font-size: 14px;
    font-weight: bold;
}
.tinlienquan ul{
    margin-left:  30px;

}
.tinlienquan ul li a{
    color: #373737;
    font-size: 12px;
}
.tinlienquan ul li a:hover{
    color: #ffc000; 
}
.small{
    font-size: 10px;
    color: #555;
    font-weight: bold;
    padding-bottom: 10px;
}
    /******** end detail tin tuc *********/
     /************ contact primary ***************/
table ,table tr,table td {border-collapse: collapse;font-size:12px; text-align:center; margin: 0px 5px;}
.thongbao{	
    border: 1px solid #0C0;
    border-radius: 5px 5px 5px 5px;
    margin: 0 auto;
    overflow: hidden;
	padding:15px;
}
.tablelienhe span{
	color:#F00;
}
.tablelienhe td{ height:25px;}
.tablelienhe .input,.tablelienhe textarea{
	border: 1px #E9E9E9 solid;
	azimuth:center;	
	width:300px;
	
}
.tablelienhe .title{text-transform:uppercase; color:#FFF; background:#0066FF; text-align:center}
.date{
	margin-bottom:10px;
}
.thongtinlienhe{
    padding: 10px;
    font-size: 12px;
    color: #373737;
}
.thongtinlienhe h3{
    color: #434B53;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.bando{
    padding: 10px;
}
.diachi_bando{
    color: #000;
    font-size: 12px;
    font-weight: bold;
}
.diachi_bando a{
    color: #33C5E6;
}
.diachi_bando a:hover{
    color: #0263C2;
}
/************ end contact primary *************/
/******** end content_container *******/
/******** footer *******/
#footer {
    width: 100%;;
	/*height:210px;*/
    margin: 0px auto;
    background: #000000;
}
#footer .menu_footer {
    margin: 0px auto 10px;
    height: 38px;
    line-height: 38px;
    width: 58%;
}
.menu_footer ul{
    margin: 0px auto;
    list-style: none;
}
.menu_footer ul li{
    float: left;
}
.menu_footer ul li a{
    color: #fcf300;
    font-size: 12px;
    padding: 0px 15px;
    font-weight: bold;
    border-right: 1px solid #fcf300;
}
.menu_footer ul li a:hover{
    color: #fff;
}
.menu_footer_active{
    color: #fff !important;
}
#footer .info_footer {
    float: right;
    width: 600px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}
#footer .copyright { float: left; width: 800px; }
#footer .copyright p { color: #333; font-size: 13px; }
#footer .thongke { float: left; width: 300px; }
#footer .thongke p { color: #333; font-size: 13px; }

#footer .info { float: left; width: 500px; font-size: 13px;}
#footer .info .diachi_info{ height:39px; background:url(../images/icon_diachi.png) no-repeat; line-height: 20px; padding: 0 0 0 49px; margin: 0 0 20px 0; padding-right: 15px;}
#footer .info .diachi_info p{ color:#fff}
#footer .info .call_info{ height:39px; background:url(../images/icon_call.png) no-repeat; line-height: 18px; padding: 0 0 0 49px; margin: 0 0 20px 0;}
#footer .info .call_info p{ color:#fff}
#footer .info .email_info{ height:39px; background:url(../images/icon_email.png) no-repeat; line-height: 20px; padding: 0 0 0 49px; margin: 0 0 20px 0;}
#footer .info .email_info p{ color:#fff}

#footer .dknm { float: left; width: 410px; font-size: 13px;}
#footer .dknm .title_dknm{ height:39px; background:url(../images/icon_dknm.png) no-repeat; line-height: 20px; padding: 8px 0 0 49px; margin: 0 0 20px 0;}
#footer .dknm .title_dknm p{ color:#fff;}

#footer .dknm .title_dknm .txt_email { background: url("../images/bg_dkmail.png") no-repeat top left; width: 280px; height: 29px; line-height: 29px; border: none; padding: 0px 5px; float: left;}
#footer .dknm .title_dknm .btn_email {float: left; }

#footer .thongke { float: right; width: 258px; font-size: 13px;}
#footer .thongke .title_thongke{ height:39px; background:url(../images/icon_dknm.png) no-repeat; line-height: 20px; padding: 8px 0 0 49px; margin: 0 0 20px 0;}
#footer .thongke .title_thongke p{ color:#fff;}

#footer .coppyrighta {width:100%;text-align:center; padding-bottom:5px; font-size:13px;}
#footer .coppyrighta p{color:#fff;}


.share_link { float: left; width: 300px; }
.share_link p { color: #fff; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.share_link ul { list-style: none; }
.share_link ul li { float: left; margin-left: 5px; }
.share_link ul li img:hover { opacity: 0.8; }
/******** end footer *******/
/************ phan trang ***************/
.phantrang{
	text-align:center;
	padding-bottom: 10px;
}
.phantrang a{
	color: #505050;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	text-decoration:none;
    font-size: 13px;
}
.phantrang span{
	color: #fff;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	font-weight:bold;
    font-size: 13px;
    background-color: #505050;
}
.phantrang a:hover{
	color:#FFF;
	background-color:#505050;
}
a.check {
    color:#FFF;
	background-color:#505050;
    font-weight:bold;
}
/************** end phan trang ****************/
/****************** Map css **********************/
#map_canvas {    
    height: 420px;
    width: 690px;
    margin: 10px auto;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 300px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 300px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #ED1B24;
    font-weight: bold !important;
}
.navigate .C {
    width: 970px;
}
/***************** end map ****************/
/*************** Tabs menu ***************/
#tabs{
  overflow: hidden;
  width: 100%;
  margin-top: 5px;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .2em 1em;
  float: left;
  text-decoration: none;
  color: #FFC000;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #FFC000;
  color: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #FFC000;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #FFC000;
  z-index: 3;
  color: #fff;
}

/* ------------------------------------------------- */

#content_tab
{
    padding: 10px;
	position: relative;
	z-index: 2;	
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 0px 4px 0px rgba(0, 0, 0, .5);
    color: #373737;
    font-size: 13px;
}
.max_width table,.max_width td ,.max_width tr,.max_width img{
    max-width: 688px !important;
}
/************** End Tabs Menu ************/
/*********** JS ZOOM PRODUCT ************/
div.jszoom-product{width:350px; margin: 0px 10px 0px 35px; float: left; }
div.thumb ul{position: relative;list-style: none;}
div.thumb ul li{position: absolute;z-index: 0;width: 500px;display: none;}
div.thumb ul li.active{z-index: 10;display: block;}
div.product-description{float:right;width:360px;margin-right:10px;line-height:2em;}
div.product-description p.line{border-bottom:1px solid #CCC;margin:10px 0px;}
div.product-description p.old-price{font-weight: 400;color:#666;font-size:14px; text-decoration:line-through; padding:5px 0px;}
div.product-description p.special-price{font-weight: 400;color: #48DAFF;font-size:37px;padding:5px 0px;}
div.product-description p.save-price{font-weight: 400;color:#48DAFF; font-size: 17px;padding:5px 0px;}
div.product-description a{display: block;width:143px;height:52px;background:#48DAFF url(images/icon_order.png) no-repeat 0px 0px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
div.product-description a:hover{background-color: #006C6C;}
/************* End JS ZOOM PRODUCT **************/

/** User **/
.user_login { color: #333; font-size: 12px; text-align: center; margin: 1px 10px 0px; }
.user_login a.border_right { border-right: 1px solid #000; padding: 1px 6px; }
.user_login a.inline { border-right: none; }
  
.kichhoatmail { padding: 10px 20px; font-size: 14px; }
.kichhoatmail a { color: #CF2626; }
.kichhoatmail a:hover { color: #DA0300; }
    
#frm_dangnhap { }
#frm_dangnhap .img_logo { text-align: center; margin-top: 25px; margin-left: 45px; }
.dangky_thanhvien {  padding: 10px; }
.dangky_thanhvien h1 { color: #000; text-align: center; font-size: 18px; margin-bottom: 10px; }
.dangky_thanhvien h3 { background: url("../images/bg_title_small_active.png") repeat-x top left; height: 26px; height: 26px; color: #000; font-size: 13px; padding-left: 20px; } 
.dangky_thanhvien .dkt { margin: 20px 0px 0px 300px; }
.dangky_thanhvien .dkt:hover { opacity: 0.8; cursor: pointer; }
.dangnhapp { }
.dangnhaptv .input , .dangnhapp .input { height: 20px; margin-bottom: 5px; padding-left: 10px; width: 250px; float:left; }
.dangnhaptv .input1 { width: 100px; }
.dangnhaptv label { color: #373737; float: left; padding-left: 10px; width: 150px; font-size: 13px; }
.dangnhaptv label.label1 { width: 110px; margin-left: 38px; }
.dangnhapp .dn2 { padding-left: 30px; padding-top: 30px; }
.dangnhapp .tendang { color: #000; font-size: 13px; }
.dangnhapp .tendang b { display: inline-block; width: 150px; }
.dangnhapp .tendang a { color: #CF2626; font-size: 13px; }
.dangnhapp .tendang a:hover { color: #DA0300; }
.dangnhapp .ghinho { float: left; margin-right: 78px; }
.dangnhapp .nutdang img:hover { opacity: 0.8; }
.dangky11 { margin: 10px 0px; }
.dangky11 a { display: inline-block; padding: 5px 10px; color: #fff; font-size: 14px; font-weight: bold; 
            background: -webkit-linear-gradient(#CF2626, #630606); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CF2626, #630606); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CF2626, #630606); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CF2626, #630606); /* Standard syntax (must be last) */
}
.thvv { color: #2D2D2D; float: right; font-weight: bold; font-size: 13px; }
.thvv a { font-size: 13px; }

#password_strength { 
    width: 200px;
	float:left;
	position:absolute;
	z-index:10;
    background: #cccccc;
	margin-left:520px;
	margin-top:-68px;
} 
#password_bar{ 
    font-size: 11px; 
    background: #FF0000;     
    border: 1px solid #cccccc; 
    padding: 5px;
	color:#FFFFFF;
	font-weight:bold;
} 
#password_ba{ 
    font-size: 11px; 
    background: #FF0000;     
    border: 1px solid #cccccc; 
    padding: 5px;
	color:#000;
	font-weight:bold; 
} 
#password_bar1{ 
    font-size: 11px; 
    background: #FF6633;     
    border: 1px solid #cccccc; 
    padding: 5px;
	color:#FFFFFF;
	font-weight:bold; 
} 
#password_bar2{ 
    font-size: 11px; 
    background: #FFFF00;     
    border: 1px solid #cccccc; 
    padding: 5px; 
	color:#006699;
	font-weight:bold;
} 
#password_bar3{ 
    font-size: 11px; 
    background: #7FFF00;     
    border: 1px solid #cccccc; 
    padding: 5px;
	color:#FFFFFF;
	font-weight:bold;
} 
/** End User **/

/** Support form **/
.support_form { position: fixed; right:0px; bottom:0px; width:295px; z-index: 9000; }
.support_form .title_support{ display:block; background: url("../images/img_hotrotructuyen.png") no-repeat top left; height:162px; }

.support_form .title_support .inner{ position: relative; }
.support_form .title_support .inner .image { position: absolute; right: 0px; top: -156px; z-index: -1; }
.support_form .title_support .inner .image img { width: 100px; }
.support_form .title_support span { color:white; font-size:17px; font-weight:bold; }

.support_form .content_support { display: none; background-color: #FDF9EE; }
.content_support .box_content_support { padding:10px 5px; border-bottom: 1px dotted #f9f9f9; position: relative; }

.box_content_support .image { float: left; width: 72px; margin-right: 20px; }
.box_content_support .image img { width: 72px; height: 72px; -moz-border-radius: 25px;-webkit-border-radius: 25px;-khtml-border-radius: 25px;border-radius: 25px; }

.box_content_support .info { float: left; width: 140px; }
.box_content_support .info .name { color: #000; font-size: 14px; font-weight: bold; }
.box_content_support .info .vitri { color: #333; font-size: 12px; font-style: italic; }
.box_content_support .info .dienthoai { color: #FF0000; font-size: 14px; }
.box_content_support .info .chat { margin: 5px 0px; }
.box_content_support .info .chat a:hover { opacity: 0.8; }
.box_content_support .info .chat a img { margin-right: 10px; }

.box_content_support .slogan { position: absolute; z-index: 9000; display: none; background: url("../images/bg_slogan.png") no-repeat top left; width: 270px; height: 103px; left: -270px; top: 0px; }
.box_content_support .slogan p { color: #fff; font-size: 12px; position: relative; z-index: 9000; margin-top: 26px; margin-left: 10px; }
.content_support .box_content_support:hover .slogan  { display: block; }
/** End Support form **/

/** LikeFB **/
#likeFB { position: fixed; top: 15%; right: -242px; width: 290px; z-index: 9999; }
.left_likeFB{ float: left; width: 48px; }
.right_likeFB  { float: left; width: 232px; background-color: #F7F7F7; padding: 5px;}
/** End LikeFB **/

/** Back Top **/
#back-top { position: fixed; bottom: 22px; right: 22px; text-align:center; }
#back-top a { width: 100%; height: 100%; display: block; text-align:center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a img { max-width: 100%; }
#back-top a img:hover { opacity: 0.9; }

/** Support online **/
#support_online { position: fixed; top: 15%; left: -183px; width: 228px; z-index: 9999; }
.left_support_online { float: left; width: 181px; background-color: #F7F7F7; border: 1px solid #ddd; min-height: 176px; }
.right_support_online { float: left; width: 39px; } 
/** End Support online **/

/** Bottom **/
#bottom { border-top: 2px solid #D7D7D7; padding: 20px 0px; }
#bottom .box_bottom { float: left; width: 350px; }
.box_bottom .title_box_bottom { border-bottom: 4px solid #ffc000; margin-bottom: 35px; }
.box_bottom .title_box_bottom h4 { color: #000; font-size: 22px; font-family: Roboto Regular; }

.box_bottom .tintuc_bottom { }
.box_bottom .tintuc_bottom img { float: left; width: 170px; margin-right: 10px; }
.box_bottom .tintuc_bottom .name { color: #323232; font-size: 16px; font-weight: bold; }
.box_bottom .tintuc_bottom .name:hover { color: #ffc000; }
.box_bottom .tintuc_bottom .mota { color: #848484; font-size: 13px; text-align: justify; }
.box_bottom .tintuc_bottom ul { padding-left: 10px; }
.box_bottom .tintuc_bottom ul li { line-height: 1.5; }
.box_bottom .tintuc_bottom ul li a { color: #424242; font-size: 13px; }
.box_bottom .tintuc_bottom ul li a:hover { color: #ffc000; }

.box_bottom .dk_banggia { font-size: 13px; color: #424242; }
.box_bottom .dk_banggia input.txt_email { background: url("../images/bg_dkmail.png") no-repeat top left; width: 201px; height: 29px; line-height: 29px; border: none; padding: 0px 5px; float: left; margin-right: 10px; }
.box_bottom .dk_banggia .btn_email { }
/** End Bottom **/

#sanpham{}
#sanpham .khung {
float: left;
/*background: url(images/khung.png) repeat;
border-bottom: 1px solid #CECECE;
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
margin-left: 4px;*/
}
#sanpham .khuyenm {
width: 220px;
float: left;
text-align: center;
}
#sanpham .hinhkm {
width: 220px;
float: left;
background: url(../images/qc1.png) no-repeat;
padding: 0px 0px 0px 0px;
margin-right: 10px;
height: 220px;
}
#sanpham .hinhkm img{
position: relative;
top: 53px;
left: 1px;
}
#sanpham .hinhkm img:hover{opacity:0.8}
#sanpham .hinh_a { float: left; margin: 3px 10px 0 0;}