body{

    background-color:#fff;

    padding:0;

    font-family:Arial;

    font-size:12px;

    margin:0px auto auto auto;

    color:#999999;

    background-color: #ccc;

}

a{

    text-decoration: none;

    color:#000;

}

hr{

    margin: 2px;

}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 10px;

    border-radius: 4px;

}

.pagination > li {

    display: inline;

}

.pagination > li > a,

.pagination > li > span {

    font-size: 14px;

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #111;

    text-decoration: none;

    font-weight:bold;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

    color: #2a6496;

    background-color: #eee;

    border-color: #ddd;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    z-index: 2;

    color: #2a6496;

    background-color: #eee;

    border-color: #ddd;

    cursor: default;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

    color: #999;

    cursor: not-allowed;

    background-color: #fff;

    border-color: #ddd;

}

.wrapper{

    width: 100%;

    max-width: 965px;

    height: auto;

    margin: 0 auto;

    padding: 0;

    background-color: #fff;

}

.header{

    display: block;

    width: 100%;

    position: relative;

}

.header-left{

    float: left;

    width: 15%;

}

.header-left img{

    width: 100%;

}

.header-right{

    float: right;

    width: 85%;

}

.header-right .top{

    position: relative;

    width: 100%;

    font-size: 14px;

    height: 90px;

}

.social-icons{

    float: right;

    position: relative;

    right: 12%;

    top: 16px;

}

#menu_header {

    width: 60%;

    float: right;

    padding-top: 2%;

}

#giohang {

    float: right;

    width: 27%;

    padding-left: 2%;

}

#icon_cart {

    float: left;

    height: 34px;

    width: 37px;

}

#thongtin_cart {

    float: left;

    padding-top: 10px;

    padding-left: 10px;

}

#search {

    width: 60%;

    position: absolute;

    right: 3px;

}

#input_search {

    float: left;

    height: 29px;

    width: 80%;

}

#button_search {

    float: right;

    width: 14%;

}

#button_search img{width: 100%}

.input_search {

    background-repeat: no-repeat;

    height: 29px;

    line-height: 29px;

    width: 100%;

    border: 1px solid #cfcfcf;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    display: block;

    color: #494949;

    padding-left: 5px;

    padding-right: 5px;

}

.header-banner{

    width: 100%;

    margin-top: 2px;

}

.header-banner img{

    padding: 0;

    margin: 0;

    width: 24.7%;

    height: 80px;

}

.main-slide{

    float: left;

    height: 327px;

    width: 70.5%;

    position: relative;

    z-index: 1;

}

.main-slide img{

    height: 327px;

}

.main1_right {

    float: left;

    width: 29.5%;

}

#form_login {

    float: left;

    height: 180px;

    margin-bottom: 5px;

    width: 100%;

}

.tieude {

    background-color: #156ec2;

    height: 34px;

    width: 97%;

    padding-left: 3%;

    line-height: 34px;

    

}

.tieude a{

    color: #fff;

    font-size: 16px;

    font-weight: bold;

}

#login {

    float: left;

    width: 97%;

}

.label {

    float: left;

    width: 25%;

    padding-left: 3%;

    font-weight: bold;

    padding-top: 17px;

}

.inputtext {

    float: left;

    height: 26px;

    width: 55%;

    padding-top: 10px;

}

.inputtext2 {

    float: right;

    height: 24px;

    width: 65%;

    padding-top: 10px;

}

.input {

    background-repeat: no-repeat;

    height: 24px;

    border: solid 1px #000;

    display: block;

    color: #000000;

    padding-left: 3px;

}

#button_dangnhap {

    float: left;

    width: 69%;

    padding-left: 30%;

    padding-top: 5px;

}

#button_dangnhap2 {

    float: left;

    width: 100%;

    text-align: center;

    padding-top: 5px;

}

#quenmatkhau2 {

    font-size: 14px;

    color: #898989;

    float: left;

    width: 100%;

    padding-top: 14px;

    text-align: center;

}

