.Category {
    display: flex;
	justify-content: center;
}

.Category input{
   height: 20px!important;
}
.Category .form-check {
     display: flex;
    justify-content: center;
    align-items: center;
}


.bs-example-modal-center, .bs-example-modal-center2, .bs-example-modal-center3 {
       z-index: 1091 !important;
}
.Category-box {
    display: flex;
	flex-wrap: wrap;
}




/* --------勾選項目----------- */
.Category2 {
    display: flex;
	    flex-wrap: wrap;
}
.Category2 .W-100 {
  width:100px;
  
}
.Category3 {
    display: flex;
	gap:8px;
}

/* 區塊 */
.section{
  border-radius:12px;
  margin-bottom:10px;
}

/* 已選 */
.selected-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
	   
}
.tag{
   border: 1px solid #d3d7db;
  border-radius:5px;
  padding: 3px 5px;
  font-size:12px;
  display:flex;
  align-items:center;
  gap:6px;
	min-height: 10px;
}
.tag button{
  background:none;
  border:none;
  font-size:10px;
  color:#c00;
  cursor:pointer;
}

/* 新增 */
.add-btn{
  width:100%;
  margin-top:10px;
  padding:10px;
  border:none;
  border-radius:8px;
  background:#ff6fa5;
  color:#fff;
}

/* mask */
.mask{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  display:none;
  z-index:20;
}
.sheet{
  position:absolute;
  bottom:0;
  width: calc(100% - 0px);
  max-height:85%;
  background:#fff;
  border-radius:16px 16px 0 0;
  padding:12px;
  transform:translateY(100%);
  transition:.3s;
  overflow:auto;
}
.mask.show .sheet{transform:translateY(0)}
.handle{
  width:40px;
  height:4px;
  background:#ccc;
  border-radius:10px;
  margin:6px auto 10px;
}

/* 搜尋 */
.search{
  width:100%;
  padding:8px;
  border-radius:8px;
  border:1px solid #ddd;
  margin-bottom:12px;
}

/* 選項 */
.option-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.option-list label{
  background:#f1f1f1;
  padding:6px 12px;
  border-radius:20px;
  cursor:pointer;
}
.option-list input{display:none}
.option-list input:checked + span{
  background:#ff6fa5;
  color:#fff;
}

/* 其他 */
.other-box{margin-top:12px;display:none}
.other-box input{
  width:100%;
  padding:6px;
  margin-top:6px;
}
.dimensions{
  display:flex;
  gap:6px;
}
.dimensions input{flex:1}



.text-center-box{
	position: relative;
    background-color: #fff !important;
	margin-bottom: 10px !important;
	
}
.text-center-box .delete{
	width: 100%;
	top:0;
	right: 0;
	
}


.Horizontal {
  display: flex;
    gap: 5px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
	
}

.Horizontal .form-label {
  width: 80px;
}

.Horizontal input {
  width:calc(100% - 80px);
}












  .New-name {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
	 white-space: nowrap; 
	  
  }
  .New-name .W-100{
    width: 100px;
  }
   .New-name  .index {
    width: 24px;
    text-align: center;
    font-weight: bold;
  }







  .delete[disabled] {
    background: #ccc;
    cursor: not-allowed;
  }




.form-group {
    margin-bottom: 15px;
}

.section {
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 15px;
    display: none;
}

.equal {
  display: flex;
}
 .type-buttons button {
    padding: 8px 18px;
    border: 1px solid #999;
    background: #fff;
    cursor: pointer;
    margin-right: 10px;
}
.type-buttons button.active {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}