@charset "utf-8";@import url("../css/menu.css");/* CSS Document */body {	font-family:Roboto-Regular;	font-size:14px;	color:#333}@font-face {    font-family:'Roboto-Regular';    src: url('../fonts/Roboto-Regular.eot');    src: url('../fonts/Roboto-Regular.ttf') format('truetype'); /* font chuan */}@font-face {    font-family: 'Roboto-Bold';    src: url('../fonts/Roboto-Bold.eot');    src: url('../fonts/Roboto-Bold.ttf') format('truetype'); /* font chuan */}@font-face {    font-family: 'OpenSans-Italic';    src: url('../fonts/OpenSans-Italic.eot');    src: url('../fonts/OpenSans-Italic.ttf') format('truetype'); /* font chuan */}ul, ul li{	padding:0;	margin:0;	list-style:none}a{	color:#333} a:hover, a:focus{	color:#f05a28;	text-decoration:none}
.hide{	display:none}
.block{	display:block}
.navbar-wrapper{	background:#fff}
.navbar-inverse {    background-image: none;    background-repeat: none;    border-radius: none}
.navbar-inverse {    background-color: #fff;    border-color:#fff}
.navbar-inverse .navbar-nav > li > a {    color: #333}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {    background-image: none!important;	background-color:#f4f4f4;	 box-shadow: none}
.navbar-nav > li > a {    padding-bottom:10px;    padding-top: 10px;	padding-left:10px;	padding-right:10px;	text-transform:uppercase;	font-weight:bold;	font-family:Arial, Helvetica, sans-serif}
.navbar {    border: 1px solid transparent;    margin-bottom: 0px;    min-height: 50px;    position: relative;	border:none}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#f05a28;background-color:#f4f4f4}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#f05a28;background-color:#f4f4f4}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#f05a28;background-color:#fff}
.navbar-inverse .navbar-toggle {    border-color: #ccc}
.navbar-inverse .navbar-toggle .icon-bar {    background-color: #888}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{	background-color:#fff}
.navbar-toggle {    background-color: transparent;    background-image: none;    border: 1px solid transparent;    border-radius: 4px;    float: right;    margin-bottom: 8px;    margin-right: 15px;    margin-top: 0;    padding: 10px 10px;    position: relative}		@media (max-width:768px){		.navbar-nav > li > a {	padding-bottom:12px;    padding-top: 12px;	}	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {    border-color: transparent}}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right {    display: inline-block;    position: absolute;    top: 50%;    z-index: 5;	left:39%}/***************************/.social{	height:30px}
.social a {    background: rgba(0, 0, 0, 0) url("../images/social1_07.jpg") no-repeat scroll left top;    float: left;    height: 35px;	margin-right:20px}
.social a:hover{    background: rgba(0, 0, 0, 0) url("../images/social-hover_06.jpg") no-repeat scroll left top;    float: left;    height: 35px;	margin-right:20px}
.facebook {    background-position: 0 0 !important;    display: block;    width: 35px}
.youtube {    background-position: -55px 0 !important;    display: block;    width: 35px}
.google {    background-position: -112px 0 !important;    display: block;    width: 35px}
.social-all {    text-align: right;	margin-top:20px}
.social-all .inline {    display: inline-block;    vertical-align: sub}/******************************/.line{	background:url(../images/line_02.jpg) repeat left top #0189c5;	height:3px;	width:100%}
.top-head{	background:#f2f2f2 repeat-x left top;	padding:5px 0;	width:100%}
.title-group {    background: rgba(0, 0, 0, 0) url("../images/arrow-group.png") no-repeat scroll right 13px center;    border-left: 1px solid #eee;    color: #505050;    cursor: pointer;    font-family: arial,helvetica,sans serif;    font-size: 12px;    height: 35px;    line-height: 35px;    overflow: hidden;    padding-left: 18px;    padding-right: 32px}
#group-search ul#list-group {    background-clip: padding-box;    background-color: #fff;    border: 1px solid rgba(0, 0, 0, 0.15);    border-radius: 4px;    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);    display: none;    float: left;    font-size: 14px;    left: 0;    list-style: outside none none;    margin: 2px 0 0;    min-width: 185px;    padding: 5px 0;    position: absolute;    top: 90%;    z-index: 1000}@media (min-width: 992px) {.col-md-1-5 {    width: 20%;	float:left}
.col-md-2-5 {    width: 40%}
.col-md-3-5 {    width: 60%}
.col-md-4-5 {    width: 80%;	float:left}
.col-md-5-5 {    width: 100%}}@media (min-width: 1200px) {.col-lg-1-5 {    width: 20%}
.col-lg-2-5 {    width: 40%}
.col-lg-3-5 {    width: 60%}
.col-lg-4-5 {    width: 80%}
.col-lg-5-5 {    width: 100%}}@media (max-width: 490px) {.col-md-1-5 {    float: left;    margin-bottom: 0;    width: 50%}
.p-category{	display:none}
.slider {    margin: 0px}
.col-md-2-5 {    float: left;    margin-bottom: 0;    width: 100%}
.col-md-3-5 {    float: left;    margin-bottom: 0;    width: 100%}
.col-md-4-5 {    float: left;    margin-bottom: 0;    width: 100%}
.col-md-5-5 {    float: left;    margin-bottom: 0;    width: 50%}
.col-md-1 {    float: left;    margin-bottom: 20px;    width: 50%}} #owl-demo {	 border-left:none} #owl-demo .item {	background: #fff;	color: #333; }
.product-main .product{	margin:15px 0px;	padding:5px 0px;	height:266px	}
.customNavigation {	text-align: center}
.customNavigation a {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
.price-1{	font-family:Roboto-Bold;	color:#e0241d;	font-size:16px}
.price-2{	padding-left:15px;	text-decoration:line-through;	color:#666}
.span12{	position:relative}
.prevall{	background:url(../images/icon_05.png) no-repeat left top;	width:32px;	height:63px;	position:absolute;	bottom:102px;	left:0}
.nextall{	background:url(../images/icon_03.png) no-repeat left top;	width:32px;	height:63px;	position:absolute;	bottom:102px;	right:1px}
.prevallth, .nextallth{bottom:13px}
.top-content .col-md-1-5{	padding-right:0}
.list-dm{	background:#fff;	border:1px solid #eee;	height:400px;	border-top:none;	font-family:Roboto-Regular}
.list-dm li{	padding-top:10px;	padding-bottom:10px;	border-top:1px solid #eee;	padding-left:10px;	text-transform:uppercase}
.list-dm img{	padding-right:10px}
.product{	position:relative}
.img-product{	margin:auto;	text-align:center}
.img-product img{	width:144px;	height:144px}@media (min-width:320px) and (max-width:479px){.img-product img { width: 100px; height: 100px; } }
.name{	height:45px}
.temp{	background: url(../images/tem.png) no-repeat left top;	width:53px;	height:53px;	position:absolute;	top:0px;	right:0px;	color:#fff;	line-height:53px;	padding-left:10px;	top:10px;	right:10px}
.news-hot a{	padding-left:5px;	padding-right:10px}
.noibat {	position:relative}
.noibat .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {    background-color: #0088c4;    color: #fff}
.noibat .nav-pills > li > a {    border-radius: 20px}
.noibat .nav > li > a {    display: block;    padding: 6px 15px;    position: relative}
.noibat .nav-pills{	height:50px;	padding-top:8px;	background:#fff;	border:1px solid #eee;	border-bottom:none;	padding-left:10px}
.box{	margin-top:15px}
.top-box{	background:url(../images/bg-menu_24.jpg) no-repeat left top #fff;	border:3px solid #0088c4;	border-bottom:1px solid #eee;	position:relative;	border-right:none}
.icon-box{	padding-left:15px;	padding-top:2px}
.floor{	color:#0088c4;	text-transform:uppercase;	font-size:24px;	font-weight:bold;	padding-left:25px;	position:absolute;	top:5px}
.heading-box{	float:left;	position:absolute;	left:150px;	top:8px;	text-transform:uppercase;	font-size:18px;	font-weight:bold;	color:#0088c4}
.right-top{	padding-top:12px}
.right-top a{	padding-left:10px;	padding-right:10px}
.left-box{	background:#fff;		padding:5px 15px;		background:#f5f5f5;		border-right:none}
.list-sp {	height:66%px}
.list-sp li{	padding-top:10px}
.product-wrap .col-md-1-5{	padding-right:0}
.carousel-control.left, .carousel-control.right {    background-image: none;    background-repeat: repeat-x}
.top-slide{	padding-top:5px}
.product-wrap .col-md-4-5{	padding-left:0;	padding-right:0}
.name{	padding-left:10px;	font-family:Roboto-Bold}
.price{	padding-left:10px;	padding-bottom:12px}
#owl-demo1 .item {    background: #fff none repeat scroll 0 0;    border-left: 1px solid #eee;    color: #333;    padding: 10px}
.fa-list-ul{	margin-right:10px;	font-size:18px;	font-weight:normal!important}
.parner {	width:100%}
.parner img{	margin:auto;	text-align:center;	border:1px solid #eee;	margin-bottom:10px}
#owl-demo1 {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: #eee #eee #eee -moz-use-text-color;    border-image: none;    border-style: solid solid solid none;    border-width: 1px 1px 1px medium}
.product-main{	position: relative}
.intro{	background:#0189c5;	color:#fff;	padding:15px 20px}
.intro hr{	 border-color: #0094d5}
#footer{	background:#fff;	border-top:1px solid #e5e5e5;	padding:20px 0;	font-size:13px;	text-align:left}
#footer h5{	text-transform:uppercase;	font-family:Roboto-Bold}
.btn-primary{	background:#0189c5;	border-radius:0;	width:100%;	margin-top:10px;	font-size:16px;	margin-bottom:20px}
.ip{	border-radius:0}
.top-ft hr{	width:50px;	 border-width: 2px 0 0;	text-align:left;	float:left;	margin-top:10px;	border-color:#e5e5e5}
.list-ft li{	padding-bottom:10px}
.end-ft .pull-right{	text-align:right}/****************/#center{	padding-bottom:30px}
.banner-gr .col-md-6{	padding-left:0;	padding-right:0;	text-align:center;	margin:auto}
.banner-gr{	margin-top:15px}
.breadcrumb {    background-color: #fff;	margin-top:15px;	margin-bottom:0}
.left-box_gr{	border:1px solid #eee;	background:#fff}
.top-left_gr{	 background-color: #ddd;	 border:1px solid #ddd;    color: #333;	height:36px;	line-height:36px;	text-transform:uppercase;	font-family:Roboto-Bold;	padding-left:15px}
.list-sp_gr li {	padding-left:15px;	padding-top:10px}
.list-sp_gr li:before{  font-family:'FontAwesome';  content: " \f105";  padding-right:10px; float:left; clear:both}
.list-brand-check li {    line-height: 30px;    padding-left: 10px}label {    display: inline-block}
.list-brand-check label:hover span{	color:#06F;	cursor:pointer;	line-height:14px}
.filter-ls-bx{	margin-top:20px}input[type="radio"], input[type="checkbox"] {    display: none}
.brand-checker input, .form-checker input, .color-checker input {    -moz-appearance: none}
.brand-checker, .form-checker {    border: 1px solid #ccc;    border-radius: 2px;    float: left;    height: 14px;    left: 0;    margin-right: 5px;    margin-top: 8px;    width: 14px}input[type="radio"], input[type="checkbox"] {    line-height: normal;    margin: 4px 0 0}
.checked input:checked {    background: rgba(0, 0, 0, 0) url("../images/Checked-24.png") no-repeat scroll left center;    border-radius: 2px;    display: block;    height: 14px;    margin-left: -1px;    margin-top: -1px;    width: 14px}
.count-item {    color: #999}
.list-brand-check{	margin-top:10px;	margin-bottom:10px}
.product-main{	background:#fff;	width:100%}
.col-md-4-5.right_box_pro{	padding-right:0}
.hang{	padding-left:10px;	color:#999}
.box-zone{	width:100%;	height:40px;	margin-top:15px}
.title-zone{	font-size:18px}
.top-home-nav:hover #main-smart-menu, .top-home-nav:active #main-smart-menu, .top-home-nav:visited #main-smart-menu{	display:block}/***********************/.detailpro #surround{	margin-top:20px;	background:#fff}
.wrap-detail-pro{	margin-top:20px}
.detailpro hr{	margin-top:10px;	margin-bottom:10px}
.detailpro hr{}
.tit-pro-detail{	margin-top:0;	color:#f20000;	font-family:Roboto-Bold;	font-size:24px}
.msp{	color:#135cb5}
.hotline-detail{	height:40px;	font-size:20px;	font-family:Arial, Helvetica, sans-serif;	font-weight:bold}
.hotline-detail:before{	font-family:FontAwesome;	content:"\f098";	margin-right:10px;	color:#f20000}img.cloudzoom {    width: 100%;	height:100%}
#surround{	border:1px solid #eee;	width:100%;	height:380px}@media (min-width:320px) and (max-width:799px){#surround{ height:380px}
.tab-pane{ display:none} }@media (min-width:320px) and (max-width:991px){.tab-pane{ display:none} .bx-contact{ display:none} }
.tdbold{		font-family:Roboto-Bold;		max-width:80px}
.detailpro{}
.detailpro table tr td{	border-top:none;	padding:6px}
.cs1, .cs2{	padding-bottom:5px}
.cs1:before, .cs2:before{	font-family:FontAwesome;	content:"\f041 ";	margin-right:10px}
.share{	margin-top:10px}
.info-prod.prod-price.freeship {    background: #edf6e1 url(images/FreeShipping.png) 6px 0 no-repeat;    width: 100%;    display: block;    padding: 5px 10px;    margin: 0 0 15px 0;    border-radius: 3px;    border: 1px dashed #68af09;    float: right}
.bx-contact {    width: 100%;    text-align: left;    padding: 10px;    line-height: 22px;    background-color: #fff;    border: 1px solid #edecec;	font-size:13px}
.title-cnt {    font-size: 1.1em;    text-transform: uppercase;    border-bottom: 1px solid #ddd;    padding-bottom: 5px;    display: block}
.bx-contact .sup-item {    width: 100%;    float: left;    margin: 10px 0 0 0}
.fa-caret-right{	font-size:12px;	margin-right:5px}
.sup-item .icon-chat img {    width: auto;    margin-right: 5px}
.sup-item .icon-chat {    margin-right: 8px;    display: block;    padding-top: 5px;    line-height: 24px}
.tit-spcl{	background-color: #0088c4;	color:#fff;	text-transform:uppercase;	font-size:18px;	padding:6px 20px}
.product{		background:#fff;	border:1px solid #eee;	margin: 10px 0px;	height:240px}
.box-detail{	margin-top:10px}
.box-detail .tab-content{	padding:20px 0 0 0}
.spcl{	margin-top:30px}
.box-detail .nav-pills{	text-transform:uppercase}
.more-support{	margin-top:0px}@media (max-width:1023px){	.more-support{		display:none;	}}
.button-buy {    background-color: #da251c;    margin-right: 20px;    float: left;	margin-bottom:10px;	color:#fff;	text-transform:uppercase;	padding:8px 30px	}	.hr{		border-bottom:#CCC solid 1px;		width:100%;		margin:10px 0px;		clear:both;	}	.news_block{ width:100%}	.news_block .image{ width:20%; float:left}	.news_block .intro_news{ width:79%; float:right}	.news_block .detail{ float:right}	.content-mid .hr{ border-bottom:#CCC  dotted 1px}		.article-titile {    font-size: 18px;    font-weight: bold;    color: #000000;    text-align: justify;    line-height: 22px;    margin-bottom: 10px}
.posted_at{ float:right}
.cat-menu,.box-brand-filter,.box-price-filter,.box-color-filter,.box-size-filter {	width:100%}
.cat-menu-title {	background-color:#efefef;	height:34px}
.cat-menu-title h2 {	line-height:34px;	text-align:center;	font-size:1em;	text-transform:uppercase}
.cat-tree-nav {	position:relative}
#searchpage .cat-tree-nav,#brandpage .cat-tree-nav {	overflow-y:auto}
#searchpage .cat-tree-nav {	max-height:940px}
#brandpage .cat-tree-nav {	max-height:1400px}
.cat-tree-nav li:last-child {	border-bottom:none}
.cat-tree-item {	line-height:34px;	border-bottom:1px dotted #efefef;	padding-left:5px;	position:relative}
.cat-tree-item .menu-text {	display:inline-block;	line-height:20px;	width:100%}ul.cat-tree-nav .cat-tree-item a {	display:inline-block;	line-height:20px;	padding-top:5px}
.cat-tree-item:hover,.cat-tree-sub-item:hover {	background:#f8f8f8}
.cat-tree-item:hover a {	color:#da251c}
.cat-tree-item a.has-icon:after {	content:"";	background:url(images/Forward.png) no-repeat;	font-size:1.2em;	width:16px;	height:16px;	position:absolute;	top:12px;	right:-4px}
.cat-tree-item.no-sub a:after,.cat-tree-sub-item a:after {	display:none}
.cat-tree-item a:hover {	color:#da251c}
.cat-tree-item img {	width:32px!important;	padding-right:5px;	float:left}
.cat-tree-sub {	min-width:200px;	-webkit-column-break-inside:avoid;	-webkit-column-width:180px;	-webkit-column-gap:0;	border:1px solid #ddd;	display:none;	top:-1px;	left:100%;	z-index:9996;	position:absolute;	background-color:#fff;	box-shadow:2px 2px 5px #ccc}
.cat-tree-sub-box li:last-child {	border-bottom:none}
.cat-tree-sub-item {	border-bottom:1px dotted #ddd;	padding-left:10px;	line-height:33px}
.cat-tree-sub-item a {	color:#333!important}
.cat-tree-item:hover .cat-tree-sub {	display:block}
.cat-tree-sub-item a:hover {	color:#da251c!important}
.brand-checker,.form-checker {	height:14px;	width:14px;	float:left;	left:0;	margin-top:5px;	border:1px solid #ccc;	border-radius:2px;	margin-right:5px}
.brand-checker input,.form-checker input,.color-checker input {	-moz-appearance:none;	-webkit-appearance:none}
.color-checker {	height:30px;	width:30px;	float:left;	left:0;	margin:0 10px 10px 0;	border:1px solid #ddd;	border-radius:2px;	position:relative}
.list-color li {	display:inline-block}
.list-brand-check.children {	display:none}
.list-brand-check li {	line-height:25px;	padding-left:10px}
.children li {	padding-left:0}
.count-item {	color:#999}
.brand-checker:hover {	height:14px;	width:14px;	border:1px solid #19abe0}
.list-brand-check label:hover span {	margin-bottom:0;	line-height:14px;	cursor:pointer;	color:#19abe0}
#similar_prods_c .menu-text {    width: 140px;	float:right}
.cat-tree-item .menu-text {    display: inline-block;    line-height: 20px;    width: 140px;	font-size:12px}
.cat-tree-item img {    vertical-align: middle}
.cat-tree .clai{margin: 3px 4px 0px 0px}
.button{color:#000;}
@media (min-width:320px) and (max-width:991px){.sbzq_home{}}