@import "listview.css";

.comment_header, #related_header{
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    padding-left: 15px;
    color: black;
    line-height:2.5;
    letter-spacing:2.5px;
    margin-bottom: 10px;
    max-width: 1500px;
}

#comment_title{
    width: 60%;
    display: inline-block;
}

#keyword_title{
    display: inline-block;
}

.feature_content{
    min-height: 610px;

    width: 100%;

}


#feature_header{
    padding-bottom: 20px;
    border-bottom: 1px dotted #000;
    text-align: center;
}

#comment_div, #keyword_div{
    display: inline-table;
}

#comment_div{
    width: 55%;
    margin-right: 5%;
    border: 0px;
    vertical-align: text-top;
}

#comment_text{
    width: 100%;
    height: 170px;
    border: 0px;
}

#keyword_div{
    height: 170px;
    width: 40%;
    color: black;

    letter-spacing:2.5px;
    font-size: 18px;
}

.social_share{
    width: 55%;
    margin-right: 5%;
    margin-bottom: 15px;
}

#social_button{
    display: inline-block;
}
#comment_send{
    float: right;
    color: black;
    line-height:2.5;
    letter-spacing:2.5px;
    font-size: 13px;
}

#related_article_div{
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

.related_img{
    width: 30%;
}

.header_image{
    max-width: 1500px;
    min-width: 980px;
    width: 100%;
}




.grid_widget_three{
    width: 30%;
    margin: 0px 0px 1% 1%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor:pointer;
    max-width:500px;
    height: auto;
    background-color: #fff;
    border-radius: 15px;
    display: inline-block;    
    position: relative;
}

#grid_photo_1{
    background: url(../../../image/temp/featureWidget_sample1.jpg) center center;
    background-size: 100%;
}

#grid_photo_2{
    background: url(../../../image/temp/featureWidget_sample2.jpg) center center;
    background-size: 100%;
}

#grid_photo_3{
    background: url(../../../image/temp/featureWidget_sample3.jpg) center center;
    background-size: 100%;
}

#grid_photo_4{
    background: url(../../../image/temp/featureWidget_sample4.jpg) center center;
    background-size: 100%;

}

#grid_photo_5{
    background: url(../../../image/temp/featureWidget_sample5.jpg) center center;
    background-size: 100%;
}


.grid_widget_three:hover {
    box-shadow: 4px 4px 5px #b0b0b0;
}

.grid_widget_three:hover div.grid_detail{
    display:inline;
}