#section-content > .section-content.pd-section {
	padding-top:40px;
}

.section-content > .inside {
	position:relative;
	display:table;
}
.section-content > .inside > [ class*="col-" ] {
	position:relative;
	display: table-cell;
	min-height:10px;
}
.section-content > .inside > .col-topic {
	width:40%;
	padding-right:50px;
}
.section-content > .inside > .col-content {
	width:60%;
}

.box-topic-content {
	position:relative;
	display:block;
	width:400px;
	/*background-color:#FF0;*/
}
.box-topic-content .main-topic {
	line-height:40px;
	font-weight:300;
	margin-bottom:20px;
}
.box-topic-content .btn-share-on-social {
	margin-top:20px;
}
.box-fixed.fixed {
	position:fixed;
}
.box-fixed.moveup {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
}

/*#section-content .section-banner {
	height:600px;
	background-size:100% auto !important;
	background-position:center top;
}*/

.credit-content {
	position:relative;
	display:block;
	width:100%;
	border-top:1px solid rgba(0,0,0,0.2);
	padding-top:20px;
	margin-top:40px;
}

/* --- box content  --- */

#section-all-content {}
.row-box-content {
	position:relative;
	display: table;
	width:calc( 100% + 50px );
	margin-left:-25px;
	margin-right:-25px;
}
.box-content {
	position:relative;
	display:inline-block;
	float:left;
	width:calc( 100% / 3 );
	padding:0 25px;
	margin-bottom:50px;
}
.box-content > .inside {
	position:relative;
	display:block;
	min-height:100px;
}
.box-content > .inside > .cover {}
.box-content > .inside > .detail {
	padding-top:20px;
}
.box-content > .inside > .detail .title {
	display:block;
	font-size:18px;
	line-height:25px;
	font-weight:500;
	height:50px;
	color:#4c4c4c !important;
}
.box-content > .inside > .detail .title:hover {
	color:#2f3c8b !important;
}
.box-content > .inside > .detail .row-slot-text {
	margin-top:10px;
}
.box-content > .inside > .detail .row-slot-text .slot-text + .slot-text {
    padding-left: 10px;
    margin-left: 10px;
}
.box-content > .inside > .detail .description {
	font-size:15px;
	line-height:25px;
	height:75px;
	margin-top:15px;
}

/* hover cover */
.hover-cover,
.hover-cover:hover {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}
.hover-cover {
	cursor:pointer !important;
	top:0;
	box-shadow:0 0 5px rgba(0,0,0,0);
}
.hover-cover:hover {
	top:-10px;
	box-shadow:0 10px 15px rgba(0,0,0,0.3);
}


.box-topic-calendar {
	position: relative;
	display:table;
	width:100%;
	clear:both;
}
.box-topic-calendar > [ class*="col-" ] {
	position:relative;
	display: table-cell;
	vertical-align:middle;
}
.box-topic-calendar > .col-calendar {
	width:50px;
}
.box-topic-calendar > .col-title {
	width:calc( 100% - 50px );
	padding-left:20px;
}

/* box calendar */
.box-calendar {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	/*border-radius:0;*/
	text-align:center;
	border:1px solid rgba(0,0,0,0.2);
	padding-top:6px;
}
.box-calendar > .date {
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-family: 'Oswald', sans-serif;
	font-size:22px;
	line-height:22px;
	font-weight:400;
	color:rgba(0,0,0,0.3);
}
.box-calendar > .text {
	font-size:11px;
	line-height:15px;
	font-weight:600;
	letter-spacing:0;
	text-transform:uppercase;
	padding-left:3px;
	color:rgba(0,0,0,0.35);
}


/* box news */
.box-content.news > .inside > .detail {
	height:185px;
}

/**/
.box-content:nth-child(4n+4) {
	display:block;
	width:100%;
	float:none;
	clear:both;
}
.box-content:nth-child(4n+4) > .inside {
	display: table;
	clear:both;
	width:100%;
	border: 1px solid rgba(0,0,0,0.2);	
	padding:10px;
}
.box-content:nth-child(4n+4) > .inside > .cover,
.box-content:nth-child(4n+4) > .inside > .detail {
	display:table-cell;
	height:auto !important;
	vertical-align:middle;
}
.box-content:nth-child(4n+4) > .inside > .cover {
	width:200px;
}
.box-content:nth-child(4n+4) > .inside > .detail {
	width:calc( 100% - 200px );
	padding-top:0;
	padding-left:50px;
	padding-right:40px;
}
.box-content:nth-child(4n+4) > .inside > .detail .title {
	font-size: 25px;
    line-height: 35px;
    font-weight: 300;
	height:70px;
}
.box-content:nth-child(4n+4) .box-topic-calendar > .col-calendar {
	display:none;
}
.box-content:nth-child(4n+4) .box-topic-calendar > .col-title {
	width:1000%;
	padding:0;
}


/* Others */
.section-others {
	position:relative;
	padding-bottom:30px;
}
.row-title-others {
	position:relative;
	display:table;
	clear:both;
	width:100%;
	padding-bottom:30px;
	padding-top:40px;
	/*margin-top:50px;*/
	border-top:1px solid #1e1e1e;
}
.row-title-others > .col-title {
	font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0;
	text-transform:uppercase;
	float:left;
}
.row-title-others > .col-btn {
	float:right;
}
.section-others.bg {
	background-color:rgba(0,0,0,0.07);
}
.section-others.bg:before {
	position:absolute;
	top:0;
	left:0;
	right:0;
	content:"";
	width:100%;
	height:250px;
	background-color:rgba(255,255,255,1);
}

