/* 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 6, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.product-detail .squareButton.large, .product-detail .sepaButton.large {
  height: 50px;
}
/* line 8, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.street-fashion .product-detail .squareButton.large, .street-fashion .product-detail .sepaButton.large {
  width: 233px;
}
/* line 13, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.product-detail .squareButton.disabled > span:first-of-type {
  margin-right: 0;
}
/* line 16, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.product-detail .squareButton.disabled .spriteWrapper {
  display: none;
}

/* line 25, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review {
  position: relative;
  border-top: 1px solid #36B449;
  margin-top: 30px;
  padding: 15px 0 30px 0;
  color: black;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  align-items: center;
}
/* line 35, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.street-fashion .review {
  border-top: 0px;
  margin-top: 0px;
  padding: 0px;
  color: #222;
}
/* line 41, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review > div {
  vertical-align: middle;
}
/* line 44, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -20px;
  left: 20px;
  border-right: 20px solid #36B449;
  border-top: 20px solid transparent;
}
/* line 54, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.street-fashion .review:before {
  top: 0px;
  left: 0px;
  border-right: 0px;
  border-top: 0px;
}
/* line 60, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -18px;
  left: 21px;
  border-right: 18px solid white;
  border-top: 18px solid transparent;
}
/* line 70, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.street-fashion .review:after {
  top: 0px;
  left: 0px;
  border-right: 0px;
  border-top: 0px;
}
/* line 77, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review .rating {
  display: inline-block;
}
/* line 79, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.street-fashion .review .rating {
  margin-left: 10px;
}
/* line 83, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review .reviews-number {
  display: inline-block;
  position: relative;
  font-size: 15px;
}
/* line 87, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review .reviews-number .averageRating {
  font-weight: bold;
}
/* line 90, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review .reviews-number .comment {
  color: #757575;
  cursor: pointer;
}
/* line 179, ../../../../resource/compass/lib/_hktvMixin.scss */
.review .reviews-number .comment:hover {
  text-decoration: underline;
}
/* line 95, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review .reviews-number .empty {
  cursor: auto;
}
/* line 97, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review .reviews-number .empty:hover {
  text-decoration: none;
}
/* line 103, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.review #write_review_action.clone {
  position: static;
}

/* line 108, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.product-details-tab-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* line 114, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.goto-product-qna {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
/* line 118, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.goto-product-qna .qna-logo {
  margin-right: 6px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/_ui/common/images/productQnA/qna_question_mark.svg);
}
/* line 128, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.goto-product-qna:hover .qna-count {
  text-decoration: underline;
}
/* line 132, ../../../../resource/compass/lib/_productDetailPage1511Shared.scss */
.goto-product-qna .qna-count {
  display: inline;
  color: #757575;
}

/* line 7, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productDetailPage {
  position: relative;
  margin: 0 auto;
  width: 1188px;
  word-wrap: break-word;
  font-size: 15px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.productDetailPage:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}

/* line 16, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.prodReview {
  margin: 0 0 20px;
}

/* line 19, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.prodReview .count {
  color: gray;
  padding: 0 10px;
}

/* line 23, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.prodReview .write {
  color: gray;
  font-weight: 700;
  padding: 0 0 0 10px;
  background: url(/_ui/desktop/common/images/facetMoreLessIcon.png) no-repeat left center;
}

/* line 29, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .actionBar {
  height: 30px;
  line-height: 30px;
  color: gray;
  font-size: 1em;
  white-space: nowrap;
  display: block;
  margin: 20px 0;
}

/* line 38, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .actionBar.top {
  border-bottom: 1px solid #a5a5a5;
}

/* line 41, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .actionBar.bottom {
  border-top: 1px solid #a5a5a5;
}

/* line 44, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .actionBar a,
.reviews .actionBar .write {
  color: gray;
  font-weight: 700;
  padding: 0 0 0 10px;
  background: url(/_ui/desktop/common/images/facetMoreLessIcon.png) no-repeat left center;
}

/* line 51, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .reviewDetail {
  border-top: 1px dotted #a5a5a5;
  padding: 20px 0;
}

/* line 55, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .reviewDetail:first-child {
  border-top: 0;
}

/* line 58, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .reviewDetail .headline {
  font-weight: 700;
}

/* line 62, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .reviewDetail .autor {
  font-style: italic;
  color: gray;
}

/* line 66, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews .description {
  margin: 0 0 20px;
}

/* revamp css */
/* line 71, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.left-panel {
  float: left;
  width: 948px;
  margin: 0 18px 50px 0;
}
/* line 75, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .left-panel {
  width: 1188px;
}

/* line 81, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc h1, .short-desc h2 {
  font-size: 21px;
  margin: 10px 0 10px;
}
/* line 85, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc h3 {
  font-size: 18px;
  margin: 10px 0 5px;
}
/* line 89, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc h4, .short-desc h5 {
  font-size: 15px;
  margin: 10px 0 5px;
}
/* line 93, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc h5 {
  color: #666666;
}
/* line 96, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc h6 {
  font-size: 12px;
  margin: 10px 0 5px;
}
/* line 100, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc hr {
  border: 0;
  border-bottom: 1px solid #CCCCCC;
}
/* line 104, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc p {
  margin: 0 0 20px;
}
/* line 107, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc b {
  font-weight: 700;
}
/* line 110, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc strong {
  font-weight: 700;
}
/* line 113, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc ul,
.short-desc ol {
  margin: 0 0 20px;
  list-style: initial;
  padding-left: 16px;
  padding-top: 5px;
}
/* line 120, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc li {
  padding: 0 0 12px 0;
}
/* line 123, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc em {
  font-style: italic;
  font-size: 15px;
  color: #000000;
}
/* line 128, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc strong {
  font-weight: bold;
  font-size: 15px;
}
/* line 132, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc u {
  text-decoration: underline;
  font-size: 15px;
  color: #000000;
}
/* line 137, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc i {
  font-style: italic;
  font-size: 15px;
  color: #000000;
}
/* line 142, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc li {
  font-size: 15px;
  color: #000000;
}
/* line 146, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc ol {
  list-style-type: decimal;
  font-size: 15px;
  color: #000000;
}
/* line 151, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc img {
  max-width: 100%;
}

/* line 156, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-detail .detail-panel {
  word-wrap: break-word;
}

/* fb, wei, email sprite */
/* line 161, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui {
  background-image: url(/_ui/desktop/common/images/ui-css-sprites_2015.png);
  display: inline-block;
  cursor: pointer;
}

/* line 166, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui.sprite-common-social-weibo:hover {
  background-position: 0 -347px;
  width: 24px;
  height: 19px;
}

/* line 167, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui.sprite-common-social-weibo-white {
  background-position: -74px -347px;
  width: 24px;
  height: 19px;
}

/* line 168, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui.sprite-common-social-weibo {
  background-position: -148px -347px;
  width: 24px;
  height: 19px;
}

/* line 170, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.social-bar > div {
  display: inline-block;
  vertical-align: middle;
}
/* line 174, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.social-bar .share-weibo {
  margin: 0 2px 0px 6px;
}
/* line 176, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.social-bar .share-weibo a {
  display: block;
}
/* line 180, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.social-bar .searchKeyword {
  font-size: 15px;
  color: #333;
}
/* line 184, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .productDetailPage .social-bar {
  margin-top: 30px;
}

/*product tabs*/
/* line 191, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-tab {
  margin-top: 10px;
}
/* line 193, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .product-tab {
  margin-top: 0px;
}

/* line 198, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list {
  background: #f6f6f6;
  border: 1px solid #ddd;
}
/* line 201, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabs-list {
  background: #fff;
  border: 0px;
  padding-bottom: 0px;
}
/* line 206, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list li {
  float: left;
  position: relative;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  min-width: 141px;
  text-align: center;
  color: #666;
  line-height: 40px;
  border-right: 1px solid #ddd;
  padding: 0 15px;
  /*&:hover:after, &.active:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #67B900;
  }*/
}
/* line 218, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .product-tab .tabs-list li {
  font-weight: normal;
  border: 0px;
  min-width: 155px;
  line-height: 52px;
}
/* line 223, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .product-tab .tabs-list li:hover, .street-fashion .product-tab .tabs-list li.active {
  color: #fff;
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 52px;
  width: 155px;
  background-color: black;
  display: block;
  position: relative;
}
/* line 224, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .product-tab .tabs-list li:hover:after, .street-fashion .product-tab .tabs-list li.active:after {
  content: ' ';
  display: block;
  position: absolute;
  background-color: white;
  height: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 223, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .street-fashion .product-tab .tabs-list li:hover, .street-fashion .product-tab .tabs-list li.active {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: 0 0;
    height: 52px;
    width: 155px;
  }
}
/* line 241, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list li:hover, .tabs-list li.active {
  background: #36b449;
  color: white;
}
/* line 244, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabs-list li:hover, .street-fashion .tabs-list li.active {
  background: #fff;
}
/* line 259, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list .tabsSeparator {
  width: 100%;
  margin: 0px;
  background: #ddd;
  height: 1px;
  border: none;
}

/* line 269, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabBody {
  font-size: 15px;
}

/* line 273, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea {
  border-top: none;
  padding-left: 2px;
  background: white;
  word-wrap: break-word;
}
/* line 278, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tabHead {
  font-size: 18px;
  padding: 5px 0;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tab-wrapper:not(:empty) {
  margin-top: 20px;
}
/* line 284, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabarea .tab-wrapper:not(:empty) {
  margin-top: 30px;
}
/* line 287, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tab-wrapper:not(:empty) .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
/* line 292, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tab-wrapper:not(:empty):not(:last-of-type):after {
  content: " ";
  margin-top: 20px;
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -1943px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 12px;
  width: 947px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 292, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .tabarea .tab-wrapper:not(:empty):not(:last-of-type):after {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -1927px 0;
    height: 11.5px;
    width: 946px;
  }
}
/* line 296, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabarea .tab-wrapper:not(:empty):not(:last-of-type):after {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -753px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 5px;
  width: 1188px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 296, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .street-fashion .tabarea .tab-wrapper:not(:empty):not(:last-of-type):after {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -738px 0;
    height: 5px;
    width: 1188px;
  }
}
/* line 301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab {
  line-height: 21px;
}
/* line 304, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h1, .tabarea #descriptionsTab .tabBody h2 {
  font-size: 21px;
  margin: 10px 0 10px;
}
/* line 308, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h3 {
  font-size: 18px;
  margin: 10px 0 5px;
}
/* line 312, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h4, .tabarea #descriptionsTab .tabBody h5 {
  font-size: 15px;
  margin: 10px 0 5px;
}
/* line 316, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h5 {
  color: #666666;
}
/* line 319, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h6 {
  font-size: 12px;
  margin: 10px 0 5px;
}
/* line 323, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody hr {
  border: 0;
  border-bottom: 1px solid #CCCCCC;
}
/* line 327, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody a {
  color: #0645AD;
  font-size: 15px;
}
/* line 330, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody a :hover {
  text-decoration: underline;
}
/* line 334, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody p {
  margin: 0 0 20px;
}
/* line 337, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody b {
  font-weight: 700;
}
/* line 340, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody strong {
  font-weight: 700;
}
/* line 343, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody ul,
.tabarea #descriptionsTab .tabBody ol {
  margin: 0 0 20px;
  list-style: initial;
  padding-left: 20px;
  padding-top: 5px;
}
/* line 350, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody img {
  max-width: 100%;
  max-height: 100%;
}
/* line 354, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody li {
  padding: 0 0 12px 0;
}
/* line 357, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody em {
  font-style: italic;
  font-size: 15px;
  color: #000000;
}
/* line 362, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody u {
  text-decoration: underline;
  font-size: 15px;
  color: #000000;
}
/* line 367, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody i {
  font-style: italic;
  font-size: 15px;
  color: #000000;
}
/* line 372, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody li {
  font-size: 15px;
  color: #000000;
}
/* line 376, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody ol {
  list-style-type: decimal;
  font-size: 15px;
  color: #000000;
}
/* line 383, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #warrantyTab {
  line-height: 21px;
}
/* line 386, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #warrantyTab .tabBody b {
  font-weight: 700;
}
/* line 392, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #extendedWarrantyTab {
  line-height: 21px;
}
/* line 395, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #extendedWarrantyTab .tabBody b {
  font-weight: 700;
}
/* line 399, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #extendedWarrantyTab .tabBody a {
  color: #0041B0;
  text-decoration: underline;
}

/* line 407, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.right-panel .tabHead {
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0;
}

/*
.tabarea .tab-wrapper:not(:first-of-type){
  border-top: 1px dotted #bbb;
}*/
/* line 417, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .tab-wrapper .tabHead:first-child {
  width: 250px;
}

/*write review form*/
/* line 423, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.section-product-detail .reviews .review-details {
  border-color: #999;
}

/* line 424, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.section-product-detail .reviews .bubble-pointer {
  position: absolute;
  left: -33px;
  top: 40px;
}

/* line 425, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.section-product-detail .reviews .review-title {
  font-size: 18px;
}

/* line 429, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-user-info {
  float: left;
  width: 15%;
}

/* line 433, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-user-info > span {
  display: block;
}

/* line 436, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-details {
  border: 1px solid #ccc;
  border-radius: 10px;
  float: left;
  padding: 20px;
  width: 85%;
}

/* line 443, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-rating > span, .review-rating-slider > span {
  float: left;
}

/* line 446, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.show-all-review {
  background: none repeat scroll 0 0 #e1e1e1;
  border-bottom: 1px solid #aaaaaa;
  border-top: 1px solid #aaaaaa;
  float: left;
  margin-top: 20px;
  padding-left: 20px;
  width: 100%;
}

/* line 456, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui.sprite-su-review-star-static.active,
.hktvui.sprite-su-review-star.active,
.hktvui.sprite-su-review-star:hover {
  background-position: -1949px -347px;
  width: 29px;
  height: 28px;
}

/* line 459, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui.sprite-su-review-star-static,
.hktvui.sprite-su-review-star {
  background-position: 0 -469px;
  width: 29px;
  height: 28px;
}

/* line 464, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper:not(:last-child) {
  margin-bottom: 16px;
}

/* line 467, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper {
  font-size: 15px;
  line-height: 20px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.12);
}
/* line 474, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper {
  display: flex;
  align-items: center;
  padding: 0 16px 10px 21px;
  margin-top: 1%;
  justify-content: space-between;
  flex-direction: row-reverse;
}
/* line 481, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .recommendOrNot {
  color: #757575;
  display: inline-flex;
  align-items: center;
}
/* line 485, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .recommendOrNot * {
  margin-right: 5px;
}
/* line 489, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper {
  cursor: pointer;
  display: inline-flex;
  align-items: baseline;
  line-height: 16px;
  color: #757575;
}
/* line 495, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper.liked {
  color: #00A759;
}
/* line 498, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper img {
  display: inline;
  height: 14px;
}
/* line 502, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper .praise-useful-count {
  margin-left: 4.5px;
}

/* line 509, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviews {
  position: relative;
}

/* line 513, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rightPanel {
  display: block;
  vertical-align: middle;
}

/* line 518, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user {
  display: flex;
  width: auto;
  padding-top: 16px;
  padding-left: 20px;
  padding-bottom: 5px;
  justify-content: space-between;
}
/* line 524, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .comment-profile-pic {
  vertical-align: middle;
  padding-right: 5px;
}
/* line 528, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user span {
  display: inline-block;
  margin: 0  0 0;
}
/* line 532, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .vip-highlight {
  margin: 0 8px 2px;
  text-align: center;
}
/* line 536, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .diamondvip-highlight {
  margin: 0 8px 2px;
  text-align: center;
}

/* line 541, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rightPanel {
  width: 100%;
}

/* line 554, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply-list {
  margin-top: 24px;
}

/* line 559, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.cs-reply-list.show-last-only .product-review-reply:not(:last-child) {
  display: none;
}

/* line 564, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply {
  width: 100%;
  padding: 16px 24px;
  background-color: #f2faf6;
}
/* line 568, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info {
  display: inline-flex;
  align-items: center;
  width: 75%;
}
/* line 572, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .product-review-reply-icon {
  flex-shrink: 0;
}
/* line 575, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .review-username {
  white-space: nowrap;
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 581, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .review-date {
  flex-shrink: 0;
}

/* line 586, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .product-review-reply-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  background-image: url(/_ui/shared/common/svg/community/icHKTVmall.svg);
  background-size: contain;
}
/* line 594, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .product-review-reply-icon.customer {
  background-image: url(/_ui/desktop/common/images/img_Large_ProfilePic_noImage.svg);
}
/* line 595, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .product-review-reply-icon.store {
  background-image: url(/_ui/shared/common/svg/community/icStore.svg);
}

/* line 596, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .review-username {
  color: #36b449;
}
/* line 597, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .review-username.customer {
  color: rgba(0, 0, 0, 0.54);
}
/* line 598, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .product-review-reply .review-username {
  color: #666;
}

/* line 603, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .review-username,
.product-review-reply .review-username {
  font-weight: bold;
  display: inline-block;
  margin: 0 8px 2px 0;
}
/* line 606, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .review-username:hover,
.product-review-reply .review-username:hover {
  text-decoration: underline;
  color: #36b449;
}

/* line 615, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .review-date,
.product-review-reply .review-date {
  color: #777;
  margin: 0;
}

/* line 622, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply > span {
  display: inline-block;
}

/* line 627, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rating {
  position: relative;
  max-height: 18px;
  align-self: center;
  margin: 0 8px 0 0;
}
/* line 628, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rating.hide-stars {
  display: none;
}
/* line 634, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rating .header {
  position: absolute;
  top: 0;
  left: 10px;
}

/* line 646, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-content {
  padding-left: 24px;
}
/* line 649, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-content .review-title, .product-review-content .review-content, .product-review-content .review-images {
  position: relative;
}
/* line 653, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-content .review-images .header {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 660, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-detail {
  border-radius: 7px;
}

/* line 669, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-detail .review-content {
  margin: 4px 4px 0 36px;
}

/* line 673, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-detail {
  position: relative;
  background-size: 100%;
  word-wrap: break-word;
}

/* line 675, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-detail:before {
  position: absolute;
  display: inline-block;
  left: 20px;
  top: -7px;
  content: '';
}

/* line 686, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-detail:after {
  position: absolute;
  display: inline-block;
  left: 21px;
  top: -6px;
  content: '';
}

/* line 697, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-title {
  margin-bottom: 10px;
}

/* line 700, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-rating {
  position: relative;
  top: 1px;
}

/* line 705, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-date {
  margin-right: 3px;
}

/* line 709, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images {
  margin-top: 8px;
  min-width: 380px;
  margin-bottom: 16px;
}

/* line 715, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-small-wrapper {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 55px;
  margin-right: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  background: #fff;
  position: relative;
  border-radius: 8px;
}

/* line 732, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-small-wrapper.enlarge {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}

/* line 737, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-small-wrapper.enlarge:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #36b449;
  position: absolute;
  bottom: -10px;
  left: 23px;
  z-index: 1;
}

/* line 750, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-small-wrapper:hover,
.review-images .review-image-small-wrapper.enlarge {
  border: 2px solid #36b449;
}

/* line 756, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-small-wrapper > img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* line 763, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-large-section {
  display: none;
}

/* line 767, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-large-wrapper {
  display: inline-block;
  line-height: 358px;
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  margin-top: 10px;
}

/* line 777, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-large-wrapper > img {
  max-width: 400px;
  max-height: 300px;
  display: block;
}

/* line 783, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-s {
  display: inline-block;
  margin-right: 3px;
}

/* line 788, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-rs {
  display: inline-block;
  display: inline-block;
  margin-right: 3px;
}

/* line 794, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-m {
  display: inline-block;
  margin-right: 4px;
}

/* line 799, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-rm {
  display: inline-block;
  margin-right: 4px;
}

/*for popup form */
/* line 806, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.input-grey {
  height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*border-color: #e1e1e1;*/
  border: 1px solid #e1e1e1 !important;
  /*-moz-box-shadow: 0 0 20px 2px #ddd inset;*/
  /*-webkit-box-shadow: 0 0 20px 2px #ddd inset;*/
  box-shadow: 0 0 2px 1px #ddd inset !important;
  /*-webkit-appearance: none;*/
  padding: 4px 0;
  min-height: 30px;
}

