.box-body {
    border-top: 1px solid #e9e9e9;
}
	.box-body .list {
    	border-top: 1px solid #ffffff;
	    border-bottom: 1px solid #e9e9e9;
        min-height: 70px;
	    position: relative;
        float: left;
	    width: 20%;
	}
		.box-body .list a {
	    	background: #ffffff;
		    padding: 20px;
		    display: block;
		    color: #0e3c5d;
	        transition: .5s;
		}
	@media only screen and (min-width: 1026px) {
		.box-body .list:hover a {
	        background: rgba(255, 255, 255, 0.93);
		}
	}
		.box-body .list.new a {
		    background: rgba(255, 255, 255, 0.93);
		}
			.box-body .list a .new {
		        background: #328bc3;
			    color: #ffffff;
			    padding: 8px;
			    position: absolute;
			    right: 0px;
			    top: 0px;
			}
			.box-body .list a .new::after {
			    content: "";
			    background: rgba(255, 255, 255, 0.3);
			    margin: 5px;
			    background-clip: padding-box;
			    position: absolute;
			    width: calc(100% - 10px);
			    height: calc(100% - 10px);
			    left: 0px;
			    top: 0px;
			    transform: rotate(0deg);
			    animation: box-new 1.5s infinite;
			}
			@-webkit-keyframes box-new {
			    50% {transform: rotate(90deg);}
			    100% {transform: rotate(180deg);}
			}
			@keyframes box-new {
			    50% {transform: rotate(90deg);}
			    100% {transform: rotate(180deg);}
			}				.box-body .list img {
				    width: 100%;
			        border: 1px solid #d3d3d3;
				}
				.box-body  .box-text {
			        height: 48px;
				    overflow: hidden;
				    display: -webkit-box;
				    -webkit-line-clamp: 2;
				    -webkit-box-orient: vertical;
				}
				body.defaultFont .box-body .box-text {
				    height: 39px;
				}
				body.largeFont .box-body .box-text {
				    height: 60px;
				}
				.box-body .list .box-day {
				    font-size: 0.9em;
				    color: #959595;
				    margin-top: 10px;
				}
		

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.box-body .list {
	    width: 33.33%;
	}

}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .box-body .list {
	    width: 50%;
	}
	.list::before {
	    position: initial;
	    float: left;
        margin-right: 11px;
        width: 45px;
	    height: 45px;
    }
    .box-body .list .box-day {
	    width: calc(100% + 20px);
        height: 44px;
	}
    .box-body .list .box-day .Audience {
	    float: none;
	}
}