@charset "utf-8";
/*
*
*   Page: Shop/Starshop/Starshop List
*
*/




/*
    Element: shop list
    Remark: -
*/
#star-groups {
    padding: 30px 0 100px 0;
}
.star-group {
    padding-bottom: 50px;
    overflow: hidden;
}
.star-group .star-group-title {
    height: 38px;
    font-size: 16px;
    color: #121212;
    /*color: #444;*/
    line-height: 32px;
    border-bottom: 1px solid #ededed;
    /*border-bottom: 2px solid #eaeaea;*/
}
.star-group .star-group-title .inner {
    display: block;
    height: 38px;
    font-weight: bold;
    border-bottom: 2px solid #f2c301;
    float: left;
    padding: 0 15px;
    /*color: #444;*/
}
#star-group1 .star-group-title .inner,
#star-group2 .star-group-title .inner,
#star-group3 .star-group-title .inner,
#star-group4 .star-group-title .inner,
#star-group5 .star-group-title .inner {
    background: url("../images/icon/starshop_star_1.png") no-repeat 6px 5px;
    padding-left: 35px;
}
#star-group2 .star-group-title .inner {
    background-image: url("../images/icon/starshop_star_2.png");
}
#star-group3 .star-group-title .inner {
    background-image: url("../images/icon/starshop_star_3.png");
}
#star-group4 .star-group-title .inner {
    background-image: url("../images/icon/starshop_star_4.png");
}
#star-group5 .star-group-title .inner {
    background-image: url("../images/icon/starshop_star_5.png");
}
.star-group ul {
    padding-top: 15px;
    padding-left: 18px;
    margin-bottom: 0;
    overflow: hidden;
}
.star-group ul li {
    display: block;
    width: 50%;
    float: left;
    font-size: 15px;
    background-position: 0 16px;
    margin: 0;
    padding: 8px 0 8px 15px;
}
.star-group ul li a {
    color: #00a499;
}
.star-group ul li a:hover {
    text-decoration: none;
}


