@charset "UTF-8";
/* ******************************************************************
	--left.css--
****************************************************************** */
.right_content, .right_content_ct, .right_content_ct_title, .right_content_ct_ct, .right_content_ct_ct_row, .right_content_ct_name, .right_content_ct_class, .right_content_ct_tit, .right_content_ct_d,
.right_content_ct_title a, .right_content_ct_detail, .right_content_bg, .right_content_bg_ct, .right_content_bg_label, .right_content_bg_a, .right_content_bg_label_bold, .right_content_bg_a a,
.secondary, .right_content_ct_ct_row a{
	display: block;
	float: left;
	width: 100%;
}
.right_content_ct {
    border: 1px solid #d4d4d4;
    padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
}    
.luubuthoctro_content_right .right_content_ct {
    background: #eff9fe;
}
.right_content_ct_title{
	font-size: 20px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	padding-bottom: 20px;
}
.right_content_ct_tit a:hover,  a:hover .right_content_ct_tit{
	color: #263a8b;
	text-decoration: none;
}
.right_content_ct_ct_row{
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d4d4d4;
}
.right_content_ct_name, .right_content_ct_class{
	font-size: 13px;
	font-family: "latobold", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #54b454;
}
.right_content_ct_class{
	font-family: 'latoitalic';
}
.right_content_ct_tit{
	font-size: 14px;
	line-height: 22px;
}
.right_content_ct_date, .right_content_ct_view, .right_content_ct_comment{
	float: left;
	display: block;
	width: auto;
	padding: 0px 10px 0px 20px;
	line-height: 30px;
	font-size: 11px;
	color: #404041;
}
.right_content_ct_date{
	padding-left: 0px;
}
.right_content_ct_view, .right_content_ct_comment{
	color: #b8c3c8;
}
.right_content_ct_view{
	background: url(../images/icon/icon_view@2x.png) no-repeat left center;
    background-size: 16px 8px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .right_content_ct_view{
		background: url(../images/icon/icon_view@2x.png) no-repeat left center;
		background-size: 16px 8px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .right_content_ct_view{
		background: url(../images/icon/icon_view@2x.png) no-repeat left center;
		background-size: 16px 8px;
	} 
}
.right_content_ct_comment{
	background: url(../images/icon/icon_binhluan_home@2x.png) no-repeat left center;
    background-size: 16px 9px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .right_content_ct_comment{
		background: url(../images/icon/icon_binhluan_home@2x.png) no-repeat left center;
		background-size: 16px 9px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .right_content_ct_comment{
		background: url(../images/icon/icon_binhluan_home@2x.png) no-repeat left center;
		background-size: 16px 9px;
	} 
}
a .right_content_ct_detail{
    float: right;
    display: block;
    width: 8px;
    text-indent: -9999px;
	background: url(../images/icon/icon_detail_luubut@2x.png) no-repeat right center;
    background-size: 8px 12px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    a .right_content_ct_detail{
		background: url(../images/icon/icon_detail_luubut@2x.png) no-repeat right center;
		background-size: 8px 12px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    a .right_content_ct_detail{
		background: url(../images/icon/icon_detail_luubut@2x.png) no-repeat right center;
		background-size: 8px 12px;
	} 
}
a:hover .right_content_ct_detail{
	background: url(../images/icon/icon_detail_luubut_hover@2x.png) no-repeat right center;
    background-size: 8px 12px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    a:hover .right_content_ct_detail{
		background: url(../images/icon/icon_detail_luubut_hover@2x.png) no-repeat right center;
		background-size: 8px 12px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    a:hover .right_content_ct_detail {
		background: url(../images/icon/icon_detail_luubut_hover@2x.png) no-repeat right center;
		background-size: 8px 12px;
	}
}
.right_content_ct_detail{
	width: auto;
	float: right;
	line-height: 30px;
}
.right_content_ct_ct .right_content_ct_ct_row:last-child{
	margin-bottom: 0px;
	border: 0px;
	padding-bottom: 0px;
}
.right_content{
	position: relative;
}
.secondary.fixed{
	transition: all .3s ease;
	position: fixed;
	top: 0px;
}
.right_content_bg_ct{
	background: #1895d0;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	padding: 15px 20px;
	transition: all .3s ease;
	position: relative;
}
.secondary{
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	padding: 4px 4px 10px 4px;
	max-width: 262.5px;
}
.right_content_bg_a a{
	background: #ffffff;
    margin-bottom: 15px;
    font-family: "latobold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-style: initial;
    text-align: center;
    padding: 8px 0px;
}
.right_content_bg_a a:hover{
	text-decoration: none;
	color: #263a8b;
	-webkit-box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
	box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.08);
}
.right_content_bg_label_bold{
	font-weight: bold;
	margin-bottom: 10px;
}
.right_content_bg_label p{
	margin-bottom: 15px;
}