CSS 似乎无法正常工作

Question

我在我的首页上制作的联系表格，上面有一些 CSS，所以它全部居中，适合它创建的白框等，但其中一个字段似乎不适合白框但其他一切都一样，这里是网站。

https://www.traveltradewinds.com/ttw/

当我更改 CSS 以尝试修复它时，我注意到设置为 110% 的宽度适合它，但结果不在屏幕中央，在旁注中，复选框不是默认输入类型复选框，它有一个我没有添加的样式，任何人都可以帮助我说明出了什么问题，因为它看起来应该对我有用吗？

非常感谢

编辑:忘记添加 CSS 代码，抱歉:

@media only screen and (min-width: 40.063em) {
   .hero .hero-inner {
       width: 100% !important;
       float: left;
       margin-left: 1.38889%;
       margin-right: 1.38889%;

   }
}


.hero .hero-inner {
    width: 100%;
    float: left;
    margin-left: 1.38889%;
    margin-right: 1.38889%;
}

ul {
    display: flex;
}

form {
    border: 1px solid white;
    background: white;
    padding: 10px;
    border-radius: 5px;
}

.widget ul {
list-style: none;
margin: 0;
padding: 0;
}


.hero .widget ul li, .hero .widget ol li {
list-style: none;
height: 48px;
margin: 50px 15px;
height: 48px;
 margin: 50px 15px;
}

.hb-submit{
 text-align:center;
 }

Answer 1

看起来它属于 hotel-booking.css。请检查这个