
* {
	margin: 			0;
	padding: 			0;
	border: 			0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;

    -webkit-appearance: none;
}

/*
*:not(html) {
    -webkit-transform: 	translate3d(0, 0, 0);
}
*/

::selection {
	background: 		#30b7f8;
	}

::-moz-selection {
	background: 		#30b7f8;
}

html {
	width:				100%;
	height: 			100%;
	overflow-y: 		scroll;
	font-family: 		Arial,Georgia,Courier;
	font-weight:		normal;
	background: 		#ffffff;
}

body {
	width:				100%;
	height: 			100%;
	font-size:			18px;
	line-height:		18px;
	font-weight: 		normal;
	text-align:			center;
	color:				#000000;
}


#wrap {
	position:		relative;

	min-height: 550px;
	height: 550px;

    margin: 0 auto 0px auto;


	min-width: 		940px;
	width:			940px;

	text-align: left;


    }



#wos-up{
	position: 			relative;
	width: 				100%;
	height: 			auto;
	font-size: 			12px;
	line-height:		20px;
	color:				#000000;
	text-align: 		center;
}


#wos-dw {
	position:			absolute;
	height:				40px;
	left:				0px;
	right:				0px;
	bottom:				0px;
	padding: 			0px;

	font-size:			12px;
	font-weight:		normal;
	line-height:		32px;
	color:				#000000;
	text-align: 		center;
	}



#wos-dw a{
	color: 				#ffffff;
	text-decoration:	none;
}
#wos-dw a:hover{
	color: 				#22b4f7;
}


.scene{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 440px;
	width: 916px;
	margin: 0px 12px;
	overflow: hidden;
}


.title{
	position: absolute;
	left: 0px;
	right: 0px;
	line-height: 60px;
	font-size: 20px;
	color: #444444;
	font-weight: normal;
	font-family: Arial,Georgia;
}

.rem{
	float: 				right;
	margin: 			2px 12px 0px 0px;
	font-weight: 		normal;
	width: 				70px;
	height: 			54px;
	font-size: 			14px;
	line-height: 		15px;
	border-left: 		1px dotted #000000;
	text-align:			left;
	font-family:		'Times new roman';
}

#aboutscreen{
	-webkit-box-shadow: 3px 3px 2px 0px rgba(200,200,200,1);
	-moz-box-shadow: 3px 3px 2px 0px rgba(200,200,200,1);
	box-shadow: 3px 3px 2px 0px rgba(200,200,200,1);

    background: #ffffff;

	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 440px;
	width: 916px;
	margin: 0px 12px;
	overflow: hidden;
}

#aboutscreen h1{
	color: #e1242d;
	padding: 20px 40px;
	font-family: Arial;
	font-size: 30px;
	font-weight: normal;
	line-height: 34px;
}

.aboutscroll{
	padding: 10px 40px 40px 40px;
	overflow: auto;
	height: 80%;
}

.aboutitem{
	padding: 20px 0px;
	border-top: 1px dotted #444444;
}

.aboutitem-photo{
	float: left;
	width: 100px;
	margin-right: 20px;
	min-height: 10px;
}

.aboutitem-photo img{
	width: 100%;
}

.aboutitem-text{
	float: left;
	font-size: 16px;
	line-height: 20px;
}

.aboutitem-text div{
	font-size: 16px;
	line-height: 20px;
}

.aboutitem-text a{
	color: #010101;
	text-decoration: underline;
}

.aboutitem-text a:hover{
	text-decoration: none;
}

.aboutclose{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 28px;
	height: 28px;
	background: url(../img/shape789.svg);
	cursor: pointer;
}

.aboutclose:hover{
	background: url(../img/shape790.svg);
}




.scenego{
	cursor: pointer;
}

.sceneover{
	cursor: pointer;
}



:focus {outline:none !important;}
