#content-title .primary-title {
    width: 80vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 4.5vw;
}
#content-title .second-title {
    display: block;
    padding: 0 4%;
    margin-bottom: 4.5vw;
}

#content-title .second-title img{
    width: 60vw;
    float: left;
}

#content-title .second-title .float-btn{
    float: right;
    margin-top: 4vw;
}

/*======== news =========*/
.news-block{
    margin: 0 auto;
    width: 90vw;
    background-color: #fff;
    border-radius: 30px;
    padding: 5vw;
}

.month-picker {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 5vw;
}

.month-picker li {
    display: inline-block;
}

.month-picker li a.news-btn{
    background: #70badd;
    display: inline-block;
    color: #fff;
    padding: 8px 15px 8px 20px;
    line-height: 1.15em;
    border-radius:20px;
    letter-spacing: 5px;;
    text-align:center;
    box-shadow: 0 4px #3e8bae;
    position: relative;
    text-decoration: none;
    font-weight: 700;
}

.month-picker li a.news-btn:hover {
    box-shadow: 0 2px #3e8bae;
  top: 2px;
  text-decoration: none;
}
.month-picker li a.news-btn:active {
    box-shadow: 0 0px #3e8bae;
  top: 4px;
  text-decoration: none;
}
.month-picker li.active a.news-btn{
    background-color: #2a66af;
    box-shadow:0 4px #0c3974;
}

.month-picker li.active a.news-btn:hover{
    box-shadow:0 2px #0c3974;
    top: 2px;
}
.month-picker li.active a.news-btn:active{
    box-shadow:0 0px #0c3974;
    top: 4px;
}
.news-container {
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-container li{
    margin-bottom: 5vw;
    border: 1px solid #ccc;position: relative;
}
.news-container li:last-child{
    margin-bottom: 0;
}
.news img {
    width: 100%;
    border: none;
	margin-bottom: -6px;
}
.news a img {
	margin-bottom: 0;
}
.news .news-title {
    text-align: center;
    padding: 20px 0px;
}
ul.pagination{
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    list-style: none;
    margin-top: 5vw;
}

ul.pagination li {
    display: inline-block;
}

ul.pagination li{
    vertical-align: middle;
}
ul.pagination li.page{
    color: #a8a7a3;
    border-radius: 50%;
    text-align: center;
    line-height: 5vw;
    width: 5vw;
    font-size: 2.5vw;
}
ul.pagination li.page.active{
    background-color: #a8a7a3;
    color: #fff;
}

ul.pagination li.pre{
    margin-right: 1vw;
    border: 1.5vw solid transparent;
    border-right-color: #a8a7a3;
}

ul.pagination li.next{
    margin-left: 1vw;
    border: 1.5vw solid transparent;
    border-left-color: #a8a7a3;
}

@media screen and (min-width: 689px) {
    #grass{
        background-image:url(../image/grass2.png);
        background-size: auto;
        height: auto;
        min-height: 670px;
    }
    #content-title .primary-title{
        width: auto;
        margin-bottom: 0px;
    }
    #content-title .second-title{
        text-align: center;
        margin-bottom: 25px;
    }
    #content-title .second-title img{
        width: auto;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    #content-title .second-title .float-btn{
        float: none;
        display: inline-block;
        margin-left: 15px;
        margin-top: 40px;
    }
    .month-picker{
        margin-bottom: 25px;
    }
    .month-picker li{
        margin-right: 10px;
    }
    .news-block{
        width: 680px;
        margin: 0 auto;
        padding: 30px;
    }

    .news-container li {
        display: inline-block;
        width: 48%;
        margin-right: 1.1%;
        margin-bottom: 25px;
    }
    .news-container li:nth-child(2n) {
        margin-right: 0px;
    }
    .news .news-title{
        padding: 10px;
    }
    ul.pagination {
        margin-top: 0px;
    }

    ul.pagination li.pre,
    ul.pagination li.next{
        border-width: 10px;
    }

    ul.pagination li.page {
        font-size: 16px;
        line-height: 25px;
        width: 25px;
    }
}