/* 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;
    color: #000000;
}
/* line 133, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc u {
    text-decoration: underline;
    font-size: 15px;
    color: #000000;
}
/* line 138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc i {
    font-style: italic;
    font-size: 15px;
    color: #000000;
}
/* line 143, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc ol, .short-desc li {
    list-style-type: decimal;
    font-size: 15px;
    color: #000000;
}
/* line 148, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.short-desc img {
    max-width: 100%;
}

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

/* fb, wei, email sprite */
/* line 158, ../../../../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 163, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvui.sprite-common-social-weibo:hover {
    background-position: 0 -347px;
    width: 24px;
    height: 19px;
}

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

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

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

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

/* line 195, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list {
    background: #f6f6f6;
    border: 1px solid #ddd;
}
/* line 198, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabs-list {
    background: #fff;
    border: 0px;
    padding-bottom: 0px;
}
/* line 203, ../../../../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 215, ../../../../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 220, ../../../../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 221, ../../../../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 220, ../../../../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 238, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list li:hover, .tabs-list li.active {
    background: #36b449;
    color: white;
}
/* line 241, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabs-list li:hover, .street-fashion .tabs-list li.active {
    background: #fff;
}
/* line 256, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabs-list .tabsSeparator {
    width: 100%;
    margin: 0px;
    background: #ddd;
    height: 1px;
    border: none;
}

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

/* line 270, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea {
    border-top: none;
    padding-left: 2px;
    background: white;
    word-wrap: break-word;
}
/* line 275, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tabHead {
    font-size: 18px;
    padding: 5px 0;
}
/* line 279, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tab-wrapper:not(:empty) {
    margin-top: 20px;
}
/* line 281, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .tabarea .tab-wrapper:not(:empty) {
    margin-top: 30px;
}
/* line 284, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea .tab-wrapper:not(:empty) .title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
/* line 289, ../../../../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 289, ../../../../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 293, ../../../../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 293, ../../../../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 298, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab {
    line-height: 21px;
}
/* line 301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h1, .tabarea #descriptionsTab .tabBody h2 {
    font-size: 21px;
    margin: 10px 0 10px;
}
/* line 305, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h3 {
    font-size: 18px;
    margin: 10px 0 5px;
}
/* line 309, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h4, .tabarea #descriptionsTab .tabBody h5 {
    font-size: 15px;
    margin: 10px 0 5px;
}
/* line 313, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h5 {
    color: #666666;
}
/* line 316, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody h6 {
    font-size: 12px;
    margin: 10px 0 5px;
}
/* line 320, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody hr {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
}
/* line 324, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody a {
    color: #0645AD;
    font-size: 15px;
}
/* line 327, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody a :hover {
    text-decoration: underline;
}
/* line 331, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody p {
    margin: 0 0 20px;
}
/* line 334, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody b {
    font-weight: 700;
}
/* line 337, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody strong {
    font-weight: 700;
}
/* line 340, ../../../../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 347, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody img {
    max-width: 100%;
    max-height: 100%;
}
/* line 351, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody li {
    padding: 0 0 12px 0;
}
/* line 354, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody em {
    font-style: italic;
    font-size: 15px;
    color: #000000;
}
/* line 359, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody u {
    text-decoration: underline;
    font-size: 15px;
    color: #000000;
}
/* line 364, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody i {
    font-style: italic;
    font-size: 15px;
    color: #000000;
}
/* line 369, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #descriptionsTab .tabBody ol, .tabarea #descriptionsTab .tabBody li {
    list-style-type: decimal;
    font-size: 15px;
    color: #000000;
}
/* line 376, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #warrantyTab {
    line-height: 21px;
}
/* line 379, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tabarea #warrantyTab .tabBody b {
    font-weight: 700;
}

/* line 386, ../../../../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 396, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .tab-wrapper .tabHead:first-child {
    width: 250px;
}

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

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

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

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

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

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

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

/* line 425, ../../../../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 435, ../../../../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 438, ../../../../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 443, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper:not(:last-child) {
    margin-bottom: 16px;
}

/* line 446, ../../../../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 453, ../../../../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 460, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .recommendOrNot {
    color: #757575;
    display: inline-flex;
    align-items: center;
}
/* line 464, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .recommendOrNot * {
    margin-right: 5px;
}
/* line 468, ../../../../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 474, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper.liked {
    color: #00A759;
}
/* line 477, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper img {
    display: inline;
    height: 14px;
}
/* line 481, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-wrapper .bottom-wrapper .praise-useful-wrapper .praise-useful-count {
    margin-left: 4.5px;
}

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

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

/* line 497, ../../../../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 503, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .comment-profile-pic {
    vertical-align: middle;
    padding-right: 5px;
}
/* line 507, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user span {
    display: inline-block;
    margin: 0  0 0;
}
/* line 511, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .vip-highlight {
    margin: 0 8px 2px;
    text-align: center;
}

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

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

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

/* line 539, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply {
    width: 100%;
    padding: 16px 24px;
    background-color: #f2faf6;
}
/* line 543, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info {
    display: inline-flex;
    align-items: center;
    width: 75%;
}
/* line 547, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .product-review-reply-icon {
    flex-shrink: 0;
}
/* line 550, ../../../../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 556, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .product-review-reply-info .review-date {
    flex-shrink: 0;
}

/* line 561, ../../../../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 569, ../../../../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 570, ../../../../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 571, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .review-username {
    color: #36b449;
}
/* line 572, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-reply .review-username.customer {
    color: rgba(0, 0, 0, 0.54);
}
/* line 573, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .product-review-reply .review-username {
    color: #666;
}

/* line 578, ../../../../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 581, ../../../../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 590, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .review-date,
.product-review-reply .review-date {
    color: #777;
    margin: 0;
}

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

/* line 602, ../../../../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 603, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rating.hide-stars {
    display: none;
}
/* line 609, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-rating .header {
    position: absolute;
    top: 0;
    left: 10px;
}

/* line 621, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-content {
    padding-left: 24px;
}
/* line 624, ../../../../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 628, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-content .review-images .header {
    position: absolute;
    top: 0;
    left: 0;
}

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

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

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

/* line 650, ../../../../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 661, ../../../../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 672, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-title {
    margin-bottom: 10px;
}

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

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

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

/* line 690, ../../../../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 707, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-small-wrapper.enlarge {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

/* line 712, ../../../../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 725, ../../../../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 731, ../../../../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 738, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-large-section {
    display: none;
}

/* line 742, ../../../../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 752, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-images .review-image-large-wrapper > img {
    max-width: 400px;
    max-height: 300px;
    display: block;
}

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

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

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

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

/*for popup form */
/* line 781, ../../../../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 804, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.overlay-add-review .content {
    padding: 30px;
}

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

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

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

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

/* line 830, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup {
    background: #f3f3f3;
}
/* line 832, ../../../../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 835, ../../../../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 846, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .tab-form {
    padding: 48px 80px 0;
    min-height: 583px;
}
/* line 853, ../../../../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 860, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .tab-form .remarks .tncLink {
    color: #36B449;
    text-decoration: underline;
}
/* line 866, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block {
    text-align: center;
    min-height: 563px;
}
/* line 868, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .user-block .line1 {
    font-size: 14px;
    line-height: 16px;
    margin-top: 16px;
}
/* line 871, ../../../../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 873, ../../../../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 873, ../../../../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 0;
        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 -24px;
        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 0;
        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 -24px;
        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 299, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button img {
    padding: 0 5%;
}
/* line 303, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button img.selected {
    display: none;
}
/* line 307, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button.active {
    background-color: #f5fbf8;
    color: #4ec38c;
}
/* line 310, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button.active img.unselected {
    display: none;
}
/* line 313, ../../../../resource/compass/lib/_reviewForm.scss */
.writeProductReviewPopup .recommendDecision div button.active img.selected {
    display: initial;
}
/* line 877, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.writeProductReviewPopup .review-control-bottom .js-error.error-res-message {
    clear: both;
}

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

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

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

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

/* line 911, ../../../../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 921, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.container-message {
    font-size: 16px;
}

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

/* line 933, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list {
    margin-left: 580px;
}
/* line 935, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li {
    width: 100%;
    padding: 10px 0;
}
/* line 938, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li:not(first-child) {
    float: left;
    border-bottom: 1px dotted #ccc;
}
/* line 943, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li:hover {
    text-decoration: underline;
    cursor: pointer;
}
/* line 946, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .video-list li:hover {
    color: #222;
}
/* line 950, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li.active {
    color: #36b449;
}
/* line 952, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .video-list li.active {
    color: #222;
}
/* line 957, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .video-list li {
    color: #666;
}
/* line 962, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li:not(.active) i {
    display: none;
}
/* line 966, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li table {
    width: 100%;
}
/* line 968, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list li table td:last-child {
    width: 36px;
    padding: 0 10px;
    vertical-align: middle;
}
/* line 975, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.video-list .icSupermarketPdpVideoplay {
    display: block;
}

/*store top*/
/* line 981, ../../../../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 989, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.tab-wrapper.store-des {
    border-top: 1px dotted #bbb;
    font-size: 15px;
}

/* line 990, ../../../../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 997, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-details-top .show-all {
    display: none;
    cursor: pointer;
    margin-bottom: 10px;
}

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

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

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

/* line 1019, ../../../../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 1029, ../../../../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 1036, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel .btnFashionPdpWhiteArrowdown, .recommendation-panel .btnFashionPdpBlackArrowdown {
    margin-right: 10px;
}
/* line 1039, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover {
    background: #222;
}
/* line 1041, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover .btnFashionPdpWhiteArrowdown {
    display: inline-block !important;
}
/* line 1044, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover .btnFashionPdpBlackArrowdown {
    display: none;
}
/* line 1047, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-panel:hover .title {
    color: #fff;
}

/* line 1052, ../../../../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 1069, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .recommendation .slides .productBrief.fashionTemplate.simple {
    margin-bottom: 10px;
}
/* line 1071, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .recommendation .slides .productBrief.fashionTemplate.simple .labelWrapper {
    display: none;
}
/* line 1077, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .title {
    padding: 20px 20px;
}
/* line 1082, ../../../../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 1089, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides {
    width: 194px;
    margin: 0 auto;
    position: relative;
}
/* line 1094, ../../../../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 1102, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .clickable_prev .prev {
    top: 85px;
    left: 19px;
    position: absolute;
}
/* line 1108, ../../../../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 1116, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .clickable_next .next {
    top: 85px;
    left: 19px;
    position: absolute;
}
/* line 1123, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .star-wrapper {
    margin: 10px 0 10px 39px;
}
/* line 1125, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .star-wrapper .averageRatingText, #recommendationPopup .slides .productBrief .star-wrapper .numOfReview {
    color: #FFF;
}
/* line 1128, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .star-wrapper .numOfReview {
    font-size: 14px;
}
/* line 1132, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .textWrapper {
    margin: 10px 0;
}
/* line 1136, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .textWrapper .pricelabel .promotional span {
    color: #FFF;
}
/* line 1140, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#recommendationPopup .slides .productBrief .textWrapper .pricelabel .price > span {
    color: white;
}

/* line 1149, ../../../../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 1156, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommendation-side .tabHead {
    padding-left: 10px;
}

/* line 1160, ../../../../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 1169, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.subcat-side .subcat {
    padding: 0 10px;
}

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

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

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

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

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

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

/* line 1198, ../../../../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 1210, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.recommend-side-img a:hover {
    border: 2px solid #94c400;
    margin: 8px 0 0 8px;
}

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

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

/* bottom recommendation */
/* line 1225, ../../../../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 1276, ../../../../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 1277, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.cat-box .cat-box-products {
    margin-left: 3px;
}

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

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

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

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

/* line 1296, ../../../../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 1301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.share-with-friends {
    display: none;
}

/* line 1305, ../../../../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 1312, ../../../../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 1319, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.btn i {
    vertical-align: middle;
}

/* sprite-pseudo */
/* line 1324, ../../../../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 1328, ../../../../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 1332, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.outOfStock.btn {
    float: right;
    position: relative;
    top: 12px;
    left: -100px;
    height: 20px;
}

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

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

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

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

/* line 1360, ../../../../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 1373, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle .tabBody {
    display: none;
}

/* line 1377, ../../../../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 1386, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggleButton:active {
    background: #e6e6e6;
}

/* line 1390, ../../../../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 1402, ../../../../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 1416, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.spare-write-review-text {
    text-align: center;
    margin: 33px;
    font-size: 15px;
    font-weight: bold;
}

/* line 1423, ../../../../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 1430, ../../../../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 1440, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.right-panel .threshold-promotion-side .tab-wrapper a:hover {
    text-decoration: none;
}

/* review upload image */
/* line 1446, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section {
    margin-top: 19px;
    width: 580px;
}
/* line 1449, ../../../../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 1456, ../../../../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 1468, ../../../../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 1473, ../../../../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 1478, ../../../../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 1486, ../../../../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 1489, ../../../../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 1495, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section #review-upload-img-5 {
    margin-right: 0px !important;
}
/* line 1498, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section.done, .review-upload-img-section.prog {
    border: 1px solid #ccc;
}
/* line 1500, ../../../../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 1502, ../../../../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 1509, ../../../../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 1513, ../../../../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 1519, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img-preview {
    display: none;
}
/* line 1521, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section input.review-upload-img-file {
    display: none;
}
/* line 1524, ../../../../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 1535, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .remove-image-btn:hover {
    opacity: 1;
}
/* line 1539, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section .review-upload-img-file {
    display: none;
}
/* line 1541, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.review-upload-img-section #submitReview {
    margin: 0 auto;
    float: none;
}

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

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

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

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

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

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

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

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

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

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

/* line 1611, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL .title:after {
    content: '|';
    display: inline-block;
    margin: 0 5px 0;
}
/* line 1617, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL .clickThroughURLText {
    line-height: 20px;
    font-size: 15px;
    color: #666;
}
/* line 1621, ../../../../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: -109px -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 1621, ../../../../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: -109px -61px;
        height: 9px;
        width: 6px;
    }
}
/* line 1627, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatchRecommendation .titleWrapper .clickThroughURL:hover .title, #mixAndMatchRecommendation .titleWrapper .clickThroughURL:hover .clickThroughURLText {
    text-decoration: underline;
}

/* line 1635, ../../../../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 1638, ../../../../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 1641, ../../../../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 1643, ../../../../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 1648, ../../../../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 1653, ../../../../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 1662, ../../../../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 1664, ../../../../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 1669, ../../../../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 1675, ../../../../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 1680, ../../../../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 1686, ../../../../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 1696, ../../../../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 1699, ../../../../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 1706, ../../../../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 1710, ../../../../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 1713, ../../../../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 1718, ../../../../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 1722, ../../../../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 1725, ../../../../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 1727, ../../../../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 1732, ../../../../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 1735, ../../../../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 1743, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation {
    overflow: hidden;
}
/* line 1745, ../../../../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 1748, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation .row:not(:last-of-type) {
    border-bottom: 1px solid #e6e6e6;
}
/* line 1751, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#otherRecommendation .row .productBrief.supermarketTemplate {
    width: 149px;
    margin: 10px 10px 40px 0;
}
/* line 1755, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #otherRecommendation .row {
    margin-right: -19px;
}
/* line 1757, ../../../../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 1765, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #otherRecommendation .row .productBrief.fashionTemplate.simple .textWrapper .lineWrapper .brand-product-name {
    margin-top: 5px;
}

/* line 1775, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation {
    overflow: hidden;
}
/* line 1777, ../../../../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 1780, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation .row:not(:last-of-type) {
    border-bottom: 1px solid #e6e6e6;
}
/* line 1783, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#xSellRecommendation .row .productBrief.supermarketTemplate {
    width: 149px;
    margin: 10px 10px 40px 0;
}
/* line 1787, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #xSellRecommendation .row {
    margin-right: -19px;
}
/* line 1789, ../../../../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 1797, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #xSellRecommendation .row .productBrief.fashionTemplate.simple .textWrapper .lineWrapper .brand-product-name {
    margin-top: 5px;
}

/* line 1808, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .titleWrapper {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
}
/* line 1816, ../../../../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 1820, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .slider .slide .productBrief.box:nth-child(n+3) {
    margin-top: 10px;
}
/* line 1823, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .slider .slide .productBrief.box:nth-of-type(odd) {
    margin-right: 10px;
}
/* line 1829, ../../../../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 1837, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough:hover {
    background-color: #e5d614;
}
/* line 1840, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough a.linkText {
    vertical-align: middle;
    color: #8a3f22;
    font-size: 15px;
    display: block;
}
/* line 1845, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#mixAndMatch .clickThrough a.linkText i {
    margin-left: 5px;
}

/* line 1853, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel {
    float: left;
    width: 220px;
    padding-bottom: 50px;
}
/* line 1858, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .title {
    font-weight: bold;
}
/* line 1860, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .title {
    color: #222;
    font-weight: normal;
}
/* line 1865, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel {
    width: 100%;
    padding-top: 20px;
}
/* line 1869, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo {
    margin-bottom: 20px;
}
/* line 1872, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks > * {
    vertical-align: middle;
    display: inline-block;
}
/* line 1877, ../../../../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 1888, ../../../../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 1897, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark.available:after {
    background: #222;
}
/* line 1898, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark.full:after {
    background: red;
}
/* line 1899, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .reserveInfo #reserveDateRemarks .remark.closed:after {
    background: grey;
}
/* line 1904, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section {
    border: #e9e9e9 1px solid;
    /*@include borderStandard(#e9e9e9);*/
}
/* line 1906, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section {
    border: none;
}
/* line 1909, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section:not(:last-of-type) {
    margin-bottom: 20px;
}
/* line 1912, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.mixNmatch {
    border: #e4c910 1px solid;
    border-radius: 2px;
}
/* line 1917, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section > div {
    padding: 10px;
}
/* line 1919, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section > div:not(:first-of-type) {
    border-top: #e9e9e9 1px solid;
}
/* line 1922, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section > div > *:not(:first-child) {
    margin-top: 10px;
}
/* line 1927, ../../../../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 1934, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .name {
    text-align: center;
    display: block;
}
/* line 1938, ../../../../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 1944, ../../../../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 1950, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .clickThrough:hover {
    text-decoration: underline;
}
/* line 1953, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .intro .clickThrough i {
    margin-left: 5px;
}
/* line 1960, ../../../../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 1963, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .btnSupermarketPdpRecommendationPrev {
    position: absolute;
    bottom: -10px;
    left: -10px;
}
/* line 1968, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .padder {
    height: 45px;
}
/* line 1971, ../../../../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 1978, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box {
    float: left;
    width: 94px;
}
/* line 1981, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box:nth-child(n+3) {
    margin-top: 10px;
}
/* line 1984, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .recommendation .slides .slide .productBrief.box:nth-child(2n) {
    margin-left: 10px;
}
/* line 1988, ../../../../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 1999, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat {
    margin-top: 5px;
}
/* line 2001, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a {
    display: block;
    padding-top: 10px;
}
/* line 2004, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a:hover {
    color: #36b449;
}
/* line 2006, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a:hover span:last-child {
    border: 1px solid #36b449;
}
/* line 2010, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a span {
    margin-right: 5px;
}
/* line 2013, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section .relevant .cat a span:first-child:hover {
    text-decoration: underline;
}
/* line 2017, ../../../../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 2030, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo {
    border-top: 3px solid #36b449;
}
/* line 2032, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section.otherInfo {
    border-top: 1px solid #e9e9e9;
}
/* line 2036, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle {
    position: relative;
}
/* line 2038, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .title {
    cursor: pointer;
}
/* line 2041, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle i {
    position: absolute;
    top: 14px;
    right: 10px;
}
/* line 2047, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content {
    display: none;
}
/* line 2049, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content p {
    line-height: 18px;
}
/* line 2052, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content a {
    color: #2b84ee;
}
/* line 2054, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle .content a:hover {
    text-decoration: underline;
}
/* line 2060, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle.active .icArrowdownGrey {
    display: none;
}
/* line 2063, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle.active .icArrowupGrey {
    display: inline-block;
}
/* line 2068, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle:not(.active) .icArrowdownGrey {
    display: inline-block;
}
/* line 2071, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.store-panel .section.otherInfo > div.toggle:not(.active) .icArrowupGrey {
    display: none;
}

/* line 2081, ../../../../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 2081, ../../../../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 2084, ../../../../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 2084, ../../../../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 2088, ../../../../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 2088, ../../../../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 2090, ../../../../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 2090, ../../../../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 2095, ../../../../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 2095, ../../../../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 2097, ../../../../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 2097, ../../../../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 2102, ../../../../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 2102, ../../../../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 2106, ../../../../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 2106, ../../../../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 2109, ../../../../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 2109, ../../../../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 2113, ../../../../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 2113, ../../../../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 2120, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
body.street-fashion {
    background: white;
}

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

/* line 2131, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.relevantSubCat .relevant .title {
    display: none;
}
/* line 2135, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.relevantSubCat .relevant .cat span:last-child {
    display: none;
}
/* line 2139, ../../../../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 2153, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.isLowStock_pdp {
    float: right;
    padding: 0 10px 10px;
}

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

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

/* line 2167, ../../../../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 2175, ../../../../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 2179, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.hktvsprite-ic-star-rs {
    background-position: -939px 0;
    height: 15px;
    width: 15px;
}

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

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

/* line 2193, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .active .title {
    font-weight: bold;
    font-size: 16px;
}
/* line 2201, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .description .content .logo .imgContainer {
    text-align: left;
    margin-bottom: 10px;
}
/* line 2206, ../../../../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 2214, ../../../../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: -109px -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 2214, ../../../../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: -109px -61px;
        height: 9px;
        width: 6px;
    }
}
/* line 2217, ../../../../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 2221, ../../../../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 2224, ../../../../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 2224, ../../../../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 -61px;
        height: 9px;
        width: 6px;
    }
}
/* line 2228, ../../../../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 2236, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant {
    line-height: 21px;
}
/* line 2238, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .title {
    float: left;
    display: block;
}
/* line 2242, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat {
    margin-top: 0;
}
/* line 2244, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a {
    float: left;
    display: block;
}
/* line 2248, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a:last-child span:last-child {
    display: none;
}
/* line 2251, ../../../../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 2256, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a {
    padding-top: 0;
}
/* line 2258, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a:hover {
    color: #222;
}
/* line 2260, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion .store-panel .section .relevant .cat a:hover span:last-child {
    border: none;
}

/* line 2272, ../../../../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 2272, ../../../../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 2276, ../../../../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 2276, ../../../../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 2281, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody {
    position: relative;
}
/* line 2284, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .noReviews {
    display: flex;
    align-items: center;
}
/* line 2288, ../../../../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 2298, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text {
    background-color: #f2faf6;
    display: block;
    padding: 10px 28px 0px;
}
/* line 2302, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text.toggled {
    display: none;
}
/* line 2305, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text u {
    cursor: pointer;
    text-decoration: underline;
    padding-right: 5px;
}
/* line 2306, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text u:hover {
    color: #36b449;
}
/* line 2313, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabBody .more-reply-text .reply-count {
    color: #757575;
    font-size: smaller;
}
/* line 2320, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabWrapper {
    position: relative;
    margin-bottom: 20px;
}
/* line 2323, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabWrapper:after {
    content: '';
    clear: both;
    display: block;
}
/* line 2329, ../../../../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 2338, ../../../../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 2346, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem .numStar {
    position: relative;
}
/* line 2346, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem .numStar img {
    position: relative;
    top: 2px;
}
/* line 2347, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem.inactive {
    display: none;
}
/* line 2350, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem:hover, #reviewTab .tabItem.active {
    color: #36b449;
}
/* line 2353, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #reviewTab .tabItem:hover, .street-fashion #reviewTab .tabItem.active {
    color: #222;
}
/* line 2354, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #reviewTab .tabItem:hover .count, .street-fashion #reviewTab .tabItem.active .count {
    color: #333333;
}
/* line 2356, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviewTab .tabItem:hover .count, #reviewTab .tabItem.active .count {
    color: #36B449;
}
/* line 2361, ../../../../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 2370, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.street-fashion #reviewTab .tabItem.active:after {
    background: #222;
}

/* line 2378, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .loadingBuffer {
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom: 15px;
}
/* line 2381, ../../../../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 2388, ../../../../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 2395, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container > div {
    display: block;
    margin-left: 10px;
    overflow: hidden;
    float: left;
}
/* line 2401, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container span {
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    float: left;
}
/* line 2407, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container select {
    margin-left: 10px;
    margin-top: 5px;
    float: left;
}
/* line 2412, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav {
    float: right;
}
/* line 2414, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav > * {
    float: left;
    display: inline-block;
}
/* line 2418, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav span {
    margin: 0 15px 0 5px;
}
/* line 2421, ../../../../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 2431, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav a:hover {
    background-color: #2b8939;
}
/* line 2434, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#reviews .pagination-container .page-nav a.disable {
    background-color: transparent;
    color: #999;
    cursor: default;
}
/* line 2442, ../../../../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 2450, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#pdpRecentlyView {
    display: none;
}

/* line 2454, ../../../../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 2454, ../../../../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 2461, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp {
    font-size: 15px;
    color: #000;
}
/* line 2464, ../../../../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 2475, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .title span {
    font-size: 18px;
    font-weight: bold;
}
/* line 2479, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
body.language-en .standardExpressPopUp .title {
    width: 678px;
}
/* line 2483, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper {
    background-color: #F8F8F8;
    padding-top: 60px;
}
/* line 2486, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper .deliveryLabelExplanationTable {
    width: 100%;
}
/* line 2489, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.standardExpressPopUp .contentWrapper .deliveryLabelExplanationIconContainer {
    width: 170px;
    padding: 20px;
    border-top: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
    vertical-align: middle;
}
/* line 2497, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
body.language-en .standardExpressPopUp .contentWrapper .deliveryLabelExplanationIconContainer {
    width: 220px;
}
/* line 2501, ../../../../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 2508, ../../../../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 2517, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulkPurchase {
    padding: 10px 0 0 10px;
}
/* line 2519, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion .bulkPurchase {
    padding: 0;
    padding-bottom: 20px;
}
/* line 2522, ../../../../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 2530, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion .bulkPurchase .bulk_element .bulk_image {
    top: -0.5px;
}

/* line 2537, ../../../../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: 143px;
    background: #FFFFFF;
    margin-bottom: 15px;
}
/* line 2549, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .tooltips {
    bottom: 44px;
    left: -1px;
    width: 144px;
}
/* line 2553, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .tooltips a {
    font-style: italic;
    font-size: 12px;
    text-decoration: underline;
}
/* line 2557, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .tooltips a i {
    margin-left: 8px;
}
/* line 2562, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element.vip {
    border: 2px solid #7e3ac7 !important;
}
/* line 2564, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element.vip .bulk_message {
    color: #7e3ac7;
}
/* line 2568, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element > span {
    display: inline-block;
}
/* line 2572, ../../../../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 2581, ../../../../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 2594, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.bulk_element .bulk_message > font:last-child > strong {
    font-weight: bold;
}

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

/* line 2604, ../../../../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 2611, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.toggle-report-flag.active, .toggle-report-flag:hover {
    text-decoration: underline;
}

/* line 2615, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown {
    position: relative;
}
/* line 2617, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list {
    width: max-content;
}
/* line 2619, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list.hide {
    display: none;
}
/* line 2622, ../../../../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 2628, ../../../../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 2638, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list .review-options:hover {
    background-color: #f2faf5;
}
/* line 2641, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list .review-options button {
    width: 100%;
}
/* line 2645, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.report-review-dropdown .review-options-list :last-child {
    border-bottom-width: 1px;
}

/* line 2651, ../../../../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 2658, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .regular-text {
    padding: 2%;
}
/* line 2662, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .title-text {
    font-size: xxx-large;
    font-weight: bold;
}
/* line 2666, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .title-text .subscript {
    font-size: x-large;
    font-weight: normal;
    color: #ababab;
}
/* line 2673, ../../../../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 2682, ../../../../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 2691, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .separationLine {
    height: 100%;
    background-color: #ebebeb;
    flex: 0 0 2px;
    min-height: 85px;
}
/* line 2698, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary {
    flex: 1 1 15%;
}
/* line 2701, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary table {
    width: 100%;
}
/* line 2705, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .clickable-tr {
    cursor: pointer;
}
/* line 2709, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary u.clickable-text {
    cursor: pointer;
    color: #0645ad;
    text-decoration: underline;
}
/* line 2713, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary u.clickable-text.clicked-text {
    color: #0b0080;
}
/* line 2717, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .star-bar-star {
    position: relative;
    top: 5px;
}
/* line 2721, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.reviewSummary .starSummary .star-bar-wrapper {
    width: 85%;
    padding: 0% 3% 1% 3%;
    position: relative;
}
/* line 2726, ../../../../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 2735, ../../../../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 2745, ../../../../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 2762, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.product-review-user .td-rating-n-date {
    display: flex;
    align-content: center;
}

/* line 2774, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.star-wrapper .star-container.star-container.star-container.star-container div {
    margin-right: 0;
}
/* line 2778, ../../../../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 2789, ../../../../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 2801, ../../../../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 2812, ../../../../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 2825, ../../../../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 2838, ../../../../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 2848, ../../../../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 2852, ../../../../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 2860, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA {
    overflow-wrap: anywhere;
}
/* line 2862, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA * {
    min-width: 0;
}
/* line 2866, ../../../../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 2876, ../../../../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 2886, ../../../../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 2894, ../../../../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 2905, ../../../../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 2914, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > * {
    background: #FFFFFF;
}
/* line 2917, ../../../../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 2922, ../../../../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 2928, ../../../../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 2935, ../../../../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 2946, ../../../../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 2956, ../../../../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 2962, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper .popup-product-brief-wrapper {
    max-width: 100%;
}
/* line 2965, ../../../../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 2974, ../../../../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 2978, ../../../../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 2986, ../../../../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 2993, ../../../../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 2997, ../../../../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 3005, ../../../../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 3018, ../../../../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 3032, ../../../../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 3046, ../../../../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 3049, ../../../../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 3060, ../../../../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 3067, ../../../../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 3071, ../../../../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 3085, ../../../../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 3095, ../../../../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 3109, ../../../../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 3119, ../../../../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 3136, ../../../../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 3143, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .overlay-untouchable .productQnA-popup > .main-wrapper > .question-wrapper > .answers-view-wrapper {
    overflow-y: auto;
}
/* line 3155, ../../../../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 3164, ../../../../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 3171, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .filtersWrapper {
    display: flex;
    flex-wrap: wrap;
}
/* line 3175, ../../../../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 3183, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .filtersWrapper .filter.active {
    cursor: inherit;
    font-weight: 500;
    color: #00A759;
}
/* line 3186, ../../../../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 3191, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion #productQnA .filterAndSorting .filtersWrapper .filter.active span::after {
    background: #222;
}
/* line 3204, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
.fashion #productQnA .filterAndSorting .filtersWrapper .filter.active {
    color: #222;
}
/* line 3211, ../../../../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 3225, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sortingTitle {
    color: #000000;
}
/* line 3229, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sorting {
    padding: 0 8px;
    cursor: pointer;
}
/* line 3233, ../../../../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 3237, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .filterAndSorting .sortingsWrapper .sorting.active {
    cursor: inherit;
    color: #00A759;
}
/* line 3245, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper {
    font-family: inherit;
}
/* line 3248, ../../../../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 3255, ../../../../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 3260, ../../../../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 3265, ../../../../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 3273, ../../../../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 3279, ../../../../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 3284, ../../../../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 3285, ../../../../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 3299, ../../../../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 3303, ../../../../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 3314, ../../../../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 3324, ../../../../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 3336, ../../../../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 3345, ../../../../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 3349, ../../../../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 3357, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .question .question-right {
    display: flex;
    flex-shrink: 0;
    position: relative;
}
/* line 3362, ../../../../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 3363, ../../../../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 3367, ../../../../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 3383, ../../../../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 3391, ../../../../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 3397, ../../../../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 3410, ../../../../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 3421, ../../../../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 3431, ../../../../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 3441, ../../../../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 3451, ../../../../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 3461, ../../../../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 3470, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper {
    background: #F2FAF6;
}
/* line 3473, ../../../../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 3474, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .answers-view-wrapper .answers-wrapper .answer.last-showing {
    border: none;
}
/* line 3483, ../../../../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 3487, ../../../../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 3492, ../../../../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 3493, ../../../../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 3507, ../../../../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 3511, ../../../../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 3524, ../../../../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 3533, ../../../../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 3542, ../../../../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 3551, ../../../../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 3564, ../../../../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 3567, ../../../../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 3574, ../../../../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 3578, ../../../../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 3592, ../../../../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 3597, ../../../../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 3610, ../../../../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 3619, ../../../../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 3623, ../../../../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 3632, ../../../../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 3639, ../../../../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 3643, ../../../../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 3646, ../../../../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 3651, ../../../../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 3661, ../../../../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 3664, ../../../../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 3671, ../../../../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 3676, ../../../../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 3687, ../../../../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 3698, ../../../../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 3708, ../../../../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 3718, ../../../../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 3726, ../../../../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 3732, ../../../../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 3744, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .expand-answers {
    color: #00A759;
}
/* line 3747, ../../../../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 3752, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .collapse-answers {
    color: rgba(0, 0, 0, 0.38);
}
/* line 3755, ../../../../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 3761, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .questions-wrapper .question-wrapper .write-answer-wrapper {
    display: flex;
    padding: 16px;
    flex-wrap: wrap;
}
/* line 3766, ../../../../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 3770, ../../../../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 3774, ../../../../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 3781, ../../../../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 3787, ../../../../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 3793, ../../../../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 3806, ../../../../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 3816, ../../../../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 3821, ../../../../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 3834, ../../../../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 3840, ../../../../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 3857, ../../../../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 3858, ../../../../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 3875, ../../../../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 3888, ../../../../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 3895, ../../../../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 3900, ../../../../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 3906, ../../../../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 3914, ../../../../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 3919, ../../../../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 3940, ../../../../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 3956, ../../../../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 3967, ../../../../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 3974, ../../../../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 3981, ../../../../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 3987, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .change-page.enabled {
    background: #36B449;
    color: white;
    cursor: pointer;
}
/* line 3993, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .change-page.disabled {
    color: #AAAAAA;
}
/* line 3998, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .page-number-list-wrapper {
    margin-left: 10px;
    display: flex;
}
/* line 4002, ../../../../resource/compass/_ui/desktop/common/css/productDetailPage1511.scss */
#productQnA .page-controller .page-number-list-wrapper select.page-number-list {
    color: #333333;
}
/* line 4008, ../../../../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 4019, ../../../../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 4030, ../../../../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;
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
/* line 2, ../../../../resource/compass/lib/_reset_skeleton.scss */
* {
    text-decoration: none;
    outline: none;
}

