@charset "UTF-8";
body{
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;  
}
.form-layout {
    width: auto;
}

.infoTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #dee3dd;
    background: #fff;
    border-radius: 8px;
    line-height: 1.5;
    font-size: 16px;
}
.infoTable th{
	width: 30%;
	padding: 15px 0 15px 20px;
    border-bottom: 1px solid #dee3dd;
    text-align: left;
    vertical-align: middle;
}
.infoTable td{
	width: 70%;
	padding: 10px;
    border-bottom: 1px solid #dee3dd;
}
.infoTable td img{
	width: 100px;
}
.infoTable tr:first-child td:last-child {
    border-radius: 0 8px 0 0;
}


.table-footer{
	margin: 20px;
	text-align: center;
	display: flex;
	 justify-content: center;
  align-items: center;
}

.table-btn{
  cursor: pointer;
	background: #336CB1;	
	width: 200px;
	padding: 10px;
	color: #fff;
	margin: 2px;
	border-radius: 25px;
	text-align: center;
}
.add-btn{
	background: gray;	
	width: 200px;
	padding: 10px;
	color: #fff;
	margin: 2px;
	border-radius: 25px;
}
.table-btn:hover,.add-btn:hover{
	opacity: 0.6;
}
.form-layout table.statu1 th:nth-child(1) {
  width: 10%!important;
}

.form-layout table.statu1 th:nth-child(3) {
  background: #C7EFFF!important;
	color: #000;
}
.order-layout-list table.statu1{
	margin: 0;
}

@media screen and (max-width: 600px){
.form-layout table.statu1 td:nth-child(2),.form-layout table.statu1 td:nth-child(3) {
       width: 90%!important;
    text-align: left;
    float: none!important;
    border: none;
    display: grid;
}}