@charset "utf-8";



.activity-banner {



    margin-bottom: 50px;



    margin-top: 10px;



}







.products-title{



    font-size: 26px;



    color: #135EAB;



    line-height: 1.2;



    margin-bottom: 0px;



}







.products-sect .sect-title .txt {

    font-size: 34px;

    color: #135EAB;

    font-family: 'Exo', '微軟正黑體', "Microsoft JhengHei", 微软雅黑, メイリオ, "맑은 고딕", sans-serif;



}



.products-sect .btn.more {



      display: block;



    max-width: 430px;



    width: 100%;



    height: 36px;



    text-align: center;



    text-indent: -9999px;



    margin: 0 auto;



    margin-top: 55px;



    background:#3DB5E7 url(../../images/common/news/more.png) center center no-repeat;



}



.products-sect .btn.more:hover {



    background:#135EAB url(../../images/common/news/more.png) center center no-repeat;



}



.products-list {



    margin: 0px 0px;



}



.products-list .item {



    width: 25%;



    padding:0px;



        margin-bottom: 40px;



}



.products-list .item:nth-child(4n+1) {



    clear: left;



}



.products-list .box {



    max-width: 360px;



    margin: 0 auto 0px;



    position: relative;



}



.products-list .box img{



    width: 100%;



}



.products-list .pic-box {



    position: relative;



    overflow: hidden;



}



.products-list .pic {



    display: block;



    position: relative;



    overflow: hidden;



}



.products-list .new .pic::after {

    width: 65px;

    height: 29px;

    line-height: 29px;

    content: 'NEW';

    text-align: center;

    display: block;

    z-index: 2;

    left: 1px;

    top: 10px;

    color: #135EAB;

    font-family: 'Exo', '微軟正黑體', "Microsoft JhengHei", 微软雅黑, メイリオ, "맑은 고딕", sans-serif;

    position: absolute;

    background: #FFF;

    border: 1px solid #135EAB;

    transition: all .3s ease;

}



.products-list .pic-box:hover .pic::after {

    background: #3DB5E7;

    color: #FFF;

}



.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%;



}



.product-category,



.product-name {



    font-size: 31px;



    font-weight: bold;



    color: #222;



    line-height: 1.2;



    margin: 10px 0 60px;



}



.product-name {

    display:block;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #ECE9E1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    font-weight: bold;

    padding: 12px 10px;

    position: absolute;

    bottom: 0px;

    left: 0px;

    padding-right: 10px;

    margin: 0px;

    background: rgba(51,43,40,0.70);

    transition: all .3s ease;

}



a:hover .product-name {



    background: rgba(12,56,101,0.70);



}



.products-list li:nth-child(even)  .product-name{

    display:block;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #ECE9E1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    font-weight: bold;

    padding: 12px 10px;

    position: absolute;

    bottom: 0px;

    left: 0px;

    padding-right: 10px;

    margin: 0px;

    background: rgba(25,99,174,0.70);

    transition: all .3s ease;

}



.products-list li:nth-child(even) a:hover .product-name{

    background: rgba(12,56,101,0.70);

}





.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 .txt .ibtn.wish {



       background: url('../../images/common/products/wish.png')no-repeat;



       text-indent:25px;



       color:#1963AE;



       font-size:15px;



       display: inline-block;



       margin: 7px 15px 20px;



}



.products-list .txt .ibtn.wish:hover {



    opacity: .5;



}



.products-list .pic-box .ibtn.delete {



    background-image: url('../../images/common/products/del.png');



    width:46px;



    height:46px;



    top:-20px;



    display:block;



    position:absolute;



}



.products-list .pic-box .ibtn.delete:hover {



    background-position: 100% 100%;



}



.products-list .txt {



     padding-top: 10px;



    /* width: 100%; */



    margin: auto;



    /* float: left; */



    max-width: 360px;



}



.products-list.wish .item{



    position: relative;



}



.products-list.wish .item .del{

	z-index:90;

    content: '';



    display: block;



    background:url('../../images/common/products/del.png');



    width: 46px;



    height: 45px;



    position: absolute;



    right: 0;



    top:0px;



    margin: 0 auto;



}



.products-list.wish .item:hover .del {



   background-position: 0px 100%;



}



.product-name .name{



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}