/* line 7, ../../../../resource/compass/lib/_reset_skeleton.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

/* line 16, ../../../../resource/compass/lib/_reset_skeleton.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* line 20, ../../../../resource/compass/lib/_reset_skeleton.scss */
body {
    line-height: 1;
}

/* line 24, ../../../../resource/compass/lib/_reset_skeleton.scss */
ol, ul {
    list-style: none;
}

/* line 28, ../../../../resource/compass/lib/_reset_skeleton.scss */
blockquote, q {
    quotes: none;
}

/* line 32, ../../../../resource/compass/lib/_reset_skeleton.scss */
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

/* line 36, ../../../../resource/compass/lib/_reset_skeleton.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 41, ../../../../resource/compass/lib/_reset_skeleton.scss */
:link {
    color: #000000;
}

/* line 42, ../../../../resource/compass/lib/_reset_skeleton.scss */
:visited {
    color: #000000;
}

/*for button*/
/* Reset `button` and button-style `input` default styles */
/* line 46, ../../../../resource/compass/lib/_reset_skeleton.scss */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    /* for input */
    -webkit-user-select: none;
    /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
}

/* line 63, ../../../../resource/compass/lib/_reset_skeleton.scss */
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Make `a` like a button */
/* line 70, ../../../../resource/compass/lib/_reset_skeleton.scss */
[role="button"] {
    color: inherit;
    cursor: default;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* IMPORTANT: Do not modify this generated css file*/
/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* Start - image container */
/* line 7, ../../../../resource/compass/lib/_general_skeleton.scss */
.imgContainer > img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

/* line 14, ../../../../resource/compass/lib/_general_skeleton.scss */
.imgContainer {
    text-align: center;
    font: 0/0 a;
    height: 100%;
    width: 100%;
}

/* line 20, ../../../../resource/compass/lib/_general_skeleton.scss */
.imgContainer:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* End - image container */
/* Start - Base Buttons */
/* line 32, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton {
    border-radius: 2px;
    min-width: 128px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.13s linear;
}

/* line 41, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.large {
    min-width: 194px;
    font-size: 20px;
}
/* line 44, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .squareButton.large {
    min-width: 233px;
    line-height: 50px;
}

/* line 50, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.green {
    background: #36b449;
    color: white;
}
/* line 53, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .squareButton.green {
    background: #333;
}
/* line 55, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .squareButton.green:hover {
    background: #000;
}

/* line 61, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.green:hover {
    background: #2b8939;
}

/* line 65, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.drakgrey {
    background: #49535c;
    color: white;
}
/* line 68, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .squareButton.drakgrey {
    background: #7a7979;
}

/* line 73, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.drakgrey:hover {
    background: #292d35;
}
/* line 75, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .squareButton.drakgrey:hover {
    background: #595757;
    color: #fff;
}

/* line 81, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.disabled, .squareButton[disabled=disabled], .squareButton.disabled:hover, .squareButton[disabled=disabled]:hover, .squareButton.disabled:active, .squareButton[disabled=disabled]:active {
    background: #aaa;
    color: white;
    cursor: initial;
}

/* line 87, ../../../../resource/compass/lib/_general_skeleton.scss */
.baseButton {
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
    padding: 15px;
    color: white;
}

/* line 95, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton {
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.13s linear;
    color: black;
}

/* line 106, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.surface:hover {
    color: #36b449;
}

/* line 111, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.dark {
    color: white;
    background: black;
}

/* line 116, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.darkGrey {
    color: white;
    background: #666;
}

/* line 121, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.lightGrey {
    color: white;
    background: #AAAAAA;
}

/* line 126, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.surface:hover {
    color: #36b449;
}

/* line 133, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.supermarketStandard:hover {
    color: #36b449;
}

/* line 137, ../../../../resource/compass/lib/_general_skeleton.scss */
.labelButton.supermarketStandard:active, .labelButton.supermarketStandard.active {
    color: white;
    background: #36b449;
}

/* line 142, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton > *, .labelButton > * {
    display: inline-block;
    vertical-align: middle;
}

/* line 147, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton .spriteWrapper {
    font: 0/0 a;
}

/* line 151, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton .spriteWrapper > i:first-of-type {
    margin: 0 7px;
}
/* line 153, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .squareButton .spriteWrapper > i:first-of-type {
    margin: 0 5px;
}

/* line 158, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton > span:first-of-type {
    margin-right: 7px;
}
/* line 160, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .threshold-promotion .squareButton > span:first-of-type {
    font-size: 15px;
    font-weight: normal;
}

/* line 168, ../../../../resource/compass/lib/_general_skeleton.scss */
.blockButton {
    padding: 10px;
    transition: all 0.13s linear;
}
/* line 171, ../../../../resource/compass/lib/_general_skeleton.scss */
.blockButton.darkgrey {
    background: #282828;
}
/* line 173, ../../../../resource/compass/lib/_general_skeleton.scss */
.blockButton.darkgrey > span {
    color: white;
}
/* line 177, ../../../../resource/compass/lib/_general_skeleton.scss */
.blockButton:hover {
    background: #000;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
/* line 180, ../../../../resource/compass/lib/_general_skeleton.scss */
a[href=''] .blockButton:hover, a:not([href]) .blockButton:hover, a[href="javascript:void(0);"] .blockButton:hover {
    cursor: default;
    background: #282828;
    box-shadow: none;
}

/* line 189, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton > span:first-of-type {
    margin-right: 7px;
}

/* line 193, ../../../../resource/compass/lib/_general_skeleton.scss */
.simpleButton {
    cursor: pointer;
    background: black;
}

/* line 198, ../../../../resource/compass/lib/_general_skeleton.scss */
.simpleButton > span {
    display: none;
}

/* End - Base Buttons */
/* Start - Specific Buttons */
/* line 205, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.disabled {
    height: 32px;
}
/* line 207, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.disabled .spriteWrapper > i:first-of-type {
    margin: 0;
}
/* line 210, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.disabled > span:first-of-type {
    margin-right: 0;
}

/* line 216, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton .spriteWrapper {
    background: #666;
}
/* line 218, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .notifyMeButton .spriteWrapper {
    background: none;
}
/* line 221, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton .spriteWrapper .icWhiteBell {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
    background-position: -1022px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 32px;
    width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 221, ../../../../resource/compass/lib/_general_skeleton.scss */
    .notifyMeButton .spriteWrapper .icWhiteBell {
        background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
        background-size: 1189px 180px;
        background-position: -1022px 0;
        height: 32px;
        width: 18px;
    }
}
/* line 225, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton:hover {
    border: 1px solid #555;
}
/* line 227, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .notifyMeButton:hover {
    border: none;
}

/* line 234, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton.large .spriteWrapper .icWhiteBellLarge {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
    background-position: -1108px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 50px;
    width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 234, ../../../../resource/compass/lib/_general_skeleton.scss */
    .notifyMeButton.large .spriteWrapper .icWhiteBellLarge {
        background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
        background-size: 1189px 180px;
        background-position: -1108px 0;
        height: 50px;
        width: 28px;
    }
}

