/*      stiky-dropdown 和 tab 不包括图片      */

/* 用 ol 而不是 ul 菜单 （大小相当于效法基督，十个子目录） */
#navbar { height:39px; /*background-color: #55bb55;*/   }
nav ol {list-style-type:none;  margin:0;  padding:0; position:-webkit-sticky;  position:sticky; left:5px;top:0px;}

#navbar li { float: left;}
#navbar li a.active {  background-color:#4A5;}/*绿色*/
nav li a, .dropbtn { display:block; color:white; text-align:center; padding:2px 8px; text-decoration:none;line-height: 30px; width:130px; font-size: 16px;}
nav li a:hover, .dropdown:hover  { background-color:darkorange/*rgb(30, 65, 95)*/;}

.dropdown { display:block;	position:relative;}
.dropdown-content { display:none; position:absolute; background-color:rgb(255, 235, 170); width:250px; box-shadow:5px 10px 10px rgba(0,0,0,0.6); z-index:1;}
.dropdown-content a { color:blue;  text-decoration:none; display:block; text-align:left; width:250px; padding:1px 0px; z-index:1;} /*  dropdown a size  */
.dropdown-content a:hover {	background-color:rgb(140, 185, 220);}/*  dropdown hover color  */
.dropdown:hover .dropdown-content { display:block;}/*  dropdown display  */

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky { position: fixed; top: 32px; width: 100% }



/* --------Style tab links----------------- */
.tablink {  background-color: #57c;  color: white;  float:left;  border: none;  outline: solid;  cursor: pointer;
  padding: 0px 0px;  font-size: 17px;  height: 30px;  width: 120px; }

.tablink:hover {  background-color: #777;}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {  color: black;  display: none;  padding: 30px 2px;/*  height: 50%; */ }
#item1, #item2, #item3, #item4,#item5, #item6, #item7 {background-color: none;}


@media screen and (orientation:portrait) and (max-width: 860px) {
     nav li a, .dropbtn {  display:inline; padding: 6px 9px; line-height: 29px;  font-size: 14px; }
	.sticky { top: 25px; }
     .dropdown-content {	width: 200px;  padding: 0px 0px; }
	.dropdown-content a { width: 200px;  padding: 0px 0px;}
	.tablink {  padding: 0px 0px;  font-size: 13px;  height: 25px;  width: 68px;margin-top:3px;}
} 

@media screen and (min-width:1000px){
	nav li a, .dropbtn { padding: 4px 1px; width:	190px; font-size: 18px; }
	.sticky { top: 35px; }
	.dropdown-content {	width: 270px;  }
	.dropdown-content a { width: 270px; }
}