.product-name {



    display:block;



    width: 100%;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



    color: #ECE9E1;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



    font-size: 14px;



    font-weight: bold;



    padding: 12px 10px;



    position: absolute;



    bottom: 0px;



    left: 0px;



    padding-right: 10px;



    margin: 0px;



    background: rgba(51,43,40,0.70);







}



.products-intro {



       margin: 0px 0 50px;



    text-align: center;



}



.products-list .offers {



    color:#333;



    font-size: 20px;



    font-weight: 600;



    line-height: 32px;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



    height: 32px;



    font-family:'Exo';



    float: left;



}



.products-list .box:hover .offers {



    color: #3DB5E7;



}



.products-list .btn-group {



    overflow: hidden;



    margin-top: 8px;



}







.products-intro {



    margin-bottom: 20px;



}



.gallery,



.related-box {



    float: left;



    width: 70%;



    max-width:1080px;



}



.pd-intro,



.related-box{



    float: right;



    width: 28%;



}



.pd-intro .pd-id,



.pd-info-2 {



      color: #0E457C;



    font-size: 13px;



    border-bottom: 1px solid #ddd;



    padding-bottom: 15px;



}



.pd-name {



   color: #135EAB;



    font-size: 25px;



    font-weight: bold;



    line-height: 1.2;



    margin-bottom: 25px;



}



.pd-info-box {



   background:#F0F0F0 url(../../images/common/products/bg_top.png) 100% 0%no-repeat;



    padding: 10px 30px;



        text-align: left;



}



.pd-info {



    margin: 12px 0;



}



.pd-info.price{



    /*width:45%;*/



    display:inline-block;



        margin: -2px 0;



    vertical-align: top;



}



.pd-price-better{



    margin-top: -5px;



}



.pd-info b {



    color: #135EAB;



    font-size: 25px;



    font-family:'Exo';



    line-height: 1.2em;







}



.pd-info b2 {



    color: #0E457C;



    font-size: 13px;



    font-family:'微軟正黑體';



    display: block;



}



.pd-info select.form-control {



    display: inline-block;



    margin: 0;



    max-width: 240px;



    height: 30px;



    line-height: 28px;



    background: #fff;



    border-color: #ccc;



    border-radius: 0;



    color:#888;



}



.pd-info select.form-control:focus {



    border-color: #0E4378;



}



.pd-price {



     display:block;



    vertical-align: middle;



    margin-right: 20px;



       line-height: 2.5em;



    color:#AB9D94;



}



.pd-info-label {



    margin-bottom: 6px;



        display: inline-block;



}



.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: #7FCAA5;



}



.pd-info .color-radio input {



    visibility: hidden;



    position: absolute;



    z-index: -1;



    width: 0;



    height: 0;



}



.pd-intro .btn-group .btn {



    float: left;



    width: 32%;



    color: #fff;



    font-size: 15px;



    font-weight: bold;



    height: 40px;



    line-height: 40px;



    margin:10px 0.5% 0;



    border-radius: 0;



}







.pd-intro .btn-group .btn.addcart,



.pd-intro .btn-group .btn.buynow,



.pd-intro .btn-group .btn.soldout,



.pd-intro .btn-group .btn.arrival {



    font-size: 15px;



}



.pd-intro .btn-group .btn.addcart {



    background: #135EAB;



}



.pd-intro .btn-group .btn.addcart:hover {



    background: #0E4378;



}



.pd-intro .btn-group .btn.buynow {



    background: #3DB5E7;



}



.pd-intro .btn-group .btn.buynow:hover {



    background: #0E4378;



}



.pd-intro .btn-group .btn.soldout {



    background: #EEEEEE;



    cursor: not-allowed;



    color:#A6A6A6;



    font-size:15px;



}



.pd-intro .btn-group .btn.arrival {



    background: #EEEEEE;



    color:#A6A6A6;



     font-size:15px;



}



.pd-intro .btn-group .btn.arrival:hover {



    background: #0E4378;



}



.pd-intro .btn-group .btn.wish {



    background:#0E4378;



}



.pd-intro .btn-group .btn.wish:hover {



  background:#0E4378;



}



.pd-intro .btn-group .btn .ic {



    display: block;



    margin: 0 auto 6px;



    font-size: 22px;



}



.pd-intro .btn-group .btn.wish .ic {



    display: inline-block;



    vertical-align: middle;



    margin: 0 8px 6px 0;



}











.related-box {



    margin-top: 15px;



}



