/* IMPORTANT: Do not modify this generated css file*/
/* 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 10, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper {
  width: 1188px;
  margin: 0px auto 0px;
  padding-top: 30px;
}
/* line 15, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directoryTitle {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #222;
}
/* line 21, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directoryTitle .divider {
  margin-top: 10px;
  height: 2px;
  background: #cccccc;
}
/* line 28, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar {
  float: left;
  width: 210px;
  margin-right: 36px;
}
/* line 33, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
/* line 36, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li {
  position: relative;
  background: #e9ece5;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0px 8px 0px;
}
/* line 41, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
.language-en #directoryWrapper .directory-navbar ul li {
  font-size: 14px;
}
/* line 46, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icSupermarket {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_supermarket.svg);
}
/* line 49, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icBeautynhealth {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_beauty.svg);
}
/* line 52, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icHousewares {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_houseware.svg);
}
/* line 55, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icHomenfamily {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_electrical.svg);
}
/* line 58, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icDeals {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_deals.svg);
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icFashion {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_fashion.svg);
}
/* line 64, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icPersonalcarenhealth {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_health.svg);
}
/* line 67, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icMothernbaby {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_mother.svg);
}
/* line 70, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icPets {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_pets.svg);
}
/* line 73, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icSportsntravel {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_sports.svg);
}
/* line 76, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icToysnbooks {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_toys.svg);
}
/* line 79, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icFinance {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_finance.svg);
}
/* line 82, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icDisney {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_disney.svg);
}
/* line 85, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icThirteenlandmarks {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_directoryCat_13Landmarks.svg);
}
/* line 88, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icGadgetsandelectronics {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_gadgets.svg);
}
/* line 91, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon.icAllstore {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_allstore.svg);
}
/* line 95, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li:hover {
  background: rgba(248, 249, 250, 0);
}
/* line 98, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active {
  background: #f8f9fa;
  color: #115b54;
}
/* line 101, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.highlight {
  background: #115b54;
}
/* line 104, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icSupermarket {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_supermarket_green.svg);
}
/* line 107, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icBeautynhealth {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_beauty_green.svg);
}
/* line 110, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icHousewares {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_houseware_green.svg);
}
/* line 113, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icHomenfamily {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_electrical_green.svg);
}
/* line 116, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icDeals {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_deals_green.svg);
}
/* line 119, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icFashion {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_fashion_green.svg);
}
/* line 122, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icPersonalcarenhealth {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_health_green.svg);
}
/* line 125, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icMothernbaby {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_mother_green.svg);
}
/* line 128, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icPets {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_pets_green.svg);
}
/* line 131, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icSportsntravel {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_sports_green.svg);
}
/* line 134, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icToysnbooks {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_toys_green.svg);
}
/* line 137, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icFinance {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_finance_green.svg);
}
/* line 140, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icDisney {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_disney_green.svg);
}
/* line 143, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icThirteenlandmarks {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_directoryCat_13LandmarksGreen.svg);
}
/* line 146, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icGadgetsandelectronics {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_gadgets_green.svg);
}
/* line 149, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li.active div.icon.icAllstore {
  background-image: url(/_ui/desktop/common/svg/catIcon/ic_allstore_green.svg);
}
/* line 154, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.highlight {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
}
/* line 161, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px 0px 15px;
}
/* line 168, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .directory-navbar ul li div.text {
  display: inline-block;
  vertical-align: middle;
}
/* line 176, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container {
  float: left;
  width: 942px;
}
/* line 179, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .verticalLine {
  border: 1px solid #999;
  height: 24px;
  vertical-align: middle;
}
/* line 185, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat {
  height: 30px;
}
/* line 187, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat :before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 193, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .title, #directoryWrapper .store-directory-container .store-cat .text {
  display: inline-block;
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
  color: #222;
  padding: 0 5px;
  vertical-align: middle;
}
/* line 203, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .text {
  font-weight: 400;
  font-size: 13px;
}
/* line 208, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .store-directory-search {
  padding-left: 0px;
  float: right;
  border: 1px solid #ccc;
}
/* line 212, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .store-directory-search * {
  height: 30px;
}
/* line 215, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .store-directory-search .search-box {
  font-size: 16px;
}
/* line 219, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .store-directory-search .btnSearchbar {
  float: right;
  display: block;
}
/* line 223, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .store-directory-search .btnSearchbarClear {
  display: none;
  float: right;
  cursor: pointer;
}
/* line 228, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-cat .store-directory-search .search-box {
  padding: 0 0 0 10px;
}
/* line 235, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .index {
  width: 100%;
}
/* line 238, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .title, #directoryWrapper .store-directory-container .store-filter-wrapper .text {
  display: inline-block;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  padding: 0 5px;
  vertical-align: middle;
}
/* line 248, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .text {
  font-weight: 400;
  font-size: 13px;
}
/* line 254, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items {
  margin-top: 0px;
}
/* line 256, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li {
  background: #fff;
  min-width: 22px;
}
/* line 259, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a {
  font-size: 13px;
  display: inline-block;
  line-height: 22px;
  margin: 0 1px;
}
/* line 264, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a.current, #directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a:hover {
  width: 100%;
  border-radius: 2px;
  background: #36b449;
  /*display: inline-block;*/
}
/* line 269, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a.current span, #directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a.current:hover span, #directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a:hover span, #directoryWrapper .store-directory-container .store-filter-wrapper .store-filter-collection-wrapper .items li a:hover:hover span {
  border: 1px solid #fff;
}
/* line 281, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items {
  width: 100%;
}
/* line 283, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li {
  width: 180px;
}
/* line 285, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a {
  font-size: 13px;
  display: inline-block;
}
/* line 288, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a.current, #directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a:hover {
  margin: 0 14px 0 0;
  width: 100%;
  border-radius: 2px;
  background: #36b449;
}
/* line 293, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a.current span, #directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a.current:hover span, #directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a:hover span, #directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a:hover:hover span {
  border: 1px solid #fff;
}
/* line 298, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .filter-wrapper .categories-wrapper .items li a span {
  border: 1px solid #bbb;
  border-radius: 2px;
  font-size: 10px;
  padding: 0 3px;
  line-height: 10px;
  display: inline-block;
}
/* line 311, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav {
  padding: 0;
  border: none;
}
/* line 314, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav .divider {
  margin-bottom: 10px;
  height: 1px;
  background: #cccccc;
}
/* line 322, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky {
  height: auto;
  width: 942px;
  padding: 30px 0 10px;
  display: none;
  background: #fff;
  z-index: 1;
}
/* line 330, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .store-cat {
  display: inline;
}
/* line 333, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .store-cat .items, #directoryWrapper .store-directory-container .store-directory-nav-sticky .store-filter-wrapper .items {
  max-width: 160px;
  font-size: 14px;
  line-height: 16px;
}
/* line 340, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .categories-dropdown {
  display: inline;
}
/* line 343, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .index {
  display: inline;
}
/* line 346, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .store-filter-wrapper {
  padding-left: 20px;
  display: inline;
}
/* line 350, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .store-filter-wrapper .store-tag-filter-wrapper {
  display: inline-block;
}
/* line 354, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .store-filter-collection-wrapper-dropdown {
  padding: 0 7px;
  display: inline;
}
/* line 358, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .btnSearchbar {
  display: inline-block;
}
/* line 361, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .store-directory-nav-sticky .btnSearchbarClear {
  display: none;
}
/* line 366, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container:empty {
  background: url("/_ui/desktop/common/images/loading1605.gif") center no-repeat;
  height: 200px;
}
/* line 370, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list {
  border: none;
  margin-left: 0px;
}
/* line 373, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail {
  padding: 0;
}
/* line 378, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .divider {
  margin-bottom: 22px;
  height: 1px;
  background: #cccccc;
}
/* line 385, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-cate-container .cate-title {
  height: 20px;
}
/* line 392, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .left-title:before {
  border: none;
}
/* line 395, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .left-title .text {
  color: #222;
  padding: 0 5px;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
}
/* line 404, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list {
  width: 100%;
}
/* line 406, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li {
  width: 12.8%;
  margin: 0 14px 14px 0;
}
/* line 410, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li:hover .wrapper {
  border: 1px solid #ccc;
  background: #eee;
}
/* line 414, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li:hover .shop-logo {
  background: #fff;
}
/* line 419, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .wrapper {
  width: 100%;
  height: 200px;
  background: #fff;
}
/* line 425, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .shop-logo {
  height: auto;
  padding: 0px;
}
/* line 429, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .shop-logo .shop-logo-img {
  max-height: 60px;
}
/* line 434, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .shop-name {
  height: 100%;
  padding: 0px;
  text-align: center;
  overflow: hidden;
}
/* line 10, ../../../../resource/compass/lib/_hktvMixin.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .shop-name .shop-text:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 442, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .shop-name .shop-text > div {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 45px;
  font-size: 14px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
  padding: 0 5px;
}
/* line 450, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-directory-container .all-cates-container .store-directory-list .thumbnail > li .shop-name .shop-text .shop-text-inner {
  margin-bottom: 8px;
  margin-top: 3px;
}
/* line 462, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper:after {
  display: block;
  clear: both;
  content: '';
}
/* line 468, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper {
  position: relative;
  margin-top: 10px;
  padding-bottom: 10px;
  background: #fff;
}
/* line 474, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .showing {
  display: inline;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  margin-right: 8px;
}
/* line 483, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper label {
  cursor: pointer;
}
/* line 487, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .all-categories {
  display: inline;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  margin-right: 32px;
}
/* line 494, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .all-categories .all-categories-button {
  width: 24px;
  height: 24px;
  position: relative;
  bottom: -6px;
}
/* line 502, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .store-label-filter {
  display: inline;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  margin-right: 32px;
}
/* line 509, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .store-label-filter .store-label-filter-button {
  width: 24px;
  height: 24px;
  position: relative;
  bottom: -6px;
}
/* line 517, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .check-box-selected {
  background: url("/_ui/shared/common/svg/common/ic_checkbox_large_selected.svg");
}
/* line 521, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-filter-wrapper .check-box-unselected {
  background: url("/_ui/shared/common/svg/common/ic_checkbox_large_unselected.svg");
}
/* line 526, ../../../../resource/compass/_ui/desktop/common/css/storeDirectory.scss */
#directoryWrapper .store-tag-img {
  display: block;
  margin: 0 auto;
  margin-bottom: 4px;
}