/********************************************************/
/* menu */
.category h3 { padding:12px; background:#e0013b; color:#fff}

.icon-angle-up:before { }
li.parent > i:hover { cursor: pointer; }
li.parent > i.icon-angle-down { float: right; font-size: 21px; position: absolute; right: 0px; top: 0px; }
.sf-menu-phone li.parent > i.icon-angle-down { background: url(../images/all/iconClickSale.png) no-repeat center center }
.sf-menu-phone li.parent > i.icon-angle-up { background: url(../images/all/iconClickSaleup.png) no-repeat center center }
.sf-menu-phone li.parent > i.icon-angle-down:before { width: 24px; }
li.parent > i.icon-angle-down:hover, .sf-menu-phone li.parent > i.icon-angle-down:hover:before { }
#menu { float: left; display: inline-block; padding: 13px 0 12px; margin-top: 5px; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul > li ul.big { width: 100px; min-width: 100px; left: 0px; }
#menu ul > li ul.big ul { border-top: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; top: 0; }
#menu ul > li ul+ul.big { left: 100px; }
#menu ul > li ul+ul+ul.big { left: 200px; }
#menu ul > li ul+ul+ul+ul.big { left: 300px; }
#menu ul > li ul.big ul { position: relative; width: 100px; min-width: 100px; left: 0; padding: 0; top: 0; margin: 0; border: none; }
#menu ul > li ul.big span.sf-sub-indicator:after { margin: 0; }
#menu ul.big > li > ul li { padding-left: 0; padding-right: 0; }
#menu> ul > li { float: left; z-index: 10; position: relative; border-radius: 0; margin-left: 22px; }
#menu> ul > li > a { display: inline-block; z-index: 1; position: relative; font-size: 14px; color: #909090; text-decoration: none; line-height: 16px }
#menu> ul > li>a:hover, #menu> ul > li.sfHover>a, #menu> ul > li.active>a { color: #9f68e1; text-decoration: none }
#menu> ul > li ul { display: none; position: absolute; z-index: 99; background: #fff; border-top: 0; left: 0; top: 30px; width: 210px; margin: 1px 0 0 !important; padding: 15px 0; border: 1px solid #dbdbdb; }
#menu ul ul > li ul { top: -16px; left: 100%; margin-left: -1px; }
#menu span.sf-sub-indicator { display: inline-block; float: right; height: 5px; position: relative; width: 7px; }
#menu span.sf-sub-indicator:after { position: absolute; top: 7px; left: 0) no-repeat right 5px; height: 5px; margin-top: 0; text-decoration: inherit; vertical-align: middle; width: 7px; font-size: 5px; line-height: 5px; margin-left: 2px; }
#menu ul li li span.sf-sub-indicator { float: right; }
#menu ul li li span.sf-sub-indicator:after { font-size: 7px; line-height: 7px; }
#menu> ul > li:hover > div { display: table; }
#menu> ul > li ul + ul { padding-left: 0px; }
#menu> ul > li ul > li > a:hover, #menu> ul > li ul > li.active > a, #menu> ul > li ul > li.sfHover > a, #menu> ul > li > ul > li a.active { color: #FF6666; }
#menu> ul > li > ul li:first-child { border-top: 0px; }
#menu> ul > li > ul li { position: relative; padding: 2px 20px; }
#menu> ul > li > ul > li a { text-decoration: none; color: #6d6d6d; font-size: 11px; text-transform: none; line-height: 13px; font-family: 'Open Sans', sans-serif; text-align: left; text-transform: uppercase; }
#menuul > li ul ul { position: absolute; left: 100%; top: -16px; }
#menuul > ul > li ul li a:hover, #menu > ul > li > ul > li a.active { color: #551f1f; }
/*****************************************************/
#menu-icon { line-height: 23px; margin-bottom: 0px; padding: 10px 15px; cursor: pointer; display: none; color: #FFFFFF; font-size: 16px; font-weight: normal; line-height: 24px; position: relative; text-transform: uppercase; background: #93291f url(../images/all/iconClickSale.png) no-repeat 97% 18px; cursor: pointer }
#menu-icon:after { float: right; background-image: none; background-position: 0 0; background-repeat: repeat; display: inline; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; margin-top: 0; text-decoration: inherit; vertical-align: baseline; width: auto; display: inline-block; text-decoration: inherit; text-align: center; width: 1.25em; font-size: 20px; line-height: 30px; color: #787878; vertical-align: middle; }
#menu-icon:hover:after { color: #fff; }
#menu-icon.active{ margin-bottom:0; background: #be0f16 url(../images/all/iconClickSaleup.png) no-repeat 97% 18px; cursor: pointer }
.sf-menu-phone { background: #f3f4f5; padding:0px; border: 1px solid #e3e4e4; }
.sf-menu-phone li { position: relative; list-style: none; margin: 0; border-bottom: 1px solid #e3e4e4; width:100%; font-size: 12px; padding: 0;}
.sf-menu-phone li:hover { }
.sf-menu-phone li a { display: inline-block; color: #333; font-size: 16px; text-transform:none; margin:0 0px }
.sf-menu-phone li > a:hover { background: #93291f url(../images/arrowCategoryHover.png) no-repeat 10px 13px; }
.sf-menu-phone li a:hover { background: #93291f url(../images/arrowCategoryHover.png) no-repeat 10px 13px;  }
.sf-menu-phone li > a { padding: 10px 35px 10px 15px; display: block;   }
.sf-menu-phone li li a { padding: 10px 15px 10px 20px; display: block; color: #444; background: url(../images/arrowCategory.png) no-repeat 15px 13px;  }
.sf-menu-phone li li li a { padding: 10px 15px 10px 30px; display: block; color: #666; background: url(../images/arrowCategory.png) no-repeat 25px 13px;  }
.sf-menu-phone li a:hover { color: #fff; }
.sf-menu-phone li:last-child, .sf-menu-phone li li:last-child { border-bottom: none }
.sf-menu-phone li li.last { padding-bottom: 0 !important; }
.sf-menu-phone li i { position: absolute; display: block; top: 2px; right: 0; height: 40px; width: 40px; }
.sf-menu-phone li i { top: 8px; color: #717171; font-size: 20px; padding: 0 0; right: 5px }
.sf-menu-phone li i.icon-angle-up:before { }
.sf-menu-phone li i:hover { cursor: pointer; color: #fff; }
.sf-menu-phone li i.opened { background-position: center 7px; }
/** dropdown **/
.sf-menu-phone ul, .sf-menu-phone ul li ul { width: auto; padding: 0px 0px; display: none; border-top: 1px solid #c3e9ff; margin:0; }
.sf-menu-phone li.active > a > span { color: inherit; background: #006b7a!important; }
.sf-menu-phone li.active > a, .sf-menu-phone li:hover > a { color: #fff; background: #93291f url(../images/arrowCategoryHover.png) no-repeat 10px 13px; text-decoration: none }
.sf-menu-phone li li.active > a, .sf-menu-phone li li a:hover, .sf-menu-phone li ul li.active > a, .sf-menu-phone li ul li a:hover { color: #fff; background: #93291f url(../images/arrowCategoryHover.png) no-repeat 10px 13px; !important }

@media only screen and (max-width:767px) {
.sf-menu-phone { display: none }
#menu-icon { display: block }
.colLeft .category h3 { display: none }
}
@media only screen and (max-width:480px) {

 #newsProduct span, #name span, #price span, #sale span, #bestSeller span { font-size:12px;}
}


/* === new css thu2 10/8 === */
.category h3 { padding:7px 15px; background:#93291f; color:#fff; font-size:18px; text-transform:uppercase; margin-top:0;}