@charset "utf-8";
.jclist { min-height:500px; padding:0 1%; border:1px solid #e4e4e4;}
.cloud-wrapper { width:31.033%;height:310px; overflow:hidden; background-color:#f1fbfd; border-radius:5px; margin:20px 1%; display:block; border:1px rgba(186,204,207,0.2) solid;}
.cloud-card{float:left; text-decoration:none; width:100%;cursor:pointer;min-height:310px;background:transparent;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cloud-card-image{height:200px;overflow:hidden;position:relative;border-top-left-radius:5px; border-top-right-radius:5px;}
.cloud-card-text{margin-top:10px;color:#666;font-size:14px;line-height:24px; text-decoration:none; padding:0 10px; text-align:justify;}
.cloud-card-image-back{width:100%;height:200px;background-size:cover;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;}
.cloud-card-image .cloud-card-image-back{z-index:0;position:absolute; }
.cloud-card-image-title{width:100%;color:#fff;text-align:center;font-size:24px;line-height:200px;position:absolute;z-index:1;
text-shadow:#000 2px 2px 3px;}
.cloud-wrapper .cloud-card:hover .cloud-scale{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.cloud-wrapper .cloud-card:hover{background:#fff;-webkit-box-shadow:0 0 25px rgba(186,204,207,0.7);-moz-box-shadow:0 0 25px rgba(186,204,207,0.7);box-shadow:0 0 25px rgba(186,204,207,0.7); text-decoration:none; border-radius:5px;}

@media screen and (max-width: 800px) and (min-width: 0px){
.cloud-wrapper { width:47%;height:18.5rem; margin:.5rem 1%;}
.cloud-card-image{ height:10rem;}
.cloud-card-image-back{ height:10rem;}
.cloud-card-image-title{ line-height:10rem; font-size:1.4rem;}
.cloud-card-text{ margin-top:.5rem; font-size:1.1rem; line-height:1.3rem; padding:0 .2rem;}
}