html,
body {
	-ms-touch-action: none;
	touch-action: none;
	background-position: center;
	background-color: black;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	background-repeat: no-repeat;
	background-size: cover;
}

progress {
    border: 1px solid #0064B4;  
	border-radius: 7px;
    background-color:#e6e6e6;
    color: #0064B4; /*IE10*/
}
progress::-webkit-progress-inner-element { border-radius: 7px; }
progress::-webkit-progress-value { border-radius: 7px; }
progress::-webkit-progress-bar { border-radius: 7px; } 
progress::-moz-progress-bar { background: #000000; }
progress::-webkit-progress-bar { background: #000000; }
progress::-webkit-progress-value  { background: #29D2BC; }

.DDWplayer {
	position: absolute;
	margin-left: -50px;
	margin-top: -50px;
	top: 50%;
	left: 50%;
}

#loading {
	position: absolute;
	touch-action: none;
	-ms-touch-action: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
}

#loading label {
	position: absolute;
	width: 80%;
	height: 40px;
	margin-left: -40%;
	margin-top: -20px;
	font-size: 20px;
	left: 50%;
	bottom: 35%;
	color: #29a76b;
	font-weight: bold;
	text-align: center;
	font-family: "microsoft yahei";
}

.video-canvas {
	position: absolute;
	z-index: 0;
	transform: matrix(0.8, 0, 0, 0.8, 0, 0);
	display: none;
}


#guide {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000000;
	top: 0;
	left: 0;
}

#guide label {
	position: absolute;
	width: 500px;
	height: 40px;
	margin-left: -250px;
	margin-top: -20px;
	font-size: 25px;
	left: 50%;
	top: 50%;
	color: aliceblue;
	text-align: center;
	font-weight: bold;
	font-family: "microsoft yahei";
}

#fullScreen{
	position: relative;
	touch-action: none;
	-ms-touch-action: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
}

#fullScreen-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
	height: auto;
}

#fullScreen-slideFull {
	position: absolute;
	left: 50%;
/* 	height: auto; */
	top: 10%;
	z-index: 15000;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#preloadings {
	touch-action: none;
	-ms-touch-action: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#preloadings-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#preloadings-content {
	position: absolute;
	width: 45%;
	height: auto;
	margin-left: -22.5%;
	left: 50%;
	top: 10%;
}

#preloadings-logo {
	width: 100%;
	height: auto;
}
#preloading-progress{
	width: 100%;
	height: 14px;
	margin-top: 20%;
}
#preloading-label{
	width: 100%;
	height: 14px;
	color: #cdb04a;
	font-size: 14px;
	font-weight: bold;
	font-family: "microsoft yahei";
	text-align: center;
	display:block;
}