/*
    Element: Merchant starshop detail
    Remark: -
*/
.merchant-detail-wrapper {
    margin: 15px 0 25px;
    overflow: hidden;
}
.merchant-detail-wrapper .merchant-detail-left {
    width: 200px;
    float: left;
    text-align: center;
}
.merchant-detail-wrapper .merchant-detail-right {
    width: 650px;
    float: right;
}
.merchant-detail-wrapper .merchant-detail-logo {
    width: 200px;
    height: 100px;
    border: 1px solid #ededed;
    /*border: 1px solid #ddd;*/
}
.merchant-detail-wrapper .merchant-detail-name {
    width: 190px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 5px;
}
.merchant-detail-wrapper .merchant-detail-label {
    width: 200px;
    text-align: center;
    margin: 0 0 15px;
}
.merchant-detail-wrapper .merchant-detail-function{
    display: inline-block;
    width: 200px;
    text-align: center;
}
.merchant-detail-wrapper .merchant-detail-im-entry {
    display: inline-block;
    height: 34px;
    min-width: 90px;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 3px 10px 3px 25px;
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0 3px;
    /*color: #888;*/
    background: url(../images/im-quote-offline.png) no-repeat 6px 6px;
    /*border: 1px solid #bbb;*/
    /*display: block;*/
}
.merchant-detail-wrapper .merchant-detail-im-entry a {
    color: #999;
}
.merchant-detail-wrapper .merchant-detail-im-entry:hover,
.merchant-detail-wrapper .merchant-detail-im-entry.active {
    color: #00a499;
    border: 1px solid #00a499;
    text-decoration: none;
    background: url(../images/im-quote-online.png) no-repeat 6px 6px;
}
.merchant-detail-wrapper .merchant-detail-im-entry:hover a,
.merchant-detail-wrapper .merchant-detail-im-entry.active a {
    color: #00a499;
    text-decoration: none;
}
.merchant-detail-wrapper .merchant-detail-bookmark {
    display: inline-block;
    height: 34px;
    min-width: 90px;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 3px 10px 3px 25px;
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0 3px;
    /*color: #888;*/
    /*background: url("../images/icon/item_function_02.png") no-repeat 6px 6px;*/
    /*border: 1px solid #bbb;*/
    /*display: block;*/
}
.merchant-detail-wrapper .merchant-detail-bookmark a {
    color: #999;
}
.merchant-detail-wrapper .merchant-detail-bookmark:hover,
.merchant-detail-wrapper .merchant-detail-bookmark.active {
    color: #00a499;
    border: 1px solid #00a499;
    text-decoration: none;
    background: url("../images/icon/item_function_02_hover.png") no-repeat 6px 6px;
}
.merchant-detail-wrapper .merchant-detail-bookmark:hover a,
.merchant-detail-wrapper .merchant-detail-bookmark.active a {
    color: #00a499;
    text-decoration: none;
}
.merchant-detail-wrapper .merchant-detail-spec-container {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-top: 10px;
}
.merchant-detail-wrapper .merchant-detail-spec-container:after {
    clear: both;
}
.merchant-detail-wrapper .merchant-detail-spec-container p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.merchant-detail-wrapper .merchant-detail-spec-container > div > p:last-child {
    color: #777;
    /*color: #8e8e93;*/
    font-size: 12px;
}
.merchant-detail-wrapper .merchant-detail-spec-container .merchant-detail-level {
    width: 175px;
    float: left;
}
.merchant-detail-wrapper .merchant-detail-spec-container .merchant-detail-rating {
    width: 200px;
    float: left;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    padding: 0 20px;
    margin: 0 20px;
}
.merchant-detail-wrapper .merchant-detail-spec-container .merchant-detail-im {
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.merchant-detail-wrapper .merchant-detail-spec-container .merchant-detail-im img {
    margin-right: 5px;
}
.merchant-detail-wrapper .merchant-detail-spec-container .merchant-detail-im .merchant-detail-im-remark {
    color: #777;
    /* color: #8e8e93; */
    font-size: 12px;
}
.merchant-detail-wrapper .merchant-detail-info-container {
    margin-top: 20px;
}
.merchant-detail-wrapper .merchant-detail-info-container .clearfix:after {
    clear: both;
}
.merchant-detail-wrapper .merchant-detail-info-container p {
    margin: 0;
    display: inline-block;
}
.merchant-detail-wrapper .merchant-detail-info-container a {
    color: #00a499;
}
.merchant-detail-wrapper .merchant-detail-info-container a:hover {
    text-decoration: none;
}
.merchant-detail-wrapper .merchant-detail-info-container div p:last-child {
    padding-left: 80px;
    margin-bottom: 15px;
}
.merchant-detail-wrapper .merchant-detail-info-container div p:first-child {
    color: #777;
    /*color: #8e8e93;*/
    position: absolute;
}
.merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-merchanttype,
.merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-openhour,
.merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-contact {
    display: inline-block;
    float: left;
}
.merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-merchanttype {
    width: 240px;
}
.merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-openhour {
    width: 400px;
}
.merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-contact {
    width: 240px;
}
@media screen and (max-width: 1224px){
    .merchant-detail-wrapper .merchant-detail-right {
        width: 450px;
    }
    .merchant-detail-wrapper .merchant-detail-spec-container .merchant-detail-rating {
        width: 120px;
        padding: 0 5px;
        margin: 0 5px;
    }
    .merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-merchanttype {
        width: 200px;
    }
    .merchant-detail-wrapper .merchant-detail-info-container .merchant-detail-openhour {
        width: 250px;
    }
}



/*
    Element: Merchant starshop detail tab bar
    Remark: -
*/
.merchant-detail-tab-bar {
    margin: 0 0 5px 0;
    display: block;
    overflow: hidden;
    position: relative;
}




/*
    Element: Merchant starshop detail filter bar
    Remark: -
*/
.starshop-detail-tab-content .product-list-filter-bar {
    padding-top: 0;
    margin-top: -5px;
}
.merchant-detail-tab-content .product-list-filter-bar .filter-label {
    padding-left: 4px;
}
.product-list-filter-bar .unit-filter .btn-small {
    font-weight: bold;
    margin-top: 17px;
    /*margin-top: 25px;*/
}
.product-list-fucntion-bar {
    height: 35px;
}
.body-product-list .product-list-fucntion-bar .btn.btn-default {
    font-size: 13px;
    padding: 2px 11.5px;
}
.body-product-list .product-list-fucntion-bar .column-03 {
    float: right;
}
.body-product-list .product-list-fucntion-bar .column-03 .btn-default {
    font-size: 13px;
    font-weight: bold;
    color: #999;
    /*color: #888;*/
    background-color: white;
    border: 1px solid #ededed;
    /*border: 1px solid #ccd1d9 !important;*/
    padding: 3px 13.5px;
}
.body-product-list .product-list-fucntion-bar .column-03 .btn-default:active {
    color: #ababab!important;
    background-color: #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #ccd1d9;
}
.body-product-list .product-list-fucntion-bar .column-03 .btn-default.active:hover {
    color: #fff!important;
}
.body-product-list .product-list-fucntion-bar .column-03 .btn-default:hover,
.body-product-list .product-list-fucntion-bar .column-03 .btn-default:focus {
    color: #fff;
    background-color: #ccd1d9;
    border-color: #ccd1d9;
}
.body-product-list .product-list-fucntion-bar .column-04 {
    position: relative;
}
.body-product-list .product-list-fucntion-bar .column-04 .dropdown-grey {
    width: 145px;
}



/*
    Element: Merchant starshop detail item
    Remark: -
*/
.body-product-list .product-list-remark {
    border-top: 0;
}
.body-product-list .product-list-item-list .product-name a:hover {
    color: #00a499;
}
.body-product-list .product-list-item-list ul li:not(.news-normal) .item {
    padding: 15px 0;
    background: none;
    border-bottom: 1px solid #ededed;
}
.body-product-list .product-list-item-list.quotation-revise .item {
    overflow: hidden !important;
}
.body-product-list .product-list-item-list ul li:not(.news-normal):not(:first-child):last-child .item {
    /*border-bottom: 0;*/
}
.body-product-list .product-list-item-list ul li .column-01 {
    width: 152px;
    padding: 0;
}
.body-product-list .product-list-item-list ul li .column-02 {
    width: 495px;
    /*width: 503px;*/
    padding: 0 0 20px 15px;
}
.body-product-list .product-list-item-list ul li .column-03 {
    width: 223px;
    /*width: 210px;*/
    float: left;
}
.body-product-list .product-list-item-list .column-01 .line-img img {
    width: 150px;
    height: 150px;
    border: 1px solid #fff;
}
.body-product-list .product-list-item-list .column-03 .quote-price-title {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #00a499;
    padding: 3px 0;
    clear: both;
}
.body-product-list .product-list-item-list .column-03 .quote-price-title a {
    color: #00a499;
}
.body-product-list .product-list-item-list .column-03 .product-prop img {
    padding: 0;
}
.body-product-list .product-list-item-list .column-02 .line-end ul {
    margin-left: -5px;
}
.body-product-list .product-list-item-list .column-02 .item-attr {
    width: 240px;
    padding-top: 12px;
    padding-bottom: 15px;
}
.body-product-list .product-list-item-list .column-02 .item-attr.item-attr-01 {
    padding-right: 30px;
}
.body-product-list .product-list-item-list .column-02 .item-attr .attr-label {
    width: 70px;
    padding-right: 7px;
}
.body-product-list .product-list-item-list .column-02 .item-attr .attr-info {
    width: 129px;
    max-width: 120px;
}
.body-product-list .product-list-item-list .function-bookmark,
.body-product-list .product-list-item-list .function-comment {
    height: 21px;
    line-height: 18px;
    padding-right: 20px;
}
.body-product-list .product-list-item-list .function-bookmark a,
.body-product-list .product-list-item-list .function-comment a {
    display: block;
    height: 18px;
    font-size: 12px;
    color: #777;
    line-height: 18px;
    padding-left: 20px;
    background-position: 0 0;
}
.body-product-list .product-list-item-list .function-bookmark a:hover,
.body-product-list .product-list-item-list .function-comment a:hover {
    color: #00a499;
    background-position: 0 0;
    text-decoration: none;
}
.body-product-list .product-list-item-list .column-03 .original-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}
.body-product-list .product-list-item-list .column-03 .original-price span {
    font-size: inherit;
}
.body-product-list .product-list-item-list .column-03 .original-price .text-price-number {
    font-size: 17px;
}
@media screen and (max-width: 1224px){
    .body-product-list .product-list-item-list ul li .column-02 {
        width: 290px;
        /*width: 295px;*/
    }
    .body-product-list .product-list-item-list ul li .column-03 {
        width: 227px;
    }
    .body-product-list .product-list-item-list .column-02 .item-attr.item-attr-01 {
        padding-bottom: 15px;
    }
    .body-product-list .product-list-item-list .column-02 .item-attr.item-attr-02 {
        padding-top: 0;
        display: none;
    }

}




