*{margin:0;padding:0;outline:none}

a, div, p, table, h1, h2, h3, h4, input{
	font-size:14px;
    font-family: 'Roboto', sans-serif;
}
/*@font-face{
    font-family: 'tex';
    src:url(fonts/texgyreadventor-regular.otf);
}
@font-face{
    font-family: 'tex';
    src:url(fonts/texgyreadventor-bold.otf);
    font-weight: bold;
}
@font-face{
    font-family: 'tex';
    src:url(fonts/texgyreadventor-italic.otf);
    font-style: italic;
}
@font-face{
    font-family: 'tex';
    src:url(fonts/texgyreadventor-bolditalic.otf);
    font-weight: bold;
    font-style: italic;
}*/
ul, li{

	list-style: none;

	padding: 0;

	margin: 0

}

a{

	text-decoration:none;

	color: #231f20;

}

a:hover{

	text-decoration: none;

}

a:focus{

	outline:none

}
body{
    background: #e1e1e1;
}
.header{
}
#section{
}
.footmsg{
    background: #273896;
    padding: 20px 0px;
    color: #ffffff;
    width: 100%;
    float: left;
}

.copyright{
    background: #11206f;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    width: 100%;
    float: left;
    text-align: center;
}
.copyright p{

    padding: 0px 15px;
    margin-bottom: 0px;
    font-size: 13px;

}

.footmsg a{

    color: #ffffff;

}

p.title-footmsg {

    color: #ffffff;

    text-transform: uppercase;

    font-size: 16px;

}

p.info-i {

    font-size: 13px;

    margin-bottom: 0px;

    line-height: 30px;

}

p.info-i i{

    margin-right: 10px;

}

/*Không được phép xóa*/

#timeoutsess{display:none}

.chromeframe {

    position:fixed !important;

    top:0 !important;

    right:0;

    left:0;

    width:100% !important;

    z-index:99999999999999 !important;

    background-color:#ffff00 !important;

    color:#000 !important;

    height:25px;

    line-height:25px;

    padding:0.2em 0;

    text-align:center !important;

} 

/* Info die */



.nv-infodie {

    margin:0 auto;

    box-shadow:0 0 4px rgba(0,0,0,0.15);

    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);

    border-width:1px;

    border-color: #dcdcdc;

    border-style: solid;

    background-color:#fff;

    position:absolute;

    min-height:300px !important;

    min-width:300px !important;

    display:table;

}



.nv-infodie .logo {

    max-width:90% !important;

    margin-bottom: 10px

}

.nv-infodie .panel-body {

    display:table-cell;

    vertical-align:middle;

}



.nv-infodie .logo {

    max-width:90% !important;

    margin-bottom: 10px

}

/*Không được phép xóa*/

/*menu*/

.mainmenu {
    position: relative;
    background: #ffffff;

    padding: 8px 0px;

    z-index: 1;

}

#page{

    display: none;

}

div#menu-site-default {
    border: none;
    text-align: center;
}

.navbar{

    min-height: auto;

    margin-bottom: 0;

}

.navbar.navbar-default.navbar-static-top {
    position: inherit;
    background: none;

    border: none;

}

ul.nav.navbar-nav li.home {

    padding-top: 8px;
    position: inherit;

}

.navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li.active i {

    color: #af0a25;

    background: none;

}

ul.nav.navbar-nav li a {
    text-transform: uppercase;
    padding: 0px;
    color: #3f3f3f;
    border-bottom: 2px solid #ffffff;
    font-size: 15px;
}

ul.nav.navbar-nav li:hover a {

}

ul.nav.navbar-nav li{
    padding: 23px 20px;
}

li.dropdown{
    position: relative;
}

ul.dropmenu{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 130%;
    z-index: 10;
    overflow: hidden;
    background: #202020; 
    opacity: 0;
    left: 0px;
    visibility: hidden;
    display: block;
    min-width: 250px;
    -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
    transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}



