*{
	padding: 0;
	margin: 0;
}
.row{    margin-right: -5px;
    margin-left: -5px;}
div[class*="col-md"],.product-cat-content .col-md-3,.product-cat-content .col-md-4{padding-left: 5px; padding-right: 5px; margin-bottom: 3px;}
.wrapper{background: url(../img/bg_page.jpg) repeat top center;background-position: center center;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed;}
.container{max-width: 1120px; padding-left: 5px; padding-right: 5px;background: #fff}
ul,li{
	padding: 0; margin: 0;
	list-style: none;
}
a{text-decoration: none;-webkit-transition: all  .4s ease;
   -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
        transition: all .4s ease;}
a:hover{text-decoration: none;}
.top-info{
	height: 35px;
    /*background: rgba(235,0,0,1);
    background: -moz-linear-gradient(top, rgba(235,0,0,1) 0%, rgba(136,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,0,0,1)), color-stop(100%, rgba(136,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(235,0,0,1) 0%, rgba(136,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(235,0,0,1) 0%, rgba(136,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,0,0,1) 0%, rgba(136,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(235,0,0,1) 0%, rgba(136,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0000', endColorstr='#880000', GradientType=0 );*/
    background: #446084;
}
ul.ul-top-contact li{
  float: left;
  line-height: 35px;
  padding: 0 10px;
  color: #fff;
    font-size: 12px;
}
.carousel-control{
	display: none;
}
ul.ul-top-contact li a{
	color: white;
}
.product-item{overflow: hidden;}
header div.container-fluid{padding:0;}
.top-session{width:100%; padding:5px 0;}
.navbar{margin-bottom: 0;border: 0;}
.navbar-default{background-color: transparent; border-color: transparent;position: relative;}
.logo{}
.carousel-control span{background-color: #446084;border-radius: 5px; padding:10px; width:50px !important;height: 50px !important;}
.html-static-top{background-color: #446084; color: white;}
.pad-20{padding: 20px;}
.ul-top-contact li i{    height: 25px;
    padding-top: 5px;
    text-align: center;}
.product-categories>h3,.product-cat>h3, .box-sidebar>h3,.news-categories>h3{
    color: #fff;
    display: block;
    width: 100%;
    background: url("../img/bg_title.png") no-repeat top left;
    background-size: 100% 37px;
    padding: 12px 20px 32px 30px;
    line-height: 0px;
    margin: 0;
}
.box-sidebar>h3{background-size: 300% 46px;}
.product-categories h3 a, .news-categories h3 a,.box-sidebar h3 a,.product-cat h3 a{color:#fff; font-size: 16px;font-weight: bold;}
.product-categories{margin-bottom: 15px;}
.product-img{ overflow: hidden;
-webkit-box-shadow: 0px 8px 7px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 7px -7px rgba(0,0,0,0.75);
box-shadow: 0px 8px 7px -7px rgba(0,0,0,0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.product-img img{
 
        width: 100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.product-img:hover img{}
.des-producr-detail{background: url('../img/bg_des_inbox.png') repeat top left; position: absolute;    width: 100%;
    bottom: -55%; padding:5px;-webkit-transition: all  .5s ease;
   -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
        transition: all .5s ease;}
.producr-detail h4{font-size: 15px; text-align: center;}
.box-product-item{overflow: hidden;position: relative;}
.box-product-item h4 a{color: #222;display: block}
.box-product-item h4 a:hover{color: #eb0000;}
.box-product-item:hover{position: relative;}
.box-product-item:hover .des-producr-detail{bottom:15px;}
.box-product-item:hover .producr-detail.pr-bgr h4,.box-product-item:hover .producr-detail.pr-bgr p{/*color:#fff;*/}
.btn-custom,.btn-primary{background-color:#446084; color:#fff;border-color:transparent;}
.btn-custom:hover,.btn-primary:hover{background-color:#8a0000; color:#fff;border-color:transparent;}
.producr-detail hr{    margin-top: 0px;
    margin-bottom: 15px;
    border: 0;
    border-top: 2px solid #eee;
}
.product-cat-content .box-product-item,.news-cat-content .box-news-item{border: 2px solid #ededed;padding: 3px; border-radius: 8px; border-bottom: 5px solid #ededed;background-color:#fff;}
.product-cat-content .box-product-item:hover,.news-cat-content .box-news-item:hover{border: 2px solid #446084; border-radius: 5px; border-bottom: 5px solid #446084;}
/* news */
.news-item .news-img{background-color: #222;height: 180px;overflow:hidden;}
.news-item .news-img img{-webkit-transition: all  .5s ease;
   -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
        transition: all .5s ease;
      min-height: 180px; 
        width: 100%;
}
.box-news-item:hover .news-item .news-img img{opacity: 0.8;}
.news-cat-content .col-md-4{padding-left: 5px; padding-right: 5px; margin-bottom: 15px;}
.news-detail span{font-size: 11px; text-align: right; color:#777;}
.news-detail h4 a{font-size: 15px; font-weight: bold; color:#222;-webkit-transition: all  .5s ease;
   -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
        transition: all .5s ease;}
.news-detail h4 a:hover{font-size: 15px;color:#eb0000;}
.news-detail p{font-size: 13px;}
.news-detail{padding: 10px;}
footer{background:url(../img/bg_footer.png) no-repeat top left;width:100%; border-top: 4px solid #446084;font-weight:bold; margin-top: 10px;background-size: cover;padding-top: 5px;}
footer hr{border-top: 1px solid #d3d3d3;margin-bottom: 5px; margin-top:0}
footer h4{font-weight:bold; margin-top:20px;color:#8a0000;}
footer a{color:#333;}
footer a:hover{color:#446084;}
.more-info h4{color:#446084;font-weight: bold;border-bottom: 2px solid #446084;padding-bottom: 3px;font-size: 21px}
@media screen and (max-width: 480px){
	.top-info{
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	}
	.top-info ul li.pull-right{
	display: none;
	}
	footer{background:url(../img/bg_footer.png) repeat-y top left;width:100%; border-top: 4px solid #446084; padding-bottom: 10px;font-weight:bold; margin-top: 10px;}
}
    .more-feature{color: #333; font-weight: bold;}
    .more-feature:hover{color: #eb0000;}
    .more-feature span{color: #999; font-style:italic;font-size: 11px;}
/* ==================================Categories==================================== */
#menu-product-cat,
#menu-product-cat ul,
#menu-product-cat ul li,
#menu-product-cat ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#menu-product-cat > ul {
/*   width: 180px; */
  background: #ffffff;
  z-index: 100;
}
#menu-product-cat > ul > li > a {
  padding: 6px 15px;
  font-size: 15px;
  color: #333;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
}
#menu-product-cat > ul > li:hover > a,
#menu-product-cat > ul > li > a:hover {
  color: #446084;
}
#menu-product-cat ul li.has-sub > a::after {
  position: absolute;
  right: 15px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 2px;
}
#menu-product-cat > ul > li.has-sub > a::after {
  top: 14px;
  background: #333;
}
#menu-product-cat > ul > li.has-sub:hover > a::after,
#menu-product-cat > ul > li.has-sub > a:hover::after {
  background: #446084;
}
#menu-product-cat ul ul li.has-sub > a::after {
  top: 13px;
  background: #ffffff;
}
#menu-product-cat ul ul li.has-sub:hover > a::after,
#menu-product-cat ul ul li.has-sub > a:hover::after {
  background: #dddddd;
}
#menu-product-cat ul li.has-sub > a::before {
  position: absolute;
  right: 15px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  content: "";
}
#menu-product-cat > ul > li.has-sub > a::before {
  top: 16px;
  border-left-color: #ffffff;
}
#menu-product-cat ul ul li.has-sub > a::before {
  top: 15px;
  border-left-color: #2e353b;
}
#menu-product-cat ul {
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#menu-product-cat ul ul {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 180px;
  background: #8a0000;
  opacity: 0;
  -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
  -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
  transition: opacity .2s ease, transform .2s ease;
  -webkit-transform: rotate3d(0, 1, 0, 45deg);
  -moz-transform: rotate3d(0, 1, 0, 45deg);
  transform: rotate3d(0, 1, 0, 45deg);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#menu-product-cat ul li:hover > ul {
  left: 100%;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
}
#menu-product-cat ul ul::after {
  position: absolute;
  left: -8px;
  top: 14px;
  z-index: 5;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-right-color: #8a0000;
  content: "";
}
#menu-product-cat ul ul a {
  padding: 12px 15px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
}
#menu-product-cat ul ul li:hover > a,
#menu-product-cat ul ul li a:hover {
  color: #dddddd;
}
.sidebar-box,#menu-product-cat{border: 2px solid #ededed;padding: 3px; border-radius: 5px; border-bottom: 5px solid #ededed;background-color:#fff;}
/* ================================================================ */
#menu-product-cat2,
#menu-product-cat2 ul,
#menu-product-cat2 ul li,
#menu-product-cat2 ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#menu-product-cat2 > ul {
/*   width: 180px; */
  background: #ffffff;
  z-index: 100;
}
#menu-product-cat2 > ul > li > a {
  padding: 6px 15px;
  font-size: 15px;
  color: #333;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
}
#menu-product-cat2 > ul > li:hover > a,
#menu-product-cat2 > ul > li > a:hover {
  color: #446084;
}
#menu-product-cat2 ul li.has-sub > a::after {
  position: absolute;
  right: 15px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 2px;
}
#menu-product-cat2 > ul > li.has-sub > a::after {
  top: 14px;
  background: #333;
}
#menu-product-cat2 > ul > li.has-sub:hover > a::after,
#menu-product-cat2 > ul > li.has-sub > a:hover::after {
  background: #446084;
}
#menu-product-cat2 ul ul li.has-sub > a::after {
  top: 13px;
  background: #ffffff;
}
#menu-product-cat2 ul ul li.has-sub:hover > a::after,
#menu-product-cat2 ul ul li.has-sub > a:hover::after {
  background: #dddddd;
}
#menu-product-cat2 ul li.has-sub > a::before {
  position: absolute;
  right: 15px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  content: "";
}
#menu-product-cat2 > ul > li.has-sub > a::before {
  top: 16px;
  border-left-color: #ffffff;
}
#menu-product-cat2 ul ul li.has-sub > a::before {
  top: 15px;
  border-left-color: #2e353b;
}
#menu-product-cat2 ul {
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#menu-product-cat2 ul ul {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 180px;
  background: #8a0000;
  opacity: 0;
  -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
  -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
  transition: opacity .2s ease, transform .2s ease;
  -webkit-transform: rotate3d(0, 1, 0, 45deg);
  -moz-transform: rotate3d(0, 1, 0, 45deg);
  transform: rotate3d(0, 1, 0, 45deg);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#menu-product-cat2 ul li:hover > ul {
  left: 100%;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
}
#menu-product-cat2 ul ul::after {
  position: absolute;
  left: -8px;
  top: 14px;
  z-index: 5;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-right-color: #8a0000;
  content: "";
}
#menu-product-cat2 ul ul a {
  padding: 12px 15px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
}
#menu-product-cat2 ul ul li:hover > a,
#menu-product-cat2 ul ul li a:hover {
  color: #dddddd;
}
#menu-product-cat2{border: 2px solid #ededed;padding: 3px; border-radius: 5px; border-bottom: 5px solid #ededed;background-color:#fff;}
#menu-product-cat2{
	display: none;
}
/* ================================================================ */
.ps3-item,.sidebar-news-item{padding: 3px;}
.ps3-item{margin: 0px;margin-bottom: 5px;}
h4.ns3-title a,.ps3-content .title a{font-size: 15px;font-weight: bold;color: #222;}
h4.ns3-title a:hover,.ps3-content .title a:hover{color:#446084;}
img.ns3-image{float:left;margin:3px 5px 0px 0px;width: 70px; height: 50px;}
.ps3-img{width: 35%; margin-right: 5px; float: left;}
.ps3-img img{float:left;width: 100%; max-height: 100px; min-height: 68px;}
.ps3-content{float: left; width: 62%;}
.ps3-price{}
.ps3-content .title{margin: 0;}
.ss3-item{padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #F7F7F0;width: 24%;
    float: left;
    }
.ss3-right{border-left: 1px solid #F7F7F0; padding-left: 5px;}
.top-html *{max-width: 100%;height: auto;}
.fanpage-home *{max-width:100% !important;height: auto;}
.sidebar-html *{max-width: 100%; height: auto;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
      background-color: #446084;
    border-color: #446084;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #446084;    border: 1px solid #446084;}
.pagination>li>a, .pagination>li>span{color: #222222;}
.border-content{border: 2px solid #ededed;padding: 3px; border-radius: 5px; border-bottom: 5px solid #ededed;background-color:#fff; padding-top:10px;}
.left-news-img{width: 25%;}
.right-news-content{width: 75%;}
.title-news-item a{color:#222;font-size: 16px; font-weight: bold;}
.title-news-item a:hover{color:#446084;}
.post-meta ul li{display: inline;}
.content-news-detail *{max-width: 100%;}
input.form-control:hover,input.form-control:focus,textarea.form-control:hover,textarea.form-control:focus{color: #000;
    border: 1px solid #B6DE5E;
    -webkit-box-shadow: 0 0 10px rgba(166, 210, 79, 0.4) inset,0 0 5px #B6DE5E;
    -moz-box-shadow: 0 0 10px rgba(166, 210, 79, 0.4) inset,0 0 5px #B6DE5E;
    box-shadow: 0 0 10px rgba(166, 210, 79, 0.4) inset,0 0 5px #B6DE5E;
    -webkit-transition-property: border,color,-webkit-box-shadow;
    -moz-transition-property: border,color,-moz-box-shadow;
    -o-transition-property: border,color,box-shadow;
    -ms-transition-property: border,color,box-shadow;
    transition-property: border,color,box-shadow;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;}
.producr-detail h4,.producr-detail .price{font-weight: bold;}
.producr-detail .price-old{color: #999; text-decoration: line-through;}
.nav-stacked li a{color:#333;font-weight: bold;}
.nav-stacked li a:hover{color:#446084;}
.product-item .sale{position: absolute;top: -5px;right: -2px;
    width:77px;}
.product-item .sale p{position: relative;margin-top: 29px;margin-left: 10px;font-weight: bold;color: #fff;font-size: 16px;}
@media screen and (max-width: 767px) {
    .product-categories>h3,.product-cat>h3, .box-sidebar>h3,.news-categories>h3{
        background-size: 400% 46px;
    }
}
.form-error{font-size: 12px;}
.li-new-latest ul{position: absolute;
    z-index: 1111;
   width: 1110px;
    background: #8a0000;
    margin-left: -98px;display: none; opacity: 0;
}
.li-new-latest ul li{float: left; width: 50%}
.li-new-latest:hover ul{display: block; opacity: 1;-webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;}
.support-head .box-sp-head .brands-name{}
.support-head .box-sp-head{position: absolute;
    z-index: 1111;
    background: #8a0000;display: none;margin-left: -170px;width: 1110px;
    padding: 5px;}
.support-head:hover .box-sp-head{display: block}
.padding-right-0{padding-right: 0 !important}
.margin-bottom-5{margin-bottom: 5px !important}
.sociate ul li{display: inline-block}
.sociate ul li a{      color: #fff;
    text-align: center;
    border-radius: 5px;display: block}
	.cat-head ul li a{color: #222; font-size: 12px;}
.news-latest-top .ns3-title{margin: 0}
footer .container .row .col-xs-12.col-sm-12.col-md-12.col-lg-12.text-center *{max-width: 100% !important}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { 

}
.product-categories h3 a:hover{color: #ffa200}
ul.ul-top-contact li.share-facebook{position:relative; top: -8px;}
.producr-detail .price {
    color: #446084 !important;
}
@media screen and (min-width: 768px) {
    .top-session > div {display: none;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#cssmenu > ul > li > a{padding: 7px 33px !important;}
	.producr-detail .price {
    color: #446084 !important;
}
}
.g-share{
	display: inline;
    position: relative;
    top: 14px;
}
/*.sociate.cat-head,*/
/*.product-info-detail .options,*/
/*.product-info-detail .btn,*/
/*.product-info-detail + div,*/
/*.producr-detail .price*/
/*{display:none;}*/
@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.ul-top-contact.top-info{width: 960px !important}
	#cssmenu > ul > li > a {
    padding: 7px 34px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
	.ul-top-contact.top-info{width: 740px !important}
	#cssmenu > ul > li > a {
    padding: 7px 17px !important;
	}
}
@media screen and (max-width: 700px){
	ul.ul-top-contact li {
        float: left;
        line-height: 4px;
        padding: 0 10px;
        font-size: 12px;
        height: 35px;
    }
    .ul-top-contact.top-info {
        width: 100% !important;
    }
}
.content-map iframe{
    width: 100%;height: 215px;
}
.coppyright{padding-bottom: 6px;text-align: right;color: #999;}