#product { position: relative; z-index: 2; padding: 40px 0; }
#product .pro-list { position: relative; z-index: 3; }
#product .pro-list .p-box { overflow: hidden; margin-bottom: 70px; }
#product .pro-list .photo { float: left; width: 50%; }
#product .pro-list .photo a { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #37414f; }
#product .pro-list .photo a img { width: 100%; }
#product .pro-list .p-border { float: right; padding: 50px; background: #fff; width: calc(50% - 100px); margin: 70px 0 0; position: relative; }
#product .pro-list .p-border h4 { display: inline-block; color: #fff; background: #37414f; padding: 10px 30px; border-radius: 25px; font-size: 16px; border: 3px solid #c3c3c3; line-height: 100%; position: absolute; top: -20px; left: 25px; }
#product .pro-list .p-border .p-info h3 { margin-bottom: 15px; }
#product .pro-list .p-border .p-info h3 a { display: block; line-height: 130%; font-size: 24px; color: #191717; }
#product .pro-list .p-border .p-info h3 a:hover { color: #37414f; }
#product .pro-list .p-border .p-info .describe { font-size: 15px; color: #505050; }
#product .pro-list .p-border .price { background: #eaeaea; padding: 15px 30px; margin-top: 20px; }
#product .pro-list .p-border .price p { color: #676767; font-size: 15px; }
#product .pro-list .p-border .price p.old { text-decoration: line-through; }

#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; }
#products-detail .txt-set .product-txt h1 { line-height: 100%; margin-bottom: 20px; padding-bottom: 20px; position: relative; margin-top: 10px; color: #000; }
#products-detail .txt-set .product-txt h1: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 { 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: #ef6919; }
.orderstyleSet .ask { background: #ef6919; 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: #fff; border-radius: 50%; line-height: 30px; top: 15px; text-align: center; font-size: 12px; right: 20px; transition: all linear .3s; color: #ef6919; }
.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: #ef6919; 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 #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: #ef6919; }
#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: #dcdcdc; }
#product .entitle { margin: 80px 0 30px; position: relative; z-index: 2; }
#product .entitle h2 { text-align: center; font-size: 30px; line-height: 120%; color: #37414f; }

#describe { position: relative; z-index: 2; }
#describe .slick-prev { left: 25px; z-index: 3; }
#describe .slick-next { right: 25px; z-index: 3; }

@media screen and (min-width: 981px) {
	#product .pro-list .p-border { transform: translateX(-80px); }
	#product:after { content: ''; background: #eaeaea; display: block; width: 2px; height: 100%; position: absolute; z-index: 1; left: calc(50% - 1px); top: 0; }
	#product .pro-list .photo { width: calc(50% - 110px); margin-left: 80px; }
}
@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) {
	#product .pro-list .photo { width: 100%; }
	#product .pro-list .p-border { width: calc(100% - 100px); margin: 0; padding: 50px; }
	#products-detail .txt-set, #products-detail .sub-pro-img { width: 100%; margin-bottom: 30px; }
}
@media screen and (max-width: 640px) {
	#products-detail .txt-set .product-txt { padding: 20px 0; }
}
@media screen and (max-width: 480px) {
	#product .pro-list .p-border { width: calc(100% - 60px); padding: 30px; }
	#product .pro-list .p-border .p-info h3 a { font-size: 20px; }
	#product .pro-list .p-border h4 { font-size: 14px; left: 20px; padding: 8px 20px; }
	#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; }
}
@media screen and (max-width: 370px) {
	#product .pro-list .p-border { width: calc(100% - 40px); padding: 30px 20px; }
}