/* CSS Reset
/*-----------------------------------------------------------------------------------*/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* Defaults
/*-----------------------------------------------------------------------------------*/
.left { text-align: left; }
.right { text-align: right; }
.clear{ clear: both;} 
.c_in{width: 1200px; margin: auto;}
.c_on{width: 1200px; margin: auto;}
/* General Layout *-----------------------------------------------------------------------------------*/
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    
}
body {	font-family: 'Quicksand', sans-serif;	margin:0 auto;	color: #1E1E1E;    line-height: 18px;}
a {
	color: #292929;
	text-decoration: none;
	    cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
a, a:active, a:focus {
    outline: none;
}

a:hover {
	text-decoration:none;
	outline: 0;
	    cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.hover img{
    width: 390px;
}
.feature-tour.style_2 .hover img{
	width: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin:0;
}

h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

h1 span, h2 span, h3 span, h4 span { font-weight:normal; }
li{list-style: none;}
.clear{clear:both;}

p{padding:0;margin:0px;}
.fa{display:inline;}

button,
input,
select,
textarea {
    border: 1px solid #ABADB3;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    padding: 13px;
}
select {    padding: 3px;}
input, select {    cursor: pointer;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {    font-size: 16px;   cursor: text;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
    border-color: #F2904E;
    box-shadow: 1px 1px 1px #CCCCCC;
    -webkit-box-shadow: 1px 1px 1px #CCCCCC;
}
textarea, input {    outline: medium none;}
textarea {    overflow: auto;}
input[type="button"], button {
    cursor: pointer;
    padding: 4px;
    vertical-align: middle;
}
 
/* Header
/*-----------------------------------------------------------------------------------*/
 
.logo{float: left;}
.logo img{    height: 70px;}
.sys-head-mn{    height: 110px;   border-bottom: 1px solid #e6e6e6;}
.menuB{float: right;}
/*Giỏ hàng và tìm kiếm*/
#settleup-2014{float:right;z-index:11;height:36px; }
#settleup-2014 .cw-icon{box-sizing: content-box; width:120px;height:34px;border:1px solid #DFDFDF;padding:0 28px 0 36px;background:#F9F9F9;text-align:center;line-height:34px}
#settleup-2014 .ci-left{background:url(../images/jd2015img.png) 0 -58px no-repeat;background-size: 32px;  padding: 14px;}
#settleup-2014 .ci-right{top:11px;right:10px;width:7px;height:13px;overflow:hidden;font:400 13px/13px simsun;color:#999}
#settleup-2014 .ci-count{position:absolute;top:-4px;left:104px;display:inline-block;/**zoom:1;display:inline*/;padding:1px 2px;font-size:12px;line-height:12px;color:#fff;background-color:#c81623;border-radius:7px 7px 7px 0;min-width:12px;text-align:center}
#settleup-2014.hover .cw-icon,#settleup-2014.hover .dorpdown-layer,#settleup-2014:hover .cw-icon,#settleup-2014:hover .dorpdown-layer{background:#fff;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,.2)}
#settleup-2014.hover .dorpdown-layer,#settleup-2014:hover .dorpdown-layer{display:block;right:0;_right:-1px;width:308px}
#settleup-2014.hover .spacer,#settleup-2014:hover .spacer{position:absolute;right:0;top:-7px;width:139px;height:12px;background:#fff}
#settleup-2014 .prompt{padding:10px 15px}#settleup-2014 .nogoods{padding-left:30px;height:49px;line-height:49px;overflow:hidden;color:#999}
#settleup-2014 .nogoods b{float:left;width:56px;height:49px;background-image:url(../images/settleup-nogoods.png)}
 
.root61 #settleup-2014{margin-right:0px;float: left;}
.dorpdown{position:relative}.dorpdown-layer{display:none;position:absolute}.dorpdown:hover .dorpdown-layer,.hover .dorpdown-layer{display:block}.cw-icon{position:relative;cursor:default;zoom:1}.cw-icon .i,.cw-icon i{display:block;position:absolute;overflow:hidden}.w{width:990px;margin:0 auto}
#settleup-2014.hover .ci-left{_background:url(../images/jd2015img.png) 0 -116px no-repeat}
/* jdf-1.0.0/ global-footer.css Date:2015-07-02 10:57:04 */
.root61 #search-2014,.root61 #search-2014 .form{width:auto;_width:538px}
.root61 #search-2014 .text{width:600px}
.root61 #hotwords-2014{width:518px}.root61 #shelper{width:455px}
#search-2014 .text{float:left;width:370px; line-height:24px;color:#666;padding:4px;margin-bottom:4px;border-width:2px 0 2px 2px;border-color:#e4e4e4;border-style:solid;outline:0;font-size:14px;font-family:'Quicksand', sans-serif}
#search-2014 .button{float:left;width:82px;height:36px;background:#3d7fb5;border:none;line-height:1;color:#fff;font-size:16px;cursor:pointer}
#search-2014 .cw-icon i{top:0;left:0;width:82px;height:36px}#hotwords-2014{float:left;width:462px;height:20px;line-height:20px;overflow:hidden}
.hl_bold_catename{    color: #365DB5;    font-style: normal;    font-weight: bold;}
.box-search{ position: relative; z-index:9}
.box-search .box-search-suggest{ display: none; list-style: none; position: absolute; top: 35px; left: 0px; width: 598px; background-color: #fff; border: 1px solid #ddd; max-height: 250px; overflow-y: auto; padding: 5px;}
.box-search .box-search-suggest li{ line-height: 25px; display: block;}
.box-search .box-search-suggest li a{ color: #333;font-size: 15px;}
.box-search .box-search-suggest li a:hover{color: red; font-weight: bold;}
.box-search .box-search-suggest li a b{ color: #3d7fb5;}
.se-box-sys{float: right;width: 690px}
/*End Giỏ hàng và tìm kiếm*/
/*Menu*/
.r-menu-sys{width: 85%; float: right;}
.header-hot-link{ display:block;}
.header-hot-link li{display:inline-block;float:left; position: relative; }
.header-hot-link li i{	position: absolute;z-index: 9;top:5px;right:-8px;	width: 16px; height: 16px; display: none;}
.header-hot-link li a{    display:block;    float:left;    font-family: 'Quicksand', sans-serif;    font-weight: normal;    font-size: 14px;     color:#fff;    text-transform: uppercase; }
.nav>li>a{padding: 10px 10px;    font-weight: bold;}
.header-hot-link > li.active,.header-hot-link > li:hover{    background: none;}
.header-hot-link > li.active > a,.header-hot-link > li:hover > a{    color: #fda602;}
.header-hot-link > li.active li a,.header-hot-link > li:hover li a{    color: #000;}
.header-hot-link li li a:hover{color: red}
.header-hot-link li li { min-width: 230px;}
.navbar-nav>li>.dropdown-menu {background: #fff;}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover { background: #fff;}
.header-hot-link li li a{ line-height: 36px;width: 100%}
.header-hot-link .li-level-2  a{text-transform: none; font-weight: bold;}
/*- code menu drop down -*/
.header-hot-link li ul ul{
		display: none
	}
	.header-hot-link li li{
		position: relative;
		 
	}
	.header-hot-link li li li ul{
	 
		background: #294981
	}
	.header-hot-link li ul ul{
		position: absolute;
	}
	.header-hot-link > li:hover > ul,
	.header-hot-link > li li:hover > ul
	{
		display: block
	}
.header-top li li a{ line-height: 30px;}
ul.sys_menu_top {
    right: 0;
}
/*- end top menu -*/
.owl-nav > div {  position: absolute;  top: 50%;  color: #cdcbcd;}
.owl-nav i {  font-size: 52px;}
.owl-nav .owl-prev {  left: -30px;}
.owl-nav .owl-next {  right: -30px;}
.owl-theme .owl-dots, .owl-theme .owl-nav{margin-top:-40px !important;z-index: 1}
.owl-carousel .item{padding:0 !important; }
.owl-carousel .owl-item div{position: relative;}
.owl-carousel .owl-item img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;display: block;width: 100%;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;max-height: 1490px;        }
.owl-carousel .owl-item img:hover{transform: scale(1.1);}
.logo{    margin: 5px 0;    height: 85px;    width: 160px;}
.logo img{height: 85px;}
.c1-box-pro .c1-name-sys{margin: 5px 0}
.c1-box-pro .c1-name-sys a{font-size: 18px; font-weight: bold;}
.c1-box-pro .c1-name-sys a:hover{color: red}
.c1-box-pro .c1-title-pro{text-align: center;    font-size: 35px;    font-weight: bold;    margin: 50px 0;}
.c1-box-pro .c1-price-sys {display: flex;justify-content: left;margin: 5px 8px;font-size: 14px} 
.c1-box-pro .c1-price-sys p{margin: 0 5px 0 0}
.c1-box-pro .add-cart-button{margin-right: 10px; font-size: 14px}
.c1-box-pro ul li{border: 1px solid #acacac; height: 420px}
.c1-box-pro ul li .c1-info-pro-sys{padding: 10px}
.c1-box-pro ul li .c1-imghover-sys{overflow: hidden;}
.c1-main-sys ul li .detail-sys {width: 120px; float: right;}
.c1-main-sys ul li .detail-sys a{background: #02b3ec; padding: 5px 10px; color: #fff; border-radius:10px; font-size: 14px }
.c2-box-pro .c2-title-pro{    text-align: center;    font-size: 35px;    font-weight: bold;margin: 30px 0;}
.c2-box-pro .c2-menu-pro ul{display: flex;justify-content: center;}
.c2-box-pro .c2-menu-pro ul li{margin: 15px 0; padding: 10px 15px; font-size: 15px;font-size: 25px; font-weight: bold;}
.c2-box-pro .c2-menu-pro ul li:hover{background: #111;}
.c2-box-pro .c2-menu-pro ul li a:hover{color: #fff}

.c2-box-pro .c2-main-sys ul{display: flex;justify-content: space-between; flex-flow: wrap;}
.c2-box-pro .c2-main-sys ul li{box-shadow: 1px 1px 15px -15px #000}
.c2-box-pro .c2-main-sys ul li:hover{box-shadow: 1px 1px 15px -5px #000}
.c2-box-pro ul li .detail-sys {width: 120px; float: right;}
.c2-box-pro ul li .detail-sys a{background: #02b3ec; padding: 5px 10px; color: #fff; border-radius:10px; font-size: 14px }
.c2-box-pro .c2-main-sys ul li{width: calc(25% - 10px);height: 465px;margin-bottom: 25px;border-radius: 15px;    overflow: hidden;}
.c2-box-pro .c2-main-sys ul li .c2-imghover-sys{overflow: hidden;}

.c2-box-pro .c2-main-sys ul li .c2-imghover-sys img{height: 100%;width: 100%; object-fit: cover;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.c2-box-pro .c2-main-sys ul li .c2-imghover-sys img:hover{transform: scale(1.1);}
.c2-box-pro .c2-main-sys ul li .c2-name-sys{font-size: 17px;font-weight: bold;}
.c2-box-pro .c2-main-sys ul li .c2-info-pro-sys{line-height: 25px; padding: 10px}
.c2-box-pro .c2-main-sys ul li .c2-info-pro-sys a:hover{color: red}
.c2-box-pro .c2-main-sys .c2-more-sys{text-align: center;margin-top: 15px}
.c2-box-pro .c2-main-sys .c2-more-sys a:hover{color: yellow;}
.c2-box-pro .c2-main-sys .c2-more-sys a{font:18px/25px 'Quicksand', sans-serif;background: #000; padding: 15px 45px; margin: 0 auto; text-transform: uppercase;color: #fff}
.c2-box-pro .c2-main-sys .c2-more-sys a:hover{background: red}
.c2-box-pro .c2-price-sys {display: flex;justify-content: left;margin: 5px 0;} 
.c2-box-pro .c2-price-sys p{margin: 0 5px 0 0}
.c2-box-pro .add-cart-button{margin-right: 10px;font-size: 14px;}
.c2-box-pro .c2-price-sys .item-old-price,.c2-box-pro .c2-price-sys .item-price{margin-top:2px }
.c3-box-pro .c3-title-pro {text-align: center;    font-size: 35px;    font-weight: bold;    margin: 50px 0;}
.c3-box-pro .c3-main-sys ul{display: flex;justify-content: space-between; flex-flow: wrap;}
.c3-box-pro .c3-main-sys ul li{box-shadow: 1px 1px 15px -15px #000}
.c3-box-pro .c3-main-sys ul li:hover{box-shadow: 1px 1px 15px -5px #000}
.c3-box-pro .c3-main-sys ul li{width: calc(25% - 10px);height: 380px;margin-bottom: 25px;border-radius: 15px;    overflow: hidden;}
.c3-box-pro .c3-main-sys ul li .c3-imghover-sys{overflow: hidden;}
.c3-box-pro .c3-main-sys ul li .c3-imghover-sys img{height: 200px;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.c3-box-pro .c3-main-sys ul li .c3-imghover-sys img:hover{transform: scale(1.1);}
.c3-box-pro .c3-main-sys ul li .c3-name-sys{font-size: 17px;font-weight: bold;}
.c3-box-pro .c3-main-sys ul li .c3-info-pro-sys{line-height: 25px; padding: 10px}
.c3-box-pro .c3-main-sys ul li .c3-info-pro-sys a:hover{color: red}
.c3-box-pro .c3-main-sys .c2-more-sys{text-align: center;    margin: 50px;}
.c3-box-pro .c3-main-sys .c2-more-sys a:hover{color: yellow;}
.c3-box-pro .c3-main-sys .c2-more-sys a{font:14px/25px 'Quicksand', sans-serif;background: #000; padding: 15px 45px; margin: 0 auto; text-transform: uppercase;color: #fff}
.c3-main-sys ul li .c3-info-sys{font: 14px/18px 'Quicksand', sans-serif; text-align: justify;}
.c3-box-pro .c3-main-sys .c2-more-sys a:hover{background: red}
.c4-box{background: #ffe4e4; padding: 50px 0; margin-bottom: 10px}
.c4-box ul{display: flex;justify-content: space-between;flex-flow: wrap;text-align: center;}
.c4-box ul li{width: calc(25% - 10px)}
.c5-box .c5-image{width: 50%;float: left;}
.sub-link{position: absolute;right: 0; padding: 20px 0;   width: 1200px;    text-align: right;    transform: translate(-50%, 0%);left: 50%;display: flex;    justify-content: right;    flex-flow: wrap;}
.sub-link .link-sys{margin-left: 10px}
.sub-link .link-sys a{    border:1px solid #292929;    padding: 10px 20px;    color: #000;    border-radius: 5px; }
.sub-link .link-sys a:hover{background: red; color: #fff}
.c5-box .view-more{margin: 30px 0;float: right;}
.c5-box .view-more a{  background: #292929;    padding: 15px 35px;    color: #fff;    border-radius: 5px;text-transform: uppercase;}
.c5-box .view-more a:hover{color: #fff; background: red}
.c5-box .c5-image img{height: 100%; width: 100%; object-fit:cover}
.c5-box .info-box{float: right; width: 50%;margin-top: 10%;}
.c5-box .c5-sys-name{font: bold 30px/35px 'Quicksand', sans-serif; margin-bottom: 20px}
.c5-box .c5-sys-text{line-height: 24px; text-align: justify;}
.sys-box-news ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.sys-box-news ul li{width: calc(33.3% - 10px);    margin-bottom: 15px;}
.sys-box-news .sys-nname a{font: bold 15px/20px 'Quicksand', sans-serif; color: #502c58}
.sys-box-news .sys-nname a:hover{color: red}
.sys-box-news .sys-info{font: 14px/20px 'Quicksand', sans-serif}
.sys-box-news .info-box-sys{padding: 10px}
.sys-box-news .details-sys{margin: 10px 0}
.sys-box-news .details-sys a{background: #502c58; padding: 5px 25px;color: #fff}
.sys-box-news .details-sys a:hover{background: red}
.sys-box-news .sys-img{height: 255px; overflow: hidden;}
.sys-box-news .sys-img img{width: 100%;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.sys-box-news .sys-img img:hover{transform: scale(1.1);}
.dangnhap{
    top:26px; font-size: 1.2em; right: 15px;  
}
.dangnhap .b-header-3__user{
   background: #f6f6f6; border-radius: 15px; border: 1px solid #ededed;
    padding:10px 22px 10px 10px; cursor:pointer; 
}
.dangnhap .p1::after{
    content: '';
    position: absolute; top:40%; margin-left: 8px;
    border: 5px solid transparent;
    width: 0px; height: 0px;
    border-top-color: #34a8e2;
}
.cart {    top: 35px; right: 233px; background: url('../images/cart.png') no-repeat 0 50%;    padding-left: 36px;    font-size: 1.2em;margin-right: 30px;}
.cart  .p1{    color:#da251d;}
.sys-price-a{display: flex;}
.sys-price-a p{margin: 10px 10px}
.sys-price-a .item-old-price{margin: 11px 0}
.header2 .menu{
    height: 390px; border:1px solid #d6d6d6;float: left;
    width: 220px; background-color: #fff; vertical-align: top;
    border-top: none;
}
.menu-in-list{
    display: none;
}
.menu .title-all,.header2.mlist > .menu-in-list{
    background: url('../images/icon-all.png') no-repeat 10px 50%;
    padding-left: 45px; 
    font:1.3em/30px 'Quicksand', sans-serif; color: #5f5f5f;
    border-bottom: 1px solid #d6d6d6;
    
}
.header2.mlist > .menu-in-list{
    
    display: block; width: 218px;
     border: 1px solid #d6d6d6;border-top: none;
}
.header2.mlist .menu{
    height: auto;
}
.header2.mlist  .menu .main-menu-content{    
    position: apsolute;            
}
.header2.mlist .rheader2{
    
}
.header2.mlist .menu .title-all:hover ~ .main-menu-content{
    display: block;
}

.header2.mlist .mxlist{
    position: absolute; z-index: 3333; top: 0; left: 0; display: none;
}
.header1 {
    background:#fff url('../images/bg-header.png') repeat-x bottom ;
    border-bottom: 1px solid #e0e0e0;
}
.header2.mlist .mxlist .hover-content{height: 384px;border-bottom: 1px solid #d6d6d6;}





.mainmenu li > .item-name,.mainmenu li > a > .item-name{
    color:#5f5f5f; font:1.3em/38px 'Quicksand', sans-serif;position: relative;
    margin-left: 10px; display: block;
}
.mainmenu li{
    border-bottom: 1px dashed #d1d1d1; 
}
.header2 .rheader2{
    vertical-align: top;
    border-top :1px solid transparent;
    width: 980px; float: left;
    height: 390px;
   
}
.mainmenu li > a.sHover::after{
    content:'';
    width: 10px; height: 100%;
    background: url('../images/icon-menu-hover.png') no-repeat 0 50%;
    position: absolute; right: 10px; top: 0;
}
.hover-content{
    position: absolute; background: #fff;
    height: 389px; width: 980px; z-index: 1024;
}
.hover-content .sub_item >li{
    width: 25%;  vertical-align: top;
}
.hover-content .sub_item >li:last-child{
    position: absolute; right: 0; top: 0; 
}
.hover-content .sub_item >li .block{
    margin: 10px 15px;
}
.hover-content .sub_item >li .block > a{
    color:#333;
    font:1.2em/20px 'Quicksand', sans-serif;
    display: block;
}
.hover-content .sub_item >li .block > h2{
    color:#333;
    font:bold 1.2em/25px 'Quicksand', sans-serif;
    display: block;
}.hover-content .sub_item >li .block > h2 a{color: #333;}
.hover-content .sub_item >li .block  a:hover{
    color:#1384CA;
    text-decoration: underline
        
}

.slider{
    position: absolute;
    top: 0; left: 0; height: 100%; width: 100%;
}
.jsthumbnail{
    border-bottom: 1px solid #c7c7c7;
}
.jsthumbnail:last-child{border-bottom: none;}
/* jssor slider thumbnail navigator skin 11 css */
/*
.jssort11 .p            (normal)
.jssort11 .p:hover      (normal mouseover)
.jssort11 .pav          (active)
.jssort11 .pav:hover    (active mouseover)
.jssort11 .pdn          (mousedown)
*/
.jssort11
{
        font-family: 'Quicksand', sans-serif, Helvetica, sans-serif;
        border:1px solid #d8d8d8;
        opacity: 0.85;
        background: #f7f5f1; overflow: hidden;
}.jssort11 .thumb-img{
    margin:5px  10px;

}
.jssort11 .i, .jssort11 .pav:hover .i
{
        position: absolute;
        top:3px;
        left:3px;
        WIDTH: 60px;
        HEIGHT: 30px;
        border: white 1px dashed;
}
* html .jssort11 .i
{
        WIDTH /**/: 62px;
        HEIGHT /**/: 32px;
}
.jssort11 .pav .i
{
        border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
        position: absolute;
        top: 3px;
        left: 68px;
        width:129px;
        height: 32px;
        line-height:32px;
        text-align: center;
        color:#808080;
        font-size:13px;
        font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
        color:#000;
}
.jssort11 .c, .jssort11 .pav:hover .c
{
        position: absolute;
        top: 2px;
        left: 75px;
        width:183px;

        line-height:18px;
        color:#000;
        font-size:11px;
        font-weight:400;
        overflow: hidden;
        font-size: 12px;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
        color:#000;
}
.jssort11 .t, .jssort11 .c
{
        transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
        transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p
{
        background:#f7f5f1;
}
.jssort11 .p.av{
    background: #fff;
}
.jssort11 .pav, .jssort11 .pdn
{
        background:#fff;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
        background:#fff;
}

   
.box_index .box_index_header{    background-color: #f2f2f2;    height: 40px; border:1px solid #d6eefa;}
.box_index .box_index_header .box_index_name > a{
    color: #0093dd; display: inline-block;
    font:bold 1.4em/38px 'Quicksand', sans-serif ; 
    padding:0 20px 0 15px;
    background: url('../images/icon-menu-view-all.png') no-repeat 100% 50%;
}
.ul-box-index-list-child{
    display: inline-block; vertical-align: top;margin-left: 15px;
}
.ul-box-index-list-child > li a{
    color:#575757;vertical-align: top;
    font-size: 1.3em; line-height: 38px;
    padding: 0 10px; background: url('../images/icon-index-box-arrow.png') no-repeat 100% 50%;
}
.ul-box-index-list-child > li:last-child a{    background: none;} 
.ul-box-index-list-child > li a:hover{color: #000;}
.index-box-view-all{    color:#0093dd; font:1.1em/40px 'Quicksand', sans-serif; padding-right: 5px;    right: 10px; top: 0; }
.box-index-content-left{    width: 1200px; display: inline-block; vertical-align: top;}
#header .header_in, #main .main_in{    background: #fff;}
.item-block >li{    width: 24.7%; border: 1px solid #F2F2F2;  margin-top: 10px; height: 450px; position: relative;}
.item-block >li:hover{border: 1px solid #d0d0d0;    background-color: #fff;        box-shadow: 1px 1px 5px 0px #9E9E9E;    }
.item-block .item-img{    width: 100%;    height: 325px; display: block;}
.item-block .item-img img{    width: 350px; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.item-block .item-img {overflow: hidden;height: 325px;width: 294px}
.item-block .item-img img:hover{transform: scale(1.1);}
.item-block .item-name{    color:#414141;    font:1.3em/45px 'Quicksand', sans-serif;    max-height: 36px; overflow: hidden;}
  .item-price{    color:#ff0000;    font:bold 14px/20px 'Quicksand', sans-serif;    margin-top: 5px;}
 .item-old-price{    color:#717070;    font:1.2em 'Quicksand', sans-serif;    text-decoration: line-through;}
.box_index{    margin-bottom: 15px;}
.box-index-content-right{    width: 246px; display: inline-block; text-align: right; margin-top: 10px;}
.box-index-content-right .box-right-top img{    max-width: 100%;}
.box-right-bottom{    overflow: hidden;    margin-top: 15px;}
.box-right-bottom a{    text-align: center; vertical-align: middle;    width: 105px;}
.box-right-bottom a img{max-width: 95%;width: 100px;}
.box-right-bottom table tr td{vertical-align: middle;} 
.box-right-bottom table tr {height: 72.3px;}
.box-right-bottom a.view-all{    color:#00aaf1; font-size: 1.2em;}
.adv-index-box img{max-width: 100%; max-height: 100%;}
.adv-index-box{    margin: 10px 0px; height: 305px;}
.adv_bottom{    margin: 10px 0 ;}
.adv_bottom img{max-width: 100%;}
.sys_product_detail_tab .tab-pane{font-size: 14px}
.box_index_name{font: bold 35px/20px 'Quicksand', sans-serif ; margin-bottom: 50px;  text-align: center;}
.email_marketing{
    background-color: #F3211F;
    margin: 0 0 10px  0;
}
.email_marketing  span{
    color: #fff;
    font-size: 1.7em;
    vertical-align: middle;
    margin: auto 25px;
}
.email_marketing  input[type=email]{
    width: 342px; height: 33px; padding-left: 5px; font-size: 1.2em; margin: 15px 0;
}

.email_marketing  input[type=submit]{
    font-size: 1.5em;color: #fff; background-color: #D0AA8A; text-transform: uppercase; margin-left: 15px; padding: 0 15px; border:1px solid transparent;
    vertical-align: middle; height: 31px;
}

.system-style.footer{    background: #84538f;}
.system-style.bottom_nav li a,.system-style.bottom_nav li a[role=none]:hover,.system-style.bottom_nav li li a,.system-style.bottom_nav li .mn-intext,.system-style.addContact > .ft_in_content_flcx,.system-style.share p.sys-title{    color:#fff;}
.system-style.bottom_nav li a:hover{    color:#000;}
.system-style.addContact{border-color: #a8c5d2;}
.system-style.bottom_nav li{border-right: medium none;font-size: 12px; }
.mn-intext img{height: 100px !important; width: auto !important}
.footer_in ul li{width: 22%; float: left;}
/*Footer support*/

#vnt-menu-fixed .fa{color: #fff}
#vnt-menu-fixed ul li .title{display: none}
#vnt-menu-fixed{
    position: fixed;
    bottom: 20%;
    right: 0px;
    z-index: 99999;
}
#vnt-menu-fixed .contfii {
    display: block;
    transform: rotate(-90deg);
    margin-right: -160px;
    position: relative;
    left: -82px;
    top: -90px;
}
#vnt-menu-fixed .contfii a{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0a7dc4;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
}
#vnt-menu-fixed .contfii a:hover{
    background-color: #502c58;
}
#vnt-menu-fixed>ul>li{
    position: relative;
    margin-bottom: 5px;
}
#vnt-menu-fixed>ul>li:last-child{
    border-bottom: none;
}
#vnt-menu-fixed>ul>li>span{
    position: absolute;
    top: 0;
    white-space: nowrap;
    color:#ffffff;
    font-size: 14px;
    line-height: 22px;
    right:50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #502c58;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    opacity: 0;
    visibility: hidden;
}
#vnt-menu-fixed>ul>li>span>span{
    color:#fff;
}
#vnt-menu-fixed>ul>li:hover>span{
    width:auto;
    overflow: visible;
    opacity: 1;
    padding: 2px 30px 2px 15px;
    visibility: initial;
}

#vnt-menu-fixed>ul>li:hover>span:before{
    display: block;
}
#vnt-menu-fixed>ul>li>a{
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #502c58;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 2;
}
#vnt-menu-fixed>ul>li.go_top>a{
    background-color: #502c58;
}
#vnt-menu-fixed>ul>li>a>img{
    max-height: 30px;
    max-width: 30px;
    /* filter: invert(1); */
}
#vnt-menu-fixed>ul>li>a span{
    font-size: 25px;
    line-height: 38px;
    color: #ffffff;
    padding-top: 3px;
}
#vnt-menu-fixed a{
    color: #fff;
}
 
/*===============*/
#vnt-menu-fixed ul li.cart>a{
    flex-direction: column;
    position: relative;
    padding-right: 5px;
    color: #fff;
}
#vnt-menu-fixed ul li.cart>a .sl{
    position: absolute;
    top: 10px;
    right: 6px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
}
#vnt-menu-fixed>ul>li.cart>a>img{
    max-height: 20px;
    max-width: 20px;
}

.vnt-bg-over.active{
    opacity: 0.5;
    z-index: 5;
    pointer-events: auto;
}
/*===============*/

.breadcrumbs{ text-align: center;}
.breadcrumbs .cata-name {font-size: 50px; font-weight: bold;color: #ffc802; }
.breadcrumbs ul{display: flex;justify-content: center;}
.cata-name-main{text-align: center;font-size: 50px;    margin: 0 0 20px 0;    font-weight: bold;    border-bottom: 1px solid #d5d5d5;    padding: 50px 0;}
.breadcrumbs ul li{margin-right: 15px; }
.breadcrumbs ul li a{color: #000; font-weight: bold;}
.breadcrumbs li a::after {    content: '>>';    font: 1.2em/30px 'Noto Serif', serif;    color: red;    padding: 0 10px;    white-space: nowrap;}
.breadcrumbs ul li a:active{color: #ffc802}
@media screen and (max-width: 768px) {
	.breadcrumbs{top: 20%;}
	.breadcrumbs ul li {   margin-right: 0;}
	.slideall .img-hover{height: auto}
	.breadcrumbs ul{display: inline;}
	.breadcrumbs .cata-name{font-size: 20px}
}
.slideall img{width: 100%}


.tree{
    margin-left: 15px;
}
.tree > li > a{
    color:#0076b2; font: 14px/40px 'Quicksand', sans-serif;
}
.tree > li > a:hover{opacity: 0.8;}
.tree > li > a::after{
    content:'/';
    display: inline-block;
    margin: auto 5px;
    
}
.tree > li:last-child > a::after{display: none;}


.col-left{
    float: left;
    width: 218px;  
}
.col-right{    float: right;    width: 1200px;}
.left-menu{    border: 1px solid #d6d6d6;}

 
.left_box{
    border:1px solid #d6d6d6;
    margin-top: 15px;
}
.left_box .left_box_title{
    color: #4b4b4b; font:bold 14px/40px 'Quicksand', sans-serif;
    border-bottom: 1px solid #d6d6d6;
}

.best100 li{
    border-bottom: 1px dashed #dddddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.best100 li:last-child{
    border-bottom: none;
}
 
.best100 .item-block .item-img img{
    width: auto;
}
.product-content{
    
}
.b-header-3 .b-header-3__user .b-header-3__hover-box {
  background: transparent;
  padding-top: 13px;
 
  position: absolute;
  top: 50px;
  right: -15px;
  z-index: 9999;
}
.arrow_top {
  position: relative;
  background: #fff;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}.arrow_top:after, .arrow_top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_top:before {
  border-color: transparent;
  border-bottom-color: #ccc !important;
  border-width: 9px;
  margin-right: -1px;
}
.b-header-3 .b-header-3__user li {
  display: block;
  position: relative;
}
.btt_blue {
  background: #32befb;
  background: -moz-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32befb), color-stop(100%, #19a5e1));
  background: -webkit-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -o-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -ms-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: linear-gradient(to bottom, #32befb 0%, #19a5e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0);
  border: none!important;
  box-shadow: 0 -2px 0 #0788bf inset;
  padding: 6px 14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__login-btt, .b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__fb-btt {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  text-decoration: none !important;
}
.b-header-3 .b-header-3__user   .arrow_top:after, .b-header-3 .b-header-3__user   .arrow_top:before {
  left: initial;
  right: 26px;
}
.arrow_top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.b-header-3__hover-box{display: none}
.dangnhap.b-header-3:hover .b-header-3__hover-box{
    display: block;
}.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link {
  display: block;
  padding: 0 0 9px 0;
  color: #444444;
  font-size: 1.2em;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link:hover{
    text-decoration: underline;
    color:#00aaf1 ;
}
.line-01{border-bottom: 1px solid  #ddd; margin-top: 15px; font:bold 14px/30px A'Quicksand', sans-serif ;color: #444;  }
.right_arrow{
    position: absolute; right: 10px; top: 5px;font-size: 2.5em;
}
.right_arrow .ft{
    opacity: 0.8; color: #555; cursor: pointer;
}
.right_arrow .ft:hover{opacity: 1}
.sort_style{    margin-left: 3em;font-size: 14px;}
.sort_style .ft{
    font-size: 15px; color:#999;
    border: 1px solid transparent;
    margin: auto 2px;
}
.sort_style .ft.active,.sort_style .ft:hover{
     color:#9D2924;
      
}
  
.list_pro_diplay_list  .item-block >li{
    width: 100%; height: inherit;
    border-bottom: 1px solid #ddd;
}
.list_pro_diplay_list .item-block .item-img{
   width: 220px; height: inherit; min-height: 150px;float: left; margin-right: 15px; 
}
.list_pro_diplay_list .item-block .item-name, .list_pro_diplay_list .item-block .item-price,.list_pro_diplay_list .item-block .item-old-price{
    text-align: left
} 
.list_pro_diplay_list .item-block .item-name{
    font-weight: bold;
}
.list_pro_diplay_list .item-block .item-price{
    font-size: 2em; font-weight: bold;line-height: 1.5em
}
.list_pro_diplay_list .item-block .item-price:before{
    content:'Giá bán: ';
}
.list_pro_diplay_list .item-block .item-old-price:before{
    content: 'Giá thị trường: ';
}
.p_promotion{
    display: none;
    border-top: 1px solid #eee;
    margin-top: 15px;
    width: 98%;
}
.list_pro_diplay_list .p_promotion{
    display: block;
    float: left; width: 678px;
}
.list_pro_diplay_list .promotion_title{
    color: #e00;
    font-size: 1.3em;
    line-height:2em;
}
.list_pro_diplay_list .item-block >li:hover{border: 1px solid transparent; border-bottom-color: #ddd}

.sort_pro {
   
  margin-left: 20px;
  margin-top: 7px;
  position: relative;
}
.sort_pro > span {  border: solid 1px #ccc;  display: block;  height: 24px;  background: white;  padding: 0 10px;  line-height: 24px;    font-size: 14px;}
.sort_pro ul {
  margin: 0;
  list-style: none;
  background: white;
  border: solid 1px #ccc;
  padding: 3px 8px;
  display: none;
  width: 135px;
  position: absolute;
  z-index: 99;
  line-height: 20px;
  top: 24px;
  left: 0;
}.sort_pro ul li{padding:2px 0;}
.sort_pro ul li a{text-decoration:none;font-size: 14px;}
.sort_pro:hover ul{display:block;}
.mainmenu-v{
    left: 220px;
}
.mainmenu-v{display:none;}
.header2.mlist.bwhite > .mainmenu-v{
    display: block
}
.mainmenu-v li{
    background: none;
}
.mainmenu-v li a.menu-item-name{
    border:none; font-size: 1.2em; color: #333;
    padding: 0 5px; line-height: 32px;
    border-right: 1px solid #ddd;
}
.mainmenu-v li a.menu-item-name.sf-with-ul{
    padding-right: 1.5em
}
.mainmenu-v  .sf-with-ul:after{
    right: 0.4em;
    border-top-color: #ddd;
    border-top-color: rgba(100,100,100,.5);
}
.mainmenu-v li li{
    display: list-item;
    min-width: 20em;
    background-color: #f7f7f7;
}
.mainmenu-v li:hover, .mainmenu-v li.sfHover{
    background-color: #dedede 
}
.mainmenu-v ul .sf-with-ul:after{
    border-left-color: #dFeEFF;
    border-left-color: rgba(100,100,100,.5);
}
.adv-detail-box{margin-left: 15px; margin-top: 15px}
 
.IE .c_in {
  width: 1200px !important;
}
.IE .slide_banchay_content .sitem .item-img{
    width: 160px
} 
.IE .topmenu li{
    float: left
        
}
.IE .sys_product_detail.add-cart-button{
    background: url(../img/icon-add-cart.png) no-repeat transparent;
}
.block-banner-deal {
    height: 390px;
    
    margin-right: 250px;
}
.block-banner-deal .block-banner-top {
    width: 440px;
    position: relative;
    float: left;
    height: 390px;
    overflow: hidden;
}
.owl-theme .owl-controls {
    text-align: right;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.block-deal-top {
    margin-left: 440px;
    border-right: 1px solid #e7e7e7;
}.block-deal-top .tl {
    padding-top: 10px;
    background: #fff;
    text-align: center;
    position: relative;
    height: 40px;
}
.block-deal-top .deal-box {
    background-color: #fff;
    overflow: hidden;
}
.block-deal-top .tl .bg {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 220px;
    text-align: center;
    left: 50%;
    margin-left: -110px;
}
.block-deal-top .tl:after {
    content: '';
    height: 1px;
    background-color: #e7e7e7;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 20px;
}
.block-deal-top .tl .icon-star {
    fill: #ff0000;
    width: 12px;
    height: 12px;
}
.block-deal-top .tl span {
    background-color: #fff;
    font-size: 15px;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    padding: 0 5px;
}
.owl-theme .owl-controls .owl-page span{
    background: #999;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #e5101d;
}

.block-deal-top .deal-box {
    background-color: #fff;
    overflow: hidden;
}
.block-deal-top .deal-box .deal-item {
    float: left;
    width: 100%;
    position: relative;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 174.5px;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.deal-box .deal-item .item {
    display: block;
    text-align: center;
    background-color: #fff;
}
.deal-box .deal-item .item > img {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}.deal-box .deal-item .box-name {
    position: absolute;
    bottom: 0;color: #333;
    left: 0;
    width: 100%;
    padding: 8px;
    background-color: rgba(255,255,255,0.7);
}
.deal-box .deal-item .box-name .name {
    text-align: left;
    line-height: 20px; 
    height: 20px;
    overflow: hidden;
    display: block;
    font-size: 14px;
}
.deal-box .deal-item .item:hover > img{  -webkit-transform: scale(1.05,1.05);     -moz-transform: scale(1.05,1.05);      -ms-transform: scale(1.05,1.05);       -o-transform: scale(1.05,1.05);          transform: scale(1.05,1.05);}
.deal-box .deal-item:hover .box-name {    background-color: rgba(0,0,0,0.5);    bottom: 0;    color: #fff;}
.deal-box .deal-item:hover .deal-price span { color: #fff; }
.tit_mtp {
    background-color: #861168;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
}
.border001{
    border: 1px solid #e7e7e7; border-width: 0 1px 1px;
}
.block-recommend {
    margin-top: 14px; margin-bottom: 15px;
  
    overflow: hidden;
}
.block-recommend .slide-collection-top {
    border: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative; 
}
#owl_home_recommend.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 4px;
}
#owl_home_recommend.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 4px;
}
.slide-collection-top .trend-pro_item {
    float: left;
    border-left: 1px solid #e7e7e7;
    position: relative;
    width: 100%;padding-bottom: 10px; height: 299px
}
.slide-collection-top .item-col {
    display: block;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
 
    width: 220px;
    background: url('../images/loading.svg') no-repeat center center rgba(255,255,255,0.5);
}
.slide-collection-top .item-col span {
    display: block;
    background-color: rgba(255,255,255,0.85);
    text-align: center;
    
    line-height: 30px;
    width: 100%;
    height: 30px;
    color: #333;
    font-size: 14px;
    overflow: hidden; padding: 0 5px;
}
.transit {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.slide-collection-top .item-col:hover span {  }
.slide-collection-top .item-col:hover > img{  -webkit-transform: scale(1.05,1.05);     -moz-transform: scale(1.05,1.05);      -ms-transform: scale(1.05,1.05);       -o-transform: scale(1.05,1.05);          transform: scale(1.05,1.05);}
/* Styling Next and Prev buttons */

#owl_home_recommend.owl-theme .owl-controls .owl-buttons div{
	filter: Alpha(Opacity=60);/*IE7 fix*/
	opacity: 0.6;
}
 
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    left: 0;
    top: -158px; 
    z-index: 9999;
    text-indent: -9999px;
	display:inline-block;
    width: 30px; height: 50px;     background: rgba(153,153,153,0.8);
    
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
    right: 0;
    top: -158px; 
    z-index: 9999;
    text-indent: -9999px;
	display:inline-block;
    width: 30px; height: 50px;     background: rgba(153,153,153,0.8);
    
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next i{
    width: 20px;
    height: 20px;
    line-height: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    margin-top: 15px;
    margin-right: 7px;
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev i{
    width: 20px;
    height: 20px;
    line-height: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    display: inline-block;
    margin-top: 15px;
    margin-left: 7px;
}
#owl_home_recommend.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

#owl_home_recommend.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.filter {
    position: relative;
    background: #fff;
    position: relative;
    border-radius: 2px;
    border: 1px solid #aaa;
    margin-top: 5px;
}
.filter .wrap-filter {
    clear: both;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
}
.filter .filter-attr {
    overflow: hidden;
    border-top: 1px solid #aaa;
    background-color: #fffef6;
    position: relative;
}
.filter .filter-attr:first-child {
    border-top: none;
}

.filter div.ttl-left {
    width: 100px;
    float: left;
    padding: 8px 0 0 8px;
    background: #fffef6;
    font-weight: bold;
    color: #595959;
    position: relative;
    font-size: 12px;
}
.filter div.ttl-left span {
    display: inline-block;
    font-size: 10px;
}
.filter div.cont-filter-attr {
    margin-left: 85px;
    overflow: hidden;
    padding-right: 25px;
    border-left: 1px solid #aaa;
    background-color: #fff;
    padding: 2px 30px 2px 0;
}
.filter div.cont-filter-attr ul {
    overflow: hidden;
    position: relative;
    height: 30px;
    padding-bottom: 5px;
}
.filter div.cont-filter-attr ul li {
    width: auto; 
    float: left;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}
.filter div.cont-filter-attr ul li label {
    max-height: 30px;
    display: block;
    cursor: pointer;
    font-size: 11px;
    white-space: nowrap;
    position: relative;
    padding: 0 4px 0 20px;
}
.filter div.cont-filter-attr ul li label input {
    margin: -4px 5px 0 0;
    vertical-align: middle;
    opacity: 0;
    position: absolute;
}
.filter .checkbox {
    margin-bottom: inherit;
    margin-top: inherit;
}
.cont-filter-attr ul li label .checkbox:before {
    content: '';
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 6px;
    left: -20px;
    border: 1px solid #656262;
}
.cont-filter-attr ul li label .checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 4px;
    background: transparent;
    top: 10px;
    left: -17px;
    border: 2px solid #e5101d;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cont-filter-attr ul li label .checkbox.checked:after {opacity: 1;}
.discout-ele {
    background-color: #fff; z-index:1;
    font-size: 13px;
    color: #e5101d;
    text-align: center;
    font-weight: 300;
    position: absolute;
    width: 52px;
    height: 22px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #e5101d;
    right: 5px;
    top: 5px;
}
.sys_product_detail_info_left{
	width: 100%; display: block;
        line-height: 30px;
        border-bottom: 1px dotted #48D0F9;
}
.item-hot{
	position: absolute; top: 0; left : 0;
	width:60px; height: 60px;
	background: url('../images/icon-hot-pc.png') no-repeat 50% 50%
}
.item-new{
	position: absolute; top: 0; left : 0;
	width:60px; height: 60px; z-index:1;
	background: url('../images/icon-new-pc.png') no-repeat 50% 50%
}
.qrcode{position: absolute; right:5px; top:0}
.title-detail{
    font: 14px 'Quicksand', sans-serif;
    color: rgb(0, 0, 255);
    margin-top: 20px;
}
.sys_product_detail_saleoff {
    font: 14px/20px 'Quicksand', sans-serif;
}
.sys_product_detail_vat {
    font: 14px/20px 'Quicksand', sans-serif;
    color: #009E23;
}
.sys_product_detail_text {
    font-size: 14px;
    font-weight: bold;
}