/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
 @font-face {
		font-family: 'MyWebFont';
		src:  url('../../../fonts/NotoSerifTC-SemiBold.otf');
  }  */
#mapid{
	margin-top:2px;
	height: 1200px;
	float:left;
	/*padding-top:1%;padding-right:5%;*/
	border:#AAAAAA 1px solid; 
	 
}
#mapid a:link{color:black;}  
#mapid a:hover{color:black;}
#mapid a:visited {color:black;}
#mapid a:active {color:black;} 
 
#namelist{
	height:700px;
	border:#0000FF 0px solid;  
	float:left;
	font-size:1em;
	padding-bottom:10px;
	border:1px solid #AAA;height:900px;padding:20px;
}
#namelist #dtlist0{ 
	font-family: 'MyWebFont', sans-serif;
	font-size:1em;
	height:40%; 
}
#namelist #dtlist1{
	font-family: 'MyWebFont', sans-serif;
	font-size:1em;color:#0000ff;
	height:20%; 
}
 
a:link{color:black;}
a:hover{color:black;}
a:visited{color:black;}
a:active{color:black;}
a {cursor:pointer}
.container{font-family: 'MyWebFont', sans-serif;}

.subTITLE{margin-top:2%;color:#ec6800;font-size:2.5em;} 
.modal-dialog{width:60%;}
.modal-body .modal-content{width:100%;}
.modal-title {font-weight:bold;}
/*td img {width:5%;} */

/* img{width:100%} */
#scale {
		position:absolute;    			
		width: 50px;
	    height:100px; 
		bottom:53%;
		left:15%;
		border:0px red solid;
		z-index:999; 
	} 
#scale img {width:100%;
/*		max-width:300px;max-height:50px;
		myimg:expression(onload=function(){
		this.style.width=(this.offsetWidth > 300)?"300px":"auto"});*/
} 
.magCircle{width:220px;height:220px;padding:10px;font-size:2.0em;border-radius:50%;background-color:#7B7B7B;color:#fff;}
.magName{font-size:1.8em;font-weight:bold;} 
#eqlist {margin-top:10px;height:750px;overflow-y:scroll;overflow-x:hidden}
@media only screen and (min-width: 310px) and (max-width:1024px) {
	td img{width:5%;height:25px;}
}	
/* #mapid{ width:100%;height:1000px;border:1px solid red;}
 #scale{width:2%;}
 #namelist{border:1px solid #AAA;height:750px;padding:0px;overflow-y:scroll}
 #namelist .title{font-size:2.5rem;}
 #eqlist {margin-top:10px;height:900px;overflow-y:scroll;overflow-x:hidden;line-height:25px;}
 #eqlist ol{list-style-type:none} 
  @media only screen and (min-width: 310px) and (max-width:428px) {
	  #mapid{display:none;}
	  #scale{display:none;}
	  #namelist .title{font-size:2em;}
	  #eqlist {margin-top:10px;height:900px;overflow-y:scroll;overflow-x:hidden;line-height:25px;}
	  #eqlist ol{list-style-type:none}
  } */