.overflow-visible { overflow: visible !important; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
@media (min-width:576px) { }
@media (min-width:768px) { }
@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.25rem; }
}
@media (min-width:1440px) {
.top-nav-menu { --w: 70%; }
.top-nav-logo { --h: 3rem; }
.top-quick { --w: 20rem; }
.top-nav-menu dt a { --px: 1.3rem; }
.tq-con dd[data-con="buy"] a { margin-left: 1rem; }
.sub-banner.sm-banner { --h: 38vw }
.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 }
.col-side, .col-center { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.home-about { --him: 6.5rem; --hb: 3.25rem; --ts: 1.1rem; --cs: .9rem; --is: 2rem }
.footer-link { --ih: 2.5rem }
.sub-nav { --fs: .75rem; --ts: .8rem }
}
@media (min-width:1600px) { }
@media (min-width:1920px) {
:root { --left-pad: 4rem; }
.top-nav-menu { --w: 66%; }
.top-nav-logo { --h: 3.5rem; }
.top-quick { --ml: 3rem }
.top-nav-menu dt a { --px: 1.5rem; }
.home-banner { --h3s: 3.5rem; --h4s: 2.8rem }
.bottom-nav.slick-slider { --size: 2.9rem; --pp: 5rem; --pn: 9rem }
.sub-banner, .home-banner { --h3:4.2rem }
.sub-banner.sm-banner { --h: 32.5rem }
.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: 4rem; --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: 8.5rem; --hb: 3.5rem; --ts: 1.3rem; --cs: .9rem; --is: 2.5rem }
.footer-link { --ih: 3.25rem }
}
@media (min-width:2560px) {
.abbsi-heading { --tpt: 2rem; --tpb: 2.5rem; --sfs: 4.5rem }
.abbsi-con { --fs: 1.05rem }
}
@media screen and (max-width:2560px) { }
@media screen and (max-width:1919.98px) { }
@media screen and (max-width:1599.98px) {
.btn-top { right: -5rem }
}
@media screen and (max-width:1399.98px) {
.btn-top { right: -2rem }
.abc-textfull dt { transform: none }
.news-list .newsi-txt { padding: 2rem 6%; }
}
@media screen and (max-width:1119.98px) {
.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 }
}
@media screen and (max-width:767.98px) {
:root { --top-nav-sm: 60px; --left-sm: 20px; --fh: calc(100vh - var(--top-nav-sm)); }
html { font-size: 112.5% }
html.android body { font-family: var(--font-sans) }
body { padding-top: var(--top-nav-sm); font-size: .7rem; letter-spacing: 0; overflow-x: hidden; }
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 }
.top-nav, .fixed-bar .top-nav, .top-nav-small { height: var(--top-nav-sm); background-color: transparent }
.top-nav { transition: all .15s linear; }
.top-nav::before { content: ''; background: black; z-index: 5; width: 100%; height: 100%; position: absolute; transition: all .15s; left: 0; top: 0; opacity: 0; box-shadow: 0 0 15px rgba(0, 0, 0, .05) }
.top-nav::before { 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; }
.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 img.logo-white, .top-nav-logo img.logo-white { display: block; opacity: 1 }*/
.fixed-bar .top-nav-logo { padding-top: 0 }
.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 }
.main-nav-bar { position: fixed; z-index: 0; z-index: -1; top: 0; right: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; transition: all .15s linear; transform: translate3d(0, -110%, 0); background: rgba(0, 0, 0, .9); overflow: hidden }
.top-nav-menu { --w: 100%; padding: 5rem 0 0 0; margin: 0 }
.top-nav-menu > div { flex-wrap: wrap; display: block }
.top-nav-menu dl { width: 100%; height: auto; padding-left: 2.5rem; padding-right: 2.5rem; margin-bottom: .75rem; }
.top-nav-menu dt { height: 2.65rem; padding: 0 }
.top-nav-menu dt a { font-size: 1.1rem; text-align: left; display: flex; padding: 0; font-weight: bold; color: var(--primary); align-items: center; justify-content: space-between; }
.top-nav-menu dl.active dt a { background-color: transparent; font-weight: bold }
.top-nav-menu dl.active dt a > span.tnmc-item { display: block !important; font-weight: normal }
.mobile-menu .main-nav-bar { transform: translate3d(0, 0, 0) }
.top-toggle-nav { display: block; order: -2 }
.top-nav-menu, .tnm-con, .tnm-con dl, .tnm-con dt { height: auto }
.tnm-con:before { display: none }
.top-quick { justify-content: center; margin-left: 2.5rem; margin-right: 2.5rem !important; height: auto; width: initial; line-height: initial; display: block !important }
.top-sub-menu:before { display: none }
.top-sub-menu { display: none; position: relative; overflow: hidden; max-height: 0; padding: 0; width: initial; left: initial; border-top: 1px solid var(--primary) }
.top-sub-menu a { line-height: 1.8; font-size: .9rem; text-align: left; color: var(--primary); margin-top: .15rem; margin-bottom: .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; }
.tsn-normal a { justify-content: flex-start; padding-left: 0; }
.tnm-con dl.active .top-sub-menu { max-height: unset; opacity: 1; pointer-events: unset; display: block; }
.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; }
.mtq-search { width: 18px; height: 18px; }
.mtq-search .icon-search.mtt-btn { font-size: 22px; left: -2px; top: -2px; }
.search-open .mtt-menu, .menu-open .mtt-search { opacity: 0; pointer-events: none; transition: 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 .tq-con > dd[data-con="lang"], .search-open .top-nav-menu { overflow: hidden; max-height: 0; margin: 0; padding: 0; line-height: 0; }
.search-open .top-quick { padding-top: 5rem; }
.main-nav-bar { transition: none; }
.hide-main-nav .top-nav { transform: translateY(-100%) !important; }
/*  .tq-con { position: fixed; height: 60px; top: 0; left: 0; width: 100%; z-index: 2; background-color: black; padding-right: var(--left-sm) }*/
.tq-nav, .tq-con > dt { display: none; }
.tq-con { position: relative; opacity: 1; flex-direction: column; }
.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: .75rem; }
.top-quick .top-search button { color: var(--gray) }
h3.title { font-size: 1rem; line-height: 1.4 }
h3.title.left-line { padding-left: 1rem }
h3.title.left-line::before { width: .15rem }
.home-slides { height: 100vh; max-height: initial; }
.home-slides .slick-dots { z-index: 2; bottom: 1rem; transform: scale3d(.7, .7, 1) }
.slides-info { padding-top: 2.25rem; padding-bottom: 2.25rem }
.hsi-con { height: auto }
.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 }
.hab-con p img { display: inherit; margin: auto }
.fcon-img { margin: 1.25rem auto .5rem auto }
.hsi-con h3, .hsi-con h4 { text-align: center }
.home-slides .bottom-nav .slick-prev, .home-slides .bottom-nav .slick-next { display: none !important }
.home-about { display: block; padding-top: 4rem !important; padding-bottom: 4rem !important; --hb: 1.8rem; --is: 1.5rem }
.hab-con { font-size: .75rem; letter-spacing: 0; padding-top: 1.5rem; text-align: center }
.hab-con p img { max-height: 6rem; width: auto }
.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: 1.75rem }
.hntop-txt { padding: 0 1rem; top: initial; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; height: 2.5rem; background-color: rgba(0, 0, 0, .5) }
.hntop-img { padding-top: 60%; filter: initial }
.hntop-txt .subject { font-size: .9rem; color: white; flex-grow: 1; overflow: hidden; line-height: 1; height: .9rem }
.hntop-txt .subject br { display: none }
.hntop-more { flex-shrink: 0; margin-left: 1.5rem }
.hntop-more a { color: white; font-size: .75rem }
.hexp-list .slick-slide { padding: 0 }
.hexp-item { border-radius: 0 }
.hexp-list, .hntop-item { border-radius: 8px }
.hexpi-txt { padding-bottom: 2.25rem !important }
.hexpi-txt a { font-size: .9rem; line-height: 1 }
.hexp-list .slick-dots { bottom: .75rem; transform: scale3d(.7, .7, 1) }
.home-news > .flex-sb { display: block }
.hnews-top > h4 { font-size: 1.1rem; line-height: 1; margin-bottom: 1rem; height: auto }
.hnews-list { width: 100% }
.hnews-list li a { padding-top: 0; padding-right: 0; border: 0 }
.hnews-list .subject { font-size: .9rem; color: var(--primary); margin-top: 1rem }
.hnews-list a .img { padding-top: 65% }
.hnews-list .date { font-size: .6rem; margin-top: 1rem; color: var(--primary) }
.main-footer { --im: 100% }
.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 }
.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 }
.sub-body body { padding-top: var(--top-nav-sm) }
.sub-banner { max-height: calc(100vh * 2 / 3) }
.sub-nav { z-index: 991; pointer-events: initial; background-color: var(--gray); transform: none; position: relative; height: auto; position: sticky; }
.sub-nav .left-nav { height: auto; background: transparent }
.mobile-menu .sub-nav { z-index: 1; }
.sban-info h3 { font-size: 1.2rem }
.sban-info h4 { font-size: .9rem; margin-top: .5rem }
.sub-nav .left-nav > .flex-cs { display: block; text-align: center }
.sub-nav .left-nav a { margin-left: .75rem; margin-right: .75rem; white-space: nowrap; font-size: .75rem; color: var(--dark); font-weight: bold; }
.sub-nav .leftnav-con { height: auto; justify-content: center; width: fit-content; flex-wrap: nowrap; margin: auto; height: var(--top-nav-sm) }
.sub-nav .leftnav-con li { padding-top: .5rem; padding-bottom: .5rem; height: auto }
.sub-nav .leftnav-con li:not(:last-child) { border-right: 1px solid var(--mute) }
.sub-nav .leftsec { width: 100% !important; color: var(--primary); height: var(--top-nav-sm); justify-content: center; padding-top: .75rem }
.sub-nav .leftsec-en { display: block; margin-top: .15rem }
.sub-nav .leftnav-sub { display: block; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none }
.sub-nav .leftnav-sub::-webkit-scrollbar { display: none }
/*  .sub-nav+article { border-top: .75rem solid var(--gray) }*/
.line-dots .slick-dots { bottom: .75rem }
.line-dots .slick-dots li { width: 1.25rem; height: 2px; margin-left: 3px; margin-right: 3px }
.abbi-play svg { width: 3rem; height: 3rem }
.abbs-mask { --pt: 125vw }
.abbsic-row { --fs: .65rem; padding-top: .75rem !important; padding-bottom: 2.25rem !important; line-height: 1.9; color: var(--dark); }
.abbsic-desc { -webkit-line-clamp: 4; line-clamp: 4; color: var(--dark); }
.abbii-con { line-height: 2; }
.abbsic-con { padding-left: 0; padding-right: 0 }
.abbsi-con { --mh: unset; height: 65% !important; background-color: transparent; }
.abbsi-title { line-height: 1; font-size: .9rem }
.abbsi-strong { max-width: 70% }
.abbsi-heading { --tpb: .75rem; --tpt: 0; --sfs: 1.4rem }
.abbs-list .slick-dots, .abbw-list .slick-dots, .abtol-list .slick-dots, .related-list .slick-dots {         /* bottom: .75rem; */
transform: scale3d(.7, .7, 1) }
.abbsm-con { height: 50% !important; align-items: flex-end !important; top: initial; bottom: 1.5rem; }
.abbsm-con .w-50 { width: 30vw !important }
.abbsmc-txt > h4 { order: 2; color: var(--dark) !important; margin-top: .2rem; }
.abbsm-con h4 { font-size: .7rem }
.abbs-item > dl::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-color: rgba(255, 255, 255, .3); }
.abbs-item > dl::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5rem; z-index: 2; pointer-events: none; }
.abbs-list .slick-dots { text-align: left; margin-left: -1rem; bottom: 2rem; }
.abb-honor { --dts: 2.25rem; --dss: 1rem; }
.abbhi-title { order: -1; text-align: left !important; padding-top: 1rem; }
.abbhi-title > .fs-20 { font-size: 1rem; }
.abbhi-title > img { max-height: 1.5rem; }
.abbhi-txt { line-height: 2; font-size: .75rem; }
.abbh-txt { opacity: 1; padding-top: 20vw; align-items: flex-start; }
.abbh-det { z-index: 3; height: 20vw !important; background-color: transparent; }
.abbh-item { padding-top: 55%; }
.abbht-con { -webkit-line-clamp: 4; line-clamp: 4; }
.abbh-det, .abbh-txt { border-radius: 8px; }
.abb-culture .media-img img { max-width: inherit; width: 160% !important; margin-left: -30%; }
.abb-culture .media-con h3 { font-size: 1.6rem; }
.abb-culture .media-con .media-cc { font-size: .9rem; }
.b-border.b-xl { font-size: .9rem; }
.b-border.b-xl { --px: 1.5rem; --bs: 1px; }
.abbwl-item dt { font-size: 1rem; line-height: 1.5; }
.abbwl-item { padding: 1px !important }
.abti-badge { max-width: 30vw; top: -5vw; }
.abti-title h3 { font-size: 2.25rem; padding-bottom: .25rem; }
.abti-title h5 { font-size: 1.2rem; }
.abti-con > div { line-height: 2; }
.abto-icon { max-width: 25vw; margin: auto; }
.abto-list { --px: 0; --mh: 50vw; --ts: 1.1rem; --cp: 1.25rem; }
.abtoli-title { text-align: center; }
.fancybox-is-open .fancy-abto { padding: 2rem 0 }
.fancy-abto-txt { font-size: .75rem; }
.fancy-abto-txt .fs-16 { font-size: 1rem; }
.fancy-abto-txt .fs-22 { font-size: 1.2rem; }
.fancy-abto-txt .empty-line { line-height: 1 }
.fancy-abto-video .ratio-16-9 { padding-top: 45% }
.fancy-abto-video .fs-25 { font-size: 1rem; }
.abtsl-item { width: 5rem; height: 5rem; }
.abtsl-item dd { width: 6.5rem; height: 6.5rem; }
.abts-footer h3 { text-align: center; }
.abtmli-left { min-width: 35vw; max-width: 35vw; }
.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 .ratio-3-1 { padding-top: 45% }
.news-list li { margin-bottom: 1rem }
.news-list .newsi-txt { padding: 1.5rem 4%; display: block; }
.news-list .newsi-txt .date { font-size: 13px; line-height: 1.5 }
.news-list .newsi-txt .more { font-size: 12px; }
.news-list .newsi-txt .sub { overflow: initial; white-space: initial; text-overflow: initial; line-height: 1.5; padding-top: .1rem; padding-bottom: .3rem; font-size: 15px; }
.products .news-list .newsi-txt { opacity: 1; height: auto; padding: .75rem 4%; }
.products .news-list .newsi-txt .intro { margin: 0 !important; padding-bottom: .75rem; }
.newsd-heading h3 { font-size: .9rem; color: var(--primary) }
.newsd-heading .info { font-size: .6rem; padding-top: 1rem }
.newsd-heading .info span { padding-left: .5rem; padding-right: .5rem }
.ndban-con { height: auto; padding-top: 60% }
.newsd-desc { padding-top: 1rem; 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; padding-bottom: 1rem }
.apn-con { height: auto }
.apnc-item { width: 4rem; line-height: 1.3 }
.apnc-item a { display: block }
.apnc-item a strong { font-size: .7rem; margin-top: .45rem; margin-bottom: .45rem; display: flex; align-items: center; justify-content: flex-start }
.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) }
.related-title { font-size: 1rem; margin-bottom: 2rem; }
.related-title::after { height: 1rem; bottom: -1.25rem; }
.related-list { margin-top: 2.5rem; }
.related-list li.slick-slide { margin-bottom: 0 }
.related-list .slick-dots { bottom: .5rem; }
.related-news .news-list .newsi-txt .sub { font-size: .85rem; }
.slick-dots li button:before { background-color: var(--muted); opacity: .65; }
.prodh-cats h3 { font-size: 1.6rem; }
.prodh-cats h4 { font-size: 1.2rem; }
.prod-list .newsi-img.ratio-3-1 { padding-top: 90% }
.prodli-shop { position: relative; }
.prod-list .newsi-txt { text-align: center; }
.prod-list .newsi-txt .sub { font-size: .9rem; }
.prod-list .newsi-txt .intro { font-size: .75rem; }
.prodli-shop a svg { height: 1.3rem; }
.prodl-shop a { height: 2rem; }
.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; }
.ajl-item h4, .ajl-content > div { padding: .5rem 1rem }
.ajl-item h4 { justify-content: space-between }
.ajl-item .width-2 { padding-right: 5%; width: 47.5% }
.ajl-item .fs-32 { font-size: .9rem; color: var(--primary); width: 40% }
.ajl-item .fs-20 { font-size: .55rem; width: 55% }
.ajl-item .fs-28 { font-size: .65rem }
.ajl-item .width-1 { width: 5% }
.ajl-item:not(:last-child) { padding-bottom: .75rem }
.ajl-content > .flex { display: block }
.ajl-content .width-2 { width: 100%; padding-right: 0; padding-top: 1.25rem; padding-bottom: 1.25rem }
.ajl-content h5 { font-size: .75rem; margin-bottom: 1rem; color: black }
.ajl-content p { font-size: .7rem; line-height: 1.8 }
.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 }
.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 { padding: .35rem .5rem; line-height: 1rem; border: 0; background: var(--gray); color: black }
.fancy-feedback input[type="text"] { margin: .25rem 0 }
.fancy-feedback textarea { vertical-align: top }
.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 }
}
@media screen and (max-width:767.98px) and (orientation:landscape) {
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:319.98px) { }