@charset "utf-8";
.cntop{display:flex; gap:8px;  align-items:center; flex-wrap: wrap; margin:0 auto}
.cntopImg{height:60px; overflow:hidden}
.h1{font-size:24px !important; font-weight:900}
.cntop .cntoptext{ display:flex; align-items:center; gap:15px}
.orgTop{padding:var(--min2-padding)}
.OrgSide{padding:var(--min4-padding)}
.OrgSideL .orp{font-size:17px; padding:3px 0; overflow:hidden;max-width:max-content}
.OrgSideL a.BlogURL{color:var(--list-color); text-decoration: underline}

.serviceList{flex-wrap:wrap; display:flex; justify-content:space-between; gap:10px}
.serviceList li{position: relative; font-size:18px; flex:0 0 calc(100% / 2 - 10px)}
.serviceList li::before{content:'\2714'}

.orglike{display:flex; margin:15px 0 0 0; gap:15px; align-items:center}
.orgAsk{padding:2px 18px;color:#fff; background:var(--box-color); border:1px solid var(--box-color); font-size:17px;transition: .3s ease; border-radius:3px; text-align:center; cursor:pointer} 
.orgVip{font-size:17px; font-weight:bold; color:var(--list-color)}
.orgAsk:hover{background:#fff; color:var(--box-color);}

.orgnavBg{height:40px; background:#f2f2f4ad; border-top:1px solid #d1d1d1;}
.orgnav{margin:0 auto; display:flex; align-items:center; height:40px}
.orgnav a{position:relative; padding:8px 10px; font-size:16px;color:var(--text-color); max-width:max-content}
.orgnav a:hover,a.ispage{color:var(--text-color); background:#fff;}
a.ispage::before{border-top: 9px solid #f00;border-right: 9px solid transparent; border-left: 9px solid transparent;; content:''; position:absolute; bottom:-9px; left:40%; right:50%}
.pagecontent{font-size:17px; line-height:1.8}
.orgmin{width:100%}
.orgmin h2,.orgmin h3{margin:14px 0 5px 0}
.orgmin p{padding:3px 0}
.oriImg{ padding:var(--min3-padding)}
.oriImg_pic{display:flex; width:100%; gap:10px}
.oriImg_pic li{ flex:1; text-align:center}

.orgKK{ padding:var(--min4-padding)}
.orgKK h2{font-size:17px; padding:5px 0}
.orgKKdiv{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.orgKKdiv a{color:var(--text-color);padding:3px 2px}
.orgKKdiv a:hover{ color:var(--box-color)}

.newAsk h2{ font-size:17px; padding:5px 0 0 5px}
.newAsk table{width:100%; background:var(--minbgcolor); border:var(--border);}
.newAsk th{padding:5px 5px; border-bottom:1px solid #EFEFEF; text-align: left}
.newAsk td{padding:5px 5px; border-bottom:1px solid #EFEFEF}

.pro .cntop,.prime .cntop{position:relative}
.pro .cntop::before{content:'PRO'; position:absolute; right:15px; font-size:48px; font-weight:bold; color:#CCAB00; opacity:.1;transform: skewX(165deg)}
.prime .cntop::before{content:'PRIME'; position:absolute; right:15px; font-size:48px; font-weight:bold; color:#2196f3; opacity:.1;transform: skewX(165deg)}

/*.prime .bg_box,.pro .bg_box{background:none}
.pro .orgTop,.pro .orgnavBg,.pro{background:#ccab0014}
.prime .orgTop,.prime .orgnavBg,.prime{background:#2196f336}
*/

.forAD{}
.forAD dt{}
.forAD h2{ padding:5px 0 0 10px; font-size:17px}
.forAD dd{padding:var(--min4-padding); margin:0 0 5px 0;background:var(--minbgcolor); border:var(--border); position:relative}
.forAD dd:hover a{color:var(--hover-color); text-decoration:underline}
.forAD dd:hover a::before{content:''; position:absolute; left:0; bottom:0; top:0; right:0}
.forAD h3 a{font-size:16px;color:var(--b30-color)}

.poimg_2{display:flex; margin:15px 0; gap:8px; width:100%}

.poimg_2 div{flex:1; overflow:hidden; width:100%}
.poimg_2 p{font-size:14px}

.download{display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin-top:15px}
.download a{ text-decoration:underline;color:var(--list-color)}
.Potitle{padding:25px 10px 5px 10px}
.Potitle h2{font-size:17px}
.poList li{display:flex; justify-content:space-between; position:relative; margin:0 0 5px 0; border:var(--border); background:var(--minbgcolor);}
.poList li:hover h3 a{text-decoration:underline;color:var(--hover-color)}
.poList li:hover h3 a::before{content:''; position:absolute; left:0; top:0; right:0; bottom:0}
.PinfoImg{flex:0 0 120px; padding:10px; width:100%; height:100%; overflow:hidden}
.Pinfotext{flex:0 0 calc(100% - 120px); padding:10px}
.Pinfotext a{color:var(--b30-color); font-size:17px}

.CLYAB{margin:25px 0}
.CLYAB h2{ font-size:17px;padding:0 0 0 10px;}
.OrgPoSide{padding:var(--min4-padding); border:var(--border); border-radius:5px; margin-bottom:10px}
.OrgPoSide .orp{ padding:2px; font-size:17px}

.forsname{align-items:center; padding:0 10px; display:flex; justify-content:space-between}
.forsname p{display:flex; gap:8px; align-items:center}
.forsname a,.forsname span.aas{text-decoration:underline;color:var(--list-color); cursor:pointer}
.listback{width:100%}
.listback th{ font-size:14px;border-bottom:1px solid #dbdbdb; padding:5px 3px; background:#6B6B6B; color:#fff;white-space: nowrap; text-align:left}
.listback td{padding:5px 3px;border-bottom:1px solid #dbdbdb;  font-size:14px; background:#fff}
.listback td s{display:block; font-size:12px}
.listback tr:hover td{background:#f7f7f7}

.exptext { display: -webkit-box;  overflow: hidden;  -webkit-line-clamp: 8;  -webkit-box-orient: vertical;max-width:max-content}
 .expcontent {  display: flex; width:100%}
 .exptext::before{  content: '';   float: right; height: 100%;   margin-bottom: -35px; }
 .expbtn {   float: right;   clear: both;   margin-right: 8px;   cursor:pointer; font-size:16px;text-decoration:underline;color:var(--list-color)  }
  #exp { display:none  }
  #exp:checked+.exptext{ -webkit-line-clamp: 999999; /*设置一个足够大的行数就可以了*/  }
  .expbtn::after{content:'展開'}
  #exp:checked+.exptext .expbtn::after{ content:'' }
@media (max-width: 760px){
.exptext {-webkit-line-clamp: 10}

}