.marquee {
  width: 100%;
  height: 100vh;
  padding:0.5em 0;
  margin-bottom:10px;
  position:relative;
  z-index: 20;
  font-family: 'Black Ops One', cursive;
}
/*Industry*/
#marquee01 {
  width: 100%;
  position: absolute;
  top: 11%;
  left: 100%;
  font-size: 75px;
  color: rgba(255,255,255,0.5);
  margin:0;
  margin-right: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
	-webkit-animation-name:marquee;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:11s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-direction: reverse;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:11s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-direction: reverse;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:11s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-direction: reverse;
	-o-animation-timing-function:linear;
	-o-animation-duration:11s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
  animation-direction: reverse;
	animation-timing-function:linear;
	animation-duration:11s;
	animation-iteration-count:infinite;
}
/*IoT*/
#marquee02 {
  width: 100%;
  position: absolute;
  top: 27%;
  left: 100%;
  font-size: 100px;
  color: rgba(255,255,255,0.5);
  margin:0;
  margin-left: -120px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:20s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:20s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:20s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
/*Digital Marketing*/
#marquee03 {
  width: 100%;
  position: absolute;
  top: 44%;
  left: 100%;
  font-size: 60px;
  color: rgba(255,255,255,0.5);
  margin:0;
  margin-left: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
/*Commerce*/
#marquee04 {
  width: 100%;
  position: absolute;
  top: 90%;
  left: 100%;
  font-size: 55px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-right: -350px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-direction: reverse;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-direction: reverse;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-direction: reverse;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-direction: reverse;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
/*Sports x Health Care*/
#marquee05 {
  width: 100%;
  position: absolute;
  top: 75%;
  left: 100%;
  font-size: 58px;
  color: rgba(255,255,255,0.6);
  margin:0;
  margin-right: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-direction: reverse;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:20s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-direction: reverse;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:20s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-direction: reverse;
	-o-animation-timing-function:linear;
	-o-animation-duration:20s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-direction: reverse;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
/*Logistics*/
#marquee06 {
  width: 100%;
  position: absolute;
  top: 58%;
  left: 100%;
  font-size: 70px;
  color: rgba(255,255,255,0.5);
  margin:0;
  margin-right: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:14s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-direction: reverse;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:14s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-direction: reverse;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:14s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-direction: reverse;
	-o-animation-timing-function:linear;
	-o-animation-duration:14s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-direction: reverse;
	animation-timing-function:linear;
	animation-duration:14s;
	animation-iteration-count:infinite;
}
/*Navigation*/
#marquee07 {
  width: 100%;
  position: absolute;
  top: 53%;
  left: 100%;
  font-size: 38px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-left: -200px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:30s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:30s;
	animation-iteration-count:infinite;
}
/*Autonomous car*/
#marquee08 {
  width: 100%;
  position: absolute;
  top: 84%;
  left: 100%;
  font-size: 38px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-left: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:16s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:16s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:16s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:16s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:16s;
	animation-iteration-count:infinite;
}
/*AR/VR*/
#marquee09 {
  width: 100%;
  position: absolute;
  top: 4%;
  left: 100%;
  font-size: 50px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-right: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-direction: reverse;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:20s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-direction: reverse;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:20s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-direction: reverse;
	-o-animation-timing-function:linear;
	-o-animation-duration:20s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-direction: reverse;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
/*Game*/
#marquee10 {
  width: 100%;
  position: absolute;
  top: 37%;
  left: 100%;
  font-size: 55px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-left: -10px;
  margin-right: -230px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:8s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-direction: reverse;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:8s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-direction: reverse;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:8s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-direction: reverse;
	-o-animation-timing-function:linear;
	-o-animation-duration:8s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-direction: reverse;
	animation-timing-function:linear;
	animation-duration:8s;
	animation-iteration-count:infinite;
}
/*Map*/
#marquee11 {
  width: 100%;
  position: absolute;
  top: 67%;
  left: 100%;
  font-size: 52px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-left: -160px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:12s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:12s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:12s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:12s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:12s;
	animation-iteration-count:infinite;
}
/*Security x Privacy*/
#marquee12 {
  width: 100%;
  position: absolute;
  top: 22%;
  left: 100%;
  font-size: 40px;
  color: rgba(255,255,255,0.4);
  margin:0;
  margin-left: -300px;
  display:inline-block;
  white-space:nowrap;
  z-index: 20;
  -webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:15s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:15s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:15s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:15s;
	-o-animation-iteration-count:infinite;
  animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:15s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}