* {word-break: break-word;}

:root {
    --figure-caption-size: 1.1rem;
}
 
body {
	text-align:left;
	font-family:"times new roman",times,
"宋体",SimSun,"华文细黑",STXihei,mingliu,pmingliu,serif;
	max-width:800px;width:95%;
	margin-right:auto;
	margin-left:auto;
	font-size:1.6rem;
    line-height: 1.7em;
	padding:0 2% 0 2%;
	background-color:rgba(242,242,242,.3);}
h1 {
    color:darkred;
    text-align: center;
    line-height: 1.5;
    font-size: 3.2rem;
    font-weight: 900;
}
h2 {
    color: darkred;
    text-align: center;
    letter-spacing: .015em;
    line-height: 1.6;
    font-size: 2.5rem;
    margin: 1.5em 0 .6em 0;
    font-weight:600

}
h3 {text-align: center;margin-top: 2em; margin-bottom: 1em; font-size: 1.5rem}

h4 {text-align: center;margin-top: 24px;width:100%}



.chinese-bold {font-weight: 700;}
p {
   
    margin-top: .9em;
    width: 100%;
    text-align: left;
}

.equation {margin-left: 5%}

blockquote {font-size:95%; line-height:1.4;margin-left:5%}

.blockquote {font-size:95%; line-height:1.4;margin-left:5%}



.aside{
	width:30%;
	min-width:100pt;
	float:right;
    margin: .7em 1.5% 1% 1.5%;
}
.aside, .flex-aside {
	padding:.7em;
	outline:lightgrey solid .5px;
	
	background-color:rgba(237,237,237,.5);
	font-family:arial, helvetica, sans-serif;
	font-size: var(--figure-caption-size);
	text-align:left;
	line-height:1.7;
	overflow-x: auto;
	overflow-y: auto;
	resize:both;

}
.aside p, .flex-aside p {
    padding:0;margin:1em 0 0 0;line-height:1.3;width:100%}
.aside h4, .flex-aside h4 {
    margin-bottom:.3em;margin-left:0;margin-top: .7em;text-align:center;font-size:130%;width:100%; color: maroon; font-weight: normal}
.aside img {
    display: block;
    margin-left: auto;
    margin-right: auto; width:100%;}

.aside p.aside-image-p, .flex-aside p.aside-image-p {padding:0; margin-top:0.5em; margin-bottom:1em; text-align: center; line-height:1.3;width:100%}

.aside-flex {
    display: flex;
    width: 98.5%;
    gap: 1em;
}

.flex-left {
    flex: 2 1 0;
    min-width: 0;
    max-width: 100%;
    height: auto;
}

.flex-aside {
    flex: 1 1 0;
    min-width: 150px;
    width: auto;
    height: 355px;
    box-sizing: border-box;
    overflow: auto;
}

@media (max-width: 600px) {
    .aside-flex {
        flex-direction: column;
        align-items: center;
        /*height: 600px;*/
    }

    .flex-left {
        flex: none;
        width: 100%;
        min-width: 0;
    }

    .flex-aside {
        flex: none;
        width: 100%;
        min-width: 0;
        height: 150px;
    }
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
   }

.figure {
	float:right;
	width: 30%;
	margin-left:2%; margin-top: .3em;
	min-width:100pt;
	overflow-x: auto;
	overflow-y: auto;
	resize:both
}
.figure p {
	font-family:arial, helvetica, sans-serif;
	font-size: var(--figure-caption-size); 
	text-align:center; 
	line-height:1.3;  
	width:100%;  margin-top:10px;
	margin-bottom:10px;
}
.figure img {width:100%}

.figure-caption {
    font-family:arial, helvetica, sans-serif;
	font-size: var(--figure-caption-size); 
	text-align:center; 
	line-height:1.3em;  
	width:100%;  margin-top:10px;
	margin-bottom:10px;
}

