/*---------------------------------------------------*/
/* --------- [PC] textbook daily topics home --------- */
/*---------------------------------------------------*/
@import url('https://fonts.nativecamps.com/css2?family=Noto+Sans+JP&display=swap');

body.overflow-y-hidden {
	overflow-y: hidden;
}
.page_wrap.page_daily_topics_home {
	/* background-color: #fff; 
	overflow: hidden;*/
	padding-top: 0;
}
.page_daily_topics_home,
.page_daily_topics_home * {
	box-sizing: border-box;
	font-family: 'Noto Sans JP', sans-serif;
}
.page_daily_topics_home {
	color: #333;
	font-size: 1.6rem;
	line-height: 1.5;
}
.page_daily_topics_home a:hover img {
	opacity: 1;
}
.daily_topics_round_input,
input.daily_topics_round_input {
	display: inline-block;
	background-color: #fff;
	color: #4b4b4b;
	font-size: 14px;
	line-height: 36px;
	padding: 0 15px;
	border: 2px solid #8e8e8e;
	border-radius: 20px;
}
.daily_topics_round_input.input_block,
input.daily_topics_round_input.input_block {
	display: block;
	width: 100%;
}
.daily_topics_round_btn {
	display: inline-block;
	text-align: center;
	background-color: #fff;
	color: #4b4b4b;
	font-size: 14px;
	line-height: 36px;
	padding: 0 15px;
	text-align: center;
	border: 2px solid #8e8e8e;
	border-radius: 20px;
	transition: background-color .2s ease-in;
}
.daily_topics_round_btn:hover {
	background-color: #f3f3f3;
}
.daily_topics_box_btn {
	display: inline-block;
	text-align: center;
	background-color: #999;
	color: #fff;
	font-size: 1.6rem;
	line-height: 4.8rem;
	padding: 0 4.5rem;
	text-align: center;
	border-radius: 5px;
	transition: background-color .2s ease-in;
}
.daily_topics_box_btn:hover {
	background-color: #737373;
}
.daily_topics_box_btn.box_btn_blue {
	background-color: #00a2eb;
}
.daily_topics_box_btn.box_btn_blue:hover {
	background-color: #0094d9;
}
.page_daily_topics_home > .page_inner {
	width: 100%;
	min-width: 1260px;
	/* max-width: 1440px; */
	margin: 0 auto;
	padding: 0;
}
.page_daily_topics_home .daily_topics_breadcrumbs_area {
	padding: 1rem 2rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_daily_topics_article .daily_topics_breadcrumbs_area{
	padding: 1rem 0;	
}
.page_daily_topics_home .daily_topics_breadcrumbs_list {
	display: flex;
	align-items: baseline;
	font-size: 1.4rem;
}
.page_daily_topics_home .daily_topics_breadcrumbs_list > li:not(:last-child) {
	margin-right: .5rem;
}
.page_daily_topics_home .daily_topics_breadcrumbs_list > li:not(:last-child):after {
	content: '>';
	display: inline-block;
}
.page_daily_topics_home .daily_topics_breadcrumbs_list > li.current {
	/* font-size: 2rem; */
}
.page_daily_topics_home .daily_topics_breadcrumbs_list a {
	font-size: inherit;
	color: inherit;
	text-decoration: none;
}
.page_daily_topics_home .daily_topics_filter_group > li .news_search_result {
	display: flex;
	height: 100%;
	align-items: center;
}
.page_daily_topics_home .version_switch_btn {
	display: inline-block;
	border: 1px solid #092846;
	color: #092846;
	font-size: 1.2rem;
	line-height: 2.4rem;
	padding: 0 .5rem;
}
.page_daily_topics_home .daily_topics_filter_area {
	padding: 1.3rem 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FFF;
	/* border-top: #CCCCCC 1px solid; */
	position: relative;
}
.page_daily_topics_home .daily_topics_filter_area.scrolled {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
}
.page_daily_topics_home .daily_topics_filter_area.no_side_padding {
	padding: 2.5rem 0;
}
.page_daily_topics_home .daily_topics_filter_group {
	display: flex;
	position: relative;
	align-items: stretch;
}
.page_daily_topics_home .daily_topics_filter_group > li {
	padding: 0 3rem;
}
.page_daily_topics_home .daily_topics_filter_group > li:first-child {
	padding-left: 0;
}
.page_daily_topics_home .daily_topics_filter_group > li.filter_dropdown_wrap {
	position: relative;
}
.page_daily_topics_home .daily_topics_filter_group > li.filter_fav .link-star{
	display: flex;
	width: 2rem;
	align-items: center;
	margin-top: -1px;
}
.page_daily_topics_home .daily_topics_filter_group > li.filter_fav .link-star > img {
	display: block;
	width: 100%;
}
.page_daily_topics_home .daily_topics_filter_group > li:first-child {
	border-right: 1px solid #092846;
}
.page_daily_topics_home .daily_topics_filter_group > li > .page_name {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.page_daily_topics_home .daily_topics_filter_group > li > a {
	height: 100%;
	font-size: 1.3rem;
}
.page_daily_topics_home .daily_topics_filter_group > li > a.normal_link,
.page_daily_topics_home .filter_dropdown_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3rem;
	line-height: 2rem;
	color: #333;
	position: relative;
	z-index: 99;
	transition: color .2s ease-in-out;
}
.page_daily_topics_home .filter_dropdown_btn:hover,
.page_daily_topics_home .filter_dropdown_btn.on,
.page_daily_topics_home .daily_topics_filter_group > li > a.normal_link:hover {
	color: #3DC8FF;
}
.page_daily_topics_home .filter_dropdown_btn.on {
	z-index: 502;
}
.page_daily_topics_home .filter_dropdown_btn.on:before {
	content: '';
	display: block;
	z-index: -1;
	width: calc(100% + 3rem);
	height: 4.5rem;
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: -.6rem;
	left: 50%;
	transform: translateX(-50%);
	margin: auto;
	background: #F0F0F0;
}
.page_daily_topics_home .filter_dropdown_btn:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	/* background-image: url('../images/daily_topics/icon-chevron-down.svg'); */
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: .5rem;
	transition: all .2s ease-in-out;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: 0.4rem transparent solid;
	border-top-color: #CCCCCC;
	border-top-width: 0.4rem;
}
.page_daily_topics_home .filter_dropdown_btn:hover:after,
.page_daily_topics_home .filter_dropdown_btn.on:after {
	border-top-color: #3DC8FF;
}
/* .page_daily_topics_home .filter_dropdown_btn.on:before {
	content: '';
	position: absolute;
	display: block;
	box-sizing: border-box;
	border: 1rem solid transparent;
	border-bottom-color: #092846;
	right: 2.8rem;
	bottom: -1.1rem;
} */
.page_daily_topics_home .filter_dropdown_target {
	z-index: 502
}
.page_daily_topics_home .filter_dropdown_btn > .selected_wrap > .nc_common_level_color_dl {
	margin: 0 .5rem;
}
.page_daily_topics_home .daily_topics_filter_dropdown_list {
	display: none;
	position: absolute;
	left: 0;
	top: calc(100% + 1.5rem);
	width: auto;
	background-color: #FFFFFF;
	color: #fff;
	padding: 4.7rem 5rem;
	box-shadow: 0 .6rem 1rem rgba(0,0,0,.16);
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li + li {
	margin-top: 3rem;
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li > a {
	display: flex;
	align-items: center;
	position: relative;
	color: #404040;
	font-size: 1.6rem;
	line-height: 1.5;
	white-space: nowrap;
	transition: all .2s ease-in-out;
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li > a:hover {
	background-color: rgba(255,255,255,.1);
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li.on > a {
	color: #f1890e;
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li > a::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin-right: 1.4rem;
	transition: all .2s ease-in-out;
	border: 0.4rem transparent solid;
	border-left-color: #CCCCCC;
	border-left-width: 0.4rem;
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li.on > a::after {
	background-image: url('../images/daily_news/icon-chevron-right-orange.svg');
}
.page_daily_topics_home .daily_topics_filter_dropdown_list > li:not(:first-child) {
	/* border-top: 1px solid #fff; */
}
.daily_topics_dropdown_overlay {
	position: fixed;
	z-index: 501;
	display: none;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: transparent;
}
/* level slide bar */
.daily_topics_level_slide_bar_wrap {
	position: absolute;
	left: 0;
	top: calc(100% + 1.5rem);
	background-color: #FFF;
	padding: 20px 50px;
	box-shadow: 0 .6rem 1rem rgba(0,0,0,.16);
}
.daily_topics_level_slide_bar_wrap .direction_text {
	color: #404040;
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
}
.daily_topics_level_bar,
.daily_topics_level_bar .ui-slider {
	position: relative;
	width: 400px;
}
.daily_topics_level_bar.history,
.daily_topics_level_bar.history .ui-slider {
	width: 320px;
}
.daily_topics_level_bar.ui-slider-horizontal {
	height: 6px;
}
.daily_topics_level_bar .filter_handle,
.daily_topics_level_bar .filter_handle.ui-state-default {
	width: 22px;
	height: 22px;
	background-color: transparent;
	background-image: none;
	border-radius: 50%;
	border: 3px solid #fff;
	top: 50%;
	transform: translateY(-50%);
	z-index: 101;
	margin-left: -11px;
	background-color: transparent;
	box-shadow: 0 0 5px rgba(0,0,0,.65);
}
.daily_topics_level_bar .ui-widget-header {
	background: none;
	background-color: transparent;
	margin: 0;
}
.daily_topics_level_bar.ui-widget-content,
.daily_topics_level_bar.ui-widget.ui-widget-content {
	border-radius: 4px;
	border: none;
	background: none;
	background-color: #d3d3d3;
}
.daily_topics_level_bar .filter_color_bar {
	width: 100%;
	height: 6px;
	display: flex;
	flex-wrap: nowrap;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar {
	display: block;
	height: 100%;
	width: 11.11%;
	background-color: transparent;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar:last-child {
	width: 11.2%;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on {
	background-color: #f1890e;
	background: rgb(217,217,87);
	background: linear-gradient(90deg, rgba(217,217,87,1) 0%, rgba(255,94,63,1) 100%);
	background-size: 10000px 100px;
	background-repeat: no-repeat;
	background-position: left top;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on.no-4 {
	background-position: 14.286% top;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on.no-5 {
	background-position: 28.572% top;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on.no-6 {
	background-position: 42.858% top;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on.no-7 {
	background-position: 57.144% top;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on.no-8 {
	background-position: 71.43% top;
}
.daily_topics_level_bar .filter_color_bar .single_color_bar.on.no-9 {
	background-position: 85.716% top;
}
.daily_topics_level_bar .filter_scale {
	width: 100%;
	height: 6px;
	background-color: transparent;
	position: relative;
}
.daily_topics_level_bar .filter_scale .single_scale {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #d3d3d3;
	border: none;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.daily_topics_level_bar .filter_scale .single_scale.on {
	background-color: #f1890e;
	background: rgb(217,217,87);
	background: linear-gradient(90deg, rgba(217,217,87,1) 0%, rgba(255,94,63,1) 100%);
	background-size: 10000px 100px;
	background-repeat: no-repeat;
	background-position: left top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-1 {
	left: 0;
}
.daily_topics_level_bar .filter_scale .single_scale.no-2 {
	left: 11.111111%;
}
.daily_topics_level_bar .filter_scale .single_scale.no-3 {
	left: 22.222222%;
}
.daily_topics_level_bar .filter_scale .single_scale.no-4 {
	left: 33.333333%;
	background-position: calc(14.286% - 8px) top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-5 {
	left: 44.444444%;
	background-position: calc(28.572% - 8px) top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-6 {
	left: 55.555555%;
	background-position: calc(42.858% - 8px) top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-7 {
	left: 66.666666%;
	background-position: calc(57.144% - 8px) top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-8 {
	left: 77.777777%;
	background-position: calc(71.43% - 8px) top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-9 {
	left: 88.888888%;
	background-position: calc(85.716% - 8px) top;
}
.daily_topics_level_bar .filter_scale .single_scale.no-10 {
	left: 100%;
	background-position: 95% top;
}
.daily_topics_level_bar .filter_handle:hover,
.daily_topics_level_bar  .ui-widget-header:hover,
.daily_topics_level_bar .filter_scale:hover {
	cursor: pointer;
}
/* disable 1 & 2 */
.daily_topics_level_bar .filter_color_bar .single_color_bar.no-1,
.daily_topics_level_bar .filter_color_bar .single_color_bar.no-2,
.daily_topics_level_bar .filter_scale .single_scale.no-1,
.daily_topics_level_bar .filter_scale .single_scale.no-2 {
	background-color: #41525e;
}
.daily_topics_level_bar.history .filter_color_bar .single_color_bar.no-1,
.daily_topics_level_bar.history .filter_color_bar .single_color_bar.no-2,
.daily_topics_level_bar.history .filter_scale .single_scale.no-1,
.daily_topics_level_bar.history .filter_scale .single_scale.no-2 {
	background-color: #eee;
}
/* level output */
.daily_topics_level_output {
	margin-top: 30px;
	color: #fff;
	text-align: center;
}
.daily_topics_level_output.history {
	color: #555;
}
.daily_topics_level_output .output_block {
	background-color: #F0F0F0;
	color: #333;
	font-size: 16px;
	line-height: 1;
	display: inline-flex;
	width: 60px;
	height: 30px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
.daily_topics_level_output.history .output_block {
	border: 1px solid #8B9BA8;
	width: 55px;
	font-size: 14px;
	color: #333;
}
/* search & history */
.page_daily_topics_home .daily_topics_history_group {
	display: flex;
	/* position: relative; */
	align-items: center;
}
.daily_topics_history_group > li + li {
	margin-left: 10px;
}
.daily_topics_search_input {
	position: relative;
}
.daily_topics_search_input > .daily_topics_round_input {
	width: 24rem;
	height: 3rem;
	padding: 0rem;
	padding-left: 4rem;
	border-radius: 1.5rem;
	font-size: 1.3rem;
	border: 0;
	box-shadow: none;
	background: #F0F0F0;
}
.daily_topics_search_input > .search_btn {
	display: block;
	position: absolute;
	left: 14px;
	top: calc(50% + 1px);
	transform: translateY(-50%);
	font-size: 20px;
	color: #555;
	line-height: 1;
}
/* daily news history panel */
.daily_topics_history_panel_overlay {
	position: fixed;
	z-index: 1199;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
}
.daily_topics_history_panel,
.daily_topics_history_panel * {
	box-sizing: border-box;
}
.daily_topics_history_panel {
	position: fixed;
	z-index: 1200;
	display: flex;
	flex-direction: column;
	width: 980px;
	height: calc(100vh - 100px);
	min-height: 400px;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	padding: 4rem 2rem 2rem;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.daily_topics_history_panel .panel_close {
	display: block;
	position: absolute;
	width: 3.2rem;
	height: 3.2rem;
	right: 2.4rem;
	top: 2.4rem;
	background-image: url("../images/daily_news/icon-close-grey.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_topics_history_panel .panel_title {
	font-size: 2.8rem;
	color: #555;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid #ccc;
}
.daily_topics_history_control_group {
	display: flex;
	align-items: stretch;
	padding: 2.5rem 0 2rem;
}
.daily_topics_history_control_group > li {
	padding: 0 2rem;
}
.daily_topics_history_control_group > li:first-child {
	padding-left: 0;
}
.daily_topics_history_control_group > li:last-child {
	padding-right: 0;
}
.daily_topics_history_control_group > li + li {
	border-left: 2px solid #ccc;
}
.daily_topics_history_control_group > li.li-number {
	flex: 1;
}
.daily_topics_history_control_group .control_name {
	font-size: 1.6rem;
	font-weight: bold;
	color: #555;
	margin-bottom: 1.5rem;
}
.daily_topics_calendar_group {

}
.daily_topics_calendar_select {
	display: inline-block;
	position: relative;
}
.daily_topics_calendar_select > input {
	width: 16rem;
}
/*.daily_topics_calendar_select:after {
	content: '\f133';
	font-family: 'fontAwesome';
	display: block;
	position: absolute;
	color: #555;
	font-size: 2.2rem;
	line-height: 1;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
}*/
.daily_topics_history_btn_group {
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding-bottom: 2.5rem;
}
.daily_topics_history_btn_group > li {
	padding: 0 1.2rem;
}
.daily_topics_history_panel > .panel_body {
	flex: 1;
	padding: 0 2rem;
	overflow: hidden;
}
.daily_topics_history_panel > .panel_body > .panel_body_scroll {
	height: 100%;
	overflow-y: auto;
	border: 1px solid #c5c5c5;
}
.daily_topics_history_panel .see_more_wrap {
	border-top: 1px solid #c5c5c5;
	padding: 20px;
	text-align: center;
}
/* daily news narrator information */
.audioplayer_area .daily_topics_reader_box {
    display: flex;
    margin-bottom: 2rem;
    align-items: stretch;
    justify-content: flex-start;
}
.audioplayer_area .daily_topics_reader_box .teacher_photo {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    flex-shrink: 0;
}
.audioplayer_area .daily_topics_reader_box .teacher_bio {
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
.audioplayer_area .daily_topics_reader_box .teacher_name_box {
    font-size: 1.6rem;
}
.audioplayer_area .daily_topics_reader_box .teacher_name_box .narrated_by {
    display: inline-block;
    font-size: 1.6rem;
    color: #666;
}
.audioplayer_area .daily_topics_reader_box .teacher_name_box .teacher_name {
    display: inline-block;
    font-size: 2.2rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
.audioplayer_area .daily_topics_reader_box .teacher_flag {
    width: 2rem;
    display: inline-block;
}
.audioplayer_area .daily_topics_reader_box img {
    display: block;
    width: 100%;
}
/* daily news lists */
.page_daily_topics_home .daily_topics_sec {
	margin-bottom: 4rem;
}
.page_daily_topics_home .daily_topics_sec .news_link .fav_count {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
}
.page_daily_topics_home .daily_topics_sec .news_link .fav_count:before {
	margin-right: 4px;
}
/* daily news lists */
.page_daily_topics_home .daily_topics_sec + .daily_topics_sec{
	margin-top: 6rem;
}
.daily_topics_data_list_1,
.daily_topics_data_list_1 * {
	box-sizing: border-box;
}
.daily_topics_data_list_1 {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-left: 33%;
}
.daily_topics_data_list_1 > li:first-child {
    position: absolute;
    width: 33%;
    height: 100%;
    left: 0;
    top: 0;
}
.daily_topics_data_list_1 > li {
	position: relative;
	width: 25%;
	/* height: calc(23.6rem - 2rem); */
	overflow: hidden;
	border: 1px solid #F5F5F5;
	border-radius: .3rem;
	box-sizing: border-box;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 1) 70%);
}
@media (max-width: 1999px){
	.daily_topics_data_list_1{
		padding-left: 42%;
	}
	.daily_topics_data_list_1 > li {
		width: 33.33%;
	}
	.daily_topics_data_list_1 > li:after{
		padding-bottom: 56.25%;
	}
	.daily_topics_data_list_1 > li:first-child{
		width: 42%;
	}
	.daily_topics_data_list_1 > li:nth-last-child(1), 
	.daily_topics_data_list_1 > li:nth-last-child(2)
	{
		display: none;
	}
}
@media (max-width: 1600px){
	.daily_topics_data_list_1{
		padding-left: 50%;
	}
	.daily_topics_data_list_1 > li {
		width: 50%;
	}
	.daily_topics_data_list_1 > li {
	    /* height: 17.7rem; */
	}
	.daily_topics_data_list_1 > li:after{
		padding-bottom: 60.07%;
	}
	.daily_topics_data_list_1 > li:first-child{
		width: 50%;
	}
	.daily_topics_data_list_1 > li:nth-last-child(3),
	.daily_topics_data_list_1 > li:nth-last-child(4){
		display: none;
	}
}
.daily_topics_data_list_1 > li:after {
	content: '';
	display: block;
	padding-bottom: 70%;
}
.daily_topics_data_list_1 > li > .news_link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	border-radius: .3rem;
	overflow: hidden;
}
.daily_topics_data_list_1 > li.fav > .news_link .fav_count_1:before {
	content: '';
	display: block;
	z-index: 3;
	width: 1.6rem;
	height: 1.6rem;
	left: -2.8rem;
	top: 50%;
	background-image: url("../images/daily_news/icon-heart-gold.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_topics_data_list_1 > li.fav.completed > .news_link:before{
	/*opacity: 0.4;*/
}

.daily_topics_data_list_1 > li > .news_link:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(30, 30, 30, 0.0) 45%, rgba(30, 30, 30, 0.5) 55%, rgba(30, 30, 30, 1) 75%);
	transition: all .2s linear;
}

.daily_topics_data_list_1 > li:first-child > .news_link:after {
	background: linear-gradient(180deg, rgba(30, 30, 30, 0.0) 45%, rgba(30, 30, 30, 0.5) 60%, rgba(30, 30, 30, 1) 80%);
}

.daily_topics_data_list_1 > li.completed > .news_link::before {
	content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}
.daily_topics_data_list_1 > li > .news_link:hover:after {
	opacity: 1;
}
.daily_topics_data_list_1 .news_link > .news_cover {
	transition: transform .2s ease-in-out;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* Aspect ratio 16:9 */
	overflow: hidden;
}
.daily_topics_data_list_1 .news_link > .news_cover > img {
	transition: .2s all linear;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.daily_topics_data_list_1 .news_link:hover > .news_cover > img{
	transform: scale(1.05);
	filter: brightness(105%) contrast(110%);
}
.daily_topics_data_list_1 .news_link > .text_area {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 1.6rem;
}
.daily_topics_data_list_1 > li.completed .text_area {
	opacity: .6;
}
.daily_topics_data_list_1 .text_area {
	padding: 2rem;
}
.daily_topics_data_list_1 .new_badge_wrap {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
	font-size: 0;
}
.daily_topics_data_list_1 .new_badge_wrap .new_badge {
	color: #333333;
    background: rgba(255, 255, 255);
    padding: .1rem 1rem;
	font-size: 1.2rem;
	font-weight: bold;
	opacity: .7;
}
.daily_topics_data_list_1 .text_area .new_badge {
	font-family: sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 1.2rem;
	line-height: 2.4rem;
	text-align: center;
	display: inline-block;
	padding: 0 .8rem;
	border: 1px solid #fff;
}
.daily_topics_data_list_1 .text_area .tag_wrap {
	display: flex;
}
.daily_topics_data_list_1 .text_area .news_tag {
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 1.1rem;
    border: 1px solid #FFF;
    padding: 2px 4px;
}
.daily_topics_data_list_1 .text_area .news_tag::before {
	/* content: ''; */
	display: inline-block;
	position: relative;
	bottom: -.1rem;
	background-image: url('../images/daily_news/icon-tags-white.svg');
	height: 1.2rem;
	width: 1.6rem;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	opacity: .67;
}
.daily_topics_data_list_1 .text_area .news_title_wrap {
	margin-bottom: 8px;
}
.news_title_wrap > .news_title {
	/* display: -webkit-box;
	-webkit-box-orient: vertical; */
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.daily_topics_data_list_1 .text_area .news_title {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	--line-height: 2.6rem;
	--max-lines: 3;
	line-height: var(--line-height);
	max-height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
}
.daily_topics_data_list_1 .text_area .text_btm_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0 8px;
}
.daily_topics_data_list_1 .text_area .text_btm_wrap .times_wrap{
    font-size: 1.2rem;
    margin-left: auto;
	color: #fff;
    /* font-weight: bold; */
}
.daily_topics_data_list_1 .text_area .text_btm_wrap .level_wrap{
	position: relative;
	display: flex;
	align-items: center;
}
.page_daily_topics_home .text_area .nc_common_level_color_dl dt,
.page_daily_topics_home .text_area .nc_common_level_color_dl dd{
	min-width: auto;
	width: 1.6rem;
	height: 1.6rem;
	font-size: 1.1rem;
	line-height: 1.6;
	font-weight: bold;
}
.page_daily_topics_home .text_area .nc_common_level_color_dl dt{
	background-color: transparent;
	display: none;
}
.page_daily_topics_home .text_area .nc_common_level_color_dl dd{
	margin-left: 0;
}
.page_daily_topics_home .text_area .nc_common_level_color_dl dd + dd{
	margin-left: .2rem;
}
.daily_topics_data_list_1 .news_link > .complete_date {
	position: absolute;
	z-index: 3;
	top: 1.5rem;
	right: 1.5rem;
	color: #fff;
	font-size: 1.8rem;
	line-height: 3rem;
	padding-left: 3.5rem;
	background-image: url("../images/daily_news/icon-check-white.svg");
	background-repeat: no-repeat;
	background-size: 2.4rem 2.4rem;
	background-position: 0 center;
}
.page_daily_topics_home .daily_topics_see_more_wrap {
	display: flex;
	justify-content: flex-end;
	padding: 1rem 0 0;
}
.page_daily_topics_home .daily_topics_see_more_wrap.style_1 {
	margin: 1rem 2rem 0;
}
.page_daily_topics_home .daily_topics_see_more_wrap > .link_more {
	display: block;
	font-size: 1.2rem;
	border: #808080 1px solid;
	border-radius: 15rem;
	text-align: center;
	width: 18rem;
	height: 2.6rem;
	line-height: 2.6rem;
	color: #808080;
	transition: 0.2s all linear;
}
.page_daily_topics_home .daily_topics_see_more_wrap > .link_more:hover {
	color: #3DC8FF;
	border-color: #3DC8FF;
}
/* .page_daily_topics_home .daily_topics_see_more_wrap > .link_more:after {
	content: '→';
	display: inline-block;
	text-decoration: none;
	margin-left: .5rem;
} */
.page_daily_topics_home .daily_topics_title_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1rem;
}
.page_daily_topics_home .daily_topics_category_title {
	font-family: sans-serif;
	font-size: 2rem;
	margin-right: 1rem;
}
.page_daily_topics_home .daily_topics_title_wrap .link_more_sub{
	display: flex;
	align-items: center;
	color: #555;
	transition: 0.2s all linear;
}
.page_daily_topics_home .daily_topics_title_wrap .link_more_sub h2::after{
	content: url('/user/webroot/images/daily_news/icon_arrow_right_dark.svg');
	position: absolute;
	margin-left: 2.4rem;
}
.page_daily_topics_home #main_articles .daily_topics_title_wrap .link_more_sub:hover h2{
	color: #00ACEE;
}
.page_daily_topics_home #main_articles .daily_topics_title_wrap .link_more_sub:hover h2::after {
	content: url('/user/webroot/images/daily_news/icon_arrow_right_blue.svg');
}
.page_daily_topics_home .daily_topics_title_wrap .link_more_sub:hover img{
	opacity: 0.6;
}
.page_daily_topics_home .daily_topics_category_title::before {
	/* content: ''; */
	display: inline-block;
	position: relative;
	bottom: -.1rem;
	background-image: url('../images/daily_topics/icon-tags.svg');
	height: 1.7rem;
	width: 2.2rem;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	opacity: .67;
}
.page_daily_topics_home .daily_topics_category_title.icon_spotlight::before {
	height: 2.2rem;
	bottom: -.3rem;
	background-image: url('../images/daily_news/icon-spotlight.svg');
}
.daily_topics_home_max_width {
	max-width: 1720px;
	margin: 4rem auto 0;
}
.daily_topics_main_flex {
	display: flex;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding: 0 4rem;
	justify-content: center;
}
.daily_topics_main_flex .flex_item_main,
.daily_topics_main_flex .flex_item_sub {
	padding: 0 1.5rem;
}
.daily_topics_main_flex .flex_item_main {
	width: 89.6rem;
}
.daily_topics_main_flex .flex_item_sub {
	min-width: 30rem;
	flex-shrink: 0;
}
.daily_topics_main_flex .flex_item_main .banner_wrap{
	margin: 6rem 0 5.5rem;
}
.daily_topics_main_flex .flex_item_main .banner_wrap .img_wrap .banner_link{
	display: block;
	transition: 0.2s all linear;
	font-size: 0;
}
.daily_topics_main_flex .flex_item_main .banner_wrap .img_wrap .banner_link:hover{
	opacity: 0.6;
}
.daily_topics_main_flex .flex_item_main .banner_wrap .img_wrap .img_banner{
	width: 100%;
}
.daily_topics_data_list_2,
.daily_topics_data_list_2 * {
	box-sizing: border-box;
}
.daily_topics_data_list_2 {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-left: -.5rem;
	margin-right: -.5rem;
}
.daily_topics_data_list_2 > li {
	box-sizing: border-box;
	width: 50%;
	flex-shrink: 0;
	/* padding: 0 .5rem 1rem; */
	height: 13.44rem;
}
.daily_topics_data_list_2[data-items-per-row="4"] > li {
	width: 25%;
}
.daily_topics_data_list_2 > li > .news_link {
	position: relative;
	left: .5rem;
	display: flex;
	/* flex-direction: row-reverse; */
	align-items: stretch;
	background-color: #fff;
	box-shadow: 0 0 .4rem rgba(0,0,0,.1);
	height: 100%;
	color: #333;
	transition: all .2s linear;
	width: calc(100% - 1.6rem);
	height: calc(100% - 1.6rem);
	border-radius: .3rem;
	overflow: hidden;
}
.daily_topics_data_list_2 > li > .news_link:hover {
	box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.daily_topics_data_list_2 > li:nth-child(n+4) > .news_link:hover {
	/*background-color: #e5f2ff;
	transition: background-color .3s ease-in-out;*/
}
.daily_topics_data_list_2 > li.completed > .news_link .level_wrap {
	opacity: .6;
}
.daily_topics_data_list_2 > li.fav > .news_link .fav_count{
}
.daily_topics_data_list_2 > li.fav > .news_link .fav_count:before,
.daily_topics_data_list_sub > li.fav > .news_link .fav_count:before {
	content: '';
	display: block;
	z-index: 3;
	width: 16px;
    height: 16px;
	left: -2rem;
	top: 50%;
	background-image: url(../images/daily_news/icon-heart-gold.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_topics_data_list_2 > li.fav.completed > .news_link .level_wrap:before {
	/*opacity: .4;*/
}
.daily_topics_data_list_2 > li.completed > .news_link:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
.daily_topics_data_list_2 .news_cover {
	position: relative;
	width: 50%;
	flex-shrink: 0;
	overflow: hidden;
}
.daily_topics_data_list_2 .news_cover:after {
	/* content: ''; */
	display: block;
	padding-bottom: 100%;
}
.daily_topics_data_list_2 .new_badge_wrap {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 100;
	font-size: 0;
}
.daily_topics_data_list_2 .new_badge_wrap .new_badge {
	background: rgba(255,255,255);
	color: #999999;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.1rem 1rem 0;
	opacity: .7;
}
.daily_topics_data_list_2 .news_cover > img {
	display: block;
	/* position: absolute; */
	width: 100%;
	height: 100%;
	/* left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto; */
	object-fit: cover;
	transition: all .2s linear;
}
.daily_topics_data_list_2 .news_link:hover .news_cover > img {
	filter: brightness(105%) contrast(110%);
}
.daily_topics_data_list_2 .text_area {
	flex: 1;
	padding: 1.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.daily_topics_data_list_2 .text_area .time_wrap {
	margin-bottom: .5rem;
}
.daily_topics_data_list_2 .text_area .news_time {
	display: inline-block;
	font-family: sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #8b9ba8;
	margin-left: auto;
}
.daily_topics_data_list_2 .text_area .new_badge {
	font-family: sans-serif;
	font-weight: 300;
	color: #8B9BA8;
	font-size: 1.2rem;
	line-height: 2.4rem;
	text-align: center;
	display: inline-block;
	padding: 0 .8rem;
	border: 1px solid #8B9BA8;
}
.daily_topics_data_list_2 .text_area .tag_wrap {
	margin-bottom: .5rem;
}
.daily_topics_data_list_2 .text_area .news_tag {
	display: inline-block;
	font-family: sans-serif;
	font-weight: 300;
	color: #999999;
	font-size: 1rem;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}
.page_daily_topics_sub .daily_topics_content_list:not(.daily_topics_content_list-2) > li:nth-child(-n+3) .text_area .tag_wrap{
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_tag{
	color: #FFF;
	border: 1px solid #FFF;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .news_title_wrap + .tag_wrap{
	display: none;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(n+4) .text_btm_wrap .tag_wrap,
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(n+4) .text_btm_wrap .tag_wrap{
	display: none;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .news_title_wrap + .tag_wrap{
	display: block;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .text_btm_wrap .tag_wrap{
	display: none;
}
.daily_topics_data_list_2 .text_area .news_tag::before {
	/* content: '';
	display: inline-block;
	position: relative;
	bottom: -.1rem;
	background-image: url('../images/daily_topics/icon-tags.svg');
	height: 1.4rem;
	width: 1.8rem;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	opacity: .67; */
}
.daily_topics_data_list_2 .text_area .news_title_wrap {
	flex: 1;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li.completed:nth-child(-n+3) .text_area .news_title_wrap {
	opacity: .6;
}
.daily_topics_data_list_2 .text_area .news_title {
	color: #555;
	font-weight: bold;
	font-size: 1.6rem;
	--line-height: 2.2rem;
	--max-lines: 2;
	line-height: var(--line-height);
	max-height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
}
.daily_topics_data_list_2 .news_link > .complete_date {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	color: #fff;
	font-size: 1.4rem;
	line-height: 2rem;
	padding-left: 3rem;
	background-image: url(../images/daily_news/icon-check-white.svg);
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	background-position: 0 center;
	z-index: 20;
}
.daily_topics_data_list_2 > li:nth-child(n+4) .news_link > .complete_date {
	right: auto;
	left: 1.5rem;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(n+4) .news_link > .complete_date, 
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(n+4) .news_link > .complete_date {
	right: 1.5rem;
	left: auto;
}
/*first 3 items special styles*/
.daily_topics_data_list_2 > li:nth-child(-n+3) {
	position: relative;
	width: 33.33%;
	overflow: hidden;
	height: 32rem;
}
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) {
	position: relative;
	width: 25%;
	overflow: hidden;
}
.daily_topics_data_list_2 > li:nth-child(-n+3):after,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4):after {
	/* content: ''; */
	display: block;
	padding-bottom: 53%;
}
.daily_topics_data_list_2 .text_btm_wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 8px;
}


.daily_topics_sec.section-subcategory-default .daily_topics_data_list_2 > li:nth-child(-n+3) .news_title_wrap,
.daily_topics_sec.section-subcategory-ajax .daily_topics_data_list_2 > li:nth-child(-n+3) .news_title_wrap {
	margin-bottom: .5rem
}

.daily_topics_sec.section-subcategory-default .daily_topics_data_list_2 > li:nth-child(n+4) .text_btm_wrap,
.daily_topics_sec.section-subcategory-ajax .daily_topics_data_list_2 > li:nth-child(n+4) .text_btm_wrap {
	flex-wrap: unset;
}

.daily_topics_sec.section-subcategory-default .daily_topics_data_list_2 > li:nth-child(n+4) > .news_link > .text_area .level_wrap,
.daily_topics_sec.section-subcategory-ajax .daily_topics_data_list_2 > li:nth-child(n+4) > .news_link > .text_area .level_wrap {
	width: unset;
	margin-bottom: 0;
}

.daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) > .news_link {
	/* display: block; */
	/* position: absolute; */
	/* top: 0; */
	/* left: .5rem; */
	/* width: calc(100% - 1rem); */
	height: calc(100% - 1.6rem);
	/* color: #fff; */
	overflow: hidden;
	flex-direction: column;
}
.daily_topics_data_list_2 > li:nth-child(-n+3).fav > .news_link:before,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4).fav > .news_link:before {
	right: 1.5rem;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link:after,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) > .news_link:after {
	/* content: ''; */
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 77%);
}
.daily_topics_data_list_2 > li:nth-child(-n+3).completed > .news_link:after,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4).completed > .news_link:after {
	background: rgba(0,0,0,0.6);
	z-index: 10;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .news_cover,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover {
	height: 15.5rem;
	width: 100%;
	transition: transform .2s ease-in-out;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .news_cover:after,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover:after {
	display: none;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link:hover > .news_cover > img,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link:hover > .news_cover > img {
	transform: scale(1.05);
	/*transition: transform .1s ease-in-out;*/
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .news_cover > img,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover > img {
	display: block;
	height: 100%;
	/* position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto; */
	/*transition: transform .1s ease-in-out;*/
	object-fit: cover;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .text_area {
	/* position: absolute; */
	/* display: block; */
	z-index: 3;
	width: 100%;
	bottom: 0;
	left: 0;
}
.daily_topics_data_list_2 > li:nth-child(-n+3).completed .news_link > .text_area,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4).completed .news_link > .text_area {
	
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .text_area,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area {
	padding: 2rem;
}
/* .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_time,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_time {
	color: #ccc;
} */
.daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .new_badge,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .new_badge {
	color: #fff;
	border-color: #fff;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_tag,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_tag {
	color: #ccc;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_tag::before,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_tag::before {
	background-image: url('../images/daily_news/icon-tags-white.svg');
	opacity: .67;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_title,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_title {
	color: #404040;
	font-size: 1.6rem;
	--line-height: 2.4rem;
	--max-lines: 3;
	line-height: var(--line-height);
	max-height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.daily_topics_data_list_2 > li.completed:nth-child(-n+3) .text_area .news_title,
.daily_topics_data_list_2[data-items-per-row="4"] > li.completed:nth-child(-n+4) .text_area .news_title {
	color: #222;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .complete_date,
.daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .complete_date {
	font-size: 1.8rem;
	line-height: 3rem;
	padding-left: 3.5rem;
	background-size: 2.4rem 2.4rem;
}
.daily_topics_data_list_3,
.daily_topics_data_list_3 * {
	box-sizing: border-box;
}
.daily_topics_data_list_3 {
	color: #333;
	font-size: 1.6rem;
	line-height: 1.5;
}
.daily_topics_data_list_3 > li {
	width: 27.2rem;
	position: relative;
}
.daily_topics_data_list_3 > li + li {
	margin-top: 1.6rem;
}
.daily_topics_data_list_3 > li > .news_link {
	/* position: relative; */
	display: block;
	/* flex-direction: row-reverse; */
	/* align-items: flex-start; */
	/* position: relative; */
	background-color: #fff;
	box-shadow: 0 0 .4rem rgba(0,0,0,.1);
	color: #333;
	padding: 2rem;
	border-radius: .3rem;
	overflow: hidden;
	transition: all .2s linear;
}
.daily_topics_data_list_3 > li > .news_link:hover {
	/*background-color: #e5f2ff;
	transition: background-color .3s ease-in-out;*/
	box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.daily_topics_data_list_3 > li.completed > .news_link .level_wrap {
	opacity: .6;
}
.daily_topics_data_list_3 > li.fav > .news_link .fav_count{
	position: relative;
}
.daily_topics_data_list_3 > li.fav > .news_link .fav_count:before {
    content: '';
    display: block;
    z-index: 3;
	width: 16px;
	height: 16px;
    background-image: url(../images/daily_news/icon-heart-gold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.daily_topics_data_list_3 > li.completed > .news_link:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.daily_topics_data_list_3 .news_link > .col_right {
	flex-shrink: 0;
	min-width: 6.4rem;
	position: relative;
}
.daily_topics_data_list_3 .news_link .time_wrap {
	margin-left: auto;
}
.daily_topics_data_list_3 .news_link .news_time {
	font-family: sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #8B9BA8;
}
.daily_topics_data_list_3 .news_link .news_cover {
	position: relative;
	overflow: hidden;
	width: 100%;
	flex-shrink: 0;
	height: 13rem;
	border-radius: .3rem;
}
.daily_topics_data_list_3 .news_link .news_cover:after {
	/* content: '';
	display: block;
	padding-bottom: 100%; */
}
.daily_topics_data_list_3 .news_link .news_cover > img {
	/* position: absolute;
	display: block;
	top: 0;
	left: 50%;
	transform: translateX(-50%); */
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all .2s linear;
}
.daily_topics_data_list_3 .news_link:hover .news_cover > img {
	filter: brightness(105%) contrast(110%);
}
.daily_topics_data_list_3 .news_link .text_area {
	flex: 1;
	padding-right: .5rem;
	margin-top: 2rem;
}
.daily_topics_data_list_3 .text_area .tag_wrap {
	margin-bottom: 1.2rem;
	/* margin-left: -.5rem; */
}
.daily_topics_data_list_3 .text_area .news_tag {
	display: inline-block;
	font-family: sans-serif;
	font-weight: 300;
	color: #999999;
	font-size: 1rem;
	/* margin-left: 1rem; */
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}
.daily_topics_data_list_3 .text_area .news_tag::before {
	/* content: ''; */
	display: inline-block;
	position: relative;
	bottom: -.1rem;
	background-image: url('../images/daily_topics/icon-tags.svg');
	height: 1.4rem;
	width: 1.8rem;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	opacity: .67;
}
.daily_topics_data_list_3 .text_area .level_wrap {
}
.daily_topics_data_list_3 .text_area .news_title_wrap {
	margin-bottom: 1rem;
}
.daily_topics_data_list_3 .news_link .text_area .news_title {
	font-weight: bold;
	font-size: 1.6rem;
	--line-height: 2.4rem;
	--max-lines: 3;
	line-height: var(--line-height);
	max-height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
	color: #555;
}
.daily_topics_data_list_3 .news_link > .complete_date {
    position: absolute;
    z-index: 300;
    top: 1.5rem;
    right: 1.5rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding-left: 3rem;
    background-image: url(../images/daily_news/icon-check-white.svg);
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: 0 center;
}
.daily_topics_data_list_2 .text_area .nc_common_level_color_dl dt,
.daily_topics_data_list_3 .text_area .nc_common_level_color_dl dt{
	color: #808080;
}
.daily_topics_data_list_2 > li.completed .text_area .nc_common_level_color_dl dt,
.daily_topics_data_list_3 > li.completed .text_area .nc_common_level_color_dl dt{
	color: #333;
}
.daily_topics_data_list_4,
.daily_topics_data_list_4 * {
	box-sizing: border-box;
}
.daily_topics_data_list_4 {
	color: #333;
	font-size: 1.4rem;
	line-height: 1.5;
}
.daily_topics_data_list_4 > li {
	position: relative;
}
.daily_topics_data_list_4 > li + li {
	border-top: 1px solid #c5c5c5;
}
.daily_topics_data_list_4 .article_link {
	display: flex;
	align-items: center;
	color: #4b4b4b;
	padding: 2rem 5rem 2rem 1rem;
	background-color: #fff;
	transition: background-color .2s ease-in;
}
.daily_topics_data_list_4 > li.completed .article_link {
	background-color: #f3f3f3;
}
.daily_topics_data_list_4 > li:not(.completed) .article_link:hover {
	background-color: #fffcee;
}
.daily_topics_data_list_4 .article_link > .area_1 {
	flex: 1;
}
.daily_topics_data_list_4 .article_link > .area_2 {
	flex-shrink: 0;
	padding-left: 2rem;
}
.daily_topics_data_list_4 .complete_date {
	display: inline-block;
	color: #8e8e8e;
	font-size: 1.2rem;
	line-height: 2rem;
	padding-left: 2rem;
	background-image: url("../images/daily_news/icon-check-grey.svg");
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	background-position: 0 center;
}
.daily_topics_data_list_4 .fav_btn {
	display: block;
	position: absolute;
	width: 2.4rem;
	height: 2.4rem;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
	font-size: 1.6rem;
	line-height: 1;
	background-image: url("../images/daily_news/icon-heart-gold-o.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_topics_data_list_4 .fav_btn[data-status="1"] {
	background-image: url("../images/daily_news/icon-heart-gold.svg");
}
/* --- responsive control 1 --- */
@media only screen and (max-width: 1900px) {
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .news_title {
		font-size: 1.6rem;
		--line-height: 2rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_3 .news_link .text_area .news_title {
		font-size: 1.4rem;
		--line-height: 1.8rem;
	}
}
@media only screen and (max-width: 1600px) {
	.daily_topics_responsive_control_1 .daily_topics_data_list_1 .text_area,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .text_area {
		padding: 1.5rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_1 .text_area .news_title,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_title,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_title {
		/* font-size: 2rem;
		--line-height: 2.4rem; */
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_1 .new_badge_wrap,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 > li:nth-child(-n+3) .new_badge,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .new_badge {
		margin-bottom: .5rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .time_wrap {
		line-height: 1;
		margin-bottom: 0;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .tag_wrap {
		margin-bottom: 0;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .news_title {
		font-size: 1.4rem;
		--line-height: 1.8rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .news_cover {
		min-width: 12rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_3 > li > .news_link {
		padding: 1.5rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_3 .news_link .text_area .news_title {
		font-size: 1.3rem;
		--line-height: 1.7rem;
	}
}
@media only screen and (max-width: 1440px) {
	.daily_topics_responsive_control_1 .daily_topics_data_list_1 .text_area .news_title {
		font-size: 1.7rem;
		--line-height: 2.2rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_1 .new_badge_wrap {
		margin-bottom: .2rem;
	}
	.daily_topics_responsive_control_1  .daily_topics_data_list_1 .text_area .new_badge,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .new_badge,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .new_badge {
		font-size: 1rem;
		line-height: 2rem;
		padding: 0 .5rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_1 .text_area .tag_wrap,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .tag_wrap {
		margin-bottom: 0;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_title,
	.daily_topics_responsive_control_1 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_title {
		font-size: 1.4rem;
		--line-height: 1.8rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .news_title {
		font-size: 1.2rem;
		--line-height: 1.6rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .text_area .time_wrap {
		margin-bottom: 0;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_2 .news_cover {
		min-width: 9rem;
	}
	.daily_topics_responsive_control_1 .daily_topics_data_list_3 .news_link .text_area .news_title {
		font-size: 1.2rem;
		--line-height: 1.6rem;
	}
}
/* sub page styles , same as 1600px */
.page_daily_topics_sub .daily_topics_breadcrumbs_area{
	padding: 1rem 2rem 1rem;
}
.daily_topics_content_list-2 .daily_topics_data_list_2,
.page_daily_topics_sub .daily_topics_data_list_2 {
	margin-left: -1rem;
	margin-right: -1rem;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li,
.page_daily_topics_sub .daily_topics_data_list_2 > li {
	width: 100%;
	height: auto;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link,
.page_daily_topics_sub .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) > .news_link {
	/* top: 0;
	left: 1rem;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem); */
}
.page_daily_topics_sub .daily_topics_data_list_1 .text_area,
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area,
.page_daily_topics_sub .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .text_area {
	padding: 1.5rem;
}
.page_daily_topics_sub .daily_topics_data_list_1 .text_area .news_title,
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_title,
.page_daily_topics_sub .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_title {
	/* font-size: 2rem;
	--line-height: 2.4rem; */
}
.page_daily_topics_sub .daily_topics_data_list_1 .new_badge_wrap,
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .new_badge,
.page_daily_topics_sub .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .new_badge {
	margin-bottom: .5rem;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 .text_area .time_wrap,
.page_daily_topics_sub .daily_topics_data_list_2 .text_area .time_wrap {
	line-height: 1;
	margin-bottom: 0;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 .text_area .tag_wrap,
.page_daily_topics_sub .daily_topics_content_list:not(.daily_topics_content_list-2) .daily_topics_data_list_2 > li:not(:nth-child(-n+3)) .text_area .tag_wrap {
	margin-bottom: .8rem;
}
.page_daily_topics_sub .daily_topics_content_list:not(.daily_topics_content_list-2) .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area > .text_btm_wrap .tag_wrap {
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 .text_area .news_title,
.page_daily_topics_sub .daily_topics_data_list_2 .text_area .news_title {
	font-size: 1.6rem;
	--line-height: 1.8rem;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	/* padding-top: 5px; */
}
.daily_topics_content_list-2 .daily_topics_data_list_2 .news_cover,
.page_daily_topics_sub .daily_topics_data_list_2 .news_cover {
	height: 8rem;
	width: 14.5rem;
	transition: transform .2s ease-in-out;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 .news_link:hover > .news_cover > img,
.page_daily_topics_sub .daily_topics_data_list_2 .news_link:hover > .news_cover > img {
	transform: scale(1.05);
	/*transition: transform .1s ease-in-out;*/
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li > .news_link,
.page_daily_topics_sub .daily_topics_data_list_2 > li > .news_link{
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: #EEEEEE 1px solid;
	border-bottom: none;
	box-shadow: none;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:last-child > .news_link,
.page_daily_topics_sub .daily_topics_data_list_2 > li:last-child > .news_link{
	border-bottom: #EEEEEE 1px solid;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3){
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33.33%;
}
.page_daily_topics_sub .daily_topics_data_list_sub > li:nth-child(-n+3) > .news_link {
	display: block;
	/* position: absolute; */
	top: 0;
	left: 0;
	width: calc(100% - 0rem);
	height: calc(100% - 0rem);
	color: #fff;
	overflow: hidden;
	padding: 0;
}
.daily_topics_data_list_2 > li:nth-child(5) > .news_link > .text_area {
	width: 50%;
}
.daily_topics_data_list_2 > li:nth-child(4) > .news_link > .text_area {
	width: 50%;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 77%);
	pointer-events: none;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3).visited > .news_link:after {
	background: rgba(0,0,0,0.6);
	z-index: 10;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link .news_cover {
	height: 100%;
	width: 100%;
	transition: transform .2s ease-in-out;
	object-fit: cover;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 1.5rem;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area .news_time {
	color: #fff;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li .news_link > .text_area .news_time {
	color: #8b9ba8 !important;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_title {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	--line-height: 2.8rem;
	--max-lines: 3;
	line-height: var(--line-height);
	max-height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 .text_area,
.page_daily_topics_sub .daily_topics_data_list_2 .text_area{
	padding: 0;
	margin-left: 1rem;
	justify-content: space-between;
	width: 50%;
}
/*---- news title max lines setting ----*/
.news_title[data-max-lines="1"] {
	--max-lines: 1 !important;
}
.news_title[data-max-lines="2"] {
	--max-lines: 2 !important;
}
.news_title[data-max-lines="3"] {
	--max-lines: 3 !important;
}
.news_title[data-max-lines="4"] {
	--max-lines: 4 !important;
}
.news_title[data-max-lines="5"] {
	--max-lines: 5 !important;
}
/*---- article ----*/
.page_daily_topics_home.page_daily_topics_article .page_inner {
	max-width: 960px;
	min-width: auto;
	margin: 0 auto;
}
.page_daily_topics_home.page_daily_topics_article .daily_topics_article_wrap{
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
/*----------------------------------------------*/
/* ------- textbook daily news home END ------- */
/*----------------------------------------------*/
/*-----------------------------------------*/
/* ------- textbook daily news sub ------- */
/*-----------------------------------------*/
.page_daily_topics_home.page_daily_topics_sub > .page_inner .daily_topics_content_wrap{
	width: 1260px;
	margin: auto;
	padding: 5rem 0;
}

.tb_icon_processing {
	display: none;
	background-color: #fff;
	padding:  40px;
	border: 4px solid #666;
	border-radius: 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 200;
	opacity: 0.85;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.3);
}
.tb_icon_processing .icon {
	text-align: center;
	font-size: 34px;
	color: #333;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

iframe#iframe_textbook {
	border-style: inset;
	border-color: initial;
	border-image: initial;
	width: 100%;
	border: 0;
	overflow: hidden;
}

.fav_tb_flash_wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	font-size: 1.8rem;
	width: 30rem;
	height: 6rem;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	text-align: center;
	line-height: 4rem;
	border-radius: 5px;
	padding: 1rem 2rem;
	z-index: 1000;
}
.spintb_flash_wrap{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	font-size: 1.8rem;
	width: 7rem;
	height: 7rem;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	text-align: center;
	line-height: 4rem;
	border-radius: 5px;
	padding: 1rem 2rem;
	z-index: 1000;
	line-height: 5rem;
}
.daily_topics_data_list_3 .text_btm_wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 8px;
}
.daily_topics_data_list_3 .rank-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.4rem;
	height: 3.4rem;
	border: #FFFFFF solid 2px;
	border-radius: 50%;
	position: absolute;
	top: -1.2rem;
	left: -1.2rem;
	background-color: #F0F0F0;
	z-index: 100;
}
.daily_topics_data_list_3 .rank-wrap .ic-crown{
	width: 1.2rem;
}
.daily_topics_data_list_3 .rank-wrap.rank-1st{
	background-color: #F0DD4D;
}
.daily_topics_data_list_3 .rank-wrap.rank-2nd{
	background-color: #CCCCCC;
}
.daily_topics_data_list_3 .rank-wrap.rank-3rd{
	background-color: #D89964;
}
.daily_topics_data_list_3 .rank-wrap.rank-num{
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
}
/* stars */
.daily_topics_sec .news_link {
	cursor: pointer;
}
.daily_topics_sec .news_link .level_wrap{
	z-index: 999;
	position: relative;
	display: flex;
	align-items: center;

}
.daily_topics_data_list_1 > li.unfav > .news_link .fav_count_1:before{
	content: '';
    display: block;
    z-index: 3;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../images/daily_news/icon-heart-gold-o.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.daily_topics_data_list_2 > li.unfav > .news_link .fav_count:before,
.daily_topics_data_list_sub > li.unfav > .news_link .fav_count:before,
.daily_topics_data_list_sub > li.unfav > .news_link .fav_count:before{
	content: '';
	display: block;
	z-index: 3;
	width: 19px;
	height: 16px;
	left: -2rem;
	top: 50%;
	background-image: url(../images/daily_news/icon-heart-gold-o.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_topics_data_list_3 > li.unfav > .news_link .fav_count:before{
	content: '';
	display: block;
	z-index: 3;
	width: 16px;
	height: 16px;
	background-image: url(../images/daily_news/icon-heart-gold-o.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.text_btm_wrap .level_wrap span.fav_count{
	display: block;
    font-size: 1rem;
    margin-top: 0.3rem;
}
.text_btm_wrap .level_wrap span.fav_count_1{
	font-size: 1rem;
    line-height: 1;
    margin-top: 0.3rem;
}
.text_area .level_wrap .nc_common_level_color_dl{
	/* width: 11.5rem; */
}

/* START NJ-13225: Changes in Daily News Structure */
.daily_topics_btn_group .daily_topics_btn_filter {
	position: relative;
}
.daily_topics_btn_group .daily_topics_btn_filter .badge {
	display: none;
	width: 18px;
	height: 18px;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -6px;
    left: 14px;
	font-size: 1.1rem;
	background-color: #F1890C;
	border-radius: 50%;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.daily_topics_btn_group .daily_topics_icon,
.daily_topics_btn_group .daily_topics_btn_view {
	display: flex;
	align-items: center;
	justify-content: center;
}
.daily_topics_btn_group .daily_topics_icon::before{
	content: '';
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_topics_btn_group .filter_btn .icon-filter::before{
	width: 2.8rem;
	height: 2.8rem;
	margin-right: 3rem;
	background-image: url(../images/daily_news/icon-filter.svg);
}
.daily_topics_btn_group .filter_btn.on .icon-filter::before{
	background-image: url(../images/daily_news/icon-filter-orange.svg);
}
.daily_topics_btn_group .filter_btn.on .icon-filter + .badge{
	display: flex;
}
.daily_topics_btn_group .daily_topics_btn_view .icon-list::before{
	width: 1.9rem;
	height: 1.5rem;
	background-image: url(../images/daily_news/icon-list.svg);
}
.daily_topics_btn_group .daily_topics_btn_view .icon-list.tile::before{
	background-image: url(../images/daily_news/icon-list-tile.svg);
}
.daily_topics_btn_view a.nav-tab {
	padding: 0.75rem 1rem;
	border-radius: 4px;
	background-color: #f0f0f0;
}
.daily_topics_btn_view a.nav-tab.on{
	border-radius: 5px;
	background-color: #F1890C;
}
/* daily_topics_content_list */
.daily_topics_content_list {
	display: none;
	overflow: hidden;
}
.daily_topics_content_list.on{
	display: block;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3){
	padding: 0 1rem 0rem;
    width: 100%;
    height: auto;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link:after{
	display: none;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) > .news_link{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	background-color: #fff;
	height: 100%;
	color: #333;
	transition: all .2s linear;
	overflow: hidden;
	padding: 1rem;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .news_cover,
.daily_topics_content_list-2 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover{
	height: 8rem;
	width: 14.5rem;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area{
	position: static;
	padding: 0;
	margin-left: 1rem;
	width: 50%;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_title{
	color: inherit;
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
	width: 100%;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li.completed:nth-child(-n+3) .text_area .news_title{
	width: calc(100% - 160px);
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .text_area .news_tag{
	color: #999999;
    border: 1px solid #CCCCCC;
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3).completed > .news_link:after,
.daily_topics_content_list-2 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4).completed > .news_link:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
.daily_topics_content_list-2 .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .complete_date,
.daily_topics_content_list-2 .daily_topics_data_list_2[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .complete_date{
	font-size: 1.4rem;
	line-height: 2rem;
	padding-left: 3rem;
	background-size: 2rem 2rem;
}
.dn_list_item {
	border: 1px solid #EEEEEE;
}
.dn_list_item:not(:first-child) {
	border-top: none;
}
.dn_list_item .dn_list_inner{
	display: flex;
	padding: 1rem 2rem;
}
.dn_list_item .dn_list_inner .dn_list_img_wrap img{
	width: 12.5rem;
	height: 8.8rem;
	margin-right: 1rem;
}
.dn_list_item .dn_list_inner .dn_list_desc_inner {
	display: flex;
	flex-direction: column;
	color: #333;
}
.dn_list_item .dn_list_desc_inner .dn_list_head {
	display: flex;
	align-items: center;
	gap: 2rem;
	position: relative;
	z-index: 1;
	margin-bottom: 1.2rem;
}
.dn_list_item .dn_list_desc_inner .dn_list_head .level_wrap {
    position: relative;
    display: flex;
	justify-content: center;
    align-items: center;
}
.dn_list_item .dn_list_desc_inner .dn_list_head .level_wrap:before {
    content: '';
    display: block;
	position: relative;
	top: -2px;
    z-index: 1;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 4px;
    background-image: url(../images/daily_news/icon-heart-gold-o.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.dn_list_item.fav .dn_list_desc_inner .dn_list_head .level_wrap:before {
	background-image: url(../images/daily_news/icon-heart-gold.svg);
}
.dn_list_item .dn_list_desc_inner .dn_list_head .level_wrap .fav_count_1,
.dn_list_item .dn_list_desc_inner .dn_list_date ul li {
	font-size: 1.4rem;
	color: #8B9BA8;
}
.dn_list_item .dn_list_desc_inner .dn_list_head .nc_common_level_color_dl dt{
	color: #8B9BA8;
	font-size: 1.4rem;
	background-color: #fff;
	padding-right: 0;
}
.dn_list_item .dn_list_desc_inner .dn_list_head .tag_wrap{
	border: 1px solid #E4E4E4;
    padding: 0.2rem 1rem 0;
    font-size: 1.4rem;
}
.dn_list_item .dn_list_desc_inner .dn_list_date ul{
	display: flex;
	justify-content: end;
	gap: 2rem;
}
.dn_list_item.completed {
	background: rgba(0,0,0,.1);
}
.dn_list_item.completed .dn_list_desc_inner .dn_list_head .nc_common_level_color_dl dt {
	padding: 0 .6rem;
}
/* search dropdown */
.daily_topics_search_input > .search_result {
	display: none;
	min-width: 24rem;
	max-width: 52.6rem;
	position: absolute;
	right: 0;
    z-index: 1002;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
	padding-top: 1rem;
	overflow: hidden;
}
.daily_topics_search_input > .search_result ul li{
	padding: 1rem 2rem;
	font-size: 1.4rem;
	cursor: pointer;
	transition: all ease 0.2s;
}
.daily_topics_search_input > .search_result ul li:hover{
	background-color: #E4E4E4;
}
/* END search dropdown */
/* END NJ-13225: Changes in Daily News Structure */
/* NJ-18824 */
.modal-view {
	height: max-content;
}
.modal-view body{
	min-width: auto;
}
.modal-view .page_daily_topics_home > .page_inner{
	min-width: auto;
}
.modal-view .page_daily_topics_home.page_daily_topics_sub > .page_inner .daily_topics_content_wrap{
	width: auto;
}
.modal-view .daily_topics_data_list_1 > li.unfav > .news_link .level_wrap:before{
}
.modal-view .text_btm_wrap .level_wrap span.fav_count_1{
}
.modal-view .daily_topics_data_list_2 > li.unfav > .news_link .level_wrap:before{
}
.modal-view .text_btm_wrap .level_wrap span.fav_count{
}
.modal-view .daily_topics_data_list_3 > li.unfav > .news_link .level_wrap:before{
}
.modal-view .page_daily_topics_sub .daily_topics_data_list_2{
	margin: 0;
}
.modal-view .page_daily_topics_sub .daily_topics_data_list_2{
	margin: 0;
}
.modal-view .daily_topics_data_list_1 > li.fav > .news_link .level_wrap:before{
}

/* NJ-18824 */
.modal-view .daily-topics-filter-wrap{
	display: block;
	max-height: calc(80vh);
	overflow-y: scroll;
	padding: 0;
}
.modal-view .daily_topics_btn_group .daily_topics_btn_filter{
}
.modal-view .daily_topics_btn_group .daily_topics_btn_filter .badge,
.modal-view .daily_topics_btn_group .filter_btn.on .icon-filter + .badge{
}
.modal-view .page_daily_topics_home .daily_topics_history_group{
	position: static;
}
.modal-view .daily-topics-filter-wrap .daily_topics_filter_panel{
	position: relative;
	padding: 20px 60px 100px;
}
.modal-view .daily-topics-filter-wrap .btn_min.back{
	position: absolute;
	bottom: 4px;
	left: 4px;
}
.daily-topics-filter-wrap{
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
    right: 0;
    background: #FFF;
    z-index: 1002;
	border: 5px solid #ccc;
    padding: 20px 60px 100px;
}
.daily-topics-filter-wrap {
	color: #333;
}
.daily-topics-filter-wrap .panel_header{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E4E4E4;
	font-size: 2rem;
}
.daily-topics-filter-wrap .panel_header h3{
	font-size: 20px;
}
.daily-topics-filter-wrap .control_item {
	padding: 1rem 0;
	border-bottom: 1px solid #E4E4E4;
}
.daily-topics-filter-wrap .control_item .control_name {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.2rem;
}
.daily-topics-filter-wrap .list_checkbox_group ul {
	display: flex;
	flex-wrap: wrap;
}
.daily-topics-filter-wrap .list_checkbox_group ul li{
	flex: 0 0 50%;
	margin-bottom: 1rem;
}
.daily-topics-filter-wrap .list_checkbox_group ul li{
	flex: 0 0 50%;
	margin-bottom: 1rem;
}
.daily-topics-filter-wrap .list_checkbox_group ul li:last-child{
	margin-bottom: 0;
}
.daily-topics-filter-wrap .list_checkbox_group ul li.w_100{
	flex: 0 0 100%;
}
.daily-topics-filter-wrap .list_custom_checkbox {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 1.6rem;
	line-height: 1.2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.daily-topics-filter-wrap .list_custom_checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border: 1px solid #707070;
	border-radius: 3px;
}
.daily-topics-filter-wrap .list_custom_checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.daily-topics-filter-wrap .list_custom_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.daily-topics-filter-wrap .list_custom_checkbox input:checked ~ span{
	font-weight: bold;
}
.daily-topics-filter-wrap .list_custom_checkbox input:checked ~ .checkmark {
	background-color: #13ACEE;
	border: 1px solid #13ACEE;
}
.daily-topics-filter-wrap .list_custom_checkbox input:checked ~ .checkmark:after {
	display: block;
}
.daily-topics-filter-wrap input[type='date'],
.daily-topics-filter-wrap input[type='text'],
.daily-topics-filter-wrap select{
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	outline: none;
	width: 100%;
	padding: 0.65rem 0.8rem 0.65rem 1.5rem;
	box-shadow: inset 1px 1px 2px #00000029;
	border: 1px solid #707070;
	border-radius: 5px;
	font-size: 1.6rem;
}
.daily-topics-filter-wrap input[type="date"]:before{
	color: lightgray;
	content: attr(placeholder);
	position: absolute;
	background-color: #fff;
	z-index: 1;
}
.daily-topics-filter-wrap .list_custom_select {
	display: flex;
    align-items: center;
	position: relative
}
.daily-topics-filter-wrap .list_custom_select:before {
	content: '';
	position: absolute;
	right: 1.5rem;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 0;
}
.daily-topics-filter-wrap .list_custom_select select {
	width: 100%;
	padding: 1.05rem 1.5rem;
}
.daily-topics-filter-wrap .level-wrap{
	width: 70%;
}
.daily-topics-filter-wrap .daily_topics_level_bar {
	width: 100%;
}
.daily-topics-filter-wrap .daily_topics_level_output .output_block {
	width: 60px;
	border: none;
}
.daily-topics-filter-wrap .daily_topics_level_bar .filter_handle, 
.daily-topics-filter-wrap .daily_topics_level_bar .filter_handle.ui-state-default {
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
}
.daily-topics-filter-wrap .daily_topics_calendar_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.daily-topics-filter-wrap .daily_topics_calendar_group .daily_topics_calendar_select {
	flex: 0 0 48%;
	position: relative;
	display: flex;
    align-items: center;
}
.daily-topics-filter-wrap .daily_topics_calendar_group .daily_topics_calendar_select .placeholder{
    position: absolute;
    left: 1.5rem;
    width: 50%;
    height: 35px;
    display: flex;
	align-items: center;
	color: #E4E4E4;
	font-size: 1.6rem;
	background: #fff;
}
.daily-topics-filter-wrap .daily_topics_calendar_group .daily_topics_calendar_select.on .placeholder{
	display: none;
}
.daily-topics-filter-wrap .daily_topics_btn_group {
	display: flex;
    flex-direction: column;
    align-items: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
	background: rgba(255,255,255, .8);
	left: 0;
	right: 0;
}
.daily-topics-filter-wrap .daily_topics_box_btn {
	width: 33rem;
	height: 5rem;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 2rem;
}
.daily-topics-filter-wrap .daily_topics_box_btn.btn_green {
	background-color: #03C9A9;
}
.daily-topics-filter-wrap .daily_topics_box_btn.btn_orange {
	background-color: #F1890E;
}
.daily-topics-filter-wrap .daily_topics_box_link {
	width: 24rem;
	height: 5rem;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 2rem;
}
.daily-topics-filter-wrap .daily_topics_btn_group .daily_topics_clear_filter{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(calc(-50% + 250px));
}
.daily-topics-filter-wrap .narrator_wrap {
	display: flex;
    align-items: center;
	gap: 1rem;
}
.daily-topics-filter-wrap .narrator_img {
	width: 6rem;
	height: 6rem;
	border: 1px solid #E4E4E4;
	border-radius: 50%;
}
.daily-topics-filter-wrap .narrator_flag {
	width: 3.1rem;
	height: 1.8rem;
}
.daily-topics-filter-wrap .panel_control{
}
.daily-topics-filter-wrap .btn_half ul{
	display: flex;
	flex-direction: row;
	gap: 2rem
}
.daily-topics-filter-wrap .filter_list_item + .filter_list_item {
    margin-top: 2rem;
}
.daily-topics-filter-wrap .filter_list_item .header {
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
    padding: 2rem;
	background: #F5F5F5;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
    cursor: pointer;
}
.daily-topics-filter-wrap .filter_list_item.on .header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.daily-topics-filter-wrap .filter_list_item .header:after {
    content: "";
	position: absolute;
    right: 2rem;
    border: solid #706e6e;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .5s ease;
}
.daily-topics-filter-wrap .filter_list_item.on .header:after {
    transform-origin: 50% 50%;
    transform: rotate(225deg);
}
.daily-topics-filter-wrap .filter_list_item .contents  {
    max-height: 0;
    visibility: hidden;
    transition: .5s ease;
    padding: 0 1.5rem;
	border: 1px solid #E4E4E4;
	border-top: none;
	border-radius: 0 0 4px 4px;
    opacity: 0;
	overflow: hidden;
}
.daily-topics-filter-wrap .filter_list_item.on .contents {
    max-height: 1000px;
    visibility: visible;
    padding: 1.5rem;
    opacity: 1;
}
.daily-topics-filter-wrap .filter-value-list {
	font-size: 1.6rem;
}
.daily-topics-filter-wrap .filter-value-list .item-list{
	font-size: 1.6rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #E4E4E4;
}
.daily-topics-filter-wrap .filter-value-list .item-list + .item-list{
	padding: 1.5rem 0
}
.daily-topics-filter-wrap .filter-value-list .item-list label{
	display: block;
	font-weight: bold;
	margin-bottom: 1.5rem
}
.daily-topics-filter-wrap.list .panel_body{
	height: 77vh;
}
.daily-topics-filter-wrap.list .panel_body .filter-list{
	overflow: auto;
}
.daily-topics-filter-wrap .close_popup{
	position: absolute;
    bottom: 16px;
    left: 20px;
	z-index: 20;
}

/* NJ-36226 */
.news_title_wrap, .dn_list_title {
	--__tip_bg: #fff;
	position: relative;
}
.news_title_wrap .news_title_tip, .dn_list_title .news_title_tip {
	position: absolute;
	width: fit-content;
	min-width: 160px;
	max-width: 100%;
	bottom: calc(100% + 17px);
	padding: 8px 12px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background: var(--__tip_bg);
	box-shadow: 0px 6px 10px #00000029;
	border-radius: 4px;
	z-index: 99;
	word-break: break-word;
}
.news_title_wrap .news_title_tip:after, .dn_list_title .news_title_tip:after {
	content: '';
	position: absolute;
	top: 99%;
	left: 20px;
	border-color: var(--__tip_bg) transparent transparent transparent;
	border-style: solid;
	border-width: 8px;
	border-radius: 2px;
	z-index: 1;
}
.daily_topics_data_list_2 > li > .news_link {
	overflow: unset;
}

.no-scroll{
	overflow: hidden;
	position: relative;
}

.daily_topics_content_list-2 .news_link > .complete_date {
    background-image: url(../images/daily_news/icon-check-white.svg);
}
.daily_topics_content_list-2 .news_link > .complete_date {
    color: #fff;
}
.page_daily_topics_home .daily_topics_sec.hide + .daily_topics_sec {
	margin-top: 0;
}
.daily_topics_content_list.daily_topics_content_list-2 .daily_topics_sec.dn_list_group_wrap {
	margin-bottom: 0;
}

.daily_topics_content_list:not(.daily_topics_content_list-2) li[class*='fav'].completed > .news_link .fav_count::before {
	z-index: 201;
	opacity: .5;
}
.daily_topics_content_list:not(.daily_topics_content_list-2) .daily_topics_data_list_2 li[class*='fav'].completed > .news_link .fav_count::before {
	z-index: 201;
}
.daily_topics_data_list_2 > li.unfav > .news_link .fav_count::before {
	width: 16px;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3).completed .news_link > .text_area,
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area {
	z-index: unset;
}
.page_daily_topics_sub .daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area > .news_title_wrap,
.daily_topics_data_list_2 > li:nth-child(-n+3) .news_link > .text_area .text_btm_wrap > *:not(.fav_count) {
	z-index: 3;
}
.daily_topics_data_list_2 > li[class*='fav'].completed > .news_link .level_wrap {
	z-index: 10;
}
.daily_topics_data_list_2 > li[class*='fav'].completed > .news_link .fav_count::before {
	z-index: 11;
	opacity: .5;
}
.page_daily_topics_sub .section-subcategory-default .daily_topics_data_list_2 > li.completed:nth-child(-n+3) .text_area .news_title_wrap {
	opacity: 1 !important;
}
.daily_topics_data_list_2 > li:nth-child(-n+3) li.completed > .news_link .text_area .text_btm_wrap > *:not(.fav_count) {
	z-index: 3;
}

/* NJ-59993 start */
.daily_topics_data_list_1 .tag_group {
    display: flex;
	flex-wrap: wrap;
    gap: .8rem;
	margin-top: 1.2rem;
}

.daily_topics_data_list_1 .tag_group span {
    background: #FFFFFF;
    color: #404040;
    padding: .2rem 1rem;
    border-radius: 10rem;
    width: 100%;
	word-break: break-all;
	display: block;
	font-size: 1.4rem;
}
.daily_topics_data_list_1 .tag_group a span:hover {
    background: #CCCCCC;
	cursor: pointer;
}

.news_articles .article_list .sec_group_tag {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 1.6rem !important;
}

.news_articles .article_list .sec_group_tag a {
	display: unset !important;
}

.news_articles .article_list .sec_group_tag a span {
    background: #333333;
    color: #fff;
    border-radius: 100px;
    padding: 4px 8px;
    display: block;
    font-size: 1.4rem;
	margin-right: unset;
	word-break: break-word;
}
.news_articles .article_list .sec_group_tag a span:hover {
    background: #707070;
}

/* NJ-59993 end */

/*slick start
/* NJ-59993 [start] */
#main_articles {
	max-width: 1625px;
	width: 100%;
	margin-inline: auto;
	
	@media only screen and (width < 1680px){
		max-width: 100%;
		margin-inline: 24px;
		width: auto;
	}
}

#main_articles * {
	box-sizing: border-box;
	margin: 0;
}

#main_articles::before,
#main_articles::after {
	box-sizing: border-box;
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
}

#main_articles figure {
	width: inherit;
}

#main_articles figure img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;
	transition: all 0.2s linear;
	border-radius: .8rem;
}

#main_articles .details {
	display: flex;
	align-items: center;
}

#main_articles .details .levels {
	--_level-color: #F8A83B;
	display: flex;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	gap: 2px;
	margin-right: 10px;
}

#main_articles .details .levels li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background: var(--_level-color);
	box-shadow: 0 0 1px #0000004D;
}

#main_articles .details .levels li[data-level="6"],
#main_articles .details .levels li[data-level="7"],
#main_articles .details .levels li[data-level="8"] {
}

#main_articles .details .levels li[data-level="9"] {
	--_level-color: #F5913D;
}

#main_articles .details .levels li[data-level="10"] {
	--_level-color: #F47145;
}

#main_articles .details .fav_count {
	display: flex;
	gap: 4px;
	align-items: center;
	margin-right: 8px;
	font-size: 12px;
	font-size: 1.2rem;
}

#main_articles .details .fav_count::before, .daily_topics_data_list_1 > li.unfav .text_area .fav_count:before {
	content: '';
	display: block;
	z-index: 3;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/daily_news/icon-heart-gold-o.svg) center center/contain no-repeat;
}

#main_articles .article_list li.fav .details .fav_count::before, .daily_topics_data_list_1 > li.fav .text_area .fav_count:before{
	content: '';
	display: block;
	z-index: 3;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/daily_news/icon-heart-gold.svg) center center/contain no-repeat;
}

#main_articles .details .tag {
	font-size: 11px;
	font-size: 1.1rem;
	padding: 5px;
	border: 1px solid #fff;
	color: #fff;
}

#main_articles .details .date {
	margin-left: auto;
	font-size: 12px;
	font-size: 1.2rem;
}

#main_articles .news_articles {
	position: relative;
	color: var(--_text-color);
}

#main_articles .news_articles.life h2:not(.title):before,
#main_articles .news_articles.entertainment h2:not(.title):before,
#main_articles .news_articles.business h2:not(.title):before {
	display: inline-block;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	margin-right: 16px;
}

#main_articles .news_articles > a{
	display: block;
	width: max-content;
	color: inherit;
	
	&:hover{
		> h2{color: #00ACEE;}
		> h2:after{
			filter: invert(62%) sepia(86%) saturate(4178%) hue-rotate(164deg) brightness(99%) contrast(101%);
		}
	}
}

#main_articles .news_articles h2:not(.news_title) {
	margin-bottom: 1.6rem;
}

#main_articles .news_articles h2:not(.title):after {
	vertical-align: middle !important;
}

#main_articles .news_articles h3 {
	margin-bottom: 16px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 35px;
	font-weight: 400;
}

#main_articles .news_articles .popular:not(.slick-slider) {
	overflow: visible !important;
	margin-bottom: 60px !important;
}

/* #main_articles .news_articles.life h2:not(.title):before {
	content: url('/user/webroot/images/daily_news/dailynews_life_circle.png');
} */

#main_articles .news_articles.entertainment h2:not(.title):before {
	content: url('/user/webroot/images/daily_news/dailynews_entertainment_circle.png');
}

#main_articles .news_articles.business h2:not(.title):before {
	content: url('/user/webroot/images/daily_news/dailynews_business_circle.png');
}

#main_articles .news_articles a h2:not(.title) {
	font-size: 2.4rem;
	color: #333333;
}

#main_articles .news_articles .subtopic_link h2::after {
	content: url('/user/webroot/images/daily_news/icon_arrow_right_dark.svg');
	position: absolute;
	margin-left: 2.4rem;
}

#main_articles .news_articles .subtopic_link:hover h2::after {
	content: url('/user/webroot/images/daily_news/icon_arrow_right_blue.svg');
}

#main_articles .news_articles .article_list {
	--_column-count: 5;
	margin-bottom: 8rem;
}

#main_articles .news_articles .article_list:not(.popular) {
	display: grid;
	grid-template-columns: repeat(var(--_column-count), minmax(221px, 331px));
	gap: 16px;
}

#main_articles .news_articles .article_list.popular{
	position: relative;

	&:before,
	&:after{
		content: "";
		position: absolute;
		display: block;
		height: 100%;
		width: calc((100vw - 1625px) / 2);
		background: #f5f5f5;
	}

	&:before{
		left: calc((((100vw - 1625px) / 2) + 20px) * -1);
		top: 0;
		z-index: 3;
	}

	&:after{
		right: calc(((100vw - 1625px) / 2) * -1);
		top: 0;
		z-index: 3;
	}
}

#main_articles .news_articles .article_list.popular > div > div {
	display: flex;
	gap: 40px;
}

#main_articles .news_articles .article_list.popular li{
	max-width: 293px;

	@media only screen and (width <= 1680px){
		max-width: 247px;
	}

	@media only screen and (width <= 1280px){
		max-width: 211px;
	}
}

#main_articles .news_articles .article_list.popular li a {
	position: relative;
}

#main_articles .news_articles .article_list.popular li a i {
	position: absolute;
	left: -20px;
	bottom: 0;
}

#main_articles .news_articles .article_list li a:not(.sec_group_tag a) {
    display: grid;
    grid-template-rows: max-content 1fr auto;
    color: var(--_text-color);
}

#main_articles .news_articles .article_list li a > *:not(.sec_group_tag a span) {
    margin-right: 24px;
}

#main_articles .news_articles .article_list:not(.slick-initialized) li a figure {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 12px;
}

#main_articles .news_articles .article_list li a figure {
	overflow: hidden;
	border-radius: .8rem;
}

#main_articles .news_articles .article_list .slick-list li a .thumb-cover {
	width: 100%;
	position: relative;
	/* padding-top: 56.25%; */
}

#main_articles .news_articles .article_list li a h2 {
	font-size: 1.6rem;
	--font-size: 16px;
	overflow-wrap: anywhere;
	--line-height: 24px;
    --max-lines: 2;
    line-height: var(--line-height);
    min-height: calc(var(--font-size) * 3);
	display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: 1.6rem;
}

#main_articles .news_articles .article_list li a .details {
	display: flex;
	flex-wrap: wrap;
}

#main_articles .news_articles .article_list li a .details .levels {
	display: inherit;
}

#main_articles .news_articles .article_list li a .details .date {
	margin-left: auto;
	color: #8B9BA8;
}

#main_articles .news_articles .article_list > li,
#main_articles .news_articles .article_list .slick-slide{
	position: relative;
	padding-bottom: 1.7rem;
}

#main_articles .news_articles .article_list li .overlay{
	display: none;
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
	border-radius: 8px;
	z-index: 4;
	pointer-events: none;

	> span{
		color: #fff;
		position: absolute;
		right: 10px;
		top: 10px;
		font-weight: 400;
	}
}

#main_articles .news_articles .article_list li.visited .overlay{
	display: block;
}

#main_articles .news_articles .slick_btn_wrap {
	display: flex;
	gap: 8px;
	position: absolute;
	right: 0;
	bottom: -10%;
}

#main_articles .news_articles .slick_btn_wrap button {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: none;
	border: 1px solid #ccc;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
}

#main_articles .news_articles ul li a:hover figure > img{
	transform: scale(1.05);
	filter: brightness(105%) contrast(110%);
	opacity: 1;
}

#main_articles .news_articles ul li a:hover i > img{
	opacity: 1;
}

/* .page_daily_news_home .daily_news_filter_group > li{
	position: relative;
	
	&.active:after{
		position: absolute;
		display: block;
		content: "";
		background: #000;
		width: 50%;
		height: 3px;
		bottom: -53%;
		left: 50%;
		transform: translateX(-50%);
	}
} */

.daily_news_data_list_1 > li:first-child {
    border-top: none;
}

.news_title_tip {
    padding: 8px 12px;
}

.iframed {
    margin-bottom: -440px;
}

.iframed #main_articles {
    transform: scale(0.9);
    transform-origin: top left;
}

.iframed #main_articles .article_list.popular:after {
    width: 20px;
    right: -130px;
}

.iframed #main_articles .article_list.popular > div > div {
    gap: 30px;
}

.iframed #main_articles .article_list.popular li {
    max-width: 180px;
}

.iframed #main_articles .article_list.popular li figure {
    width: 180px;
}

.iframed #main_articles .slick_btn_wrap {
    right: -10%;
}

/* NJ-59993  [end] */

@media only screen and (width <= 1000px){
	html.modal-view{
		font-size: 9px;

		.page_wrap.dnl:not(.lesson_finish_wrap),
		.page_wrap.dnh:not(.lesson_finish_wrap){
			padding-bottom: 0 !important;
		}

		.page_wrap.dnl:not(.lesson_finish_wrap) .iframed,
		.page_wrap.dnh:not(.lesson_finish_wrap) .iframed{
			margin-bottom: -720px !important;
		}

		.iframed #main_articles{
			transform: scale(0.75);

			&.filtered{
				margin-bottom: 200px !important;
			}
		}

		.page_wrap.dnh:not(.lesson_finish_wrap) .iframed:has(.filtered),
		.page_wrap.dnh:not(.lesson_finish_wrap) .iframed #main_articles.filtered{
			margin-bottom: 0 !important;
		}

		#main_articles .news_articles .article_list li a h2{
			font-size: 2rem;
		}

		#main_articles .news_articles .article_list li a .details,
		#main_articles .details .date{
			font-size: 1.2rem;
		}

		.page_daily_news_home #for_daily_news.daily_news_filter_area{
			justify-content: space-between;
		}

		#main_articles .news_articles .article_list li a figure{
			height: 100%;
			width: 165px;
		}

		#main_articles .news_articles .article_list:not(.popular){
			margin-bottom: 5.6rem;
			grid-template-columns: repeat(var(--_column-count), 165px);
			gap: 2.2rem;
		}

		.iframed #main_articles .slick_btn_wrap{
			right: -30%;
		}

		#main_articles .news_articles .article_list.popular {
			&:before, &:after {
				display: none;
			}

			.overlay{
				width: 100%;
			}
		}

		.iframed #main_articles .article_list.popular > div > div{
			gap: 72px
		}

		.iframed #main_articles .article_list.popular li figure{
			width: 221px;
		}
		.daily_topics_inner {
			margin-bottom: 0;
		}
		.daily_topics_inner .slick_btn_wrap {
			bottom: 0;
		}

		.daily_topics_data_list_1 > li:nth-last-child(5),
		.daily_topics_data_list_1 > li:nth-last-child(6) {
			display: none;
		}
		.daily_topics_data_list_1 > li {
			width: 100%;
		}
		.daily_topics_data_list_1 > li:first-child {
			width: 100%;
			position: relative;
			top: unset;
			left: unset;
		}
		#main_articles .news_articles .article_list li a > :not(.sec_group_tag a span) {
			margin-right: 0;
		}
		.daily_topics_data_list_1 {
			flex-wrap: nowrap;
			padding-left: 0;
		}
		#main_articles .news_articles .article_list.popular li {
			max-width: 165px;
		}
		.news_articles .article_list .sec_group_tag a span {
			font-size: 1.2rem;
			line-height: 1.7rem;
			padding: .4rem .8rem;
		}
		#main_articles .news_articles .article_list.popular > div > div {
			gap: 2.4rem;
		}
		#main_articles .news_articles .article_list li a h2  {
			font-size: 1.4rem;
			--font-size: 14px;
			--line-height: 1.4;
			min-height: calc(var(--font-size) * 2.7);
		}
		#main_articles .news_articles .article_list li .overlay > span::before {
			display: none;
		}
		.daily_topics_content_list .news_articles p.complete_date::before {
			width: 14px;
			height: 14px;
			margin-bottom: 3px;
			padding-right: 4px;
			vertical-align: middle;
			background-size: contain;
			background-position: center;
		}
		.daily_topics_sec .news_link .level_wrap {
			z-index: 10;
		}
		#main_articles .news_articles .article_list li.visited .overlay {
			z-index: 10;
		}
		#main_articles .news_articles a h2:not(.title) {
			font-size: 2rem;
			position: relative;
		}
		#main_articles .news_articles h2:not(.news_title) {
			font-size: 2rem;
		}
	}
}
/*slick end


/* NJ-59993 - start */
.daily_topics_content_list h2.news_title.title {
	color: #333333;
}
.daily_topics_content_list .top-row ul.daily_topics_data_list_sub {
    display: flex;
    gap: 2.2rem;
}

