@charset "utf-8";
/* CSS Document */
/*-----
news
------*/
/*newslist*/
#newslist{ background-color: #e6e6e6;} 
#newslist .grid{ grid-template-columns:1fr 3fr; grid-gap: 0 6rem; border-bottom: #ccc solid 1px; padding-bottom: 4rem;}
.news-item{ margin-top: 6rem;}
#newslist h2{ padding:1.6rem 0; font-size:3rem; text-align:left;  text-transform:none; color:#333;}
#newslist p{word-wrap:break-word;word-break:break-all; color:#999;}
#newslist em{ display: block; margin-top: 3rem; font-size: 1.4rem; color: #000;}	
#newslist a img{ transition: all .6s ease-in-out;}
#newslist a:hover img{-webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1);}
#newslist a .newsmore{ margin-top: 6rem; font-size: 0.8em; font-weight: 400; color:var(--web-theme-color-black); }
#newslist svg {width: 2rem; margin-left: 1.4rem;}
#newslist a:hover svg path { fill:#333; }
#newslist a:focus svg path {fill:#333;  }
#newslist a .news-line{ position:relative; transition: all .3s ease-in-out; width: 4%; height: 2px; margin-top: 0.8rem; background-color: var(--web-theme-color);}
#newslist a:hover .news-line{width:10%;}
#newslist .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:var(--web-theme-color);}
#newslist  .pagination>li>span{
	color:#fff;
	background-color:var(--web-theme-color-black);
}
#newslist .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:var(--web-theme-color);}
#newslist .pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}
/*-----
newsdeail
-------*/
#news-content{ padding-bottom:12rem;}
#news-content .sy-container{ max-width:1000px;}
#news-content  h2,.newsview-name{text-align:center;color:#333;}
#news-content p{color:#999;}
.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 p{ width:100%;margin-top:10px;margin-bottom:20px; word-wrap:break-word;word-break:break-all; }
.SiteLink img{ width:100%;}
.newsview-page{ 
	color:#999;
	padding-top:1rem;
}
.newsview-page a{
	color:#787878;
	text-decoration:none;
}
.newsview-page a:hover{
	color:var(--web-theme-color);
	cursor:pointer;
}

/*mobile phone*/
@media (max-width:1023px){
/*newslist*/ 
#newslist .grid{ grid-template-columns:1fr; grid-gap:4rem 0; padding-bottom: 4rem;}
#newslist .news-item:first-child{ margin-top:2rem;}
#newslist .news-item:last-child{margin-top: 0;}
#newslist h2{ padding:1.2rem 0;}
#newslist em{ display: block; margin-top:0; font-size: 1.4rem;}	
#newslist a .newsmore{ margin-top:2rem; font-size: 0.8em; font-weight: 400; color:var(--web-theme-color-black); }
#newslist svg {width: 2rem; margin-left: 1.4rem;  }
#newslist a .news-line{ position:relative; transition: all .3s ease-in-out; width: 4%; height: 2px; margin-top: 0.8rem; background-color: var(--web-theme-color);}
/*newsdeail*/
#news-content{padding-top:4rem; padding-bottom:12rem;}
#news-content .grid{grid-template-columns:auto; grid-row-gap:4rem;}
.newsview-name{font-size:3rem; font-weight:600; line-height:1.2em;}
}