@charset "utf-8";
/* CSS Document */
#do-header { position: relative; z-index: 902; }

.parallax { position: absolute; width: 100%; overflow: hidden; height: 75vw; }

.bcg {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px; 
	width: 100%;
	margin: 0 auto; 
	position: absolute; 
	overflow: hidden;
}

.hsContainer {
	width: 100%;
  	height: 600px;
  	margin: 0 auto;
}

.hsContent { position: relative; text-align: center; height: 100%; }
.hsContent img { height: 100%; width: auto; display: block; margin: 0 auto; }

.scrollUp {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -33px;
  z-index: 999;
  background: url('/PJ/images/parallax_btnScroll.png') no-repeat 0 0;
  width: 0px;
  height: 34px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	display: none;
}
.scrollDown {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -33px;
  z-index: 10;
  background: url('/PJ/images/parallax_btnScroll.png') no-repeat 0 0;
  width: 0px;
  height: 34px;
  cursor: pointer;
}

.bcg { background-size:auto; background-position: center center; }
.parallax.second { height:600px; min-height:600px; }
.fullBleed { height:600px; min-height:600px; }
.hsContent { width:980px; margin:0 auto; height:600px; min-height:600px; }
.hsContent img { width:auto; height:auto; min-height:0; }
.hsContainer { height:auto; }