/* Responsive layer for the old BOARD help HTML; vendor and source CSS stay unchanged. */
@media(max-width:720px){
  html,body{margin:0;min-width:0;width:100%}
  .wrapper,.container,.head_box,.footer,.footer_l,.copyright,.foot_links,.copyright_box{min-width:0!important;width:100%!important;max-width:100%!important}
  .header{height:auto!important;min-height:0!important;display:block!important;padding:8px 0!important}
  .head_box{display:block!important;overflow:visible!important;padding:0 12px!important}
  .head_box>*{max-width:100%!important}
  .container{display:flex!important;flex-direction:column!important;padding:12px!important;min-width:0!important;max-width:100%!important}
  .left_col,.right_col,.banner_col{float:none!important;margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;overflow:visible!important;min-height:0!important}
  .cms_menu_wrapper{margin:0 0 14px!important}
  .cms_menu{max-width:100%!important}
  .cms_header{height:auto!important;min-height:0!important}
  .cms_header .cms_title{padding:12px 0!important;font-size:19px!important}
  .cms_content{box-sizing:border-box;max-width:100%!important;overflow-wrap:break-word;word-break:normal;padding:15px!important;min-width:0!important}
  .cms_content img{max-width:100%!important;height:auto!important}
  .cms_content table{display:block;max-width:100%!important;overflow-x:auto}
  .cms_content pre{white-space:pre-wrap;overflow-wrap:anywhere}
  .banner_col{display:none!important}
  .footer.clear{min-width:0!important}
  .footer_l,.copyright{padding:8px 12px!important}
  .foot_an{max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:5px}
  .foot_an li{float:none!important}
  img{max-width:100%!important;height:auto}
  .info-static-notice{font-size:11px}
}


@media(max-width:720px){.container,.head_box,.footer_l,.copyright,.foot_links,.footer,.cms_content{box-sizing:border-box!important}}