html,body { height:100%; }
body{
	min-height: inherit;
	font-family : "微軟正黑體";
	margin-bottom : 0;
}

.topnav{
   	position: relative;
   	margin-top: 0;
   	height: 6%;
   	width: 100%;
   	border-radius: 10px 10px 0px  0px ;
		background: -webkit-linear-gradient(180deg ,rgba(180,170,70,0.3) 1% ,white 15%,rgba(175,223,230,1)  ); 
       background: -o-linear-gradient(180deg ,rgba(180,170,70,0.3) 1% ,white 15%,rgba(175,223,230,1)  ); 
       background: -moz-linear-gradient(180deg ,rgba(180,170,70,0.3) 1% ,white 15%,rgba(175,223,230,1)  ); 
       background: linear-gradient(180deg,rgba(180,170,70,0.3) 1% ,white 15%,rgba(175,223,230,1) ); 
       box-shadow: inset 0px 0px 2px 1px rgba( 100, 180, 200, 0.3) ,inset -1px -1px 3px 1px rgba(200,200,200,0.4);

}
.bodynav{
   	position: relative;
   	margin-top: 0;
   	height: 100%;
   	width: 100%;
   	border-radius: 0px 0px 0px  0px ;
	background: -webkit-linear-gradient(180deg ,rgba(255,255,255,0.3) 1% ,white 15%,rgba(206,206,206,1)  ); 
       background: -o-linear-gradient(180deg ,rgba(255,255,255,0.3) 1% ,white 15%,rgba(206,206,206,1)  ); 
       background: -moz-linear-gradient(180deg ,rgba(255,255,255,0.3) 1% ,white 15%,rgba(206,206,206,1)  ); 
       background: linear-gradient(180deg,rgba(255,255,255,0.3) 1% ,white 15%,rgba(206,206,206,1) ); 
       box-shadow: inset 0px 0px 2px 1px rgba( 100, 180, 200, 0.3) ,inset -1px -1px 3px 1px rgba(206,206,206,0.4);

}
    
.Title{

	font-size: 25px;
	position: absolute;
	/*top: 64%; */ /*改動*/
	top:10px;
	left:50px; /*改動*/
	color:#7D7D7D;
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	font-weight: bold;
}