@charset "utf-8";
/* CSS Document */

/*列表＋內頁共用*/
	.mainRightContent .content .editArea{
		clear: both;
	}
	.mainTitle{
		padding: 10px;
	}

/*列表*/
	.newsList .titleInline .pageSecondContentTitle{
		display: inline-block;
	}
	.newsList .titleInline .largeMyselect{
		width: 250px;
		float: right;
		margin-bottom: 0;
	}
	.newsList .mainRightContent .content .editArea ul li{
		border-bottom: 1px dotted #979797;
		line-height: 1.8;
	}
	.newsList .mainRightContent .content .editArea ul li a{
		color: #000;
		overflow: hidden;
		display: block;
		padding: 20px 10px;
		transition: all .3s;
	}
	.newsList .mainRightContent .content .editArea ul li a:hover{
		background: #f0f0f0;
		transition: all .3s;
	}
	.newsList .mainRightContent .content .editArea ul li div.title{
		font-size: 23px;
		font-weight: bold;
		line-height: 1.2;
		overflow: hidden;
	}
	.newsList .mainRightContent .content .editArea ul li p{
		font-size: 14px;
		display: block;
		color: #333333;
	}
	.newsList .mainRightContent .content .editArea ul li div.watchMore{
		background: url(../images/all/slideOpen.svg) no-repeat center #FE000C;
	    background-size: auto;
		width: 23px;
		height: 23px;
		border-radius: 100em;
		display: table;
		float: right;
	}

/*內頁*/
	.newsPage p.date{
		border-bottom: 1px dotted #979797;
		text-align: right;
		color: #333333;
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 30px;
	}

@media screen and (max-width: 700px){
	/*列表*/
		.newsList .mainRightContent .content .editArea ul li a{
			padding: 13px 10px 10px 10px;
			line-height: 0;
		}
		.newsList .mainRightContent .content .editArea ul li p{
			display: none;
		}
		.newsList .mainRightContent .content .editArea ul li div.title,
		.newsList .mainRightContent .content .editArea ul li div.watchMore{
			display: inline-block;
		}
		.newsList .mainRightContent .content .editArea ul li div.title{
			padding-right: 10px;
			box-sizing: border-box;
			height: 26px;
			overflow: hidden;
			width:  90%;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.newsList .mainRightContent .content .editArea ul li div.watchMore{
			float: right;
		}
}

@media screen and (max-width: 500px){
	/*列表*/
		.newsList .titleInline .largeMyselect{
			width: 100%;
			margin: 10px 0 20px 0;
		}
}