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

/** 新聞  **/
.cc-news { position: relative; padding: 30px 0; margin-bottom: 20px }

/** 廣告 banner **/
.ad-banner { position: relative; margin-bottom:1.5rem;}
.ad-banner img { width: 100%; min-height:100px }

/** 文章內容 **/
.cc-news article { margin: 0 auto; line-height: 1.75em; letter-spacing:2px; font-size: 1.08em; }
@media (max-width:991px) { .cc-news article { padding-left: 20px; padding-right: 20px; font-weight: 300; font-size: 1.15em; }; }
@media (max-width:425px) { .cc-news article { padding-left: 10px; padding-right: 10px; }; }
.cc-news article p, .cc-news article figure { margin: 0 0 1.5em; line-height: 1.85em; word-break: break-word; }
	
.cc-news article a { color:#273900 !important; text-decoration: none; }
.cc-news article img { height: auto!important; max-width: 100%; transition: transform 0.35s linear; opacity: .9;}
.cc-news article .bottom-line { position: relative; display: block; height:30px }
.cc-news article .bottom-line:after { content: ''; position: absolute; left: 50%; width: 100%; max-width: 640px; height: 1px; transform: translateX(-50%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #b7b7b7 50%, rgba(0, 0, 0, 0) 100%);}

.cc-news article .def-img img, .cc-news article .content img { min-height: 200px; }
.cc-news article .content a { padding-bottom: 3px; border-bottom: 1px solid rgba(255,225,0,0.7); }
.cc-news article .content a:hover { border-bottom: 2px solid #FFE100; }
.cc-news article .content p, .cc-news article .content figure { margin: 0 0 1.5em; line-height: 1.85em; word-break: break-word; }
.cc-news article .content ul, .cc-news article .content ol { margin-bottom: 1.25em; }
.cc-news article .content ul>li, .cc-news article .content ol>li { margin-bottom: 10px; }
.cc-news article .content ul>li:last-child, .cc-news article .content ol>li:last-child { margin-bottom: 0; }
.cc-news article .content h1, .cc-read article .content h2,  .cc-read article .content h3, 
.cc-news article .content h4,  .cc-read article .content h5, 
.cc-news article .content h6 { font-weight: 500; margin: 0; margin-bottom: 1.25em; line-height: 1.25em; }
.cc-news article .content h1 { margin-block-start: 1.25em; margin-block-end: 1.25em; }
.cc-news article .content h3 { font-size: 1.33em; color:#d79417; }

.cc-news article .fb-comments { max-width: 100%; min-height: 200px}

.cc-news article blockquote { border:none; margin: 0 0 1.25em; padding: 0; color: #888; font-size:16px; }
.cc-news article blockquote p , .cc-news article blockquote ul li { margin-bottom: 10px; }
.cc-news article blockquote:before {  content: '\f10d'; position: absolute; left: -3px; top: 5px; font-size: 28px; line-height: 0px; }
.cc-news article blockquote:after    {  content: '\f10e'; position: absolute; right: -3px; bottom: 25px; font-size: 28px; line-height: 0px; }

.cc-news article .tags { font-size: .88em; margin-bottom: 1.25em; }
.cc-news article .tags ul { padding: 0; margin: 0; }
.cc-news article .tags ul li { display: block; float: left; line-height: 2.5em; margin: .3em .6em .4em 0; font-weight: 400; }
.cc-news article .tags ul li a { padding: .65em .75em; border-radius: 6px;}
.cc-news article .tags a { background-color: #aaa; color: #fff !important; border:none; }
.cc-news article .tags a:hover { background-color: #ccc; color: #333 !important; border:none; }

.cc-news article .header { display:block; margin: 0 auto 1.5em; }
.cc-news article .header .category { font-size: 16px; font-weight: 400; }
.cc-news article .header .category>a { padding: .1em 0; color:#aaa !important; }
.cc-news article .header .title { display: block; border-left: 8px solid #FFE100; margin: .33em 0 .75em; padding-left: 1.5em; border-bottom: none !important}
.cc-news article .header .title h1 { margin:0; font-size: 2em; font-weight: 500; line-height: 1.33em; }
@media (max-width: 767px) {
	.cc-news article .header .title h1 { font-size: 1.55em; }
}
.cc-news article .header .info { color: #aaa; font-size:16px; font-weight: 400; }
/* @media (min-width: 768px) {
	.cc-news article .header .info { font-size: .9em; font-weight: 500; display:block; }
} */

.cc-news article .outline {position:relative; margin-top: 15px; }
.cc-news article .outline blockquote { font-weight: 400; font-size: 1.1em;}
.cc-news article .outline blockquote ul { background: #eee; color: #273900; border-radius: 20px; padding-top: 20px; padding-bottom: 10px; padding-right: 10px; }
.cc-news article .outline blockquote:before, .cc-news article .outline blockquote:after { color: #A3C75A }
	
.cc-news article .data-src { padding: 0 10px 0 0 !important;  text-align: right;  font-weight: 300; font-size: 90%;}
.cc-news article .data-src a { color: #888 !important; font-weight: 300; }

@media (max-width: 375px) {
	.cc-news article .show-box-group { float: none !important; display: inline-block; width: 100%; margin-bottom: -15px;}
}