html, body {
							height: 100%;
						}
			

			a {
				color: #ffffff;
			}

			#info {
				position: absolute;
				width: 100%;
				color: #ffffff;
				padding: 5px;
				font-family: Monospace;
				font-size: 13px;
				font-weight: bold;
				text-align: center;
				z-index: 1;
			}

			#menu{
				position: absolute;
				bottom: 65px;
				width: 100%;
				height: 23px;
				text-align: center;
			}
			
			#but_event_academy{
				background-color :rgba(119,136,153,0.9);
				color:#FFFFFF;
				outline: 0px;
				width:200px;
				margin-left : -4.3px;
			}
			#but_person_academy{
				background-color : rgba(0,127,127,0.9);
				color:#FFFFFF;
				outline: 0px;
				width:200px;
				margin-left : -4.3px;
			}
			#but_org_academy{
				background-color :rgba(0,178,238,0.9);
				color:#FFFFFF;
				outline: 0px;
				width:200px;
				margin-left : -4.3px;
			}
			#but_event{
				
				color:#FFFFFF;
				outline: 0px;
				width:200px;
				margin-left : -4.3px;
			}

			#menubar{
				position: absolute;
				right:190px;
				bottom: 70px;
				width: 150px;
				height: 23px;
			
			}
			
			#menubar #cube,#grid{
				outline : 0px;
				border-radius : 4px;
				width : 50px;
				height : 37px;
				background-color : rgba(190,190,190,0.4);
			}
			
			

			#leo {
		      position: absolute;
		      opacity: 0.8;
		    }

		    #pink{
		    	position: absolute;
			    left: 0px;
			    top: 0px;
			    width: 192px;
			    height: 54px;
			    background: inherit;
			    background-color: rgba(204, 51, 102, 0.55);
			    border: none;
		    }

		    #photo{
		    	position: absolute;
			    left: 55px;
			    top: 16px;
			    width: 83px;
			    height: 83px;
		    }
		    
		    #title_line{
		    	position:absolute;
		    	top : 111px;
		    	left : 6px;
		    	width :180px;
		    }
		    
		    #msgicon{
		    	position: absolute;
			    /* left: 56px; */
			    top: 112px;
			    width: 20px;
			    height: 20px;
		    }

		    #entitytitle{
				/* position: absolute; */
			    /* left: 81px; */
			    /* top: 111px; */
			    text-align:center;
			    height: 25px;
			    background: inherit;
			    background-color: rgba(255, 255, 255, 0);
			    border: none;
			    border-radius: 0px;
			    box-shadow: none;
			    font-family: 'Didot-Bold', 'Didot Bold', 'Didot';
			    font-weight: 700;
			    font-style: normal;
			    font-size: 16px;
			    color: #FFFFFF;
		    }
		    #entitytitle:hover{
		    	color:	#F4A460;
		    	text-decoration:underline;
		    }

		    .msg_entity{
		    	position: absolute;
			    
			    width: 25px;
			    height: 17px;
			    background: inherit;
			    background-color: rgba(255, 255, 255, 0);
			    border: none;
			    border-radius: 0px;
			    box-shadow: none;
			    font-family: 'Didot';
			    font-weight: 400;
			    font-style: normal;
			    font-size: 12px;
			    color: #949494;
		    }
		    
		    #msg_all{
		    	left: 21px;
		    	top: 143px;
		    }

		    #msg_person{
		    	left: 62px;
			    top: 143px;
		    }

		    #msg_event{
		    	left: 103px;
			    top: 143px;
		    }

		    #msg_org{
		    	left: 144px;
			    top: 143px;
		    }

		    #msg_place{
		    	left: 144px;
			    top: 143px;
		    }

		    #msg_div{
		    	position: absolute;
		    	left: 20px;
		    	top:168px;
		    }

		    #msg_table{
		    	
		    }

		    #msg_table tr{
		    	height: 21px;
		    }

		    #msg_table td:first-child{
		    	position: absolute;
		    	left: 0px;
			    width: 70px;
			    height: 17px;
			    font-family: 'Didot';
			    font-weight: 400;
			    font-style: normal;
			    font-size: 11px;
			    color: #FFFFFF;
			    overflow-y: hidden;
		    }
		    #msg_table td:last-child{
		    	position: absolute;
		    	left:70px;
			    width: 70px;
			    height: 17px;
			    font-family: 'Didot';
			    font-weight: 400;
			    font-style: normal;
			    font-size: 11px;
			    color: #BCBCBC;
		    }
		    .msgclose{
				position: absolute;
				right:12px;
				top: 2px;
				height: 16px;
				width:16px;
				opacity: 1;
				z-index: 10000;
		    }


			.icon{
				height: 25px;
				width: 25px;
			}
			
			.entityicon{
				height: 10px;
				width:10px;
				margin-right: 5px;
			}

			/* .cubeimg {
				width: 500px;
				height: 500px;
				background-size:cover;
				opacity: 0.8;
				display: none;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			} */
			.cubeimg_person{
				width: 500px;
				height: 500px;
				background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_person.jpg) no-repeat;
				/* background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_person.png) no-repeat; */
				background-size:cover;
				opacity: 0.8;
				display: none;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			}
			.cubeimg_org{
				width: 500px;
				height: 500px;
				background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_academy.jpg) no-repeat;
				/* background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_org.png) no-repeat; */
				background-size:cover;
				opacity: 0.8;
				display: none;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			}
			.cubeimg_event{
				width: 500px;
				height: 500px;
				background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_session.jpg) no-repeat;
				/* background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_event.png) no-repeat; */
				background-size:cover;
				opacity: 0.8;
				display: none;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			}
			.cubeimg_place{
				width: 500px;
				height: 500px;
				background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_academy.jpg) no-repeat;
				/* background: url(/legacy/assets.idangan.cn/daxh/threejs/image/cube_place.png) no-repeat; */
				background-size:cover;
				opacity: 0.8;
				display: none;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				text-align: center;
				cursor: default;
			}

			.element {
				width: 120px;
				height: 120px;
				box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
				border: 1px solid rgba(127,255,255,0.25);
				cursor: default;
			}

			.element:hover {
				box-shadow: 0px 0px 12px rgba(0,255,255,0.75);
				border: 1px solid rgba(127,255,255,0.75);
			}
			
			.element_person{
			background-color : rgba(0,127,127,0.4)
				;
			}
			
			.element_place{
				/* background-color : rgba(193,205,193,0.4); */
				background-color : rgba(119,136,153,0.6);
					
			}
			
			.element_org{
				background-color : rgba(0,178,238,0.4);
				
			}
			
			.element_event{
				
				background-color : rgba(119,136,153,0.6);
				/* background-color : rgba(244,164,96,0.4); */
			}

			.symbol {
				position: absolute;
				height: 120px;
				width: 120px;
				font-size: 1.2vw;
				font-weight: bold;
	            text-align: center;
				color: rgba(255,255,255,0.75);
				text-shadow: 0 0 10px rgba(0,255,255,0.95);
			}

			.symbol_tr td{
				height: 120px;
				width: 120px;
				text-align: center;
			}

			#irm_icon{
				position: fixed;
				left: 20px;
			}

			button {
				color: rgba(127,255,255,0.75);
				background: transparent;
				outline: 1px solid rgba(127,255,255,0.75);
				border: 0px;
				/* padding: 5px 10px; */
				cursor: pointer;
			}
			button:hover {
				background-color: rgba(0,255,255,0.5);
			}
			button:active {
				color: #000000;
				background-color: rgba(0,255,255,0.75);
			}

			#box{
				position: absolute;
			    right: 150px;
			    top: 120px;
			    /* border: 1px solid rgba(127,255,255,0.75); */
			    border-radius:4px;
			    width: 280px;
			    height: 35px;
			    background-color: rgba(190,190,190,0.3);
				/* color : rgba(127,255,255,0.75); */
				color : #FFFFFF;


			}
			#box #box_div{
				margin-top: 8.5px;
				margin-left: 14px;
				font-family: 'Arial';
			    font-weight: 400;
			    font-style: bold;
			    font-size: 14px;
			}

			#box #box_div #triangle{
				position: relative;
				height: 5%;
				width:5%;
			}

			.rotate{
				transform: rotate(180deg);
			}

			#list{
				position: absolute;
			    right: 150px;
			    top: 150px;
			    width: 280px;
			    height: 700px;
			    height: 50vh;
			    color : #FFFFFF;
			    visibility: hidden;
			}

			#list .list_div{
				width:220px;
				margin-left: 5px;
				margin-top: 10px;
				font-family: 'Didot';
			    font-weight: 400;
			    font-style: normal;
			    font-size: 12.5px;
			    color: #bbbbbb;
			    
			}
			#list .list_div tr:hover{
				background-color : rgba(0,0,0,0.6);
			}
			.map-container{
				position: absolute;
			    left: 55px;
			    top: 16px;
				width:83px;
				height:83px;
				
			}
			
			/*����������߿����� �߿�ֱ��Ӧ�����������ijߴ�*/
			::-webkit-scrollbar
			{
			    width: 8px;
			    height: 17px;
			    /* background-color: #F5F5F5; */
			}
			 
			/*������������ ����Ӱ+Բ��*/
			::-webkit-scrollbar-track
			{
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			    border-radius: 10px;
			    background-color:rgba(240,248,255,0.3);

			}
			 
			/*���廬�� ����Ӱ+Բ��*/
			::-webkit-scrollbar-thumb
			{
			    border-radius: 10px;
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
			    background-color: #555;
			}