
#jpisp-help-center{
  --red:#d71920;
  --text:#222;
  --muted:#6f747b;
  --line:#e6e7e9;
  --soft:#f5f6f7;
}
#jpisp-help-center *{box-sizing:border-box}
#jpisp-help-center{scroll-behavior:smooth}
#jpisp-help-center{
  margin:0;
  color:var(--text);
  background:#fff;
  font-size:16px;
}
#jpisp-help-center a{text-decoration:none;color:inherit}
#jpisp-help-center .wrap{width:1180px;max-width:calc(100% - 36px);margin:0 auto}
#jpisp-help-center .top{height:68px;border-bottom:1px solid #eee;background:#fff}
#jpisp-help-center .top .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}
#jpisp-help-center .logo{font-size:26px;font-weight:bold}
#jpisp-help-center .logo i{font-style:normal;color:var(--red)}
#jpisp-help-center .nav{display:flex;gap:28px;color:#333}
#jpisp-help-center .nav a.active{color:var(--red)}
#jpisp-help-center .user{font-size:16px;color:#777}
#jpisp-help-center .breadcrumb{height:44px;display:flex;align-items:center;font-size:16px;color:#888}
#jpisp-help-center .hero{
  background:#f6f7f8;
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #ececec;
  padding:48px 0 44px;
  text-align:center;
}
#jpisp-help-center .hero h1{margin:0 0 12px;font-size:30px;font-weight:500}
#jpisp-help-center .hero p{margin:0 auto;color:#70757b;line-height:1.8;max-width:760px}
#jpisp-help-center .search-box{
  width:min(760px,100%);
  margin:26px auto 0;
  display:flex;
  background:#fff;
  border:1px solid #dfe1e5;
  border-radius:5px;
  overflow:hidden;
}
#jpisp-help-center .search-box input{
  flex:1;
  border:0;
  outline:0;
  height:50px;
  padding:0 16px;
  font-size:16px;
}
#jpisp-help-center .search-box button{
  width:112px;
  border:0;
  background:var(--red);
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}
#jpisp-help-center .hot-search{
  margin-top:13px;
  color:#90959b;
  font-size:16px;
}
#jpisp-help-center .hot-search a{color:#555;margin:0 7px}
#jpisp-help-center .hot-search a:hover{color:var(--red)}
#jpisp-help-center .section{padding:50px 0}
#jpisp-help-center .section.gray{background:var(--soft)}
#jpisp-help-center .sec-head{text-align:center;margin-bottom:28px}
#jpisp-help-center .sec-head h2{margin:0;font-size:24px;font-weight:500}
#jpisp-help-center .sec-head p{margin:8px 0 0;color:#8a8f95;font-size:16px}
#jpisp-help-center .category-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
#jpisp-help-center .cat{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  padding:20px 18px;
  min-height:148px;
  transition:.15s ease;
}
#jpisp-help-center .cat:hover{
  border-color:#efb7bd;
  box-shadow:0 6px 20px rgba(0,0,0,.05);
}
#jpisp-help-center .cat h3{margin:0 0 8px;font-size:16px;color:#000;}
#jpisp-help-center .cat p{margin:0;color:#777;font-size:16px;line-height:1.7}
#jpisp-help-center .cat .more{display:inline-block;margin-top:12px;color:var(--red);font-size:16px;font-weight:bold}
#jpisp-help-center .question-list{
  background:#fff;
  border:1px solid var(--line);
}
#jpisp-help-center .q-row{
  border-bottom:1px solid #eee;
}
#jpisp-help-center .q-row:last-child{border-bottom:0}
#jpisp-help-center .q-row summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 16px;
}
#jpisp-help-center .q-row summary::-webkit-details-marker{display:none}
#jpisp-help-center .q-main{min-width:0}
#jpisp-help-center .q-title{
  font-size:16px;
  line-height:1.5;
  color:#25282c;
}
#jpisp-help-center .q-meta{
  margin-top:4px;
  font-size:16px;
  color:#9a9da1;
}
#jpisp-help-center .q-go{
  flex:0 0 auto;
  color:#999;
  font-size:18px;
  transition:.15s ease;
}
#jpisp-help-center .q-row[open] .q-go{transform:rotate(90deg);color:var(--red)}
#jpisp-help-center .q-row summary:hover .q-title,
#jpisp-help-center .q-row summary:hover .q-go{color:var(--red)}
#jpisp-help-center .q-answer{
  padding:0 42px 16px 16px;
  color:#555;
  font-size:16px;
  line-height:1.85;
}
#jpisp-help-center .q-answer strong{color:#333}
#jpisp-help-center .q-answer a{
  display:inline-block;
  margin-top:7px;
  color:var(--red);
  font-size:16px;
  font-weight:bold;
}
#jpisp-help-center .no-result{
  display:none;
  text-align:center;
  padding:28px 15px;
  color:#888;
  border:1px solid var(--line);
  background:#fff;
}
#jpisp-help-center .entry-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
#jpisp-help-center .entry{
  border:1px solid var(--line);
  background:#fff;
  padding:18px 16px;
  text-align:center;
}
#jpisp-help-center .entry b{display:block;font-size:16px;margin-bottom:7px;color:#000}
#jpisp-help-center .entry span{font-size:14px;color:#000}
#jpisp-help-center .entry:hover{border-color:#efb7bd}
#jpisp-help-center .entry:hover b{color:var(--red)}
#jpisp-help-center .footer{
  background:#1d2026;
  color:#999;
  text-align:center;
  padding:24px 0;
  font-size:16px;
}
#jpisp-help-center mark{
  background:#fff2b2;
  color:inherit;
  padding:0;
}

@media(max-width:980px){#jpisp-help-center .nav{display:none}
#jpisp-help-center .category-grid{grid-template-columns:repeat(2,1fr)}
#jpisp-help-center .entry-grid{grid-template-columns:repeat(2,1fr)}
  }
@media(max-width:620px){#jpisp-help-center .wrap{max-width:calc(100% - 24px)}
#jpisp-help-center .category-grid,
#jpisp-help-center .entry-grid{grid-template-columns:1fr}
#jpisp-help-center .search-box button{width:88px}
#jpisp-help-center .q-row{align-items:flex-start}
}
#jpisp-help-center .q-answer .op-path{
  margin-top:9px;
  padding:9px 11px;
  background:#f7f8f9;
  border-left:3px solid #d71920;
  color:#444;
  line-height:1.8;
}
#jpisp-help-center .q-answer .q-note{
  margin-top:8px;
  color:#777;
  font-size:16px;
  line-height:1.75;
}


#jpisp-help-center{line-height:normal;}
#jpisp-help-center p{font-size:inherit;line-height:normal;}
#jpisp-help-center .hero p{line-height:1.8;}
#jpisp-help-center .cat p{font-size:16px;line-height:1.7;}
#jpisp-help-center .sec-head p{font-size:16px;}
#jpisp-help-center h3{font-weight:bold;text-align:left;}
#jpisp-help-center input,#jpisp-help-center button{font-size:16px;font-family:inherit;box-sizing:border-box;}
#jpisp-help-center .search-box input{min-width:0;width:0;}
#jpisp-help-center .search-box button{flex-shrink:0;}
#jpisp-help-center .q-answer a:hover{text-decoration:underline;}
#jpisp-help-center .help-qualification{background:#F0F1F2;text-align:center;padding:30px 0 0;}
#jpisp-help-center .help-qualification h2{margin:0;font-size:28px;font-weight:bold;color:#092448;line-height:1.8;}