#quenmatkhau2 a {

    color: #898989;

    text-decoration: none;

}

#hotro2 {

    float: left;

    width: 100%;

}

#icon_user {

    float: left;

    padding-left: 5%;

    padding-top: 5px;

}

#icon_user img{

    width: 100%;

}

#quenmatkhau {

    font-size: 14px;

    color: #898989;

    float: left;

    width: 76%;

    padding-top: 14px;

    padding-left: 10px;

}

#quenmatkhau a {

    color: #898989;

    text-decoration: none;

}

#hotline {

    color: #0f7948;

    font-size: 14px;

    font-weight: bold;

    padding-left: 5%;

    margin: 10px 0;

}

.hotline_box{

    width: 90%;

    margin: auto;

    display: flex;

}

.hotline_box p {

    float: left;

    color: #f01b1f;

    font-size: 15px;

    font-weight: bold;

    width: 50%;

    padding-top: 7px;

    margin: 0px;

}

.hotline_box a{width: 15%}

#main2 {

    margin-top: 5px;

    width: 100%;

    background-repeat: repeat-y;

}

.td_danhmuc {

    background-color: #156ec2;

    height: 34px;

    width: 100%;

}

.td_danhmuc_left {

    width: auto;

    padding-left: 10px;

    line-height: 34px;

    text-transform: uppercase;

}

.td_danhmuc_left a{

    font-size: 16px;

    color: #FFF;

    line-height: 34px;

    height: 34px;

}

.td_danhmuc_right {

    float: right;

    width: 400px;

    padding-right: 10px;

    line-height: 34px;

    height: 34px;

    font-size: 16px;

    color: #FFF;

    text-align: right;

    font-weight: bold;

}

#danhmuc_left {

    width: 96%;

    padding-top: 20px;

    padding-left: 2%;

    padding-right: 2%;

}

#danhmuc_right {

    float: right;

    width: 35%;;

    padding-top: 5px;

}

.mot_danhmuc {

    float: left;

    width: 31%;

    padding-right: 2%;

    padding-top: 10px;

    padding-bottom: 5px;

}

.giamgia {

    float: left;

    width: 60px;

    padding-top: 30px;

    text-align: center;

    color: #fff400;

    font-weight: bold;

}

.arrow {

    float: left;

    height: 14px;

    width: 14px;

    padding-top: 3px;

    padding-left: 0px;

}

.ten_danhmuc {

    float: left;

    width: auto;

    padding-left: 1px;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 150px;

}

.danhmuc_line {

    float: left;

    height: 1px;

    padding-bottom: 5px;

    clear: both;

}

.hinh_dm_right {

    float: left;

    padding-bottom: 5px;

}

.hinh_dm_right img{

    width: 100%;

}

.tab_sanpham {

    float: left;

    height: 34px;

    width: 25%;

    text-align: center;

    line-height: 34px;

    color: #FFF;

    font-size: 14px;

    font-weight: bold;

}

#brand {

    width: 100%;

    margin: 20px 0 10px;

    height: 34px;

    background-color: #156ec2;

    -webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}

#brand img{width: 100%}

.product-sale{

    font:bold 14px Tahoma;

}

.product-sale td{width: 26%; position: relative}

.product-sale img{width: 100%}

.product-sale .product-name{

    color:#156ec2;

}

.product-sale .product-code{

    color: #ed1c24;

    text-align: center;

    font-size: 14px;

    padding-bottom: 5px;

    clear: both;

}

#footer {

    min-height: 150px;

    width: 98%;

    padding: 10px 0;

    margin: auto;

}

#footer_left {

    position: relative;

    z-index: 1;

    float: left;

    width: 48%;

    overflow: visible;

    margin-top: -10px;

}

#diachi {

    float: left;

    width: 100%;

    height: 125px;

    color: #000;

    font-size: 14px;

    line-height: 22px;

}

