body {
font-family: "微軟正黑體", sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
nav li {
display: inline-block;
margin-left: 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
#company-info {
background-color: #f2f2f2;
padding: 50px 0;
}
#company-info h1 {
text-align: center;
}
#products {
padding: 50px 0;
}
#products h2 {
text-align: center;
}
#products ul {
list-style: none;
margin: 0;
padding: 0;
}
#products li {
display: inline-block;
margin: 0 20px;
text-align: center;
}
#products img {
max-width: 100%;
}
#products p {
margin-top: 10px;
font-weight: bold;
}
#about {
background-color: #f2f2f2;
padding: 50px 0;
}
#about h2 {
text-align: center;
}
#contact {
padding: 50px 0;
}
#contact h2 {
text-align: center;
}
form {
max-width: 600px;
margin: 0 auto;
}
label, input, textarea {
display: block;
margin-bottom: 10px;
}
input, textarea {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
button[type="submit"] {
display: block;
margin: 0 auto;
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: #333;
color: #fff;
cursor: pointer;
}