@charset "UTF-8";
/*copy from css_2015 for login page*/
/* line 2, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.clear {
  clear: both;
}

/* line 5, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green-gradient {
  background-image: linear-gradient(to bottom, #77c210, #548c05);
  box-shadow: inset 0 1px 3px #91D037;
  border: 1px solid #5B6E1F;
  border-radius: 4px;
  cursor: pointer;
  color: white;
}

/* line 13, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green-gradient:hover {
  background: #71B810;
}

/* line 16, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green-gradient:active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NzkwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4YjMxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #477900), color-stop(100%, #68b310));
  background-image: -moz-linear-gradient(top, #477900, #68b310);
  background-image: -webkit-linear-gradient(top, #477900, #68b310);
  background-image: linear-gradient(to bottom, #477900, #68b310);
  box-shadow: inset 0 1px 3px #6C9433;
}

/* line 26, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green-gradient[disabled=disabled], .btn-green-gradient.disabled {
  background-color: #858585;
  border: 1px solid #858585;
  background-image: none;
  box-shadow: none;
}

/* line 34, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.inline-block {
  display: inline-block;
}

/* line 37, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.display-none {
  display: none !important;
}

/* line 41, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-orange {
  position: relative;
  background: #ff6030;
  color: white;
  font-weight: bold;
  border: 1px solid #ff8042;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  background: linear-gradient(to bottom, #ff8042 20%, #ff5722 100%);
}

/* line 54, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.globalMessages, #globalMessages {
  text-align: center;
  padding: 20px;
}

/* line 58, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.globalMessages span.negative, #globalMessages span.error, #globalMessages {
  color: #FF0000;
}

/* line 61, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.globalMessages span:last-child, #globalMessages {
  padding-left: 8px;
}

/* line 64, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.globalMessages span.positive {
  color: #339B01;
}

/* line 67, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.globalMessages span.neutral {
  color: #b69b13;
}

/*copy from css_2015 for sharelist page*/
/* line 72, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-orange:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  box-shadow: inset 0 1px 1px #ffab82;
  border-radius: 5px;
  cursor: pointer;
}

/* line 85, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-orange:hover {
  background: #FF5400;
}

/* line 89, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-orange:active {
  background: #ff6030;
}

/* line 93, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-orange[disabled=disabled], .btn-orange.disabled {
  background: #858585;
}

/* line 96, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green {
  background: #94c400;
  color: white;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

/* line 103, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.backtohomepage-button, .gotocheckout-button {
  display: inline-block;
  line-height: 32px;
  padding: 0 15px;
  margin-right: 10px;
}

/* line 109, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green:hover {
  background: #9ed000;
}

/* line 112, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green:active {
  background: #82af00;
}

/* line 115, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-green[disabled=disabled], .btn-green.disabled {
  background: #858585;
}

/* line 118, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey {
  background: #999;
  color: white;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

/* line 125, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey:hover {
  background: #aaa;
}

/* line 128, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey:active {
  background: #777;
}

/* line 131, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey[disabled=disabled], .btn-grey.disabled {
  background: #858585;
}

/*copy from css_2015 for forgotpassword page*/
/* line 135, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

/**copy from css_2015 for promo landing/feature supermarket/wishlist/store landing/Category landing page**/
/*add to cart popup*/
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer {
  margin: 0px;
  right: 44px;
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #f7f6f6;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  color: inherit;
  width: 150px;
  padding: 15px 0 10px 0;
  position: absolute;
  z-index: 200000;
}