/*
    Element: Shop Detail
    Remark: -
*/
.shop-detail-tab-content .product-list-item-list .quote-price-hong .text-price-unit,
.shop-detail-tab-content .product-list-item-list .quote-price-water .text-price-unit {
    font-size: 20px;
}
.shop-detail-tab-content .product-list-item-list .quote-price-hong .text-price-number,
.shop-detail-tab-content .product-list-item-list .quote-price-water .text-price-number {
    font-size: 24px;
}
.merchant-detail-tab-content.shop-detail-tab-content .icon-up,
.merchant-detail-tab-content.shop-detail-tab-content .water_20,
.merchant-detail-tab-content.shop-detail-tab-content .hong_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_holiday_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_weekday_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_regular_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_trial_20 {
    margin-bottom: 6px;
}




/*
    Element: Merchant starshop detail branches
    Remark: -
*/
.merchant-detail-tab-address .product-list-item-list .item {
    overflow: hidden !important;
    font-size: 13px;
}
.body-product-list .merchant-detail-tab-address .product-list-item-list .item-label .column.column-01,
.merchant-detail-tab-address .product-list-item-list .item .column-01 {
    width: 505px;
}
.body-product-list .merchant-detail-tab-address .product-list-item-list .item-label .column.column-02,
.merchant-detail-tab-address .product-list-item-list .item .column-02 {
    width: 140px;
}
.merchant-detail-tab-address .product-list-item-list .item .column-02 {
    padding: 0;
}
.body-product-list .merchant-detail-tab-address .product-list-item-list .item-label .column.column-03,
.merchant-detail-tab-address .product-list-item-list .item .column-03 {
    width: 220px;
    text-align: left;
}
.merchant-detail-tab-address .product-list-item-list .item a {
    color: #00a499;
}
.merchant-detail-tab-address .product-list-item-list .item a:hover {
    text-decoration: none;
}



