.main_procate .s_header .s_main,
.view_gird .s_header {
	width: 100%;
	background: -moz-linear-gradient(top, #f1f1f1 0, #dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dedede))
}

.card_order .s_heading,
.card_order .s_main .s_title,
.divbg,
.payment {
	text-transform: uppercase
}

.main_procate,
.main_procate .s_header {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0
}

.main_procate .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 10px 20px
}

.main_procate .s_header .s_main a {
	color: #333;
	margin: 0 auto;
	padding: 0
}

.main_procate .s_header .s_main a h2 {
	color: #333;
	margin: 0 auto;
	font-size: 16px;
	padding: 0
}

.main_procate .s_header .s_sub {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	border: 1px solid #ebebeb;
	padding: 10px
}

.main_procate .s_header .s_sub a {
	color: #333;
	border: 1px solid #ebebeb;
	padding: 2px 4px;
	margin: 0 0 4px;
	display: inline-block
}

.main_procate .s_header .s_sub a:hover {
	border: 1px solid #ef3035;
	color: #353599
}

.main_procate .s_list .item {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 0;
	text-align: center
}

.main_procate .s_list .item .item_img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 200px;
	overflow: hidden
}

.main_procate .s_list .item .item_img img {
	margin: auto;
	position: absolute
}

.main_procate .s_list .item .item_content,
.main_procate .s_list .item .item_content h3,
.view_gird,
.view_gird .s_header,
.view_gird .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto
}

.main_procate .s_list .item .item_content {
	width: 100%;
	padding: 0;
	height: 50px;
	overflow: hidden
}

.main_procate .s_list .item .item_content h3 {
	font-size: 15px;
	width: 100%;
	padding: 0 10px;
	line-height: 20px
}

.view_gird {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 2rem;
}

.view_gird .s_top {
	padding: 20px 0;
}

.view_gird .s_top.incat {
	background-color: #fff;
	margin: 0 0 10px;
	padding: 0px;
	line-height: 1.7;
}

.view_gird .s_bottom {
	position: relative;
	display: flex;
	padding: 0 0 20px;
	justify-content: flex-end;
}

.view_gird .viewbottomhtml {
	padding: 20px 0;
	position: relative;
	background-color: #fff;
}

.view_gird .s_list .item {
	position: relative;
	margin: 0 auto;
	border: 1px solid var(--brand-sub-color);
	background: #fff;
	border-radius: 0.5rem;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.view_gird .s_list .item:hover {
	box-shadow: 2px 2px 5px #e8e8e8;
}

.view_gird .s_list .item .item_img {
	position: relative;
	margin: 10px;
	padding: 0px;
	width: calc(100% - 20px);
	height: auto;
	overflow: hidden;
	background: #ededed;
	border-radius: 0.5rem;
}

.view_gird .s_list .item .item_img .img_hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: block;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0.5rem;
}

.view_gird .s_list .item .item_img .img_hover img {
	height: auto;
	min-width: 100%;
}

.view_gird .s_list .item:hover .item_img .img_hover {
	opacity: 1;
}

.view_gird .s_list .item .item_img img {
	position: relative;
	width: 100%;
	margin: auto;
	min-height: 100%;
	border-radius: 0.5rem;
}

.view_gird .s_list .item .item_content,
.view_gird .s_list .item .item_content h3,
.view_list,
.view_list .s_header,
.view_list .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto;
}

.view_gird .s_list .item .item_content {
	position: relative;
	margin: 0 auto;
	padding: 0 0 1rem;
	width: 100%;
	text-align: center;
	font-size: 13px;
}

.view_gird .s_list .item .item_content .title {
	position: relative;
	margin: 0 auto 0.5rem;
	padding: 0 0.5rem 0.5rem;
	width: 100%;
	border-bottom: 1px solid #cecece;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 13px;
	line-height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.view_gird .s_list .item .item_content .prdinfo {
	position: relative;
	margin: 5px 0 20px;
	padding: 0;
}

.view_gird .s_list .item .item_content .prdinfo .product_code {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	color: var(--brand-main-color);
	display: none;
}

.view_gird .s_list .item .item_content .showprice {
	position: relative;
	margin: 20px 0;
}

/*end view grid*/

.view_list {
	width: 100%;
	padding: 0
}

.view_list .s_header {
	width: 100%;
	padding: 10px;
	background: -moz-linear-gradient(top, #f1f1f1 0, #dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dedede))
}

.view_list .s_header .s_main h1 {
	margin: 0 auto;
	font-size: 16px;
	padding: 7px 0 0
}

.view_list .s_header .s_main {
	padding: 0
}

.view_list .s_content,
.view_list .s_list {
	margin: 10px auto;
	display: block;
	width: 100%;
	position: relative
}

.view_list .s_content {
	padding: 10px 20px;
	border: 1px solid #ebebeb
}

.view_list .s_list {
	padding: 0
}

.view_list .s_list .item {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	border-left: 10px solid #ebebeb;
	border-bottom: 1px solid #ebebeb
}

.view_list .s_list .item .item_img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0
}

.view_list .s_list .item .item_img img {
	width: 100%;
	margin: 0 auto;
	padding: 0
}

.view_list .s_list .item .item_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0
}

