#member_center {position: relative;padding: 60px;border-top: 4px solid #db0a1a;}
#member_center >p{position: relative;z-index: 1;margin: 0;padding: 16px 0 16px 20px;border-bottom: 1px solid rgba(16,38,61,.12);color: #313b45;font-size: 15px;line-height: 1.75;letter-spacing: .025em;}
#member_center >p * , #member_center .textinfo *{vertical-align:baseline}
#member_center .textinfo .img{display:grid;grid-template-columns: repeat(3, 1fr);gap: 15px;margin-top: 10px;}
#member_center .textinfo .img img{aspect-ratio:4/3;object-fit: cover;}
#member_center >p::before {position: absolute;top: 26px;left: 0;width: 4px;height: 4px;border: 1px solid #db0a1a;content: "";transform: rotate(45deg);}
#member_center >p:last-child { border-bottom: 0; }
#member_center .infoBox { position: relative; width: 100%; }
#member_center .infoBox > p:first-child { display: flex; justify-content: flex-end; margin: 0 0 22px; }
#member_center .infoBox > p:first-child a {display: inline-flex;align-items: center;justify-content: center;min-width: 110px;padding: 12px 24px;border: 1px solid #1F9BCF;background: #1F9BCF;color: #ffffff;font-size: 15px;font-weight: 500;line-height: 1.5;letter-spacing: .08em;text-decoration: none;transition: background .3s ease,color .3s ease;border-radius: 5px;}
#member_center .infoBox > p:first-child a:hover {background: #187aa3;}
#member_center table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; background: #ffffff; }
#member_center table tr:first-child { background: #10263d; }
#member_center table td {padding: 13px 10px;border-right: 1px solid rgba(255,255,255,.12);border-bottom: 1px solid rgba(16,38,61,.12);color: #313b45;font-size: 15px;line-height: 1.7;text-align: center;vertical-align: middle;overflow-wrap: anywhere;word-break: break-word;}
#member_center table tr:first-child td {padding-top: 16px;padding-bottom: 16px;color: #ffffff;font-weight: 600;letter-spacing: .05em;text-align: center;font-size: 13px;}
#member_center table tr:not(:first-child) { transition: background .3s ease; }
#member_center table tr:not(:first-child):hover { background: #f6f8fa; }
#member_center table td:last-child { border-right: 0; }
#member_center table td:nth-child(1), #member_center table td:nth-child(7) {width: 35px;}
#member_center table td:nth-child(2) { width: 95px; }
#member_center table td:nth-child(3), #member_center table td:nth-child(8), #member_center table td:nth-child(4) {width: 100px;}
#member_center table td:nth-child(5) {text-align: left;}
#member_center table td:nth-child(6) {text-align: left;}
#member_center table td:nth-child(9) {width: 115px;}
#member_center table tr:not(:first-child) td:nth-child(1),#member_center table tr:not(:first-child) td:nth-child(7) {color: #079537;font-size: 16px;font-weight: 700;}
#member_center table td:last-child a {display: inline-flex;align-items: center;justify-content: center;margin: 3px;padding: 4px 11px;color: white;background: #10263d;font-size: 13px;line-height: 1.4;text-decoration: none;transition: background .3s ease,color .3s ease,border-color .3s ease;border-radius: 3px;}
#member_center table td:last-child a[data-action="del"] {background: #db0a1a;}
#member_center table td:last-child a:hover { background: #10263d; color: #ffffff; }
#member_center table td:last-child a[data-action="del"]:hover { background: #db0a1a; color: #ffffff; }
#member_center #pagenav {margin-top: 50px;}