/* lg more */
@media (min-width:1200px) and (max-width:1649px) {
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
	
/* all content */
.row-box-content {
    width: calc( 100% + 40px );
    margin-left: -20px;
    margin-right: -20px;
}
.box-content {
    padding: 0 20px;
    margin-bottom: 40px;
}
.box-content > .inside > .detail .title {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}
.box-content > .inside > .detail .description {
    font-size: 13px;
    line-height: 22px;
    height: 66px;
}
.box-content > .inside > .detail .row-slot-text .slot-text + .slot-text {
    padding-left: 7px;
    margin-left: 7px;
}
.box-content:nth-child(4n+4) > .inside > .detail .title {
    font-size: 22px;
    line-height: 30px;
    height: 60px;
}

/* content detail */
.section-content > .inside {
	display:block;
}
.section-content > .inside > [ class*="col-" ] {
    display: block;
    min-height: 10px;
	width:100% !important;
	padding:0 !important;
}
.section-content .box-fixed.fixed {
    position: relative !important;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	bottom:auto !important;
}
.box-topic-content {
	width:100%;
	border-bottom: 1px solid rgba(10,10,10,0.5);
	margin-bottom:40px;
	padding-bottom:40px;
	padding-right:80px; 
}
.box-topic-content .group-share {
	position:absolute;
	top:0;
	right:0;
}
.box-topic-content .btn-share-on-social {
	margin:0;
}
.box-topic-content .main-topic {
    margin-bottom: 10px;
}
}

/* sm - xs */
@media (max-width:991px) {
}

/* sm */
@media (min-width:768px) and (max-width:991px) {

/* all content */
.row-box-content {
    width: calc( 100% + 40px );
    margin-left: -20px;
    margin-right: -20px;
}
.box-content,
.box-content:nth-child(4n+4) {
    width: calc( 100% / 2 );
    padding: 0 20px;
    margin-bottom: 60px;
	float:left;
	clear:none;
}
.box-content:nth-child(4n+4) > .inside {
    display: block;
    clear: none;
    border: none;
    padding: 0;
}
.box-content:nth-child(4n+4) > .inside > .cover, .box-content:nth-child(4n+4) > .inside > .detail {
	display:block;
	float:none;
	width:100%;
	padding:0 !important;
}
.box-content > .inside > .detail .title,
.box-content:nth-child(4n+4) > .inside > .detail .title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
	height:50px;
}
.box-content > .inside > .detail .description {
    font-size: 14px;
    line-height: 25px;
}
.box-content:nth-child(4n+4) > .inside > .detail,
.box-content > .inside > .detail {
    padding-top: 20px !important;
	height: 185px !important;
}

/* content detail */
.section-content > .inside {
	display:block;
}
.section-content > .inside > [ class*="col-" ] {
    display: block;
    min-height: 10px;
	width:100% !important;
	padding:0 !important;
}
.section-content .box-fixed.fixed {
    position: relative !important;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	bottom:auto !important;
}
.box-topic-content {
	width:100%;
	border-bottom: 1px solid rgba(10,10,10,0.5);
	margin-bottom:40px;
	padding-bottom:40px;
	padding-right:80px; 
}
.box-topic-content .group-share {
	position:absolute;
	top:0;
	right:0;
}
.box-topic-content .btn-share-on-social {
	margin:0;
}
.box-topic-content .main-topic {
    margin-bottom: 10px;
}
#section-all-content { display:none !important; }
}

/* xs */
@media (max-width:767px) {
	
.section-content > .inside > [ class*="col-" ] {
    display: block;
	width:100% !important;
	padding:0 !important;
}
.box-topic-content .main-topic {
	line-height:30px;
	font-weight:400;
}

.box-topic-content {
	width:100%;
	border-top:1px solid rgba(10,10,10,0.5);
	padding-top:30px;
	border-bottom:1px solid rgba(10,10,10,0.5);
	padding-bottom:30px;
	margin-bottom:30px;
}
.box-topic-content .main-topic {
	margin-bottom:10px;
}
.box-fixed.fixed {
	position:relative !important;
	top:auto !important;
	left:auto !important;
	right: auto !important;
	bottom: auto !important;
}

.section-banner > .banner > .img {
	background-attachment:local;
}

/* all content */
.row-box-content {
    position: relative;
    display: table;
    width: calc( 100% + 50px );
    margin-left: -25px;
    margin-right: -25px;
}
.box-content {
    display: block;
    float: none;
    width: 100%;
    padding: 0 25px;
    margin-bottom: 0;
}
.box-content.news > .inside > .detail {
    height: auto;
}
.box-content.news > .inside > .detail,
.box-content:nth-child(4n+4) > .inside > .detail {
	padding:20px 0 0 0;	
}
.box-content > .inside > .detail .title,
.box-content:nth-child(4n+4) > .inside > .detail .title {
	font-size:18px;
	line-height:25px;
    font-weight: 400;
}
.box-content > .inside > .detail .description {
    font-size: 13px;
    line-height: 25px;
    height: 50px;
    margin-top: 15px;
}

.box-content:nth-child(4n+4) > .inside {
    display: block;
    clear: none;
    width: 100% !important;
    border: none !important;
    padding: 0;
}
.box-content:nth-child(4n+4) > .inside > .cover, .box-content:nth-child(4n+4) > .inside > .detail {
	width:100% !important;
    display: block;
}
.box-content + .box-content > .inside {
	border-top:1px solid rgba(0,0,0,0.1) !important;
	margin-top:25px !important;
	padding-top:40px !important;
}

#page-news-detail .section-content.pd-section {
	padding-top:0 !important;
}
}

/* xs more */
@media (max-width:350px) {
}