.daily_topics_content_list .top-row ul.daily_topics_data_list_sub .text_area .news_title {
    margin-bottom: 8px;
}

.daily_topics_content_list .top-row ul li {
    position: relative;
	width: 33%;
    height: 30rem;
	border-radius: 1.1rem;
	overflow: hidden;
}

.daily_topics_content_list ul li {
    position: relative;
	height: 100%;
}

/* .daily_topics_content_list ul.daily_topics_data_list_1 li {
	height: 259px;
}
.daily_topics_content_list ul.daily_topics_data_list_1 li:first-child{
	height: 100%;
} */

.daily_topics_content_list h2.news_title {
    font-size: 1.8rem;
    color: #FFFFFF;
    line-height: normal;
}

.daily_topics_content_list .top-row .tags span {
    font-size: 1.4rem;
    background: #fff;
    color: #404040;
    padding: .2rem .8rem;
    border-radius: 10rem;
    width: fit-content;
	word-break: break-all;
    display: block
}


.top-row .daily_topics_data_list_sub .visited .complete_date,
.top-row .daily_topics_data_list_sub .completed .complete_date {
    position: absolute;
    top: 1.5rem;
	right: 1.5rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding-left: 3rem;
    background-image: url(../images/daily_news/icon-check-white.svg);
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: 0 center;
    z-index: 20;
}

