.newsBox {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff9800;
    color: #fff;
    padding: 1.5%;
    border-radius: 5px;
    margin-top: 12px;
    margin-bottom: 25px;
		position:relative;
		font-size:15px;
}
.newsBox .newsTtl{
    width: 16%;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #fff;
		margin-right:2%;
		float: left;
		font-weight: bold;
}
.newsBox .newsCont{
    width: 81%;
    display: inline-block;
		position:relative;
}
.newsBox .newsCont .day,
.newsBox .newsCont .title{
	display: inline-block;
}
.newsBox .newsCont .day{
	width:18%;
}
/* .newsBox .newsCont .title{
	width:82%;
} */
.newsBox .newsCont .title a{
	text-decoration:none;
	color:#fff;
	display:block;
	/* white-space: nowrap; 
	width: 0%;
	overflow: hidden; 
	text-overflow: ellipsis;   */
}
.newsBox .newsCont .title a:hover{
	text-decoration:underline;
}
.newsBox .newsCont .title::before {
    content: '';
    position: absolute;
    right: 0.2em;
    top: calc(50% - 0.25em);
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border: 1px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
}

@media screen and (max-width: 640px) and (orientation: portrait){
	.newsBox .newsTtl,
	.newsBox .newsCont{
		/* display:block; */
		width:100%;
	}
	.newsBox .newsCont{
		padding-top:20px;
	}
	.newsBox .newsTtl{
		border:none;
		border-bottom: 1px dotted #fff;
		line-height:28px;
	}
	.newsBox .newsCont .day,
	.newsBox .newsCont .title{
		width:96%;
		padding-left:2%
	}
	.newsBox .newsCont .day{
		display:block;
	}
	.newsBox .newsCont li{
		padding: 10px 0;
		height:30px;
	}
}