*{margin:0;padding:0;box-sizing:border-box}.main{width:100%;height:100vh;background-image:url(/back.gif);align-content:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center}.main h1{font-size:4em;text-align:center;color:#fff;margin-top:-5%}.main .container{width:60%;height:40%;background-color:#0000004d;align-content:center;justify-content:center;margin-left:20%;margin-right:10%;margin-top:5%;border-radius:15px;overflow:hidden}.main .container .text{width:70%;margin-left:10%;height:15%;border:none;background-color:#f5f5f5;border-bottom:1px solid #333333}.main .container button{width:12%;height:16%;background-color:#246475;border:none}.main .container button:hover{background-color:#26515d;color:#fff}.main .container .letcontain{width:100%;display:flex;flex-wrap:wrap}.main .container .letcontain .fill{width:30%;margin-left:10%;margin-top:2%}.main .container .letcontain .non{width:50%;margin-top:2%;display:flex;flex-wrap:wrap}.main .container .letcontain .check1{width:20%;margin-left:10%;margin-top:2%}.main .container .letcontain .check2{width:20%;margin-left:2%;margin-top:2%}@media ((max-width: 740px)){.main h1{font-size:50px}.main .container .letcontain{width:100%;display:flex;flex-direction:column}.main .container .letcontain .fill{width:100%;margin-left:20%;margin-top:10%}.main .container .letcontain .non{width:100%;margin-top:5%;display:flex;flex-wrap:wrap}.main .container .letcontain .check1{width:20%;margin-left:10%;margin-top:2%}.main .container .letcontain .check2{width:20%;margin-left:30%;margin-top:2%}}@media ((max-width: 600px)){.main h1{font-size:50px}.main .container .letcontain{width:100%;display:flex;flex-direction:column}.main .container .letcontain .fill{width:100%;margin-left:20%;margin-top:10%}.main .container .letcontain .non{width:100%;margin-top:5%;display:flex;flex-wrap:wrap}.main .container .letcontain .check1{width:20%;margin-left:10%;margin-top:2%}.main .container .letcontain .check2{width:20%;margin-left:30%;margin-top:2%}}