/*
    Element: Merchant starshop detail reviews
    Remark: -
*/
.merchant-comment-wrapper .merchant-comment-user {
    width: 125px;
    margin-right: 15px;
    float: left;
}
.merchant-comment-wrapper .merchant-comment-user .comment-user-img {
    display: block;
    text-align: center;
    overflow: hidden;
    padding-bottom: 5px;
}
.merchant-comment-wrapper .merchant-comment-user .comment-user-name {
    width: inherit;
    height: inherit;
    color: #111;
    word-break: break-all;
    padding-top: 5px;
    padding-right: 10px;
    margin-top: 0;
    float: inherit;
}
.merchant-comment-wrapper .merchant-comment-content {
    width: 470px;
    font-size: 13px;
    float: left;
    margin-right: 30px;
}
.merchant-comment-wrapper .merchant-comment-content .merchant-comment {
    display: block;
    width: 421px;
    clear: both;
    background-color: #f1f1f1;
    position: relative;
    padding: 8px;
    font-size: 13px;
    margin: 0 0 10px 0;
}
.merchant-comment-wrapper .merchant-comment-content .merchant-comment img {
    position: absolute;
    top: -8px;
    left: 5px;
}
.merchant-comment-wrapper .merchant-comment-content .merchant-comment .comment-content {
    display: block;
    margin-bottom: 15px;
}
.merchant-comment-wrapper .merchant-comment-content .merchant-comment .comment-date {
    color: #777;
    /*color: #aaa;*/
}
.merchant-comment-content .comment-product,
.merchant-comment-content .comment-product a {
    color: #00a499;
    overflow: hidden;
    text-overflow: ellipsis;
}
.merchant-comment-content .comment-product a:hover {
    text-decoration: none;
}
.merchant-comment-content .comment-user-rating {
    width: auto;
    padding: 5px 0 !important;
    color: #8e8e93;
}
.body-product-list .product-detail-tab-comment .comment-user-rating img {
    width: initial;
    margin: -1px 5px 5px;
}
.merchant-comment-content .comment-user-detail {
    padding-bottom: 10px;
}
.merchant-comment-wrapper .merchant-comment-question {
    width: 100px;
    font-size: 13px;
    float: left;
}
.merchant-comment-wrapper .merchant-comment-question p:first-child {
    color: #777;
    /*color: #8e8e93;*/
    margin: 0;
}
.merchant-comment-wrapper .merchant-comment-question p:last-child {
    margin: 5px 0;
}
.merchant-comment-wrapper .merchant-comment-date {
    float: right;
    width: 110px;
    font-size: 13px;
    color: #777;
    /*color: #8e8e93;*/
    text-align: right;
}
@media screen and (max-width: 1224px) {
    .merchant-comment-wrapper .merchant-comment-content {
        width: 280px;
    }
}

