#side-nav {    margin-top: 0;    margin-bottom: 25px;}
#pagenav .page-prev a, #pagenav .page-next a{    padding: 0 10px;border: 1px solid #464646;}
#prolay .pro-list{overflow:hidden}
#prolay .pro-list >div{float:left;width: calc((100%/3) - 20px);margin: 10px;}
#prolay .pro-list .p-box{overflow:hidden;position:relative}
#prolay .pro-list .p-box a{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:5}
#prolay .pro-list .p-info{position:absolute;z-index:3;bottom: 27px;width:100%;left:0;color:#fff;display: none;animation-duration: 0.5s;animation-name: fadeInDown;}
#prolay .pro-list > div:hover .p-info{display: block;}
#prolay .pro-list .p-info h3{margin: 10px 30px;color:#fff;font-size:30px;line-height:110%;font-family: 'Poppins', sans-serif;}
#prolay .pro-list .p-info h3 b{display:block;font-size:14px;font-weight:400;color: #acacac;line-height:110%;margin-bottom: 10px;font-family: "微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow";}
#prolay .pro-list .p-info .describe{margin: 0 30px;color: #e8e8e8;/* overflow:hidden; *//* height:48px */}
#prolay .pro-list .p-info .price{margin:30px;overflow:hidden;color:#edd5d5;display: none;}
#prolay .pro-list .p-info .price span{float:left}
#prolay .pro-list .p-info .price span.old{float:right}
#prolay .pro-list .bgimg{position:absolute;width:100%;height:100%;z-index:1}
#prolay .pro-list .bgimg img{width:100%;height:100%;object-fit:cover;-moz-object-fit:cover;-ms-object-fit:cover;-o-object-fit:cover;-webkit-object-fit:cover}
#prolay .p-box >img{}
#prolay .pro-list .p-box:after{background:rgba(0, 0, 0, 0);content:'';width:100%;height:100%;display:block;position:absolute;z-index:2;top:0;left:0;}
#prolay .pro-list > div:hover .p-box:after{background:rgba(0,0,0,0.65);}
#products-detail{overflow:hidden}
#products-detail .sub-pro-img{float:left;width:50%}
#products-detail .sub-pro-img img{width:100%}
#products-detail .sub-pro-img .slick-slider{margin:0}
#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}
#products-detail .txt-set{float:right;width:50%}
#products-detail .txt-set .product-txt{padding:40px 0 40px 40px;color:#8b8b8b}
#products-detail .txt-set .product-txt span{
    font-family: 'Poppins', sans-serif, "微軟正黑體";
}
#products-detail .txt-set .product-txt h2{line-height:100%;margin-bottom:30px;padding-bottom:30px;font-size:23px;position:relative;margin-top:10px;color: #101010;}
#products-detail .txt-set .product-txt h2:after{content:'';display:block;width:30px;height:2px;background: #2b52a0;position:absolute;bottom:0;left:0;}

#products-detail .txt-set .product-txt h3 b {
    display: block;
}
#products-detail .txt-set .product-txt h3{font-size:15px;line-height:150%;overflow:hidden;margin-top:15px;font-weight: initial;}
#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:#3d3d3d;height:60px;text-align:center}
.orderstyleSet .orderfunction .aday.add{float:right;width:50%;background:#640000}
.orderstyleSet .ask{text-align:right}
.orderstyleSet .ask a{display:inline-block;text-align:center;color: #040404;height:60px;line-height:60px;font-size:13px;position:relative;}
.orderstyleSet .ask a b{width:40px;height:40px;border-radius:50%;line-height:40px;top:15px;text-align:center;font-size:7pt;right:20px;transition:all linear .3s;color: #151515;display:inline-block;margin-left:15px;border:1px solid #5d5d5d;}
.orderstyleSet .ask a:hover b{transform:scaleX(-1);background: #2b52a0;color: #fafafa;}
.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:#640000;color:#fff;font-size:16px;margin-left:10px;vertical-align:unset;cursor:pointer;-webkit-appearance:none}
#pro-article{margin-bottom:30px}
#pro-article .tabs{/* border-top: 1px solid #dadada; */border-bottom: 1px solid #dadada;}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color:#959595;display:block;padding:15px 25px;position:relative;background-color: #dadada;}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color: #ffffff;background-color: #2b52a0;}
#pro-article .tabs li:last-child a:after{display:none}
#tabs_container .tab_content{padding:30px 0}
#products-detail .sub-pro-img p{display:block;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#f6f1f8}
#product .entitle{margin:80px 0 30px}
#product .entitle h2{text-align:center;font-size:50px;line-height:120%;color:#6c6c6c;font-family:'Archivo Black',sans-serif;font-weight:400}
@media screen and (max-width: 1440px) {
#products-detail .txt-set .product-txt {    padding: 0 0 0 40px;}
}
@media screen and (max-width: 1280px) {
.orderstyleSet .ask a{height:50px;line-height:50px}
.orderstyleSet .ask a b{top:10px}
}
@media screen and (max-width:980px) {
#products-detail .txt-set,#products-detail .sub-pro-img{width:100%;margin-bottom:30px}
}
@media screen and (max-width: 1024px) {
#prolay .p-box >img{height:auto}
#prolay .pro-list .p-box:before{background:rgba(0,0,0,0)}
}
@media screen and (max-width: 768px) {
#prolay .pro-list >div {    width: calc((100%/2) - 20px);}
}
@media screen and (max-width: 640px) {
#products-detail .txt-set .product-txt{padding:20px 0}
#community{margin:0 0 50px}
#prolay .pro-list >div{width:100%}
}
@media screen and (max-width: 480px) {
#pro-article .tabs li a{padding:8px 15px}
#pro-article .tabs li a:after{top:8px}
#pro-article{margin-bottom:0}
.orderstyleSet .ask a{font-size:15px}
.aday p,.orderstyleSet .orderfunction .aday{line-height:40px;height:40px;font-size:14px}
}