@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px}

#wrapper {
	width:100%;
	margin: 0 auto; position:relative; height:auto; position:relative; overflow-x:hidden; 
}

.clear {clear:both}
.header {width:100%; height:130px; margin:0 auto}
.navi {
	left: 49%;
margin-left: -125px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}


.logo{ left: 49%;
margin-left: 670px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:1010px; visibility:visible}

.logo1{ left: 49%;
margin-left: -375px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:20px; visibility:visible}

.footer {width:1024px; height:45px; background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:12px; float:left}
.footer {width:100%; height:41px; margin:0 auto; }

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}



.main_content {width:100%; height:735px; margin-left:auto; margin-right:auto}

.main_content1 {width:100%; height:1055px; margin-left:auto; margin-right:auto}
.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1175px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}

.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1175px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}

.gallery {width:834px; height:auto; position:absolute; left:45%; margin-left:-310px; top:215px}
.gallery1 {width:834px; height:auto; position:absolute; left:45%; margin-left:-310px; top:215px}

.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 855px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}





.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:1024px; z-index:1001; left:45%; margin-left:-420px
}


.fruit {width:210px; height:30px; position:absolute; left:45%; margin-left:-10px;color: #000;font-family: "Open Sans"; font-size: 14px; top:145px; font-weight:bold}


@media screen and (max-width: 1440px) {

.logo{ left: 49%;
margin-left: 550px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:900px; visibility:visible}

}


@media screen and (max-width: 1366px) {
	
	.logo{ left: 49%;
margin-left: 530px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:850px; visibility:visible}

	

	}


@media screen and (max-width: 1280px) {
		.logo{ left: 49%;
margin-left: 500px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:800px; visibility:visible}



}


@media screen and (max-width: 1024px) {

		.logo{ left: 49%;
margin-left: 360px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:650px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:934px; z-index:3; left:45%; margin-left:-420px
}



.main_content {width:100%; height:735px; margin-left:auto; margin-right:auto}
.gallery {width:834px; height:auto; position:absolute; left:45%; margin-left:-335px; top:215px}
.gallery1 {width:834px; height:auto; position:absolute; left:45%; margin-left:-335px; top:215px}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 855px;
    width:934px; z-index:3; left:45%; margin-left:-420px
}




.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:934px; z-index:1001; left:45%; margin-left:-420px
}


.fruit {width:210px; height:30px; position:absolute; left:45%; margin-left:-10px;color: #000;font-family: "Open Sans"; font-size: 14px; top:145px; font-weight:bold}


	}

@media screen and (max-width: 768px) {
		.logo{ left: 49%;
margin-left: 260px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:450px; visibility:visible}
.navi {
	left: 49%;
margin-left: -245px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:47px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}
.logo1{ left: 49%;
margin-left: -345px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:20px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:720px; z-index:3; left:45%; margin-left:-318px
}



.main_content {width:100%; height:935px; margin-left:auto; margin-right:auto}
.gallery {width:800px; height:auto; position:absolute; left:45%; margin-left:-280px; top:215px}
.gallery1 {width:800px; height:auto; position:absolute; left:45%; margin-left:-280px; top:215px}

.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1005px;
    width:720px; z-index:3; left:45%; margin-left:-318px
}


.main_content1 {width:100%; height:1255px; margin-left:auto; margin-right:auto}
.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1335px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}


.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:724px; z-index:1001; left:45%; margin-left:-318px
}


.fruit {width:210px; height:30px; position:absolute; left:45%; margin-left:-40px;color: #000;font-family: "Open Sans"; font-size: 14px; top:148px; font-weight:bold}


	}


@media screen and (max-width: 600px) {
			.logo{ left: 49%;
margin-left: 200px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:350px; visibility:visible}

	.navi {
	left: 49%;
margin-left: -255px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:47px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}
.logo1{ left: 49%;
margin-left: -275px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:1003; top:20px; visibility:visible}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:550px; z-index:3; left:45%; margin-left:-250px
}


.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:550px; z-index:1001; left:45%; margin-left:-250px
}


.main_content {width:100%; height:975px; margin-left:auto; margin-right:auto}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1035px;
    width:550px; z-index:3; left:45%; margin-left:-250px
}

.gallery {width:600px; height:auto; position:absolute; left:45%; margin-left:-250px; top:215px}
.gallery1 {width:600px; height:auto; position:absolute; left:45%; margin-left:-250px; top:215px}




.fruit {width:210px; height:30px; position:absolute; left:45%; margin-left:-40px;color: #000;font-family: "Open Sans"; font-size: 14px; top:145px; font-weight:bold}

	}

@media only screen and (max-width : 480px) {

	.navi {
	left: 49%;
margin-left: -175px;
position: absolute;
text-align: center; width:450px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:47px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:440px; z-index:3; left:45%; margin-left:-197px
}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1325px;
    width:440px; z-index:3; left:45%; margin-left:-197px
}


.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:440px; z-index:1001; left:45%; margin-left:-197px
}
.main_content1 {width:100%; height:1575px; margin-left:auto; margin-right:auto}
.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1655px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}


.main_content {width:100%; height:1255px; margin-left:auto; margin-right:auto}
.gallery {width:480px; height:auto; position:absolute; left:45%; margin-left:-190px; top:215px}
.gallery1 {width:480px; height:auto; position:absolute; left:45%; margin-left:-190px; top:215px}

.logo1{ left: 49%;
margin-left: -215px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:1003; top:20px; visibility:visible}



.fruit {width:210px; height:30px; position:absolute; left:45%; margin-left:-10px;color: #000;font-family: "Open Sans"; font-size: 14px; top:145px; font-weight:bold}


	}

@media only screen and (max-width : 320px) {
	.navi {
	left: 49%;
margin-left: -45px;
position: absolute;
text-align: center; width:280px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:27px; visibility:visible
}
	

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:440px; z-index:3; left:45%; margin-left:-197px
}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1815px;
    width:440px; z-index:3; left:45%; margin-left:-197px
}


.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:440px; z-index:1001; left:45%; margin-left:-197px
}


.main_content {width:100%; height:1750px; margin-left:auto; margin-right:auto}
.gallery {width:320px; height:auto; position:absolute; left:45%; margin-left:-125px; top:215px}
.gallery1 {width:320px; height:auto; position:absolute; left:45%; margin-left:-125px; top:215px}



.fruit {width:210px; height:30px; position:absolute; left:45%; margin-left:-60px;color: #000;font-family: "Open Sans"; font-size: 14px; top:150px; font-weight:bold}

.logo1{ left: 49%;
margin-left: -135px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:1003; top:20px; visibility:visible}

.main_content1 {width:100%; height:2385px; margin-left:auto; margin-right:auto}
.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 2455px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}



}