html{
	
    font: 10px sans-serif;
}
body{margin:0px;}

svg{
	
	padding:0px;
	background:#fff;
	
}

.node{
    cursor: pointer;
	border:2px solid black;
}

.link{
	fill: none;
    stroke: gray;
    stroke-width: 2px;
}
#popbox
{
display:none;
position:absolute;
height:717px;
width:1280px;
background:#787878;
margin:0px;

border:0px solid black;
}
.bt
{
	
height:45px;
width:45px;
text-align:center;
font-weight:bold;
cursor:pointer;
bottom:10px;
right:20px;
position:absolute;
}
.bt:hover
{
height:45px;
width:45px;
  animation-play-state: paused;
    background-color: #E7E7E7;	
	border:2px solid #fff;
	border-radius:40px;
}
#imgleft
{
padding:10px;
height:600px;
width:720px;
margin-top:50px;
margin-left:20px;
border:0px dashed black;
float:left;
overflow:hidden;
}
#textright
{
font-size:20px;
line-height:30px;
float:right;
padding:10px;
margin-right:20px;
height:560px;
width:400px;
margin-top:60px;
background:#fff;
border:0px dashed black;
}
 div.name {
	 
	 padding:5px;
height:55px;
 font-size: 15px;
 line-height:18px;
 font-weight:bold;
  color: #fff;
  margin-left:20px;
  margin-right:20px;
  cursor: pointer;
  background:gray;
  border-radius:15px;
  text-align:center;
}
.fnt1
{
font-size: 13px;
}
div.name:hover {
	height:57px;
	box-shadow: 0 5px 0 #C0B38D;
}
@keyframes bts {
    0%   {border:2px solid #16A085;}
    50% {border:6px solid #16A085;}
    100% {border:1px solid #16A085;}
}
#a01
{
pointer-events: none;
width:250px;
margin-left:-60px;
}
#a02
{
pointer-events: none;
}
#a03
{
pointer-events: none;
}
#a04
{
pointer-events: none;
}
#a05
{
pointer-events: none;
}
#a06
{
pointer-events: none;
}
#a07
{
pointer-events: none;
}
 #a08
{
pointer-events: none;
}
 #a09
{
pointer-events: none;
}
 #a10
{
pointer-events: none;
}