@charset "utf-8";
/* CSS Document */


div#newsContainer {
	float: left;
	width: calc(100% - 370px);
	background: rgba(255, 255, 255, 0.5);
}

div.newsItem {
	position: relative;
	min-height: 150px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px;
	border-top: solid 1px #6d86a8;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
   -moz-binding: url('ellipsis.xml#ellipsis');

}

div.newsItem:hover {
    background-color: #f2f2f2;
}

div.newsInfo {
	float:left;
	width:66%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.newsInfo p,h3,h4,h5,h6 {
	float: none;
}

div.newsInfo h6 {
	font-size: 12px;
}



div.newsInfo h4 {
	padding: 0px;
}

div.newsInfo h6 {
	font-size: 13px;
	padding: 3px;
}

div.newsInfo p {

}

div.newsImpression {
	display: block;
	float: right;
	position: relative;
	height: 200px;
	width: 30%;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
   -moz-binding: url('ellipsis.xml#ellipsis');
	
}

div.newsImpression img {
	position: absolute;
	height: calc(100% - 8px);
	object-fit: cover;
	object-position: center;
	border: solid 2px #fbfbfb;
	border-radius: 4px;
	background-color: #ebeff4;
	z-index: 4;
}


	div.openHome {	
	display: block;
	float: left;
	min-height: 200px;
	width:270px;
	margin-bottom:10px;
	padding-top:10px;
	padding-left: 30px;
	padding-bottom: 10px;
	}



@media only screen and (min-width:2561px){

}

@media only screen and (max-width:2560px) {

}

@media only screen and (max-width:2300px) {

}

@media only screen and (max-width:2150px) {	

}

@media only screen and (max-width:1920px) {

}

@media only screen and (max-width:1890px) {

}

@media only screen and (max-width:1770px) {

}

@media only screen and (max-width:1680px) {

}

@media only screen and (max-width:1600px) {		


@media only screen and (max-width:1500px) {

}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1366px) {

}

@media only screen and (max-width:1280px) {
	div#newsContainer {
		clear: left;
		width: 100%;
   	margin-left:0px;
	}
}

@media only screen and (max-width:1050px) {

}

@media only screen and (max-width:1024px) {

	
	div#newsContainer {
		float: none;
	}


	div.newsItem {
   	overflow: unset;
   	text-overflow: unset;
   	-o-text-overflow: unset;
   	-ms-text-overflow: unset;
   	-moz-binding: url('ellipsis.xml#unset');
	}

	div.newsInfo {
		float: none;
		width: auto;
	}

	div.newsImpression {
		float: none;
		width: auto;
		margin: 0px;
	}

	div.newsImpression img {

	}

	

}

@media only screen and (max-width: 950px) {

}

@media only screen and (max-width: 820px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 500px) {
}

@media only screen and (max-width: 450px) {
}

@media only screen and (max-width: 375px) {
}

@media only screen and (max-width:360px) {

}

@media only screen and (max-width: 320px) {	

}