.clear {

    clear: both;

}

#chinhanh {

    height: auto;

    padding: 0px;

    color:#000;

}

#chinhanh ul {

    position: relative;

    list-style-type: none;

}

#chinhanh li {

    display: inline;

    float: left;

    width: 25%;

    white-space: nowrap;

}

#chinhanh li a {

    padding: 0 5px 0 10px;

    color: #000;

    text-decoration: none;

    background: url(../images/arr.png) no-repeat left 2px;

    font-weight: bold;

}

#companyname{

    font:bold 18px Arial;

    color:#156ec2;

}

.footer_center {

    float: left;

    position: relative;

    z-index: 0;

    width: 24%;

}

.tieude-footer {

    height: 50px;

    margin-bottom: 10px;

}

.contact-title{

    color: #eee;

    text-transform: uppercase;

    background-color: #E74B25;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    width: 120px;

    font: bold 14px Arial;

    text-align: center;

    padding: 7px 0;

    margin-bottom: 10px;

}

.chinhsach {

    float: left;

    color: #000;

    font-size: 13px;

    line-height: 22px;

}

.chinhsach a, .hotro_kh a  {

    color: #000;

    text-decoration: none;

}

.footer_right {

    float: right;

    z-index: 3;

    position: relative;

    width: 23%;

}

.tieude-footer {

    height: 50px;

    margin-bottom: 15px;

}

#chinhanh li .dropdown {

    display: none;

    line-height: 25px;

    position: absolute;

    width: auto;

    height: auto;

    color: #000;

    background: #fff;

    top: -110px;

    right: 20%;

    border: 5px solid #B70606;

    padding: 10px;

}

#chinhanh li:hover .dropdown{

    display: block;

}

.hotro_kh {

    float: left;

    color: #000;

    font-size: 13px;

    line-height: 22px;

}

#breadcrumb a{

    color:#fff;

    font: bold 16px Arial;

    text-transform: uppercase;

}

#breadcrumb span{

    color:#fff;

    font: 16px Arial;

}

.noidung_lienhe {

    text-align: justify;

    float: left;

    width: 95%;

    padding: 2%;

    height: auto;

}

.icon_register{

    width: 56%;

}

.icon_register img{

    width: 100%;

    float: left;

}

#thongtin_yc {

    color: #898989;

    font-size: 14px;

    float: right;

    width: auto;

    padding-top: 20px;

    padding-right: 10px;

}

.contact_form {

    width: 100%;

    padding: 10px;

    float: left;

    color:#000;

}

.dangnhap {

    float: left;

    width: 53%;

    margin-bottom: 5px;

}

.body_form {

    float: left;

    width: 100%;

    padding-bottom: 10px;

}

.button_guitt {

    float: left;

    width: 58%;

    text-align: right;

}

.button_nhaplai {

    text-align: left;

    float: right;

    width: 40%;

}

#contact_bottom {

    float: left;

    width: 44%;

}

#mail_address {

    float: left;

    width: 100%;

    padding-left: 10px;

    font-size: 12px;

    line-height: 24px;

}

.form_left {

    float: left;

    width: 37%;

    padding-left: 3%;

    font-size: 14px;

    padding-top: 7px;

}

.form_left1 {

    float: left;

    width: 37%;

    padding-left: 25px;

    font-size: 14px;

}

.input_box {

    height: 20px;

    width: 85%;

    border: solid 1px #999999;

    padding-top: 5px;

    padding-left: 5px;

}

#ma {

    float: left;

    width: auto;

    padding-bottom: 2px;

    padding-top: 7px;

}

#maantoan {

    float: left;

    height: 32px;

    width: 20%;

    padding-left: 10px;

}

.form_input {

    float: left;

    height: 28px;

    width: 55%;

}

.form_input1 {

    float: left;

    height: 28px;

    width: 40%;

    padding-top: 3px;

}

