input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

#prolay .pro-list { display: flex; flex-wrap: wrap; }
#prolay .pro-list>div { box-sizing: border-box; width: 50%; position: relative; overflow: hidden; transition: ease .3s; padding: 0px 8px; margin-bottom: 16px; }
#prolay .pro-list>div .photo { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; }
#prolay .pro-list>div .photo::after { content: ""; position: absolute; left: 0px; top: 0px; display: block; background: transparent; transition: ease .3s; width: 100%; height: 100%; }
#prolay .pro-list>div .p-box .p-info { width: 95%; color: #fff; position: absolute; left: 20px; bottom: 0px; transform: translateY(85px); transition: ease .3s; }
#prolay .pro-list>div .p-box .p-info .describe { height: 44px; overflow: hidden; padding-right: 17px; box-sizing: border-box; -webkit-line-clamp: 2; }
#prolay .pro-list>div .p-box .p-info .price { height: 23px; overflow: hidden; padding-bottom: 10px; }
#prolay .pro-list>div .p-box .p-info .price span { display: inline-block; }
#prolay .pro-list>div .p-box .p-info .price span.saleprice { margin-left: 5px; height: 28px; }
#prolay .pro-list>div .p-box .p-info .price span.saleprice b { font-size: 22px; color: red; }
#prolay .pro-list>div .p-box .p-info .title { display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px; }
#prolay .pro-list>div .p-box .p-info h3 { max-width: 65%; position: relative; font-size: 22px; font-family: 'Poppins', sans-serif; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#prolay .pro-list>div .p-box .p-info h3 a { color: #fff; }
#prolay .pro-list>div .p-box .p-info a.btn { display: block; width: 58px; height: 58px; text-align: center; line-height: 58px; border: 2px solid #fff; border-radius: 50%; margin-right: 20px; color: #fff; transition: ease .3s; opacity: 0; }

/*內頁*/
#products-detail { overflow: hidden; }
#products-detail .slick-prev { left: 25px; z-index: 5; }
#products-detail .slick-next { right: 25px; }
#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 h2 { line-height: 100%; margin-bottom: 30px; padding-bottom: 30px; font-size: 20px; position: relative; margin-top: 10px; color: #f1f1f1; }
#products-detail .txt-set .product-txt h2:after { content: ''; display: block; width: 30px; height: 2px; background: #0971f2; position: absolute; bottom: 0; left: 0; }
#products-detail .txt-set .product-txt .product-Cate { color: #fff; display: inline-block; padding: 0px 7px; background: #0971f2; font-size: 14px; }
#products-detail .txt-set .product-txt .ProductNO { color: #ccc; }
#products-detail .txt-set .product-txt h3 { font-size: 15px; line-height: 150%; overflow: hidden; color: #888; }
#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: #B3955F; height: 60px; text-align: center; }
.orderstyleSet .orderfunction .aday.add { float: right; width: 50%; background: #0971f2; }
.orderstyleSet .ask { text-align: center; }
.orderstyleSet .ask a { display: block; text-align: center; color: #fff; height: 60px; line-height: 60px; font-size: 17px; position: relative; background: #0971f2; width: 200px; border-radius: 5px; padding-right: 20px; }
.orderstyleSet .ask a b { position: absolute; width: 30px; height: 30px; background: #f9f9f9; border-radius: 50%; line-height: 30px; top: 15px; text-align: center; font-size: 12px; right: 20px; transition: all linear .3s; color: #0971f2; }
.orderstyleSet .ask a:hover b { transform: scaleX(-1); background: #fff; color: #0971f2; }
.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 #635335; width: 80px; text-align: center; background: #6f5d3c; color: #fff; border-radius: 10px; padding: 5px 0; outline: none; }
.aday p input[type="button"] { background: #0971f2; color: #fff; font-size: 16px; margin-left: 10px; vertical-align: unset; cursor: pointer; -webkit-appearance: none; }
#pro-article { margin-bottom: 30px; font-size: 16px; }
#pro-article .tabs { border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; }
#pro-article .tabs li { display: inline-block; }
#pro-article .tabs li a { color: #c3c3c3; display: block; padding: 15px 25px; position: relative; font-size: 16px; }
#pro-article .tabs li a:hover, #pro-article .tabs li.active a { color: #d8c08c; }
#pro-article .tabs li a:after { position: absolute; top: 15px; right: 0; content: '|'; color: #5d5d5d; }
#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: #2b2b2b; }
#product .entitle { margin: 80px 0 30px; }
#product .entitle h2 { text-align: center; font-size: 30px; line-height: 120%; color: #0971f2; font-family: 'Oswald', sans-serif; font-weight: 400; }

@media screen and (min-width: 1025px) and (max-width: 1320px) {
	.orderstyleSet .orderfunction { display: flex; flex-wrap: wrap; }
	.orderstyleSet .orderfunction .aday, .orderstyleSet .orderfunction .aday.add { width: 100%; }
}
@media screen and (min-width: 1025px) {
	#product #prolay .pro-list>div:hover .photo::after { background: rgba(9, 113, 242, 0.9); }
	#product #prolay .pro-list>div:hover .p-box .p-info { transform: translateY(0px); }
	#product #prolay .pro-list>div:hover .p-box .p-info { transform: translateY(0px); }
	#product #prolay .pro-list>div:hover .p-box .p-info a.btn { opacity: 1; }
}
@media screen and (max-width: 1200px) {
	#prolay .pro-list>div .p-box .p-info .title { padding-bottom: 25px; }
}
@media screen and (max-width: 420px) {
	#prolay .pro-list>div .p-box .p-info h3 a { font-size: 16px; }
	#prolay .pro-list>div .p-box .p-info .title { padding-bottom: 0px; }
}
@media screen and (max-width: 768px) {
	.orderstyleSet .orderfunction { display: flex; flex-wrap: wrap; }
	.orderstyleSet .orderfunction .aday, .orderstyleSet .orderfunction .aday.add { width: 100%; }
}
@media screen and (max-width: 580px) {
	#products-detail .sub-pro-img, #products-detail .txt-set { width: 100%; }
}
@media screen and (max-width: 374px) {
	#pro-article .tabs li a { padding: 15px; }
}