.crumbsContent{ padding: 0; background: #EFF1F3; padding-top: 19px; padding-bottom: 19px; .txt{ font-size: 16px; line-height: 22px; color: #515356; text-decoration: none; } .arrow{ width: 12px; height: 16px; margin-left: 12px; margin-right: 12px; } } .content{ padding-top: 70px; padding-bottom: 100px; background: #F4F6F7; } .crumbs{ display: flex; align-items: center; } .contentInfo{ max-width: 970px; margin: auto; background: #fff; padding: 50px; padding-bottom: 80px; .title{ text-align: center; font-size: 30px; line-height: 48px; font-weight: bold; color: #333436; } .formBox{ width: 550px; margin: auto; margin-top: 40px; .inputBox{ margin-bottom: 15px; height: 42px; .text{ margin-left: 0; } .input{ height: 100%; margin-right: 0; } .yzmBox{ width: 100%; height: 100%; margin-right: 0; .input{ height: 100%; } .yzm{ height: 100%; margin-left: 15px; } } } } .button_v2{ width: 200px; margin: auto; margin-top: 30px; } } @media (max-width: 767px) { .content{ padding-top: 40px; padding-bottom: 90px; background: #fff; } .contentInfo{ width: 100%; padding: 0; .title{ font-size: 26px; line-height: 35px; } .formBox{ width: 100%; margin-top: 30px; .inputBox{ height: 38px; } } } }