/* 重置樣式 */ * { margin: 0; padding: 0; box-sizing: border-box; } .company-body { font-family: 'Roboto', sans-serif; background-color: #f4f4f4; color: #333; } .company-header { background: linear-gradient(135deg, #d32f2f 30%, #ff6347 100%); color: white; text-align: center; padding: 80px 20px; } .company-header h1 { font-size: 3rem; margin-bottom: 20px; } .company-header p { font-size: 1.25rem; } .company-content { padding: 60px 20px; max-width: 1200px; margin: 0 auto; text-align: center; } .company-content h2 { font-size: 2.5rem; margin-bottom: 40px; color: #d32f2f; } .company-content p { font-size: 1.25rem; margin-bottom: 40px; } .company-services { display: flex; flex-wrap: wrap; justify-content: space-between; } .company-service-item { background-color: white; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); padding: 30px; margin: 20px 0; flex: 1 1 30%; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .company-service-item h3 { font-size: 1.75rem; color: #d32f2f; margin-bottom: 20px; } .company-service-item p { font-size: 1.1rem; color: #666; } .company-service-item:hover { transform: translateY(-10px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .company-timeline { margin: 60px 0; } .company-timeline-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .company-timeline-row.reverse { flex-direction: row-reverse; } .company-timeline-image img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; } .company-timeline-text { flex: 1; padding: 0 20px; } .company-timeline-text h3 { font-size: 2rem; color: #d32f2f; margin-bottom: 10px; } .company-timeline-text p { font-size: 1.25rem; color: #666; }