.bold{font-weight:bold}
.italic,.var,.unknown{font-style:italic}
.underline.overline.through{text-decoration:underline overline line-through}
.underline.overline{text-decoration:underline overline}
.underline.through{text-decoration:underline line-through}
.through.overline{text-decoration:line-through overline}
.underline{text-decoration:underline}
.overline{text-decoration:overline}
.through{text-decoration:line-through}
.scroll{overflow:auto;max-width:80%}
.scbox{white-space: nowrap}
.hidden{display:none}

.opac0:not(:hover){
	opacity:0
}

.opac:not(:hover){
	opacity:0.5
}

.opac:not(:hover) #output0Type{
	opacity:0
}


.seled{
	border-color:gray
}
.wiki,.wiki > tbody > tr > td{
	border-color:gainsboro
}




.inputTip,.subtools, #outputOpt{
	font-size:12px
}
#go,.subtools summary{
	font-size:16px
}

.large{
	font-size:large
}
.larger{
	font-size:larger
}
.xlarge{
	font-size:x-large
}
.xxlarge{
	font-size:xx-large
}
.xxxlarge{
	font-size:-webkit-xxx-large
}
.notes,.prov,.unknown{
	font-size:small
}
.smaller{
	font-size:smaller
}
.xsmall{
	font-size:x-small
}
.xxsmall{
	font-size:xx-small
}

sup,sub,.small{
	font-size:.5rem
}
.chosen{
	background-image: -webkit-linear-gradient(top, white, silver 20%, silver 80%, white);
}
.eg,.obj{
	background:silver;
	padding:2px 5px;
	font-size:14px;
	color: black;
	border-radius: 5px;
}
#wiki details[open] > summary, #wiki>span, #oHTML tr:hover{

    color: limegreen;
}

#zMather select:not(#explores){
	border-style:none none solid none;
	border-width:1px;
}

.gainsboro{
	color:gainsboro
}
.prov{
	color:dimgray
}
.red,.Clear{
	color:red
}

.Clear{
	border: 0;
    background: none;

}

.black{
	color:black
}
.inputTip,.notes{
	color:gray
}


#bar{
    background-image: -webkit-linear-gradient(top,  gainsboro ,white 20%, gainsboro 80%, white);
    color:black;
    cursor:pointer;
}
.fdetail:hover summary{
	color:white;
	background:black;
}

.task:not(.seled),.taskname{
	color:white;
	background:gray;
}
.task.seled{
	color:white;
	background:limegreen;
}

.taskname{
	font-size:10px;
	border-radius:15px;
	padding: 1px 0 2px 12px;
	margin:0 2px;
}
.tasknameOff{
	border-radius: 0 15px 15px 0;
	border: solid darkgray 1px;
    margin-left: 2px;

}

.task{
	-webkit-user-select:none;
	display:inline-block
}
summary{
	-webkit-user-select:none;
}

.collapse{border-collapse: collapse}

.edit > thead th{
	border:0;
	padding-bottom: 15px;
}

.bds{
	border: solid black 1px;
}


.bdr{
	border-right: outset black 1px;
}


.bdl{
	border-left: outset black 1px;
}


.bdt{
	border-top: outset black 1px;
}



.inblk:not(.notm),.vam{
	vertical-align: middle;
}
.vat{
	vertical-align: top;
}
.vab{
	vertical-align: bottom;
}
li,#wiki{
	padding:2px
}
.subtools summary, .edit > thead tr{
	padding-bottom:6px
}



#zMather > details{
	padding:10px 0
}
.inblk:not(.large):not(.larger):not(.xlarge):not(.xxlarge):not(.xxxlarge):not(.rootleft){
	margin:0 2px;
}

.relation{
	margin:0 5px;
}
.ground > details,.ground summary{
	margin-bottom:5px
}

.task,#Topic a{
	margin:10px;
	padding:2px 10px;
	border-radius:5px;

}




.bdb{
	border-bottom: outset black 1px;
}



