* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; overflow: hidden;}
body {text-align: center; font-family: 'proxima-nova', Helvetica; background: #4690d7;}
#container {height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
#go {position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index: 10;}
#cover {position: absolute; width: 100%; height: 100%; background: url('/videos/index_bg.jpg') no-repeat center bottom; background-size: cover; z-index: 2;}
#bgVideo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; z-index: 3;}
#tm {position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 4;}
#slogan {position: relative; display: inline-block; top: 50%; transform: translateY(-60%); z-index: 5; padding: 0 20px;}
#slogan img {width: 100%;}
#slogan span {display: block; color: #FFF; border: 1px solid #FFF; font-size: 14px; margin: 40px auto 0 auto; width: 140px; height: 46px; line-height: 46px;}

@media screen and (max-width:959px) {
#slogan {top: 26%;}
#slogan span {font-size: 14px; margin: 20px auto 0 auto; width: 120px; height: 36px; line-height: 36px;}
}