body, html {
    overflow-x: inherit
}

.content_0 {
    display: block
}

.content_1, .content_2 {
    display: none
}

.content_0 ul li {
    margin-right: 40px
}

    .content_0 ul li:nth-child(3n) {
        margin-right: 0
    }

#list_show ul.list_ul li {
    width: 100%
}

#list_show ul li .text {
    float: left
}

#list_show ul li .text {
    width: 930px;
    padding-left: 30px
}

#list_show ul li .title {
    height: 30px;
    font-size: 18px
}

.content_2 {
    width: 100%
}

.event_title {
    color: #003c69
}

.event_date {
    color: #01d241
}

.event_description {
    color: #1e1e1e
}

@media screen and (max-width:1679px) {
    #list_show ul.list_ul li .title {
        margin: 0 0 10px 0
    }
}

@media screen and (min-width:1280px) and (max-width:1679px) {
    #list_show ul li .text {
        width: 750px;
        padding-left: 30px
    }
}

@media screen and (min-width:800px) and (max-width:1279px) {
    #list_show ul li .text {
        width: 360px;
        padding-left: 26px
    }
}

@media screen and (max-width:800px) {
    #list_show ul li {
        float: left
    }

        #list_show ul li .text {
            padding-left: 0
        }

        #list_show ul li .text {
            float: none
        }
}

.page_box {
    width: 100%;
    text-align: center
}

.pagination {
    margin: 15px 0
}

    .pagination ul li {
        display: inline-block;
        padding: 0 6px;
        margin: 0 3px;
        background-color: #eee;
        font-size: 16px;
        width: 22px;
        float: none;
        margin-top: 5px
    }

        .pagination ul li:nth-child(1) {
            width: auto
        }

    .pagination ul .active {
        background-color: #1176bb;
        color: #fff
    }