@import url("normalize.css");
@import url("fonts.css");
/*	@import url("../fonts/bebas/bebas.css");
@import url("../fonts/eremy/eremy.css");
@import url("../fonts/zirkon/stylesheet.css");
@import url("../fonts/uvnbaisau/stylesheet.css");*/
@import url("../fonts/dinhtran/081vectordepvnutm-dinh-tran.css");
@import url("../fonts/swiss/fonts.css");
@import url("../fonts/neo-sans/utm-neo-sans-intel.css");
@import url("../fonts/myriad-pro/style.css");
html,body{min-width:1200px}

@font-face{
				font-family:"Roboto-Bold";
		src:url("../fonts/Roboto-Bold.ttf");
	}

@font-face{
				font-family:"Roboto-Regular";
		src:url("../fonts/Roboto-Regular.ttf");
	}
@font-face{
				font-family:"RobotoCondensed-Regular";
		src:url("../fonts/RobotoCondensed-Regular.ttf");
	}
@font-face{
				font-family:"RobotoCondensed-Bold";
		src:url("../fonts/RobotoCondensed-Bold.ttf");
	}
#iview .iviewSlider{position:relative}
#iview .iviewSlider:after{position:absolute;width:100%;height:100%;content:"";top: 0;left: 0;border: 1px solid rgba(17, 17, 17, 0);z-index: 12;}
body{margin:auto;
max-width: 1366px;
margin: 0 auto;
}
#loading{position: fixed;
width: 100%;
height: 100%;
background: rgba(5, 82, 159, 0.89);
z-index: 1234;}
#loading span{
background: url(../img/loading2.gif) no-repeat 3px 3px;
background-size: 100px 100px;
width: 103px;
height: 103px;
position: absolute;
top: 46%;
left: 46%;
margin: -41px 0 0 -41px;
z-index: 100000;
}

.back-to-top {
    position: fixed;
    z-index: 123;
    right: -60px;
    bottom: -60px;
    text-align: center;
    color: #EC000A !Important;
    text-decoration: none !Important;
    font-weight: bold;
    font-size: 14px;
    box-shadow: chartreuse;
}
#video-control{position:relative;z-index:123;margin-top: 4px;border-radius: 0;}
.red{color:red}
#loading span.child{
background:url(../img/loading2.gif) no-repeat;
background-size:50px;
-webkit-animation: spin 2s infinite linear;
width: 50px;
height: 50px;
left: 67%;
top: 67%;
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(-360deg); }
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(-360deg);}
}
.sweet-overlay{z-index:123}
.fix-row{
margin-left: -15px;
margin-right: -15px;
}
.bebas{font-family: utm_bebasregular;}
.eremy{font-family:utm_eremitageregular}
.title-global-root{
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
    background: url(../img/title1.png) repeat-x 0 32px;
    padding-bottom: 4px;
    z-index: 1;
}
.title-global-root.title-new{background:url(../img/spmoi-title.jpg) no-repeat center center;height: 52px;text-align: center;margin-top: 20px;}
.title-global-root.title-new h2{
text-align: center;
line-height: 28px;
color: #fff;
}
.title-global-root.title-new h2:after{display:none}
.title-global-root h2:after{width:100%;height: 5px;position:absolute;content:"";left: 0;z-index: 1;bottom: -8px;}
.title-global h2:before {
    clear: both;
    content: "";
    /* background: url(../img/x-btn.png) no-repeat; */
    width: 29px;
    height: 29px;
    position: absolute;
    left: 4px;
    top: -2px;
}
.title-global-root h2{  
 font-size: 15px;
     border-bottom: 5px solid #ed1c24;
    line-height: 14px;
    text-align: left;
    padding: 2px 0px;
      text-transform: uppercase;
	 color: #ed1c24;
    font-weight: bold;
	font-family:Arial;
    margin: 0;
    position: relative;
    top: 5px;
    z-index: 0;
    z-index: 123;
	   
}
.title-global{
position: relative;
margin-bottom: 20px;
font-weight: bold;
background:url(../img/title-dot.png) no-repeat center;
background-size:100% 100%;
height:43px;
z-index: 1;
}
.title-global h3{font-size: 19px;
margin: 0;
line-height: 20px;
/* font-weight: bold; */
color: #000;
text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.46);
text-align: left;
padding:7px 0px;
/* width: 235px; */
margin: 0;font-family: utm_zirkonregular;}
.title-global h2:after{clear:both;content:"";}
.title-global h2:before{
clear:both;content:"";
background:url(../img/x-btn.png) no-repeat;
width:14px;
height:
30px;
position: absolute;
left: 4px;
top: -10px;
display:none
}
.title-global h2 {
    font-size: 20px;
    float: left;
    line-height: 20px;
    color: #fff;
    text-align: left;
    margin: 0;
    position: relative;
    top: 14px;
 /*     font-family: "Roboto-Regular"; */
     font-family: "Alter-gothic";
    z-index: 0;
    padding-right: 10px;
    text-transform: uppercase;
    padding-bottom: 7px;
    text-indent: 55px;
}
.title-global a:hover{color:#7B5858;text-decoration:none}
.title-global a{	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;color:#EE8C00}
.container{width: 1200px !important;padding:0}
/* header */
header #social-air{
    position: absolute;
    top: 88px;
    left: 900px;
}
header{
width: 100%;
position: relative;  
min-height: 180px;
z-index: 123;
}
#product-detail{
/* padding: 15px; */
padding-top: 7px;
}
header .top-address{position: absolute;
left: 18%;
width: 643px;
top: 75px;
text-align: center;
font-size: 18px;}
header .top-address h2{font-size: 19px;
font-weight: bold;
margin: 4px 0;}
header .hotline{
position:absolute;
}
header .hotline .item{
font-weight: bold;
margin: 0;
line-height: 22px;
}
header .hotline span{      
 font-size: 18px;
    position: relative;
 left: 14px;
    top: 15px;

	font-family:"RobotoCondensed-Bold";
	}
