		html, body {
			margin: 0px;
			padding: 0px;
			border: none;
			/*
			color: #fff;
			background-color: #000;
			font-family: Monospace;
			cursor: default;
			*/
		}

		p {
		  text-align: justify;
		}

		div.container {
			margin: 0; padding: 0;
		}

		div.content {
			margin:0 auto;
			width:640px;
			max-width: 90vw !important;
		}

		.modelInfo {
			display: block;
			position: absolute;
			top: 1em;
			width: 100%;
			z-index: 100;
			color: #fff;
			text-align: center;
		}

		.modelFeedback {
			display: block;
			position: absolute;
			top: 3em;
			width: 100%;
			z-index: 100;
			color: darkorange;
			text-align: center;
		}

		.modelView,
		.modelViewMaximized {
			margin: 0px;
			padding: 0px;
			color: #fff;
			background-color: #000000;
			background-color: #313434;
			background-color: #33393b;
			/*background-image: url(../image/pi.svg);*/
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			cursor: grab;
		}

		.modelViewMaximized {
			width: 100%;
			height: 100vh;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 9999 !important;
			overflow: hidden;
			@supports (-webkit-appearance:none) {
				.os-android & {
					min-height: calc(100vh - 56px);
				}
			}
		}

		.modelView {
			position: relative;
			width: 640px;
			max-width: 90vw !important;
			height: 480px;
			max-height: 67.5vw !important;
			margin: 0px;
			padding: 0px;
			z-index: 0;
			overflow: hidden;
			border-radius: 7px;
		}

		.modelCanvas {
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-color: rgba(0, 0, 0, 0.0);
		}

		.figure {
			display: inline-block;
			text-align: center;
		}

		.figcaption {
			display: inline-block;
			width: 640px;
			max-width: 90vw !important;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}

		a:link,
		a:visited {
			color: #900;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}

		ul.modelToolbar {
			display: block;
			position: absolute;
			bottom: 16px;
			right: 16px;
			height: 32px;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			z-index: 100;
			color: #fff;
			list-style-type: none;
		}

		ul.modelToolbar li {
			margin: 0px 4px;
			float: right;
		}

		ul.modelToolbar li a {
			display: inline-block;
		}

		ul.modelToolbar li a img {
			width: 28px;
			height: 28px;
			margin: 2px;
			opacity: 0.5;
		}

		ul.modelToolbar li a:hover img {
			width: 32px;
			height: 32px;
			margin: 0px;
			opacity: 1.0;
			transition: 0.2s;
			transition-timing-function: ease;
		}