/* line 829, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.overlay-add-review .content {
  padding: 30px;
}

/* line 833, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.overlay .tab-thankyou {
  display: none;
}

/* line 836, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.control-group label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* line 843, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.overlay-add-review textarea {
  height: 131px;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 849, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.inputs.input-grey {
  padding-left: 8px;
  padding-right: 8px;
}

/* line 855, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup {
  background: #f3f3f3;
}
/* line 857, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .titleSection {
  background: #fff;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.writeProductReviewPopup .titleSection:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 860, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .titleSection .caption {
  padding: 16px 0 17px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  opacity: 0.87;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 1px rgba(0, 0, 0, 0.12);
}
/* line 871, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .tab-form {
  padding: 48px 80px 0;
  min-height: 583px;
}
/* line 878, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .tab-form .remarks {
  text-align: center;
  color: #888;
  font-size: 12px;
  line-height: 16.2px;
  padding-top: 16px;
  padding-bottom: 20px;
}
/* line 885, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .tab-form .remarks .tncLink {
  color: #36B449;
  text-decoration: underline;
}
/* line 891, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block {
  text-align: center;
  min-height: 563px;
}
/* line 893, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block .line1 {
  font-size: 14px;
  line-height: 16px;
  margin-top: 16px;
}
/* line 896, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block .line2 {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  margin: 16px 20px 0;
}
/* line 898, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block .line3 {
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  margin-top: 16px;
}
/* line 898, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block .line3 a {
  color: #00b064;
}
/* line 4, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form {
  background: #fff;
  padding-bottom: 24px;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  position: relative;
}
/* line 5, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .brand-product-name {
  padding: 40px 12px 0;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
/* line 8, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .img-container {
  width: 64px;
  height: 64px;
  overflow: hidden;
  background-color: #fff;
  z-index: 999;
  border: solid 0.9px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.12);
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
/* line 11, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .img-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* line 13, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .js-error {
  color: red;
  display: none;
  line-height: 20px;
}
/* line 18, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  color: rgba(0, 0, 0, 0.38);
}
/* line 25, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0 12px;
}
/* line 28, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper > i {
  float: left;
  margin-right: 6px;
}
/* line 33, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper.active > i {
  cursor: pointer;
}
/* line 37, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper.active .rating-star-empty.on {
  background-image: url(/_ui/shared/common/images/sprite/other-s305744c674.png);
  background-position: 0 -46px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 37, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper.active .rating-star-empty.on {
    background-image: url(/_ui/shared/common/images/sprite/other-2x-sc5522f0b89.png);
    background-size: 40px 248px;
    background-position: 0 -46px;
    height: 24px;
    width: 26px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 37, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper.active .rating-star-empty.on {
    background-image: url(/_ui/shared/common/images/sprite/other-3x-sb07be65aa8.png);
    background-size: 40px 223px;
    background-position: 0 -24px;
    height: 24px;
    width: 26px;
  }
}
/* line 42, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper.active .rating-star.off {
  background-image: url(/_ui/shared/common/images/sprite/other-s305744c674.png);
  background-position: 0 -22px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 42, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper.active .rating-star.off {
    background-image: url(/_ui/shared/common/images/sprite/other-2x-sc5522f0b89.png);
    background-size: 40px 248px;
    background-position: 0 -22px;
    height: 24px;
    width: 26px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 42, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper.active .rating-star.off {
    background-image: url(/_ui/shared/common/images/sprite/other-3x-sb07be65aa8.png);
    background-size: 40px 223px;
    background-position: 0 0;
    height: 24px;
    width: 26px;
  }
}
/* line 47, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper .rating-star {
  background-image: url(/_ui/shared/common/images/sprite/other-s305744c674.png);
  background-position: 0 -46px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 47, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper .rating-star {
    background-image: url(/_ui/shared/common/images/sprite/other-2x-sc5522f0b89.png);
    background-size: 40px 248px;
    background-position: 0 -46px;
    height: 24px;
    width: 26px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 47, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper .rating-star {
    background-image: url(/_ui/shared/common/images/sprite/other-3x-sb07be65aa8.png);
    background-size: 40px 223px;
    background-position: 0 -24px;
    height: 24px;
    width: 26px;
  }
}
/* line 50, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .stars-wrapper .rating-star-empty {
  background-image: url(/_ui/shared/common/images/sprite/other-s305744c674.png);
  background-position: 0 -22px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 50, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper .rating-star-empty {
    background-image: url(/_ui/shared/common/images/sprite/other-2x-sc5522f0b89.png);
    background-size: 40px 248px;
    background-position: 0 -22px;
    height: 24px;
    width: 26px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 50, ../../../../resource/compass/lib/_reviewForm.scss */
  .writeProductReviewPopup .review-form .stars-wrapper .rating-star-empty {
    background-image: url(/_ui/shared/common/images/sprite/other-3x-sb07be65aa8.png);
    background-size: 40px 223px;
    background-position: 0 0;
    height: 24px;
    width: 26px;
  }
}
/* line 54, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper {
  padding: 24px 36px 0;
  display: block;
  position: relative;
}
/* line 56, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper.hidden {
  display: none;
}
/* line 58, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper textarea {
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
  resize: none;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  padding: 10px 10px 10px 40px;
  height: 100px;
}
/* line 69, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper textarea:focus {
  border: solid 1px #00a759;
}
/* line 72, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper textarea.error {
  border: solid 1px #ff4c4c;
}
/* line 76, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom {
  margin-top: 20px;
  position: relative;
}
/* line 79, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom:after {
  content: "";
  clear: both;
  display: table;
}
/* line 84, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .title {
  font-size: 14px;
  color: #666;
  padding-bottom: 5px;
  float: left;
  width: 100%;
}
/* line 91, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload {
  margin-top: 5px;
  display: flex;
  justify-content: center;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 94, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload .img-loading, .writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload .img-wrapper {
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  position: relative;
}
/* line 103, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload .img-loading img, .writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload .img-wrapper img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
/* line 112, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .image-upload .img-wrapper .remove-image-wrapper {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -3px;
  right: -3px;
  background-image: url("/_ui/shared/common/svg/orderReview/icCancel.svg");
}
/* line 122, ../../../../resource/compass/lib/_reviewForm.scss */
.add-image-wrapper {
  width: 42px;
  height: 42px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  position: absolute;
  top: 24px;
  left: 36px;
  background: url(/_ui/shared/common/svg/orderReview/icImage.svg) no-repeat center;
}
/* line 129, ../../../../resource/compass/lib/_reviewForm.scss */
.add-image-wrapper.hidden {
  display: none;
}
/* line 144, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .submitButton {
  display: block;
  width: 100%;
  max-width: 220px;
  padding: 0 20px;
  margin: 10px auto;
  line-height: 38px;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
/* line 153, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .submitButton input {
  cursor: pointer;
}
/* line 158, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .submitButton:disabled, .writeProductReviewPopup .review-form .contentWrapper .review-control-bottom .submitButton[disabled] {
  background: gray;
}
/* line 167, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .question {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}
/* line 171, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .question.green {
  color: #3fbc82;
}
/* line 173, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .helpMessage, .writeProductReviewPopup .review-form .shareMessage {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  margin: 8px 4px 0;
}
/* line 178, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .helpMessage span, .writeProductReviewPopup .review-form .helpMessage a, .writeProductReviewPopup .review-form .shareMessage span, .writeProductReviewPopup .review-form .shareMessage a {
  color: #00a759;
  cursor: pointer;
  text-decoration: underline;
}
/* line 181, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .tagContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 32px 0;
}
/* line 186, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .tagContainer__tab {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 4px 8px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.38);
  cursor: pointer;
}
/* line 196, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .tagContainer__tab.active {
  background: #00a759;
  color: #fff;
  border: solid 1px #00a759;
}
/* line 199, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form.complete {
  background-color: #f2faf6;
}
/* line 202, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-form .complete-comment {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-word;
}
/* line 210, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .upload-file-container {
  display: none;
}
/* line 217, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .review-control-bottom .image-upload .error-res-message {
  clear: both;
}
/* line 223, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .clipboardCopy {
  display: flex;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
  background: #222;
  color: #fff;
}
/* line 230, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .clipboardCopy img {
  margin-right: 10px;
}
/* line 235, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .privateComment {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  margin-bottom: 20px;
}
/* line 242, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .privateComment input {
  appearance: none;
  height: 18px;
  width: 18px;
  margin: 0 5px 0 0;
  background: url(/_ui/shared/common/svg/orderReview/icCheckbox.svg);
}
/* line 248, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .privateComment input:checked {
  background: url(/_ui/shared/common/svg/orderReview/icCheckbox_checked.svg);
}
/* line 254, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .privateComment--finish {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  margin-bottom: 20px;
}
/* line 261, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .privateComment--finish img {
  margin: 0 5px 0 0;
}
/* line 266, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #f3f3f3;
  color: #aaaaaa;
  font-size: 12px;
  padding: 7px;
}
/* line 275, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div {
  display: inherit;
  flex: 1 0 100%;
  margin: 1% 0;
  justify-content: center;
}
/* line 281, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div:first-child {
  color: #808080;
  margin: 10px 0 4px 0;
  font-size: larger;
}
/* line 287, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button {
  margin: 0px 1%;
  border-color: currentColor;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  padding: 10px 5%;
  display: flex;
  align-items: center;
  background-clip: padding-box;
  min-width: 24%;
  justify-content: center;
  white-space: nowrap;
}
/* line 300, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button img {
  padding: 0 5%;
}
/* line 304, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button img.selected {
  display: none;
}
/* line 308, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button.active {
  background-color: #f5fbf8;
  color: #4ec38c;
}
/* line 311, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button.active img.unselected {
  display: none;
}
/* line 314, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button.active img.selected {
  display: initial;
}
/* line 902, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .review-control-bottom .js-error.error-res-message {
  clear: both;
}

/* line 908, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.js-error.displaynone {
  display: none;
}

/* line 912, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.js-error {
  color: red;
}

/* line 916, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.control-label {
  margin-top: 6px;
}

/* line 920, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tab-thankyou {
  min-height: 583px;
  padding: 80px 0;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tab-thankyou .thankyou-message {
  text-align: center;
}
/* line 925, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tab-thankyou .thankyou-message span {
  font-size: 24px;
}
/* line 929, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tab-thankyou button {
  margin: 40px auto 0px;
  display: block;
  line-height: 30px;
}

/* line 936, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#errorReviewSubmit {
  font-size: 16px;
  width: 100%;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  padding-top: 17px;
  padding-bottom: 10px;
}

/* line 946, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.container-message {
  font-size: 16px;
}

/*video*/
/* line 951, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-player {
  float: left;
  height: 315px;
  width: 560px;
  margin-right: 10px;
}

/* line 958, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list {
  margin-left: 580px;
}
/* line 960, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li {
  width: 100%;
  padding: 10px 0;
}
/* line 963, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li:not(first-child) {
  float: left;
  border-bottom: 1px dotted #ccc;
}
/* line 968, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li:hover {
  text-decoration: underline;
  cursor: pointer;
}
/* line 971, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .video-list li:hover {
  color: #222;
}
/* line 975, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li.active {
  color: #36b449;
}
/* line 977, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .video-list li.active {
  color: #222;
}
/* line 982, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .video-list li {
  color: #666;
}
/* line 987, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li:not(.active) i {
  display: none;
}
/* line 991, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li table {
  width: 100%;
}
/* line 993, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li table td:last-child {
  width: 36px;
  padding: 0 10px;
  vertical-align: middle;
}
/* line 1000, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list .icSupermarketPdpVideoplay {
  display: block;
}

/*store top*/
/* line 1006, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-details-top {
  border: 1px solid #ddd;
  line-height: 21px;
  background: white;
  padding: 0 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  margin-bottom: 15px;
}

/* line 1014, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tab-wrapper.store-des {
  border-top: 1px dotted #bbb;
  font-size: 15px;
}

/* line 1015, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-description {
  max-height: 210px;
  margin: 10px 0;
  /*border-top: 1px dotted #bbb;*/
  overflow: hidden;
  word-wrap: break-word;
}

