@charset "utf-8";
body, html{
  margin: 0;
  max-width:100vw;
  height: auto;
  padding: 0px;
  background-color: #ffffff;	
  bottom:15vh;
}
#all {
	height:auto;
        max-width:100vw;
	top:0px;
        position: relative;
	display:block;
	z-index: 0;
	margin: 0;
	padding: 0px;
}
.div1{
	display: flex;
        justify-content: center;    
        align-items: center; 
}
.div2{
	display: flex;
        justify-content: center;    
        align-items: center; 
}
.div3{
	display: flex;
        justify-content: center;    
        align-items: center; 
}
.div4{
	display: flex;
        justify-content: center;    
        align-items: center; 
}
#div_a {
	top:0px;
	left:0px;
	height:auto;
        max-width:100vw;
}
#div_a #activity-poster {
	height:auto;
	max-width:100%;
}
#div_b {
        width:100vw;
	height:auto;
        left:0px;
}
#div_c {
        width:100vw;
	height:auto;
        left:0px;
}
#div_d {
        width:185px;
	height:50px;
        position: fixed;
        left:10px;
}

#div_b #pic-1 {
        width:90px;
        max-width:30vw;
	height:auto;
	margin: 5px;
}
#div_b #pic-2 {
        width:90px;
        max-width:30vw;
	height:auto;
	margin: 5px;
}
#div_b #pic-3 {
        width:90px;
        max-width:30vw;
	height:auto;
	margin: 5px;
}

#div_c #pic-4 {
        width:90px;
        max-width:30vw;
	height:auto;
	margin: 5px;
}
#div_c #pic-5 {
        width:90px;
        max-width:30vw;
	height:auto;
	margin: 5px;
}
#div_c #pic-6 {
        width:90px;
        max-width:30vw;
	height:auto;
	margin: 5px;
}

#div_d #back {
        width:185px;
	height:50px;
}

#activity-bottom {
	height:80px;
	max-width:100vw;
        left:0px;
        bottom:0px;
}

#activity-bottom #activity-bottom-1 {
	height:80px;
	max-width:100vw;
        left:0px;
        bottom:0px;
}



#home {
	height:42px;
	width:42px;
	top:3px;
        right:12px;
        position: fixed;
	display:block;
        opacity:0.7;
	z-index: 25;
}