.daily_topics_content_list .top-row .tags a:hover span {
    background: #CCCCCC;
}

.daily_topics_content_list .nc_common_level_color_dl dd:first-child{
	margin-left: 0;
}

.daily_topics_content_list .tags {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .8rem;
}

.daily_topics_content_list .daily_topics_data_list_sub .news_cover:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgb(0 0 0) 20%, rgb(224 14 14 / 0%) 77%);
    transition: all .2s linear;
}

.top-row .news_cover>img,
.top-row .news_cover:after {
    border-radius: .8rem .8rem 0 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.top-row .news_cover>img {
	aspect-ratio: 16 / 9;
}

.daily_topics_content_list .text_btm_wrap {
    display: flex;
	align-items: center;
	gap: .8rem;
}

.daily_topics_content_list .container_sub_list .text_btm_wrap,
.daily_topics_content_list .daily_topics_data_list_sub_2 .text_btm_wrap {
    display: flex;
	align-items: center;
    margin-top: 1.6rem;
	gap: .8rem;
}

.daily_topics_content_list .level_wrap dl {
    position: relative;
    display: flex;
    align-items: center;
}

.daily_topics_content_list .times_wrap {
    margin-left: auto;
    color: #fff;
    font-size: 1.2rem;
}


/* bottom row start */
.daily_topics_content_list .bottom-grid {
    margin-top: 2.2rem;
}

.daily_topics_content_list .bottom-grid ul li {
    display: flex;
    border: 1px solid #EEEEEE;
    padding: 1.6rem;
    background: #fff;
	gap: 1.6rem;
}

.daily_topics_content_list .bottom-grid ul li.completed:after,
.daily_topics_content_list .bottom-grid ul li.visited:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	pointer-events: none;
}

