/*Responsive*/
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}
.red{color:red}
.blue{color:blue}
textarea.form-control {
  height: auto;
}
.form-control {
	width: 100%;
	height: 22px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
	opacity: 1;
}
.form-group {
	margin-bottom: 15px;
}
.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
	content: " ";
	display: table;
}
.form-horizontal .form-group:after {
	clear: both;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
 text-align: left;
 margin-bottom: 0;
 padding-top: 7px;
}
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
 float: left;
}
 .col-12 {
 width: 100%;
}
 .col-11 {
 width: 91.66666667%;
}
 .col-10 {
 width: 83.33333333%;
}
 .col-9 {
 width: 75%;
}
 .col-8 {
 width: 66.66666667%;
}
 .col-7 {
 width: 58.33333333%;
}
 .col-6 {
 width: 50%;
}
 .col-5 {
 width: 41.66666667%;
}
 .col-4 {
 width: 33.33333333%;
}
 .col-3 {
 width: 25%;
}
 .col-2 {
 width: 16.66666667%;
}
 .col-1 {
 width: 8.33333333%;
}
 .col-pull-12 {
 right: 100%;
}
 .col-pull-11 {
 right: 91.66666667%;
}
 .col-pull-10 {
 right: 83.33333333%;
}
 .col-pull-9 {
 right: 75%;
}
 .col-pull-8 {
 right: 66.66666667%;
}
 .col-pull-7 {
 right: 58.33333333%;
}
 .col-pull-6 {
 right: 50%;
}
 .col-pull-5 {
 right: 41.66666667%;
}
 .col-pull-4 {
 right: 33.33333333%;
}
 .col-pull-3 {
 right: 25%;
}
 .col-pull-2 {
 right: 16.66666667%;
}
 .col-pull-1 {
 right: 8.33333333%;
}
 .col-pull-0 {
 right: auto;
}
 .col-push-12 {
 left: 100%;
}
 .col-push-11 {
 left: 91.66666667%;
}
 .col-push-10 {
 left: 83.33333333%;
}
 .col-push-9 {
 left: 75%;
}
 .col-push-8 {
 left: 66.66666667%;
}
 .col-push-7 {
 left: 58.33333333%;
}
 .col-push-6 {
 left: 50%;
}
 .col-push-5 {
 left: 41.66666667%;
}
 .col-push-4 {
 left: 33.33333333%;
}
 .col-push-3 {
 left: 25%;
}
 .col-push-2 {
 left: 16.66666667%;
}
 .col-push-1 {
 left: 8.33333333%;
}
 .col-push-0 {
 left: auto;
}
 .col-offset-12 {
 margin-left: 100%;
}
 .col-offset-11 {
 margin-left: 91.66666667%;
}
 .col-offset-10 {
 margin-left: 83.33333333%;
}
 .col-offset-9 {
 margin-left: 75%;
}
 .col-offset-8 {
 margin-left: 66.66666667%;
}
 .col-offset-7 {
 margin-left: 58.33333333%;
}
 .col-offset-6 {
 margin-left: 50%;
}
 .col-offset-5 {
 margin-left: 41.66666667%;
}
 .col-offset-4 {
 margin-left: 33.33333333%;
}
 .col-offset-3 {
 margin-left: 25%;
}
 .col-offset-2 {
 margin-left: 16.66666667%;
}
 .col-offset-1 {
 margin-left: 8.33333333%;
}
 .col-offset-0 {
 margin-left: 0%;
}
}
/*End responsive*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}
input, textarea, select {
  font-size: 9pt;
  background: #FFFFFF;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
.menu-button {
 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-button
{
	display:none;
}
.input_button
{
	background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    padding: 8px 10px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	cursor:pointer;
	font-size:12px;
	font-weight:bold
}
.input_button:hover
{
	background-color: #D14836;
    background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
	border: 1px solid transparent;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	font-size:12px;
	font-weight:bold
}
.input_button_red
{
	background-color: #EE5010;
    background-image: -moz-linear-gradient(center top , #EE5010, #D14836);
	border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    padding: 8px 10px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	cursor:pointer;
	font-size:12px;
	font-weight:bold
}
.input_button_red:hover
{
	background-color: #ff8500;
    background-image: -moz-linear-gradient(center top , #ff8500, #4787ED);
	border: 1px solid #ff8500;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.hide
{
	display:none !important;
}
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.box_text_main ol
{
	list-style:inside decimal !important;
}
div.box_text_main ol li ol
{
	list-style:inside lower-latin !important;
	margin-left:25px !important;
}
div.box_text_main ol li ul
{
	list-style:inside square !important;
	margin-left:25px !important;
}
div.box_text_main ul
{
	list-style:inside square !important;
}
div.box_text_main ul li ul
{
	list-style:inside circle !important;
	margin-left:25px !important;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	text-decoration:none;
	color:#428bca
}
.clear {
	clear:both;
}
.clear20 {
	clear:both;
	height:20px
}
.clear15 {
	clear:both;
	height:15px
}
.clear10 {
	clear:both;
	height:10px
}
.clear5 {
	clear:both;
	height:5px
}
img {
	max-width:100%;
}
body {
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	font-size:1em;
	color:#6A6A6A;
	background:#e5e5e5;
	background:url(../images/bg_body.jpg);
}
.wrap {
	width:80%;
	margin:0 auto;
 transition:all .2s linear;
 -moz-transition:all .2s linear;/* firefox */
 -webkit-transition:all .2s linear; /* safari and chrome */
 -o-transition:all .2s linear; /* opera */
 -ms-transition:all .2s linear;
}
.toppage {
	background:#f8f8f8;
	border-bottom: 1px dashed #ccc;
}
.toppage ul.ulright
{
	float:right !important
}
.toppage ul.ulleft
{
	float:left !important
}
.toppage ul li {
    display: inline-block;
    margin-right: 15px;
	margin-left:15px;
	color: #797979;
    white-space: nowrap;
	font-size:0.8em;
	font-weight:bold
}

