@media screen and (max-width: 600px) {
	.cedunity_articlearea{margin-top:0px;}
	.cedunity_articlearea .leftarea{width:100%;}
	.cedunity_articlearea .rightarea{display:none;width:300px;}
	.cedunity_articlearea .institute_noticelist{width:100%;padding:0px 0px 20px 0px;}
	.cedunity_articlearea .institute_noticelist .list{width:calc(100%);padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;margin-bottom:20px;}
	.cedunity_articlearea .institute_noticelist .list .contentbox .name{font-size: 16px;line-height:22px;margin-top:15px;}
	.cedunity_articlearea .institute_noticelist .list .contentbox .summary{font-size: 14px;line-height:18px;margin-top:15px;margin-bottom:15px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.cedunity_articlearea{margin-top:0px;}
	.cedunity_articlearea .leftarea{width:calc(100% - 300px);}
	.cedunity_articlearea .rightarea{width:300px;}
	.cedunity_articlearea .institute_noticelist{width:100%;padding:30px 0px 0px 0px;}
	.cedunity_articlearea .institute_noticelist .list{width:calc(33.33% - 20px);padding:0px 0px 0px 0px;margin-left:30px;margin-right:48px;margin-bottom:30px;}
    .cedunity_articlearea .institute_noticelist .list:nth-child(3n-2){margin-left:0px;}
	.cedunity_articlearea .institute_noticelist .list .contentbox .name{font-size: 20px;line-height:26px;height:130px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.cedunity_articlearea .institute_noticelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
}
@media screen and (min-width: 1100px){
	.cedunity_articlearea{margin-top:0px;}
	.cedunity_articlearea .leftarea{width:calc(100% - 300px);}
	.cedunity_articlearea .rightarea{width:300px;margin-bottom:50px;}
	.cedunity_articlearea .institute_noticelist{width:100%;padding:30px 0px 0px 0px;}
	.cedunity_articlearea .institute_noticelist .list{width:calc(33.33% - 30px);padding:0px 0px 0px 0px;margin-left:24px;margin-bottom:30px;}
	.cedunity_articlearea .institute_noticelist .list:nth-child(3n-2){margin-left:0px;}
	.cedunity_articlearea .institute_noticelist .list .contentbox .name{font-size: 20px;line-height:28px;height:140px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.cedunity_articlearea .institute_noticelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
}
.cedunity_articlearea{float:left;width:100%;background: #F4F9FF;overflow-x: hidden;}
.cedunity_articlearea .leftarea{float:left;}
.cedunity_articlearea .rightarea{position:relative;float:left;}

.cedunity_articlearea .institute_noticelist{float:left;}
.cedunity_articlearea .institute_noticelist .list{display:none;cursor:pointer;position:relative;float:left;background: #FFFFFF;border-radius: 10px;}
.cedunity_articlearea .institute_noticelist .list:nth-child(1){display:block;}
.cedunity_articlearea .institute_noticelist .list:nth-child(2){display:block;}
.cedunity_articlearea .institute_noticelist .list:nth-child(3){display:block;}
.cedunity_articlearea .institute_noticelist .list .contentbox{position:relative;float:left;width:100%;}
.cedunity_articlearea .institute_noticelist .list .contentbox .date{position:relative;float:left;width:calc(100% - 25px);margin-left:25px;margin-top:15px;margin-bottom:20px;font-size: 18px;line-height: 26px;}
.cedunity_articlearea .institute_noticelist .list .contentbox .name{float:left;width:calc(100% - 50px);padding-left:25px;font-weight: bold;color: #3D3D3D;}
.cedunity_articlearea .institute_noticelist .list .contentbox .featurelist{float:left;width:calc(100% - 25px);padding-left:25px;margin-top:20px;font-size: 18px;line-height:28px;}
.cedunity_articlearea .institute_noticelist .list .contentbox .featurelist img{float:left;width:28px;height:28px;}
.cedunity_articlearea .institute_noticelist .list .contentbox .featurelist span{float:left;margin-left:15px;}
.cedunity_articlearea .institute_noticelist .list .article_pic{position:relative;float:left;width:100%;height:0px;padding-bottom:61.86%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.cedunity_articlearea .institute_noticelist .list:hover .article_pic{opacity: 0.7;}
.cedunity_articlearea .institute_noticelist .list:hover .contentbox .name{color: #A7332B;}
.cedunity_articlearea .institute_noticelist .list:hover .contentbox .date{color: #A7332B;font-weight:bold;}



@media screen and (max-width: 600px) {
	.cedunity_articlearea .institute_featurelist{width:100%;padding:0px 0px 20px 0px;}
	.cedunity_articlearea .institute_featurelist .list{width:calc(100%);padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;margin-bottom:20px;}
	.cedunity_articlearea .institute_featurelist .list .contentbox .name{font-size: 16px;line-height:22px;margin-top:15px;}
	.cedunity_articlearea .institute_featurelist .list .contentbox .summary{font-size: 14px;line-height:18px;margin-top:15px;margin-bottom:15px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.cedunity_articlearea .institute_featurelist{width:100%;padding:30px 0px 0px 0px;}
	.cedunity_articlearea .institute_featurelist .list{width:calc(33.33% - 20px);padding:0px 0px 0px 0px;margin-left:30px;margin-right:48px;margin-bottom:30px;}
    .cedunity_articlearea .institute_featurelist .list:nth-child(3n-2){margin-left:0px;}
	.cedunity_articlearea .institute_featurelist .list .contentbox .name{font-size: 20px;line-height:26px;height:130px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.cedunity_articlearea .institute_featurelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
}
@media screen and (min-width: 1100px){
	.cedunity_articlearea .institute_featurelist{width:100%;padding:30px 0px 0px 0px;}
	.cedunity_articlearea .institute_featurelist .list{width:calc(33.33% - 30px);padding:0px 0px 0px 0px;margin-left:24px;margin-bottom:30px;}
	.cedunity_articlearea .institute_featurelist .list:nth-child(3n-2){margin-left:0px;}
	.cedunity_articlearea .institute_featurelist .list .contentbox .name{font-size: 20px;line-height:28px;height:140px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.cedunity_articlearea .institute_featurelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
}

.cedunity_articlearea .institute_featurelist{float:left;}
.cedunity_articlearea .institute_featurelist .list{cursor:pointer;position:relative;float:left;background: #FFFFFF;border-radius: 10px;}
.cedunity_articlearea .institute_featurelist .list .contentbox{position:relative;float:left;width:100%;}
.cedunity_articlearea .institute_featurelist .list .contentbox .date{position:relative;float:left;width:calc(100% - 25px);margin-left:25px;margin-top:15px;margin-bottom:20px;font-size: 18px;line-height: 26px;}
.cedunity_articlearea .institute_featurelist .list .contentbox .name{float:left;width:calc(100% - 50px);padding-left:25px;font-weight: bold;color: #3D3D3D;}
.cedunity_articlearea .institute_featurelist .list .contentbox .featurelist{float:left;width:calc(100% - 25px);padding-left:25px;margin-top:20px;font-size: 18px;line-height:28px;}
.cedunity_articlearea .institute_featurelist .list .contentbox .featurelist img{float:left;width:28px;height:28px;}
.cedunity_articlearea .institute_featurelist .list .contentbox .featurelist span{float:left;margin-left:15px;}
.cedunity_articlearea .institute_featurelist .list .article_pic{position:relative;float:left;width:100%;height:0px;padding-bottom:61.86%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.cedunity_articlearea .institute_featurelist .list:hover .article_pic{opacity: 0.7;}
.cedunity_articlearea .institute_featurelist .list:hover .contentbox .name{color: #A7332B;}
.cedunity_articlearea .institute_featurelist .list:hover .contentbox .date{color: #A7332B;font-weight:bold;}


.articletopicarea_box{padding:20px;background:white;border-radius:8px;}
.articletopicarea_float{float:left;width:calc(100% - 40px);margin-top:20px;}
.articletopicarea_fixed{position:fixed;top:135px;width:260px;}
.articletopicarea_title{float:left;width:100%;font-size:24px;font-weight:bold;}
.articletopicarea_content{float:left;width:100%;font-size:18px;line-height:30px;margin-top:10px;color:#303C86;}
.articletopicarea_content .itemlist{float:left;width:100%;}
.articletopicarea_content .itemlist_on a{color:#A7332B;border-bottom:1px solid #A7332B;}