body{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
color: inherit;
}
.hdr{
font-family: 'Raleway', sans-serif;
font-size: 1.4em;
color: #fff;
padding: 10px;
text-align: right;
}
.hlab{
font-family: 'Raleway', sans-serif;
font-size: 2em;
font-weight: normal;
color: #fff;
text-align: center;
padding: 20px;
margin: 0;
}
.resv {
display: block;
background: #6BBFFF;
padding: 30px;
color: #fff;
font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", "Trebuchet MS", Arial;
}
.blk{
background:#000000;
}
.content{
display: block;
position: relative;
overflow: hidden;
height: 300px;
margin: 0;
}
.content video, .content canvas{
display: block;
position: relative;
max-height: 500px;
height: 100%;
margin: auto;
}
.content button{
display: block;
position: absolute;
bottom: 20px;
left: 45%;
font-family: 'Raleway', sans-serif;
color: #fff;
margin-bottom: 10px;
background-color: #79BD9A;
padding: 7px 15px;
display: block;
border: none;
border-radius: 2px;
font-size: 14px;
margin-right: 10px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;
z-index: 9999;
}
.content button:hover{
cursor: pointer;
background: #3B8686;
}
.content #new{
display: none;
}
.content #upload{
display: none;
}