#ochart{text-align:center;}
#ochart table{border-collapse:collapse;}
#ochart td{border:solid 0px #e8e8e8;padding:0;text-align:center;vertical-align:top;}
#ochart td.ta-left{text-align:left;}
#ochart td.ta-right{text-align:right;}
#ochart td.ta-center{text-align:center;}

#ochart label{
	line-height:1.2;font-size:9pt;color:#7280df;font-weight:bold;
	text-transform:uppercase;
	padding: 0 10px 0 10px;
}
#ochart .node{
	border:solid 2px darkolivegreen;
	border-radius:5px;
	display:inline-block;
	margin:0 10px;
	padding:10px;
	z-index:100;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#ochart .node.node2{
	border:none;
	box-shadow:none;
}

#ochart .node.small{
	min-width:155px;
	max-width:155px;
	min-height:275px;
}

#ochart .node.medium{
	min-width:175px;
	max-width:175px;
	min-height:275px;
}

#ochart .node.custom{
	box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, 
	rgba(240, 46, 170, 0.3) -10px 10px;
	transform: skew(-20deg);
}

#ochart .node.block{display:block;margin:0 10px;}
#ochart .box{display:block;border:solid 1px green;}

#ochart .ib50{display:inline-block;width:50%;}
#ochart .block50{display:block;width:50%;min-height:50px;}
#ochart .block100{display:block;width:100%;height:100%;}
#ochart .w5{width:5%;}
#ochart .w10{width:10%;}
#ochart .w20{width:20%;}
#ochart .w25{width:25%;}
#ochart .w30{width:30%;}
#ochart .w35{width:35%;}

#ochart .lvline{width:25px;padding-top:5px;border-right:solid 2px red;}

#ochart .vrline{border-right:solid 2px black;}
#ochart .vlline{border-left:solid 2px black;}
#ochart .hbline{border-bottom:solid 2px black;}
#ochart .htline{border-top:solid 2px black;}

#ochart .personel{ margin:5px 0; padding-top:15px;}

#ochart .personel .img,
#ochart .personel2 .img{
	display:inline-block;
	width:120px;
	height:120px;
	border-radius:50%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border:solid 1px #bbb;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;	
}
#ochart .personel .desc{display:table;width:100%;}

#ochart .personel .desc span{display:table-row;}
#ochart .personel .desc h3{display:block;vertical-align:middle;font-size:11pt;font-weight:bold;border:none;margin:10px 0 0 0;line-height:1.2;font-size:11px;}
#ochart .personel .desc h4{display:block;vertical-align:middle;font-size:8pt;color:#aaa;}
#ochart .personel .desc h5{display:block;vertical-align:middle;font-size:10pt;}

#ochart .personel2{}
#ochart .personel2 .pic,
#ochart .personel2 .desc{display:table-cell;vertical-align:middle;}
#ochart .personel2 .pic{width:75px;}
#ochart .personel2 .img{width:65px;height:65px;border-radius:50%;}
#ochart .personel2 .desc{padding:5px 5px;}
#ochart .personel2 .desc *{text-align:left;}
#ochart .personel2 h3{display:block;font-weight:bold;font-size:11pt;}
#ochart .personel2 h4{color:steelblue;font-size:8pt;}
#ochart .personel2 h5{font-size:10pt;text-align:left;color:olive;}
#ochart .personel2.kasi h5{padding:0 10px;}


#ochart .tblkasi{table-layout:fixed;width:100%;}
#ochart .tblkasi .node{margin-top:10px;width:100%;}

#ochart.wrapper.mob{padding:25px;}
#ochart .tbl.mob .node{margin:10px 0 0 0;width:100%;}
#ochart .tbl.mob .node.custom{min-width:160px;max-width:200px;}
#ochart .tbl.mob .node label{}