/* top */

#main {
  position: absolute;
  top: 0;
  left: 0;
}

#container {
  background: url(../img/bg_container.jpg) no-repeat 50% top;
}

#noflash {
  min-height: 700px;
}

#noflash h1 {
  margin: 80px 50px 90px;
}

#logo_object {
  position: absolute;
  top: 146px;
  left: 619px;
  width: 211px;
  height: 212px;
  background: url(../img/img_logo_object.png) no-repeat 0 0;
}

#getflash {
  margin: 0 50px;
  font-size: 12px;
  line-height: 2.4;
}

#getflash i {
  font-style: normal;
  color: #7f292e;
  text-decoration: underline;
}

#getflash .link {
  margin: 10px 0;
}

#btn_vision {
  position: absolute;
  top: 475px;
  left:426px;
}

#pv_vision {
  z-index: 400;
  position: absolute;
  top: 20px;
  left:0;
  border: none;
  display: none;
}

#pv_ctrl {
  z-index: 500;
  position: absolute;
  top: 20px;
  left:0;
  width: 960px;
  height: 540px;
  display: none;
  transition: 0.3s ease-in-out;
  transition-delay: 3s;
  opacity:0;
}

#pv_ctrl:hover {
  transition-delay: 0s;
  opacity:1.0;
}

#btn_capt, #btn_play {
  position: relative;
  top: 480px;
  left: 457px;
  width: 46px;
  height: 30px;
  border: none;
  display: none;
  opacity:0.4;
}

#btn_capt:hover, #btn_play:hover {
  opacity:0.8;
}

#capt1, #capt2, #capt3, #capt4 {
  z-index: 500;
  position: absolute;
  top: 50px;
  left: 40px;
  border: none;
  display: none;
  font-size: 16px;
  font-family: serif;
  color: #ffffff;
  line-height: 1.3em;
  text-shadow:
    1px 1px #000000,
    1px -1px #000000,
    -1px 1px #000000,
    -1px -1px #000000;
}

#capt1 p, #capt2 p, #capt3 p, #capt4 p {
  margin-bottom:14px;
}

#h2cn1, #h2cn2, #h2cn3, #h2cn4 {
  z-index: 500;
  position: absolute;
  top: 485px;
  left: 520px;
  border: none;
  display: none;
}

.chapt {
  margin: 0px;
  font-size: 12px;
  font-family: serif;
  color: #ffffff;
  text-shadow:
    1px 1px #000000,
    1px -1px #000000,
    -1px 1px #000000,
    -1px -1px #000000;
}

.concept {
  margin: 0px;
  font-size: 22px;
  font-family: serif;
  color: #ffffff;
  text-shadow:
    1px 1px #000000,
    1px -1px #000000,
    -1px 1px #000000,
    -1px -1px #000000;
}

#btn_closemv {
  z-index: 300;
  position: absolute;
  top: 20px;
  left: 960px;
  display: none;
}

#btn_closemv:hover {
  animation: roll_cs 3s ease-in-out 0s infinite normal;
  -webkit-animation: roll_cs 3s ease-in-out 0s infinite normal;
}

@keyframes roll_cs {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(1080deg);}
  100% {transform:rotate(1080deg);}
}

@-webkit-keyframes roll_cs {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(1080deg);}
  100% {transform:rotate(1080deg);}
}

#news {
  position: fixed;
  bottom: 70px;
  z-index: 300;
  width: 100%;
  padding-left: 30px;
  padding-bottom: 10px;
}

#news_head {
  width: 70px;
  float:left;
}

a:hover {
  cursor: pointer;
}