/* NewsBox */
#NewsBox ul {padding-top: 2vw;margin-bottom: 4vw;}
#NewsBox li{position:relative;}
#NewsBox li a{position:absolute;width: 100%;height: 100%;top: 0;z-index: 2;}
#NewsBox li:not(:last-child):after {content:'';width: 100%;height: 5px;display: block;margin: 30px 0;background: linear-gradient(to right, #dadada, #dadada 2px, transparent 2px, transparent 4px);background-repeat: repeat-x;background-size: 4px 1px;background-position: 50% 50%;border-right: 1px solid #dadada;border-left: 1px solid #dadada;}
#NewsBox li .info{display:grid;grid-template-columns: 130px 90px 1fr 50px;align-items: center;}
#NewsBox li .info p{font-family: "Lato", sans-serif;color: #fff;background: linear-gradient(90deg, #dd3831, #971a15);text-align: center;padding: 3px 0;}
#NewsBox li .info h3{font-size:18px;margin-left: 40px;}
#NewsBox li:hover .info h3{color:#971a15}
#NewsBox li .info svg{width: 13px;height: 13px;padding: 18px;background: linear-gradient(90deg, #dd3831, #971a15);fill: #fff;border-radius: 50px;transition: all linear 0.3s;}
#NewsBox li:hover .info svg{margin-left: -20px;}

@media screen and (max-width: 680px) {
    #NewsBox li .info{position:relative;display: grid;grid-template-columns: 130px 90px;}
    #NewsBox li .info h3{grid-column: 1 / 4;margin: 0;margin-top: 15px;}
    #NewsBox li .info svg{position:absolute;right: 0;top: 0;padding: 10px;}
}