.daily_topics_content_list .bottom-grid ul li.completed .complete_date,
.daily_topics_content_list .bottom-grid ul li.visited .complete_date  {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	color: #fff;
	font-size: 1.4rem;
	line-height: 2rem;
	padding-left: 3rem;
	background-image: url(../images/daily_news/icon-check-white.svg);
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	background-position: 0 center;
	z-index: 20;
}

.daily_topics_content_list .bottom-grid ul li a.bottom-box {
	display: flex;
	align-items: flex-start;
    gap: 1.6rem;
}

.daily_topics_content_list .bottom-box-text {
    flex: 1;
}

.daily_topics_content_list .bottom-box-text h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333333;
}

.daily_topics_content_list .bottom-box-text .tags span{
    font-size: 1.5rem;
    background: #333333;
    color: #fff;
    padding: .2rem .8rem;
    border-radius: 10rem;
    width: max-content;
    display: block;
}

.daily_topics_content_list .bottom-grid .tags a:hover span {
    background: #707070;
}

.daily_topics_content_list .bottom-grid .bottom-box>img {
    border-radius: .8rem;
}

.daily_topics_content_list .bottom-grid .times_wrap {
    margin-left: auto;
    color: #8B9BA8;
    font-size: 1.2rem;
}

.daily_topics_data_list_sub> li.unfav > .text_area .fav_count:before,
.daily_topics_data_list_sub_2 > li.unfav > .bottom-box-text .fav_count:before,
.daily_topics_data_list_sub_2 > li.unfav .bottom-box-text .fav_count:before{
	content: '';
	display: block;
	z-index: 3;
	width: 1.9rem;
	height: 1.6rem;
	left: -2rem;
	top: 50%;
	background-image: url(../images/daily_news/icon-heart-gold-o.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.daily_topics_data_list_sub > li.fav > .text_area .fav_count:before,
.daily_topics_data_list_sub_2 > li.fav > .bottom-box-text .fav_count:before,
.daily_topics_data_list_sub_2 > li.fav .bottom-box-text .fav_count:before {
	content: '';
	display: block;
	z-index: 3;
	width: 1.6rem;
    height: 1.6rem;
	left: -2rem;
	top: 50%;
	background-image: url(../images/daily_news/icon-heart-gold.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.daily_topics_data_list_sub .fav_count  {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.2rem;
    gap: .4rem;
}

.daily_topics_data_list_sub_2 .fav_count  {
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 1.2rem;
    gap: .4rem;
}

.daily_topics_data_list_sub span.news_tag {
    color: #fff;
    font-size: 1.1rem;
    border: 1px solid #fff;
    padding: .4rem;
	width: max-content;
    display: block;
}

.daily_topics_content_list .bottom-grid span.news_tag {
    color: #8B9BA8;
    border: 1px solid #8B9BA8;
    padding: .4rem;
    width: max-content;
    display: block;
	font-size: 1.1rem;
}

.daily_topics_content_list .bottom-box-text .news_tag {
    margin-top: 1.6rem;
}

.page_inner_sub_list {
	width: 126rem;
	max-width: 100%;
	margin: 0 auto;
}

#main_articles .article_list .tag_wrap {
	position: relative;
	margin-bottom: 8px;
}

.article_list .tag_wrap span {
    border: 1px solid #8B9BA8;
    color: #8B9BA8;
    padding: .2rem .5rem !important;
    display: block;
    width: max-content;
	font-size: 1rem;
}

.subsections.daily_topic_main a.subtopic_link {
	display: block;
	width: max-content;
}

#main_articles .news_articles .subsections.daily_topic_main a.subtopic_link:hover h2 {
	color: #00ACEE;
}

.daily_topics_sec .details .fav_count::before {
	content: '';
	display: block;
	z-index: 3;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/daily_news/icon-heart-gold-o.svg) center center/contain no-repeat;
}

.daily_topics_sec .article_list li.fav .details .fav_count::before{
	background: url(../images/daily_news/icon-heart-gold.svg) center center/contain no-repeat;
}

.daily_topics_data_list_1 > li .text_area > .text_btm_wrap .fav_count {
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	color: #fff;
	gap: .4rem;
}

.daily_topics_data_list_1 > li .text_area > .text_btm_wrap .fav_count:hover {
	cursor: pointer;
}

.daily_topics_content_list .daily_topics_data_list_sub .text_area .news_title_wrap {
	margin-bottom: .8rem;
}

.page_daily_topics_sub .daily_topics_data_list_sub > li:nth-child(-n+3) .news_link > .text_area {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 1.5rem;
}

.daily_topics_data_list_sub > li:nth-child(-n+3) .news_link:hover > .news_cover > img,
.daily_topics_data_list_sub[data-items-per-row="4"] > li:nth-child(-n+4) .news_link:hover > .news_cover > img,
.page_daily_topics_sub .daily_topics_data_list_sub_2 li a:hover > .thumb_cover img,
.daily_topics_content_list-2 .daily_topics_data_list_sub_2 li a:hover > .thumb_cover img {
	transform: scale(1.05);
	/*transition: transform .1s ease-in-out;*/
}

.page_daily_topics_sub .daily_topics_data_list_sub > li:nth-child(-n+3) > .news_link:after {
	content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    /* background: linear-gradient(180deg,rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 1) 1%); */
	bottom: 0;
	pointer-events: none;
}

.page_daily_topics_sub .daily_topics_data_list_sub > li:nth-child(-n+3).completed > .news_link:after,
.page_daily_topics_sub .daily_topics_data_list_sub > li:nth-child(-n+3).visited > .news_link:after {
    background: rgba(0,0,0,0.6);
	z-index: 10;
}

.page_daily_topics_sub .daily_topics_data_list_sub > li:nth-child(-n+3) > .news_link .news_cover {
    overflow: hidden;
    border-radius: .8rem;
}

.page_daily_topics_sub .daily_topics_data_list_sub_2 li a .thumb_cover,
.daily_topics_content_list-2 .daily_topics_data_list_sub_2 li a .thumb_cover {
    overflow: hidden;
	width: 31.2rem;
    height: 17.6rem;
    border-radius: .8rem;
}

.page_daily_topics_sub .daily_topics_data_list_sub_2 li a .thumb_cover img,
.daily_topics_content_list-2 .daily_topics_data_list_sub_2 li a .thumb_cover img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

#main_articles .slick-list {
	overflow: unset;
}

