section.zmain {
        padding: 1rem 0;
    }

    section.zmain .ct {
        width: 67%;
    }

    .year-selector-ctn .ct {
        border-bottom: 1px solid #d2d2d2;
    }

    .current-year {
        float: left;
        font-size: 3rem;
        line-height: 2.35;
        color: #222;
        font-weight: lighter;
        width: 3.3em;
        background: url(/themes/basic/skin/images/bottom_01.png) no-repeat 100%;
        -webkit-transition: .3s;
        transition: .3s;
        cursor: pointer;
    }

    .years {
        float: right;
        position: relative;
    }

    .year-list {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 3000;
        display: none;
        width: 15rem;
        background: #fff;
        box-shadow: 0 0 15px 1px #ddd;
        max-height: 23rem;
        overflow-y: auto;
    }

    .year-list a {
        font-size: 1.75rem;
        line-height: 4.5rem;
        display: block;
        padding: 0 1rem;
        text-decoration: none;
        outline: none;
        color: #333;
        -webkit-transition: .3s;
        transition: .3s;
        border-bottom: 1px solid #e5e5e5;
    }

    .news a.ct {
        display: block;
        padding: 1.4375rem 0;
        border-bottom: 1px solid #d2d2d2;
    width: calc(50% + 420px);
    margin: auto;
    height: 100%;
    position: relative;

    }

    .news {
        transition: .3s;
    }

    .news:hover {
        background: #eaeaea;
    }

    .news .left {
        width: 340px;
        float: left;
    }

    .news .left img {
        display: block;
        width: 100%;
    }

    .news .right {
        padding-left: 400px;
    }

    .news-title {
        font-weight: lighter;
        font-size: 1.625rem;
        line-height: 1.4;
        color: #222;
    }

    .news-date {
        font-size: 1rem;
        line-height: 2.6875;
        color: #666;
        display: inline-block;
    }

    .news-desc {
        font-size: 1rem;
        line-height: 1.75;
        color: #444;
        padding-top: .875rem;
        margin: 0;
    }

    

    .no-news-hint {
        color: #999;
        padding: 2rem 0;
        font-size: 1.5rem;
    }

    .news-tabs {
        float: left;
        font-size: 28px;
        font-weight: normal;
        margin-top: 40px;
    }

    .news-tabs a {
        margin-right: 30px;
    }

    .news-tabs a:hover, .news-tabs a.active {
        color: #39a9ae;
    }


    @media (max-width: 1200px) {

        .news-desc { display: none; }
        
    }


    @media (max-width: 960px) {

        .news .ct .left {
            width: 100%;
            float: none;
        }

        .news .ct .right {
            padding-left: 0;
            margin-top: 30px;
        }

        
    }

    @media (max-width: 640px) {
        section.zmain .ct {
            width: 100%;
            padding-left: 5px;
            padding-right: 5px;
        }

        .news-tabs {
            font-size: 24px;
        }

        .news-tabs a {
            margin-right: 12px;
        }
    }