/* Do not change .css file directly */
/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 19, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
#header.normal .search-box .site-search .btn-search:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1666px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 19, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
  #header.normal .search-box .site-search .btn-search:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1650px;
    height: 32px;
    width: 32px;
  }
}

/* line 29, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
#header.normal .search-box .site-search #search-input:focus + .btn-search {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1666px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 29, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
  #header.normal .search-box .site-search #search-input:focus + .btn-search {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1650px;
    height: 32px;
    width: 32px;
  }
}

/* line 34, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box {
  position: relative;
  float: left;
  padding: 15px 0px 10px;
  z-index: 1000;
}
/* line 39, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search {
  position: relative;
  font-size: 14px;
  width: 443px;
}
/* line 43, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search::after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 49, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container {
  width: 121px;
  background-color: white;
  border-right: 1px solid #ccc;
  line-height: 32px;
  color: #222;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  float: left;
}
/* line 59, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container.hover-state {
  background: #eee;
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container.hover-state ul.search-dropdown-list {
  display: block;
}
/* line 63, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container.hover-state ul.search-dropdown-list li {
  padding: 0 10px;
  color: #666;
}
/* line 66, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container.hover-state ul.search-dropdown-list li:hover {
  background: #e9ece5;
  color: #36b449;
}
/* line 73, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container .search-dropdown-display-item {
  line-height: 32px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 80, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container .search-dropdown-btn {
  right: 8px;
  top: 14px;
  position: absolute;
  width: 9px;
  height: 6px;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2264px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 6px;
  width: 9px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 80, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
  .search-box .site-search .search-dropdown-container .search-dropdown-btn {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2233px;
    height: 6px;
    width: 9px;
  }
}
/* line 88, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container ul.search-dropdown-list {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  /* Prevent beauty n health wrap to next line */
}
/* line 95, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .search-dropdown-container ul.search-dropdown-list li.active {
  color: #36b449;
}
/* line 100, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
body.language-en .search-box .site-search .search-dropdown-container ul.search-dropdown-list li[data-zone="beautynhealth"] {
  letter-spacing: -0.5px;
}
/* line 106, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search #search-input {
  width: 290px;
  padding-left: 10px;
  margin: 0;
  border: none;
  line-height: 32px;
  height: 32px;
  /* fix ie9 line-height issue */
  float: left;
  color: #222;
  background-color: white;
}
/* line 117, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search #search-input:focus + .btn-search {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1700px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 117, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
  .search-box .site-search #search-input:focus + .btn-search {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1683px;
    height: 32px;
    width: 32px;
  }
}
/* line 122, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .btn-search {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1734px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
  display: block;
  background-color: white;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 122, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
  .search-box .site-search .btn-search {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1716px;
    height: 32px;
    width: 32px;
  }
}
/* line 127, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .btn-search:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1700px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 127, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
  .search-box .site-search .btn-search:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1683px;
    height: 32px;
    width: 32px;
  }
}
/* line 132, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu {
  display: none;
  width: 300px;
  position: absolute;
  z-index: 1000;
  left: 121px;
  padding: 4px 0px;
  line-height: 1.5em;
  font-size: 14px;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
}
/* line 145, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu.active {
  display: block;
}
/* line 148, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu > :not(ul) {
  padding: 0px 15px;
}
/* line 151, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu .advancedSuggestion {
  padding: 0px 0px;
}
/* line 153, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu .advancedSuggestion a {
  padding: 0px 15px;
  color: #000;
  text-decoration: none;
  display: block;
}
/* line 158, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu .advancedSuggestion a .color-main {
  color: #67b900;
}
/* line 162, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu .advancedSuggestion:hover, .search-box .site-search .suggestion-menu .advancedSuggestion.active {
  background: #eee;
}
/* line 167, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu .searchDropdownSeparator {
  border-top: 1px solid #ccc;
  margin-top: 5px;
}
/* line 171, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu .query {
  color: black;
  margin: 5px 0;
}
/* line 175, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu li.store {
  float: left;
  padding: 3px;
  width: 99px;
  height: 64px;
  text-align: center;
}
/* line 181, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu li.store a {
  width: 100%;
  height: 100%;
}
/* line 184, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu li.store a .va-helper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 189, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.search-box .site-search .suggestion-menu li.store a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* line 201, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer {
  font-size: 14px;
  width: 443px;
  height: 32px;
}
/* line 205, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .SuggestionSearch-input_section {
  width: 100%;
  height: 100%;
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .SuggestionSearch-input {
  height: 32px;
  width: 411px;
  padding: 9px 0 9px 10px;
  margin: 0;
  border: 0;
  outline: none;
  box-shadow: none;
  color: #222;
  background-color: #FFFFFF;
}
/* line 222, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .SuggestionSearch-result,
.UISuggestionSearchContainer .SuggestionSearch-noInput {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.23);
}
/* line 227, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .SuggestionSearch-brands {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 231, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .SuggestionSearch-brand {
  width: 25%;
  height: 61px;
  padding: 5px;
}
/* line 236, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .SuggestionSearch-brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* line 242, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .KeywordSearchItem,
.UISuggestionSearchContainer .RecentSearchItem,
.UISuggestionSearchContainer .ProductSearchItem {
  font-size: 13px;
  min-height: 32px;
  border-bottom: 1px solid #EEEEEE;
  position: relative;
  cursor: pointer;
}
/* line 250, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .KeywordSearchItem img,
.UISuggestionSearchContainer .RecentSearchItem img,
.UISuggestionSearchContainer .ProductSearchItem img {
  position: absolute;
  top: 7px;
  left: 10px;
}
/* line 255, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .KeywordSearchItem > div,
.UISuggestionSearchContainer .RecentSearchItem > div,
.UISuggestionSearchContainer .ProductSearchItem > div {
  padding: 9px 0 9px 38px;
}
/* line 258, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .KeywordSearchItem:hover,
.UISuggestionSearchContainer .RecentSearchItem:hover,
.UISuggestionSearchContainer .ProductSearchItem:hover {
  background-color: #EBECE9;
}
/* line 262, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .StoreSearch-title, .UISuggestionSearchContainer .RecommendBrand-title,
.UISuggestionSearchContainer .RecentSearch-title {
  height: 22px;
  font-size: 13px;
  line-height: 22px;
  padding-left: 10px;
  color: #4A4A4A;
  background-color: #EEEEEE;
  cursor: default;
}
/* line 273, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .StoreSearch .StoreSearchItem {
  height: 51px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
/* line 280, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .StoreSearch .StoreSearchItem img {
  max-height: 100%;
  max-width: 100%;
}
/* line 283, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .StoreSearch .StoreSearchItem img:hover {
  opacity: 0.7;
}
/* line 290, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .RecentSearch .RecentSearch-clearAll {
  font-size: 13px;
  line-height: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 297, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.UISuggestionSearchContainer .RecentSearch .RecentSearch-clearButton {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: underline;
}

/* line 307, ../../../../resource/compass/_ui/desktop/common/css/_searchbox.scss */
.SuggestionSearch-button {
  height: 32px;
  width: 32px;
  text-align: center;
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

/* for every landing page,hot search hover event*/
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.supermarket .bottom .keywords a:hover {
  color: #bddb4d;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .bottom .keywords a:hover {
  color: #f8c3cd;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.personalcarenhealth .bottom .keywords a:hover {
  color: #FEBC23;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.mothernbaby .bottom .keywords a:hover {
  color: #94dee3;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.pets .bottom .keywords a:hover {
  color: #ff8754;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .bottom .keywords a:hover {
  color: #88e4da;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .bottom .keywords a:hover {
  color: #FFE300;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .bottom .keywords a:hover {
  color: #ed4054;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sportsntravel .bottom .keywords a:hover {
  color: #a1df5a;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.toysnbooks .bottom .keywords a:hover {
  color: #4cc7fc;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .bottom .keywords a:hover {
  color: #d1cecd;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .bottom .keywords a:hover {
  color: #8F171F;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .bottom .keywords a:hover {
  color: #222222;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .bottom .keywords a:hover {
  color: #000000;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .bottom .keywords a:hover {
  color: #36b449;
}
/* line 194, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .bottom .keywords a:hover {
  color: #36b449;
}

/* line 243, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header {
  position: relative;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1208px;
  min-height: 143px;
  background-size: 100%;
  background-color: white;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.23);
  -moz-box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.23);
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.23);
  color: black;
}
/* line 257, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sticky-header {
  position: fixed;
}
/* line 259, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sticky-header .bottom {
  overflow: hidden;
  height: 0px;
}
/* line 264, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.hidden-header {
  display: none;
}
/* line 267, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .wrapper {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#header .wrapper:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 274, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .container {
  display: block;
  width: 1208px;
  margin: 0 auto;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#header .container:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.supermarket .navi {
  background-color: #bddb4d;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.supermarket .navi .cat-menu {
  background-color: #629b4d;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.supermarket .bottom {
  background-color: #115b54;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi {
  background-color: #f8c3cd;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu {
  background-color: #f47a95;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .bottom {
  background-color: #f47a95;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.personalcarenhealth .navi {
  background-color: #FEBC23;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.personalcarenhealth .navi .cat-menu {
  background-color: #EC7F2C;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.personalcarenhealth .bottom {
  background-color: #40251E;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.mothernbaby .navi {
  background-color: #94dee3;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.mothernbaby .navi .cat-menu {
  background-color: #60b4be;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.mothernbaby .bottom {
  background-color: #078673;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.pets .navi {
  background-color: #ff8754;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.pets .navi .cat-menu {
  background-color: #e35a1b;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.pets .bottom {
  background-color: #d4542d;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi {
  background-color: #88e4da;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu {
  background-color: #49968e;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .bottom {
  background-color: #20554F;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi {
  background-color: #FFE300;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi .cat-menu {
  background-color: #B59D00;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .bottom {
  background-color: #3E3E23;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi {
  background-color: #ed4054;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu {
  background-color: #ff6161;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .bottom {
  background-color: #b22f3f;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sportsntravel .navi {
  background-color: #a1df5a;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sportsntravel .navi .cat-menu {
  background-color: #73ab32;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sportsntravel .bottom {
  background-color: #355f05;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.toysnbooks .navi {
  background-color: #4cc7fc;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.toysnbooks .navi .cat-menu {
  background-color: #2079d9;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.toysnbooks .bottom {
  background-color: #0e4e94;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .navi {
  background-color: #d1cecd;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .navi .cat-menu {
  background-color: #969293;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .bottom {
  background-color: #595757;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi {
  background-color: #8F171F;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .cat-menu {
  background-color: #99353B;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .bottom {
  background-color: #51090E;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi {
  background-color: #222222;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .cat-menu {
  background-color: #777777;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .bottom {
  background-color: #c3c3c3;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi {
  background-color: #000000;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .cat-menu {
  background-color: #3d3d3d;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .bottom {
  background-color: #3d3d3d;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi {
  background-color: #36b449;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi {
  background-color: #36b449;
}
/* line 301, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu {
  /*display: none;*/
}
/* line 303, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu .subnav, #header.deals .navi .cat-menu .master-nav {
  min-height: 280px;
}
/* line 308, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu .subnav > ul > li:hover > a, #header.deals .navi .cat-menu .master-nav > ul > li:hover > a {
  border-left: 0;
  background: transparent;
}
/* line 314, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu .subnav > ul > li > a, #header.deals .navi .cat-menu .master-nav > ul > li > a {
  height: 84px;
  width: 210px;
  padding: 0 0 0 100px;
  border: 0;
}
/* line 331, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu .subnav > ul > li > a span, #header.deals .navi .cat-menu .master-nav > ul > li > a span {
  display: inline-block;
  vertical-align: middle;
  font-size: inherit;
  border: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* line 341, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu .subnav > ul > li > a::after, #header.deals .navi .cat-menu .master-nav > ul > li > a::after {
  display: none !important;
}
/* line 353, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .account a.btn-register, #header.deals .navi .account a.btn-login, #header.deals .navi .account a.btn-cart, #header.deals .navi .account a.btn-mylist, #header.deals .navi .account a.btn-msgCenter, #header.deals .navi .account a.btn-myaccount {
  color: #fff;
}
/* line 357, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 357, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3278px;
    height: 32px;
    width: 32px;
  }
}
/* line 362, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 362, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3212px;
    height: 32px;
    width: 32px;
  }
}
/* line 368, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_white.svg);
  height: 32px;
  width: 32px;
}
/* line 375, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3417px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 375, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3344px;
    height: 32px;
    width: 32px;
  }
}
/* line 381, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3540px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 381, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3463px;
    height: 32px;
    width: 32px;
  }
}
/* line 395, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-register, #header.finance .navi .account a.btn-login, #header.finance .navi .account a.btn-cart, #header.finance .navi .account a.btn-mylist, #header.finance .navi .account a.btn-msgCenter, #header.finance .navi .account a.btn-myaccount {
  color: #fff;
}
/* line 399, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 399, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.finance .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3278px;
    height: 32px;
    width: 32px;
  }
}
/* line 404, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 404, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.finance .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3212px;
    height: 32px;
    width: 32px;
  }
}
/* line 410, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-cart .cart-number-label {
  background: #f0b503;
  border-bottom: 2px solid #d0b503;
}
/* line 414, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_white.svg);
  height: 32px;
  width: 32px;
}
/* line 421, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3417px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 421, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.finance .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3344px;
    height: 32px;
    width: 32px;
  }
}
/* line 426, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-msgCenter .msg-number-label {
  background: #f0b503;
  border-bottom: 2px solid #d0b503;
}
/* line 430, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3540px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 430, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.finance .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3463px;
    height: 32px;
    width: 32px;
  }
}
/* line 444, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .account a.btn-register, #header.disney .navi .account a.btn-login, #header.disney .navi .account a.btn-cart, #header.disney .navi .account a.btn-mylist, #header.disney .navi .account a.btn-msgCenter, #header.disney .navi .account a.btn-myaccount {
  color: #fff;
}
/* line 448, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 448, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.disney .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3278px;
    height: 32px;
    width: 32px;
  }
}
/* line 453, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 453, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.disney .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3212px;
    height: 32px;
    width: 32px;
  }
}
/* line 460, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_white.svg);
  height: 32px;
  width: 32px;
}
/* line 467, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3417px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 467, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.disney .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3344px;
    height: 32px;
    width: 32px;
  }
}
/* line 473, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3540px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 473, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.disney .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3463px;
    height: 32px;
    width: 32px;
  }
}
/* line 487, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .account a.btn-register, #header.thirteenlandmarks .navi .account a.btn-login, #header.thirteenlandmarks .navi .account a.btn-cart, #header.thirteenlandmarks .navi .account a.btn-mylist, #header.thirteenlandmarks .navi .account a.btn-msgCenter, #header.thirteenlandmarks .navi .account a.btn-myaccount {
  color: #fff;
}
/* line 491, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 491, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.thirteenlandmarks .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3278px;
    height: 32px;
    width: 32px;
  }
}
/* line 496, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 496, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.thirteenlandmarks .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3212px;
    height: 32px;
    width: 32px;
  }
}
/* line 501, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_white.svg);
  height: 32px;
  width: 32px;
}
/* line 508, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3417px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 508, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.thirteenlandmarks .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3344px;
    height: 32px;
    width: 32px;
  }
}
/* line 514, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3540px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 514, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.thirteenlandmarks .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3463px;
    height: 32px;
    width: 32px;
  }
}
/* line 540, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .cat-menu .subnav, #header.normal .navi .cat-menu .master-nav {
  padding: 0;
}
/* line 545, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .cat-menu .master-nav li[data-category-code="fashion"] .subnav > ul > li .submenu {
  min-height: 100%;
  height: auto;
  width: 188px;
}
/* line 550, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .cat-menu .master-nav li[data-category-code="fashion"] .subnav > ul > li .second_submenu {
  position: absolute;
  left: 398px;
  width: 292px;
  height: 480px;
}
/* line 560, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav {
  display: block;
  float: left;
  height: 100%;
}
/* line 564, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav li {
  display: block;
  float: left;
}
/* line 567, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav li:hover {
  background: #27904d;
}
/* line 570, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav li:hover a {
  color: #fff;
}
/* line 573, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav li.active {
  background: #27904d;
}
/* line 575, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav li.active a {
  color: #fff;
  box-shadow: 0px -6px 0px #fff inset;
}
/* line 580, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .container .general-nav li a {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  padding: 20px 20px 20px 20px;
}
/* line 590, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .cat-menu {
  background-color: #237630;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .search-box .siteSearch .searchform ul.token-input-list #token-input-search:focus + .btn-search {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1666px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 600, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.normal .navi .search-box .siteSearch .searchform ul.token-input-list #token-input-search:focus + .btn-search {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1650px;
    height: 32px;
    width: 32px;
  }
}
/* line 607, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .search-box .siteSearch .searchform .btn-search:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1666px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 607, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.normal .navi .search-box .siteSearch .searchform .btn-search:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1650px;
    height: 32px;
    width: 32px;
  }
}
/* line 617, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .account a.btn-register, #header.normal .navi .account a.btn-login, #header.normal .navi .account a.btn-cart, #header.normal .navi .account a.btn-mylist, #header.normal .navi .account a.btn-msgCenter, #header.normal .navi .account a.btn-myaccount {
  color: #fff;
}
/* line 621, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 621, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.normal .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3278px;
    height: 32px;
    width: 32px;
  }
}
/* line 626, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 626, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.normal .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3212px;
    height: 32px;
    width: 32px;
  }
}
/* line 631, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_white.svg);
  height: 32px;
  width: 32px;
}
/* line 638, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3417px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 638, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.normal .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3344px;
    height: 32px;
    width: 32px;
  }
}
/* line 643, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3540px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 643, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.normal .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3463px;
    height: 32px;
    width: 32px;
  }
}
/* line 651, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .bottom.wrapper {
  display: none;
}
/* line 658, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav {
  display: block;
  float: left;
  height: 100%;
}
/* line 662, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav li {
  display: block;
  float: left;
}
/* line 665, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav li:hover {
  background: #27904d;
}
/* line 668, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav li:hover a {
  color: #fff;
}
/* line 671, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav li.active {
  background: #27904d;
}
/* line 673, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav li.active a {
  color: #fff;
  box-shadow: 0px -6px 0px #fff inset;
}
/* line 678, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .container .general-nav li a {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  padding: 20px 20px 20px 20px;
}
/* line 688, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .cat-menu {
  display: none;
}
/* line 691, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .search-box {
  display: none;
}
/* line 698, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 698, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.general .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3278px;
    height: 32px;
    width: 32px;
  }
}
/* line 703, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 703, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.general .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3212px;
    height: 32px;
    width: 32px;
  }
}
/* line 708, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_white.svg);
  height: 32px;
  width: 32px;
}
/* line 715, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3417px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 715, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.general .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3344px;
    height: 32px;
    width: 32px;
  }
}
/* line 720, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3540px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 720, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.general .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3463px;
    height: 32px;
    width: 32px;
  }
}
/* line 728, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .bottom.wrapper {
  display: none;
}
/* line 733, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top {
  padding-top: 10px;
  position: relative;
  max-height: 84px;
}
/* line 737, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar {
  font-size: 13px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#header .top .bar:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div:first-child {
  float: left;
}
/* line 744, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div:first-child ul {
  width: 510px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
/* line 750, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div:first-child ul li a {
  color: #36B449;
  font-weight: bold;
}
/* line 758, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.language-en #header .top .bar > div:first-child ul li a {
  font-weight: normal;
}
/* line 764, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div:last-child {
  float: right;
}
/* line 766, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div:last-child ul {
  width: 460px;
  white-space: nowrap;
  text-align: right;
  overflow: hidden;
  vertical-align: middle;
}
/* line 774, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div ul {
  font-size: 13px;
  display: inline-block;
}
/* line 777, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div ul li {
  display: inline-block;
}
/* line 779, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div ul li a {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
/* line 787, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div ul li:nth-last-child(n+2)::after {
  content: '|';
  display: inline-block;
  margin: 0px 2px 0px 5px;
  vertical-align: middle;
}
/* line 793, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div ul li .new {
  position: relative;
  top: -5px;
  font-size: 11px;
  color: red;
  margin-left: 5px;
  animation: updown 1s infinite;
}
/* line 803, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div .lang {
  display: inline-block;
  margin: 0px 5px;
}
/* line 806, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div .lang a {
  color: white;
  padding: 4px 5px;
  background: #36b449;
  cursor: pointer;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-left: 5px;
  transition: 100ms ease-out;
  opacity: 1;
}
/* line 817, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .bar > div .lang a:hover {
  opacity: 0.9;
}
/* line 824, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .logo {
  width: 184px;
  height: 44px;
  margin: 0px auto 16px;
}
/* line 830, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .top .logo img {
  width: 184px;
  height: 44px;
}
/* line 837, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .navi .cat-menu .subnav {
  min-height: initial;
  height: 480px;
}
/* line 840, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .navi .cat-menu .subnav > ul > li .submenu {
  min-height: 100%;
  height: auto;
  width: 188px;
}
/* line 845, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .navi .cat-menu .subnav > ul > li .second_submenu {
  position: absolute;
  left: 398px;
  width: 292px;
  height: 480px;
}
/* line 854, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .cat-menu .subnav {
  min-height: initial;
  height: 470px;
}
/* line 857, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .cat-menu .subnav > ul > li .submenu {
  min-height: 100%;
  height: auto;
  width: 398px;
}
/* line 862, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .cat-menu .subnav > ul > li .second_submenu {
  position: absolute;
  left: 398px;
  width: 292px;
  height: 480px;
}
/* line 870, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab {
  padding-left: 5px;
}
/* line 873, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li {
  margin: 0 -3.5px;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
  width: 92px;
  height: 46px;
  color: #333;
  font-weight: bold;
  position: relative;
}
/* line 881, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li:first-child {
  width: 100px;
}
/* line 884, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
body.language-zh #header #tab li {
  font-size: 14px;
  line-height: 22px;
}
/* line 888, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
body.language-en #header #tab li {
  font-size: 13px;
  line-height: 15px;
}
/* line 896, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 5;
  color: #4a4a4a;
  width: 100%;
  height: 46px;
}
/* line 905, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
body.language-zh #header #tab li a {
  padding: 18px 2px 10px 2px;
}
/* line 909, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
body.language-en #header #tab li a {
  padding: 12px 5px 8px 5px;
}
/* line 912, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.supermarket .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.supermarket:hover, #header #tab li a.supermarket.active {
  color: #115b54;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabSupermarket.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.beautynhealth .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.beautynhealth:hover, #header #tab li a.beautynhealth.active {
  color: #66051b;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabBeauty.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.personalcarenhealth .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.personalcarenhealth:hover, #header #tab li a.personalcarenhealth.active {
  color: #40251E;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabHealth.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.mothernbaby .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.mothernbaby:hover, #header #tab li a.mothernbaby.active {
  color: #034c54;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabMother.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.pets .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.pets:hover, #header #tab li a.pets.active {
  color: #6a2a16;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabPets.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.homenfamily .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.homenfamily:hover, #header #tab li a.homenfamily.active {
  color: #174741;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabElectrical.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.housewares .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.housewares:hover, #header #tab li a.housewares.active {
  color: #3E3E23;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabHousewares.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.deals .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.deals:hover, #header #tab li a.deals.active {
  color: #ffffff;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabDining.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.sportsntravel .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.sportsntravel:hover, #header #tab li a.sportsntravel.active {
  color: #2a4a04;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabSports.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.toysnbooks .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.toysnbooks:hover, #header #tab li a.toysnbooks.active {
  color: #052a52;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabToys.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.fashion .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.fashion:hover, #header #tab li a.fashion.active {
  color: #595757;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabFashion.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.finance .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.finance:hover, #header #tab li a.finance.active {
  color: #FFFFFF;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabInsurance.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.disney .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.disney:hover, #header #tab li a.disney.active {
  color: #FFFFFF;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabDisney.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.thirteenlandmarks .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.thirteenlandmarks:hover, #header #tab li a.thirteenlandmarks.active {
  color: #FFFFFF;
  background-image: url(/_ui/desktop/common/svg/headerTab/bnTabLandmarks.svg);
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.general .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.general:hover, #header #tab li a.general.active {
  color: #ffffff;
  background-image: btnTabDarkgreen;
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.normal .newText {
  position: absolute;
  font-size: 10px;
  color: #FF5252;
  vertical-align: top;
  margin-left: 3px;
  line-height: 12px;
  right: 20px;
  top: 10.5px;
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a.normal:hover, #header #tab li a.normal.active {
  color: #ffffff;
  background-image: btnTabDarkgreen;
  background-size: 100% 100%;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  z-index: 4;
}
/* line 949, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a span {
  display: inline-block;
  vertical-align: middle;
}
/* line 952, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.language-en #header #tab li a span {
  font-size: 12px;
  line-height: 15px;
}
/* line 956, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li a span i {
  vertical-align: middle;
  margin: -4px 10px 0 0;
}
@media screen and (max-height: 700px) {
  /* line 873, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header #tab li {
    height: 36px;
  }
  /* line 965, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header #tab li a {
    height: 36px;
    padding: 6px 2px 0 2px !important;
  }
}
/* line 971, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li.small-tab {
  height: 35px;
  margin-top: 2px;
}
/* line 974, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header #tab li.small-tab a {
  height: 35px;
  padding: 6px 2px 0 2px !important;
}
/* line 1062, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu {
  width: 210px;
  height: 32px;
  margin: 15px 20px 10px 0px;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  position: relative;
  float: left;
  /* forceClose class will be added for 500ms when anchor banner is clicked */
}
/* line 1073, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu a {
  cursor: pointer;
}
/* line 1076, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu > a {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  width: 210px;
  position: absolute;
}
/* line 1082, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu > a::before {
  content: '';
  position: relative;
  top: -1px;
  vertical-align: middle;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2475px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1082, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu > a::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2435px;
    height: 32px;
    width: 32px;
  }
}
/* line 1089, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu > a span {
  vertical-align: middle;
}
/* line 1094, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu:hover > .subnav, #header .navi .cat-menu:hover > .master-nav {
  opacity: 1;
  transform: none;
  visibility: visible;
  display: block;
}
/* line 1102, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu.forceClose > .subnav {
  transform: translateY(-50%) scaleY(0);
  opacity: 0;
  visibility: hidden;
  display: none;
}
/* line 1109, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav, #header .navi .cat-menu .master-nav {
  display: none;
  background-color: #e9ece5;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 999;
  cursor: default;
  transition: transform 0.5s, opacity 0.2s;
  padding: 0;
  width: 100%;
  min-height: 455px;
  height: auto;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
/* line 1125, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav .subnav, #header .navi .cat-menu .master-nav .subnav {
  left: 210px;
  top: 0;
}
/* line 1129, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav .active, #header .navi .cat-menu .master-nav .active {
  display: block;
}
/* line 1133, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul, #header .navi .cat-menu .master-nav > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 1138, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li, #header .navi .cat-menu .master-nav > ul > li {
  font-size: 13px;
  line-height: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 1140, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat, #header .navi .cat-menu .master-nav > ul > li > .anchorBanner.promoCat {
  display: block;
  height: 50px;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
}
/* line 1147, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat::after, #header .navi .cat-menu .master-nav > ul > li > .anchorBanner.promoCat::after {
  display: none;
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -960px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 160px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -951px;
    height: 160px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -798px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 160px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -790px;
    height: 160px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
  padding-right: 20px;
  padding-left: 90px;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
  right: 15px;
  top: 80px;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2272px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA26000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA26000000000'] > a:after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2240px;
    height: 9px;
    width: 6px;
  }
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1444px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 160px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1431px;
    height: 160px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1282px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 160px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1270px;
    height: 160px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
  padding-right: 20px;
  padding-left: 90px;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
  right: 15px;
  top: 80px;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2272px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA22000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA22000000000'] > a:after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2240px;
    height: 9px;
    width: 6px;
  }
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -478px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 160px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -473px;
    height: 160px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -316px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 160px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -312px;
    height: 160px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
  padding-right: 20px;
  padding-left: 90px;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
  right: 15px;
  top: 80px;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2272px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA30000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA30000000000'] > a:after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2240px;
    height: 9px;
    width: 6px;
  }
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -79px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -78px;
    height: 77px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 0;
    height: 77px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA37000000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA37000000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -5646px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -5527px;
    height: 105px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -5753px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -5633px;
    height: 105px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61100000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61100000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -5860px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -5739px;
    height: 105px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -5967px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -5845px;
    height: 105px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61200000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61200000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -6074px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -5951px;
    height: 105px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -6181px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -6057px;
    height: 105px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61400000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61400000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000'] {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4916px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1160, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000'], #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000'] {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4805px;
    height: 105px;
    width: 210px;
  }
}
/* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000']:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -5023px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 105px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1197, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000']:hover, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000']:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4911px;
    height: 105px;
    width: 210px;
  }
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000']:hover > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000']:hover > a {
  border-left: none;
  background: none;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000'] > a, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000'] > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li[data-category-code='AA61300000000'] > a:after, #header .navi .cat-menu .master-nav > ul > li[data-category-code='AA61300000000'] > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand, #header .navi .cat-menu .master-nav > ul > li.korea-brand {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -719px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li.korea-brand, #header .navi .cat-menu .master-nav > ul > li.korea-brand {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -712px;
    height: 77px;
    width: 210px;
  }
}
/* line 1268, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand:hover, #header .navi .cat-menu .master-nav > ul > li.korea-brand:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -640px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1268, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li.korea-brand:hover, #header .navi .cat-menu .master-nav > ul > li.korea-brand:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -634px;
    height: 77px;
    width: 210px;
  }
}
/* line 1271, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand .submenu .submenu-nav, #header .navi .cat-menu .master-nav > ul > li.korea-brand .submenu .submenu-nav {
  width: 381px;
}
/* line 1273, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand .submenu .submenu-nav a, #header .navi .cat-menu .master-nav > ul > li.korea-brand .submenu .submenu-nav a {
  display: block;
  float: left;
  width: 84px;
  height: 77px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: center;
}
/* line 1282, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand .submenu .submenu-nav a .banner img, #header .navi .cat-menu .master-nav > ul > li.korea-brand .submenu .submenu-nav a .banner img {
  width: 84px;
  height: 45px;
}
/* line 1286, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand .submenu .submenu-nav a .words, #header .navi .cat-menu .master-nav > ul > li.korea-brand .submenu .submenu-nav a .words {
  line-height: 11px;
}
/* line 1289, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand .submenu .submenu-nav a:hover, #header .navi .cat-menu .master-nav > ul > li.korea-brand .submenu .submenu-nav a:hover {
  opacity: .7;
}
/* line 1364, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand:hover, #header .navi .cat-menu .master-nav > ul > li.korea-brand:hover {
  display: table;
}
/* line 1366, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand:hover > a, #header .navi .cat-menu .master-nav > ul > li.korea-brand:hover > a {
  border-left: none;
  background: none;
}
/* line 1371, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand > a, #header .navi .cat-menu .master-nav > ul > li.korea-brand > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1379, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.korea-brand > a:after, #header .navi .cat-menu .master-nav > ul > li.korea-brand > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand, #header .navi .cat-menu .master-nav > ul > li.japan-brand {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -237px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li.japan-brand, #header .navi .cat-menu .master-nav > ul > li.japan-brand {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -234px;
    height: 77px;
    width: 210px;
  }
}
/* line 1297, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand:hover, #header .navi .cat-menu .master-nav > ul > li.japan-brand:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -158px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1297, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li.japan-brand:hover, #header .navi .cat-menu .master-nav > ul > li.japan-brand:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -156px;
    height: 77px;
    width: 210px;
  }
}
/* line 1300, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand .submenu .submenu-nav, #header .navi .cat-menu .master-nav > ul > li.japan-brand .submenu .submenu-nav {
  width: 381px;
}
/* line 1302, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand .submenu .submenu-nav a, #header .navi .cat-menu .master-nav > ul > li.japan-brand .submenu .submenu-nav a {
  display: block;
  float: left;
  width: 84px;
  height: 77px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: center;
}
/* line 1311, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand .submenu .submenu-nav a .banner, #header .navi .cat-menu .master-nav > ul > li.japan-brand .submenu .submenu-nav a .banner {
  width: 84px;
  height: 45px;
}
/* line 1314, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand .submenu .submenu-nav a .banner img, #header .navi .cat-menu .master-nav > ul > li.japan-brand .submenu .submenu-nav a .banner img {
  width: 100%;
  height: 100%;
}
/* line 1319, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand .submenu .submenu-nav a .words, #header .navi .cat-menu .master-nav > ul > li.japan-brand .submenu .submenu-nav a .words {
  line-height: 11px;
}
/* line 1322, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand .submenu .submenu-nav a:hover, #header .navi .cat-menu .master-nav > ul > li.japan-brand .submenu .submenu-nav a:hover {
  opacity: .7;
}
/* line 1364, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand:hover, #header .navi .cat-menu .master-nav > ul > li.japan-brand:hover {
  display: table;
}
/* line 1366, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand:hover > a, #header .navi .cat-menu .master-nav > ul > li.japan-brand:hover > a {
  border-left: none;
  background: none;
}
/* line 1371, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand > a, #header .navi .cat-menu .master-nav > ul > li.japan-brand > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1379, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.japan-brand > a:after, #header .navi .cat-menu .master-nav > ul > li.japan-brand > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo, #header .navi .cat-menu .master-nav > ul > li.promo {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1202px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 78px;
  width: 210px;
  display: table;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li.promo, #header .navi .cat-menu .master-nav > ul > li.promo {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1191px;
    height: 78px;
    width: 210px;
  }
}
/* line 1330, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo:hover, #header .navi .cat-menu .master-nav > ul > li.promo:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1122px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 78px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1330, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li.promo:hover, #header .navi .cat-menu .master-nav > ul > li.promo:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1112px;
    height: 78px;
    width: 210px;
  }
}
/* line 1333, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo .submenu .submenu-nav, #header .navi .cat-menu .master-nav > ul > li.promo .submenu .submenu-nav {
  width: 381px;
}
/* line 1335, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo .submenu .submenu-nav a, #header .navi .cat-menu .master-nav > ul > li.promo .submenu .submenu-nav a {
  display: block;
  float: left;
  width: 116px;
  height: 158px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: center;
}
/* line 1344, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo .submenu .submenu-nav a .banner, #header .navi .cat-menu .master-nav > ul > li.promo .submenu .submenu-nav a .banner {
  border: 1px #ebebeb solid;
  width: 116px;
  height: 116px;
}
/* line 1348, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo .submenu .submenu-nav a .banner img, #header .navi .cat-menu .master-nav > ul > li.promo .submenu .submenu-nav a .banner img {
  width: 100%;
  height: 100%;
}
/* line 1353, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo .submenu .submenu-nav a .words, #header .navi .cat-menu .master-nav > ul > li.promo .submenu .submenu-nav a .words {
  margin-top: 10px;
  line-height: 16px;
}
/* line 1357, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo .submenu .submenu-nav a:hover, #header .navi .cat-menu .master-nav > ul > li.promo .submenu .submenu-nav a:hover {
  opacity: .7;
}
/* line 1364, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo:hover, #header .navi .cat-menu .master-nav > ul > li.promo:hover {
  display: table;
}
/* line 1366, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo:hover > a, #header .navi .cat-menu .master-nav > ul > li.promo:hover > a {
  border-left: none;
  background: none;
}
/* line 1371, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo > a, #header .navi .cat-menu .master-nav > ul > li.promo > a {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 0 40px 0 70px;
  border-left: none;
  line-height: 14px;
  color: #212121;
}
/* line 1379, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.promo > a:after, #header .navi .cat-menu .master-nav > ul > li.promo > a:after {
  right: 30px;
  /*for ie not getting table-cell height with % */
  top: 35px;
}
/* line 1388, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li:hover > a, #header .navi .cat-menu .master-nav > ul > li:hover > a {
  border-left: 5px solid #115b54;
  background: #fff;
  color: #115b54;
}
/* line 1392, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.finance #header .navi .cat-menu .subnav > ul > li:hover > a, .finance #header .navi .cat-menu .master-nav > ul > li:hover > a {
  color: #51090E;
}
/* line 1396, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li:hover > a > span, #header .navi .cat-menu .master-nav > ul > li:hover > a > span {
  border-color: #115b54;
}
/* line 1400, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li:hover > a::after, #header .navi .cat-menu .master-nav > ul > li:hover > a::after {
  display: none;
}
/* line 1407, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li.active .highlight, #header .navi .cat-menu .master-nav > ul > li.active .highlight {
  background: #115b54;
}
/* line 1410, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li > a, #header .navi .cat-menu .master-nav > ul > li > a {
  font-size: 15px;
  display: block;
  padding: 4px 10px;
  line-height: 1.3;
  border-left: 5px solid #e9ece5;
  color: #333;
  cursor: pointer;
  position: relative;
  z-index: 99;
}
/* line 1420, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li > a::after, #header .navi .cat-menu .master-nav > ul > li > a::after {
  content: " ";
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -5px;
}
/* line 1428, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li > a span, #header .navi .cat-menu .master-nav > ul > li > a span {
  font-size: 10px;
  border: 1px solid #bbb;
  padding: 0 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* line 1438, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu, #header .navi .cat-menu .master-nav > ul > li .submenu {
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 398px;
  min-height: 100%;
  height: auto;
  padding: 10px 20px 0 20px;
  position: absolute;
  left: 210px;
  top: 0;
  display: none;
}
/* line 1451, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.fashion #header .navi .cat-menu .subnav > ul > li .submenu, #header .navi .cat-menu .subnav > ul > li .submenu.fashion, .fashion #header .navi .cat-menu .master-nav > ul > li .submenu, #header .navi .cat-menu .master-nav > ul > li .submenu.fashion {
  padding: 10px;
}
/* line 1463, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu.active, #header .navi .cat-menu .master-nav > ul > li .submenu.active {
  display: block;
}
/* line 1467, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .title, #header .navi .cat-menu .master-nav > ul > li .submenu .title {
  text-decoration: none;
  font-size: 18px;
  color: #222;
  margin: 0 0 10px;
}
/* line 1474, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.fashion.language-en #header .navi .cat-menu .subnav > ul > li .submenu .title > a[data-maincat="AA22000000000"], .language-en #header .navi .cat-menu .master-nav > ul > li .submenu .title > a[data-maincat="AA22000000000"], .language-en #header .navi .cat-menu .subnav > ul > li .submenu .title .fashion > a[data-maincat="AA22000000000"], .language-en #header .navi .cat-menu .master-nav > ul > li .submenu .title .fashion > a[data-maincat="AA22000000000"] {
  letter-spacing: -0.5px;
}
/* line 1479, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .title a:after, #header .navi .cat-menu .master-nav > ul > li .submenu .title a:after {
  content: " ";
  position: static;
  display: inline-block;
  margin: 0 0 2px 5px;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2272px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1479, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li .submenu .title a:after, #header .navi .cat-menu .master-nav > ul > li .submenu .title a:after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2240px;
    height: 9px;
    width: 6px;
  }
}
/* line 1490, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .submenu-nav, #header .navi .cat-menu .master-nav > ul > li .submenu .submenu-nav {
  width: 169px;
  float: left;
  margin: 0 5px;
}
/* line 1494, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .submenu-nav ul, #header .navi .cat-menu .master-nav > ul > li .submenu .submenu-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 1499, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .submenu-nav ul li a, #header .navi .cat-menu .master-nav > ul > li .submenu .submenu-nav ul li a {
  font-size: 15px;
  color: #333;
  display: block;
  padding: 2.5px 0;
  cursor: pointer;
  overflow: hidden;
  line-height: 1.3;
}
/* line 1507, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .submenu-nav ul li a:hover, #header .navi .cat-menu .master-nav > ul > li .submenu .submenu-nav ul li a:hover {
  color: #36b449;
}
/* line 1510, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .submenu-nav ul li a span, #header .navi .cat-menu .master-nav > ul > li .submenu .submenu-nav ul li a span {
  font-size: 10px;
  border: 1px solid #bbb;
  padding: 0 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* line 1523, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper {
  margin: 5px 0 0;
  padding: 5px 0 0;
  border-top: 1px solid #ebebeb;
}
/* line 1527, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .brand-title, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .brand-title {
  margin-bottom: 2.5px;
  color: #333;
  font-size: 13px;
}
/* line 1532, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo {
  width: 66px;
  height: 34px;
  border: 1px solid #ebebeb;
  float: left;
  margin: 0 7px 10px 0;
  cursor: pointer;
}
/* line 1539, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo:nth-child(5n+5), #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo:nth-child(5n+5) {
  margin-right: 0;
}
/* line 1542, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo:last-child, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo:last-child {
  margin-bottom: 12px;
}
/* line 1545, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo img, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo img {
  width: 100%;
  height: 100%;
}
/* line 1550, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo:hover, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo:hover {
  opacity: .7;
}
/* line 1554, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo_no_image, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo_no_image {
  border: 0;
  height: 15px;
  line-height: 15px;
  width: 122px;
  margin: 0 40px 18px 0;
  padding-right: 8px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  /* Last row */
}
/* line 1564, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo_no_image span, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo_no_image span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 16px;
  font-size: 15px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
}
/* line 1567, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo_no_image span::after, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo_no_image span::after {
  content: "";
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2272px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
  position: absolute;
  right: 0;
  top: 1px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1567, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo_no_image span::after, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo_no_image span::after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2240px;
    height: 9px;
    width: 6px;
  }
}
/* line 1576, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo_no_image:nth-child(n+13):nth-child(-n+15), #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo_no_image:nth-child(n+13):nth-child(-n+15) {
  margin-bottom: 15px;
}
/* line 1579, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .submenu .brand-logo-wrapper .logo_no_image:hover, #header .navi .cat-menu .master-nav > ul > li .submenu .brand-logo-wrapper .logo_no_image:hover {
  color: #36b449;
}
/* line 1585, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu, #header .navi .cat-menu .master-nav > ul > li .second_submenu {
  border-left: 1px solid #EEEEEE;
}
/* line 1588, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu a:link, #header .navi .cat-menu .master-nav > ul > li .second_submenu a:link {
  color: inherit;
}
/* line 1591, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu a:visited, #header .navi .cat-menu .master-nav > ul > li .second_submenu a:visited {
  color: inherit;
}
/* line 1595, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top {
  height: 70px;
  width: 251.2px;
  margin: 10px;
  margin-top: 34px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  align-content: space-between;
}
/* line 1604, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 {
  width: 116px;
  height: 30px;
  border: 1px solid #CCCCCC;
  color: #333333;
  padding: 0 5px;
}
/* line 1610, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 a.link_clickthrough::after, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 a.link_clickthrough::after {
  content: '';
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4270px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1610, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 a.link_clickthrough::after, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 a.link_clickthrough::after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4172px;
    height: 9px;
    width: 7px;
  }
}
/* line 1614, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 span, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 17px;
  font-size: 15px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 93px;
  vertical-align: middle;
}
/* line 1619, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1:not(.submenu_nav_1):hover, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1:not(.submenu_nav_1):hover {
  border: 1px solid #36B449;
  color: #36B449;
}
/* line 1622, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1:not(.submenu_nav_1):hover a.link_clickthrough::after, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1:not(.submenu_nav_1):hover a.link_clickthrough::after {
  content: '';
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1622, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1:not(.submenu_nav_1):hover a.link_clickthrough::after, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1:not(.submenu_nav_1):hover a.link_clickthrough::after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4182px;
    height: 9px;
    width: 7px;
  }
}
/* line 1627, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1 {
  color: #E30B0B;
}
/* line 1629, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1 a.link_clickthrough::after, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1 a.link_clickthrough::after {
  content: '';
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4292px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1629, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1 a.link_clickthrough::after, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1 a.link_clickthrough::after {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4192px;
    height: 9px;
    width: 7px;
  }
}
/* line 1633, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1:hover, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1.submenu_nav_1:hover {
  border: 1px solid #E30B0B;
}
/* line 1639, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 1639, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_2, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 1639, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_3, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 1639, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_4, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 1645, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.IE_cssfix #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top, .IE_cssfix #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top {
  display: table-cell;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.IE_cssfix #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top:after, .IE_cssfix #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1648, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.IE_cssfix #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1, .IE_cssfix #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_top .fashion_nav_section_1 {
  float: left;
}
/* line 1653, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom {
  margin: 5px 10px 0 10px;
  height: 346px;
  width: 251.2px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  align-content: space-between;
}
/* line 1661, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 {
  width: 116px;
  height: 165.5px;
  position: relative;
}
/* line 1665, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_image, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_image {
  height: 116px;
  width: 116px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 1672, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_image img, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_image img {
  max-height: 100%;
  max-width: 100%;
}
/* line 1677, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_text, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_text {
  width: 116px;
  height: 44.5px;
}
/* line 1680, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_text span, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .nav_text span {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 36px;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  text-align: center;
}
/* line 1686, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .second_submenu_filter, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 .second_submenu_filter {
  display: none;
  background: #FFFFFF;
  width: 116px;
  height: 165.5px;
  position: absolute;
  top: 0;
}
/* line 1695, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2:hover .second_submenu_filter, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2:hover .second_submenu_filter {
  display: initial;
  opacity: 0.2;
}
/* line 1699, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2:hover span, #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2:hover span {
  text-decoration: underline;
}
/* line 1704, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.IE_cssfix #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom, .IE_cssfix #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom {
  display: table;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.IE_cssfix #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom:after, .IE_cssfix #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1707, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.IE_cssfix #header .navi .cat-menu .subnav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2, .IE_cssfix #header .navi .cat-menu .master-nav > ul > li .second_submenu .second_submenu_bottom .fashion_nav_section_2 {
  float: left;
}
/* line 1716, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav {
  background: #fff;
}
/* line 1719, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav .subnav {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
}
/* line 1721, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav .subnav > ul > li:hover > a {
  color: #115b54;
}
/* line 1723, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav .subnav > ul > li:hover > a > span {
  border-color: #115b54;
}
/* line 1729, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a {
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  border-left: none;
}
/* line 1730, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.language-en #header .navi .cat-menu .master-nav > ul > li > a {
  font-size: 14px;
  line-height: 35px;
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.supermarket::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_supermarket.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.supermarket:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.supermarket.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_supermarket_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.beautynhealth::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_beauty.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.beautynhealth:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.beautynhealth.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_beauty_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.personalcarenhealth::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_health.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.personalcarenhealth:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.personalcarenhealth.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_health_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.mothernbaby::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_mother.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.mothernbaby:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.mothernbaby.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_mother_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.pets::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_pets.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.pets:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.pets.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_pets_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.homenfamily::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_electrical.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.homenfamily:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.homenfamily.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_electrical_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.housewares::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_houseware.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.housewares:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.housewares.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_houseware_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.deals::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_deals.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.deals:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.deals.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_deals_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.sportsntravel::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_sports.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.sportsntravel:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.sportsntravel.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_sports_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.toysnbooks::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_toys.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.toysnbooks:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.toysnbooks.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_toys_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.fashion::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_fashion.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.fashion:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.fashion.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_fashion_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.finance::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_finance.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.finance:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.finance.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_finance_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.disney::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_disney.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.disney:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.disney.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_disney_green.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.thirteenlandmarks::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_directoryCat_13Landmarks.svg);
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.thirteenlandmarks:hover::before, #header .navi .cat-menu .master-nav > ul > li > a.thirteenlandmarks.active::before {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_directoryCat_13LandmarksGreen.svg);
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.general::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
}
/* line 1742, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li > a.normal::before {
  content: '';
  vertical-align: middle;
  margin: -4px 10px 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
}
/* line 1768, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li:hover > a {
  color: #115b54;
  border-left: none;
  background: #e9ece5;
}
/* line 1772, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li:hover > a::after {
  display: none;
}
/* line 1779, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account {
  float: right;
  font-size: 16px;
  padding: 0px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#header .navi .account:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1784, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account > * {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 0px;
  margin: 0;
}
/* line 1791, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .malldollar {
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 1801, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip a.btn-myaccount > span:first-child::before {
  content: '';
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -157px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1801, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account .vip a.btn-myaccount > span:first-child::before {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -157px 0;
    height: 16px;
    width: 30px;
  }
}
/* line 1814, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip ul li a:hover {
  color: #7030ca;
}
/* line 1820, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip ul.myaccount::after {
  border-bottom-color: #7030ca;
}
/* line 1825, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip ul.myaccount li.malldollar-row > a.btn-malldollar:hover .malldollar-expire {
  background: #4f347b;
}
/* line 1829, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container {
  background-color: #8030ca;
}
/* line 1831, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .malldollar {
  background-color: #4f347b;
}
/* line 1835, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .vip ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-expire {
  background: #4f347b;
}
/* line 1846, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip a.btn-myaccount > span:first-child::before {
  content: '';
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -187px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 18px;
  width: 72px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1846, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account .goldVip a.btn-myaccount > span:first-child::before {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -187px 0;
    height: 18px;
    width: 72px;
  }
}
/* line 1859, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip ul li a:hover {
  color: #937210;
}
/* line 1865, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip ul.myaccount::after {
  border-bottom-color: #ddc22d;
}
/* line 1870, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip ul.myaccount li.malldollar-row > a.btn-malldollar:hover .malldollar-expire {
  background: #937210;
}
/* line 1874, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container {
  background-color: #EFD019;
  background-image: url(/_ui/desktop/common/images/goldVip/bgGoldvip.png);
}
/* line 1877, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .malldollar {
  background-color: #937210;
}
/* line 1881, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account .goldVip ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-expire {
  background: #937210;
}
/* line 1889, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-register, #header .navi .account a.btn-login, #header .navi .account a.btn-cart, #header .navi .account a.btn-mylist, #header .navi .account a.btn-msgCenter {
  display: inline-block;
  line-height: 32px;
  padding: 15px 5px 10px 40px;
  margin: 0px;
  position: relative;
  cursor: pointer;
  color: #333;
}
/* line 1898, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-register:hover, #header .navi .account a.btn-register.active, #header .navi .account a.btn-login:hover, #header .navi .account a.btn-login.active, #header .navi .account a.btn-cart:hover, #header .navi .account a.btn-cart.active, #header .navi .account a.btn-mylist:hover, #header .navi .account a.btn-mylist.active, #header .navi .account a.btn-msgCenter:hover, #header .navi .account a.btn-msgCenter.active {
  background: rgba(0, 0, 0, 0.12);
}
/* line 1901, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-register::before, #header .navi .account a.btn-login::before, #header .navi .account a.btn-cart::before, #header .navi .account a.btn-mylist::before, #header .navi .account a.btn-msgCenter::before {
  position: absolute;
  left: 5px;
  top: 15px;
  content: '';
}
/* line 1909, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-register::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3315px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1909, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account a.btn-register::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3245px;
    height: 32px;
    width: 32px;
  }
}
/* line 1914, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-login::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3247px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1914, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account a.btn-login::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3179px;
    height: 32px;
    width: 32px;
  }
}
/* line 1918, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-cart {
  padding-left: 48px;
}
/* line 1920, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-cart::before {
  background-image: url(/_ui/desktop/common/images/bn_cart_black.svg);
  height: 32px;
  width: 32px;
}
/* line 1925, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-cart .cart-number-label {
  position: absolute;
  left: 25px;
  top: 5px;
  background: #ee4054;
  border-bottom: 2px solid #c04054;
  width: 24px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  display: block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
/* line 1944, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-mylist::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3383px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1944, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account a.btn-mylist::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3311px;
    height: 32px;
    width: 32px;
  }
}
/* line 1949, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-msgCenter::before {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3506px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1949, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account a.btn-msgCenter::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3430px;
    height: 32px;
    width: 32px;
  }
}
/* line 1952, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-msgCenter .msg-number-label {
  position: absolute;
  left: 20px;
  top: 5px;
  background: #ee4054;
  border-bottom: 2px solid #c04054;
  width: 24px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  display: block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
/* line 1970, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-myaccount {
  display: inline-block;
  line-height: 32px;
  padding: 15px 20px 10px 5px;
  margin: 0px;
  position: relative;
  cursor: pointer;
  color: #333;
  text-align: right;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#header .navi .account a.btn-myaccount:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1980, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-myaccount:hover, #header .navi .account a.btn-myaccount.active {
  background: rgba(0, 0, 0, 0.12);
}
/* line 1983, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-myaccount::before {
  position: absolute;
  right: 6.66667px;
  top: 28.5px;
  content: '';
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2264px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 6px;
  width: 9px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1983, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account a.btn-myaccount::before {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2233px;
    height: 6px;
    width: 9px;
  }
}
/* line 1990, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-myaccount span {
  float: right;
  clear: both;
  line-height: 16px;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 1997, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-myaccount span:first-child {
  max-height: 16px;
  font-size: 16px;
}
/* line 2001, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account a.btn-myaccount span:last-child {
  font-size: 13px;
}
/* line 2007, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul {
  display: block;
  position: absolute;
  top: 52px;
  right: 0px;
  background: #fff;
  text-align: center;
  font-size: 13px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
/* line 2019, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul::after {
  content: "";
  position: absolute;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #fff;
}
/* line 2029, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul li {
  border-bottom: 1px solid #ebebeb;
}
/* line 2031, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul li:last-child {
  border-bottom: 0px solid transparent;
}
/* line 2034, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul li a {
  display: block;
  width: 100%;
  line-height: 34px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
/* line 2041, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul li a:hover {
  background-color: #f5f5f5;
  color: #36b449;
}
/* line 2047, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage {
  display: none;
  width: 376px;
  right: -148px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  overflow: hidden;
}
/* line 2056, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage::after {
  right: 183px;
}
/* line 2059, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.msgBoxHeader {
  line-height: 56px;
}
/* line 2062, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.msgBoxHeader .title {
  float: left;
  font-weight: 700;
  padding: 0 16px;
  font-size: 16px;
  color: #125b54;
}
/* line 2069, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.msgBoxHeader .readAll {
  float: right;
  padding: 0 16px;
  cursor: pointer;
  font-size: 14px;
  color: #125b54;
  font-weight: 700;
}
/* line 2076, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.msgBoxHeader .readAll:hover {
  text-decoration: underline;
}
/* line 2080, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.msgBoxHeader:after {
  content: '';
  display: block;
  clear: both;
}
/* line 2086, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper {
  height: 355px;
  overflow: auto;
  position: relative;
}
/* line 2091, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .noMessageOverlay {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
/* line 2098, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .noMessageOverlay .icNomsgSmall {
  margin-top: 74px;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3692px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 73px;
  width: 73px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2098, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account ul.mymessage li.messageWrapper .noMessageOverlay .icNomsgSmall {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3613px;
    height: 73px;
    width: 73px;
  }
}
/* line 2102, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .noMessageOverlay .nomsg {
  line-height: 26px;
  font-size: 24px;
  columns: #222222;
  font-weight: 700;
  margin-top: 8px;
}
/* line 2109, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .noMessageOverlay a.greenButton {
  display: inline-block;
  width: auto;
  background-color: #36b449;
  border-radius: 2px;
  line-height: 32px;
  font-size: 14px;
  color: #ffffff;
  padding: 0 20px;
  margin-top: 16px;
}
/* line 2119, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .noMessageOverlay a.greenButton:hover {
  background-color: #237630;
}
/* line 2123, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer {
  line-height: 16px;
  font-size: 13px;
  text-align: initial;
}
/* line 2128, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem {
  cursor: pointer;
  position: relative;
  padding: 8px 12px 8px 0px;
  min-height: 88px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #ffffff;
  border: 1px solid #f2f2f2;
}
/* line 2137, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem:hover {
  background: #f3f3f3;
}
/* line 2141, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .more {
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: bold;
  color: #125b54;
}
/* line 2147, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .more:hover {
  text-decoration: underline;
}
/* line 2152, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .unread-dot {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  background-color: #ea3150;
  border-radius: 8px;
}
/* line 2162, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemL {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 0 83px;
  -moz-box-flex: 0 0 83px;
  -ms-flex: 0 0 83px;
  -webkit-flex: 0 0 83px;
  flex: 0 0 83px;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 2168, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemL .msgIcon {
  min-height: 48px;
  min-width: 48px;
  max-height: 48px;
  max-width: 48px;
}
/* line 2175, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemL .msgTypeText {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  word-break: break-word;
  word-wrap: break-word;
  width: 100%;
}
/* line 2189, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .vtLine {
  min-width: 1px;
  max-width: 1px;
  min-height: 72px;
  background-color: rgba(34, 34, 34, 0.12);
}
/* line 2196, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemR {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 2202, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemR .msgText {
  line-height: 20px;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  width: 252px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin-bottom: 8px;
  text-align: left;
}
/* line 2219, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemR .msgText b {
  color: #3b3b3b;
  font-weight: 700;
}
/* line 2223, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemR .msgText.moreClicked {
  max-height: none;
  -webkit-line-clamp: unset;
}
/* line 2228, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemR .msgFooter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 250px;
  margin: auto 0 4px auto;
}
/* line 2234, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.messageWrapper .msgContainer .msgItem .msgItemR .msgTime {
  display: inline-block;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
/* line 2246, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.viewAllMsg a {
  line-height: 32px;
  font-size: 14px;
  background-color: #235b54;
  color: #eeeeee;
}
/* line 2251, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mymessage li.viewAllMsg a:hover {
  text-decoration: underline;
}
/* line 2257, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mylist {
  display: none;
  width: 130px;
}
/* line 2261, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.mylist::after {
  right: 60px;
}
/* line 2265, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount {
  display: none;
  width: 250px;
}
/* line 2269, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount::after {
  border-bottom-color: #36b449;
  right: 40px;
}
/* line 2273, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row {
  border: none;
}
/* line 2275, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar {
  display: block;
  color: white;
  line-height: 1;
}
/* line 2280, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar:hover .malldollar-container > * {
  opacity: 0.8;
}
/* line 2283, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar:hover .malldollar-expire {
  background: #237d43;
}
/* line 2287, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container {
  background-color: #36b449;
  padding: 10px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 2291, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .title {
  float: left;
}
/* line 2293, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .title::before {
  content: '';
  background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
  background-position: 0 -30px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 25px;
  width: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2293, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .title::before {
    background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
    background-size: 48px 645px;
    background-position: 0 -30px;
    height: 25px;
    width: 25px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 2293, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .title::before {
    background-image: url(/_ui/shared/common/images/sprite/product-3x-s797e9a52b9.png);
    background-size: 48px 296px;
    background-position: 0 -75px;
    height: 25px;
    width: 25px;
  }
}
/* line 2297, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .title span {
  text-align: left;
  display: inline-block;
}
/* line 2300, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .title span .title-text {
  display: block;
}
/* line 2305, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container .malldollar {
  float: right;
  padding: 10px 5px;
  font-size: 20px;
  background-color: #27904d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* line 2316, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container.goldVip .title::before {
  content: '';
  background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
  background-position: -16px -78px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 25px;
  width: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2316, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container.goldVip .title::before {
    background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
    background-size: 48px 645px;
    background-position: -16px -78px;
    height: 25px;
    width: 25px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 2316, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container.goldVip .title::before {
    background-image: url(/_ui/shared/common/images/sprite/product-3x-s797e9a52b9.png);
    background-size: 48px 296px;
    background-position: 0 0;
    height: 25px;
    width: 25px;
  }
}
/* line 2320, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-container.goldVip .title span {
  font-weight: 600;
  color: #000;
}
/* line 2327, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .account ul.myaccount li.malldollar-row > a.btn-malldollar .malldollar-expire {
  font-size: 13px;
  padding: 10px;
  background: #27904d;
}
/* line 2338, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom {
  height: 30px;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  overflow: hidden;
}
/* line 2345, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .keywords {
  float: left;
  margin-left: 20%;
  font-size: 14px;
  line-height: 30px;
  width: 40%;
}
/* line 2351, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .keywords > * {
  margin-right: 5px;
}
/* line 2354, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .keywords a {
  color: white;
  text-decoration: underline;
}
/* line 2359, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .promoMsg {
  float: right;
  width: 480px;
}
/* line 2362, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .promoMsg .promo-message {
  text-align: right;
  height: 32px;
  overflow: hidden;
}
/* line 2365, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .promoMsg .promo-message a {
  color: #ffffff;
}
/* line 2368, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .promoMsg .promo-message p {
  color: #ffffff;
}
/* line 2373, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .bottom .container {
  padding-left: 0;
  padding-right: 0;
}

/* line 2382, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#nav {
  display: block;
  position: absolute;
  z-index: 997;
  width: 104px;
  padding: 2px 0 0 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 2392, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.topnav-left span.new {
  position: relative;
  top: -5px;
  font-size: 11px;
  color: red;
  animation: updown 1s infinite;
}

/* Category */
/* line 2402, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.category span {
  line-height: 36px;
  position: absolute;
}

/* line 2407, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li a:after {
  content: ' ';
  width: 6px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  background-position: -200px -250px;
}

/* line 2418, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.subnav.subnav-off {
  transform: translateY(-50%) scaleY(0);
  opacity: 0;
  visibility: hidden;
}

/* line 2424, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.header-bottom-off {
  display: none !important;
}

/* line 2428, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li .subnav_2 {
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 420px;
  height: 460px;
  padding: 10px 20px;
  position: absolute;
  left: 169px;
  top: 0;
  display: none;
}

/* line 2440, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li .subnav_2 .nav {
  width: 180px;
  float: left;
  margin: 0 5px;
}

/* line 2446, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li:hover .subnav_2 {
  display: block;
}

/* line 2450, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li .subnav_2 a {
  border: none;
  padding: 0;
}

/* line 2455, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li:hover a {
  border-left: 5px solid #115b54;
  background: #fff;
}

/* line 2460, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li .subnav_2 .title {
  font-size: 18px;
  color: #222;
  margin: 0 0 10px;
  height: 24px;
}

/* line 2467, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.subnav_2 .brand-title {
  margin: 0 0 10px;
  color: #333;
  font-size: 13px;
}

/* line 2473, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.brand-logo-wrapper {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #ebebeb;
}

/* line 2479, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.subnav_2 .nav li {
  line-height: 25px;
}

/* line 2483, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li:hover .subnav_2 a {
  border: none;
  float: left;
  margin-right: 10px;
}

/* line 2489, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.subnav_2 .nav a {
  font-size: 13px;
}

/* line 2493, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li a {
  display: block;
  padding: 0 10px;
  border-left: 5px solid #f5f5f5;
  color: #333;
  cursor: pointer;
  position: relative;
  z-index: 99;
}

/* line 2503, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li span {
  font-size: 10px;
  border: 1px solid #bbb;
  padding: 0 3px;
  border-radius: 2px;
  position: relative;
}

/* line 2511, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li .subnav_2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 2517, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav li .subnav_2 li a {
  display: block;
  padding: 0;
  cursor: pointer;
}

/* line 2523, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category .subnav {
  display: none;
  background: #f5f5f5;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 999;
  cursor: default;
  transition: transform 0.5s, opacity 0.2s;
  opacity: 1;
  padding: 5px 0;
  width: 100%;
  height: 460px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

/* line 2541, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.navi .category:hover .subnav {
  display: block;
}

/* line 2545, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.btn-myacct:first-child:hover, .btn-myacct.active:first-child:hover, .btn-myacct:first-child:active, .btn-myacct.active:first-child:active {
  background: rgba(0, 0, 0, 0.12);
}

/* line 2550, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.btn-mywishlist:hover, .btn-mywishlist.active:hover, .btn-mywishlist:active, .btn-mywishlist.active:active {
  background: rgba(0, 0, 0, 0.12);
}

/* line 2555, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
a.btn-cart.header-sprite-container.btn-to-checkout-express:hover {
  background: rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 1188px) {
  /* line 2561, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .wrapper.clearfix, .wrapper-top-inner div#tab {
    margin: initial;
  }
}
/* line 2567, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.extra-banner-container {
  z-index: 101;
  position: fixed;
  right: -5000px;
  top: 220px;
  transition: all 0.5s;
  opacity: 0;
}
/* line 2574, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.extra-banner-container.active {
  right: 0px;
  opacity: 1;
}
/* line 2578, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.extra-banner-container i {
  position: absolute;
  right: 0px;
  top: -30px;
  cursor: pointer;
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1636px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2578, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .extra-banner-container i {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1621px;
    height: 28px;
    width: 28px;
  }
}
/* line 2585, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.extra-banner-container i:hover {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1606px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2585, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .extra-banner-container i:hover {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1592px;
    height: 28px;
    width: 28px;
  }
}
/* line 2589, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.extra-banner-container .hktv-zone-banner {
  margin-bottom: 20px;
  transition: opacity 0.13s linear;
}
/* line 2592, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.extra-banner-container .hktv-zone-banner:hover {
  opacity: .8;
}

/* line 2598, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.AnimatedHeader {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: -99999;
  overflow: hidden;
  max-height: 140px;
}
/* line 2606, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.AnimatedHeader img {
  position: static;
  margin: 0 auto;
  display: block;
}

/* line 2613, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icCategorydropdownWhite {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2475px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2613, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icCategorydropdownWhite {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2435px;
    height: 32px;
    width: 32px;
  }
}

/* line 2617, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icArrowrightGrey {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2272px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2617, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icArrowrightGrey {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2240px;
    height: 9px;
    width: 6px;
  }
}

/* line 2621, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icArrowdownGrey {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2264px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 6px;
  width: 9px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2621, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icArrowdownGrey {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2233px;
    height: 6px;
    width: 9px;
  }
}

/* line 2625, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.btnSearchbar {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -1734px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2625, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .btnSearchbar {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -1716px;
    height: 32px;
    width: 32px;
  }
}

/*.icSupermarket {
    @include getSprite_HeaderDesktop(icSupermarket);
}

.icBeautynhealth {
    @include getSprite_HeaderDesktop(icBeautynHealth);
}

.icFashion {
    @include getSprite_HeaderDesktop(icFashion);
}

.icHomenfamily {
    @include getSprite_HeaderDesktop(icHomenfamily);
}

.icDeals {
    @include getSprite_HeaderDesktop(icDeals);
}

.icHousewares {
    @include getSprite_HeaderDesktop(icHousewares);
}
*/
/* line 2653, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icDining {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4314px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2653, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icDining {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4212px;
    height: 20px;
    width: 20px;
  }
}

/* line 2656, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icDining {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2656, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icDining {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4233px;
    height: 20px;
    width: 20px;
  }
}

/* line 2659, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icDiningLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4358px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2659, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icDiningLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4254px;
    height: 40px;
    width: 40px;
  }
}

/* line 2663, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icAllDeal {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2178px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2663, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icAllDeal {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2150px;
    height: 20px;
    width: 20px;
  }
}

/* line 2667, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icAllDeal {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2200px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2667, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icAllDeal {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2171px;
    height: 20px;
    width: 20px;
  }
}

/* line 2670, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icAllDealLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2222px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2670, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icAllDealLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2192px;
    height: 40px;
    width: 40px;
  }
}

/* line 2674, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icBeauty {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2283px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2674, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icBeauty {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2250px;
    height: 20px;
    width: 20px;
  }
}

/* line 2677, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icBeauty {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2305px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2677, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icBeauty {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2271px;
    height: 20px;
    width: 20px;
  }
}

/* line 2680, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icBeautyLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2327px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2680, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icBeautyLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2292px;
    height: 40px;
    width: 40px;
  }
}

/* line 2684, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icFeature {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2764px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 21px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2684, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icFeature {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2713px;
    height: 21px;
    width: 20px;
  }
}

/* line 2687, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icFeature {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2787px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2687, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icFeature {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2735px;
    height: 20px;
    width: 20px;
  }
}

/* line 2690, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icFeatureLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2809px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2690, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icFeatureLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2756px;
    height: 40px;
    width: 40px;
  }
}

/* line 2693, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icLeisure {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3066px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2693, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icLeisure {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3004px;
    height: 20px;
    width: 20px;
  }
}

/* line 2696, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icLeisure {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3088px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2696, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icLeisure {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3025px;
    height: 20px;
    width: 20px;
  }
}

/* line 2699, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icLeisureLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -3110px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2699, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icLeisureLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3046px;
    height: 40px;
    width: 40px;
  }
}

/* line 2702, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icShopping {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2283px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2702, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icShopping {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2250px;
    height: 20px;
    width: 20px;
  }
}

/* line 2705, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icShopping {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2305px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2705, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icShopping {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2271px;
    height: 20px;
    width: 20px;
  }
}

/* line 2708, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icShoppingLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2327px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2708, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icShoppingLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2292px;
    height: 40px;
    width: 40px;
  }
}

/* line 2712, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icTravel {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4075px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2712, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icTravel {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -3984px;
    height: 20px;
    width: 20px;
  }
}

/* line 2715, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals li.active .icTravel {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4097px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2715, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #header.deals li.active .icTravel {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4005px;
    height: 20px;
    width: 20px;
  }
}

/* line 2718, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icTravelLarge {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -4119px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2718, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icTravelLarge {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -4026px;
    height: 40px;
    width: 40px;
  }
}

/* line 2722, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icHeart {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2905px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2722, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icHeart {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2849px;
    height: 24px;
    width: 24px;
  }
}

/* line 2725, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.icCart {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2449px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2725, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .icCart {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2410px;
    height: 24px;
    width: 24px;
  }
}

/* line 2731, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#wishlistWrapper .mylistLeftNavBar li.active .icHeart {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2879px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2731, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #wishlistWrapper .mylistLeftNavBar li.active .icHeart {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2824px;
    height: 24px;
    width: 24px;
  }
}
/* line 2734, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#wishlistWrapper .mylistLeftNavBar li.active .icCart {
  background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
  background-position: 0 -2423px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2734, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  #wishlistWrapper .mylistLeftNavBar li.active .icCart {
    background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
    background-size: 210px 6162px;
    background-position: 0 -2385px;
    height: 24px;
    width: 24px;
  }
}

/* Beautynhealth MenuOverlay */
/* line 2745, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav, #header.beautynhealth .navi .cat-menu .master-nav {
  background-color: #ECECE5;
}
/* line 2750, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li > a, #header.beautynhealth .navi .cat-menu .master-nav > ul > li > a {
  border-left: 5px solid #ECECE5;
}
/* line 2757, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li > .submenu .brand-logo-wrapper .brand-title, #header.beautynhealth .navi .cat-menu .master-nav > ul > li > .submenu .brand-logo-wrapper .brand-title {
  margin-bottom: 10px;
}
/* line 2761, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li > .submenu .brand-logo-wrapper .logo_no_image, #header.beautynhealth .navi .cat-menu .master-nav > ul > li > .submenu .brand-logo-wrapper .logo_no_image {
  height: 16px;
  line-height: 16px;
  margin: 0 40px 0 0;
}
/* line 2766, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li > .submenu .brand-logo-wrapper .logo_no_image span, #header.beautynhealth .navi .cat-menu .master-nav > ul > li > .submenu .brand-logo-wrapper .logo_no_image span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 16px;
  font-size: 15px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 2773, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat, #header.beautynhealth .navi .cat-menu .master-nav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none;
}
/* line 2777, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li:hover > a, #header.beautynhealth .navi .cat-menu .master-nav > ul > li:hover > a {
  border-left: 5px solid #66051b;
  color: #66051b;
}

/* Housewares MenuOverlay */
/* line 2796, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi .cat-menu .subnav > ul > li > a, #header.housewares .navi .cat-menu .master-nav > ul > li > a {
  color: #3E3E23;
  line-height: 19px;
}
/* line 2801, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat, #header.housewares .navi .cat-menu .master-nav > ul > li > .anchorBanner.promoCat {
  border: none;
}
/* line 2805, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi .cat-menu .subnav > ul > li:hover > a, #header.housewares .navi .cat-menu .master-nav > ul > li:hover > a {
  border-left: 5px solid #3E3E23;
}

/* Homenfamily MenuOverlay */
/* line 2819, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu .subnav, #header.homenfamily .navi .cat-menu .master-nav {
  background-color: #EBEFF2;
}
/* line 2824, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu .subnav > ul > li > a, #header.homenfamily .navi .cat-menu .master-nav > ul > li > a {
  border-left: 5px solid #EBEFF2;
}
/* line 2828, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat, #header.homenfamily .navi .cat-menu .master-nav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2832, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu .subnav > ul > li:hover > a, #header.homenfamily .navi .cat-menu .master-nav > ul > li:hover > a {
  border-left: 5px solid #174741;
  color: #174741;
}

/* line 2843, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.btnHotDealsTuesday {
  background-image: url(/_ui/desktop/common/images/sprite/supermarket_homenfamily-s2f055aa162.png);
  background-position: 0 -186px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 50px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2843, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .btnHotDealsTuesday {
    background-image: url(/_ui/desktop/common/images/sprite/supermarket_homenfamily-2x-sb8f98fae5c.png);
    background-size: 1188px 560px;
    background-position: 0 -186px;
    height: 50px;
    width: 210px;
  }
}
/* line 45, ../../../../resource/compass/lib/_hktvGetSprite.scss */
body.language-en .language-en .btnHotDealsTuesday {
  background-image: url(/_ui/desktop/common/images/sprite/supermarket_homenfamily_Eng-sded8980c60.png);
  background-position: 0 -495px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 50px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 45, ../../../../resource/compass/lib/_hktvGetSprite.scss */
  body.language-en .language-en .btnHotDealsTuesday {
    background-image: url(/_ui/desktop/common/images/sprite/supermarket_homenfamily-2x_Eng-s2c6d92bc2d.png);
    background-size: 1188px 495px;
    background-position: -414px 0;
    height: 50px;
    width: 210px;
  }
}

