.scrollblock{
	width:100%;
	height: 100%;
	/*overflow: hidden;*/
	position: relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	/*cursor: url("../img/summer/mouse.png") 50 50, crosshair;*/

}
.scrollblock-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-size:auto 140%;
	background-position:top center;
	background-repeat:no-repeat;
}


	
.scrollblock h1{
	
	z-index:100;
}


	#section1{
		background-color: #f7941e;
		
	}
	
		
	#section2{
		background-color: #F77E00;
		background-image:url("../img/cover-home-carousel.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
	#section3{
		background-color: #4C6872;
		background-image:url("../img/cover-home-delight.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
	#section4{
		background-color: #AEE135;
		background-image:url("../img/cover-home-fisher.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
	#section5{
		background-color: #79D9E1;
		background-image:url("../img/cover-home-voyage.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
	#section6{
		background-color: #A473A3;
		background-image:url("../img/cover-home-musicbox.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
	#section7{

 		/*background-image: -ms-linear-gradient(top, #f7931d 0%, #f7931d 30%, #F68537 70%, #F68537 100%); 
		background-image: -moz-linear-gradient(top, #f7931d 0%, #f7931d 30%, #F68537 70%, #F68537 100%); 
		background-image: -o-linear-gradient(top, #f7931d 0%, #f7931d 30%, #F68537 70%, #F68537 100%); 
		background-image: -webkit-linear-gradient(top, #f7931d 0%, #f7931d 30%, #F68537 70%, #F68537 100%); 
		background-image: linear-gradient(top, #f7931d 0%, #f7931d 30%, #F68537 70%, #F68537 100%); */

		/*background-image:url("../img/summer/bg/06.jpg");*/
		  background-image: url(../img/cover-home-carouse7.jpg);
		  background-repeat: no-repeat;
		  /*background-attachment: fixed;*/
		  background-position: center bottom;
		 /* background-size: contain;*/
		  background-color: #e82428;
	}
	
	#section8{
		/*background-color: #FF1C4E;*/
		/*background-image:url("../img/summer/bg/07.jpg");*/
		/*background-image: -webkit-linear-gradient(#F68537 0%, #F68537 30%, #f36f4f 70%, #f36f4f 100%);
		background-image: -o-linear-gradient(#F68537 0%, #F68537 30%, #f36f4f 70%, #f36f4f 100%);
		background-image: linear-gradient(#F68537 0%, #F68537 30%, #f36f4f 70%, #f36f4f 100%);   */
		  background-image: url(../img/cover-home-carouse7.jpg);
		  background-repeat: no-repeat;
		  /*background-attachment: fixed;*/
		  background-position: center bottom;
		 /* background-size: contain;*/
		  background-color: #e82428;		


	}
	
	
/* mobile */
.touch h1.pin {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

}

.touch h1.pin ul.data-list li span {
	background: rgba(247,148,30,0.7);
	cursor: pointer;
	padding: 10px;
	line-height: 1;
	font-size: 1em;
	display: inline-block;
}
.touch #section7 h1.pin ul.data-list span:nth-child(2){
	border-bottom: solid 3px white;
}

.touch h1.pin ul.data-list li:hover span {
	border-radius:0;
}

h1.pin {
	font-family: "nexabold";
	font-size: 20px;
	margin-left: 25px;
	line-height: 1.0em;
	position: relative;
}
  #section7 .tableCell h1.pin,#section8 .tableCell h1.pin {
	font-size: 16px;
	line-height: 1em;

}
h1.pin > span:nth-child(1){
	font-family: "nexalight";
}
#section7 .tableCell h1.pin > span:nth-child(1),#section8 .tableCell h1.pin > span:nth-child(1){
  width: 145px;
  display: inline-block;
  text-align: right;
  padding-right: 20px;
  float: left;
  height: 100px;
  margin-left:-10px;
}

.scrollblock h1.pin.for-click,
.scrollblock h1.pin.for-click .data-list {
  width: 100%;
  height: 100%;
  margin: 0!important;
  padding: 0;
  position: absolute!important;
  top: 0;
  left: 0;
}

h1.pin input:focus {
    outline:none
}

h1.pin ul.data-list li span {
	padding: 7px;
	line-height: 1;
	font-size: 0.875em;	
	transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	
}

h1.pin ul.data-list li span {
	background: rgba(247,148,30,0.7);
	cursor: pointer;
	/*border-radius:8px;*/

	transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;

}

@media (min-width: 601px) and (max-width: 770px)  {

	h1.pin {
		font-size: 20px;
		margin-left: 36px;
		line-height: 1em;
	}
#section7 .tableCell h1.pin > span:nth-child(1),#section8 .tableCell h1.pin > span:nth-child(1){
  width: 145px;
  margin-left:-10px;
  }
  #section7 .tableCell h1.pin,#section8 .tableCell h1.pin {
	font-size: 16px;
	line-height: 1em;

}

}

@media (min-width: 771px){
	h1.pin {
		font-size: 35px;
		margin-left: 40px;
		line-height: 1.5em;
	}
#section7 .tableCell h1.pin > span:nth-child(1),#section8 .tableCell h1.pin > span:nth-child(1){
  width: 310px;
  margin-left:0px;
  }
  #section7 .tableCell h1.pin,#section8 .tableCell h1.pin {
	font-size: 35px;
	line-height: 1.5em;

}
}

@-webkit-keyframes blink {
  0%   { background: #0a0 }
  47%  { background: #090 }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #090 }
}

@-moz-keyframes blink {
  0%   { background: #0a0 }
  47%  { background: #090 }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #090 }
}

@-ms-keyframes blink {
  0%   { background: #0a0 }
  47%  { background: #090 }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #090 }
}

@-o-keyframes blink {
  0%   { background: #0a0 }
  47%  { background: #090 }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #090 }
}