.bdt[data-mt]:before{
    content: attr(data-mt);
    margin-top: -40px;
}
.bdb[data-mb]:before{
    content: attr(data-mb);
    margin-top: 40px;
}

.bdl[data-ml]:after{
    content: attr(data-ml);
    margin-left: -50px;
}
.bdr[data-mr]:after{
    content: attr(data-mr);
    margin-left: 20px;
}

.notes:before{
    content: "注意：";
    margin-left: 2px;
}

.unknown:before{
    content: "未知：";
    margin-left: 2px;
}
.prov:before{
    content: "【";
    margin-left: 2px;
}
.prov:after{
    content: "】";
    margin-right: 2px;
}






.wiki:not(.bd0){
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}
.wiki:not(.bd0){
	min-width:25px;
}



input[type=text],#wiki>span,.brad{
	border-radius: 5px;
}


.dashed{
	border-style:dashed;
}
.solid{
	border-style:solid;
}
.dotted{
	border-style:dotted;
}
.double{
	border-style:double;
}
.groove{
	border-style:groove;
}
.inset{
	border-style:inset;
}
.outset{
	border-style:outset;
}
.ridge{
	border-style:ridge;
}


.bdtdash{
	border-top:dashed black 1px;
}
.bdbdash{
	border-bottom:dashed black 1px;
}
.bdldash{
	border-left:dashed black 1px;
}
.bdrdash{
	border-right:dashed black 1px;
}

.bdtdot{
	border-top:dotted black 1px;
}
.bdbddot{
	border-bottom:dotted black 1px;
}
.bdldot{
	border-left:dotted black 1px;
}
.bdrdot{
	border-right:dotted black 1px;
}

.wiki>.cnt2{
    counter-reset: cnt 1;
}
.wiki>.cnt1{
    counter-reset: cnt 0;
}
.wiki>.cnt0{
    counter-reset: cnt -1;
}
.wiki>.cnt_1{
    counter-reset: cnt -2;
}
.wiki>.cnt2>tr:before{
	content: counter(cnt);
	counter-increment: cnt;
}
.wiki>.cnt1>tr:before{
	content: counter(cnt);
	counter-increment: cnt;
}
.wiki>.cnt0>tr:before{
	content: counter(cnt);
	counter-increment: cnt;
}
.wiki>.cnt_1>tr:before{
	content: counter(cnt);
	counter-increment: cnt;

}
.wiki>tbody>tr:before{
    text-shadow: 1px 1px 1px #666;
    color: gray;
}
.wiki>thead.cnt>tr:before{
	content: "";
}

.subtools details[open]{
	border: solid 1px;
}
.wiki > tbody > tr:nth-child(odd):not(:hover){
	background: rgba(162,195,97,.1);
}
.opa0{
	opacity:0;
	cursor:default
}
#outputOpt input,#wiki>span,.scbox{
	margin:2px
}
#Topic{
	margin:4px
}
.inblk:not(.pd2):not(.pd10), .var{
	padding:0 1px;
}


#wiki summary,#wiki>span,.wiki > tbody > tr> td, .pd2,.scbox,.mfx{
	padding:2px
}
.pd10{
	padding:10px
}
.subtools details{
	padding:5px;
	display: inline-block;
    margin-right: 10px;

}

#explores{
    height: 30px;
    padding-left: 10px;
    vertical-align: top;
}

#search{
    height: 30px;
    padding-left:10px;
    border-style: none none solid none;
    border-width: 1px;
    border-color:gray;
}
#search:hover{
    border-color:transparent;
}

#search:hover{
	background: rgba(50, 205, 50, 0.2);
}

.fdetail{
    margin-bottom: 100px;
}



#numStart{
	max-width:45px;
}



#input0,#input1,#input2{
	min-width:25%;
}

#input0Tip,#input1Tip{
	max-width:74%;
/*	overflow-x:hidden; */
	max-height:50%;
}

#input0,#input1,#input2{
	min-height:120px;
	background:rgba(50, 205, 50, 0.2);
}
code,pre,#outputOpt{
	background: rgba(0,0,0,0.1);
	border-radius:5px;
}
.katexv{
	width:98%;
	min-height:100px;
}

