@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;500&display=swap');@import url('https://fonts.googleapis.com/css2?family=Girassol&family=Noto+Serif+TC:wght@200;500&display=swap');


 
    #whole{
    margin: 0px auto;
    overflow:auto;
    background:#F1E08B;
    
}
    
    
body{margin:0px;padding:0;
    font-family: 'Noto Serif TC', serif;
    background:#F0D696; 
    letter-spacing: 3px;
}
header{
    color:brown;
    text-shadow: 5px 5px 5px #E5A47F;
}



h1{
	font-family: Girassol, cursive;
	text-align: center;
}


ul.vintagelist{
    margin:0px auto;
    align-items: center
        
}

ul.vintagelist li{
	margin:auto;
	position: relative;
	list-style:none;
	float: left;
	left: 110px;
	top: 10px;
    }
        ul.vintagelist li a {
            display:block;
            padding:10px 15px;
            background: #499B31;
            color:#F4F7F4;
            text-decoration:none;
			line-height: normal
        }
        ul.vintagelist li a{
            border-bottom: 1px solid #CCC; 
            border-left:1px solid #CCC;
        }
        ul.vintagelist li a:hover{
            color:brown;
            background:#FAEDD9;
                 
        }
        ul.vintagelist li a:hover{
	color: darkolivegreen;
	background: #40842C;
	text-align: center;                
        }
        ul.vintagelist li ul{
            display: none;
            float:left;
            position:absolute;
            margin:0;
            padding:0;
			right:90px
        }
        ul.vintagelist li:hover ul{
            display: block;
			
        }
        ul.vintagelist ul li{
            border-bottom: 1px solid #DDD; 
        }
        ul.vintagelist ul li:last-child{
            border-bottom:none;
        }
        ul.vintagelist ul a {
            width:142px;
            color:#666;
            background: #EEE;
        }
        ul.vintagelist ul a:hover{
            background: #CCC;
        }
        ul.vintagelist ul li:hover ul{
            display: block;
            position:absolute;
            top:0;
            left:100px;
        }
     

    
article{
    border:0px;
    width:auto;
    margin:0px auto;
    height:auto;
    
  
}
div{
    width:auto;
    margin:0px auto;
    height:auto;
    background-repeat:no-repeat;
    background-position:50%50%;
    background-size:100%auto;
}



.samestyle{
    display:block;
    border:0px;
    width:auto;
    margin:0px auto;padding:20px;
    text-align: center;
    align-items: stretch;
}

.form{
  width: auto;
  border:1px solid black;
  height: auto;
  float:left;
  margin:10px;
  background:grey;
  padding:15px;
}

table{
 border:1px solid white;
}
table th{
 border: 1px solid white;
 padding: 5px;
 color:gold;
}
table td{
 border: 1px solid white;
 padding: 5px;
 color: white;
}
     a{margin:20px;
margin-top: 20px;
text-decoration:none;
color: brown}
a:hover{text-decoration:underline;}


img{
    margin:3px;
    -moz-border-radius:15px;
	border-radius: 15px;
    max-width:100%;
    height:auto;

  
}
     
footer{
    border:1px;
    color:brown;
    text-align:center;
    line-height:50px;
}


p{font-family: 'Noto Serif TC',serif;}
p{font-family: 'cwTeXFangSong',serif;}
p{font-family: 'Girassol',cursive;}