.form_area {

    float: left;

    width: 50%;

}

.form_input_ma {

    float: left;

    height: 28px;

    width: 55%;

}

#danhmuc_left1 {

    width: 97.5%;

    padding-top: 2%;

    padding-left: 1.5%;

    padding-right: 1%;

}

.mot_danhmuc2 {

    float: left;

    width: 24%;

    padding-top: 2%;

    margin-right: 1%;

}

.mot_danhmuc2:nth-child(4n){

    margin: 0;

}

.ten_danhmuc1 {

    width: auto;

    text-align: center;

    padding-left: 1px;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.ten_danhmuc1 a {

    font-size: 14px;

    color: #156EC2;

    font-weight: bold;

    text-decoration: none;

}

.hinh_danhmuc {

    width: 100%;

    text-align: center;

    padding-top: 6%;

    padding-bottom: 4%;

}

.hinh_danhmuc img{

    width: 100%;

    height: 137px;

}

#main_product {

    width: 100%;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #ebebeb;

}

#form_login2 {

    float: left;

    width: 100%;

    margin-bottom: 5px;

}

.tieude2 {

    background-color: #156ec2;

    float: left;

    height: 34px;

    width: 96%;

    padding-left: 10px;

    line-height: 34px;

    font-size: 16px;

    color: #FFF;

    font-weight: bold;

}

.tieude2 a {

    color: #FFF;

    text-decoration: none;

}

#nd_hotro2 {

    float: left;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

}

#hotline1 {

    float: left;

    color: #979797;

    font-size: 14px;

    font-weight: bold;

    padding-left: 20px;

    width: 42%;

}

#hotline1 h1 {

    float: left;

    color: #f01b1f;

    font-size: 14px;

    font-weight: bold;

    padding-top: 7px;

    margin: 0px;

}

#hotline_icon {

    float: left;

    width: 47%;

}

#login2 {

    float: left;

    width: 100%;

}

.ht2 {

    float: left;

    width: 100%;

}

.icon_hotro img{

    width: 70%;

}

.icon_hotro2 {

    float: left;

    text-align: center;

    padding-top: 5px;

}

.icon_hotro2 img{width: 70%}

#tuychonmua {

    float: left;

    width: 100%;

    padding-bottom: 5px;

}

.hang_sx {

    float: left;

    width: 100%;

}

.hang_ten {

    float: left;

    width: 96%;

    font-weight: bold;

    font-size: 14px;

    padding-left: 2%;

    padding-top: 5px;

}

.hang_thongtin {

    float: left;

    width: 90%;

    padding-top: 5px;

    padding-left: 5%;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.hang_thongtin a {

    color: #000;

    text-decoration: none;

}

#khuyenmai {

    float: left;

    width: 100%;

    padding-bottom: 5px;

}

.product {

    float: left;

    width: 74.75%;

}

.product_td {

    float: left;

    height: 34px;

    width: 100%;

    background-color: #156ec2;

}

.line {

    float: left;

    height: 34px;

    width: 2px;

}

.tieude_detail {

    line-height: 34px;

    color: #FFF;

    float: left;

    height: 34px;

    width: auto;

    padding-left: 10px;

    font-size: 14px;

}

.tieude_detail a {

    font-size: 16px;

    color: #FFF;

    text-decoration: none;

}

.product_dt1 {

    float: left;

    width: 100%;

    padding-top: 15px;

}

.one_productsearch {

    float: left;

    width: 31%;

    margin-left: 2%;

    padding-bottom: 10px;

    position: relative;

}

.one_productsearch:nth(3n) {margin-right: 0;}

.one_product_image {

    text-align: center;

    height: 119px;

    margin-top: 10px;

}

.one_product_image img{

    width: 100%;

}

.one_product_name1 {

    text-align: center;

    padding-top: 10px;

    font-size: 10px;

    color: #156ec2;

    font-weight: bold;

    text-overflow: ellipsis;

    overflow: hidden;

}

