/***[ type_product.css ]***/
ul#productList{width:100%;position:relative;margin-left:-40px;}
.grid-sizer,#productList li{width:calc(33.333% - 20px);}
#productList li{list-style:none;padding:10px;box-sizing:border-box;}
.productItemList{position:relative;overflow:hidden;}
.imgBoxHome{width:100%;position:relative;background:#f5f5f5;}
.imgBoxHome img{width:100%;height:auto;display:block;}
.imgBoxHome img{transition:transform 0.4s ease;}
.productItemList:hover img{transform:scale(1.05);}
.caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;background:rgba(0,0,0,0.6);color:#fff;opacity:0;transition:opacity 0.4s ease;}
.productItemList:hover .caption{opacity:1;}
.caption h3{margin:0 0 1vw 0;font-size:25px;line-height:1.4;}
.productItemList .description{font-size:13px;padding-left:20px;padding-right:20px;}
.SeeTxt{display:inline-block;padding:10px 20px 5px 20px;border:1px solid #fff;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:20px;font-size:15px;letter-spacing:1px;color:#FFFFFF;text-decoration:none;transition:background-color 0.5s ease-in-out;transition:border 0.5s ease-in-out;}
.SeeTxt:hover{background-color:#0fa6b2;border:1px solid #0fa6b2;}
#productMenu{text-align:center;padding-top:10px;}
#productMenu a{display:inline-block;margin-right:15px;margin-bottom:20px;padding:10px 20px 5px 20px;border:1px solid rbga(0,0,0,0);color:#FFFFFF;}
#productMenu a:hover{color:#0fa6b2;background-color:rgba(100,100,100,.3);border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:20px;}
#productMenu a.current{border:1px solid #0fa6b2;color:#0fa6b2;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:20px;}
#imgProjectArea{width:100%;text-align:center;}
#imgProjectArea li{list-style:none;width:30%;display:inline-block;margin:10px;}
@media only screen and (max-width:768px){.grid-sizer,#productList li{width:calc(50% - 20px);}
#productMenu a{display:inline-block;font-size:16px;padding:5px 15px 5px 15px;margin:10px 0px 10px 0px;}
}
@media only screen and (max-width:640px){.grid-sizer,#productList li{width:calc(100% - 20px);}
#productMenu{width:100%;text-align:center;}
#productMenu a{display:inline-block;font-size:16px;padding:5px 15px 5px 15px;margin:10px 5px 10px 5px;}
}