/* AUO_MOBILE_NAV_FOOTER_V18 */
@media screen and (max-width: 767px) {
  html, body { width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
  .auo-mobile-v18-hide { display:none !important; }
  .header, .header_box, .header_middle, .head, .head_box, .head_middle { width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; padding:0 !important; }
  .auo-mobile-v18-shell { display:block; position:relative; z-index:9998; width:100%; box-sizing:border-box; background:#fff; border-bottom:1px solid #e7e7e7; }
  .auo-mobile-v18-top { display:flex; align-items:center; justify-content:space-between; min-height:60px; padding:10px 16px; box-sizing:border-box; }
  .auo-mobile-v18-brand { color:#087f9f; font-size:20px; font-weight:700; letter-spacing:.5px; text-decoration:none; }
  .auo-mobile-v18-brand small { display:block; color:#6d6d6d; font-size:10px; font-weight:400; letter-spacing:0; }
  .auo-mobile-v18-toggle { border:0; border-radius:4px; background:#0c7897; color:#fff; font-size:15px; line-height:1; padding:12px 14px; }
  .auo-mobile-v18-drawer { display:none; padding:0 16px 16px; border-top:1px solid #eee; }
  .auo-mobile-v18-drawer.is-open { display:grid; grid-template-columns:1fr; gap:0; }
  .auo-mobile-v18-drawer a { display:block; padding:13px 4px; border-bottom:1px solid #ededed; color:#222; font-size:16px; line-height:1.3; text-decoration:none; }
  .auo-mobile-v18-drawer a:last-child { border-bottom:0; }
  .slideBoxs, .slideBoxs .bd, .slideBoxs .bd li, .slideBoxs .bd li a { width:100% !important; min-width:0 !important; }
  .slideBoxs, .slideBoxs .bd, .slideBoxs .bd li, .slideBoxs .bd li a { height:230px !important; }
  .slideBoxs .bd li { background-position:center center !important; background-size:cover !important; }
  .product_box, .product_middle, .case_box, .case_middle, .news_box, .news_middle { width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
  .product_middle, .case_middle, .news_middle { padding-left:14px !important; padding-right:14px !important; }
  .product_middle ul, .case_middle ul { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; width:100% !important; margin:0 !important; padding:0 !important; }
  .product_middle ul .product_one, .case_middle ul li { float:none !important; width:auto !important; min-width:0 !important; height:148px !important; margin:0 !important; padding:12px 8px !important; box-sizing:border-box !important; }
  .product_middle img, .case_middle img { max-width:100% !important; max-height:74px !important; width:auto !important; height:auto !important; }
  .product_middle h1, .case_middle h1, .news_middle h1 { font-size:25px !important; line-height:1.25 !important; padding-top:26px !important; }
  .product_middle h2, .case_middle h2, .news_middle h2 { font-size:15px !important; line-height:1.35 !important; }
  .footer, .footer_mid, .footer_middle, .bottom_footer, .bottom_footers, #footer, #sticky_footer, #footer_menu { position:static !important; float:none !important; width:100% !important; min-width:0 !important; height:auto !important; box-sizing:border-box !important; }
  .footer *, .footer_mid *, .footer_middle *, .bottom_footer *, .bottom_footers *, #footer *, #sticky_footer *, #footer_menu * { float:none !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
  .footer ul, .footer_mid ul, .footer_middle ul, .bottom_footer ul, #footer ul, #sticky_footer ul { width:100% !important; margin:0 !important; padding:0 16px !important; }
  .footer li, .footer p, .footer a, .footer span, .footer_mid li, .footer_mid p, .footer_mid a, .footer_mid span, .footer_middle li, .footer_middle p, .footer_middle a, .footer_middle span, #footer li, #footer p, #footer a, #footer span { display:block !important; width:100% !important; padding:5px 0 !important; font-size:15px !important; line-height:1.55 !important; white-space:normal !important; overflow-wrap:anywhere !important; text-align:left !important; }
  .footer img, .footer_mid img, .footer_middle img, #footer img { display:block !important; width:auto !important; max-width:170px !important; height:auto !important; margin:8px auto !important; }
  .footer { padding:22px 16px !important; }
  #sticky_footer, #footer_menu { display:none !important; }
}
@media screen and (max-width: 390px) { .product_middle ul, .case_middle ul { grid-template-columns:1fr !important; } }