@charset "utf-8";

body {
	margin: 0px auto;
  background: linear-gradient(to bottom, #FF359A,#E1E100);
  font-family: Zen Maru Gothic;
	max-width: 1000px;
       }



ul{list-style: none;}

.menu li{
  width: 300px;
  text-align: center;
 
}
 
h1 {
  font-size: 60px;
  text-align: center;
  font-family: Algerian; 
}

 
h2 {
  font-size: 50px;
  text-align: center;
  font-family: Algerian; 
}

h3{
	font-size: 30px;
  text-align: left;
  font-family: Algerian; 
}

tr{
  font-family: Algerian; 
}		

.header{
	width: 100%;
	height: 300px;
	background-color: deeppink; 
}

.header{
	font-family: "Algerian;", sans-serif;
}

.nav{
	flex: 1; 
	height: 800px;
	width: 200px;
	background-color: deeppink;
	float: left;
	 border: dotted;
	 border-radius: 12px; 
	overflow: hidden;
}
.nav p{
	 padding-left: 50px;     /* 設定內邊距，顯示凸排內容 */
    text-indent: -70px;
}
a {
         color: antiquewhite;
       }
       a:hover {
         background-color: gold;  
       }

.nav img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.content{
		width:auto;
}
	
.news{
	width: 500px;
	height: 200px;
	background: pink;
	overflow: scroll;
	display: inline-block;
    padding: 15px;
	align:center;
}
.b{
	width: 200px;
	height: 200px;
	background: pink;
	overflow: scroll;
	display: inline-block;
    padding: 15px;
	align:center;
}



.footer{
	width: 100%;
	background: #E1E100;
}

@media (max-width: 800px) {
    .container {
        flex-direction: column; 
    }
}