header .lang-bar{
right: 10px;
top: 15px;
position: absolute;
}
header .lang-bar img{
border:1px solid #fff}
header nav{
 width: 100%;
    height: 60px;
    background:url(../img/bg_menu.png) no-repeat center;
    position: relative;
    z-index: 12;
    margin: 0 auto;

}
header nav:after,header nav:before{content: "";
width: 100%;
height: 1px;
position: absolute;
right: 0;
z-index: 1234;top: 1px;
/* border-top: 1px solid rgba(15, 14, 14, 0.29); */}
header nav:after{/* border-top: 1px solid rgba(255, 255, 255, 0.25); */top: 2px;}
header nav ul{ 
    margin: 0;
    list-style: none;
    padding: 0px 0;
    width: 103%;
    position: relative;
    z-index: 1;
  }
header nav .left-nav{
width: 398px;
}
header nav .center-bottom{
width: 235px;
}
header nav .right-nav{
width: 397px;
}
header nav ul li{float:left;    padding: 6px 15px;text-transform:uppercase;position:relative;
}
header nav ul li.item.news{
	margin-left:245px;
}
header nav ul li.nav-logo{padding:0}
header nav ul li.nobd:after,header nav ul li.nobd:before{display:none}
header nav ul li:after,header nav ul li:before{
width: 2px;
height: 20px;
position: absolute;
right: 0;
top: 11px;
}
header nav ul li:after{border-right: 1px solid rgba(255, 255, 255, 0.25);right: 1px;}
header nav ul li ul li:after,header nav ul li ul li:before{display:none}
header nav ul li.last{border:none;margin-left: 5px;padding-right:0}
header nav ul li.last a{text-transform:capitalize}
header nav ul li.last:after,header nav ul li.last:before{display:none}
header nav ul li a{
font-size: 16px;
line-height: 20px;
font-family:"Roboto-Regular";
text-transform: uppercase;color: #fff;}
header nav ul li a img{   
 position: relative;
}
header nav ul li.item:hover,header nav ul li.item.active{ 
background:url(../img/bg_hover.png) no-repeat center;
background-size:100% 100%;
}
header nav ul li ul li a{
font-size:14px;
}
header nav ul li:hover a,header nav ul li.active a{text-decoration:none;color: yellow;}
header nav ul li ul li{width:100%}
header nav ul li ul{
position:absolute;
left: -9999em;
top: 0;
    width: 230px !important;
visibility: hidden;
}
header nav ul li ul a{
text-transform: uppercase;
color:#fff !important;
}
header nav ul li ul  li{
padding: 5px 10px;
}
header nav ul li ul a:hover{
color:#E0FF20 !important;
}
header nav ul li ul li{
border-bottom:1px solid rgba(204, 204, 204, 0.45);
background: rgb(237, 28, 36);
}
header nav ul  > li:hover{
}
header nav ul  li > ul  li ul{
left:-9999px;
top:-9999px;
}
header nav ul li:hover ul{
    top: 33px;
    left: 0px;
    min-width: 100%;
}
header nav ul  li > ul  li:hover ul{
top: 0px;
left:100%;
}
header nav ul  li:hover ul ul{
left:-9999px !important;
top:-9999px !important;
}
header nav ul  li:hover > ul li ul{
}
header nav ul  li:hover > ul li:hover ul{
position:absolute;
top: 0px !Important;
left:100% !important;
padding-top: 0;
}
header nav ul  li:hover > ul li:hover ul li ul{left:-9999px !important;
top:-9999px !important;}
header nav ul  li:hover > ul li:hover ul li:hover ul{
position:absolute;
top:0 !Important;
left:100% !important;
}
header .hotline p{margin-bottom:2px;color: #E52A2A;font-size: 26px;margin: 0;padding: 0;height: 31px;}
header .hotline{
    float: left;
    height: 51px;
    text-indent: 37px;
    position: absolute;
    right: 19px;
    color: #E52A2A;
    top: 66px;
    font-size: 22px;
    background: url(../img/hotline1.png) no-repeat;
    width: 275px;
	}
header .hotline-text{
        float: left;
    text-indent: 50px;
    position: absolute;
    right: 19px;
    color: #000;
    top: 57px;
    font-size: 18px;
    width: 275px;
	font-family:"RobotoCondensed-Bold";
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	}

header .hotline span{  
color:#ed1c24;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
header .wrap-content-header{	margin: 5px 0;
background: url(../img/phone.png) no-repeat left center;
height: 91px;
position: absolute;
top: 0;
right: -1px;
width: 295px;
font-size: 17px;
font-weight: bold;
padding-left: 70px;}
header .wrap-content-header td{
vertical-align: middle !important;
border:none !important;
}
header .wrap-content-header table{border:0;margin-left:0;color:red;}
header .wrap-content-header table span{}
nav .container{
position:relative;
z-index: 1;
    height: 46px;
}
/*search */
#form-search input[type=text]{
    color: #1B1B1B;
       line-height: 25px;
    margin-top: 10px;
    background: url(../img/input.png) no-repeat;
    padding: 6px;
    width: 100%;
    padding-right: 29px;
    border-radius: 0px;
    font-size: 12px;
    color: #000;
    border: none;
	text-indent: 20px
}
#form-search{position: absolute;bottom: 5px;width: 460px;height: 39px;z-index: 1;float: left;margin-right: 5px;right: -20px;top: -57px;}
#form-search label{
margin-right: 7px;
}
#form-search button i{}
#form-search button {
    position: absolute;
    top: 11px;
    right: 8px;
    border: 0;
    width: 72px;
    height: 30px;
    font-size: 18px;
    outline: none;
    color: #FFFFFF;
    line-height: 8px;
    background: none;
}
#slogan-wrap .wrap-hotline h2{
margin: 0;
font-family: Myriad Pro Bold Condensed Italic;
font-size: 25px;
padding: 14px 0;
color: #EE8C00;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#FFFFFF)";/*IE 8*/  
text-shadow: 0 0 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/;
}
#slogan-wrap .wrap-hotline{
text-align: center;
background: #EDEFF0;
border: 6px solid #EE8C00;
border-bottom: 0px solid #EDEFF0;
position: relative;
bottom: -6px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
#slogan-wrap{
position: absolute;
bottom: 4px;
z-index: 1;
border-bottom: 6px solid #EE8C00;
width: 100%;
}
#slider-wrapper{
overflow:hidden;
position: relative;
padding-bottom: 10px;
}
#slider-wrapper .right-support{position:relative;width: 430px;height:303px;float:left;margin-top: 10px;margin-left: 10px;}
#slider-wrapper .right-support .view{
float: right;
background: #fff;
padding: 3px 7px;
margin-top: 20px;
border-radius: 10px;
margin-right: 30px;
}
#slider-wrapper .right-support .title h1{
margin: 0;
}
#slider-wrapper .right-support .title h1 p{
color: #FF6D00;
}
#slider-wrapper .right-support .title{
text-align: center;
}
#slider-wrapper .right-support .content .n{font-size:17px;color: #818181;}
#slider-wrapper .right-support .content .p{font-size:17px;color: red;font-weight: bold;}
#slider-wrapper .right-support .content{
text-align: justify;
/* position: absolute; */
/* top: 150px; */
width: 100%;
font-size: 16px;
}
#slider-wrapper  .left-slider{
width: 700px;
/* margin:0 10px; */
float: left;
padding: 5px;
background: #fff;
}
#product-category-wrapper{
background: #C9CFD3;
}
#product-category-wrapper .title-root{
background: url(../img/title-top.png) no-repeat;
height: 35px;
line-height: 33px;
color: #fff;
text-indent: 10px;
position: relative;
top: -35px;
font-family: utm_swissblack;
font-size: 16px;
}
#product-category-wrapper .content{
position: relative;
top: -23px;
}
#product-category-wrapper .content ul{}
#product-category-wrapper .content ul li{}
#product-category-wrapper .content ul li .pc-item{
position: relative;
}
#product-category-wrapper .content ul li .pc-item .name{
position: absolute;
bottom: 0;
left: 0;
background: rgba(29, 143, 240, 0.69);
width: 100%;
}
#product-category-wrapper .content ul li .pc-item .name a{
font-size: 24px;
padding-left: 10px;
color: #FF6D00;
text-transform: uppercase;
}
#product-category-wrapper .content ul li .pc-item .name a:hover{}
/* end slider */
/* left site */
#left-nav {
width: 275px;
margin-left:5px;
float:left;
}
#left-nav .search-form{
position: relative;
margin-bottom: 10px;
margin-top: 5px;
}
#left-nav .search-form input{
border: 1px solid #ccc;
border-radius: 5px;
padding: 4px 10px;
width: 100%;
padding-right: 30px;
}
#left-nav .search-form button{
position: absolute;
border: 0;
background: none;
top: 3px;
right: 4px;
}
#left-nav .box-left{
/* margin-bottom:25px
*/}
#left-nav .box-left.product ul {
list-style:none;
margin:0;
}
#left-nav .box-left.product ul > li{
background: url(../ico/list.png) 9px 15px no-repeat;
padding: 13px 0;
padding-bottom: 0;
position:relative;
border-bottom: 1px solid #ddd;
}
#left-nav .box-left.product ul > li:after{
border-bottom: 1px solid rgba(214, 214, 214, 0.48);
position:absolute;
content:"";
left:0;
bottom: -1px;
width:100%;
height:1px;
}
#left-nav .box-left.product ul > li.is-title{
background: url(../img/start.png) 3px 8px no-repeat;
padding-left: 10px;
}
#left-nav .box-left.product ul > li.is-title ul{
}
.is-title ul{}
.is-title ul.s{display:block}
#left-nav .box-left:after{
/* content:''; */
background:url(../ico/left-bottom-box.png) no-repeat;
width:100%;
position:absolute;
height:40px;
}
#left-nav .box-left.product ul > li.is-title a{
color: #111;
padding-left:20px;
font-size:15px;
position: relative;
font-weight: bold;
}
#left-nav .box-left.product ul > li.is-title a:hover{
color:#CC343B;
}
#left-nav .box-left.product ul > li.is-title a.title-link:hover{
text-decoration:none;
color:#CC343B;
}
#left-nav .box-left.product ul > li ul {/* background: #36A336; */
left: -999999px;
/* display:none; */
z-index: 100;
top:0;
width: 100%;}
#left-nav .box-left.product ul > li ul  li{padding-left:15px}
#left-nav .box-left.product ul > li:hover ul{
left:100%;
}	
#left-nav .box-left.product ul > li ul a{text-indent:0;color:#000;}
#left-nav .box-left.product ul > li ul a:hover{text-indent:0;text-decoration:none;}
#left-nav .box-left.product ul > li ul li{
background-position:10px;
padding:3px 0;
padding-left: 0px;
background-position: 20px 11px;
position: relative;
}
#left-nav .box-left.product ul > li ul li:before{
content:">";
width: 33px;
height: 26px;
position: absolute;
color: #111;
font-weight: bold;
}
#left-nav .box-left .title{
background: url(../img/left-title.jpg) no-repeat;
height: 33px;
text-align:center;
font-size:18px;
border-top:1px solid #fff;
text-shadow: 0px 2px 3px rgba(5, 5, 5, 0.45);
padding:0 7px;
}
#left-nav .box-left .title.big-title h3{
line-height: 16px;
font-size: 14px;
color: rgb(245, 255, 0);
text-shadow:none;
}
#left-nav .box-left .content{
color: #fff;
padding: 5px;
/* border: 1px solid #ccc; */
border-top: 0;
border-bottom: 0;
width: 100%;
background: url(../img/left-bg.png);
padding-bottom: 15px;
}
#left-nav .box-left .content .advs-item{
margin-left: 6px;
margin-bottom: 10px;
}	
#left-nav .box-left .content.tools a{color:#333}
#left-nav .box-left .content.tools a:hover{color:rgb(245, 255, 0);text-decoration:none}
#left-nav .box-left .content.tools div{
padding:4px;
text-indent:35px;
background:url(../ico/tool.png) no-repeat 18px 8px;
border-bottom:1px dashed #ccc
}
#left-nav .box-left .content.tools div.tool-gold2{
background-position:18px -21px;
}
#left-nav .box-left .content.tools div.tool-gold3{
background-position:18px -48px;
}
#left-nav .box-left .content.tools div.tool-gold4	{
background-position:18px -75px;
}
#left-nav .box-left .title h3{
font-size: 20px;
color: #FFD200;
/* font-weight: bold; */
text-transform: uppercase;
line-height: 28px;
margin: 0;
text-indent: 5px;
width: 90%;
}
#left-nav .box-left .support-item{
color:#CC343B;
margin-bottom:2px;
line-height:28px;
text-indent:10px;
}
#left-nav .box-left .support-item p{
border-bottom:1px dashed #ccc;
margin:0;
text-indent: 15px;
}
#left-nav .box-left .support-item p:first-child{
background:url(../ico/list.png) 7px 13px no-repeat;
}
#left-nav .box-left .support-item p:first-child strong{
width: 100%;
float: left;
}
#left-nav .box-left .support-item p img{
position:relative;
top:-3px;
}
#left-nav .box-left .item-name{
float:left;
width:40%;
margin-right:5%;
}
#left-nav .box-left .item-name .phone{
background: url(../img/carot.gif) 11px 6px no-repeat;
padding-left: 18px;
}
#left-nav .box-left .item-mng{
float:left;
width:45%;
color:#ff0000;
}
#left-nav .box-hotline .fone{
margin-left: 8px;
float: left;
padding-left: 30px;
font-size: 13px;
font-weight: bold;
color: #ff0000;
}
#left-nav .box-hotline{
background:url(../ico/support.jpg) bottom left no-repeat;
height:130px;
}
#left-nav .box-hotline .hot{
width: 100px;
font-weight: normal;
font-size: 16px;
line-height: 17px;
margin-left: 4px;
}
#left-nav .box-hotline span{
font-weight:normal;
font-size:17px;
}
#left-nav #news-index{
list-style:none;
margin:0;
}
#left-nav #news-index li{
border-bottom:1px dashed #ccc;
padding-bottom:4px;
padding-top:4px;
}
#news-index .image-thumb{
width:60px;
float:left;
}
#news-index .news-name{
float: left;
width: 155px;
}
#news-index .news-name a{
font-size:12px;
color:#fff;
}
#news-index .news-name a:hover{
text-decoration:none;
color:rgb(245, 255, 0);
}
#news-index .image-thumb img{
width:58px;
border:1px solid #111;
}
#left-nav  .analytics .ana-item{
border-bottom:1px dashed #888;
padding:4px;
color:#333;
}
#left-nav  .analytics .ana-item label{
width:130px;
}
#left-nav .promotion-item {padding: 5px;
background: #fff;
border-radius: 6px;
overflow:hidden;
margin-bottom:10px;
position:relative;
}
#left-nav .promotion-item  .info{
background:rgba(0,0,0,.7);
bottom:-100%;
padding:7px 0;
text-align:center;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position:absolute;
width:100%;
left:0;
}
#left-nav .promotion-item  .info a{
color:#fff;
}
#left-nav .promotion-item  .info a:hover{
color:#BACA42;
text-decoration:none;
}
#left-nav .promotion-item:hover .info{
bottom:4px;
}
/* end left */
/*center content */
#center-content{
width: 880px;
float: left;
margin-left: 10px;
}
#center-content .center-content .title{
/* background: url(../img/menu.png) no-repeat; */
padding: 4px 0px;
text-indent: 20px;
color: red;
font-weight: bold;
font-size: 16px;
background: #B50103;
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
color:#fff
}
#center-content .center-content .is-main-about{
max-width:300px;
margin-right:5px;
margin-bottom:5px;
}
#center-content .content-new-product{
font-size:16px;
line-height:22px;
text-align:justify;
background:#B50103;
}
/* page-wrapper */
#page-wrapper{
position:relative;
margin-top: 10px;
width:1200px !important;
margin:0 auto;
background:#fff;
}
/*index*/
/* about */
.about-item .title h2{font-size: 25px;margin-top: 0;}
.about-item .content{
padding: 10px;
border: 1px solid #ccc;
}
.about-item   a{color:red;}
.about-item   a:hover{margin-right:5px;text-decoration:none}
.service-top .service-item img{
width:220px;
height:165px;
border-radius:10px;
}
.service-top .service-item{
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.service-top .service-item:hover{
-webkit-transform: scale(1.1);
}
.service-top .service-item p{
text-align:center;
font-size:17px;
font-weight:bold;
}
.service-top .service-item  a{
color:#333;
}
.service-top .service-item a:hover{
color:#5C8EC9;
text-decoration:none;
}
#index-page .tbs{height:265px}
.product-tab .title ul{list-style:none}
.product-tab .title li{float:left;width:48%;margin:0 1%;}
.product-tab .title li a{color:#fff}
.product-tab .title li a:hover{text-decoration:none}
.product-tab #tbi{display:none}
.product-tab .innder-img {height:170px;overflow:hidden}
.view-ctn{color:#fff;margin-left:7px}
.product-tab  .title li.active,.product-tab .title 	li:hover{width: 48%;
margin: 0 1%;
background: rgba(0, 62, 218, 0.6);
height: 30px;
margin-top: 5px;
float: left;
line-height: 26px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.inner{padding:7px}
.about-tab{
width:270px;
}
.map-tab{width:235px;margin-left:10px;}
.product-tab{
width:470px;
margin-left:10px
}
.product-tab .name-product{width: 100%;
text-align: center;
background: #fff;
padding: 6px 0;
border-top: 1px solid #ccc;
position: relative;
height: 42px;
overflow: hidden;
line-height: 31px;}
.product-tab .name-product a{color:#111;text-tranform:uppercase;font-size:17px}
.product-tab .name-product a:hover{text-decoration:none;color:#0050DF}
.product-tab .name-product:after{border-bottom:1px solid #ddd;position:absolute;width:100%;height:1px;content:"";left:0;top:-1px}
.product-tab .content {padding-top:10px;padding-bottom:10px}
.product-tab .content img{max-width:100%;width:219px;height:170px}
.about-tab img{max-width:100%}
#index-page{color:#fff}
#index-page .title{
background: #009afa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMDFhMWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMDA5NGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMDE3ZmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDA1ZmM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNGNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #009afa 0%, #01a1ff 3%, #0094f4 22%, #017fe5 44%, #005fc9 75%, #004cbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009afa), color-stop(3%,#01a1ff), color-stop(22%,#0094f4), color-stop(44%,#017fe5), color-stop(75%,#005fc9), color-stop(100%,#004cbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009afa 0%,#01a1ff 3%,#0094f4 22%,#017fe5 44%,#005fc9 75%,#004cbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009afa 0%,#01a1ff 3%,#0094f4 22%,#017fe5 44%,#005fc9 75%,#004cbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009afa 0%,#01a1ff 3%,#0094f4 22%,#017fe5 44%,#005fc9 75%,#004cbc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009afa 0%,#01a1ff 3%,#0094f4 22%,#017fe5 44%,#005fc9 75%,#004cbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009afa', endColorstr='#004cbc',GradientType=0 ); /* IE6-8 */
width:100%;
float:left;
text-align:center;
height:35px;
color:#FFF;
line-height:35px;
font-size:17px;
}
/* page-wrapper */
/* product lis t */
/* product lis t */
.product-item .contact{
text-align:center;
}
.product-item:after{
width:100%;
height:30px;
position:absolute;
z-index:1;
bottom: -10px;
opacity: 1;
left: 0;
padding-bottom: 13px;
}
.product-item.mid{
margin-left: 17px;
margin-right: 18px;
}
.product-item{
z-index:2;
position:relative;
    width: 215px;
height: 215px;

-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s ease;
    border-radius: 3px;
}
.product-item:hover{
/* background:#FBFDEA; */
}
#product-featured{
margin-top: 22px;
}
#product-featured .bx-wrapper .bx-controls a.bx-prev{
background: url(../img/bx-left.png);
width: 74px;
height: 96px;
left: -60px;
top: 40%;
}
#product-featured .bx-wrapper .bx-controls a.bx-next{
background: url(../img/bx-right.png);  width: 74px;  height: 96px;  
right: -59px;  top: 40%;
}
.product-item .product-code{
margin-top:5px;
text-align:center;
/* display: none; */
}
.product-item img.has-tt{
max-width: 98%;
max-height: 98%;
}
.product-item .view-detail .view-button:hover{
/* background:#FC7918
*/}
.product-item .view-detail .view-button a:hover{
text-decoration:none;
}
.product-item .view-detail .view-button a{
color:#fff;
}
.product-item .view-detail .view-button:after,.product-item .view-detail .view-button:before{
content:"";
position:absolute;
width:10px;
height:10px;
background:url(../img/li-left.png) no-repeat;
top: 12px;
right: 4px;
}
.product-item .view-detail .view-button:before{
background:url(../img/li-right.png) no-repeat;
left: 10px;
}
.product-item .view-detail .view-button{
display: none;
width: 140px;
cursor:hand;
cursor:pointer;
margin: auto;
/* background: #555555; */
padding: 7px 0px;
position: relative;
border: 2px solid #FFF;
}
.product-item .view-detail{
text-align: center;
}
.product-item .product-image a{
width:100%;
height:100%;
float:left;
background: #EDEDED;
z-index: 2;
position: relative;
}
.product-item .product-image:after{
position:absolute;
content:"";
/* background: url(../img/shadow-product.png) no-repeat; */
bottom: -14px;
left: 11px;
height: 14px;
width: 206px;
}
.product-item .product-image div.wrap{
width: 100%;
height: 100%;
margin: auto;
margin-top: 0;
overflow: hidden;
background: white;
position: relative;
border: 1px solid #f2f2f2;

}
.product-item .product-image{
position:relative;
    width: 210px;
    height: 180px;
z-index: 4;
margin:auto;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
    overflow: hidden;
background: #fff;
background: url(../img/bong_sp.png) no-repeat center bottom;
    padding-bottom: 12px;
}	
.product-item .product-image:hover{/* opacity:0.8 */}
.product-item .product-image img{
position:absolute;
top:0;
left:0;
width: 220px;
height: 220px;
right:0;
bottom:0;
margin:auto;
transform: scale(1) -moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-item .product-image:hover img{/* transform:scale(1.1) */}
.product-item .product-name h2{margin:0;line-height: 17px;font-size: 15px;line-height: 15px;}
.product-item .product-image img:hover{/* opacity:0.6 */}
.product-item .product-name{}
.product-item .product-name,.product-item .product-price,.product-item .cart{
text-align: center;
float: left;
width: 100%;
padding: 3px;
height: 25px;
overflow: hidden;
font-size: 15px;
color: red;
position: relative;
z-index: 123;
}
.product-item .cart{
background: #9C9C9C;
/* margin-bottom: 5px; */
height: 36px;
line-height: 33px;
display: none;
}
.product-item .product-price{margin-top: 0;height: auto;padding: 0;float: left;width: 100%;font-size: 14px;text-align: center;padding-left: 9px;display: block;color:#333333}
.product-item-wrap .product-detail{
    margin-right: 8px;
    padding-left: 17px;
    text-align: center;
    position: relative;
    top: 10px;
}
.product-item .product-detail a{
color: #FF0018;
text-align: center;
}
.product-item .product-price a{color:#ff000a;font-weight:bold}
.product-item .cart img{
display: inherit;
margin-right: 8px;
}
.product-item .cart a{font-weight: normal;
color: #050505;
position: relative;font-size: 13px;}
.product-item .cart a:hover{text-decoration:none}
.product-item .product-price span{color:#333333}
.product-item .product-name a{
color: #393939;
    line-height: 8px;
    text-transform: uppercase;
    font-size: 19px;
    /* font-family: "RobotoCondensed-Regular"; */
    font-family: "Alter-gothic";
}	
.product-group .xa{/* height: 346px; */}
.product-group {
width: 100%;
margin: auto;
}
#content-center .box-content:after{
content:"";
/* background: url(../img/shadow-box.png) no-repeat center bottom; */
width: 100%;
height: 17px;
position: absolute;
bottom: -17px;
}
#content-center .box-content{
position:relative;
border: 1px solid #D8D5D5;
    margin-bottom: 20px;
}

#content-center{
    width: 950px;
    float: left;
    margin-left: 20px;
    overflow: hidden;
    margin-bottom: 20px;
};
}
.product-item .product-name a:hover{text-decoration:none}
#content-right .right-title h2 {
    margin: 0;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    /* font-family: "Roboto-Regular"; */
	    font-family: "Alter-gothic";
}
#content-right .right-title{
    background: url(../img/list_dm.png) no-repeat;
    text-align: center;
    position: relative;
    height: 48px;
position:relative;
margin-bottom: -42px;
z-index: 1;
    background-size: 100%;

}
#content-right .right-title:after{
/* border-top: 1px solid rgba(255, 255, 255, 0.35); */
position:absolute;
width:100%;
height:1px;
left:0;
top: 40%;
content:"";
}
#content-right .content.analytics div{
margin-bottom:7px;
}
#content-right .content.analytics img{
margin-right: 5px;
position: relative;
top: -5px;
}
#content-right .content.product ul li a:hover{
text-decoration:none;
color: #838383;
}
#content-right .content.product ul li a{
color: #444444;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 18px;
font-weight:bold;
text-transform: uppercase;
font-family:Times New Roman;
}
#content-right .content.project .project-item a{
font-size:17px;
}
#content-right .content.project .project-item{
margin-bottom:10px;
}
#content-right .content.project{
text-align:center;
}
#content-right .content.product ul li:after,#content-right .content.product ul li:before{
position:absolute;
bottom:0;
width:100%;
height:1px;
float: left;
left: 0;
}
#content-right .content.product ul li:before{
background:url(../img/list1.png) no-repeat !important;
}
#content-right .box-left .news-item .news-date{
font-size:13px;
color: #7A7676;
}
#content-right .box-left .news-item .news-name a:hover{
color:#E03B3B;
text-decoration:none;
}
#content-right .box-left .news-item .news-name a{
color:#222;
font-size: 14px;
}
#content-right .box-left .news-item{
border-bottom:1px dashed #222;
padding-top:5px;
padding-bottom:5px;
}
#content-right .content.product ul li{
position: relative;
    padding: 5px 0;
    background: url(../img/list1.png) no-repeat;
    background-size: 100%;
    height: 56px;
    width: 267px;
}
#content-right .content.product ul li  span{
    padding: 5px 0;
	padding-left:20px;
}
#content-right .content.product ul li  span img{
height:45px;
width:45px;
}
#content-right .content.product ul li.child{
margin-left: 10px;
}
#content-right .content.product ul{
/* margin-left: 11px; */
list-style:none;
padding: 0;
}
#content-right .content.product ul li ul{
    position: absolute;
    right: -235px;
    width: 257px;
    z-index: 123;
    top: -1px;
    display: none;
    border-left: 0;
    border-bottom: 0;
}
#content-right .content.product ul li ul li a{
line-height:40px;
padding-left:10px;
}
#content-right .content.product ul li ul li:hover > ul,#content-right .content.product ul li:hover > ul{
display:block;
}
#content-right .content.product ul li ul li ul{
right: -235px;
}
#content-right .content.product{
}
#content-right .content.analytics span{
font-weight:bold
}
#content-right .content.analytics{
/* background:url(../img/left-support.jpg) no-repeat center center; */
min-height: 170px;
padding: 10px;
font-size: 17px;
padding-top: 52px;
/* margin-bottom: 10px; */
}
#content-right .content.analytics1 {
    /* background: url(../img/left-support.jpg) no-repeat center center; */
    min-height: 170px;
    padding: 10px;
    font-size: 17px;
    padding-top: 52px;
    /* margin-bottom: 10px; */
    height: 300px;
}
#content-right .content.support .sp-item{
padding-left: 8px;
    text-align: left;
    padding-bottom: 17px;
    background: url(../img/bottom-ht.png) no-repeat center bottom;
    margin-bottom: 10px;
    position: relative;
	    margin-top: 10px;
}
#content-right .content.support .sp-item:last-child{
	background:none
}
#content-right .content.support .sp-item .phone{
  font-family: "RobotoCondensed-Regular";
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: -5px 0;
}
#content-right .content.support .sp-item .name{
 color: #009f0f;
  font-family: "RobotoCondensed-Regular";
    font-size: 16px;
    background: url(../img/red_arrow.png) no-repeat 1px 6px;
    padding-left: 14px;