.view_list .s_list .item .item_content h3 {
	position: relative;
	display: block;
	font-size: 17px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 20px
}

.detail {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.detail .prd_top {
	position: relative;
	display: block;
	width: 100%;
}

.detail .prd_top .carousel-indicators {
	position: relative;
}

.detail .prd_top .carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: auto;
	height: 80px;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: unset;
	cursor: pointer;
	background-color: transparent;
	background-clip: padding-box;
	border: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 1;
	transition: opacity 1s ease;
}

.detail .prd_top .carousel-indicators img {
	height: 60px;
}
.detail .prd_top .carousel-inner {
}
.detail .prd_top .carousel-item {
	width: 100%;
}

.detail .prd_top .carousel-item img {

}

.detail .prd_top figure.containerZoom {
	background-position: 50% 50%;
	position: relative;
	width: auto;
	overflow: hidden;
	cursor: zoom-in;
	margin: 0;
	padding: 0;
}

.detail .prd_top figure.containerZoom img {
	transition: opacity .5s;
	display: block;
	width: 100%;
}

.detail .prd_top figure.containerZoom.active img {
	opacity: 0
}

.detail .prd_top .carousel-item a {
	position: relative;
	height: 100%;
}
.detail .prd_top .carousel-control-next, .detail .prd_top .carousel-control-prev {
	top: calc(50% - 66px);
	width: 32px;
	height: 32px;
}
.detail .s_info {
	margin: 0 auto;
	padding: 0;
	z-index: 2
}

.detail .s_info h1 {
	margin: 0 0 1rem;
	border-bottom: 1px solid #dadada;
	padding: 0 0 1rem;
	text-transform: uppercase;
}

.detail .s_info .showbtn {
	position: relative;
	display: flex;
}
.detail .s_info .showbtn a{
	position: relative;
	display: flex;
	width: 50%;
	justify-content: center;
}

.detail .s_info .showbtn .btn-site,
.detail .s_info .showbtn a.btn-site {
	white-space: normal;
	border-radius: 1.5rem;
	text-align: center;
	margin: 0 0.2rem;
}

.detail .s_info .i_social {
	margin: 0 0 2rem;
	border-bottom: 1px solid #dadada;
	padding: 0 0 0.4rem;
}

.detail .s_info .i_social .i_facebook {}

.detail .s_info .i_social .zalo-follow-only-button {
	margin: 0 0 0 5px;
	padding: 0;
	position: relative;
	height: 22px;
}

.detail .s_info .i_social .zalo-share-button {
	margin: -5px 0 0 -1px;
	padding: 0;
	position: relative;
	height: 22px !important;
	display: block;
}


.detail .s_image .bx-wrapper .bx-next {
	right: 20px
}

.detail .s_image .bx-wrapper .bx-prev {
	left: 20px
}

.detail .s_image .bx-wrapper .bx-controls-direction a {
	z-index: 9;
	border: 1px solid #777;
}

.detail .s_image .bx-wrapper .bx-controls-direction a:hover {
	border: 1px solid #000;
}

.detail .image-demo {
	float: left;
	width: 150px
}

.detail .info_product {
	padding-left: 150px
}

.detail .date_up {
	color: #bcbcbc;
	display: block
}

.detail .info_product p {
	padding: 2px;
	margin: 0
}

.detail h2 {
	color: var(--brand-main-color);
}

.detail .detail_com {
	margin-bottom: 5px
}

.detail .prd_rate {
	padding: 0
}

.detail .prd_rate div.line {
	margin-bottom: 10px
}

.detail .prd_rate div.cm_rows {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px dashed #d7e2e6
}

.detail .prd_rate div.avata {
	width: 54px;
	text-align: center;
	float: left
}

.detail .prd_rate div.avata img {
	border: 1px solid #d7e2e6;
	padding: 1px
}

.detail .prd_rate div.cm_c {
	float: right
}

.detail .others {
	padding: 10px
}

.detail .others ul li {
	background: url(../images/shops/square.jpg) 0 5px no-repeat;
	padding-left: 8px
}

.detail .others .date {
	color: #999
}

.detail .others h1 {
	border-bottom: #CCC 1px solid;
	margin-bottom: 5px
}

.detail .div_rate a {
	padding-right: 18px;
	background: url(../images/shops/star.png) right center no-repeat;
	margin-right: 5px
}

