
/* @font-face {
    font-family: UTMHELVETINS;
	src: url('font/UTM HELVETINS_0.woff') format('woff'),
       url('font/UTM HELVETINS_0.ttf') format('truetype');
} */

.margin-top-10px {
    margin-top: 10px;
	text-transform: uppercase
}

.icon-v2 {
    display: inline-block;
    background: transparent url(./images/common/icon.png) no-repeat;
}


.icon-v2-prev {
    background-position: -183px -87px;
    width: 28px;
    height: 56px;
    opacity : 0.5;
}

.icon-v2-prev:hover {
    background-position: -115px -87px;
    width: 28px;
    height: 56px;
    opacity : 1;
}

.icon-v2-next {
    background-position: -146px -87px;
    width: 28px;
    height: 56px;
    opacity : 0.5;
}

.icon-v2-next:hover {
    background-position: -78px -87px;
    width: 28px;
    height: 56px;
    opacity : 1;
}
/** BOE Fix css for new, sale, instock icons @rcv!le.quan #201609.19 #28316 2016/10/03 */
.icon-v2-new {
    /**
    background-position: -219px -3px;
    width: 31px;
    height: 16px;
    */
    background-position: -219px -2px;
    width: 32px;
    height: 17px;
    position: relative;
    /*set z-index #201702.12 @rcv!phan.tinh */
    z-index: 1;
}

.icon-v2-salse {
    background-position: -219px -40px;
    width: 31px;
    /**
    height: 16px;
    */
    height: 17px;
    position: relative;
    z-index: 1;
}

.icon-v2-in-stock {
    background-position: -219px -21px;
    width: 46px;
    /**
    height: 16px;
    */
    height: 17px;
    position: relative;
    z-index: 1;
}
/** EOE @rcv!le.quan #201609.19 #28316 2016/10/03 */
.no-opacity {
    opacity: 1 !important;
}

.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}
 
.owl-theme .owl-buttons i{
  margin-top: 2px;
}

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
    left: -6px;
    top: 88px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
    right: -6px;
    top: 88px;
}

.owl-theme .owl-controls .owl-buttons div {
   color : transparent!important;
    padding : 0!important;
    border-radius : 0!important;
    background : transparent!important;
    opacity : 1!important;
}


.owl-theme .owl-controls {
    margin-top: 0px;
}