font-weight:bold;
}
#content-right .content.support .sp-item .email{
    font-size: 16px;
    color: #000;
  font-family: "RobotoCondensed-Regular";
	font-weight:bold;
    margin: 5px 0;
    word-break: break-all;
   /*  text-transform: capitalize; */
	}
#content-right .content.support{
    text-align: center;
    font-size: 17px;
    position: relative;
}
#content-right .content.support .hotline div.x{
	float: left;
    margin-left: 112px;
    font-size: 20px;
    font-family: "RobotoCondensed-Regular";
}
.dienthoai {
float: left;
    position: relative;
    top: 34px;
}
#content-right .content.support .hotline span{    
    font-size: 18px;
    color: #363636;
    text-transform: capitalize;
    position: relative;
    font-family: Arial;
    width: 120px;
    font-family: "RobotoCondensed-Regular";
    top: 44px;
    left: 12px;
}
#content-right .content.support .hotline span:after{width: 80%;
left: 16px;
top: 15px;
height: 2px;
position: absolute;
bottom: 2px;
content: "";
/* background: #111; */}
#content-right .content.support .hotline {
text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    position: relative;
}
#content-right .content.no-bd{
border:0;
margin-top:0;
background: #fff;
}

#content-right .content{
}
#content-right .content1 {

}
#content-right .content.news{}
#content-right .content.news ul{
padding: 0;
list-style: none;
}
#content-right .content.news ul li{border: 1px dotted #ccc;margin-top:1px;border-left:0;border-right:0;margin-left: 7px;padding: 5px 0;}
#content-right .content.news ul li a{color:#333;font-size: 13px;font-weight: normal;line-height: 15px;}
#content-right .content.news ul li .news-name{line-height: 16px;font-size:13px;margin-left: 6px;}
#content-right .content.news ul li .news-desc{line-height:14px;font-size:13px}

