@charset "utf-8";
/* CSS Document */
/*++++++++++DEFAULT+++++++++++*/

@font-face {
    /*font-family: 'UTMAptimaBold';*/
    src: url('../fonts/UTMAptimaBold.ttf');
	
	font-family: 'Arial, Helvetica, sans-serif';
}
*{margin: 0;padding: 0;}
body{font-family: Arial, Helvetica, sans-serif;font-size:14px; background-color: #fafafa;overflow-x: hidden; }
a{color:blue;text-decoration:none;}
.clearfix{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
p{
    line-height: 1.5em
}
td{
    padding: 8px;
}
a:active{color:#ccc;}
img{border:none;max-width: 100%;}
div.clear{display:block;clear:both;}
#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:4px;right:30px;display:none;cursor:pointer;background-color:#F47A00;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-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;}
#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
#loading{width: 100px;height:100px; position:absolute;z-index:1000;}
.button {display:inline-block;border:none;background:#F56D0F;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#FFFFFF;font-weight: bold !important;padding: 5px 10px;cursor:pointer;-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;}
.button:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);color:#FFF;}
.noidung{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}
.noidung img, .content-main img{
    max-width: 100%;
    height: auto;
}
.header{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.navbar {margin-bottom:0;min-height:40px;}
.navbar-brand{
    color: #fafafa !important;
    font-weight: bold;
    height: 50px;
    padding: 5px 15px;
}
.navbar-nav>li>a {color: #047a7d !important;text-transform: uppercase;border-left:2px solid rgba(158, 158, 158, 0.16);}
.navbar-default{background-image:none;border:none;border-radius:0;}
.navbar-brand, .navbar-nav>li>a{text-shadow: 0 1px 0 #fff;}
.navbar-nav>li>a:hover{background-color: rgba(3, 169, 244, 0.31) !important;text-shadow: 1px 1px 1px #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background:rgba(3, 169, 244, 0.415);text-shadow: 1px 1px 1px #fff;}
.logo,.logo img{width: 100%;}
.logo a{display:block;}
.nav-box{background-color:#3e85e5;}
.menu{
    float: right;
}
.menu ul{
    list-style: none;
    float: left;
}
.menu ul li{
    display: inline-block;
}
.menu ul li:hover{
    background-color: #eee;
}
.menu ul li a{
    font-size: 15px;
    color: #ffeb3b;
    text-transform: uppercase;
    padding: 0px 22px;
    line-height: 45px;
}
.menu ul li:last-child a{ 
    border-right:0px solid white;
}
.menu ul li a:hover{
    color: #555;
}
.hotline{
    width: 249px;
    height: 30px;
    position:absolute;
    bottom:8px;
    left:550px;
}
.hotline h4{
    line-height: 30px;
    color: white;
    float: left;
    width: 100%;
    text-align: center;
    font-size:18px;
}
.hotline h4 span{
    font-size:24px;
    color:yellow

}
.slogan{
	padding: 10px 15px;
    background-color: #111;
    color: #f1f1f1;
    font-size: 18px;
}
.slider{height:420px;}
.max-slider{
    margin: 0 auto;
    width:100%;
}
.slider-left{
    width: 100%;
	margin:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 420px;
}
.slide-right{padding:0;height:420px;background-color:#fff;}
.slide-right > img{margin:auto;position:absolute;height:100%;left:0;right:0;}
.slide-right h4{margin:0;padding:10px 15px;background-color:#f0020e;color:#fff;}
.slide-right p{
	margin:0;padding:10px 15px;font-size:16px;font-weight:bold;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:16px;
}
.slide-right p.dt-top{color:#f0020e;text-align:center;font-size:25px;}
.slider-left img{width:100%;height:inherit;}
.slider-right{
    float: right;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 420px;
}
.slider-right a img{
    width: 100%;
	display:none;
    height: 186.4px;
}
.page{width: 100%;}
.main{margin: 0 auto;}
.wapper{
    width: 100%;
    min-height: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wapper > .left{
    padding:0;
}
.wapper > .right{
	
}
.square{
    float: left;
    border: 1px solid #eee;
    background: #eee9f0;
    width: 100%;
    position: relative;
}
.square.hotro .left-title span{
	top: 13px;
	color:#000;
    position: relative;
    text-align: center;
    display: block;
	text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
}
.square.hotro .left-title span img{width: 50px;top: 15px;position: relative;}
.square.hotro ul li span{
    font-weight: bold;
    color: #00c1c1;
    font-size: 16px;
    padding: 0 10px;
}
.left-title{
    width: 100%;
    height: 40px;  
    display: block;
    position: relative;
	background-color:#f0f0f0;
	border-bottom: 3px solid #aaa;
}
.left-title span{
    font-size: 18px;
    color: #920404;
    padding: 10px 15px;
    font-weight: 200;
    display: block;
}
.left-ul{
    float: left;
    width: 100%;
}
.left-ul ul{
    list-style: none;
    float: left;
    width: 100%;
}
.left-ul > ul > li{
    color: #555;
    font-weight: bold;
    font-size: 18px;
    display: block;
    position: relative;
	border-bottom: 2px solid #ccc;
}
.left-ul > ul > li > a{
	background-color: #e0e0e0;
    padding: 10px 15px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
	display:block;
}
.left-ul .qc-left a{padding:0;}
.left-ul .qc-left img{width:100%;}
.left-ul ul li a:hover{
    text-shadow:1px 1px 1px #fff;
	text-decoration:none;
}
.left-ul ul li ul{
    position:relative;
	/*background-image: url(../images/background.jpg);*/
}
.left-ul ul li ul li{
    display: block;
    padding-top: 10px;
    position: relative;
    color: #353535;
}
.left-ul ul li ul li:first-of-type{border:none;}
.left-ul ul li ul li a{color:#222;font-weight:600;font-size:14px;}
/*
.left-ul ul li ul li a:before{
    content:'-';
    font-size: 20px;
    left: -5px;
    position: relative;
}
*/
.left-content{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.runpro{
    float: left;
    width: 100%;
}
.small{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: 1px solid #d3d3d3;
    text-align: center;
    margin-bottom: 10px;
}
.small-img{
    float: left;
    width: 100%;
    text-align: center;
}
.small-img img{
    width: 219px;
    height: 184px;
}
.small-name{
    float: left;
    width: 100%;
    text-align: center;
    color: #5c2769;
    text-transform: uppercase;
    margin-bottom: 5px;

}
.small-name a{
    font-size: 14px;	
    color: #5c2769;
    padding: 10px;
    display: block;
}
.small-price{
    text-align: center;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
}
.small-price p{
    color: #5c2769;	
    font-size: 13px;
}
.small-price strong{
    color: red;
}
.small-over{
    float: left;
    width: 100%;
    height: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.small-left{
    width: 98px;
    height: 34px;
    background: url(../images/chitiet.png) no-repeat top left;
    float: left;
    margin-left: -7px;
}
.small-left a{
    color: white;
    font-size: 13px;
    line-height: 30px;
}
.small-left a:hover{
    color: #2F271C;
}
.small-right{
    width: 104px;
    height: 34px;
    background: url(../images/dathang.png) no-repeat top right;
    float: right;
}
.small-right a{
    color: white;
    font-size: 13px;
    line-height: 30px;
    padding-left: 45px;
    cursor: pointer;
}
.small-right a:hover{
    color: #2F271C;
}
.block{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.block-title{min-width: 30%;}
.block-title.first h2{line-height: normal;text-align: left;}
.block-title.first img{top: -6px;position: relative;}
.block-title h2 a{color:#005d93;font-size: 30px;}
.block-title h2 a:hover{text-decoration:none;}
.block-title h2{
    text-align: center;
    font-size: 18px;
    font-weight:300;
    padding: 0 15px 10px 15px;
    height: inherit;
	margin-bottom:0;
}
.background-line{
	margin-bottom:15px;height:10px;background-image:url(../images/background-line.png);
	background-position:center;background-repeat:no-repeat;
}
.block-title h1{
    padding: 15px 15px 10px 15px;
    color: #455A64;
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
    text-shadow: 1px 1px 1px #f1f0f0;
}
.block-content{margin:0 -15px;padding:0 0 0 15px;}
.price-text{font-size:18px;color:#ff9800;text-shadow: 1px 1px 1px #f1f0f0;}
.item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    text-align: center;
}
.item-img{
    width: 100%;
	position: relative;
	height: 250px;
	overflow:hidden;
}
.item-img a.cart{
	position: absolute;
    color: #fff;
    z-index: 1;
    bottom: 0;
    background-color: red;
    right: 0;
    padding: 10px 15px;
    font-size: 18px;
}
.item-img img{
    width:100%;
	margin:auto;
    position:absolute;
	top:0;bottom:0;
}
.item-name{
    position: relative;
    background-color: #fff;
}
.item-name h3{text-align:center;margin:0;padding: 5px 5px 0 5px;}
.item-name a{
    font-size: 15px;
    font-weight: 600;
    color: #2196F3;
    overflow: hidden;
    display: block;
	padding: 5px;
	height:54px;
}
.item-price{
    text-align: center;background-color: #fff;
}
.item-price p{
    color: red;	
    font-size: 18px;
	margin:0;
}
.item-price strong{
    color: red;
}
.item-contact{
	color:red;text-align:center;font-size:18px;background-color: #fff;
}
.item-over{
    float: left;
    width: 100%;
    height: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    display:none;
}
.item-left{
    width: 98px;
    height: 34px;
    background: url(../images/chitiet.png) no-repeat top left;
    float: left;
    margin-left: -7px;
}
.item-left a{
    color: white;
    font-size: 13px;
    line-height: 30px;
}
.item-left a:hover{
    color: #2F271C;
}
.item-right{
    width: 104px;
    height: 34px;
    background: url(../images/dathang.png) no-repeat top right;
    float: right;
}
.item-right a{
    color: white;
    font-size: 13px;
    line-height: 30px;
    padding-left: 45px;
    cursor:pointer;
}
.item-right a:hover{
    color: #F2A544;
}
.slider-width{
    width: 100%;
    overflow:hidden;
}
..slider-row{text-align:center;overflow:hidden;}
.eve-price{color:#111;font-weight:bold;display:block;}
a.eve-button, a.eve-button:focus {color:#ddd;}
a.eve-button:hover{color:#fff;}
.eve-button{
    margin-top:4px;
    display: inline-block !important;
    padding:5px 20px;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0179C1,#084C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0179C1,#084C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0179C1,#084C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0179C1,#084C83);
    color:#fafafa;
    border:1px solid #ddd;
}
.slider-row{overflow:hidden;}
.slider-row > div{max-height:280px;padding-top:0.5%;}
.slider-row > div > div{padding-top:15px;padding-bottom:15px;margin-bottom:10px;}
.slider-row > div > div > form > div{padding:0px;}
.slider-row .eve-img{height:160px;padding:0;background-color: #fff;border: 1px solid #fff;border-bottom: 4px solid #fff;overflow:hidden;}
.slider-row .eve-img a{display:table-row;}
.slider-row .eve-img img{position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.slider-row .eve-title{padding:0;}
.slider-row .eve-title a{padding:6px;color:#920404;height:40px;text-align:center;font-weight:bold;font-size:20px;}
.slider-row .left,.slider-row .right{width:5%;}
.doitac{
    float: left;
    width: 100%;
    background-color:#f1f0f0;
	padding-bottom:10px;
}
.doitac.spnoibat{margin-bottom:15px;}
.doitac-con{padding:10px 20px 0 20px;}
.doitac-box{padding-left:2%;background-color:#fefefe;}
.quangcao{    
	width: 100%;
    position: relative;
    padding:15px 0px;
    background-color: #f2f2f2;
	text-align:center;
}
.quangcao .item1{width: 33%;float:left;}
.quangcao .item1 .col-md-4{float:left;width:33%;}
.quangcao .item1 .col-md-8{float:left;width:66%;}
.qc-item-top h4{color:#005b90;font-size:20px;text-transform:uppercase;font-weight:bold;}
.qc-item-top p{color:#333;text-align:justify;}
.doitac-tit{
    background-color:#0993e4;
    height: 40px;
	margin-top:20px;
    text-align: center;
    position: relative;
}
.doitac-tit p{
    text-transform: uppercase;
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
.doitac-con{}
.doitac-con ul{
    list-style: none;
    float: left;
    width: 100%;
}
.doitac-con ul li{
    float: left;
}
.doitac-con ul li img{
    width: 175px;
    height: 60px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom:5px;
    margin-top: 10px;
}
.footer{
    width: 100%;
    min-height: 280px;
    background-color: #4c4c4c;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 30px;
	background-image: url('../images/footer-bg.jpg');
}
.col-4{
    float: left;
    width: 30%;
    padding: 0 5px;
}
.col-5{
    float: right;width: 25%;
}
.info,.fanpage,.thongke{min-height:180px;padding:5px;}
.fanpage{text-align:center;}
.company{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
	padding-left:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-center{
    width: 100%;
    margin: 0 auto;
}
.company p{
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
}
.diachi{
    float: left;
    width: 90%;
    margin-bottom: 10px;
    background: url(../images/diadiem.png) no-repeat top left;
    padding-left: 40px;
    color: white;min-height: 34px;
}
.dienthoai{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: url(../images/dienthoai.png) no-repeat top left;
    padding-left: 40px;
    color: white;
    min-height: 34px;
}
.email{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: url(../images/email.png) no-repeat top left;
    padding-left: 40px;
    color: white;min-height: 34px;
}
.web{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: url(../images/web.png) no-repeat top left;
    padding-left: 40px;
    color: white;min-height: 34px;
}
.fanpage{display: block;}
.thongke{text-align: left;margin-bottom: 10px;color:#333;font-family: serif;}
.thongke p{color: #333;}
.thongke img{top: -2px;position:relative;}
.bottom-menu{text-align:center;color:#999;font-size:20px;margin-bottom:55px;}
.bottom-menu a{color:#999;font-size:20px;}
.social{display:block;text-align:center;margin-bottom:15px;}
.social a{margin-right: 5px;}
.social img{width:30px;}
.social-top{
	position: absolute;
    margin: auto;
    bottom: 37%;
	z-index: 1;
    right: 0;
    height: 50px;
    width: 100%;
    text-align: center;
}
.social-top img{width:50px;}
.line{
    float: left;
    width: 100%;
    height: 1px;
    display: block;
    background: white;
    margin-bottom:5px;
}
.copyright{
    text-align: center;
    line-height: 24px;
    color: white;
    padding:10px 25px 0px 25px;
	background-color:#191919;
}

.ma-brand-slider-contain {	
    width: 96%;
    position: relative;
    left: 0;
}

.brand-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
}

.brand-slider .jcarousel-container-horizontal {
    width: 100%;
    padding: 10px 0px;
    padding-left:40px;
    margin:0 auto;
    margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  100%;
    height: 85px;
}

.brand-slider .jcarousel-item {
    width: 185px;
    float: left;
    list-style: none outside none;
    text-align:center;
}

.brand-slider .jcarousel-item-horizontal {
    margin-right: 0px;
    position: relative;
    height:80px;
    width:185px;
}

.brand-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.brand-slider .product-image {
    display:inline-block;
    margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 40%;
    right: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {

}

.ma-brand-slider .jcarousel-next-horizontal:active {

}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;    
}

.ma-brand-slider .jcarousel-prev-horizontal {
    position: absolute;
    top: 40%;
    left: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.ma-brand-slider .jcarousel-next {
    z-index: 3;
    display: none;
}
.ma-brand-slider .jcarousel-prev {
    z-index: 3;
    display: none;
}

.ma-brand-slider .ma-des {
    position: absolute;
    bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}
/*************************************/
.product_detail_pic{
    padding-left:0;
}
.product_detail_pic a{width:100% !important;}
.product_detail_pic a img{width:90%;}
.detail-right{text-align: left;}
.product_info{
    list-style: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
	padding-top:15px;
    width: 100%;
}
.product_info li{padding-bottom: 10px;}
.product_info .product-title b{font-size: 18px;color: #607D8B;text-shadow: 1px 1px 1px #fff;}
.product_info .product-price span{font-weight:bold; color:#F00;}
.product_info .call a{background-color:#8bc34a;text-decoration:none;}
.tag .tag-a{
	background-color: #fafafa;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 15px;
    margin-right: 5px;
	color: #455A64;
}
.name_product{
    text-transform: uppercase;
    font-size: 15px;
    color: #2C3195;
    font-weight: bold;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
    text-align:center;
    padding-top:15px;
}
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #636363;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px;
}
.phantrang a:hover {
    background: none repeat scroll 0 0 #09669C; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #09669C;   
    box-shadow: none;
    color: #FFFFFF;
}/*----------------------------------------------------*/
.tit-spkhac{
    float: left;
    width: 100%;
    background: #2D251B;
    height: 40px;
    line-height: 40px;

}
.tit-spkhac p{
    font-style: 15px;
    padding-left: 15px;
    color: white;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
}
.tablelienhe .input{
    width: 500px;
    height: 28px;
    margin-bottom: 10px;
}
.ttnoidung{
    width: 500px;
}
.tieptuc{
    margin-right: 50px;
}
.big{
    width: 30%;
    float: left;
    margin-right:2%;
    margin-top: 10px;
    margin-bottom: 10px; 
}
.big-img{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.big-img img{
    width: 100%;
    height: auto;
}
.big-img img:hover{
    opacity: 0.75;
}
.big-name{
    margin-bottom: 8px;
}
.big-name h3 a{
    color: #333333;
}
#map_canvas{
    width: 100%;
    height: 400px;
}
.slider-ngaunhien{height: 230px;overflow-y: hidden;}
.content-main{width:97%;}
.scrollToTop{
    width: 10%;
    height: 30px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 6%;
    right: 40px;
    display: none;
    background: url('arrow_up.png') no-repeat 0px 20px;
    border-radius: 50px;
}
.scrollToTop:hover{
    text-decoration:none;
}
.read-more{
    display: block;
    float: right;
    padding-right: 30px;
    top: -10px;
    position: relative;
}
.read-more a{color:red;}
.new-info{padding:0;text-align:left;}
.new-name{padding:0 5px 0 5px;}
.new-name h3{margin:0;}
.new-name h3 a{font-size:13px !important;}
.index-new-one .new-name h3 a{font-size:25px !important;text-decoration:none;color:#555;text-shadow:1px 1px 1px #ddd;padding:10px;display:block;}
.new-des p{padding: 5px 5px 0 5px;font-size: 12px;font-weight: 100;line-height: 15px;}
.logo-left{position: absolute;top: 0%;left: 10%;}
.logo-left img{width:20%;}
.slide-content{padding:0;}
.new-img{padding:0;}
.new-info{}
.index-new-one{padding:15px 0;border:1px solid #ddd;}
.index-new-one .new-des.once h1 span{font-size:17px;color:#6d0000;}
.index-new-one .new-des.once p{padding:0;}
.index-new-one .box-img{padding:0;}
.index-new-one .box-img img{width:100%;min-height:250px;}
.index-new-one .box-img p{text-align:center;padding:8px;font-size:13px;}
.index-new-one .box-info{}
.masp{text-align:center;}
.content-main iframe{max-width:100%;}
.dltn{text-align:center;margin-bottom:50px;}
.dltn a{
	background-color:#fff;color:#b70000;
	font-size: 25px;
    font-weight: bold;
    padding: 10px 15px;
	text-decoration:none;
}

.scroll-left {overflow: hidden;}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% {
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
h1.h1-site{text-align:center;font-weight:600;margin-top:20px;}
.tablelienhe .label-contact{color:red;}
.gioithieu-index{box-shadow: 0px 0px 10px 1px #888;padding:10px;background-color:#fff;}
.gioithieu-index h2 a{color: #059bf3;font-size: 25px;text-align: center;font-weight: bold;display:block;}
.gioithieu-index img{border-radius:30px;box-shadow: -5px 5px 10px 5px rgba(0, 0, 0, 0.15);}


@media (min-width: 1200px){
    .main{width:85%;}
    .footer-center{padding:0 50px;}
}
@media (min-width: 992px){
    .left-small{display:none;}
	.slider-row > div{width:20%;}
	.slider-row .eve-title a {font-size:15px;}
	.header > .container, .slide-top, .page > .container{background-color:#ddd;}
}
@media (min-width: 768px){
    .showmenu{display:none;}
	.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;font-size:18px;}
	.navbar-right {margin-right: 15px;}
	.big-name h3 a {height:53px;display: inline-block;font-size: 20px;text-decoration: none;}
	.big-des p{height:63px;}
}
@media (max-width: 600px){
	.slider-row .eve-title a{font-size:12px;}
	.slider-row > div,.slider-row > div > div{padding:0;}
	.slider-row,.slider-row > div,.slider-row > div > div {height:335px !important;max-height:auto;float:none;}
	.slider-row .eve-img{height:300px;}
	.slider-row .eve-img img{height:300px;}
	.MagicZoomPup,.MagicZoomBigImageCont{display:none !important;}
	.tablelienhe .input{width:100%;}
	.tablelienhe textarea{width:100% !important;}
}
@media (max-width: 500px){
	.slider-row > div{width:100%;}
}
@media (max-width: 992px){
    .left-small{width:100%;}
    .col-4{float:none;width:auto;max-width: 400px;padding-top:20px;margin: auto;}
}
@media (max-width: 600px){
    .product_detail_pic,.detail-right{width:100%;}
    .detail-right{margin-top:10px;}
    .doitac{background: none;}
    .doitac-tit {left:0;width:100%;}
    .doitac-con {margin-left:2px;}
    .big{width: auto !important;max-width: 250px;margin: auto !important;float:none;display: block;padding-top:10px;}
    .left-ul > ul > li > a{padding-left:10px;}
    .content-main{width:100%;}
    .item{smargin:auto;max-width:400px;margin-bottom:15px;}
    .slider{float:none;height:auto;}
    .slider-left{float:none;height:200px;width:100%;}
    .slider-left img{height:200px;}
    .slider-right{display: none;}
    .wapper {padding-top: 0;}
    .block-title.first{display: none;}
    .left-content{float:none;}
    .random{display: none;}
    .read-more{padding-top: 11px;}
    .block-title {padding-left: 0;}
    .main{width:100%;}
    .footer-center{padding:0px;}
    .content-main{width:100%;}
    .tieptuc, .big,#top,.noidung,.left-content,.read-more,.ma-brand-slider .jcarousel-next-horizontal,.item{margin-right: 0;right:0;padding-right: 0;}
}
@media (max-width: 768px){
    .showmenu{display:block;border: 1px solid #eee;padding: 0px 10px 10px 10px;color: #fff;background: #f93;}
    .showmenu img{top:2px;position:relative;}
	.logo-left{left:10%;}
	.logo-left img{width:10%;}
	.slide-right {padding:0;}
	.masp{text-align:center;}
	.item-name a {height:50px;font-size:13px;}
	.item-price strong{font-size:14px;}
	.item-contact{font-size:14px;}
	.product_info .cart,.product_info .call{display:inline;}
	.product_info .cart button,.product_info .call a{font-size:25px;}
	.item-img img{height:150px !important;}
	.wapper .left{float:none;}
	.mobi-tell-bottom{position:fixed;bottom:0;width:100%;text-align:center;}
	.mobi-tell-bottom a{padding:10px 15px;display:block;color:#fff;font-size:18px;}
	.footer{padding-bottom:40px;}
	.dltn a{font-size:20px;}
	.bottom-menu a {font-size:12px;text-shadow:1px 1px 1px #111;color:#e0e0e0;}
}