/* line 156, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .legend {
  position: static;
  bottom: 0;
}

/* line 157, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.miniCartPopup .legend, #addToCartLayer .legend {
  border-bottom: 1px solid #ccc;
  width: 150px;
  text-align: center;
  bottom: 45px;
  padding-bottom: 15px;
  font-size: 15px;
}

/* line 158, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .links {
  text-align: center;
  padding: 0 10px;
  padding-top: 10px;
  border-top-color: #ccc;
  border-top-width: 1px;
}

/* line 159, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .bubble-arrow {
  display: none;
  border-color: transparent transparent white;
  border-style: solid;
  border-width: 0 9.5px 13px;
  height: 0;
  position: absolute;
  right: 15px;
  top: -12px;
  width: 0;
}

/* line 160, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .btn.positive {
  min-width: 80px;
}

/* line 161, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .popupCartItem {
  border-bottom: none;
  text-align: center;
}

/* line 162, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .popupCartItem .itemThumb {
  width: 115px;
  height: 115px;
  line-height: 115px;
  margin: 0 auto 10px auto;
  text-align: center;
  overflow: hidden;
  float: none;
}

/* line 163, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .popupCartItem .itemThumb img {
  max-width: 115px;
  max-height: 115px;
}

/* line 164, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .popupCartItem .itemDesc {
  display: none;
}

/* line 165, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .cart_popup_error_msg {
  padding: 0 10px 10px;
  font-size: 15px;
}

/* line 166, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .hktvsprite-ic-close-square {
  position: absolute;
  cursor: pointer;
  right: -29px;
  top: -2px;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}

/* line 175, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
#addToCartLayer .hktvsprite-ic-close-square:hover {
  opacity: 1;
}

/* line 180, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvsprite-ic-app-store, .hktvsprite-ic-google-play {
  display: inline-block;
}

/* line 184, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvsprite-ic-youtube, .hktvsprite-ic-facebook, .hktvsprite-ic-weibo, .hktvsprite-ic-positive, .hktvsprite-ic-error {
  display: inline-block;
  vertical-align: middle;
}

/* line 189, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvsprite-ic-store {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 4px;
}

/* line 196, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvspriteS-s001-ic-account, .hktvspriteS-s002-ic-cart, .hktvspriteS-s003-ic-recent-view, .hktvspriteS-s004-ic-register, .hktvspriteS-s005-ic-wishlist {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 4px;
}

/* line 202, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.header-sprite-container:hover .hktvspriteS-s001-ic-account {
  background-position: 0 0;
}

/* line 206, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.header-sprite-container:active .hktvspriteS-s002-ic-cart {
  background-position: -34px 0;
}

/* line 210, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.header-sprite-container:hover .hktvspriteS-s003-ic-recent-view {
  background-position: -68px 0;
}

/* line 214, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.header-sprite-container:hover .hktvspriteS-s004-ic-register {
  background-position: -102px 0;
}

/* line 218, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.header-sprite-container:hover .hktvspriteS-s005-ic-wishlist {
  background-position: -136px 0;
}

/* line 222, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
span.cross {
  text-decoration: line-through;
  color: #333;
  text-shadow: 0 0 2px #fff;
}

/* line 228, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
span.discount-price {
  color: #d00;
  text-shadow: 0 0 2px #fff;
}

/* line 233, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
span.no-cross {
  color: #d00;
  text-shadow: 0 0 2px #fff;
  font-weight: bold;
}

/* line 240, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.leftpromotionbanner {
  width: 572px;
  height: 265px;
  background: white;
  opacity: 1.0;
  z-index: 1;
  float: left;
  box-shadow: 0 0 4px #333;
}

/* line 249, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.left-banner-filter-wrapper {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 572px;
  float: left;
  font-size: 13px;
}

/* line 256, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.banner-description {
  float: left;
  width: 572px;
  word-break: break-all;
  line-height: 18px;
  font-family: ProximaNova Semibold;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 34px;
}

/* line 271, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.promotionbanner_region {
  width: 1168px;
  height: 1021px;
}

/* line 275, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.leftbanner-area {
  width: 572px;
  height: 326px;
  float: left;
  margin-right: 12px;
}

/* line 281, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.leftpromotionbanner img {
  width: 572px;
  height: 265px;
}

/* line 285, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.leftpromotionbanner img:hover {
  width: 572px;
  height: 265px;
  opacity: 0.7;
}

/* line 291, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.leftpromotionbanner a {
  display: inline-block;
}

/* line 295, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.leftpromotionbanner a:hover .banner-description {
  text-decoration: underline;
}

/* line 298, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
input, textarea, keygen, select, button {
  font-family: "proxima_nova", Arial, "Heiti TC", "Microsoft JhengHei", "Microsoft Yahei", "PMingLiU", sans-serif;
  font-size: 13px;
}

/* line 302, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
button.search-keyword-input-confirm {
  padding: 1px 6px;
}

/* remove revamped mall dollar label */
/* line 307, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.mallDollarLabel:before {
  display: none;
}

/*copy from css_2015 for storelanding page*/
/* line 312, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
img {
  vertical-align: top;
}

/* line 315, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.banner-container img {
  float: left;
  width: 846px;
  min-height: 264px;
}

/* line 320, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/* line 324, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
* {
  box-sizing: border-box;
}

/* line 327, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 300px;
}

/* line 333, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-outer {
  position: relative;
  width: 1280px;
  padding: 0 5px;
  margin: 65px auto 0;
}

/* line 339, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.banner-container {
  display: block;
  margin: 0 auto;
  width: 846px;
  min-height: 264px;
  max-height: 392px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 348, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* line 351, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-controls-direction a {
  z-index: 99;
  cursor: pointer;
}

/* line 355, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-controls-direction a {
  height: 53px;
  width: 38px;
  margin-top: -16px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  top: 47%;
}

/* line 364, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-prev {
  left: 15px;
}

/* line 367, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvui.sprite-common-slider-left {
  background-position: -1388px -225px;
}

/* line 370, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvui {
  background-image: url(/_ui/desktop/common/images/ui-css-sprites_2015.png);
  display: inline-block;
}

/* line 374, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper {
  padding: 0;
  position: relative;
}

/* line 378, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-left {
  display: inline-block;
  vertical-align: top;
  width: 846px;
}

/* line 384, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey-gradient {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(bottom, #e6e6e6, #ffffff);
  background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ffffff);
  background-image: linear-gradient(to top, #e6e6e6, #ffffff);
  box-shadow: initial;
  border: 1px solid #aaa;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  font-size: 15px;
}

/* line 398, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey-gradient:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(to top, #f2f2f2, #ffffff);
}

/* line 406, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-grey-gradient:active {
  background: #e6e6e6;
}

/* line 409, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
b, strong {
  font-weight: bold;
}

/* line 412, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.globalMessages span, #globalMessages div {
  font-weight: bold;
  display: inline-block;
  font-size: 15px;
}

/* line 417, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-controls.bx-has-controls-direction .bx-pager.bx-default-pager a {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border: 1px solid white;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 5px black;
}

/* line 426, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  height: 11px;
  margin: 0 5px;
  outline: 0 none;
  text-indent: -9999px;
  width: 11px;
}

/* line 435, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

/* line 442, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvui.sprite-common-slider-right {
  background-image: url(/_ui/desktop/common/images/ui-css-sprites_2015.png);
  background-position: -1565px -225px;
  width: 38px;
  height: 53px;
}

/* line 448, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-next {
  right: 15px;
}

/* line 451, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-pager.bx-default-pager {
  z-index: 51;
  display: inline-block;
  height: 0;
}

/* line 457, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-pager {
  color: #666;
  font-family: Arial;
  font-size: .85em;
  font-weight: bold;
  padding-top: 0;
  text-align: center;
}

/* line 466, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 30px;
  position: absolute;
  width: 100%;
}

/* line 472, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-controls.bx-has-controls-direction .bx-pager.bx-default-pager a.active {
  background: white;
}

/* line 475, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.bx-wrapper .bx-pager .bx-pager-item a:hover {
  cursor: pointer;
}

/* line 478, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvui.sprite-common-slider-right:hover {
  background-position: -1477px -225px;
  width: 38px;
  height: 53px;
}

/* line 483, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktvui.sprite-common-slider-left:hover {
  background-position: -1300px -225px;
  width: 38px;
  height: 53px;
}

/* line 488, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.pdp-thumbnail-slider li {
  margin-top: 0px;
}

/* line 491, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.productImage .productImageGallery li .thumb.active {
  box-shadow: none;
}

/*copy from css_2015 for sales page */
/* Each Category Style */
/*
.cc-AA15000000000 .left-title .text{background-color:#AE082C;}
.cc-AA15000000000 .left-title .decor-arrow{border-left-color:#AE082C;}
.cc-AA15000000000 .cate-title{background-color:#7E001A;}
.cc-AA15000000000 .show-more{background-color:#7E001A;}

.cc-AA17000000000 .left-title .text{background-color:#17398F;}
.cc-AA17000000000 .left-title .decor-arrow{border-left-color:#17398F;}
.cc-AA17000000000 .cate-title{background-color:#0A1952;}
.cc-AA17000000000 .show-more{background-color:#0A1952;}

.cc-AA22000000000 .left-title .text{background-color:#F32E19;}
.cc-AA22000000000 .left-title .decor-arrow{border-left-color:#F32E19;}
.cc-AA22000000000 .cate-title{background-color:#8B1504;}
.cc-AA22000000000 .show-more{background-color:#8B1504;}

.cc-AA26000000000 .left-title .text{background-color:#2D38A2;}
.cc-AA26000000000 .left-title .decor-arrow{border-left-color:#2D38A2;}
.cc-AA26000000000 .cate-title{background-color:#18185C;}
.cc-AA26000000000 .show-more{background-color:#18185C;}

.cc-AA30000000000 .left-title .text{background-color:#FF2350;}
.cc-AA30000000000 .left-title .decor-arrow{border-left-color:#FF2350;}
.cc-AA30000000000 .cate-title{background-color:#8C0F2B;}
.cc-AA30000000000 .show-more{background-color:#8C0F2B;}

.cc-AA33000000000 .left-title .text{background-color:#83109B;}
.cc-AA33000000000 .left-title .decor-arrow{border-left-color:#83109B;}
.cc-AA33000000000 .cate-title{background-color:#4B0055;}
.cc-AA33000000000 .show-more{background-color:#4B0055;}

.cc-AA37000000000 .left-title .text{background-color:#E40B48;}
.cc-AA37000000000 .left-title .decor-arrow{border-left-color:#E40B48;}
.cc-AA37000000000 .cate-title{background-color:#840023;}
.cc-AA37000000000 .show-more{background-color:#840023;}

.cc-AA42000000000 .left-title .text{background-color:#007B6D;}
.cc-AA42000000000 .left-title .decor-arrow{border-left-color:#007B6D;}
.cc-AA42000000000 .cate-title{background-color:#004339;}
.cc-AA42000000000 .show-more{background-color:#004339;}


.cc-AA47000000000 .left-title .text{background-color:#339835;}
.cc-AA47000000000 .left-title .decor-arrow{border-left-color:#339835;}
.cc-AA47000000000 .cate-title{background-color:#095A24;}
.cc-AA47000000000 .show-more{background-color:#095A24;}

.cc-AA51000000000 .left-title .text{background-color:#6EB22B;}
.cc-AA51000000000 .left-title .decor-arrow{border-left-color:#6EB22B;}
.cc-AA51000000000 .cate-title{background-color:#366923;}
.cc-AA51000000000 .show-more{background-color:#366923;}

.cc-AA11000000000 .left-title .text{background-color:#6EB22B;}
.cc-AA11000000000 .left-title .decor-arrow{border-left-color:#6EB22B;}
.cc-AA11000000000 .cate-title{background-color:#366923;}
.cc-AA11000000000 .show-more{background-color:#366923;}

.cc-AA60000000000 .left-title .text{background-color:#5F3F34;}
.cc-AA60000000000 .left-title .decor-arrow{border-left-color:#5F3F34;}
.cc-AA60000000000 .cate-title{background-color:#3E1000;}
.cc-AA60000000000 .show-more{background-color:#3E1000;}

.cc-AA65000000000 .left-title .text{background-color:#FF9F00;}
.cc-AA65000000000 .left-title .decor-arrow{border-left-color:#FF9F00;}
.cc-AA65000000000 .cate-title{background-color:#945C00;}
.cc-AA65000000000 .show-more{background-color:#945C00;}

.cc-AA70000000000 .left-title .text{background-color:#FF3F00;}
.cc-AA70000000000 .left-title .decor-arrow{border-left-color:#FF3F00;}
.cc-AA70000000000 .cate-title{background-color:#AF2B00;}
.cc-AA70000000000 .show-more{background-color:#AF2B00;}

.cc-AA75000000000 .left-title .text{background-color:#0074F1;}
.cc-AA75000000000 .left-title .decor-arrow{border-left-color:#0074F1;}
.cc-AA75000000000 .cate-title{background-color:#004690;}
.cc-AA75000000000 .show-more{background-color:#004690;}

.cc-AA80000000000 .left-title .text{background-color:#FF7D00;}
.cc-AA80000000000 .left-title .decor-arrow{border-left-color:#FF7D00;}
.cc-AA80000000000 .cate-title{background-color:#A04E00;}
.cc-AA80000000000 .show-more{background-color:#A04E00;}

.cc-AA85000000000 .left-title .text{background-color:#008EF3;}
.cc-AA85000000000 .left-title .decor-arrow{border-left-color:#008EF3;}
.cc-AA85000000000 .cate-title{background-color:#005C9E;}
.cc-AA85000000000 .show-more{background-color:#005C9E;}

.cc-AA90000000000 .left-title .text{background-color:#3FC6F3;}
.cc-AA90000000000 .left-title .decor-arrow{border-left-color:#3FC6F3;}
.cc-AA90000000000 .cate-title{background-color:#006282;}
.cc-AA90000000000 .show-more{background-color:#006282;}
*/
/* catergory landing page catRank */
/* line 591, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA15000000000 {
  color: #fff;
  background-color: #AE082C;
  border: 1px solid #7E001A;
}

/* line 592, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA17000000000 {
  color: #fff;
  background-color: #17398F;
  border: 1px solid #0A1952;
}

/* line 593, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA22000000000 {
  color: #fff;
  background-color: #F32E19;
  border: 1px solid #8B1504;
}

/* line 594, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA26000000000 {
  color: #fff;
  background-color: #2D38A2;
  border: 1px solid #18185C;
}

/* line 595, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA30000000000 {
  color: #fff;
  background-color: #FF2350;
  border: 1px solid #8C0F2B;
}

/* line 596, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA33000000000 {
  color: #fff;
  background-color: #83109B;
  border: 1px solid #4B0055;
}

/* line 597, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA37000000000 {
  color: #fff;
  background-color: #E40B48;
  border: 1px solid #840023;
}

/* line 598, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA42000000000 {
  color: #fff;
  background-color: #007B6D;
  border: 1px solid #004339;
}

/* line 599, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA47000000000 {
  color: #fff;
  background-color: #339835;
  border: 1px solid #095A24;
}

/* line 600, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA51000000000 {
  color: #fff;
  background-color: #6EB22B;
  border: 1px solid #366923;
}

/* line 601, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA11000000000 {
  color: #fff;
  background-color: #6EB22B;
  border: 1px solid #366923;
}

/* line 602, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA60000000000 {
  color: #fff;
  background-color: #5F3F34;
  border: 1px solid #3E1000;
}

/* line 603, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA65000000000 {
  color: #fff;
  background-color: #FF9F00;
  border: 1px solid #945C00;
}

/* line 604, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA70000000000 {
  color: #fff;
  background-color: #FF3F00;
  border: 1px solid #AF2B00;
}

/* line 605, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA75000000000 {
  color: #fff;
  background-color: #0074F1;
  border: 1px solid #004690;
}

/* line 606, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA80000000000 {
  color: #fff;
  background-color: #FF7D00;
  border: 1px solid #A04E00;
}

/* line 607, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA85000000000 {
  color: #fff;
  background-color: #008EF3;
  border: 1px solid #005C9E;
}

/* line 608, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.catRank-AA90000000000 {
  color: #fff;
  background-color: #3FC6F3;
  border: 1px solid #006282;
}

/* Category */
/* line 611, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.all-cates-container {
  margin-top: 1rem;
}

/* line 612, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container {
  max-width: 1090px;
  margin-bottom: 1.5rem;
}

/* line 613, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .cate-title {
  width: 100%;
  height: 27px;
  border-radius: 0 4px 0 0;
  overflow: visible;
}

/* line 614, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .left-title {
  height: 120%;
  position: relative;
  top: -20%;
  left: 0;
  float: left;
  margin-right: 0.5rem;
}

/* line 615, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .left-title:before {
  content: "";
  position: absolute;
  bottom: -3px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  border-left: 3px solid transparent;
  border-bottom: 1px solid transparent;
}

/* line 616, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .left-title .text {
  padding: 0.125rem 1rem;
  font-size: 18px;
  color: #fff;
  float: left;
}

/* line 617, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .left-title .decor-arrow {
  float: right;
}

/* line 618, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .cate-title .showing-info {
  font-size: 14px;
  color: #fff;
  line-height: 27px;
}

/* line 619, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .show-more.right {
  float: right;
  margin-right: 2px;
}

/* line 620, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .show-more img {
  margin: 2px 2px;
}

/* line 622, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.cf {
  clear: both;
}

/* line 623, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.mallDollarLabel > span {
  color: #ff0036;
}

/* cat box style*/
/* line 627, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.card-style-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* zone banner css */
/* line 632, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-m-bannerlist {
  display: block;
  overflow: hidden;
}

/* line 637, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-ba, .hktv-zone-cla, .hktv-zone-ra {
  max-width: 418px;
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  float: left;
}

/* line 644, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-bb, .hktv-zone-clb, .hktv-zone-rb {
  max-width: 418px;
  display: block;
  margin: 0 0 10px 10px;
  width: 100%;
  float: left;
}

/* line 651, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-ba img, .hktv-zone-cla img, .hktv-zone-bb img, .hktv-zone-clb img, .hktv-zone-ra img, .hktv-zone-rb img {
  max-width: 418px;
}

/* line 655, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-bc, .hktv-zone-cle, .hktv-zone-clf, .hktv-zone-re, .hktv-zone-rf {
  max-width: 300px;
  display: block;
  margin: 0 0 10px 0;
  float: right;
  width: 100%;
}

/* line 662, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-bc img, .hktv-zone-cle img, .hktv-zone-clf img, .hktv-zone-re img, .hktv-zone-rf img {
  max-width: 300px;
}

/* line 666, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-bd {
  max-width: 1156px;
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  float: left;
}

/* line 673, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-bd img {
  max-width: 1156px;
}

/* line 677, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-cld, .hktv-zone-rd {
  max-width: 846px;
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  float: left;
}

/* line 685, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-clbd {
  max-width: 846px;
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  float: left;
}

/* line 692, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.hktv-zone-clbd img, .hktv-zone-cld img, .hktv-zone-rd img {
  max-width: 846px;
}

/* line 696, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
div[class^=hktv-zone-] > a, div[class^=hktv-zone-] > a > img {
  display: block;
}

/* line 700, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
div[class^=hktv-zone-] > a > img, div[class^=banner-space-] > a > img {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* copy from css_2015 for feature supermarket page*/
/* line 704, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right a {
  background: rgba(255, 255, 255, 0.5);
}

/* line 707, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right a:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* line 710, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.pricelabel .discount > span:first-of-type {
  color: #B71B1C;
  font-weight: bold;
}

/* line 714, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.pricelabel .promotional > span.default {
  color: #333;
  text-decoration: line-through;
}

/* line 718, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.clear-both {
  clear: both;
}

/* line 721, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > h3, .wrapper-content-right .logo-collection > h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 29px;
  padding: 5px;
}

/* line 727, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul {
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 732, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li {
  border-bottom: 1px dotted #ccc;
}

/* line 736, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a {
  display: block;
  overflow: hidden;
  padding: 5px;
}

/* line 742, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a:hover {
  cursor: pointer;
}

/* line 746, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a > * {
  display: block;
  float: left;
}

/* line 751, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a > .img {
  width: 78px;
  height: 42px;
  border: 1px solid #ccc;
  text-align: center;
  overflow: hidden;
  background: white;
}

/* line 760, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a > .img img {
  max-width: 76px;
  max-height: 40px;
  background-color: #fff;
  vertical-align: middle;
}

/* line 767, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a > .logo-info {
  width: 190px;
  padding: 0px 5px;
}

/* line 772, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.wrapper-content-right .logo-collection > ul li > a:hover > .logo-info {
  text-decoration: underline;
}

/* line 775, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-lightblue:hover {
  background: #00c8eb;
}

/* line 778, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-lightblue {
  background: #11bedc;
  border-radius: 4px;
}

/* line 783, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.btn-lightblue:active {
  background: #149fb8;
}

/*copy from css_2015.css for store directory page*/
/* line 787, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-nav {
  border: 1px solid #d3d3d3;
  padding: 0.625rem;
  background: white;
  z-index: 1;
}

/* line 793, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-container {
  max-width: 1090px;
  color: #231f20;
  line-height: 1.6;
  font-weight: normal;
}

/* line 799, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-search {
  margin-bottom: 10px;
  display: inline-block;
  border: 1px solid #aaaaaa;
  padding-left: 3px;
}

/* line 805, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.filter-wrapper .categories-wrapper .text {
  width: 6%;
  float: left;
}

/* line 809, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.filter-wrapper p {
  font-size: 14px;
}

/* line 812, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.filter-wrapper .categories-wrapper .items {
  width: 94%;
  float: left;
}

/* line 817, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.filter-wrapper .categories-wrapper .items li {
  float: left;
  margin-right: .3rem;
  margin-bottom: .25rem;
}

/* line 822, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.filter-wrapper .categories-wrapper .items li a.current, .filter-wrapper .categories-wrapper .items li a:hover {
  padding: 4px 8px;
  border-radius: 4px;
  color: #fff;
  background: #f57c00;
  background: -moz-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57c00), color-stop(100%, #f54c00));
  background: -webkit-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -o-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -ms-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: linear-gradient(to bottom, #f57c00 0%, #f54c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57c00', endColorstr='#f54c00',GradientType=0 );
}

/* line 835, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.filter-wrapper .categories-wrapper .items li a {
  font-size: 14px;
  color: #000;
  padding: 4px 8px;
  vertical-align: middle;
}

/* line 841, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-filter-wrapper {
  margin-top: 6px;
}

/* line 844, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-filter-wrapper p {
  font-size: 14px;
}

/* line 847, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-filter-wrapper .store-filter-collection-wrapper .items {
  margin-top: 4px;
}

/* line 850, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-filter-wrapper .store-filter-collection-wrapper .items li {
  background: #fde5cc;
}

/* line 853, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-filter-wrapper .store-filter-collection-wrapper .items li a.current, .store-filter-wrapper .store-filter-collection-wrapper .items li a:hover {
  padding: 2px 6px;
  border-radius: 4px;
  color: #fff;
  background: #f57c00;
  background: -moz-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57c00), color-stop(100%, #f54c00));
  background: -webkit-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -o-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -ms-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: linear-gradient(to bottom, #f57c00 0%, #f54c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57c00', endColorstr='#f54c00',GradientType=0 );
}

/* line 866, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-filter-wrapper .store-filter-collection-wrapper .items li a {
  font-size: 14px;
  color: #000;
  padding: 2px 6px;
}

/* line 871, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.info-switch-wrapper {
  padding-top: 0.5rem;
}

/* line 874, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.info-switch-wrapper .total-store-info-text {
  float: left;
}

/* line 877, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.info-switch-wrapper .switch-mode {
  float: right;
}

/* line 880, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.info-switch-wrapper .switch-mode p {
  display: inline-block;
  font-size: 14px;
}

/* line 884, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.info-switch-wrapper .switch-mode a {
  padding: 4px 8px;
  color: #000;
  font-size: 14px;
}

/* line 889, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.info-switch-wrapper .switch-mode a.current, .info-switch-wrapper .switch-mode a:hover {
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  color: #fff;
  background: #f57c00;
  background: -moz-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57c00), color-stop(100%, #f54c00));
  background: -webkit-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -o-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: -ms-linear-gradient(top, #f57c00 0%, #f54c00 100%);
  background: linear-gradient(to bottom, #f57c00 0%, #f54c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57c00', endColorstr='#f54c00',GradientType=0 );
}

/* line 903, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.switch-mode img.list {
  margin: 3px 4px;
}

/* line 906, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.switch-mode img.thumbnail {
  margin: 1px 4px;
}

/* line 909, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.all-cates-container {
  margin-top: 1rem;
}

/* line 912, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list {
  background-color: #fff;
  width: 1086px;
  margin-left: 4px;
  border: 1px solid #e1e5e5;
}

/* line 918, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail {
  overflow: hidden;
  width: 100%;
  padding: 0 3px;
}

/* line 923, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li {
  width: 12.5%;
  float: left;
  display: block;
  cursor: pointer;
  margin-bottom: 8px;
}

/* line 930, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li:hover .wrapper {
  border: 3px solid #e1e5e5;
}

/* line 933, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li .borderline {
  height: 1px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(50%, #e1e1e1), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, #ffffff, #e1e1e1, #ffffff);
  background-image: -webkit-linear-gradient(left, #ffffff, #e1e1e1, #ffffff);
  background-image: linear-gradient(to right, #ffffff, #e1e1e1, #ffffff);
}

/* line 942, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li a {
  color: #000;
}

/* line 945, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li .wrapper {
  width: 95%;
  height: 136px;
  margin: 0 auto;
  border: 1px solid #e1e5e5;
}

/* line 951, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li .shop-name {
  /*    height: 48px;
      width: 100%;
      padding: 5px;
      display: table;*/
}