/*#11736 merchant reply user*/
.merchant-reply-link {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px 0 0px;
    border-radius: 3px;
    width: 60px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    background: #00a499;
    color: #fff;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
 }
 .merchant-reply-link:hover {
     background: #008a82;
     color: #fff;
     text-decoration: none;
 }
 .merchant-reply-link > img {
     width: 16px;
     height: 16px;
     margin-right: 5px;
     margin-bottom: 4px;
 }
 .comment-merchant-reply {
     display: block;
     width: 421px;
     height: 80px;
     max-height: 80px;
     max-width: 421px;
     border: 1px solid #cccccc;
 }
 .btn.merchant-reply-btn {
     width: 86px;
     height: 33px;
     color: #fff;
     margin: 10px 0;
 }
 .merchant-comment {
     display: block;
     width: 421px;
     clear: both;
     background-color: #f1f1f1;
     position: relative;
     padding: 8px;
     font-size: 13px;
     margin: 0 0 10px 0;
 }
 .merchant-comment img {
     position: absolute;
     top: -8px;
     left: 5px;
 }
 .merchant-comment .comment-content {
     display: block;
     margin-bottom: 15px;
 }
 .merchant-comment .comment-date {
     color: #aaaaaa;
 }
 @media screen and (min-width: 1225px){
     .comment-merchant-reply, .btn.merchant-reply-btn, .merchant-comment {
 
     }
 }
 .comment-merchant-reply-field{
     display: none;
 }
 .merchant-comment .merchant-reply-action-btn {
     position: absolute;
 }
 .merchant-comment .merchant-reply-action-btn.--delete {
     right: 25px;
     bottom: 15px;
 }
 .merchant-comment .merchant-reply-action-btn.--edit {
     right: 50px;
     bottom: 15px;
 }
 .merchant-comment .merchant-reply-action-btn > img {
     width: 19px;
     height: 19px;
 }
 .merchant-reply-action-btn{
    cursor: pointer;
 }
 .merchant-reply-action-btn:hover {
    opacity: 0.7;
 }