/* line 1022, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-details-top .show-all {
  display: none;
  cursor: pointer;
  margin-bottom: 10px;
}

/* line 1026, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-image a {
  display: block;
}
/* line 1029, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-image img {
  width: 100%;
}

/* line 1035, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.right-panel .tab-wrapper a:hover {
  text-decoration: underline;
}

/* line 1039, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-count {
  font-size: 12px;
  font-weight: normal;
}

/* line 1044, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel {
  position: absolute;
  background: #fff;
  min-width: 130px;
  top: 0;
  right: 0;
  border: #e9e9e9 1px solid;
  font-weight: bold;
  cursor: pointer;
  z-index: 3;
}
/* line 1054, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel .title {
  padding: 0 10px;
  font-size: 15px;
  font-weight: normal;
  color: #222;
  line-height: 48px;
}
/* line 1061, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel .btnFashionPdpWhiteArrowdown, .recommendation-panel .btnFashionPdpBlackArrowdown {
  margin-right: 10px;
}
/* line 1064, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover {
  background: #222;
}
/* line 1066, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover .btnFashionPdpWhiteArrowdown {
  display: inline-block !important;
}
/* line 1069, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover .btnFashionPdpBlackArrowdown {
  display: none;
}
/* line 1072, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover .title {
  color: #fff;
}

/* line 1077, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup {
  position: absolute;
  width: 300px;
  border-radius: 2px;
  background: #222;
  color: #fff;
  text-align: left;
  z-index: 3;
  cursor: initial;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
  display: block;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
}
/* line 1094, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .recommendation .slides .productBrief.fashionTemplate.simple {
  margin-bottom: 10px;
}
/* line 1096, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .recommendation .slides .productBrief.fashionTemplate.simple .labelWrapper {
  display: none;
}
/* line 1102, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .title {
  padding: 20px 20px;
}
/* line 1107, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup.show .slides .clickable_prev, #recommendationPopup.show .slides .prev, #recommendationPopup.show .slides .clickable_next, #recommendationPopup.show .slides .next {
  opacity: 1;
  visibility: initial;
  cursor: pointer;
}
/* line 1114, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides {
  width: 194px;
  margin: 0 auto;
  position: relative;
}
/* line 1119, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .clickable_prev {
  width: 53px;
  height: 194px;
  position: absolute;
  top: 0;
  left: -53px;
  opacity: 0;
  visibility: hidden;
}
/* line 1127, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .clickable_prev .prev {
  top: 85px;
  left: 19px;
  position: absolute;
}
/* line 1133, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .clickable_next {
  width: 53px;
  height: 194px;
  position: absolute;
  top: 0;
  right: -53px;
  opacity: 0;
  visibility: hidden;
}
/* line 1141, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .clickable_next .next {
  top: 85px;
  left: 19px;
  position: absolute;
}
/* line 1148, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .star-wrapper {
  margin: 10px 0 10px 39px;
}
/* line 1150, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .star-wrapper .averageRatingText, #recommendationPopup .slides .productBrief .star-wrapper .numOfReview {
  color: #FFF;
}
/* line 1153, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .star-wrapper .numOfReview {
  font-size: 14px;
}
/* line 1157, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .textWrapper {
  margin: 10px 0;
}
/* line 1161, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .textWrapper .pricelabel .promotional span {
  color: #FFF;
}
/* line 1165, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .textWrapper .pricelabel .price > span {
  color: white;
}

/* line 1174, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-side {
  border: 1px solid #ddd;
  line-height: 21px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 1181, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-side .tabHead {
  padding-left: 10px;
}

/* line 1185, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side {
  border: 1px solid #ddd;
  border-top: none;
  line-height: 21px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  margin-bottom: 15px;
}

/* line 1194, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .subcat {
  padding: 0 10px;
}

/* line 1198, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .subcat div:first-child {
  float: left;
}

/* line 1202, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .subcat div:last-child {
  float: right;
}

/* line 1207, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .subcat:not(:first-of-type) {
  border-top: 1px solid #ddd;
}

/* line 1211, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .subcat-name {
  color: #36b449;
}

/* line 1215, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommend-side-img {
  padding: 0px 0 10px 1px;
}

/* line 1219, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommend-side-img * {
  box-sizing: content-box;
}

/* line 1223, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommend-side-img a {
  display: inline-block;
  float: left;
  width: 134px;
  height: 134px;
  margin: 9px 1px 1px 9px;
  line-height: 131px;
  text-align: center;
  border: 1px solid #ccc;
  overflow: hidden;
}

/* line 1235, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommend-side-img a:hover {
  border: 2px solid #94c400;
  margin: 8px 0 0 8px;
}

/* line 1240, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommend-side-img a img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

/* line 1246, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.threshold-promotion-side .recommend-side-img a:hover {
  border: 2px solid #26BEDA;
}

/* bottom recommendation */
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
div#reviewTab {
  padding-right: 0;
}

