@charset "utf-8";

/*------------ product-list ------------*/



.products-list li .pic a {

    position: relative;

    z-index: 1011;

}



.products-list {

    margin: 0 -17px;

}



.products-list li {

    width: 25%;

    padding: 0 17px 75px;

}



.products-list .new>a {

    position: relative;

}



.products-list .new>a::before {
 content: 'NEW';
    text-align: center;
    display: block;
    z-index: 15;
    left: 1px;
    top: 2px;
    color: #fff;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 99em;
     background: #e54610;
    line-height: 50px;

}



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

    clear: left;

}



.products-list>li>a {

    margin: 0 auto;

    /*max-width: 260px;*/

    box-sizing: border-box;

}



.products-list .pic {

    position: relative;

    overflow: hidden;

    box-sizing: border-box;

    transition: all .2s;

    /*border: 1px solid #fff;*/

    margin: 0 0 3px;

}



.products-list .pic img {

    transition: all 0.35s ease-in-out;

    transform: scale(1);

}



.products-list .pic:hover img {

    transition: all 0.35s ease-in-out;

    transform: scale(1.2);

}



.products-list .pic:before,

.products-list .pic:after {

    position: absolute;

    display: block;

    transition: all .2s;

    opacity: 0;

}



.products-list .pic:before {


    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255, 204, 153, .6);

    z-index: 50;




}



.products-list .pic:after {

    content: "";

    display: block;
	
    background: url(../../images/common/p-hover.png) no-repeat 50% 50% rgba(255, 204, 153, .6);

	top:50%;
	left: 50%;
	right: 50%;
	bottom:50%;

}



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

    transition: all .2s;

    opacity: 1;
    top:0;
    bottom:0;
    left: 0;
	right: 0;


}



.products-list li a:hover .pic:after {

    /*top: 50%;*/

    transform: scale(1);

}



.products-list .text {

    text-align: center;

    /*max-width: 260px;*/

    margin: 0 auto;

    box-sizing: border-box;

    padding: 8px 10px;

    position: relative;

    transition: all .2s;

}



.products-list li .text:hover {

    background: #fff;

    transition: all .2s;

}



.products-list .name {

    white-space: nowrap;
    font-size: 16px;
    overflow: hidden;

    text-overflow: ellipsis;

    color: #000000;

}



.products-list li .offers {

    color: #B20000;
	
	font-weight:bold;

    font-size: 18px;

    position: relative;

}



.products-list li .offers i {

    font-size: 18px;

    color: #B20000;

    vertical-align: middle;

    display: inline-block;

    margin: 0 5px 3px 0;

}



.products-list li .wish,

.products-list li .del {

    width: 35px;

    height: 35px;

    background: #ffa18b;

    text-align: center;

    line-height: 35px;

    color: #fff;

    font-size: 18px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 15;

    transition: all .2s;

}



.products-list li .wish:hover,

.products-list li .del:hover {

    transition: all .2s;

    background: rgb(188, 88, 88);

}



.products-list li .del {

    color: #4E443B;

    font-size: 25px;

}



.products-list li .del:hover {

    color: #fff;

}







/*------------ search-list ------------*/



.search-list li {

    width: 20%;

}



.search-list li:nth-child(4n+1) {

    clear: none;

}



.search-list li:nth-child(5n+1) {

    clear: left;

}







/*------------ detail ------------*/



.product-name {

    margin: 0 0 40px;

    background: #E9DCD6;

    color: #2F0108;

    font-size: 18px;

    font-weight: normal;

    padding: 4px 0;

}



.product-name i {

    font-size: 14px;

    margin: 0 10px 0 15px;

}



.product-id {

    float: right;

    font-size: 16px;

    color: #000;

    margin: 6px 10px 0 0;
    font-weight:bold;
}



.products-info {

    max-width: 1070px;

    margin: 0 auto 60px;

    /*border-bottom: 1px dashed #E9DCD6;*/

    padding: 0 0 40px;

}



.products-info .txt {

    float: right;

    width: 36%;

    box-sizing: border-box;

}



