﻿ .activity-banner {
     margin-bottom: 50px;
 }
 .pd-activity-page .content{
    margin-top:20px;
}
 .products-list.type1,
 .products-list.type2 {
     margin: 0 -10px;
 }

 .products-list .item {
     padding: 0 10px;
     width: 25%;
 }

 .products-list .box {
     margin: 0 auto 25px;
     position: relative;
 }
 .products-list li .cover{
        font-size: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index:30;
       
    }

 .gallery,
 .products-list .pic-box {
     position: relative;
     overflow: hidden;
     display: block;
     position: relative;
     overflow: hidden;
     padding: 0 0 8px 0;
     background: url('../../images/common/products/p_line.png') bottom center no-repeat;
 }

 .products-list .pic:before {
     content: '';
     background: rgba(255, 255, 255, 0.3);
     display: block;
     position: absolute;
     z-index: 1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     opacity: 0;
     transition: all 0.3s;
 }

 .products-list .box:hover .pic:before {
     background-position: 50% 50%;
     opacity: 1;
 }

 .products-list .pic-box .pic {
     border: 1px solid #E8E8E8;
 }

 .products-list .pic-box .ibtn {
     background-image: url('../../images/common/products/btns.png');
     width: 48px;
     height: 48px;
     position: absolute;
     z-index: 2;
     right: 0;
     top: 0;
 }

 .products-list .box.new .pic-box:before {
     content: 'NEW';
     font-size: 12px;
     display: block;
     position: absolute;
     z-index: 9;
     padding: 1px 5px;
     color: #000;
     border: 1px solid #000;
     left: 4%;
     top: 3%;
 }

 .products-list .pic-box .ibtn.wish {
     background-position: 0 0;
 }

 .products-list .pic-box .ibtn.wish:hover {
     background-position: 0 100%;
 }

 .products-list .pic-box .ibtn.delete {
     background-position: 100% 0;
 }

 .products-list .pic-box .ibtn.delete:hover {
     background-position: 100% 100%;
 }

 .products-list .txt {
     margin: 5px 0 10px;
     position: relative;
    line-height: 20px;
 }

 .products-list .wish i:before,
 .products-list .del i:before {
     background: #E4685C;
     border-radius: 50%;
     position: absolute;
     right: 0;
     width: 30px;
     height: 22px;
     color: #fff;
     padding: 8px 0 0;
     text-align: center;
     z-index: 20;
     margin-top: 5px;
     z-index: 80;
 }

 .products-list a:hover .wish i:before,
  .products-list a:hover .del i:before {
     background: #DB3624;
 }
 .products-list .del i:before{
    right: 5px;
 }
 .pd-intro .taste,
 .products-list .item .txt .taste {
     display: block;
     font-size: 13px;
     font-family: 'Architects Daughter', cursive;
     font-style: italic;
     text-align: left;
     padding: 0 35px 0 0;
 }

 .products-list .item .txt .name {
     color: #000;
     font-size: 16px;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .products-list .item .txt .offers {
     color: #E4675B;
     text-align: left;
     margin: 5px 0;
 }

 .products-list .item:hover .txt .name {
     text-decoration: underline;
 }

 .products-list .btn-group {}

 .products-intro {
     margin-bottom: 30px;
 }

 .share_box {
     margin: 5px 0 15px;
 }

 .gallery,
 .related-box {
     float: left;
     width: 50%;
     max-width: 450px;
 }

 .gallery .pic {
     border: 1px solid #E8E8E8;
 }

 .pd-intro {
     float: right;
     width: 48%;
 }

 .pd-intro .pd-id {
     font-weight: bold;
 }

 .pd-intro .pd-name {
     font-size: 22px;
     font-weight: bold;
     margin: 5px 0;
     line-height: 1.2;
 }

 .pd-intro .pd-price-better {
     background: #E4685C;
     border-radius: 30px;
     color: #fff;
     display: block;
     padding: 1px 20px;
     float: left;
 }

 .pd-intro .pd-price-better span {
     font-size: 20px;
 }
 /*---------------------------*/

 .pd-activity {
     background: rgb(228, 57, 43);
     color: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 0 15px 0 40px;
     transition: all .2s;
     position: relative;
 }

 .pd-activity:hover {
     background: #F76171;
 }

 .pd-activity:before,
 .pd-activity:after {
     content: "";
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 5px 0 5px 8px;
     border-color: transparent transparent transparent #fff;
     display: inline-block;
     vertical-align: middle;
     animation-duration: .5s;
     animation-iteration-count: infinite;
     position: absolute;
     animation-direction: alternate;
     top: 7px;
 }

 .pd-activity:before {
     animation-name: activity-ani;
     opacity: .5;
     left: 8px;
 }

 .pd-activity:after {
     animation-name: activity-ani2;
     opacity: 1;
     left: 20px;
 }

 @keyframes activity-ani {
     from {
         opacity: .5;
     }
     to {
         opacity: 1;
     }
 }

 @keyframes activity-ani2 {
     from {
         opacity: 1;
     }
     to {
         opacity: .5;
     }
 }

 .pd-activity a {
     display: block;
 }

 .pd-info {
     margin: 15px 0;
 }

 .pd-info select.form-control {
     display: inline-block;
     margin: 0;
     width: 46%;
     height: 30px;
     line-height: 28px;
     border-color: #ccc;
     border-radius: 0;
 }

 .pd-info select.form-control:focus {
     border-color: #aaa;
 }

 .pd-info.price:after,
 .pd-info-box:after {
     content:'';
     border-top:1px dashed #8e8e8e;
     display:block;
 }

 .pd-price {
     display: block;
     vertical-align: middle;
     padding: 0 20px;
     position: relative;
 }

 .pd-price:before {
     content: '●';
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .pd-price.better {
     color: #E4685C;
 }

  .pd-price.better b {
     margin: 0 10px 0 0;
      font-size:18px;
      line-height:1;
 }

 .pd-info-label {
     /*float: left;*/
     border-right: 1px solid #000;
     width: 35%;
     margin: 0px 15px 0px 0;
     min-width: 120px;
     display: inline-block;
     vertical-align:  middle;
 }

 .pd-info .color-radio {
     display: inline-block;
     padding: 2px;
     border: 1px solid #DCDCDC;
     position: relative;
     line-height: normal;
     margin: 0 3px 6px 0;
     cursor: pointer;
 }

 .pd-info .color-radio.checked {
     border-color: #DA3524;
 }

 .pd-info .color-radio input {
     visibility: hidden;
     position: absolute;
     z-index: -1;
     width: 0;
     height: 0;
 }

 .pd-intro .btn-group {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     margin: 0 -1%;
     
 }

 .pd-intro .btn-group .btn {
     float: left;
     width: 48%;
     color: #fff;
     background: #555555;
     font-size: 18px;
     font-weight: bold;
     font-family: '微軟正黑體', 'Inder', sans-serif;
     padding: 10px 0;
     margin: 1%;
     border-radius: 0px;
 }

 .pd-intro .btn-group .btn.addcart,
 .pd-intro .btn-group .btn.buynow {}

 .pd-intro .btn-group .btn.addcart {
     background: #555555;
 }

 .pd-intro .btn-group .btn.addcart:hover {
     background: #DB3624;
 }

 .pd-intro .btn-group .btn.buynow {
     background: #B29066;
 }

 .pd-intro .btn-group .btn.buynow:hover {
     background: #555555;
 }

 .pd-intro .btn-group .btn.soldout,
 .pd-intro .btn-group .btn.arrival {}

 .pd-intro .btn-group .btn.soldout {
     background: #aaa;
     cursor: not-allowed;
 }

 .pd-intro .btn-group .btn.arrival {
     background: #555555;
 }

 .pd-intro .btn-group .btn.arrival:hover {
     background: #777;
 }

 .pd-intro .btn-group .btn.wish {
     color: #fff;
     background: #E4685C;
 }

 .pd-intro .btn-group .btn.wish:hover {
     color: #000;
     background: #F8D038;
 }
 /*--- 舊加購 ---*/
 /*
.buymore-box {
    padding-top: 15px;
    clear: both;
    margin: 0 -0.5%;
}

.buymore-box .title {
    font-size: 15px;
}

.buymore-list .item {
    background: #EEEEEE;
    margin-top: 3px;
    padding: 8px 12px;
    width: 49%;
    margin: 1px 0.5%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.buymore-list .item:hover,
.buymore-list .item.checked {
    background: #ddd;
}

.buymore-list .price {
    display: inline-block;
    color: #E50000;
    font-size: 15px;
    font-weight: bold;
}

.buymore-list .name {
    display: inline-block;
    color: #555;
    font-size: 14px;
}

.buymore-list .name:hover {
    text-decoration: underline;
}

.buymore-list .pd-info {
    margin: 0;
    padding-top: 4px;
}

.buymore-list .pd-info .form-control {
    margin: 2px 0;
    padding: 0 5px;
    max-width: none;
}

.buymore-list .pd-info .spec {
    float: left;
    width: calc(100% - 75px);
}

.buymore-list .pd-info .qty {
    float: right;
    width: 70px;
}
*/
 /*--- 舊加購end ---*/
 /*--- 新加購 ---*/

 .buymore-box {
     padding-top: 15px;
     clear: both;
     margin: 0 -0.5%;
 }
.buymore-box .form-checkbox{
    width: 100%;
}

 .buymore-box .buymore-title {
       font-family: 'Inder', sans-serif;
     font-size: 15px;
    margin: 10px 0 0;
     border-bottom: 1px solid #E1E1E1;
     padding: 0 0 0 15px;
     background: url('../../images/common/products/a.png') 0px 2px no-repeat;
 }

 .buymore-box .buymore-title i {
     font-size: 15px;
     color: #72B1AA;
     margin-right: 10px;
 }

 .buymore-list .item {
     background: #EEEEEE;
     margin-top: 3px;
     padding: 8px 12px;
     width: 48%;
     margin: 5px 0.5%;
     height:auto;
     display:inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .buymore-list .item:hover {
     background: #ddd;
 }

 .buymore-list .price {
     display: inline-block;
     color: #E50000;
     font-size: 15px;
     font-weight: bold;
 }

 .buymore-list .name {
     display: inline-block;
     color: #555;
     font-size: 14px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .buymore-list .name:hover {
     text-decoration: underline;
 }

 .buymore-list .pd-info {
     margin: 0;
     padding-top: 4px;
 }

 .buymore-list .pd-info .form-control {
     margin: 2px 0;
     padding: 0 5px;
     max-width: none;
 }

 .buymore-list .pd-info .spec {
     float: left;
     width: calc(100% - 75px);
 }

 .buymore-list .pd-info .qty {
     float: right;
     width: 70px;
 }

 .buymore-box img {
     width: 40px;
 }

 .left-buymore {
     display: inline-block;
 }

 .right-buymore {
     width: calc(100% - 70px);
     float: right;
 }
 .buymore-list{
    margin-top: 10px;
 }
 .buymore-bth {
     position: relative;
     text-align: center;
     background: #ffffff;
     max-width: 85px;
     border: 1px solid #9a9a9a;
     padding: 2px 10px;
     font-size: 14px;
     color: #555;
     border-radius: 0px;
      margin: -35px 0;
     float: right;
     cursor: pointer;
 }

 .buymore-bth .up {
     display: none;
 }

 .buymore-bth.active {
     background: #555;
     border-color: #555;
     color: #fff;
 }

 .buymore-bth.active .up {
     display: block;
 }

 .buymore-bth.active .down {
     display: none;
 }

 .btn.buymore-add {
     max-width: 30px;
     width: auto;
     display: inline-block;
     background: #b8b9aa;
     padding: 1px 5px;
 }

 .btn.buymore-add.active {
     background: #72b1aa;
 }
 /*--- 新加購end ---*/

 .related-box {
     margin-top: 15px;
 }

 .related-box .title {
     margin-bottom: 8px;
     font-size: 15px;
     padding: 0 0 0 15px;
      font-family: 'Inder', sans-serif;
     background: url('../../images/common/products/a.png') 0px 2px no-repeat;
 }

 .related-slider {
     position: relative;
 }

 .related-slider .slick-dots {
     position: absolute;
     right: 0;
     top: -28px;
 }

 .related-slider .slick-dots li button {
     white-space: nowrap;
     text-indent: 101%;
     overflow: hidden;
     padding: 0;
     border: 0;
     width: 10px;
     height: 10px;
     background: #ddd;
     opacity: 1;
     border-radius: 0;
     border-radius: 100%;
     margin: 0 5px;
 }

 .related-slider .slick-dots li.slick-active button {
     background: #DB3624;
 }

 .related-list {
     margin: 0 -2px;
 }

 .related-list .item {
     padding: 0 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .related-list .box {
     display: block;
     max-width: 145px;
     margin: 0 auto;
 }

 .related-list .pic {
     position: relative;
     overflow: hidden;
 }

 .related-list .pic:before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(255, 255, 255, 0.3);
     opacity: 0;
     transition: all 0.3s;
 }

 .related-list .box:hover .pic:before {
     opacity: 1;
 }

 .products-detail {
     position: relative;
 }

 .products-detail .title {
     position: relative;
     line-height: 40px;
     font-family: 'Inder', sans-serif;
     font-size: 15px;
     letter-spacing: 1px;
     margin-bottom: 15px;
     padding: 0 0 0 15px;
     background: url('../../images/common/products/a.png') 0 11px no-repeat;
 }
 /*------------ sort_box ------------*/

 .sort_box {
     margin-bottom: 20px;
     display: inline-block;
     width: 100%;
     padding: 0;
     margin-top: 0px;
 }

 .sort_box .control-label {
     float: left;
     margin-right: 10px;
     line-height: 30px;
 }

 .sort_box .control-box {
     float: left;
 }

 .sort_box .form-control {
     margin-bottom: 0px;
     background-color: #ddd;
     color: #666;
     padding: 0 5px;
     border: 1px solid #ddd;
 }

 .sort_box .form-control:focus {
     outline: none;
     background-color: #fff;
     color: #666;
 }

 .sort_box .form-group {
     float: left;
     padding: 5px 0;
 }

 .sort_box .form-group:after {
     content: '';
     display: block;
     float: left;
     z-index: 10;
     height: 22px;
     left: 0;
     top: 0;
     margin: 4px 4px;
 }

 .sort_icon{
    float: left;
    line-height: 28px;
    padding: 4px 0;
    position: relative;
    z-index: 0;
}
.sort_icon .ibtn{
    position:relative;
}
.sort_icon .ibtn:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#aaa;
    z-index:-1;
    transition: all .3s;
}
.sort_icon .ibtn:hover:before,
.sort_icon .ibtn.active:before {
    background:#D90000;
}
.sort_icon .ibtn.one{
    background-image: url(../../images/common/products/sort_pic3.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: none;
}
.sort_icon .ibtn.two{
    background-image: url(../../images/common/products/sort_pic1.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.sort_icon .ibtn.four{
    background-image: url(../../images/common/products/sort_pic2.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

 .sort_box .form-control.sort-mobile {
     display: none;
 }

 @media screen and (max-width: 767px) {
     .sort_icon .ibtn.one {
         display: inline-block;
     }
     .sort_icon .ibtn.four {
         display: none;
     }
 }
 /*************************************/
 /***products_view_two***/

 .products-list.type1 li.item_two {
     width: 50%;
     padding: 0 10px;
 }

 .products-list.type1 li.item_two:nth-child(4n+1) {
     clear: none;
 }

 .products-list.type1 li.item_two:nth-child(3n+1) {
     clear: none;
 }

 .products-list.type1 li.item_two:nth-child(2n+1) {
     clear: left;
 }

 .products-list.type1 li.item_two .box {
     max-width: 100%;
 }

 @media screen and (max-width: 480px) {
     .products-list.type1 li.item_two {
         padding: 0 5px;
     }
 }
 /***products_view_one***/

 .products-list.type1 li.item_one:nth-child(n) {
     clear: none;
     width: 100%;
 }
 /********************************/
 /***************************/

 .shopping_way.hot {
     text-align: left;
     padding: 10px 0 5px;
 }

 .shopping_way .general {
     border: 1px solid #333;
     padding: 5px;
     bottom: 5px;
     position: relative;
 }

 .shopping_way .cold {
     border: 1px solid #42b354;
     padding: 5px;
     bottom: 5px;
     position: relative;
     color: #42b354;
 }

 .shopping_way .freezing {
     border: 1px solid #68a0da;
     padding: 5px;
     bottom: 5px;
     position: relative;
     color: #68a0da;
 }

 .shopping_way span+span {
     margin-left: 10px;
 }

 .pd-intro .btn-group .btn.general {
     border: 1px solid #4e4e4e;
     color: #4e4e4e;
     background: #fff;
 }

 .pd-intro .btn-group .btn.general:hover {
     color: #fff;
     background: #4e4e4e;
 }

 .pd-intro .btn-group .btn.cold {
     border: 1px solid #42b354;
     color: #42b354;
     background: #fff;
 }

 .pd-intro .btn-group .btn.cold:hover {
     color: #fff;
     background: #42b354;
 }

 .pd-intro .btn-group .btn.freezing {
     border: 1px solid #68a0da;
     color: #68a0da;
     background: #fff;
 }

 .pd-intro .btn-group .btn.freezing:hover {
     color: #fff;
     background: #68a0da;
 }
 /*------------ sort_box ------------*/
 /*---- Q&A  ----*/

 .reminder {
     margin: 30px 0 10px;
 }

 .go-msg-box {
     text-align: center;
 }

 .ibtn.go-msg {
     position: relative;
     background: url('../../images/common/products/gomsg_box_bg.png') no-repeat 0 0;
     width: 262px;
     height: 59px;
     margin-bottom: 10px;
 }

 .ibtn.go-msg:hover {
     background-position: 0 100%;
 }

 .message-item {
     margin-bottom: 10px;
 }

 .message-item .icon {
     width: 24px;
     height: 22px;
     display: block;
 }

 .message-item .message-from {
     color: #D93424;
     font-weight: bold;
     padding: 0 0 0 30px;
     display: block;
     background: url('../../images/common/products/icon.png') no-repeat 0 0;
     float: left;
     width: 30%;
 }

 .message-item .date {
     display: inline-block;
     color: #777777;
 }

 .message-question,
 .message-answer {
     padding: 10px;
     position: relative;
 }

 .message-question {
     cursor: pointer;
     border: 1px solid #333333;
 }

 /*.message-question:after {
     content: "";
     display: block;
     background: url('../../images/common/products/accordion.png') no-repeat;
     width: 40px;
     height: 40px;
     position: absolute;
     right: 10px;
     top: 10px;
 }

 .message-item.active .message-question:after {
     background-position: 0 100%;
 }*/

 .message-question .icon {
     background-image: url('../../images/common/products/icon.png');
 }

 .message-question .title {
     font-weight: bold;
     top: 0px;
     float: right;
     width: calc(100% - 330px);
     padding: 0 0 0 20px;
     border-left: 1px dotted #333333;
 }

 .message-question:hover .title {
     text-decoration: underline;
 }

 .message-item.active .message-question {
     background: #EEEEEE;
     border-bottom: none;
 }

 .message-question .txt {
     height: 0;
     visibility: hidden;
     overflow: hidden;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
 }

 .message-item.active .message-question .txt {
     height: auto;
     visibility: visible;
     padding: 10px 0px;
 }

 .message-answer {
     display: none;
     background: #F7F7EE;
     border: 1px solid #333333;
     border-top: 1px solid #fff;
 }

 .message-answer .icon {
     background-image: url('../../images/common/products/reply.png');
     width: 104px;
     height: 32px;
     margin: 0 20px;
 }

 .message-answer .editor {
     padding: 10px 20px;
     min-height: 20px;
 }

 .type3 .form-box {
     background: #F4F7FE;
     width: 100%;
     float: none;
     padding: 10px 10%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 #message-sect{
     margin-top: 50px;
 }

 #message-sect .form-wrap .btn-box {
     max-width: none;
     padding: 0;
 }

 #message-sect .form-wrap .btn-box:before {
     display: none;
 }

 #message-sect .btn.simple {
     float: none;
     background: #737373;
     width: 20%;
     height: 30px;
     color: #fff;
     font-size: 15px;
     line-height: 30px;
     position: relative;
     margin-top: 5px;
     border-radius: 0px;
 }

 #message-sect .btn.simple:hover {
     background: #000;
 }

 .pd-meeeages .btn-box {
     padding: 0px;
 }

 .pd-meeeages {
     margin: 20px 0 0;
      padding-top:10px;
     border-top: 1px dashed #adadad;
 }

 .man-txt {
     display: inline-block;
 }

 .pd-reply {
     display: inline-block;
     position: relative;
     font-size: 13px;
 }

 .pd-reply .status {
     background: #d0d0d0;
     padding: 2px 8px;
     color: #fff;
     border-radius: 7px;
 }

 .pd-reply .status.replied {
     background: #feb438;
 }
 /*---- Q&A end  ----*/
 /*---- 貨到通知  ----*/

 .pd-arrival-fancybox .arrival-box .pd-info select.form-control {
     display: inline-block;
     margin: 0;
     width: 70%;
     height: 30px;
     line-height: 28px;
     background-color: #fff;
     border-color: #ccc;
     border-radius: 0;
 }

 .pd-arrival-fancybox .arrival-box .pd-info {
     margin-bottom: 10px;
 }

 .pd-arrival-fancybox {
     max-width: 400px;
     margin: 15px auto;
 }

 .lightbox-wrapper.arrival-box .form-control {
     width: 50%;
     margin: auto;
     margin-bottom: 5px;
 }

 .lightbox-wrapper.arrival-box .form-group.captcha .form-control {
     width: 65%;
     display: inline-block;
 }

 .lightbox-wrapper.arrival-box .form-group.captcha {
     width: 50%;
     margin: auto;
 }

 .form-group.captcha .form-control {
     width: 35%;
     display: inline-block;
 }
 
 /*---- 貨到通知end  ----*/
 /*--- 分享 ---*/

 .share-link.list-inline {
     text-align: left;
     padding: 0;
 }

 .share_box {
     margin: 2px 0 2px;
     text-align: center;
 }

 .share-out-bth {
     display: inline-block;
     float: right;
 }

 .share-buttom {
     border-radius: 100%;
     width: 25px;
     height: 25px;
     text-align: center;
     line-height: 28px;
     font-size: 16px;
     color: #fff;
     background: #656565;
     cursor: pointer;
 }

 .share-buttom:hover {
     background: #9a9ca2;
 }

.share-buttom .share_box {
    background: #888888;
    padding: 2px 5px 0;
    position: absolute;
    margin-top: -50px;
    right: 20.5%;
}

 .share-buttom .share_box:after {
     content: '▼';
     display: block;
     font-size: 20px;
     color: #888888;
     position: absolute;
     margin-top: -10px;
     right: 1%;
 }

 .share-link button,
 .share-link a {
     width: 25px;
     height: 25px;
     color: #fff;
     font-size: 25px;
     text-align: center;
     line-height: 25px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     height: 30px;
     line-height: 30px;
     border-radius: 15px;
     margin: 2px 0;
 }

 .a2a_default_style .a2a_svg {
     display: none;
 }

 .share-link li a {
     width: auto;
     float: none;
     cursor: pointer;
     font-size: 25px;
     vertical-align: top;
 }

 .share_box .a2a_default_style:not(.a2a_flex_style) a{
    line-height: 27px !important;
    width: 25px;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
 }

 .share_box {
     display: none;
 }

 .share-buttom:hover .share_box {
     display: block;
 }
 /*******************************/

 @media screen and (max-width: 1440px) {
     .products-list.type1 {
         margin: 0 -7px;
     }
     .products-list.type1 .item {
         padding: 0 7px;
     }
 }

 @media screen and (max-width: 1320px) {
     .products-list.type1 .item {
         /* width: 33.33%; */
     }
     .products-list.type2 .item {
         width: 25%;
     }
 }

 @media screen and (max-width: 1260px) {
     .buymore-box,
     .related-box {
         float: none;
         width: auto;
         clear: both;
     }
     .buymore-list .item {
         padding: 5px 10px;
     }
     .buymore-list .pd-txt {
         float: left;
         padding: 3px 0;
     }
     .related-box {
         max-width: none;
     }
 }

 @media screen and (max-width: 1000px) {
     .products-list.type2 .item {
         width: 33.33%;
     }
     .shopping_way .general,
     .shopping_way .cold,
     .shopping_way .freezing {
         padding:5px;
     }
     .products-list .txt {
         margin: 5px 0;
     }
     .pd-intro .taste,
     .products-list .item .txt .taste {
         font-size: 14px;
       
     }
    
     .products-list .item .txt .offers {
        margin: 5px 0 0;
     }
     .sort_box {
         margin-bottom: 10px;
     }
     .sort_icon {
         padding: 4px 0;
     }
     .buymore-bth {
         padding: 2px 10px;
         font-size: 13px;
     }
     .pd-activity {
         margin-left: -10px;
     }
     .pd-info {
        margin: 12px 0;
     }
     .pd-info-label {
         padding-top: 5px;
         border: none;
     }
     .pd-price.pd-info .pd-info-label {
         padding-top: 0px;
     }
    
     .pd-info.price:after,
     .pd-info-box:after {
         margin: 0px;
     }
     .pd-intro .btn-group .btn {
         width: 48%;
         font-size: 14px;
     }
     .products-detail .title {
         margin-bottom: 0px;
     }
     .products-detail .title:before {
         font-size: 30px;
         margin-right: 5px;
     }
     .products-detail .title:after {
         left: 180px;
     }
    .pd-info select.form-control {
     width: 60%;
     }
     .products-intro {
         margin-bottom: 5px;
     }
     .btn-box {
         padding-top: 0px;
     }
     .pd-intro .pd-name {
         font-size: 16px;
         margin: 2px 0 5px;
     }
     .pd-intro .pd-price-better {
         padding: 2px 20px;
         margin-bottom: 8px;
     }
     .pd-intro .pd-price-better span {
         font-size: 18px;
     }
     .content-top.in {
         display: none;
     }
     .share-buttom .share_box {
         right: 0.5%;
     }
      .buymore-list{
    margin-top: 0px;
 }
 }

 @media screen and (max-width: 767px) {
     .products-list.type1 .item,
     .products-list.type2 .item {
         /* width: 50%; */
     }
     .products-list.type1 .box {
         margin-bottom: 10px;
     }
     .gallery,
     .pd-intro {
         float: none;
         width: auto;
     }
     .gallery {
         margin: 0 auto 5px;
     }
     .buymore-list .item {
         float: none;
         width: 100%;
     }
     .buymore-list .pd-txt,
     .buymore-list .pd-info {
         float: none;
         width: auto;
     }
     .buymore-title span,
     .related-box .title span,
     .products-detail .title span {
         display: none;
     }
     .products-list .item {
        width: 50%;
        margin-bottom: 15px;
     }
     .pd-meeeages {
         margin: 20px 0 0;
     }
     .message-item .message-from {
         width: 100%;
         float: none;
         min-height: 22px;
     }
     .message-question .title {
         width: 100%;
         float: none;
         border: none;
         padding: 5px 0;
     }
     .message-question,
     .message-answer {
         padding: 10px 10px 0px;
     }
     #message-sect .form-wrap {
         margin: 0 -10px;
         padding: 0px 15px;
     }
     .message-answer {
         padding: 0px;
     }
     #message-sect .btn.simple {
         width: 100%;
     }
     #message-sect .form-box .control-box {
         margin-bottom: 0px;
     }
     .related-box,
     .buymore-box{
         margin-top: 20px;                     
     }
    .products-detail{
         margin: 20px 0 35px; 
      }
 }

 @media screen and (max-width: 520px) {
     .products-list.type2 .item {
         width: 100%;
     }
     .btn.go-msg {
         margin: 35px 40px 0;
     }
     .reminder {
         margin: 10px 0;
     }
     .type3 .form-box {
         padding: 20px;
        margin-bottom:20px;
     }
     .lightbox-wrapper.arrival-box .form-control,
     .form-group.captcha .form-control {
         width: 100%;
     }
     .pd-arrival-fancybox .pd-info-label {
         border: none;
     }
     .lightbox-wrapper.arrival-box .form-group.captcha {
         width: 100%;
     }
      .qty-box {
        margin-top:5px;
    }
 }

 @media screen and (max-width: 410px) {
     .pd-intro .btn-group .col {
         width: 100%;
     }
     .sort_box .form-control.sort-pc {
         display: none;
     }
     .sort_box .form-control.sort-mobile {
         display: block;
         width: 80px;
     }
     .share-link button,
     .share-link a {
         width: 20px;
         height: 20px;
         font-size: 20px;
         line-height: 20px;
     }
     .share-link li a {
         font-size: 20px;
     }
     .pd-info-label {
         min-width: 65px;
         width: 25%;
         
     }
     .pd-arrival-fancybox {
         margin: 0px auto;
     }
     .lightbox-wrapper.arrival-box .form-group.captcha .form-control {
         width: 50%;
     }
 }

 @media screen and (max-width:310px) {
     .share-buttom .share_box {
         margin-top: -75px;
     }
 }
 /*product_column欄位*/

 .product_column_one .item {
     width: 100%;
 }

 .product_column_two .item {
     width: 50%;
 }

 .product_column_two .item:nth-child(n) {
     clear: inherit;
 }

 .product_column_two .item:nth-child(2n+1) {
     clear: left;
 }
 /*!product_column欄位*/