:root{--primary-color:#1e78be;--primary-dark:#7a7a7a;--secondary-color:#2c3e50;--light-bg:#ffffff;--dark-bg:#f5f7f9;--primary-color: #1a73e8;--primary-light: #4285f4;--secondary-color: #3c4043; --border-color: #dadce0;--gap-spacing:20px}

.patentContainer{max-width:1200px;margin:0 auto}
.patentformList{background-color:var(--light-bg);padding:30px;border-radius: 12px;margin-bottom:40px;box-shadow: 0 8px 25px rgba(0,0,0,0.05);border: 5px solid #ececec;8}
.patentformList form{display:flex;flex-direction:column;gap:30px}
.form-group{display:flex;flex-wrap:wrap;gap:15px 30px;margin-bottom:0}
.form-item{display:flex;align-items:center;min-width:250px}
.form-item label{font-size:16px;color: #000000;font-weight:500;flex-shrink:0;margin-right:10px;min-width:120px;text-align:right}
.form-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px dashed #eee}
.form-actions input[type="button"]{background-image:linear-gradient(45deg,#1e78be 0%,#1d81cf 100%);color:white;padding:8px 20px;border:none;border-radius:25px;cursor:pointer;font-size: 16px;font-weight:600;letter-spacing: 4px;box-shadow:0 4px 15px rgb(128 128 128 / 40%);transition:all 0.3s;text-align:center;width:min(100%,200px);margin:auto}
.form-actions input[type="button"]:hover{box-shadow: 0 4px 15px rgb(92 92 92 / 40%);transform:translateY(-2px)}
.patentArea{margin-top:40px;position:relative}
.table-scroll{overflow-x:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}
.patentArea table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:14px;background-color:var(--light-bg);border-radius:8px;overflow:hidden}
.patentArea th{background-color:var(--secondary-color);color:white;text-align:left;font-size: 18px;padding:15px 20px;font-weight: 500;letter-spacing:0.5px;border-bottom:4px solid var(--primary-color)}
.patentArea td{padding:20px 20px;border-bottom:1px solid #e8e8e8;vertical-align:middle;font-family:"Noto Sans TC",sans-serif;font-size:17px}
.patentArea tr:nth-child(even){background-color: #fefefe;}
.patentArea tr:hover{background-color: #f5f7f9;transition:background-color 0.3s}
.patentArea td a{color:#494949;text-decoration:none;font-weight:500;transition:color 0.3s;font-family:"Noto Sans TC",sans-serif;font-size:17px}
.patentArea td a:hover{text-decoration:underline;color:var(--primary-color)}
.patentArea tr:last-child td{border-bottom:none}
.table-scroll{position:relative;overflow-x:auto;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}
.patentArea th:first-child{position:sticky;left:0;z-index:20;background-color:var(--secondary-color)}
.patentArea td:first-child{position:sticky;left:0;z-index:10;background-color: #f5f7f9;}
.patentArea tr:nth-child(even) td:first-child{background-color: #f5f7f9;}
.table-scroll::-webkit-scrollbar{height:10px;background-color:#f1f1f1}
.table-scroll::-webkit-scrollbar-thumb{background-color:var(--primary-dark);border-radius:5px;border:2px solid #f1f1f1}
.table-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}


/* formContainer */

.formContainer{max-width:900px;margin:40px auto}
.expertform{background-color:var(--light-bg);padding:30px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.formHeader{margin-bottom:30px;padding-bottom:15px;border-bottom: 3px solid #ebebeb;}
.formHeader h2{color:var(--primary-color);font-size:24px;font-weight:700;margin:0 0 5px 0}
.formHeader .note{font-size:14px;color:#888;margin:0}
.formHeader .instruction{font-size: 15px;margin-top:5px}
.required-star{color:#e53935;font-weight:bold;margin-left:3px}
.formGroup{display:flex;flex-direction:column;gap:var(--gap-spacing)}
.formItem{display:flex;flex-direction:column;width:100%;}
.formItem label{margin-bottom:5px;display:block;font-size: 16px;font-weight: 500;}
.formItem input{
    width: initial;
}
.formItem-captcha .captchaWrapper{display:flex;gap:10px;align-items:center}
.formItem-captcha .captchaWrapper input{flex-grow:1;max-width:150px}
.formItem-captcha img{height: auto;cursor:pointer}
.formActions{margin-top:30px;text-align: center;}
.formActions a{background-color:var(--primary-color);color:white;padding: 10px 60px;border-radius:25px;text-decoration:none;font-size:16px;font-weight:bold;display:inline-block;box-shadow: 0 4px 15px rgb(92 92 92 / 40%);transition:all 0.3s}
.formActions a:hover{background-color: #2f2f2f;box-shadow: 0 6px 10px rgb(149 149 149 / 60%);transform:translateY(-1px)}




.patentContainer{max-width:1100px;margin:40px auto;}
.patentEditor{border-radius:12px;}
.patentTitle{font-size: 24px;font-weight: 500;margin-top:0;padding-bottom: 15px;border-bottom:2px solid #dadce0;margin-bottom: 0;display: flex;align-items: center;font-family: "Noto Sans TC", sans-serif;}
.patentTitle h2{
    font-size: 24px;
    font-weight: 500;
    font-family: "Noto Sans TC", sans-serif;
}
.patentDetails{display:flex;flex-wrap:wrap;gap:10px 30px;padding-bottom:20px;border-bottom: 1px solid #dadce0;margin-bottom:30px;flex-direction: column;padding: 40px;background: #f7f7f7;}
.detailItem{flex:1 1 auto;min-width:250px;font-size:15px}
.detailLabel{font-weight: 500;font-size: 18px;color:var(--secondary-color);margin-right: 30px;width: 110px;display: inline-block;text-justify: distribute-all-lines;text-align-last: justify;}
.detailValue{color: #212326;font-size: 18px;}
.mediaContent,.textContent{margin-bottom:30px}
@media (min-width:900px){.patentEditor{display:grid;grid-template-columns:1fr 2fr;gap: 23px;}
.patentTitle,.patentDetails,.actionArea{grid-column:1 / -1}
.mediaContent{grid-column: 1;grid-row: 3;}
.textContent{grid-column:2;grid-row:3 / span 2;margin-left: 50px;}
}
.patentImage img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.08)}
.patentVideo{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:20px;background-color:#000;border-radius:8px}
.patentVideo iframe,.patentVideo embed,.patentVideo object{position:absolute;top:0;left:0;width:100%;height:100%}
.contentSection h3{font-size: 22px;color: #2a4e8a;border-left: 4px solid #4e6c9f;padding-left:10px;margin-top:0;margin-bottom: 30px;line-height: 120%;}
.contentSection.patentInfo{padding-bottom:20px;border-bottom: 1px solid #dadce0;margin-bottom:30px}
.contentSection p,.contentSection div{font-size: 19px;color:var(--secondary-color);margin-bottom: 10px;}
.actionArea{padding-top:20px;border-top:1px solid #dadce0;text-align:center}
.contactButton{background-color: #2e82c3;color:white;padding: 12px 50px;border-radius: 50px;text-decoration:none;font-size:18px;font-weight:600;display:inline-block;transition:background-color 0.3s,transform 0.2s}
.contactButton:hover{background-color: #0f80d8;transform:translateY(-1px)}
@media (min-width:768px){
    .actionArea{text-align:right}

}




@media (min-width:1141px){
	form-group{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:17px;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto}
	.form-item{min-width:unset}
	.form-group{display:grid;grid-template-columns: repeat(3,1fr);gap:20px}
	.form-item:nth-child(2){grid-column: 2 / span 2;}
	.form-item:nth-child(3){grid-column:1}
	.form-item label{width:130px;text-align:left}
}
@media (max-width:1141px){
	form-group{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:17px;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto}
	.form-group{display:grid;grid-template-columns: repeat(2,1fr);gap:20px}
	.form-item label{width:130px;text-align:left}
}
@media (min-width:768px){
	.formGroup{display:grid;grid-template-columns:repeat(2,1fr);gap: 20px;}
	.formItem-full{grid-column:1 / span 2}
	.formItem-full textarea{height:auto;width: auto;}
	.formItem-captcha{grid-column:1}
}
@media (max-width:767px){
	.form-item{min-width: 100%;}
	.patentArea:after{content:'';position:absolute;top:0;right:0;bottom:0;width:50px;background: linear-gradient(to left, rgb(0 0 0 / 14%), rgba(255, 255, 255, 0));pointer-events:none;z-index:10;border-radius:12px}
	.form-group{display:grid;grid-template-columns: 1fr;gap: 10px;}
    .patentformList{padding: 24px 18px;}
	.form-item{flex-direction:column;align-items:flex-start;}
	.form-item label{width:100%;text-align:left;margin-bottom:5px}
	.patentArea td{padding:16px 20px;font-size:16px}
	.patentArea td a{font-size:16px}
.patentTitle,.patentTitle h2{font-size:20px;display:flex;flex-direction:column;align-items:flex-start}
.patentDetails{gap:10px 10px;padding:20px 10px}
.detailLabel{width:90px;font-size:16px;margin-right:10px}
    .detailValue,.contentSection p, .contentSection div{  font-size: 16px;}
}