.related-box .title {



    margin-bottom: 8px;



    color: #999;



    text-align:left;



    font-size: 15px;



}



.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;



    background: url('../../images/common/products/related_dot.png') no-repeat;



    width: 20px;



    height: 20px;



    opacity: 1;



    border-radius: 0;



}



.related-slider .slick-dots li.slick-active button {



    background-position: 100% 0;



}



.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: 160px;



    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(51,43,40,0.8);



    opacity: 0;



    transition: all 0.3s;



}



.related-list .box:hover .pic:before {



    opacity: 1;



}











.detail-title {



    background: url(../../images/common/products/product-title.png)left center no-repeat;



    height: 30px;



    text-indent: -99999px;



    position: relative;



}



.detail-title span{



    background: url(../../images/common/products/product-title2.png)left center no-repeat;



    width: 105px;



    height: 10px;



    text-indent: -99999px;



    display: block;



    position: absolute;



    right: 0px;



    bottom: 8px;



}







.products-detail {



    position: relative;



        padding: 0px 0 15px;



        border-bottom: 1px solid #eee;



}



.products-detail-1{



     max-width: 1110px;



    margin: auto;



}







@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;



    }



    .buymore-list .pd-info {



        float: right;



        width: 240px;



        padding: 0;



    }



    .related-box {



        margin: 0;



        padding-top: 15px;



        max-width: none;



    }



}



@media screen and (max-width: 1100px) {



    .products-list .item {



        width: 50%;



    }



    .products-list .item:nth-child(4n+1) {



        clear: none;



    }



    .products-list .item:nth-child(3n+1) {



        clear: left;



    }



}



@media screen and (max-width: 1000px) {



    



     .gallery,



    .pd-intro {



        float: none;



        width: auto;



    }



    .gallery {



        margin: 0 auto 25px;



    }



    .buymore-list .item {



        padding-bottom: 6px;



    }



    .buymore-list .pd-txt,



    .buymore-list .pd-info {



        float: none;



        width: auto;



    }



}







@media screen and (max-width: 600px) {



    .products-list.wish .item {



      margin-bottom:5px;



    }



}











@media screen and (max-width: 400px) {



    .pd-intro .btn-group .col {



        width: 100%;



    }



}



/*----- 貨到通知燈箱 -----*/



.pd-arrival-fancybox .pd-info{



    text-align: center;



}



.pd-arrival-fancybox .pd-info-label {



    margin-bottom: 6px;



    width: 20%;



    text-align:right;



    font-size: 14px;



    display: inline-block;



}



.pd-arrival-fancybox{



    padding: 5px 0;



    margin: 10px 0;



}



.pd-arrival-fancybox .pd-info select.form-control {



    width:40%;



}



/*----- !貨到通知燈箱 -----*/



.related-box {



    margin-top: 15px;



    max-width: none;



}







.related-slider {



    position: relative;



}



.related-slider .slick-prev,



.related-slider .slick-next {



    width: 25px;



    height: 25px;



    font-size: 20px;



    line-height: 27px;



    text-align: center;



    margin: 0;



    color: #aaa;



    position: absolute;



    top: -50px;



}



.related-slider .slick-prev:hover,



.related-slider .slick-next:hover {



    color: #3DB5E7;



}



.related-slider .slick-prev {



    right: 30px;



}



.related-slider .slick-next {



    right: 0;



}



.related-slider .item {



    padding: 0 6px;



}



.related-slider .box {



    display: block;



    max-width: 180px;



    margin: 0 auto;



}



.related-slider .pic {



    position: relative;



    overflow: hidden;



}



.related-slider .pic:before {



    content: '';



    display: block;



    position: absolute;



    top: 0;



    bottom: 0;



    left: 0;



    right: 0;



    background: url('../../images/common/products/related_hover.png') 50% 50% no-repeat rgba(17,17,17,0.6);



    opacity: 0;



    border: 4px solid #FF7430;



    transition: all 0.3s;



}



.related-slider .box:hover .pic:before {



    opacity: 1;



}











.products-detail ,.buymore-box{



    max-width: 1345px;



    margin: 0 auto;



    position: relative;



}











@media screen and (max-width: 1200px) {



    .products-list .item {



        width: 33.33%;



    }



    .products-list .item:nth-child(4n+1) {



        clear: none;



    }







}