/*
.store-recommendation .product-box img {
  max-height: 197px;
  max-width: 197px;
  display: inline;
}

.store-recommendation .product-box {
  float: left;
  display: block;
  position: relative;
  width: 197px;
  height: 197px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  text-align: center;
  background: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
}

.store-recommendation {
  background: white;
}

.store-recommendation .product-box .helper {
  display: table;
  width: 197px;
  height: 197px;
}

.store-recommendation .product-box .helper > div {
  display: table-cell;
  vertical-align: middle;
}
.store-recommendation .product-box .malldollar_sprite-sprite, .store-recommendation .product-box .vip_malldollar_sprite-sprite{
  display: none;
}

.store-recommendation .product-box .out-of-stock{
  top:90px;
}

.store-recommendation .product-box .mallDollarLogo{
  display: none;
}*/
/* line 1301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.cat-box .cat-box-products {
  position: relative;
  width: 840px;
  height: 470px;
  overflow: hidden;
  margin-left: 7px;
  padding: 0 3px;
}

/* line 1302, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.cat-box .cat-box-products {
  margin-left: 3px;
}

/* line 1304, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationTab {
  margin-right: 0;
}

/* line 1307, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendationTab {
  margin-right: 0;
}

/*optional banner*/
/* line 1314, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.optional-banner {
  margin-bottom: 10px;
}

/* line 1317, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.optional-banner a {
  width: 100%;
}

/* line 1321, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.optional-banner img {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 1326, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.share-with-friends {
  display: none;
}

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

/* line 1337, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvspriteS-s007-bt-wishlist {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 4px;
}

/* line 1344, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btn i {
  vertical-align: middle;
}

/* sprite-pseudo */
/* line 1349, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.add-to-wishlist.btn:hover .hktvspriteS-s007-bt-wishlist, .not-authorised-wishlist.btn:hover .hktvspriteS-s007-bt-wishlist {
  background-position: -170px 0;
}

/* line 1353, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.add-to-wishlist.btn:active .hktvspriteS-s007-bt-wishlist, .hktvspriteS-s007-bt-wishlist:active, .not-authorised-wishlist.btn:active .hktvspriteS-s007-bt-wishlist {
  background-position: -189px 0;
}

/* line 1357, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.outOfStock.btn {
  float: right;
  position: relative;
  top: 12px;
  left: -100px;
  height: 20px;
}

/* line 1366, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.return-icon i {
  display: block;
  margin-top: 3px;
}

/* line 1372, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle .tabHead span:first-child {
  width: 250px;
  float: left;
}

/* line 1377, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle .tabHead span:last-child {
  float: right;
}

/* line 1381, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle .tabHead {
  cursor: pointer;
}

/* line 1385, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggleButton {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+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);
  position: relative;
  width: 16px;
  height: 14px;
  display: inline-block;
  border: 1px solid #aaa;
  margin: 2px 3px 0 0;
  border-radius: 3px;
  cursor: pointer;
}

/* line 1398, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle .tabBody {
  display: none;
}

/* line 1402, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggleButton:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+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 1411, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggleButton:active {
  background: #e6e6e6;
}

/* line 1415, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggleButton:after {
  position: absolute;
  margin-left: 5px;
  content: "";
  right: 3px;
  top: 4px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222;
  border-bottom: none;
}

/* line 1427, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggleButton.active:after {
  position: absolute;
  margin-left: 5px;
  content: "";
  right: 3px;
  top: 4px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #222;
  border-top: none;
}

/* line 1441, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.spare-write-review-text {
  text-align: center;
  margin: 33px;
  font-size: 15px;
  font-weight: bold;
}

/* line 1448, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.spare-write-review-ok {
  display: block;
  line-height: 30px;
  margin: 0 auto 28px;
  font-size: 15px;
}

/* line 1455, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.nostock-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 1465, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.right-panel .threshold-promotion-side .tab-wrapper a:hover {
  text-decoration: none;
}

/* review upload image */
/* line 1471, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section {
  margin-top: 19px;
  width: 580px;
}
/* line 1474, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .heading {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
/* line 1481, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img {
  position: relative;
  display: inline-block;
  color: #555;
  border: 1px #ccc dashed;
  width: 100px;
  height: 100px;
  text-align: center;
  vertical-align: top;
  line-height: 97px;
  float: left;
  margin-right: 19px;
}
/* line 1493, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img.empty:hover, .review-upload-img-section .review-upload-img.fail:hover {
  cursor: pointer;
  border-color: #6ab721 !important;
  color: #6ab721;
}
/* line 1498, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img .review-upload-img-caption {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
/* line 1503, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img .review-upload-img-caption > span.review-upload-img-caption-icon {
  display: none;
  height: 32px;
  background: url("/_ui/desktop/common/images/ic_addphoto.png") center center no-repeat;
  margin-bottom: 4px;
}
/* line 1511, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img.empty .review-upload-img-caption > span.review-upload-img-caption-icon {
  display: block;
}
/* line 1514, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img.empty:hover .review-upload-img-caption > span.review-upload-img-caption-icon {
  background: url("/_ui/desktop/common/images/ic_addphoto_hover.png") center center no-repeat;
}
/* line 1520, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section #review-upload-img-5 {
  margin-right: 0px !important;
}
/* line 1523, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section.done, .review-upload-img-section.prog {
  border: 1px solid #ccc;
}
/* line 1525, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section.done .review-upload-img-caption, .review-upload-img-section.prog .review-upload-img-caption {
  display: none;
}
/* line 1527, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section.done .review-upload-img-preview, .review-upload-img-section.prog .review-upload-img-preview {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
/* line 1534, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section.done .remove-image-btn, .review-upload-img-section.prog .remove-image-btn {
  display: block;
}
/* line 1538, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section.prog {
  background: url("/_ui/desktop/common/images/loading-logo1.gif") center center no-repeat rgba(255, 255, 255, 0.8);
  background-size: 40px;
  opacity: 0.6;
}
/* line 1544, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img-preview {
  display: none;
}
/* line 1546, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section input.review-upload-img-file {
  display: none;
}
/* line 1549, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .remove-image-btn {
  display: none;
  height: 20px;
  width: 20px;
  background: url("/_ui/desktop/common/images/bt-delete.png");
  position: absolute;
  opacity: 0.5;
  top: -10px;
  right: -10px;
  z-index: 1;
  cursor: pointer;
}
/* line 1560, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .remove-image-btn:hover {
  opacity: 1;
}
/* line 1564, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img-file {
  display: none;
}
/* line 1566, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section #submitReview {
  margin: 0 auto;
  float: none;
}

/* for new productRecommendations lists */
/* line 1574, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations {
  padding-bottom: 15px;
}

/* line 1578, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations > div {
  padding-left: 41px;
  padding-right: 40px;
}

/* line 1583, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .productRecommendationsTitle {
  display: block;
  font-size: 18px;
  margin-top: 30px;
}

/* line 1590, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .store-recommendation {
  margin-top: 8px;
  background: initial;
  height: 181px;
  overflow: hidden;
}

/* line 1597, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .store-recommendation .product-box {
  margin-bottom: 0;
  box-sizing: content-box;
}

/* line 1603, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .store-recommendation .product-box .helper {
  width: 178px;
  height: 178px;
}

/* line 1608, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .store-recommendation .product-box img {
  max-width: 178px;
  max-height: 178px;
}

/* line 1613, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .store-recommendation .product-box {
  width: 178px;
  height: 178px;
}

/* line 1618, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .btnSliderPrev {
  cursor: pointer;
  position: absolute;
  top: 72px;
  left: 0;
}

/* line 1625, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productRecommendations .btnSliderNext {
  cursor: pointer;
  position: absolute;
  top: 72px;
  right: 8px;
}

/* line 1636, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL .title:after {
  content: '|';
  display: inline-block;
  margin: 0 5px 0;
}
/* line 1642, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL .clickThroughURLText {
  line-height: 20px;
  font-size: 15px;
  color: #666;
}
/* line 1646, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL .clickThroughURLText .clickThroughURLBtn {
  margin-left: 5px;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -97px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 1646, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  #mixAndMatchRecommendation .titleWrapper .clickThroughURL .clickThroughURLText .clickThroughURLBtn {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -97px -62px;
    height: 9px;
    width: 6px;
  }
}
/* line 1652, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL:hover .title, #mixAndMatchRecommendation .titleWrapper .clickThroughURL:hover .clickThroughURLText {
  text-decoration: underline;
}

/* line 1660, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation, #skuLevelRecommendation, #categoryLevelRecommendation, #subCatRecommendation {
  border-top: #e6e6e6 1px solid;
  padding-bottom: 30px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#mixAndMatchRecommendation:after, #skuLevelRecommendation:after, #categoryLevelRecommendation:after, #subCatRecommendation:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1663, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-supermarket #mixAndMatchRecommendation .slick-slider, .street-supermarket #skuLevelRecommendation .slick-slider, .street-supermarket #categoryLevelRecommendation .slick-slider, .street-supermarket #subCatRecommendation .slick-slider {
  left: 47px;
  width: 850px;
}
/* line 1666, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-supermarket #mixAndMatchRecommendation .slick-slider .slick-list, .street-supermarket #skuLevelRecommendation .slick-slider .slick-list, .street-supermarket #categoryLevelRecommendation .slick-slider .slick-list, .street-supermarket #subCatRecommendation .slick-slider .slick-list {
  margin: 0 -11px;
}
/* line 1668, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-supermarket #mixAndMatchRecommendation .slick-slider .slick-list .slick-slide, .street-supermarket #skuLevelRecommendation .slick-slider .slick-list .slick-slide, .street-supermarket #categoryLevelRecommendation .slick-slider .slick-list .slick-slide, .street-supermarket #subCatRecommendation .slick-slider .slick-list .slick-slide {
  margin: 0 11px;
}
/* line 1673, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-supermarket #mixAndMatchRecommendation .btnSliderPrevMedium, .street-supermarket #skuLevelRecommendation .btnSliderPrevMedium, .street-supermarket #categoryLevelRecommendation .btnSliderPrevMedium, .street-supermarket #subCatRecommendation .btnSliderPrevMedium {
  position: absolute;
  top: 132px;
  left: -49px;
}
/* line 1678, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-supermarket #mixAndMatchRecommendation .btnSliderNextMedium, .street-supermarket #skuLevelRecommendation .btnSliderNextMedium, .street-supermarket #categoryLevelRecommendation .btnSliderNextMedium, .street-supermarket #subCatRecommendation .btnSliderNextMedium {
  position: absolute;
  top: 132px;
  right: -49px;
}
/* line 1687, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .slick-slider .slick-list, .street-fashion #skuLevelRecommendation .slick-slider .slick-list, .street-fashion #categoryLevelRecommendation .slick-slider .slick-list, .street-fashion #subCatRecommendation .slick-slider .slick-list {
  margin: 0 -10px;
}
/* line 1689, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple, .street-fashion #skuLevelRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple, .street-fashion #categoryLevelRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple, .street-fashion #subCatRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple {
  min-height: 375px;
  position: relative;
}
/* line 1694, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple .textWrapper .lineWrapper .brand-product-name, .street-fashion #skuLevelRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple .textWrapper .lineWrapper .brand-product-name, .street-fashion #categoryLevelRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple .textWrapper .lineWrapper .brand-product-name, .street-fashion #subCatRecommendation .slick-slider .slick-list .productBrief.fashionTemplate.productBriefClickable.simple .textWrapper .lineWrapper .brand-product-name {
  margin-top: 5px;
}
/* line 1700, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .slick-slider .slick-list .slick-slide, .street-fashion #skuLevelRecommendation .slick-slider .slick-list .slick-slide, .street-fashion #categoryLevelRecommendation .slick-slider .slick-list .slick-slide, .street-fashion #subCatRecommendation .slick-slider .slick-list .slick-slide {
  margin: 0 10px;
}
/* line 1705, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .btnImgsliderNavPrev, .street-fashion #skuLevelRecommendation .btnImgsliderNavPrev, .street-fashion #categoryLevelRecommendation .btnImgsliderNavPrev, .street-fashion #subCatRecommendation .btnImgsliderNavPrev {
  position: absolute;
  top: 93px;
  left: -12px;
  z-index: 1;
}
/* line 1711, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .btnImgsliderNavNext, .street-fashion #skuLevelRecommendation .btnImgsliderNavNext, .street-fashion #categoryLevelRecommendation .btnImgsliderNavNext, .street-fashion #subCatRecommendation .btnImgsliderNavNext {
  position: absolute;
  top: 93px;
  right: -12px;
  z-index: 1;
}
/* line 1721, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper, #skuLevelRecommendation .titleWrapper, #categoryLevelRecommendation .titleWrapper, #subCatRecommendation .titleWrapper {
  margin: 40px 0 20px 0;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#mixAndMatchRecommendation .titleWrapper:after, #skuLevelRecommendation .titleWrapper:after, #categoryLevelRecommendation .titleWrapper:after, #subCatRecommendation .titleWrapper:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1724, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .title, #skuLevelRecommendation .titleWrapper .title, #categoryLevelRecommendation .titleWrapper .title, #subCatRecommendation .titleWrapper .title {
  float: left;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 20px;
  font-size: 18px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1000px;
  width: auto;
}
/* line 1731, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .title span, #skuLevelRecommendation .titleWrapper .title span, #categoryLevelRecommendation .titleWrapper .title span, #subCatRecommendation .titleWrapper .title span {
  color: #36b449;
  font-size: 15px;
  font-weight: 800;
}
/* line 1735, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .title span:hover, #skuLevelRecommendation .titleWrapper .title span:hover, #categoryLevelRecommendation .titleWrapper .title span:hover, #subCatRecommendation .titleWrapper .title span:hover {
  text-decoration: underline;
}
/* line 1738, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .titleWrapper .title span, .street-fashion #skuLevelRecommendation .titleWrapper .title span, .street-fashion #categoryLevelRecommendation .titleWrapper .title span, .street-fashion #subCatRecommendation .titleWrapper .title span {
  color: #666;
}
/* line 1743, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .linkText, #skuLevelRecommendation .titleWrapper .linkText, #categoryLevelRecommendation .titleWrapper .linkText, #subCatRecommendation .titleWrapper .linkText {
  float: right;
  font-size: 15px;
  color: #444;
}
/* line 1747, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .titleWrapper .linkText, .street-fashion #skuLevelRecommendation .titleWrapper .linkText, .street-fashion #categoryLevelRecommendation .titleWrapper .linkText, .street-fashion #subCatRecommendation .titleWrapper .linkText {
  font-weight: bold;
}
/* line 1750, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .linkText > i, #skuLevelRecommendation .titleWrapper .linkText > i, #categoryLevelRecommendation .titleWrapper .linkText > i, #subCatRecommendation .titleWrapper .linkText > i {
  margin-left: 10px;
}
/* line 1752, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .titleWrapper .linkText > i, .street-fashion #skuLevelRecommendation .titleWrapper .linkText > i, .street-fashion #categoryLevelRecommendation .titleWrapper .linkText > i, .street-fashion #subCatRecommendation .titleWrapper .linkText > i {
  position: relative;
  top: -1px;
}
/* line 1757, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .linkText:hover, #skuLevelRecommendation .titleWrapper .linkText:hover, #categoryLevelRecommendation .titleWrapper .linkText:hover, #subCatRecommendation .titleWrapper .linkText:hover {
  color: #36b449;
}
/* line 1760, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #mixAndMatchRecommendation .titleWrapper .linkText:hover, .street-fashion #skuLevelRecommendation .titleWrapper .linkText:hover, .street-fashion #categoryLevelRecommendation .titleWrapper .linkText:hover, .street-fashion #subCatRecommendation .titleWrapper .linkText:hover {
  color: #444;
  text-decoration: underline;
}

/* line 1768, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation {
  overflow: hidden;
}
/* line 1770, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation .row {
  margin-right: -10px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#otherRecommendation .row:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1773, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation .row:not(:last-of-type) {
  border-bottom: 1px solid #e6e6e6;
}
/* line 1776, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation .row .productBrief.supermarketTemplate {
  width: 149px;
  margin: 10px 10px 40px 0;
}
/* line 1780, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #otherRecommendation .row {
  margin-right: -19px;
}
/* line 1782, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #otherRecommendation .row .productBrief.fashionTemplate.simple {
  float: left;
  width: 222px;
  margin: 10px 19px 30px 0;
  height: 385px;
  position: relative;
}
/* line 1790, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #otherRecommendation .row .productBrief.fashionTemplate.simple .textWrapper .lineWrapper .brand-product-name {
  margin-top: 5px;
}

/* line 1800, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation {
  overflow: hidden;
}
/* line 1802, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation .row {
  margin-right: -10px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#xSellRecommendation .row:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 1805, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation .row:not(:last-of-type) {
  border-bottom: 1px solid #e6e6e6;
}
/* line 1808, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation .row .productBrief.supermarketTemplate {
  width: 149px;
  margin: 10px 10px 40px 0;
}
/* line 1812, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #xSellRecommendation .row {
  margin-right: -19px;
}
/* line 1814, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #xSellRecommendation .row .productBrief.fashionTemplate.simple {
  float: left;
  width: 222px;
  margin: 10px 19px 30px 0;
  height: 385px;
  position: relative;
}
/* line 1822, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #xSellRecommendation .row .productBrief.fashionTemplate.simple .textWrapper .lineWrapper .brand-product-name {
  margin-top: 5px;
}

/* line 1833, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .titleWrapper {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-top: 5px;
}
/* line 1841, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .slider .slide .productBrief.box {
  float: left;
  width: 93px;
  transition: opacity 0.13s linear;
}
/* line 173, ../../../../resource/compass/lib/_hktvMixin.scss */
#mixAndMatch .slider .slide .productBrief.box:hover {
  opacity: 0.8;
}
/* line 1845, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .slider .slide .productBrief.box:nth-child(n+3) {
  margin-top: 10px;
}
/* line 1848, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .slider .slide .productBrief.box:nth-of-type(odd) {
  margin-right: 10px;
}
/* line 1854, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough {
  text-align: center;
  display: inline-block;
  width: 197px;
  line-height: 30px;
  background-color: #ffee08;
  border: 1px solid #e4c910;
  border-radius: 2px;
}
/* line 1862, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough:hover {
  background-color: #e5d614;
}
/* line 1865, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough a.linkText {
  vertical-align: middle;
  color: #8a3f22;
  font-size: 15px;
  display: block;
}
/* line 1870, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough a.linkText i {
  margin-left: 5px;
}

/* line 1878, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel {
  float: left;
  width: 220px;
  padding-bottom: 50px;
}
/* line 1883, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .title {
  font-weight: bold;
}
/* line 1885, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .title {
  color: #222;
  font-weight: normal;
}
/* line 1890, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel {
  width: 100%;
  padding-top: 20px;
}
/* line 1894, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo {
  margin-bottom: 20px;
}
/* line 1897, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks > * {
  vertical-align: middle;
  display: inline-block;
}
/* line 1902, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark {
  position: relative;
  width: 60px;
  margin-left: 10px;
  padding-right: 10px;
  text-align: right;
  background: #f5f6f4;
  border-radius: 10px;
  line-height: 18px;
  font-size: 12px;
}
/* line 1913, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5px;
  top: 4px;
  border-radius: 10px;
}
/* line 1922, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark.available:after {
  background: #222;
}
/* line 1923, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark.full:after {
  background: red;
}
/* line 1924, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark.closed:after {
  background: grey;
}
/* line 1929, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section {
  border: #e9e9e9 1px solid;
  /*@include borderStandard(#e9e9e9);*/
}
/* line 1931, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section {
  border: none;
}
/* line 1934, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section:not(:last-of-type) {
  margin-bottom: 20px;
}
/* line 1937, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.mixNmatch {
  border: #e4c910 1px solid;
  border-radius: 2px;
}
/* line 1942, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section > div {
  padding: 10px;
}
/* line 1944, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section > div:not(:first-of-type) {
  border-top: #e9e9e9 1px solid;
}
/* line 1947, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section > div > *:not(:first-child) {
  margin-top: 10px;
}
/* line 1952, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .logo {
  display: block;
  width: 200px;
  height: 102px;
  margin: 0 auto;
  transition: opacity 0.13s linear;
}
/* line 173, ../../../../resource/compass/lib/_hktvMixin.scss */
.store-panel .section .intro .logo:hover {
  opacity: 0.8;
}
/* line 1959, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .name {
  text-align: center;
  display: block;
}
/* line 1963, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .clickThrough {
  text-align: center;
  display: inline-block;
  width: 197px;
  line-height: 20px;
  background-color: #ebece9;
}
/* line 1969, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .clickThrough a.linkText {
  vertical-align: middle;
  color: #666;
  font-size: 15px;
  display: block;
}
/* line 1975, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .clickThrough:hover {
  text-decoration: underline;
}
/* line 1978, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .clickThrough i {
  margin-left: 5px;
}
/* line 1985, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .productBrief.box {
  transition: opacity 0.13s linear;
}
/* line 173, ../../../../resource/compass/lib/_hktvMixin.scss */
.store-panel .section .recommendation .slides .productBrief.box:hover {
  opacity: 0.8;
}
/* line 1988, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .btnSupermarketPdpRecommendationPrev {
  position: absolute;
  bottom: -10px;
  left: -10px;
}
/* line 1993, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .padder {
  height: 45px;
}
/* line 1996, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .btnSupermarketPdpRecommendationNext {
  position: absolute;
  bottom: -10px;
  right: -10px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.store-panel .section .recommendation .slides .slide:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 2003, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box {
  float: left;
  width: 94px;
}
/* line 2006, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box:nth-child(n+3) {
  margin-top: 10px;
}
/* line 2009, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box:nth-child(2n) {
  margin-left: 10px;
}
/* line 2013, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box .pricelabel .price > span {
  line-height: 20px;
  font-size: 15px;
}
/* line 2024, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat {
  margin-top: 5px;
}
/* line 2026, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a {
  display: block;
  padding-top: 10px;
}
/* line 2029, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a:hover {
  color: #36b449;
}
/* line 2031, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a:hover span:last-child {
  border: 1px solid #36b449;
}
/* line 2035, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a span {
  margin-right: 5px;
}
/* line 2038, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a span:first-child:hover {
  text-decoration: underline;
}
/* line 2042, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a span:last-child {
  font-size: 10px;
  border: 1px solid #BBB;
  padding: 0 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-right: 0;
}
/* line 2055, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo {
  border-top: 3px solid #36b449;
}
/* line 2057, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section.otherInfo {
  border-top: 1px solid #e9e9e9;
}
/* line 2061, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle {
  position: relative;
}
/* line 2063, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .title {
  cursor: pointer;
}
/* line 2066, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle i {
  position: absolute;
  top: 14px;
  right: 10px;
}
/* line 2072, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content {
  display: none;
}
/* line 2074, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content p {
  line-height: 18px;
}
/* line 2077, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content a {
  color: #2b84ee;
}
/* line 2079, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content a:hover {
  text-decoration: underline;
}
/* line 2085, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle.active .icArrowdownGrey {
  display: none;
}
/* line 2088, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle.active .icArrowupGrey {
  display: inline-block;
}
/* line 2093, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle:not(.active) .icArrowdownGrey {
  display: inline-block;
}
/* line 2096, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle:not(.active) .icArrowupGrey {
  display: none;
}

/* line 2106, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.icSupermarketPdpVideoplay {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -3302px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2106, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .icSupermarketPdpVideoplay {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -3281px 0;
    height: 16px;
    width: 16px;
  }
}

/* line 2109, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.icFashionPdpVideoplay {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -3284px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2109, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .icFashionPdpVideoplay {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -3264px 0;
    height: 16px;
    width: 16px;
  }
}

/* line 2113, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnSupermarketPdpRecommendationPrev {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -642px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2113, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnSupermarketPdpRecommendationPrev {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -628px 0;
    height: 35px;
    width: 109px;
  }
}
/* line 2115, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnSupermarketPdpRecommendationPrev:hover {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -531px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2115, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnSupermarketPdpRecommendationPrev:hover {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -518px 0;
    height: 35px;
    width: 109px;
  }
}

/* line 2120, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnSupermarketPdpRecommendationNext {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -420px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2120, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnSupermarketPdpRecommendationNext {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -408px 0;
    height: 35px;
    width: 109px;
  }
}
/* line 2122, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnSupermarketPdpRecommendationNext:hover {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -309px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2122, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnSupermarketPdpRecommendationNext:hover {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -298px 0;
    height: 35px;
    width: 109px;
  }
}

/* line 2127, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.dvdFashionPdp {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -753px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 5px;
  width: 1188px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2127, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .dvdFashionPdp {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -738px 0;
    height: 5px;
    width: 1188px;
  }
}

/* line 2131, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnFashionPdpWhiteArrowdown {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -280px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 12px;
  width: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2131, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnFashionPdpWhiteArrowdown {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -271px 0;
    height: 12px;
    width: 19px;
  }
}

/* line 2134, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnFashionPdpBlackArrowdown {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -185px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 12px;
  width: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2134, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnFashionPdpBlackArrowdown {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -182px 0;
    height: 12px;
    width: 19px;
  }
}

/* line 2138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnFashionPdpPopupClose {
  float: right;
  cursor: pointer;
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -234px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnFashionPdpPopupClose {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -228px 0;
    height: 16px;
    width: 16px;
  }
}

/* line 2145, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
body.street-fashion {
  background: white;
}

/* line 2149, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.breadcrumb-divider {
  height: 0;
  border-top: none;
}

/* line 2156, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.relevantSubCat .relevant .title {
  display: none;
}
/* line 2160, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.relevantSubCat .relevant .cat span:last-child {
  display: none;
}
/* line 2164, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.relevantSubCat .relevant .cat span:first-child {
  float: left;
  font-size: 15px;
  line-height: 20px;
  padding: 0 15px;
  border-radius: 2px;
  background: #ebece9;
  margin: 0 10px 10px 0;
}
/* line 35, ../../../../resource/compass/lib/_hktvMixin.scss */
.relevantSubCat .relevant .cat span:first-child:hover {
  text-decoration: underline;
}