#main_articles .slick-list .news_title_wrap {
    margin-top: 1.2rem;
}

.daily_topics_content_list .news_articles p.complete_date {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
}

.daily_topics_content_list .news_articles p.complete_date::before {
	content: '';
	background: url("../images/daily_news/icon-check-white.svg") no-repeat;
	width: 1rem;
	height: 1rem;
	display: inline-block;
	padding-right: .5rem;
}

.page_daily_topics_sub .daily_topics_content_wrap .daily_topics_data_list_sub_2 .complete_date {
	color: #333;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}
.page_daily_topics_sub .daily_topics_content_list .bottom-grid .daily_topics_data_list_sub_2 li a.bottom-box {
	flex: 1;
}
.page_daily_topics_sub .daily_topics_content_list-2 .bottom-grid .daily_topics_data_list_sub_2 li a.bottom-box {
	flex: unset;
}
.page_daily_topics_home .daily_topics_content_list-2.on .daily_topics_data_list_sub_2 .complete_date {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}
.page_daily_topics_home.daily_topic .daily_topics_content_list-2.on .tags span {
	width: 100%;
	word-break: break-word;
}
.page_daily_topics_home.daily_topics_responsive_control_1 #nav-tab-1 {
	background: #fff;
}
.page_daily_topics_home.daily_topics_responsive_control_1 #nav-tab-1 .news_articles .article_list.popular::before,
.page_daily_topics_home.daily_topics_responsive_control_1 #nav-tab-1 .news_articles .article_list.popular::after {
	background: #fff;
}
/* NJ-59993 - END */

