html { font-size: 10px; } body { margin: 0 auto; padding: 0; background: #e7e7e7; font-size: 1.3rem; color: #000; font-family: Arial, sans-serif; } body * { box-sizing: border-box; } h1 { font-size: 3rem; font-weight: bold; color: #838383; } h2 { font-size: 2rem; font-weight: bold; color: #838383; } p { margin: 0; padding: 0; } .clearfix::after { content: ""; display: block; clear: both; } .container { width: 1000px; margin: 0 auto; } .container-main { width: 1000px; margin: 0 auto; background-color: #fff; } .container-main-inner { margin: 0 auto; width: 974px; } header { background: #171616; height: 60px; color: #686868; } header form { float: right; margin-top: 16px; } header p { line-height: 11px; font-size: 1.2rem; } .logo { display: inline-block; margin-top: 12px; } header input:first-child { background: #323232; border: 1px solid #4c4c4c; box-shadow: inset 0 0 3px #000; height: 27px; color: #fff; width: 350px; outline: none; } header input:nth-of-type(2) { background: #000; font-family: Arial, sans-serif; font-weight: bold; color: #fff; font-size: 1.4rem; height: 27px; border: 1px solid #4c4c4c; margin-left: 11px; width: 75px; outline: none; } .banner { background: #000; position: relative; height: 329px; } .banner-text { height: 57px; background: rgba(0, 0, 0, .5); width: 100%; position: absolute; bottom: 0px; color: #fff; padding: 14px 20px; font-size: 1.2rem; } .nav-bar nav { background: #000; } .nav-bar ul { margin: 0; padding: 0; list-style: none; } .nav-bar li { display: inline-block; } .nav-bar a{ text-decoration: none; color: #fff; font-weight: bold; font-size: 1.4rem; padding: 7px 24px; border-right: 1px solid #272727; line-height: 30px; } .we-do a { color: #0075d0; } .we-do h1 { margin-top: 0; padding-top: 30px; margin-bottom: 8px; } .we-do span { font-style: italic; } .we-do h2 { margin-top: 38px; } .we-do img { border: 12px solid #e2e2e2; margin-right: 19px; } .we-do img:last-child { margin-right: 0; } .lists h2 { margin-bottom: 0; margin-top: 25px; } .lists ul, .lists ol, .lists dl { display: inline-block; width: 33%; } .lists ol { padding-left: 20px; width: 32%; } .lists { line-height: 20px; } table { border-collapse: collapse; width: 99.5%; } .table h2 { margin-bottom: 15px; } th { text-align: left; } thead { background: #efefef; } td, th { border: 1px solid #d5d5d5; padding: 8px 9px; } form * { margin-bottom: 10px; } #text-input, #select{ width: 224px; height: 30px; padding-left: 5px; } .checkbox { border: 1px solid #000; } .radio { margin-bottom: 20px; } .submit { padding: 7px 10px; background: #202020; color: #fff; font-family: Arial, sans-serif; font-size: 1.4rem; font-weight: bold; height: 35px; padding: 0 24px; border: 1px solid #4c4c4c; outline: none; margin-bottom: 25px; } footer { padding: 9px 0; color: #656565; } footer a { color: #0075d0; }