@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900');

*, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p{
    font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

body{
    text-align: center;
    background: #f5f5f5;
}

.HeaderImg img{
    width:auto;
}

h2{
    text-align:center;
}

.formContent{
    margin: auto;
    text-align: left;
    padding: 20px;
    width: 50%;
}

input[type="text"]{
    width:350px;
}

input[type="phone"]{
    width:350px;
}

input[type="email"]{
    width:350px;
}

#fromDate {
    width: 120px;
}

#toDate {
    width: 120px;
}

hr{
    border-bottom:#999999 solid 1px;
}

#rate {
     width:100px;
}
section{

    margin: auto;
    width:90%;
    margin-top: 40px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 30px;
}

select{
    width:150px;
    padding: 5px;
    height: 30px;
}

button{
    width: 150px;
    margin: 20px auto;
    text-align: center;
}


#footer{
    margin: 30px auto;
}


@media screen and (max-width:770px){
    
    .HeaderImg img{
    width:100%;
}

.formContent{
    margin: auto;
    text-align: left;
    padding: 20px 0;
    width: 100%;
}
}