.detail .s_social,
.detail .s_social ul {
	margin: 0 auto;
	padding: 0
}

.detail .s_social ul li {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0
}

.detail .showtabs {
	margin: 20px 0;
	padding: 0;
}

.detail .showtabs .tab-content {
	margin: 0 auto 0px;
	padding: 20px 0 0;
	border: 0;
}

.detail .showtabs .nav-tabs {
	position: relative;
	margin: 2rem 0 0;
	border-bottom: 2px solid #ddd;
}

.detail .showtabs .nav-tabs .nav-item {
	position: relative;
	margin-bottom: -1px;
	margin-right: 2rem;
}

.detail .showtabs .nav-tabs .nav-link {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 24px;
	border: 0;
	padding: 10px 0px 10px;
	border-bottom: 2px solid transparent;
	font-size: 20px;
	color: black;
}

.detail .showtabs .nav-tabs .nav-link:focus,
.detail .showtabs .nav-tabs .nav-link:hover,
.detail .showtabs .nav-tabs .nav-item.show .nav-link,
.detail .showtabs .nav-tabs .nav-link.active {
	border-bottom: 2px solid var(--brand-main-color);
	color: var(--brand-main-color);
	border-color: #fff #fff var(--brand-main-color);
}

.detail .keywords {
	margin: 10px 0 20px;
}

.detail .list_other {
	margin: 2rem auto 1rem
}

.detail .list_other .title {
	font-size: 30px;
	line-height: 30px;
	margin: 0 auto;
	background: #ebebeb
}

.detail .list_other .title span {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 10px 0 0;
	background: #fff
}

.detail .zoom_img {
	margin: 10px 0
}

.detail ul.product_info {
	padding: 0
}

.detail ul.product_info li {
	margin-bottom: 5px
}

.detail ul.product_info li .quoto {
	width: 100%;
	display: block;
	text-align: center;
}

.detail ul.product_info li .quoto {
	position: relative;
	background-color: #ed1c24;
	color: #fff !important;
	padding: 10px 40px 10px 10px;
	white-space: nowrap;
	text-transform: uppercase;
	line-height: 22px;
	font-size: 20px;
}

.detail ul.product_info li .quoto:hover {
	background-color: #000;
}

.detail ul.product_info li .quoto span {
	position: relative;
}

.detail ul.product_info li .quoto span:before {
	position: absolute;
	content: "";
	right: -40px;
	top: 2px;
	width: 23px;
	height: 18px;
	background-image: url(../images/btn-white-right.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.detail ul.product_info li .quoto:hover span {
	padding: 10px 10px 10px 40px;
}

.detail ul.product_info li .quoto:hover span:before {
	left: 0;
	top: 12px;
	right: unset;
}

.detail ul.product_info li button {
	height: auto;
	min-height: initial;
	padding: 5px;
	line-height: initial;
	margin-right: 5px;
	color: #fff;
	display: inline-block;
	height: 50px !important;
	font-size: 15px !important;
	border-radius: 0px;
	border: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.detail ul.product_info li button span {
	font-size: 12px !important;
	text-transform: initial !important;
	display: block !important;
	font-weight: 300;
}

.detail ul.product_info li button.btn-book1 {
	background-color: #01a89e;
	width: calc(50% - 5px);
}

.detail ul.product_info li button.btn-book2 {
	background-color: #3673cc;
	width: calc(50% - 5px);
	margin-left: 5px;
	margin-right: 0px;
	float: right;
}

.detail ul.product_info li button.btn-book1:hover {
	background-color: #F00;
}

.detail ul.product_info li button.btn-book2:hover {
	background-color: #000;
}

.srating {
	position: relative;
	margin: 0 0 10px;
	border: 1px solid #ebebeb;
	padding: 10px;
	background: #fafafa;
	font-size: 12px;
	display: flex;
	align-content: center;
	justify-content: center;
}

.srating .listrate {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.srating .listrate #hover-test {
	position: absolute;
	margin: 0;
	display: block;
	top: -25px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	padding: 2px 10px;
	z-index: 2;
	display: none;
}

.srating .listrate:hover #hover-test {
	display: block;
}

.srating #stringrating {
	position: relative;
	display: inline-block;
}

.card_order,
.card_order .s_coupons,
.detail .list_other .s_list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0
}

.card_order .step_bar {
	display: table;
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0 0 20px
}

.card_order .step_bar a.step {
	float: left;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 0;
	text-transform: uppercase
}

.card_order .step_bar a.step span {
	display: block;
	float: left;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	color: #000;
	border-right: 1px solid #ec181d;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 4px 10px;
	margin-right: 5px;
	margin-top: -4px
}

.card_order .step_bar a.step_current {
	color: #ec181d
}

.card_order .step_bar a.step_disable {
	color: #000
}