.form_box{padding:0}
.form_box .note { color: var(--gray); font-size: 14px; line-height: 1.7; text-align: right; }
.recruitAdd .d_grid{display:inline-grid;grid-template-columns: 1fr 50px;align-items: center;gap: 20px;}
.recruitAdd .d_inflex{gap: 10px;}
.form_box font.upBox {position: relative;display: inline-flex;align-items: center;gap: 18px;margin: 0;}
.form_box font.upBox .img_box { position: relative; display: flex; flex: 0 0 92px; align-items: center; justify-content: center; aspect-ratio: 4/3; overflow: hidden; border: 1px solid rgba(16,38,61,.16); background: #ffffff; text-decoration: none; }
.form_box font.upBox .img_box::before { color: #6f7881; font-family: Arial,sans-serif; font-size: 13px; line-height: 1.5; text-align: center; content: "證書\A預覽"; white-space: pre; }
.form_box font.upBox .img_box:has(img)::before { display: none; }
.form_box font.upBox .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; }
.form_box font.upBox .in_group {display: flex;flex: 1;min-width: 0;margin: 0;}
.form_box font.upBox .in_group input { width: 100%; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid rgba(16,38,61,.18); border-right: 0; border-radius: 0; outline: none; background: #ffffff; color: #313b45; font-size: 15px; line-height: 48px; transition: border-color .3s ease; }
.form_box font.upBox .in_group input:focus { border-color: #10263d; }
.form_box font.upBox .group {display: flex;flex: 0 0 55px;}
.form_box font.upBox .group .btn {display: flex;align-items: center;justify-content: center;width: 35px;background: #10263d;color: #ffffff;text-decoration: none;transition: background .3s ease,color .3s ease;}
.form_box font.upBox .group .btn svg{fill:white;}
.form_box font.upBox .group .btn:hover { background: #db0a1a; border-color: #db0a1a; color: #ffffff; }

#member_center .memberinfoo{position:relative;width:100%;}
#member_center .memberinfo_head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:34px 0 28px;border-bottom:1px solid rgba(16,38,61,.14)}
#member_center .memberinfo_en{display:block;margin-bottom:7px;color: var(--gray);font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.18em}
#member_center .memberinfo_head h2{margin:0;color:#10263d;font-size: clamp(22px,2.3vw,30px);font-weight:700;line-height:1.35;letter-spacing:.05em}
#member_center .memberinfo_head > p{margin:0;color:#6f7881;font-size:14px;line-height:1.8}
#member_center .memberinfo_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
#member_center .memberinfo_grid > p{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap: 44px;min-width:0;margin:0;padding: 20px 25px;border-bottom:1px solid rgba(16,38,61,.1);font-size:15px;line-height:1.8;position: relative;}
#member_center .memberinfo_grid > p:after{content:'';position: absolute;width: 195px;height: 100%;background: #eef2f6;z-index: -1;}
#member_center .memberinfo_grid > p.alllist{grid-column: 1 / 3;}
#member_center .memberinfo_grid > p:nth-child(2n){border-right:0}
#member_center .memberinfo_label{color: var(--complement);font-weight: 500;line-height:1.6;letter-spacing:.03em;font-size: 15px;}
#member_center .memberinfo_value{min-width:0;color:#4b5661;overflow-wrap:anywhere;word-break:break-word;font-size: 15px;}
#member_center .memberinfo_status{display:inline-flex;align-items:center;width:fit-content;color:#079537;font-weight:600}
#member_center .memberinfo_status::before{display:inline-flex;align-items:center;justify-content:center;width:20px;aspect-ratio:1 / 1;margin-right:8px;border:1px solid #079537;border-radius:50%;font-size:11px;line-height:1;content:"✓"}
#member_center .certificate .memberinfo_value{display:flex;align-items:center}
#member_center .certificate a{display:inline-flex;align-items:center;gap:12px;color:#10263d;font-size:14px;font-weight:600;text-decoration:none}
#member_center .certificate a img{display:block;width:58px !important;aspect-ratio:4 / 3;border:1px solid rgba(16,38,61,.16);object-fit:cover;transition:opacity .3s ease}
#member_center .certificate a span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;font-size: 14px;font-weight: 400;}
#member_center .textinfo{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:26px 24px;background:#f5f7f9;border-top: 1px solid #10263d;margin-top: -1px;}
#member_center .memberinfo_remark{color:#4b5661;font-size:15px;line-height:1.9;white-space:pre-line}
#member_center .memberinfo_remark *{font-size:15px;}
#member_center .infoBox_head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid rgba(16,38,61,.14);flex-wrap: wrap;}
#member_center .infoBox_en{display:block;margin-bottom:7px;color: var(--info);font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.16em}
#member_center .infoBox_head h2{margin:0;color:#10263d;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.4;letter-spacing:.05em}
#member_center .infoBox_head p{margin:8px 0 0;color:#6f7881;font-size:14px;line-height:1.8}
#member_center .infoBox_add{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:150px;padding:13px 22px;border:1px solid #10263d;background:#10263d;color:#ffffff;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.05em;text-decoration:none;transition:background .3s ease,border-color .3s ease;border-radius: 50px;}
#member_center .infoBox_add *{color:white;font-weight: 400;font-size: 15px;letter-spacing: 0.04em;}
#member_center .infoBox_add i{font-size:20px;font-style:normal;font-weight:300;line-height:1}
#member_center .infoBox_add:hover{border-color:#db0a1a;background:#db0a1a;color:#ffffff}

/* notice_box */
.notice_box {margin-bottom: 40px;}
.notice_box >div {margin-bottom: .5em;display: flex;align-items: baseline;font-weight: 500;font-size: 1.2em;}
.notice_box >div i { margin-right: .2em; color: var(--g_300); }
.notice_box ol { margin-left: 1.5em; list-style: decimal; }
.notice_box ol li {list-style: decimal;color: var(--gray);font-size: 15px;letter-spacing: 0.04em;}
@media screen and (max-width:1200px) {
    #member_center{padding: 40px 0;}
  #member_center table,#member_center tbody,#member_center tr,#member_center td {display: block;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
  #member_center table {table-layout: auto;}
  #member_center table tr:first-child { display: none; }
  #member_center table tr:not(:first-child) {position: relative;margin-bottom: 24px;padding: 18px 20px;border-top: 3px solid var(--complement);background: #ffffff;}
  #member_center table tr:not(:first-child):hover { background: #ffffff; }
  #member_center table td,#member_center table td:nth-child(1),#member_center table td:nth-child(2),#member_center table td:nth-child(3),#member_center table td:nth-child(4),#member_center table td:nth-child(5),#member_center table td:nth-child(6),#member_center table td:nth-child(7),#member_center table td:nth-child(8),#member_center table td:nth-child(9) {display: grid;grid-template-columns: 105px minmax(0,1fr);align-items: start;gap: 16px;width: 100%;padding: 13px 0;border-right: 0;border-bottom: 1px solid rgba(16,38,61,.1);line-height: 1.7;text-align: left;font-size: 15px;}
  #member_center table tr:not(:first-child) td::before {color: #10263d;font-weight: 700;letter-spacing: .03em;font-size: 15px;}
  #member_center table tr:not(:first-child) td:nth-child(1)::before { content: "啟用"; }
  #member_center table tr:not(:first-child) td:nth-child(2)::before { content: "工程類型"; }
  #member_center table tr:not(:first-child) td:nth-child(3)::before { content: "工程區域"; }
  #member_center table tr:not(:first-child) td:nth-child(4)::before { content: "技師科系"; }
  #member_center table tr:not(:first-child) td:nth-child(5)::before { content: "工作經歷"; }
  #member_center table tr:not(:first-child) td:nth-child(6)::before { content: "技師費用"; }
  #member_center table tr:not(:first-child) td:nth-child(7)::before { content: "加保"; }
  #member_center table tr:not(:first-child) td:nth-child(8)::before { content: "受聘日期"; }
  #member_center table tr:not(:first-child) td:nth-child(9)::before { content: "操作"; }
  #member_center table tr:not(:first-child) td:nth-child(1),#member_center table tr:not(:first-child) td:nth-child(7) { font-size: 18px; }
  #member_center table tr:not(:first-child) td:last-child {align-items: center;border-bottom: 0;grid-template-columns: 105px 80px 80px;}
  #member_center table td:last-child a {margin: 0;}
  #member_center table td:last-child { display: grid; grid-template-columns: 105px minmax(0,1fr); }
  #member_center table td:last-child::after { display: none; }
  #member_center table td { padding: 15px 10px; font-size: 13px; }
}
@media screen and (max-width:768px) {
    .notice_box{margin-top:40PX;}
  #member_center .infoBox > p:first-child a { min-width: 100px; }
  #member_center {padding: 0 0;}
    #member_center .memberinfo_grid{grid-template-columns:1fr}
  #member_center > p, #member_center > div { grid-template-columns: 1fr; gap: 7px; padding: 17px 0; font-size: 15px; }
  #member_center p::before,#member_center > div::before { font-size: 14px; }
  #member_center::before { width: 100px; }
}
@media screen and (max-width:500px) {
    #member_center .textinfo{grid-template-columns:1fr}
    #member_center .memberinfo_grid > p{grid-template-columns: 1fr;gap: 0;padding: 0;}
    #member_center .memberinfo_grid > p span.memberinfo_label{background: #eef2f6;}
    #member_center .memberinfo_grid > p span{padding: 20px 25px;}
    #member_center .memberinfo_grid > p:after{display:none;}
    #member_center .memberinfo_head{flex-wrap: wrap;gap: 7px;padding: 14px 0 28px;}
  #member_center .infoBox > p:first-child { margin-bottom: 18px; }
  #member_center .infoBox > p:first-child a { width: 100%; }
  #member_center .infoBox > p:last-child { margin-top: 24px; }
}