* {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
	background-color: #FFF;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #999;
}
h1 {
	font-size: 50px;
	font-weight: 400;
	color: #FFF;
	height: 100px;
	width: 1440px;
	position: fixed;
	margin-left: 462px;
	padding-top: 10px;
}

h2 {
	font-size: 140px;
	line-height: 140px;
	font-weight: 400;
	
}
h3 {
	font-size: 90px;
	line-height: 80px;
	font-weight: 400;
	text-align: center;
	
}
h4 {
	font-size: 100px;
	line-height: 90px;
	font-weight: 400;
	text-align: center;
	}

#wrapall {
	position: absolute;
	top: 30%;
    left: 50%;
    width: 900px;
    height: 640px;
    margin-top: -213px; /*set to a negative number 1/2 of your height*/
    margin-left: -450px; /*set to a negative number 1/2 of your width*/
}
#line {
	margin-top: 535px;
	position: absolute;
	z-index: 10
}

#caption {
	font-size: 10px;
	line-height: 14px;
	width: 130px;
	position: absolute;
	z-index: 10;
	margin-left: 366px;
	margin-top: 440px;
	z-index: 10;
}

#play {
	font-size: 12px;
	line-height: 22px;
	position: absolute;
	z-index: 10;
	margin-left: 366px;
	margin-top: 570px;
}

p {
	color: #000;
	text-align: center;
	position: absolute;
	margin-top: -160px;

}
#select {
	color: #000;
}

.vertical-text {
	font-size: 10px;
	line-height: 24px;
	transform: rotate(270deg);
	color: #999;
	position: relative;
}