li.dropdown:hover ul.dropmenu{

    top: 100%;

    opacity: 1;

    visibility: visible;

    border-left: 0;

    overflow: inherit;

    clip: inherit !important;

}

ul.nav.navbar-nav ul.dropmenu li{
    padding: 8px 10px;
    text-align: left;
    border-top: 1px solid #464646;
}
ul.nav.navbar-nav ul.dropmenu li:last-child{
    border-right: none;
}
ul.nav.navbar-nav ul.dropmenu li a{
    color: #ffffff;
    text-transform: none;
    padding: 0px;
    background: none;
    border-bottom: none;
    font-size: 15px;
}
ul.nav.navbar-nav ul.dropmenu li a img{
    width: 80px;
    margin:auto;
    margin-bottom: 10px;
}
ul.nav.navbar-nav ul.dropmenu li a img:hover{
    transform: rotateY(360deg);
    transition-duration: 0.8s;
}
ul.nav.navbar-nav ul.dropmenu li:hover a{
    color: #f92d3a;
}

li.dropsub{

    background: url(../images/right-menu.png) no-repeat right 5px center;

}

ul.dropmenu li.dropsub:hover{

    background: url(../images/right-menu.png) no-repeat right 5px center #626263 !important;

    transition: all 0.3s linear;

}



ul.dropmenu li:hover a{
    
}

ul.nav.navbar-nav {

    display: inline-block;

    float: none;

}
ul.nav.navbar-nav  li:hover a{

    color: #af0a25;

    border-bottom: 2px solid #af0a25;

    transition-duration: 0.2s;

}

ul.nav li.active.home:hover a{
    border-bottom: none;
    background: none;
}

.menutop i {
    font-size: 24px;
}
.menutop{
    z-index: 9900;
    line-height: normal;
    position: inherit;
    height: 50px;
}

ul.submenu {

    display: none;

}

li.dropsub{

    position: relative;

}

li.dropsub:hover ul.submenu{

    display: block;

    position: absolute;

    left: 100%;

    top: 0;

    background: #57585a;

    min-width: 200px;

    border-left: 1px solid rgb(102, 102, 103);

}



.mmheader, .mm-menu {

    background: #11206f;

}

.mm-menu, .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{   

    border-color: #243ab1;

}

.mm-listview>li>a, .mm-listview>li>span{

    border-bottom: 1px solid #243ab1;

}

/*end menu*/

/*slide*/

a.left.carousel-control {

    background: url(../images/prev.png) no-repeat center left 20px;

}

a.right.carousel-control {

    background: url(../images/next.png) no-repeat center right 20px;

}
/*end slide*/
.search{
  z-index: 2;

    margin-top: 17px;

    text-align: right;

}
.search form{

    width: 100%;

}

/*---- and search--------*/

.header-top {
    background: #273896;
    padding: 10px 0px;
    z-index: 2;
    position: relative;
}
.header-left ul li{
    display: inline-block;
    margin-right: 10px;
}

.header-left ul li a{
    display: inline-block;
    color: #ffffff;
    vertical-align: middle;
    font-size: 13px;
    margin-right: 5px;
}

.header-top i{
    color: #ffffff;
    font-size: 15px;
}

.border-right{
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #ffffff;
    margin: 0px 10px;
    vertical-align: middle;

}
.social {
    text-align: right;
}
.social i{
    margin-left: 8px;
}
.doitac .owl-theme .owl-dots, .doitac .owl-theme .owl-nav{

    display: none;

}

.doitac{

    padding: 15px 0px;

}

.owl-item img{

    width: auto;

    margin: auto;

}

.danhmuc-i{

    padding: 0px 5px;

}

.title-danhmuc{
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    padding: 7px 0px;
    transform: translateY(-40%);
}

.danhmuc-i:hover .title-danhmuc, .title-danhmuc:hover{

    background: rgba(0, 0, 0, 0.64);

    transition: background 0.3s linear;

}

