@charset "UTF-8";

/*==============================================================================
*
* contentID: TK098_001
*
*==============================================================================
*/

#container {
  width: 100%;
  height: 100%;
  padding: 0;
}

#guide {
  position: absolute;
}
#guide img:nth-child(1){
  position: absolute;
  top: 239px;
  left: 477px;
}
#guide img:nth-child(2){
  position: absolute;
  top: 239px;
  left: 942px;
  display: none;
}
#guide img:nth-child(3){
  position: absolute;
  top: 552px;
  left: 477px;
}
#guide img:nth-child(4){
  position: absolute;
  top: 552px;
  left: 942px;
  display: none;
}

#stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 1024px;
  height: 648px;
  /* 5F9AB3*/
  /*background-image: url(../img/bg.png);*/
}

#radio-buttons-1 {
  position: absolute;
  top: 68px;
  left: 62px;
}
#radio-buttons-1 .radio {
  margin-bottom: 22px;
}
#playback-button-1 {
  position: absolute;
  top: 224px;
  left: 50px;
}
#checkbox-1 {
  position: absolute;
  top: 149px;
  left: 560px;
}

#radio-buttons-2 {
  position: absolute;
  top: 382px;
  left: 62px;
}
#radio-buttons-2 .radio {
  margin-bottom: 22px;
}
#playback-button-2 {
  position: absolute;
  top: 540px;
  left: 50px;
}
#checkbox-2 {
  position: absolute;
  top: 463px;
  left: 560px;
}

#radio-buttons {
  position: absolute;
  top: 582px;
  left: 60px;
  width: 300px;
}

#radio-buttons .radio {
  float: left;
  width: 50%;
}

.play {
  padding-left: 20px;
  background-image: url(../img/play.png);
  background-size: 16px;
  background-position: 16px center;
}

.play.down {
  background-image: url(../img/play_down.png);
}

.play.disabled,
.play[disabled="disabled"] {
  background-image: url(../img/play_disabled.png);
}

.play.pause {
  padding-left: 20px;
  background-image: url(../img/pause.png);
  background-size: 14px;
  background-position: 16px center;
}

.play.pause.down {
  background-image: url(../img/pause_down.png);
}

.play.pause.disabled,
.play.pause[disabled="disabled"] {
  background-image: url(../img/pause_disabled.png);
}

#reset-button {
  position: absolute;
  bottom: 20px;
  right: 30px;
  padding-left: 32px;
  background-image: url(../img/repeat.png);
  background-size: 16px;
  background-position: 14px center;
}

#reset-button.down {
  background-image: url(../img/repeat_down.png);
}

#reset-button.disabled,
#reset-button[disabled="disabled"] {
  background-image: url(../img/repeat_disabled.png);
}