@charset "utf-8";

#navr {position:fixed; z-index:99; list-style-type:none; right:10px; top:50%; margin-top:-120px;}
#navr  li {margin:12px; text-align:right}
#navr .navr_ico {display:inline-block;zoom:1;vertical-align:middle;width:60px;height:60px;}
#navr .navr_text {font-size: 22px; color:#fff; display:none; margin-right: 15px;}
#navr  li:hover .navr_text {display:inline}
#navr  li a {opacity: 0.75; text-decoration: none;}
#navr  li:hover a {opacity: 1}
#navr  li a.on {opacity: 1}
#navr #navr1 .navr_ico {background: url('/inc/img/main_ico_1.png') no-repeat top left;}
#navr #navr2 .navr_ico {background: url('/inc/img/main_ico_2.png') no-repeat top left;}
#navr #navr3 .navr_ico {background: url('/inc/img/main_ico_3.png') no-repeat top left;}
#navr #navr4 .navr_ico {background: url('/inc/img/main_ico_4.png') no-repeat top left;}

.chapter {position: relative; width: 100%;  height: 1400px; margin: 0px; padding: 0; z-index: 1; overflow:hidden; color: #fff; text-shadow:2px 2px 3px black; display: table;}
.chapter h1 {font-size:65px; line-height: 80px; text-align: center;}
.chapter p, .chapter li  {font-size:25px; line-height: 30px; text-align: center;}
.chapter p {padding-bottom: 20px;}
.chapter li {list-style: disc;}
.chapter A {color: #fff; text-decoration: underline;}

#ch1_1,#ch1_2,#ch1_3,#ch1_4 {background-size:cover;}
#ch1_1 {background:url(/inc/img/promo1.jpg) 50% 0 no-repeat fixed; z-index:90; margin-top: -85px;}
#ch1_2 {background:url(/inc/img/promo2.jpg) 50% 0 no-repeat fixed;}
#ch1_3 {background:url(/inc/img/promo3.jpg) 50% 0 no-repeat fixed;z-index:80;}
#ch1_4 {background:url(/inc/img/promo4.jpg) 50% 0 no-repeat fixed;}

@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone only */
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
        background-attachment: scroll;
		}    
}

.chapter_box {display: table-cell; vertical-align: middle;}
.chapter_inbox_1 {width: 80%; padding: 0 10%;}
.chapter_inbox_2 {width: 80%; padding: 0 10%;}
.chapter_inbox_3 {width: 80%; padding: 0 10%;}
.chapter_inbox_4 {width: 80%; padding: 0 10%;}

.arr {display:block; width:60px; height:60px; background: url('/inc/img/arr_down.png'); margin: 0px; bottom: 10%; position:absolute; left:50%; margin-left:-30px; z-index: 99999;}

@media screen and (orientation:portrait) {
	#ch1_1,#ch1_2,#ch1_3,#ch1_4 
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (orientation:landscape) {
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		-ms-background-size: 100% auto;
		}
	}

@media screen and (max-height: 400px) {
	.chapter {height: 400px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 400px) and (max-height: 500px) {
	.chapter {height: 500px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 500px) and (max-height: 600px) {
	.chapter {height: 600px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 600px) and (max-height: 700px) {
	.chapter {height: 700px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 700px) and (max-height: 800px) {
	.chapter {height: 800px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 800px) and (max-height: 900px) {
	.chapter {height: 900px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 900px) and (max-height: 1000px) {
	.chapter {height: 1000px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 1000px) and (max-height: 1100px) {
	.chapter {height: 1100px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 1100px) and (max-height: 1200px) {
	.chapter {height: 1200px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 1200px) and (max-height: 1300px) {
	.chapter {height: 1300px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		}
	}

@media screen and (min-height: 1300px) and (max-height: 1400px) {
	.chapter {height: 1400px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (min-height: 1400px) and (max-height: 1500px) {
	.chapter {height: 1500px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (min-height: 1500px) and (max-height: 1600px) {
	.chapter {height: 1600px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (min-height: 1600px) and (max-height: 1700px) {
	.chapter {height: 1700px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (min-height: 1700px) and (max-height: 1800px) {
	.chapter {height: 1800px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (min-height: 1800px) and (max-height: 1900px) {
	.chapter {height: 1900px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (min-height: 1900px) {
	.chapter {height: 2000px;}
	#ch1_1,#ch1_2,#ch1_3,#ch1_4
		{
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
   	-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		}
	}

@media screen and (max-width: 740px) {
	#navr {display: none; visibility: hidden;}
	#ch1_1 {margin-top: 0px;}
	}

@media screen and (min-width: 640px) and (max-width: 840px) {
	.chapter h1 {font-size:47px; line-height: 60px;}
	.chapter p  {font-size:22px; line-height: 26px;}
	}

@media screen and (min-width: 540px) and (max-width: 640px) {
	.chapter h1 {font-size:39px; line-height: 50px;}
	.chapter p  {font-size:19px; line-height: 23px;}
	}

@media screen and (min-width: 440px) and (max-width: 540px) {
	.chapter h1 {font-size:31px; line-height: 40px;}
	.chapter p  {font-size:16px; line-height: 19px;}
	}

@media screen and (max-width: 440px) {
	.chapter h1 {font-size:23px; line-height: 30px;}
	.chapter p  {font-size:13px; line-height: 15px;}
	}