a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block}
#pagenav{padding:0 0px 40px}
#pagenav a b{border:1px solid #9e9e9e;padding:2px 19px;border-radius:5px}
.blind:after{display:none}
#products .pro-list{overflow:hidden}
#products .pro-list >div{float:left;width:calc(100% / 4)}
#products .p-box{position:relative;background:rgba(0,0,0,0.18);margin:15px;overflow:hidden;transition:all linear .3s;border:5px #f0f0f0 solid}
#products .p-box .p-info{position:absolute;z-index:1;width:100%;color:#fff;bottom:0;left:0;background:rgba(135,135,135,0.12)}
#products .p-box .p-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;margin:13px;font-weight:400;font-size:18px;font-weight:700}
#products .p-box .p-info h3 a{color:#575757}
#products .p-box .p-info h3 a b{position:absolute;right:0}
#products .p-box .p-info .describe{margin:8px 12px 10px;overflow:hidden;height:48px;color:#575757}
#products .p-box .p-info .price{margin:9px 20px;overflow:hidden;position:relative;font-size:16px}
#products .p-box .p-info .price span{float:left;font-size:14px}
#products .p-box .p-info .price span.old{float:right;font-size:12px;color:#7e7e7e}
#products .p-box .p-info .price span b{font-size:16px;margin:0 3px}
#products .p-box .p-info .price span.old b{font-size:12px}
#products .p-box .bgimg{position:absolute;left:0;top:0;width:100%;height:100%;transition:all linear .3s;background:#fff}
#products .p-box .bgimg img{width:100%;height:100%;object-fit:cover;transition:all linear .3s}
#product #w-particles{overflow:hidden;position:absolute;bottom:0;left:0;right:0;top:0}
#product #w-particles canvas{width:100%;height:100%}
#product #w-particles #particles{height:100%;background:linear-gradient(to left,rgba(0,0,0,0.52) 20%,hsla(0,0%,0%,0) 100%)}
#products .p-box >img,.bookStyle >img,#news li .border .photo img,#ssbanner a img{width:100%}
#products .p-box .bgimg a{transition:all linear .3s}
#products-detail,#products-content{overflow:hidden;padding:0px}
#products-detail .sub-pro-img{float:left;width:680px;background:#ffffff}
#products-detail .txt-set{float:right;width:calc(100% - 700px);margin-top:30px}
#products-detail .pagetitle{text-align:inherit;margin:5px 0 0px}
#products-detail .txt-set .product-txt{padding:0}
#products-detail .txt-set .product-txt li{border-bottom:1px solid #dedede;font-size:17px;line-height:150%}
#products-detail .txt-set .product-txt li.pName{padding:20px}
#products-detail .txt-set .product-txt li:first-child{border-top:1px solid #dedede}
#products-detail .txt-set .product-txt li .ma{display:inline-block;vertical-align:top;width:150px;padding:10px 20px;margin:10px 0;color:#171717;font-weight:700}
#products-detail .txt-set .product-txt li .bo{display:inline-block;padding:10px 20px;margin:10px 0;width:calc(100% - 238px);margin-left:-4px;border-left:1px solid #dedede}
#products-detail .txt-set .product-txt .price{margin-top:30px}
#products-detail .txt-set .product-txt .price p{margin-top:5px}
#products-detail .txt-set .product-txt .price p span{font-size:13px}
#products-detail .txt-set .product-txt .price p span b{font-family:'Josefin Sans',sans-serif;font-size:24px;margin-left:15px}
#products-detail .txt-set .product-txt .price p .money-sale{text-decoration:line-through;color:#a9a9a9}
.orderstyleSet{padding:30px 0 0;overflow:hidden}
.orderstyleSet .orderfunction{overflow:hidden}
.orderstyleSet .orderfunction .aday{float:left;width:50%;background:#333;height:60px;text-align:center}
.orderstyleSet .orderfunction .aday.add{float:right;width:50%;background:#ff992c}
.orderstyleSet .ask{background:#eeeeee;text-align:center;width:40%;float:left;margin-right:20px;padding:1px 10px}
.orderstyleSet .ask a{display:block;text-align:center;color:#585858;height:60px;line-height:60px;font-size:17px;position:relative;font-weight:bold}
.orderstyleSet .ask a b,.orderstyleSet .ask2 a b{position:absolute;width:30px;height:30px;background:#b89aaf;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color:#fff}
.orderstyleSet .ask a:hover b,.orderstyleSet .ask2 a:hover b{transform:scaleX(-1);background:#ffffff;color:#090909}
.orderstyleSet .ask2{background:#e9e9e9;text-align:center;width:40%;float:left;margin-right:20px;padding:1px 10px;border-radius:5px}
.orderstyleSet .ask2 a{display:block;text-align:center;color:#646464;height:60px;line-height:60px;font-size:17px;position:relative;font-weight:bold}
.orderstyleSet .ask a b{position:absolute;width:30px;height:30px;background:#535353;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color:#fff}
.orderstyleSet .ask2 a b{position:absolute;width:30px;height:30px;background:#acacac;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color:#fff}
.orderstyleSet .ask a:hover b{transform:scaleX(-1);background:#ffffff;color:#090909}
.orderstyleSet .ask2 a:hover b{transform:scaleX(-1);background:#9a9a9a}
.aday p{color:#fff;display:inline-block;line-height:60px;text-align:center;font-size:16px;vertical-align:text-bottom}
.aday p.bi{color:#706e69;font-size:12px;width:auto}
.aday p.bi b{color:#00aebb;font-size:16px;margin-left:5px}
.aday p.bi b input[type="number"]{border:1px solid #919191;width:80px;text-align:center;background:#666;color:#fff;border-radius:10px;padding:5px 0;outline:none}
.aday p input[type="button"]{background:#ff992c;color:#fff;font-size:16px;margin-left:10px;vertical-align:unset;cursor:pointer;-webkit-appearance:none}
#pro-article{margin-bottom:0px}
#pro-article .tabs{border-top:1px solid #ffffff;border-bottom:1px solid #d6d6d6}
#pro-article .tabs li{display:inline-block;width:33.3%;background-color:#f1f1f1;text-align:center}
#pro-article .tabs li a{color:#000000;display:block;padding:15px 25px;position:relative}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color:#d1b084}
#pro-article .tabs li a:after{position:absolute;top:15px;right:0;content:'|';color:#e6e6e6}
#pro-article .tabs li:last-child a:after{display:none}
#tabs_container .tab_content{padding:15px 0 0px;line-height:220%}
#products ul,.productInfo,.productInfo .pImage .bd ul{overflow:hidden}
#products ul li{float:left;margin:10px 10px 25px;width:calc((100% / 3) - 40px);padding-bottom:10px;position:relative;background-color:rgba(255,255,255,0.6);padding:10px;box-shadow:-1px 2px 20px rgb(0 0 0 / 5%)}
#products ul li .productPhoto a{overflow:hidden;position:relative}
#products ul li .productPhoto a:after{position:absolute;width:100%;height:100%;top:-100%;background:rgba(150,117,140,0.06) no-repeat 50%;display:block;content:"";transition:all 0.4s ease}
#products ul li:hover .productPhoto a:after{top:0}
#products ul li h3{}
#products ul li h3 a{color:#6a5c88;font-weight:bold;display:block;font-size:20px;overflow:hidden;line-height:30px;width:100%;text-align:center;margin:20px auto}
#products ul li a.more{color:#575757;display:block;text-align:center;font-weight:bold;background:rgba(255,255,255,0.11);font-size:14px;line-height:130%;padding:5px 0;width:100px;margin:10px auto;border-bottom:1px solid #9d9d9d;font-family:'Cormorant',serif;text-transform:uppercase}
#products ul li p{overflow:hidden;font-size:14px;height:35px;text-align:center;display:none}
#products ul li p span{float:right}
#products ul li p span.old{float:initial;height:24px;color:#3b3b3b;overflow:hidden}
#products ul li p span b{font-size:18px;margin:0 5px;color:#db1414;vertical-align:bottom}
#products ul li p span.old b{font-size:14px;color:#9d9d9d;font-size:20px;color:#3b3b3b;overflow:hidden;vertical-align:top}
.productInfo .pImage{float:left;width:360px}
.productInfo .pInfo{float:right;width:calc(100% - 400px)}
.productInfo .pImage li{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block}
.productInfo .pImage li img{width:100%;max-width:inherit}
.productInfo .pImage .hd ul{text-align:center}
.productInfo .pImage .hd ul li{margin:10px 5px;width:15px;height:15px;border-radius:50%;background:#d1b084;display:inline-block;text-indent:-999px}
.productInfo .pImage .hd ul li.on,.productInfo .pImage .hd ul li:hover{background:#a68b68}
.productInfo .pInfo{color:#5d5d5d;font-size:12px;padding:20px 0 0}
.productInfo .pInfo h3{line-height:140%;font-size:24px;color:#434343}
.productInfo .pInfo article{font-size:15px;color:#707070}
.productInfo .pInfo .payBox{margin:20px 0 0;color:#807f7f;border-left:1px solid #d1b084;padding:10px 30px}
.productInfo .pInfo .payBox p{margin:0}
.productInfo .pInfo .payBox div p:first-child{font-size:12px;text-decoration:line-through;color:#898989;font-style:italic}
.productInfo .pInfo .payBox p.price{font-size:20px;margin-bottom:20px}
.productInfo .pInfo .payBox article{text-decoration:underline}
.productInfo .pInfo p{font-size:16px;font-weight:bold;color:#3a3939;margin-top:10px}
.productInfo .pInfo p.ProductNO{font-size:14px;color:#999;margin-top:0;font-weight:normal}
.productInfo .pInfo p.price{font-size:22px;color:#dc1d1d}
.productInfo .pInfo p input{padding:0 10px;width:50px;display:inline-block;vertical-align:text-bottom}
.productInfo .pInfo p.buy{padding-top:5px;display:inline-block}
.productInfo .pInfo p.buy a{padding:10px;width:144px;background:#936e3d;display:block;color:#fff;font-size:14px}
.productInfo .pInfo p.buy a i{margin-left:50px}
.productInfo .pInfo p.buy a:hover i{animation:animatedIcon .5s;-webkit-animation:animatedIcon .5s;-moz-animation:animatedIcon .5s;-ms-animation:animatedIcon .5s;-o-animation:animatedIcon .5s}
@keyframes animatedIcon{0%{margin-left:50px}
25%{margin-left:45px}
50%{margin-left:50px}
75%{margin-left:45px}
100%{margin-left:50px}
}@-o-keyframes animatedIcon{0%{margin-left:50px}
25%{margin-left:45px}
50%{margin-left:50px}
75%{margin-left:45px}
100%{margin-left:50px}
}@-webkit-keyframes animatedIcon{0%{margin-left:50px}
25%{margin-left:45px}
50%{margin-left:50px}
75%{margin-left:45px}
100%{margin-left:50px}
}@-moz-keyframes animatedIcon{0%{margin-left:50px}
25%{margin-left:45px}
50%{margin-left:50px}
75%{margin-left:45px}
100%{margin-left:50px}
}@-ms-keyframes animatedIcon{0%{margin-left:50px}
25%{margin-left:45px}
50%{margin-left:50px}
75%{margin-left:45px}
100%{margin-left:50px}
}.prod-art #products{margin-top:50px}
.prod-art .pro-article{overflow:hidden;margin-bottom:10px;position:relative}
.prod-art .pro-article ul.tabs{width:100%;height:30px;border-bottom:1px #d1b084 solid;overflow:visible}
.prod-art .pro-article ul.tabs li{margin:0 3px -1px 0;height:29px;float:left;overflow:hidden;position:relative}
.prod-art .pro-article ul.tabs li a{padding:0 25px;height:29px;display:block;text-align:center;line-height:35px;color:#757575}
.prod-art .pro-article ul.tabs li.active{border:1px #d1b084 solid;border-bottom:1px #fff solid;color:#d1b084}
.prod-art .pro-article ul.tabs li.active a{color:#231F1F;font-weight:bold}
.prod-art .pro-article .tab_container{clear:left;margin:15px 0 0;width:100%}
.prod-art .pro-article .tab_container .tab_content{margin:0 10px;line-height:170%;font-size:16px}
#products .otherTit{background:url(/images/11/main/img-other.png) repeat-x 0 50%;text-align:center}
#products .otherTit p{padding:0 15px;color:#d1b084;background:#fff;display:inline-block;font-size:27px;font-weight:normal}
#products .otherTit span{font-size:40px;vertical-align:initial}
#imglist img{margin-bottom:20px;width:100%;object-fit:contain;height:470px}
#imglist .img_nav img{margin:0 10px 0 0;width:100px;height:100px;object-fit:cover}
#products-detail .slick-prev{left:25px;z-index:5}
#products-detail .slick-dots li button:before{color:#999;font-size:10px;opacity:.25}
#products-detail .slick-dots li.slick-active button:before{color:#7f64b7;opacity:.75}
#products-detail .slick-prev:before,#products-detail .slick-next:before{color:#404040;font-family:'Noto Sans TC';font-size:22px;opacity:1}
#products-detail .slick-next{right:25px}
#products-detail .sub-pro-img{}
#products-detail .sub-pro-img img{}
#products-detail .sub-pro-img .img_nav{margin-top:30px}
#products-detail .sub-pro-img .slick-slider div,#products-detail .sub-pro-img .slick-slider p,#products-detail .sub-pro-img .slick-slider li,#products-detail .sub-pro-img .slick-slider img{outline:none}
#products-detail .sub-pro-img .slick-dots{bottom:-10px}


@media screen and (min-width:1024px){#products ul li a.more:hover{background:#a5929f}
}
@media screen and (min-width:1025px){#products .p-box .p-info{transition:all linear .3s;height:-2px;bottom:-97px}
#products .p-boxOver:hover .p-info{bottom:0}
#products .p-box:hover .bgimg{left:-3%;top:-3%;width:106%;height:106%}
#products .sthOver .p-box .bgimg img{opacity:.2}
#products .sthOver .p-boxOver .bgimg img{opacity:1}
}
@media screen and (max-width:1280px){#products-detail .sub-pro-img{width:350px}
#products-detail .txt-set{width:calc(100% - 420px)}
}
@media screen and (max-width:1024px){#products .pro-list >div{width:50%}
#products-detail .sub-pro-img{width:100%;margin-bottom:50px}
#products-detail .txt-set{width:100%;margin-top:0}
}
@media screen and (max-width:768px){#products .p-box{margin:10px}
#products .p-box .p-info h3{margin:10px 20px;font-size:17px}
#products .p-box .p-info .describe{margin:10px 20px;height:47px}
.productInfo .pImage{float:none;margin:0 auto}
.productInfo .pInfo{float:none;margin:0 auto;width:90%}
#products ul li h3 a{font-size:18px}
#imglist .img_nav img{width:70px;height:70px}
#products ul li{width:calc((100% / 2) - 40px);margin: 10px 10px 15px;}
}
@media screen and (max-width:640px){#products .p-box .p-info .describe{height:27px;margin:10px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#products-detail,#products-content{padding:0}
#products-detail .txt-set .product-txt li .ma{width:100px;padding:5px 10px;margin:2px 0}
#products-detail .txt-set .product-txt li .bo{padding:5px 10px;margin:2px 0;width:calc(100% - 148px)}
#products-detail .txt-set .product-txt li.pName{padding:10px}
#pagenav{padding:0 0 50px}
#products .otherTit p{font-size:20px}
#products .otherTit span{font-size:30px}
.prod-art .pro-article ul.tabs li a{padding:0 15px}
.orderstyleSet .ask,.orderstyleSet .ask2{background:#e9dfe6;text-align:center;width:88%;float:left;margin-right:20px;padding:1px 10px;border-radius:5px;margin:6px 0}
#products ul li h3 a{font-size:18px;letter-spacing:0.1px;margin:10px auto}
#products-detail .slick-prev,#products-detail .slick-next{background-color:rgb(8 8 8 / 58%);width:40px;height:40px}
#products-detail .slick-prev:before,#products-detail .slick-next:before{color:#ffffff}
#products-detail .slick-next{right:0}
#products-detail .slick-prev{left:0;z-index:5}
}
@media screen and (max-width:480px){#products .p-box .p-info h3{margin:10px;font-size:16px}
#products .p-box .p-info .price{margin:0 10px}
#products .p-box{margin:2px}
#products .p-box .p-info .describe,#products .p-box .p-info h3 a b{display:none}
#products .p-box .p-info .price span{font-size:8pt}
#products .p-box .p-info .price span.old,#products .p-box .p-info .price span.old b{font-size:6pt}
#products ul li{width: calc((100% / 1) - 80px);margin: 10px 30px 15px;}
}
@media screen and (max-width:450px){#products ul li p span b{margin:0 2px}
#products ul li p span.old{margin-top:3px}
#products ul li p span.old,#products ul li p span.old b{font-size:12pt;font-weight:900}
.productInfo .pImage{width:300px}
.productInfo .pInfo{width:90%}
}
@media screen and (max-width:380px){
}