body { font-size: 10pt; color: #000000; background-color: #ffffff; link: #202f55; visited: #ff00ff; }
h1 { font-size: 24pt; font-weight: 700; color: #400000; text-align: center; }
h2 { font-size: 12pt; font-weight: 700; text-align: left; display:inline;
	background-image: linear-gradient(to right, #aaffaa, #aaffaa, #ffffff);
	background-repeat: no-repeat;
	background-size: 100% 30%;
	background-position: bottom;
   }
pre { BACKGROUND-COLOR: #aaffaa; BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; WHITE-SPACE: pre; } /* overflow: auto; */
td { font-size: 10pt; text-align: left; vertical-align: top; }
span.l1 { font-size: 8pt; }
span.l2 { font-size: 6pt; }
span.p1 { padding-left:2em; }
ul { margin: 0px; }
li { font-weight: 700; color: #303030; }
div {
  border: solid 1px #000000;
  box-sizing: border-box;
}
.boxA { border: none; &:after { content: ""; display: block; clear: both; } }
.box1 { border: solid 1px #00b2ee; float: left; width: 80%; }
.box2 { font-size: 10px; border: none; float: left; width: 20%; }
.box10 { border: none; float: left; width: 100% }
.box11 { border: none; float: left; width: 80%; }
.box12 { border: none; float: left; width: 20%; }
@media screen and (max-width: 480px) { 
.box1 { border: solid 1px #00b2ee; width: 100%; }
.box2 { font-size: 10px; border: none; width: 100%; }
.box10 { border: none; float: left; width: 100% }
.box11 { border: none; width: 100%; }
.box12 { border: none; width: 100%; }
}
.box3 { border: none; width: 100%; }