#content-right .content.tools a{color: #000;}
#content-right .content.tools a:hover{color: rgb(0, 144, 0);text-decoration:none}
#content-right .content.tools div{
padding:4px;
text-indent:35px;
background:url(../ico/tool.png) no-repeat 18px 8px;
border-bottom:1px dashed #ccc
}
#content-right .content.tools div.tool-gold2{
background-position:18px -21px;
}
#content-right .content.tools div.tool-gold3{
background-position:18px -48px;
}
#content-right .content.tools div.tool-gold4	{
background-position:18px -75px;
}
#left-nav .bo
#content-right .content{
border:1px solid #ccc;
margin-top: -1px;
position:relative;
margin-bottom: 10px;  
width: 100%;
padding: 5px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.4);  -moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.4);  box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.4);
}
#content-right{
    float: left;
    width: 230px;
}
#content-right .box-left{

    margin-bottom: 20px;
	border:1px solid #cdcdcd;
}
/*product-index*/
#tab-nav-product{}
#tab-nav-product ul{margin:0;list-style:none;padding:0;position:relative;margin-bottom: 20px;}
#tab-nav-product ul:before{content:"";width: 71%;height:5px;background:#974B00;position:absolute;left:10%;top: 38%;z-index: 1;}
#tab-nav-product  ul li{float:left;background:url(../img/category.png) no-repeat;width:210px;height:43px;float:left;margin-right: 57px;line-height: 40px;text-align: center;font-family: Flaticon;z-index: 2;position: relative;}
#tab-nav-product  ul li.active{background:url(../img/category-active.png) no-repeat;}
#tab-nav-product  ul li a{font-size:17px;color: #fff;	-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}
#tab-nav-product  ul li a:hover{text-decoration:none;color:rgba(255,255,255,.7)}
#tab-nav-product  ul li.last{margin-right:0}
#tab-content-product .tab{display:none}
#tab-content-product .tab.active{display:block}
.wrap-product{}
li .product-item-wrap{width: 100%;/* overflow: hidden; */}
.product-group .product-item-wrap{
float: left;margin-top: 0px;

}
/*product-index*/}
/*product list */
/* product detail */
#product-detail .thongso-kt{border:1px solid #ccc;padding:10px}
#product-detail .title{
border-bottom: 1px solid #ccc;
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
color: rgb(0, 144, 0);
font-family: Myriad Pro Bold Condensed;
}
#product-detail #category .list-content ul{
list-style:none;
margin:0;
}
#product-detail #category .list-content ul:first-child{
margin-top:20px;
}
#product-detail .list-content ul li{
background: url(../img/red_arrow_bullet_icon.gif) 0px 12px no-repeat;
padding: 5px 0;
padding-left: 20px;
text-transform: uppercase;
}
#product-detail .list-content ul li a{
font-size:19px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#product-detail .list-content ul li a:hover{
text-decoration:none;
margin-left:5px;
}
#detail .zoom-section img{
width:330px;
}
#detail .zoom-section  .gal img{
height:60px;
width:70px;
border:1px solid #ccc;
margin:1px;
padding:2px;
}
#detail .zoom-section  .gal a{
}
#detail #main-detail{
margin-top:10px;
}
#carousel {
width:333px;
height:85px;	
position: relative;
}
#slides {
overflow: hidden;
position: relative;
width: 290px;
height: 63px;
margin-left: 20px;
}
/* remove the list styles, width : item width * total items */	
#slides ul {
position:relative;
left:0;
top:0;
list-style:none;
margin:0;
padding:0;	
width:750px;	
margin-left:-2px;	
}
/* width of the item, in this case I put 250x250x gif */
#slides li {
width:70px;
height:60px;	
float:left;
margin-right:2px;
margin-left:1px;
}
#slides li img {
padding:5px;
}
/* Styling for prev and next buttons */
#buttons {
padding:0 0 5px 0;	
float:right;
position: absolute;
width:100%;
top:17px;
}
#buttons a {
display:block; 
width:31px; 
height:32px;
float:left;
outline:0;
font-size:20px;
}
a#prev {
background:url(arrow.gif) 0 -31px no-repeat; 
}
a#next {
float:right;
}
#product-detail .main-product-detail .color_item.active,#product-detail .main-product-detail .size_item.active{
border: 1px solid #F8004B;
}
#product-detail .main-product-detail .color_item,#product-detail .main-product-detail .size_item{
float: left;
cursor:hand;
cursor:pointer;
padding: 3px 9px;
font-size: 16px;
margin-right: 5px;
border: 1px solid rgba(204, 204, 204, 1);
/* background: #fff; */
text-transform: uppercase;
color: #333;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#product-detail .main-product-detail{
}
#product-detail .product-qty button:hover{background: #111111;outline: none;}
#product-detail .product-qty button{
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
background: rgb(184, 0, 58);
border: 0;
padding: 11px;
position: relative;
outline: none;
/* top: -1px; */
color: #fff;
text-transform: uppercase;
margin-top: 10px;
font-family: Myriad Pro Bold Condensed;
font-size: 21px;
border-radius: 4px;
}
#product-detail .product-qty input{
border: 1px solid #ccc;
padding: 5px;
width: 100px;
}
#product-detail .product-qty label{
font-family: Myriad Pro Bold Condensed;
font-size: 19px;
}
#product-detail .product-qty{
margin: 10px 0;
}
.link-green {
color: #fff;
background: #E03B3B;
padding: 9px 19px;
/* border-radius: 6px; */
text-transform: uppercase;
position: relative;
float: left;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.link-green:hover{
background:#7FB105;
color:#fff;
text-decoration:none;
}
#product-detail .main-product-detail .title{
border:none;
}
#myTab li:last-child a{color:#CC343B !Important}
#product-detail .main-product-detail .title h1 {
color: #009B00;
border-bottom: 1px dashed #ccc;
font-weight: bold;
font-size: 24px;
margin: 0;
margin-top: 10px;
line-height: 27px;
text-transform: none;
margin-bottom: 5px;
padding-bottom: 5px;
font-family: "time news roman";
}
#detail .tab-content{border: 1px solid #ccc;
/* border-top: 0; */
padding: 5px;
}
.tab-product li{border-radius:0;margin:0}
.tab-product li a{margin:0;color:#fff;background:#0090f1;border-radius:0;border:0 !important;padding:10px 14px}
.tab-product li.active{}
.tab-product li a:hover{
background:#51b614
}
.tab-product li.active a{color:#fff;background: #f42a94;}
/*product detail */
#facebook-full{
margin: 10px 0;
ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)";  -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);  -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000);
}
/*footer */
footer{
}
footer .abs-footer  span{
color: #585858;
font-size: 19px;
font-family: Myriad Pro Regular;
}
footer .abs-footer .hotline{
background: url(../img/hotline-footer.png) no-repeat;
width: 456px;
margin-left: 220px;
}
.main-product-category {/* margin-top:20px; */height: 35px;margin-top: 45px;}
.main-product-category h2{
margin: 0;
font-size: 26px;
line-height: 33px;
}
.main-product-category h2 img{
float: left;
margin-right: 5px;
}
.main-product-category h2 a{
color: #585858;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
font-family: Myriad Pro Bold Condensed;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color=#ffffff)";/*IE 8*/  
text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */  
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#ffffff); /*IE 5.5-7*/;
}
.main-product-category h2 a:hover{
color: rgba(255, 149, 0, 1);
text-decoration:none;
}
footer .abs-footer .email{
background: url(../img/hotline-footer.png) no-repeat;
}
img.header{
width: 100%;
margin:0 auto;
}
footer .abs-footer div.email,footer .abs-footer div.hotline{
float: left;
height: 48px;
line-height: 40px;
text-indent: 59px;
color: #FF5200;
font-size: 29px;
font-family: Myriad Pro Bold Condensed;
}
footer .abs-footer .email{}
footer .abs-footer{
border-top: 6px solid #EE8C00;
}
footer .abs-footer .fix-footer{
background: #EDEFF0;
position: relative;
top: -6px;
border: 6px solid #EE8C00;
border-top: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
height: 60px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#FFFFFF)";  text-shadow: 0 0 2px #FFFFFF;  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF);
}
/*footer */
footer .all-wrap-footer{margin-top:20px;}
footer .footer-footer{margin-top:20px;padding: 5px;text-align: right;font-size: 13px;font-style: italic;/* font-family: "tahoma"; */color: #ccc;}
footer .footer-footer a{color:#fff}
footer .menu-footer:after,footer .menu-footer:before{position:absolute;left:0;bottom:0;content:"";/* background:#00D100; *//* height:2px; *//* width:100% */}
footer .menu-footer:before{
/* height: 1px; */
/* bottom: -3px; */
/* background: #111; */
}
footer .menu-footer{
position: relative;
/* border-bottom: 5px solid #043004; */
}
footer .menu-footer ul{
list-style: none;
float: right;
margin: 6px 0;
}
footer .menu-footer ul li:last-child:after{display:none}	
footer .menu-footer ul li{
float: left;
margin: 0px 10px;
position:relative;
}
footer .menu-footer ul li:after{content:"";position:absolute;background: #fff;width: 2px;height: 10px;right: -13px;top: 6px;}
footer .menu-footer ul li a:hover{border-bottom:1px dotted #fff;text-decoration:none}
footer .menu-footer ul li a{
/* font-family: Flaticon; */
color: #fff;
font-size: 15px;
}
footer .nav-footer{background:#02678C;border-bottom: 1px solid #00BBFF;    z-index: 2;position: relative;-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);  -moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.5);  box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.5);}
footer .nav-footer ul {
list-style: none;
margin: 0;
padding: 5px  0;
}
footer .nav-footer li{
float: left;
padding: 5px 15px;
line-height: 20px;
position:relative;
}
footer .socials a{
margin: 4px;
position: relative;
top: 6px;
}
footer .nav-footer li:after{
position:absolute;
content:"/";
width:3px;
height:100%;
right:0
;
color: #00BBFF;
}
footer .nav-footer li a{background:#02678C;text-transform: capitalize;color: #fff;font-weight: bold;}
footer{
position:relative;
width:100%;
background:url(../img/bg_footer.png) repeat center;
margin-bottom: 0px !Important;
 overflow: hidden;
 }
footer:after{position:absolute;width:100%;height: 2px;  -moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.7);  box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.7);}
footer .top-footer{}
footer .follow li {float: left;width: 100%;}
footer .follow label {font-weight:normal;float: left;width: 160px;}
footer .follow span {font-weight:normal}
footer .follow {
font-family: roboto,'Myriad Pro Regular';
font-weight: normal;
}
footer .follow  a{color:#ccc;}
footer .follow  img{margin-right: 3px;position: relative;top: -3px;}
footer .follow  ul{list-style:none}
footer .follow  ul li{margin: 1px 0;/* color: #fff; */}
footer .follow .title{font-size: 20px !important;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);}
footer .top-footer p{margin-bottom: 3px;
/* padding-left: 13px; */
/* background: url(../img/ob-list.png) no-repeat 1px 6px; *//* color: #fff; */}
footer .top-footer p a{color:#fff}
footer .top-footer .title{
margin-bottom: 17px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    padding-right: 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: 8px;
    left: 80px;
}
footer .top-footer .title1{
    margin-bottom: 17px;
    font-weight: normal;
    font-style: normal;
    text-align: center;

    padding-right: 20px;
    COLOR: #eaea03;
    text-transform: uppercase;
    font-size: 15px;
}
footer .social{text-align:center;width:400px;font-size:12px;color:#888}
footer .social .footer-info{padding-top:5px}
footer .social .footer-info a{color:#ccc}
footer .social .footer-info a:hover{text-decoration:none}
footer #search-social-bar .title{font-weight:bold}
footer .social a{padding:3px}
footer .top-footer p a{color:#fff;-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}
footer .top-footer p a:hover{text-decoration:none;color:#fff}
footer .top-footer .content{
    position: relative;
    left: 20px;
color:#fff
}
.s1{
    color: #fff;
    background: url(../img/s1.png) no-repeat left;
    margin-left: 6px;
    padding-left: 62px;
    margin-top: 14px;
	    height: 51px;
}
.s1 img{
margin-right:10px;
}
footer .top-footer .content #social-air{
position: relative;
top:10px;
}
footer .top-footer .content #form-search{
position:relative;
top:-10px;
}
footer .top-footer .content ul{
list-style: none;
padding: 0;
}
footer .copyright .cop{
line-height: 40px;
font-size: 14px;
}
footer .copyright{
    padding: 10px 0;
    color: #f3f2f2;
    font-size: 13px;

}
footer .top-footer .content1 ul li{
background:url(../img/list_tr.png) no-repeat left;
    padding-left: 10px;
}
footer .top-footer .content1 ul li a{
font-size: 16px;
color: #fff;
}
footer .top-footer .content ul li a:hover{
text-decoration: none;
color: #D7CDCD;
}
footer .top-footer .company-name{
    width: 50%;

}
footer .thongke{   
 width: 25%;
    float: right;
    position: relative;
    left: 10px;
}
footer .top-footer .company-name h1{font-size: 21px;margin:0;/* font-weight:bold; */margin-bottom: 7px;font-family: Myriad Pro Bold Condensed;color: #FFF000;}
footer .top-footer .company-name h1.pname{font-size:17px;font-weight:normal;}
footer .top-footer {text-decoration:none;font-size:110%;position: relative;z-index: 1;padding-top: 6px;     padding-bottom: 10px;}
footer .bottom-footer{position:relative;min-height:35px;}
footer .bottom-footer:after{content:"";width:100%;top:0;z-index:3;position:absolute;/* background:url(../img/xfooter.png) top center no-repeat; */min-height:28px;}
footer .bottom-footer .content{position:relative;top:10px;z-index:1;background: #424242;min-height:35px;text-align:center;line-height:35px;}
footer #search-social-bar{right:5px;bottom:10px;margin-top: 10px;}
footer #search-social-bar a{margin-right:3px}
footer #logo{
position:relative;
color:#fff;
font-size:15px;
}
footer #logo .pos-e{
position: absolute;
width: 200px;
right: 60px;
bottom: -21px;
}
footer  h3{margin:0}
footer #logo p{
margin-bottom:3px;
}
footer #logo h1{
margin:0;
font-weight:bold;
font-size:28px;
margin-bottom:5px;
}
/*footer*/
#left-site{width:215px;height:500px;}
#left-site nav{margin-top:3px}
#left-site nav ul{margin-bottom:0}
#left-site nav ul li{height:46px;background:url(../img/menu-bg.png);float:left;width:100%;text-align:center;margin-bottom:2px;}
#left-site nav ul li a{line-height:46px;font-size:20px;text-transform:uppercase;font-weight:bold;text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.71);-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;padding-left:0}
#left-site nav ul li a:hover{text-decoration:none;padding-left:30px}
#left-site .footer{margin-top:0px;background:#2565f7;width:100%;padding:5px 2%}
#left-site .footer .hotline{font-size:17px;color:#fff;font-weight:bold;text-align:center}
#left-site .footer .social{width:150px;margin:auto}
#left-site .footer .social a{margin:5px 10px;float:left;width:27px;height:27px;background:url(../img/social.png) no-repeat}
#left-site .footer .social a.twister{background-position:-40px 0}
#left-site .footer .social a.google{background-position:-80px 0}
/* end left site */
/*end news page */
/* tools */
.anim{
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clear {clear:both}
.tab-pane  p{font-weight:600}
.trans-box{background:rgba(255,255,255,.3)}
.shadow{-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.75);}
.has-bg-w{background:#fff}
.rel{position:relative}
.not_index{margin-top:10px}
/* tools */
/* paging */
.pagination{
    border-radius: 0;
    position: relative;
    left: 200px;
}
.pagination li a{
color: #1E8DEF;
border-radius:0 !important;
}
.pagination li.active a,.pagination li:hover a,.pagination li.active:hover a{
background: #1D8FF0;
border: 1px solid #2188EB;
color:#fff;
}
.partner-logo-item{
text-align:center;
margin-bottom:10px;
}
.partner-logo-item a{
font-weight:bold;
text-transform:capitalize;
font-size:14px;
color:#CC343B;
}
.partner-logo-item a:hover{
text-decoration:none;
color:#008BD4;
}
.qpage{list-style:none;margin:0}
.qpage li{float:left;}
ul.simplePagerNav {
list-style: none;
margin-left: 4px;
margin-bottom: 5px;
clear: both;
position:relative;
/* top:-5px; */
}
ul.simplePagerNav li {
float: left;
background: #36A336;
padding: 3px 15px;
margin: 1px;
}
ul.simplePagerNav li a{color: #000;}
ul.simplePagerNav li a:hover{color:#ddd;text-decoration:none}
ul.simplePagerNav:after{
content:'';
clear:both;
}
ul.simplePagerNav li.currentPage {
background: #F9DA1F;
}
.bor{border:1px solid rgba(0,0,0,.3)}
/* adding */
.bx-wrapper .bx-controls a.bx-prev{
left: -35px;
left: auto;
}
.bx-wrapper .bx-controls a.bx-next{
background-position:-15px 0;
background: url(../img/right-arr2.png) no-repeat;
left: auto;
    right: -35px;
}
.bx-wrapper .bx-controls a{
    background: url(../img/left-arr2.png) no-repeat;
    width: 35px;
    height: 65px;
    top: 129px;
    left: 52px;
    right: 832px;
}
.bx-wrapper .bx-viewport{
box-shadow: none !important; 
background: none;
border:0;
}
/*8 footer */
.footer-link .item-link img{
width:280px;
height:210px;
}
.footer-link .item-link:last-child{
margin-right:0;
}
.footer-link .item-link .name a{
font-size:16px;
color:#fff;
}
.footer-link .item-link .name{
background: rgba(139, 222, 0, 0.66);
padding: 7px 0;
text-align: center;
position: absolute;
bottom: 50px;
width: 100%;
}
.footer-link .item-link{
width:280px;
margin-right:26px;
position:relative;
float:left;
height:230px;
background:url(../img/shadow.png) center bottom;
}
table#giohang input
{
margin:5px 0px;}
table#giohang input.btn
{
background: #075992;
color: #ffffff;
padding: 3px 10px;
border: none;
margin: 5px 3px;
border-radius: 0;
padding: 7px 15px;
background: #02a8f8;
text-transform: uppercase;
}
.source-cart {
background: url(../img/shop-cart.png) no-repeat;
width: 50px;
height: 50px;
background-size: 50px;
position: absolute;
right: 20px;
top: 30px;
position: fixed;
}
.source-cart a {
font-size: 15px;
background: black;
border-radius: 50%;
width: 20px;
height: 20px;
float: left;
position: relative;
left: 37px;
text-align: center;
color: #fff;
font-weight: bold;
}
#social-air a{
margin:2px 2px;
}
#social-air{
    position: relative;
    right: -22px;
}
.footer-item{position:relative;margin-bottom:7px;/* color: #fff; */}
.footer-item:before,.footer-item:after{
content:"";
position:absolute;
width:1px;
height:100%;
border-left: 1px solid rgba(17, 17, 17, 0.14);
top:0;right:0;
}
.footer-item:nth-child(2n):after,.footer-item:nth-child(2n):before{
display:none;
}
.footer-item:nth-child(2n+1){
margin-left:-9px;
}
.footer-item:after{
right:1px;
border-left:1px solid rgba(255, 255, 255, 0.23);
}
.footer-item:last-child:after,.footer-item:last-child:before{display:none}
.title-global-search{background:#999999}
.title-global-search h2{color: #fff;background: #E52A2A;float: left;margin: 0;font-size: 17px;padding: 10px 0;padding-left: 10px;line-height: 18px;padding-right: 35px;}
/* product gal */
#gal1 img{/* border: 1px solid white; */} 
#gal1 img{/* max-width: 100%; *//* max-height: 100%; */max-height: 100%;max-width: 100%;margin: auto;padding: 5px;} 
.active img{} 
.wrap-on-image{padding:5px;padding-top: 0;}
.zoomContainer img{max-height:100%;max-width:100%}
.wrap-on-image img{max-width: 100%;margin:auto;border-radius: 0;position: absolute;left: 0;right: 0;bottom: 0;top: 0;border: 0;border: 0 !important;max-height: 100%;box-shadow: none;}
.wrap-on-image{text-align:center;/* float: right; */width: 100%;border: 1px solid #ccc;height: 332px;margin-left: 0;overflow: hidden;position: relative;}
div#gal1{
width: 100%;
height: 80px;
border: 1px solid #ccc;
padding: 0;
margin-top: 5px;
}
#carousel.bx-slides li{
/* width: 78px !important; */
height: 78px !important;
}
#gal1 .bx-viewport{/* height: 290px !important; */overflow: hidden;}
#gal1 .bx-prev{
width: 14px;
height: 25px;
left: 2px;
position: absolute;
top: 44px;
border-top: 1px solid rgba(204, 204, 204, 0.34);
z-index: 1;
right: auto !important;
}
a.bx-prev {}
#gal1 .bx-next{
width: 14px;
height: 27px;
right: 0;
position: absolute;
top: 44px;
border-bottom: 1px solid rgba(204, 204, 204, 0.34);z-index: 1;}
/*gal */
/* pview */
.ul-list-product-detail{
list-style: none;
margin: 0;
padding: 0;
font-size: 17px;
}
.ul-list-product-detail li{
}
.ul-list-product-detail li a{}
.ul-list-product-detail li a{}
.ul-list-product-detail li span{
font-size: 18px;
font-weight: bold;
color: rgb(4, 127, 64);
}
#product-detail .desc-place{font-size:16px;padding:5px 0;border-top: 1px solid rgba(204, 204, 204, 0.54);border-bottom: 1px solid rgba(204, 204, 204, 0.51);margin: 4px 0;max-height: 200px;visibility:hidden}
#product-detail .desc-place p{margin-bottom:2px}
#product-detail .desc-place .tt{font-size: 19px;color:#05806A}
.ul-list-product-detail li span.code{}
.ul-list-product-detail li.old-price{}
.ul-list-product-detail li.old-price span{
text-decoration: line-through;
font-size: 17px;
color: black;
}
.ul-list-product-detail li.new-price{}
.ul-list-product-detail li.new-price span{
color: red;
}
.ul-list-product-detail li span.fnr{font-weight:normal}
.ul-list-product-detail li.new-price span.percent{
font-size: 16px;
font-weight: normal;
margin-left: 20px;
color: #111;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
opacity: 1;
}
#product-detail .add-cart{
margin: 5px 0;
font-size: 17px;
}
#product-detail .add-cart input{
padding: 4px;
width: 72px;
margin-left: 10px;
}
#product-detail .add-cart button{
background: rgb(7, 127, 65);
border: 0;
padding: 6px 10px;
color: #fff;
margin-left: -6px;
}
#product-detail .tab-category{
margin-top: 30px;
}
#product-detail .tab-category .tab-nav{
list-style: none;
padding: 0;
margin: 0;
}
#product-detail .tab-category .tab-nav li{
float: left;
padding: 4px 24px;
background: rgb(31, 26, 23);
margin-right: 1px;
font-size: 15px;
text-transform: uppercase;
}
#product-detail .tab-category .tab-nav li a{
color: #fff;
}
#product-detail .tab-category .tab-nav li a:hover{color:#fff;text-decoration:none}
#product-detail .tab-category .tab-nav li.active{background: rgb(207, 0, 68);}
#product-detail .tab-category .tab-nav li.active a{}
.tab-category .tab{visibility:hidden;height:0px}
.tab-category .tab.active{visibility:visible;height:auto}
.hover_shine {
width: 100%;
height: 100%;
background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);
position: absolute;
opacity: .7;
background-position: -265px 0;
left: 0px;
top: 0px;
background-repeat: no-repeat;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;
z-index: 124;
}
.hover_shine:hover{
/*Final position*/
background-position: -100px 0;
}
.ori-title {
background: url(../img/tt-title.png) repeat-x bottom;
position: relative;
margin-bottom: 0;
    height: 39px;
z-index: 2;
}
.ori-title h2:after{
position:absolute;
width: 74px;
content:"";
z-index: 1;
left: 100%;
/* background: url(../img/tite-after.png) no-repeat; */
height: 39px;
top: 0;
}
.ori-title h2{
    margin: 0;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 38px;
    text-indent: 10px;
    color: #fff;
    float: left;
    padding-right: 10px;
    padding-bottom: 0;
    font-family: "UTM AvoBold";
}
.container-fixed{}
.video-wrapper.map {
/* border: 1px solid #ccc; */
padding-bottom: 50%;
}
.video-wrapper {
position: relative;
padding-bottom: 50.25%;
/* padding-top: 25px; */
height: 0;
}
.video-wrapper iframe {
width: 100%;
left: 0;
right: 0;
position: absolute;
height: 100%;
border: 0;
}
footer .content.form-sub .help-block{
color: #ccc;
width: 70%;
}
.content.form-sub {}
footer .form-sub form input {
background: #FFFFFF;
border: none;
text-indent: 10px;
width: 61%;
padding: 7px;
border-radius: 5px;
color: #111;
}
footer .form-sub form button {
background: none;
border: 0;
position: relative;
left: -49px;
outline: none;
background: #4A92E2;
padding: 3px 8px;
border-radius: 5px;
top: 1px;
}
#page{
    width: 1200px;
    margin: 0 auto;
    position: relative;
      top: 10px;
}
.vang{
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
}
.container1 {
    width: 1160px !important;
    margin: 0 auto;
    height: 230px;
    background: url(../img/bg_footer.png) repeat;
}
footer .top-footer .company-thongke {
    float: right;
    width: 50%;
    text-indent: 60px;
}
footer .top-footer .content #form-search1{
position:relative;
top:-10px;
}
#form-search1 {
    position: absolute;
      bottom: -85px;
     width: 90%;
    height: 55px;
    z-index: 1;
    float: left;
    margin-right: 5px;

}
#form-search1 input[type=text] {
    color: #1B1B1B;
    outline: none;
    line-height: 16px;
    margin-top: 4px;
    background:url(../img/input.png) no-repeat;
    padding: 6px;
    width: 100%;
    padding-right: 29px;
    border-radius: 0px;
    font-size: 12px;
    color: #000;
}
#form-search1 button {
    position: absolute;
    top: 4px;
    right: -127px;
    border: 0;
    width: 114px;
    height: 52px;
    font-size: 18px;
    outline: none;
    color: #FFFFFF;
    line-height: 8px;
    background: url(../img/icon_search1.png)no-repeat;
}
#form-search1 button span {
    float: left;
    position: relative;
    left: -220px;
}
#content-right .right-title1{
    background:#fff url(../img/list_dm.png) no-repeat;
    text-align: center;
    position: relative;
    height: 45px;
    z-index: 1;
}
#content-right .right-title1 h2 {
    margin: 0;
 font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    color: #fff;
   /*  font-family: "Roboto-Regular"; */
    text-indent: 23px;
	    font-family: "Alter-gothic";
}
#content-right .content1  {
    position: relative;
    padding-top: 0;
    width: 228px;
}
#content-right .content1.product ul {
    /* margin-left: 11px; */
    list-style: none;
    padding: 0;
}
#content-right .content1.product ul li {
    position: relative;
    padding: 11px 0;
    padding-left: 38px;
    width: 230px;
    height: 39px;
    margin-top: -3px;
}
#content-right .content1.product ul li:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    bottom: -1px;

}
#content-right .content1.product ul li:after, #content-right .content1.product ul li:before {
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    float: left;
    left: 20px;
}
#content-right .content1	.product ul li a {
    color: #737373;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
    font-family: Arial;
}
#content-right .content1.product ul li ul {
    position: absolute;
    right: -210px;
    width: 100%;
    z-index: 123;
    top: 2px;
    display: none;
    border-left: 0;
    border-bottom: 0;
}
#content-right .content1.product ul li a {
    color: #737373;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
    font-family: Arial;
}
#content-right .content1.product ul li ul li:hover > ul,#content-right .content1.product ul li:hover > ul{
display:block;
}
#content-right .content1.product ul li ul li ul{
right: -235px;
}
#content-right .content2{
}
.content_silder{
 border: 7px solid #f7f7f7 !important;
      background: #f3f3f3;
	      margin-bottom: 20px;
	border-radius: 0px 0px 8px 8px;

}
.khung2{
	width: 220px;
    height: 195px;
    margin-bottom: 5px;
}
.khung2 img{
width:220px;
height:130px;
padding:5px;
}
.news-content1 {
    padding: 10px;
    background: #fff;
}
.box_containerlienhe1 {
    padding: 10px;
    padding-top: 0;
    color: #fff;
    background: #fff;
    border: 1px solid #ccc;
}
.title-global1 {
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
    /* border-bottom: 5px solid #727272; */
    padding-bottom: 4px;
    /* height: 38px; */
    z-index: 1;
}
.title-global1 h2 {
    font-size: 25px;
    float: left;
    line-height: 14px;
    color: red;
    /* text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.46); */
    text-align: left;
    padding: 7px 0px;
    margin: 0;
    position: relative;
    top: 4px;
    z-index: 0;
    /* text-indent: 39px; */
    padding-right: 10px;
  font-family:"UTM AvoBold";
    text-transform: uppercase;
    padding-bottom: 7px;
}
.chitiet{
float:right;
}
.xemthem{
float:right;
margin-top:5px;
}
.xemthem img {
    float: right;
    margin-top: -37px;
    margin-left: 780px;
}