/* line 240, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton {
    text-align: left;
    min-width: 118px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    background: #eee;
    box-sizing: content-box;
    transition: all 0.13s linear;
}
/* line 249, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton > * {
    display: inline-block;
    vertical-align: middle;
}
/* line 254, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.addToCartButton .spriteWrapper, .sepaButton.couponReserveButton .spriteWrapper {
    background: #36b449;
}
/* line 257, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.addToCartButton:hover, .sepaButton.couponReserveButton:hover {
    border: 1px solid #2b8939;
}
/* line 259, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.addToCartButton:hover .spriteWrapper, .sepaButton.couponReserveButton:hover .spriteWrapper {
    background: #2b8939;
}
/* line 265, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.addToWishlistButton .spriteWrapper, .sepaButton.removeFromWishlistButton .spriteWrapper {
    background: #49535c;
}
/* line 268, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.addToWishlistButton:hover, .sepaButton.removeFromWishlistButton:hover {
    border: 1px solid #49535c;
}
/* line 272, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton > span:first-of-type {
    padding: 0 10px;
}
/* line 275, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton .spriteWrapper {
    font: 0/0 a;
}
/* line 277, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton .spriteWrapper > i:first-of-type {
    margin: 0 7px;
}
/* line 281, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.large {
    font-size: 20px;
}
/* line 283, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.large > span:first-of-type {
    padding: 0 20px;
}
/* line 286, ../../../../resource/compass/lib/_general_skeleton.scss */
.sepaButton.large .spriteWrapper > i:first-of-type {
    margin: 0 11px;
}

