/** *** INDEX *** **/
#main-contents {background-color:#000; padding:0 40px; text-align:center;}
.inner-box {text-align:left;}
.news-title {font-family:"Noto Sans SC",sans-serif; font-style:normal; font-size:2rem; color:#fff2e2; font-weight:normal; line-height:2rem; padding:100px 0 40px; margin:0; text-align:left;}


.news-list-category {padding:0 0 80px;}
.news-list-category ul {text-align:center;}
.news-list-category li {display:inline-block; padding:10px 40px;}
.news-list-category li a {font-size:1.6rem; line-height:2.2rem; color:#fff2e2;}
.news-list-category li a  {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:1;}
.news-list-category li a:hover {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:0.4;}

.news-list .inner-box {position:relative;}
.news-list {padding:0 80px 80px 80px; line-height:2rem;}
.news-list li {border-bottom:1px solid #ccc; width:100%; padding:10px 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.news-list li a {display:block;padding:10px; color:#fff2e2;}
.news-list li a {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:1;}
.news-list li a:hover {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:0.4;}
.news-list .all li {height:auto; overflow:visible;}
.news-list .news li {height:0; border-bottom:none; padding:0; overflow:hidden;}
.news-list .news li.news {height:auto; border-bottom:1px solid #ccc; padding:10px 0; overflow:visible;}
.news-list .media li {height:0; border-bottom:none; padding:0; overflow:hidden;}
.news-list .media li.media {height:auto; border-bottom:1px solid #ccc; padding:10px 0; overflow:visible;}
.news-list .special li {height:0; border-bottom:none; padding:0; overflow:hidden;}
.news-list .special li.special {height:auto; border-bottom:1px solid #ccc; padding:10px 0; overflow:visible;}

.news-list .category-icon {display:table-cell; padding-right:20px; vertical-align:middle;}
.news-list .news-date {display:table-cell; padding-right:20px; vertical-align:middle; color:#fcb660;}
.news-list .news-text {display:table-cell; vertical-align:middle;}
.news-list .category-icon span {display:inline-block; width:100px; background-color:#fcb660; color:#fff; font-weight: normal; padding:0 10px; text-align:center; font-size:0.9rem; font-family:"Noto Sans SC",sans-serif; line-height:1.5rem;margin: 0 0 0.5rem;}
/** /// INDEX /// **/


/** *** COMTAINER *** **/
.article-box {padding:0 20px 80px 160px; line-height:2.4rem;}
.news-article-title {border-bottom:1px solid #ccc; padding:0 0 20px; color:#fff2e2; margin:0; font-weight:normal; font-size:1.6rem;}
.news-article-title .category-icon {display:table-cell; padding-right:20px; vertical-align:middle;}
.news-article-title .news-date {display:table-cell; padding-right:20px; vertical-align:middle; color:#fcb660;}
.news-article-title .news-text {display:table-cell; vertical-align:middle;}
.news-article-title .category-icon span  {display:inline-block; width:100px; background-color:#fcb660; color:#fff; font-weight:normal; padding:0 10px; text-align:center; font-size:1.2rem; font-family:"Noto Sans SC",sans-serif; line-height:2rem; margin: 0 0 0.5rem;}
.article-text {padding-top:40px; color:#fff2e2; font-size:1.3rem;}

.btn-back {padding:40px 0;}
.btn-back a {display:block; color:#fff2e2; border:1px solid #fff2e2; padding:20px; width:400px; text-align:center; margin:0 auto; font-size:1.3rem;}
/** /// COMTAINER /// **/




@media screen and (max-width:720px){
	/** *** INDEX *** **/
	#main-contents {background-color:#000; padding:0 0;}
	
	.news-list-category {padding:0;}
	.news-list-category ul {padding: 0 0 20px 0;}
	.news-list-category li {display:inline-block; padding:10px 10px;}
	.news-list-category li a {font-size:0.9rem; line-height:1.6rem;}
	
	.news-list {padding:0 10px 40px 10px;}
	.news-list li {padding:10px 20px 10px 0; position:relative;}
	.news-list li:first-child {border-top:1px solid #ccc;}
	.news-list li a {display:block; font-size:1rem; line-height:1.6rem;}
	.news-list li a:after {content:""; position:absolute; right:10px; top:50%; width:10px; height:10px; display:inline-block; margin-top:-4px;
		border-top:1px solid #fcb660; border-right:1px solid #fcb660; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.news-list .category-icon {display:inline-block;}
	.news-list .category-icon span {font-size:0.8rem;}
	.news-list .news-date {display:inline-block; font-size:0.8rem;}
	.news-list .news-text {display:block; width:100%; padding:10px 0 0;}
	/** /// INDEX /// **/
	.inner-box {width:100%; display:block;}
	.news-title {padding:60px 10px 20px; margin:0 auto;}

	/** *** COMTAINER *** **/
	.article-box {padding:0 10px 40px 10px;}
	.news-article-title {padding:15px 20px 20px 0; position:relative; display:block; font-size:1.3rem; line-height:1.6rem;}
	.news-article-title .category-icon {display:inline-block;}
	.news-article-title .category-icon span {font-size:0.8rem; line-height:1.6rem;}
	.news-article-title .news-date {display:inline-block; font-size:0.8rem;}
	.news-article-title .news-text {display:block; width:100%; padding:10px 0 0;}
	
	.article-text {padding-top:20px; font-size:1rem;}
	
	.btn-back a {width:90%; font-size:1rem;}
	/** /// COMTAINER /// **/

}