.card_order .s_info {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0
}

.card_order .s_heading {
	position: relative;
	display: block;
	width: 100%;
	border-bottom: 4px solid #ebebeb;
	margin: 0 0 10px;
	padding: 10px 0 2px;
	color: #353599;
	font-size: 18px;
	text-align: right
}

.card_order .s_body {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px;
	border: 1px solid #ebebeb
}

.card_order .s_body .s_content,
.card_order .s_main {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 10px;
	border: 1px solid #ebebeb
}

.card_order .s_body .s_content {
	padding: 10px
}

.card_order .s_main {
	padding: 0
}

.card_order .s_main .s_body,
.card_order .s_main .s_title {
	margin: 0;
	padding: 10px;
	position: relative;
	display: block;
	width: 100%
}

.card_order .s_main .s_title {
	color: #353599;
	font-weight: 700;
	background: #ebebeb
}

.card_order .form-group {
	margin-bottom: 0
}

.filter_product {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0
}

.filter_product .show_filter {
	border: 1px dotted #ddd;
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 4px;
	margin: 0 0 20px
}

.filter_product .show_filter div.title {
	position: absolute;
	margin: 0;
	top: -10px;
	right: 10px;
	color: #fff;
	background: #353599;
	padding: 0 10px
}

.filter_product label {
	margin-right: 10px
}

.filter_product .label_group {
	border: 1px solid #ccc;
	background: #f2f2f2;
	display: block;
	float: left;
	cursor: pointer;
	position: relative;
	padding: 2px 5px;
	margin-top: 2px;
	width: 100%;
	font-size: 11px
}

.filter_product .label_group:hover {
	border-color: red
}

.filter_product .active {
	border-color: #00f
}

.filter_product .image_group input,
.filter_product .label_group input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: -1
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled,
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: .5
}

table.table tr.bg {
	background: #FBF9F9
}

.label-success {
	background: #353599
}

.money {
	color: #C30;
	font-weight: 700;
	padding: 5px 0;
}

.discounts_money {
	color: #000;
	font-weight: 400;
	text-decoration: line-through;
	padding: 5px
}

.rate-star {
	padding: 5px;
	float: left;
	height: 14px;
	line-height: 14px
}

.rate-star .width-star-title {
	float: left;
	margin-right: 5px
}

.rate-star .width-star-num {
	float: left;
	font-weight: 700;
	margin-left: 5px
}

.rate-star .width-star-bg {
	width: 180px;
	float: left;
	cursor: pointer;
	border-radius: 3px;
	background: #dadada
}

.rate-star .width-star-value {
	float: left;
	border-radius: 3px;
	background: url(../images/shops/star-png.png) repeat-x
}

.rateavg_percent {
	font-size: 18px;
	font-weight: 700
}

#search_form_shops .form-group {
	margin-bottom: 4px
}

#category .col-sm-6 .thumbnail,
#products .col-sm-6 .thumbnail {
	padding-top: 10px
}

#products .col-sm-6 .label-default {
	margin-bottom: 10px;
	display: inline-block
}

.price {
	height: 20px;
	margin-top: 5px
}

.price a.btn-site,
.price .btn-site {
	padding: 4px 10px;
}

#category .col-sm-6 .price .money {
	display: block;
	vertical-align: middle
}

.image {
	margin: 0 10px 10px 0
}

.msgshow {
	background: #ed1d24;
	padding: 20px;
	position: fixed;
	color: #fff;
	bottom: 0;
	text-align: center;
	right: 35%;
	left: 35%;
	-moz-box-shadow: 0 3px 11px rgba(000, 000, 000, .5), inset 0 0 1px rgba(255, 000, 217, 1);
	-webkit-box-shadow: 0 3px 11px rgba(000, 000, 000, .5), inset 0 0 1px rgba(255, 000, 217, 1);
	box-shadow: 0 3px 11px rgba(000, 000, 000, .5), inset 0 0 1px rgba(255, 000, 217, 1);
	display: none;
	z-index: 10020 !important;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}

.tooltip-inner {
	max-width: 250px;
	padding: 10px;
	color: #fff;
	text-align: left !important;
	background-color: #0C2138;
	border-radius: 4px
}

.tooltip-inner img.pull-left {
	margin: 3px 5px 1px 0
}

.tooltip-inner img.pull-right {
	margin: 3px 1px 0 5px
}

#formsearch {
	margin-top: 10px
}

#formsearch .row {
	margin-bottom: 10px
}

div[id*=product_center] {
	position: relative
}

div[id*=product_center] .crsl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

div[id*=product_center] .crsl-items:after {
	display: block;
	clear: both;
	content: ''
}

div[id*=product_center] .crsl-items img {
	margin: 0 auto 6px
}

