/* productlist */
#productlsit ul { font-size: 0; }
#productlsit ul li {position: relative;overflow: hidden;margin: 10px 20px;width: calc((100% / 3) - 40px);display: inline-block;vertical-align: top;}
#productlsit ul li a {position: absolute;inset: 0;z-index: 2;}
#productlsit ul li > div {position: relative;overflow: hidden;z-index: 1;}
#productlsit ul li .img:before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,.5);opacity: 0;z-index: 1;}
#productlsit ul li .img font.bg {display: block;background: no-repeat 50% / cover;}
#productlsit ul li .img .price {position: absolute;right: 0;bottom: 0;padding: 0 10px;background: #fff;z-index: 3;}
#productlsit ul li .img .price p,
#productlsit ul li .img p font {display: inline-block;margin-right: 5px;padding: 0 5px;font-size: 18px;color: #eb6100;}
#productlsit ul li .img .price p font:first-child {font-size: 13px;color: #888;}
#productlsit ul li .info {margin: 15px 20px 20px;height: 34px;font-size: 20px;-webkit-line-clamp: 1;}
#productlsit ul li .info_text {margin: -14px 20px 20px;height: 32px;font-size: 13px;-webkit-line-clamp: 1;}

/* productdetail */
#productdetail {margin: 50px 0 30px;display: flex;justify-content: center;gap: 60px;}
#imglist {width: 45%;display: flex;justify-content: center;}
#imglist .img {width: 585px;height: 420px;background: #b7d6f2; display: flex;align-items: center;justify-content: center;}
#imglist a.photo {display: block;width: 100%;height: 100%;}
#imglist a.photo img:first-child {display: block;width: auto;max-width: 100%;object-fit: contain;}
#productinfo {width: 370px;background: #fff;padding: 90px 20px;box-shadow: 0 0 20px rgba(0,0,0,.08);display: flex;flex-direction: column;}
#productinfo h2 {font-size: 32px;margin-bottom: 10px;}
#productinfo .price {margin-bottom: 20px;}
#productinfo .info {margin: 15px 0;}
#productinfo .info .txt {display: flex;padding: 6px 12px;background: #151329;}
#productinfo .info label {width: 90px;color: #eb6100;}
#productinfo .info a,#productinfo .info b {color: #fff;}
#productinfo article {margin-bottom: 30px;font-size: 17px;line-height: 1.8;color: #616161;}
#productinfo .btns a.ask {display: inline-block;padding: 8px 20px;color: #fff;background: #eb6100;border: 1px solid #000;}

/* productTabs */
#productTabs ul.tabs {margin: 50px 0 35px;padding: 0 15px;border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 0;}
#productTabs ul.tabs li {display: inline-block;}
#productTabs ul.tabs li a {padding: 10px 25px;background: #fff;border: 1px solid #eee;border-bottom: 0;color: #8a8d91;}
#productTabs ul.tabs li.active a {background: #eb6100;border-color: #eb6100;color: #fff;}


@media screen and (min-width:1281px) {
	#productlsit ul li:hover .img:before { opacity: 1; }
	#productlsit ul li:hover .img font.bg {
	transform: scale(1.2);
	}
}

@media screen and (max-width:1280px) {
	#productdetail { gap: 40px; }
	#imglist { width: 55%; }
	#productinfo { max-width: 420px; width: 100%; }
}

@media screen and (max-width:980px) {
	#productdetail {flex-direction: column;align-items: center;text-align: center;}
    #imglist,#productinfo {width: 100%;}
	#imglist .img {width: 100%;aspect-ratio: 585 / 420;}
	#productinfo {padding: 20px 15px;box-shadow: none;}
	#productinfo .btns {text-align: center;}
}

@media screen and (max-width:640px) {
	#productlsit ul li {margin: 15px 0;width: 90%;}
}