/* End - Specific Buttons */
/* Start - Base vip label */
/* line 294, ../../../../resource/compass/lib/_general_skeleton.scss */
.vip-highlight {
    background-image: url(/_ui/shared/common/images/goldVipDay/VIPTag.svg);
    display: inline-block;
    width: 35px;
    height: 18px;
    background-size: cover;
    margin-left: 4px;
}

/* End - Base vip label */
/* Start - Base gold vip label */
/* line 305, ../../../../resource/compass/lib/_general_skeleton.scss */
.goldvip-highlight
span:not(.goldvip-highlight goldvip) {
    background-image: url(/_ui/shared/common/images/goldVipDay/Gold-3x.png);
    display: inline-block;
    width: 42px;
    height: 18px;
    background-size: cover;
    margin-left: 4px;
}

/* End - Base gold vip label */
/* Start - Base Template*/
/* line 318, ../../../../resource/compass/lib/_general_skeleton.scss */
a.imageLinkText {
    display: block;
}

/* End - Base Template*/
/* Start - Colorbox loading*/
/* line 330, ../../../../resource/compass/lib/_general_skeleton.scss */
#cboxLoadedContent .loadingLogoWrapper {
    height: 100%;
    width: 100%;
}
/* line 333, ../../../../resource/compass/lib/_general_skeleton.scss */
#cboxLoadedContent .loadingLogoWrapper .loadingLogo {
    height: 100%;
    width: 100%;
    background: url("/_ui/desktop/common/images/loading1605.gif") no-repeat center;
}
/* line 338, ../../../../resource/compass/lib/_general_skeleton.scss */
#cboxLoadedContent .loadingLogoWrapper .message {
    padding-top: 243px;
    text-align: center;
}
/* line 341, ../../../../resource/compass/lib/_general_skeleton.scss */
#cboxLoadedContent .loadingLogoWrapper .message > * {
    display: inline-block;
    vertical-align: middle;
    color: red;
}
/* line 346, ../../../../resource/compass/lib/_general_skeleton.scss */
#cboxLoadedContent .loadingLogoWrapper .message > i {
    margin-right: 5px;
}

/* line 353, ../../../../resource/compass/lib/_general_skeleton.scss */
.zoomContainer {
    z-index: 99999;
}

/* End - Colorbox loading*/
/* Start Add to Cart Button */
/* line 361, ../../../../resource/compass/lib/_general_skeleton.scss */
.squareButton.green.disabledWithoutGrey.disabled, .squareButton.green.disabledWithoutGrey[disabled=disabled] {
    background: #36b449;
}

/* End Add to Cart Button*/
/* Start Add to Cart Tootlips */
/* line 373, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips .message {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: table;
}
/* line 378, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips .message > i {
    float: left;
    margin-right: 8px;
}
/* line 382, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips .message > span {
    margin-left: 34px;
    display: table-cell;
    vertical-align: middle;
}
/* line 388, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton + .tooltips, .addToCartButton + .tooltips, .disabled + .tooltips {
    bottom: 44px;
}
/* line 390, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton + .tooltips a, .addToCartButton + .tooltips a, .disabled + .tooltips a {
    font-style: italic;
    font-size: 12px;
    text-decoration: underline;
}
/* line 394, ../../../../resource/compass/lib/_general_skeleton.scss */
.notifyMeButton + .tooltips a i, .addToCartButton + .tooltips a i, .disabled + .tooltips a i {
    margin-left: 8px;
}
/* line 398, ../../../../resource/compass/lib/_general_skeleton.scss */
.Top100PopupProductList .notifyMeButton + .tooltips, .Top100PopupProductList .addToCartButton + .tooltips, .Top100PopupProductList .disabled + .tooltips {
    left: -15px;
}
/* line 401, ../../../../resource/compass/lib/_general_skeleton.scss */
.productBrief.fashionTemplate .notifyMeButton + .tooltips, .productBrief.fashionTemplate .addToCartButton + .tooltips, .productBrief.fashionTemplate .disabled + .tooltips {
    left: -67px;
}
/* line 404, ../../../../resource/compass/lib/_general_skeleton.scss */
.productDetailPage .product-detail .notifyMeButton + .tooltips, .productDetailPage .product-detail .addToCartButton + .tooltips, .productDetailPage .product-detail .disabled + .tooltips {
    left: 14px;
}
/* line 408, ../../../../resource/compass/lib/_general_skeleton.scss */
.addToWishlistButton + .tooltips, .removeFromWishlistButton + .tooltips {
    bottom: 36px;
    left: -3px;
}
/* line 411, ../../../../resource/compass/lib/_general_skeleton.scss */
.Top100PopupProductList .addToWishlistButton + .tooltips, .Top100PopupProductList .removeFromWishlistButton + .tooltips {
    width: 200px;
    bottom: 44px;
    right: -17px;
    left: initial;
}
/* line 417, ../../../../resource/compass/lib/_general_skeleton.scss */
.productQuickView .addToWishlistButton + .tooltips, .productQuickView .removeFromWishlistButton + .tooltips {
    bottom: 44px;
}
/* line 420, ../../../../resource/compass/lib/_general_skeleton.scss */
.productBrief.fashionTemplate .addToWishlistButton + .tooltips, .productBrief.fashionTemplate .removeFromWishlistButton + .tooltips {
    bottom: 44px;
    left: -67px;
}
/* line 424, ../../../../resource/compass/lib/_general_skeleton.scss */
.productDetailPage .product-detail .addToWishlistButton + .tooltips, .productDetailPage .product-detail .removeFromWishlistButton + .tooltips {
    left: 14px;
}

/* End Add to Cart Tootlips */
/* Start mallDollarLabel */
/* line 436, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel {
    color: #36b449;
}
/* line 438, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel > * {
    display: inline-block;
    vertical-align: middle;
}
/* line 442, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel:before {
    content: '';
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: -18px -103px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 25px;
    width: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 442, ../../../../resource/compass/lib/_general_skeleton.scss */
    .mallDollarLabel:before {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: -18px -103px;
        height: 25px;
        width: 25px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
    /* line 442, ../../../../resource/compass/lib/_general_skeleton.scss */
    .mallDollarLabel:before {
        background-image: url(/_ui/shared/common/images/sprite/product-3x-s797e9a52b9.png);
        background-size: 48px 296px;
        background-position: 0 -25px;
        height: 25px;
        width: 25px;
    }
}
/* line 448, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel.fashion {
    color: black;
}
/* line 450, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel.fashion:before {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: -16px -78px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 25px;
    width: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 450, ../../../../resource/compass/lib/_general_skeleton.scss */
    .mallDollarLabel.fashion:before {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: -16px -78px;
        height: 25px;
        width: 25px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
    /* line 450, ../../../../resource/compass/lib/_general_skeleton.scss */
    .mallDollarLabel.fashion:before {
        background-image: url(/_ui/shared/common/images/sprite/product-3x-s797e9a52b9.png);
        background-size: 48px 296px;
        background-position: 0 0;
        height: 25px;
        width: 25px;
    }
}
/* line 454, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel.vip {
    color: #7039c7;
}
/* line 456, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel.vip:before {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: 0 -217px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 25px;
    width: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 456, ../../../../resource/compass/lib/_general_skeleton.scss */
    .mallDollarLabel.vip:before {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: 0 -217px;
        height: 25px;
        width: 25px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
    /* line 456, ../../../../resource/compass/lib/_general_skeleton.scss */
    .mallDollarLabel.vip:before {
        background-image: url(/_ui/shared/common/images/sprite/product-3x-s797e9a52b9.png);
        background-size: 48px 296px;
        background-position: 0 -50px;
        height: 25px;
        width: 25px;
    }
}
/* line 461, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel.goldvip {
    color: #D9A900;
}
/* line 463, ../../../../resource/compass/lib/_general_skeleton.scss */
.mallDollarLabel.goldvip:before {
    background-image: url(/_ui/shared/common/images/goldVipDay/MallDollar.svg);
    display: inline-block;
    background-size: cover;
    background-position: center;
}

/* End mallDollarLabel */
/* Start tooltips */
/* line 481, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips {
    display: block;
    position: absolute;
    width: 165px;
    min-height: 37px;
    border-radius: 2px;
    background: white;
    color: black;
    text-align: left;
    z-index: 1;
    cursor: initial;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
/* line 493, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips .tooltipsContainer {
    margin: 5px;
}
/* line 497, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips.top:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 7px solid #d5d5d5;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -7px;
    left: 76.5px;
}
/* line 503, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips.top:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 6px solid white;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -6px;
    left: 77.5px;
}
/* line 511, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips.bottom:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 7px solid #c5c5c5;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: -7px;
    left: 76.5px;
}
/* line 517, ../../../../resource/compass/lib/_general_skeleton.scss */
.tooltips.bottom:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 6px solid white;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 77.5px;
}

/* line 526, ../../../../resource/compass/lib/_general_skeleton.scss */
.dividerWrapper {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 1188px;
}
/* line 532, ../../../../resource/compass/lib/_general_skeleton.scss */
.dividerWrapper > i {
    position: absolute;
    left: 0;
    right: 0;
}
/* line 536, ../../../../resource/compass/lib/_general_skeleton.scss */
.dividerWrapper > i.dvdFashionLong {
    top: 3.8px;
}

/* End tooltips */
/* line 545, ../../../../resource/compass/lib/_general_skeleton.scss */
iframe[name=google_conversion_frame] {
    display: none;
}

/* line 549, ../../../../resource/compass/lib/_general_skeleton.scss */
.width-1188 {
    position: relative;
    margin: auto;
    width: 1188px;
}
/* line 553, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .width-1188 {
    margin-bottom: -3px;
}
/* line 556, ../../../../resource/compass/lib/_general_skeleton.scss */
.page-fashionLanding.street-fashion .width-1188 {
    margin-bottom: 0px;
}

/* Start - Global Message */
/* line 563, ../../../../resource/compass/lib/_general_skeleton.scss */
.globalMessageWrapper {
    width: 1188px;
    margin: 30px auto;
    background: white;
    border: #e6e6e6 1px solid;
}
/* line 568, ../../../../resource/compass/lib/_general_skeleton.scss */
.globalMessageWrapper .message {
    text-align: center;
    margin: 15px;
}
/* line 571, ../../../../resource/compass/lib/_general_skeleton.scss */
.globalMessageWrapper .message > * {
    vertical-align: middle;
}
/* line 574, ../../../../resource/compass/lib/_general_skeleton.scss */
.globalMessageWrapper .message > span {
    margin-left: 10px;
    color: #222;
    font-size: 15px;
}
/* line 578, ../../../../resource/compass/lib/_general_skeleton.scss */
.globalMessageWrapper .message > span.negative {
    color: red;
}

/* End - Global Message */
/* Start - street background */
/* line 588, ../../../../resource/compass/lib/_general_skeleton.scss */
body.street-fashion {
    background-color: #FFFFFF;
}
/* line 591, ../../../../resource/compass/lib/_general_skeleton.scss */
body.street-tv {
    background-color: #eee;
}

/* End - street background */
/* Todo - remove after all 2015 product brief deprecated, for quickview bx-button cursor */
/* line 599, ../../../../resource/compass/lib/_general_skeleton.scss */
.quick-view-overlay .bx-prev, .quick-view-overlay .bx-next {
    cursor: pointer;
}