div[id*=product_center] .next,
div[id*=product_center] .previous {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	text-indent: -10000px;
	color: #FFF;
	background: url(../images/shops/previous-next.png) no-repeat rgba(0, 0, 0, .8);
	z-index: 10;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out
}

div[id*=product_center] .next:hover,
div[id*=product_center] .previous:hover {
	background-color: rgba(0, 0, 0, .95)
}

div[id*=product_center] .previous {
	left: 0;
	background-position: 0 0
}

div[id*=product_center] .next {
	right: 0;
	background-position: 100% 0
}

div[id*=product_center] .crsl-item {
	margin-bottom: 0
}

.caption h3 {
	line-height: 22px;
	height: 40px
}

.others_product ul {
	width: 100%;
	margin: 0;
	padding: 0
}

.others_product ul li {
	list-style: none;
	text-align: center;
	margin-bottom: 10px
}

.others_product ul li img {
	margin: 5px
}

.others_product ul li.bg {
	background: ivory
}

.others_product ul li span.time {
	color: silver;
	font-size: 11px
}

.page-header {
	padding: 10px 0;
	margin: 0 0 10px
}

#print table.rows2,
.block {
	margin-bottom: 10px
}

#print {
	padding: 10px
}

#print table.rows2 {
	width: 100%;
	border: none
}

#print table.rows {
	width: 100%;
	border: 1px solid #F5F5F5
}

#print table.rows td {
	padding: 5px;
	border: 1px solid #F5F5F5
}

#print table.rows td img {
	width: 60px;
	padding: 2px;
	border: 1px solid #ebebeb;
	vertical-align: middle
}

.r-tabs .r-tabs-nav,
.r-tabs .r-tabs-panel {
	border-bottom: 1px solid #ccc
}

#print table.rows tr.bg {
	background: #f3f3f3
}

#print table.rows tr.bgtop {
	background: #CCC;
	line-height: 22px
}

.block .payment_info {
	margin: 10px 0
}

.block .payment_info .payment_items {
	text-align: center;
	margin-right: 2px;
	display: inline-block
}

.r-tabs {
	margin: 10px 0;
	position: relative
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 1px
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #0ad;
	margin-bottom: 3px;
	padding: 10px 12px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: 700
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	margin-bottom: -1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #0ad;
	background-color: #fff
}

.r-tabs .r-tabs-panel {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 3px
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #0ad;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 3px
}

#block_newtop .slides>div a:hover,
.bsss {
	text-decoration: underline
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #0ad;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0
}

em.fb,
span.fb {
	color: #3b5998
}

em.tw,
span.tw {
	color: #00aced
}

em.google,
span.google {
	color: #dd4b39
}

.google-plus-one {
	overflow: hidden;
	position: relative
}

.google-plus-one i {
	position: absolute;
	left: -4px;
	bottom: -5px
}

.google-plus-one span {
	font-size: 16px;
	font-weight: 900;
	line-height: 10px;
	margin-left: 15px
}

.btn-sm.google-plus-one span {
	font-size: 14px
}

.btn-sm.google-plus-one i {
	bottom: -3px
}

.btn-lg.google-plus-one span {
	font-size: 20px;
	margin-left: 18px
}

.btn-lg.google-plus-one i {
	bottom: -5px
}

.btn-xs.google-plus-one span {
	font-size: 12px
}

.btn-xs.google-plus-one i {
	bottom: -7px
}

#products .items {
	float: left;
	display: block
}

#products .items .items_content {
	text-align: center;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 1px
}

#products .items .items_content img {
	border: 1px solid #EFEFEF;
	padding: 2px
}

#products .items .items_content .content_top {
	height: 135px
}

#products .items .items_content .show-product-code {
	height: 156px
}

#products .items .items_content .content_price {
	height: 15px
}

.time_up {
	color: silver;
	font-weight: 400
}

.btnum,
.shops-center {
	text-align: center
}

a.pro_detail,
a.pro_order {
	color: #000;
	padding: 2px 0;
	background: url(../images/shops/bgbt.png);
	display: inline-block;
	width: 60px;
	text-align: center;
	border: 1px solid #FC0
}

a.pro_detail:hover,
a.pro_order:hover {
	background: #FC3
}

.payment {
	color: red;
	font-weight: 700;
	display: block;
	margin-top: 10px;
	border: 1px solid red;
	padding: 3px
}

#category .page_title {
	font-size: 13px;
	color: #454545;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-weight: 700;
	border-bottom: 2px solid #e5e5e5
}

#category .list_rows {
	border-bottom: 1px dashed #cad5d8
}

#category .list_rows div.img {
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px
}

#category .list_rows div.img input {
	position: absolute;
	top: 15px;
	left: 5px
}

#category .list_rows div.img img {
	border: 1px solid #f4f4f4;
	padding: 2px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px
}