/* line 2850, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
.btn-hw-promo-cat {
  background-image: url(/_ui/desktop/common/images/sprite/housewares-s226ba2adca.png);
  background-position: -126px -78px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 50px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2850, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
  .btn-hw-promo-cat {
    background-image: url(/_ui/desktop/common/images/sprite/housewares-2x-s548a57af48.png);
    background-size: 1188px 525px;
    background-position: -126px -78px;
    height: 50px;
    width: 210px;
  }
}
/* line 45, ../../../../resource/compass/lib/_hktvGetSprite.scss */
body.language-en .btn-hw-promo-cat {
  background-image: url(/_ui/desktop/common/images/sprite/housewares_Eng-s21ac9db40c.png);
  background-position: -216px -86px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 50px;
  width: 210px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 45, ../../../../resource/compass/lib/_hktvGetSprite.scss */
  body.language-en .btn-hw-promo-cat {
    background-image: url(/_ui/desktop/common/images/sprite/housewares-2x_Eng-se3ef3aee2a.png);
    background-size: 1188px 230px;
    background-position: -216px -86px;
    height: 50px;
    width: 210px;
  }
}

/* line 2856, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header .navi .cat-menu .master-nav > ul > li .subnav .anchorBanner.promoCat {
  height: 55px;
  border: 0;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.supermarket .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.beautynhealth .navi .cat-menu .subnav > ul > li:hover > a {
  color: #66051b;
  border-left: 5px solid #66051b;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.personalcarenhealth .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.personalcarenhealth .navi .cat-menu .subnav > ul > li:hover > a {
  color: #40251E;
  border-left: 5px solid #40251E;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.mothernbaby .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.mothernbaby .navi .cat-menu .subnav > ul > li:hover > a {
  color: #034c54;
  border-left: 5px solid #034c54;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.pets .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.pets .navi .cat-menu .subnav > ul > li:hover > a {
  color: #6a2a16;
  border-left: 5px solid #6a2a16;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.homenfamily .navi .cat-menu .subnav > ul > li:hover > a {
  color: #174741;
  border-left: 5px solid #174741;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.housewares .navi .cat-menu .subnav > ul > li:hover > a {
  color: #3E3E23;
  border-left: 5px solid #3E3E23;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.deals .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sportsntravel .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.sportsntravel .navi .cat-menu .subnav > ul > li:hover > a {
  color: #2a4a04;
  border-left: 5px solid #2a4a04;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.toysnbooks .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.toysnbooks .navi .cat-menu .subnav > ul > li:hover > a {
  color: #052a52;
  border-left: 5px solid #052a52;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.fashion .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.finance .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.disney .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.thirteenlandmarks .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.general .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}

/* line 2867, ../../../../resource/compass/_ui/desktop/common/css/header_1511.scss */
#header.normal .navi .cat-menu .subnav > ul > li > .anchorBanner.promoCat {
  height: 55px;
  border: none !important;
}