#newslist{}
#newslist li{
    float: left;
    width: calc(50% - 20px);
    margin-bottom: 40px;
}
#newslist li:nth-child(even){
    float: right;
}
#newslist li .border{
    position: relative;
    background: #f9f9f9;
    overflow: hidden;
}
#newslist li .photo{
    width: 50%;
    float: left;
}
#newslist li .photo a{ display:block; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#newslist li .photo a img{width:100%;}
#newslist li .news-info{
    padding: 30px;
    width: calc(50% - 60px);
    float: right;
}
#newslist li .news-info h3 a{
    font-family: 'Noto Serif TC',serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 115%;
    display: block;
    transition:all linear .2s;
	word-break: break-all;
}
#newslist li .news-info p{position: absolute;right: 15px;bottom: 10px;line-height: 110%;}
#newslist li .news-info p a{
    vertical-align: text-bottom;
    display: inline-block;
    color: #636363;
	transition:all linear .2s;	
}
#newslist li .news-info p a:last-child{
    color: #d4ac8a;
}
#newslist li .news-info p b{
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #d2d2d2;
    vertical-align: initial;
    margin: 0 10px;
}
#newslist li .news-info p a:hover,
#newslist li .news-info h3 a:hover{opacity:0.7;}
@media screen and (max-width: 1440px) {
	#newslist li .photo{
    width: 100%;
}
	#newslist li .news-info{
    width: calc(100% - 60px);
}
#newslist li .news-info p{
    position: initial;
    text-align: right;
    margin-top: 30px;
}
}
@media screen and (min-width: 481px) and (max-width: 1280px) {
	#newslist li .news-info h3 a{overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
@media screen and (max-width: 1024px) {
	#newslist li{width: calc(50% - 10px);
    margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
	#newslist li .news-info h3 a{font-size: 18px;}
	#newslist li .news-info p{    text-align: left;    margin-top: 10px;}
	#newslist li .news-info{width: calc(100% - 40px);
    padding: 20px;}
}
@media screen and (max-width: 480px) {
	#newslist li .news-info{width: calc(100% - 30px);
    padding: 15px;}
	#newslist li{width: calc(50% - 5px);
    margin-bottom: 10px;}
	#newslist li .news-info p{    font-size: 10px;}
	#newslist li .news-info p b{height: 10px;
    margin: 0 5px;
    vertical-align: text-top;    vertical-align: bottom;}
	#newslist li .news-info h3 a{height: 40px;
    overflow: hidden;}
}