.products-info .gallery {

    float: left;

    width: 61%;

}



.form-group select.form-control,
.buymore-list .form-control {
  height: 36px;
    color: #525252;
    background:#e0e0e0;
    margin: 0;
    font-weight: normal;
    min-width: 185px;
    border-radius: 0;
}



.products-info .price {

    color:#420f0f;

    padding: 0 0 0px;
	
	font-size:18px;

    

}



.products-info .form-row {

    float: left;

}



.products-info .price .control-label {

    display: block;

    line-height: 1.5;

    letter-spacing: 0;
	
    font-size:14px;

}



.products-info .control-box {

    display: inline-block;

    font-weight: bold;

}



.products-info .form-col+.form-col {

    margin: 10px 0 0 0;

}



.products-info .form-group {

    color: #a94719;

    margin: 0 0 20px;

}



.products-info .control-label {

    margin: 0 10px 0 0;

    display: inline-block;

}

.products-info .hr_dotted{

    /*border-top: 2px dotted #E9DCD6;

    margin: 30px 0;*/

    padding-top: 25px;

}







/*--- member-price ----*/



.products-info .member-price {
float: right;
    color: #a42727;
    background: rgba(96, 85, 78, 0.08);
    /* border: 1px solid rgba(255, 226, 174, 0.38); */
    line-height: 1;
    box-sizing: border-box;
    font-weight: bold;
    padding: 10px;
    margin: 0px 0 17px;
    font-size: 13px;
    width: 60%;

}



.products-info .member-price .control-box {

    font-size: 32px;

    font-style: italic;

    /*margin: 15px 0 9px 25%;*/

}







/*--- btn-box ----*/



/*.products-info .wish {

    color: #000000;

    font-size: 15px;

    background: #fff;

    padding: 0 40px 0 0;

    line-height: 35px;

    display: block;

    text-align: left;

}

*/

.products-info .ic-wish {

    width: 35px;

    height: 35px;

    display: inline-block;

    vertical-align: middle;

    margin: -3px 10px 0 0;

    background: rgba(188, 124, 88, .5);

    text-align: center;

    line-height: 35px;

    color: #fff;

    font-size: 18px;

    z-index: 15;

    transition: all .2s;

}



.products-info .wish:hover i {

    background: #f29866;

}

.products-info .btn.style01.wish:hover {
    background: #f29866;
   
}

.products-info .btn-box {

    margin: -20px 0 0;

    padding: 15px 0 40px;

    text-align: left;

    /*border-top: 2px dotted #E9DCD6;

    border-bottom: 2px dotted #E9DCD6;*/

}



.products-info .btn-box .row {

    margin: 0 -16px;

}



.products-info .btn-box .col {

    width: 33%;

    display: inline-block;

    vertical-align: top;

    margin: 0 -5px 0 0;

    padding: 20px 5px 0;

}



.products-info .btn-box .nobuy {

    cursor: not-allowed;

}



.products-info .btn-box .nobuy:hover {

    color: #999999;

    background: rgba(255, 255, 255, .5);

}







/*------------ products-title ------------*/



.products-title {}







/*------ related-box ------*/



.related-box {

    position: relative;

    margin: 40px 0 0 0;

    width: 100%;

}



.related-box .products-title {

    color: #ab9c92;
    font-size: 15px;

    font-weight: bold;

    margin: 0px 0 25px;

    position: relative;

}



.related-box .products-title i {

    font-size: 18px;

    border: 1px solid #ab9c92;

    width: 36px;

    height: 36px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

    line-height: 36px;

    margin: 0 10px 0 0;

}



.related-box .related-list {

    display: block;

    vertical-align: middle;

    margin: 0 -8px;

}



.related-box .related-list li {

    padding: 0 8px;

}



.related-list a .pic {

    position: relative;

    display: inline-block;

    transition: all .2s;

}



.related-list li>a .pic:before,

.related-list li>a .pic:after {

    transition: all .2s;

    position: absolute;

    opacity: 0;

}



.related-list a .pic:before {

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .6);

    transition: all .2s;

}



