.overflow-visible { overflow: visible !important; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
@media (min-width:576px) { }
@media (min-width:768px) {
  .sub-banner.sm-banner { --h: 46vw }
  .sub-banner { --h3:2.8rem; --h4:.9rem; --h3s: 2.8rem; --h4s: .9rem; }
  .top-nav-logo { --h: calc(100% - 2.25rem); }
}
@media (min-width:992px) {
  :root { --left-pad: 2.5rem; }
  .top-nav-menu { --w: 70%; }
  .top-nav-menu dt a { --px: 1.25rem; }
}
@media (min-width:1200px) {
  .top-nav-menu dt a { --px: 1.5rem; }
  .sub-banner.sm-banner { --h: 46vw }
  .sub-banner { --h3:2.8rem; --h4:.9rem; --h3s: 2.8rem; --h4s: .9rem; }
  .abb-intro { --cfs: .925rem; --ih4:1.25rem; --ih3:1.5rem }
  .top-nav-logo { --h: calc(100% - 1.5rem); }
}
@media (min-width:1440px) {
  .top-nav-menu { --w: 70%; }
  .top-nav-menu dt a { --px: 1.5rem; }
  .top-nav-logo { --h: calc(100% - 2rem); }
  .top-quick { --w: 3rem; }
  .top-nav-menu { --px: 1.3rem; }
  .full-banner { --h3:2.5rem; --h4:.9rem; }
  .sub-banner.sm-banner { --h: 46vw }
  .sub-banner { --h3:2.8rem; --h4:.9rem; --h3s: 2.8rem; --h4s: .9rem; }
  .abb-intro { --cfs: .925rem; --ih4:1.25rem; --ih3:1.5rem }
  .abbsi-con { --crt: 3rem; --fs: .9rem }
  .abbsi-heading { --tpt: 1.25rem; --tpb: 1.25rem; --sfs: 3.75rem }
  .abb-honor { --tcs: .8rem }
  .prodh-list { --tss: 2.5rem; --tis: 1rem }
  .newsh-list { --tss: 1.5rem; --tis: .75rem }
  .main-footer { --im: 16vw }
  .home-about { --him: 6.5rem; --hb: 3.25rem; --ts: .9rem; --cs: .85rem; --is: 1.8rem }
  .footer-link { --ih: 2.5rem }
  .sub-nav { --fs: .75rem; --ts: .8rem }
  .hbus-info .sub-title { font-size: 3.6rem }
  .habc-txt .sub-title { font-size: 2.5rem }
  .abchat-info .fs-46 { font-size: 1.6rem; }
  .fs-21 { font-size: .95rem; }
  .fs-24 { font-size: 1rem; }
  .fs-26 { font-size: 1.1rem; }
  .fs-30 { font-size: 1.2rem; }
  .fs-40 { font-size: 1.6rem; }
  .fs-50 { font-size: 2.2rem; }
  .fs-62 { font-size: 2.6rem; }
  .fs-70 { font-size: 3rem; }
  .fs-80 { font-size: 3.25rem; }
  .serprodn-list li { margin-bottom: .5rem }
}
@media (min-width:1600px) { }
@media (min-width:1920px) {
  :root { --left-pad: 4rem; }
  .top-nav-menu { --w: 66%; }
  .top-nav-logo { --h: calc(100% - 1.75rem); }
  .fixed-tn .top-nav-logo { --h: 100%; }
  .top-quick { --ml: 1rem }
  .top-nav-menu { --px: 1.5rem; }
  .full-banner { --h3:2.8rem; --h4:.9rem; }
  .sub-banner { --h3s: 4.6rem; --h4s: 1.6rem; }
  .bottom-nav.slick-slider { --size: 2.9rem; --pp: 5rem; --pn: 9rem }
  .full-banner { --h3:2.8rem }
  .abb-intro { --cfs: 1rem; --ih4:1.4rem; --ih3:1.8rem }
  .abbs-mask { --pt: 45vw }
  .abbsi-con { --mh: 20vw; --crt: 5rem; --fs: 1rem }
  .abbsi-heading { --tpt: 1.25rem; --tpb: 2rem; --sfs: 4.5rem }
  .abb-honor { --tcs: .9rem; --dts: 6.75rem; --dss: 2rem }
  .abto-list { --px: 4.5rem; --mh: 45vw; --ts: 2rem; --cp: 3rem }
  .prodh-list { --tss: 2.8rem; --tis: 1.1rem }
  .newsh-list { --tss: 1.5rem; --tis: .8rem }
  .main-footer { --im: 100% }
  .home-about { --him: 6.5rem; --hb: 3.25rem; --ts: 1rem; --cs: .9rem; --is: 2.2rem }
  .footer-link { --ih: 3.25rem }
  .hbus-info .sub-title { font-size: 4.4rem }
  .habc-txt .sub-title { font-size: 3.2rem }
  .abchat-info .fs-46 { font-size: 2.8rem; }
  .fs-21 { font-size: 1.05rem; }
  .fs-24 { font-size: 1.2rem; }
  .fs-26 { font-size: 1.3rem; }
  .fs-30 { font-size: 1.5rem; }
  .fs-40 { font-size: 2rem; }
  .fs-50 { font-size: 2.5rem; }
  .fs-62 { font-size: 3.1rem; }
  .fs-70 { font-size: 3.5rem; }
  .fs-80 { font-size: 4rem; }
  .serprodn-list li { margin-bottom: 1rem }
}
@media (min-width:2560px) {
  .abbsi-heading { --tpt: 2rem; --tpb: 2.5rem; --sfs: 4.5rem }
  .abbsi-con { --fs: 1.05rem }
  .services-prod { --w: 25rem; --s: 46vw; }
}
@media screen and (max-width:2560px) { }
@media screen and (max-width:1919.98px) { }
@media screen and (max-width:1599.98px) {
  .abquamc-img { max-width: 82% }
}
@media screen and (max-width:1399.98px) {
  :root { }
  .abquamc-img { max-width: 87% }
}
@media screen and (max-width:1119.98px) {
  :root { }
  .frame-full { max-width: 100%; padding-left: var(--left-sm); padding-right: var(--left-sm) }
  .btn-top { right: 0 }
  .abbsm-con { height: 50% !important; align-items: flex-end !important }
  .abbsm-con .w-50 { width: 30vw !important }
  .hab-info .sub-title { font-size: 1.6rem; line-height: 1.3; }
  .hbus-heading .sub-title { font-size: 2.5rem; line-height: 1.5; }
  .hbus-heading .hbush-con { font-size: 1rem; }
  .hbus-heading .hbush-det { font-size: .75rem; }
  .home .hbusgi-con h4 { font-size: 1.725rem; }
  .home .hbusgi-con h5 { font-size: 1rem; }
  .hbusgi-con img { width: 4.8rem; height: 4.8rem }
  .hbra-heading>h3 { font-size: 1.25rem; }
  .hnews-hot-list .hnews-list { padding-right: 0 }
  .hnews-hot-top .hnews-item>dt { width: 40% }
  .hnews-hot-top .hnewsi-info { padding-left: 2.5rem; }
  .hnews-hot-top .hnewsii-pic { width: 100%; height: 0; }
  [data-view="desktop"] .hnews-hot-top .hnewsi-info { padding-top: 0 !important; }
  .fs-18 { font-size: .85rem; }
  .fs-20, .fs-21 { font-size: .875rem; }
  .fs-22 { font-size: .885rem; }
  .fs-24 { font-size: .9rem; }
  .fs-26 { font-size: .925rem; }
  .fs-28 { font-size: 1.15rem; }
  .fs-30 { font-size: 1.225rem; }
  .fs-32 { font-size: 1.25rem; }
  .fs-35, .fs-36 { font-size: 1.4rem }
  .fs-40 { font-size: 1.5rem }
  .fs-42 { font-size: 1.6rem }
  .fs-44 { font-size: 1.7rem }
  .fs-50, .fs-52 { font-size: 1.7rem }
  .fs-60 { font-size: 1.925rem }
  .fs-62 { font-size: 1.95rem }
  .fs-68 { font-size: 2.75rem }
  .fs-70 { font-size: 3rem }
  .fs-80 { font-size: 3.25rem }
  .fs-88 { font-size: 3.5rem }
  .abchat-info .fs-46 { font-size: 1.5rem }
  .abtab-nav { --w: 0 }
  [data-view="desktop"] .abphit-con { padding: 1rem 1.25rem; }
  [data-view="desktop"] .ablay-item { min-height: initial; height: auto; padding-top: 4rem; padding-bottom: 4rem; }
  .abind-con .slick-slider { --pn: -2rem; --size: 2rem; }
  .abquah-con { position: relative !important; }
  .abesg-heading { padding-right: 25% }
  .abesg-main::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .5); }
  .sera-list { --px: .5rem }
  .serprod-con { padding-right: var(--left-mid) }
  .services-prod { --left-pad: var(--left-sm); --left-mid: var(--left-sm) }
  .serprod-img { border-radius: 0 }
  .serprod-nav { --s: 0; --w: auto; position: relative !important; height: auto !important; padding: 2rem 0; display: flex; align-items: center; justify-content: space-between; }
  .serprodn-list li { display: none; margin: 0; margin-right: 1rem; font-size: 1.3rem; }
  .serprodn-list li.active { display: block; }
  .serprodn-btn { margin: 0; font-size: 2.5rem; height: auto; }
  .serprodn-btn [data-nav="slides-prev"] { display: none; }
  .talactivity-con { --w: 12rem; }
}
@media screen and (max-width:1119.98px) and (min-width:768px) {
  .abqua-list .slick-slide img { margin: auto; width: 60%; }
  .sers-item { --ico: 6rem; }
  .sers-list .slick-current .sersi-det { margin-bottom: 6rem; }
  .services .sers-list .slick-current .hbusgi-con h4 { font-size: 3.5rem; }
  .services .hbusgi-con h4 { margin-bottom: .5rem }
  .services .hbusgi-con h5 { font-size: 1.35rem; }
  .serintro-con { width: 60% }
  .serprod-det { width: 100% !important; }
  [data-view="desktop"] .talcul-item:nth-child(2) dd { padding-left: 1rem; padding-right: 1rem }
  .talculi-det { font-size: 1.2rem; }
  .telcar-bg img { width: 150% !important; max-width: unset; max-height: initial; }
  .main-footer .mfoocn-list { margin-left: -1rem; margin-right: -1rem; }
  .conh-title { font-size: 2rem; }
  .conhi-contact .conh-sub { font-size: 1.2rem }
  [data-view="desktop"] .cfee-con { width: initial; padding: 0; width: 94vw; }
  .fancybox-content { padding: 2vw; }
  .fancybox-slide--html { padding: 0 }
  .common-feedback .b-bcb { --px: .75rem }
  [data-view="desktop"] .join-nav { width: 15rem; margin-right: -15rem; padding-right: 2rem; }
  [data-view="desktop"] .join-main { padding-left: 15rem }
  .archive-sitemap .mfoocn-list dt.fs-28 { font-size: 1rem }
}
@media screen and (max-width:767.98px) {
  body { --top-nav-sm: 50px; --left-sm: 20px; --fh: calc(100vh - var(--top-nav-sm)); --left-pad: var(--left-sm) !important }
  html { font-size: 112.5% }
  html.android body { font-family: var(--font-sans) }
  body { font-size: .7rem; letter-spacing: 0; overflow-x: hidden; }
  .always-tn body { padding-top: var(--top-nav-sm); }
  html.home body { padding-top: 0; }
  input::placeholder { padding-top: .025em; }
  .frame-wide, .frame-middle, .frame-narrow { padding-right: var(--left-sm); padding-left: var(--left-sm); overflow: hidden; }
  .mobile-hidden { display: none }
/*  .sbani-con { mix-blend-mode: overlay; }*/
  .top-nav, .fixed-bar .top-nav, .top-nav-small { height: var(--top-nav-sm); background-color: initial; }
  .top-nav { transition: all .15s linear; width: 100vw; }
  .top-nav::before { content: ''; background-color: rgba(0, 0, 0, .5) !important; z-index: 5; width: 100%; height: 100%; position: absolute; transition: all .15s; left: 0; top: 0; opacity: 1; }
  .transparent body:not(.fixed-tn) .top-nav::before { background-color: rgba(0, 0, 0, .8); box-shadow: none }
  .top-nav>.row-nav { display: flex; justify-content: space-between }
  .top-nav-logo { width: auto; margin-right: auto }
  .top-nav-logo h1 a { padding-left: 0 }
  .top-nav-logo h1, .fixed-bar .top-nav-logo h1 { height: 36px; padding: 0 }
  .top-nav-logo img { position: relative; height: 100% }
  .top-nav-logo .logo-color { width: auto; height: 100% }
  .fixed-bar .top-nav-logo { padding-top: 0 }
  .top-nav-logo svg path { fill: var(--white) !important; }
  .top-toggle-nav { z-index: 6 }
  .main-nav-bar .top-row, .main-nav-bar>hr { display: none }
  .top-nav-menu dl.has-sub dt:after { display: none }
  .top-toggle-nav>span { display: block }
  .top-toggle-nav>span { position: relative; width: 18px; height: 18px }
  .top-toggle-nav i { font-size: 18px; position: absolute; top: 0; left: 0; color: white }
  .top-toggle-nav i.icon-menu { opacity: 1 }
  .top-toggle-nav i.icon-menu-close, .top-toggle-nav i.icon-menu-right { opacity: 0 }
  .mobile-menu, .mobile-menu body { overflow: hidden !important; height: 100% !important }
  .mobile-menu .top-toggle-nav i.mtt-btn { opacity: 0 }
  .mobile-menu .top-toggle-nav i.icon-menu-close { opacity: 1 }
  .mobile-menu .tn-menu { z-index: 1000; top: 0; display: block; opacity: 1 }
  .mobile-menu .tn-logo img.logo-color { opacity: 0 }
  .mobile-menu body:before { z-index: 5; opacity: 1 }
  .mobile-menu .top-nav::before { background-color: white !important; border-bottom: 1px solid var(--lightgray); }
  .mobile-menu .top-toggle-nav i { color: var(--primary) }
  .mobile-menu .top-nav-logo svg path { fill: var(--primary) !important }
  .main-nav-bar { position: fixed; z-index: 0; z-index: -1; top: 0; right: 0; display: block; width: 100%; height: 0; margin: 0; padding: 0; transition: none; background: rgb(255, 255, 255); overflow: hidden }
  .top-nav-menu { --w: 100%; padding: var(--top-nav-sm) 0 0 0; margin: 0 }
  .top-nav-menu>div { flex-wrap: wrap; display: block }
  .top-nav-menu dl { width: 100%; height: auto; padding: 0; border-bottom: 1px solid var(--lightgray); }
  .top-nav-menu dl>dt, .top-nav-menu dl>dd, .top-lang dl>dt { width: 100%; padding: .25rem var(--left-sm); }
  .top-nav-menu dt { padding: 0 }
  .top-nav-menu dt a { font-size: 1rem; display: flex; padding: .25rem 0; color: var(--dark); align-items: center; justify-content: space-between; }
  .top-nav-menu dt a::after, .top-sub-menu a::after { content: none; }
  .top-nav-menu dt a::before, .top-lang dl>dt a::before { content: "\e929"; font-family: "cxany"; order: 2; margin-left: auto; }
  .top-nav-menu dl.active dt a { background-color: transparent; font-weight: bold }
  .mobile-menu .main-nav-bar { height: 100vh; overflow-y: auto; transition: height .5s ease; }
  .top-toggle-nav { display: block; order: 3 }
  .top-nav-menu, .tnm-con, .tnm-con dl, .tnm-con dt { height: auto }
  .tnm-con:before { display: none }
  .top-quick { position: absolute; left: 0; top: 0; z-index: 15; justify-content: center; margin: 0 !important; height: 100vh !important; width: 100%; background-color: var(--light); line-height: initial; display: block }
  .top-sub-menu:before { display: none }
  .top-sub-menu { display: none; position: relative; overflow: hidden; max-height: 0; padding: 0; width: initial; left: initial; margin: 0 }
  .top-sub-menu a { line-height: 1.8; font-size: .85rem; text-align: left; color: var(--dark); margin-top: .15rem; margin-bottom: .15rem; padding: .35rem .5rem }
  .top-nav-menu dt a>em { line-height: 2.2; }
  .top-nav-menu dt a span { margin-left: .5rem }
  .tsn-normal, .top-sub-nav { padding: .25rem 0 .25rem 0; display: block; height: auto; }
  .tnm-con dl.active .top-sub-menu { max-height: unset; opacity: 1; pointer-events: unset; display: block; border-top: 1px solid var(--lightgray); }
  .tsn-pro, .tsn-tech { flex-wrap: wrap; margin: unset }
  .tsnpro-img, .tsnpro-info, .tsntech-2 { display: none !important }
  .tsm-products { transform: none; width: initial; left: initial }
  .tsn-pro li, .tsn-tech li { width: 100%; text-align: center }
  .tsnpro-txt strong { border: 0; line-height: 2 }
  .tsn-tech li>a { justify-content: center; padding: initial; line-height: 2; margin: initial }
  .tsn-tech li>a strong { border: 0; padding: initial }
  .tsmm-social { top: 1rem; display: flex !important; padding-left: 2.5rem; padding-right: 1.5rem }
  .tsmm-social li { width: 30% }
  .tsmm-social li a { width: 100% }
  .tsd-reservation { top: 1.5rem }
  .top-nav-menu dt a>em:after { display: none }
  .fs-19 { font-size: .725rem }
  .fs-20 { font-size: .75rem }
  .fs-28 { font-size: 1.1rem }
  .fs-light { font-family: var(--font-system) }
  .video-ts>canvas { left: 50%; transform: translateX(-50%); width: auto; }
  span[style="font-size: 18px;"] { font-size: .85rem !important; }
  .hab-footer .b-arrow { border: 1px solid var(--primary); padding: .15rem 1rem; }
  .hab-footer .b-arrow:hover { background-color: var(--primary); color: white !important; }
  .hab-footer .b-arrow:hover::after { transform: unset; }
  .top-toggle-nav { transition: opacity .15s linear .15s; margin-left: 1.5rem }
  .mtq-search { order: 2; transition: opacity .25s ease; }
  .top-lang { margin: 0 !important }
  .top-lang dl>dt { border-bottom: 1px solid var(--lightgray); }
  .top-lang dl>dt a { font-size: 1rem; height: 2.75rem; }
  .search-open .mtt-menu, .search-open .top-nav-menu, .search-open .mtt-lang, .menu-open .mtt-search, .menu-open .top-quick { display: none; pointer-events: none; }
  .tq-con>dd[data-con="search"] { order: -3; }
  .tq-con>dd[data-con="buy"] { order: -2; }
  .menu-open .tq-con>dd[data-con="search"], .menu-open .tq-con>dd[data-con="buy"] { overflow: hidden; max-height: 0; margin: 0; padding: 0; line-height: 0 }
  .search-open .top-quick { padding-top: var(--top-nav-sm); display: block !important }
  .hide-main-nav .top-nav { transform: translateY(-100%) !important; }
  .menu-open .mtq-search { opacity: 0 }
  .top-quick .tq-con.tqc-search { transform: none; width: 100%; height: 100vh; background-color: white; pointer-events: initial; align-items: flex-start; padding-top: calc(var(--top-nav-sm) * 2) }
  .tq-nav, .tq-con>dt { display: none; }
  .tq-con { position: relative; opacity: 1; }
  .tq-con>dd { font-size: 1.1rem; opacity: 1; pointer-events: initial; position: relative; padding: 1rem 0; justify-content: flex-start; height: auto; width: 100% }
  .tq-con .top-search button { right: 0 }
  .tq-con dd[data-con="buy"] { display: flex; justify-content: space-between }
  .tq-con dd[data-con="buy"] a { height: 1.6rem; margin: 0 !important }
  .tq-con dd[data-con="lang"] a { margin-right: 1.75rem; font-weight: bold; color: var(--primary) !important }
  .tq-con dd a { margin-left: 0 !important; color: var(--gray) !important }
  .tq-con .img-ico>span.ico { background-color: var(--gray); }
  .top-quick .top-search input[type="text"] { border-width: 1px; border-color: var(--gray); line-height: 1; font-size: .8rem; border-radius: 6px; }
  .top-quick .top-search button { color: var(--gray) }
  h3.title { font-size: 1.35rem; line-height: 1.4; font-weight: bold; }
  h3.title.left-line { padding-left: 1rem }
  h3.title.left-line::before { width: .15rem }
  hr.with-line::before { height: .25rem }
  hr.with-line.xs::before { width: 2.25rem }
  .home-slides { height: 100vh; max-height: initial; }
  .home-slides .slick-dots { z-index: 2; bottom: 1.5rem; transform: scale3d(.75, .75, 1) }
  .slides-info { padding-top: 2.25rem; padding-bottom: 2.25rem }
  .hsi-con { height: auto; padding-right: 5vw; --h3: 3rem; }
  .hsi-con h3 { font-size: 1.2rem; line-height: 1.65; padding-left: .1em; letter-spacing: .1em }
  .hsi-con h4 { font-size: 1.2rem; padding-bottom: 1.5rem; width: fit-content; }
  .hab-con p img { display: inherit; margin: auto }
  .fcon-img { margin: 1.25rem auto .5rem auto }
  .hsi-con h3, .hsi-con h4 { text-align: left }
  .home-slides .bottom-nav .slick-prev, .home-slides .bottom-nav .slick-next { display: none !important }

  /* reset */
  .pb-6, .py-6 { padding-bottom: 2.5rem !important; }
  .pt-6, .py-6 { padding-top: 2.5rem !important; }
  .pb-8, .py-8 { padding-bottom: 3.5rem !important; }
  .pt-8, .py-8 { padding-top: 3.5rem !important; }
  .mobile-frame { padding-left: var(--left-sm); padding-right: var(--left-sm) }
  .obs .wow-xs-scaleOut { -webkit-transform: scale(.8) !important; transform: scale(.8) !important; will-change: transform; }
  .obs .wow-xs-scaleIn { -webkit-transform: scale(1.2) !important; transform: scale(1.2) !important; will-change: transform; }
  .mobile-nobr br { display: none; }
  .mobile-full { margin-left: calc(-1 * var(--left-sm))!important; margin-right: calc(-1 * var(--left-sm))!important; width: 100vw }
  h3.sub-title { font-size: 1.815rem; line-height: 1.4 }
  .safe-pb { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
  .waiting_agree.ios.mobile.safari .agree-con { padding-bottom: 6rem !important; }

  /* section */
  .home-brands, .home-business, .about-industrial { padding-top: 3.5rem !important; padding-bottom: 0 !important; }
  .hab-info { padding-left: 0; }
  .home-business { background-color: white; color: var(--normal) }
  .hbus-info { width: 100% }
  .hbus-heading .title { color: var(--primary) !important }
  .hbus-heading .white { color: var(--dark) !important }
  .hbus-heading hr::before { background-color: var(--primary) !important }
  .hbus-heading .sub-title { font-size: 2.4rem; line-height: 1 }
  .home .hbusg-item { max-height: 80vw; border-bottom: 1px solid var(--link); }
  .hbusgi-con img { height: 5rem; width: auto }
  .hbusgi-con { color: white }
  .hbusgi-con h4 { font-size: 1.5rem }
  .hbusgi-con h5 { font-size: 1rem }
  .home-about { display: block; --hb: 1.8rem; --is: 1.5rem; background-color: var(--silver) }
  .hab-info .sub-title { font-size: 1.8rem; line-height: 1.2 }
  .hab-con { font-size: .865rem; letter-spacing: 0; text-align: center; line-height: 1.9 }
  .habc-img { width: 100% }
  .hab-heading img { max-height: 4rem }
  .hab-footer { position: relative; bottom: initial }
  .hnews-con { padding-left: var(--left-sm); padding-right: var(--left-sm); padding-bottom: 0 }
  .hbra-heading h3.title { line-height: 1.2; font-size: 1.8rem; height: auto; border-width: 0 }
  .hbus-heading .hbush-con { font-size: 1.8rem; }
  .hbus-heading .hbush-det { font-size: .95rem }
  .hnews-heading h3.title { font-size: 2.6rem; line-height: 1.2; font-weight: normal; }
  .hnews-item>dt, .hnews-item>dd { width: 100% !important; inset: 0 }
  .hnews-hot-list .hnews-list { padding-right: 0 }
  .hnews-hot-list .hnewsi-info { padding-left: 0 }
  .home-news .row.spacing-35 [class^="col-"] { padding-left: var(--left-sm); padding-right: var(--left-sm) }
  .hnewsi-txt .cats { font-size: .75rem; color: var(--primary) !important }
  .hnewsi-txt .time { font-size: .75rem }
  .hnews-hot-top { order: -1; padding-left: 0 !important; padding-right: 0 !important }
  .hnews-hot-top .hnewsi-info { padding-left: var(--left-sm); padding-right: var(--left-sm); }
  .hnews-hot-top .hnewsi-txt { padding-bottom: 1.75rem; margin-bottom: 1.75rem; border-bottom: 1px solid var(--lightgray) }
  .main-footer { --im: 100%; --fs13: 13px; --fs12: 12px; }
  .mf-top-line { height: 8px; }
  .mf-top-line>img, .mf-top-line>svg { height: 100%; width: auto !important; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
  .footer-row { flex-direction: column; margin-left: 0!important; margin-right: 0!important; display: block; }
  .footer-row>div { padding-left: 0 !important; padding-right: 0 !important }
  .footer-img { order: -2 }
  .footer-img dt>img { max-height: 2rem }
  .footer-contact>dl>dd { max-width: 70vw; margin: auto }
  .ftbrand { font-size: 1rem }
  .footer-link dd a { margin-top: 0 }
  .footer-link dd a img { height: 2rem }
  .footer-row .col-side { text-align: center !important }
  .footer-copyright { line-height: 2 }
  .footer-copyright, .mft-powered a, .mfbeian-con a { font-size: var(--fs12); }
  .mfclink-list a { font-size: var(--fs13); }
  .mfclink-list { justify-content: center; }
  .mfclink-list li:last-child { padding-right: 0; margin-right: 0 }
  .mft-powered { text-align: center !important; border-top: 1px solid var(--gray); margin-top: 1rem; padding-top: 1rem; }
  .sub-body body { padding-top: var(--top-nav-sm) }
  .sub-banner { max-height: calc(100vh * 2 / 3) }
  .mobile-menu .sub-nav { z-index: 1; }
  .sban-info h3 { font-size: var(--h3); letter-spacing: initial; padding-left: initial; line-height: 1.2; }
  .sban-info h4 { --h4: .85rem; margin-top: 1rem }
  .abb-pic { order: 2 }
  .abbt-det, .abchatd-con, .abphit-det { font-size: .875rem; }
  .abbt-det { line-height: 1.8 }
  .about-chairman { background-color: var(--silver) }
  .abcha-img { order: -1 }
  .abchat-info { background-color: initial; }
  .abchat-info .light { font-size: 1.25rem; }
  .abchat-det { display: flex; justify-content: flex-end; color: var(--link); }
  .abchat-det .name { font-size: 1rem; }
  .abchat-det .name::before { content: ""; position: absolute; width: 2rem; left: -2.5rem; top: .85rem; border-bottom: 1px solid var(--darkgray) }
  .abchat-det .nick { font-size: .825rem; }
  .abchat-con { width: 100% }
  .common-heading .title, .abphi-left .title, .abhistory-heading .title, .abqua-heading .title, .abpartners-heading .title { font-size: 2.25rem; color: var(--primary) !important; line-height: 1; margin-bottom: .5rem; }
  .about-philosophy .abphi-left .title { letter-spacing: .75em; }
  .abphi-left .sub-title { font-size: 1.25rem }
  .abphit-con .subject { font-size: 1.4rem }
  .abphi-nav { border-color: var(--lightgray) }
  .abphit-con p.fs-12 { font-size: 1.4rem }
  .about-layout { background-color: var(--silver) }
  .ablaym-img { height: 50vw; }
  .ablaym-img img, .ablaym-img svg { max-height: initial; height: 100%; }
  .ablaym-img svg { max-height: initial; height: 100%; }
  .ablaymi-con[data-id="1"] svg path { fill: var(--muted) }
  .ablaymi-con[data-id="3"] svg path { fill: var(--primary) }
  .common-list-counter { flex-wrap: wrap; }
  .common-list-counter>li { display: flex; align-items: flex-start; justify-content: center; flex: 50% 0 0; max-width: 50%; margin-bottom: 2.5rem; padding-left: .5rem; padding-right: .5rem; color: var(--primary); }
  .common-list-counter dt { justify-content: center; }
  .common-list-counter dt>strong { padding-left: 0 }
  .common-list-counter li.gap-line { display: none; }
  .common-list-counter>li[data-id="0"] { border-right: 1px solid var(--primary) }
  .common-list-counter dt>strong { font-size: 2.5rem; line-height: 1; }
  .common-list-counter dt>em { font-size: .75rem; margin-bottom: .25rem }
  .common-list-counter dd { line-height: 1.2; height: auto; font-size: .7rem; font-weight: bold; }
  .ablaymd-txt h3.title { font-size: 2.25rem; }
  .ablaymd-txt h3.sub-title { font-size: 1.3rem; }
  .abtab-nav { height: 1.85rem; }
  .abindct-title { font-size: 1.325rem; }
  .abindct-con dd { color: var(--dark); font-weight: bold }
  .abindct-con.common-list-counter dt>strong { font-size: 1.8rem; }
  .abind-con .slick-slider { --pn: 0; --size: 2.25rem; }
  .abindc-gallery { width: 165vw; }
  .about-history { padding-bottom: 0 !important }
  .abhistory-heading h3.sub-title { font-size: 1.15rem; line-height: 1.6 }
  .abhis-list { padding-top: 0; }
  .abhis-list::before { content: ""; position: absolute; left: 1px; top: 0; width: 0; height: 100%; border-left: 1px solid var(--lightgray); }
  .abhis-list>li { margin-bottom: 3.5rem; }
  .abhis-item { padding-left: 1.5rem; }
  .abhis-item h3 { border-width: 0; padding-top: .75rem; padding-bottom: .15rem; font-size: 1.2rem; font-weight: bold; }
  .abhis-item h4 { font-weight: bold; }
  .abhis-item dt { padding-bottom: .5rem; }
  .abhis-item dd { font-size: .95rem; }
  .abhis-item::before { content: ""; position: absolute; left: -1px; top: 0; width: 0; height: 100%; border-left: 4px solid var(--primary); transform: scaleY(0); opacity: 0; transition: all .25s ease }
  .abhis-list>li.active .abhis-item::before { transform: none; opacity: 1 }
  .abhis-list>li.active .abhis-item dt { color: var(--primary) }
  .abhis-list>li.active .abhis-item h4::after { background-color: var(--primary) }
  .abhistory-con { height: 130vw; }
  .about-history::after { content: ""; position: absolute; width: 100%; height: 50vw; left: 0; bottom: 5rem; z-index: 2; background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%); }
  .abhis-more { z-index: 3; height: 5rem; }
  .about-history.show-full::after { opacity: 0; pointer-events: none; }
  .about-history.show-full .abhistory-con { height: auto; }
  .about-history.show-full .abhis-more { display: none; }
  .about-qualifications { background-color: initial; }
  .abquah-con { position: relative !important; }
  .abqua-list.slick-slider { --pn: .5rem; --pp: .5rem }
  .abqua-list .slick-slide img { width: initial; }
  .about-partners { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important }
  .abpar-list>li { flex: 50% 0 0; }
  .abpar-list .img-ico>img { opacity: 1; }
  .abesg-main img { max-height: initial; max-width: initial; height: 100vh; width: 260vw !important; margin-left: -90vw; }
  .abesg-heading { padding-right: initial; }
  .abesg-heading .title { font-size: 1.8rem; }
  .abesg-heading .sub-title { font-size: .9rem; line-height: 2; }

  /* services */
  .services body { background-color: initial; }
  .serintro-con { margin-top: -2.5rem; width: calc(100% - var(--left-sm) - 1rem) }
  .serintro-mouse { visibility: hidden; height: 2.5rem; overflow: hidden; }
  .services .sers-item { --ml: 13rem; --ico: 5rem; }
  .services .sersi-det { --pl: 2.5rem }
  .services .hbusgi-con h4 { font-size: 2.6rem }
  .services .hbusgi-con h5 { font-size: 1.5rem }
  .services .seric-txt { padding: 1.5rem !important }
  .services .serict-con { font-size: .915rem; line-height: 1.8 }
  .services .serintro-img { padding: 0; margin-top: 12.5vw; }
  .services-banner { overflow: hidden; }
  .serad-item dt { width: 5rem; height: 5rem; --link: var(--light) !important; margin-left: -.5rem }
  .serad-item dd>h4 { font-size: 1.5rem; margin-top: .5rem; }
  .serad-item dd>.fs-21 { font-size: .85rem; }
  .services-app { padding-bottom: 1.5rem !important }
  .serapp-con[data-total="6"] .sera-list>li { flex: 50% 0 0 }
  .serapp-con[data-total="6"] .serad-item { text-align: center; }
  .serapp-con[data-total="6"] .serad-item dl { padding-left: 1.25rem!important; padding-right: 1.25rem!important }
  .serapp-con[data-total="6"] .serad-item dt { width: 2.85rem; height: 2.85rem; margin-left: auto; margin-right: auto; }
  .serapp-con[data-total="6"] .serad-item dd>h4 { font-size: .85rem; font-weight: bold }
  .serapp-con[data-total="6"] .serad-item dd>.fs-21 { font-size: .6rem; line-height: 1.5; margin-top: .25rem; }
  .services-prod .common-heading .title { font-size: 2.5rem }
  .serprod-con { padding-right: var(--left-mid) }
  .services-prod { --left-pad: var(--left-sm); --left-mid: var(--left-sm) }
  .serprod-img { border-radius: 0 }
  .serprod-nav { --s: 0; --w: auto; position: relative !important; height: auto !important; padding: 2rem 0; display: flex; align-items: center; justify-content: space-between; }
  .serprodn-list li { display: none; margin: 0; margin-right: 1rem; font-size: 1.5rem; font-weight: normal!important; color: var(--normal) }
  .serprodn-list li.active { display: block; }
  .serprodn-btn { margin: 0; font-size: 2.5rem; height: auto; }
  .serprodn-btn [data-nav="slides-prev"] { display: none; }
  .sercont-info { text-align: center; }
  .btn-sercont.b-bc { --py: .75rem; --px: 1.25rem; font-size: .9rem; letter-spacing: .25em; }
  .btn-sercont.b-bc>.icon-email { font-size: 1.2rem; }
  .services-next { height: 75vw; --ico: 5rem; }
  .sernext-item .sersi-txt { transform: translate(5.5rem, -50%); }
  .sernext-item .sersi-txt h4 { font-size: 1.8rem }
  .sernext-item .sersi-txt h5 { font-size: 1.1rem }
  .mobile-subpage body { padding-top: var(--top-nav-sm); }
  .mobile-subpage .top-nav::before { background-color: white !important; }
  .mobile-subpage .top-toggle-nav i { color: var(--primary) }
  .mobile-subpage .top-nav-logo svg path { fill: var(--primary) !important; }
  .mobile-subpage .sub-banner .sban-con { padding-top: 0; top: var(--top-nav-sm); position: fixed; height: var(--h) !important }
  .mobile-subpage .sbani-con { text-align: initial !important; --h3s: 2.75rem; --h4s: 1.25rem; }
  .mobile-subpage .sban-info h4 { margin-top: 0; line-height: 1; margin-top: .35rem; }
  .sub-banner.sm-banner { --h: 65vw; }
  .nav-secondary { --h: 3rem; height: var(--h) }
  .subnav-container { left: 0; top: 0; width: 100%; height: var(--h); background-color: var(--white) }
  .sub-nav { height: var(--h); overflow-x: auto; flex-wrap: nowrap; }
  .sub-nav a { height: var(--h); font-size: .915rem }
  .fixed-secondary .subnav-container { position: fixed; z-index: 989; }
  .fixed-secondary .top-nav { transform: translateY(-101%); }
  .news .newsli-con .overview { display: none; }
  .news .newsli-con .item-left { order: 3; width: 100%; display: flex; justify-content: space-between; align-items: center; }
  .news .newsli-con .month-day { font-size: .9rem }
  .news .newsli-con .subject { font-size: 1.05rem; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
  .news .news-list .image { width: 100%; }
  .news .news-list .image .ratio { padding-top: 45% }
  .news .newsli-con .item-left, .news .newsli-con .item-info { padding-left: .5rem; padding-right: .5rem }
  .news .newsl-item:hover .subject.dark, .news .newsl-item:hover .newsli-icon { color: var(--primary) !important }
  .news .newsl-item:hover .newsli-icon { transform: translateX(10px); }
  .news .video-list .text { border-bottom: 1px solid var(--lightgray); padding-bottom: 2rem!important; margin-bottom: 0!important }
  .news .video-list .text .subject { font-size: 1rem; }
  .newsdet-container { padding-top: 0 }
  .newsd-desc { line-height: 1.8; }
  .newsd-desc.fs-15, .newsd-share dt { font-size: .9rem; }
  .newsd-share .social-share a { width: 1.7rem; height: 1.7rem; padding: .25rem }
  .newsd-share .social-share a>img { filter: contrast(.25); }
  .video-list>li { margin-bottom: 2rem; }
  .join-item { padding-top: 3rem; padding-bottom: 3rem }
  .join-item .common-title h3 { font-size: .9rem; font-weight: bold }
  .join-item .common-title h4 { font-size: .7rem; font-family: "am", var(--font-system); text-transform: uppercase; margin-top: .25rem }
  .jadv-item dd>strong { color: var(--primary); font-size: bold; display: flex; align-items: center; justify-content: center; font-size: .9rem; line-height: 1; padding-top: 1.25rem; padding-bottom: .75rem; border-color: rgb(200, 200, 200) }
  .jadv-item dd>strong>span { border-radius: 100%; font-size: .7rem; margin-right: .25rem; width: .9rem; height: .9rem; line-height: .8rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--primary) }
  .jadv-item { padding: 0 1.25rem 1.25rem 1.25rem }
  .jadv-item dd>div { line-height: 2 }
  .aenv-slick .ratio-3-1 { padding-top: 100% }
  .jcon-con>.frame-wide { padding: 0; overflow: hidden }
  .jcon-list { background: transparent; flex-wrap: wrap; margin: 0 -.5rem; padding: 0 }
  .jcon-list li { width: 50%; flex-shrink: 0; flex: unset; padding: 1.5rem }
  .jcon-list li>div { margin-bottom: 0; line-height: 1.8 }
  .jcon-list li:nth-child(1), .jcon-list li:nth-child(2) { padding-top: 0; border-bottom: 1px solid rgb(200, 200, 200) }
  .jcon-list li:nth-child(3), .jcon-list li:nth-child(4) { padding-bottom: 0 }
  .jcon-list li>strong { font-size: .75rem; color: var(--primary); margin-bottom: .5rem; font-weight: bold }
  .jcon-list li:not(:last-child) { border-right: 1px solid rgb(200, 200, 200) }
  .jmzx-btn { font-size: .65rem; white-space: nowrap; height: 1.25rem; transform: scale(.8); line-height: 1; padding: 0; border: 1px solid var(--primary); color: var(--primary); max-width: 4.25rem; margin-left: auto; margin-right: auto; margin-top: .5rem }
  .jmzx-btn:hover { background-color: var(--primary); color: white }
  .jmzx-contact>hr { width: 50%; opacity: .35; margin: 1.5rem auto }
  .news .news-list li { margin-bottom: 2rem }
  .news .news-list .ratio-3-1 { padding-top: 45% }
  .news .item-left { margin-bottom: 2rem; }
  .newsd-heading h3 { font-size: 1.1rem; line-height: 1.5 }
  .newsd-heading .info { font-size: .75rem; padding-top: .75rem }
  .newsd-heading .info span { padding-left: .5rem; padding-right: .5rem }
  .newsd-con p.empty-line { font-size: .5em; }
  .ndban-con { height: auto; padding-top: 60% }
  .newsd-desc { padding-bottom: .5rem }
  .newsd-share { padding-bottom: 2rem }
  .newsprod-item { padding: 0; }
  .newsd-share a { width: 1.25rem; height: 1.25rem; font-size: .8rem; margin-left: .5rem; margin-right: .5rem }
  .article-prev-next { border: 0; }
  .apn-con { height: auto }
  .apnc-item { width: 100%; line-height: 1; padding-top: .75rem; padding-bottom: .75rem; }
  .apnc-item a { display: block }
  .apnc-item a strong { font-size: .85rem; }
  .apnc-item a strong>span { flex-shrink: 0 }
  .apnc-item a span { padding: 0; width: auto }
  .apnc-back { border: 0; width: 4rem; }
  .apn-con>div { justify-content: flex-start }
  .apnc-back a { font-size: 1.6rem; }
  .apnc-item a:before { height: 1px; top: initial; bottom: 2px; width: 100%; left: 0; right: initial; background: rgb(180, 180, 180); opacity: 0 }
  .apnc-item a:hover:before { background: var(--primary) }
  .apnc-item a:hover { color: var(--primary) }
  .article-prev-next>.frame-narrow { padding-left: 0; padding-right: 0 }
  .apnc-item::before { width: 100%; }
  .apnc-item a { display: flex; align-items: center; justify-content: flex-start; padding-left: var(--left-sm); padding-right: var(--left-sm) }
  .apnc-item a>i { font-size: 1.5rem; order: -1; margin-right: .25rem }
  .apnc-item a>span { max-width: initial; width: calc(100% - 3rem); flex-grow: 1; }
  .news .related-news .newsi-img.ratio { padding-top: 45% }
  .news .related-news .newsi-txt .sub { font-weight: bold }
  .news .related-news .newsi-txt .intro { -webkit-line-clamp: 1; min-height: 1.3rem }
  .news .relnews-more { font-size: .8rem; }

  /* talent */
  .talcul-item { flex-basis: 100% !important; max-width: 100%; }
  .talculi-dd { width: 100%; }
  .talculi-det { font-size: 1.15rem; }
  .talcont-con h3.strong { font-size: 1.7rem }
  .talcont-det { font-size: .985rem; color: var(--muted) }
  .talacti-img { padding-top: 150%; border-radius: .5rem; opacity: 1 }
  .talact-item dl { padding-right: 1.5rem; }
  .talact-item dl>dd { transition: all .5s ease; }
  .talact-item:not(.slick-current) dl>dd { transform: translateX(20vw); opacity: 0 }
  .talact-item dl>dd>h3 { font-size: 1.45rem }
  .talact-item dl>dd>h4 { font-size: .8rem; color: var(--muted) }
  .talact-det { width: 160vw; }
  .talact-item:not(.slick-current) .talacti-img { transform: scale(.85); opacity: .5; }
  .talact-nav { top: initial; padding-top: initial; bottom: 2.25rem; padding-right: var(--left-sm) }
  .talact-btn { font-size: 2.25rem }
  .fancy-slider { width: 100%; padding: 0; }
  .fancybox-container { --size: 3rem }
  .fancy-iframe .fancybox-navigation { top: 55vh; transform: none; margin-top: -.5rem }
  .fancybox-navigation .fancybox-button div { font-size: 2.25rem }
  .talent-careers .telcarbg-m { height: calc(100vh - var(--top-nav-sm)); }
  .talent-careers .telcar-bg::after { content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .65) }
  .talcar-det { --dark: white; width: 100%; color: white }
  .talcar-det h3.title { font-size: 2rem; }
  .talcar-det h3.sub-title { font-size: .925rem; }
  .talcar-nav nav { justify-content: space-between; }
  .talcar-nav a.b-bcb { font-size: 1rem; --py: .85rem; --px: 1.75rem; border: 1px solid var(--white); background-color: transparent; color: var(--white) }
  .talcar-nav a.b-bcb:hover { background-color: var(--white); color: var(--primary) }
  .talculi-dd h3.fs-40, .talent-activity h3.title { font-size: 2.05rem; }
  /* contact */
  .conh-title { font-size: 2.05rem; height: auto; color: var(--primary); font-weight: bold }
  .conh-sub.fs-42 { font-size: 1.4rem; height: auto; }
  .conh-sub.fs-26 { font-size: 1.185rem; height: auto; }
  .conh-intro { font-size: .975rem; font-weight: normal; }
  .conh-work-time .fs-40 { font-size: 1.35rem }
  .conh-work-time .fs-44 { font-size: 1.5rem }
  .conh-work-time .fs-24 { font-size: .85rem }
  .conhexp-join { order: 2 }
  .conhi-contact { order: 3 }
  .conhexp-feedback { order: 4 }
  .conh-explore a.b-bcb { font-size: 1.185rem; --px: 2rem; --py: .775rem }
  .conhic-list { border-bottom: 1px solid var(--silver); margin-bottom: 1px; }
  .conhic-item { padding: 1rem .5rem; border-top: 1px solid var(--silver); align-items: center; justify-content: space-between; }
  .conhic-item>dt { width: 2.25rem; height: 2.25rem }
  .conhicd-title { font-size: .95rem; font-weight: bold; }
  .conhicd-title::after { content: none }
  .conhicd-con { font-size: .75rem }
  .fancybox-slide--html { padding: 0 }
  .common-feedback.fancybox-content { padding: var(--left-sm); width: 100%; overflow: hidden; }
  .frame-narrow.cfee-con { padding: 0 }
  .cfcc-con label { margin-bottom: .25rem; font-size: .7rem }
  .common-feedback .cfcc-con .mb-3 { margin-bottom: .75rem !important }
  .common-feedback .cfb-close>button>i { font-size: 1.2rem; color: var(--muted) }
  .fancy-feedback.fancybox-is-open .fancybox-bg { opacity: 1; background-color: white }
  .cfcb-form { padding-bottom: 0 }
/*  .cfcc-submit label { display: none; }*/
  .cfcc-submit button { font-size: .75rem; --py: .5rem!important; --px: .85rem; }
  .cfcc-submit button[type="reset"] { background-color: white; color: var(--primary) }
  .slick-dots li button:before { background-color: var(--muted); opacity: .65; }
  .ressub-nav { font-size: .9rem; justify-content: flex-start !important }
  .ressub-nav>a { margin-right: 1.5rem; }
  .conhi-intro { font-size: .9rem; }
  .conhil-item dt { font-size: .85rem; }
  .conhili-con, .conhili-con .fs-12 { --pr: 0; font-size: .75rem; }
  .conhil-item>dl { border-bottom: 1px solid var(--gray) !important }
  .conhili-con p a img { height: 2rem; }
  .cfcc-badge { max-width: 6rem; transform: translate(30%, -150%) }
  .cfcb-form>h4, .conj-feedback>h4 { line-height: 1.5; font-size: .9rem; }
  .cfcc-con>div { margin-top: .25rem; margin-bottom: .25rem; }
  .cfcc-btn { justify-content: space-between !important }
  .cfcc-tip>div { font-size: .9rem }
  .conj-recruitment .cfcc-btn button.b-border { margin: auto; }
  .conj-con input[type="text"] { margin-bottom: .25rem; }
  .conj-con label { font-size: .8rem; }
  .fancy-box { display: none; background-color: transparent }
  .fancy-box-con { text-align: center; margin-top: 1.25rem; margin-bottom: 1.25rem }
  .fancy-user .fancy-box-con img { max-width: 10rem }
  .fancy-user { width: 16rem }
  .fbc-tele { padding: 0 .5rem; line-height: 32px; height: 32px; border-radius: 16px; font-size: .9rem }
  .contact-feedback .fs-26 { font-size: 1.35rem; }
  .fancy-feedback.fancybox-content { padding: 0 14px; width: 100% }
  .fancy-feedback #img-captcha { height: 1rem; width: auto }
  .fancy-feedback .fancy-box-con { margin: 0; padding: 2.5rem 15px 1.5rem 15px; background: white }
  .quick-fancy .fancybox-toolbar { display: none }
  .quick-fancy .fancybox-bg { background-color: rgba(0, 0, 0, .65) }
  .fancy-feedback input[type="text"], .fancy-feedback textarea { font-size: 13px; padding: .5rem .5rem; line-height: 1rem; border: 0; background: var(--silver); color: black }
  .fancy-feedback textarea { height: 7rem }
  .fancy-feedback input::placeholder { color: var(--darkgray); font-size: 11px; }
f
  .quick-fancy .fancybox-close-small { right: 10px }
  .fancy-feedback .ffb-btn button { border: 1px solid var(--primary); display: inline-block; line-height: 1; font-size: .65rem; padding: .25rem .75rem; margin-left: .5rem; margin-right: .5rem; width: auto; height: auto }
  .fancy-feedback .ffb-btn button:hover { background: var(--primary); color: white }
  .agree-con { display: block; }
  .fancy-cookies .fancybox-content { margin-bottom: 0; padding: 1rem 1.25rem }
  .b-border, .b-bcb { --py: .75rem; --px: 1.5rem; min-width: initial; line-height: 1; font-size: 16.5px; }
  .mfoocc-logo { height: 3rem; display: flex; justify-content: flex-start; }
  .mfnsm-follow img { height: 4rem; width: auto }
  .mfoocc-logo>img { width: auto; margin-right: auto }
  .mfoocc-contact { width: 250px; }
  .footer-nav-menu { margin-bottom: 1rem; border-bottom: 1px solid var(--lightgray); }
  .footer-nav-menu dl { max-width: unset; margin-right: 0; border-top: 1px solid var(--lightgray); }
  .footer-nav-menu dt { padding-top: 5px; padding-right: 50%; line-height: 1; }
  .footer-nav-menu dt:after { position: absolute; top: 0; right: 0; font-size: 1.3rem; line-height: 48px; content: "+"; }
  .footer-nav-menu dt a { display: inline-block; padding: 0; margin: 0; font-size: 15px; font-weight: normal; line-height: 41px; color: var(--dark) !important; pointer-events: none }
  .footer-nav-menu dd { height: 0; padding-left: 14px; overflow: hidden; }
  .footer-nav-menu dd a { font-size: 14px; line-height: 2.25; color: var(--gray); }
  .footer-nav-menu dl.active dd { height: auto; padding-top: .25rem; padding-bottom: .75rem; border-top: 1px solid var(--gray-light); }
  .footer-nav-menu dl.active dt:after { transform: rotate(45deg); }
  .mfn-sub-nav { transition: transform .25s, opacity .25s; transform: translateY(-101%); opacity: 0 }
  .footer-nav-menu dl.active dd .mfn-sub-nav { opacity: 1; transform: unset; }
  .ftcopy.fs-13 { font-size: var(--fs12); }
  .jnav-list { margin-right: -.45rem; }
  .jnav-list input[type="checkbox"] { z-index: -1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 5rem; }
  .jnav-list>li { min-width: 25%; padding-right: .45rem; }
  .jnav-list>li>label { width: 100%; align-items: center; justify-content: center; font-size: .65rem; line-height: 1.3; min-height: 1.5rem }
  .jnav-list input[type="checkbox"]::before, .jnav-list input[type="radio"]::before { content: none; }
  .jnav-list input[type="checkbox"]:checked+span, .jnav-list input[type="radio"]:checked+span { color: white; }
  .joinit-title>span { margin-top: .45rem; margin-bottom: .45rem }
  .joinit-name { flex-basis: 100% !important; justify-content: flex-start; font-size: .9rem; color: var(--black) }
  .joinit-cats, .joinit-type, .joinit-pos { font-size: .65rem; color: var(--black); margin-right: .15rem; background-color: var(--silver); border-radius: 4px; padding: .2rem .25rem; }
  .joinit-qty { font-size: .65rem; flex-basis: 100%; color: var(--muted) }
  .joinit-qty::before { content: attr(data-prefix); }
  .joinit-qty::after { content: attr(data-surfix); }
  .joinit-qty>em { font-size: .7rem; padding-left: .15rem; padding-right: .15rem }
  .joinit-act { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1rem; color: var(--link) }
  .join-main .ajl-item { display: list-item !important; }
  .ajl-item .ajl-content { height: 0 !important }
  .fancy-carrer.fancybox-is-open .fancybox-bg { opacity: 1; background-color: white; }
  .fancy-carrer.fancybox-is-open .fancybox-content { padding: 1.5rem var(--left-sm); }
  .fancy-carrer.fancybox-is-open .ajl-content { height: auto !important; }
  .fancy-carrer.fancybox-is-open .joinit-name { font-size: 1.2rem; font-weight: bold }
  .fancy-carrer.fancybox-is-open .joinit-act { display: none; }
  .fancy-carrer.fancybox-is-open .ajl-item>a.cover-link { display: none; }
  .fancy-carrer.fancybox-is-open .ajl-content>div { background-color: transparent; padding: 0 .5rem }
  .fancy-carrer.fancybox-is-open .jmdet-apply a.b-bc { --py: .5rem; --px: 1.5rem }
  .fancybox-button--close { border-width: 0; color: var(--muted) }
  .archfaq-item h4>.strong { line-height: 1.4; font-size: 1.1rem; padding-right: 4rem }
  .arch-content { font-size: .875rem; line-height: 1.8 }
  .archive-sitemap .mfoocn-list { flex-wrap: wrap; }
  .archive-sitemap .mfoocn-list>dl { flex: 100% 0 0 }
  .archive-sitemap .mfn-sub-nav>li { min-width: 25%; padding-right: .5rem; }
  .quick-nav { --w: 2.25rem; font-size: 1.25rem }
  .quick-hotline .fs-18 { font-size: .8rem; }
  .quick-hotline .fs-36 { font-size: 1.5rem; }
  .archive-title h3.title { font-size: 2.05rem; padding-bottom: 1.5rem!important }
  .arch-sitemap-dt a, .arch-content h3 { font-size: 1.4rem; color: var(--dark); font-weight: bold }
  .arch-sitemap-dd a { font-size: .925rem; line-height: 2 }
  .arch-content h3 { margin-bottom: 1.5rem; margin-top: .5rem }
  .archfaqi-con { font-size: .835rem; line-height: 1.8 }
  .archfaqi-con p strong { font-size: 90% }


}
@media screen and (max-width:767.98px) and (orientation:landscape) {
  body { border: 3px dotted red }
  body { -webkit-text-size-adjust: none; }
  html { font-size: 100% }
  main { --gap2:.25rem }
  .abbh-list, .abto-list, .abtm-list, .newsprod-list { margin-left: cacl(-1 * var(--gap2)) !important; margin-right: cacl(-1 * var(--gap2)) !important; }
  .abbh-list [class^="col-"], .abto-list [class^="col-"], .abtm-list [class^="col-"], .newsprod-list [class^="col-"] { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: var(--gap2) !important; padding-right: var(--gap2) !important; }
  .abbh-det { height: 10vw !important }
  .abbh-txt { padding-top: 10vw; }
  .abb-culture .media-img img { width: 120% !important; margin-left: -10%; }
  .abtmli-left { min-width: 40%; max-width: 40%; }
}
@media (max-width:413.98px) {
/*  html { font-size: 105% }*/
  .hsi-con { --h3: 2.75rem }
}
@media (max-width:389.98px) {
  html { font-size: 105% }
  .hsi-con { --h3: 2.5rem }
  .sban-info h4 { --h4: 14px; }
  .main-footer { --fs12: 11px; --fs13: 13px; }
}
@media (max-width:319.98px) { }