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



.mainpic{
	display:block;
	width:100%;
	
	}
.mainpic-m{
	display:none;
	width:100%;
	}

.mainpic-pad{
	display:none;
	width:100%;
	}
	
.linediv{
	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:0px;
	top:320px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}


.linediv img{
	width:80px;}

.joindiv{

	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:80px;
	top:15px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}


.img-230{
	width:230px;}

.img-277{
	width:277px;}


.img-333{
	width:333px;}

.linkdiv{

	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:0px;
	top:300px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}
.fbdiv{
		height: inherit;
	line-height: inherit;
	position:fixed;
	right:0px;
	top:420px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}

.linkdiv-m{
	margin-left:10px;
	display:none;}
	
.fbdiv-m{
	margin-left:10px;
	display:none;}
	
.popup{
	visibility: visible;
	height:100%;
	line-height: inherit;
	position:fixed;
	top:0px;
	z-index:1000000;
	float:left;
	width:100%;
	background-color:rgba(0,0,0,.7);
    text-align:center;
    padding-top:30px}


.mt200{
	margin-top:-500px;}
	
.slide-size{
	width:82%;
	float:left;
	margin-left:10%;}


.slide-txt{
	width:80%;
	float:left;
	margin-left:15%;
	margin-top:80px;
	}


}	

@media (min-width: 821px) and (max-width: 1366px) {
	
	.top{
		margin-top:0px;}
		
    .gallery-main{
	width:90%;
	margin-left:-15px;}
	
	.joindiv{

	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:80px;
	top:7px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}




	
	}



@media screen and (max-width:1180px){
	
	.slide-txt{
	width:80%;
	float:left;
	margin-left:15%;
	margin-top:100px;
	}
	}


	
@media screen and (max-width:820px){
	
		.joindiv{

	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:15px;
	top:15px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}

	}
	
	
	.slide-txt{
	width:80%;
	float:left;
	margin-left:5%;
	margin-top:-160px;
	}		

@media screen and (max-width:1024px){
	
	.linediv{
	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	top:400px;
	visibility: default;
	z-index:1000000;
	visibility:visible;}
	

.linediv img{
	width:100px;}

	}


@media screen and (max-width:1024px){
	.mainpic{
	display:none;
	width:100%;}
.mainpic-m{
	display:none;
	width:100%;
	}

.mainpic-pad{
	display:block;
	width:100%;
	}
}
	
@media screen and (max-width:640px){
	.mainpic{
	display:none;
	width:100%;}
	
	.mainpic-pad{
	display:none;
	width:100%;
	}
	
.mainpic-m{
	display:block;
	width:100%;
	}

	.joindiv{

	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:80px;
	top:7px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}


.gallery-main{
	width:90%;
	margin-left:-80px;
	overflow-x: hidden;}
	

.popup{
	visibility: visible;
	height:100%;
	line-height: inherit;
	position:fixed;
	top:0px;
	z-index:1000000;
	float:left;
	width:90%;
	background-color:rgba(0,0,0,.7);
    text-align:center;
    padding-top:30px;
	left:5%;}
	


.linediv{
	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:10px;
	top:380px;
	visibility: default;
	z-index:1000000;
	visibility:visible;}
	

.linediv img{
	width:50px;}
	
.linkdiv{
	display:none;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	top:20px;
	visibility: default;
	z-index:1000000;
	visibility:visible;}
.fbdiv{
display:none;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	top:60px;
	visibility: default;
	z-index:1000000;
	visibility:visible;}


.linkdiv-m{
	display:block;
	float:right;
	margin-top:-50px;
	padding-right:10px;
}
	
.fbdiv-m{
	display:block;
	float:right;
	margin-top:-50px;
	padding-right:5px;}
	
.mt200{
	margin-top:-400px;}}
	
	
	
.info-icon{
	width:16.66%;
	float:left;
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;}
  
  
  .slide-size{
	width:80%;
	float:left;
	margin-left:10%;}



}
  
@media screen and (max-width:1200px){
	.info-icon{
	width:20%;
	}
}

@media screen and (max-width:992px){
	.info-icon{
	width:25%;
	}
}

@media screen and (max-width:768px){
	.info-icon{
	width:33%;
	}

}

@media screen and (max-width:640px){
	
	.info-icon{
		
	width:50%;
	
		}

	
	.joindiv{
	display:block;
	position:fixed;
	width:100%;
	z-index:10000000000000;
	visibility:visible;
	background-color:#A30D5C;
	height:120px;
	text-align:center;
	margin-top:660px;
	left:0px;
	
	}
	
.img-230{
	width:150px;}
	
.img-277{
	width:180px;}
	
.img-333{
	width:210px;}
	
	
		.slide-txt{
	width:80%;
	float:left;
	margin-left:10%;
	margin-top:-220px;
	}
	

body {
  margin: 0;
  overflow-x:hidden;
}

}

@media only screen and (max-width: 820px) {
.gallery-main{
	width:98%;
	margin-left:1%;
	}
	
		
	}