.related-list a .pic:after {

    content: "\e901";

    font-size: 40px;

    color: #E9DCD6;

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    top: 0;

    left: 50%;

    margin: -20px 0 0 -20px;

}



.related-list li>a:hover .pic:before,

.related-list li>a:hover .pic:after {

    transition: all .2s;

    opacity: 1;

}



.related-list li>a:hover .pic:after {

    top: 50%;

}

.related-list .name{

    color: #a5a5a5;

    font-size: 18px;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 28px;

    position: relative;

    padding: 0 0 10px 0; 

}

.related-list .offers{

    color: #ab9c92;

    font-size: 15px;

    line-height: 30px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 30px;

}



.related-arrow {

    position: absolute;

    top: 0;

    right: 0;

    width: 65px;

}



.related-arrow:before {

   /* content: "";

    display: block;

    width: 1px;

    height: 34px;

    background: rgba(255, 255, 255, 0.5);

    position: absolute;

    top: 2px;

    right: 50%;*/

}



.related-arrow button {

    border: 0;

    color: transparent;

    background: none;

    cursor: pointer;

    padding:2px 0 0;

    width: auto;

    position: absolute;


	
}



.related-arrow .slick-prev {
	left: -10px;
}



.related-arrow .slick-next {

    right: -25px;

}



.related-arrow .slick-arrow:before {

    color: #CEBCA1;
	
	border: 1px solid;

    font-family: 'icon-font' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 25px;

}



.related-arrow .slick-prev:before {

    content: "\e100e";

}



.related-arrow .slick-next:before {

    content: "\e1020";

}







/*------ buymore-box ------*/

.buymore-list .form-checkbox{

    display: block;

}

.buymore-box {

    margin: 32px 0 0;

    width: 100%;

    clear: both;

}



.buymore-box .title {

    /*background: #E9DCD6;*/
    
	color: #ab9c92;

    padding: 3px 15px;

    font-size: 14px;

    margin: 0 0 10px;

}



.buymore-box .title:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 4px 4px 0 4px;

    border-color: #ab9c92 transparent transparent transparent;

    margin: 0 0 4px 8px;

}



.buymore-list{

    height: auto;

    overflow: hidden;

}

.buymore-list .item {

    padding: 3px 10px 10px;

    /*border-bottom: 1px dashed rgba(119, 97, 84, .2);*/

    width: 50%;

    float: left;

    box-sizing: border-box;
    
	/*background: rgba(245, 226, 215, 0.5);*/
}



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

    clear: both;

}



.buymore-list .item:hover {

    background: rgba(245, 226, 215, 0);
}



.buymore-list .price {

    display: inline-block;

    color: rgba(188, 124, 88, 8);

    font-size: 20px;

    padding: 0;

    border: 0;

    font-weight: bold;

    margin: 0 10px 0 0;

}



.buymore-list .name {

    display: inline-block;

    color: #7F594C;

    font-size: 16px;

}



.buymore-list .name:hover {

    text-decoration: underline;

}



.buymore-list .pd-txt {}



.buymore-list .pd-info {

    padding: 0;

    margin: 4px 0 0 0;

}



.buymore-list .pd-info .form-control {

    margin: 2px 0;

    padding: 0 5px;

    max-width: none;

    min-width: auto;

}



.buymore-list .pd-info .spec {

    float: left;

    width: calc(100% - 70px);

}



.buymore-list .pd-info .qty {

    float: right;

    width: 60px;

}





/*-- e?±e—?icon --*/





/*.buymore-list .form-radio:before,

.buymore-list .form-checkbox:before {

    display: none;

}*/





/*-----*/



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

.lightbox-wrapper{

    padding:40px;

    box-sizing: border-box;

}

.pd-arrival-fancybox .pd-info{

    text-align: center;

}

.pd-arrival-fancybox{

    text-align: left;

}

.pd-arrival-fancybox .form-col{

    max-width: 465px;

    margin:0 auto;

}

