#submit{
    font-weight: 800;
	background: var(--main-color);
	width: 184px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	padding: 0;
	margin: 0;
	font-size: 16px;
    border:none;
}
.errrequired {
	border-color: red;
	background-color: pink;
}
label.chbox input{display: none;}
label.chbox:has(input:checked) {
    background: url(/static/images/new/p/s1.png) no-repeat 12px center /18px;
    padding-left:40px;
    font-weight: 400;
    font-size: 14px;
    color:var(--dark);
} 
label.chbox{
    /* 未选中状态基础样式 */
    background: url(/static/images/new/p/s.png) no-repeat 12px center /18px;
    padding-left: 40px;
    font-weight: 400;
    font-size: 14px;
    color: var(--dark);
    margin: 0 !important;
    line-height: 1.25;
}
.errcorrected {

}

.panel .row {
	margin-bottom: 5px;
}
.form-control{max-width: 90%;}
#submit:hover{

}
.sm_s{
	width: 60px !important;
}
input:focus,select:focus,textarea:focus {
	border: 2px solid var(--main-color); /* 加粗边框 */
	outline: none; /* 移除默认的outline */
	}
.red{
	font-size: 20px;
	color: red;
	padding-top: 4px;
	padding-right: 3px;
}
form table input,
form table select {
	margin: 3px 0 !important;
	font-size: 14px;
	padding-left: 10px;
	padding: 3px;
	max-width: 100%;
}

form td, p {
	/* font: normal 14px/normal Arial, Helvetica, sans-serif; */
}

#confirmmsg {
	border: 4px solid #930;
	padding: 10px;
	clear: both;
	background-color: #F0E7A4;
	color: #930;
	height: 2100px;
}

#confirmmsg p {
	font-size: 16px;
}
.vendors_box tbody{
	max-width:100%;
}
.vendors_box{width: 350px;display: block;display: flex;/* padding: 5px !important; */margin: auto;overflow: hidden;}
.vendors_box tr{display: flex;flex-wrap: wrap;width: 100%;}
.vendors_box td{width: 90%;line-height: 27px;  font-size:18px}
.vendors_box td[colspan="2"] {
  min-width: 100px; /* 强制跨列单元格的宽度 */
  overflow:hidden;
  margin:1%;
}
.vendors_item_box{
    width: 100%;
}
.vendors_box select{
	padding: 5px;
}
.vendors_box td[colspan="2"] input{
    width: 100%;
}.vendors_box td[colspan="2"]:empty{
	display:none;
}
.errrequired button{background: pink;}
.vendors_item_box>tr{
    display: flex;
    flex-wrap: wrap;
    width:100%;                 
    
}
.vendors_item_box>td{width: 40%;}
.vendors_box td[colspan="4"]{
		width:100%;
		min-width: 94%;
	}


@media (min-width: 768px) {
    .vendors_box{width: 768px;}
    .vendors_box tr{display: flex;}
    .vendors_box td{min-width: 50%;max-width: 50%;}
    .vendors_box td[colspan="2"] {
      min-width: 100px; /* 强制跨列单元格的宽度 */
      overflow:hidden;
      width: 48%;
      margin: 1% 0;
      /* display: none; */
    }
    .vendors_box td[colspan="2"] input{
        width:90%;display: inline-block;
    }
}

@media (min-width:992px) {
    .vendors_box{width: 992px;margin:auto;}
    .vendors_box tr{display: flex;}
    .vendors_box td{min-width: 50%;width: 50%;}
	
}
@media (min-width:1200px) {
    .vendors_box{width: 100%;}
    .vendors_box tr{display: flex;}
    .vendors_box td{min-width: 25%;width: 25%;font-size: 18px;min-height: 36px;line-height: 1.5;}
	.vendors_box td[colspan="4"]{
		width:100%;
		min-width: 94%;
	}
	.vendors_box td[colspan="2"]{
		width: 48%;
	}
	.vendors_box tbody{
		width:100%;
	}
	.vendors_item_box tr{
		width:100%;
	}
	.vendors_item_box td{
		width:50%;
	}
}
@media (max-width: 768px) {
	#cosignee_number,
	#other_reference{width: 90% !important}
	.vendors_box td[colspan="2"] {
		min-width: 100px;
		overflow: hidden;
		margin: 1%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex-direction: row;
		height: 40px;
		max-width: 48%;
	}
}