/* productlsit */
#productlist ul { font-size: 0; }
#productlist ul li { position: relative; width: calc(100% / 3); display: inline-block; vertical-align: top; }
#productlist ul li a { position: absolute; width: 100%; height: 100%; z-index: 2; }
#productlist ul li .info { padding: 10px; }
#productlist ul li .img { position: relative; margin-bottom: 0px; background: no-repeat 50%; background-size: contain; }
#productlist ul li .img font { position: absolute; padding: 0 10px; background: rgb(0 0 0 / .6); color: #fff; right: 0; bottom: 0; }
#productlist ul li .price { margin: 0 0 10px; padding: 3px 0; line-height: 24px; background-color: #555; text-align: center; cursor: pointer; color: #fff; }
#productlist ul li .price font { margin-right: 10px; display: inline-block; font-size: 15px; }
#productlist ul li .price font.old {color: #a3a3a3;text-decoration: line-through;}
#productlist ul li h3 {margin-bottom: 10px;height: 34px;text-align: center;letter-spacing: 1.86px;font-size: 18px;-webkit-line-clamp: 1;font-weight: 500;}
#productlist ul li .info .tab_content{
    text-align: center;
}{}
#productlist ul li article { height: 20px; text-align: center; font-weight: 400; font-size: 14px; color: #393939; -webkit-line-clamp: 2; }

/* productdetail */
#productdetail { margin-bottom: 30px; font-size: 0; }
#productdetail .row {margin-bottom: 0;width: 58%;display: inline-block;}
#productdetail .row p.photo {width: 100%;background: #fff0 no-repeat 50% / contain;display: block;}
#productdetail .row p.photo a img:first-child {
    display: none;
}
#productdetail #imglist >div a.photo {position: relative;background-size: cover;}
#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: 3%;width: 39%;}
#productdetail #productinfo h2 {margin-bottom: 10px;font-size: 24px;font-weight: 500;font-family: 'Noto Sans TC', 'Noto Sans SC', 'Source Sans Pro', sans-seri;}
#productdetail #productinfo .price { margin-bottom: 20px; }
#productdetail #productinfo .price font {display: inline-block;vertical-align: bottom;line-height: 100%;font-size: 19px;font-family: 'Noto Sans TC', 'Noto Sans SC', 'Source Sans Pro', sans-seri;}
#productdetail #productinfo .price font.offer {color: #000000;}
#productdetail #productinfo .price font.old { margin-left: 10px; font-size: 15px; opacity: .6; }
#productdetail #productinfo .price font:nth-child(2) {text-decoration: line-through;font-family: 'Noto Sans TC', 'Noto Sans SC', 'Source Sans Pro', sans-seri;}
#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 0px;border-bottom: 1px #d4d4d4 solid;}
#productdetail #productinfo .info .txt label { color: #0f2942; }
#productdetail #productinfo .info .txt a , #productdetail #productinfo .info .txt b { display: inline-block; line-height: 33px; font-weight: 400; color: #141212; vertical-align: middle; }
#productdetail #productinfo article {font-size: 14px;color: #616161;letter-spacing: 0px;margin: 0px 0px;}
#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: #313131;}
#productdetail #productinfo .btns a.addcar {background: #292929;color: #fff;}
#productdetail #productinfo .btns a.ask {border: 1px #a9a9a9 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: 10px 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: #8c8c8c; border-width: 0 1px 1px; border-color: #a2a09e; color: #fff; }



#productdetail{overflow:hidden;}
#productdetail .sub-pro-img{margin-bottom: 0;width: 58%;display: inline-block;}
#productdetail .sub-pro-img img{width:100%;}
#productdetail .sub-pro-img img:first-child{display:none;}
#productdetail .sub-pro-img .slick-slider{margin:0}
#productdetail .sub-pro-img .slick-slider div,#productdetail .sub-pro-img .slick-slider p,#productdetail .sub-pro-img .slick-slider li,#productdetail .sub-pro-img .slick-slider img{outline:none;}
#productdetail .sub-pro-img .slick-slider{bottom:10px}
#productdetail .txt-set{float:right;width:calc(100% - 400px)}
#productdetail .sub-pro-img .slick-slider p {
    width: 100%;
    background: #fff0 no-repeat 50% / contain;
    display: block;
}

@media screen and (min-width:1281px) {
	#productTabs ul.tabs li:hover a { background: #8c8c8c; border-color: #a2a09e; color: #fff; }
}
@media screen and (max-width:1280px) {
	#productdetail .row { width: 100%; }
	#productdetail #productinfo {width: 100%;margin-left: 0%;}
#productdetail .sub-pro-img{width:100%;margin-bottom:30px}
}
@media screen and (max-width:980px) {
	#productlist ul li { width: 50%; }
	#productTabs ul.tabs { padding: 0; border-bottom: 0; }
	#productTabs ul.tabs li a , productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}
@media screen and (max-width:500px) {
	#productlist ul { text-align: center; }
	#productlist ul li { width: 70%; }
}
@media screen and (max-width:450px) {
	#productlist ul li { width: 100%; }
}