.title-news { font-size: 22px; color: #5c3108; font-weight: bold; font-family: vdl-logona; margin-bottom: 8px; padding-bottom: 4px;  border-bottom: 4px solid #ff9119; }


.content-tab{ margin: 24px auto;}
.content-tab .tabs { list-style: none; text-align: center;}
.content-tab .tabs li { color:#000; display: inline-block; padding: 8px; margin: auto 4px; text-align: center; cursor: pointer; background: #d4d4d4; width: 46%;
border-top-left-radius: 8px; border-top-right-radius: 8px; }
.content-tab .tabs li.current { background: #5c3108; color: #fff; }
.content-tab .tab-pane { display: none; margin: 0 auto;}
.content-tab .tab-pane.current { display: block;}
.content-tab .tab-contents{ border-top: 3px solid #5c3108; padding: 12px; background: #fff; font-weight: normal;}

/* pagination */
.paging{text-align: right; padding: 12px 0; }
.paging a{display: inline-block; padding: 5px 0; margin: 0 1px; text-align: center; border-radius: 50%; width: 30px; height: 30px;  color: #9f9f9f; }
.paging a:hover { color: #693907; }
.page-active{ background: #693907; color: #fff !important;  }
.btn-nb{ color: #9f9f9f; width: 30px;}

/*---------------Content-News---------------*/
.content-news{margin:12px auto; border-top: 1px solid #ccc; padding-top: 14px; }
.content-news .btn-more a{width: 280px;}
.content-news h2{font-size: 22px; margin: 0 0 15px; font-family: vdl-logona; font-weight: bold; border-bottom: 2px solid #d8c7c7;}
.content-news a{display:flex; width: 100%; color: #714218; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #d8c7c7; transition: all 0.3s;}
/*.content-news a figure,.content-news a div{display: inline-block;}*/
.content-news a figure{margin: 0 10px 0 0; width: 25%;}
.content-news a figure img{width: 100%;}.content-news a span{color: #714218;}
.content-news a div span,.content-news a div strong{display: block;}
.content-news a div span small{display: inline-block; background: url(../../index/images/bg-news-pin.png) center no-repeat; height: 30px; width: 140px; text-align: center; line-height: 22pt;}
.content-news a div strong{font-size: 20px; font-weight: bold; color: #ff8602;}

.content-news a:hover{color: #ff8602;}
.content-news a:hover span{color: #714218 !important;}
.sp{
    display:none;
}
.pc{
    display:block;
}

@media screen and (max-width:480px) {
	.sp{
        display:block;
	}
	.pc{
        display:none;
	}

}