@charset "utf-8";
/* CSS Document */
a{ color:#000; text-decoration:none;}
.imgBox{ width:100%; margin:30px auto 0; overflow:hidden;}
.imgBox .boxCont{ width:21%; height:450px; margin:0 2% 10px; text-align:center; float:left; overflow:hidden;}
.imgBox .boxCont .imgEffect{ width:204px; height:207px; margin: 12px auto 0;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;overflow:hidden;}
.imgBox .boxCont .imgEffect img{transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out; }
.imgBox .boxCont .imgEffect:hover img{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.imgBox .boxCont .type{ width:100%; height:30px; line-height:30px; text-align:center; margin:10px auto 0; overflow:hidden;}
.imgBox .boxCont .instructions{ width:306px; margin:10px auto; text-align:justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
@media screen and (min-width:960px) and (max-width:1400px){
.imgBox{ width:100%; margin:30px auto 0; overflow:hidden;}
.imgBox .boxCont{ width:27%; height:450px; margin:0 3% 10px; text-align:center; float:left; overflow:hidden;}
.imgBox .boxCont .imgEffect{ width:204px; height:207px; margin: 12px auto 0;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;overflow:hidden;}
.imgBox .boxCont .imgEffect img{transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out; }
.imgBox .boxCont .imgEffect img:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.imgBox .boxCont .type{ width:100%; height:30px; line-height:30px; text-align:center; margin:10px auto 0; overflow:hidden;}
.imgBox .boxCont .instructions{ width:290px; margin:10px auto; text-align:justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
}
@media screen and (max-width:1020px){
.imgBox{ width:100%; margin:30px auto 0; overflow:hidden;}
.imgBox .boxCont{ width:46%; height:450px; margin:0 2% 10px; text-align:center; float:left; overflow:hidden;}
.imgBox .boxCont .type{ width:100%; height:30px; line-height:30px; text-align:center; margin:10px auto 0; overflow:hidden;}
.imgBox .boxCont .imgEffect{ width:204px; height:207px; margin: 12px auto 0;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;overflow:hidden;}
.imgBox .boxCont .imgEffect img{transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out; }
.imgBox .boxCont .imgEffect img:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.imgBox .boxCont .instructions{ width:241px; margin:10px auto; text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden;}
}
@media screen and (max-width:512px){
.imgBox{ width:100%; margin:30px auto 0; overflow:hidden;}
.imgBox .boxCont{ width:45%; height:340px; margin:0 2% 0; text-align:center; float:left;overflow: hidden;}
.imgBox .boxCont .type{ width:100%; height:30px; line-height:30px; text-align:center; margin:10px auto 0; overflow:hidden;}
.imgBox .boxCont .imgEffect{ width:120px; height:120px; margin: 12px auto 0;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; overflow:hidden;}
.imgBox .boxCont .imgEffect img{transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out; }
.imgBox .boxCont .imgEffect img:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.imgBox .boxCont .instructions{ width:157px; height:64px; margin:9px auto; text-align:justify; font-size:.8rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden;}
.imgBox .boxCont .typeMore{ width:30%; margin:8px auto 0;}
.imgBox .boxCont .typeMore .button{ height:27px; line-height:27px; font-size:.6rem;}
}