.pd-arrival-fancybox .pd-info-label ,.pd-arrival-fancybox .control-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 ,.pd-arrival-fancybox .control-box{

    width:70%;

     display: inline-block;

}

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

/*加購按鈕*/

.buymore-list .ic.ic3-down2{

    color:#80caa5;

    font-size:13px;

    position:absolute;

    top:10px;

    left:15px;

}

.buymore-bth{

    position: relative;
    text-align: center;
    max-width: 85px;
    padding: 5px 10px;
    font-size: 14px;
    color: #60554E;
	background: #f5d5be;
    border-radius: 5px;
	font-weight: bold;
    margin: -47px 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;

}



/*!加購按鈕*/

.buymore-box {

    padding-top: 15px;

}



.buymore-box .buymore-title {

    color: #505050;

    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 {

    /*border-bottom: 1px dashed rgba(119, 97, 84, .2);*/

    margin-top: 3px;

    padding: 8px 12px;

    width: 49%;
	
	background: #7b6868;

    margin: 5px 0.5%;

    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}
.buymore-list .item:hover .name{

    color:#111;
}



/*.buymore-list .item:hover {

    background: rgba(119, 97, 84, .1);

}*/



.buymore-list .price {

    display: inline-block;

    color: rgb(245, 171, 130);

    font-size: 15px;

    font-weight: bold;

}



.buymore-list .name {

    display: block;

    color: #eaeaea;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 22px;

}



.buymore-list .name:hover {

    text-decoration: underline;
	/*color:#222;*/

}



.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% - 80px);

    float: right;

}





/*----  加購結數 ----*/



.related-box {

    margin-top: 15px;

}



.related-slider {

    position: relative;

}



.related-slider .slick-dots {

    position: absolute;

    text-align: center;

    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;

}



.related-list .box {

    display: block;

    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;
	/*background:#f5efef;*/
	padding: 10px;
    margin: -30px 0 50px 0;

}



.related-box .title,

.products-detail .title {

    color: #505050;

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

    font-size: 22px;

    margin: 30px 0 15px;

    border-bottom: 1px solid #E1E1E1;

    padding: 0 0 5px 0;

}



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

    vertical-align: middle;

    padding: 0 15px 0 40px;

    transition: all .2s;

    position: relative;

    float: left;

    text-align: left;

    clear: left;

    margin: 10px 0 5px;

}



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

}



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

    color: #666;

    padding: 0 5px;

   border:none;

}



.sort_box .form-control:focus {

    outline: none;

    background: #c0afa4;

    color: #000;

}



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

    padding: 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;

    }

}







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





/***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;

    margin-top: 8px;

    position: relative;

}

.products-info .txt .shopping_way.hot{

     min-height: 28px;   

}

.products-list .shopping_way.hot {

    text-align: center;

}

.shopping_way .general {

    border: 1px solid #333;

    padding: 5px;

    bottom: 5px;

    position: relative;

    color: #333;

}



.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-out-bth {

    display: inline-block;

    float: right;

    margin-top: -10px;

}

.share-buttom .share_box {

    margin-top: -70px;

    width: 100%;

    max-width: 295px;

}

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



.share-buttom .share_box {

    background: #d2a78f;

    padding: 5px 5px 0;

    position: absolute;

    margin-top: -40px;

    right: 0;

}



.share-buttom .share_box:after {

    content: '▼';

    display: block;

    font-size: 20px;

    color: #d2a78f;

    position: absolute;

    margin-top: -10px;

    right: 1%;

}



.share_box {

    display: none;

}



.share-buttom:hover .share_box {

    display: block;

}

.share_box .share-link .btn, .share_box .share-link .icon-ic-share-linecall, .share_box .share-link .icon-ic-share-w{
    color:#fff3ee;
}

/*------ plus-box ------*/



.plus-box {

    padding: 35px 95px;

}



.plus-list {

    margin: 20px -33px 0;

}



.plus-list li {

    width: calc((100% / 3) - 0.1px);

    padding: 0 33px 45px;

}

.plus-list .form-group{

    min-height: 26px;

}