#content-center .box-content1 {
    position: relative;
    margin-bottom: 20px;
    height: 310px;
}
.slogan{
    width: 1200px;
    height: 36px;
    position: absolute;
    float: right;
    top: -23px;
    padding: 5px 0px;
    font-size: 19px;
    color: #F00;
    font-weight: bold;
}
.msg{
margin:0;
}
#content-left {
    float: left;
    width: 240px;
	    margin-left: 20px;
}
#content-left .box-left {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
    /* -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); */
    /* box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000);
    padding-left: 7px;
    padding-top: 7px;
}
#content-left .right-title {
    background: url(../img/dm_list.png) no-repeat;
    text-align: center;
    position: relative;
    height: 41px;
    margin-bottom: -42px;
    z-index: 90000 !important;
    background-size: 100%;
}
#content-left  .right-title h2 {
    margin: 0;
    font-size: 15px;
    line-height: 41px;
    text-align: center;
    left: 17px;
    width: 100%;
	    text-transform: uppercase;
    position: relative;
    color: #fffc00;
    font-weight: bold;
    font-family: "Roboto-Bold";
}
#content-left  .content.no-bd {
    border: 0;
    margin-top: 0;
    background: #fff;
}
#content-left .content {
    position: relative;
    margin-bottom: 20px;
    padding-top: 0;
    background: #fff;
    padding-top: 42px;
    border-top: 0;
}
#content-left.content.product ul {
    /* margin-left: 11px; */
    list-style: none;
    padding: 0;
}
#content-left.content1 {
    position: relative;
    padding-top: 0;
    border-right: 4px solid #cccccc;
    border-left: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    width: 240px;
    background: #f3f3f3;
}
#content-left .content1.product ul li {
    position: relative;
    padding: 11px 0;
    background: url(../img/list2.png) no-repeat -4px 4px;
    padding-left: 38px;
    width: 230px;
    height: 39px;
    margin-left: 15px;
    margin-top: -3px;
}
#content-left  .content1.product ul li a {
    color: #737373;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
    font-family: Arial;
}
#content-left .content1.product ul li ul {
    position: absolute;
    right: -210px;
    width: 100%;
    z-index: 123;
    top: 2px;
    display: none;
    border-left: 0;
    border-bottom: 0;
}
.bong_ft{
width:1200px;
background:url(../img/bong_ft.png) no-repeat center 0px;
padding-bottom:20px;
margin:0 auto;
}
.khung2 .cen{
    width: 220px;
    height: 130px;
    margin-bottom: 5px;
    position: relative;
    left: 8px;
    background: #fff;
	    box-shadow: 0px 5px 0px 0px #f2f2f2;
}
.khung2 .product-name, .khung2  .product-price, .khung2  .cart {
    text-align: center;
    width: 100%;
    padding: 3px;
    height: 25px;
    overflow: hidden;
    font-size: 15px;
    color: #000;
    position: relative;
    z-index: 123;

}
.khung2 .product-name h2 {
    margin: 0;
    line-height: 17px;
    font-size: 15px;
    line-height: 15px;
}
.khung2  .product-name a {
    color: #d30000;
    line-height: 8px;
    text-transform: capitalize;
    font-size: 17px;
    font-family: "RobotoCondensed-Regular";
}
.khung2  .product-price{
    background: url(../img/border.png) no-repeat center bottom;
}
ul.cateUl {
}
ul.cateUl > li {
    display: block;
    position: relative;
   background:#fff url(../img/border1.png) no-repeat center bottom; 
}
ul.cateUl > li > a {
    background: url(../img/red_arrow.png) no-repeat 10px 15px;
    font-family:"RobotoCondensed-Regular";
    display: block;
    line-height: 31px;
    color: #363636;
    padding: 5px 0;
	padding-left: 30px;
    text-transform: capitalize;
	font-size:16px;
}
ul.cateUl>li>a:hover {
    color: #ACCC09!important;
}
ul.cateUl>li>ul>li {
    display: block;
    position: relative;
    background: url(../img/icon1.png) no-repeat 0px 9px;
}
ul.cateUl>li>ul>li>a:hover {
    color: #f00!important;
}
ul.cateUl>li>ul>li>a {
    text-transform: capitalize;
    font-size: 14px;
    display: block;
	    font-family: "RobotoCondensed-Regular";
    line-height: 32px;
    text-indent: 13px;
    color: #363636;
}
.content1 .cateUl{
    margin: 0 auto;
    position: relative;
    padding: 0;

}
.khung {
    padding-left: 0px;
    border-width: 1px;
    margin-top: -8px;
    height: 100px;
    margin-left: 8px;
    margin-right: 13px;
    border-bottom: 1px dashed gray;
}
.khung .cen {
    clear: both;
    width: 106px;
    height: 73px;
    float: left;
    margin-top: 20px;
    margin-left: -3px;
    top: 31px;
    border: 1px solid rgb(223, 218, 218);
}
.khung .cen img {
 width: 103px;
    height: 70px;
    padding: 3px;
    margin-left: 0px;
}
.right_text {
margin-left: 109px;
    width: 125px;
    margin-top: -65px;
    height: 50px;
}
.right_text a{color:#000}
#khungweb {
    height: 100px;
    width: 232px;
    padding-bottom: 10px;
    margin-left: 11px;
}
#khungweb h2{
    font-family: Arial;
    font-size: 19px;
    color: #000;
    /* font-weight: bold; */
    margin-left: -5px;
}
.logo{
    width: 205px;
    height: 200px;
    float: left;
    position: absolute;
    left: 0px;
    top: -93px;
    margin-left: 477px;
}

#logo-partne{
			position:relative;
		    margin-top: 48px;
		}
		#logo-partne .title{
    position: absolute;
    z-index: 123;
    height: 26px;
    line-height: 24px;
    text-indent: 7px;
    top: -31px;
    color: #dc010a;
    font-size: 23px;
    font-family: "Alter-gothic";
    text-transform: uppercase;
    margin-bottom: 20px;
	width: 100%;
    background: url(../img/bottom-dt.png) no-repeat center bottom;
		}
		
		.wrap-logo{padding:20px 0}
		.wrap-logo .xwrap{border-left:0;border-right:0;padding-bottom:20px}
		
		
#form-search1 input[type=email] {
    outline: none;
    line-height: 16px;
    margin-top: 4px;
    padding: 15px;
    width: 100%;
    padding-right: 29px;
    border-radius: 0px;
    font-size: 12px;
    color: #fff;
	background:#585b5f;
}

.dangky-nhantin{
	height:144px;
	background:url(../img/dk.png) no-repeat center;
	margin-top: 30px;
}
.dangky-nhantin span{
    color: #fff;
    position: relative;
    top: 26px;
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.7s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}