.newsgiamgia {

    position: absolute;

}

.one_product_name1 a {

    font-size: 14px;

    color: #156ec2;

    font-weight: bold;

    text-decoration: none;

}

.one_product_ma1 {

    color: #990000;

    text-align: center;

    padding-top: 5px;

    font-size: 14px;

    text-overflow: ellipsis;

    overflow: hidden;

}

.gia_sanpham_moi {

    font-size: 14px;

    color: #754c24;

    text-align: center;

    font-weight: bold;

    padding-bottom: 5px;

    clear: both;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.gia_sanpham_moi a{

    color: red;

}

.main2_right{

    width: 25%;

    float: left;

    display: block;

    border: solid 1px #999999;

}

.input2 {

    height: 18px;

    width: 90%;

    border: solid 1px #000000;

    display: block;

    color: #959595;

    padding-top: 5px;

}

.lisPhanTrang {

    float: right;

    padding: 5px;

}

.sale{

    background: url(../images/sale.png) no-repeat center center !important;

    width: 60px;

    height: 65px;

    display: block;

    color:#fff400;

    position: absolute;

    top:0%;

    right: 10%;

    padding-top: 55px;

    font-size: 12px;

    opacity:  1 !important;

}

.liquidate{

    width: 41%;

    display: block;

    position: absolute;

    top:0;

    left: 0;

    opacity:  1 !important;

    background: none !important;;

}

.product_dt {

    float: left;

    padding-top: 5px;

    width: 96%;

}

.product_image {

    float: left;

    width: 49%;

    padding-top: 15px;

    padding-right: 2%;

    padding-bottom: 5px;

    padding-left: 2%;

}

.product_detail_image {

    float: left;

    width: 100%;

}

.product_detail_image img{width: 100%;}

.product_info {

    float: left;

    width: 46%;

    border-left: 2px solid #ebebeb;

    color:#000;

}

#info_name {

    text-align: center;

    width: 100%;

    padding-top: 10px;

    font-size: 15px;

    font-weight: bold;

    color: #ed1c24;

}

.info_detail {

    width: 100%;

    padding-top: 2%;

    padding-right: 5%;

    padding-left: 5%;

    font-size: 14px;

    clear: both;

}

.info_left {

    float: left;

    width: 50%;

}

.info_right {

    float: left;

    width: 50%;

}

.icon_sale2 {

    float: left;

    height: 31px;

    width: 31px;

}

.off {

    float: left;

    width: auto;

    padding-top: 8px;

    color: #ed1c24;

    padding-left: 1%;

}

.gia_da_giam {

    color: #ed1c24;

    float: left;

    width: 50%;

    padding-top: 8px;

}

.gia_giam {

    color: #39b54a;

    text-decoration: line-through;

    float: left;

    width: 50%;

}

.soluong {

    width: 86%;

    margin-right: 5%;

    margin-left: 5%;

    float: left;

    font-size: 14px;

    border-top-width: 1px;

    border-top-style: dotted;

    border-top-color: #d2d2d2;

    padding-top: 10px;

    margin-top: 10px;

}

.input_sl {

    float: left;

    height: 21px;

    width: 44px;

    padding-left: 10px;

    padding-top: 3px;

}

.button_dh {

    float: right;

}

.button_dh img{

    width: 100%;

}

.sosanh {

    float: left;

    width: 120px;

    padding-top: 5px;

}

.printNews {

    float: right;

    line-height: 14px;

    width: 28%;

    margin-left: 3%;

    margin-top: 5px;

}

.thongtin_sp {

    float: left;

    width: 100%;

}

.thongtin_sp_td {

    background-color: #7ab7aa;

    float: left;

    height: 34px;

    width: 717px;

}

.tabs, .tabs-game {

    width: 100%;

    position: relative;

    margin-top: 20px;

}

.tabs input, .tabs-game input {

    position: absolute;

    top: 10px;

    left: 0;

    display: none;

}

