/* Chapter Three
############################ */

/* Ch3 Panel1 */
#ch3-1-bg {
  background: url(../images/Chapter3/part1/Panel1.jpg) center no-repeat;
  background-size:contain;
  top:0px;
}
#ch3-1-text1-trigger {
  position:absolute;
  top:50%;
  width:100%;  
}
#ch3-1-end-trigger {
  position:absolute;
  bottom:0%;
  width:100%;  
}

/* Ch3 Panel2 to 6 */
#ch3-3-trigger {
  position:absolute;
  top:15%;
  width:100%;
}
#ch3-4-trigger {
  position:absolute;
  top:33%;
  width:100%;
}
#ch3-5-trigger {
  position:absolute;
  top:51%;
  width:100%;
}
#ch3-6-trigger {
  position:absolute;
  top:69%;
  width:100%;
}
#ch3-7-trigger {
  position:absolute;
  top:87%;
  width:100%;
}
#ch3-3-bg,
#ch3-4-bg,
#ch3-5-bg,
#ch3-6-bg,
#ch3-7-bg {    
  position:absolute;
  top:0px;
  opacity:0;
}
#ch3-2-bg {
  background: url(../images/Chapter3/part1/Panel2.jpg) center no-repeat;
  background-size:contain;
  top:0px;
}
#ch3-3-bg {
  background: url(../images/Chapter3/part1/Panel3.jpg) center no-repeat;
  background-size:contain;
}
#ch3-4-bg {
  background: url(../images/Chapter3/part1/Panel4_BG.jpg) center no-repeat;
  background-size:contain;
}
#ch3-5-bg {
  background: url(../images/Chapter3/part1/Panel5.jpg) center no-repeat;
  background-size:contain;
}
#ch3-6-bg {
  background: url(../images/Chapter3/part1/Panel6.jpg) center no-repeat;
  background-size:contain;
}
#ch3-7-bg {
  background: url(../images/Chapter3/part1/Panel7.jpg) center no-repeat;
  background-size:contain;
}

#ch3-4-fg {  
  /*2000x1125*/
  position:absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url(../images/Chapter3/part1/Panel4_FG.png) center bottom no-repeat;
  background-size:contain;
}

/* Ch3 Part2 Panel 1 to 4 */
#ch3-22-trigger {
  position:absolute;
  top:25%;
  width:100%;
}
#ch3-23-trigger {
  position:absolute;
  top:50%;
  width:100%;
}
#ch3-24-trigger {
  position:absolute;
  top:75%;
  width:100%;
}
#ch3-22-bg,
#ch3-23-bg,
#ch3-24-bg {    
  position:absolute;
  top:0px;
  opacity:0;
}
#ch3-21-bg {
  background: url(../images/Chapter3/part2/Panel1.jpg) center no-repeat;
  background-size:contain;
  top:0px;
}
#ch3-22-bg {
  background: url(../images/Chapter3/part2/Panel2.jpg) center no-repeat;
  background-size:contain;
}
#ch3-23-bg {
  background: url(../images/Chapter3/part2/Panel3.jpg) center no-repeat;
  background-size:contain;
}
#ch3-24-bg {
  background: url(../images/Chapter3/part2/Panel4.jpg) center no-repeat;
  background-size:contain;
}
#ch3-24-oink {
  /*700x244*/  
  position:absolute;
  top: 0%;
  right: 0%;
  width: 50%;
  height: 31.022%;
  background: url(../images/Chapter3/part2/Panel4_oink.png) center bottom no-repeat;
  background-size:contain;
}

/* Ch3 Part3 Panel1 */
#ch3-31-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel1.jpg) center no-repeat;
  background-size:contain;
  top:0px;
}
#ch3-31-text1-trigger {
  position:absolute;
  top:50%;
  width:100%;  
}
#ch3-31-end-trigger {
  position:absolute;
  bottom:0%;
  width:100%;  
}

/* Ch3 Part3 Panel 2 to 7 */
#ch3-33-trigger {
  position:absolute;
  top:15%;
  width:100%;
}
#ch3-34-trigger {
  position:absolute;
  top:33%;
  width:100%;
}
#ch3-35-trigger {
  position:absolute;
  top:51%;
  width:100%;
}
#ch3-36-trigger {
  position:absolute;
  top:69%;
  width:100%;
}
#ch3-37-trigger {
  position:absolute;
  top:87%;
  width:100%;
}
#ch3-33-bg,
#ch3-34-bg,
#ch3-35-bg,
#ch3-36-bg,
#ch3-37-bg {    
  position:absolute;
  top:0px;
  opacity:0;
}
#ch3-32-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel2.jpg) center no-repeat;
  background-size:contain;
  top:0px;
}
#ch3-33-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel3.jpg) center no-repeat;
  background-size:contain;
}
#ch3-34-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel4.jpg) center no-repeat;
  background-size:contain;
}
#ch3-35-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel5.jpg) center no-repeat;
  background-size:contain;
}
#ch3-36-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel6.jpg) center no-repeat;
  background-size:contain;
}
#ch3-37-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel7.jpg) center no-repeat;
  background-size:contain;
}

/* Ch3 Part3 Panel8 */
#ch3-38-bg {
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel8-stars.jpg) center no-repeat;
  background-size:contain;
  top:0px;
}
#ch3-38-tree {    
  position:absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel8_trees.png) center no-repeat;
  background-size:contain;
}
#ch3-38-moon { 
  /*1232x1180*/   
  position:absolute;
  bottom: 50%;
  left: 20%;
  width: 61.6%;
  height: 63.71%;
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel8-moon.png) center no-repeat;
  background-size:contain;
}
#ch3-38-kids { 
  /*2000x905*/   
  position:absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 48.866%;
  background: url(../images/Chapter3/part3/Chapter3_Part3_Panel8-kids.png) center no-repeat;
  background-size:contain;
}
#ch3-38-text1-trigger {
  position:absolute;
  top:50%;
  width:100%;  
}
#ch3-38-end-trigger {
  position:absolute;
  bottom:0%;
  width:100%;  
}