* { margin: 0; padding: 0; } body { background: #f5f5f5; } a { text-decoration: none; } li { list-style: none; } header { width: 100vw; height: 13vw; background: #84c791; display: flex; justify-content: space-between; align-items: center; padding: 0 3vw; box-sizing: border-box; } header h2 { text-align: center; height: 10vw; } header h2 a { display: block; line-height: 10vw; height: 10vw; } header h3 { color: #FFFFFF; margin: 0 auto; } header h4 { color: #FFFFFF; margin: 0 auto; } nav { width: 100vw; height: 87vw; } nav #yx { width: 95vw; height: 35vw; margin-left: 3vw; border-bottom: 1px solid #000000; } nav #yx h4 { margin-top: 20vw; margin-left: 2vw; color: #000000; } nav #yx ul { margin-top: 5vw; } nav #yx ul li { position: relative; display: inline-block; border: 1px solid black; border-radius: 10%; text-align: center; line-height: 8vw; margin: 0 auto; margin-left: 2vw; margin-top: 2vw; width: 20vw; height: 8vw; font-size: 4vw; color: #84c791; float: left; } nav #yx ul li a { position: absolute; border-radius: 50%; border: 1px solid black; background: #FFFFFF; color: #000000; margin-left: 5vw; line-height: 4vw; text-align: inherit; width: 4vw; height: 4vw; top:-5px; right:-5px; } nav #kb { width: 95vw; height: 25vw; margin-left: 5vw; } nav #kb li { display: inline-block; border: 1px solid black; background: #84c791; border-radius: 10%; text-align: center; line-height: 8vw; margin: 0 auto; margin-right: 2vw; margin-top: 2vw; width: 20vw; height: 8vw; font-size: 4vw; color: #ffffff; float: left; } nav #bd { width: 100vw; height: 30vw; margin-top: 3vw; } nav #bd input { margin-top: 5vw; font-size: 7vw; background: #f5f5f5; margin-left: 5vw; width: 70vw; height: 10vw; border-right: none; border-left: none; border-top: none; border-bottom: 1vw solid #CCCCCC; outline: none; } nav #bd button { background: #84c791; width: 15vw; border-radius: 10%; border: none; font-size: 5vw; line-height: 10vw; outline: none; } nav button { width: 100vw; height: 10vw; color: #000000; font-size: 6vw; font-weight: 600; background: #84c791; text-align: center; } /*# sourceMappingURL=bd.css.map */