@media screen and (max-width: 1200px) {



    .gallery,



    .pd-intro,



    .related-box,



    .buymore-box {



        float: none;



        width: auto;



    }



    .gallery {



        margin: 0 auto 15px;



    }



}



@media screen and (max-width: 1000px) {/*手機板*/



    .products-list {



        margin: 0 -7px;



    }



    .products-list .item {



        width: 50%;



        padding: 0 7px;



    }



    .products-list .item:nth-child(3n+1) {



        clear: none;



    }



    .products-list .item:nth-child(2n+1) {



        clear: left;



    }



    .products-list .box {



        margin-bottom: 10px;



    }











}



@media screen and (max-width: 767px) {



    .buymore-list .pd-txt,



    .buymore-list .pd-info {



        float: none;



        width: auto;



    }



    .products-list .btn.detail{



        font-size: 10px;



        letter-spacing: 0;



    }



    .products-list .btn.detail .icon{



        display: none;



    }



}







@media screen and (max-width: 400px) {



    .pd-intro .btn-group .col {



        width: 100%;



    }







}



/*------------ a??a?1e3? --------------*/







/*------------ 新加購--------------*/



.form-group select.form-control,



.buymore-list .form-control {



    height: 26px;



    margin: 0;



    font-weight: normal;



    border-radius: 0;



}



.buymore-box .title,.related-box .title,.products-detail .title {



    color: #0E4378;



    text-align: left;



    font-size: 17px;



    border-bottom: 1px solid #ddd;



    padding:5px 0;



    margin: 15px 0 5px;



}



.buymore-box {



    padding-top: 15px;



    clear: both;



}



.buymore-box .buymore-title {



    color: #0E4378;



    font-family: 'Josefin Sans','微軟正黑體', sans-serif;



    font-size: 22px;



    margin: 10px 0 ;



    border-bottom: 1px solid #E1E1E1;



    padding: 0 0 5px 0;



}



.buymore-box .buymore-title i{



    font-size: 15px;



    color: #72B1AA;



    margin-right: 10px;



}



.buymore-list .item {



    background: #F0F0F0;



    margin-top: 3px;



    padding: 8px 12px;



    width: 49%;



    margin: 5px 0.5%;



    float: left;



    -webkit-box-sizing: border-box;



     -moz-box-sizing: border-box;



          box-sizing: border-box;



    text-align: left;



}



.buymore-list .item:hover {



    background: #EDE9E2;



}



.buymore-list .price {



    display: inline-block;



    color: #135EAB;



    font-size: 15px;



    font-weight: bold;



}



.buymore-list .form-checkbox{



    display: block;



}



.buymore-list .name {



    color: #888;



    font-size: 16px;



    display: block;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



    height: 21px;



}



.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 .ic{



    color:#80caa5;



    font-size:13px;



    position:absolute;



    top:10px;



    left:15px;



}



.buymore-bth{



    position: relative;



    text-align: center;



    background: #3DB5E7;



    max-width: 85px;



    padding: 5px 10px;



    font-size: 14px;



    color: #fff;



    border-radius: 5px;



    margin: -40px 0;



    float: right;



    cursor: pointer;



}



.buymore-bth i{



    font-size:10px;



    margin-right:5px;



    -moz-transform:scaleY(-1);



    -webkit-transform:scaleY(-1);



    -o-transform:scaleY(-1);



    transform:scaleY(-1);



}







.buymore-bth .up{



    display: none;



}







.buymore-bth.active .up{



    display: block;



}



.buymore-bth.active .down{



    display: none;



}



.buymore-bth.active .up i{



    transform:scaleY(1);



}



.btn.buymore-add{



    max-width: 30px;



    width:auto;



    display: inline-block;



    background: #b8b9aa;



   padding:1px 5px;



}



.btn.buymore-add:hover{



    background:#72b1aa;



}



.btn.buymore-add i {



    color: #fbfbfb;



    font-size: 16px;



}



/*-----*/



.slick-list{



    z-index: 2;



}



.related-box {



    margin-top: 15px;



}



.related-slider {



    position: relative;



}



.related-slider .slick-dots {



    position: absolute;



    text-align: right;



    bottom: 0px;



    width: 100%;



}



.related-slider .slick-dots li button {



    white-space: nowrap;



    text-indent: 101%;



    overflow: hidden;



    padding: 0;



    border: 0;



    background: url('../../images/common/products/related_dot.png') no-repeat;



    width: 20px;



    height: 20px;



    opacity: 1;



    border-radius: 0;



}



