﻿* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {cursor:pointer;}
.clear {clear:both;}
a:hover {text-decoration:none; cursor:pointer}
img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
h1,h2, h3, h4, h5, h5, p, ul, li {margin:0; padding:0;}
.language {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 9999;
}
.language a{}
footer {
    float: left;
    width: 100%;
}
.btnThanhtoan {
    background: #c73925;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.sp_brief, .sp_detail {
    float: left;
    width: 100%;
}
    .sp_brief .product_img {
        float: left;
        width: 260px;
        position: relative;
        text-align: center;
    }
    .sp_brief .iconzoom {
        position: absolute;
        bottom: 0;
        right: 15px;
        width: 26px;
        height: 26px;
        background: url(../images/icon_zoom.png) no-repeat center center;
    }
    .sp_brief h2 {
        padding-left: 280px;
        color: #0898e1;
    }
.sp_brief address {
    padding-left: 280px;
}
.sp_brief address .cycle {
    background: url(../images/dot.jpg) no-repeat left center;
    display: block;
    padding-left: 20px;
}
.dathang {
    background-image: none !important;
    background-color: #ffc404 !important;
    width: auto !important;
    border-radius: 5px;
    padding: 5px 15px;
    height: auto !important;
    margin: 0 0 0 15px !important;
    color: #fff;
    cursor: pointer;
    text-decoration: none !important;
}
.sp_brief address > div > a {
    background-image: url(../images/icon_social.jpg);
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.sp_brief address .print {
    background-position: 0px 0px;
}
.sp_brief address .facebook {
    background-position: -22px 0px;
}

.sp_brief address .twitter {
    background-position: -44px 0px;
}
.sp_brief address .google {
    background-position: -66px 0px;
}.sp_brief address .blooming {
     background-position: -89px 0px;
 }
.sp_detail ul.detail {
    list-style-type: none;
    padding: 0;
    border-bottom: 1px solid #ffc404;
}
.sp_detail .detail li a {
    border-color: #ffc404 #ffc404 transparent;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px 5px 0 0;
    padding: 12px 15px;
    background: #fff;
    line-height: 2.8;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.paging {
    width: 100%; text-align:center; padding:10px 0px;
}
.paging a {
    display: inline-block;
    padding: 5px 10px;
    color: #000;
    border: 1px solid #f1f1f1;
    margin-right: 5px;
}
.paging a.active {
    border-color: red;
}
.footerwrap1 {
    max-width: 1230px;
    background: #444;
    margin: 0 auto;
    padding: 15px 0;
}
.imgpro {
    float: left;
    width: 40%;
    margin-right: 15px;
}
.contentpro {
    float: left;
    width: 58%;
}

.contact-drawer {
    position: fixed;
    left: -260px;
    z-index: 4000;
    width: 260px;
    height: auto;
    background: #fff;
    border-right: 3px solid #007db8;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-left: 1px solid #a9a9a9;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
}
    .contact-drawer .contact-drawer-tab {
        font-size: 18px;
        cursor: pointer;
        background: #007db8;
        color: #fff;
        width: auto;
        padding: 4px 15px;
        margin: -1px 0 0 80px;
        border-left: 1px solid #007db8;
        position: absolute;
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform-origin: top right;
        -moz-transform-origin: top right;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-box-shadow: -2px 0 5px 0 rgba(0, 0, 0, .3);
        -moz-box-shadow: -2px 0 5px 0 rgba(0, 0, 0, .3);
        box-shadow: -2px 0 5px 0 rgba(0, 0, 0, .3);

    }

.contact-drawer .contact-drawer-content {
    width: 240px;
    display: block;
    padding: 20px;
    background: #fff;
}
.hotro-item div {
    margin-bottom: 5px;
    font-size: 16px;
}

.hotro-item h4 {
    margin-bottom: 5px;
}

.hotro-item i {
    font-size: 20px;
    color: #335dab;
    margin-right: 10px;
}

.hotro-item {
    border-top: 1px dashed #ccc;
    padding-top: 5px;
    margin-bottom: 5px;
}

hotro-item.first {
    border: none;
}
.contact-drawer {
     top: 225px;
 }

.clients ul li {
    margin-top: 10px;
}
.product-item {margin:10px 0px; border:solid 1px #f1f1f1; padding:5px;}
.product-img {position:relative; height:160px; display:block; overflow:hidden;}
.product-img img {max-width:100%; position:absolute; max-height:100%; margin:auto; left:0; top:0; right:0; bottom:0;}
.product-item h3 {margin:0;}
.product-item h3 a {
    color: #0095df;
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-weight: bold;
    font-size: 15px;
    margin: 5px 0px;
    text-align: center;
}
.product-item  p {color:#ffc404; text-align:center; line-height:30px;}