.figure-left {
	float:left;
	width: 30%;
	margin-right:2%;
    margin-top: .3em;
	min-width:100pt;
	overflow-x: auto;
	overflow-y: auto;
	resize:both
}
.figure-left p {
	font-family:arial, helvetica, sans-serif;
	font-size:var(--figure-caption-size); 
	text-align:center; 
	line-height:1.3;  
	width:100%;  margin-top:10px;
	margin-bottom:10px;
}
.figure-left>img {width:100%}

.figure-centered {width: 50%; min-width:300px; margin-left:auto;;margin-right:auto}
.figure-centered p {font-family:arial, helvetica, sans-serif; font-size:var(--figure-caption-size); text-align:center; line-height:1.3; margin-top:1%;margin-bottom:1%;}
.figure-centered>img {width:100%}


.figcaption {font-family:arial, helvetica, sans-serif; font-size:var(--figure-caption-size); text-align:center; line-height:1.3; margin:1% 0 0 0}

/*.left {float:left; margin:10px 1% 10px 0}
.right {
    float: right;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 10px
}*/
/*.width500 {width:500px}
.width250 {width:250px}
.width700 {width:700px}*/


.list-item {margin-left:3em;margin-top:.5em;text-indent:-1.6em;margin-bottom:.5em;}


.references {margin-left:1.3em; border-style: none}
.references>p {text-indent:-1.3em; margin:.3em 0 0 0;line-height:1.3;  font-size: 75%; }

.PicturedPointer { clear:both; margin-bottom: 1rem; width: 100%; display: flex; height: 150px}

    .PicturedPointer p {width: auto; padding: .5em;  display:inline-block; line-height: 1.2}
    .PicturedPointer img {height: 100%}
    .PicturedPointer div {width: 80%; max-width: 300px; height: 100%;}


.major-ref {width: 40%; text-align: center;  padding: .75em; margin-left: auto; margin-right: auto; line-height: 1.6; }

    .major-ref, .PicturedPointer p {background-color: ghostwhite; font-size: 130%; border-radius: 10px; border-width: .5px; border-color:lightgrey; border-style: solid}

    .major-ref>a, .PicturedPointer a:link {color: blue; text-decoration: underline;}
    .major-ref>a, .PicturedPointer a:visited {color:blue; text-decoration: underline;}
    .major-ref>a, .PicturedPointer a:hover {background: white; color: blue}

/*.picturepointer>table {width:100%}
.picturepointer>p {}
.picturepointer>td {width:50%;padding-top:2%}
.picturepointer>img {width:75%}*/

/*.note {color: green}*/
/*.dw {color:red}*/

.picture-series {overflow-x: scroll; resize:both; 
    --picseries_th: 200px; --picseries_td: 250px; --picseriescellspacing: .5em}
.picture-series table { border:0; width:100%; text-align:center; }
.picture-series p, tr td, tr th {font-family:arial, helvetica, sans-serif; font-size: var(--figure-caption-size); text-align: center; line-height: 1.3; vertical-align: top; padding: .3em var(--picseriescellspacing) .5em 0; }
.picture-series tr th img, video {height: var(--picseries_th)}
.picture-series tr td img, video {height: var(--picseries_td)}


/*.translator {text-align: center;margin: 0px; font-size:150%;font-weight: 900;width:100%}
.translator>p {line-height: 1; text-align: center; margin-top: 0px; font-size:150%;font-weight: 900; width:100%}

.translation-date {line-height:1em;text-align:center; font-size:120%; margin-top: 0}
.translation-date>p {text-align:center; line-height:1; font-size:120%; margin-top: 0}*/


.language-button {
  background-color:blue;
  border: none;
  color: white;
  padding: 1% 1%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 130%;
	font-weight: 800;
  margin: 4px 2px;
  cursor: pointer;
	width:auto; 
	float:right;
	font:SimSun,mingliu,"宋体","华文细黑",STXihei,pmingliu;
    border-radius: 15%; border-width: 0; border-style: solid;
}
.page-heading {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  word-wrap: normal}

.page-heading>p {font-size:125%;}

.last-edited {display: none}

/*Instead of italics in Chinese:*/
i {font-style: normal; text-decoration:underline; text-decoration-style: dotted; text-underline-offset: .15em; text-decoration-thickness:3px}