.dm{

    position: relative;

}

.title-danhmuc a{
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
}

.dm:before{

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #000000;

    left: 0;

    top: 0;

    opacity: 0.6;

}

.danhmuc-i:hover .dm:before{

    opacity: 0.1;

    transition-duration: 0.3s;

}

.xem-danhmuc{
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
}
.xem-danhmuc a{
    color: #ffffff;
    text-transform: uppercase;
    padding: 9px 40px;
    border: 1px solid #ffffff;
}
.danhmuc-i:hover .xem-danhmuc a, .xem-danhmuc a:hover{
    background: #555f66;
    transition: all 0.3s linear;
}

.danhmuc{
    margin-bottom: 30px;
    width: 100%;
    float: left;
    margin-top: 30px;
}

.title-home{
    margin-bottom: 15px;    
    width: 100%;
    float: left;
    border-bottom: 2px solid #d1001f;
    position: relative;
}
.content-prd{
    margin-bottom: 30px;
    margin-top: 10px;
}
.bangthongso{
   padding: 0px;
}
.title-home span, .title-home h2, .title-home h1{
    text-transform: uppercase;
    background-color: #273896;
    display: inline-block;
    padding: 0px 30px;
    line-height: 35px;
    position: relative;
    color: #ffffff;
    margin:0px;
}
.title-home  a{
    position: absolute;
    font-size: 13px;
    right: 0px;
    line-height: 35px;
    color: #d1001f;
    font-weight: bold;
}
.title-home span:after, .title-home h2:after, .title-home h1:after{
    content: '';
    border-top: 3.5rem solid transparent;
    border-left: 3rem solid #273896;
    position: absolute;
    top: 0;
    right: -30px;
}
.prd-other{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.list_img img:hover{
    opacity: 0.7;
}
.title-home p:before{

    position: absolute;

    content: "";

    background: url(../images/bg-title.png) no-repeat bottom left;

    width: 67px;

    height: 6px;

    left: -75px;

    bottom: 9px;

}

.title-home p:after{

    position: absolute;

    content: "";

    background: url(../images/bg-title1.png) no-repeat bottom left;

    width: 67px;

    height: 6px;

    right: -75px;

    bottom: 9px;

}

.prd-home{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding:0px 15px;
}
.all-prd{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
    width: 100%;
}
.qc-home {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.page-home {
    padding: 0px 15px;
    width: 100%;
    float: left;
}
.prd-i{
    padding: 0px;
    border: 1px solid #ccc;
    position: relative;
    border-right: 0px;
    background: #ffffff;
    border-bottom: none;
}
.chitiet{
    position: absolute;
    bottom: 0px;
    height: 0px;
    text-align: center;
    width: 100%;
    background: #00000084;
    overflow: hidden;
}
.prd-i:hover .chitiet, .img-news:hover .chitiet{
    height: 37px;
    transition-duration: 0.3s;
    line-height: 37px;
}
.chitiet a{
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
}
/*.prd-i:hover .img-prd:before, .news-in:hover .img-news:before{
    background: #0000003d;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
}*/
.img-prd img{

    margin: auto;

}

.img-prd{

    position: relative;

}

.hide-btn{

    position: absolute;

    top: 0px;

    left: 0px;

    width: 40px;

    text-align: center;

    padding: 15px 0px;

}



.prd-i:hover a.icon-prd{

    width: 27px;

}

a.icon-prd {

    display: inline-block;

    background: #af0a25;

    width: 0px;

    height: 27px;

    border-radius: 100%;

    line-height: 27px;

    text-align: center;

    margin-bottom: 5px;

}

a.icon-prd:hover i{



}

a.icon-prd i{

    color: #ffffff;

    font-size: 13px;

}

.title-prd{
    text-align: center;
    margin: 10px 0px;
    line-height: 22px;
    height: 46px;
    overflow: hidden;
    padding:0px 5px;
}

.title-prd a{
    color: #555555;
    font-size: 15px;
}

.price{
    font-size: 16px;
    color: #ef0f33;
    text-align: center;
    margin-bottom: 15px;
}
.nav-fix{
    position: fixed;
    top: 0px;
    width: 100%;
    box-shadow: 0px 0px 8px #999;
    z-index: 9;
}
.nav-fix .logo img{
    height: 40px;
}

.nav-fix .menutop{
    margin-top: 0px;
    height: 40px;
}
.nav-fix ul.nav.navbar-nav li {
    padding: 9px 20px;
}
.nav-fix .search{
    margin-top: 5px;
}
.model {
    color: #858585;
    position: absolute;
    left: 15px;
    top: 0;
}
.cart{
    position: absolute;
    right: 15px;
    top: 0;
}

.prd-bottom {
    position: relative;
    padding: 10px 0px;
    height: 35px;
    line-height: 35px;
    margin-top: 5px;
}

.prd-i:hover .prd-bottom{
    background: #000000;
    transition-duration: 0.3s;
}
.cart a{
    color: #ffffff;
    font-size: 18px;
}

.cart a:hover, .footmsg a:hover, .title-tc a:hover, .header-top a:hover{
  color: #ffbe00;
}
.xemthem a:hover{
     background: #ffbe00;
    transition-duration: 0.3s;
}
.tieuchi-i img:hover{
    transform: rotateY(360deg);
    transition-duration: 0.8s;
}

.title-prd a:hover{
   color: #ef0f33;
}
a.icon-prd:hover i {
    color: #f9e641;
    font-size: 15px;
    transition-duration: 0.2s;
}
.prd-hot{
    background: #333333;
    width: 100%;
    float: left;
    padding-top: 20px;
    margin-bottom: 15px;
}
.prd-hot .title-home{
    color: #ffffff;
}

.sp-banchay{
    margin-bottom: 30px;
    width: 100%;
    float: left;
    padding: 0px 5px;
}
.tieuchi{
    background: url(../images/bg.jpg) no-repeat center top;
    padding: 25px 0px;
    width: 100%;
    float: left;
    text-align: center;
    background-size: cover;
}
.tieuchi-i {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}

.title-tc a{

    color: #ffffff;

    text-transform: uppercase;

}

.title-tc {

    margin-top: 13px;

}

.thuonghieu{

    background: url(../images/bg2.png) no-repeat left top;

    width: 100%;

    float: left;

    padding-top: 20px;

    background-size: 58%;

}

.title-gt{

    margin-bottom: 10px;

}

.title-gt a{

    font-size: 24px;

    color: #111111;

    text-transform: uppercase;

}

.text-gt{
    color: #555555;
    text-align: justify;
    margin-bottom: 25px;
    overflow: hidden;

}
.text-gt p{
    font-size: 15px;
}

.xemthem{

    text-align: right;

    margin-bottom: 25px;

}

.xemthem a{

    color: #ffffff;

    font-size: 16px;

    background: #e30941;

    padding: 5px 20px;

}

.chitiet-th{

    text-align: center;

    margin-top: 188px;

}

.chitiet-th a{

    color: #ffffff;

    font-size: 16px;

    background: #e30941;

    padding: 5px 20px;

}

.chitiet-th a:hover{

    background: #ffbe00;

    transition-duration: 0.3s;

}

.doitac img:hover{

    opacity: 0.7;

}

.title-gt a:hover {
    color: #e30941;
}
.img_cloud {
    border: 1px solid #ccc;
    padding: 3px;
}
.img_cloud img{
    margin:auto;
}
.list_img{
    padding:5px 0px;
}
.list_img img {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px;
}
.list_img:last-child img{
    border-right: 1px solid #ccc;
}
.detail-prd .title-prd{
    text-align: left;
    margin-top: 0px;
    margin-bottom: 15px;
}
.detail-prd .title-prd h1{
    margin:0;
    font-size: 18px;
    font-weight: bold;
    color: #af0a25;
}
.left-detail {
    color: #666666;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    line-height: 21px;
}
.right-detail{
    display: inline-block;
    vertical-align: top;
    line-height: 21px;
    color: #666666;
}
.rows {
    margin-bottom: 10px;
}
.detail-prd .price{
    font-size: 18px;
    font-weight: bold;
    color: #ef0f33;
}
.soluong input[type="number"] {
    width: 40px;
    border: 1px solid #cccccc;
    padding-left: 5px;
}
.detail-prd .cart{
    position: inherit;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 15px;
}
.detail-prd .cart a{
    background: #af0a25;
    padding: 7px 100px;
    text-transform: uppercase;
    color: #ffbe00;
    border-radius: 5px;
}
.detail-prd .cart a:hover{
    background: #ffbe00;
    color: #ffffff;
    transition: background 0.3s linear;
}
.chinhsach {
    padding: 10px;
    background: #ffe9ed;
    margin-bottom: 15px;
}
.chinhsach li{
    padding-left: 12px;
    background: url(../images/list.png) no-repeat center left;
    line-height: 25px;
}
.title-desc {
    width: 200px;
    background: #af0a25;
    text-align: center;
    padding: 4px 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 10px;

}
input {
    outline: none;
}
.search input[type=text]{
    height: 30px;
    width: calc(100% - 40px);
    border-radius: 3px 0px 0px 3px;
    border: 1px solid #e1e1e1;
    padding: 0px 10px; 
    float: left;
    border-right: none;
}
.search input[type=submit] {
    background: #273896  url(../images/search.png) no-repeat center;
    border: solid 1px #e1e1e1;
    
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    width: 40px;
    float: left;
    height: 30px;
}
#demo-b input:-moz-placeholder {
    color: #999999;
}
#demo-b input::-webkit-input-placeholder {
    color: #999999;
}
.desc{
    margin-top: 40px;
}
.desc p{
    text-align: justify;
    font-size: 15px;
}
.logo{
    padding:0px;
}
.qc_home{
    margin-bottom: 30px;
}
.show_about {
    width: 100%;
    float: left;
    background:#ffffff;
}
.img-gt{
    padding: 0px;
}
.title-about {
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.bottom-news-home p{
    text-align: justify;
    line-height: 26px;
}
.chitiet-about {
    text-align: right;
}
.chitiet-about a{
    font-weight: bold;
}
p.title-ft {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 20px;
        color: #fbbf0e;
}
.col2 ul li{
    margin-bottom: 10px;
}
.social.sociall-ft {
    text-align: left;
}
.social.sociall-ft i{
    margin-left: 0px;
    margin-right: 8px;
    font-size: 20px;
    margin-top: 10px;
}
.url-head{
    background: url(../images/bg2.jpg) no-repeat center top;
    padding:50px 0px;
}
.welcome h2, .welcome h1 {
    color: #fbbf0e;
    text-transform: uppercase;
    font-size: 20px;
}
.link_detail a, .link_detail {
    color: #cccccc;
    font-size: 13px;
}
.list-cate ul li{
    width: 25%;
    float: left;
    margin-bottom: 15px;
}
.list-cate{
    padding:20px 0px;
    background: #e1e1e1;
}
.list-cate ul li a{
    font-size: 16px;
    line-height: 25px;
}
.list-cate ul li i{
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 3px;
}
.pagging {
    width: 100%;
    float: left;
}
.page {
    text-align: center;
    width: 100%;
    float: left;
    margin: 15px 0px;
}
.pagenumactive, .pagenum {
    display: inline-block;
    margin: 0px 2px;
    padding: 3px 10px;
    background: #ffffff;
}
.pagenumactive, .pagenum:hover{
    background: #273896;
    color: #fbbf0e;
    transition-duration: 0.3s;
}
.pagenum:hover a{
    color: #fbbf0e;
}
.title-h1 {
    text-align: left;
}
.title-h1 h1 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
    margin-top: 0px;
}
.img-detail {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 10px;
}
.img-detail img{
    margin: auto;
}
.gia, .gia-sale{
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.gia span, .gia-sale span{
   font-weight: 500;
   color: #d1001f; 
   margin-left: 15px;
   font-size: 15px;
}
.box_orther{
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
    float: left;
}
.title-detail-news h1{
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    width: 100%;
    float: left;
}
.time-news{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-style: italic;
    color: #999999;
}
.time-news ul li{
    color: #777777;
    font-style: italic;
    float: left;
    margin-right: 15px;
}
.content p{
    text-align: justify;
    font-size: 15px;
}
.content img{
    max-width: 100%;
}
ul.other-news li {
    width: 50%;
    float: left;
    line-height: 30px;
    background: url(../images/list.png) no-repeat top 14px left;
    padding-left: 15px;
}
ul.other-news li span{
    font-style: italic;
    color: #777777;
}
ul.other-news{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.content{
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.text-top{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
}
.page-news {
    width: 100%;
    float: left;
}
.title2{
    padding:0px 15px;
}
.title-news {
    text-align: justify;
    margin-bottom: 5px;
}
.title-news a {
    font-size: 15px;
    font-weight: bold;
}
.text-news{
    width: 100%;
    float: left;
}
.text-news p {
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
    height: 80px;
    overflow: hidden;
    color: #555555;
}
.img-news {
    position: relative;
}
.news-in {
    margin-bottom: 30px;
}
.title-lienhe {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
    margin-top: 20px;
}
.form-lienhe input.hoten {
    background: url(../images/bg-form2.png) no-repeat center left, url(../images/sao.png) no-repeat center right 10px;
    background-color: #ffffff;
}
.form-lienhe input[type="text"] {
    width: 100%;
    border: 1px solid #eaeaea;
    height: 30px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 60px;
}
.form-lienhe input.diachi {
    background: url(../images/bg-form4.png) no-repeat center left, url(../images/sao.png) no-repeat center right 10px;
    background-color: #ffffff;
}
.form-lienhe input.dienthoai {
    background: url(../images/bg-form5.png) no-repeat center left, url(../images/sao.png) no-repeat center right 10px;
    background-color: #ffffff;
}
.form-lienhe input.email {
    background: url(../images/bg-form3.png) no-repeat center left, url(../images/sao.png) no-repeat center right 10px;
    background-color: #ffffff;
}
.form-lienhe input.tieude {
    background: url(../images/bg-form1.png) no-repeat center left, url(../images/sao.png) no-repeat center right 10px;
    background-color: #ffffff;
}
.form-lienhe textarea {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 10px;
}
input.btn.btn-primary {
    background: #273896;
    border: none;
    border-radius: 0px;
    padding: 8px 20px;
    margin:20px 0px;
}
.leftcolumn{
    width: 25%;
    float: left;
    margin-top: 30px;
    padding-right: 15px;
}
.maincolumn{
    width: 75%;
    float: left;
    margin-top: 30px;
}
.list-prd{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border-right: 1px solid #cccccc;
    border-bottom:1px solid #cccccc; 
}
.title-block {
    line-height: 35px;
    background: #273896;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 2px solid #d1001f;
}
.c-block {
    background: #ffffff;
    width: 100%;
    float: left;
}
li.li_cha a {
    text-transform: uppercase;
    padding: 0px 15px;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #e1e1e1;
    font-weight: bold;
}
ul.ul_con {
}
ul.ul_con li a{
    text-transform: none;
    font-weight: normal;
    background: none;
    padding:0px;
    display: block;
    width: 100%;
    padding-left: 40px;
    border-bottom: 1px dotted #e1e1e1;
    line-height: 40px;
}
li.li_con {
    line-height: 30px;
    background: url(../images/list.png) no-repeat left 30px center;
}
li.li_con a{
    font-size: 15px;
}
li.li_cha {
    line-height: 40px;
}
.block{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.block-sp {
    background: url(../images/bg2.png) no-repeat top center #273896;
    padding:0px 10px;
    padding-top: 120px;
    padding-bottom: 20px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.name-sp {
    color: #fff900;
    font-size: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 20px;
}
.skype-sp {
    display: inline-block;
}
.hotline-sp, .mail-sp{
    margin-top: 10px;
}
.hotline-sp a, .hotline-sp i, .mail-sp a, .mail-sp i{
    color: #ffffff;
}
.hotline-sp i, .mail-sp i{
    margin-right: 5px;
    width: 15px;
}
.ho_tro{
    width: 100%;
    float: left;
    margin-bottom:15px;
    border-bottom:1px dotted #999999;    
    padding: 0px 10px;
    padding-bottom: 15px;
}
.ho_tro:last-child{
    border:none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.c-block .prd-i{
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}
.img-bl {
    width: 40%;
    float: left;
    padding-right: 10px;
}
.detail-bl {
    width: 60%;
    float: left;
    text-align: left;
}
.news-bl{
    width: 100%;
    float: left;
    padding:10px;
}
.title-news-bl a {
    font-weight: bold;
    font-size: 13px;
}
.time-news-bl {
    color: #777777;
    font-size: 13px;
    margin-top: 5px;
}
.hotline-bottom{
    position: fixed;
    bottom:0;
    z-index: 999;
    right: 280px;
    line-height: 31px;
    width: 170px;
    background: #d1001f;
    text-align: center;
}
.hotline-bottom a{
    color: #ffffff;
    font-weight: bold;
    font-size: 19px;
}
.slide{
    position: relative;
}
.support{
    position: absolute;
    bottom:0;
    right: 0;
    background: #d1001f;
    z-index: 999;
    padding:15px;
    text-align: left;
}
.yahoo img, .skype img{
    height: 25px;
}

.yahoo, .skype{
   display: inline-block;
   vertical-align: middle;
}
.yahoo{
    margin-right: 15px;
}
.sp{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ff5972;
}
.sp:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.qc_home img{
    width: 100%;
}
#bttop{
    background: #dc0606;
    text-align: center;
    position: fixed;
    bottom: 40px;
    right: 0px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    z-index: 9999;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
#bttop i{
    font-size: 20px;
}
.skype-sp img{
    height: 20px;
}
.url-page {
    height: 37px;
    background: #273896;
    border-bottom: 2px solid #d1001f;
    line-height: 35px;
    padding: 0px 15px;
    color: #ffffff;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.url-page p, .url-page h2{
    width: 50%;
    float: left;
    margin: 0px;
    line-height: 35px;
}
.url-page p.p1,.url-page h2{
    text-transform: uppercase;
}
.url-page p.p2{
    text-align: right;
    font-size: 13px;
}
.url-page h3{
    margin:0px;
    line-height: 35px;
    font-weight: normal;
}
.url-page a{
    color: #ffffff;
    font-size: 13px;
}
.left-prd {
    padding-left: 0px;
}
.right-prd {
    padding-right: 0px;
}
.detail-product {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.info-prd {
    width: 100%;
    float: left;
}
.info-prd p.p1 {
    width: 120px;
    float: left;
}
.info-prd p.p2{
    width: calc(100% - 120px);
    float: left;
    font-weight: bold;
}
.chitiet-bottom{
    width: 100%;
    float: left;
    margin:30px 0px;
}
.desc{
    background: #ffffff;
    padding:20px;
}
.img-news {
    position: relative;
    width: 20%;
    float: left;
}
.detail-news {
    width: 80%;
    float: left;
    padding-left: 20px;
}
.news{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}