.hpc{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:16px;font-family:Arial,"Helvetica Neue",sans-serif}
.hpc.on{display:flex}.hpc-box{background:#fff;border-radius:10px;width:100%;max-width:520px;max-height:92vh;overflow:auto;padding:26px 26px 18px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.25);color:#333}
.hpc-x{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#eee;font-size:20px;line-height:32px;cursor:pointer;color:#666}
.hpc h3{margin:0 0 6px;font-size:20px;color:#222}.hpc-sub{margin:0 0 14px;color:#888;font-size:13px}
.hpc-f label{display:block;font-size:13px;color:#555;margin-bottom:10px}.hpc-f input:not([type=checkbox]),.hpc-f textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #ddd;border-radius:6px;padding:9px 10px;font-size:15px;font-family:inherit}
.hpc-f input:focus,.hpc-f textarea:focus{outline:0;border-color:#d7000f}.hpc-f .hpc-c{font-size:12px;color:#777;line-height:1.5}.hpc-c input{margin-right:6px;vertical-align:-2px}.hpc-c a,.hpc-alt a{color:#d7000f}
.hpc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.hpc-b{width:100%;height:44px;border:0;border-radius:6px;background:#d7000f;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.hpc-b[disabled]{opacity:.6}
.hpc-m{margin:10px 0 0;font-size:14px;min-height:18px}.hpc-m.ok{color:#0a8a3a}.hpc-m.err{color:#d7000f}.hpc-alt{margin:12px 0 0;font-size:12px;color:#999;text-align:center}
.hp-hqr,.hp-fqr,#hr .qrs,#hr .fq,#hpb .fq{display:none!important}

/* ===== mobile ===== */
@media (max-width:820px){
#hp,#hr,#hpb{min-width:0!important;width:100%!important;overflow-x:hidden}
#hp .w,#hr .w,#hpb .w{width:auto!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}
#hp *,#hr *,#hpb *{max-width:100%;box-sizing:border-box}
#hp div,#hp ul,#hp section,#hr div,#hr ul,#hr section,#hpb div,#hpb ul,#hpb section{flex-wrap:wrap}
#hp .hp-brandlogo,#hp .hp-hmid,#hp .hp-rec,#hp .hp-newin,#hp .hp-offers,#hp .hp-inq,#hp .hp-hotn,#hp .hp-kn,#hp .hp-n1 h4,#hp .hp-fmid,#hp .hp-mbox,#hp .hp-mform,
#hpb .lc,#hpb .rc,#hpb .inf li,#hpb .dbox,
#hr .bl,#hr .hm,#hr .hero .intro,#hr .tabs,#hr .rl,#hr .nc-col,#hr .fm,#hr .jd .bx,
.vrd-box{width:100%!important;min-width:0!important;flex:1 1 100%!important;margin-left:0!important;margin-right:0!important}
#hp nav,#hr nav,#hpb nav,#hpb .ml,#hr .tnav{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
#hp .hp-tools,#hr .tools,#hpb .tools{display:none!important}
#hp img,#hr img,#hpb img{height:auto}
}

@media (max-width:820px){
#hp .hp-nav .w{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden}
#hp .hp-nav .w>*{flex:none}
#hp .hp-head,#hp .hp-head .w,#hp .hp-tabs,#hp .hp-tabs li,#hp .hp-nlist,#hp .hp-nlist li{height:auto!important}
#hp .hp-head .w{padding-top:8px!important;padding-bottom:8px!important;gap:8px}
#hp .hp-tabs li{min-height:44px;padding:8px 6px!important;flex:1 1 50%!important}
#hp .hp-n1{flex-wrap:wrap}#hp .hp-n1img{width:100%!important;height:160px!important}#hp .hp-n1>div{width:100%!important}
#hp table{width:100%!important;table-layout:auto}#hp table .hp-desc,#hp table th:nth-child(3),#hp table td:nth-child(3){display:none!important}
#hp table td,#hp table th{padding:8px 4px!important}
}

@media (max-width:820px){
#hp .hp-snav{overflow-x:auto;overflow-y:hidden;white-space:nowrap}
#hp table th,#hp table td{width:auto!important}
#hp table th:nth-child(4),#hp table td:nth-child(4){display:none!important}
#hp table th:first-child,#hp table td:first-child{width:56px!important}
}

@media (max-width:820px){
#hp li,#hr li,#hpb li,#hp a,#hr a,#hpb a{flex-wrap:wrap}
#hr .crumbs,#hr .crumbs .w,#hr .head,#hr .head .w,#hr .tabs,#hr .tabs li{height:auto!important}
#hr .head .w{padding-top:8px!important;padding-bottom:8px!important;gap:8px}
#hr .snav,#hpb .snav{overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap!important}
#hr .tabs li{flex:1 1 50%!important;min-height:44px}
#hr .podium{flex-direction:column;align-items:center}#hr .pd{margin:0 0 16px!important}
#hr .rl li{padding:12px!important;gap:8px}#hr .rl li .mid{flex:1 1 100%!important;width:100%!important}#hr .rl li .btn{width:100%!important;text-align:center}#hr .rl li .ll{width:150px!important}
#hr a.nc,#hpb .inf a{flex-wrap:wrap}#hr a.nc .ni{width:100%!important;height:150px!important}#hr a.nc>div{width:100%!important;padding:10px 0 0!important}
#hr .banner{height:auto!important;padding:20px 12px!important;text-align:center}
}

@media (max-width:820px){#hr .tnav .w,#hpb .nv{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden}#hr .tnav .w>*,#hpb .nv>*{flex:none}}

@media (max-width:820px){
#hpb .tb,#hpb .tb .w,#hpb .sm,#hpb .sm .w{height:auto!important}
#hpb .tb .w,#hpb .sm .w{padding-top:8px!important;padding-bottom:8px!important;gap:8px}
#hpb .ml{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap}#hpb .ml>*{flex:none}
#hpb .intro{flex-direction:column!important}#hpb .intro .gal{width:100%!important;height:auto!important;flex-direction:column}
#hpb .intro .g1{width:100%!important;height:180px!important}#hpb .intro .g2{width:100%!important;height:auto!important;flex-direction:row!important;flex-wrap:wrap}#hpb .intro .g2>span{flex:1 1 50%!important;height:56px!important}
#hpb .intro .txt{width:100%!important;padding:16px 0 0!important}
#hpb .cnl li{flex-wrap:wrap;gap:4px 10px}#hpb .cnl .src{text-align:left}
}

@media (max-width:820px){#hpb .intro{display:block!important;grid-template-columns:1fr!important}#hpb .intro .gal{display:flex!important}}

@media (max-width:820px){#hpb .it .v{white-space:normal!important;word-break:break-word;overflow:visible!important;text-overflow:clip!important}#hpb .it .v .go{margin-left:6px}}

@media (max-width:820px){
#hpb .card{flex-direction:column!important;align-items:stretch!important;padding:14px!important}
#hpb .card>.xl,#hpb .card>.lg,#hpb .card>span:first-child{width:100%!important;height:150px!important;margin:0 0 12px!important}
#hpb .card .cc{width:100%!important;flex:1 1 100%!important;margin:0!important}
#hpb .card .bt{flex-wrap:wrap;gap:8px}
#hpb .oi{flex-wrap:wrap!important}#hpb .oi .it{flex:1 1 50%!important;width:50%!important;min-width:0!important;border-right:0!important;padding:8px 6px!important}
#hpb .lc,#hpb .rc{float:none!important}
}

/*fix-a*/@media (max-width:820px){
#hp a,#hr a,#hpb a{flex-wrap:nowrap}
#hr a.nc,#hpb .inf a,#hp a.hp-n1{flex-wrap:wrap!important}
#hp .hp-brand{gap:8px}#hp .hp-brand .hp-logo{width:84px!important;height:52px!important;flex:none!important}
#hp .hp-tabs li{flex:1 1 45%!important;margin:2px!important;font-size:13px}
}