/*body {background:#EEE; color:#000; font-size:12px; font-family: Verdana; margin: 0px;text-align:center;margin:10px;}
A:link, A:visited, A:active {color:#999}
A:hover {color:blue}

li{padding:2px 0px;}

div.head{text-align:Left;max-width:1024px;margin:auto;}
div.body{max-width:1024px;margin:auto;}*/

.search{border: 1px dotted black;padding: 5px; margin: 0px 0px 20px 0px}
.search_cat{width:200px;display:inline-block;}
.search_r {border-bottom: 1px dotted black;margin: 0px 0px 10px 0px;}
.search_r > b {color:green;}

.list > span{font-size:10px;}

/*all for hover text balloon*/
.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip_n {position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; width: 240px; background-color: black; color: #fff; text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {visibility: visible;}
/* Style the tab */
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
/* Style the buttons that are used to open the tab content */
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s;}
/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active { background-color: #ccc;}
/* Style the tab content */
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc;border-top: none;max-height:800px;max-width:1024px; overflow: auto;}


@media screen and (max-width:400px)
{

}