#category .list_rows div.list_c {
	width: 300px;
	float: left;
	margin-right: 10px;
	padding: 20px 0
}

#category .list_rows div.list_c h3 {
	margin-bottom: 10px
}

#category .list_rows div.list_c p.des {
	padding-bottom: 10px;
	border-bottom: 1px dashed #cad5d8
}

#category .list_rows div.list_c p.add_prd {
	margin: 10px 0 0
}

#category .list_rows div.info_prd {
	width: 170px;
	margin-right: 10px;
	margin-top: 20px;
	float: left
}

#category .list_rows div.info_prd ul {
	padding: 15px
}

#category .list_rows div.info_prd ul li {
	padding: 0 0 10px 15px
}

table.rows td,
table.rows2 {
	padding: 5px
}

#category .list_rows div.info_prd strong {
	color: #fc4d00
}

#category .list_rows div.info_prd span {
	display: block;
	font-weight: 700
}

#category .grid_rows {
	width: 33%;
	float: left;
	margin-top: 10px
}

table.rows2 {
	width: 100%;
	border: 1px solid #b9dcff
}

table.rows {
	width: 100%
}

table.rows td img.imgpro {
	width: 40px;
	padding: 2px;
	border: 1px solid #ebebeb;
	vertical-align: middle
}

table.rows tr.bgtop {
	background: #CCE6FF;
	line-height: 22px
}

.share a {
	padding: 0;
	margin: 0
}

.share img {
	height: 16px;
	float: left;
	margin-right: 3px;
	margin-left: 3px
}

.title_cate {
	background: url(../images/shops/pro_cat_header.png) repeat-x;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-weight: 700
}

.btn_view {
	background: url(../images/shops/bl.png) left center no-repeat;
	display: inline-block
}

.btn_view span {
	background: url(../images/shops/br.png) right no-repeat;
	padding: 3px 10px;
	display: inline-block
}

#total {
	color: red;
	font-weight: 700;
	font-size: 15px
}

.order_code {
	padding: 5px;
	border: 1px solid #dfdfdf;
	text-align: center
}

.text_date {
	color: #0080c0;
	font-size: 16px;
	font-weight: 700
}

.product_center {
	z-index: 2;
	margin-bottom: 2px;
	overflow: hidden;
	position: relative;
	margin-top: 5px
}

.product_center .container {
	width: 960px;
	height: 130px;
	overflow: hidden;
	position: relative
}

.product_center .slides {
	position: absolute;
	top: 0;
	left: 0
}

.product_center .slides>div {
	position: absolute;
	top: 0;
	width: 960px;
	display: none
}

.product_center p {
	padding: 0
}

.product_center ul.pagination {
	padding: 5px;
	float: right
}

.product_center ul.pagination li {
	float: left;
	list-style: none
}

.product_center ul.pagination a {
	display: block;
	overflow: hidden;
	background: #f3f3f3;
	margin-right: 2px;
	line-height: 20px;
	height: 20px;
	width: 20px;
	text-align: center
}

.product_center ul.pagination li.active a {
	background: #b5b5b5;
	color: #fff
}

.product_center .slides .items {
	display: block;
	width: 150px;
	float: left;
	height: 120px;
	margin-right: 10px;
	text-align: center
}

.product_center .slides .items img {
	height: 80px;
	border: 1px solid #DFDFDF;
	padding: 2px
}

.block-nobg .title_adv {
	background: url(../images/dot_gray.gif) center repeat-x
}

.frame {
	padding: 20px;
	text-align: center
}

.search {
	border: 1px solid #ebebeb;
	padding: 5px;
	margin-bottom: 5px
}

.search .input {
	width: 200px
}

.search .rows {
	line-height: 25px
}

.search .rows label {
	width: 180px;
	display: inline-block
}

.result-frame .result-content {
	margin-bottom: 5px;
	border-bottom: 1px dotted silver;
	padding-bottom: 5px
}

.result-frame .result-content img {
	margin-right: 5px;
	border: 1px solid #e6e6e6;
	padding: 2px
}

.result-frame .linktitle {
	color: #0080c0;
	line-height: 22px;
	font-weight: 700
}

.result-frame .keyword {
	background: #ff0
}

.search .date {
	background: url(../images/shops/date.png) center no-repeat;
	border: 0;
	margin: auto;
	padding: 4px 10px
}

.divbg {
	background: #F9F9F9;
	line-height: 28px;
	margin-top: 10px;
	padding: 0 10px;
	font-size: 14px
}

#products .tip {
	color: #fff;
	background: #1d1d1d;
	display: none;
	padding: 10px;
	position: absolute;
	z-index: 3000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 250px;
	text-align: left
}

#products .tip img {
	margin-right: 10px;
	float: left
}

.title_shop {
	color: #000;
	font-weight: 700;
	text-align: left;
	display: block
}