.tabs input.tab-selector-0:checked ~ label.tab-label-0, 

.tabs-game input.tab-game-selector-0:checked ~ label.tab-game-label-0,

.tabs input.tab-selector-1:checked ~ label.tab-label-1,

.tabs-game input.tab-game-selector-1:checked ~ label.tab-game-label-1,

.tabs input.tab-selector-2:checked ~ label.tab-label-2,

.tabs-game input.tab-game-selector-2:checked ~ label.tab-game-label-2,

.tabs input.tab-selector-3:checked ~ label.tab-label-3,

.tabs-game input.tab-game-selector-3:checked ~ label.tab-game-label-3{

    z-index: 6;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    background-color: #000;

}

.tabs label, .tabs-game label {

    display: block;

    float: left;

    position: relative;

    cursor: pointer;

    white-space: nowrap;

    width: 24.5%;

    height: 40px;

    font: 15px Arial;

    text-align: center;

    color: #fff;

    background: #156ec2;

    margin-bottom: -1px;

    z-index: 1;

    line-height: 40px;

    border-left: 2px solid #999999;

}

.clear-shadow {

    clear: both;

}

.tabs-content {

    position: relative;

    width: 100%;

    z-index: 5 !important;

    /* border: #e3e3e3 solid 1px; */

    min-height: 185px;

    margin-bottom: 10px;

    margin-top: 20px;

}

.tabs-content img, .tabs-content iframe, .tabs-content table{

    max-width: 100% !important;

}

.tabs input.tab-selector-0:checked ~ .tabs-content .content-0,

.tabs input.tab-selector-1:checked ~ .tabs-content .content-1,

.tabs input.tab-selector-2:checked ~ .tabs-content .content-2,

.tabs input.tab-selector-3:checked ~ .tabs-content .content-3{

    opacity: 1;

    z-index: 100 !important;

    position: relative;

}

.tabs-content section {

    position: absolute;

    overflow: hidden;

    opacity: 0;

    background: #fff;

    transition: opacity .4s;

    color:#000;

}

.mottin {

    float: left;

    width: 100%;

    border-bottom-width: 1px;

    border-bottom-style: dashed;

    border-bottom-color: #000;

    padding-bottom: 10px;

    margin-bottom: 5px;

}

.tieude_tin {

    font-weight: bold;

    color: #754c24;

    float: left;

    width: 100%;

    padding-top: 5px;

    padding-bottom: 5px;

}

.hinh_tin {

    float: left;

    width: 20%;

    border: 1px solid #ebebeb;

    margin-right: 1%;

}

.hinh_tin img{

    width: 100%;

}

.tomtat_tin {

    float: left;

    width: 75%;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    height: 60px;

}

.xem_chitiet {

    float: left;

    width: 70%;

    padding-bottom: 5px;

    text-align: right;

    font-size: 11px;

    padding-left: 2%;

}

.xem_chitiet a {

    color: #b70606;

    text-decoration: none;

}

tieude_tin a {

    color: #754c24;

    text-decoration: none;

}

.tinorder {

    float: left;

    font-size: 12pt;

    padding-left: 10px;

    padding-top: 10px;

    font-weight: bold;

}

.hr {

    float: left;

    color: #754c24;

    width: 98%;

    padding-left: 5px;

}

.newsorder {

    float: left;

    padding: 5px;

    clear: both;

    width: 95%;

}

.newsorder a {

    text-decoration: none;

    color: #FF0000;

    font-size: 14px;

}

.row_textbox {

    float: left;

    width: 100%;

    padding-right: 2%;

    padding-left: 2%;

}

.list_chon_sp {

    width: 98%;

}

.text_box {

    float: left;

    width: 29.5%;

}

#sosanh {

    width: 100%;

    padding-bottom: 5px;

    padding-top: 5px;

}

#sosanh_left {

    float: left;

    width: 12%;

}

