@charset "utf-8";
/* products page css default for pc  */


.categorynav ul{display:flex; justify-content:left; margin:2rem auto;}
.categorynav ul li{ margin-right:2rem; padding:1rem 2rem;}
.categorynav ul li.active,.categorynav ul li:hover{background: linear-gradient(to bottom, #a1825a, #faeac6); font-weight:700;}
.categorynav ul li.active a,.categorynav ul li:hover a{ color:#000;}
.prodlist .container{max-width:1350px; padding-top:4rem; padding-bottom:6rem;}
.prodlist .card{color:#fff; padding:6rem 4.5rem; background:none; }
.prodlist .card:hover{ background:#121212; }
.prodlist .card .propic{ margin-bottom:5rem; min-height:26rem; display:flex;justify-content: center; align-items:center;}
.prodlist .card-title{ width:100%;color:#d6bc8c; font-weight:bold; font-size:4.4rem; margin-top:3rem; text-align:left; text-transform:uppercase; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.prodlist .card-text{ font-size:1.8rem; text-align:left; margin:3rem auto;min-height:8rem; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 3;}
a.alink{ border-bottom:1px solid #a1825a;}
.prodlist .roundbg{width:4rem; height:4rem; border-radius:100%; border:1px solid #dac08d; overflow:hidden; font-size:3rem; color:#231815; line-height:4rem; text-align:center;background-image: linear-gradient(100deg, #faeac6, #ab8a5f); position:absolute;top:2rem; right:2rem; z-index:99; }

/*swiper,products detail page*/
.prodimg{width:100%; margin:1rem auto;}
.prodimg .swiper-pagination-bullet{background-color: #8e8e8e;}
.prodimg .swiper-pagination-bullet-active {
	background-color:#ffffff;
}
.swiper-button-next{width:39px; height:76px;background:url(../images/arrow_right.png) no-repeat; right:0px;}
.swiper-button-prev{width:39px; height:76px;background:url(../images/arrow_left.png) no-repeat; left:0px;}
.swiper-container {height: 100%; padding:5rem 0 0; }
.swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center; 
  text-align: center;
  height: 100%; 
  overflow: hidden;
}
.swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; 
}

.prodtitle{margin-top:5rem; margin-bottom:4rem;}
.promodel{display:flex; justify-content:left;}
.promodel .roundbg{width:3rem; height:3rem; border-radius:100%;  border:1px solid #dac08d; overflow:hidden; font-size:1.6rem; color:#231815; line-height:3rem; text-align:center;background-image: linear-gradient(100deg, #faeac6, #ab8a5f); margin-left:1rem; }
.prodsubtitle{display:flex; justify-content:space-between;}
.prodsubtitle h2{display:block; max-width:90rem;min-height:4rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;}
@media (min-width: 992px) and (max-width:1060px) {
.prodsubtitle h2{max-width:80rem;}
}
.prodsubtitle a.abtns{margin:0;}

.prodtabs{border-bottom:1px solid #414142;}
.prodtabs ol{display:flex; justify-content:left; padding:0; margin:0;}
.prodtabs ol li{line-height:5rem; text-align:center; font-weight:bold; margin-right:2rem; padding-left:6rem; padding-right:6rem; transform:translateY(1px);}
.prodtabs ol li.active{border-bottom:#d2b786 2px solid; color:#d9c098;}
.prodtabc{ padding-bottom:6rem; font-size:1.6rem; color:#dedede;}
.prodtabc .tabc{display:none;}
.prodtabc .active{display:block;}
.spanall{font-weight:bold; font-size:3rem; margin:6rem auto;column-span:all;}
.column-2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2;    /* Firefox */
  column-count: 2;
  -webkit-column-gap: 8rem; /* Chrome, Safari, Opera */
  -moz-column-gap: 8rem;    /* Firefox */
  column-gap: 8rem;
}
.prodtabc .tabc img{width:100%;max-width:65rem; }
.prodtabc h4{font-size:3rem;}
.downcontrol .row h4{ padding-top:6rem;}
.dctitle{ margin-top:6rem; margin-bottom:3rem;}



/*ipad  or mobile*/
@media (max-width: 992px) {
.swiper-button-next{width:30px; height:50px;background-size:contain;}
.swiper-button-prev{width:30px; height:50px;background-size:contain; }
.prodsubtitle{ display:inline-block;}
.prodsubtitle a.abtns{margin:3rem auto 0 auto;}
.prodtabs ol{display:block;}
.prodtabs ol li{line-height:3rem;  padding-left:2rem; padding-right:2rem;}
.prodtabc .tabc{padding:0.5rem;}
.column-2 {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1;    /* Firefox */
  column-count: 1;
}


}


/* mobile phone */
@media (max-width: 768px) {
.prodlist .card{padding:3rem 2rem; }
.prodlist .card .propic{ margin-bottom:3rem; min-height:18rem; }
.prodlist .card-title{  font-size:3rem; margin-top:2rem; }
.prodlist .card-text{ font-size:1.6rem;margin:2rem auto;min-height:7rem;}

}