/* line 603, ../../../../resource/compass/lib/_general_skeleton.scss */
.quick-view-overlay .product-detail {
    padding-left: 0;
}

/* Start - star-wrapper */
/* line 608, ../../../../resource/compass/lib/_general_skeleton.scss */
.star-wrapper {
    position: relative;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.star-wrapper:after {
    content: " ";
    display: table;
    height: 0;
    clear: both;
}
/* line 611, ../../../../resource/compass/lib/_general_skeleton.scss */
.star-wrapper .star-container {
    display: inline-block;
    vertical-align: middle;
}
/* line 190, ../../../../resource/compass/lib/_hktvMixin.scss */
.star-wrapper .star-container > div {
    display: inline-block;
    margin-right: 4px;
}
/* line 193, ../../../../resource/compass/lib/_hktvMixin.scss */
.star-wrapper .star-container > div:last-of-type {
    margin-right: 0px;
}
/* line 197, ../../../../resource/compass/lib/_hktvMixin.scss */
.star-wrapper .star-container span.star {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: 0 -62px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 197, ../../../../resource/compass/lib/_hktvMixin.scss */
    .star-wrapper .star-container span.star {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: 0 -62px;
        height: 15px;
        width: 15px;
    }
}
/* line 200, ../../../../resource/compass/lib/_hktvMixin.scss */
.street-fashion .star-wrapper .star-container span.star.inverse {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 200, ../../../../resource/compass/lib/_hktvMixin.scss */
    .street-fashion .star-wrapper .star-container span.star.inverse {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: 0 0;
        height: 15px;
        width: 15px;
    }
}
/* line 204, ../../../../resource/compass/lib/_hktvMixin.scss */
.street-fashion .star-wrapper .star-container span.star {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: 0 -15px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 204, ../../../../resource/compass/lib/_hktvMixin.scss */
    .street-fashion .star-wrapper .star-container span.star {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: 0 -15px;
        height: 15px;
        width: 15px;
    }
}
/* line 208, ../../../../resource/compass/lib/_hktvMixin.scss */
.star-wrapper .star-container span.half-star {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: -30px -15px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 208, ../../../../resource/compass/lib/_hktvMixin.scss */
    .star-wrapper .star-container span.half-star {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: -30px -15px;
        height: 15px;
        width: 15px;
    }
}
/* line 210, ../../../../resource/compass/lib/_hktvMixin.scss */
.street-fashion .star-wrapper .star-container span.half-star {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: -30px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 210, ../../../../resource/compass/lib/_hktvMixin.scss */
    .street-fashion .star-wrapper .star-container span.half-star {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: -30px 0;
        height: 15px;
        width: 15px;
    }
}
/* line 214, ../../../../resource/compass/lib/_hktvMixin.scss */
.star-wrapper .star-container span.empty-star {
    background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
    background-position: -15px -15px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 214, ../../../../resource/compass/lib/_hktvMixin.scss */
    .star-wrapper .star-container span.empty-star {
        background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
        background-size: 48px 645px;
        background-position: -15px -15px;
        height: 15px;
        width: 15px;
    }
}
/* line 216, ../../../../resource/compass/lib/_hktvMixin.scss */
.street-fashion .star-wrapper .star-container span.empty-star {
    background-image: url(/_ui/mobile/common/images/sprite/Fashion-scb371780c8.png);
    background-position: -156px -24px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 15px;
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 216, ../../../../resource/compass/lib/_hktvMixin.scss */
    .street-fashion .star-wrapper .star-container span.empty-star {
        background-image: url(/_ui/mobile/common/images/sprite/Fashion-2x-s0f0273376d.png);
        background-size: 222px 168px;
        background-position: -156px -24px;
        height: 15px;
        width: 15px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
    /* line 216, ../../../../resource/compass/lib/_hktvMixin.scss */
    .street-fashion .star-wrapper .star-container span.empty-star {
        background-image: url(/_ui/mobile/common/images/sprite/Fashion-3x-s89794995b1.png);
        background-size: 222px 168px;
        background-position: -156px -24px;
        height: 15px;
        width: 15px;
    }
}
/* line 615, ../../../../resource/compass/lib/_general_skeleton.scss */
.star-wrapper .star-container:last-of-type {
    position: absolute;
    top: 0;
    left: 0;
}
/* line 621, ../../../../resource/compass/lib/_general_skeleton.scss */
.star-wrapper .averageRatingText {
    vertical-align: middle;
    font-size: 15px;
    color: #ff8a00;
    margin-left: 5px;
}
/* line 626, ../../../../resource/compass/lib/_general_skeleton.scss */
.street-fashion .star-wrapper .averageRatingText {
    color: #000;
}
/* line 630, ../../../../resource/compass/lib/_general_skeleton.scss */
.star-wrapper .numOfReview {
    color: #999999;
    font-size: 13px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
/* line 636, ../../../../resource/compass/lib/_general_skeleton.scss */
.fashion .star-wrapper .numOfReview {
    color: #000;
    vertical-align: initial;
}

/* End - star-wrapper */
/*loading*/
/* line 4, ../../../../resource/compass/_ui/desktop/common/css/general1511.scss */
.loading {
    background: url("/_ui/desktop/common/images/loading1605.gif") center no-repeat;
    height: 200px;
}

/*loading*/
/* line 11, ../../../../resource/compass/_ui/desktop/common/css/general1511.scss */
body.colorBoxOpened {
    overflow: hidden;
}
/* line 7, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.pagenotfound a {
    color: #000;
    text-decoration: none;
}
/* line 11, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.pagenotfound .globalMessages .error {
    line-height: 30px;
    color: #FF0000;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}

/* line 20, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb {
    font-size: 22px;
    font-weight: bold;
}
/* line 24, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-top {
    line-height: 38px;
    min-height: 30px;
}
/* line 27, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-top a {
    font-size: 15px;
    color: #666;
    font-weight: normal;
    position: relative;
    line-height: 18px;
}
/* line 34, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-top a:hover {
    color: #36b449;
}
/* line 37, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-top a:after {
    content: " ";
    margin-left: 10px;
    margin-right: 10px;
    background-image: url(/_ui/desktop/common/images/sprite/header1511-sfe4f1e7a90.png);
    background-position: 0 -2272px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 9px;
    width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 37, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
    .breadcrumb .breadcrumb-top a:after {
        background-image: url(/_ui/desktop/common/images/sprite/header1511-2x-sd561b85528.png);
        background-size: 210px 6162px;
        background-position: 0 -2240px;
        height: 9px;
        width: 6px;
    }
}
/* line 43, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-top ul li {
    float: left;
}
/* line 46, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-btm {
    padding-bottom: 10px;
}
/* line 48, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-btm h1 {
    position: relative;
    display: inline;
    color: #222;
    font-size: 24px;
    line-height: 24px;
}
/* line 55, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-btm h1 .last:after {
    content: normal;
    text-decoration: none;
    margin-top: 2px;
}
/* line 60, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-btm h1 .last:hover {
    text-decoration: none;
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb .breadcrumb-btm h1 ul li {
    clear: both;
}

/* line 68, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.breadcrumb-divider {
    height: 30px;
    border-top: 1px solid #ccc;
}
/* line 71, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
#store-landing-wrapper .breadcrumb .breadcrumb-divider {
    height: 0px;
}
/* line 74, ../../../../resource/compass/_ui/desktop/common/css/generalHeaderFooter_1511.scss */
.page-promotion .breadcrumb-divider, .page-featureSupermarketSalesPage .breadcrumb-divider, [class^="page-salesPage-"] .breadcrumb-divider {
    height: 5px;
}
/* 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 3, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail {
    word-wrap: break-word;
    /* Start - PriceLabel */
}
/* line 5, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .brand-product-name {
    font-size: 20px;
    font-weight: bold;
    display: -webkit-box;
    max-height: 50px;
    line-height: 25px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
}
/* line 17, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .brand-product-name:hover > * > * {
    color: #2b8939;
    transition: all 0.13s linear;
}
/* line 20, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
body.street-fashion .product-detail .brand-product-name:hover > * > * {
    color: initial;
    text-decoration: underline;
}
/* line 27, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .packing-spec {
    color: #555;
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    margin-bottom: 3px;
    word-wrap: break-word;
}
/* line 35, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .product-promotions {
    margin-bottom: 5px;
    color: #B71B1C;
    font-size: 15px;
    line-height: normal;
}
/* line 42, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel {
    font-size: 15px;
    line-height: normal;
}
/* line 45, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productQuickViewWrapper .product-detail .mallDollarLabel {
    padding-top: 0;
}
/* line 48, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .mallDollarLabel {
    padding-top: 10px;
    padding: 10px 10px 0 10px;
}
/* line 52, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel > * {
    vertical-align: middle;
}
/* line 55, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel > i {
    margin: 0 5px;
}
/* line 61, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel {
    padding: 10px 10px 10px 10px;
}
/* line 63, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .salesString {
    padding: 10px 10px 0 10px;
    margin-left: 100px;
}
/* line 67, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceTypeText {
    float: left;
    width: 100px;
    color: #666;
    font-size: 15px;
    line-height: 25px;
}
/* line 73, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceTypeText + .priceLabelWrapper {
    margin-left: 100px;
}
/* line 83, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .price {
    margin-right: 5px;
}
/* line 88, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel.havePromotion {
    background: #FFFDE6;
}
/* line 90, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .pricelabel.havePromotion {
    background: none;
}
/* line 93, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel.havePromotion + .priceLastUpdate {
    background: #FFFDE6;
}
/* line 95, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .pricelabel.havePromotion + .priceLastUpdate {
    background: none;
}
/* line 100, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span {
    font-size: 28px;
}
/* line 102, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.vip-highlight {
    font-size: 18px;
}
/* line 105, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.goldvip-highlight {
    font-size: 18px;
}
/* line 109, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .promotional > span {
    font-size: 18px;
}

/* line 115, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .priceLastUpdate {
    font-size: 14px;
    padding: 10px 0 10px 100px;
}
/* line 118, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .priceLastUpdate {
    padding: 10px 0 10px 10px;
}

/* line 124, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper .title {
    font-size: 15px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    width: 100px;
    float: left;
}

/*Start - threshold promotion*/
/* line 135, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper {
    margin: 0 -10px 10px;
    background: #EFFAF0;
    counter-reset: section;
}
/* line 139, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper.havePromotion {
    background: #FFFDE6;
}
/* line 141, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper.havePromotion {
    background: none;
}
/* line 145, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper {
    background: none;
}
/* line 149, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper .pricelabel {
    margin-left: 0px;
}
/* line 154, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper > div:last-of-type .deliveryLabel {
    bottom: 17px;
}

/* line 160, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion, .bbcatPromotion {
    position: relative;
    line-height: 18px;
    font-weight: bold;
    overflow: hidden;
    padding: 15px 10px;
    padding-bottom: 0px;
    /* case of 0 threshold promotion*/
}
/* line 167, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion, .street-fashion .bbcatPromotion {
    padding: 10px 10px 0 10px;
}
/* line 171, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion:hover .squareButton.green, .bbcatPromotion:hover .squareButton.green {
    background: #2b8939;
}
/* line 173, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion:hover .squareButton.green, .street-fashion .bbcatPromotion:hover .squareButton.green {
    background: #000;
}
/* line 179, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > .promotion-freegift-container, .threshold-promotion > .promotion-bbcat-container, .bbcatPromotion > .promotion-freegift-container, .bbcatPromotion > .promotion-bbcat-container {
    width: 72px;
    height: 72px;
    border: 1px solid #ccc;
    margin-right: 10px;
    background-color: white;
    display: block;
    vertical-align: middle;
    float: left;
    position: relative;
}
/* line 180, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > .promotion-freegift-container > a, .threshold-promotion > .promotion-bbcat-container > a, .bbcatPromotion > .promotion-freegift-container > a, .bbcatPromotion > .promotion-bbcat-container > a {
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity 0.13s linear;
}
/* line 173, ../../../../resource/compass/lib/_hktvMixin.scss */
.threshold-promotion > .promotion-freegift-container > a:hover, .threshold-promotion > .promotion-bbcat-container > a:hover, .bbcatPromotion > .promotion-freegift-container > a:hover, .bbcatPromotion > .promotion-bbcat-container > a:hover {
    opacity: 0.8;
}
/* line 195, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > .promotion-freegift-container .freegift-label, .threshold-promotion > .promotion-bbcat-container .freegift-label, .bbcatPromotion > .promotion-freegift-container .freegift-label, .bbcatPromotion > .promotion-bbcat-container .freegift-label {
    bottom: 0px;
    position: absolute;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    background: #e4483f;
    line-height: 18px;
    margin-left: 3px;
    padding: 0 2px;
    border-radius: 2px;
}
/* line 206, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion > .promotion-freegift-container .freegift-label, .street-fashion .threshold-promotion > .promotion-bbcat-container .freegift-label, .street-fashion .bbcatPromotion > .promotion-freegift-container .freegift-label, .street-fashion .bbcatPromotion > .promotion-bbcat-container .freegift-label {
    background: #000;
}
/* line 211, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > a, .bbcatPromotion > a {
    display: block;
    margin-left: 100px;
}
/* line 214, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > a[href]:hover, .bbcatPromotion > a[href]:hover {
    text-decoration: underline;
}
/* line 218, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description, .bbcatPromotion .threshold-promotion-description {
    color: #222;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 15px;
}
/* line 223, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion .threshold-promotion-description, .street-fashion .bbcatPromotion .threshold-promotion-description {
    color: #222;
}
/* line 230, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description .promo-name, .bbcatPromotion .threshold-promotion-description .promo-name {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
}
/* line 237, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description span, .bbcatPromotion .threshold-promotion-description span {
    font-size: 14px;
    line-height: 18px;
}

/* line 247, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-link {
    display: inline-block;
    min-width: initial;
    line-height: 20px;
}
/* line 251, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-link > * {
    display: inline-block;
    vertical-align: middle;
}

/* line 257, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side {
    border: 1px solid #ddd;
    border-top: 3px solid #26BEDA;
    line-height: 21px;
    background: white;
    margin-bottom: 15px;
}

/* line 265, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .threshold-promotion-link-wrapper {
    display: block;
    margin-right: 10px;
    text-align: center;
}

/* line 271, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .recommend-side-img {
    padding: 5px 0 10px 1px;
}

/* line 276, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .threshold-promotion-link {
    display: block;
    padding: 6px;
    margin: 0 16px;
    font-size: 15px;
    line-height: 31px;
}

/* line 284, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .tabHead {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    padding: 10px;
    line-height: 17px;
    font-size: 16px;
    color: #000;
}

/* line 292, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .tabBody {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), -3px 2px 3px rgba(0, 0, 0, 0.1), 3px 2px 3px rgba(0, 0, 0, 0.1);
    padding: 0 0px 10px 0;
}

/* line 297, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.btn-lightblue {
    background: #11bedc;
    border-radius: 4px;
}

/*End - threshold promotion*/
/*Start - detail panel table*/
/* line 305, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTableWrapper {
    margin-bottom: 10px;
}
/* line 306, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productQuickViewWrapper .productDetailPanelTableWrapper {
    max-height: 308px;
}
/* line 308, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productQuickViewWrapper .productDetailPanelTableWrapper {
    max-height: 400px;
}
/* line 313, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPanelTableWrapper {
    margin-bottom: 0px;
}

/* line 318, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable {
    font-size: 15px;
    line-height: 21px;
    width: 100%;
    margin-top: 13px;
}
/* line 323, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPanelTable {
    margin-top: 0px;
}

/* line 328, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable tr td {
    padding-bottom: 20px;
}

/* line 332, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable tr td:first-of-type {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    color: #616161;
    vertical-align: top;
}
/* line 336, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPage .productDetailPanelTable tr td:first-of-type {
    width: 100px;
}

/*End - detail panel table*/
/* Start - product-return-delivery */
/* line 347, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay {
    position: relative;
    display: inline-block;
    text-indent: 0em;
    padding-left: 0em;
}

/* line 354, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay-text {
    color: #0645AD;
    cursor: pointer;
}
/* line 357, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-delivery-overlay-text {
    color: #222;
}
/* line 359, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-delivery-overlay-text:hover {
    text-decoration: underline;
}

/* line 366, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay:hover .product-delivery-overlay-box {
    display: block;
}

/* line 370, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-return-delivery {
    padding-top: 20px;
    line-height: 22px;
}

/* line 375, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-return-delivery ul li {
    list-style: disc inside none;
    text-indent: -1em;
    padding-left: 1em;
}

/* End - product-return-delivery */
/*Start - variant options*/
/* line 386, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-promotions .offer {
    padding: 5px;
    padding-top: 3px;
    display: inline-block;
    color: white;
    background: #B71B1C;
}

/* line 394, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb, .prod-det-size, .prod-det-coupon.notInsurance {
    overflow: hidden;
}

/* line 399, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span.selected, .prod-det-size > div a.selected, .prod-det-coupon.notInsurance > div a.selected {
    border-color: #36b449;
}
/* line 401, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div span.selected, .street-fashion .prod-det-thumb > div span.selected:hover, .street-fashion .prod-det-size > div a.selected, .street-fashion .prod-det-size > div a.selected:hover, .street-fashion .prod-det-coupon.notInsurance > div a.selected, .street-fashion .prod-det-coupon.notInsurance > div a.selected:hover {
    border: 2px solid #222;
}
/* line 404, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span.selected span, .prod-det-size > div a.selected span, .prod-det-coupon.notInsurance > div a.selected span {
    color: #36b449;
}
/* line 406, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div span.selected span, .street-fashion .prod-det-size > div a.selected span, .street-fashion .prod-det-coupon.notInsurance > div a.selected span {
    color: #222;
}

/* line 412, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span, .prod-det-size > div > a, .prod-det-coupon.notInsurance > div > a {
    border-radius: 2px;
}
/* line 414, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span, .street-fashion .prod-det-size > div > a, .street-fashion .prod-det-coupon.notInsurance > div > a {
    border-radius: 0;
}
/* line 417, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span:hover, .prod-det-size > div > a:hover, .prod-det-coupon.notInsurance > div > a:hover {
    border-color: #36b449;
}
/* line 419, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span:hover, .street-fashion .prod-det-size > div > a:hover, .street-fashion .prod-det-coupon.notInsurance > div > a:hover {
    border-color: #222;
}
/* line 423, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span span, .prod-det-size > div > a span, .prod-det-coupon.notInsurance > div > a span {
    color: #222;
}

/* line 428, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span {
    border-color: #e1e1e1;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-bottom: 5px;
    vertical-align: top;
}

/* line 438, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div img {
    display: inline-block;
    vertical-align: top;
}

/* line 443, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-thumb span {
    position: relative;
    cursor: pointer;
}

/* line 447, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb .selected, .prod-det-size .selected, .prod-det-coupon.notInsurance .selected {
    border: 2px solid #36b449;
}

/* line 450, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span {
    position: relative;
    float: left;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}
/* line 458, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span {
    border: 1px solid #ccc;
}
/* line 461, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span:hover {
    border: 1px solid #222;
}

/* line 466, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span > a {
    height: 100%;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}

/* line 473, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size > div a.selected, .prod-det-coupon.notInsurance > div a.selected {
    border: 2px solid #36b449;
    color: #36b449;
}
/* line 476, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-size > div a.selected, .street-fashion .prod-det-coupon.notInsurance > div a.selected {
    border: 2px solid #222;
    color: #222;
}

/* line 484, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a {
    border: 1px solid #CCC;
    clear: left;
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 10px;
}
/* line 485, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a.selected {
    border: 2px solid #3A993A;
    color: #313131;
}
/* line 498, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a > span {
    vertical-align: middle;
    line-height: 32px;
}

/* line 505, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size > div a, .prod-det-coupon.notInsurance > div a {
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
    background: white;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 0 3px;
    height: 30px;
    width: auto;
    min-width: 30px;
}

/* line 520, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-size a.selected, .variantOptions .prod-det-coupon.notInsurance a.selected {
    position: relative;
}

/* line 524, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-thumb span.selected .hktvsprite-ic-varianttick {
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
}

/* line 531, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-size a.selected .hktvsprite-ic-varianttick, .variantOptions .prod-det-coupon.notInsurance a.selected .hktvsprite-ic-varianttick {
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
}

/* line 538, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb .selected, .prod-det-size .selected, .prod-det-coupon.notInsurance .selected {
    border: 2px solid #36b449;
}

/* line 541, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size a, .prod-det-coupon.notInsurance a {
    height: 100%;
    width: 100%;
}

/* line 546, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size > div a > span, .prod-det-coupon.notInsurance > div a > span {
    vertical-align: middle;
    line-height: 29px;
}

/* line 551, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions span .hktvsprite-ic-varianttick {
    display: none;
}

/* line 555, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb, .prod-det-size, .prod-det-coupon.notInsurance {
    overflow: hidden;
}

/* line 559, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb {
    margin-bottom: -5px;
}

/* line 563, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size, .prod-det-coupon.notInsurance {
    margin-bottom: -5px;
}

/* line 567, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div, .prod-det-size > div, .prod-det-coupon.notInsurance > div {
    overflow: hidden;
}

/* line 571, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.nostock-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/*End - variant options */
/*notify me*/
/* line 582, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox {
    border: 2px solid #EEEEEE;
    padding: 10px;
    width: 420px;
    margin-bottom: 20px;
    margin-top: -14px;
}
/* line 588, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-supermarket .stockLevelMsgBox {
    margin-left: 102px;
}
/* line 592, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg1 span {
    font-size: 18px;
    color: #666666;
}
/* line 597, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg2 {
    padding-top: 5px;
}
/* line 599, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg2 span {
    font-size: 15px;
    color: #666666;
}

/*End-notify me*/
/* Start - wishlist button */
/* line 609, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton {
    box-shadow: none;
    color: #666;
    background: none;
}
/* line 613, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton.sepaButton {
    border: 1px solid transparent;
}

/* line 618, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton i {
    display: none;
}

/* line 621, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton span {
    text-decoration: underline;
}

/* End - wishlist button */
/* Start - qty input box */
/* line 628, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0;
}

/* line 636, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
input[type=number] {
    -moz-appearance: textfield;
}

/* line 640, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#productQtyMinus, #productQtyAdd {
    display: inline-block;
    cursor: pointer;
    height: 22px;
    width: 22px;
    text-align: center;
    background: #ebece9;
    margin: 0 1px;
}
/* line 648, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPage #productQtyMinus, .productDetailPage #productQtyAdd {
    height: 32px;
    width: 32px;
}

/* line 653, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#productQtyMinus > i, #productQtyAdd > i {
    vertical-align: middle;
}

/* line 657, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productQtyPanel > * {
    vertical-align: middle;
}

/* line 661, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#qtyInputBox {
    text-align: center;
    outline: none;
    border: none;
    background: #ebece9;
    width: 30px;
    height: 22px;
}
/* line 668, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPage #qtyInputBox {
    height: 32px;
    width: 40px;
}

/* End - qty input box */
/* line 26, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .title {
    font-size: 15px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    width: 100px;
    float: left;
}
/* line 33, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .title.bmsm {
    width: 90px;
}
/* line 37, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel {
    width: 100%;
}
/* line 39, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
/* line 46, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel {
    margin-bottom: 4px;
}
/* line 48, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel:last-child {
    margin-bottom: 0;
}
/* line 51, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel:hover {
    cursor: pointer;
}
/* line 54, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.fashion .priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel {
    bottom: 7px;
}
/* line 60, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock.promoWithExpress .priceTypeText + .priceLabelWrapper {
    width: 274px;
}
/* line 65, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .promotional {
    line-height: 22px;
    padding-bottom: 5px;
}
/* line 68, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .priceWrapper .pricelabel .deliveryLabelBlock .promotional {
    width: 480px;
}
/* line 74, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .topSection {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
/* line 82, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .salesNumber-container {
    font-size: 15px;
    margin: 10px 0 0 110px;
}
/* line 87, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .fashionSalesNumberString .salesNumber-container {
    margin: 10px 0 0 10px;
}
/* line 89, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .priceWrapper .fashionSalesNumberString .salesNumber-container {
    margin: 0;
}

/*End - PriceLabel*/
/* Start - Main layout*/
/* line 99, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper {
    position: relative;
    padding: 20px 0;
}
/* line 104, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTable tr td {
    padding-bottom: 10px;
}
/* line 109, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTable tr:last-child td:last-child {
    padding-bottom: 0;
}

/* line 120, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .top-panel {
    margin: 0 10px 54px 20px;
}
/* line 123, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel {
    margin-bottom: 40px;
}

/* line 129, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.top-panel .buttonWrapper {
    position: relative;
}

/* line 134, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-list-item-left {
    width: 380px;
    margin-right: 10px;
    float: left;
}

/* line 140, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-list-item-right {
    float: left;
}

/* line 144, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail {
    padding-left: 10px;
    background: white;
    width: 398px;
    float: left;
}
/* line 148, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .product-detail {
    padding-left: 10px;
}
/* line 151, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-detail {
    width: 528px;
}
/* line 154, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .product-detail {
    width: 598px;
}

/* line 163, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productQuickViewWrapper .product-img-slider {
    margin-right: 10px;
}

/* line 169, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-img-slider {
    margin-right: 20px;
    float: left;
    width: 380px;
}
/* line 170, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .product-img-slider {
    margin-right: 43px;
}
/* line 176, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .product-img-slider {
    width: 547px;
}

/*End - mainlayout


/*Start - productImagePanel*/
/* line 185, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage {
    position: relative;
}

/* line 189, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage {
    margin: 0;
}

/* line 193, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImagePrimary {
    width: 382px;
    height: 382px;
    position: relative;
    background: white;
    border: 1px solid #ccc;
}
/* line 196, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImagePrimary {
    width: 547px;
    height: 547px;
}

/* line 205, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container {
    display: block;
    position: relative;
}
/* line 208, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .productVideoPrimaryLink {
    position: absolute;
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-play-btn {
    background-image: url(/_ui/desktop/common/svg/pdp-video/test-play-btn.svg);
    width: 180px;
    height: 180px;
    z-index: 15;
    position: absolute;
    left: 100px;
    top: 100px;
}
/* line 220, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-wrapper {
    z-index: 10;
    position: relative;
}
/* line 223, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-wrapper .product-video-play-btn {
    background-image: url(/_ui/desktop/common/svg/pdp-video/test-play-btn.svg);
    width: 180px;
    height: 180px;
    z-index: 15;
    position: absolute;
    left: 100px;
    top: 100px;
}

/* line 235, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImagePrimary .productImagePrimaryLink {
    display: block;
    overflow: hidden;
    text-align: center;
    font: 0/0 a;
    height: 380px;
    width: 380px;
    position: absolute;
}
/* line 243, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImagePrimary .productImagePrimaryLink {
    width: 545px;
    height: 545px;
}
/* line 10, ../../../../resource/compass/lib/_hktvMixin.scss */
.productImage .productImagePrimary .productImagePrimaryLink:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* line 251, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImagePrimary .productImagePrimaryLink img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
}

