预订展位

展位面积以平方米算 9 - 17 18 - 26 27 - 35 > 36 询问台 1 2 3 36:">4 折椅 3 4 6 36:">8 圆桌 1 2 3 36:">4 带锁储物柜 1 2 3 36:">4 废纸篓 1 2 3 36:">4 100W射灯 2 4 6 36:">8 13 Amp 插座(500W) 3 4 6 36:">8 .responsive-table{ margin: 0; margin-bottom: 2em; } .responsive-table li { border-radius: 0; padding: 15px 30px; display: flex; justify-content: space-between; margin-bottom: 0; } .responsive-table .table-header { background-color: #335da6; font-size: 14px; text-transform: capitalize; letter-spacing: 0.03em; margin-bottom: 10px; font-weight: 700; color: #fff; padding: 25px 30px; border-radius: 10px; } .responsive-table .table-row { background-color: #ffffff; border-bottom: 1px solid #ececec; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .responsive-table .table-row:hover{ box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; border-color: transparent; background-color: #335da6; color: #fff; } .responsive-table .table-row:last-child{ border-bottom: 1px solid transparent; } .responsive-table .table-row .col{ font-size: 15px; font-weight: 600; } .responsive-table .col-1 { flex-basis: 60%; } .responsive-table .col-2 { flex-basis: 10%; } .responsive-table .col-3 { flex-basis: 10%; } .responsive-table .col-4 { flex-basis: 10%; } .responsive-table .col-5 { flex-basis: 10%; } @media all and (max-width: 767px) { .responsive-table .table-header { display: none; } .responsive-table li { display: block; padding: 0 20px; } .responsive-table .col { flex-basis: 100%; } .responsive-table .col { display: flex; padding: 10px 0; } .responsive-table .col:before { color: #6C7A89; padding-right: 10px; content: attr(data-label); flex-basis: 50%; text-align: right; } .responsive-table .table-row .col { font-size: 13px; font-weight: 500; } .responsive-table .table-row:hover .col:before{ color: #ffc554; font-weight: 600; } }