.jns_area {
    background: url(/theme/images/jns_body.jpg) 0 0 repeat;
    padding:10px;
    border-radius: 10px;
    margin: 6px 10px 15px;
}
 
.jns_area h3 {
    display: block;
    align-items:center;
    margin: 0 0 10px;
}
.jns_area h3 img {
    vertical-align: middle;
    float: left;
    margin-right: 10px;
 
}
.jns_area h3 span {
    padding: 10px 0;
    vertical-align: middle;
    font-size:18px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px;
    display: block;
}
 
.jns_area a.cst_jns {
    border-radius:10px;
    padding: 10px;
    background: #FFF;
    display: inline-block;
    position: relative;
    width: 48%;
    width: calc(50% - 10px);
    margin: 0 0 10px 5px;
}
.jns_area a.cst_jns img {
    width: 30%;
    height: auto;
    border-radius: 5px;
}
.jns_area a:hover img {
    -ms-filter: "alpha(opacity=75)";
    opacity:0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7
}
.jns_area a.cst_jns span {
    display: inline-block;
    width: 60%;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    position:absolute;
    margin-left: 10px;
    line-height: 1.5;
}
.jns_area a.cst_jns span:hover,
.jns_area .jns_more{
    text-decoration: underline;
}
 
.jns_area .jns_more {
    text-align: right;
    margin-right: 10px;
    font-size: 12px;
}