/*
@font-face {
  font-family: "gjzwMFont";
  src:
    local("gjzwMFont"),
    url("/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf") format("woff");
}
*/
body{position:fixed;top:0;left:0;bottom:0;right:0;margin:0px;padding:0px;font-size:1em;
font-family:"WenQuanYi Micro Hei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-button {background: #ccc}
::-webkit-scrollbar-track-piece {background: #ccc}
::-webkit-scrollbar-thumb {background: #888}

.mheader{top:0;width:100%;height:auto;margin:0px;border:1px;padding:0px;background-color:#6a1c9c;display:flex;flex-direction:raw;}
.gjzwmathicon{width:1.5em;height:calc(100% - 6px);padding: 3px 3px;opacity:1;}
.IconMenu{width:calc(100% - 8em);height:100%;display:none;background-color:#6a1c9c;margin:0px;padding:0px;color:white;}
.Iconbar1, .Iconbar2, .Iconbar3 {width:1.5em;height:0.25em;background-color:#00FF00;border:0px;margin:0.2em;padding:0px;transition:0.4s;cursor:pointer;}
.IconMenu > div{margin-left:3px;margin-right:3px;display:block;color:white;text-align:left;padding: 3px 3px;text-decoration:none;cursor:default;}
.navbar{width:calc(100% - 6.5em);height:100%;display:flex;background-color:#6a1c9c;z-index:500;}
.navbar div{margin-left:3px;margin-right:3px;margin-top:2px;display:block;color:white;text-align:left;padding: 3px 3px;text-decoration:none;cursor:pointer;z-index:50;}
.navbar div:hover{background-color:#ddd;color:black;padding:3px 3px;}
.rightmenuitem{width:4.5em;height:auto;color:yellow;float:right;cursor:pointer;margin:auto;}

.mbody{position:relative;width:100%;height:calc(100% - 3.3em - 2px);margin:0px;border:2px;padding:0px;display:block;}
.mbodycontent{position:absolute;z-index:0;width:calc(100% - 4px);height:calc(100% - 4px);margin:0px;padding:0px;border:2px;overflow:auto;background-color:#fdf1f1;-webkit-overflow-scrolling: touch;border-style:double;}
.masterwin{width:28em;height:100%;overflow:hidden;margin:0px;padding:0px;padding:0px;background: #fdf1f1;z-index:20}
.mdsplit{width:2px;height:calc(100% - 2px);margin:0px;margin-top:1px;padding:0px;cursor:col-resize;overflow:hidden;text-align:center;display:flex;background-color:#afefaf;}
.detailwin{width:100%;height:100%;overflow:hidden;z-index:20}
.mcontentwin{margin:2px;padding:1em;padding-right:0em;width:calc(100% - 4px - 1em);height:calc(100% - 4px - 2em);overflow:auto;border:2px;border-style:inset;}
.mcontentwin *{overflow-wrap:break-word;}
.dcontentwin{margin:2px;padding:0px;width:calc(100% - 4px);height:calc(100% - 4px);overflow:auto;border:0px;border-style:inset;}
.dcontentwin *{overflow-wrap:break-word;}

.mfooter{bottom:0;width:100%;height:1.5em;margin:0px;padding:0px;border:1px solid #999999;display:flex;background-color:lightblue;}
.mfooter *{font-size:0.9em;margin:0px;padding: 0.04em 0.04em;}

/* for all paragraph design */
/*  */
p{line-height: 1.8em;font-family:MJXc-TeX-math-I,MJXc-TeX-math-Ix,MJXc-TeX-math-Iw;}
td{font-family:MJXc-TeX-math-I,MJXc-TeX-math-Ix,MJXc-TeX-math-Iw;}
th{font-family:MJXc-TeX-math-I,MJXc-TeX-math-Ix,MJXc-TeX-math-Iw;}
li{font-family:MJXc-TeX-math-I,MJXc-TeX-math-Ix,MJXc-TeX-math-Iw;}
span{font-family:MJXc-TeX-math-I,MJXc-TeX-math-Ix,MJXc-TeX-math-Iw;}
h2{font-size:1.15em;text-align:center;color:000;margin-top:1.2em;margin-bottom:1.2em;text-shadow: 2px 2px #ddd;}
h3{font-size:1.08em;text-align:center;color:#000;margin-top:1.2em;margin-bottom:1.2em;text-shadow: 2px 2px #ddd;}
h4{font-size:1.02em;text-align:center;color:#000;margin-top:1.2em;margin-bottom:1.2em;text-shadow: 2px 2px #ddd;}
/* Popup window including login register message notification */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
	min-width: 22em;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 20px;
	z-index:500; /* Sit on top */
}
/* The Close Button (x) */
.close {position:absolute;right:25px;top:0;color:#000;font-size:1em;font-weight:bold;}
.close:hover, .close:focus {color:red;cursor:pointer;}
/* Clear floats */
.clearfix::after {content:"";clear:both;display:table;}
.btn {
  padding: 5px;
  font-size: 1em;
  color: white;
  background: #5F9EA0;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.error {
  width: 92%; 
  margin: 0px auto; 
  padding: 10px; 
  border: 1px solid #a94442; 
  color: #a94442; 
  background: #f2dede; 
  border-radius: 5px; 
  text-align: left;
}
.success {
  color: #3c763d; background: #dff0d8; 
  border: 1px solid #3c763d;margin-bottom: 20px;
}


/* Center the image and position the close button */
.imgcontainer {text-align:center;margin: 6px 0 3px 0;position:relative;}
.input-group {margin: 5px 0px 5px 0px;}
.input-group > label {display:inline;text-align:right;width:6em;margin:3px;margin-left:auto; margin-right:0;}
.input-group > input {
  height: 1.2em;
  width: calc(100% - 6em);
  max-width: 12em;
  padding: 5px 10px;
  font-size: 1em;
  border-radius: 5px;
  border: 1px solid gray;
}
.input-group > div {grid-column: span 1;}