/*******************************************/
/*************** 新聞改版 ******************/
/*******************************************/

.cc-news-list { margin: 20px 0; }

/** 搜尋  **/
.cc-news-list .search-group { margin-top: -20px; margin-bottom: 0px; padding: 30px 0 20px; background-color: #ddd; }
.cc-news-list .search-group .group1 { margin-bottom: 10px; }
.cc-news-list .search-group .group2 .country { margin-right: 15px; }
@media  (max-width: 767px) {
	.cc-news-list .search-group .group2 .country { margin-right: 0; margin-bottom: 15px; }
	.cc-news-list .search-group .group2 .check-group .check-range .range-picker { display: block; padding-top: 10px; }
	.cc-news-list .search-group .group2 .check-group .check-range .range-picker .month-picker { width: 100%; }
	.cc-news-list .search-group .group2 .check-group .check-range .range-picker .end-ym { display: block; width: 100%; margin-top: 6px; }
	.cc-news-list .search-group .group2 .check-group .check-range .range-picker .years { width: 60%; }
	.cc-news-list .search-group .group2 .check-group .check-range .range-picker .months { width: 40%; }
	.cc-news-list .search-group .group2 .check-group .check-range .range-picker .btn { width: 100%; margin-top: 6px; }
	.new-list .search-group .group2 .btn-group { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
	.cc-news-list .search-group .group2 .btn-group>.btn { display: table-cell; float: none; width: 1%;	}
}
.check-inline+.check-inline { margin-left: 0; }

/** 分頁  **/
.pagination-lg>li>a, .pagination-lg>li>span { margin-left: 5px; }
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {  border-top-right-radius: 0px;  border-bottom-right-radius: 0px; }
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
 .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #ddd;  }
 
 /** 列表 **/
 .cc-news-list  .list-contents { margin: 20px 0; }
.cc-news-list  .list-contents a { color:#273900 !important; text-decoration: none; }

.cc-news-list .list-contents .news-data { margin: 0 auto; line-height: 1.35em; font-weight: 400; letter-spacing:2px; }
.cc-news-list .list-contents .news-data { display: table; width: 100%; }
.cc-news-list .list-contents .news-data > span { display: table-cell; vertical-align: middle; padding: 5px }
.cc-news-list .list-contents .news-data .content-group { width: 100%; padding-right: 40px; }
@media(max-width:767px) { .cc-news-list .list-contents .news-data .content-group { padding-right:0 } }
 
.cc-news-list .list-contents .news-data .img-group > figure { width: 180px; height: 100px; background-repeat: no-repeat; background-position: 50%; background-color: hsla(0,0%,80%,.2); background-size: cover; }
@media (max-width: 767px) { .cc-news-list .list-contents .news-data .img-group > figure { width: 100px; height: 100px } }
 
.cc-news-list .list-contents .news-data .content-group > .area,
.cc-news-list .list-contents .news-data .content-group > .title ,
.cc-news-list .list-contents .news-data .content-group > .info  { display: block; }

.cc-news-list .list-contents .news-data .content-group > .title { margin: 3px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.cc-news-list .list-contents .news-data .content-group > .area ,
.cc-news-list .list-contents .news-data .content-group > .info  { color: #648420; font-size: 14px }

.cc-news-list .list-contents .news { border-bottom: 1px dashed #ccc; position: relative; }
.cc-news-list .list-contents .news a.title-link { margin: 0; padding: 0; position: relative; display: block; background:#fafafa; margin-bottom: 5px; margin-top: 5px; min-height: 60px; }
.cc-news-list .list-contents .news a.title-link:visited  { background: #EEE; color: #888 !important; }
.cc-news-list .list-contents .news a.title-link:visited .news-data .content-group > .area,
.cc-news-list .list-contents .news a.title-link:visited .news-data .content-group > .info { color: #aaa !important; }
.cc-news-list .list-contents .news a.title-link:hover { background: #ecf3db; text-decoration: none; } 
.cc-news-list .list-contents .news a.title-link:visited:hover { background: #EEE; }

.cc-news-list .list-contents .share-box .share-btn { border-radius: 50%; color: #fff !important; display: block; float: left; height: 40px; margin: 5px; text-align: center; width: 40px; position: relative; vertical-align: top; }
.cc-news-list .list-contents .share-box .share-btn[data-type=voice] { background-color: #f39e36; }
.cc-news-list .list-contents .share-box { position: absolute; z-index: 2; height: 110px; top: 0px;  right: 0; padding: 30px 15px; }
.cc-news-list .list-contents .share-box .share-btn i { font-size: 25px; line-height: 40px; color: #fff; }
@media(max-width:767px) { 
	.cc-news-list .list-contents .share-box { padding-top: 60px; padding-right: 5px; }
}