html,button,input,select,textarea,.pure-g [class*=pure-u]{font-family:"Segoe UI",Roboto,Arial,sans-serif}
body{background:#1b1b1b;color:#262626;margin:0}
.fx_wrap{max-width:1100px;margin:0 auto;background:#fff}
.fx_top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#b3261e;color:#fff;flex-wrap:wrap;gap:8px}
.fx_logo{color:#fff;text-decoration:none;font-size:21px;font-weight:600}
.fx_logo_i{background:#fff;color:#b3261e;padding:0 6px;margin-right:2px;border-radius:2px}
.fx_portal{color:#ffe1d6;font-size:13px}
.fx_burger{display:none;cursor:pointer;border:1px solid #fff;padding:3px 9px;margin-left:10px;font-size:13px}
.fx_menu{background:#2a2a2a;padding:0 12px}
.fx_menu .pure-menu-link{color:#eee;padding:.7em 1em}
.fx_menu .pure-menu-link:hover,.fx_menu .pure-menu-selected .pure-menu-link{background:#444;color:#fff}
.fx_hero{padding:40px 24px 30px;background:linear-gradient(135deg,#fff5ef 0%,#ffe4d4 100%)}
.fx_hero h1{font-size:34px;line-height:1.2;margin:0 0 14px;color:#6d130e}
.fx_hero p{font-size:17px;line-height:1.6}
.fx_memo{background:#fff;border:2px solid #b3261e;padding:14px 18px;margin-left:12px}
.fx_memo b{color:#b3261e}
.fx_memo ol{padding-left:20px;margin:8px 0 0}
.fx_sec{padding:28px 24px;border-top:1px solid #eee}
.fx_sec h2{font-size:25px;margin:0 0 14px;color:#2b2b2b}
.fx_sec h2:before{content:"";display:inline-block;width:10px;height:10px;background:#b3261e;margin-right:8px;vertical-align:middle}
.fx_tbl{width:100%}
.fx_step{padding:12px 16px;margin:6px;background:#fafafa;border-top:3px solid #e37b3c;min-height:120px}
.fx_step i{font-style:normal;font-size:28px;color:#e37b3c;font-weight:700}
.fx_blog_i{padding:16px 0;border-bottom:1px solid #eee}
.fx_blog_i h3{margin:0 0 6px;font-size:20px}
.fx_blog_i h3 a{color:#6d130e;text-decoration:none}
.fx_blog_i h3 a:hover{text-decoration:underline}
.fx_blog_i p{margin:0 0 8px;line-height:1.55}
.fx_btn{background:#b3261e;color:#fff !important;font-size:14px}
.fx_rev{padding:10px 14px;background:#f4f4f4;margin:6px}
.fx_rev a{color:#6d130e;font-weight:600}
.fx_art{padding:10px 24px 30px;line-height:1.65;font-size:17px}
.fx_art h1{font-size:31px;line-height:1.25;color:#6d130e}
.fx_art h2{font-size:23px;margin-top:28px}
.fx_art h3{font-size:19px}
.fx_art table{margin:10px 0 18px;width:100%;font-size:15px}
.fx_art a{color:#b3261e}
.fx_lead{font-size:19px;color:#444;border-left:4px solid #e37b3c;padding-left:14px}
.fx_bc{font-size:13px;color:#888;padding:14px 24px 0}
.fx_bc a{color:#888}
.fx_side{padding:20px;background:#fbf6f2;margin:10px 16px 20px 0;font-size:15px}
.fx_side ul{padding-left:18px}
.fx_tagline{display:inline-block;background:#ffe4d4;color:#6d130e;font-size:12px;padding:2px 8px;border-radius:10px}
.fx_bot{background:#262626;color:#bbb;padding:22px 8px 12px;font-size:14px;line-height:1.7}
.fx_pad{padding:0 14px}
.fx_bot a{color:#ffb99a}
.fx_bot_h{color:#fff;font-weight:600;font-size:16px;margin:0 0 6px}
.fx_disc{margin:0 0 8px}
.fx_copy{border-top:1px solid #3a3a3a;margin:14px 14px 0;padding-top:10px;font-size:12px}
@media (max-width:767px){
.fx_burger{display:inline-block}
.fx_menu{display:none}
.fx_menu.fx_on{display:block}
.fx_menu .pure-menu-item{display:block}
.fx_memo{margin:16px 0 0}
.fx_hero h1{font-size:26px}
.fx_side{margin:10px 16px}
.fx_art{padding:10px 16px 24px}
.fx_sec{padding:22px 16px}
}

@media screen and (max-width: 600px) {
  .fx_tbl { display: block; overflow-x: auto; max-width: 100%; }
}

@media screen and (max-width: 600px) {
  table { display: block; overflow-x: auto; max-width: 100%; }
  p, li, td { overflow-wrap: break-word; }
}