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

@font-face{
	font-family: Ans;
	font-style: normal;
	src:url(../fonts/MyriadPro-Bold.otf);
}
 
 @font-face{
	font-family: Ans2;
	font-style: normal;
	src:url(../fonts/MyriadPro-Regular.otf);
}

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:720px;
width:1280px;
background:#DED7E6;
margin:0px;

border:0px solid black;
}
.bt
{
	
height:45px;
width:45px;
text-align:center;
font-weight:bold;
cursor:pointer;
top:8px;
right:48px;
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: Ans2;
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: Ans2;
font-size:20px;
line-height:30px;
float:right;
padding:10px;
margin-right:20px;
height:560px;
overflow-Y:auto;
width:400px;
margin-top:60px;
background:#fff;
border:0px dashed black;
}
#textright2
{
font-family: Ans2;
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;
overflow-Y:auto;
}
div.name {
	 font-family: Ans;
	 padding:5px;
	height:70px;
 	font-size: 20px;
 	line-height:25px;
 	 color: #fff;
 	 cursor: pointer;
	vertical-align:middle;
  background:gray;
  border-radius:15px;
  text-align:center;
  width:160px;
}
.oneline
{
margin-top:15px;
border:0px solid black;
}
.twoline
{
margin-top:5px;
border:0px solid black;
}
.threeline
{
margin-top:0px;
border:0px solid black;
}
.fnt1
{
font-size: 13px;

}

.fnt11
{
font-size: 22px;
text-align:center;
}


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:30px;
line-height:35px;
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;
}
 #a11
{
pointer-events: none;
}
 
 #b1
 {

 }
 
 div{
	
	font-variant-ligatures: none;
	}