@charset "utf-8";

div#hIndex,div#hContent { display: none }
div#news { text-align: left }

span.ni { text-align: center; display: inline-block; width: 320px; height: 250px; background-color: #fff; margin: 5px; padding: 10px; border: 1px solid; border-radius: 10px; }
span.ni span { display: table-cell; text-align: center; vertical-align: middle; width: 300px; height: 200px; margin: 0 auto; padding: 0 10px; }
span.ni span img { display: block; padding: 0; margin: 0 auto }
span.ni p.nt { line-height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 5px 0 0 0 ; padding: 0; min-height: 2em }
span.ni p.nd { font-size: 80%; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

div#maintext { text-align: center }
span.nd { font-weight: bold; }
span.strong1 { font-weight: bold; color: rgb(0,127,0) }
p.q { display: inline-block; padding: 10px 20px 0 20px; font-style: italic }
p.qauth { text-align: right !important}

span.splCont { display: inline-block; overflow-y: auto; overflow-x: hidden; max-height: 80vh; width: calc(100% - 40px); padding: 10px 20px }
span.splCont ol {margin:0; text-indent:30px; font-size:16px; text-align:justify; list-style: decimal inside;}
span.splCont p {margin:0; text-indent:30px; font-size:16px; text-align:justify;}
span.splCont ul {margin:0; text-indent:30px; font-size:16px; text-align:justify; list-style: disc inside;}
span.splCont table {width: auto; margin: 0 auto}
span.splCont table td {text-align: center; border: 1px solid; background-color: rgba(255,255,255,.8); padding: 10px 20px}

a.el { background-color: rgb(159,159,159) !important; display: inline-block; width: 64px; height: 64px; border-radius: 8px; transition: .3s linear; margin: 0 0 0 16px; }
a.el:hover { background-color: rgb(0,159,159) !important; transition: .3s linear; }

@media (prefers-color-scheme: dark) {
	span.ni { background-color: #000 }
}