.no-bold {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.upper {
    text-transform: uppercase;
}

.class-hide {
    display: none;
}


/*START GPS AREA */

.gps-area {
	line-height: 15px;
    padding: 5px 0 10px;
    display: block;
    margin-bottom: 5px;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gps-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gps-area ul>li {
    display: block;
    position: relative;
    float: left;
    max-width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8d8d8d;
}
.gps-area ul>li>a {
    font-size: 12px;
    color: #8d8d8d;
}
.gps-area ul>li>a:focus, .gps-area ul>li>a:hover {
    color: #e61e25;
    text-decoration: blink;
}

.gps-area ul>li+li:before {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 15px;
    line-height: .8;
    content: "\203A";
    float: left;
}

/*END GPS AREA */

/*START MODEL HEADER AREA */
.model-header {
    min-height: 220px;
    margin-bottom: 5px;
}

.model-header .title {
    float: left;
}
.model-header .title h1 {
    padding: 15px 0 11px 0;
   font-size: 24px;
}
.second-breadcrumb {
	font-weight: normal;
    width: 462px;
    display: inline;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    font-size: 20px;
}

.model-header .bike-like{
    float: right;
    margin-top: 9px;
    /* BOE Add model forum block  @rcv!doan.nhan #201709.08 2017/09/20 */
    margin-left: 20px;
    /* EOE Add model forum block  @rcv!doan.nhan #201709.08 2017/09/20 */
}

.model-header .bike-like a{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    padding: 3px 12px;
    line-height: 23px;
}
.model-header .bike-like a span{
    font-size: 12px;
    font-weight: normal;
}
.model-header .bike-like a em{
    float: left;
    margin-right: 5px;
}

.model-header .bike-like a:hover em {
    background: url('./images/common/icon.png') no-repeat 0 -52px;
    width: 32px;
    height: 25px;
}

.model-header hr { 
	border-top: 1px solid #E61F26;
    border-bottom: 0;
}

.model-header .body-model {
    margin: 20px 0 0 0;
    max-height: 285px;
}

.model-header .left {
    float: left;
    min-height: 280px;
    width: 320px;
}
.model-header .left .img {
    width: 318px;
    height: 250px;
    text-align: center;
     border: 1px solid #DFDFDF;
    position: relative;
}
.model-header .left .img .favorite {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-transform: uppercase;
}

.model-header .left .img .photo-desc {
    z-index: 10;
    position: relative;
    margin: auto;
}
.model-header .left .img .photo-desc a {
   display: inline-block;
   color: white;
   text-transform: uppercase;
    height: 30px;
    background-color: rgba(19,36,50,.9);
    transition: all .5s ease;
    opacity: 0.6;
    border: 2px solid #cbcbcc;
    padding: 0 10px;
    min-width: 75px;
    text-decoration: none;
}

.model-header .left .img .photo-desc span{
    line-height: 30px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    float: none;
    padding: 0;
}
.model-header .left .img .photo-desc em {
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}

.model-header .left img {
    max-width: 318px;
    max-height: 250px;
   
}

.model-header .left span.provided{
    float: right;
    padding-top: 5px;
    font-size: 11px;
    color: #767676;
    font-style: italic;
}
.model-header .right {
    float: right;
    min-height: 280px;
    width: calc(100% - 340px);
}

.model-header .tips {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 20px 0;
}
.model-header .left .tips {
	display: inline-block;
	margin-top: 8px;
	width: 100%;
	height: 32px;
}
.model-header .tips span {
    color: #e61e25;
}
.model-header .tips a{
	text-decoration: none;
	border-bottom: 2px solid #797979;
}
.model-header .title-best {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #ECECEC;
    height: 32px;
    line-height: 32px;
}

.model-header .shadow {
  /*-webkit-box-shadow: 0 8px 6px -8px #777;
  -moz-box-shadow:    0 8px 6px -8px #777;
  box-shadow:         0 8px 6px -8px #777;*/
  /* box-shadow: 0 4px 0px -2px #777; */
  border-bottom: 1px solid #CBCBCB;
}

.model-header .box-brand {
    width: calc(33% - 5px);
    height: 170px;
    overflow: hidden;
    border: 1px solid #E3E3E3;
    padding: 0;
    float: left;
    margin-top: 10px;
}
.model-brand-photo {
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	position: relative;
	border: 1px solid #E3E3E3; 
}
.model-brand-photo .banner {
    width: 100%;
    height: 220px;
    background-color: #202732;
    display: table;
    text-align: center;
    vertical-align: middle;
}

.model-brand-photo .banner a {
    width: 100%;
    margin: auto;
    height: 220px;
    display: table-cell;
    vertical-align: middle;
}

.model-brand-photo img.photo{
	max-height: 220px;
	max-width: 660px;
}

.model-brand-photo a.btn-official{
	position: absolute;
    right: 7px;
    margin-top: -39px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    background-color: #0274cf;
    border: 2px solid #ffffff;
}
.model-brand-photo a.btn-official:hover {
	background-color: #004c89;
}

em.sprite-global {
	float: left;
	margin-right: 4px;
}
.model-brand-photo .brand-desc {
	height: 80px;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #000000;
	line-height: 17px;
	width: 100%;
	display: table;
}

.brand-with-text {
    overflow: hidden;
    position: relative;
    line-height: 17px;
    max-height: 52px;
    text-align: justify;
    width: 100%;
    margin: auto;
    padding-right: 10px;
    font-size: 13px;
    color: #000000;
    display:table-cell;
    vertical-align: middle;
    height: 80px;
    padding: 0 10px;
}
.brand-with-text span.text {
    max-height: 68px;
    overflow: hidden;
    display: block;
}
.box-brand .item {
    width: calc(100% - 20px);
    padding: 15px 10px 12px 10px;
}
.box-brand .brand {
     width: 100%;
}
.box-brand .brand img {
    float: left;
    max-width: 96px;
    max-height: 45px;
    border: 1px solid #B2B2B2;
}
.box-brand .product-rate {
    float: left;
    max-width: 95px;
    text-align: center;
    margin: auto;
    font-size: 12px;
}
.box-brand .rate-review {
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #333333;
}
.box-brand .product-rate em {
    display: inline-block;
    margin-top: 2px;
}
.box-brand .product-rate .cnt_rv {
	color: #0066c0!important;
	font-size: 12px;
}
.box-brand .best-product {
    height: 24px;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    background-color: #EFEFEF;
    line-height: 24px;
    margin: 15px 0 10px 0;
}
.box-brand .best-product span {
    padding-left: 10px;
}

.box-brand .product img {
    float: left;
    max-width: 42px;
    max-height: 42px;
    border: 1px solid #DFDFDF;
}
.box-brand .product-text {
    float: left;
    max-width: calc(70%);
    text-align: left;
    font-size: 12px;
    padding-left: 10px;
    display: table-row;
    line-height: 14px;
}

.box-brand .product-text .pd-name{
    height: 44px;
    display: table-cell;
    vertical-align: middle;
}
.box-brand .product-text span.price {
    color: #CF0008;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    line-height: 20px;
}
.model-header .margin-left7 {
    margin-left: 7px;
}

.v2-thumbnail {
    width: 20px;
    height: 20px;
    background-position: -1px -113px;
}

.v2-review-single {
    width: 16px;
    height: 13px;
    background-position: -149px -73px;
}
/*END MODEL HEADER AREA */


/* START ICON */
.sprite-middle-stand {
    background: url('./images/common/icon.png') no-repeat -64px -121px;
    width: 1px;
    height: 20px;
    margin-top: 8px;
}

.sprite-new-product {
    background: url('./images/common/icon.png') no-repeat 0 -81px;
    width: 32px;
    height: 31px;
}

.sprite-mybike-hover {
    background: url('./images/common/icon.png') no-repeat 0 -52px;
    width: 32px;
    height: 25px;
}

.sprite-mybike {
    background: url('./images/common/icon.png') no-repeat 0 -25px;
    width: 32px;
    height: 25px;
}

.sprite-motobike {
    background: url('./images/common/icon.png') no-repeat -4px -6px;
    width: 24px;
    height: 13px;
}

.sprite-arrow-yellow {
    background: url('./images/common/icon.png') no-repeat -4px -6px;
    width: 24px;
    height: 13px;
}

.sprite-start {
    background: url('./images/common/icon.png') no-repeat -150px -73px;
    width: 16px;
    height: 14px;
}

.sprite-arrow-compact {
    background: url('./images/common/icon.png') no-repeat -39px -48px;
    width: 10px;
    height: 10px;
}

.sprite-arrow-compact-white {
    background: url('./images/common/icon.png') no-repeat -43px -80px;
    width: 10px;
    height: 10px;
}
.sprite-arrow-down {
    background: url('./images/common/icon.png') no-repeat -40px -59px;
    width: 10px;
    height: 10px;
}

.sprite-arrow-up {
    background: url('./images/common/icon.png') no-repeat -40px -72px;
    width: 9px;
    height: 6px;
}

.sprite-arrow-douple-right {
    background: url('./images/common/icon.png') no-repeat -37px -23px;
    width: 10px;
    height: 10px;
}

.sprite-arrow-douple-right-yellow {
    background: url('./images/common/icon.png') no-repeat -40px -41px;
    width: 7px;
    height: 7px;
}
.sprite-rating-0 {
    background: url('./images/common/icon.png') no-repeat -77px -73px;
    width: 65px;
    height: 12px;
}
.sprite-rating-05 {
    background: url('./images/common/icon.png') no-repeat -148px -59px;
    width: 65px;
    height: 12px;
}
.sprite-rating-10 {
    background: url('./images/common/icon.png') no-repeat -77px -59px;
    width: 65px;
    height: 12px;
}
.sprite-rating-15 {
    background: url('./images/common/icon.png') no-repeat -148px -45px;
    width: 65px;
    height: 12px;
}
.sprite-rating-20 {
    background: url('./images/common/icon.png') no-repeat -77px -45px;
    width: 65px;
    height: 12px;
}
.sprite-rating-25 {
    background: url('./images/common/icon.png') no-repeat -148px -31px;
    width: 65px;
    height: 12px;
}
.sprite-rating-30 {
    background: url('./images/common/icon.png') no-repeat -77px -31px;
    width: 65px;
    height: 12px;
}
.sprite-rating-35 {
    background: url('./images/common/icon.png') no-repeat -148px -17px;
    width: 65px;
    height: 12px;
}
.sprite-rating-40 {
    background: url('./images/common/icon.png') no-repeat -77px -17px;
    width: 65px;
    height: 12px;
}

.sprite-rating-45 {
    background: url('./images/common/icon.png') no-repeat -148px -3px;
    width: 65px;
    height: 12px;
}

.sprite-rating-50 {
    background: url('./images/common/icon.png') no-repeat -77px -3px;
    width: 65px;
    height: 12px;
}

.sprite-start-sale {
    background: url('./images/common/icon.png') no-repeat -37px -93px;
    width: 14px;
    height: 14px;
}

.sprite-start-sale-hover {
    background: url('./images/common/icon.png') no-repeat -37px -109px;
    width: 14px;
    height: 14px;
}

.sprite-global {
	background: url('./images/common/icon.png') no-repeat -221px -60px;
	width: 16px;
	height: 16px;
}
.sprite-second-breadcrumb {
	background: url('./images/common/icon.png') no-repeat -221px -80px;
	width: 11px;
	height: 18px;
}
/*END ICON*/

/*Button*/

.new-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #0274cf;
    border-color: #2e6da4;
}
a.btn-primary:HOVER {
	background-color: #004c89;
}

.clear-all {
    clear: both;
}

/*END Button*/

/* NABAR*/
.navbar-block {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    color: #ffffff;
    background: #4d4d4d;
    border-top-right-radius : 3px;
    border-top-left-radius : 3px;
    padding: 0 12px;
    font-size: 16px;
}

.blc-paginate {
    float: right;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

a.navbar-link {
    float: right;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}

a.navbar-link:hover,
a.navbar-link:hover span,
a.navbar-link:hover span.count {
    color: #edcc1e;
}

a.navbar-link em {
    float: right;
    margin-top: 13px;
    margin-left: 3px;
}
a.navbar-link span.count {
	font-weight: normal;
	color: #afafaf;
}
.block-model {
    width: 100%;
    float: right;
    overflow: hidden;
    display: block; 
    border-top: 0;
    position: relative;
    margin-top: 20px;
    border-radius: 4px;
}
.model-body {
	border: 1px solid #dedede;
}
/* START BRANDS*/
.brands-inner {
    width: 100%;
    padding: 15px 10px 15px 10px;
    position: relative;
}
.brands-inner .over {
	display: none!important;
}
.brands-inner .brands-item {
     width: 132px;
     float: left;
     height: 112px;
     display:table-row;
     margin: 0px 0px 20px 11px;
     text-align: center;
}
.brands-inner .brands-item .text {
    display: block;
    padding: 10px 10px 0 10px;
    text-align: center;
    font-weight: bold;
}

.brands-inner .brands-item .rate {
    padding-top: 5px;
    display: inline-block;
    text-align: center;
}
.brands-inner .brands-item .bottom {
    width: 100%;
    height: 27px;
    -moz-box-shadow:  0px 3px 5px -1px #ccc;
    -webkit-box-shadow:  0px 3px 5px -1px #ccc;
    box-shadow: 0px 3px 5px -1px #ccc;
    border-top: none;
}
.brands-inner .brands-item span{
    font-size: 12px;
    color: #767676;
    font-weight: bold;
}
.brands-inner .brands-item .rate em {
    float: left;
    margin-right: 3px;
}

.brands-inner .brands-item .logo {
    width: 130px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.brands-inner .brands-item .logo img {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.block-model .view-more {
    float: right;
    padding-right: 20px;
    margin-top: -5px;
    text-decoration: none;
    position: absolute;
    bottom: -7px;
    width: 90px;
    right: 20px;
    z-index: 11;
}

.block-model .view-more a {
    color: #0066c0;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    right: 10px;
}
/* END BRANDS*/

/* START Newest Customer Reviews */

.reviews-inner {
    width: calc(100% - 18px);
    padding: 15px 15px 15px 2px;
}
.reviews-inner .item {
    width: calc(50% - 12px);
    float: left;
    margin-left:12px;
    overflow: hidden;
    border: 0;
    padding: 0;
    min-height: 130px;
    background-color: #f1f1f1;
}
.reviews-inner .mid-item {
	height: 15px;
	width: 100%;
	clear: both;
}
.reviews-inner .item .desc {
    float: left;
    width: calc(100% - 140px);
    min-height: 130px;
    background-color: #f1f1f1;
    position: relative;
}
.category-top-review .reviews-inner .item .desc {
	width: calc(100% - 104px)!important;
}
.reviews-inner .item .desc .content {
    margin: 10px 0px 7px 10px;
	display: table;
	height: 112px;
	min-height: 112px;
	width: 100%;
}
.reviews-inner .content em {
    float: left;
    margin-bottom: 10px;
}
.reviews-inner .content .tips {
    font-size: 12px;
    height: 36px;
    overflow: hidden;
    display: table-row;
    color: #767676;
}
.reviews-inner .content .tips span.text{
	display: block;
    overflow: hidden;
    max-width: 97%;
    height: 48px;
}
.reviews-inner .content a.read-more {
    color: #0066c0;
    font-weight: bold;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.reviews-inner .content .read-more-content {
    width: 210px;
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}
.reviews-inner .item .desc h3 {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 8px;
}
.reviews-inner .item .desc h3 a {
	color: #4c4c4c;
}
.reviews-inner .item .desc h3 a:hover {
    color: #e9565b;
    text-decoration: none;
}
.reviews-inner .item .left {
    float: left;
}
.reviews-inner .item .photo {
    border: 3px solid #dfdfdf;
    width: 124px;
    height: 124px;
    display: table-cell;

    text-align: center;
    vertical-align: middle;
	position: relative;
    background-color: #515151;
}


.reviews-inner .item .photo img {
	max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
	bottom :0;
}
.reviews-inner .item .left .photo-desc {
    height: 28px;
    background-color: #515151;
    transition: all .5s ease;
    opacity: 0.6;
    z-index: 10;
    margin-top: -31px;
    width: 124px;
    margin-left: 3px;
    
    line-height: 28px;
}


.reviews-inner .item .left a.desc-tips {
    padding-left: 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-top: -20px;
    z-index: 20;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 115px;
    overflow: hidden;
}
.reviews-inner .item .left a.desc-tips em {
    float: left;
	margin: 0px -3px 0 5px;
}

.goog-te-gadget-link {
    padding: 4px 7px;
    font-size: 11px;
    background: #0f75cf;
    color: #ffffff!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    display: inline-block;
    min-width: 20px;
    text-align: center;
    border: 1px solid #004f95;
}
.goog-te-gadget-link:hover {
    text-decoration: none;
    background: #0f75cf;
}
/* END Newest Customer Reviews */

/**/
.recently-view-products {
    width: 100%;
    padding: 32px 0;
}

.recently-view-products h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

/**/
aside.v2-blc-product ul li .photo-tips{
    height: 18px;
    position: absolute;
    /*set z-index #201702.12 @rcv!phan.tinh */
    z-index: 199;
    width: 100%;
    text-align: center;
    background-color: #000;
    transition: all .5s ease;
    opacity: 0.7;
    display: none;
    bottom: 0;
}

aside.v2-blc-product ul li:hover .photo-tips{
    display: block!important;
}

.v2-blc-product .photo-tips a {
    color: white;
    line-height: 18px;
    text-decoration: none;
}

.v2-blc-product .photo-tips a span {
    color: #fff;
}


.v2-blc-product .photo-tips a > em {
    float: left;
    margin-right: 3px;
    background: url('./images/common/icon.png') no-repeat -37px -93px;
    width: 14px;
    height: 14px;
}
.v2-blc-product .save-product {
    margin: auto;
    min-width: 40px;
    display: inline-block;
    position: relative;
}
.v2-blc-product .photo-tips a:hover > em {
    float: left;
    margin-right: 3px;
    background: url('./images/common/icon.png') no-repeat -37px -109px;
    width: 14px;
    height: 14px;
}

.v2-blc-product .photo-tips a:hover > span {
    color: #ffff00;
}

.v2-blc-product .saved {
    display: block!important;
}

/*start left sidebar*/
aside.v2-side-bar {
    float: left;
    width: 236px;
    height: auto;
    font-family: Arial!important;
}

aside.v2-side-bar .count {
    color : #bfbfbf;
    font-weight: normal; yu
}
aside.v2-side-bar .blc-browse-category ,aside.v2-side-bar .blc-popular-product {
    border: 1px solid #dedede;
    border-top: 2px solid #e61e25;
    margin: 0px 0px 14px 0px;
}

aside.v2-side-bar .blc-browse-category .title , aside.v2-side-bar .blc-popular-product .title {
    height  :  42px;
    color   :   #333;
    vertical-align: middle;
    padding : 0 10px 0 10px;
    border-bottom : 1px solid #dedede;
    font-size : 16px;
    font-weight: bold;
    line-height : 40px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

aside.v2-side-bar .blc-browse-category .blc-category {
    padding : 10px 5px 5px 5px;
}

aside.v2-side-bar .blc-browse-category .blc-category:first-child {
    padding : 10px;
}

aside.v2-side-bar .blc-browse-category .blc-category .title  {
    height : 30px;
    background-color : #838383;
    color : #fff;
    line-height : 30px;
}

aside.v2-side-bar .blc-browse-category .blc-category .title a {
    display: block;
    width: 94%;
    float: left;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

aside.v2-side-bar .blc-browse-category .blc-category .parent-colspan {
    background-position: -57px -57px;
    width: 11px;
    height: 9px;
    float: right;
    margin-top: 10px;
    cursor : pointer;
}

aside.v2-side-bar .blc-browse-category .blc-category .parent-expand {
    background-position: -37px -124px;
    width: 11px;
    height: 13px;
    float: right;
    margin-top: 10px;
    cursor : pointer;
}


aside.v2-side-bar .blc-browse-category .blc-category .expand {
    background-position: -40px -10px;
    display: inline-block;
    width: 7px;
    height: 10px;
    position: absolute;
}

aside.v2-side-bar .blc-browse-category .blc-category .colspan{
    background-position: -40px 2px;
    display: inline-block;
    width: 7px;
    height: 10px;
    cursor: pointer;
}

aside.v2-side-bar .blc-browse-category .blc-category .categories-selected{
    color: #e83940;
}

aside.v2-side-bar .blc-browse-category .blc-category ul {
    background-color : #f2f2f2;
    margin : 0px;
    padding : 0px;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li {
    margin: 0px 10px 0px 10px;
    list-style: none;
    border-bottom: 1px dotted  #b9b9b9;
    padding: 8px 0px 10px 0px;
    box-sizing : border-box;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li a:hover {
    color: #e83940;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li a:hover span {
    color: #e83940;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li:last-child {
    border-bottom: none;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li a{
    font-size : 13px;
    font-weight : 700;
    text-decoration: none;
    color : #000;
    padding-left: 10px;
    display: inline-block;
    font-family: Arial;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li ul {
    border-top: 1px dotted #b9b9b9;
    margin: 5px 0px 4px 0px;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li ul li{
    border-bottom: none;
    padding : 14px 0px 0px 0px;
}

aside.v2-side-bar .blc-browse-category .blc-category ul li ul li a{
    font-weight : normal;
}

/*start block popular*/
aside.v2-side-bar .blc-popular-product .product{
    margin: 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
}

aside.v2-side-bar .blc-popular-product .product a:hover{
    text-decoration: underline;
}
aside.v2-side-bar .blc-popular-product .product a:hover span{
    text-decoration: underline;
}

aside.v2-side-bar .blc-popular-product .product .frame{
    max-height: 146px ;
    overflow: hidden;
    width: 100%;
}

aside.v2-side-bar .blc-popular-product .product .frame img{
    max-width: 100%;
    height: auto;
    margin: 0px auto;
    display: block;
}

aside.v2-side-bar .blc-popular-product .product .detail {
    background: #f5f5f5;
    padding: 10px 0px 10px 0px;
    width: 100%;
    display: inline-block;
    height: 44px;
}

aside.v2-side-bar .blc-popular-product .product .detail .number {
    font-size: 24px;
    float: left;
    width: 41px;
    text-align: center;
    padding-top : 12px;
    color: #808080;
    font-family: UTMHELVETINS !important;
}

aside.v2-side-bar .blc-popular-product .product .detail .rating {
    color: #ff6600;
    font-family: UTMHELVETINS !important;
}


aside.v2-side-bar .blc-popular-product .product .dashed {
    float: left;
    width: 2px;
    background-position: -63px -73px;
    height: 44px;
}

aside.v2-side-bar .blc-popular-product .product  .detail .info {
    float: right;
    width: 160px;
}

aside.v2-side-bar .blc-popular-product .product .detail .info .info-title {
    height: 25px;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #767676;
    cursor: pointer;
    font-weight: bold;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

aside.v2-side-bar .blc-popular-product .product .detail .info .reviews {
    font-size: 14px;
    font-weight: bold;
    /* BOE Fix UI @rcv!le.quan #201609.19 #28316 2016/10/03 */
    /*
    background: transparent url(./images/common/icon.png) no-repeat -150px -74px;
    margin-top: 5px;
    padding-left: 20px;
    */
    /* EOE @rcv!le.quan #201609.19 #28316 2016/10/03 */
}

aside.v2-side-bar .blc-popular-product .product .detail .info .reviews .review {
    font-weight: normal;
    color: #0067c0;
    font-size: 12px;
	background : #f5f5f5;
}

/*end block popular*/


/*start css recently viewed products*/
aside.v2-recently-viewed {
    height: 296px;
    min-width: 1000px;
    width:100%;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    border-top: 1px solid #ce0108;
    font-family: Arial!important;
    margin: 0 auto;
}


aside.v2-recently-viewed ul {
    float: left;
    margin: 0px;    
    padding: 0px;
    /*padding: 10px 5px 10px 5px;*/
    height: 100%;
}


aside.v2-recently-viewed ul li {
    float: left;
    list-style: none;
    padding: 10px;
    width: calc(100% - 23px);
    height: 256px;
}

aside.v2-recently-viewed ul li .product {
	width: 100%;
}

aside.v2-recently-viewed ul li .product .frame{
    height: 144px ;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e2e2e2;
    position: relative;
}

aside.v2-recently-viewed ul li .product .frame img{
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
    max-height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

aside.v2-recently-viewed ul li .product .detail {
    margin-top:  10px;
}

aside.v2-recently-viewed ul li .product .detail .info-title {
    height: 25px;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    white-space: normal;
    text-overflow: ellipsis;
    color: #262626;
    font-weight: 700;
    cursor: pointer;
}

aside.v2-recently-viewed ul li .product .detail .info-title:hover {
    color: #ce0108;
}

aside.v2-recently-viewed ul li .product .detail .price {
    color: #a80820;
    font-weight: 700;
    display: block;
    margin-top: 6px;
    font-size: 15px;
}

aside.v2-recently-viewed ul li .product .detail .save {
    color: #979797;
    font-size: 10px;
    display: block;
    margin-top: 10px;
    font-size: 13px;
    text-decoration : line-through;
}

aside.v2-recently-viewed ul li .product .detail .reviews {
    font-size: 12px;
    font-weight: bold;
    /* BOE Fix UI @rcv!le.quan #201609.19 #28316 2016/10/03 */
    /*
     background: transparent url(./images/common/icon.png) no-repeat -150px -74px; 
     margin-top: 10px;
     padding-left: 20px;
     */
    /* EOE @rcv!le.quan #201609.19 #28316 2016/10/03 */
}

aside.v2-recently-viewed ul li .product .detail .reviews .review {
    font-weight: normal;
    color: #0067c0;
}

aside.v2-recently-viewed .owl-carousel .owl-wrapper-outer {
    min-width: 990px;
    max-width: 1264px;
    height: 100%;
    padding: 10px 5px 10px 5px;
}

aside.v2-recently-viewed  .owl-item:hover  {
    box-shadow : 1px 1px 5px #9f9f9f;
}

aside.v2-recently-viewed .viewed-error {
    font-size: 16px;
    text-align: center;
    margin-top: 138px;
}
/*end css recently viewed products*/

/*start css block show product example : new arrival, sale product*/
aside.v2-blc-product {   
    font-size: 12px;    
    font-family: Arial!important;
    margin: 0 auto;
}


aside.v2-blc-product ul {
    float: left;
    margin: 0px;    
    padding: 0px;
}


aside.v2-blc-product ul li {
    float: left;
    list-style: none;
    padding: 8px;
    width: 130px;
    height: 221px;
}

aside.v2-blc-product ul li .product .frame{
    height: 128px ;
    overflow: hidden;
    width: 128px;
    border: 1px solid #e2e2e2;
    position: relative;
}

aside.v2-blc-product ul li .product .frame img{
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
    max-height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

aside.v2-blc-product ul li .product .detail {
    margin-top:  10px;
}

aside.v2-blc-product ul li .product .detail .info-title {
    height: 25px;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    white-space: normal;
    text-overflow: ellipsis;
    color: #262626;
    font-weight: 700;
    cursor: pointer;
    width: 133px;
}

aside.v2-blc-product ul li .product .detail .info-title:hover {
    color: #ce0108;
}

aside.v2-blc-product ul li .product .detail .price {
    color: #a80820;
    font-weight: 700;
    display: block;
    margin-top: 8px;
    font-size: 15px;
}

aside.v2-blc-product ul li .product .detail .save {
    color: #979797;
    display: block;
    margin-top: 5px;
    font-size: 12px;
    text-decoration : line-through;
    height: 12px;
}

aside.v2-blc-product ul li .product .detail .reviews {
    font-size: 12px;
    font-weight: bold;
    /* BOE Fix UI @rcv!le.quan #201609.19 #28316 2016/10/03 */
    /*
    background: transparent url(./images/common/icon.png) no-repeat -150px -74px;
    margin-top: 5px;
    padding-left: 20px;
    */
    /* EOE @rcv!le.quan #201609.19 #28316 2016/10/03 */
}

aside.v2-blc-product ul li .product .detail .reviews .review {
    font-weight: normal;
    color: #0067c0;
	background : #fff;
}


aside.v2-blc-product .owl-carousel .owl-wrapper-outer {
    min-width: 726px;
    max-width: 1008px;
    padding: 10px 5px 5px 5px;
}

@media screen and (max-width: 1000px) {
	aside.v2-blc-product .owl-carousel .owl-wrapper-outer {
	    width: 726px;
	}
}

aside.v2-blc-product  .owl-item:hover  {
    box-shadow : 1px 1px 5px #9f9f9f;
}

.block-model .blc-product-footer  {
    height: 35px;
    background-image: url('./images/common/gradient.png');
    background-repeat: repeat-x;
    display: inline-block;
    width: 100%;
}

.block-model .blc-product-footer a  {
    color: #0066c0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: right;
    padding-top: 7px;
    padding-right: 26px;
}
/*end css block show product*/

/*** start best category ***/
.best-category-inner {
	padding: 0 0 15px 0;
}
.best-category-inner a.view-more {
    min-width: 11px;
    float: right;
    color: #0066c0;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 0px;
    margin-right: -20px;
}

.best-category-inner a.biz-cat {
	margin-top: 10px;
}
.best-category-title {
	width: calc(100% - 20px);
    height: 28px;
    border-bottom: 2px solid #bfbfbf;
    background-color: #ececec;
    line-height: 28px;
    margin: 15px auto;
}

.best-category-title .index-number {
	color: #ff6600;
    font-family: UTMHELVETINS !important;
    font-size: 16px;
    padding: 0 10px 0 10px;
	float: left;
}

.best-category-title .dashed  {
	float: left;
    width: 2px;
    background-position: -63px -73px;
	height: 20px;
    margin-top: 4px;
}
.best-category-title span.title {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.best-category-title span.number {
	font-size: 12px;
    color: #767676;
    margin-left: 5px;
    float: left;
    font-weight: bold;
}
.best-category-title em {
	float: left;
	margin-left:15px;
	margin-top: 8px;
}
.best-category-inner .row-cat .best-category-title span.blc-paginate {
	color: #999999;
	font-size: 12px;
	margin-right: 12px;
}
section.best-category {
    margin: 15px;
   
}

section.best-category .cate-row {
    float: left;
    display: inline-block;
    width: calc(100% - 20px);
    margin: 0 0 0 10px;
}

section.best-category .cate-row ul.title {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
}

section.best-category .cate-row ul.title li {
    border: 1px solid #dfdfdf;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
    background: #f5f5f5;
    box-sizing : border-box;
    border-bottom: 0;
}

section.best-category .cate-row ul.title li:first-child {
    margin-left: 10px;
}

section.best-category .cate-row ul.title span {
    display: table-cell;
    padding: 10px 20px 8px 20px;
    cursor: pointer;
}

section.best-category .cate-row ul.title li.choose {
    color: #e61e25;
    border-top: 2px solid #e61e25;
}

section.best-category .cate-row ul.title li.choose span {
    border-bottom: transparent;
    background: #fff;
}

section.best-category .cate-row .active{
    display: inline-block;
}

section.best-category .cate-row .header{
    height: 42px;
}

section.best-category .cate-row .header span.title{
    font-weight: bold;
    display: inline-block;
    width: 414px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 14px 0 0 10px;
}

section.best-category .cate-row .header span.categories-paginate{
    margin: 14px 15px 0 0;
    color: #999;
}

section.best-category .cate-row  ul {
    margin: 0 8px 0 8px;
    width: 100%;
}

section.best-category .cate-row  .products-carousel ul .owl-next {
    top: 46px;
    right: -18px;
}

section.best-category .cate-row  .products-carousel ul .owl-prev {
    top: 46px;
    left: -32px;
}



section.best-category .cate-row  ul li {
    width: 100%;
    float: left;
}

section.best-category .cate-row  .product {
    display: inline-block;
    margin-left: 5px;
    width: 100%;
}

section.best-category .cate-row  .product .frame {
    height: 157px;
    width: calc(100% - 10px);
    float: left;
    border: 1px solid #dfdfdf;
    position: relative;
    box-sizing: border-box;
}

section.best-category .cate-row  .product .frame img{
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

section.best-category .cate-row  .product .frame .note{
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 100%;
    background: #292929;
}

section.best-category .cate-row  .product .frame .note span{
    display: inline-block;
}

section.best-category .cate-row  .product .frame .note .number {
    float: left;
    width: 36px;
    text-align: center;
    padding-top: 12px;
    color: #808080;
    font-family: UTMHELVETINS !important;
    font-size: 16px;
}

section.best-category .cate-row  .product .frame .note .rating {
    color: #ff6600;
    font-family: UTMHELVETINS !important;
}

section.best-category .cate-row  .product .frame .note .info-title {
    float: left;
    width: 119px;
    color: #fff;
    padding-top: 10px;
}

section.best-category .cate-row  .categories-view-more {
    display: inline-block;    
    margin: 14px 15px 15px 0;
    float: right;
}

section.best-category .cate-row  .categories-view-more a {
    color: #0066c0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: right;   
}
/*** end bets category ***/

/*START PRODUCT MODEL LIST AREA */

.main-body-md {
    display: table;
    width: 100%;
}
.main-body-md .left-md {
    width: 235px;
    float: left;
    display: table-cell;
    vertical-align: top;
}

.main-body-md .right-md {
    width: calc(100% - 262px);
    float: right;
    display: table-cell;
    vertical-align: top;
}

.product-list-md {
    width: 100%;
    float: right;
    overflow: hidden;
    display: block;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .7em .05em;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .ui-tabs .ui-tabs-nav {
    	margin: 0;
    	padding: .2em .7em .1em;
	}
}
/** Fix display suggestion on search bar @rcv!le.quan #201609.19 #28316 2016/10/03 */
.ui-widget-content:not(.ui-autocomplete) {
    background: none;
    border: 0;
}
.ui-widget-header {
    background: #4d4d4d;
    border: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #4d4d4d;
    background: #ffffff!important;
    font-weight: bold;
    color: #e61e25;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #4d4d4d;
    background: #4d4d4d;
    font-weight: bold;
    color: #ffffff;
}
.ui-widget-content .ui-state-default span.title {
	/* comment due to want to display full category name @rcv!tran.thanh #201711.13  */
	/* text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 88px; */
    
    display: inline-block;
    float: left;
    margin-right: 3px;	
}
.ui-widget-content .ui-state-default span.title-2,
.ui-widget-content .ui-state-default span.title-english-2 {
	/* comment due to want to display full category name @rcv!tran.thanh #201711.13  */
	/* text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 170px; */
   
    display: inline-block;
    float: left;
    margin-right: 4px;	
}
.ui-widget-content .ui-state-default span.title-english{
	/* comment due to want to display full category name @rcv!tran.thanh #201711.13  */
	/* text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 134px; */
    display: inline-block;
    float: left;
    margin-right: 4px;	
}


.ui-widget-content .ui-state-default span.count, .ui-widget-header .ui-state-default span.count {
	font-weight:normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #e61e25!important;
    text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffffff;
    font-size: 16px;
}
.ui-state-default a span.count {
    color: #afafaf;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-tabs {
    padding: 0;
    margin:0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 15px 0 0 15px;
    background: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	border: 1px solid #dedede;
    border-top: 0;
}
.ui-tabs .all-product-link {
    float: right!important;
    opacity: inherit!important;
}
.ui-tabs .all-product-link a {
    font-size: 12px!important;
    cursor: pointer!important;
    line-height: 22px;
    color: #ffffff!important;
    margin-right: -9px;
}
.ui-tabs .all-product-link a em{
	float: right;
	margin:8px 0 0 5px;
	
}
.ui-tabs .all-product-link a span.text {
    float: left;
    font-size: 12px!important;
    font-weight: bold;
    color: #ffffff;
}
.ui-tabs .all-product-link a span.count {
    float: left;
    margin-left: 3px;
    font-size: 12px!important;
}
.ui-tabs .all-product-link a:hover,
.ui-tabs .all-product-link a:hover span{
  color: #edcc1e!important;
}
#oem-tabs {
    display: table;
}

#oem-tabs .img {
    width: 715px;
    overflow: hidden;
    float: left;
    border: 1px solid #dfdfdf;
    text-align: center;
    display: table-cell;
    vertical-align: top;
}

#oem-tabs .img img {
    max-width: 715px;
}
a.oem-part {
    color: #f7dd00!important;
    cursor: pointer!important;
    opacity: inherit!important;
}
.ui-tabs .oem-tabs {
    opacity: inherit!important;
}
.model-item{
    display: table;
    width: 100%;
    height: 285px;
    padding-bottom: 20px;
    table-layout: fixed;
}
.item-row-md {
    display: table-row;
}

.item-cell-md {
    border: none;
    display: table-cell;
    padding: 0;
    vertical-align: top;
    width: calc(33%);
    float: left;
    margin-right: 3px;
}

.item-body-md {
    display: table-row-group;
    margin-bottom:20px;
}

.right-item-0 {
	margin-right: 0!important;
}

.model-item .box-product {
    float: left;
    width: calc(100% - 15px);
    min-height: 285px;
    margin-right: 11px;
    max-width: 330px;
}

.model-item .box-product em.new-product {
    position: absolute;
    float: left;
    margin-top: 0px;
    z-index: 10;
}
.mid-block {
    width: 100%;
    height: 20px;
}
.box-product .desc-product {
    padding: 0 10px 0px 10px;
    background-color: #f5f5f5;
    min-height: 135px;
    position: relative;
}
.desc-product .footer{
    background-color: #f5f5f5;
    height: 34px;
}
.desc-product ul {
    padding: 5px 8px 0 0;
    margin-bottom: 0;
}

.desc-product ul li {
    list-style: none;
    padding: 0;
    line-height: 20px;
}
.desc-product ul li a {
    color: #333333;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}
.desc-product ul li:hover a,
.desc-product ul li:focus a,
.desc-product ul li:hover a span,
.desc-product ul li:focus a span{
    color: #e96063;
    text-decoration: none;
}
.desc-product ul li span.title-subcat {
	/* comment due to want to display full child category name @rcv!tran.thanh #201711.13  */
    /* text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    max-width: 90%; 
    color: #333333;
    display: inline-block;
    float: left;
    margin-right: 2px;
}
.desc-product ul li span.count {
    color: #767676;
}
.desc-product .all-product {
    float: right;
    padding-top: 10px;
}

.desc-product .all-product a {
    color: #2473c4;
    font-weight: bold;
    font-size: 12px;
}
.desc-product .all-product em {
    float:  right;
    margin-left: 2px; 
}
.desc-product hr {
    margin-top: 16px; 
    border-bottom : 1px solid #d2d2d2;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.model-item .photo {
    /* width: 100%; */
    height: 300px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    text-align: center;
    position: relative;
}

.oem-compatible-wrapper .model-item .photo{
    height: 153px!important;
}
.model-item .photo img {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;

}

.exten-item {
    float: left;
    padding-top: 10px;
}

.exten-item a {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: bold;
}
.exten-item a em {
    float: right;
    margin-left: 5px;
}
.exten-item a.compact em {
    margin-top: 4px;
}
.desc-product .over {
    display: none;
}

.desc-product ul li em {
    float: left;
    margin-right: 3px;
    margin-top: 1px;
}
.photo-media {
    transition: all .5s ease;
    width: 100%;
    /*
    height: 28px; 
    background-color: #0e0f11;
    opacity: 0.75;
    z-index: 10;
    position: absolute;
    bottom: 0; */
}
.photo-media .text{
    float: left; 
    padding-left: 10px;
    width: 95%;
}
.photo-media .text.has-ratting{
	width: 80%;
}

.photo-media .text a {
    font-weight: bold;
    color: white;
    line-height: 28px;
    font-size: 14px;
    width: 100%;
    display: inline-block;
}

.photo-media .text a:hover,
.photo-media .text a:hover span {
    text-decoration: none;
    color: #f5c134;
}
.photo-media .start {
    float: right;
    padding-right: 10px;
    margin-top: 6px;
    color: #f5c134;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
}

.photo-media .start a {
	color : #f5c134;
}

.photo-media .start a:hover {
	text-decoration : none;
}

.photo-media .start em{
    float: left;
    margin-right: 5px;
}
.photo-media span {
    color: #afafaf;
    /* float: left; */
    margin-right: 5px;
}

.photo-media span.cate-name {
    /* text-overflow: ellipsis;
    max-width: 74%;
    white-space: nowrap;
    overflow: hidden; */
    display: inline-block;
    margin-right: 3px;
}
/*END PRODUCT MODEL LIST AREA */

.no_best_brands_notice {
   position: relative;
    display: inline-block;
    width: 100%;
    height: 246px; 
}

.no_best_brands_notice span {
    position: absolute;
    top: 44%;
    left: 30%;
}

.second-breadcrumb em {
	margin-right: 10px;
    display: inline-block;
    margin-left: 9px;
}
/* BOE Fix UI @rcv!le.quan #201609.19 #28316 2016/10/03 */
aside.v2-blc-product ul li .product .detail span.review-point,
aside.v2-recently-viewed ul li .product .detail span.review-point {
    margin-left: 4px;
}
/* EOE @rcv!le.quan #201609.19 #28316 2016/10/03 */

.text-break-two-line {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
/* carousel change*/
.brands-hide-item {
    width: calc(100% - 18px);
    height: 30px;
    position: absolute;
    bottom: 0;
    background: #fff;
    z-index: 10;
}

@media screen and (max-width: 1000px) {
    section.best-category .cate-row  .products-carousel ul .owl-wrapper-outer {
       max-width: 678px;
    }
}

@media screen and (min-width: 1001px) {
    section.best-category .cate-row  .products-carousel ul .owl-wrapper-outer {
       min-width: 678px;
       max-width: 960px;
    }
}
@media screen and (max-width: 1099px) {
    aside.rc-carousel .owl-carousel .owl-item {
        width: 145px!important;
    }
    .brands-hide-item {
       width: calc(100% - 31px);
     }
}

@media screen and (min-width: 1100px) {
    aside.rc-carousel .owl-carousel .owl-item {
        width: 168px!important;
    }
    section.best-category .owl-carousel .owl-item{
        width: 192px!important;
    }
    aside.v2-blc-product ul li .product .frame {
        width: 150px;
        height: 150px;
    }
    
    aside.v2-blc-product ul li {
        width: 152px;
        height: 240px;
    }
    section.best-category .cate-row  .products-carousel ul .owl-wrapper-outer {
       max-width: 960px;
    }
    
    section.best-category .cate-row .product .frame {
        height: 192px;
    }
}

@media screen and (min-width: 1280px) {
    .brands-inner {
        padding: 15px 0 15px 2px!important;
    }
    section.best-category .cate-row  .products-carousel ul .owl-wrapper-outer {
       max-width: 960px;
    }
    .item-cell-md {
        margin-right: 4px;
    }
}

@media screen and (max-width: 1200px) {
    .brands-hide-item {
        width: calc(100% - 25px);
    }
}
/* Brands logo change */
.brands-hide {
    height: 272px;
    overflow: hidden;
}

.best-category-inner .row-cat {
    padding-bottom: 5px;
    position: relative;
}


/* STYLE FOR DISPLAY CATEGORY AS TABLE */
table tr.photo-row td{
	position:relative;
}
.model-item em.new-product {
    position: absolute;
    float: left;
    margin-top: 0px;
    z-index: 10;
    top: 0;
    left: 10px;
}
/* BOE Fixed Layout Category Page   @rcv!nguyen.truongson #201801.07 2018/01/29*/
table.model-item td.row-description{
	background-color: #f5f5f5;
	border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}
table.model-item td.row-photo-media{
	background-color:#4a4b4c;
	border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    padding-left: 0px!important;
    padding-right:0px!important;
}

.row-photo-media .photo-media {
    background-color: #4a4b4c;
}
.row-photo-media .photo-media a span.cate-name{
    color:#fff;
}
/* EOE Fixed Layout Category Page   @rcv!nguyen.truongson #201801.07 2018/01/29*/