@font-face{
	font-family: Rubric;
	font-style: normal;
	font-weight: normal;
	src:url(../fonts/Cabin-Bold.ttf);
}

@font-face{
	font-family: Ans;
	font-style: normal;
	src:url(../fonts/Roboto-Regular.ttf);
}
 html{
	
    font: 10px sans-serif;
}
body{margin:0px;}

svg{
	
	padding:0px;
	background:pink;
	background:url('../images/aaa.jpg');
	background-repeat:no-repeat;
	background-size:100%;
	
}

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

.rrr
{
width:100px;
background:red;
}
.link{
    fill: none;
    stroke: gray;
    stroke-width: 2px;
}
#popbox
{
display:none;
position:absolute;
height:717px;
width:1280px;
background:#DED7E6;

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
{
height:580px;
width:1225px;
text-align:center;
margin-top:8px;
overflow:hidden;
margin-left:28px;
border:2px dashed #fff;
}
#textright
{
font-family: Ans;
font-size:26px;
line-height:32px;
padding:7px;
padding-left:20px;
height:auto;
width:1220px;
margin-top:10px;
margin-left:0px;
margin-bottom:0px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
background:#fff;
border:0px dashed black;
}
#imgleft1
{
padding:10px;
height:580px;
width:720px;
margin-top:50px;
margin-left:20px;
border:2px dashed #fff;
float:left;
overflow:hidden;
}
#textright1
{
font-family: Ans;
font-size:20px;
line-height:30px;
float:right;
padding:10px;
margin-right:20px;
height:560px;
overflow-Y:scroll;
width:400px;
margin-top:60px;
background:#fff;
border:0px dashed black;
}
#textright2
{
font-family: Ans;
font-size:26px;
line-height:32px;
padding:7px;
padding-left:20px;
height:480px;
width:1000px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
background:#fff;
border:1px dashed black;
border-radius:20px;
}
.textright2a
{
margin:8px;
height:440px;
width:960px;
padding:5px;
margin:10px auto 10px auto;
border:0px solid red;
overflow-Y:scroll;
}
foreignObject:hover
{
Y:-41;	
}

 div.name {
 padding:5px;
height:50px;
 font-size: 15px;
 line-height:17px;
 font-weight:bold;
  color: #fff;
  
  cursor: pointer;
  background:gray;
  border-radius:15px;
  text-align:center;
}
.oneline
{
margin-top:15px;
border:0px solid black;
}
.twoline
{
margin-top:7px;
border:0px solid black;
}
.threeline
{
margin-top:0px;
border:0px solid black;
}
.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
{
font-family: Rubric;
font-size:18px;
line-height:20px;
pointer-events: none;
width:180px;
height:62px;
margin-left:-15px;
}
#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;
}