.related-slider .slick-dots li.slick-active button {



    background-position: 100% 0;



}



.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;



    text-align: center;



}



.related-list .shopping_way.hot{



    text-align: center;



}



.related-list .name{



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}



.related-list .box {



    display: block;



    margin: 0 auto;



}



.related-list .pic {



    position: relative;



    overflow: hidden;



}



.related-list .pic img{



    width: 100%;



}



.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;



}







.related-box .title i,



.products-detail .title i{



    font-size: 15px;



    color: #72B1AA;



    margin-right: 10px;



}



/*------------ a’?a?‧icon ------------*/



/*---------------------------*/







.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;



    margin-left: 0px;



}







.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: calc(50% - 5px);



}







.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;



}











/*------------ sort_box ------------*/







.sort_box {



    margin-bottom: 10px;



    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: #ddd;



    color: #666;



    padding: 0 5px;



    border: 1px solid #ddd;



}







.sort_box .form-control:focus {



    outline: none;



    background: #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: 30px;



    padding: 3px 0;



}







.sort_icon .ibtn.one {



    background-image: url(../../images/common/products/sort_pic3.png);



    width: 24px;



    height: 24px;



    display: none;



}







.sort_icon .ibtn.two {



    background-image: url(../../images/common/products/sort_pic1.png);



    width: 24px;



    height: 24px;



}







.sort_icon .ibtn.four {



    background-image: url(../../images/common/products/sort_pic2.png);



    width: 24px;



    height: 24px;



}







.sort_icon .ibtn.active {



    background-position: 0 100%;



}



.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;



    }



}











/*************************************/















/********** 拆單結束 *********/



.shopping_way.hot{



    text-align: left;



     margin-top:10px;



}



.shopping_way .general{



    border:1px solid #aaa;



    padding:5px;



    bottom:5px;



    position:relative;



    color:#aaa;



}



.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;  



}



/*------------ 拆單結束'' ------------*/







.share-link.list-inline{



    text-align: left;



}



.share_box .share-link .btn.blogger,



.share_box .share-link .btn.facebook,



.share_box .share-link .btn.google,



.share_box .share-link .btn.twitter,



.share_box .share-link .btn.mail,



.share_box .share-link .btn.linkedin,



.share_box .share-link .btn.tumblr,



.share_box .share-link .icon-ic-share-t,



.share_box .share-link .btn.line,



.share_box .share-link .icon-ic-share-linecall,



.share_box .share-link .icon-ic-share-w,



.share_box .share-link .btn.pinterest,



.share_box .share-link .btn.plurk {



    color: #cccccc;



    cursor: pointer;



    font-size: 25px;



}



.share_box .share-link .btn:hover,



.share_box .share-link .icon-ic-share-linecall:hover,



.share_box .share-link .icon-ic-share-w:hover {



    color: #deb48a;



}



.share_box {



    margin: 2px 2px;



    text-align: center;



}



.share_box .share-link .btn {



    margin: 0px 0px;



}



.share_box .share-link .icon-ic-share-linecall,



.share_box .share-link .icon-ic-share-w {



    font-size: 25px;



    width: 20px;



    height: 30px;



    line-height: 30px;



    border-radius: 15px;



    margin: 0px 2px;



    padding: 0;



}



.share-out-bth{



   display:inline-block;



   float:right;



    margin-top:5px;



}







.share-buttom{



    border-radius:100%;



    width:25px;



    height:25px;



    text-align:center;



    line-height:28px;



    font-size:16px;



    color:#fff;



    background:#b3b3b3;



    cursor: pointer;



}







.share-buttom:hover {



    background: #d48e4a;



}







.share-buttom .share_box {



    background: #0E4378;



    padding: 2px 5px;



    position: absolute;



    margin-top: -45px;



    right: 1.6%;



}







.share-buttom .share_box:after {



    content: '▼';



    display: block;



    font-size: 20px;



    color: #0E4378;



    position: absolute;



    margin-top: -10px;



    right: 1%;



}







.share_box {



    display: none;



}







.share-buttom:hover .share_box {



    display: block;



}















