#fte {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(0, 0, 0, 0.3);
  opacity: 1;
  transition: opacity 0.5s linear;
}

#fte.finish {
  opacity: 0;
}

.fte-page {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(images/fte_bg.png) 100%;
  font-size: 3.6rem;
  color: white;
  font-style: italic;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.fte-page.hidden {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0.5s;
}

.fte-content-image {
  position: absolute;
  left: calc(50vw - 74.9rem);
  top: calc(50vh - 42.1rem);
  width: 149.8rem;
  height: 84.2rem;
  background: url(images/fte_content_image.png) 100%;
  overflow: visible;
  box-shadow: 0.5rem 1rem 1rem RGBA(0, 0, 0, 0.5);
}

.fte-indicator-p1 {
  position: absolute;
  left: -21.1rem;
  top: -11.9rem;
  width: 192rem;
  height: 108rem;
  background: url(images/fte_indicator_p1.png) 100%;
}

.fte-indicator-p2 {
  position: absolute;
  left: -21.1rem;
  top: -11.9rem;
  width: 192rem;
  height: 108rem;
  background: url(images/fte_indicator_p2.png) 100%;
}

.fte-panel {
  position: absolute;
  bottom: calc(50vh - 42.1rem - 4rem);
  text-align: center;
  width: 100%;
}

.fte-panel > .fte-button {
  width: 30.4rem;
  position: relative;
}

#fte-tvdeck-detail {
  position: relative;
}

.fte-content-image > div {
  position: absolute;
  font-weight: 400;
}

#fte-tvdeck-detail {
  left: 27.7rem;
  top: 15.9rem;
}

#fte-appdeck-detail {
  right: 51.9rem;
  bottom: 16.5rem;
}

#fte-devicedeck-detail {
  left: 84.9rem;
  top: 15.9rem;
}

#fte-browser-detail {
  left: 105.9rem;
  bottom: 16.5rem;
}

#fte-search-detail {
  left: -10.6rem;
  top: -7.2rem;
}

#fte-settings-detail {
  left: 8.7rem;
  top: -7.2rem;
}

#fte-addfolder-detail {
  left: 30.2rem;
  top: -7.2rem;
}

#fte-filter-detail {
  left: -10.6rem;
  bottom: 16.5rem;
}