.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;
        transition: .5s;
	}
		.box-body .list a {
		    background: #fff;
		    padding: 20px;
		    display: block;
		    color: #0e3c5d;
	        padding-right: 50px;
		}
		.box-body .list.new a {
		    background: rgba(255, 255, 255, 0.93);
		}
		@media only screen and (min-width: 1026px) {
			.box-body .list:hover a {
			    background: #f7f7f7 !important;
			}
		}
				.box-body .list.new a > span {
				    background: #328bc3;
				    color: #ffffff;
				    padding: 8px;
				    position: absolute;
				    right: 0px;
				    top: 0px;
				}
					.box-body .list .box-day {
					    font-size: 0.9em;
					    color: #959595;
					    margin-top: 10px;
					}
					.box-body .list .box-day::before {
					    content: "วันที่ประกาศ : ";
					}
						.box-body .list .box-day .Audience {
						    float: right;
						}
						.box-body .list .box-day .Audience::before {
						    content: "ผู้เข้าชม : ";
						}
		

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


}


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

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