/* imglist */
#imglist img {height: 440px;width: 100%;object-fit: contain;}
#imglist .img_nav img { margin: 0 10px 0 0; width: 100px; height: 100px; }
#productdetail .photo a{display: block;background-repeat: no-repeat;background-position: 50% 30%;background-size: cover;}
#productdetail .photo a img{width: 100%;height: 440px;}
#imglist .img_box {margin-bottom: 20px;}


/* productlsit */
#productlsit ul { font-size: 0; }
#productlsit ul li {position: relative;overflow: hidden;margin: 10px 10px;width: calc((100% / 4) - 30px);display: inline-block;vertical-align: top;border: 3px #f4f4f4 solid;}
#productlsit ul li a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 2; }
#productlsit ul li >div { position: relative; overflow: hidden; z-index: 1; }
#productlsit ul li .img:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0; opacity: 0; content: ""; z-index: 1; }
#productlsit ul li .img font.bg { background: no-repeat 50% / cover; display: block; }
#productlsit ul li .img .price { position: absolute; padding: 0 10px; background: #fff; right: 0; bottom: 0; z-index: 3; }
#productlsit ul li .img .price p , #productlsit ul li .img p font { margin-right: 5px; padding: 0 5px; display: inline-block; font-size: 18px; color: #d21a20; vertical-align: baseline; }
#productlsit ul li .img p font { padding: 5px 0; }
#productlsit ul li .img .price p font:first-child { font-weight: 300; font-size: 13px; color: #888; }
#productlsit ul li .img .price p.old font:last-child { color: #535353; }
#productlsit ul li .img{padding: 20px;background-color: #fff;}
#productlsit ul li .info {margin: 25px 20px 20px;font-weight: 400;-webkit-line-clamp: 1;margin-bottom: 20px;border-bottom: 2px solid #393939;padding-top: 0px;padding-bottom: 10px;}
#productlsit ul li .info h3{-webkit-line-clamp: 1;height: 34px;font-size: 19px;font-weight: 600;}
#productlsit ul li .info p{font-weight: 700;font-size: 14px;}

#productlsit ul .slick-prev, #productlsit ul .slick-next{background-color: rgb(0 0 0 / 54%);align-items: center;width: 60px;height: 60px;padding-left: 10px;padding-right: 10px;z-index: 10;}
#productlsit ul .slick-prev:before {content: '<';font-family: 'Noto Sans TC', 'Noto Sans TC', serif;}
#productlsit ul .slick-next:before {content: '>';font-family: 'Noto Sans TC', 'Noto Sans TC', serif;}
#productlsit ul .slick-next{right: 0px;}
#productlsit ul .slick-prev{right: auto;left: 0px;}


/* productdetail */
#productdetail {margin: 60px 0 30px;font-size: 0;}
#productdetail .row {margin-bottom: 0;width: 42%;display: inline-block;}
#productdetail #imglist >div a.photo { position: relative; }
#productdetail #imglist >div a.photo img { width: 100%; }
#productdetail #imglist >div a.photo img:first-child { position: absolute; height: 100%; top: 0; left: 0; opacity: 0; z-index: -999; }
#productdetail #productinfo {margin-left: 6%;width: 45%;}
#productdetail #productinfo h2 {position: relative;clear: both;margin-bottom: 25px;padding: 15px 0;border-bottom: 2px solid #393939;font-size: 30px;font-weight: 700;color: #1a1a1a;display: grid;}
#productdetail #productinfo h2:before {content: "";position: absolute;bottom: -2px;left: 0;width: 45px;height: 5px;background-color: #8d2221;}
#productdetail #productinfo .price {margin-bottom: 20px;display: none;}
#productdetail #productinfo .price font { display: inline-block; vertical-align: bottom; line-height: 100%; font-size: 28px; }
#productdetail #productinfo .price font.offer { color: #d21a20; }
#productdetail #productinfo .price font.old { margin-left: 10px; font-size: 15px; opacity: .6; }
#productdetail #productinfo .price font:nth-child(2) { text-decoration: line-through; }
#productdetail #productinfo .txt { overflow: hidden; margin: 5px 0; text-align: right; font-size: 0; }
#productdetail #productinfo .txt label { float: left; display: inline-block; line-height: 33px; font-size: 16px; color: #898989; }
#productdetail #productinfo .txt a , #productdetail #productinfo .txt b { color: #212121; }
#productdetail #productinfo .info { margin: 15px 0; }
#productdetail #productinfo .info .txt {margin: 0;padding: 5px 15px;}
#productdetail #productinfo .info .txt label {color: #3a3a3a;}
#productdetail #productinfo .info .txt a , #productdetail #productinfo .info .txt b {display: inline-block;font-weight: 400;color: #4a4a4a;vertical-align: middle;}
#productdetail #productinfo article { font-size: 14px; color: #616161; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #222 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #262555 solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns { margin: 20px 0; text-align: right; }
#productdetail #productinfo .btns a { margin: 5px 0 5px 20px; padding: 5px 15px; display: inline-block; color: #000; }
#productdetail #productinfo .btns a.addcar { background: #161414; color: #fff; }
#productdetail #productinfo .btns a.ask { border: 1px #000 solid; }

/* productTabs */
#productTabs ul.tabs { margin: 50px 0 35px; padding: 0 15px; border-bottom: 1px #e5e5e5 solid; text-align: center; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a {padding: 5px 25px;background: #fff;border: #eee solid;border-width: 1px 1px 0 0;display: inline-block;color: #8a8d91;}
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a {background: #8d2221;border-width: 0 1px 1px;border-color: #8d2221;color: #fff;}
#productlsit .entitle h2{
    text-align: center;
    line-height: 120%;
    font-size: 22px;
    padding-bottom: 30px;
}

@media screen and (max-width:1440px) {
	#productlsit ul li {width: calc((100% / 3) - 30px);}
}
@media screen and (min-width:1281px) {
	#productlsit ul li:hover .img:before { opacity: 1; }
	#productlsit ul li:hover .img font.bg { -webkit-transform: translate(0) scale(1.2); transform: translate(0) scale(1.2); }
	#productTabs ul.tabs li:hover a { background: #d21a20; border-color: #d21a20; color: #fff; }
}
@media screen and (max-width:1280px) {
	#productlsit ul li {margin: 15px 5px 15px;width: calc((100% / 2) - 30px);}
	#productlsit ul li:nth-child(2n) {margin: 15px 5px 15px;}
	#productdetail .row { width: 55%; }
	#productdetail #productinfo {width: 40%;margin-left: 4%;}
}
@media screen and (max-width:980px) {
	#productdetail {text-align: center;margin: 30px 0 30px;}
	#productdetail .row , #productdetail #productinfo { margin-left: 0; width: 100%; }
	#productTabs ul.tabs {padding: 0;margin: 20px 0 35px;}
	#productTabs ul.tabs li a , productTabs ul.tabs li.active a {border-width: 1px;}
	#imglist img{
    height: auto;
}
#productdetail #productinfo h2{
    font-size: 22px;
}
#productdetail #productinfo .btns {margin: 10px 0;text-align: right;}

}
@media screen and (max-width:640px) {
	#productlsit ul { text-align: center; }
	#productlsit ul li , #productlsit ul li:nth-child(2n) {margin: 10px 10px;width: auto;}
#productlsit ul .slick-prev, #productlsit ul .slick-next{width: 40px;height: 50px;padding-left: 10px;padding-right: 10px;z-index: 10;}
#productlsit ul .slick-next{right: -20px;}
#productlsit ul .slick-prev{right: auto;left: -20px;}

}