@charset "utf-8";
/* CSS Document */
/*** set the width and height to match your images **/
#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#slideshow img.ssw { background-size:cover; height:100%; /*  width:1540px; */}
p{ padding-right:50px; padding-left:50px;}
.baloon_img { opacity:0.8;
	transition:0.5s; 
	cursor:pointer;
	vertical-align: middle;
}
.baloon_img:hover { opacity:0.99;} 
#baloon_div { 
	display:none; 
	position:fixed; 
	z-index:100; 
	right:50px; 
	bottom:50px; 
	box-shadow:2px 2px 5px 10px #05050580;
	transition:0.5s; /*background-color:white; */
	border-radius: 20px 70px;
	transform:scale(0.7);
	z-index:101;
}
#baloon_div:hover { box-shadow:2px 2px 15px 5px black; border-radius: 7px 7px; transform:scale(1);}
.b_button {position: absolute;color: #fffa;background-color: #0008;z-index: 50;cursor: pointer;padding: 0px 2px;border-radius: 7px; height:17px; }
#b_tbl {direction: ltr;}
@media all and (max-width: 768px) {
.b_button { margin:8px; transform:scale(2);}
	#baloon_div { 
		right:10px; 
		bottom:10px; 
	}
	#baloon_div:hover { transform:scale(0.8);}
}