/* line 957, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li .shop-name p {
  /*  font-size: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    display: table-cell;*/
}

/* line 964, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li .shop-logo {
  width: 100%;
  height: 76px;
  padding: 10px;
  display: block;
  text-align: center;
  overflow: hidden;
}

/* line 972, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-list .thumbnail > li .shop-logo img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* line 978, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container {
  max-width: 1090px;
  margin-bottom: 1.5rem;
}

/* line 982, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .cate-title {
  width: 100%;
  height: 27px;
  border-radius: 0 4px 0 0;
  overflow: visible;
}

/* line 988, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .cate-title .showing-info {
  font-size: 14px;
  color: #fff;
  line-height: 27px;
}

/* line 993, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .show-more {
  display: block;
  text-align: center;
  margin-left: 4px;
  width: auto;
  color: #fff;
  font-size: 14px;
  padding: 2px 0;
}

/* line 1002, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .show-more img {
  margin: 2px 2px;
}

/* line 1005, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .show-more.right {
  float: right;
  margin-right: 2px;
}

/* line 1009, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-cate-container .left-title {
  height: 120%;
  position: relative;
  top: -20%;
  left: 0;
  float: left;
  margin-right: 0.5rem;
}

/* line 1017, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-nav .right {
  float: right;
}

/* line 1020, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-nav .store-directory-nav-border {
  height: 1px;
  background: #d3d3d3;
}

/* line 1024, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-nav .store-filter-wrapper .store-filter-collection-wrapper {
  float: left;
}

/* line 1027, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-nav .store-filter-wrapper .store-filter-collection-wrapper ul li {
  float: left;
}

/* line 1030, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-nav .store-filter-wrapper .index {
  float: left;
  width: 6%;
}

/* line 1034, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-search .search-box {
  line-height: 18px;
  width: 300px;
}

/* line 1038, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.store-directory-search * {
  height: 20px;
  vertical-align: middle;
  border: 0px solid transparent;
}

/* line 1043, ../../../../resource/compass/_ui/desktop/common/css/css_1511.scss */
.arrow-right {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
}