﻿.con_news_grid .item-news .el_title {
    height: 48px;
}

.con_news_grid .item-news .el_des {
    height: 66px;
}

.con_register .form-item label {
    font-weight: normal;
    margin-right: 30px;
}

.con_footer p, .txt_dd {
    text-align:justify;
}

.related_posts {
    margin-bottom:45px;
    clear:both;
}


.share_posts {
    margin: 0px 45px 20px 0px;
    display: inline-block;
}

    .share_posts h4 {
        border-left: 5px solid #363636;
        padding-left: 15px;
        margin: 0px;
    }

    .share_posts div {
        margin-right: 15px;
        float: left;
    }

        .share_posts div a {
            font-size: 1.5em;
            line-height:20px;
        }

    .share_posts .twitter-share a {
        color: #0094ff;
    }

    .share_posts .facebook-share a {
        color: #4267b2;
    }

    .share_posts .fb-like {
        
    }

.comment_posts {
    margin: 0px 0px 30px 0px;
}

    .comment_posts .tab-list {
        border-bottom: 1px solid #ccc;
        height: 50px;
    }

        .comment_posts .tab-list h4 {
            float: left;
            display: inline;
            padding: 10px 20px;
            margin: 0px;
            cursor: pointer;
        }

            .comment_posts .tab-list h4:first-child {
                margin-left: 45px;
            }

            .comment_posts .tab-list h4.active {
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

.comment-onsite {
    margin: 30px 45px;
    padding: 10px;
    border-radius: 10px;
    background: #ededed;
}

    .comment-onsite textarea {
        height: 100px;
        width: 100%;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .comment-onsite div {
        margin-bottom: 10px;
        clear: both;
    }

        .comment-onsite div:nth-child(2), .comment-onsite div:nth-child(4) {
            display: flex;
        }

    .comment-onsite input[type=text], .comment-onsite input[type=email], .comment-onsite input[type=button] {
        flex: 1;
        border-radius: 5px;
        padding: 0px 10px;
    }

    .comment-onsite input[type=text] {
        margin-right: 5px;
    }

    .comment-onsite input[type=email] {
        margin-left: 5px;
    }

    .comment-onsite input[type=button] {
        background: #666;
        color: #fff;
    }

    .comment-onsite dl dd {
        background: #fff;
        margin-bottom: 5px;
        padding: 5px;
    }

        .comment-onsite dl dd span {
            font-weight: bold;
        }

@media only screen and (max-width: 320px) {
    .container {
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .related_posts {
        margin: 0px 0px 30px 0px;
    }

        .related_posts ul li {
            margin-right: 0px;
        }

    .share_posts {
        padding: 0px 0px;
    }

    .comment_posts {
        padding: 0px;
    }

        .comment_posts .tab-list {
            height: 30px;
        }

            .comment_posts .tab-list h4 {
                font-size: 15px;
                padding: 5px 10px;
            }

                .comment_posts .tab-list h4:first-child {
                    margin-left: 20px;
                }

    .comment-onsite {
        margin: 10px 0px;
    }

        .comment-onsite div:nth-child(2) {
            display: block;
        }

        .comment-onsite input[type=text], .comment-onsite input[type=email] {
            float: left;
            width: 100%;
            margin: 0px 0px 10px 0px;
        }
}

.showmore:hover {
    color: #137ab1;
}

.showmore {
    cursor: pointer;
    display:none;
}