/* NJ-63133 Start*/
#nav-tab-1 [class^="daily_topics_data_list_"] > li.disabled > .news_link:after {
	content: '';
    display: block;
    position: absolute;
    z-index: 1001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3A3A3A;
    opacity: 0.7;
    transition: all .2s linear;
}
.daily_topics_data_list_1 > li.disabled > a,
.daily_topics_content_list-2 li.disabled > a,
.daily_topics_data_list_3 li.disabled > a {
	pointer-events: none;
}
.daily_topics_data_list_1 > li.disabled > .news_link > .text_area,
.daily_topics_content_list-2 > li.disabled > .news_link > .text_area {
	z-index: 1;
}
.daily_topics_content_list-2 li.disabled {
	position: relative;
	overflow: hidden;
}
.daily_topics_content_list-2 li.disabled .overlay {
    position: absolute;
    inset: 0;
    background: #3A3A3A;
    opacity: 0.7;
    z-index: 2;
}
.daily_topics_content_list .news_articles li.disabled,
.daily_topics_content_list .daily_topics_data_list_sub li.disabled,
.daily_topics_content_list .daily_topics_data_list_sub_2 li.disabled,
.daily_topics_content_list .daily_topics_sec.section-subcategory-default .daily_topics_data_list_sub > li.disabled,
.daily_topics_content_list .daily_topics_sec.section-subcategory-default .daily_topics_data_list_sub_2 > li.disabled,
.daily_topics_data_list_sub_2 > li.unfav.disabled > .bottom-box-text .fav_count:before,
.daily_topics_data_list_sub_2 > li.unfav.disabled .bottom-box-text .fav_count:before {
    pointer-events: none;
    z-index: 1;
}
.daily_topics_content_list .news_articles li.disabled::before,
.daily_topics_content_list .daily_topics_data_list_sub li.disabled::before,
.daily_topics_content_list .daily_topics_sec.section-subcategory-default .daily_topics_data_list_sub > li.disabled::before,
.daily_topics_content_list .daily_topics_sec.section-subcategory-default .daily_topics_data_list_sub_2 > li.disabled::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(58, 58, 58, 0.7);
    z-index: 1001;
	border-radius: 0.8rem;
}
/* NJ-63133 End*/