body{

background: none repeat scroll 0 0 transparent;
}

 .AttestationBox{
	width: 100%;
    min-height: 100%;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	background-size: cover;
	background-color: black;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: none;
}
 .AttestationBox video{
	display: block;
	min-width:100%;
	min-height:100%;
	margin: auto;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: visible;
	opacity: 1;
}
 .AttestationBox img{
	display: block;
	min-width:100%;
	min-height:100%;
	margin: auto;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: visible;
	opacity: 1;
}
 .AttestationBox:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: transparent url(../image/common/dot01.png) repeat center center;
}


.link{
text-align: center;
list-style: none;
margin-bottom: 20px;
}

.link li{
display: inline-block;
}

.link li a{
color: #fff;
font-weight: bold;
}

.link li a:hover{
opacity: .5;
}

@media screen and (max-width: 639px) {
  .link li{
    display:block;
    margin-bottom: 20px;
  }
  
  .attestWrap .attest-body{
    /*
    height: 100%;
    overflow-y: scroll;*/
  }
}