@charset "utf-8";
/*document css*/ 
html,body{
    width:100%;
    height: 100%;
}
body{
    background-color: #E0E7F1;
} 
input,textarea,button{
    background:none;
    border:0 none;
    outline: none;
}
.agreementBox{
    width: 100%;
    height: auto;
    min-height: 100%;
    padding: 96px 0 24px;
    background: url(../images/topbg.jpg) center top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.agreementBox h2{
    width: 92%;
    max-width: 1320px;
    line-height: 60px;
    font-size: 40px;
    color:#fff;
    text-align: center;
    font-weight: bold;
    padding-bottom: 40px;
    margin: 0 auto;
}
.content{
    width: 92%;
    max-width: 1320px;
    height:auto;
    min-height: calc(100vh - 220px);
    line-height: 24px;
    font-size: 16px;
    color:#333;
    font-weight: 600;
    background:#fff;
    padding:40px 5%;
    border-radius: 10px;
    box-shadow: 0px 4px 16px rgba(62,158,245,0.16);
    word-break: break-all;
    margin:0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.content p{
    line-height: 24px;
    font-size: 16px;
    color:#333;
    font-weight: 600;
    word-break: break-all;
}
@media screen and (max-width: 1024px) {
.agreementBox{
    padding: .96rem 0 .48rem;
}
.agreementBox h2{
    font-size: .4rem;
    line-height: .6rem;
    padding-bottom: .4rem;
}  
.content{
    line-height: .48rem;
    font-size: .28rem;
    padding: .4rem 5%;    
}  
.content p{
    line-height: .48rem;
    font-size: .28rem;  
}  
}