main > header {
    background:url(../up_load_files/page_header/news.jpg) center center / cover no-repeat;
}

main #news-list .news-list a {
    background:#fff;
    margin-bottom:40px;
    position:relative;
    border:solid 2px #eee;
    padding-bottom:50px;
    overflow:hidden;
}
main #news-list.events-list .news-list a {
    padding-bottom:0;
}
main #news-list .news-list a .text {
    position:absolute;
    bottom:0;
    background:#fff;
}
main #news-list.events-list .news-list a .text {
    position:static;
}
main #news-list .news-list a .text h2 {
    font-size:1.1em;
    padding:10px;
    margin:0;
    font-weight:normal;
}
main #news-list .news-list a .text p {
    padding:0 10px;
    height:0;
    overflow:hidden;
    color:#666;
    transition:0.4s;
}
main #news-list .news-list a:hover .text p {
    padding:0 10px 10px 10px;
    height:4em;
}
main #news-list .news-list a .date {
    font-size:0.9em;
    padding:10px 10px 0 10px;
    display:block;
    color:#0B76B8;
    font-weight:bold;
}
main #news-list .news-list a:hover {
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
    border:solid 2px #0B76B8;
    color:#000;
}
main #news-list .news-list a .text div {
    background:#f29600;
    color:#fff;
    padding:5px;
    text-align:center;
    font-family: 'Bahnschrift Regular';
    font-size:1.2em;
}
main #news-list .news-list a .text div.finished {
    background:#ddd;
    color:#000;
}
main #news-list .news-list a div.img {
    position:relative;
    overflow:hidden;
    background:none;
    padding:0;
}
main #news-list .news-list a div.img h3 {
    position:absolute;
    top:20px;
    left:-180px;
    transform:rotate(-45deg);
    background:#f7f71b;
    padding:10px 200px;
    color:#000 !important;
    font-size:0.6em;
    text-align:center;
}
main #news-list .news-list a div.img p {
    position:absolute;
    top:0;
    right:0;
    background:#0B76B8;
    padding:10px;
    color:#fff !important;
    text-align:center;
    font-size:0.8em;
    line-height:1.2;
}
main #news-list .news-list a div.img p em {
    font-size:1.6em;
    font-weight:bold;
    padding:0;
    display:block;
}
main #news-list .news-list a div.img p span {
    font-weight:normal;
    color:#fff;
    padding:0;
    display:block;
}
main #news-list .news-list a img {
    background-size:200%;
}

main #news-list p.pageing {
    padding-bottom:60px;
    text-align:center;
}

main #news-detail .date {
    padding:0 0 20px 0;
    margin:0;
    font-weight:bold;
    color:#666;
}
main #news-detail h2 {
    padding:0 0 40px 0;
}

main #news-detail .tag {
    list-style:none;
    padding:0;
    margin:0;
}
main #news-detail .tag li {
    display:inline-block;
    margin:0 5px 5px 0;
    padding:0;
}
main #news-detail .tag li a {
    padding:5px 10px;
    border:solid 1px #666;
    background:#eee;
    border-radius:4px;
    display:block;
}
main #news-detail .tag li:first-of-type a {
    color:#0B76B8;
    border:solid 1px #0B76B8;
    font-weight:bold;
}

main #news-detail .image {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}
main #news-detail .image img {
    padding-bottom:10px;
}



/** Media Query **/
@media only screen and (max-width : 900px) {
    main #news-list .news-list a {
        width:calc(50% - 20.01px);
    }
}
@media only screen and (max-width : 640px) {
    main #news-list .flex a {
        width:100% !important;
    }

    main .years {
        display:block;
    }
    main .years li {
        display:block;
        text-align:center;
    }
    main .years li a {
        width:100%;
        border-top:dotted 1px #999;
        border-left:none;
    }
    main .years li:last-of-type a {
        border-radius:0 0 4px 4px;
    }
}