.plus-box .box {

    max-width: 260px;

    margin: 0 5px;

    box-sizing: border-box;

}



.plus-list li .text {

    background: #FFFFFF;

    margin: 4px 0;

    padding: 15px 35px;

}



.plus-list li .text:hover {

    }




.plus-list .name {

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #000000;

    margin: 0 0 5px;

}



.plus-list li .text-btn {

    margin: 5px 0 0 0;

}

.plus-list li .form-group{

     margin: 5px 0 0 0;

}

.plus-list li .offers {

    float: left;

}



.plus-list li .text-btn-qty {

    float: right;

}







/*------------ activity ------------*/



.activity-banner .item {

    position: static;

    height: auto;

}







/*------------ rwd ------------*/



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

    .has-side .content {

        width: calc(100% - 270px);

        float: right;

    }

    .products-info .gallery{

        width: 50%;

    } 

    .products-info .txt{

        width: 49%;

    }

    .btn.style01,.products-info .wish{

        font-size: 10px;

    }

}

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



    .btn.style01 i,.products-info .ic-wish {

        margin: -1px 2px 0 0;

        line-height: 25px;

        font-size: 10px;

        width: 25px;

        height: 25px;

    }

    .btn.style01,.products-info .wish{

        line-height: 25px;

        font-size: 10px;

        letter-spacing: 0;

    }

    .product-name{

        font-size: 16px;

        line-height: 1.4;

        letter-spacing: 0;

        display: block;

        margin-bottom: 2px;

    }

    .product-name i{

        font-size: 10px;

        margin: 0 5px 0 10px;

    }

    .product-id {

        float: none;

        margin: 0 0 0 25px;

    }

    .products-info .form-row{

        display: block;

        width: 100%;

        float: none;

        margin-top: 5px;





    }

    .products-info .txt, .buymore-box, .related-box{

        margin:0zpx 0 0 ;

        padding-top:6px;

    }

	
	.products-detail {
    
    padding: 24px;
    margin: 42px 0 50px 0;
		
	}
    .pd-activity{

        margin: 5px 5px 5px;

    }



    .pd-activity:before, .pd-activity:after{

        top: 4px;

    }

    .buymore-bth{

        margin: -29px 0 0;

    }

    .buymore-box .title{

        margin-bottom: 0px;

    }

    .buymore-list{

        width: 100%;

    }

    .buymore-list .item{

        padding:5px;

        margin:0;

    }

    .shopping_way.hot{

         margin:20px 0px 0px;

    }

    .products-info .price .member-price{

        width: 100%;

        text-align: left;

        padding: 5px;

        margin:0;

        line-height: 15px;

        clear: both;

    }



    .products-info .price .form-col{

        width: 50%;

        text-align: left;

        padding: 5px;

        box-sizing: border-box;

        float: left;

        margin:3px 0;

        line-height: 15px;

    }

    .products-info .member-price .control-box{

    margin: 5px 0;

    font-size: 18px;

    width: 100%;

    }

    .products-list li .offers{

        line-height: 1.4;

        font-size: 14px;

    }

    .products-list li .wish, .products-list li .del{

        width: 30px;

        height: 30px;

        line-height: 30px;

    }

    

    .products-info .form-col+.form-col{

        margin:3px 0;

    }

    .form-col{

        margin:3px 0;

    }

    .products-info .form-group{

        margin:10px 0px;

        padding: 7px 0px;

    }

    .control-label{

        width: 40%;

    }

    .products-info .control-box{

        width: 50%;

    }

    .price .control-label{

        width: auto;

        display: inline-block;

    }

    .products-info .price .control-label{

        width: auto;

        display: inline-block;

    }

    .price .products-info .control-box{

        width: 100%;

    }

    .products-info .hr_dotted{

        margin-top: 10px;

        padding-top: 5px;

    }

    .buymore-list .price{

        margin-bottom: 0px;

        padding-bottom: 5px;

    }

    .form-group select.form-control, .buymore-list .form-control {

        display: inline-block;

        margin: 0;

        min-width: 100%;

        height: 28px;

        line-height: 26px;

      /*  background: #fff;

        border-color: #ccc;

        border-radius: 0;*/

        font-size: 12px;

    }

    .products-info .btn-box .col{

        width: 33.33%;

        padding: 3px;



    }

    .products-info .btn i{

       /* display: none;*/

    }

    .buymore-list .item{

        width: 100%

    }

    .products-info{

        padding-bottom: 3px;

        margin-bottom: 3px;

    }

    

    .related-box .products-title{

        margin-bottom: 20px;

        font-size: 16px;

    }

    .plus-list .qty-box .btn{

        display: none;

    }

    .plus-list .qty-box{

        width: 30px;

        padding:0;

    }

    .products-list .text{

        padding:7px;

    }

    .related-box .products-title i{

        font-size: 14px;

        width: 20px;

        height: 20px;

        line-height: 20px;

        margin-right: 2px;

    }

    .related-list .name,.related-list .offers{

        font-size: 16px;

        height: auto;

        padding-bottom: 3px;

        line-height: 1.4;

    }

    .products-list .pic:after{

        display: none;

    }

    .sort_box{

        margin-bottom: 0px;

        line-height: 1.45;

        height: 30px;

    }

    .plus-box{

        padding:5px 10px;

    }

    .products-info .gallery,.products-info .txt{

        width: 100%;

    }

    .related-arrow .slick-arrow:before{

        font-size: 25px;

    }

    .related-arrow:before {

        height: 25px;

        top: 0px;

    }

    .products-list .item,.search-list li{

        width: 33.33%;

        padding:5px;

        margin-bottom: 20px;

    }

    .products-list .item:nth-child(n),.search-list li:nth-child(n){

        clear: inherit;

    }

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

        clear: left;

    }



    

}



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



    .products-list .item,.search-list li{

        width: 50%;

        padding:5px;

    }

    .products-list .item:nth-child(n),.search-list li:nth-child(n){

        clear: inherit;

    }

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

        clear: left;

    }



    .plus-list {

        text-align: center;

        margin: 0;

    }

    .plus-list li {

        width: 50%;

        display: inline-block;

        margin-right: -4px;

        float: none;

        padding: 0 10px 45px;

    }

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

        width: 85px;

    }

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

        width: calc(100% - 110px);

    }

    .lightbox-wrapper{

        padding: 5px;

    }

    .arrival-box .pd-name{

        font-size: 14px;

    }

}



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

    .search-list {

        margin: 0;

    }



    .plus-list li {

        width: 100%;

        padding: 0 0 45px;

    }

}



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

    .products-list li .offers i{

        display: none;

    }

    .products-list {

        margin: 0 -15px;

    }

    .plus-list li {

        padding: 0 0 45px;

    }

}



