@charset "utf-8";
html, body {margin: 0; padding: 0;overflow-x: hidden; }
.container {width: 1920px;}
.container {max-width: 1920px;width: 100%;}
@media screen and (max-width: 768px) {.container {font-size: 14px; }}
*{padding: 0px; margin: 0px; list-style: none;text-align: center;}
a{text-decoration: none;color: #666;}
a:hover{color: #f00;}
body,html{font: 14px "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1'; margin:0; padding:0}
ul{list-style: none;}
h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
button, input, select, textarea{outline: none;}
#top{width:100%;padding-top:0.5rem;}
#top h1{display: none;}
.top-logo img{position: relative; height:3rem; padding-right:1rem;#c-l ul li}
#c-l{  margin-top: 0.5rem;margin-bottom: 1rem;display: flex;}
#c-l ul {font-size:larger; font-weight: 900;}
#c-l ul li{float: left;height: 1.6rem; margin-left: 1rem; overflow: hidden/auto;}
#c-l ul li  a:hover{color: #f00;}
#c-ll{color:#666;padding:0 1rem 0 1rem;margin-top: 0.5rem;margin-bottom: 0.5rem;display: flex;}


#cen{margin-bottom:2rem;padding: 0 0.5rem 0 0.5rem;}
#cen ul{margin-bottom:1rem; margin-top: 0.5rem;padding-top: 0.5rem;}
#cen ul:hover{background-color: #f3f1f1;}
#cen ul:hover .cen-title a{color: #f00;}
#cen ul .cen-img .imgs{border: 3px solid #9b9595;}
#cen ul:hover .cen-img .imgs{border: 3px solid #f00;}


#cen ul .line-NO{list-style: none;}
#cen .cen-title h1{font-weight:900; font-size: 1.4rem; margin-bottom: 0.5rem;}
#cen .cen-t2{padding-bottom: 1rem; line-height: 3rem; color: #5a5959;}
#cen .cen-t2 .line-yes{margin-right: 1rem;background-color: #d1cccc;padding: 0.5rem 1rem 0.5rem 1rem;list-style: 2rem;white-space: nowrap;}
#cen .cen-t2 .line-yes:hover{ background-color: #333; padding: 0.5rem 1rem 0.5rem 1rem; color: #fff;white-space: nowrap;}
#cen .cen-t3{padding-bottom: 1rem; line-height: 1.4rem; color: #5a5959;}
#cen .imgs{max-width: 66%;height:auto;padding: 0.1rem;}
#f-b ul li a{margin-right: 1rem;background-color: #d1cccc;padding: 0.5rem 1rem 0.5rem 1rem;}
#f-b ul li a.f-b-1{color: #f5f3f3;background-color: #f00;}
#foot{margin-top:2rem; margin-bottom: 0.5rem;}



.masonry { column-count: 3; column-gap: 10px;margin-top: 1rem;margin-bottom: 1rem; }
.masonry img{border: 1px solid #9b9595;padding:1px;}
.masonry img:hover{border: 1px solid #f00;padding:1px;}
.item { break-inside: avoid; margin-bottom: 10px; background:#f5f5f5; border-radius:8px; padding:0.2rem;}
.item img { width:98.6%; display:block; }
.item span{height:2.5rem;line-height: 1.2rem;overflow:hidden; }
@media (max-width: 900px){ .masonry{ column-count:2; } }
@media (max-width: 520px){ .masonry{ column-count:1; } }