/* pagenav */
#pagenav .page-prev a, #pagenav .page-next a{ background: rgba(229, 214, 234, 0.64); color: #5d5d5d; padding: 2px 10px; }
#pagenav .page-prev a:hover, #pagenav .page-next a:hover{ background: rgb(182, 159, 188); color: #ececec; }
#pagenav a b{ padding: 0 5px; display: inline-block; color: #b078c1; }
#pagenav a:hover b{ color:#fff; }

/* prolay */
#prolay .pro-list{overflow:hidden}
#prolay .pro-list >div{float:left;width:calc((100% - 60px) / 3);margin: 10px 0;}
#prolay .pro-list .p-border{margin-bottom:40px}
#prolay .pro-list .p-border .photo a,#news li .photo a,#comprehensive .bxslider a,#book .webframe ul li .photo{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:rgba(222,216,224,0.41)}
#prolay .pro-list .p-border .photo a img,#news li .photo a img,#comprehensive .bxslider a img,#book .webframe ul li .photo a img{width:100%}
#prolay .pro-list .p-border .p-info h3{margin:14px 0 3px}
#prolay .pro-list .p-border .p-info h3 a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#2e2f35;font-size:20px;line-height:120%}
#prolay .pro-list .p-border .p-info .describe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#6a717d;height:21px}
#prolay .pro-list .p-border .p-info .price{overflow:hidden;height:21px}
#prolay .pro-list .p-border .p-info .price span{float:left;font-size:12px;color:#8d7693}
#prolay .pro-list .p-border .p-info .price span.old{float:right;text-decoration:line-through;color:#a2a2a2}
#prolay .pro-list .p-box, #prolay .pro-list >div:hover .p-border .p-info h3 a,
#prolay .pro-list >div:hover .p-border .p-info .describe{transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;-webkit-transition:all linear .3s}

/* products-detail */
#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 img:first-child{display: none; }
#products-detail .sub-pro-img .slick-slider{ margin:0; }
#products-detail .sub-pro-img .slick-slider *{ 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; }
#products-detail .txt-set .product-txt h2{ line-height: 100%;  margin-bottom: 30px; padding-bottom: 30px; font-size: 20px; position:relative; margin-top:10px; color: #000; }
#products-detail .txt-set .product-txt h2:after{ content:''; display:block; width:30px; height:2px; background: #9fbcb7; position:absolute; bottom:0; left:0; }
#products-detail .txt-set .product-txt h3{ font-size: 15px; line-height: 150%; overflow: hidden; }
#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 */
.orderstyleSet{ padding: 30px 0 0; overflow:hidden; }
.orderstyleSet .orderfunction{ overflow:hidden; }
.orderstyleSet .orderfunction .aday{ float: left; width: 50%; background: #818181; height: 60px; text-align:center; }
.orderstyleSet .orderfunction .aday.add{ float:right; width: 50%; background: #b69fbc; }
.orderstyleSet .ask{ background: #a77bb2; text-align:center; }
.orderstyleSet .ask a{ display: block; text-align: center; color: #ffffff; height: 60px; line-height: 60px; font-size: 17px; position:relative; }
.orderstyleSet .ask a b{ position: absolute; width: 30px; height: 30px; background: #b69fbc; border-radius: 50%; line-height: 30px; top: 15px; text-align: center; font-size: 12px; right: 20px; transition:all linear 0.3s; color:#fff; }
.orderstyleSet .ask a:hover b{ transform: scaleX(-1); background: #ffffff; color: #a77bb2; }

/* aday */
.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: #666666; color: #fff; border-radius: 10px; padding: 5px 0; outline: none; }
.aday p input[type="button"]{ background: #b69fbc; color: #fff; font-size: 16px; margin-left: 10px; vertical-align: unset; cursor:pointer; -webkit-appearance:none; }

/* pro-article */
#pro-article{ margin-bottom: 30px; }
#pro-article .tabs{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
#pro-article .tabs li{ display: inline-block; }
#pro-article .tabs li a{ color: #444343; display: block; padding: 15px 25px; position:relative; }
#pro-article .tabs li a:hover, #pro-article .tabs li.active a{ color: #ac6abd; }
#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: 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: 30px; line-height: 120%; font-family: 'Gloria Hallelujah',cursive; color: #b69fbc;}

@media screen and (min-width: 1025px) {
	#prolay .pro-list >div:hover .p-box{transform: translateY(-5px);}
	#prolay .pro-list >div:hover .p-border .p-info h3 a{ color: #9f96ca;}
}
@media screen and (min-width: 1281px) {
	#prolay .pro-list >div:nth-child(3n-1){margin: 10px 30px;}
}
@media screen and (max-width: 1280px) {
	#prolay .pro-list >div{width:calc((100% - 30px) / 2)}
	#prolay .pro-list >div:nth-child(odd){margin-right:30px}
	.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 .pro-list >div:nth-last-of-type(1) .p-border,#prolay .pro-list >div:nth-last-of-type(2) .p-border{margin-bottom:0}
}
@media screen and (max-width: 640px) {
	#prolay .pro-list .p-border .p-info h3 a{ font-size: 17px;}
	#prolay .pro-list .p-border{ margin-bottom: 20px;}
	#products-detail .txt-set .product-txt{ padding: 20px 0; }
	#community{margin: 0px 0 50px;}
}
@media screen and (max-width: 480px) {
	#prolay .pro-list >div{width:calc((100% - 5px) / 2)}
	#prolay .pro-list >div:nth-child(odd){margin-right:5px}
	#pro-article .tabs li a{ padding: 8px 15px;	}
	#pro-article .tabs li a:after{ top: 8px; }
	#pro-article{ margin-bottom: 0px; }
	.orderstyleSet .ask a{ font-size:15px; }
	.aday p, .orderstyleSet .orderfunction .aday{line-height: 40px;height: 40px;font-size: 14px;}
}