/* line 261, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImageGallery-wrapper {
    width: 547px;
}

/* line 266, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery {
    position: relative;
    height: auto;
}
/* line 269, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .pdp-thumbnail-slider {
    position: relative;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.productImage .productImageGallery .pdp-thumbnail-slider:after {
    content: " ";
    display: table;
    height: 0;
    clear: both;
}
/* line 273, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .icArrowleftBlackSmallslider {
    cursor: pointer;
    float: left;
    margin-top: 19px;
    margin-left: -5px;
}
/* line 278, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery .icArrowleftBlackSmallslider {
    margin-top: 30px;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .icArrowrightBlackSmallslider {
    cursor: pointer;
    float: left;
    margin-top: 19px;
    margin-right: -5px;
}
/* line 287, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery .icArrowrightBlackSmallslider {
    margin-top: 30px;
}

/* line 296, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productQuickViewWrapper .productImage .productImageGallery .icArrowleftBlackSmallslider, .street-fashion .productQuickViewWrapper .productImage .productImageGallery .icArrowrightBlackSmallslider {
    margin-top: 19px;
}

/* line 303, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.pdp-thumbnail-slider li {
    margin-top: 10px;
    width: 348px;
    float: left;
}
/* line 306, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .pdp-thumbnail-slider li {
    width: 516px;
}

/* line 312, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery li .thumb {
    border: 1px solid #d9d9d9;
    display: block;
    float: left;
    overflow: hidden;
    height: 52px;
    text-align: center;
    line-height: 50px;
    background-color: white;
    cursor: pointer;
}
/* line 322, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImageGallery li .thumb {
    height: 80px;
    line-height: 78px;
}

/* line 328, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery li .thumb > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
}

/* line 337, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery li .thumb.active {
    box-shadow: 0 0 0 2px #36b449;
    border: 1px solid transparent;
}
/* line 339, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery li .thumb.active {
    box-shadow: 0 0 0 2px #000;
}

/* line 345, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .slick-list {
    padding: 2px 0;
}

/* line 349, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .slick-slide {
    margin: 0 2px;
}

/* End Product Image Panel*/
/*Start - variant options*/
/* line 357, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-promotions .offer {
    padding: 5px;
    padding-top: 3px;
    display: inline-block;
    color: white;
    background: #B71B1C;
}

/* line 365, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb, .prod-det-size {
    overflow: hidden;
}

/* line 370, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span.selected, .prod-det-size > div a.selected {
    border-color: #36b449;
}
/* line 372, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div span.selected, .street-fashion .prod-det-thumb > div span.selected:hover, .street-fashion .prod-det-size > div a.selected, .street-fashion .prod-det-size > div a.selected:hover {
    border: 2px solid #222;
}
/* line 375, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span.selected span, .prod-det-size > div a.selected span {
    color: #36b449;
}
/* line 377, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div span.selected span, .street-fashion .prod-det-size > div a.selected span {
    color: #222;
}

/* line 383, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span, .prod-det-size > div > a {
    border-radius: 2px;
}
/* line 385, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span, .street-fashion .prod-det-size > div > a {
    border-radius: 0;
}
/* line 388, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span:hover, .prod-det-size > div > a:hover {
    border-color: #36b449;
}
/* line 390, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span:hover, .street-fashion .prod-det-size > div > a:hover {
    border-color: #222;
}
/* line 394, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span span, .prod-det-size > div > a span {
    color: #222;
}

/* line 399, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span {
    border-color: #e1e1e1;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-bottom: 5px;
    vertical-align: top;
}

/* line 409, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div img {
    display: inline-block;
    vertical-align: top;
}

/* line 414, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-thumb span {
    position: relative;
    cursor: pointer;
}

/* line 418, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb .selected, .prod-det-size .selected {
    border: 2px solid #36b449;
}

/* line 421, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span {
    position: relative;
    float: left;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}
/* line 429, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span {
    border: 1px solid #ccc;
}
/* line 432, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span:hover {
    border: 1px solid #222;
}

/* line 437, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span > a {
    height: 100%;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}

/* line 444, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a.selected {
    border: 2px solid #36b449;
    color: #36b449;
}
/* line 447, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-size > div a.selected {
    border: 2px solid #222;
    color: #222;
}

/* line 453, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a {
    border: 1px solid #CCC;
    clear: left;
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 10px;
}
/* line 454, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a.selected {
    border: 2px solid #3A993A;
    color: #313131;
}
/* line 467, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a > span {
    vertical-align: middle;
    line-height: 32px;
}

/* line 474, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a {
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
    background: white;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 0 3px;
    height: 30px;
    width: auto;
    min-width: 30px;
}

/* line 489, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-size a.selected {
    position: relative;
}

/* line 493, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-thumb span.selected .hktvsprite-ic-varianttick {
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
}

/* line 500, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-size a.selected .hktvsprite-ic-varianttick {
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
}

/* line 507, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb .selected, .prod-det-size .selected {
    border: 2px solid #36b449;
}

/* line 510, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size a {
    height: 100%;
    width: 100%;
}

/* line 515, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a > span {
    vertical-align: middle;
    line-height: 29px;
}

/* line 520, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions span .hktvsprite-ic-varianttick {
    display: none;
}

/* line 524, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb, .prod-det-size {
    overflow: hidden;
}

/* line 528, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb {
    margin-bottom: -5px;
}

/* line 532, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size {
    margin-bottom: -5px;
}

/* line 536, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div, .prod-det-size > div {
    overflow: hidden;
}

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

/*End - variant options */
/* Start - bottomButtons */
/* line 559, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bottomButtons .buttonWrapper {
    display: inline-block;
    left: 103px;
}
/* line 562, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .bottomButtons .buttonWrapper {
    left: 0;
}
/* line 565, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bottomButtons .buttonWrapper + .buttonWrapper {
    margin-left: 15px;
}
/* line 567, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .bottomButtons .buttonWrapper + .buttonWrapper {
    margin-left: 10px;
}

/* End - bottomButtons */
/* Start - bottom productClickThrough */
/* line 576, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    padding-top: 0;
    text-align: center;
    color: #222222;
    background: #ebece9;
    transition: all 0.13s linear;
}
/* line 587, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough i {
    position: relative;
    display: block;
    top: -10px;
    margin: 0 auto;
}
/* line 593, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough:hover {
    background: #ddd;
}

/* End - productClickThrough- */
/*Start -Promotion button*/
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.squareButton.promotion {
    font-size: 15px;
    font-weight: normal;
    color: #8a3f22;
    line-height: 24px;
    border: 1px solid #e4c910;
    border-radius: 2px;
    background: #ffee08;
}
/* line 613, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .squareButton.promotion {
    background: #333;
    color: #fff;
    border: 1px solid #333;
}
/* line 618, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.squareButton.promotion:hover {
    background: #e4c910;
}
/* line 620, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .squareButton.promotion:hover {
    background: #000;
}

/*End*/
/* line 626, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.promotion-divider {
    border-bottom: 1px solid #e9e9e9;
    margin: 10px 10px 0 100px;
}

/* line 633, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bbcatPromotion {
    padding-bottom: 0px;
    padding-top: 15px;
}

/*Count number of promotion*/
/* line 638, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.countnumber .title::after {
    counter-increment: section;
    content: counter(section);
}

/* line 666, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description b, .productDetailPage .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description strong, .productQuickViewWrapper .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description b, .productQuickViewWrapper .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description strong {
    font-weight: bold;
}
/* line 677, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) b, .productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) strong, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) b, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) strong {
    font-weight: bold;
}
/* line 692, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-tab .tabarea #descriptionsTab .tabBody b, .productDetailPage .product-tab .tabarea #descriptionsTab .tabBody strong, .productQuickViewWrapper .product-tab .tabarea #descriptionsTab .tabBody b, .productQuickViewWrapper .product-tab .tabarea #descriptionsTab .tabBody strong {
    font-weight: bold;
}
/* line 699, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-tab .tabarea .product-review-content b, .productDetailPage .product-tab .tabarea .product-review-content strong, .productQuickViewWrapper .product-tab .tabarea .product-review-content b, .productQuickViewWrapper .product-tab .tabarea .product-review-content strong {
    font-weight: bold;
}
/* line 711, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .store-panel .section.otherInfo .product.remark .content b, .productDetailPage .store-panel .section.otherInfo .product.remark .content strong, .productDetailPage .store-panel .section.otherInfo .description .content b, .productDetailPage .store-panel .section.otherInfo .description .content strong, .productDetailPage .store-panel .section.otherInfo .tnc .content b, .productDetailPage .store-panel .section.otherInfo .tnc .content strong, .productDetailPage .store-panel .section.otherInfo .deliveryOrReturnPolicy .content b, .productDetailPage .store-panel .section.otherInfo .deliveryOrReturnPolicy .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .product.remark .content b, .productQuickViewWrapper .store-panel .section.otherInfo .product.remark .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .description .content b, .productQuickViewWrapper .store-panel .section.otherInfo .description .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .tnc .content b, .productQuickViewWrapper .store-panel .section.otherInfo .tnc .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .deliveryOrReturnPolicy .content b, .productQuickViewWrapper .store-panel .section.otherInfo .deliveryOrReturnPolicy .content strong {
    font-weight: bold;
}

/* line 723, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion, .street-fashion .bbcatPromotion {
    background: #FFFDE6;
}
/* line 726, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.threshold-promotion a > .threshold-promotion-description, .bbcatPromotion a > .threshold-promotion-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 51px;
    font-size: 15px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 728, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion a > .threshold-promotion-description, .street-fashion .bbcatPromotion a > .threshold-promotion-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 72px;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
}
/* line 732, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.threshold-promotion a > .threshold-promotion-description b, .threshold-promotion a > .threshold-promotion-description strong, .bbcatPromotion a > .threshold-promotion-description b, .bbcatPromotion a > .threshold-promotion-description strong {
    font-weight: bold;
}
/* line 737, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.threshold-promotion div > .threshold-promotion-description, .bbcatPromotion div > .threshold-promotion-description {
    /* case of 0 threshold promotion*/
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 51px;
    font-size: 15px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 740, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion div > .threshold-promotion-description, .street-fashion .bbcatPromotion div > .threshold-promotion-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 72px;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
}