/*------------ message ------------*/



.write-question-box {

    max-width: 1100px;

    margin: 0 auto 10px;

    text-align: center;

}



.write-question-box p {

    line-height: 1.7;

    color: #222222;

    margin: 0;

    padding: 15px;

    float: left;

}



.write-question {

    background: #686859;

    line-height: 53px;

    font-size: 18px;

    color: #FFFFFF;

    font-weight: bold;

    transition: all .2s;

    display: inline-block;

    padding: 0 0 0 25px;

    box-sizing: border-box;

}



.write-question i {

    width: 55px;

    height: 53px;

    display: inline-block;

    vertical-align: middle;

    float: right;

    margin: 0 0 0 25px;

    transition: all .2s;

    background: #3D3D34 url('../../images/common/message/ic2.png') no-repeat center;

}



.write-question:hover {

    background: #663300;

    transition: all .2s;

}



.write-question:hover i {

    background: #482400 url('../../images/common/message/ic2.png') no-repeat center;

    transition: all .2s;

}





/*------------ message ------------*/

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

}



.message-list {

    max-width: 1100px;

    margin: 0 auto;

}



.message-list li {

    border-bottom: 1px dashed #000000;

    padding: 10px 0 10px;

}



.message-question i {

    width: 30px;

    height: 30px;

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px 5px 0;

    background: url('../../images/common/message/ic.png');

}



