#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: #b69fbc; color: #ececec; }
#pagenav a b { padding: 0 5px; display: inline-block; color: #b078c1; }
#pagenav a:hover b { color: #fff; }
#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; 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: 14px; color: #c34b4b; }
#prolay .pro-list .p-border .p-info .price span.old { float: right; text-decoration: line-through; color: #a2a2a2; font-size: 12px; }
#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 { 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; padding-top: 0; }
#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: #eac996; 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 { 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: #fff; 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 .3s; color: #fff; }
.orderstyleSet .ask a:hover b { transform: scaleX(-1); background: #fff; color: #a77bb2; }
.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: #b69fbc; 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-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: #f7f7f7; }
#pro-article .tabs li a:after { position: absolute; top: 15px; right: 0; content: '|'; color: #e6e6e6; }
#pro-article .tabs li.active a:before { position: absolute; top: 0px; left: 0; content: ''; background: #965ba5; width: calc(100% - 5px); height: 100%; z-index: -1; }
#pro-article .tabs li:last-child a:before { width: 100%; }
#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; text-align: center; }
#product .entitle h2 { text-align: center; font-size: 35px; line-height: 120%; font-family: 'Gloria Hallelujah', cursive; color: #b69fbc; display: inline-block; margin: 0 50px; }
#product .entitle img { display: inline-block; }
.page-p-title-name { overflow: hidden; margin-bottom: 50px; }
.main-article .page-p-title-name .pagetitle { border-bottom: 0; margin-bottom: 0; float: left; width: 40%; color: #d2a561; font-weight: bold; }
.page-p-title-name h2 span { display: block; font-size: 15px; color: #505050; font-weight: normal; }
.page-p-title-name h3 { float: right; width: 50%; font-weight: normal; font-size: 14px; line-height: 180%; text-align: right; color: #ababab; }

@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; }
	#pro-article .tabs li a:hover:before { position: absolute; top: 0px; left: 0; content: ''; background: #965ba5; width: calc(100% - 5px); height: 100%; z-index: -1; }
}
@media screen and (min-width: 1281px) {
	#prolay .pro-list>div:nth-child(3n-1) { margin: 10px 30px; }
}
@media screen and (max-width: 1440px) {
	#product .entitle img { width: 100px; }
}
@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; }
	.main-article .page-p-title-name .pagetitle { width: 100%; }
	.page-p-title-name h3 { width: 100%; text-align: left; line-height: 150%; }
}
@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: 0 0 50px; }
	#product .entitle h2 { font-size: 27px; margin: 0 30px; }
	#product .entitle img { width: 70px; }
}
@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: 0; }
	.orderstyleSet .ask a { font-size: 15px; }
	.aday p, .orderstyleSet .orderfunction .aday { line-height: 40px; height: 40px; font-size: 14px; }
	#product .entitle h2 { font-size: 22px; margin: 0 20px; }
	#product .entitle img { width: 40px; }
}