*{margin:0; padding:0; list-style:none; outline:none;}
pre{white-space:pre-wrap; word-wrap:break-word; overflow-wrap:break-word;}

:root{
	--base-font-color:#212121;
	--reverse-font-color:#9CDCFE;
	--base-background-color:#FFFFFF;
	--reverse-background-color:#1E1E1E;
	--base-link-color:#212121;
	--reverse-link-color:#FFFFFF;
	--base-hover-color:#00B140;
	--reverse-hover-color:#86FBAF;
	--small-font-size:14px;
	--small-font-color:#888888;
	--title-link-size:20px;
	--text-link-color:#2563EB;
	--base-line-color:#E0E0E0;
	--green-highlight:#00B140;
	--blue-highlight:#2563EB;
	--base-font-family:Arial, sans-serif;
	--base-font-size:13px;
	--base-line-width:0.5px;
	--normal-font-size:17px;
}

::selection{color:var(--reverse-font-color);background-color:var(--green-highlight);}

body{word-wrap:break-word; overflow-wrap:break-word; font-size:var(--base-font-size); font-family:var(--base-font-family); color:var(--base-font-color); letter-spacing:var(--base-line-width); font-variant:tabular-nums; font-feature-settings:"tnum"; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; padding-top:env(safe-area-inset-top); padding-right:env(safe-area-inset-right); padding-bottom:env(safe-area-inset-bottom); padding-left:env(safe-area-inset-left);}

#maxwidth{width:100%;}
#topbody{width:100%;max-width:1580px;}

/*header*/
#header{padding:5px 0; margin:20px 13px; height:44px; display:flex;}
#logo a{color:var(--green-highlight); font-family:Georgia,serif; font-size:36px; margin-right:5px;}
#search{white-space:nowrap; overflow:hidden; flex:auto;}
#searchbtn{width:68px; min-width:68px;}

/*input*/
input{border:var(--base-line-width) solid var(--base-line-color); font-family:var(--base-font-family); padding:5px; border-radius:5px;}
textarea{border:var(--base-line-width) solid var(--base-line-color); font-family:var(--base-font-family); padding:5px; border-radius:5px;}
input[type=submit], input[type=reset]{cursor:pointer;}
#search_input{height:42px; border:1px solid var(--green-highlight); border-radius:10px 0 0 10px; padding:0 10px; font-size:var(--normal-font-size); width:calc(100% - 22px);}
#search_button{height:44px; border:1px solid var(--green-highlight); border-left:none; padding:0 10px; font-size:var(--normal-font-size); color:var(--reverse-font-color); background-color:var(--green-highlight); width:100%; border-radius:0 10px 10px 0;}
#search_button:hover{color:var(--green-highlight); background-color:var(--base-background-color);}

/*middleb*/
#middleb{display:flex; flex-wrap:wrap; text-align:justify;}
#middleb div.min{min-height:120px; padding:20px 5px; margin:5px 13px; border:var(--base-line-width) solid var(--green-highlight); flex:auto;}
#middleb div.nomin{min-height:120px; padding:20px 5px; margin:5px 13px; border:var(--base-line-width) solid var(--green-highlight); flex:auto; min-width:300px;}
#middleb img{width:min(160px,20vw); height:min(120px,20vw); -webkit-transition:transform .5s ease-in; transition:transform .5s ease-in;}
#middleb img:hover{-webkit-transform:scale(1.1); transform:scale(1.1);}
#middleb div.simg{float:left; width:min(160px,20vw); height:min(120px,20vw); margin-left:0px; margin-right:10px;}
#middleb a{font-size:var(--title-link-size);}
#middleb p{font-size:var(--small-font-size); color:var(--small-font-color); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; padding-top:10px;}

/*a*/
a{text-decoration:none; color:var(--base-link-color);}
a:hover{color:var(--base-hover-color);}
a.bbs:link,a.bbs:active,a.bbs:visited{color:var(--text-link-color); text-decoration:underline;}
a.bbs:hover{color:var(--base-hover-color);}

/*wap ad*/
#ad1, #ad2, #ad3{max-width:400px; overflow:hidden;}
#pc_ad1,pc_ad2{max-width:100%; overflow:hidden;}

/*create_date*/
h1{font-size:24px; margin:20px 13px; clear:both; text-align:justify; display:inline-block; overflow:hidden;}
#create_date{font-size:var(--base-font-size); color:var(--small-font-color); clear:both; max-width:888px; margin:0 13px;}
#create_date div.left{float:left;}
#create_date div.right{float:right;}
#create_date a{color:var(--small-font-color);}
#create_date a:hover{color:var(--base-hover-color);}

/*content*/
#abstract{max-width:640px;}
#content{font-size:var(--normal-font-size); line-height:28px; padding:5px 0; min-height:200px; max-height:1000px; overflow:hidden; clear:both; text-align:justify; max-width:640px; margin:0 13px;}
#content div{text-align:center;}
#content p{margin-top:20px; margin-bottom:20px; text-align:justify;}
#content img{max-width:min(100%,480px); height:auto;}
#scode{display:block; padding:0 5px; background-color:var(--reverse-background-color); color:var(--reverse-font-color); font-size:var(--small-font-size); text-align:justify !important; font-family:monospace;}
#reference{max-width:640px;}
.subtitle{margin:20px 0 0 0; min-height:24px;}
.subtitle h3{font-size:var(--normal-font-size); border-left:10px solid var(--green-highlight); padding:3px 10px; text-align:left; line-height:24px;}
a.pages3{padding:5px; display:block; margin:0px 0 20px 0; text-align:center; color:var(--green-highlight); font-size:var(--normal-font-size);}
#unfold-field{position:relative;}
.unfold-field-bg{position: absolute; top: -78px; left: 0; height: 78px; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}

/*footer*/
#beian{clear:both; text-align:center; line-height:20px; margin-bottom:10px; color:var(--small-font-color);}
#beian a{color:var(--small-font-color);}
#beian a:hover{color:var(--base-hover-color);}
#footer{clear:both; padding:20px 0; text-align:center; color:var(--reverse-hover-color); background-color:var(--green-highlight);}
#footer a{color:var(--reverse-hover-color);}
#footer a:hover{color:var(--reverse-link-color);}

@media only screen and (min-width:960px){
h1{font-size:40px;}
#content p{text-indent:2em;}
}