#sosanh_td, #hinh_sp, .nsx_sp, .nsx_ss{

    float: left;

    text-align: right;

    width: 100%;

    padding-right: 1%;

    font-weight: bold;

    margin-bottom: 2px;

    border: 1px solid #A2F0C7;

}

#sosanh_td {

    height: 28px;

}

#hinh_sp {

    height: 100px;

    line-height: 100px;

}

.nsx_sp {

    height: 30px;

    line-height: 30px;

}

.nsx_ss {

    height: 240px;

    line-height: 240px;

}

.sp_ss {

    float: left;

    width: 29%;

}

.sale2 {

    float: left;

    height: 65px;

    width: 60px;

    position: absolute;

    right: 8px;

    top: 14px;

    background-image: url(../images/sale.png);

    background-repeat: no-repeat;

}

.giamgia2 {

    float: left;

    width: 60px;

    padding-top: 30px;

    text-align: center;

    color: #fff400;

    font-weight: bold;

}

.sosanh_td, .sosanh_td1,

.hinh_sp_ss,

.nsx_sp_sp, .nsx_sp_sp1,

.ss_noidung, .ss_noidung1{

    float: left;

    display: block;

    text-align: left;

    margin-bottom: 2px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    border: 1px solid #A2F0C7;

}

.sosanh_td, .sosanh_td1 {

    height: 30px;

    width: 100%;

    line-height: 30px;

    text-align: center;

    background-color: #004219;

    font-weight: bold;

    color: #FFFFFF;

    border: none;

}

.sosanh_td1{background-color: #fff; color: #000}

.hinh_sp_ss{

    width: 99%;

    height: 90px;

    padding-top: 5px;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}

.nsx_sp_sp, .nsx_sp_sp1 {

    width: 97%;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    padding-left: 5px;

    background-color: #a2f0c7;

    color: #333;

}

.ss_noidung, .ss_noidung1 {

    width: 97%;

    background-color: #a2f0c7;

    color: #333;

    height: 240px;

    padding: 5px 0 5px 5px;

    white-space: normal;

}

.nsx_sp_sp1, .ss_noidung1{

    background-color: #fff;

}

.sosanh_line {

    float: left;

    width: 1px;

}

.do {

    color: #ed1c24;

}

.top_form {

    float: left;

    height: 24px;

    width: 600px;

}

.ten_form {

    float: left;

    width: auto;

    font-size: 14px;

    line-height: 24px;

    color: #0076a3;

    text-transform: uppercase;

}

.top_form_right {

    float: left;

    height: 24px;

    width: 100px;

    background-image: url(../images/form_bg_top_right.png);

    background-repeat: repeat-x;

    margin-left: 2px;

}

#login1 {

    text-align: center;

    padding-top: 12px;

    width: 100%;

}

#loginsucess {

    float: left;

    padding-top: 7px;

    padding-left: 1%;

    width: 100%;

    font-weight: bold;

    font-size: 16px;

    color: #00823D;

}

#bandangnhap {

    float: left;

    padding-top: 15px;

    width: 100%;

    text-align: center;

    font-weight: bold;

    font-size: 14px;

    color: #FF0000;

}

#bandangnhapnam {

    float: left;

    padding-top: 15px;

    width: 100%;

    text-align: center;

    font-weight: bold;

    font-size: 14px;

    color: #0066FF;

}

.catalog{

    background: url('../images/catalog_bg.jpg') no-repeat;

    position: relative;

    width: 100%;

    display: block;

    min-height: 200px;

    padding-top: 200px;

    padding-left: 10%;

}

.catalog-item img{

    float:left;

    margin-right: 5%;

}

.catalog-item div{

    float:left;

    padding-top: 5px;

}

.catalog-item a{

    font-size: 14px;

    color:#000;

    margin-bottom: 5px;

}