/* line 2178, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.isLowStock_pdp {
  float: right;
  padding: 0 10px 10px;
}

/* line 2183, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.breadcrumb .breadcrumb-btm {
  padding-bottom: 5px;
}

/* line 2188, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.zoomContainer {
  z-index: 999;
}

/* line 2192, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list-holder {
  z-index: 2;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.23);
  -moz-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.23);
  box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.23);
}

/* line 2200, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-rs, .hktvsprite-ic-star-s {
  background-image: url("/_ui/desktop/common/images/sprite2015/hktvsprite-s844dc7bf00.png");
  background-repeat: no-repeat;
}

/* line 2204, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-rs {
  background-position: -939px 0;
  height: 15px;
  width: 15px;
}

/* line 2206, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-s {
  background-position: -956px 0;
  height: 15px;
  width: 15px;
}

/* line 2209, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.productBrief .infoWrapper {
  overflow: initial;
}

/* line 2218, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .active .title {
  font-weight: bold;
  font-size: 16px;
}
/* line 2226, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .logo .imgContainer {
  text-align: left;
  margin-bottom: 10px;
}
/* line 2231, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .clickThrough {
  margin-top: 10px;
  text-align: center;
  width: 90px;
  line-height: 20px;
  color: #222;
  border: 1px solid #222;
}
/* line 2239, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper .enterShopIcon {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -97px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2239, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper .enterShopIcon {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -97px -62px;
    height: 9px;
    width: 6px;
  }
}
/* line 2242, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:hover, .street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:active {
  background-color: #222;
  font-size: 15px;
  display: block;
}
/* line 2246, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:hover a, .street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:active a {
  color: #FFF;
}
/* line 2249, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:hover .enterShopIcon, .street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:active .enterShopIcon {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -127px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 9px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2249, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:hover .enterShopIcon, .street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper:active .enterShopIcon {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -127px -62px;
    height: 9px;
    width: 6px;
  }
}
/* line 2253, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .clickThrough .btn-wrapper i {
  margin-left: 5px;
  position: static;
}
/* line 2261, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant {
  line-height: 21px;
}
/* line 2263, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .title {
  float: left;
  display: block;
}
/* line 2267, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat {
  margin-top: 0;
}
/* line 2269, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a {
  float: left;
  display: block;
}
/* line 2273, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a:last-child span:last-child {
  display: none;
}
/* line 2276, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a span:last-child {
  font-size: 15px;
  border: none;
  margin-right: 5px;
}
/* line 2281, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a {
  padding-top: 0;
}
/* line 2283, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a:hover {
  color: #222;
}
/* line 2285, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a:hover span:last-child {
  border: none;
}

/* line 2297, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnFashionPdpWhiteArrowLeft {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -252px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 19px;
  width: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2297, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnFashionPdpWhiteArrowLeft {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -245px 0;
    height: 19px;
    width: 12px;
  }
}

/* line 2301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btnFashionPdpWhiteArrowRight {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -266px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 19px;
  width: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .btnFashionPdpWhiteArrowRight {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -258px 0;
    height: 19px;
    width: 12px;
  }
}

/* line 2306, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody {
  position: relative;
}
/* line 2309, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .noReviews {
  display: flex;
  align-items: center;
}
/* line 2313, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .noReviews #write_review_action {
  background-color: #36b449;
  color: white;
  padding: 5px 11px;
  position: absolute;
  right: 0px;
  border-radius: 4px;
}
/* line 2323, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text {
  background-color: #f2faf6;
  display: block;
  padding: 10px 28px 0px;
}
/* line 2327, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text.toggled {
  display: none;
}
/* line 2330, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text u {
  cursor: pointer;
  text-decoration: underline;
  padding-right: 5px;
}
/* line 2331, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text u:hover {
  color: #36b449;
}
/* line 2338, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text .reply-count {
  color: #757575;
  font-size: smaller;
}
/* line 2345, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabWrapper {
  position: relative;
  margin-bottom: 20px;
}
/* line 2348, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabWrapper:after {
  content: '';
  clear: both;
  display: block;
}
/* line 2354, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem {
  position: relative;
  float: left;
  height: 30px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  margin: 0 12px 0 0;
}
/* line 2363, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem .count {
  width: 16px;
  height: 16px;
  margin: 0 0 6px 3px;
  border-radius: 4px;
  color: #666666;
  font-style: normal;
}
/* line 2371, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem .numStar {
  position: relative;
}
/* line 2371, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem .numStar img {
  position: relative;
  top: 2px;
}
/* line 2372, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem.inactive {
  display: none;
}
/* line 2375, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem:hover, #reviewTab .tabItem.active {
  color: #36b449;
}
/* line 2378, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #reviewTab .tabItem:hover, .street-fashion #reviewTab .tabItem.active {
  color: #222;
}
/* line 2379, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #reviewTab .tabItem:hover .count, .street-fashion #reviewTab .tabItem.active .count {
  color: #333333;
}
/* line 2381, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem:hover .count, #reviewTab .tabItem.active .count {
  color: #36B449;
}
/* line 2386, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem.active:after {
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  background: #36b449;
  left: 0px;
  bottom: 0px;
  border-radius: 2px;
}
/* line 2395, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #reviewTab .tabItem.active:after {
  background: #222;
}

/* line 2403, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .loadingBuffer {
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 15px;
}
/* line 2406, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .loadingBuffer .loading-img {
  background: url("/_ui/desktop/common/images/loading-logo1.gif") no-repeat center;
  height: 293px;
}
/* line 2413, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container {
  width: 100%;
  margin-top: 10px;
  display: block;
  overflow: hidden;
  padding-bottom: 10px;
  line-height: 30px;
}
/* line 2420, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container > div {
  display: block;
  margin-left: 10px;
  overflow: hidden;
  float: left;
}
/* line 2426, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container span {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  float: left;
}
/* line 2432, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container select {
  margin-left: 10px;
  margin-top: 5px;
  float: left;
}
/* line 2437, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav {
  float: right;
}
/* line 2439, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav > * {
  float: left;
  display: inline-block;
}
/* line 2443, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav span {
  margin: 0 15px 0 5px;
}
/* line 2446, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav a {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 6px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #36b449;
  color: #fff;
}
/* line 2456, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav a:hover {
  background-color: #2b8939;
}
/* line 2459, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav a.disable {
  background-color: transparent;
  color: #999;
  cursor: default;
}
/* line 2467, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .current-page {
  Font-size: 14px;
  color: #333;
  margin-top: 20px;
}

/*HKTVAD-207 show nth when there is no pdt in recently view list*/
/* line 2475, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#pdpRecentlyView {
  display: none;
}

/* line 2479, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .goldvip-highlight {
  width: 40px;
  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;
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 2479, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
  .product-review-wrapper .goldvip-highlight {
    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 2485, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .diamondvip-highlight {
  width: 43px;
  height: 18px;
  background-image: url(/_ui/shared/common/images/vipPriceRebate/DVIPTag.svg);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 2495, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp {
  font-size: 15px;
  color: #000;
}
/* line 2498, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .title {
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #FFF;
  border-bottom: solid 1px #CCC;
  padding-left: 20px;
  position: fixed;
  width: 558px;
  z-index: 3;
  border-radius: 4px 4px 0 0;
}
/* line 2509, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .title span {
  font-size: 18px;
  font-weight: bold;
}
/* line 2513, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
body.language-en .standardExpressPopUp .title {
  width: 678px;
}
/* line 2517, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper {
  background-color: #F8F8F8;
  padding-top: 60px;
}
/* line 2520, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper .deliveryLabelExplanationTable {
  width: 100%;
}
/* line 2523, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper .deliveryLabelExplanationIconContainer {
  width: 180px;
  padding: 20px;
  border-top: none;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: none;
  vertical-align: middle;
}
/* line 2531, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
body.language-en .standardExpressPopUp .contentWrapper .deliveryLabelExplanationIconContainer {
  width: 220px;
}
/* line 2535, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper .deliveryLabelExplanationTextContainer {
  padding: 20px;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
/* line 2542, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper .deliveryLabelExplanationText {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

/* line 2550, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .title {
  height: 60px;
  display: flex;
  align-items: center;
  background-color: #FFF;
  border-bottom: solid 1px #CCC;
  padding-left: 20px;
  position: fixed;
  font-size: 18px;
  font-weight: bold;
  width: 558px;
}
/* line 2562, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper {
  background-color: #F8F8F8;
  padding: 80px 20px 20px 20px;
}
/* line 2565, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .subHeading {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
/* line 2569, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .subHeading .subHeading1 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}
/* line 2575, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .subHeading .subHeading2 {
  color: #8B8B8B;
  font-size: 15px;
}
/* line 2580, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .kaPriceCompareSection {
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
/* line 2586, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .kaPriceCompareSection .kaPrice .tag {
  display: inline-block;
  padding: 2px 5px;
  font-size: 15px;
  line-height: 17px;
  border-radius: 4px;
  margin-bottom: 6px;
}
/* line 2594, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .kaPriceCompareSection .kaPrice .priceInfo {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
/* line 2598, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .kaPriceCompareSection .kaPrice .priceInfo .price {
  display: inline-block;
  font-size: 17px;
  color: #1C1C25;
  margin-right: 4px;
}
/* line 2604, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .kaPriceCompareSection .kaPrice .priceInfo .priceDiff {
  display: inline-block;
  font-size: 15px;
  color: #E4483F;
}
/* line 2610, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .kaPriceCompareSection .kaPrice .priceRemarkText {
  font-size: 15px;
  color: #8B8B8B;
}
/* line 2616, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.kaPriceComparePopUp .contentWrapper .remarkText {
  color: #8B8B8B;
  font-size: 15px;
}

/* line 2623, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulkPurchase {
  padding: 10px 0 0 10px;
}
/* line 2625, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion .bulkPurchase {
  padding: 0;
  padding-bottom: 20px;
}
/* line 2628, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion .bulkPurchase .title {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 80px;
  float: left;
}
/* line 2636, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion .bulkPurchase .bulk_element .bulk_image {
  top: -0.5px;
}

/* line 2643, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element {
  cursor: pointer;
  display: inline-block;
  float: left;
  border-radius: 5px;
  border: 2px solid #ee740E;
  position: relative;
  height: 46px;
  margin-right: 3px;
  width: 135px;
  background: #FFFFFF;
  margin-bottom: 15px;
}
/* line 2655, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .tooltips {
  bottom: 44px;
  left: -1px;
  width: 144px;
}
/* line 2659, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .tooltips a {
  font-style: italic;
  font-size: 12px;
  text-decoration: underline;
}
/* line 2663, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .tooltips a i {
  margin-left: 8px;
}
/* line 2668, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element.vip {
  border: 2px solid #7e3ac7 !important;
}
/* line 2670, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element.vip .bulk_message {
  color: #7e3ac7;
}
/* line 2674, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element > span {
  display: inline-block;
}
/* line 2678, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element > img {
  position: absolute;
  height: 46px;
  border-radius: 4px 0 0 4px;
  left: 0px;
  width: 30px;
  top: -2px;
  object-fit: fill;
}
/* line 2687, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .bulk_message {
  padding: 6px 3px 3px 33px;
  width: 139px;
  height: 42px;
  overflow: hidden;
  color: #fa7200;
  line-height: 18px;
  font-size: 13px;
  position: absolute;
  white-space: nowrap;
  text-overflow: clip;
  left: 0;
}
/* line 2700, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .bulk_message > font:last-child > strong {
  font-weight: bold;
}

/* line 2706, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user div.report-review-dropdown {
  margin-right: 16px;
}

/* line 2710, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle-report-flag {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #757575;
}
/* line 2717, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle-report-flag.active, .toggle-report-flag:hover {
  text-decoration: underline;
}

/* line 2721, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown {
  position: relative;
}
/* line 2723, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list {
  width: max-content;
}
/* line 2725, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list.hide {
  display: none;
}
/* line 2728, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list.show {
  display: block;
  position: absolute;
  margin-top: 2px;
  z-index: 2;
}
/* line 2734, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list .review-options {
  border-style: solid;
  background-color: #fafafa;
  border-color: #c8c8c8;
  border-width: 1px;
  border-bottom-width: 0px;
  padding: 5px;
  width: 110%;
  position: relative;
  left: -80%;
}
/* line 2744, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list .review-options:hover {
  background-color: #f2faf5;
}
/* line 2747, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list .review-options button {
  width: 100%;
}
/* line 2751, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list :last-child {
  border-bottom-width: 1px;
}

/* line 2757, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary {
  display: flex;
  margin: 1% 1% 3% 0;
  white-space: nowrap;
  align-items: center;
  flex-wrap: wrap;
}
/* line 2764, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .regular-text {
  padding: 2%;
}
/* line 2768, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .title-text {
  font-size: xxx-large;
  font-weight: bold;
}
/* line 2772, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .title-text .subscript {
  font-size: x-large;
  font-weight: normal;
  color: #ababab;
}
/* line 2779, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .wholeSummary {
  flex-basis: 30%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
/* line 2788, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .recommendationSummary {
  flex-basis: 30%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
/* line 2797, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .separationLine {
  height: 100%;
  background-color: #ebebeb;
  flex: 0 0 2px;
  min-height: 85px;
}
/* line 2804, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary {
  flex: 1 1 15%;
}
/* line 2807, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary table {
  width: 100%;
}
/* line 2811, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .clickable-tr {
  cursor: pointer;
}
/* line 2815, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary u.clickable-text {
  cursor: pointer;
  color: #0645ad;
  text-decoration: underline;
}
/* line 2819, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary u.clickable-text.clicked-text {
  color: #0b0080;
}
/* line 2823, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .star-bar-star {
  position: relative;
  top: 5px;
}
/* line 2827, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .star-bar-wrapper {
  width: 85%;
  padding: 0% 3% 1% 3%;
  position: relative;
}
/* line 2832, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .star-bar-wrapper .bar-container {
  background-color: #f0f0f0;
  display: inline-block;
  height: 7px;
  border-radius: 3.5px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* line 2841, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .star-bar-wrapper .bar-container .bar {
  background-color: #ffdb2e;
  display: inline-block;
  height: 7px;
  border-radius: 3.5px;
  position: absolute;
}
/* line 2851, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary #write_review_action {
  background-color: #00a75e;
  color: white;
  text-align: center;
  line-height: 300%;
  height: 100%;
  padding: 0% 3% 0% 3%;
  margin: 0 1% 1% 4%;
  border-radius: 10px;
  display: flex;
  margin-left: auto;
  margin-right: 1%;
  margin-bottom: 1%;
}

/* line 2868, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .td-rating-n-date {
  display: flex;
  align-content: center;
}

/* line 2880, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.star-wrapper .star-container.star-container.star-container.star-container div {
  margin-right: 0;
}
/* line 2884, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.star-wrapper .star-container.star-container.star-container.star-container div span.star {
  background-image: url(/_ui/desktop/common/images/icStar_Small_yellow.svg);
  background-position: unset;
  overflow: unset;
  background-repeat: unset;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px;
}
/* line 2895, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.star-wrapper .star-container.star-container.star-container.star-container div span.empty-star {
  background-image: url(/_ui/desktop/common/images/icStar_Small_grey.svg);
  background-position: unset;
  overflow: unset;
  background-repeat: unset;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px;
}
/* line 2907, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
:not(.street-fashion) .star-wrapper .star-container.star-container.star-container.star-container .star {
  background-image: url(/_ui/desktop/common/images/icStar_Small_yellow.svg);
  background-position: unset;
  overflow: unset;
  background-repeat: unset;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px;
}
/* line 2918, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
:not(.street-fashion) .star-wrapper .star-container.star-container.star-container.star-container .empty-star {
  background-image: url(/_ui/desktop/common/images/icStar_Small_grey.svg);
  background-position: unset;
  overflow: unset;
  background-repeat: unset;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px;
}
/* line 2931, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .star-wrapper .star-container.star-container.star-container.star-container span.star {
  background-image: url(/_ui/desktop/common/images/icStar_small_fashion.svg);
  background-position: unset;
  overflow: unset;
  background-repeat: unset;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px;
}

/* line 2944, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
div.not-related-warn {
  width: fit-content;
  background-color: #f0f0f0;
  color: #777777;
  margin-left: 20px;
  margin-bottom: 5px;
  padding: 2px 5px;
  font-size: 14px;
}

/* line 2954, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-info-table > tr > td.user-info > a {
  max-width: 700px;
  display: inline-block;
  vertical-align: top;
}
/* line 2958, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-info-table > tr > td.user-info > a > span.review-username {
  white-space: nowrap;
  overflow: clip;
  text-overflow: ellipsis;
  width: 100%;
}

/* line 2966, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA {
  overflow-wrap: anywhere;
}
/* line 2968, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA * {
  min-width: 0;
}
/* line 2972, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable {
  font-family: inherit;
  display: flex;
  position: fixed;
  background-color: transparent;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}
/* line 2982, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .message-box {
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  width: 500px;
  min-height: 80px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
/* line 2992, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .message-box .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 16px 16px 4px 16px;
  color: #000000;
}
/* line 3000, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .message-box .message {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0 16px 16px 16px;
}
/* line 3011, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup {
  min-width: 44%;
  width: 638px;
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  height: calc(100% - 260px);
}
/* line 3020, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > * {
  background: #FFFFFF;
}
/* line 3023, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > *:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/* line 3028, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > *:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 3034, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup .header-wrapper {
  min-height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E0E0E0;
}
/* line 3041, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup .header-wrapper .header {
  width: calc(100% - 96px);
  font-family: inherit;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: black;
}
/* line 3052, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup .header-wrapper .close-popup {
  background-image: url(/_ui/common/images/productQnA/close_popup.svg);
  width: 15.5px;
  height: 15.5px;
  position: absolute;
  right: 26.3px;
  cursor: pointer;
}
/* line 3062, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  min-height: 0;
}
/* line 3068, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper {
  max-width: 100%;
}
/* line 3071, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief {
  display: flex;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  margin: 24px 20px 8px 20px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
/* line 3080, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .product-thumbnail-wrapper {
  display: inline-flex;
  flex-shrink: 0;
}
/* line 3084, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .product-thumbnail-wrapper div.product-thumbnail {
  width: 64px;
  background-size: cover;
  height: 64px;
  border-radius: 8px;
}
/* line 3092, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .popup-product-detail-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin: 12px;
  overflow: hidden;
}
/* line 3099, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .popup-product-detail-wrapper .shop-name-wrapper {
  width: 100%;
  display: inline-flex;
}
/* line 3103, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .popup-product-detail-wrapper .shop-name-wrapper .shop-icon {
  background: url(/_ui/common/images/productQnA/shop_name.svg);
  width: 14px;
  height: 14px;
  margin-right: 4px;
  flex-shrink: 0;
}
/* line 3111, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .popup-product-detail-wrapper .shop-name-wrapper .shop-name {
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.38);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 3124, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper .popup-product-brief .popup-product-detail-wrapper .product-description {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
/* line 3138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  min-height: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
/* line 3152, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-header > .question-left-body {
  margin: 0;
}
/* line 3155, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-header > .question-left-body > .question-left-body-text {
  color: #222222;
  font-family: inherit;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
}
/* line 3166, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root {
  margin-left: 34px;
  margin-top: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 3173, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root > .question-user {
  display: inline-flex;
  align-items: center;
}
/* line 3177, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root > .question-user > .user-name {
  color: #757575;
  font-family: inherit;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 3191, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root > .question-user > .logo-GOLDVIP {
  margin-right: 4px;
  flex-shrink: 0;
  background-image: url("/_ui/common/images/productQnA/gold_vip_logo.png");
  width: 72px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
}
/* line 3201, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root > .question-user > .logo-VIP {
  background-image: url("/_ui/common/images/productQnA/vip_logo.png");
  width: 38px;
  height: 20px;
  background-size: auto 20px;
  background-repeat: no-repeat;
  margin-right: 4px;
  flex-shrink: 0;
}
/* line 3211, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root > .question-user > .logo-DIAMONDVIP {
  background-image: url("/_ui/shared/common/images/vipPriceRebate/DVIPTag.svg");
  width: 43px;
  height: 20px;
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 4px;
  flex-shrink: 0;
}
/* line 3226, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .question > .question-left > .question-left-root > .question-date {
  flex-shrink: 0;
  margin-left: 12px;
  font-size: 14px;
  font-weight: 500;
}
/* line 3236, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .no-answer-wrapper {
  font-family: inherit;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: flex-start;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  justify-content: center;
  width: 100%;
  background: #F5F5F5;
  flex-grow: 1;
  padding-top: 28px;
}
/* line 3253, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .popup-dummy {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  background: #F5F5F5;
}
/* line 3260, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .answers-view-wrapper {
  overflow-y: auto;
}
/* line 3272, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .productQnA-title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  margin-top: 21px;
  margin-bottom: 24px;
}
/* line 3281, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting {
  font-family: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28.5px;
}
/* line 3288, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .filtersWrapper {
  display: flex;
  flex-wrap: wrap;
}
/* line 3292, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .filtersWrapper .filter {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
  margin-right: 12px;
  cursor: pointer;
}
/* line 3300, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .filtersWrapper .filter.active {
  cursor: inherit;
  font-weight: 500;
  color: #00A759;
}
/* line 3303, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .filtersWrapper .filter.active span::after {
  content: "";
  height: 4px;
  background: #36B449;
  width: 100%;
  border-radius: 5px;
  display: block;
  margin-top: 7px;
}
/* line 3308, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion #productQnA .filterAndSorting .filtersWrapper .filter.active span::after {
  background: #222;
}
/* line 3321, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion #productQnA .filterAndSorting .filtersWrapper .filter.active {
  color: #222;
}
/* line 3328, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper {
  font-family: inherit;
  display: flex;
  align-items: center;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding-inline: 12px;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
/* line 3342, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sortingTitle {
  color: #000000;
}
/* line 3346, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sorting {
  padding: 0 8px;
  cursor: pointer;
}
/* line 3350, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sorting:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 3354, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sorting.active {
  cursor: inherit;
  color: #00A759;
}
/* line 3362, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper {
  font-family: inherit;
}
/* line 3365, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: 16px;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  overflow: visible;
}
/* line 3372, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper > :first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/* line 3377, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper > :last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 3382, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question {
  display: inline-flex;
  flex-direction: row;
  padding: 16px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
/* line 3390, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 20px;
}
/* line 3396, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header {
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  align-items: center;
}
/* line 3401, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-logo {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  display: inline-block;
  background-image: url(/_ui/common/images/productQnA/question_icon.svg);
  background-position: center;
  flex-shrink: 0;
}
/* line 3402, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-logo.en {
  background-image: url(/_ui/common/images/productQnA/question_icon_en.svg);
}
/* line 3416, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-user {
  display: inline-flex;
  align-items: center;
}
/* line 3420, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-user .user-name {
  font-size: 16px;
  margin-right: 4px;
  font-weight: 600;
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 3431, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-user .logo-DIAMONDVIP {
  margin-right: 4px;
  flex-shrink: 0;
  background-image: url("/_ui/shared/common/images/vipPriceRebate/DVIPTag.svg");
  width: 43px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-size: cover;
}
/* line 3441, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-user .logo-GOLDVIP {
  margin-right: 4px;
  flex-shrink: 0;
  background-image: url("/_ui/common/images/productQnA/gold_vip_logo.png");
  width: 72px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
}
/* line 3451, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-user .logo-VIP {
  background-image: url("/_ui/common/images/productQnA/vip_logo.png");
  width: 38px;
  height: 20px;
  background-size: auto 20px;
  background-repeat: no-repeat;
  margin-right: 4px;
  flex-shrink: 0;
}
/* line 3463, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-header .question-date {
  flex-shrink: 0;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
}
/* line 3472, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-root .question-left-body {
  margin-left: 32px;
  margin-top: 4px;
}
/* line 3476, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-left .question-left-root .question-left-body .question-left-body-text {
  color: #000000;
  font-size: 16px;
}
/* line 3484, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right {
  display: flex;
  flex-shrink: 0;
  position: relative;
}
/* line 3489, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-useful {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: rgba(0, 0, 0, 0.12) solid 1px;
  border-radius: 36px;
  padding: 8px 12px 8px 12px;
  color: #757575;
  font-weight: 400;
  font-size: 16px;
  margin-right: 8px;
}
/* line 3490, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-useful.active {
  border-color: #00A759;
  color: #00A759;
}
/* line 3494, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-useful.active .praise-useful-button {
  background-image: url(/_ui/common/images/productQnA/praise_useful_green.svg);
}
/* line 3510, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-useful .praise-useful-button {
  background-image: url(/_ui/common/images/productQnA/praise_useful_grey.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 18.5px;
  height: 16.5px;
  background-size: 18.5px 16.5px;
}
/* line 3518, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-useful .praise-useful-button + * {
  margin-left: 4.5px;
}
/* line 3524, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-to-answer {
  background-color: #E5F6EE;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: transparent solid 1px;
  border-radius: 36px;
  padding: 8px 16px 8px 16px;
  color: #00A759;
  font-weight: 400;
  font-size: 16px;
  margin-right: 8px;
}
/* line 3537, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-to-answer .question-to-answer-logo {
  background-image: url(/_ui/common/images/productQnA/write_answer_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 17px;
  height: 16.5px;
  background-size: 17px 16.5px;
  margin-right: 5.5px;
}
/* line 3548, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-report {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: rgba(0, 0, 0, 0.12) solid 1px;
  border-radius: 36px;
  padding: 8px 12px 8px 12px;
}
/* line 3558, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .question-report .report-button {
  background-image: url(/_ui/common/images/productQnA/options_three_dots.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 4px;
  background-size: contain;
}
/* line 3568, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .report-options-list {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50px;
  border-radius: 5px;
  right: 0;
  border: solid 1px #c8c8c8;
  overflow: hidden;
}
/* line 3578, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .report-options-list .report-option {
  border-style: solid;
  background-color: #ffffff;
  border-color: #c8c8c8;
  border-bottom-width: 1px;
  padding: 8px;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
/* line 3588, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right .report-options-list .report-option:last-child {
  border-bottom-width: 0px;
}
/* line 3597, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper {
  background: #F2FAF6;
}
/* line 3600, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer {
  margin: 0 16px 0 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 3601, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer.last-showing {
  border: none;
}
/* line 3610, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header {
  margin-right: 20px;
  max-width: 75%;
}
/* line 3614, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
/* line 3619, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-logo {
  flex-shrink: 0;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-size: 32px 32px;
  display: inline-block;
  background-image: url(/_ui/common/images/productQnA/answer_icon.svg);
  background-position: center;
}
/* line 3620, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-logo.en {
  background-image: url(/_ui/common/images/productQnA/answer_icon_en.svg);
}
/* line 3634, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user {
  display: inline-flex;
  align-items: center;
}
/* line 3638, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user .answer-status-label {
  flex-shrink: 0;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.54);
  border: 1px solid;
  border-radius: 10px;
  padding: 2px 8px;
  display: inline-block;
  line-height: 16px;
  font-size: 14px;
  font-weight: 400;
}
/* line 3651, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user .user-name {
  margin-right: 4px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 3660, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user .logo-DIAMONDVIP {
  margin-right: 4px;
  flex-shrink: 0;
  background-image: url("/_ui/shared/common/images/vipPriceRebate/DVIPTag.svg");
  width: 43px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-size: cover;
}
/* line 3670, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user .logo-GOLDVIP {
  flex-shrink: 0;
  background-image: url(/_ui/common/images/productQnA/gold_vip_logo.png);
  width: 72px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
}
/* line 3679, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user .logo-VIP {
  flex-shrink: 0;
  background-image: url(/_ui/common/images/productQnA/vip_logo.png);
  width: 38px;
  height: 20px;
  background-size: auto 20px;
  background-repeat: no-repeat;
}
/* line 3688, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-header .answer-header-left .answer-user .logo-HKTVMALL {
  flex-shrink: 0;
  background-image: url(/_ui/common/images/productQnA/verified_hktv.svg);
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}
/* line 3701, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body {
  margin: 0 16px 8px 32px;
}
/* line 3704, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .answer-body-text {
  white-space: break-spaces;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}
/* line 3711, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .answer-body-photos {
  user-select: none;
  display: inline-flex;
}
/* line 3715, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .answer-body-photos .answer-body-photo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  margin-right: 16px;
  position: relative;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  background: white;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
/* line 3729, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .answer-body-photos .answer-body-photo.expanded {
  border: 2px solid #36b449;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
/* line 3734, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .answer-body-photos .answer-body-photo.expanded:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #36b449;
  position: absolute;
  bottom: -10px;
  z-index: 1;
}
/* line 3747, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .answer-body-photos .answer-body-photo .show-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
/* line 3756, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .expanded-photo {
  display: block;
  overflow: hidden;
}
/* line 3760, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-body .expanded-photo img {
  background-color: white;
  max-width: 400px;
  max-height: 300px;
  display: block;
}
/* line 3769, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer {
  color: #757575;
  margin: 0 16px 0 32px;
  display: inline-flex;
  align-items: baseline;
  position: relative;
}
/* line 3776, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-date {
  margin-right: 16px;
}
/* line 3780, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-useful {
  margin-right: 18px;
}
/* line 3783, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-useful .answer-useful-count {
  display: flex;
  align-items: center;
  cursor: pointer;
}
/* line 3788, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-useful .answer-useful-count .praise-useful-button {
  background-image: url("/_ui/common/images/productQnA/praise_useful_grey.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 13px;
  background-size: 15px 13px;
  margin-right: 4.5px;
}
/* line 3798, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-useful .answer-useful-count.active {
  color: #00A759;
}
/* line 3801, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-useful .answer-useful-count.active .praise-useful-button {
  background-image: url("/_ui/common/images/productQnA/praise_useful_green.svg");
}
/* line 3808, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-report .answer-report-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
/* line 3813, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .answer-report .answer-report-button .report-button {
  background-image: url("/_ui/common/images/productQnA/report_answer.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 13px;
  background-size: 15px 13px;
  margin-right: 6px;
}
/* line 3824, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .report-options-list {
  left: calc(100% - 50px);
  white-space: nowrap;
  display: block;
  position: absolute;
  z-index: 2;
  top: 20px;
  border-radius: 5px;
  border: solid 1px #c8c8c8;
  overflow: hidden;
}
/* line 3835, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .report-options-list .report-option {
  border-style: solid;
  background-color: #ffffff;
  border-color: #c8c8c8;
  border-bottom-width: 1px;
  padding: 8px;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
/* line 3845, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer .answer-footer .report-options-list .report-option:last-child {
  border-bottom-width: 0px;
}
/* line 3855, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .collapse-answers,
#productQnA .questions-wrapper .question-wrapper .expand-answers {
  background: #F2FAF6;
  padding-left: 48px;
  padding-bottom: 16px;
  align-items: center;
  display: flex;
}
/* line 3863, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .collapse-answers:hover,
#productQnA .questions-wrapper .question-wrapper .expand-answers:hover {
  text-underline-offset: 2px;
  text-decoration: underline;
  cursor: pointer;
}
/* line 3869, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .collapse-answers::after,
#productQnA .questions-wrapper .question-wrapper .expand-answers::after {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 6.5px;
  width: 11px;
  height: 6.5px;
}
/* line 3881, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .expand-answers {
  color: #00A759;
}
/* line 3884, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .expand-answers::after {
  background-image: url(/_ui/common/images/productQnA/green_downward_arrow.svg);
}
/* line 3889, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .collapse-answers {
  color: rgba(0, 0, 0, 0.38);
}
/* line 3892, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .collapse-answers::after {
  content: "";
  background-image: url(/_ui/common/images/productQnA/grey_upward_arrow.svg);
}
/* line 3898, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper {
  display: flex;
  padding: 16px;
  flex-wrap: wrap;
}
/* line 3903, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-images {
  display: flex;
  margin: 12px 0 16px 0;
}
/* line 3907, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-images .answer-preview-image {
  display: inline-block;
  margin-right: 16px;
}
/* line 3911, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-images .answer-preview-image.pending {
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3918, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-images .answer-preview-image.pending img {
  height: 24px;
  width: 24px;
}
/* line 3924, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-images .answer-preview-image img {
  height: 56px;
  width: 56px;
  border-radius: 4px;
}
/* line 3930, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-images .answer-preview-image.after {
  background-image: url(/_ui/common/images/productQnA/remove_image.svg);
  height: 20px;
  width: 20px;
  content: '';
  position: absolute;
  transform: translate(-24px, -12px);
  cursor: pointer;
  background-size: 20px 20px;
}
/* line 3943, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #fafafa;
  padding: 11px 0;
}
/* line 3953, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block.error {
  border-color: #FF4C4C;
  border-width: 2px;
}
/* line 3958, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block .image-upload-button {
  cursor: pointer;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-size: 19px 19px;
  display: inline-block;
  background-image: url(/_ui/common/images/productQnA/upload_image.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 10px 0 19px;
}
/* line 3971, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block .content-wrapper {
  flex-grow: 1;
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: solid 1px rgba(0, 0, 0, 0.12);
  padding: 0 8px 0 8px;
}
/* line 3977, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block .content-wrapper .content-textarea {
  resize: none;
  width: 100%;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.8;
  display: flex;
  border: transparent;
  background: none;
}
/* line 3994, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block .submit-button {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-size: 19.5px 17px;
  display: inline-block;
  background-image: url(/_ui/common/images/productQnA/submit_answer.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 19px 0 10px;
}
/* line 3995, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .write-answer-block .submit-button.active {
  cursor: pointer;
  background-image: url(/_ui/common/images/productQnA/submit_answer_active.svg);
}
/* line 4012, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper .error-text {
  margin-top: 4px;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FF4C4C;
}
/* line 4025, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper {
  font-family: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
/* line 4032, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .write-question-block {
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
}
/* line 4037, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .write-question-block .write-question-block-left {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 16px;
}
/* line 4043, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .write-question-block .write-question-block-left .content-wrapper {
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 10px 12px;
  flex-grow: 1;
  background-color: #FAFAFA;
}
/* line 4051, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .write-question-block .write-question-block-left .content-wrapper.error {
  border-color: #FF4C4C;
  border-width: 2px;
}
/* line 4056, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .write-question-block .write-question-block-left .content-wrapper .content-textarea {
  overflow-x: scroll;
  white-space: nowrap;
  resize: none;
  width: 100%;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.8;
  display: flex;
  border: transparent;
  background: none;
  padding: 0;
}
/* line 4077, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .write-question-block .submit-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  min-width: 120px;
  height: 40px;
  color: white;
  border-radius: 8px;
  background-color: #00A759;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
/* line 4093, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .write-question-wrapper .error-text {
  margin-top: 4px;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FF4C4C;
}
/* line 4104, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller {
  font-family: inherit;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 16px;
}
/* line 4111, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller * {
  font-family: 'Heiti TC';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
/* line 4118, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .change-page {
  margin-left: 10px;
  padding: 6px 15px;
  border-radius: 2px;
  font-size: 14px;
}
/* line 4124, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .change-page.enabled {
  background: #36B449;
  color: white;
  cursor: pointer;
}
/* line 4130, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .change-page.disabled {
  color: #AAAAAA;
}
/* line 4135, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .page-number-list-wrapper {
  margin-left: 10px;
  display: flex;
}
/* line 4139, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .page-number-list-wrapper select.page-number-list {
  color: #333333;
}
/* line 4145, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .page-number-list-wrapper .page-number-list-after {
  background: url(/_ui/common/images/productQnA/expand-pagelist.svg), #EBECE9;
  width: 30px;
  display: inline-block;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 1px;
}
/* line 4156, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .total-page {
  color: #222222;
  font-weight: bold;
  color: #222222;
  float: left;
  font-size: 13px;
  margin: 0 15px 0 5px;
  font-family: "proxima_nova", Arial, "Heiti TC", "Microsoft JhengHei", "Microsoft Yahei", "PMingLiU", sans-serif;
}
/* line 4167, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .empty-qna-wrapper {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #757575;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-top: 24px;
}