.no-wrap {
	white-space: nowrap
}

.post-product h2 {
	border-bottom: 1px #D8D8D8 solid
}

.txt-full {
	width: 99%
}

.title_group {
	margin-bottom: 10px;
	border-bottom: 1px #e8e8e8 solid;
	line-height: 20px
}

.info-require {
	color: red;
	font-size: 11px;
	font-style: italic
}

.span-require {
	color: red;
	font-style: italic
}

.post-error {
	border: 1px solid #FFAAD5;
	margin: 0 auto 10px;
	background: #FFD2E9;
	padding: 10px
}

.post-error span {
	color: red;
	font-weight: 700
}

.post-product .show-date {
	vertical-align: middle
}

.ddsmoothmenu-h li,
.ddsmoothmenu-v li,
.ddsmoothmenu-v ul,
ddsmoothmenu-h ul {
	list-style: none;
	margin: 0
}

.rows3 td {
	padding: 1px
}

.error {
	color: red
}

img.calendar {
	vertical-align: middle
}

.bsss {
	background: #FFF;
	border: none;
	color: #5C5C5C;
	cursor: pointer
}

.compare {
	margin-bottom: 10px
}

.tabs .nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: 400;
	font-variant: normal;
	font-family: icomoon;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -.25em .4em 0 0
}

.content section {
	font-size: 1.25em;
	padding: 2px 1px;
	display: none;
	max-width: 1230px;
	margin: 0 auto
}

.content section:after,
.content section:before {
	content: '';
	display: table
}

.content section:after {
	clear: both
}

.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da
}

.content section.content-current {
	display: block
}

@media screen and (max-width: 52.375em) {
	.tabs .nav a span {}

	.tabs .nav a:before {
		margin-right: 0
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px;
		font-size: 90%
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%
	}

	.mediabox h3 {
		margin-top: 0
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px)
	}

	.mediabox:after,
	.mediabox:before {
		content: '';
		display: table
	}

	.mediabox:after {
		clear: both
	}
}

@media screen and (max-width: 32em) {

	.tabs .nav ul,
	.tabs .nav ul li a {
		width: 100%;
		padding: 0
	}

	.tabs .nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px
	}

	.tabs .nav ul li:last-child {
		border-right: none
	}

	.mediabox {
		text-align: center
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%
	}

	.mediabox h3 {
		margin: 1.25em 0 1em
	}

	.mediabox p {
		margin: 0
	}
}

.info_pro {
	position: absolute;
	top: 5px;
	left: 5px
}

.newday {
	display: block;
	text-transform: uppercase
}

#coupons_info {
	margin-top: 6px
}

.select2-selection {
	height: 32px !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 2px
}

.order_shipping_info li {
	margin: 8px 0
}

.ajax-load-qa {
	background: url(../images/shops/ajax-loader.gif) center center no-repeat rgba(255, 255, 255, .5);
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.thumbnail .caption h3 {
	font-size: 14px
}

.info_icon:before {
	font-family: FontAwesome;
	color: #1E91CF;
	font-size: 14px;
	content: "\f05a"
}


.form-review {
	font-size: 13px
}

.form-review .pagination {
	margin-top: 2px
}

.form-review .pagination>li>a {
	padding: 1px 5px;
	font-size: 12px
}

.form-review .review_row {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px
}

.form-review .border {
	padding: 0 10px
}

.form-review .border-right {
	border-right: 1px solid #ddd
}

.rate-ex2-cnt {
	width: 150px;
	height: 30px
}

.rate-ex2-cnt .rate-btn {
	width: 30px;
	height: 30px;
	float: left;
	background: url(../images/shops/rate/rate-btn2.png) no-repeat;
	cursor: pointer
}

.rate-ex2-cnt .rate-btn-active,
.rate-ex2-cnt .rate-btn-hover,
.rate-ex2-cnt .rate-btn:hover {
	background: url(../images/shops/rate/rate-btn2-hover.png) no-repeat
}

.rate-result-cnt {
	width: 82px;
	height: 18px;
	position: relative
}

.rate-bg,
.rate-stars {
	height: 18px;
	position: absolute
}

.rate-stars {
	width: 82px;
	background: url(../images/shops/rate/rate-stars.png) no-repeat
}

.rate-bg {
	background-color: #ffbe10
}

.star-icon {
	width: 17px;
	height: 17px;
	background: url(../images/shops/rate/rate-btn3-hover.png) no-repeat;
	float: left
}

.docpay div {
	line-height: 25px
}

.docpay div strong {
	width: 120px;
	display: inline-block
}

#group_error {
	color: #C00;
	font-style: italic;
	padding: 5px;
	border: 1px dashed #C00;
	margin: 5px 0;
	display: none
}

