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

/*newslist*/
#news{ padding-bottom:18rem;}
#news .wrap-flex{
	margin-top:6rem;
	border-bottom:#ccc dashed 1px;
	padding-bottom:4rem;
}
#news .wrap-flex:nth-child(4){ border:none;}
.news-item img{ border-radius:20px;}
.news-item:first-child{ flex:0 0 70% ;}
.news-itemimg{ position:absolute;
left:0;
top:0;
width:100%;
height:100%;
 color:#2A5AA6;
 opacity:1; 
}
.news-itemimgcont{
position:absolute;
left:0;
top:0;
}
.news-moon{ padding-top:2rem; padding-left:2.2rem; font-size:4rem; font-weight:800;}
.news-topline{ width:6rem; height:2px;background-color:#2A5AA6; margin:1rem 0;margin-left:2rem;}
.news-day{ margin-top:-1rem;padding-left:2rem;}
.news-item:last-child{flex:0 0 30%; background-color:transparent !important; overflow:hidden; border-radius:20px;}
#news h3{
	color:#333;
	font-weight:600;
	letter-spacing:0px;
	text-align:left;
	line-height:1.2em;
}
#news  .nymore{ display:inline-block; margin-top:4rem;  padding:1.2rem 4rem; border-radius:10px;  background-color:var(--web-theme-color-blue); color:#fff;  text-align:center; text-decoration:none;}
#news  .nymore i{position:relative; left:0; transition: all .3s ease-in-out;}
#news  .nymore:hover{ border:none; border:var(--web-theme-color); border:var(--web-theme-color) solid 3px; background-color:transparent; color:#333;}
#news  .nymore:hover i{left:15px;}
#news p{
	width:min(80%,800px);
	word-wrap:break-word;
	word-break:break-all;
	margin-bottom:1rem;
	margin-top:2rem;
	}
#news a:hover img{filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;}
#news a{
	position:relative;
	transition: all .3s ease-in-out;
}
#news .news-morebox{	padding:0.4em 4rem;}
#news .newsmore{
	display:inline-block;
	background-color:transparent;
	color:var(--web-theme-color);
	padding:0.4em 0.6rem;
	margin-top:3rem;
	text-align:center;
	text-decoration:none;
	}
#news  .news-item .newsmore{
	float:none;
	background-color:#2A5AA6;
	color:var(--web-theme-color);
	border-radius:10px;
}
#news  .news-item .newsmore:hover{
	background-color:var(--web-theme-color);
	border:var(--web-theme-color) solid 1px;
}
#news .newsmore:hover{
	text-decoration:underline;
}
	

/*-----
newsdeail
-------*/
#newsview{ padding-bottom:18rem;}
#newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
	 border-radius:20px;
}
#newsview .sy-container{ max-width:1000px;}
#newsview  h2,.newsview-name{
	text-align:center;
	color:#333;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink a{
	color:var(--web-theme-color-blue);
}
.SiteLink a:hover{
	text-decoration:underline;
}
.newsview-name{
	font-size:1.6em;
	}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:2rem;
	margin-bottom:2.5rem;
	padding-bottom:1em;
	border-bottom:#eeeeee solid 2px;
}
.SiteLink{
padding-top:3rem;
}

.newsview-div{
	text-align:right;
	border-bottom:#CCC solid 3px;
}
.newsview-page{
	color:#999;
	padding-top:1rem;
}
.newsview-page a{
	color:#787878;
	text-decoration:none;
}
#newsview  .newsview-page a:hover{
	color:var(--web-theme-color-blue);
	cursor:pointer;
}


/*mobile phone*/
@media (max-width:1023px){
#news{ padding-top:2rem; padding-bottom:4rem;}
#news  .nymore{ border-radius:8px; }
#newsview{ padding-top:4rem; padding-bottom:4rem;}
#news .wrap-flex{flex-direction: column;}
#news .news-item:last-child{ padding-top:4rem;}
#news .news-itemimg img{ width:16%;}

}