.message-question .author-box {

    color: #666659;

    font-size: 13px;

    line-height: 1.2;

    letter-spacing: 1px;

    display: inline-block;

}



.message-question .author-box .author {

    color: #8C4600;

}



.message-question {

    cursor: pointer;

}



.message-question .title {

    font-size: 16px;

    color: #333326;

    font-weight: bold;

    margin: 4px 0 0 0px;

}



.message-answer {

    display: none;

    overflow: hidden;

    background: #535353;

    color: #fff;

    padding: 15px 15px;

    margin: 10px 0 15px;

}



.answer-table {

    display: table;

}



.message-answer .title {

    display: table-cell;

    width: 50px;

    border-right: 1px solid #FFFFFF;

    text-align: center;

    font-size: 25px;

    font-weight: bold;

    vertical-align: middle;

}



.message-answer .editor {

    display: table-cell;

    padding: 0 15px;

}





/*------------ message-form ------------*/

#message-form textarea{

    height: auto;

}

#message-form {

    max-width: 1100px;

    margin: 0 auto;

}



#message-form .form-title span {

    background: #686859;

    color: #fff;

    font-size: 20px;

    line-height: 53px;

    display: inline-block;

    vertical-align: middle;

    padding: 0 30px;

}



#message-form .reminder {

    border: 0;

    padding: 0;

    margin: 0 0 0 20px;

    text-align: left;

    display: inline-block;

    vertical-align: middle;

}



#message-form .reminder b {

    display: inline-block;

    margin: 0 0 0 20px;

}



#message-form .form-title i {

    width: 55px;

    height: 53px;

    display: inline-block;

    vertical-align: middle;

    float: right;

    margin: 0 0 0 25px;

    transition: all .2s;

    background: #3D3D34 url('../../images/common/message/ic2.png') no-repeat center;

}



#message-form .form-box {

    max-width: 100%;

    background: #FFFFFF;

    border: 1px solid #CDCDC5;

    box-sizing: border-box;

    padding: 20px;

}

#message-form .form-box .btn-box{

    padding-top: 10px;

}

#message-form .form-box .row {

    margin: 0 -15px;

}



#message-form .form-box .col {

    padding: 0 15px;

}



#message-form .form-box .control-label {

    width: 100px;

}



#message-form .form-box .captcha .form-control {

    max-width: 375px;

}



#message-form .form-box .control-box {

    width: calc(100% - 110px);

}



/*------------ rwd ------------*/

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

    #message-form .form-box .btn-box{

        padding: 0px

    }

    .write-question,

    .write-question-box p {

        float: none;

        display: block;

        text-align: center;

    }

    .write-question {

        display: block;

        width: 100%;

        position: relative;

        padding:0;

        line-height: 30px;

        font-size: 16px;

    }

    .write-question i{

        height: 30px;

        width: 30px;

        font-size: 10px;

        background-size: 70%;

    }

    .write-question:hover i{

        background-size: 70%;

    }

     #message-form .form-box {

        padding: 5px;

    }

    .message-question .title{

        font-size: 12px;

    }

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

        padding:3px;

    }



   

    #message-form .form-title {

        text-align: center;

    }

    #message-form .form-title span {

        display: block;

        margin: 0 auto;

        padding: 5px 0;

        text-align: center;

        line-height: 35px;

    }

    #message-form .reminder {

        margin: 10px;

        text-align: center;

    }

    #message-form .form-title i {

        display: none;

    }



    #message-form .form-box .control-box {

        width: auto;

    }



    .message-question .title {

        margin: 4px 5px 0;

    }

    .answer-table,

    .message-answer .title,

    .message-answer .editor {

        display: block;

        padding: 0;

    }

    .message-answer .title {

        width: auto;

        border: 0;

        border-bottom: 1px solid #FFFFFF;

        margin: 0 0 5px;

    }



    .write-question-box{

        margin-bottom: 5px;

    }

}

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

    }

    .products-list .btn{width: 100%;}

    .products-list .btn.detail{display: none;}

}

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