.catalog-item a:hover{color:#00823D;}

.icon_register3 {

    width: 100%;

    margin-top: 5px;

}

.myaccount_form {

    text-align: center;

    width: 100%;



    padding-right: 2%;

    padding-left: 2%;

    padding-bottom: 20px;

}

.account {  

    width: 60%;

    border: 1px solid #ebebeb;

    margin-bottom: 5px;

    text-align: center;

    margin-left: 18%;

}

.top_form1 {

    background-repeat: no-repeat;

    float: left;

    height: 24px;

    width: 100%;

    padding-left: 5%;

}

.body_form1 {

    background-repeat: repeat-y;

    float: left;

    width: 100%;

    padding-bottom: 10px;

}

.dangnhap_bt {

    float: left;

    height: 38px;

    width: 40%;

    padding-left: 5%;

}

.quen_mk {

    float: left;

    width: auto;

    padding-top: 10px;

    font-size: 14px;

    padding-left: 6%;

}

.forgot_form {

    width: 100%;

    padding-left: 3%;

    padding-bottom: 20px;

    color: #000;

}

.body_form_top {

    width: 100%;

    padding-bottom: 10px;

    text-align: center;

    font-size: 14px;

}

#language{

    position: absolute;

    top: 18px;

    right: 1%;

}

.doi_tt1{

    width: 100%;

    padding-top: 10px;

    padding-left: 40px;

    background-image: url(../images/arrow.png);

    background-repeat: no-repeat;

    background-position: 20px 12px;

}

.doi_tt1 a {

    color: #007636;

    text-decoration: none;

    font-size: 14px;

}

.counter{

    position: fixed; bottom: 0; right: 14%;

}

.read-more{

    clear: both;

    font: bold 16px Arial;

    width: 100px;

    text-align: center;

    margin: auto;

    padding: 8px 5px;

    border: 1px solid #E74B25;

    border-radius: 5px;

}

.read-more a{color:#E74B25;}

.at-icon-wrapper{

    border-radius: 50%;

    -moz-border-radius:50%;

    -webkit-border-radius:50%;

}

.category-left .tree{padding: 0 10%;}

.category-left .tree li{

    list-style: none;

    margin: 15px 0;

}

.category-left .tree li .dropdown{cursor: pointer;} 

.category-left .tree li a{ position: relative;top: -4px}

.category-left .tree li ul li{

    list-style: square;

    margin: 10px 0;

}

.category-left .tree li ul li a{ position: relative;top: 0px}
.socials {
    background-image: url(../images/socials.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}

.socials_facebook {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.socials_twitter {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}

.socials_social_google_plus {
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
}

.socials_linkedin {
    width: 32px;
    height: 32px;
    background-position: -131px -5px;
}

.socials_pinterest{
    width: 32px;
    height: 32px;
    background-position: -173px -5px;
}

@media (max-width: 1024px){

    .counter{

        right: 0%;

    }

}

@media (max-width: 950px){

    

}

@media (max-width: 878px){

    .header-right .top{

        height: 75px;

    }

    #quenmatkhau a{

        font-size: 13px;

    }

    .input{width: 100%;}

    .ten_danhmuc a{

        font-size: 13px;

    }

    #hotline1 h1{

        font-size: 13px;

    }

    #companyname{

        font-size: 16px;

    }

}

@media (max-width: 824px){

    .header-right .top{

        height: 70px;

    }

    #quenmatkhau{

        width: 74%;

    }

    #quenmatkhau a{

        font-size: 11px;

    }

    #hotline{

        

    }

    .ten_danhmuc a{

        font-size: 12px;

    }

    #hotline1 h1{

        font-size: 12px;

    }

    #quenmatkhau2, .hang_thongtin{

        font-size: 13px;

    }

    .tieude2{width: 95%;}

    #companyname{

        font-size: 15px;

    }

}

@media (max-width: 768px){

    .hotline_box p{font-size: 12px}

}

@media (max-width: 640px){

    .header-right .top {

        font-size: 12px;

    } 

}