.wiki,.alignc{
	text-align:center
}

.alignl{
	text-align:left
}
.alignr{
	text-align:right
}

.floatl,.inputTip{
	float:left
}
.floatr{
	float:right
}
.clear{
	clear:both
}

.fixr,.fixl{
	position: fixed;
}
.fixr{
	right:0;
}
.fixl{
	left:0;
}
.fixt{
	top:0;
}
.fixb{
	bottom:0;
}
#oHTML{
	position: relative;
}
#oHTML > div.abs{
	position:absolute;
}
.eg:hover{
	text-decoration: underline;
}



#input1Tip{
	counter-reset:cnt1 0
}
#input1Tip .eg:before{
	content: "例" counter(cnt1) "：";
	counter-increment: cnt1;
}
#input0Tip{
	counter-reset:cnt0 0
}
#input0Tip .eg:not(.eg2):before{
	content: "例" counter(cnt0) "：";
	counter-increment: cnt0;
	color: white;
}


#oHTML textarea:not(:hover){
	resize: none;
	overflow:hidden;
}
.eg,.windex,#logo,#night,.Clear,.task,th{
	cursor: pointer;
}

textarea{
	background: transparent;
}


.inblk{
	display:inline-block;
}

a{
	color:limegreen;
}
.mathFont{font-family:STIXGeneral, 'DejaVu Serif', 'DejaVu Sans', Cambria, 'Cambria Math', Times, 'Lucida Sans Unicode', OpenSymbol, 'Standard Symbols L', serif}


summary ~ details{
	padding-left: 15px;
}

.inputTip,.ground,.ground > div{
	margin:10px
}

#cvsbg{
	width:98%;
	z-index:-1;
}

#logo{
	background: limegreen;
    color: white;
    padding: 2px;
    border-radius: 5px;
}
.level.seled{
	background:limegreen;
}

.level{
	padding:2px 10px;
	margin:2px;
	color:white;
	border-radius:5px;
	cursor:pointer;
	user-select: none;
	display: inline-block;
}

#solveGround .level:not(.seled){
	background:lightslategray;
}
#subject .ground0 .level:not(.seled){
	background:darkgreen;
}
#subject .ground1 .level:not(.seled){
	background:seagreen;
}
#graphicGround .level:not(.seled){
	background:lightpink;
}


#showGround .level:not(.seled){
	background:slateblue;
}

#exploreGround .level:not(.seled){
	background:darkmagenta;
}

#aboutGround .level:not(.seled){
	background:salmon;
}



.audioPlay, .mediaPlay {
    font-weight: bold;
    font-size: medium;
}

#bar .toolTip{
	padding:0 5px;
	opacity:0;
	animation: inf01 2s 1 ease-out;
	background:limegreen;
	color:white;
}
@keyframes inf01 {
	from {opacity:0}
	25%{opacity:.7}
	50%{opacity:1}
	75%{opacity:.7}
	to {opacity:0}
}


.editorText {width:20%;height:60px}

#donate div {margin:10px}
#donaQR img{width:150px}
#donaQR img:not(.alipayImg):not(.qqpayImg){margin:0 100px}
#Jiaohang{margin-right:50px;}
.pay .jiaohang{
	font-size: 12px;
    background-color: #acbdd3;
    color: black;
}

.rotate90{
    transform: rotateZ(90deg);
}
.rotate270{
    transform: rotateZ(270deg);
}

#donaQR .via{margin-bottom: 0}

.via img{
    border-radius: 5px;
}
.alipayImg{
    background: #00a0e9; 
}
.qqpayImg{
    background: white;
}

.pay > div {
    border-radius: 15px;
    padding: 15px;
}
.pay .long {
    width: 50%;
}
.pay input{
	text-align:center
}

.tasks{
    background: rgba(0,0,0,.1);
    border-radius: 5px;
}
img{
	cursor: pointer;
}