body{ 
	margin: 0;
	padding: 0;
	
	background-color: transparent; 
	
	animation-name: clor;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	font-family: "Merriweather";  
	cursor: url(http://hooowie.com/cursor.png),pointer!important;	 
}	

 
 
/* @keyframes clor{
	0%{
		background-color: #131418;		
	}
	50%{
		background-color: #040a34;	
	}
	100%{
		background-color:  #131418;
	}			
} */			
							
ol,ul,li,dl,dt,dd,p,h1,h2{
	list-style: none;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none; 
}
i{
	font-style: normal;
}
.safearea{
	width:1000px;
	margin: 0 auto;
}
				
	
.container {			/* --------------------------------------------主体宽高 */
	height: 500px;
	width: 960px;
	 
	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
			 
}

.cover {
  display: inline-block;/* --------------------------------------------主体宽高 */

	height: 500px;
	width: 960px;
	
	
	
	/* margin: 15px; */
	border-radius: 16px;
}


@media screen and (max-width: 700px) {
	.container {
		width : 100%;
		position: relative;
		-webkit-transform: translate(0%, 0%);
		        transform: translate(0%, 0%);
		top: 0;
		left: 0;
	}
	.cover {
		display: block;  /* --------------------------------------------主体宽高 */
		height: 500px;
		width: 960px;
		margin: 15px auto;
	}
}

.atvImg {
	border-radius: 16px;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-tap-highlight-color: rgba(#000,0);
}

.atvImg img {
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(14,21,47,0.25);
}

.atvImg-container {
	position: relative;
	width: 100%;  /* 主体占内容大小 */
	height: 100%;
	border-radius: 16px;
	-webkit-transition : all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.atvImg-container.over .atvImg-shadow {
	box-shadow: 0 45px 100px rgba(14,21,47,0.4), 0 16px 40px rgba(14,21,47,0.4);
}


.atvImg-layers {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	/* overflow: hidden; */
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}




.atvImg-rendered-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%; 
	left: 0%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	/* background-size: cover; */
	-webkit-transition : all 0.1s ease-out;
	transition: all 0.1s ease-out;
	/* overflow: hidden; */
	border-radius: 16px;
}

.atvImg-shadow {
	position: absolute;
	top: 5%; 
	left: 5%;
	width: 90%;
	height: 90%;
	-webkit-transition : all 0.2s ease-out;
	transition: all 0.2s ease-out;
	box-shadow: 0 8px 30px rgba(14,21,47,0.6);
}

.atvImg-shine {
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	border-radius: 16px;
	background: -webkit-linear-gradient(315deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);
	background: linear-gradient(135deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);
}