/*TAB1*/
.content.tab1,
.content.tab2,
.content.tab3{
	height: 665px;
	top: 0px;
	margin-top: 0px;
}
.content.tab1 .content_nav .sections,
.content.tab2 .content_nav .sections{
	height: 1330px;
}
.content.tab1 .content_nav .sections > li:nth-child(1),
.content.tab2 .content_nav .sections > li:nth-child(1){
	top: 0px;
}
.content.tab1 .content_nav .sections > li:nth-child(2),
.content.tab2 .content_nav .sections > li:nth-child(2){
	top: 665px;
}
.content.tab1 .content_nav .sections > li .page.page1{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-37.png');
    background-position: 152px 75px;
}
.content.tab1 .content_nav .sections > li .page.page2{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-38.png');
	background-position: bottom center;
}
.content.tab1 .page > p,
.content.tab2 .page > p,
.content.tab4 p,
.content.tab5 > p{
	color: white;
	font-size: 1.56em;
	font-style: italic;
	text-align: center;
	position: absolute;
}
.content.tab1 .page1 p{
	color: #683B11;
    top: 92px;
    left: 175px;
}
.content.tab1 .page2 > p:nth-child(2){
    top: 99px;
    left: 94px;
}
.content.tab1 .page2 > p:nth-child(3){
    top: 286px;
    left: 797px;
}
.content.tab1 .page2 .btn_popup{
	position: absolute;
    top: 188px;
    left: 1021px;
}
.content.tab1 .page2 .btn_popup p{
    font-size: 1.44em;
    color: #5d5d5d;
    font-style: italic;
    position: absolute;
    top: 18px;
    left: 68px;
}
.item_popup{
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-40.png');
	width: 614px;
	height: 456px;
}
.item_popup p{
    color: white;
    font-size: 1.75em;
    font-style: italic;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 273px;
}
.item_popup .icon_close_button{
	top: 200px;
}
/*TAB2*/
.content.tab2 .content_nav .sections > li .page.page1{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-41.png');
}
.content.tab2 .content_nav .sections > li .page.page2{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-42.png');
}
.content.tab2 .page p{
    width: 494px;
    left: 144px;
    font-style: normal;
}
.content.tab2 .page1 p:nth-child(2){
	color: #683B11;
	top: 176px;
}
.content.tab2 .page1 p:nth-child(3){
	color: #930C0C;
	top: 388px;
}
.content.tab2 .page1 p:nth-child(4){
    left: 660px;
    top: 451px;
	color: #5d5d5d;
	font-style: italic;
}
.content.tab2 .page2 p:nth-child(2){
	color: #930C0C;
	top: 282px;
}
/*TAB3*/
.content.tab3{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-43.png');
}
.content.tab3 audio,
.content.tab4 audio{
    width: 331px;
    position: absolute;
    top: 547px;
}
.content.tab3 audio:nth-child(2){
	left: 280px;
}
.content.tab3 audio:nth-child(3){
	left: 742px;
}
.content.tab3 .btn,
.content.tab4 .btn{
	position: absolute;
	top: 520px;
    width: 85px;
    height: 85px;	
}
.content.tab3 .btn1{
	left: 191px;
}
.content.tab3 .btn2{
	left: 651px;
}
.content.tab3 .btn.played:before,
.content.tab4 .btn.played:before{
	content: url('../img/act2/SB_S_G10_U03_L09act2-47.png');
	position: absolute;
    top: -2px;
    left: -3px;
	width: 91px;
	height: 91px;
	-webkit-animation: appear 1s;
	-webki-animation-iteration-count: infinite;
	-moz-animation: appear 1s;
	-moz-animation-iteration-count: infinite;
	animation: appear 1s;
	animation-iteration-count: infinite;
}
.content.tab3 .btn.played:after,
.content.tab4 .btn.played:after{
	content: url('../img/act2/SB_S_G10_U03_L09act2-46.png');
	position: absolute;
    top: -6px;
    left: -6px;
	width: 99px;
	height: 100px;
	-webkit-animation: appear 1s;
	-webki-animation-iteration-count: infinite;
	-moz-animation: appear 1s;
	-moz-animation-iteration-count: infinite;
	animation: appear 1s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes appear {
    from {opacity: 1;}
    to {opacity: 0;}
}
@keyframes appear {
    from {opacity: 1;}
    to {opacity: 0;}
}
/*TAB4*/
.content.tab4{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-51.png');
	margin-top: 0px;
}
.content.tab4 p{
	color: black;
    text-align: left;
    top: 83px;
    left: 812px;
    font-size: 1.44em;
}
.content.tab4 ul{
    font-size: 1.25em;
    color: #333333;
    position: absolute;
    top: 279px;
    left: 462px;
}
.content.tab4 ul li{
	margin-bottom: 18px;
}
.content.tab4 ul li:nth-child(2){
	margin-bottom: 28px;
}
.content.tab4 textarea{
    width: 407px;
    height: 313px;
    font-size: 1.44em;
    position: absolute;
    top: 239px;
    left: 793px;
}
.content.tab4 audio{
    top: 471px;
    left: 159px;
}
.content.tab4 .btn{
    top: 440px;
    left: 61px;
}
/*TAB5*/
.content.tab5{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-52.png');
}
.content.tab5 > p{
	color: black;
    text-align: left;
    top: 54px;
    left: 906px;
    font-size: 1.44em;
}
.content.tab5 .btn{
	position: absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.content.tab5 .btn.right{
	cursor: default;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-53.png');
}
.content.tab5 .btn1,
.content.tab5 .btn2{
	top: 223px;
}
.content.tab5 .btn1{
	left: 288px;
}
.content.tab5 .btn2{
	left: 329px;
}
.content.tab5 .btn3{
	left: 450px;
    top: 222px;
}
.content.tab5 .btn4{
    left: 521px;
    top: 219px;
}
.content.tab5 .btn5{
	top: 294px;
	left: 356px;
}
.content.tab5 .btn6{
	left: 446px;
    top: 300px;
}
.content.tab5 .btn7{
    top: 178px;
    left: 559px;
}
.content.tab5 .btn8{
    top: 258px;
    left: 485px;
}
.content.tab5 .btn9{
    top: 347px;
    left: 403px;
}
.content.tab5 .btn10{
	top: 382px;
    left: 373px;
}
.content.tab5 .btn11{
    top: 421px;
    left: 335px;
}
.item_popup.item2{
	background-image: url('../img/act2/SB_S_G10_U03_L09act2-54.png');
	width: 802px;
	height: 653px;
}
.item_popup.item2 .icon_close_button{
	right: 10px;
	top: -23px;
}
.item_popup.item2 p:nth-child(2){
    top: -8px;
    left: 44px;
    font-style: normal;
    text-align: left;
    font-size: 1.56em;
}
.item_popup.item2 p:nth-child(5){
    top: 488px;
    left: 280px;
    width: 404px;
    font-size: 1.63em;
}
.item_popup.item2 p:nth-child(4){
    color: #A65728;
    top: 375px;
    text-align: left;
    left: 125px;
    font-size: 1.63em;
}
.item_popup.item2 textarea{
    top: 176px;
    left: 61px;
    width: 663px;
    height: 204px;
    font-size: 1.56em;
}
.item_popup.item2 textarea::-webkit-input-placeholder {
   color: white;
}

.item_popup.item2 textarea:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

.item_popup.item2 textarea::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

.item_popup.item2 textarea:-ms-input-placeholder {  
   color: white;  
}
.item_popup.item2 .buttons{
    position: absolute;
    top: 482px;
    left: 80px;
    width: 32px;
    height: 166px;
}
.item_popup.item2 .buttons div{
	width: 32px;
	height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 2px;
}
.item_popup.item2 .buttons div.right{
    background: #2CBA9A;
}
.content.tab5 .btn_restart{
    position: absolute;
    text-align: center;
    top: 260px;
    left: 1120px;
}
.content.tab5 .btn_restart p{
    display: inline-block;
    font-size: 1.38em;
    color: #5d5d5d;
    font-style: italic;
}