.relates_product .item,
.relates_product .item .s_img {
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	padding: 0
}

.download {
	border-bottom: dashed #DDD 1px;
	line-height: 35px
}

.download,
.download a {
	font-size: 13px
}

.btn-transparent {
	background: 0 0;
	border: none;
	box-shadow: none
}

/* Block list_subcategory */
ul.list_subcategory {
	padding: 0px;
	margin: 0 0 1rem;
	position: sticky;
	top: 0;
	z-index: 9;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background-color: white;
}

ul.list_subcategory li {
	position: relative;
	padding: 0;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.list_subcategory li a {
	padding: 0.5rem 1rem;
	display: block;
	border: 1px solid #d8d8d8;	
	color: var(--brand-main-color);
	text-align: center;
	margin: 0.2rem;
	font-weight: 700;
}

ul.list_subcategory li a:hover,
ul.list_subcategory li.current a {
	color: white;
	background-color: var(--brand-main-color);
}

ul.list_subcategory ul {
	padding: 0px;
	margin: 0;
	position: relative;
}

ul.list_subcategory ul li {
	padding: 0px;
	margin: 0;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.list_subcategory ul li a {
	padding: 5px 30px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #dfdfdf;
}

ul.list_subcategory ul li:last-child a {
	border-bottom: 0;
}

ul.list_subcategory ul li a:hover,
ul.list_subcategory li.current ul li a:hover,
ul.list_subcategory ul li.current a,
ul.list_subcategory li.current ul li.current a {
	color: #0088cf;
}

ul.list_subcategory li.current ul li a {
	color: #333;
}


@media (max-width: 499px) {

	.main_procate .s_list .item .item_img,
	.view_gird .s_list .item .item_img {
		height: auto;
	}

	.main_procate .s_list .item .item_img img,
	.view_gird .s_list .item .item_img img {
		max-height: auto;
	}
}

.relates_product {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%
}

.relates_product .item {
	margin: 0 auto 20px;
	border: 1px solid #ebebeb
}

.relates_product .item .s_img {
	height: 150px;
	overflow: hidden;
	margin: 0 auto 10px
}

.relates_product .item .s_img img {
	bottom: auto;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle
}

.relates_product .item .s_info {
	position: relative;
	height: 150px;
	margin: 2px;
	overflow: hidden;
	font-size: 12px
}

.relates_product .item .s_info h3 {
	position: relative;
	margin: 0;
	font-weight: 700;
	padding: 0;
	text-transform: uppercase;
	line-height: 20px;
	font-size: 18px;
	height: 40px;
	overflow: hidden;
	width: 100%
}

.relates_product .item .s_info .content {
	position: relative;
	margin: 0;
	text-align: center;
	padding: 0;
	width: 100%
}

.relates_product .item .s_info .content .money {
	margin: 0;
	padding: 0
}

.mz-expand a {
	display: none !important;
}
@media (max-width: 1366px) {
	.view_gird .s_list .item .item_img {
		height: auto;
	}
}

@media (max-width: 1200px) {
	.detail .prd_top .carousel-item {
		width: 100%;
	}

	.detail .prd_top .carousel-item img {
	}
}

@media (max-width: 767px) {
	.view_gird {
		margin: 0 0 0.5rem;
	}
	

	.view_gird .s_content iframe {
		max-width: 100%;
		height: auto;
	}

	img {
		max-width: 100%;
		height: auto;
	}
	.price {
		margin-top: 10px;
	}
	.view_gird .s_list .item .item_content {
		padding: 0px;
		font-size: 12px;
	}
	.view_gird .s_list .item .item_content .prdinfo {
		margin: 0;
	}

.view_gird .s_list .item .item_content .title {
	letter-spacing: 0px;
	line-height: 17px;
}
	.view_gird .s_list .item .item_img {
		height: auto;
	}

	.detail .nav {
		display: flex;
	}

	.detail .prd_top .carousel-indicators img {
		height: 40px;
	}
.detail .s_info .showbtn{
	font-size: 14px;
}
	.detail .s_info .showbtn .btn-site,
	.detail .s_info .showbtn a.btn-site {
		border-radius: 2.5rem;
		padding: 10px 5px;
	}

	.detail .nav>li>a {
		position: relative;
		display: block;
		padding: 2px 5px;
	}

	.detail .tabs .nav a span {
		font-size: 12px;
	}

	.detail .showtabs .nav-tabs .nav-item {
		margin-right: 1rem;
	}

	.detail .showtabs .nav-tabs {
		flex-wrap: nowrap;
	}
	
	.detail .showtabs .nav-tabs .nav-link {
		font-size: 16px;
	}

	ul.list_subcategory {
		background-color: transparent;
		position: relative;
		top: unset;
	}

	ul.list_subcategory li {
		width: 50%;
	}

	
}