@media screen and (max-width: 1000px) {/*手機板*/



    .buymore-box .title, .related-box .title, .products-detail .title{



        margin:10px 0 5px;



    }



    .pd-info-box{



        background: #F0F0F0 ;



    }



    .products-sect .sect-title .txt{



        font-size: 16px;



    }



    .products-list{



        margin: 0px -10px 5px; 



    }



    .products-list .offers{



        font-size: 14px;



        line-height: 20px;



        height: 20px;



    }



    .products-list .txt .ibtn.wish{



        margin: 0 3px;







    }



    .shopping_way .general,.shopping_way .cold,.shopping_way .freezing{



        padding: 3px;



    }



    .shopping_way span+span{



        margin-left: 3px;



    }



    .product-name, .products-list li:nth-child(even) .product-name{



        position: relative;



        padding:5px;



    }



    .products-list .item {



        width: 50%;



        float: left;



        padding:0 3px;



        margin-bottom: 20px;



    }



    .products-list .txt .ibtn.wish{



        font-size: 0;



        width: 20px;



        height: 20px;



        float: right;



    }



    .products-list .box{



        margin-bottom: 0px;



    }



     .products-list .txt{



        padding-top: 3px;



    }



    /*detail*/



    .pd-name{



        font-size: 16px;



        margin:3px 0 10px;



    }



    .pd-info-box{



        padding: 5px;



    }



    .products-intro{



        margin:0;



    }



    .pd-info{



        margin: 3px 0;



        width: 100%;



        float: none;



    }



    .share-buttom{



        position: relative;



    }



    .share-buttom:hover .share_box{



        right: 0;



        top: -50px;



        padding: 0 3px;



        margin: 0 -5px;



        width:300px;



    }



    .pd-intro .pd-id, .pd-info-2{



        padding-bottom: 5px;



    }



    .pd-price{



        line-height: 1.45;



        padding: 5px 0;



    }



    .pd-info{



        padding: 5px 0;



    }



    .pd-info b{



        font-size: 16px;



        line-height: 1.45;



    }



    .pd-info b2{



        display: inline-block;



    }



    .pd-info select.form-control{



        line-height: 26px;



        height: 26px;



        margin-bottom: 3px;



         width: 60%;



    }



    .qty-box .form-control{



        line-height: 26px;



        height: 26px;



        margin-bottom: 0px;



    }







    .qty-box {



        padding:0 26px;



    }



    .qty-box .btn{



        width: 26px;



        height: 26px;



        line-height: 24px;



    }



    .pd-intro .btn-group .btn{



        font-size: 10px;



        line-height: 28px;



        height: 28px;



        margin-top: 5px;



        font-size: 10px;



    }



    .pd-intro .btn-group .btn.addcart, .pd-intro .btn-group .btn.buynow, .pd-intro .btn-group .btn.soldout, .pd-intro .btn-group .btn.arrival{



        font-size: 10px;



    }



    .buymore-bth{



        padding:2px 10px;



        font-size: 10px;



        margin: -36px 0;



    }



    .pd-arrival-fancybox{



        margin-top: 5px;



        padding:3px 0;



    }



   .pd-arrival-fancybox .pd-info-label{



        width: 80px;



        font-size: 14px;



    }



    .pd-arrival-fancybox .pd-info select.form-control{



        width: calc(100% - 90px );



    }



    .related-box{



        margin-top: 5px;



        padding: 5px 0;



    }



    .buymore-list .item{



        width: 100%;



        padding: 5px;



    }



    .buymore-list .price{



        font-size: 14px;



    }



    .products-detail{



        padding: 5px 0;



    }



    .detail-title{



        font-size: 16px;



        text-indent: 0;



        background: none;



    }



    .detail-title span{



        display: block;



        position: static;



        margin: 0;



    }



    /*追蹤清單*/



    .products-list.wish .box:after{



        width: 25px;



        height: 24px;



        top: 0;



        background-size: cover;



    }



    .sort_box{



        margin-bottom: 0;



    }



    .activity-banner{



        margin:5px;



    }



    .activity-banner .container{



        padding:0;



    }



}



@media screen and (max-width: 400px) {



    .pd-intro .btn-group .col {



        width: 100%;



    }



    .sort_box .control-box span{



        display: none;



    }



    .pd-intro .btn-group .btn.wish .ic {



     display:none;



    }



    .pd-intro .btn-group .btn {



        font-size: 12px;



    }



    .sort_box .form-control.sort-pc{



        display:none;



    }



    .sort_box .form-control.sort-mobile{



         display: block;



          width:60px;



    }



}







/*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欄位*/