.maid{width:100%;float:left;}
.maid-wrapper{width:100%;float: left; padding-top: 30px}
.maid-title{width:100%;text-align:center; padding: 0 15%; margin-bottom:40px;letter-spacing:0.1em;}
.maid-title h2{font-size:34px; margin-bottom:35px;font-weight: 500}
.maid-title p{font-size: 20px;letter-spacing: 0.1em;line-height: 2em}

@media screen and (max-width: 1600px) {
.maid-wrapper{padding-top: 20px}	
}
@media screen and (max-width: 1280px) {
.maid-title{padding: 0 10%;}
.maid-title h2{font-size:28px;margin-bottom:25px}
.maid-title p{line-height: 1.7em;}
}
@media screen and (max-width: 980px) {
.maid-title{margin-bottom:30px;}
.maid-title h2{font-size:26px;}
}
@media screen and (max-width: 767px) {
.maid-title{margin-bottom:25px}
.maid-title h2{font-size:24px;margin-bottom: 15px}
.maid-title p{font-size:18px}
}

.maid-inner{width: 100%; float: left;padding: 80px 0}
.maid-content{width: 1200px;margin: 0 auto;}
.maid-subtitle{width: 100%;float: left;margin-bottom: 5px}
.maid-subtitle h2{font-size: 24px;font-weight: 500;color: #0061a3;}
.maid-subtitle h3{font-size: 24px;font-weight: 500;color: #0061a3;margin:0 0 12px;}
.maid-subtitle h4{text-align:justify;font-weight: 500;}
.maid-subtitle p{text-align:justify;}
.apply-title{width: 100%;float: left;font-size: 18px;font-weight: 600;margin-bottom: 15px;}
.file-subtitle{width: 100%;float: left;font-size: 18px;font-weight: 600;margin-bottom:5px;}
.maid-apply{width:100%;float:left;margin-bottom: 15px}
.maid-apply ol{margin:0; list-style-type: decimal; } 
.maid-apply li {margin:0 0 0 1.5em; line-height:1.9em;text-align:justify;}
.maid-file{width:100%;float:left;margin-bottom: 20px}
.maid-file ul{margin:0; list-style-type: decimal;} 
.maid-file li {margin:0 0 0 1.8em; line-height:1.8em;text-align:justify;}


.waste-work{width:100%;float:left;margin-bottom: 25px}
.waste-work ul{margin:0; list-style-type: disc; } 
.waste-work li {margin:0 0 0 1.8em; line-height:1.9em;text-align:justify;}

.section-title{width: 100%;float: left;margin:0 0 25px;}
.section-title h2{font-size: 24px;font-weight: 500;color: #0061a3;}
.section-title h3{font-size: 24px;font-weight: 500;color: #0061a3;margin:0 0 10px;}
.section-title p{text-align:justify;}
.base-title{width: 100%;float: left;font-size: 24px;font-weight: 500;color: #0061a3;margin-bottom: 10px}
.base-subtitle{width: 100%;float: left;font-weight: 500;margin-bottom: 10px}

.cost-title{width: 100%;float: left;margin-bottom: 20px}
.cost-title h2{font-size: 24px;font-weight: 500;color: #0061a3;}
.cost-title h3{font-size: 24px;font-weight: 500;color: #0061a3;margin:0 0 12px;}
.cost-title h4{text-align:justify;font-weight: 500;font-size: 17px}
.cost-title p{text-align:justify;}
.cost-list{width:100%;float:left;}
.cost-list ol {margin:0; list-style-type: decimal; } 
.cost-list li {margin:0 0 0 1.5em; line-height:1.6em;text-align:justify;}
@media screen and (max-width: 1600px) {
.maid-inner{padding: 60px 0 70px}
.maid-content{width: 1160px;}
}
@media screen and (max-width: 1280px) {
.maid-inner{padding: 50px 0 60px;}
.maid-content{width:88%}
}
@media screen and (max-width: 980px) {
.maid-inner{padding: 45px 0 50px}
.maid-content{width:90%}
.cost-title h3{font-size: 24px;margin:0 0 10px;}	
}
@media screen and (max-width: 767px) {
.maid-inner{padding: 35px 0 45px}
.maid-content{width:90%}
.cost-title{margin-bottom: 15px}
.cost-title h3{font-size: 22px;margin:0 0 8px;}
.cost-title h2{font-size: 22px;}
.maid-subtitle h2{font-size: 22px;}
.maid-subtitle h3{font-size: 22px;margin-bottom: 6px}
.waste-work{margin-bottom:18px}
.waste-work li {line-height:1.7em;}
.base-title{font-size: 22px;}
.section-title h2{font-size: 22px;}
.section-title h3{font-size: 22px;margin:0 0 6px;}
.section-title{margin:0 0 18px;}
}

.table-box{width:100%; float: left; height:100%;overflow-x:auto;overflow-y:hidden; position:sticky}
/*--Table---*/
.tablebox-a{ float:left;width:100%; margin-bottom: 30px}
table {max-width:100%; border-collapse: collapse !important;}
.apply{word-break:break-all;line-height:1.6em;text-align:center;}
.apply th{border-bottom:1px solid #777;border-top:1px solid #777; border-right:1px solid #777; background:#0061a3; color:#ffffff; padding:12px 15px;border-left:1px solid #777;font-weight: 500;}
.apply th:last-child{border-right:1px solid #777;}
.apply td{display: table-cell;border-bottom:1px solid #777;border-right:1px solid #777;border-left:1px solid #777;padding: 12px 15px;}
.apply i{color: #25780C;font-size: 22px;margin-top: 3px}
@media screen and (max-width:980px) {
.apply th{padding:10px 8px;}	
.apply td{padding: 15px 8px;line-height: 1.5em}
}
@media screen and (max-width: 767px) {
.tablebox-a{ float:left;width:680px; margin-bottom: 25px}
.apply th{padding:8px 4px;}
.apply th:last-child{border-right:1px solid #777;}
.apply td{padding:7px 4px;}	
}

.tablebox-b{ float:left;width:100%;margin-bottom: 60px}
.dot{word-break:break-all;line-height:1.6em;text-align:center;}
.dot th{border-bottom:1px solid #777;border-top:1px solid #777; border-right:1px solid #777; background:#d27776; color:#ffffff; padding:12px 15px;border-left:1px solid #777;font-weight: 500;}
.dot th:last-child{border-right:1px solid #777;}
.dot td{display: table-cell;border-bottom:1px solid #777;border-right:1px solid #777;border-left:1px solid #777;padding: 10px 15px;}
.dot i{color: #25780C;font-size: 22px;margin-top: 3px}
.dot tr:nth-child(even) {background: #fff}
.dot tr:nth-child(odd) {background: #fff6f6}

@media screen and (max-width:980px) {
.tablebox-b{ float:left;width:100%;margin-bottom: 40px}
.dot th{padding:10px 8px;}	
.dot td{padding: 15px 8px;line-height: 1.5em}
}
@media screen and (max-width: 767px) {
.tablebox-b{ float:left;width:100%; margin-bottom: 25px}
.dot th{padding:8px 4px;}
.dot th:last-child{border-right:1px solid #777;}
.dot td{padding:7px 4px;}	
}

.proportion{word-break:break-all;line-height:1.6em;text-align:center;}
.proportion th{border-bottom:1px solid #777;border-top:1px solid #777; border-right:1px solid #777; background:#e7b0d0; padding:12px 15px;border-left:1px solid #777;font-weight: 500;}
.proportion th:last-child{border-right:1px solid #777;}
.proportion td{display: table-cell;border-bottom:1px solid #777;border-right:1px solid #777;border-left:1px solid #777;padding: 12px 15px;}
.proportion i{color: #25780C;font-size: 22px;margin-top: 3px}
@media screen and (max-width:980px) {
.proportion th{padding:10px 8px;}	
.proportion td{padding: 15px 8px;line-height: 1.5em}
}
@media screen and (max-width: 767px) {
.proportion th{padding:8px 4px;}
.proportion th:last-child{border-right:1px solid #777;}
.proportiontd{padding:7px 4px;}	
}

.cost{word-break:break-all;line-height:1.6em;text-align:center;}
.cost th{border-bottom:1px solid #777;border-top:1px solid #777; border-right:1px solid #777; background:#04a89d; color:#ffffff; padding:12px 15px;border-left:1px solid #777;font-weight: 500;text-align: center}
.cost th:last-child{border-right:1px solid #777;}
.cost td{display: table-cell;border-bottom:1px solid #777;border-right:1px solid #777;border-left:1px solid #777;padding: 12px 15px;}
.table-title{width:100%;float:left;margin-top: 40px;}
.msg{width:100%;float:left;text-align:justify;margin-bottom: 30px}
@media screen and (max-width: 767px) {
.cost th{padding:8px 4px;}
.cost th:last-child{border-right:1px solid #777;}
.cost td{padding:7px 4px;}
.msg{margin-bottom: 18px}
}
.tablebox-c{ float:left;width:100%; margin-bottom: 15px}
.people{word-break:break-all;line-height:1.6em;text-align:center;}
.people td{display: table-cell;border-top:1px solid #777;border-bottom:1px solid #777;border-right:1px solid #777;border-left:1px solid #777;padding: 12px 15px;line-height: 1.7em}
.people i{color: #888;margin-right: 5px;}
.people tr:nth-child(even) {background-color: #ffe5e4}
.people tr:nth-child(odd) {background-color: #fff6ed;}
@media screen and (max-width:980px) {
.people td{padding: 10px 8px;line-height: 1.5em}
}
@media screen and (max-width: 767px) {
.tablebox-c{ float:left;width:680px;margin-bottom: 15px}
.people td{padding:7px 4px;}	
}
.tablebox-d{ float:left;width:100%; margin-bottom:0}
.workers{word-break:break-all;line-height:1.6em;text-align:center;}
.workers th{border-bottom:1px solid #777;border-top:1px solid #777; border-right:1px solid #777; background:#fb7007; color:#ffffff; padding:12px 15px;border-left:1px solid #777;font-weight: 500;}
.workers th:last-child{border-right:1px solid #777;}
.workers td{display: table-cell;border-bottom:1px solid #777;border-right:1px solid #777;border-left:1px solid #777;padding: 12px 15px;line-height: 1.8em}
.workers i{color: #888;margin-right: 5px;}
@media screen and (max-width: 767px) {
.tablebox-d{ float:left;width:600px;margin: 0}
.workers th{padding:8px 4px;}
.workers th:last-child{border-right:1px solid #777;}
.workers td{padding:7px 4px;}	
}

.dot-text::before {content: "";display: inline-block;width:5px; height: 5px;background-color: #000; border-radius: 50%; margin-right:0; vertical-align: middle;margin-bottom:7px}
.dot-text {display: inline-block;vertical-align: middle;margin-left:0.2em;margin-right: 5px;}
.dot-text2::before {content: "";display: inline-block;width:5px; height: 5px;background-color: #000; border-radius: 50%; margin-right:0; vertical-align: middle;margin-bottom:7px}
.dot-text2 {display: inline-block;vertical-align: middle;margin-left:1em;margin-right: 5px;}
.item-blank{margin-left: 0.4em;}
.item-blank2{margin-left: 0.4em;}
.norm{width:100%; height:100%;overflow-x:auto;overflow-y:hidden; position:sticky}
.blank-bottom{margin-bottom: 40px;}
.mb1{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb2{margin-bottom: 30px;}
.mb3{margin-bottom: 30px;}
.mb4{margin-bottom: 30px;}
.mb5{margin-bottom: 50px;}
.tx-left{text-align:justify;}
.red{color: #F10004;font-weight: 600;}
@media screen and (max-width: 980px) {
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 25px;}
.mb4{margin-bottom: 25px;}
.mb5{margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
.mb2{margin-bottom: 15px;}
.mb3{margin-bottom: 20px;}
.mb4{margin-bottom: 20px;}
.mb5{margin-bottom: 30px;}
.blank-bottom{margin-bottom: 20px;}
}

.maid-app{float:left;width:100%; }
.maid-app-container{max-width: 1200px;margin: 0 auto 50px;background: #ffffff;border-radius: 0;box-shadow: 0 40px 80px rgba(15, 23, 42, 0.04), 0 10px 20px rgba(15, 23, 42, 0.04);overflow: hidden; border: 1px solid #e2e8f0;box-sizing: border-box;}
  .maid-app-container * { box-sizing: border-box; }
  .maid-body {display: grid;grid-template-columns: 400px 1fr; background: #ffffff;}
  .maid-sidebar {background: #027dc3; padding: 40px 30px;color: #f8fafc;position: relative;border-right: 1px solid #1e293b;}
  .maid-sidebar-title { font-size: 1.4rem; font-weight: 900; color: #fde047; margin: 0 0 30px 0; display: flex; align-items: center; gap: 12px; border-bottom: 1px dashed #334155; padding-bottom: 15px; }
  .maid-rule-list { list-style: none; padding: 0; margin: 0; }
  .maid-rule-list li { font-size: 1rem; font-weight: 500; line-height: 1.6; margin-bottom: 25px; display: flex; align-items: flex-start; gap: 15px; }
  .maid-rule-list li:last-child { margin-bottom: 0; }
  .maid-rule-icon { color: #fde047; font-size: 1rem; margin-top: 2px; }
  .maid-highlight { color: #ffffff; font-weight: 800; background: rgba(253, 224, 71, 0.2); padding: 0 4px; border-radius: 4px; }
  .maid-calc-main { padding: 40px 50px; }
  .maid-calc-header { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-end;}
  .maid-calc-header h3 { font-size: 1.4rem; font-weight: 900; color: #027dc3; margin: 0; display: flex; align-items: center; gap: 10px; }
  .maid-calc-header p { font-size: 1rem; color: #64748b; margin: 0; font-weight: 600; }
  .maid-section-label { font-size: 1rem; font-weight: 800; color: #64748b; margin: 20px 0 10px 0; display: block; text-transform: uppercase; letter-spacing: 1px; }
  .maid-section-label.primary { color: #b88746; }
  .maid-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f1f5f9; }
  .maid-row:hover { background: #f8fafc; padding: 12px 10px; margin: 0 -10px; border-radius: 8px; border-color: transparent;}
  .maid-label-group { display: flex; align-items: center; gap: 10px; }
  .maid-label-title { font-size: 1rem; font-weight: 700; color: #334155; }
  .maid-label-tag { font-size: 1rem; font-weight: 800; color: #059669; background: #ecfdf5; padding: 2px 8px; border-radius: 6px; }
  .maid-input-group { display: flex; align-items: center; gap: 8px; }
  .maid-num-wrapper {
    display: flex;
    align-items: center;
    width: 65px; 
    height: 40px;
    border: 2px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    transition: all 0.2s;}
  .maid-num-wrapper:focus-within { border-color: #027dc3; box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1); }
  .pcalc-num-input {
    flex: 1;
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 1rem;
    font-weight: 900;
    color: #027dc3;
    background: transparent;
    padding: 0;
    -moz-appearance: textfield; 
  }
  .pcalc-num-input:focus { outline: none; }
  .pcalc-num-input::-webkit-outer-spin-button, 
  .pcalc-num-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

  .maid-num-controls {
    display: flex;
    flex-direction: column;
    width: 22px;
    height: 100%;
    border-left: 1px solid #e2e8f0;
    background: #f8fafc;
  }
  .maid-num-controls button {
    flex: 1;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #64748b;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.2s;
  }
  .maid-num-controls button:hover { background: #e2e8f0; color: #027dc3; }
  .maid-num-controls button.maid-num-up { border-bottom: 1px solid #e2e8f0; }
  .maid-unit { font-size: 1rem; font-weight: 700; color: #94a3b8; }
  .maid-action-area { margin-top: 30px; display: flex; gap: 20px; align-items: center; }
  .maid-action-buttons {
    flex: 1;
    display: flex;
    gap: 10px;
  }

  .maid-submit-btn { flex: 2; background: #027dc3; color: #ffffff; font-size: 1.2rem; font-weight: 900; padding: 16px; border: none; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; letter-spacing: 1px; text-align: center; }
  .maid-submit-btn:hover { background: #0270af; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(30, 58, 138, 0.2); }

  .maid-reset-btn { flex: 1; background: #f1f5f9; color: #64748b; font-size: 1.2rem; font-weight: 800; padding: 16px; border: none; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px; }
  .maid-reset-btn:hover { background: #e2e8f0; color: #dc2626; transform: translateY(-2px); }

  .pcalc-result-box { flex: 1.2; padding: 12px 20px; border-radius: 12px; text-align: center; display: none; animation: fadeIn 0.4s ease forwards; }

  @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

  .pcalc-score-display { font-size: 1.2rem; font-weight: 800; color: #475569; display: flex; align-items: center; justify-content: center; gap: 8px;}
  .pcalc-score-val { font-size: 1.4rem; font-weight: 900; }
  .pcalc-status-msg { font-size: 1.2rem; font-weight: 900; margin-top: 5px;}
  .result-success { background: #ecfdf5; border: 1px solid #10b981; }
  .result-success .pcalc-score-val, .result-success .pcalc-status-msg { color: #059669; }
  .result-special { background: #fefce8; border: 1px solid #eab308; }
  .result-special .pcalc-score-val, .result-special .pcalc-status-msg { color: #ca8a04; }
  .result-fail { background: #fef2f2; border: 1px solid #ef4444; }
  .result-fail .pcalc-score-val, .result-fail .pcalc-status-msg { color: #dc2626; }

  @media (max-width: 991px) {
    .maid-body { grid-template-columns: 1fr; }
    .maid-sidebar { border-right: none; border-bottom: 5px solid #fde047; padding: 30px; }
    .maid-action-area { flex-direction: column; }
    .pcalc-result-box { width: 100%; }
    .maid-action-buttons { width: 100%; }
  }

  @media (max-width: 768px) {
    .maid-app-container { border-radius: 0px; margin: 30px 0px; }
    .maid-sidebar { padding: 25px 20px; }
    .maid-sidebar-title { font-size: 1.2rem; }
    .maid-rule-list li { font-size: 1rem; }
    .maid-calc-main { padding: 30px 20px; }
    .maid-calc-header { flex-direction: column; align-items: flex-start; gap: 5px; }
    .maid-label-group { flex-direction: column; align-items: flex-start; gap: 2px;}
    .maid-label-title { font-size: 1rem; }
    .maid-num-wrapper { width: 60px; height: 35px; }
    .pcalc-num-input { font-size: 1rem; }
    .maid-unit { display: none; } 
    .maid-submit-btn { font-size: 1.2rem; }
    .maid-reset-btn { font-size: 1rem; }
  }

/*--流程---*/
.maid-flow{width: 100%; float: left;padding: 80px 0 60px}
.maid-flow-content{width: 1200px;margin: 0 auto}
.maid-flowitem{width:100%; float:left;}
.maid-flowitem ul{margin:0 0 30px;list-style:none;} 
.maid-flowitem li{margin:0 0 0 1.5em; padding:0;} 
.maid-flowitem h3{font-size: 24px;font-weight: 500;color: #0061a3;margin:0 0 10px;text-align:justify;text-indent:-1.2em;}
.maid-flowitem h4{font-size: 19px; font-weight: 600;margin-bottom: 5px;color: #0061a3}
.maid-flowitem h5{font-size: 18px; font-weight: 600;margin-bottom: 5px;margin-top: 20px; color: #191919}

@media screen and (max-width: 1600px) {
.maid-flow{padding: 50px 0 40px}
.maid-flow-content{width: 1160px;}
}
@media screen and (max-width: 1280px) {
.maid-flow{padding: 50px 0 30px}
.maid-flow-content{width:88%}
}
@media screen and (max-width: 980px) {
.maid-flow{padding: 45px 0 30px}
.maid-flow-content{width:90%}
.maid-flowitem ul{margin:0 0 25px;} 
.maid-flowitem h3{margin:0 0 10px;}
}
@media screen and (max-width: 767px) {
.maid-flow{padding: 35px 0 20px}
.maid-flow-content{width:90%}
.maid-flowitem h3{font-size: 22px;margin:0 0 8px;}
.maid-flowitem ul{margin:0 0 15px;} 	
}