html {
	-webkit-tap-highlight-color: transparent;
}
body {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	background-color: white;
	z-index: -100;
	-webkit-user-select: none;
	user-select: none;
	overflow: hidden !important;
	touch-action: manipulation;
	-webkit-touch-callout: none !important;
}
.z3 {
	left: 0;
	width: 100%;
}
.iP {
	left: 0;
	width: 50%;
}
.f0 {
	right: 0;
	width: 100%;
}
.rq {
	right: 0;
	width: 50%;
}
.q0 {
	position: fixed;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -50;
	-webkit-user-select: none;
	user-select: none;
	overflow: hidden !important;
	transition: width 0.5s;
}
.Ln {
	background-image: none;
}
.vN {
	cursor: pointer;
}
.Dp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 1;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}
.Wt {
	display: block;
}
.EV {
	display: none;
}
.Y9 {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-image: url('/knokle/pynt/a41.png?W=v'), url('/knokle/pynt/c95.png?W=v'), url('/knokle/pynt/a20.png?W=v'), url('/knokle/pynt/a08.png?W=v'), url('/knokle/pynt/d55.png?W=v'), url('/knokle/pynt/cba.gif?W=v'), url('/knokle/pynt/c6d.png?W=v'), url('/knokle/pynt/c87.png?W=v'), url('/knokle/pynt/f9b.png?W=v');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	z-index: -500;
}
.iB {
	background-size: 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.y5 {
	background-size: 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.d2 {
	background-size: 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%;
}
.ZV {
	background-size: 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%;
}
.nO {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%;
}
.ht {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%;
}
.gs {
	background-size: 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.fJ {
	background-size: 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.pn {
	background-size: 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%;
}
.x1 {
	background-size: 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%;
}
.Fu {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%;
}
.Rr {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%;
}
.Z0 {
	background-size: 50% 70%, 0% 0%;
}
.Ye {
	background-size: 0% 0%, 70% 70%;
}
.RU {
	background-size: 70% 70%, 0% 0%;
}
.AA {
	background-size: 0% 0%, 70% 70%;
}
.Be {}
//.hy {
//	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%;
//}
//.ZX {
//	background-size: 100% 100%, 0% 0%, 0% 0%, 0% 0%;
//}
//.uM {
//	position: fixed;
//	top: 0;
//	right: 0;
//	height: 100%;
//	display: flex;
//	justify-content: right;
//	align-items: center;
//	z-index: 5000;
//}
//.fL {
//	position: absolute;
//	right: 1vw;
//	bottom: 10%;
//	width: 5vw;
//	height: 100%;
//	z-index: -55;
//}
.pS {
	background-size: 70% 70%, 0% 0%, 0% 0%, 0% 0%;
}
.Ha {
	background-size: 0% 0%, 70% 70%, 0% 0%, 0% 0%;
}
.fK {
	background-size: 0% 0%, 0% 0%, 70% 70%, 0% 0%;
}
.bV {
	background-size: 0% 0%, 0% 0%, 0% 0%, 70% 70%;
}
.cx {
	transition: opacity 0s;
	opacity: 1;
}
.hw {
	transition: opacity 2s;
	opacity: 0.3;
}
.NG {
	opacity: 1;
	cursor: pointer;
}
.AN {
	opacity: 0;
	cursor: default;
}
.Eq {
	background-size: 70% 70%, 0% 0%;
}
.vk {
	background-size: 0% 0%, 70% 70%;
	animation-name: tO;
	animation-iteration-count: infinite;
	animation-duration: 0.3s;
}
.MU {
	background-size: 70% 70%, 0% 0%;
}
.L7 {
	background-size: 0% 0%, 70% 70%;
	animation-name: tO;
	animation-iteration-count: infinite;
	animation-duration: 0.3s;
}
.nX {
	background-size: 70% 70%, 0% 0%;
}
.Z3 {
	background-size: 0% 0%, 70% 70%;
	animation-name: tO;
	animation-iteration-count: infinite;
	animation-duration: 0.3s;
}
.dJ {
	opacity: 1;
}
.tx {
	opacity: 0;
}
.vC {
	background-size: 70% 70%, 0% 0%;
}
.A4 {
	background-size: 0% 0%, 70% 70%;
}
.Lr {
	background-size: 70% 70%, 0% 0%;
}
.Xc {
	background-size: 0% 0%, 70% 70%;
}
.bU {
	background-size: 70% 70%, 0% 0%;
}
.yt {
	background-size: 0% 0%, 70% 70%;
}
.j8 {
	background-size: 80% 60%, 0% 0%;
}
.cV {
	background-size: 0% 0%, 80% 60%;
}
.iJ {
	background-size: 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.Rs {
	background-size: 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.GV {
	background-size: 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.mI {
	background-size: 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.gT {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.jW {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 50% 50%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.EO {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 50% 50%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.Wm {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 50% 50%, 0% 0%, 0% 0%, 0% 0%;
}
.Ow {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%;
}
.ik {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%;
}
.h4 {
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%;
}
.KL {background-size: 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.ml {background-size: 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.pT {background-size: 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.qe {background-size: 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.P0 {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.FK {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.QA {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.GL {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;}
.EU {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%, 0% 0%;}
.AB {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%, 0% 0%;}
.dP {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%, 0% 0%;}
.US {background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 70% 70%;}
.t2 {
	background-size: 70% 70%, 0% 0%;
}
.CV {
	background-size: 0% 0%, 70% 70%;
}
.Fc {
	position: absolute;
	left: 11.9vw;
	top: 5vw;
	width: 23vw;
	height: 25vw;
	font-family: 'Times New Roman', serif;
	font-size: 1.4vw;
	letter-spacing: 0.05vw;
	word-spacing: 0.2vw;
	word-wrap: break-word;
	hyphens: auto;
	transform: rotateZ(4deg);
	transition-timing-function: linear;
	overflow: hidden;
	z-index: 4000;
	-webkit-user-select: none;
	user-select: none;
}
.w5 {
	transition-delay: 0.2s;
	transition-duration: 1.2s;
	height: 28vw;
}
.CU {
	transition-duration: 0.8s;
	height: 0vw;
}
.pL {
	color: blue;
}
.Od {color: white;}
.sm {color: yellow;}
.L1 {color: red;}
.Xj {color: green;}
.Jd {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/be2.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.k3 {
	position: relative;
	display: inline-block;
	width: 1vw;
	height: 1vw;
	background-image: url('/knokle/pynt/b47.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.yV {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/ad5.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.by {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/cba.gif?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 50%;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.p5 {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/ac6.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Af {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.9vw;
	background-image: url('/knokle/pynt/f46.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.gY {
	position: relative;
	display: inline-block;
	width: 1vw;
	height: 1vw;
	background-image: url('/knokle/pynt/a0b.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.W6 {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/b4a.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.yQ {
	position: relative;
	display: inline-block;
	width: 1vw;
	height: 1vw;
	background-image: url('/knokle/pynt/cd9.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.vf {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/b0a.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.oK {
	position: relative;
	display: inline-block;
	width: 1vw;
	height: 1vw;
	background-image: url('/knokle/pynt/fed.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.fI {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/a57.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.eD {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/a34.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Kj {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/a65.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Ww {
	position: relative;
	display: inline-block;
	bottom: -0.5vw;
	width: 2vw;
	height: 2vw;
	background-image: url('/knokle/pynt/d5c.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.gF {
	position: relative;
	display: inline-block;
	bottom: -0.5vw;
	width: 2vw;
	height: 2vw;
	background-image: url('/knokle/pynt/ca6.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.vz {
	position: relative;
	display: inline-block;
	bottom: -0.5vw;
	width: 3vw;
	height: 3vw;
	background-image: url('/knokle/pynt/ef9.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.lm {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/fe4.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.EL {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/f9c.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Jz {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/c5f.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.wv {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -1vw;
	background-image: url('/knokle/pynt/ca0.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.PA {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -1vw;
	background-image: url('/knokle/pynt/e89.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.CA {
	position: relative;
	display: inline-block;
	width: 3vw;
	height: 3vw;
	bottom: -1vw;
	background-image: url('/knokle/pynt/cd3.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Fg {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/a36.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.ux {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/dcf.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.mw {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/bac.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Gh {
	position: relative;
	display: inline-block;
	width: 3vw;
	height: 3vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/b1b.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.vx {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/be8.png?W=v'), url('/knokle/pynt/efb.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.JY {
	background-size: 0% 0%, 100% 100%;
}
.fQ {
	background-size: 100% 100%, 100% 100%;
}
.ZL {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/f2f.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.UO {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/f34.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Hw {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/cb5.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.aq {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/d09.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.pQ {
	position: relative;
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/d7c.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Cz {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;	
	background-image: url('/knokle/pynt/a27.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.lB {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;	
	background-image: url('/knokle/pynt/a9d.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.pp {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;	
	background-image: url('/knokle/pynt/bc5.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Xf {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;	
	background-image: url('/knokle/pynt/bbc.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.pC {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;	
	background-image: url('/knokle/pynt/fda.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.hX {
	position: relative;
	display: inline-block;
	width: 5vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/f98.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.Ez {
	position: relative;
	display: inline-block;
	width: 2vw;
	height: 2vw;
	bottom: -0.5vw;
	background-image: url('/knokle/pynt/ef4.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.I6 {
	position: relative;
	left: 0.5vw;
	bottom: -0.2vw;
	display: inline-block;
	scale: 0.15;
	z-index: 4000;
}
.NJ {
	position: absolute;
	left: 0.7vw;
	top: 0vw;
	color: black;
	font-size: 1.5vw;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	transform: rotateZ(-24deg);
	z-index: 6505;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.sJ {
	position: fixed;
	left: 4vw;
	top: 42%;
	width: 3vw;
	height: 3vw;
	background-image: url('/knokle/pynt/cb0.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 5000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
	animation: di 0.5s linear infinite;
}
.zL {
	position: fixed;
	right: 4vw;
	top: 42%;
	width: 3vw;
	height: 3vw;
	background-image: url('/knokle/pynt/e66.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 5000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
	animation: di 0.5s linear infinite;
}
@keyframes di {
	50% {opacity: 0;}
}
.q1 {
	position: fixed;
	top: 8.4vw;
	left: 14vw;
	width: 27vw;
	font-family: Ariel;
	font-size: 1.5vw;
}
.BW {
	background-size: 70% 70%, 0% 0%, 0% 0%;
}
.P2 {
	background-size: 0% 0%, 70% 70%, 0% 0%;
}
.T2 {
	background-size: 0% 0%, 0% 0%, 70% 70%;
}
.k1 {
	position: fixed;
	top: 0.1vw;
	left: 0vw;
	background-size: 100% 100%, 0% 0%, 0% 0%;
}
.xs {
	position: fixed;
	top: 0.1vw;
	left: 0vw;
	background-size: 0% 0%, 100% 100%, 0% 0%;
}
.Sd {
	position: fixed;
	top: 0.1vw;
	left: 0vw;
	background-size: 0% 0%, 0% 0%, 100% 100%;
}
@keyframes sa {
	50% {transform: translateY(0px) rotateZ(1000turn);}
}
.k4 {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.FI {
	filter: none;
	-webkit-filter: none;
}
.Kf {
	filter: blur(5px);
	-webkit-filter: blur(5px);
}
.Tw {
	filter: none;
	-webkit-filter: none;
}
//.vh {
//	filter: grayscale(100%) blur(4px);
//	-webkit-filter: grayscale(100%) blur(4px);
//	box-shadow: none;
//}
//.sL {
//	filter: none;
//	-webkit-filter: none;
//	box-shadow: 0 0.6vw #999;
//}
.eL {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.fs {
	filter: blur(5px) grayscale(100%);
	-webkit-filter: blur(5px) grayscale(100%);
}
.Av {
	filter: none;
	-webkit-filter: none;
}
#oj {
	position: fixed;
	right: 13vw;
	top: 23%;
	width: 27vw;
	height: 6vw;
}
#Hz {
	position: fixed;
	right: 28vw;
	top: 30%;
	width: 9vw;
	height: 10vw;
}
#ze {
	position: fixed;
	right: 0.5vw;
	width: 28vw;
	height: 19vw;
}
.Un {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	overflow: hidden !important;
}
.Q2 {
	transform: scale(1.3);
}
.MO {
	transform: scale(1);
}
//.Xl {
//	transform: scale(1.5);
//}
//.Hn {
//	animation-name: Pe;
//	animation-iteration-count: infinite;
//	animation-timing-function: linear;
//	animation-duration: 10s;
//}
.yb {
	transform: rotateZ(-49deg) scale(2);
}
.w7 {
	transform: rotateZ(-49deg) scale(1);
}
.Lf span {
	cursor: pointer;
	line-height: 1;
	display: inline-block;
	position: relative;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	color: black;
	font-size: 1.2vw;
}
.Lf {
	position: absolute;
	will-change: left, bottom;
	display: block;
	width: 7vw;
	height: 7vw;
	border-radius: 50%;
	background: transparent;
	transition-property: left, bottom;
	transition-timing-function: linear, linear;
	transition-duration: 0s, 0s;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.Yf {}
.Mm {}
.o6 {
	animation-name: mv;
	animation-iteration-count: infinite;
	animation-timing-function: linear, linear;
}
.h6 {
	animation-name: EN;
	animation-iteration-count: infinite;
	animation-timing-function: linear, linear;
}
.fd {}
.r0 {}
.Ve {}
.Ep {
	animation-name: jl;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-duration: 0.5s;
}
.eV {
	display: none;
	animation-name: none;
	transition-property: none;
}
@keyframes jl {
	0% {transform: scale(1);}
	100% {transform: scale(2);}
}
.aO {
	box-shadow: 0 3vw 5vw 0 black;
}
.Xa {}
.RJ {}
.A5 {}

//.Ih {
//	color: green;
//}
//.zE {
//	color: red;
//}
//.GQ {
//	color: black;
//}

.Kd {
	position: absolute;
	left: 4.5vw;
	top: 4.5vw;
	width: 3vw;
	height: 3vw;
	background-image: url('/knokle/pynt/d5c.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}
.yf {
	position: absolute;
	left: 3.5vw;
	top: 3.4vw;
	width: 1vw;
	height: 1vw;
	background-image: url('/knokle/pynt/d5c.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bT {}
.gk {}
.ri {
	position: absolute;
	left: -1.5vw;
	top: 0.4vw;
	width: 3vw;
	height: 3vw;
	background-image: url('/knokle/pynt/ca6.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}
.Pz {
	position: absolute;
	left: 0.6vw;
	top: 0.8vw;
	width: 1vw;
	height: 1vw;
	background-image: url('/knokle/pynt/ca6.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
@keyframes Pe {
	0% {transform: scale(1);}
	25% {transform: scale(1.3);}
	40% {transform: scale(1);}
	60% {transform: scale(1.3);}
	100% {transform: scale(1);}
}
@keyframes mv {
	0% {bottom: -12%;}
	100% {bottom: 100%;}
}
@keyframes EN {
	0% {bottom: 100%;}
	100% {bottom: -12%;}
}
.aU {
	position: absolute;
	will-change: bottom;
	bottom: -12%;
	width: 100%;
	border:  1px dashed green;
	animation-name: mv;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -10;
}
.qC {
	position: absolute;
	will-change: bottom;
	bottom: 100%;
	width: 100%;
	border:  1px dashed red;
	animation-name: EN;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -10;
}
.UM {
	position: absolute;
	will-change: bottom;
	bottom: 50%;
	width: 100%;
	border: 1px dashed yellow;
	animation-name: vd;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -10;
}
@keyframes vd {
	0% {bottom:	50%;}
	49.9% {bottom: 100%;}
	50.0% {bottom: -12%;}
	100% {bottom:	50%;}
}
.YG {
	position: absolute;
	will-change: bottom;
	bottom: 50%;
	width: 100%;
	border: 1px dashed yellow;
	animation-name: bp;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -10;
}
@keyframes bp {
	0% {bottom:	50%;}
	49.9% {bottom: -12%;}
	50.0% {bottom: 100%;}
	100% {bottom:	50%;}
}
.r3 {
	position: absolute;
	will-change: bottom;
	bottom: 50%;
	width: 100%;
	border: 1px dashed white;
	animation-name: iE;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -10;
}
@keyframes iE {
	0% {bottom:	50%;}
	49.9% {bottom: 100%;}
	50.0% {bottom: -12%;}
	100% {bottom:	50%;}
}
.xR {
	position: absolute;
	will-change: bottom;
	bottom: 50%;
	width: 100%;
	border: 1px dashed white;
	animation-name: Is;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -10;
}
@keyframes Is {
	0% {bottom:	50%;}
	49.9% {bottom: -12%;}
	50.0% {bottom: 100%;}
	100% {bottom:	50%;}
}
.sl {
	position: absolute;
	will-change: bottom;
	bottom: -12%;
	right: 0%;
	width: 0;
	height: 0;
	border-left: 0.5vw solid transparent;
	border-right: 0.5vw solid transparent;
	border-bottom: 1vw solid green;
	z-index: -10;
	animation-name: mv;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 30s;
}
.qw {
	position: absolute;
	will-change: bottom;
	bottom: 100%;
	left: 0%;
	width: 0;
	height: 0;
	border-left: 0.5vw solid transparent;
	border-right: 0.5vw solid transparent;
	border-top: 1vw solid red;
	z-index: -10;
	animation-name: EN;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 30s;
}
.C7 {
	position: absolute;
	left: -2.3vw;
	top: -2.2vw;
	width: 15vw;
	height: 15vw;
	background-size: 100% 100%;
	background-image: url('/knokle/pynt/a41.png?W=v');
	background-repeat: no-repeat;
	z-index: -10;
	-webkit-user-select: none;
	user-select: none;
}
.QQ {
	position: absolute;
	left: -5.8vw;
	top: -2.2vw;
	width: 15vw;
	height: 15vw;
	background-size: 100% 100%;
	background-image: url('/knokle/pynt/c95.png?W=v');
	background-repeat: no-repeat;
	z-index: -10;
	-webkit-user-select: none;
	user-select: none;
}
#Mp {
	position: fixed;
	left: 6.7vw;
	top: 25.5vw;
	width: 17vw;
	height: 2vw;
	font-size: 1.3vw;
	font-family: Ariel, monospace;
	font-style: normal;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
#R7 {
	position: fixed;
	left: 6.7vw;
	top: 42vw;
	width: 17vw;
	height: 2vw;
	font-size: 1.3vw;
	font-family: Ariel, monospace;
	font-style: normal;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
#D0 {
	position: fixed;
	left: 14vw;
	top: 43.5vw;
	width: 29.4vw;
	height: 2vw;
	text-align: center;
	font-size: 1.2vw;
	font-family: Ariel, monospace;
	font-style: normal;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
.va {
	position: absolute;
	left: 2.5vw;
	width: 4vw;
	height: 4vw;
	margin: auto;
	border: none;
	border-radius: 50%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.Dz {
	top: 8vw;
}
.XG {
	top: 2vw;
}
.jD {
	position: fixed;
	left: 2.5vw;
	width: 4vw;
	height: 4vw;
	margin: auto;
	border: none;
	border-radius: 50%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
.E7 {
	position: absolute;
	left: 1.7vw;
	top: 6.1vw;
	width: 4vw;
	height: 4vw;
	margin: auto;
	border: none;
	border-radius: 50%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 3000;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.UG {
	position: absolute;
	left: 7vw;
	top: 3.5vw;
	width: 35vw;
	height: 2vw;
	font-size: 1.7vw;
	font-family: Ariel, monospace;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	z-index: 3000;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.LC {
	position: absolute;
	left: 7vw;
	top: 1.5vw;
	width: 35vw;
	height: 2vw;
	font-size: 1.7vw;
	font-family: Ariel, monospace;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	z-index: 3000;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.UW {
	position: absolute;
	left: 7vw;
	top: 1.3vw;
	width: 4vw;
	height: 4vw;
	margin: auto;
	border: none;
	border-radius: 50%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 3000;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.bD {
	position: fixed;
	left: 9vw;
	top: 1vw;
	width: 39vw;
	height: 2vw;
	font-size: 1.7vw;
	font-family: Ariel, monospace;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
.aE {
	position: relative;
	top: 0vw;
	left: 1vw;
	width: 58vw;
	height: 0vw;
}
.b2 {
	position: relative;
	left: 2vw;
	top: -0.5vw;
	width: 31vw;
	height: 10vw;
	display: inline-block;
	padding: 1vw;
	border: none;
	background-color: #efefef;
	font-size: 2.5vw;
	text-align: left;
	outline: none;
	color: black;
	line-height: 1;
	word-break: auto-phrase;
	word-wrap: break-word;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: text;
	resize: none;
	z-index: 3500;
}
.Ga {
	position: absolute;
	left: 6vw;
	top:  4vw;
	width: 25vw;
	height: 3vw;
	padding: 1vw;
	border: none;
	background-color: lightyellow;
	font-size: 2.5vw;
	text-align: left;
	text-overflow: ellipsis;
	color: black;
	line-height: 1;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: hidden;
	cursor: text;
	resize: none;
}
.zo {
	position: absolute;
	left: 6vw;
	top:  4vw;
	width: 25vw;
	height: 10vw;
	padding: 1vw;
	border: none;
	background-color: lightyellow;
	font-size: 2.5vw;
	text-align: left;
	color: black;
	line-height: 1;
	word-break: auto-phrase;
	word-wrap: break-word;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: text;
	resize: none;
}
#b6 {
	position: absolute;
	right: 22vw;
	top:  2%;
}

.h7 {
	position: fixed;
	top:  2vw;
	width: 19vw;
	padding: 0.2vw;
	font-size: 1.5vw;
	border-radius: 0.5vw;
	border: 0.3vw solid grey;
	box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.1) inset;
	height: 2vw;
	background-color: lightyellow;
	text-overflow: ellipsis;
	color: black;
	overflow-y: hidden;
	overflow-x: hidden;
	cursor: text;
	resize: none;
	z-index: -55;
}
.sC {
	position: fixed;
	top:  6vw;
	width: 19vw;
	padding: 0.2vw;
	font-size: 1.5vw;
	border-radius: 0.5vw;
	border: 0.3vw solid grey;
	box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.1) inset;
	height: 2vw;
	background-color: lightyellow;
	text-overflow: ellipsis;
	color: black;
	overflow-y: hidden;
	overflow-x: hidden;
	cursor: text;
	resize: none;
	z-index: -55;
}
.QL {
	position: fixed;
	top:  10vw;
	width: 19vw;
	padding: 0.2vw;
	font-size: 1.5vw;
	border-radius: 0.5vw;
	border: 0.3vw solid grey;
	box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.1) inset;
	height: 7vw;
	background-color: lightyellow;
	text-overflow: ellipsis;
	color: black;
	line-height: 1.1;
	word-break: auto-phrase;
	word-wrap: break-word;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: text;
	resize: none;
	z-index: -55;
}
.fB {
	position: absolute;
	left: 1vw;
	top:  4vw;
	width: 19vw;
	height: 15vw;
	padding: 1vw;
	border: none;
	background-color: #FFFF99;
	text-align: left;
	outline: none;
	color: black;
	line-height: 1.1;
	word-break: auto-phrase;
	word-wrap: break-word;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: text;
	resize: none;
}
.ku {
	font-size: 2vw;
}
.z6 {
	font-size: 1vw;
}
.a9 {
	position: absolute;
	left: 6vw;
	top:  4vw;
//	display: inline-block;
	width: 25vw;
	height: 10vw;
	padding: 1vw;
	background-color: lightyellow;
	font-size: 2.5vw;
	text-align: left;
	color: black;
	line-height: 1;
	word-break: auto-phrase;
	word-wrap: break-word;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: text;
}
[contenteditable] {
	-webkit-user-select: text;
	user-select: text;
	-webkit-user-modify: read-write;
	outline: 0px solid transparent;
}
.ei {
	position: fixed;
	top: 2vw;
	width: 19vw;
	text-overflow: ellipsis;
	cursor: text;
	color: black;
	background-color: lightyellow;
	z-index: -55;
}
.KB {
	position: fixed;
	top: 6vw;
	width: 12vw;
	text-overflow: ellipsis;
	cursor: text;
	color: black;
	background-color: lightyellow;
	z-index: -55;
}
.Nx {
	position: fixed;
	cursor: default;
//	line-height: 1.3vw;
//	font-size: 2vw;
	font-family: Ariel, monospace;
	font-style: normal;
	-webkit-user-select: none;
	user-select: none;
	z-index: -55;
}
.Zb {
	left: 14vw;
	top: 14%;
	line-height: 6vw;
	font-size: 3vw;
}
.Mx {
	left: 6vw;
	top: 4vw;
}


.KN {
	position: fixed;
	left: 0%;
	top: 0;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
}

.ro {
	height: 18vw;
}
.qJ {}
.UE {
	position: absolute;
	left: 8vw;
	top: 7vw;
	width: 38vw;
	height: 19vw;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
}
.Pv {
	position: absolute;
	left: 5%;
	top: 5%;
	width: 43vw;
	max-height: 60vw;
	opacity: 0.9;
	z-index: 2998;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}

	.Ft {
		background-color: #efefef;
		border-style: solid;
		border-width: 0.8vw;
		border-radius: 3vw;
		padding: 2vw;
		word-break: auto-phrase;
		word-wrap: break-word;
		vertical-align: middle;
	}

	.YD {
		height: 12.7vw;
		background-color: #efefef;
		border-style: solid;
		border-width: 0.8vw;
		border-radius: 3vw;
		padding: 2vw;
		word-break: auto-phrase;
		word-wrap: break-word;
		vertical-align: middle;
	}


	.yq {
		border-color: grey;
	}
	.ao {
		border-color: #333;
	}
		.K6 {
			line-height: 1.3vw;
			font-size: 1.3vw;
			font-family: Ariel, monospace;
			font-style: normal;
			width: 50vw;
			border-radius: 11vw;
			box-shadow: 0 3vw 5vw 0 black;
			padding: 3vw;
		}
		.gf {
			line-height: 1vw;
			font-size: 2vw;
			font-family: 'Times New Roman', serif;
			font-style: italic;
			width: 33vw;
			box-shadow: 0 3vw 5vw 0 black;
			padding: 5vw;
		}

		.p8 {
			line-height: 1vw;
			font-size: 2vw;
			font-family: 'Times New Roman', serif;
			font-style: italic;
			width: 27vw;
			padding: 5vw;
		}



		.Ft:before,
		.Ft:after {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		}
		CQ:before,
		CQ:after {
			content: "\201C";
			position: absolute;
			font-size: 8vw;
			line-height: 1vw;
			color: #757f9a;
			font-style: normal;
		}
		CQ:before {
			top: 5vw;
			left: 2vw;
		}
		CQ:after {
			content: "\201D";
			right: 1vw;
			bottom: 2.5vw;
		}


		.YD:before,
		.YD:after {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		}
		Es:before,
		Es:after {
			content: "\201C";
			position: absolute;
			font-size: 8vw;
			line-height: 1vw;
			color: #757f9a;
			font-style: normal;
		}
		Es:before {
			top: 5vw;
			left: 2vw;
		}
		Es:after {
			content: "\201D";
			right: 1vw;
			bottom: 1.2vw;
		}


.Po {
	display: none;
	position: absolute;
}
.YZ {
	left: 18vw;
	top: 16.5vw;
	width: 5vw;
	height: 3vw;
	background-size: 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
.GN {
	left: 18vw;
	top: 15vw;
	width: 4vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	opacity: 1;
}
.zi {
	left: 18vw;
	top: 15vw;
	width: 7vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	opacity: 1;
}
.ec {
	left: 18vw;
	top: 15vw;
	width: 7vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	opacity: 1;
}
.WY {
	left: 18vw;
	top: 15vw;
	width: 7vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%;
	opacity: 1;
}
.wN {
	left: 18vw;
	top: 15vw;
	width: 7vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%, 0% 0%;
	opacity: 1;
}
.N8 {
	left: 18vw;
	top: 15vw;
	width: 7vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%, 0% 0%;
	opacity: 1;
}
.EB {
	left: 18vw;
	top: 15vw;
	width: 7vw;
	height: 5vw;
	background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 100%, 0% 0%;
	opacity: 1;
}
.Vf {
	left: 18vw;
	top: 16.5vw;
	width: 5vw;
	height: 3vw;
	background-size: 100% 100%, 100% 100%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}

.Bg {
	position: fixed;
	left: 0.7vw;
	background-size: 0% 0%, 0% 0%, 100% 100%;
	animation: none;
}
.lC {
	background-size: 100% 100%, 0% 0%, 0% 0%;
	animation: none;
}
.GW {
	background-size: 0% 0%, 100% 100%, 0% 0%;
	animation: sa 12000s linear infinite;
}

.h3 {
	position: fixed;
	left: 0.7vw;
	background-size: 0% 0%, 0% 0%, 100% 100%;
	animation: none;
}
.Ri {
	background-size: 70% 70%, 0% 0%, 0% 0%;
	animation: none;
}
.cs {
	background-size: 0% 0%, 100% 100%, 0% 0%;
	animation: sa 12000s linear infinite;
}

#DQ {
	position: fixed;
	left: 14vw;
	top: 27vw;
	width: 30vw;
	height: 15vw;
	border-left: 0.3vw solid grey;
	z-index: -55;
	-webkit-user-select: none;
	user-select: none;
}
.D1 {
	position: fixed;
	left: 11vw;
	top: 7vw;
	font-size: 1.5vw;
	line-height: 1.6vw;
}
.oE {
	position: fixed;
	left: 17.2vw;
	top: 15.9vw;
	font-size: 1.8vw;
	font-weight: bold;
}
.yR {color: black;}
.jL {color: red;}
.Tg {color: green;}
.zU {color: darkcyan;}
.sy {color: blue;}
.OE {color: magenta;}
.jI {color: brown;}
.wq {color: purple;}
.qu {color: gray;}
.Fe {
	position: fixed;
	left: 14vw;
	top: 7.5vw;
	font-style: italic;
	font-size: 0.8vw;
}
.gP {
	position: fixed;
	left: 11vw;
	top: 19vw;
	font-size: 1.5vw;
	line-height: 1.6vw;
}
.IQ {
	position: fixed;
	left: 10vw;
	top: 3.5vw;
	font-size: 2vw;
	text-align: center;
	line-height: 1.2vw;
}
.Dj {
	font-size: 1vw;
	color: red;
}
.bE {
	font-size: 1vw;
	color: green;
}
.fA {
	position: fixed;
	left: 28vw;
	font-size: 1.1vw;
	line-height: 1.1vw;
	width: 16vw;
	word-wrap: break-word;
}
.Jy {
	top: 4.4vw;
	text-align: right;
}
.dW {
	top: 3.4vw;
	text-align: left;
}
.SL {
	position: absolute;
	left: 7vw;
	bottom: 1vw;	
}
input[type="text"] {
	padding: 0.2vw;
	font-size: 1.5vw;
	border-radius: 0.5vw;
	border: 0.3vw solid grey;
	box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.1) inset;
}
input[type="range"] {
	width: 25vw;
	cursor: pointer;
}
section {
	opacity: 0.9;
	border-style: solid;
	border-width: 0.8vw;
	padding: 1.5vw;
	background: #fff;
	box-shadow: 0 3vw 5vw 0 black;
	border-radius: 4vw;
}
.wk {
	display: flex;
	flex-wrap: wrap;
	gap: 3.5vw;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-snap-type: x;
	max-height: 21vw;
	padding: 2.2vw;
}

.Yb {
//	transform: scale(0);
	display: none;
}
.ys {
//	transform: scale(1);
	display: block;
}

.eB {
	position: absolute;
//	left: 20%;
	top: 2%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1vw;
	padding-right: 1vw;
//	transition: transform 0.5s;
	z-index: 4000;
}
.Qa {
	scroll-snap-align: start;
	flex: 0 0 5vw;
	width: 5vw;
	height: 5vw;
	margin: auto;
	border-radius: 50%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.Ws {
	transform: scale(1.5);
	outline-style: dashed;
	outline-width: 0.3vw;
}
.Rz {
	transform: scale(1);
}
#hN {
	width: 97%;
	height: 1.8vw;
	font-size: 1.8vw;
	font-family: Ariel, monospace;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border: none;
	overflow: hidden;
	outline: none;
	cursor: text;
	resize: none;
}
.Dm {
	display: none;
}
.JG {
	display: flex;
}
.Tv {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	justify-content: right;
	align-items: center;
	background-color: gray;
	z-index: 5000;
}
.Cc {
	background-size: 100% 100%, 0% 0%;
}
.ZF {
	background-size: 0% 0%, 100% 100%;
}
.nf {
	width: 3vw;
	height: 26vw;
	background-image: url('/knokle/pynt/c87.png?W=v'), url('/knokle/pynt/f9b.png?W=v');
	background-repeat: no-repeat, no-repeat;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.St {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	justify-content: right;
	align-items: center;
	background-color: gray;
	z-index: 5000;
}
.iz {
	width: 3vw;
	height: 26vw;
	background-size: 100% 100%;
	background-image: url('/knokle/pynt/c6d.png?W=v');
	background-repeat: no-repeat;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.JO {
	position: absolute;
	top: 35%;
	width: 100%;
	place-items: center;
	text-transform: uppercase;
	transform: rotateX(-100deg) rotateZ(-100deg);
	color: #fff;
	font-family: Raleway;
	font-weight: bold;
	transform-style: preserve-3d;
	perspective: 1000px;
	z-index: 5999;
	cursor: pointer;
}
svg:nth-child(1) {
	transform: scale(1, -1);
	left: 45vw;
	right: 0;
	background-size: 100% 100%, 0% 0%, 0% 0%, 0% 0%;
	background-image: url('/knokle/pynt/f41.png?W=v'), url('/knokle/pynt/d6b.png?W=v'), url('/knokle/pynt/e08.png?W=v'), url('/knokle/pynt/fe8.png?W=v');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	z-index: 5999;
}
svg:nth-child(2) {
	left: 45vw;
	transform: translate3d(1px, 1px, 1px);
	background-size: 100% 100%, 0% 0%, 0% 0%, 0% 0%;
	background-image: url('/knokle/pynt/ba6.png?W=v'), url('/knokle/pynt/cf5.png?W=v'), url('/knokle/pynt/ec8.png?W=v'), url('/knokle/pynt/f4a.png?W=v');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	z-index: 5999;
}
svg {
	position: absolute;
	background: black;
	border-radius: 50%;
	z-index: 5999;
}
.pR {
	animation: dH 10s linear infinite;
}
@keyframes dH {
	0% {transform: rotateY(0deg) rotateZ(360deg) scale3d(0.14, 0.14, 0.14);}
	50% {transform: rotateY(180deg) rotateZ(180deg) scale3d(0.5, 0.5, 0.5);}
	100% {transform: rotateY(360deg) rotateZ(0deg) scale3d(0.14, 0.14, 0.14);}
}
.Z9 {
	fill: white;
}
.L6 {
	position: absolute;
	left: 6vw;
	top: 2vw;
	width: 27vw;
	font-size: 1.1vw;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
.ZZ {
	bottom: 0px;
}
.wG {
	bottom: -48px;
}
.Q4 {
	position: absolute;
	left: 0;
	width: 100%;
	transition: bottom 1s;
	z-index: 6002;
}
.FT {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 26px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url('/knokle/pynt/f98.png?W=v');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: red;
	-webkit-user-select: none;
	user-select: none;
	z-index: 6002;
}
.FT, .lU {
	border: 2px solid #000;
}
.lU {
	position: absolute;
	bottom: 0; 
	width: 100%;
	height: 40px;
	background-color: #fff;
	color: #000;
	box-shadow: 0px 0px 8px 2px #000000;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 6000;
}
.S6 {
	text-decoration: underline;
}
.bv {
	text-decoration: none;
}
.VH {
	margin-right: 10px;
	font-weight: bold;
	z-index: 6000;
}
.ur {
	margin-right: 20px;
	z-index: 6000;
}
.F0 p {
	display: inline-block;
	margin: 0;
	font-size: 25px;
	padding-left: 100%;
	animation-name: none;
	animation-duration: 0s;
	animation-timing-function: linear;
	animation-iteration-count: 0;
}
.Rv p {
	display: inline-block;
	margin: 0;
	font-size: 25px;
	padding-left: 100%;
	animation-name: Wr;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
.Oq p {
	display: inline-block;
	margin: 0;
	font-size: 25px;
	padding-left: 100%;
	animation-name: Wr;
	animation-duration: 15s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
.Nh p {
	display: inline-block;
	margin: 0;
	font-size: 25px;
	padding-left: 100%;
	animation-name: Wr;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
.YU p {
	display: inline-block;
	margin: 0;
	font-size: 25px;
	padding-left: 100%;
	animation-name: Wr;
	animation-duration: 60s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
@keyframes Wr {
	0% {transform: translate(0, 0);}
	100% {transform: translate(-100%, 0);}
}
.p1 {
	position: fixed;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 50vw;
	height: 100vw;
	perspective: 10000px;
	z-index: -56;
}
.ra {
	width: 50vw;
	height: 100vw;
	text-align: center;
	transition: transform 1s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
}
.VO, .ha {
	position: fixed;
	width: 50vw;
	height: 100vw;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.VO {
	background-color: white;
}
.ha {
	background-color: white;
	transform: rotateY(180deg);
}
.S0 {
	position: relative;
	display: inline-block;
	height: 20vw;
	width: 21vw;
	padding: 1vw;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.Bw {
	position: relative;
	display: inline-block;
	width: 1vw;
	height: 1vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 4000;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
::placeholder {
	color: black;
	opacity: 0.8;
}