/*      stiky-dropdown menu For_upload/my_new folder   most updated       */
body {  background: #fbf7e7;  font-size: 17px;}

/* 用 logo 和标语 */
.topbar {	height:	280px;	background: linear-gradient(to right, rgb(205, 170, 130), rgb(170, 190, 190));}
.logo {	width: 33%;	height:	80%; padding-top:35px;	float:	left;}
.topphrase {font-size:1.8em; text-shadow: -0.15vw 0.15vw  #fff; color:rgb(210, 15, 55);
 padding-top: 55px; padding-left:35%; padding-right: 40px; float:center; }

/* 用 ol 而不是 ul 菜单 （大小相当于效法基督，十个子目录） */
#navbar { height:33px; /*background-color: #55bb55;*/   }
nav ol {list-style-type:none;  margin:0;  padding:0; position:fixed;/*-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  */
/* 主体文章格式 */
.quote {  padding: 4px 35px;  margin-top: 0px;  font-size:  19px ;  line-height: 1.5;/*  height: 170px; */}
.main {  padding: 4px 15px;  margin-top: 0px;  font-size:  17px;    line-height: 1.3;}

/* 用大的 image 和图内标语 */
.container { width: height: 100px; position: relative; text-align: center; color: red; }
.centered { position: absolute; width:80vw; top: 23%; left: 50%; font-size: 3.9vw; text-shadow: 0.1vw 0.15vw  #fff;transform: translate(-50%, -50%);}

/* --------Style tab links----------------- */
.tablink {  background-color: #57c;  color: white;  float:left;  border: none;  outline: solid;  cursor: pointer;
  padding: 0px 0px;  font-size: 14px;  height: 35px;  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: 5px 7px; line-height: 26px;  font-size: 14px; }
	.dropdown-content {	width: 190px;  padding: 0px 0px; }
	.dropdown-content a { width: 190px;  padding: 0px 0px;}
	.quote {  padding: 4px 5px;  font-size:  15px ;}
	.main {  padding: 1px 1px; font-size:  15px;  }
	.topbar {	height:	140px;  }
	.logo { padding-top:12px;}
	.topphrase {font-size:0.9em; padding-top: 30px; }
	.tablink {  padding: 0px 0px;  font-size: 13px;  height: 25px;  width: 68px;}
} 

@media screen and (min-width:1200px){
	nav li a, .dropbtn { padding: 4px 1px; width:	160px; font-size: 18px; }
	.dropdown-content {	width: 270px;  }
	.dropdown-content a { width: 270px; }
	.main {  font-size:  18px;  }
}