/* roboto */ 
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;  src: url('Roboto-Light.ttf') format('truetype');  }
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 400;  src:  url('Roboto-Regular.ttf') format('truetype');  }
@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 400;  src:  url('Roboto-Italic.ttf') format('truetype');  }
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 700;  src: url('Roboto-Bold.ttf') format('truetype');  }


/* Data table */

.tbldata caption{display:none;}		
table.tbldata{border-collapse:collapse;clear:both;  font-size:13px; color:#000;BORDER-BOTTOM: #E2E2E2 0px solid; BORDER-TOP: #E2E2E2 0PX SOLID; BORDER-LEFT: #E2E2E2 0px solid; BORDER-RIGHT: #E2E2E2 0px solid;}
.tbldata td img{text-align:right; font-size:13px;float: left;padding-right: 10px;}
.tbldata th img{float:right;margin:4px 4px 0 0;} 
.tbldata tr.msgnew{font-size: 15px;}
.sale_gia{
    background: #ff9601;
    font-size: 12px;
    color: #fff;
    padding: 1px 10px 1px 5px;
    position: relative;
    display: inline-block;
    height: 18px;
    width: 65px;
    -webkit-border-radius: 1px 0 0 1px;
    -moz-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px;
    margin: 0;
    text-transform: uppercase;
        margin-top: 5px;
}

.tbldata thead th{border-top-color:#FFF;border-bottom-color:#E2E2E2;border-right-color:#C1C1C1;background-color:#E2E2E2;} 
.tbldata thead th.sortcol{background-color:#C1C1C1;}
.tbldata tbody td{border-color:#E2E2E2; font-size: 15px; border-width: 1px 1px 1px 1px;}
.tbldata tr.selected td {background-color: #efefef; border-bottom-color:#E2E2E2; }
.text_def{font-size: 15px;color:#5d5d5d;}
.text_def a:link,.text_def a:visited{font-size: 15px;color:#5d5d5d;}
.text_def a:hover{color:#333333;font-size: 15px;}
.text_def h3{margin-bottom:10px;font-size:20px;}
.title_hot_news{color:#c00005;}
.title_hot_news a:link, .title_hot_news a:visited{color:#c00005;text-decoration:none;}
.title_hot_news a:hover{color:#c00005;text-decoration:underline;}
.title_news{color:#000000;font-weight:bold;}
.title_news a:link, .title_news a:visited{color:#000000;text-decoration:none;}
.title_news a:hover{color:#000000;text-decoration:underline;}
.linkbt a:link, .linkbt a:visited{color:#ffffff;text-decoration:none}
.linkbt a:hover{color:#ffffff;text-decoration:underline;}
.sharelink a:link, .sharelink a:visited{color:#9a9a9a;text-decoration:none;}
.sharelink a:hover{color:#9a9a9a;text-decoration:underline;}
.link_text{color:#0c73aa;text-decoration:none;}
.link_text a:link, .link_text a:visited{color:#0c73aa;text-decoration:underline;}
.link_text a:hover{color:#0c73aa;text-decoration:underline;}
.link_text{color:#0c73aa;text-decoration:none;}
.menuleft a:link, .menuleft a:visited{color:#0c73aa;text-decoration:none;vertical-align:top;}
.menuleft a:hover{color:#0c73aa;text-decoration:underline;vertical-align:top;}
.menu_left_active{color:#FC0A22;text-decoration:none;vertical-align:top;}
.menu_left_active a:link{color:#FC0A22;text-decoration:none;vertical-align:top;}
.menu_left_active a:visited{color:#FC0A22;text-decoration:none;vertical-align:top;}
.menu_left_active a:hover{color:#FC0A22;text-decoration:none;vertical-align:top;}
.title_box{height:27px; line-height:27px; padding-left:10px; color:#FFFFFF;}
.title_box a:link, .title_box a:visited, .title_box a:hover{color:#FFFFFF;text-decoration:none;}
.bd_cat{border-bottom:solid 1px #CCCCCC;}
.text_group{float: left;

    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
text-align: center;
    width: 100%;

}



.text_group a{color:#483527;text-decoration:none;font-size:30px;font-weight: bold;text-transform: uppercase;}
.text_group a:hover{color:#483527;text-decoration:none;}

.text_groupsub {
    float: right;
}
.text_groupsub a {
    color: #222;
    font-size: 14px;
    padding-right: 8px;
    padding-left: 8px;
}
.text_groupsub a:hover {
    color: #39a1fb;
    text-decoration: none;
}

.text_group_sub{float:right; padding-right: 5px;

}

.text_list{color:#666;font-size: 15px;
transition: transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear;
}
.text_list:hover{
        transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
}
.text_list a{font-size: 14px;}
.text_list a:link, .text_list a:visited{color:#222;text-decoration:none;font-weight: bold;}
.text_list a:hover{color:#39a1fb;text-decoration:none;}
.readmore a:link, .readmore a:visited{color:#003b60;text-decoration:none;font-style:italic;}
.readmore a:hover{color:#cb0005;text-decoration:underline;}

/* sitepath */
.site_path{padding:10px 0 5px 0;font-size: 15px;color:#333333;}
.site_path a:link, .site_path a:visited{color:#0c73aa;text-decoration:none;}
.site_path a:hover{color:#AE0200;text-decoration:underline;}
.cactinkhac{font-size:15px;font-weight:bold;color:#333333;}

/* FORM CONTACT */
.tieu_de_contact{font-size:17px;color:#333333;padding-bottom:10px;}

/* SAN PHAM */
.list_other_product{float:left;width:130px;height:100px;background-color:#FFCC66;margin-right:1px;}
.list_other_product img{border:0;max-width:130px;max-height:100px;}
.sanphamkhac{color:#000;font-size:16px;}
.box_list_sp{float:left; width:292px; border: 1px solid #f1f1f1;
text-align:center;margin-bottom:10px;position: relative;}
.box_list_sp:hover{	}
.img_list_sp{float: left;overflow: hidden;width: 290px;height: 290px;}
.img_list_sp img{
    width: 290px;height: 290px;

    }
.img_list_sp:hover img{
}


.box_list_sp .sp_mota{position: relative;height: 350px;  border: 1px solid #fff;}
.box_list_sp .sp_mota:hover{  border: 1px solid #fff;}
.box_list_sp .title_sp a{font-size: 15px;color:#242424;font-weight: 300;text-align: left;}
.box_list_sp .title_sp a:hover{text-decoration: none;color: #242424;}

.box_list_sp2{float:left; width: 180px;text-align:center;margin-bottom:10px;position: relative;height:232px;}
.box_list_sp2:hover{	border: 1px solid #ff9000;}
.line_bt_sp{background-image:url(../images/line_row.jpg); background-repeat:repeat-x; height:0px;background-position:center center;}
.title_sp{font-size: 15px;color:#5d5d5d;padding-top:0px;padding-left: 5px;padding-right: 3px;font-weight: bold;text-align: left; height: 35px;}
.box_list_sp2 .sp_mota{position: relative;height: 350px;  border: 1px solid #fff;}
.box_list_sp2 .sp_mota:hover{  border: 1px solid #96B1D4;}
.box_list_sp2.title_sp a{
    
    font-size: 15px;color:#747474;font-weight: normal;text-align: left;}
.box_list_sp2.title_sp a:hover{text-decoration: underline;color: #313131;}
.ghi_chu2{font-size: 15px;color:#5d5d5d;text-align: left;padding-right: 5px;}

.gia_sp_sefll{
    float: right;
    color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    height:17px; font-weight:normal; line-height:17px; text-align:right;padding-right: 5px;
}
.gia_sp_s_12{
     float: left;
    color: #242424;font-weight: 500;font-size:15px;}


 .gia_sp_body{
    padding-top: 10px;
}



.gia_sp{    float: left; height:17px; color: #ff4a20; margin:0 auto; font-size:17px; font-weight:600; line-height:17px; text-align:left;padding-bottom: 3px;padding-top: 3px; padding-left: 5px;}
.gia_sp_sell{
    float: right;
    color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    height:17px; font-weight:300; line-height:17px; text-align:right;padding-bottom: 3px;padding-top: 3px; padding-right: 5px;}



.box_list_sp_1{
    float: left;
    width: 382px;
    border: 1px solid #f1f1f1;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    margin-right: 15px;
    padding-right: 10px;

}
.box_list_sp_1:hover{	}
.img_list_sp_1{float: left;width: 390px;height: 390px;}
.img_list_sp_1 img{
    width: 390px;height: 390px;

    }
.img_list_sp_1:hover img{
}


.box_list_sp_1 .sp_mota_1{position: relative; border: 1px solid #fff; float: left;}
.box_list_sp_1 .sp_mota_1:hover{  border: 1px solid #fff;}
.box_list_sp_1 .title_sp_1 a{font-size: 12px;color:#242424;font-weight: bold;text-align: left;}
.box_list_sp_1 .title_sp_1 a:hover{text-decoration: none;color: #242424;}

.box_list_sp2_1{float:left; width: 180px;text-align:center;margin-bottom:10px;position: relative;height:232px;}
.box_list_sp2_1:hover{	border: 1px solid #ff9000;}
.line_bt_sp_1{background-image:url(../images/line_row.jpg); background-repeat:repeat-x; height:0px;background-position:center center;}
.title_sp_1{font-size: 15px;color:#5d5d5d;padding-top:0px;padding-left: 5px;padding-right: 3px;font-weight: bold;text-align: left; height: 35px;}
.box_list_sp2_1 .sp_mota_1{position: relative;border: 1px solid #fff;}
.box_list_sp2_1 .sp_mota_1:hover{  border: 1px solid #96B1D4;}
.box_list_sp2_1.title_sp_1 a{
    
    font-size: 15px;color:#747474;font-weight: normal;text-align: left;}
.box_list_sp2_1.title_sp a:hover{text-decoration: underline;color: #313131;}
.ghi_chu2_1{font-size: 15px;color:#5d5d5d;text-align: left;padding-right: 5px;}

 .gia_sp_body_1{
    padding-top: 10px;
    float: left;
    width: 270px;
}

.box_list_sp_1 .btn_mua_body {
    float: right;
    width: 60px;
        margin-top: 17px;
    margin-right: 10px;
}

.btn_mua_body .btn_mua_idia{
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 9px 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
    cursor: pointer;

}
.line_col_sp{float:left; width:13px; background-image:url(../images/line_col.jpg); background-repeat:no-repeat; height:186px; background-position:top center;}
.muahang_sp{text-align: right;bottom: 8px;right: 0px;position: absolute;}
.line_col_sp_index{float:left; width:30px; background-image:url(../images/line_col.jpg); background-repeat:no-repeat; height:10px; background-position:top center;}
.text_666{color:#666666;font-size:13px;}


















.sp_cung_loai_sub{
    
    margin-bottom: 18px;
    margin-top: 17px;
    position: relative;
}
.sp_cung_loai_sub .rank{
        display: block;
    width: 19px;
    height: 19px;
    background: #e29e21;
    color: #fff;
    top: -3px;
    left: -3px;
    position: absolute;
    z-index: 2;
    text-align: center;
    line-height: 19px;
    text-shadow: 1px 1px 1px #4c4949;
    font-weight: 700;
    border-radius: 2px,;
}