/* line 747, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#cboxClose {
    z-index: 99999;
}

/* line 750, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.btnQuickViewClose {
    position: relative;
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
    background-position: -375px -62px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 36px;
    width: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 750, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
    .btnQuickViewClose {
        background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
        background-size: 1189px 180px;
        background-position: -375px -62px;
        height: 36px;
        width: 36px;
    }
}
/* line 753, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.btnQuickViewClose:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
    background-position: -411px -62px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 36px;
    width: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* line 753, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
    .btnQuickViewClose:hover {
        background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
        background-size: 1189px 180px;
        background-position: -411px -62px;
        height: 36px;
        width: 36px;
    }
}

/* line 758, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .alertMsg {
    color: #F73F57;
    font-size: 15px;
    margin: -8px 0 10px 0;
}
/* line 764, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review {
    position: relative;
    border-top: 1px solid orange;
    margin-top: 30px;
    padding: 15px 0 30px 0;
    color: orange;
    line-height: 20px;
    display: flex;
}
/* line 771, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review {
    border-top: 0px;
    margin-top: 0px;
    padding: 0;
    color: #222;
}
/* line 777, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .rating {
    display: inline-block;
    padding-right: 5px;
}
/* line 779, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review .rating {
    margin-left: 0;
    margin-bottom: 10px;
}
/* line 784, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number {
    display: inline-block;
    position: relative;
    font-size: 15px;
}
/* line 788, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .averageRating {
    font-weight: bold;
}
/* line 791, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .comment {
    cursor: pointer;
}
/* line 794, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .comment:not(.empty):hover {
    text-decoration: underline;
}
/* line 800, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .empty {
    cursor: auto;
}
/* line 803, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number:after {
    content: none;
}
/* line 808, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review > div {
    vertical-align: initial;
}
/* line 811, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    left: 20px;
    border-right: 20px solid orange;
    border-top: 20px solid transparent;
}
/* line 820, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review:before {
    top: 0px;
    left: 0px;
    border-right: 0px;
    border-top: 0px;
}
/* line 827, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review.review:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -18px;
    left: 21px;
    border-right: 18px solid white;
    border-top: 18px solid transparent;
}
/* line 836, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review.review:after {
    top: 0px;
    left: 0px;
    border-right: 0px;
    border-top: 0px;
}
/* line 844, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-img-slider {
    margin-right: 10px;
}
/* line 847, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail {
    width: 473px;
    padding-left: 0;
}
/* line 851, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .brand-product-name {
    margin: 0 0 10px -10px;
    margin: 0 0 10px 0;
}
/* line 855, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .priceWrapper {
    width: 453px;
    margin: 0 0 10px;
}
/* line 859, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .priceWrapper .pricelabel {
    padding: 0 0 10px 0;
}
/* line 863, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .priceWrapper .threshold-promotion, .productQuickViewWrapper .product-detail .priceWrapper .bbcatPromotion {
    padding: 10px 10px;
}
/* line 865, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .priceWrapper .threshold-promotion, .fashion .productQuickViewWrapper .product-detail .priceWrapper .bbcatPromotion {
    padding: 10px 0 10px 0;
}
/* line 870, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .mallDollarLabel {
    margin-left: 10px;
}
/* line 872, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .mallDollarLabel {
    margin-left: -10px;
}
/* line 876, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .brand-product-name {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 75px;
    font-size: 20px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 880, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTableWrapper {
    margin-bottom: 0;
    margin-left: 10px;
    width: 443px;
}
/* line 884, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .productDetailPanelTableWrapper {
    margin-left: 0;
}
/* line 888, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper #scrollbarWrapper {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 330px;
    background: linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 40px, 100% 16px;
    background-attachment: local, scroll;
}
/* line 894, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bottomButtons {
    margin-left: 10px;
    margin-top: 10px;
}
/* line 897, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .bottomButtons {
    margin-left: 0;
}
/* line 901, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .promotion.squareButton {
    height: 27px;
}

/* line 907, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .deliverySection .borderContainer .deliveryLabel {
    bottom: auto;
}

/* line 911, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection {
    position: relative;
    padding: 12px 10px 0 10px;
    font-size: 15px;
    line-height: 15px;
}
/* line 917, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .title {
    float: left;
    width: 100px;
    color: #666;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .borderContainer {
    float: left;
    width: 418px;
    padding: 17px 12px 16px 12px;
    border: 1px solid #b08a05;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 934, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .content {
    float: left;
    color: #b08a05;
    width: 274px;
}
/* line 938, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.language-en .deliverySection .content {
    font-size: 14px;
}
/* line 941, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .deliveryLabel {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 108px;
}
/* line 948, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.fashion .deliverySection .deliveryLabel {
    top: 6px;
    transform: initial;
}
/* line 954, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection:after {
    content: '';
    display: block;
    clear: both;
}

/* line 966, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bulkPurchase {
    padding: 10px 0 0 10px;
    display: flow-root;
}
/* line 969, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .bulkPurchase {
    padding: 0;
    padding-bottom: 20px;
}
/* line 972, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .bulkPurchase .title {
    font-size: 15px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    width: 80px;
    float: left;
}

/** For Quick View BMSM Layout**/
/* line 984, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list {
    display: grid;
}
/* line 988, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list .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 1002, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list .bulk_message > font:last-child > strong {
    font-weight: bold;
}
/* line 1008, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element {
    cursor: pointer;
    display: inline-block;
    float: left;
    border-radius: 5px;
    border: 2px solid #ee740E;
    position: relative;
    height: 46px;
    width: 143px;
    background: #FFFFFF;
    margin-bottom: 5px;
    margin-right: 0px;
}
/* line 1020, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.vip {
    border: 2px solid #7e3ac7 !important;
}
/* line 1022, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.vip .bulk_message {
    color: #7e3ac7;
}
/* line 1026, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.goldvip {
    border: 2px solid #D9A900 !important;
}
/* line 1028, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.goldvip .bulk_message {
    color: #D9A900;
}
/* line 1032, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element > img {
    position: absolute;
    height: 46px;
    border-radius: 4px 0 0 4px;
    left: 0px;
    width: 30px;
    top: -2px;
    object-fit: fill;
}
/* line 1041, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips {
    left: -1px;
    width: 144px;
    bottom: 44px;
}
/* line 1045, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips a {
    font-style: italic;
    font-size: 12px;
    text-decoration: underline;
}
/* line 1049, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips a i {
    margin-left: 8px;
}
/* line 1055, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element > span {
    display: inline-block;
}

/* line 1064, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isLowStock_quickview .lowStockTag {
    margin: 0 20px 10px auto;
}

/* line 1070, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isLowStock_fashion .lowStockTag {
    margin: -20px 10px 0 auto;
}

/* line 1075, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.lowStockTag {
    background-repeat: no-repeat;
    height: 30px;
}
/* line 1079, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.language-zh .lowStockTag {
    background-image: url("/_ui/desktop/common/svg/pdp/ic_pc_limited_stock_outlined_zh.svg");
    width: 123px;
}
/* line 1084, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.language-en .lowStockTag {
    background-image: url("/_ui/desktop/common/svg/pdp/ic_pc_limited_stock_outlined_en.svg");
    width: 231px;
}

/* line 1090, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section.rendered + .promotion-divider {
    background-color: #faf6d0;
    border: none;
    margin: 0;
    padding: 10px 10px 0 100px;
    position: relative;
}
/* line 1096, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section.rendered + .promotion-divider::after {
    content: "";
    background-color: #e9e9e9;
    height: 1px;
    left: 100px;
    position: absolute;
    width: calc(100% - 110px);
    z-index: 2;
}

/* line 1106, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section {
    background-color: #faf6d0;
}
/* line 1108, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-divider {
    border-bottom: 1px solid #e9e9e9;
    margin: 10px 10px 0 100px;
}
/* line 1112, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link {
    display: inline-block;
    min-width: initial;
}
/* line 1115, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link > * {
    display: inline-block;
    vertical-align: middle;
}
/* line 1119, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link .icArrowrightBrown {
    margin-left: 4px;
}
/* line 1123, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .squareButton.marketing {
    font-size: 15px;
    font-weight: normal;
    color: #8a3f22;
    line-height: 24px;
    border: 1px solid #e4c910;
    border-radius: 2px;
    background: #ffee08;
}
/* line 1131, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .squareButton.marketing {
    background: #333;
    color: #fff;
    border: 1px solid #333;
}
/* line 1136, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .squareButton.marketing:hover {
    background: #e4c910;
}
/* line 1138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .squareButton.marketing:hover {
    background: #000;
}
/* line 1143, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label {
    padding: 10px 10px 0px;
}
/* line 1145, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #marketing-label-section .marketing-label {
    padding: 10px 10px 0px 10px;
}
/* line 1147, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #marketing-label-section .marketing-label .title {
    font-size: 15px;
    font-weight: normal;
    color: #666;
    width: 80px;
    float: left;
}
/* line 1156, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description .label-title {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
}
/* line 1163, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description b, #marketing-label-section .marketing-label .marketing-label-description strong {
    font-weight: bold;
}
/* line 1166, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description span {
    font-size: 14px;
    line-height: 18px;
}
/* line 1171, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a {
    display: block;
    margin-left: 100px;
}
/* line 1175, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a:hover {
    text-decoration: underline;
}
/* line 1178, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a > .marketing-label-description {
    margin-bottom: 10px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 51px;
    font-size: 15px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 1181, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .marketing-label a > .marketing-label-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 72px;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
}
/* line 4, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.delivery-label-container > .delivery-label-wrapper {
    margin: 6px 0;
}
/* line 6, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.delivery-label-container > .delivery-label-wrapper .deliveryLabel {
    margin-bottom: 0;
}

/* line 10, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.deliveryLabel {
    display: inline-block;
    vertical-align: baseline;
    padding-left: 8px;
    margin-bottom: 5px;
    margin-right: 7px;
}
/* line 16, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.deliveryLabel .deliveryLabelBackdrop {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    padding: 2px 8px 2px 12px;
    margin-right: 4px;
}
/* line 23, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.deliveryLabel .deliveryLabelIcon {
    display: inline-block;
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
    width: 15px;
    height: 15px;
}
/* line 33, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.deliveryLabel .deliveryLabelText {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    top: 1px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
}
/* line 45, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.deliveryLabel[data-hover-effect="true"]:hover .deliveryLabelText {
    text-decoration: underline;
    cursor: pointer;
}
/* line 51, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
.deliveryLabel:not([data-flatten="true"]) .deliveryLabelBackdrop {
    border-radius: 6px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px;
}

/* searchResult product Brief*/
/* line 59, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
#product-result .deliveryLabel {
    padding-top: 8px;
    height: 29px;
    width: 90%;
}
/* line 63, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
#product-result .deliveryLabel .deliveryLabelBackdrop {
    max-width: 100%;
    height: 20px;
}
/* line 67, ../../../../resource/compass/_ui/shared/common/css/deliveryLabel.scss */
#product-result .deliveryLabel .deliveryLabelText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 16px;
}
/* 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 40, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType {
    margin-top: 2px;
    cursor: pointer;
    position: relative;
    width: auto;
    height: 25px;
    line-height: 23px;
    display: inline-block;
}
/* line 50, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.hktvOwn > .store-type-text {
    background: #3a993a;
}
/* line 53, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.hktvOwn > .store-type-tail {
    background-image: url(/edi/img_badgeGreen.svg);
}
/* line 50, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.trustworthy > .store-type-text {
    background: #651072;
}
/* line 53, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.trustworthy > .store-type-tail {
    background-image: url(/edi/img_badgePurple.svg);
}
/* line 50, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.flagship > .store-type-text {
    background: #995d3a;
}
/* line 53, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.flagship > .store-type-tail {
    background-image: url(/edi/img_badgeBrown.svg);
}
/* line 50, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.default > .store-type-text {
    background: #dc0924;
}
/* line 53, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.default > .store-type-tail {
    background-image: url(/edi/img_badgeDefaultCaseColor.svg);
}
/* line 59, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType.noBadge {
    visibility: hidden;
}
/* line 63, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType > div {
    float: left;
}
/* line 66, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType > div.store-type-text {
    font-size: 17px;
    color: #fff;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 3px 0 0 3px;
    text-shadow: none;
    padding-top: 2px;
}
/* line 76, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeType > div.store-type-tail {
    height: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
}

/* line 85, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
#store-title-container {
    display: table;
}

/* line 89, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRating {
    position: relative;
    cursor: pointer;
}
/* line 93, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRating > div.star {
    background-image: url(/edi/img_star.svg);
}
/* line 93, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRating > div.star-half {
    background-image: url(/edi/img_starHalf.svg);
}
/* line 93, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRating > div.star-grey {
    background-image: url(/edi/img_star_gray.svg);
}
/* line 98, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRating > div {
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 3px;
}
/* line 107, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRating > .storeRatingValue {
    font-family: "proxima_nova";
    font-size: 15px;
    line-height: 1;
    color: #9b821c;
    width: auto;
    font-weight: bold;
    right: -4px;
    transform: translateX(100%);
    position: absolute;
}

/* line 120, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag {
    cursor: pointer;
}
/* line 122, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.default {
    height: 25px;
}
/* line 127, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.hktvOwn > .store-type-text {
    background: #3a993a;
}
/* line 130, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.hktvOwn > .store-type-tail {
    background-image: url(/edi/img_badgeGreen.svg);
}
/* line 127, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.trustworthy > .store-type-text {
    background: #651072;
}
/* line 130, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.trustworthy > .store-type-tail {
    background-image: url(/edi/img_badgePurple.svg);
}
/* line 127, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.flagship > .store-type-text {
    background: #995d3a;
}
/* line 130, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.flagship > .store-type-tail {
    background-image: url(/edi/img_badgeBrown.svg);
}
/* line 127, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.default > .store-type-text {
    background: #dc0924;
}
/* line 130, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag.default > .store-type-tail {
    background-image: url(/edi/img_badgeDefaultCaseColor.svg);
}
/* line 135, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag > div {
    float: left;
}
/* line 137, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag > div.store-type-text {
    font-size: 17px;
    color: #fff;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 3px 0 0 3px;
    text-shadow: none;
    padding-top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
}
/* line 151, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeTag > div.store-type-tail {
    height: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
}

/* line 162, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding #storeTags {
    position: absolute;
    margin-top: 2px;
    cursor: pointer;
    width: auto;
    height: 25px;
    line-height: 23px;
    max-width: 620px;
    bottom: 65px;
    left: 255px;
    transform: translateY(100%);
}
/* line 175, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding .storeTags {
    display: flex;
}
/* line 177, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding .storeTags img {
    max-height: 25px;
}
/* line 180, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding .storeTags .storeTag:not(:first-of-type) {
    padding-left: 5px;
}
/* line 184, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding div#store-title {
    display: table;
}
/* line 186, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding div#store-title.noBadge {
    bottom: 54px !important;
}
/* line 191, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding div#store-title-text {
    display: table-cell;
}
/* line 195, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding div.storeType {
    position: absolute;
    bottom: 65px;
    left: 255px;
    transform: translateY(100%);
}
/* line 202, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeLanding div.storeRating {
    display: table-cell;
    padding-left: 2px;
}

/* line 210, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > .storeRating {
    display: table;
    margin: 0 auto;
    margin-top: 6px;
}
/* line 215, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > #storeTags {
    display: table;
    height: 17px;
    line-height: 15px;
    margin: 0 auto;
    margin-top: 8px;
}
/* line 223, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > #storeTags .storeTag img {
    max-height: 17px;
}
/* line 226, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > #storeTags .storeTag:not(:first-of-type) {
    margin-top: 5px;
}
/* line 230, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > #storeTags .storeTag.default {
    height: 17px;
}
/* line 234, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > #storeTags .storeTag > .store-type-tail {
    width: 8px !important;
}
/* line 237, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > #storeTags .storeTag > .store-type-text {
    font-size: 14px !important;
    max-width: 80px;
}
/* line 244, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > .storeType {
    display: table;
    height: 17px;
    line-height: 15px;
    margin: 0 auto;
    margin-top: 8px;
}
/* line 250, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > .storeType > .store-type-tail {
    width: 8px !important;
}
/* line 253, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.intro > .storeType > .store-type-text {
    font-size: 14px !important;
}

/* line 261, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp {
    font-size: 15px;
    color: #000;
}
/* line 264, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .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 275, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .title span {
    font-size: 18px;
    font-weight: bold;
}
/* line 279, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
body.language-en .storeRatingDescriptionPopUp .title {
    width: 678px;
}
/* line 283, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper {
    background-color: #F8F8F8;
    padding-top: 60px;
}
/* line 286, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionTable {
    width: 100%;
}
/* line 289, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionIconContainer {
    width: 170px;
    padding-left: 20px;
    border-top: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
    vertical-align: middle;
}
/* line 297, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
body.language-en .storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionIconContainer {
    width: 220px;
}
/* line 300, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionIconContainer > div.storeRating {
    display: table;
    cursor: default;
}
/* line 304, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionIconContainer > div.storeType {
    cursor: default;
    line-height: 18px;
    height: 20px;
}
/* line 308, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionIconContainer > div.storeType .store-type-text {
    font-size: 14px;
}
/* line 313, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionIconContainer > div.storeTag img {
    max-height: 20px;
}
/* line 318, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionTextContainer {
    padding: 20px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
}
/* line 325, ../../../../resource/compass/_ui/shared/common/css/storeRating.scss */
.storeRatingDescriptionPopUp .contentWrapper .storeRatingDescriptionText {
    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;
}