.toppage ul li span {
    font-size: 16px;
    font-weight: bold;
    color: #E71D66;
}
.toppage li {
    line-height: 30px;
}
.toppage ul li a {
	color: #797979;
}
.hotline
{
	font-size: 16px;
    font-weight: bold;
    color: #E71D66 !important;
}
.header {
	background:#FFFFFF;
	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
#owl-banner .itembanner img{
    display: block;
    width: 100%;
    height: auto;
}
.logo {
	float:left;
	width:20%;
}
.banner {
	float:right;
	width:80%;
	background:#FFFFFF;
	text-align:right
}
.menu {
	width:100%;
	background:#0e4d15;
	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
/********* Main ************/
.content {
	float:right;
	width:78.5%;
}
.sidebar {
	float:left;
	width:20%;
	margin-right:1.5%;
}
/************* Sidebar - Right ***********/
.box{
	background:#FFF;
	margin-bottom:15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
.box h3 {
	color:#FFF;
	font-size:11pt;
	font-weight:bold;
	padding:8px 0;
	text-align:left;
	padding-left:20px;
	background:#0e4d15;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.box_product {
	background:#FFF;
	margin-bottom:15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
.box_product h3 {
	color:#FFF;
	font-size:11pt;
	font-weight:bold;
	padding:8px 0;
	padding-left:20px;
	text-align:left;
	background:#0e4d15;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.box li a {
	display:block;
	background:url(../images/arrow.png) no-repeat 10px 9px;
	color:#333;
	font-size:0.85em;
	border-bottom:1px solid #D6D6D6;
	padding:8px 0 8px 25px;
}

.box li:last-child a {
	border-bottom:none
}
.box li a:hover {
	background:#ee5000 url(../images/arrow-hover.png) no-repeat 10px 9px;
	color:#FFF;
}
.box li.active a {
	background:#ee5000 url(../images/arrow-hover.png) no-repeat 10px 9px;
	color:#FFF;
}

.sidebar_left_bottom {
	margin-top:15px;
}
.box_img {
	background:#FFF;
	padding:15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.box img {
	max-width:100%;
	display:block;
	width:100%;
	margin-bottom:6px;
}
.box_text {
	background:#FFF;
	padding:15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.viewall
{
	font-weight:normal;
	text-transform:none;
    float: right;
    text-decoration: none;
    padding: 0px 10px;
    z-index: 99;
    position: absolute;
    right: 8px;
}
/********* Content ***********/
.main_product {
	float:left;
	width:100%;
}
.main_product h1 {
	font-size: 1.4em;
	padding:5px 0;
}
.product_info_detail h1 {
	font-size: 1.4em;
	padding:0 0 5px 0 !important;
}
.main_product h2 {
	font-size: 1.3em;
	padding:5px 0;
}
.main_product h3 {
	font-size: 1.3em;
	padding:5px 0;
	position:relative;
}
.main_product h4 {
	font-size: 1.25em;
	padding:5px 0;
}
.main_product h5 {
	font-size: 1.2em;
	padding:5px 0;
}
.main_product h6 {
	font-size: 1.1em;
	padding:5px 0;
}
.main_product p {
	padding:5px 0;
}
.box_text_main {
	background:#FFF;
	padding:10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
/************** Sidebar - Right *************/
/*NEWS*/
ul.news{
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	position: relative;
	left: 9px;
	margin-bottom:10px;
}
ul.news li{
	padding-top: 5px;
	margin: 0px auto 0px auto;
	list-style: none;
	width: 100%;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
	line-height: 20px;
	font-weight:bold;
}
ul.news li.first{
	margin-left:0;
}
ul.news li.last{
	margin-right:0;
}

/*PAGGING*/
a.page:link, a.page:visited {
    outline: medium none;
    text-decoration: none;
}
div.sharing {
    margin: 1% 2%;
    text-align: right;
    width: 96%;
	float:left;
	font-weight:bold
}
div.slidebar_multi_item {
    margin: 1% 0;
    width: 100%;
	float:left;
}
div.paging {
    line-height: 150%;
    margin: 1% 2%;
    text-align: left;
    width: 96%;
	float:left
}
div.paging span.text {
    padding: 2px 8px 0 0;
}
.paging a.page, .paging a.pagel {
    background: none repeat scroll 0 0 #FAEEE0;
    border: 1px solid #FAEEE0;
    color: #4B3A29;
    font-size: 0.85em;
    margin: 0 2px;
    padding: 0 8px;
	font-weight:bold
}
.paging a.page:hover, .paging a.pagel:hover, .paging a.current, .paging span.current {
    background: none repeat scroll 0 0 #FF0099;
    border: 1px solid #999999;
    box-shadow: 0 0 10px #FFFFFF;
    color: #FFFFFF;
    margin: 0 2px;
    padding: 0 8px;
}
.paging span.current {
    background: none repeat scroll 0 0 #FF0099;
    color: #FFFFFF;
    font-size: 0.85em;
	font-weight:bold
}
.corner_3 {
    border-radius: 3px 3px 3px 3px;
}
.boxshadow {
    box-shadow: 0 0 25px rgba(51, 51, 51, 0.3);
}
a.imgtintuc {
    border: 1px solid #CCCCCC;
    height: 95px;
    margin-right: 10px;
    padding: 3px 2px;
    width: 100px;
}
div.text-sum {
	margin:10px;
	text-align:justify;
	line-height:20px;
	font-weight:normal;
}
.date {
    color: #666;
    font-size: 12px;
	font-weight:normal
}
.fl {
    float: left;
}
.overflow {
    overflow: hidden;
}
/*END NEWS*/

/*** Footer ***/
.footer {
	background:#FFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
/*  GRID OF FOUR   ============================================================================= */
.section {
	clear: both;
	padding: 10px;
	margin: 0px;
}
/************ Services **************/
.services_grid {
	float:left;
	width:77%;
	margin:0 2% 0 0;
}
.service_desc {
	padding-bottom:18px;
}
.listview_1_of_2 {
	display: block;
	float:left;
	margin: 0% 0 0% 1.6%;
}
.listimg {
	display: block;
	float:left;
}
.text {
	display: block;
	float:left;
	margin: 0% 0 0% 3.6%;
}
.listview_1_of_2:first-child {
	margin-left: 0;
}
.images_1_of_2 {
	width: 46.2%;
	padding:1.5%;
}
.listimg_2_of_1 {
	width:16.2%;
}
.list_2_of_1 {
	width: 78.2%;
}
.images_1_of_2 img {
	max-width:100%;
	display:block;
}
.list_2_of_1 h4 {
	color:#555;
	font-size: 1.4em;
	margin:5px 0;
	text-transform: uppercase;
}
.list_2_of_1 p {
	color: #969494;
	font-size: 0.85em;
	padding:0;
	line-height: 1.8em;
}
.view-all {
	padding-top:5px;
}
.view-all a {
	color:#EE5010;
	font-size:0.85em;
	background:url(../images/arrow.png) no-repeat 0;
	padding-left:15px;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 -ms-transition: all .5s;
 transition: all .5s;
	text-align: right;
}
.view-all a:hover {
	color:#555;
}
/*services*/
.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1;
}
.col_1_of_4 {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col_1_of_4:first-child {
	margin-left: 0;
} /* all browsers except IE6 and lower */
.span_1_of_4 {
	width: 20.8%;
	padding:1.5%;
}
.span_1_of_4 h3 {
	font-size:1.2em;
	color:#EE5010;
	border-bottom: 1px dotted #D5D5D5;
	text-transform:uppercase;
	margin-bottom:10px;
}
.span_1_of_4 a {
	color:#0e4d15;
}
.span_1_of_4 a:hover {
	color:#999999;
}
.copy-right {
	text-align:center;
	padding:15px 0;
	background:#0e4d15;
	color:#FFF;
}
.copy-right a {
	text-decoration:underline;
	color:#FFF;
}
.copy-right a:hover {
	color:#FFF;
	text-decoration:none;
}
/*Button*/
.datmua {
	height: 35px;
	line-height: 35px;
	background: #FF0000;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 11pt;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	padding: 8px 20px;
}
.datmua:hover {
	background: #d30000;
	text-decoration:none !important;
}
/*End Button*/
.step-cart{
    width: 96%;
	padding:10px 2%;
	float:left;

	text-align:center
}
.step-cart ul li {
    font-size: 30px;
    float: left;
    text-align: center;
	color:#F00;
}
.step-cart ul li p {
    font-size: 15px;
    margin-top: 10px;
	color:#4D90FE
	
}
.step-cart ul li span.round-step.active {
    background: #F00;
	color:#FFF !important
}
.step-cart ul li a p {
	color:#F00 !important;
	font-weight:bold
}
.step-cart ul li span.round-step {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    border-radius: 100px;
    margin: 0 auto;
	background:#4D90FE;
	color:#FFF
}
.step-cart ul li.line-step{
	width:15%;
    background: #4D90FE;
    height: 1px;
    display: block;
    margin: 20px 0;
}
.step-cart ul li.line-step.active{
    background: #F00;
}
/*breadcrumb*/
ul.breadcrumb { clear:both; overflow:hidden;color:#FFF;
	font-weight:bold;
	padding:8px 0;
	text-align:left;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding-left:15px;border-bottom: 1px solid #e1e1e1; margin-bottom:10px}
ul.breadcrumb li { float:left; padding-right:10px;white-space: nowrap;}
ul.breadcrumb li img { vertical-align:middle}
ul.breadcrumb li a { color:#0e4d15; font-size:11pt;}
ul.breadcrumb li.current a{ color:#0e4d15; font-size:11pt;}
ul.breadcrumb li a:hover { text-decoration:underline;color:#666;}
ul.breadcrumb li h1 { color:#0e4d15; font-size:11pt; line-height:10px !important}
/*breadcrumb*/

/*Products*/
.main_product {
	width:100%;
	float:left;
	margin-bottom:15px;
	background:#FFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
.main_product >h3 {
	color:#0e4d15;
	font-size:11pt;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 0;
	text-align:left;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #e1e1e1; 
	margin-bottom:10px;
	margin:0 15px
}
.main_product h3 a
{
	color:#0e4d15
}
.main_product h3 a:hover
{
	color:#666;
	text-decoration:underline;
}
ul.listitem li {
	float:left;
	padding:10px 0;
}
ul.listitem li div.pd-home {
	margin:0 auto;
	clear:both;
	position:relative;
	text-align:center;
	-moz-box-shadow: 0px 0px 1px #ccc;
	-webkit-box-shadow: 0px 0px 1px #ccc;
	box-shadow: 0px 0px 1px #ccc;
	width:90%;
	padding:5px;
	height:330px;
}
.spcode {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0px 4px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.spcodedetail {
    font-weight: bold;
    padding-bottom: 5px;
}
.owl-sanphamnoibat div.pd-home
{
	margin:10px 5px 10px 5px;
	border:1px solid #ccc;
	text-align:center;
	padding:5px
}
.owl-sanphamnoibat div.pd-home:hover
{
	-moz-box-shadow: 0px 0px 5px #F00;
	-webkit-box-shadow: 0px 0px 5px #F00;
	box-shadow: 0px 0px 5px #F00;
	border:1px solid #FFF;
}
ul.listitem li div.pd-home:hover
{
	-moz-box-shadow: 0px 0px 5px #F00;
	-webkit-box-shadow: 0px 0px 5px #F00;
	box-shadow: 0px 0px 5px #F00;
}
ul.listitem li div.pd-home a h2, div.owl-sanphamnoibat div.pd-home a h2 {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	padding-top:10px;
	height:35px;
	overflow:hidden;
	color:#000;
}
ul.listitem li div.pd-home .price, div.owl-sanphamnoibat div.pd-home .price{
	color:#333;
	display:block;
	padding:5px 0 5px 0;
}
ul.listitem li div.pd-home .price span , div.owl-sanphamnoibat div.pd-home .price span{
	display:block;
	color:#F00;
	padding:2px 0;
	font-weight:bold
}
ul.listitem li div.pd-home span.price-sale {
	text-decoration:line-through;
	font-weight:normal;
	color:#777;
}
ul.listitem li div.pd-home div.pd-btn {
	line-height:26px;
	color:#333;
	font-weight:bold;
	font-size:11px;
	word-wrap:break-word;
	width:100%;
}
ul.listitem li div.pd-home div.pd-btn a:hover {
	text-decoration:underline
}
.price_detail span{
	display:block;
	color:#F00;
	padding:5px 0;
	font-weight:bold;
	font-size:1.5em
}
span.price-sale_detail {
	text-decoration:line-through;
	font-weight:normal;
	color:#777;
	font-size:1em
}
.info-sum{
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #dbdbdb;
	border-top: 5px solid #dbdbdb;
}
.info-sum span {
color: #978122;
font-weight: bold;
}
.tabbox {
	clear: both;
	height: 35px;
	overflow: hidden;
	border-bottom:2px solid #00aeef;
}
.tabbox ul li {
	float: left;
	line-height: 35px;
}
.tabbox ul li a {
	cursor: pointer;
	display: block;
	padding: 0 30px;
	color:#333;
	
	background-color: #f2f2f2;
	margin-right: 2px;
	border: 1px solid #dbdbdb;
	border-radius: 5px 5px 0 0;
}
.tabbox ul li a:hover {
	background-color: #00aeef; 
	color: #fff;
	border-top: 1px solid #00aeef;
	border-right:1px solid #00aeef;
}
.tabbox ul li a.active {
	color:#fff;
	background:#00aeef;
	border-top: 1px solid #00aeef;
	border-right:1px solid #00aeef;
}

.tab_product_info {
	float: left;
	width:98%;
	margin-top:20px;
	height: 35px;
	overflow: hidden;
	border-bottom:2px solid #00aeef;
	margin-left:1%;
	margin-right:1%;
}
.tab_product_info ul li {
	float: left;
	line-height: 35px;
	display: block;
	padding: 0 30px;
	color:#FFF;
	background-color: #00aeef;
	margin-right: 2px;
	border: 1px solid #dbdbdb;
	border-radius: 5px 5px 0 0;
}
.product_info {
	float: left;
	width:98%;
	margin:1%;
}
ul.listitem li div.pd-home a img {
	width:auto !important;
	height:200px !important;
}
.owl-sanphamnoibat .pd-home a img {
    width: auto !important;
    height: 200px !important;
}
ul.listitem li div.pd-home div.pd-btn {
	bottom:0px;
	position:relative;
}
ul.listitem li div.pd-home div.pd-btn a.check {
	padding:2px 0 3px 3px;
}
/*End Products*/
/*Products detail*/
.product_img_detail {
	float:left;
	/*border: 1px solid #cacaca;*/
	width:45%;
	margin-left:1%;
	text-align:center;
}
.product_info_detail {
	float:right;
	padding: 0 5px;
	width:50%;
}
/*End Products detail*/
/*menu*/
ul.mainnav {
	width:100%;
	height:40px;
	float:left;
	background:#0e4d15;
	/*box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);*/
	white-space:nowrap;
}
ul.mainnav li {
	float:left;
	height:40px;
	border-left: 1px solid #FFF;
}
ul.mainnav li:first-child {
	background:none;
	border-left:none;
}
ul.mainnav li a {
	color:#fff;
	font-weight:bold;
	padding:0px 20px;
	line-height:40px;
	display:block;
	/*text-transform:uppercase;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 -o-transition: all .5s;
	 -ms-transition: all .5s;
	 transition: all .5s;*/
	 float: none !important;
}
ul.mainnav li:hover {
	position: relative;
	background:#ee5000;
}
ul.mainnav li.active a {
	background:#0e4d15;
	text-decoration:none;
	height:40px;
	float:left;
	color:#fff;
	display:block;
}
/*==============Sub menu ==============*/
ul.mainnav ul {
	width: 230px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index:9999999;
	background:#0e4d15;
	box-shadow: 0 4px 6px 2px rgba(50, 50, 50, 0.14);
	border-radius:0 0 5px 5px;
}
ul.mainnav ul li {
	border-bottom: 1px solid #ffffff;
	float: none;
	display:block;
	background:none;
	line-height:22px;
	padding:0;
}
ul.mainnav ul li:last-child {
	border-bottom: none;
}
ul.mainnav ul li:hover {
	background:none
}
ul.mainnav ul li a {
	color:#ffffff;
	font-weight:normal;
	display:block;
	background:none;
	padding: 0 0 0 10px
}
ul.mainnav ul li a:hover {
	color:#ffffff;
	display:block;
	background-color:#ee5000;
}
ul.mainnav ul li:last-child a:hover {
	color:#ffffff;
	display:block;
	background-color:#ee5000;
	border-radius:0 0 5px 5px;
}
ul.mainnav ul ul { top: 0;}
ul.mainnav li ul ul { left: 100%; }
/*end menu*/
/*News list*/
ul.listnewstop {
  float: left;
  width: 98%;
  padding:1%;
  margin: 5px 0;
}
ul.listnewstop li {
  float: left;
  width: 48%;
  padding:1%;
  min-height:160px
}
ul.listnews {
  float: left;
  width: 98%;
  padding:1%;
  margin: 5px 0;
}
ul.listnews li {
  float: left;
  width: 100%;
  padding:5px 0 0 10px;
  background:url(../images/dot_gray_3x3.gif) no-repeat left 11px;
}

ul.listnews li a {
	color:#000;
}
ul.listnews li a:hover {
	color:#0e4d15;
}
ul.listnewsleft {
  float: left;
  width: 100%;
  padding:1%;
  margin: 5px 0;
}
ul.listnewsleft li {
  float: left;
  width: 96%;
  padding:2%;
}
.title_news {
  padding-bottom:5px;
}
.title_news a {
  font: 700 14px arial;
  color: #333;
}
.block_image_news {
  width: 100%;
  float: left;
}
/*.thumb {
  width: 39%;
}*/
.thumb {
  float: left;
  /*width: 120px;*/
  max-height:120px;
  margin: 0 10px 0 0;
  position: relative;
}
.thumb img{
	max-width:150px !important;
}
.news_lead {
  font: 400 14px/16px arial;
  color: #333;
  padding-right:5px
}
/*End news list*/
/**** Responsice Layout *****/

@media all and (min-width: 1320px) {
.step-cart ul li.line-step{
	width:23%;
}
}

@media all and (max-width: 1319px) {
.step-cart ul li.line-step{
	width:21%;
}
}
@media only screen and (min-width: 1101px) {
 .wrap {
 width:90%;
}
ul.listitem li {
width:25%;
}
}
 @media all and (max-width: 1100px) {
 .wrap {
 width:95%;
}
 .content {
 width:73%;
}

 .sidebar {
 width:25%;
}
ul.listitem li {
width:33.33%;
}
.step-cart ul li.line-step{
	width:18%;
}
}
@media all and (max-width:900px) {
 .wrap {
 width:95%;
}
 .main {
 padding:25px 0;
}
 .contact-form input[type="text"], .contact-form textarea {
 width:93%;
}
ul.listitem li {
width:33.33%;
}
ul.listnewstop li {
  float: left;
  width: 48%;
  padding:1%;
  min-height:230px
}
.step-cart ul li.line-step{
	width:18%;
}
}
@media all and (max-width:899px) {
ul.listitem li {
width:50%;
}
ul.listnewstop li {
  float: left;
  width: 48%;
  padding:1%;
  min-height:240px
}
 .content {
 width:68%;
}

 .sidebar {
 width:30%;
}
ul.mainnav
{
	display:none;
}
ul.open {
display: block;
height:auto !important;
border-top: 1px solid #FFF;
}
.menu li
{
  width:100%;
}
ul.mainnav {
	width:100%;
	height:40px;
	float:left;
	background:#0e4d15;
	/*box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);*/
	white-space:nowrap;
}
ul.mainnav li {
	float:left;
	height:auto;
	border-left: none !important
}
ul.mainnav li:first-child {
	background:none;
}
ul.mainnav li a {
	color:#fff;
	font-weight:bold;
	padding:0px 15px;
	line-height:42px;
	display:block;
	 float: none !important;
}
ul.mainnav li a:hover {
	position: relative;
	background:#ee5000;
}
ul.mainnav li:hover {
	position: relative;
	background:#b20202;
}
ul.mainnav li.active a {
	background:#0e4d15;
	text-decoration:none;
	height:40px;
	float:left;
	color:#fff;
	display:block;
}
/*==============Sub menu ==============*/
ul.mainnav ul {
	width: 100%;
	position: relative;
	visibility:visible;
	top: 100%;
	left: 0;
	z-index:0;
	background:#0e4d15;
	box-shadow:none;
	border-radius:0;
}
ul.mainnav ul li {
	border-bottom: none;
	float: none;
	display:block;
	background:none;
	line-height:40px;
}
ul.mainnav ul li:last-child {
	border-bottom: none;
	border-radius:0;
}
ul.mainnav ul li:hover {
	background:none
}
ul.mainnav ul li a {
	color:#ffffff;
	font-weight:normal;
	display:block;
	background:none;
	padding: 0 0 0 30px;
}
ul.mainnav ul li a:hover {
	color:#ffffff;
	display:block;
	background-color:#ff8500;
}
ul.mainnav ul li li a{
	padding: 0 0 0 45px
}
ul.mainnav ul li li li a{
	padding: 0 0 0 60px
}
ul.mainnav ul li:last-child a:hover{
	color:#ffffff;
	display:block;
	background-color:#ff8500;
	border-radius:0;
}

ul.mainnav ul ul { top: 0;}
ul.mainnav li ul ul { left: 0; }
/*ddddddddddddddddddđ*/
.menu-button {
	display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    padding: 18px 25px 18px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
  }
.menu-button::after {
    display: block;
    content: '';
    height: 3px;
    width: 22px;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
	right:15px;
	position:absolute;
	top:25px
  }
.menu-button::before {
    display: block;
    content: '';
    height: 3px;
    width: 22px;
    border-top: 3px solid #FFF;
	right:15px;
	position:absolute;
  }
  .step-cart ul li.line-step{
	width:12%;
}
}
@media all and (max-width:680px) {
 .wrap {
 width:95%;
}
 .content {
 float:left;
 width:100%;
 margin:10px 0;
}
 .sidebar {
 float:right;
 width:100%;
 margin:10px 0;
}
 .col_1_of_4 {
 margin:0;
}
 .span_1_of_4 {
 width:94%;
 padding:3%;
}
ul.listitem li {
width:33.33%;
}
 .tabbox {
overflow:visible;
height:auto;
margin-bottom:0;
}
.tabbox ul li {
float:none;
border-bottom:1px solid #88c652;
}
.tabbox ul li:last-child {
border-bottom:0;
}
.tabbox ul li a {
background:#81be4b;
}
.tabbox ~ ul {
border:1px solid #4f980f;
margin-bottom:10px;
}
.product_img_detail {
	width:96%;
	margin:2%;
}
.product_info_detail {
	width:94%;
	margin:2%;
	padding: 0 1%;
}
}
@media all and (max-width:679px) {
 .clear20 {
 clear:both;
 height:0px
}
 .clear15 {
 clear:both;
 height:0px
}
 .clear10 {
 clear:both;
 height:0px
}
.clear5 {
 clear:both;
 height:0px
}
 .wrap {
 width:95%;
}
 .logo {
 float:none;
 width:100%;
 text-align:center;
 padding:20px 0;
}
 .banner {
 width:100%;
}
 .menu {
 float:none;
}
 .main {
 padding:10px 0;
}
 .box h3 {
 font-size:1em;
}
 .contact_info {
 margin-top:10px;
}
ul.listitem li {
width:33.33%;
}
.step-cart ul li.line-step{
	width:15%;
}
}
@media all and (max-width:590px) {
ul.listitem li {
width:50%;
}
ul.listnewstop li {
  float: left;
  width: 98%;
  padding:1%;
  min-height:140px;
  border-bottom: 1px solid #D6D6D6;
}
ul.listnewstop li:last-child {
    border-bottom: none;
}
.step-cart ul li.line-step{
	width:10%;
}
}
@media all and (max-width:460px) {
 .wrap {
 width:95%;
}
 .banner {
 width:100%;
}
ul.listitem li {
width:100%;
}
ul.listnewstop li {
  float: left;
  width: 96%;
  padding:2%;
  min-height:140px;
  border-bottom: 1px solid #D6D6D6;
}
ul.listnewstop li:last-child {
    border-bottom: none;
}
.step-cart ul li.line-step{
	width:8%;
}
}

ul.timkiem li {
	float:none !important;
	padding:10px 10px;
}
/*-----------------*/
ul.pro_widget li {
	float:none !important;
	padding:10px 10px;
}
ul.pro_widget li div.pd-home {
	margin:0 auto;
	clear:both;
	position:relative;
	text-align:center;
	border:1px solid #EEE;
	width:90%;
	padding:10px;
}

ul.pro_widget li div.pd-home:hover
{
	border:1px solid #FFA6A6;
}
ul.pro_widget li div.pd-home a h2 {
	font-size:12pt;
	line-height:150%;
	padding-top:10px;
	overflow:hidden;
	color:#000;
}
ul.pro_widget li div.pd-home .price {
	color:#333;
	display:block;
	padding:5px 0 0 0;
}
ul.pro_widget li div.pd-home .price span {
	display:block;
	color:#F00;
	padding:2px 0;
	font-weight:bold
}
ul.pro_widget li div.pd-home span.price-sale {
	text-decoration:line-through;
	font-weight:normal;
	color:#777;
}
ul.pro_widget li div.pd-home div.pd-btn {
	line-height:26px;
	color:#333;
	font-weight:bold;
	font-size:11px;
	word-wrap:break-word;
	width:100%;
}
ul.pro_widget li div.pd-home div.pd-btn a:hover {
	text-decoration:underline
}
.social-network-share-like {
	float: left;
	width:98%;
	margin:1%;
	color:#00F;
	font-weight:bold;
}
.btn-submit {
    background: #667BB4;
    border: 0 none;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    text-transform: uppercase;
	cursor:pointer;
}
.btn-cart-intro a {
    background: none repeat scroll 0 0 #667BB4;
    border: 0 none;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    text-transform: uppercase;
}
.btn-cart-intro a:link, .btn-cart-intro a:visited, .btn-cart-intro a:hover {
    color: #FFFFFF;
}
.btn-cart-intro a:hover {
    color: #FFFFFF;
	 background: none repeat scroll 0 0 #C60000;
}
.tb_content {
	border-collapse:collapse;
	font-size:13px;
}
th {
	background-color:#2b8bbd;
	color:#FFFFFF;
	height:25px;
	line-height:25px;
	border-left:1px solid #CCE6FF;
	border-right:1px solid #CCE6FF;
	border-bottom:1px solid #CCE6FF;
	padding:5px;
	font-weight:bold;
}
.tb_content tbody>tr>td {
	border:1px solid #CCE6FF;
	padding:5px;
	vertical-align:middle
}
.text1 {
	color:#2b8bbd;
}
.tb_content tbody:first-child tr:first-child th:first-child {
	border-top-left-radius: 4px;
	border-left:none;
}
.tb_content tbody:first-child tr:first-child th:last-child {
	border-top-right-radius: 4px;
	border-right:none;
}

/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
.nivo-controlNav a {
	position: relative;
	z-index: 9;
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: bold;
}
.theme-default .nivoSlider {
	position: relative;
	background: #fff url(../images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.theme-default .nivoSlider a {
	border: 0;
	display: block;
}
.theme-default .nivo-controlNav {
	position: absolute;
	left: 50%;
	bottom: 10px;
}
.theme-default .nivo-controlNav a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.theme-default .nivo-controlNav a.active {
	background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
.theme-default a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
.theme-default a.nivo-prevNav {
	left: 15px;
}
.theme-default .nivo-caption a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
	color: #fff;
}
.theme-pascal.slider-wrapper, .theme-orman.slider-wrapper {
	margin-top: 0px;
}
/* End The Nivo Slider styles */
/*============== Feature ================*/
.nqt-slideshow {
	clear:both;
	overflow:hidden
}
.nqt-slideshow-img {
	width:100%;
	height:300px;
}
.nqt-slideshow-img img {
	width:100%;
	height:300px;
	margin:0px auto;
}
.hidden 
{
	display:none !important;
}
.supportonline img{
	margin:0px !important;
    vertical-align:0px !important;
}
#call-hotline {
   display: none;
    position: fixed;
    left: 10px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    background: #46C11E url(../images/callhotline.png) center / 30px no-repeat;
    z-index: 99;
    color: #FFF;
    font-size: 35px;
    line-height: 55px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);
    box-shadow: 0 2px 5px rgba(0,0,0,.5);
}
@media only screen and (max-width: 650px) {
	#call-hotline {
		display: block;
	}
}