html { font-size: calc(100vw / 1920 * 16); scroll-behavior: smooth; }

/* SEO: semantic h1/h2 keep design-class look, not UIkit heading defaults */
.content h1.p-title,
.content h2.p-title,
.content h1.p-tips,
.content h1.p-name,
.content h1.f-title,
.content h2.f-title,
.content h1.n-title,
.content h1.t-desc,
.content h2.p-desc-title { margin: 0; padding: 0; font-family: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.content h1.p-name,
.content h1.t-desc { font-size: inherit; }
.content h2.f-title a { color: inherit; text-decoration: none; -webkit-transition: color .3s; transition: color .3s; }
.content .section-head .f-title:hover a { color: #3875D1; }

input, textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; color: inherit; font-size: inherit; border: none; border-radius: 0; background: transparent; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, button::-webkit-input-placeholder { color: #999; font-family: inherit; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, button:-ms-input-placeholder { color: #999; font-family: inherit; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder, button::-ms-input-placeholder { color: #999; font-family: inherit; }
input::placeholder, textarea::placeholder, button::placeholder { color: #999; font-family: inherit; }
input:focus, textarea:focus, button:focus { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; }

input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.line-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; }

.uk-overflow-x-auto { width: 100%; overflow-x: auto; }

.number-input { border: 1px solid #dcdcdc; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.number-input button { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; height: 35px; width: 35px; background-color: #dcdcdc; -ms-flex-negative: 0; flex-shrink: 0; }
.number-input input { width: 45px; height: 35px; font-size: 15px; }

.pagination-box .uk-pagination { gap: clamp(15px, 1.5625rem, 25px); margin-top: 10px; }
.pagination-box .uk-pagination li a { -webkit-box-sizing: border-box; box-sizing: border-box; width: clamp(30px, 2.5rem, 40px); border-radius: 100px; aspect-ratio: 55/43; color: #130e0c; font-size: clamp(13px, 1rem, 16px); -webkit-transition: 0.5s; transition: 0.5s; border-radius: 6px; border: solid 1px rgba(181, 181, 181, 0.58); padding: 5px; }
.pagination-box .uk-pagination li a:hover { background-color: #3875D1; color: #fff; }
.pagination-box .uk-pagination li a img { max-width: 50%; }
.pagination-box .uk-pagination li a.noborder { border: none; }
.pagination-box .uk-pagination .active a { background-color: #3875D1; color: #fff; }
.pagination-box.round li a { border-radius: 100px; }

#mobile-offcanvas .uk-offcanvas-bar { width: 100%; max-width: 100%; left: auto; right: -100%; }
#mobile-offcanvas.uk-open > .uk-offcanvas-bar { right: 0; }
#mobile-offcanvas .uk-offcanvas-close { margin: 0; top: 0; right: 0; color: #000; }
#mobile-offcanvas .uk-offcanvas-close:hover { color: #000; }
#mobile-offcanvas .search-form { padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; background-color: #ffffff; border: solid 1px #d2d2d2; border-radius: 10px; }
#mobile-offcanvas .search-form input { font-size: 12px; color: #000; width: 100%; margin-right: 15px; }
#mobile-offcanvas .search-form input::-webkit-input-placeholder { font-size: 12px; }
#mobile-offcanvas .search-form input::-moz-placeholder { font-size: 12px; }
#mobile-offcanvas .search-form input:-ms-input-placeholder { font-size: 12px; }
#mobile-offcanvas .search-form input::placeholder { font-size: 12px; }
#mobile-offcanvas .search-form input:focus-within { border-color: #bf4424; }
#mobile-offcanvas .btn-box { height: clamp(40px, 3.75rem, 60px); background-color: #3875d1; border-radius: 10px; font-size: clamp(14px, 1.25rem, 20px); color: #fff; padding: 0 clamp(15px, 1.25rem, 20px); margin-top: 15px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mobile-offcanvas .bottom form { width: 100%; }
#mobile-offcanvas .offcanvas-header-line { height: clamp(4px, 0.3125rem, 6px); margin: 15px -20px 10px; background-color: #DADADA; }
#mobile-offcanvas .mobile-lang { gap: 20px; margin-bottom: 15px; font-size: 16px; color: #313131; }
#mobile-offcanvas .mobile-lang a:hover,
#mobile-offcanvas .mobile-lang a.uk-text-bold { color: #3875D1; }
#mobile-offcanvas .uk-offcanvas-nav { margin: 20px 0; }
#mobile-offcanvas .uk-offcanvas-nav .h-nav a { display: block; font-size: 18px; color: #313131; padding: 10px 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#mobile-offcanvas .uk-offcanvas-nav .h-nav a:hover, #mobile-offcanvas .uk-offcanvas-nav .h-nav a.uk-active { color: #3875D1; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .header-top-nav-li { font-size: 16px; position: relative; border-bottom: 1px solid #CECECE; padding-bottom: 15px;padding-top: 15px; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .header-top-nav-li::before { width: 30%; content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; background-color: #3875d1; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .header-top-nav-li.mobile-acc-title { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: 10px; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .header-top-nav-li.mobile-acc-title .mobile-acc-arrow { -webkit-transition: -webkit-transform .25s ease; transition: transform .25s ease; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .mobile-acc-group .mobile-acc-list { display: none; padding: 8px 0 4px; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .mobile-acc-group.is-open .mobile-acc-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .mobile-acc-group.is-open .mobile-acc-list { display: block; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default li.uk-active > a { color: #3875D1; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default a { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #313131; font-size: 16px; padding: 12px 0; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default a:hover { color: #3875D1; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .uk-nav-sub a { font-size: 14px; padding: 10px 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .uk-nav-sub a:hover { color: #3875D1; -webkit-transform: translateX(-2px); transform: translateX(-2px); }

@font-face { font-family: 'Montserrat-Regular'; src: url("../font/Montserrat-Regular.ttf"); }
@font-face { font-family: 'Montserrat-Medium'; src: url("../font/Montserrat-Medium.ttf"); }
@font-face { font-family: 'Montserrat-Bold'; src: url("../font/Montserrat-Bold.ttf"); }
body { font-family: 'Montserrat-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; line-height: 1.5; }
body img { -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
body .uk-container { max-width: 1800px; }
body .uk-text-bold { font-weight: normal; font-family: 'Montserrat-Medium'; }
body .uk-text-bolder { font-weight: normal; font-family: 'Montserrat-Bold'; }
body .layui-form-checkbox[lay-skin="primary"] { height: auto !important; line-height: 1.4 !important; padding-left: 28px !important; min-height: 20px; white-space: normal; }
body .layui-form-checkbox[lay-skin="primary"] > i { width: 18px; height: 18px; line-height: 16px; -ms-flex-negative: 0; flex-shrink: 0; top: 1px; font-size: 12px; }
body .layui-form-checkbox[lay-skin="primary"]:hover > i { color: #fff; }
body .layui-form-checked[lay-skin="primary"]:hover > i { color: #000; }
body .layui-form-checked[lay-skin="primary"] > i { background-color: #fff; color: #000; border-color: #4a494a; }
body .layui-form-checkbox > div { font-size: 14px; color: #4a494a; white-space: normal; padding-right: 0; }
body .btn-hover { -webkit-transition: .5s; transition: .5s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body .btn-hover:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.footer { background-color: #595959; color: #ffffff; font-size: clamp(14px, 1.125rem, 18px); }
.footer .footer-top { padding: clamp(40px, 6.25rem, 100px) 0 clamp(20px, 2.5rem, 40px); border-bottom: 1px solid #fff; }
.footer .footer-top .inner .footer-desc { max-width: 40%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: clamp(40px, 6.25rem, 100px); }
@media (max-width: 959px) { .footer .footer-top .inner .footer-desc { max-width: 100%; width: 100%; padding-right: 0; }
  .footer .footer-top .inner .footer-desc::after { display: none; } }
.footer .footer-top .inner .footer-desc .logo { display: block; width: clamp(100px, 15.875rem, 254px); }
.footer .footer-top .inner .footer-desc .logo-desc { font-size: clamp(16px, 1.25rem, 20px); margin-top: clamp(20px, 2.5rem, 40px); }
.footer .footer-top .inner .footer-desc .logo-code { margin-top: clamp(40px, 5rem, 80px); gap: clamp(40px, 5rem, 80px); }
.footer .footer-top .inner .footer-desc .logo-code img { max-width: 100%; }
.footer .footer-top .inner .footer-desc .logo-code p { margin-top: clamp(10px, 1.25rem, 20px); }
.footer .footer-top .inner .footer-desc::after { height: 100%; width: 1px; position: absolute; content: ''; right: 0; top: 0; background-color: #fff; }
.footer .footer-top .inner .footer-right { padding-left: clamp(40px, 6.25rem, 100px); }
@media (max-width: 959px) { .footer .footer-top .inner .footer-right { padding-left: 0; margin-top: clamp(30px, 2.5rem, 40px); } }
.footer .footer-top .inner .footer-nav { margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer .footer-top .inner .footer-nav > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .footer .footer-top .inner .footer-nav { margin-left: -20px; }
  .footer .footer-top .inner .footer-nav > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .footer .footer-top .inner .footer-nav { margin-left: -30px; }
  .footer .footer-top .inner .footer-nav > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 639px) { .footer .footer-top .inner .footer-nav { margin-left: -20px; }
  .footer .footer-top .inner .footer-nav > * { padding-left: 20px; margin-bottom: 20px; } }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-title { line-height: 1; font-size: clamp(20px, 1.875rem, 30px); padding-bottom: clamp(10px, 1.25rem, 20px); position: relative; }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-title::after { content: ''; height: 1px; background-color: #fff; bottom: 0; left: 0; position: absolute; width: clamp(80px, 10rem, 160px); }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-company { margin: 0; padding: 0; text-align: left; line-height: inherit; }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-nav-ul { margin-top: clamp(20px, 2.5rem, 40px); }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-nav-ul li { padding: clamp(5px, 0.625rem, 10px) 0; -webkit-transition: .5s; transition: .5s; }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-nav-ul li:hover { -webkit-transform: translateX(2px); transform: translateX(2px); }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-nav-ul li.footer-company-li:hover { -webkit-transform: none; transform: none; }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-nav-ul li img { width: clamp(15px, 1.25rem, 20px); height: clamp(15px, 1.25rem, 20px); margin-right: clamp(10px, 1.25rem, 20px); margin-top: 3px; -ms-flex-negative: 0; flex-shrink: 0; }
.footer .footer-top .inner .footer-nav .footer-nav-item .footer-nav-ul li .footer-nav-desc { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; }
@media (max-width: 639px) { .footer .footer-top .inner .footer-nav .footer-nav-item.footer-nav-support .footer-nav-ul > li:nth-child(n + 5) { display: none; } }
.footer .footer-bottom { padding: clamp(15px, 1.875rem, 30px) 0; font-size: clamp(14px, 1.25rem, 20px); }
.footer .footer-bottom .inner { gap: 15px; }
.footer .footer-bottom .inner .footer-logo { gap: 15px; }
.footer .footer-bottom .inner .footer-logo img { width: clamp(25px, 2.1875rem, 35px); }

.cookie { z-index: 999; position: fixed; bottom: 0; left: 0; width: 100%; }
.cookie::after { width: 100%; height: 100%; content: ''; position: fixed; top: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.3); }
.cookie .cookie-inner { background-color: #fff; z-index: 1; position: relative; padding: clamp(50px, 5rem, 80px) 0 clamp(30px, 5rem, 80px); font-size: clamp(14px, 1.375rem, 22px); line-height: 1.6; border-top: 2px solid #3875D1; }
.cookie .cookie-inner .link { color: #3875D1; }
.cookie .cookie-inner .link:hover { text-decoration: underline; }
.cookie .cookie-inner .cookie-container { gap: clamp(40px, 6.25rem, 100px); }
.cookie .cookie-inner .close { position: absolute; top: clamp(15px, 1.25rem, 20px); right: clamp(15px, 1.25rem, 20px); }
.cookie .cookie-inner .cookit-btn { gap: clamp(15px, 1.25rem, 20px); }
.cookie .cookie-inner .cookit-btn .btn { height: clamp(50px, 4.125rem, 66px); background-color: #3875d1; border-radius: 10px; width: 100%; color: #fff; font-size: clamp(14px, 1.25rem, 20px); }
.cookie .cookie-inner .cookit-btn .btn.line { border: solid 1px #898989; background-color: #fff; color: #0d0d0d; }
@media (max-width: 959px) { .cookie .cookie-inner .cookit-btn { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .cookie .cookie-inner .cookit-btn .btn { width: 100%; max-width: 100%; } }

html.header-dropdown-open { overflow: hidden; }
.header-dropdown-mask { display: none; position: fixed; inset: 0; z-index: 980; background-color: rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: auto; }
.header-dropdown-mask.is-show { display: block; }
.header { position: relative; background-color: #fff; border-bottom: clamp(4px, 0.3125rem, 6px) solid #DADADA; font-size: clamp(14px, 1.25rem, 20px); color: #161616; padding: clamp(10px, 1.5625rem, 25px) 0; z-index: 1000 !important; }
.header .inner { gap: clamp(40px, 9.375rem, 150px); }
.header .inner .logo { display: block; width: clamp(100px, 180px, 11.25rem); }
.header .header-nav { gap: clamp(15px, 3.125rem, 50px); }
.header .header-nav .header-nav-li { height: 100%; }
.header .header-nav .header-nav-li .header-nav-a { height: 100%; color: #4a494a; }
.header .header-right { gap: clamp(25px, 1.875rem, 30px); line-height: 1; }
.header .header-right .lang-box-drop { background-color: #fff; border-radius: 10px; padding: 5px 15px; font-size: clamp(14px, 1.25rem, 20px); border: 1px solid #d9d9d9; min-width: 80px; }
.header .header-right .lang-box-drop a { display: block; padding: 10px 0; }
.header .header-right .lang-box-drop a:hover { color: #3875D1; }
.header .header-right .btn { height: clamp(40px, 3.75rem, 60px); background-color: #3875d1; border-radius: 10px; font-size: clamp(14px, 1.25rem, 20px); color: #fff; padding: 0 clamp(15px, 1.25rem, 20px); }
.header .header-right .search-box img { width: clamp(15px, 1.125rem, 18px); }
.header .header-dropdown { max-width: 100% !important; width: 100% !important; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; left: 0 !important; color: #161616; /* Phone landscape and bigger */ /* Tablet landscape and bigger */ }
.header .header-dropdown .uk-container { max-width: 1800px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 640px) { .header .header-dropdown .uk-container { padding-left: 30px; padding-right: 30px; } }
@media (min-width: 960px) { .header .header-dropdown .uk-container { padding-left: 40px; padding-right: 40px; } }
.header .header-dropdown .header-top { padding: 15px 0; }
.header .header-dropdown .header-top .close { width: clamp(10px, 1.25rem, 20px); }
.header .header-dropdown .header-top .header-slide-left { width: 30%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; }
.header .header-dropdown .header-bottom { border-top: 1px solid #d9d9d9; font-size: clamp(14px, 1.125rem, 18px); }
.header .header-dropdown .header-bottom .header-slide-left { width: 30%; max-height: 65vh; overflow: hidden; overflow-y: auto; margin: 20px clamp(15px, 1.25rem, 20px) clamp(20px, 3.125rem, 50px) 0; }
.header .header-dropdown .header-bottom .header-slide-left .header-top-nav { padding: 15px 15px; border-radius: 10px; -webkit-transition: .2s; transition: .2s; gap: 15px; -webkit-transition: .5s; transition: .5s; line-height: 1.2; }
.header .header-dropdown .header-bottom .header-slide-left .header-top-nav:hover { color: #3875D1; }
.header .header-dropdown .header-bottom .header-slide-left .header-switch li.uk-active .header-top-nav { background-color: #3875D1; color: #fff; -webkit-transform: translateX(2px); transform: translateX(2px); }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group .header-acc-title { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: clamp(14px, 1.25rem, 20px); color: #161616; font-family: 'Montserrat-Medium'; }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group .header-acc-title .header-acc-arrow { -webkit-transition: -webkit-transform .25s ease; transition: transform .25s ease; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group .header-acc-list { display: none; list-style: none; margin: 0; padding: 0 0 8px; }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group .header-acc-list .header-leaf-nav { font-size: clamp(13px, 1.05rem, 16px); color: #666666; font-family: 'Montserrat-Regular'; }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group .header-acc-list .header-leaf-nav.is-hover,
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group .header-acc-list .header-leaf-nav.uk-active { background-color: #3875D1; color: #fff; -webkit-transform: translateX(2px); transform: translateX(2px); }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group.is-open .header-acc-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.header .header-dropdown .header-bottom .header-slide-left.header-products-menu .header-acc-group.is-open .header-acc-list { display: block; }
.header .header-dropdown .header-bottom .header-slide-right .header-products-panels .header-right-panel[hidden] { display: none !important; }
.header .header-dropdown .header-bottom .header-slide-right { border-left: 1px solid #d9d9d9; padding: clamp(20px, 1.875rem, 30px) clamp(20px, 3.125rem, 50px); }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll { max-height: 65vh; overflow: hidden; overflow-y: auto; padding-right: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box { margin-left: -30px; }
  .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box { margin-left: -20px; }
  .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box { margin-left: -15px; }
  .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box > * { padding-left: 15px; margin-bottom: 15px; } }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item { font-size: 18px; -webkit-transition: .5s; transition: .5s; }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item .pro-img, .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item .pro-img-inner { position: relative; display: block; border-radius: 10px; border: solid 1px #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 5 / 3; width: 100%; overflow: hidden; }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item .pro-img img, .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item .pro-img-inner img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item .pro-text { margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(14px, 1.125rem, 18px); }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item:hover .pro-img img, .header .header-dropdown .header-bottom .header-slide-right .header-slide-scroll .header-pro-box .pro-item:hover .pro-img-inner img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.header .header-dropdown .header-tips { color: #727272; font-size: clamp(14px, 1.125rem, 18px); border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: #F2F2F2; padding: clamp(15px, 1.5625rem, 25px) 0; }
.header .header-dropdown .search-container { padding: 20px 0; }
.header .header-dropdown .search-container .search-inner { padding: clamp(30px, 3.75rem, 60px) 0; max-width: 1110px; margin: 0 auto; }
.header .header-dropdown .search-container .search-inner form { border-radius: 10px; border: solid 1px #d9d9d9; }
.header .header-dropdown .search-container .search-inner form .form-btn { background-color: #F2F2F2; padding: clamp(15px, 1.875rem, 30px) clamp(30px, 5.625rem, 90px); gap: clamp(15px, 1.875rem, 30px); font-size: clamp(15px, 1.875rem, 30px); color: #4a494a; }
.header .header-dropdown .search-container .search-inner form input { font-size: clamp(13px, 1.625rem, 26px); padding: 0 20px; }
.header .header-dropdown .search-container .search-inner form input::-webkit-input-placeholder { font-size: clamp(13px, 1.625rem, 26px); }
.header .header-dropdown .search-container .search-inner form input::-moz-placeholder { font-size: clamp(13px, 1.625rem, 26px); }
.header .header-dropdown .search-container .search-inner form input:-ms-input-placeholder { font-size: clamp(13px, 1.625rem, 26px); }
.header .header-dropdown .search-container .search-inner form input::placeholder { font-size: clamp(13px, 1.625rem, 26px); }

.content .nav-tool { font-size: clamp(14px, 1.125rem, 18px); color: #313131; padding: clamp(10px, 0.9375rem, 15px) 0; background-color: #F2F2F2; border-top: 1px solid #E0E0E0; }
.content .nav-tool .inner { gap: 5px; }
.content .nav-tool .inner a { -webkit-transition: .5s; transition: .5s; }
.content .nav-tool .inner a:hover { color: #3875d1; }
.content .product { padding: clamp(40px, 5rem, 90px) 0 0; }
.content .product:has(.product-s-top) { padding-top: clamp(20px, 1.5rem, 45px); }
.content .product .product-list { padding-bottom: clamp(40px, 5.625rem, 90px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .product .pro-title-t .p-title { font-size: clamp(25px, 3.125rem, 50px); }
.content .product .pro-title-t .p-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 10px; }
.content .product .pro-title-t .p-tips { font-size: clamp(20px, 2.5rem, 40px); gap: clamp(10px, 0.75rem, 12px); font-weight: 400; font-family: 'Montserrat-Regular', system-ui, sans-serif; }
.content .product .pro-title-t .p-tips .line { display: block; width: 5px; height: clamp(22px, 2rem, 32px); background-color: #3875D1; -ms-flex-negative: 0; flex-shrink: 0; }
.content .product .pro-content-b { padding-top: clamp(20px, 3.125rem, 50px); }
.content .product .pro-content-b .pro-switch-nav { gap: clamp(15px, 3.75rem, 60px); }
.content .product .pro-content-b .pro-switch-nav li { border: solid 1px #d7d7d7; line-height: 1.4; border-radius: 10px 10px 0 0; background-color: #EAEAEA; border-bottom: none; border-top: 3px solid transparent; }
.content .product .pro-content-b .pro-switch-nav li a { padding: clamp(20px, 3.125rem, 50px); font-size: clamp(16px, 2rem, 32px); gap: clamp(20px, 3.125rem, 50px); font-weight: 500; color: #666666; }
.content .product .pro-content-b .pro-switch-nav li a img { width: clamp(150px, 15.9375rem, 255px); height: clamp(100px, 9.375rem, 150px); -o-object-fit: contain; object-fit: contain; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s; transition: .3s; }
.content .product .pro-content-b .pro-switch-nav li.uk-active { background-color: #fff; border-top-color: #3875D1; }
.content .product .pro-content-b .pro-switch-nav li.uk-active a img { -webkit-filter: none; filter: none; }
.content .product .pro-content-b .uk-switcher li { position: relative; }
.content .product .pro-content-b .uk-switcher li:nth-child(1).uk-active::before { position: absolute; top: 0; right: 0; width: calc(50% + clamp(7.5px, 1.875rem, 30px)); content: ''; height: 1px; background-color: rgba(181, 181, 181, 0.39); }
.content .product .pro-content-b .uk-switcher li:nth-child(2).uk-active::before { position: absolute; top: 0; left: 0; width: calc(50% + clamp(7.5px, 1.875rem, 30px)); content: ''; height: 1px; background-color: rgba(181, 181, 181, 0.39); }
.content .product .pro-content-b .pro-inner { border: solid 1px rgba(181, 181, 181, 0.39); border-radius: 0 0 10px 10px; border-top: none; padding: clamp(20px, 2.5rem, 40px) clamp(15px, 1.25rem, 20px); }
.content .product .pro-content-b .pro-inner .inner-list { padding-top: clamp(20px, 2.5rem, 40px); padding-bottom: clamp(5px, 1.25rem, 20px); }
.content .product .pro-content-b .pro-inner .inner { margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .pro-content-b .pro-inner .inner > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .pro-content-b .pro-inner .inner { margin-left: -20px; }
  .content .product .pro-content-b .pro-inner .inner > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .content .product .pro-content-b .pro-inner .inner { margin-left: -20px; }
  .content .product .pro-content-b .pro-inner .inner > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .product .pro-content-b .pro-inner .inner { margin-left: -20px; }
  .content .product .pro-content-b .pro-inner .inner > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .pro-content-b .pro-inner .inner .uk-grid-item { margin-bottom: 0; }
.content .product .pro-content-b .pro-inner .inner .pro-row-divider { -webkit-box-sizing: border-box; box-sizing: border-box; margin: clamp(20px, 2.5rem, 40px) 0; }
.content .product .pro-content-b .pro-inner .inner .pro-row-divider::before { content: ''; display: block; height: 20px; background-color: #F2F2F2; width: 100%; }
.content .product .pro-content-b .pro-inner .inner .pro-row-divider--1 { display: block; }
@media (min-width: 640px) { .content .product .pro-content-b .pro-inner .inner .pro-row-divider--1 { display: none; } }
.content .product .pro-content-b .pro-inner .inner .pro-row-divider--2 { display: none; }
@media (min-width: 640px) and (max-width: 959px) { .content .product .pro-content-b .pro-inner .inner .pro-row-divider--2 { display: block; } }
.content .product .pro-content-b .pro-inner .inner .pro-row-divider--3 { display: none; }
@media (min-width: 960px) { .content .product .pro-content-b .pro-inner .inner .pro-row-divider--3 { display: block; } }
@media (min-width: 1200px) { .content .product .pro-content-b .pro-inner .inner .pro-row-divider--3 { display: none; } }
.content .product .pro-content-b .pro-inner .inner .pro-row-divider--4 { display: none; }
@media (min-width: 1200px) { .content .product .pro-content-b .pro-inner .inner .pro-row-divider--4 { display: block; } }
.content .product .pro-content-b .pro-inner .inner .pro-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: .5s; transition: .5s; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: solid 1px rgba(181, 181, 181, 0.58); border-radius: 10px; overflow: hidden; background-color: #fff; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-top { border: none; border-radius: 0; padding: clamp(15px, 1.25rem, 20px); padding-bottom: 0; background-color: #fff; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-top .pro-t { font-size: clamp(14px, 1rem, 16px); color: #2f2f2f; gap: 10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; min-height: 15px; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-top .pro-t .line { width: 3px; height: 15px; background-color: #3875d1; -ms-flex-negative: 0; flex-shrink: 0; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-top .pro-t.is-empty .line { visibility: hidden; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-top .pro-i { aspect-ratio: 500 / 300; width: 100%; overflow: hidden; position: relative; padding: 0; margin-top: clamp(12px, 1rem, 16px); margin-bottom: clamp(12px, 1rem, 16px); -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-top .pro-i img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; }
.content .product .pro-content-b .pro-inner .inner .pro-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.content .product .pro-content-b .pro-inner .inner .pro-item:hover .pro-top .pro-i img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0; border: none; border-radius: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-name { font-size: clamp(15px, 1rem, 16px); padding: clamp(15px, 1.5625rem, 25px) clamp(15px, 1.25rem, 20px); background-color: #F2F2F2; border-top: 1px solid rgba(181, 181, 181, 0.58); color: #161616; font-weight: normal; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-i-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #262626; font-size: clamp(14px, 1.125rem, 18px); padding: clamp(15px, 1.5625rem, 25px) clamp(15px, 1.25rem, 20px); -webkit-box-sizing: border-box; box-sizing: border-box; min-height: calc(clamp(30px, 3.125rem, 50px) + 7 * (1.5em + clamp(10px, 1.25rem, 20px))); }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-i-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .5s; transition: .5s; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: clamp(5px, 0.625rem, 10px) 0; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-i-list a:hover { -webkit-transform: translateX(2px); transform: translateX(2px); color: #3875d1; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-l-btn { display: block; border-top: 1px solid #CECECE; font-size: clamp(12px, 0.875rem, 14px); padding: clamp(15px, 1.25rem, 20px) 0 clamp(25px, 2.5rem, 40px); position: relative; margin: 0 clamp(15px, 1.25rem, 20px); color: inherit; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: color .3s; transition: color .3s; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-l-btn:hover { color: #3875D1; }
.content .product .pro-content-b .pro-inner .inner .pro-item .pro-bottom .pro-l-btn::before { height: 1px; position: absolute; top: -1px; left: 0; content: ''; background-color: #3875D1; width: 40%; }
.content .product .product-s-top { border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; padding-bottom: clamp(15px, 1.875rem, 30px); }
.content .product .product-s-top .product-cat-banner { width: 100%; margin-top: 0; line-height: 0; }
.content .product .product-s-top .product-cat-banner img { display: block; width: 100%; height: clamp(320px, 28rem, 480px); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
@media (max-width: 639px) { .content .product .product-s-top .product-cat-banner img { height: auto; aspect-ratio: 1 / 1; -o-object-fit: cover; object-fit: cover; } }
.content .product .product-s-top .p-img-info { margin-top: 0; color: #676767; font-size: clamp(15px, 1.25rem, 20px); line-height: 1.6; }
@media (max-width: 639px) {
  .content .product:has(.product-d-bottom) .product-s-top,
  .content .product.product--with-tabs .product-s-top { padding-bottom: 12px; border-bottom: none !important; margin-bottom: 0; }
  .content .product:has(.product-d-bottom) .product-s-top .p-img-info,
  .content .product.product--with-tabs .product-s-top .p-img-info { margin-bottom: 0; }
  .content .product:has(.product-d-bottom) .product-s-top .p-img-info p:last-child,
  .content .product:has(.product-d-bottom) .product-s-top .p-img-info > *:last-child,
  .content .product.product--with-tabs .product-s-top .p-img-info p:last-child,
  .content .product.product--with-tabs .product-s-top .p-img-info > *:last-child { margin-bottom: 0 !important; padding-bottom: 0; }
  .content .product:has(.product-d-bottom) .product-d-bottom,
  .content .product.product--with-tabs .product-d-bottom { padding-top: 12px !important; margin-top: 0; }
  .content .product:has(.product-d-bottom) .product-d-bottom .product-nav,
  .content .product.product--with-tabs .product-d-bottom .product-nav { margin-top: 0; }
  .content .product:has(.product-d-bottom) .product-d-bottom .product-nav-content .table-set,
  .content .product.product--with-tabs .product-d-bottom .product-nav-content .table-set { padding-top: 40px !important; }
  .content .product:has(.product-d-bottom) .product-d-bottom .product-nav-ul,
  .content .product:has(.product-d-bottom) .product-d-bottom .product-nav-relate,
  .content .product.product--with-tabs .product-d-bottom .product-nav-ul,
  .content .product.product--with-tabs .product-d-bottom .product-nav-relate { padding-top: 40px !important; }
}
.content .product .product-s-bottom { border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; padding: clamp(40px, 5rem, 80px) 0; }
@media (max-width: 639px) { .content .product .product-s-bottom { padding-top: 40px; padding-bottom: 40px; } }
.content .product .product-s-bottom .inner { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .product-s-bottom .inner > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .product-s-bottom .inner { margin-left: -36px; }
  .content .product .product-s-bottom .inner > * { padding-left: 36px; margin-bottom: 36px; } }
@media (max-width: 959px) { .content .product .product-s-bottom .inner { margin-left: -28px; }
  .content .product .product-s-bottom .inner > * { padding-left: 28px; margin-bottom: 28px; } }
@media (max-width: 639px) { .content .product .product-s-bottom .inner { margin-left: -20px; }
  .content .product .product-s-bottom .inner > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .product-s-bottom .inner .pro-b-item { display: block; text-align: center; font-size: clamp(14px, 1.125rem, 18px); font-weight: 400; }
.content .product .product-s-bottom .inner .pro-b-item .pro-b-img { border-radius: 10px; border: solid 1px #d9d9d9; padding: 0; -webkit-transition: .5s; transition: .5s; -webkit-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 5 / 3; width: 100%; overflow: hidden; position: relative; display: block; }
.content .product .product-s-bottom .inner .pro-b-item .pro-b-img img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.content .product .product-s-bottom .inner .pro-b-item:hover .pro-b-img { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); }
.content .product .product-s-bottom .inner .pro-b-item .p-name { margin-top: clamp(12px, 1.25rem, 20px); font-weight: 400; }
.content .product .product-d-bottom { padding: 20px 0 clamp(48px, 5rem, 80px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
@media (max-width: 639px) { .content .product .product-d-bottom { padding-top: 0; } }
.content .product .product-d-bottom .product-nav { border: solid 1px #d9d9d9; border-left: none; border-right: none; background-color: #F2F2F2; font-size: clamp(16px, 1.5rem, 24px); font-weight: 400; color: #666666; z-index: 90 !important; top: auto !important; }
.content .product .product-d-bottom .product-nav.uk-sticky-fixed { top: var(--pd-sticky-top, 70px) !important; }
.content .product .product-d-bottom .product-nav .inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.content .product .product-d-bottom .product-nav .inner > li { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; width: 33.333%; min-width: 0; max-width: 33.333%; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav .inner > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; min-width: auto; max-width: none; } }
.content .product .product-d-bottom .product-nav li { position: relative; border-right: none; }
.content .product .product-d-bottom .product-nav li::after { position: absolute; width: 1px; height: 100%; content: ''; top: 0; right: 0; background-color: #d9d9d9; }
.content .product .product-d-bottom .product-nav li:first-child::before { position: absolute; width: 1px; height: 100%; content: ''; top: 0; left: 0; background-color: #d9d9d9; }
.content .product .product-d-bottom .product-nav li .p-nav-item { gap: 15px; line-height: 1.3; padding: clamp(15px, 1.25rem, 20px); width: 100%; min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; color: inherit; white-space: nowrap; }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav li .p-nav-item { width: auto; min-width: -webkit-max-content; min-width: max-content; padding: 12px 14px; gap: 8px; font-size: 14px; } }
.content .product .product-d-bottom .product-nav li .p-nav-item img { width: clamp(15px, 1.25rem, 20px); }
.content .product .product-d-bottom .product-nav li .p-nav-item .layui-icon { font-size: clamp(16px, 1.25rem, 20px); line-height: 1; color: inherit; }
.content .product .product-d-bottom .product-nav li.uk-active { background-color: #4874CB; color: #fff; }
.content .product .product-d-bottom .product-nav li.uk-active img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.content .product .product-d-bottom .product-nav li.uk-active .layui-icon { color: #fff; }
.content .product .product-d-bottom .product-nav-content .table-set { padding-top: clamp(40px, 5rem, 80px); gap: 15px; }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav-content .table-set { padding-top: 40px; } }
.content .product .product-d-bottom .product-nav-content .table-set .table-title { color: #4a494a; font-size: clamp(15px, 1.875rem, 30px); line-height: 1; }
.content .product .product-d-bottom .product-nav-content .table-set .table-title .number { font-size: clamp(30px, 3.75rem, 60px); margin-right: clamp(5px, 0.9375rem, 15px); }
.content .product .product-d-bottom .product-nav-content .table-set .table-btn { gap: 20px; position: relative; }
.content .product .product-d-bottom .product-nav-content .table-set .table-btn .btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 10px; border: solid 1px #bfbfbf; font-size: clamp(14px, 1.5rem, 24px); color: #4a494a; padding: 15px; gap: 10px; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; height: clamp(45px, 4.0625rem, 65px); }
.content .product .product-d-bottom .product-nav-content .table-set .table-btn .btn img, .content .product .product-d-bottom .product-nav-content .table-set .table-btn .btn span { position: relative; z-index: 2; }
@media (max-width: 959px) { .content .product .product-d-bottom .product-nav-content .table-set .table-btn { width: 100%; }
  .content .product .product-d-bottom .product-nav-content .table-set .table-btn .btn { width: 100%; } }
.content .product .product-d-bottom .product-nav-content .table-check { border-top: none; padding: clamp(15px, 1.875rem, 30px) 0 0; margin-top: clamp(15px, 1.875rem, 30px); color: #4a494a; font-size: clamp(14px, 1.125rem, 18px); position: relative; }
.content .product .product-d-bottom .product-nav-content .table-check::after { display: none; }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-title { font-size: clamp(16px, 1.875rem, 30px); }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .close { width: clamp(15px, 1.25rem, 20px); }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-box { border-bottom: 1px solid #d9d9d9; }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul { margin-top: clamp(16px, 1.5rem, 24px); margin-left: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: clamp(10px, 1.25rem, 20px); }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul > * { padding-left: 16px; margin-bottom: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul { margin-left: -16px; }
  .content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul > * { padding-left: 16px; margin-bottom: 16px; } }
@media (max-width: 959px) { .content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul { margin-left: -12px; }
  .content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul > * { padding-left: 12px; margin-bottom: 12px; } }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul { margin-left: -12px; }
  .content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul > * { padding-left: 12px; margin-bottom: 12px; } }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul .check-li .layui-form-checkbox[lay-skin="primary"] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 26px !important; }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul .check-li .layui-form-checkbox[lay-skin="primary"] > i { margin-top: 1px; }
.content .product .product-d-bottom .product-nav-content .table-check .uk-container .check-ul .check-li .layui-form-checkbox[lay-skin="primary"] > div { line-height: 1.4; word-break: break-word; }
.content .product .product-d-bottom .product-nav-content .table-box { position: relative; margin-top: clamp(20px, 2.5rem, 40px); }
.content .product .product-d-bottom .product-nav-content .table-box .table-shadow-left, .content .product .product-d-bottom .product-nav-content .table-box .table-shadow-right { position: absolute; top: 0; bottom: 0; width: 20px; z-index: 5; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.content .product .product-d-bottom .product-nav-content .table-box .table-shadow-left.show, .content .product .product-d-bottom .product-nav-content .table-box .table-shadow-right.show { opacity: 1; }
.content .product .product-d-bottom .product-nav-content .table-box .table-shadow-left { left: 0; -webkit-box-shadow: inset 8px 0 8px -4px rgba(0, 0, 0, 0.25); box-shadow: inset 8px 0 8px -4px rgba(0, 0, 0, 0.25); }
.content .product .product-d-bottom .product-nav-content .table-box .table-shadow-right { right: 0; -webkit-box-shadow: inset -8px 0 8px -4px rgba(0, 0, 0, 0.25); box-shadow: inset -8px 0 8px -4px rgba(0, 0, 0, 0.25); }
.content .product .product-d-bottom .product-nav-content .table-box .table-inner { position: relative; overflow-x: auto; overflow-y: visible; max-height: none; -webkit-overflow-scrolling: touch; }
.content .product .product-d-bottom .product-nav-content .table-box .table-inner .uk-drop { z-index: 1200; }
.content .product .product-d-bottom .product-nav-content .table-box .table-btn { position: absolute; z-index: 6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; pointer-events: none; will-change: top; right: clamp(10px, 0.9375rem, 15px); left: auto; }
.content .product .product-d-bottom .product-nav-content .table-box .table-btn .btn { pointer-events: auto; border-radius: 8px; border: solid 1px #3875D1; padding: clamp(10px, 1rem, 16px) clamp(8px, 0.9375rem, 14px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #3875D1; color: #fff; margin: 0; -webkit-box-shadow: 0 2px 10px rgba(56, 117, 209, 0.35); box-shadow: 0 2px 10px rgba(56, 117, 209, 0.35); }
.content .product .product-d-bottom .product-nav-content .table-box .table-btn .btn .layui-icon { color: #fff; }
.content .product .product-d-bottom .product-nav-content .table-box .table-btn .btn:hover { background-color: #2f64b8; border-color: #2f64b8; }
.content .product .product-d-bottom .product-nav-content .table-box table { min-width: 100%; border-color: #E5E5E5; border-collapse: separate; border-spacing: 0; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.content .product .product-d-bottom .product-nav-content .table-box table td, .content .product .product-d-bottom .product-nav-content .table-box table th { border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table th, .content .product .product-d-bottom .product-nav-content .table-box .fixed-table td { font-size: 13px; text-align: center; vertical-align: middle; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table th { white-space: nowrap; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table td { white-space: normal; word-break: break-word; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead { background-color: #fff; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead th { z-index: 4; padding: 10px 12px; }
.content .product .product-table-thead-fixed { display: none; position: fixed; z-index: 88; overflow: hidden; box-sizing: border-box; pointer-events: none; }
.content .product .product-table-thead-fixed.is-active { display: block; pointer-events: auto; }
.content .product .product-table-thead-fixed .product-table-thead-fixed-inner { will-change: margin-left; }
.content .product .product-table-thead-fixed table { width: auto; border-color: #E5E5E5; border-collapse: separate; border-spacing: 0; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; table-layout: fixed; }
.content .product .product-table-thead-fixed table td, .content .product .product-table-thead-fixed table th { border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }
.content .product .product-table-thead-fixed table thead { background-color: #fff; }
.content .product .product-table-thead-fixed table thead th { z-index: 4; padding: 10px 12px; font-size: 13px; text-align: center; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content .product .product-table-thead-fixed table thead .tr-header-top th { font-family: 'Montserrat-Medium'; background-color: #F5F5F5; color: #4a494a; font-size: 13px; font-weight: normal; padding: 12px 10px; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th { font-weight: normal; background-color: #FAFAFA; padding: 0; border-bottom: 1px solid #E5E5E5; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th .tr-header-btn { font-size: 12px; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th .tr-header-btn .btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; gap: 4px; position: relative; color: #666; line-height: 1.2; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th .tr-header-btn .btn:first-child { border-right: 1px solid #E5E5E5; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th .tr-header-btn .btn:hover { color: #3875d1; background: #f0f5ff; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th .tr-header-btn .btn .filter-icon { display: inline-block; width: 12px; height: 9px; -ms-flex-negative: 0; flex-shrink: 0; background: linear-gradient(#666, #666) 0 0 / 100% 1.5px no-repeat, linear-gradient(#666, #666) 0 50% / 100% 1.5px no-repeat, linear-gradient(#666, #666) 0 100% / 100% 1.5px no-repeat; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th .tr-header-btn .btn:hover .filter-icon { background: linear-gradient(#3875d1, #3875d1) 0 0 / 100% 1.5px no-repeat, linear-gradient(#3875d1, #3875d1) 0 50% / 100% 1.5px no-repeat, linear-gradient(#3875d1, #3875d1) 0 100% / 100% 1.5px no-repeat; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th i { font-style: normal; font-family: sans-serif; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 10px; line-height: 1; color: #bbb; }
.content .product .product-table-thead-fixed table thead .tr-header-bottom th i.asc-active, .content .product .product-table-thead-fixed table thead .tr-header-bottom th i.desc-active { color: #3875d1; font-weight: bold; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-top th { font-family: 'Montserrat-Medium'; background-color: #F5F5F5; color: #4a494a; font-size: 13px; font-weight: normal; padding: 12px 10px; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th { font-weight: normal; background-color: #FAFAFA; padding: 0; border-bottom: 1px solid #E5E5E5; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .filter-panel { display: none !important; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .filter-box { display: none !important; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .tr-header-btn { font-size: 12px; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .tr-header-btn .btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; gap: 4px; position: relative; color: #666; line-height: 1.2; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .tr-header-btn .btn:first-child { border-right: 1px solid #E5E5E5; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .tr-header-btn .btn:hover { color: #3875d1; background: #f0f5ff; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .tr-header-btn .btn .filter-icon { display: inline-block; width: 12px; height: 9px; -ms-flex-negative: 0; flex-shrink: 0; background: linear-gradient(#666, #666) 0 0 / 100% 1.5px no-repeat, linear-gradient(#666, #666) 0 50% / 100% 1.5px no-repeat, linear-gradient(#666, #666) 0 100% / 100% 1.5px no-repeat; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th .tr-header-btn .btn:hover .filter-icon { background: linear-gradient(#3875d1, #3875d1) 0 0 / 100% 1.5px no-repeat, linear-gradient(#3875d1, #3875d1) 0 50% / 100% 1.5px no-repeat, linear-gradient(#3875d1, #3875d1) 0 100% / 100% 1.5px no-repeat; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th i { font-style: normal; font-family: sans-serif; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 10px; line-height: 1; color: #bbb; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th i.asc-active, .content .product .product-d-bottom .product-nav-content .table-box .fixed-table thead .tr-header-bottom th i.desc-active { color: #3875d1; font-weight: bold; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td { background-color: #fff; padding: 10px 12px; color: #4a494a; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td .pro-img { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td .pro-img img { width: 56px; height: 56px; -o-object-fit: contain; object-fit: contain; background-color: #F7F7F7; padding: 6px; aspect-ratio: 1/1; border-radius: 4px; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td[data-col="consult"] { width: 72px; min-width: 72px; max-width: 80px; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td[data-col="consult"] .js-consult { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td[data-col="consult"] .js-consult img { width: 22px !important; height: 22px !important; max-width: 22px !important; -o-object-fit: contain; object-fit: contain; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td[data-col="thumb"] { width: 88px; min-width: 88px; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td a { color: #3875d1; text-decoration: none; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody td a:hover { text-decoration: underline; }
.content .product .product-d-bottom .product-nav-content .table-box .fixed-table tbody tr:hover td { background-color: #fafbfd; }
.content .product .product-d-bottom .product-nav-content .more-btn { font-size: clamp(14px, 1.125rem, 18px); border-radius: 10px; border: solid 1px #2f2f2f; padding: clamp(15px, 1.5625rem, 25px); cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: clamp(30px, 2.5rem, 40px) auto clamp(40px, 4rem, 64px); opacity: 1; line-height: 1; background-color: #fff; -webkit-transition: .3s; transition: .3s; }
.content .product .product-d-bottom .product-nav-content .more-btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; }
.content .product .product-d-bottom .product-nav-ul { padding-top: clamp(40px, 5rem, 80px); padding-bottom: clamp(40px, 5rem, 80px); }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav-ul { padding-top: 40px; padding-bottom: 40px; } }
.content .product .product-d-bottom .product-nav-ul .inner { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .product-d-bottom .product-nav-ul .inner > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .product-d-bottom .product-nav-ul .inner { margin-left: -36px; }
  .content .product .product-d-bottom .product-nav-ul .inner > * { padding-left: 36px; margin-bottom: 36px; } }
@media (max-width: 959px) { .content .product .product-d-bottom .product-nav-ul .inner { margin-left: -28px; }
  .content .product .product-d-bottom .product-nav-ul .inner > * { padding-left: 28px; margin-bottom: 28px; } }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav-ul .inner { margin-left: -20px; }
  .content .product .product-d-bottom .product-nav-ul .inner > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .product-d-bottom .product-nav-ul .inner .pro-b-item { display: block; text-align: center; font-size: clamp(14px, 1.125rem, 18px); font-weight: 400; }
.content .product .product-d-bottom .product-nav-ul .inner .pro-b-item .pro-b-img { border-radius: 10px; border: solid 1px #d9d9d9; padding: 0; -webkit-transition: .5s; transition: .5s; -webkit-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 5 / 3; width: 100%; overflow: hidden; position: relative; display: block; }
.content .product .product-d-bottom .product-nav-ul .inner .pro-b-item .pro-b-img img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.content .product .product-d-bottom .product-nav-ul .inner .pro-b-item:hover .pro-b-img { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); }
.content .product .product-d-bottom .product-nav-ul .inner .pro-b-item .p-name { margin-top: clamp(12px, 1.25rem, 20px); font-weight: 400; }
.content .product .product-d-bottom .product-nav-relate { padding-top: clamp(40px, 5rem, 80px); padding-bottom: clamp(40px, 5rem, 80px); }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav-relate { padding-top: 40px; padding-bottom: 40px; } }
.content .product .product-d-bottom .product-nav-relate .inner { margin-left: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .product-d-bottom .product-nav-relate .inner > * { padding-left: 30px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .product-d-bottom .product-nav-relate .inner { margin-left: -25px; }
  .content .product .product-d-bottom .product-nav-relate .inner > * { padding-left: 25px; margin-bottom: 25px; } }
@media (max-width: 959px) { .content .product .product-d-bottom .product-nav-relate .inner { margin-left: -20px; }
  .content .product .product-d-bottom .product-nav-relate .inner > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .product .product-d-bottom .product-nav-relate .inner { margin-left: -20px; }
  .content .product .product-d-bottom .product-nav-relate .inner > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .product-d-bottom .product-nav-relate .inner .pro-b-item { display: block; text-align: center; font-size: clamp(15px, 1.25rem, 20px); }
.content .product .product-d-bottom .product-nav-relate .inner .pro-b-item img { -o-object-fit: cover; object-fit: cover; width: 100%; aspect-ratio: 437/255; -webkit-transition: .5s; transition: .5s; border-radius: 10px; }
.content .product .product-d-bottom .product-nav-relate .inner .pro-b-item img:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); }
.content .product .product-d-bottom .product-nav-relate .inner .pro-b-item .p-name { margin-top: clamp(10px, 1.25rem, 20px); }
.content .product .products-detail .pro-top { padding: 0 0 clamp(20px, 2.5rem, 40px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; color: #4a494a; }
.content .product .products-detail .pro-top .inner { gap: clamp(20px, 3.75rem, 60px); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.content .product .products-detail .pro-top .inner .pro-left,
.content .product .products-detail .pro-top .inner .pro-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box { border-radius: 10px; border: solid 1px #bfbfbf; overflow: hidden; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box .btn { font-size: clamp(14px, 1.125rem, 18px); border-top: 1px solid #bfbfbf; cursor: pointer; -webkit-transition: .5s; transition: .5s; height: clamp(50px, 5.375rem, 86px); background-color: #F2F2F2; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box .btn:first-child { border-right: 1px solid #bfbfbf; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box .btn:hover { opacity: .8; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box .pro-img-inner { aspect-ratio: 1 / 1; width: 100%; position: relative; overflow: hidden; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box .pro-img-inner img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.content .product .products-detail .pro-top .inner .pro-left .pro-img-box > .uk-flex:last-child { margin-top: auto; -ms-flex-negative: 0; flex-shrink: 0; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box { font-size: clamp(14px, 1.125rem, 18px); line-height: 1.6; color: #676767; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .name { font-size: clamp(18px, 1.875rem, 30px); color: #000; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc { margin-top: clamp(5px, 0.625rem, 10px); }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul { margin-top: clamp(40px, 5.625rem, 90px); margin-left: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul > * { padding-left: 30px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul { margin-left: -30px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul { margin-left: -20px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul { margin-left: -20px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-title { gap: 10px; font-size: clamp(16px, 1.5rem, 24px); color: #4a494a; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-title .line { display: block; width: 5px; height: 1.35em; background-color: #4874CB; -ms-flex-negative: 0; flex-shrink: 0; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-li { margin-top: clamp(15px, 1.875rem, 30px); }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-li a { display: block; padding: 6px 0; border-bottom: none; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn-wrap { margin-top: auto; padding-top: clamp(20px, 2.5rem, 40px); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn { border-radius: 10px; border: solid 1px #212121; line-height: 1; gap: 15px; padding: clamp(15px, 1.25rem, 20px); width: calc(100% - 40px); max-width: 320px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn .btn-title { font-size: clamp(16px, 1.25rem, 20px); padding-bottom: 5px; }
.content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn img { width: clamp(20px, 2.5rem, 40px); }
@media (max-width: 639px) {
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn { width: 50%; max-width: none; gap: 8px; padding: 12px 10px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn .btn-title { font-size: 14px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn img { width: 22px; }
}
@media (max-width: 1400px) {
  .content .product .products-detail .pro-top .inner { gap: 28px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .content .product .products-detail .pro-top .inner .pro-left .pro-img-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; }
  .content .product .products-detail .pro-top .inner .pro-left .pro-img-box .btn { height: 56px; font-size: 15px; }
  .content .product .products-detail .pro-top .inner .pro-left .pro-img-box .pro-img-inner { -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box { font-size: 15px; line-height: 1.5; height: 100%; min-height: 100%; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .name { font-size: 22px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc { margin-top: 6px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul { margin-top: 20px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-title { font-size: 17px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-li { margin-top: 10px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-li a { padding: 3px 0; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn-wrap { margin-top: auto; padding-top: 16px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn { padding: 12px 16px; gap: 10px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn .btn-title { font-size: 15px; padding-bottom: 2px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn img { width: 28px; }
}
@media (max-width: 1199px) {
  .content .product .products-detail .pro-top .inner { gap: 20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .content .product .products-detail .pro-top .inner .pro-left .pro-img-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .content .product .products-detail .pro-top .inner .pro-left .pro-img-box .btn { height: 48px; font-size: 14px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box { height: 100%; min-height: 100%; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .name { font-size: 20px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul { margin-top: 14px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-li { margin-top: 8px; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-desc-ul .p-desc-li a { padding: 2px 0; }
  .content .product .products-detail .pro-top .inner .pro-right .pro-text-box .p-btn-wrap { margin-top: auto; padding-top: 12px; }
}
@media (min-width: 640px) {
  .content .product .products-detail .pro-top .inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .content .product .products-detail .pro-top .inner .pro-left { -ms-flex-negative: 0; flex-shrink: 0; }
}
.content .product .products-detail .pro-bottom { padding-top: clamp(30px, 3.75rem, 60px); }
.content .product .products-detail .pro-bottom .product-nav { border: solid 1px #d9d9d9; border-left: none; border-right: none; background-color: #F2F2F2; font-size: clamp(16px, 1.5rem, 24px); z-index: 90 !important; top: auto !important; }
.content .product .products-detail .pro-bottom .product-nav.uk-sticky-fixed { top: var(--pd-sticky-top, 70px) !important; }
.content .product .products-detail .pro-bottom .product-nav .inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.content .product .products-detail .pro-bottom .product-nav .inner > li { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; width: 33.333%; min-width: 0; max-width: 33.333%; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 639px) { .content .product .products-detail .pro-bottom .product-nav .inner > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; min-width: auto; max-width: none; } }
.content .product .products-detail .pro-bottom .product-nav li { position: relative; border-right: none; }
.content .product .products-detail .pro-bottom .product-nav li::after { position: absolute; width: 1px; height: 100%; content: ''; top: 0; right: 0; background-color: #d9d9d9; }
.content .product .products-detail .pro-bottom .product-nav li:first-child::before { position: absolute; width: 1px; height: 100%; content: ''; top: 0; left: 0; background-color: #d9d9d9; }
.content .product .products-detail .pro-bottom .product-nav li .p-nav-item { gap: 15px; line-height: 1.3; padding: clamp(15px, 1.25rem, 20px); width: 100%; min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; }
@media (max-width: 639px) { .content .product .products-detail .pro-bottom .product-nav li .p-nav-item { width: auto; min-width: -webkit-max-content; min-width: max-content; padding: 12px 14px; gap: 8px; font-size: 14px; } }
.content .product .products-detail .pro-bottom .product-nav li .p-nav-item img { width: clamp(15px, 1.25rem, 20px); }
.content .product .products-detail .pro-bottom .product-nav li .p-nav-item .layui-icon { font-size: clamp(16px, 1.25rem, 20px); line-height: 1; }
.content .product .products-detail .pro-bottom .product-nav li.uk-active { background-color: #4874CB; color: #fff; }
.content .product .products-detail .pro-bottom .product-nav li.uk-active .p-nav-item { color: #fff; }
.content .product .products-detail .pro-bottom .product-nav li.uk-active img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.content .product .products-detail .pro-bottom .product-nav li.uk-active .layui-icon { color: #fff; }
.content .product .products-detail .pro-bottom .product-li { border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; padding: clamp(30px, 3.75rem, 60px) 0 clamp(20px, 2.5rem, 40px); scroll-margin-top: calc(var(--pd-sticky-offset, 130px) + 8px); }
@media (max-width: 639px) {
  .content .product .products-detail .pro-bottom .product-li#Parameters { padding-top: 24px; }
}
.content .product .products-detail .pro-bottom .product-li .p-title { font-size: clamp(16px, 1.625rem, 26px); gap: 10px; }
.content .product .products-detail .pro-bottom .product-li .p-title .line { display: block; width: 5px; height: 1.35em; background-color: #4874CB; -ms-flex-negative: 0; flex-shrink: 0; }
.content .product .products-detail .pro-bottom .product-li .p-ul { margin-top: clamp(20px, 2.5rem, 40px); font-size: clamp(13px, 0.9375rem, 15px); margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .products-detail .pro-bottom .product-li .p-ul > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .products-detail .pro-bottom .product-li .p-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-li .p-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .content .product .products-detail .pro-bottom .product-li .p-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-li .p-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .product .products-detail .pro-bottom .product-li .p-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-li .p-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table { min-width: 100%; width: 100%; border: none; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table col.param-label { width: 48%; }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table col.param-value { width: 52%; }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr:nth-child(odd) { background-color: #E8E8E8; }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr:nth-child(even) { background-color: #fff; }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr td { padding: 10px clamp(12px, 1.25rem, 20px); border: none; vertical-align: middle; color: #666666; }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr td:first-child { width: 48%; white-space: normal; word-break: break-word; border-right: 1px solid #d0d0d0; font-size: clamp(12px, 0.875rem, 14px); }
.content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr td:last-child { width: 52%; word-break: break-word; font-size: clamp(11px, 0.75rem, 12px); }
@media (max-width: 959px) {
  .content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table col.param-label,
  .content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr td:first-child { width: 48% !important; }
  .content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table col.param-value,
  .content .product .products-detail .pro-bottom .product-li .p-ul .p-ul-li table tr td:last-child { width: 52% !important; }
}
.content .product .products-detail .pro-bottom .product-li .p-img-ul { margin-top: clamp(24px, 2.5rem, 40px); margin-left: -24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .product .products-detail .pro-bottom .product-li .p-img-ul > * { padding-left: 24px; margin-bottom: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .products-detail .pro-bottom .product-li .p-img-ul { margin-left: -24px; }
  .content .product .products-detail .pro-bottom .product-li .p-img-ul > * { padding-left: 24px; margin-bottom: 24px; } }
@media (max-width: 959px) { .content .product .products-detail .pro-bottom .product-li .p-img-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-li .p-img-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .product .products-detail .pro-bottom .product-li .p-img-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-li .p-img-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .product .products-detail .pro-bottom .product-li .p-img-ul img { width: 100%; }
.content .product .products-detail .pro-bottom .product-form { padding: clamp(30px, 3.75rem, 60px) 0 clamp(60px, 7.5rem, 120px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .product .products-detail .pro-bottom .product-form .form-title { font-size: clamp(20px, 2.5rem, 40px); font-weight: 500; color: #333333; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul { max-width: 1300px; margin-top: clamp(30px, 4.375rem, 70px); margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 400; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .product .products-detail .pro-bottom .product-form .product-form-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-form .product-form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .content .product .products-detail .pro-bottom .product-form .product-form-ul { margin-left: -20px; }
  .content .product .products-detail .pro-bottom .product-form .product-form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .product .products-detail .pro-bottom .product-form .product-form-ul { margin-left: -15px; }
  .content .product .products-detail .pro-bottom .product-form .product-form-ul > * { padding-left: 15px; margin-bottom: 15px; } }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box { min-height: clamp(45px, 4.0625rem, 65px); background-color: #ffffff; border-radius: 8px; border: solid 1px #d6d6d6; font-size: clamp(15px, 1.25rem, 20px); font-weight: 400; padding: 15px 15px; -webkit-transition: .5s; transition: .5s; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4a494a; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box .name { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; font-weight: 400; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box.input-box-product,
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box.input-box-product input { color: #333333; font-weight: 400; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box:focus-within { border-color: #4874CB; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box input,
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box textarea { width: 100%; font-size: inherit; font-weight: 400; color: inherit; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box input::-webkit-input-placeholder,
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box textarea::-webkit-input-placeholder { font-weight: 400; color: #999; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box input::-moz-placeholder,
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box textarea::-moz-placeholder { font-weight: 400; color: #999; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box input:-ms-input-placeholder,
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box textarea:-ms-input-placeholder { font-weight: 400; color: #999; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box input::placeholder,
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box textarea::placeholder { font-weight: 400; color: #999; }
.content .product .products-detail .pro-bottom .product-form .product-form-ul .input-box textarea { min-height: clamp(100px, 12.5rem, 200px); resize: none; }
.content .product .products-detail .pro-bottom .product-form .form-btn { border-radius: 8px; border: solid 1px #2f2f2f; font-size: clamp(16px, 1.875rem, 30px); font-weight: 500; gap: 15px; padding: 20px clamp(15px, 1.5625rem, 25px); line-height: 1; margin: 15px auto 0; max-width: 348px; width: 100%; background-color: #fff; color: #2f2f2f; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.content .product .products-detail .pro-bottom .product-form .form-btn img { width: clamp(20px, 1.875rem, 30px); -webkit-transition: .3s; transition: .3s; }
.content .product .products-detail .pro-bottom .product-form .form-btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; }
.content .product .products-detail .pro-bottom .product-form .form-btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.content .applications .applications-list { position: relative; aspect-ratio: 1920 / 600; width: 100%; height: auto; min-height: 0; max-height: none; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 1; background: none; border-bottom: none; }
.content .applications .applications-list .page-banner-media { position: absolute; inset: 0; background-image: var(--banner-pc); background-position: center; background-size: cover; background-repeat: no-repeat; }
.content .applications .applications-list .page-banner-head { position: absolute; inset: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .applications .applications-list .uk-container { width: 100%; }
.content .applications .applications-list .p-title { color: #0b4578; font-size: clamp(20px, 2.5rem, 40px); font-weight: 400; }
.content .applications .applications-list .pro-title-t .p-title { font-size: clamp(20px, 2.5rem, 40px); font-weight: 400; color: #0b4578; }
.content .applications .applications-bottom { padding-top: clamp(40px, 5rem, 80px); padding-bottom: clamp(40px, 5rem, 80px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
@media (max-width: 639px) { .content .applications .applications-bottom { padding-top: 40px; padding-bottom: 40px; } }
.content .applications .applications-bottom .applications-ul { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .applications .applications-bottom .applications-ul > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .applications .applications-bottom .applications-ul { margin-left: -36px; }
  .content .applications .applications-bottom .applications-ul > * { padding-left: 36px; margin-bottom: 36px; } }
@media (max-width: 959px) { .content .applications .applications-bottom .applications-ul { margin-left: -28px; }
  .content .applications .applications-bottom .applications-ul > * { padding-left: 28px; margin-bottom: 28px; } }
@media (max-width: 639px) { .content .applications .applications-bottom .applications-ul { margin-left: -20px; }
  .content .applications .applications-bottom .applications-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .applications .applications-bottom .applications-ul .applications-item { cursor: pointer; display: block; -webkit-transition: .5s; transition: .5s; font-size: clamp(15px, 1.25rem, 20px); }
.content .applications .applications-bottom .applications-ul .applications-item .item-img-wrap { overflow: hidden; border-radius: 10px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .5s; transition: .5s; }
.content .applications .applications-bottom .applications-ul .applications-item .item-img { display: block; width: 100%; aspect-ratio: 438 / 255; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; border-radius: 10px; }
.content .applications .applications-bottom .applications-ul .applications-item .item-text { margin-top: clamp(15px, 1.25rem, 20px); }
.content .applications .applications-bottom .applications-ul .applications-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.content .applications .applications-bottom .applications-ul .applications-item:hover .item-img-wrap { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.content .applications .applications-light { border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; padding: clamp(30px, 3.75rem, 60px) 0; }
.content .applications .applications-light .applications-content { color: #262626; font-size: clamp(14px, 1.125rem, 18px); line-height: 1.6; font-family: 'Montserrat-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; }
.content .applications .applications-light .applications-content *, .content .applications .applications-light .applications-content *::before, .content .applications .applications-light .applications-content *::after { font-family: 'Montserrat-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; }
.content .applications .applications-light .applications-content b, .content .applications .applications-light .applications-content strong, .content .applications .applications-light .applications-content h1, .content .applications .applications-light .applications-content h2, .content .applications .applications-light .applications-content h3, .content .applications .applications-light .applications-content h4, .content .applications .applications-light .applications-content h5, .content .applications .applications-light .applications-content h6 { font-family: 'Montserrat-Bold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; font-weight: normal; }
.content .applications .applications-light .applications-content img { max-width: 100%; height: auto; }
.content .applications .applications-recommend { border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; padding: clamp(30px, 3.75rem, 60px) 0 10px; color: #262626; }
.content .applications .applications-recommend .recomend-title { font-size: clamp(20px, 3.125rem, 50px); gap: clamp(10px, 0.75rem, 12px); font-weight: 400; font-family: 'Montserrat-Regular', system-ui, sans-serif; }
.content .applications .applications-recommend .recomend-title .line { display: block; width: 5px; height: 1em; background-color: #3875D1; -ms-flex-negative: 0; flex-shrink: 0; }
.content .applications .applications-recommend .recommend-ul { margin-left: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: clamp(20px, 2.5rem, 40px); }
.content .applications .applications-recommend .recommend-ul > * { padding-left: 60px; margin-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .applications .applications-recommend .recommend-ul { margin-left: -50px; }
  .content .applications .applications-recommend .recommend-ul > * { padding-left: 50px; margin-bottom: 50px; } }
@media (max-width: 959px) { .content .applications .applications-recommend .recommend-ul { margin-left: -30px; }
  .content .applications .applications-recommend .recommend-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 639px) { .content .applications .applications-recommend .recommend-ul { margin-left: -15px; }
  .content .applications .applications-recommend .recommend-ul > * { padding-left: 15px; margin-bottom: 15px; } }
.content .applications .applications-recommend .recommend-ul .recommend-item { display: block; -webkit-transition: .5s; transition: .5s; font-size: clamp(13px, 1rem, 16px); color: #a6a6a6; }
.content .applications .applications-recommend .recommend-ul .recommend-item .r-img { border-radius: 10px; border: 1px solid #d9d9d9; aspect-ratio: 5 / 3; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; position: relative; display: block; }
.content .applications .applications-recommend .recommend-ul .recommend-item .r-img img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; }
.content .applications .applications-recommend .recommend-ul .recommend-item .r-title { margin-top: clamp(20px, 2.5rem, 40px); color: #a6a6a6; font-size: clamp(16px, 1.25rem, 20px); }
.content .applications .applications-recommend .recommend-ul .recommend-item .r-title .name { color: #000; }
.content .applications .applications-recommend .recommend-ul .recommend-item .r-desc, .content .applications .applications-recommend .recommend-ul .recommend-item .r-tips { color: #a6a6a6; line-height: 1.5; margin-top: clamp(15px, 1.875rem, 30px); }
@media (max-width: 639px) { .content .applications .applications-recommend .recommend-ul .recommend-item .r-tips { display: none; } }
.content .applications .applications-recommend .recommend-ul .recommend-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.content .applications .applications-recommend .recommend-ul .recommend-item:hover .r-img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.content .customize .customize-list { padding: clamp(40px, 5rem, 90px) 0 clamp(40px, 6.25rem, 100px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; background-position: top right; background-size: auto 100%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: clamp(400px, 35.75rem, 572px); }
@media (max-width: 959px) { .content .customize .customize-list { background-position: bottom left; background-size: 100% auto; } }
.content .customize .customize-list .pro-title-t .p-title { font-size: clamp(25px, 3.125rem, 50px); }
.content .customize .customize-list .pro-title-t .p-desc { font-size: clamp(14px, 1.25rem, 20px); color: #959595; margin-top: clamp(10px, 1.5625rem, 25px); line-height: 1.4; }
.content .customize .customize-list .pro-title-t .p-desc-box { font-size: clamp(14px, 1.25rem, 20px); color: #262626; margin-top: clamp(20px, 2.5rem, 40px); line-height: 1.6; }
.content .customize .customize-list .pro-title-t .p-tips { font-size: clamp(20px, 2.5rem, 40px); }
.content .customize .customize-list .pro-title-t .p-img-box { width: 40%; padding-left: clamp(20px, 2.5rem, 40px); }
@media (max-width: 639px) { .content .customize .customize-list .pro-title-t .p-img-box { width: 100%; padding-left: 0; padding-top: 20px; } }
.content .customize .customize-box { padding: clamp(40px, 6.25rem, 100px) 0 clamp(40px, 6.25rem, 100px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .customize .customize-box .box-ul { color: #262626; margin-left: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .customize .customize-box .box-ul > * { padding-left: 30px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .customize .customize-box .box-ul { margin-left: -30px; }
  .content .customize .customize-box .box-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .customize .customize-box .box-ul { margin-left: -20px; }
  .content .customize .customize-box .box-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .customize .customize-box .box-ul { margin-left: -20px; }
  .content .customize .customize-box .box-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .customize .customize-box .box-ul .box-left .b-title { font-size: clamp(30px, 3.75rem, 60px); line-height: 1.5; }
.content .customize .customize-box .box-ul .box-left .b-desc { font-size: clamp(18px, 1.75rem, 28px); line-height: 1.4; margin-top: clamp(15px, 1.875rem, 30px); }
.content .customize .customize-box .box-ul .box-left .b-line { position: relative; margin-top: clamp(15px, 1.875rem, 30px); height: 1px; background-color: #CECECE; }
.content .customize .customize-box .box-ul .box-left .b-line::before { width: 30%; content: ''; position: absolute; left: 0; top: 0; height: 1px; background-color: #3875d1; }
.content .customize .customize-box .box-ul .box-left .b-desc-ul .b-desc-li { gap: clamp(15px, 2.5rem, 40px); margin-top: clamp(25px, 3.125rem, 50px); }
.content .customize .customize-box .box-ul .box-left .b-desc-ul .icon { background-color: #f2f2f2; border-radius: 20px; width: clamp(50px, 4.375rem, 70px); height: clamp(50px, 4.375rem, 70px); }
.content .customize .customize-box .box-ul .box-left .b-desc-ul .icon img { width: clamp(20px, 2.5rem, 40px); }
.content .customize .customize-box .box-ul .box-left .b-desc-ul .b-d-title { font-size: clamp(16px, 1.5rem, 24px); }
.content .customize .customize-box .box-ul .box-left .b-desc-ul .b-d-desc { margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(14px, 1rem, 16px); }
.content .customize .customize-box .box-ul .box-right { border-radius: 10px; border: solid 1px rgba(181, 181, 181, 0.58); background-image: url("../images/customize-bg-2.png"); background-position: right bottom; background-size: auto 100%; padding: clamp(20px, 3.125rem, 50px); background-repeat: no-repeat; }
.content .customize .customize-box .box-ul .box-right .b-title { font-size: clamp(18px, 1.875rem, 30px); }
.content .customize .customize-box .box-ul .box-right .b-desc-ul .b-desc-li { gap: clamp(15px, 2.5rem, 40px); margin-top: clamp(25px, 3.125rem, 50px); }
.content .customize .customize-box .box-ul .box-right .b-desc-ul .icon { background-color: #f2f2f2; border-radius: 20px; width: clamp(50px, 4.375rem, 70px); height: clamp(50px, 4.375rem, 70px); font-size: clamp(18px, 1.875rem, 30px); color: #3875d1; }
.content .customize .customize-box .box-ul .box-right .b-desc-ul .b-d-title { font-size: clamp(16px, 1.5rem, 24px); }
.content .customize .customize-box .box-ul .box-right .b-desc-ul .b-d-desc { margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(14px, 1rem, 16px); }
.content .newsBlog .news-list { position: relative; aspect-ratio: 1920 / 600; width: 100%; height: auto; min-height: 0; max-height: none; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 1; background: none; }
.content .newsBlog .news-list .page-banner-media { position: absolute; inset: 0; background-image: var(--banner-pc); background-position: center; background-size: cover; background-repeat: no-repeat; }
.content .newsBlog .news-list .page-banner-head { position: absolute; inset: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .newsBlog .news-list .uk-container { width: 100%; }
.content .newsBlog .news-list .p-title { color: #0b4578; font-size: clamp(20px, 2.5rem, 40px); font-weight: 400; }
.content .newsBlog .news-box { padding: clamp(40px, 3.75rem, 60px) 0 clamp(40px, 5rem, 80px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .newsBlog .news-box .n-title { font-size: clamp(25px, 3.125rem, 50px); }
.content .newsBlog .news-box .news-ul { margin-top: clamp(25px, 3.125rem, 50px); margin-left: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .newsBlog .news-box .news-ul > * { padding-left: 50px; margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 1199px) { .content .newsBlog .news-box .news-ul { margin-left: -40px; }
  .content .newsBlog .news-box .news-ul > * { padding-left: 40px; margin-bottom: 40px; } }
@media (max-width: 959px) { .content .newsBlog .news-box .news-ul { margin-left: -25px; }
  .content .newsBlog .news-box .news-ul > * { padding-left: 25px; margin-bottom: 25px; } }
@media (max-width: 639px) { .content .newsBlog .news-box .news-ul { margin-left: -15px; }
  .content .newsBlog .news-box .news-ul > * { padding-left: 15px; margin-bottom: 15px; } }
.content .newsBlog .news-box .news-ul .news-item { position: relative; border-radius: 10px; border: solid 1px #d6d6d6; padding: clamp(20px, 2.5rem, 40px); gap: clamp(15px, 2.5rem, 40px); height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .newsBlog .news-box .news-ul .news-item .news-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.content .newsBlog .news-box .news-ul .news-item .ns-top { font-size: clamp(14px, 1.125rem, 18px); gap: 10px; padding-bottom: 4px; }
.content .newsBlog .news-box .news-ul .news-item .ns-top .date { gap: 10px; color: #959595; }
.content .newsBlog .news-box .news-ul .news-item .ns-top .date img { width: clamp(15px, 1.875rem, 30px); }
.content .newsBlog .news-box .news-ul .news-item .ns-top .tag { height: clamp(22px, 1.75rem, 28px); border-radius: 6px; border: solid 1px #e5e5e5; font-size: clamp(12px, 0.875rem, 14px); color: #959595; padding: 0 clamp(8px, 0.75rem, 12px); line-height: 1; font-style: italic; }
.content .newsBlog .news-box .news-ul .news-item .b-line { position: relative; height: 1px; background-color: #CECECE; margin-top: 4px; }
.content .newsBlog .news-box .news-ul .news-item .b-line::before { width: 40%; content: ''; position: absolute; left: 0; top: 0; height: 1px; background-color: #3875d1; }
.content .newsBlog .news-box .news-ul .news-item .ns-title { margin-top: clamp(6px, 0.625rem, 10px); font-size: clamp(16px, 1.125rem, 18px); color: #5a5a5a; line-height: 1.4; min-height: calc(1.4em * 3); max-height: calc(1.4em * 3); overflow: hidden; }
.content .newsBlog .news-box .news-ul .news-item .n-desc { margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(13px, 0.9375rem, 15px); color: #959595; line-height: 1.6; min-height: calc(1.6em * 3); max-height: calc(1.6em * 3); overflow: hidden; }
.content .newsBlog .news-box .news-ul .news-item .n-btn { margin-top: auto; padding-top: clamp(16px, 1.25rem, 24px); font-size: clamp(14px, 1rem, 16px); color: #959595; font-weight: 400; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px; -webkit-transition: .5s; transition: .5s; }
.content .newsBlog .news-box .news-ul .news-item .news-img { width: 42%; overflow: hidden; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; }
.content .newsBlog .news-box .news-ul .news-item .news-img img { -webkit-transition: .5s; transition: .5s; width: 100%; height: auto; display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
@media (max-width: 639px) { .content .newsBlog .news-box .news-ul .news-item .news-img { width: 100%; display: block; -ms-flex-item-align: auto; align-self: auto; } }
.content .newsBlog .news-box .news-ul .news-item:hover .news-img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.content .newsBlog .news-box .news-ul .news-item:hover .n-btn { color: #3875D1; }
.content .newsBlog .news-detail { padding: clamp(20px, 1.875rem, 30px) 0 clamp(40px, 5rem, 80px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .newsBlog .news-detail .news-detail-c .news-b-r { width: 40%; max-width: 426px; padding-left: clamp(20px, 2rem, 32px); -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 639px) { .content .newsBlog .news-detail .news-detail-c .news-b-r { width: 100%; max-width: 100%; padding-left: 0; padding-top: 40px; } }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b { z-index: 1; background-color: #f2f2f2; border-radius: 10px; padding: clamp(20px, 2.5rem, 40px) clamp(15px, 1.875rem, 30px) 10px; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .b-title { font-size: clamp(18px, 1.75rem, 28px); gap: 10px; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .b-title .line { width: 5px; background-color: #3875D1; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .b-img { display: block; width: 100%; height: auto; border-radius: 10px; margin-top: clamp(20px, 1.875rem, 30px); }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li { padding: clamp(20px, 2.5rem, 40px) 0; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .news-item { -webkit-transition: .5s; transition: .5s; display: block; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .news-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .news-item:hover .b-desc { color: #3875D1; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .news-top { font-size: clamp(14px, 1.375rem, 22px); gap: clamp(10px, 1.125rem, 18px); line-height: 1; color: #4a494a; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .news-top img { width: clamp(15px, 1.875rem, 30px); }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .b-desc { margin-top: clamp(20px, 2.5rem, 40px); font-size: clamp(16px, 1.375rem, 22px); color: #4a494a; -webkit-transition: .5s; transition: .5s; display: block; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset; overflow: visible; text-overflow: clip; white-space: normal; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .b-line { position: relative; margin-top: clamp(20px, 2.5rem, 40px); height: 1px; background-color: #CECECE; }
.content .newsBlog .news-detail .news-detail-c .news-b-r .news-b-b .news-ul li .b-line::before { width: 40%; content: ''; position: absolute; left: 0; top: 0; height: 1px; background-color: #3875d1; }
.content .newsBlog .news-detail .news-detail-c .news-b-l { background-color: rgba(242, 242, 242, 0.842); border-radius: 10px; }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title { padding: clamp(10px, 1.5rem, 30px); }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-title { font-weight: normal; font-size: clamp(20px, 2.25rem, 36px); }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-desc { margin-top: clamp(20px, 2.5rem, 40px); font-size: clamp(14px, 1.375rem, 22px); gap: clamp(15px, 2.1875rem, 35px); color: #666666; }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-desc .n-item { gap: clamp(10px, 0.9375rem, 15px); }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-desc .n-item img { height: clamp(15px, 1.875rem, 30px); }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-desc .last { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-desc .last .tag { font-style: italic; padding: clamp(8px, 0.9375rem, 15px) clamp(15px, 1.25rem, 20px); line-height: 1; background-color: #f5f5f5; border-radius: 8px; border: solid 1px #2f2f2f; font-size: clamp(14px, 1.25rem, 20px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
@media (max-width: 639px) { .content .newsBlog .news-detail .news-detail-c .news-b-l .news-title .n-desc .last .tag { padding: 6px 12px; font-size: 13px; border-radius: 6px; } }
.content .newsBlog .news-detail .news-detail-c .news-b-l .news-content { border-top: 1px solid #D9D9D9; padding: clamp(16px, 1.5rem, 24px) clamp(15px, 1.875rem, 30px) clamp(30px, 4.375rem, 70px); font-size: clamp(14px, 1.25rem, 20px); line-height: 1.6; color: #666666; }
.content .newsBlog .news-detail .news-detail-c .news-btn { margin-top: clamp(20px, 3.75rem, 60px); font-size: clamp(14px, 1.125rem, 18px); gap: clamp(20px, 6.25rem, 100px); position: relative; }
@media (max-width: 639px) { .content .newsBlog .news-detail .news-detail-c .news-btn { gap: 20px; } }
.content .newsBlog .news-detail .news-detail-c .news-btn::after { left: 50%; content: ''; position: absolute; height: 100%; top: 0; width: 1px; background-color: #d9d9d9; }
@media (max-width: 639px) { .content .newsBlog .news-detail .news-detail-c .news-btn::after { display: none; } }
.content .newsBlog .news-detail .news-detail-c .news-btn li:last-child { text-align: right; }
.content .newsBlog .news-detail .news-detail-c .news-btn .btn { gap: clamp(10px, 1.875rem, 30px); -webkit-transition: .5s; transition: .5s; }
.content .newsBlog .news-detail .news-detail-c .news-btn .btn:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.content .newsBlog .news-detail .news-detail-c .news-btn .btn:hover .n-desc { text-decoration: underline; }
.content .newsBlog .news-detail .news-detail-c .news-btn img { width: clamp(10px, 1.25rem, 20px); }
.content .newsBlog .news-detail .news-detail-c .news-btn .n-title { font-size: clamp(16px, 1.25rem, 20px); }
.content .newsBlog .news-detail .news-detail-c .news-btn .n-desc { color: #959595; margin-top: clamp(5px, 15px, 15px); line-height: 1.4; }
@media (max-width: 639px) { .content .newsBlog .news-detail .news-detail-c .news-btn .n-desc { display: none; } }
.content .newsBlog .news-detail .news-detail-c .news-btn .n-desc:hover { text-decoration: underline; }
.content .about .about-list { position: relative; aspect-ratio: 1920 / 600; width: 100%; height: auto; min-height: 0; max-height: none; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 1; background: none; }
.content .about .about-list .page-banner-media { position: absolute; inset: 0; background-image: var(--banner-pc); background-position: center; background-size: cover; background-repeat: no-repeat; }
.content .about .about-list .page-banner-head { position: absolute; inset: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .about .about-list .uk-container { width: 100%; }
.content .about .about-list .p-title { color: #0b4578; font-size: clamp(20px, 2.5rem, 40px); font-weight: 400; }
.content .about .about-lead { padding: clamp(40px, 6.25rem, 100px) 0; border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; background-position: bottom left; background-size: 100% auto; background-repeat: no-repeat; }
.content .about .about-lead .a-title { font-size: clamp(20px, 2.5rem, 40px); }
.content .about .about-lead .a-title .red { color: #c90d0d; }
.content .about .about-lead .inner { margin-top: clamp(30px, 3.75rem, 60px); }
.content .about .about-lead .lead-l { width: 55%; font-size: clamp(16px, 1.5625rem, 24px); }
@media (max-width: 959px) { .content .about .about-lead .lead-l { width: 100%; } }
.content .about .about-lead .lead-l .a-desc { line-height: 1.6; }
.content .about .about-lead .lead-r { padding-left: clamp(20px, 3.75rem, 60px); }
@media (max-width: 959px) { .content .about .about-lead .lead-r { margin-top: 20px; padding-left: 0; } }
.content .about .about-lead .lead-r .lead-img img { width: 100%; border-radius: 10px; }
.content .about .about-lead .lead-r .lead-number { margin-top: clamp(15px, 1.5625rem, 25px); background-color: #141d37; border-radius: 10px; padding: clamp(20px, 2.1875rem, 35px) clamp(12px, 1.25rem, 28px) 10px; }
.content .about .about-lead .lead-r .lead-number .lead-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; gap: clamp(8px, 0.75rem, 16px) 0; }
.content .about .about-lead .lead-r .lead-number .lead-ul > * { padding-left: 0; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; text-align: center; }
@media (max-width: 639px) { .content .about .about-lead .lead-r .lead-number .lead-ul > * { -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; } }
.content .about .about-lead .lead-r .lead-number .lead-ul .lead-item { padding: 0 4px; }
.content .about .about-lead .lead-r .lead-number .lead-ul .l-text { color: #9ea2aa; font-size: clamp(11px, 0.85rem, 15px); margin-top: clamp(5px, 0.625rem, 10px); white-space: nowrap; word-break: normal; overflow: hidden; text-overflow: ellipsis; }
.content .about .about-lead .lead-r .lead-number .lead-ul .number { color: #00d4ff; font-size: clamp(22px, 2rem, 36px); }
.content .about .about-lead .lead-r .lead-number .lead-ul .number.red { color: #c90d0d; }
.content .about .about-form { padding: clamp(40px, 5rem, 80px) 0; border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; line-height: 1.6; background-position: bottom left; background-size: 100% auto; background-repeat: no-repeat; }
.content .about .about-form.about-padding { padding: clamp(40px, 5rem, 80px) 0 0; }
.content .about .about-form .i-title { font-size: clamp(20px, 2.5rem, 40px); }
.content .about .about-form .i-desc { font-size: clamp(16px, 1.875rem, 30px); margin-top: 10px; }
.content .about .about-form .i-tips { text-align: left; font-size: clamp(16px, 1.5rem, 24px); margin-top: clamp(20px, 2.5rem, 40px); }
.content .about .about-form .inner { margin-top: clamp(20px, 2.5rem, 40px); }
.content .about .about-form .inner .a-left { width: 55%; font-size: clamp(16px, 1.5rem, 24px); }
@media (max-width: 639px) { .content .about .about-form .inner .a-left { width: 100%; } }
.content .about .about-form .inner .a-right { padding-left: clamp(20px, 3.75rem, 60px); }
.content .about .about-form .inner .a-right .right-img { margin-left: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .about .about-form .inner .a-right .right-img > * { padding-left: 30px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .about .about-form .inner .a-right .right-img { margin-left: -25px; }
  .content .about .about-form .inner .a-right .right-img > * { padding-left: 25px; margin-bottom: 25px; } }
@media (max-width: 959px) { .content .about .about-form .inner .a-right .right-img { margin-left: -20px; }
  .content .about .about-form .inner .a-right .right-img > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .about .about-form .inner .a-right .right-img { margin-left: -15px; }
  .content .about .about-form .inner .a-right .right-img > * { padding-left: 15px; margin-bottom: 15px; } }
.content .about .about-form .inner .a-right .right-img img { width: 100%; display: block; border-radius: 10px; }
.content .about .about-form .inner .a-right .right-img li { overflow: hidden; border-radius: 10px; }
.content .about .about-form .inner .a-right .right-img li:nth-child(2n+1) { -webkit-transform: translateY(clamp(15px, 1.875rem, 30px)); transform: translateY(clamp(15px, 1.875rem, 30px)); }
@media (max-width: 639px) { .content .about .about-form .inner .a-right { padding-left: 0; margin-top: 20px; } }
.content .about .about-form .item-ul { margin-top: clamp(30px, 3.125rem, 50px); margin-left: -90px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .about .about-form .item-ul > * { padding-left: 90px; margin-bottom: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .about .about-form .item-ul { margin-left: -60px; }
  .content .about .about-form .item-ul > * { padding-left: 60px; margin-bottom: 60px; } }
@media (max-width: 959px) { .content .about .about-form .item-ul { margin-left: -30px; }
  .content .about .about-form .item-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 639px) { .content .about .about-form .item-ul { margin-left: -20px; }
  .content .about .about-form .item-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .about .about-form .item-ul .form-item { display: block; border-radius: 10px; border: solid 1px #bfbfbf; background-color: #fff; overflow: hidden; height: 100%; }
.content .about .about-form .item-ul .form-item .item-text { padding: clamp(15px, 1.875rem, 30px) clamp(15px, 2.5rem, 40px); }
.content .about .about-form .item-ul .form-item .item-text .item-title { color: #373737; font-size: clamp(16px, 1.875rem, 30px); }
.content .about .about-form .item-ul .form-item .item-text .item-desc { color: #9d9d9d; font-size: clamp(14px, 1.5rem, 24px); margin-top: clamp(10px, 1.25rem, 20px); }
.content .about .about-form .item-ul .form-item .item-img { overflow: hidden; }
.content .about .about-form .item-ul .form-item .item-img img { width: 100%; aspect-ratio: 540/220; -o-object-fit: cover; object-fit: cover; }
.content .about .about-form .form-explor { background-color: #4874cb; background-image: url('/static/web/images/about-bg-4.png'); background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: soft-light; border-radius: 10px; padding: clamp(40px, 6.25rem, 100px) clamp(20px, 2.5rem, 40px); color: #fff; }
.content .about .about-form .form-explor .f-title { font-size: clamp(20px, 2.5rem, 40px); }
.content .about .about-form .form-explor .f-desc { font-size: clamp(15px, 1.5rem, 24px); margin-top: clamp(15px, 1.875rem, 30px); text-align: left; }
.content .about .about-form .form-explor .btn-box { margin-top: clamp(30px, 2.8125rem, 45px); gap: clamp(15px, 2.1875rem, 35px); }
@media (max-width: 639px) { .content .about .about-form .form-explor .btn-box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .content .about .about-form .form-explor .btn-box .btn { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.content .about .about-form .form-explor .btn-box .btn { max-width: 300px; width: 100%; gap: clamp(10px, 0.9375rem, 15px); color: #4a494a; background-color: #ffffff; border-radius: 10px; font-size: clamp(15px, 1.5rem, 24px); font-weight: 400; padding: clamp(15px, 1.25rem, 20px) clamp(20px, 1.875rem, 30px); }
.content .about .about-form .form-explor .btn-box .btn:hover { font-weight: 700; }
.content .contact .contact-list { position: relative; aspect-ratio: 1920 / 600; width: 100%; height: auto; min-height: 0; max-height: none; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 1; background: none; }
.content .contact .contact-list .page-banner-media { position: absolute; inset: 0; background-image: var(--banner-pc); background-position: center; background-size: cover; background-repeat: no-repeat; }
.content .contact .contact-list .page-banner-head { position: absolute; inset: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .contact .contact-list .uk-container { width: 100%; }
.content .contact .contact-list .p-title { color: #0b4578; font-size: clamp(20px, 2.5rem, 40px); font-weight: 400; }
.content .contact .contact-box { border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; padding: clamp(40px, 6.25rem, 100px) 0 0; }
.content .contact .contact-box .inner { margin-left: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .contact .contact-box .inner > * { padding-left: 60px; margin-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .contact .contact-box .inner { margin-left: -45px; }
  .content .contact .contact-box .inner > * { padding-left: 45px; margin-bottom: 45px; } }
@media (max-width: 959px) { .content .contact .contact-box .inner { margin-left: -35px; }
  .content .contact .contact-box .inner > * { padding-left: 35px; margin-bottom: 35px; } }
@media (max-width: 639px) { .content .contact .contact-box .inner { margin-left: -25px; }
  .content .contact .contact-box .inner > * { padding-left: 25px; margin-bottom: 25px; } }
.content .contact .contact-box .inner .c-left .c-title { font-size: clamp(20px, 2.5rem, 40px); }
.content .contact .contact-box .inner .c-left .c-desc { font-size: clamp(16px, 2rem, 32px); margin-top: clamp(10px, 1.5625rem, 25px); font-weight: 400; color: #666666; }
.content .contact .contact-box .inner .c-left .c-img { width: 100%; margin-top: clamp(20px, 2.5rem, 40px); border-radius: 10px; }
.content .contact .contact-box .inner .c-left .c-tips { margin-top: clamp(28px, 2.75rem, 44px); color: #676767; font-size: clamp(14px, 1.25rem, 20px); }
.content .contact .contact-box .inner .c-left .c-read { margin-top: clamp(30px, 3.75rem, 60px); gap: clamp(10px, 1.25rem, 20px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.content .contact .contact-box .inner .c-left .c-read img { width: clamp(20px, 1.875rem, 30px); -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0.2em; }
.content .contact .contact-box .inner .c-left .c-read .c-r-desc { color: #999999; font-size: clamp(13px, 1.125rem, 18px); }
.content .contact .contact-box .inner .c-left .c-read .c-r-title { font-size: clamp(16px, 1.5rem, 24px); color: #666666; }
.content .contact .contact-box .inner .c-left .c-read + .c-read { margin-top: clamp(12px, 1.5rem, 24px); }
.content .contact .contact-box .inner .c-right-box { border-radius: 10px; border: solid 1px #d6d6d6; padding: clamp(20px, 3.125rem, 50px); font-size: clamp(15px, 1.25rem, 20px); }
.content .contact .contact-box .inner .c-right-box .c-right { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .contact .contact-box .inner .c-right-box .c-right > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .contact .contact-box .inner .c-right-box .c-right { margin-left: -30px; }
  .content .contact .contact-box .inner .c-right-box .c-right > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .contact .contact-box .inner .c-right-box .c-right { margin-left: -20px; }
  .content .contact .contact-box .inner .c-right-box .c-right > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .contact .contact-box .inner .c-right-box .c-right { margin-left: -20px; }
  .content .contact .contact-box .inner .c-right-box .c-right > * { padding-left: 20px; margin-bottom: 20px; } }
.content .contact .contact-box .inner .c-right-box .c-right > * { margin-bottom: clamp(20px, 2.5rem, 40px); }
.content .contact .contact-box .inner .c-right-box .c-right .form-desc { color: #999999; font-size: clamp(14px, 1.125rem, 18px); margin-top: -5px; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input > p { color: #666666; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .form-btn { border: solid 1px #d7d7d7; background-color: #fff; border-radius: 8px; height: clamp(50px, 4.375rem, 70px); color: #666666; font-size: clamp(16px, 1.875rem, 30px); gap: clamp(10px, 0.9375rem, 15px); width: 100%; margin-top: -5px; -webkit-transition: .3s; transition: .3s; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .form-btn img { width: clamp(15px, 1.875rem, 30px); -webkit-filter: brightness(0) invert(0.4); filter: brightness(0) invert(0.4); -webkit-transition: .3s; transition: .3s; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .form-btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .form-btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .inout-box { margin-top: 8px; border-radius: 8px; border: solid 1px #d6d6d6; overflow: hidden; -webkit-transition: .5s; transition: .5s; padding: clamp(15px, 1.5625rem, 25px) clamp(10px, 0.9375rem, 15px); }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .inout-box:focus-within { border-color: #3875D1; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .inout-box input { width: 100%; line-height: 1; }
.content .contact .contact-box .inner .c-right-box .c-right .c-right-input .inout-box textarea { width: 100%; min-height: 150px; resize: none; line-height: 1.6; }
.content .support .bannerSwiper { position: relative; }
.content .support .bannerSwiper .swiper-slide { padding: clamp(70px, 8.125rem, 130px) 0; background-position: center; background-size: cover; }
.content .support .bannerSwiper .swiper-slide .swiper-text { max-width: 1450px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 15px; color: #fff; }
@media (min-width: 640px) { .content .support .bannerSwiper .swiper-slide .swiper-text { padding: 0 30px; } }
@media (min-width: 960px) { .content .support .bannerSwiper .swiper-slide .swiper-text { padding: 0 40px; } }
.content .support .bannerSwiper .swiper-slide .swiper-text .s-title { font-size: clamp(18px, 1.5rem, 24px); }
.content .support .bannerSwiper .swiper-slide .swiper-text .s-desc { font-size: clamp(30px, 3.75rem, 60px); line-height: 1.2; margin-top: clamp(10px, 1.25rem, 20px); }
.content .support .bannerSwiper .swiper-slide .swiper-text .s-tips { font-size: clamp(20px, 1.875rem, 30px); margin-top: clamp(15px, 1.875rem, 30px); }
.content .support .bannerSwiper .swiper-slide .swiper-text .s-btn { margin-top: clamp(20px, 1.875rem, 30px); color: #4a494a; width: clamp(200px, 17.5rem, 280px); height: clamp(50px, 3.75rem, 60px); background-color: #ffffff; border-radius: 10px; font-size: clamp(14px, 1.5rem, 24px); gap: clamp(10px, 1.25rem, 20px); }
.content .support .bannerSwiper .swiper-btn { position: absolute; pointer-events: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; left: 0; }
.content .support .bannerSwiper .swiper-btn .btn { pointer-events: all; cursor: pointer; }
.content .support .bannerSwiper .swiper-btn .btn img { width: clamp(30px, 3.75rem, 60px); }
@media (max-width: 1700px) { .content .support .bannerSwiper .swiper-btn { bottom: clamp(20px, 2.5rem, 40px); top: auto; left: auto; -webkit-transform: translateY(0); transform: translateY(0); right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
  .content .support .bannerSwiper .swiper-btn .uk-container { gap: 20px; } }
.content .support .support-fre { padding: clamp(40px, 6.25rem, 100px) 0 clamp(20px, 2.5rem, 40px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .support .support-fre .f-title { font-size: clamp(20px, 3.125rem, 50px); color: #262626; }
.content .support .support-fre .f-desc { font-size: clamp(18px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .support .support-fre .fre-ul { margin-top: clamp(20px, 2.5rem, 40px); margin-left: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .support .support-fre .fre-ul > * { padding-left: 60px; margin-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .support .support-fre .fre-ul { margin-left: -45px; }
  .content .support .support-fre .fre-ul > * { padding-left: 45px; margin-bottom: 45px; } }
@media (max-width: 959px) { .content .support .support-fre .fre-ul { margin-left: -30px; }
  .content .support .support-fre .fre-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 639px) { .content .support .support-fre .fre-ul { margin-left: -20px; }
  .content .support .support-fre .fre-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .support .support-fre .fre-ul .fre-item { border-radius: 10px; border: solid 1px #d7d7d7; height: 100%; overflow: hidden; background-color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); }
.content .support .support-fre .fre-ul .fre-item .fre-img { background-color: #F2F2F2; font-size: clamp(16px, 2rem, 32px); font-weight: 400; gap: clamp(15px, 3.75rem, 60px); padding: clamp(20px, 3.125rem, 50px); }
.content .support .support-fre .fre-ul .fre-item .fre-img img { height: clamp(60px, 9.375rem, 150px); }
.content .support .support-fre .fre-ul .fre-item .fre-text { padding: clamp(30px, 3.75rem, 60px) clamp(15px, 1.875rem, 30px) 15px; margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: clamp(14px, 1.125rem, 18px); }
.content .support .support-fre .fre-ul .fre-item .fre-text > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .support .support-fre .fre-ul .fre-item .fre-text { margin-left: -30px; }
  .content .support .support-fre .fre-ul .fre-item .fre-text > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .support .support-fre .fre-ul .fre-item .fre-text { margin-left: -20px; }
  .content .support .support-fre .fre-ul .fre-item .fre-text > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .support .support-fre .fre-ul .fre-item .fre-text { margin-left: -10px; }
  .content .support .support-fre .fre-ul .fre-item .fre-text > * { padding-left: 10px; margin-bottom: 10px; } }
.content .support .support-fre .fre-ul .fre-item .fre-text a { padding: clamp(10px, 0.9375rem, 15px) clamp(20px, 1.5625rem, 25px); border-radius: 10px; -webkit-transition: .5s; transition: .5s; position: relative; margin: 5px 0; gap: 15px; }
.content .support .support-fre .fre-ul .fre-item .fre-text a span { padding-left: 15px; }
.content .support .support-fre .fre-ul .fre-item .fre-text a::before { width: 5px; height: 5px; border-radius: 10px; content: ''; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #1d1d1d; }
.content .support .support-fre .fre-ul .fre-item .fre-text a:hover { background-color: #3875D1; color: #fff; -webkit-transform: translateX(2px); transform: translateX(2px); }
.content .support .support-fre .fre-ul .fre-item .fre-text a:hover::before { background-color: #fff; }
.content .support .support-detail { padding: clamp(20px, 3.75rem, 60px) 0 clamp(40px, 6.25rem, 100px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .support .support-detail .t-title { font-size: clamp(24px, 3.125rem, 50px); color: #262626; }
.content .support .support-detail li { position: relative; border-bottom: 1px solid #CECECE; line-height: 1.6; padding: clamp(20px, 2.5rem, 40px) 0; }
.content .support .support-detail li::before { width: 30%; content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; background-color: #3875d1; }
.content .support .support-detail li .t-desc { color: #959595; font-size: clamp(16px, 1.875rem, 30px); }
.content .support .support-detail li .d-title { font-size: clamp(16px, 1.875rem, 30px); }
.content .support .support-detail li .d-desc { color: #909090; font-size: clamp(14px, 1.25rem, 20px); margin-top: clamp(15px, 1.875rem, 30px); }
.content .support .support-detail .privacy { padding: clamp(20px, 2.5rem, 40px) 0 0; }
.content .support .support-detail .privacy .t-content { font-size: clamp(14px, 1.25rem, 20px); line-height: 1.6; }
.content .support .support-list { position: relative; aspect-ratio: 1920 / 600; width: 100%; height: auto; min-height: 0; max-height: none; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 1; background: none; }
.content .support .support-list .page-banner-media { position: absolute; inset: 0; background-image: var(--banner-pc); background-position: center; background-size: cover; background-repeat: no-repeat; }
.content .support .support-list .page-banner-head { position: absolute; inset: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .support .support-list .uk-container { width: 100%; }
.content .support .support-list .p-title { color: #0b4578; font-size: clamp(20px, 2.5rem, 40px); font-weight: 400; }
@media (max-width: 639px) {
  .content .applications .applications-list,
  .content .newsBlog .news-list,
  .content .about .about-list,
  .content .contact .contact-list,
  .content .support .support-list { aspect-ratio: 16 / 9; }
  .content .applications .applications-list .page-banner-media,
  .content .newsBlog .news-list .page-banner-media,
  .content .about .about-list .page-banner-media,
  .content .contact .contact-list .page-banner-media,
  .content .support .support-list .page-banner-media { background-image: var(--banner-m, var(--banner-pc)); }
  .content .applications .applications-list .page-banner-head,
  .content .newsBlog .news-list .page-banner-head,
  .content .about .about-list .page-banner-head,
  .content .contact .contact-list .page-banner-head,
  .content .support .support-list .page-banner-head { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: clamp(20px, 6vw, 32px); }
  .content .applications .applications-list .pro-title-t > [class*="uk-width"],
  .content .newsBlog .news-list .pro-title-t > [class*="uk-width"],
  .content .about .about-list .pro-title-t > [class*="uk-width"],
  .content .contact .contact-list .pro-title-t > [class*="uk-width"],
  .content .support .support-list .pro-title-t > [class*="uk-width"] { text-align: left !important; }
  .content .applications .applications-list .p-title,
  .content .applications .applications-list .pro-title-t .p-title,
  .content .newsBlog .news-list .p-title,
  .content .about .about-list .p-title,
  .content .contact .contact-list .p-title,
  .content .support .support-list .p-title { font-size: 22px; text-align: left; }
  .content .applications .applications-list .page-banner-head,
  .content .newsBlog .news-list .page-banner-head,
  .content .support .support-list .page-banner-head,
  .content .about .about-list .page-banner-head,
  .content .contact .contact-list .page-banner-head { display: none; }
}
.content .support .support-guidesc { padding: clamp(20px, 6.25rem, 100px) 0 clamp(40px, 6.25rem, 100px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .support .support-guidesc .g-title { font-size: clamp(24px, 3.125rem, 50px); }
.content .support .support-guidesc .g-desc { color: #959595; font-size: clamp(16px, 1.875rem, 30px); margin-top: 5px; }
.content .support .support-guidesc .guidesc-ul { border-top: 1px solid #d9d9d9; margin-top: clamp(15px, 1.875rem, 30px); }
.content .support .support-guidesc .guidesc-ul li { padding: clamp(25px, 3.4375rem, 55px) 0; border-bottom: 1px solid #d9d9d9; font-size: clamp(14px, 1.25rem, 20px); line-height: 1.6; }
.content .support .support-guidesc .guidesc-ul li .s-title { font-size: clamp(18px, 1.875rem, 30px); font-weight: 400; }
.content .support .support-guidesc .guidesc-ul li .s-desc { color: #555555; font-weight: 400; margin-top: clamp(20px, 2.5rem, 40px); }
.content .support .support-guidesc .guidesc-ul li .btn { margin: clamp(20px, 2.5rem, 40px) auto 10px; border-radius: 10px; border: solid 1px #212121; padding: clamp(15px, 1.25rem, 20px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 400; }
.content .support .support-guidesc .guidesc-ul li .guidesc-img { width: 45%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: clamp(30px, 7.5rem, 120px); }
@media (max-width: 639px) { .content .support .support-guidesc .guidesc-ul li .guidesc-img { width: 100%; padding-left: 0; margin-top: 20px; } }
.content .support .support-guidesc .guidesc-ul li:nth-child(2n) .guidesc-img { width: 45%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: clamp(30px, 7.5rem, 120px); padding-left: 0; }
@media (max-width: 639px) { .content .support .support-guidesc .guidesc-ul li:nth-child(2n) .guidesc-img { width: 100%; padding-left: 0; margin-bottom: 20px; padding-right: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
.content .support .glossary { padding: clamp(40px, 6.25rem, 100px) 0; }
.content .support .glossary .g-title { font-size: clamp(24px, 3.125rem, 50px); }
.content .support .glossary .g-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .support .glossary .glossary-nav { z-index: 2; color: #313131; font-size: clamp(14px, 1.375rem, 22px); background-color: #F2F2F2; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: clamp(20px, 2.5rem, 40px); }
.content .support .glossary .glossary-nav .glossary-li { padding: 0 clamp(20px, 3.125rem, 50px) clamp(15px, 1.875rem, 30px); -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .support .glossary .glossary-nav .glossary-li a { width: calc(100% / 7); font-size: clamp(14px, 1.375rem, 22px); -webkit-transition: .5s; transition: .5s; cursor: pointer; margin-top: clamp(15px, 1.875rem, 30px); }
.content .support .glossary .glossary-nav .glossary-li a i { color: #BDBDBD; margin-left: 5px; -webkit-transition: .5s; transition: .5s; }
.content .support .glossary .glossary-nav .glossary-li a:hover { color: #3875D1; }
.content .support .glossary .glossary-nav .glossary-li a:hover i { color: #3875D1; }
@media (max-width: 959px) { .content .support .glossary .glossary-nav .glossary-li a { width: calc(100% / 5); } }
.content .support .glossary .glossary-bottom { margin-top: clamp(20px, 2.5rem, 40px); }
.content .support .glossary .glossary-bottom .glossary-ul li { color: #909090; font-size: clamp(14px, 1.25rem, 20px); line-height: 1.6; }
.content .support .glossary .glossary-bottom .glossary-ul li .glossary-item { padding: 0 clamp(15px, 1.25rem, 20px); }
.content .support .glossary .glossary-bottom .glossary-ul li .glossary-item .center.uk-text-bolder { padding: clamp(20px, 2.5rem, 40px) 0; font-size: clamp(16px, 1.875rem, 30px); position: relative; border-bottom: 1px solid #CECECE; color: #000; gap: 15px; }
.content .support .glossary .glossary-bottom .glossary-ul li .glossary-item .center.uk-text-bolder::before { width: 30%; content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; background-color: #3875d1; }
.content .support .glossary .glossary-bottom .glossary-ul li .g-desc { padding: clamp(20px, 3.125rem, 50px) 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: clamp(200px, 21.875rem, 350px); font-size: clamp(14px, 1.25rem, 20px); line-height: 1.5; }
.content .support .glossary .glossary-bottom .glossary-ul li .g-desc a { -webkit-transition: .5s; transition: .5s; }
.content .support .glossary .glossary-bottom .glossary-ul li .g-desc a:hover { color: #3875D1; text-decoration: underline; }
.content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+2) { background-color: #F2F2F2; }
.content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+2) .glossary-item .center.uk-text-bolder { border-color: #fff; }
.content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+3) { background-color: #F2F2F2; }
.content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+3) .glossary-item .center.uk-text-bolder { border-color: #fff; }
@media (max-width: 639px) { .content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+2) { background-color: #fff; }
  .content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+2) .glossary-item .center.uk-text-bolder { border-color: #CECECE #fff; }
  .content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+3) { background-color: #fff; }
  .content .support .glossary .glossary-bottom .glossary-ul li:nth-child(4n+3) .glossary-item .center.uk-text-bolder { border-color: #CECECE #fff; }
  .content .support .glossary .glossary-bottom .glossary-ul li:nth-child(2n) { background-color: #F2F2F2; }
  .content .support .glossary .glossary-bottom .glossary-ul li:nth-child(2n) .glossary-item .center.uk-text-bolder { border-color: #fff; } }
.content .support .glossary .glossary-b-nav { z-index: 2; color: #313131; font-size: clamp(14px, 1.375rem, 22px); background-color: #F2F2F2; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: clamp(20px, 2.5rem, 40px); max-height: 200px; overflow-y: auto; }
.content .support .glossary .glossary-b-nav .glossary-nav-ul { margin-top: clamp(20px, 2.5rem, 40px); margin-left: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: clamp(15px, 1.375rem, 22px); color: #262626; }
.content .support .glossary .glossary-b-nav .glossary-nav-ul > * { padding-left: 60px; margin-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .support .glossary .glossary-b-nav .glossary-nav-ul { margin-left: -45px; }
  .content .support .glossary .glossary-b-nav .glossary-nav-ul > * { padding-left: 45px; margin-bottom: 45px; } }
@media (max-width: 959px) { .content .support .glossary .glossary-b-nav .glossary-nav-ul { margin-left: -35px; }
  .content .support .glossary .glossary-b-nav .glossary-nav-ul > * { padding-left: 35px; margin-bottom: 35px; } }
@media (max-width: 639px) { .content .support .glossary .glossary-b-nav .glossary-nav-ul { margin-left: -15px; }
  .content .support .glossary .glossary-b-nav .glossary-nav-ul > * { padding-left: 15px; margin-bottom: 15px; } }
.content .support .glossary .glossary-b-nav .glossary-nav-ul > li { margin-bottom: clamp(20px, 2.5rem, 40px); }
.content .support .glossary .glossary-b-nav .glossary-nav-ul .glossary-nav-li a i { color: #BDBDBD; margin-left: 5px; -webkit-transition: .5s; transition: .5s; }
.content .support .glossary .glossary-b-nav .glossary-nav-ul .glossary-nav-li a:hover i { color: #3875D1; }
.content .support .glossary .glossary-b-nav .glossary-nav-ul .glossary-nav-li:hover { text-decoration: underline; }
.content .support .glossary .glossary-pro { padding-top: clamp(20px, 2.5rem, 40px); }
.content .support .glossary .glossary-pro li { padding: clamp(20px, 4.375rem, 70px) 0; position: relative; border-bottom: 1px solid #CECECE; line-height: 1.6; }
.content .support .glossary .glossary-pro li::before { width: 30%; content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; background-color: #3875d1; }
.content .support .glossary .glossary-pro li .glossary-item .gi-title { font-size: clamp(16px, 1.875rem, 30px); }
.content .support .glossary .glossary-pro li .glossary-item .gi-desc { font-size: clamp(14px, 1.25rem, 20px); color: #909090; margin-top: clamp(20px, 3.125rem, 50px); gap: clamp(20px, 3.125rem, 50px); }
.content .support .glossary .glossary-pro li .glossary-item .gi-desc img { max-width: 50%; }
@media (max-width: 639px) { .content .support .glossary .glossary-pro li .glossary-item .gi-desc { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .content .support .glossary .glossary-pro li .glossary-item .gi-desc img { max-width: 100%; width: 100%; } }
.content .search .search-result { padding: clamp(40px, 5rem, 80px) 0; }
.content .search .search-result .s-title { font-size: clamp(16px, 1.5rem, 24px); }
.content .search .search-result .s-title .red { color: #c90d0d; }
.content .search .search-result .product-nav-ul { padding: clamp(20px, 2.5rem, 40px) 0 0; }
.content .search .search-result .product-nav-ul .inner { margin-left: -24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .search .search-result .product-nav-ul .inner > * { padding-left: 24px; margin-bottom: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .search .search-result .product-nav-ul .inner { margin-left: -24px; }
  .content .search .search-result .product-nav-ul .inner > * { padding-left: 24px; margin-bottom: 24px; } }
@media (max-width: 959px) { .content .search .search-result .product-nav-ul .inner { margin-left: -20px; }
  .content .search .search-result .product-nav-ul .inner > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .search .search-result .product-nav-ul .inner { margin-left: -15px; }
  .content .search .search-result .product-nav-ul .inner > * { padding-left: 15px; margin-bottom: 15px; } }
.content .search .search-result .product-nav-ul .inner .pro-b-item { display: block; text-align: center; font-size: clamp(14px, 1.125rem, 18px); font-weight: 400; }
.content .search .search-result .product-nav-ul .inner .pro-b-item .pro-b-img { border-radius: 10px; border: solid 1px #d9d9d9; padding: 0; -webkit-transition: .5s; transition: .5s; -webkit-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 5 / 3; width: 100%; overflow: hidden; position: relative; display: block; }
.content .search .search-result .product-nav-ul .inner .pro-b-item .pro-b-img img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.content .search .search-result .product-nav-ul .inner .pro-b-item:hover .pro-b-img { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); }
.content .search .search-result .product-nav-ul .inner .pro-b-item .p-name { margin-top: clamp(12px, 1.25rem, 20px); font-weight: 400; }
.content .search .search-result .product-nav-nodata { min-height: clamp(300px, 31.25rem, 500px); font-size: clamp(16px, 1.5rem, 24px); line-height: 1.8; }
.content .search .search-result .product-nav-nodata .blue { color: #3875D1; }
.content .home .bannerSwiper { position: relative; aspect-ratio: 1920 / 600; width: 100%; height: auto; max-height: none; overflow: hidden; }
.content .home .bannerSwiper .banner-m-media { display: none; }
.content .home .bannerSwiper .swiper-wrapper,
.content .home .bannerSwiper .swiper-slide { height: 100% !important; }
.content .home .bannerSwiper .swiper-slide { min-height: 0; max-height: none; padding: clamp(50px, 5rem, 90px) 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center; background-size: cover; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.content .home .bannerSwiper .swiper-slide .swiper-text { max-width: 1450px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 15px; color: var(--slide-text-color, #fff); width: 100%; }
@media (min-width: 640px) { .content .home .bannerSwiper .swiper-slide .swiper-text { padding: 0 30px; } }
@media (min-width: 960px) { .content .home .bannerSwiper .swiper-slide .swiper-text { padding: 0 40px; } }
.content .home .bannerSwiper .swiper-slide .swiper-text .s-title { font-size: clamp(18px, 1.5rem, 24px); color: #959595; }
.content .home .bannerSwiper .swiper-slide .swiper-text .s-desc { font-size: clamp(28px, 2.55rem, 42px); line-height: 1.25; margin-top: clamp(5px, 0.625rem, 10px); color: #4a494a; font-weight: 600; white-space: normal; word-break: break-word; overflow-wrap: anywhere; max-width: min(900px, 100%); }
.content .home .bannerSwiper .swiper-slide .swiper-text .s-tips { font-size: clamp(18px, 1.625rem, 26px); margin-top: clamp(12px, 1.5rem, 24px); color: #7a7978; white-space: normal; word-break: break-word; max-width: min(800px, 100%); }
.content .home .bannerSwiper .swiper-slide .swiper-text .s-btn { margin-top: clamp(18px, 1.5rem, 28px); color: #4a494a; width: clamp(200px, 17.5rem, 280px); height: clamp(48px, 3.5rem, 56px); background-color: #ffffff; border: 1px solid #4a494a; border-radius: 10px; font-size: clamp(14px, 1.375rem, 22px); gap: clamp(10px, 1.25rem, 20px); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s; transition: .3s; }
.content .home .bannerSwiper .swiper-slide .swiper-text .s-btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; }
.content .home .bannerSwiper .swiper-btn { position: absolute; pointer-events: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; left: 0; }
.content .home .bannerSwiper .swiper-btn .btn { pointer-events: all; cursor: pointer; }
.content .home .bannerSwiper .swiper-btn .btn img { width: clamp(30px, 3.75rem, 60px); }
@media (max-width: 1700px) { .content .home .bannerSwiper .swiper-btn { bottom: clamp(20px, 2.5rem, 40px); top: auto; left: auto; -webkit-transform: translateY(0); transform: translateY(0); right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
  .content .home .bannerSwiper .swiper-btn .uk-container { gap: 20px; } }
@media (max-width: 639px) {
  .content .home .bannerSwiper { aspect-ratio: auto; height: auto !important; min-height: 0; max-height: none; overflow: hidden; background-color: #F2F2F2;}
  .content .home .bannerSwiper .swiper-wrapper { height: auto !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .content .home .bannerSwiper .swiper-slide { height: auto !important; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; background-image: none !important; }
  .content .home .bannerSwiper .banner-m-media { display: block; width: 100%; line-height: 0; }
  .content .home .bannerSwiper .banner-m-media img { display: block; width: 100%; aspect-ratio: 1 / 1; -o-object-fit: cover; object-fit: cover; }
  .content .home .bannerSwiper .swiper-slide .swiper-text { background-color: #F2F2F2; color: #262626; padding: 20px 15px 24px; max-width: none; margin: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-title,
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-desc,
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-tips { color: inherit; max-width: none; }
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-title { font-size: 14px; font-weight: 400; color: #666666; }
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-desc { font-size: clamp(20px, 3.125rem, 50px); font-weight: 400; color: #262626; margin-top: 4px; }
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-tips { font-size: 14px; margin-top: 10px; line-height: 1.5; color: #262626; }
  .content .home .bannerSwiper .swiper-slide .swiper-text .s-btn { margin-top: 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 140px; height: 42px; font-size: 14px; background-color: #fff; border: 1px solid #bfbfbf; color: #4a494a; }
  .content .home .bannerSwiper .swiper-btn { display: none; }
}
.content .home .home-fre { padding: clamp(40px, 6.25rem, 100px) 0 clamp(20px, 2.5rem, 40px); border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .home .home-fre .f-title { font-size: clamp(20px, 3.125rem, 50px); color: #262626; }
.content .home .home-fre .f-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .home .home-fre .fre-ul { margin-top: clamp(20px, 2.5rem, 40px); margin-left: -32px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .home-fre .fre-ul > * { padding-left: 32px; margin-bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .home-fre .fre-ul { margin-left: -28px; }
  .content .home .home-fre .fre-ul > * { padding-left: 28px; margin-bottom: 28px; } }
@media (max-width: 959px) { .content .home .home-fre .fre-ul { margin-left: -24px; }
  .content .home .home-fre .fre-ul > * { padding-left: 24px; margin-bottom: 24px; } }
@media (max-width: 639px) { .content .home .home-fre .fre-ul { margin-left: -16px; }
  .content .home .home-fre .fre-ul > * { padding-left: 16px; margin-bottom: 16px; } }
.content .home .home-fre .fre-ul .fre-item { border-radius: 10px; border: solid 1px #d7d7d7; height: 100%; overflow: hidden; background-color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); }
.content .home .home-fre .fre-ul .fre-item .fre-img { background-color: #F2F2F2; font-size: clamp(16px, 2rem, 32px); gap: clamp(15px, 3.75rem, 60px); padding: clamp(20px, 3.125rem, 50px); color: inherit; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .home .home-fre .fre-ul .fre-item .fre-img img { height: clamp(60px, 9.375rem, 150px); -ms-flex-negative: 0; flex-shrink: 0; }
.content .home .home-fre .fre-ul .fre-item .fre-img span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; text-align: left; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom { padding: clamp(30px, 3.75rem, 60px) clamp(12px, 1.25rem, 20px) clamp(30px, 2.5rem, 40px); }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text { margin-left: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; font-size: clamp(13px, 1.05rem, 16px); }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text > * { padding-left: 16px; margin-bottom: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text .fre-text-ul { -ms-flex-item-align: start; align-self: flex-start; }
@media (max-width: 1199px) { .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text { margin-left: -14px; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text > * { padding-left: 14px; margin-bottom: 14px; } }
@media (max-width: 959px) { .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text { margin-left: -14px; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text > * { padding-left: 14px; margin-bottom: 14px; } }
@media (max-width: 639px) { .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text { margin-left: -10px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text > * { padding-left: 10px; margin-bottom: 10px; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text .fre-text-ul { width: 100%; margin-bottom: 0; } }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a { padding: clamp(8px, 0.75rem, 12px) clamp(12px, 1rem, 16px); border-radius: 10px; -webkit-transition: .5s; transition: .5s; position: relative; margin: 5px 0; gap: 8px; white-space: nowrap; min-width: 0; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a span { padding-left: 12px; min-width: 0; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a .fre-link-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; min-width: 0; padding-left: 12px; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a .fre-link-name { padding-left: 0; line-height: 1.3; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a .fre-link-wave { padding-left: 0; font-size: clamp(11px, 0.8rem, 13px); line-height: 1.3; font-weight: 400; color: #a0a0a0; white-space: nowrap; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a i { -ms-flex-negative: 0; flex-shrink: 0; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a::before { width: 5px; height: 5px; border-radius: 10px; content: ''; position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #1d1d1d; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a.has-wave { white-space: normal; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a.has-wave::before { top: calc(clamp(8px, 0.75rem, 12px) + 0.65em); }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:hover { background-color: #3875D1; color: #fff; -webkit-transform: translateX(2px); transform: translateX(2px); }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:hover::before { background-color: #fff; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:hover .fre-link-wave { color: #fff; }
@media (max-width: 639px) { .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a { margin: 0; border-radius: 0; padding-top: clamp(12px, 1.1rem, 18px); padding-bottom: clamp(12px, 1.1rem, 18px); min-height: calc(46px + 1.3em); -webkit-box-sizing: border-box; box-sizing: border-box; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a.has-wave::before { top: calc(clamp(12px, 1.1rem, 18px) + 0.65em); }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a::after { content: ''; position: absolute; left: calc(clamp(12px, 1rem, 16px) + 12px); right: calc(clamp(12px, 1rem, 16px) + 1.1em + 8px); bottom: 0; height: 1px; background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(rgba(160, 160, 160, 0)), color-stop(24%, rgba(160, 160, 160, 0.22)), color-stop(76%, rgba(160, 160, 160, 0.22)), to(rgba(160, 160, 160, 0))); background-image: linear-gradient(90deg, rgba(160, 160, 160, 0) 0%, rgba(160, 160, 160, 0.22) 24%, rgba(160, 160, 160, 0.22) 76%, rgba(160, 160, 160, 0) 100%); pointer-events: none; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:hover, .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:active { border-radius: 10px; z-index: 1; }
  .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:hover::after, .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-text a:active::after { opacity: 0; } }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-wave-note { margin: 4px 0 0; padding-right: clamp(12px, 1rem, 16px); text-align: right; font-size: clamp(11px, 0.75rem, 12px); line-height: 1.4; font-weight: 400; color: #b0b0b0; }
@media (max-width: 639px) { .content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-wave-note { margin-top: 16px; } }
.content .home .home-fre .fre-ul .fre-item .fre-bottom .fre-wave-note.is-placeholder { visibility: hidden; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom > .btn { margin-top: clamp(10px, 1.25rem, 20px); border-radius: 10px; border: solid 1px #d7d7d7; font-size: clamp(14px, 1.25rem, 20px); height: clamp(50px, 4.375rem, 70px); color: #4a494a; background-color: #fff; -webkit-transition: .3s; transition: .3s; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .home .home-fre .fre-ul .fre-item .fre-bottom > .btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; }
.content .home .home-fre .btn { border-radius: 10px; border: solid 1px #d7d7d7; font-size: clamp(14px, 1.25rem, 20px); height: clamp(50px, 4.375rem, 70px); }
.content .home .home-applications { padding: clamp(20px, 2.5rem, 40px) 0 0; border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .home .home-applications .section-head .section-head-top { gap: 12px; }
.content .home .home-applications .section-head .f-title { display: inline-block; font-size: clamp(20px, 3.125rem, 50px); color: #262626; -webkit-transition: .3s; transition: .3s; }
.content .home .home-applications .section-head .f-title:hover { color: #3875D1; }
.content .home .home-applications .section-head .f-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .home .home-applications .section-head .section-more { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; padding: 10px 22px; border-radius: 10px; border: solid 1px #bfbfbf; color: #000; font-size: clamp(14px, 1.125rem, 18px); line-height: 1.2; -webkit-transition: .3s; transition: .3s; white-space: nowrap; }
.content .home .home-applications .section-head .section-more:hover { background-color: #3875D1; color: #fff; }
@media (max-width: 639px) { .content .home .home-applications .section-head .section-more { padding: 5px 10px; border-radius: 6px; font-size: 12px; } }
.content .home .home-applications .f-title { font-size: clamp(20px, 3.125rem, 50px); color: #262626; }
.content .home .home-applications .f-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .home .home-applications .applications-ul { margin-left: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: clamp(20px, 2.5rem, 40px); }
.content .home .home-applications .applications-ul > * { padding-left: 60px; margin-bottom: clamp(20px, 2.5rem, 40px); -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .home-applications .applications-ul { margin-left: -50px; }
  .content .home .home-applications .applications-ul > * { padding-left: 50px; margin-bottom: clamp(20px, 2.5rem, 40px); } }
@media (max-width: 959px) { .content .home .home-applications .applications-ul { margin-left: -30px; }
  .content .home .home-applications .applications-ul > * { padding-left: 30px; margin-bottom: clamp(20px, 2.5rem, 40px); } }
@media (max-width: 639px) { .content .home .home-applications .applications-ul { margin-left: -20px; }
  .content .home .home-applications .applications-ul > * { padding-left: 20px; margin-bottom: clamp(20px, 2.5rem, 40px); } }
.content .home .home-applications .applications-ul .applications-item { display: block; -webkit-transition: .5s; transition: .5s; }
.content .home .home-applications .applications-ul .applications-item .i-img { overflow: hidden; border-radius: 10px; }
.content .home .home-applications .applications-ul .applications-item .i-img img { width: 100%; aspect-ratio: 550/330; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; }
.content .home .home-applications .applications-ul .applications-item .i-text { margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(14px, 1.5rem, 24px); -webkit-transition: color .3s; transition: color .3s; }
.content .home .home-applications .applications-ul .applications-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.content .home .home-applications .applications-ul .applications-item:hover .i-img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.content .home .home-applications .applications-ul .applications-item:hover .i-text { color: #3875D1; }
.content .home .home-applications .home-m-swiper { margin-top: clamp(20px, 2.5rem, 40px); padding-bottom: 28px; }
.content .home .home-applications .home-m-swiper .applications-item { display: block; }
.content .home .home-applications .home-m-swiper .applications-item .i-img { overflow: hidden; border-radius: 10px; }
.content .home .home-applications .home-m-swiper .applications-item .i-img img { width: 100%; aspect-ratio: 550/330; -o-object-fit: cover; object-fit: cover; }
.content .home .home-applications .home-m-swiper .applications-item .i-text { margin-top: 12px; font-size: 16px; }
.content .home .home-applications .home-m-swiper .swiper-pagination { bottom: 0; }
.content .home .home-applications .home-m-swiper .swiper-pagination .swiper-pagination-bullet { background: #bfbfbf; opacity: 1; }
.content .home .home-applications .home-m-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #3875D1; }
.content .home .home-news { padding: clamp(20px, 2.5rem, 40px) 0 0; border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .home .home-news .section-head .section-head-top { gap: 12px; }
.content .home .home-news .section-head .f-title { display: inline-block; font-size: clamp(20px, 3.125rem, 50px); color: #262626; -webkit-transition: .3s; transition: .3s; }
.content .home .home-news .section-head .f-title:hover { color: #3875D1; }
.content .home .home-news .section-head .f-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .home .home-news .section-head .section-more { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; padding: 10px 22px; border-radius: 10px; border: solid 1px #bfbfbf; color: #000; font-size: clamp(14px, 1.125rem, 18px); line-height: 1.2; -webkit-transition: .3s; transition: .3s; white-space: nowrap; }
.content .home .home-news .section-head .section-more:hover { background-color: #3875D1; color: #fff; }
@media (max-width: 639px) { .content .home .home-news .section-head .section-more { padding: 5px 10px; border-radius: 6px; font-size: 12px; } }
.content .home .home-news .f-title { font-size: clamp(20px, 3.125rem, 50px); color: #262626; }
.content .home .home-news .f-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .home .home-news .news-ul { margin-top: clamp(25px, 3.125rem, 50px); margin-left: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .home-news .news-ul > * { padding-left: 50px; margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 1199px) { .content .home .home-news .news-ul { margin-left: -40px; }
  .content .home .home-news .news-ul > * { padding-left: 40px; margin-bottom: 40px; } }
@media (max-width: 959px) { .content .home .home-news .news-ul { margin-left: -25px; }
  .content .home .home-news .news-ul > * { padding-left: 25px; margin-bottom: 25px; } }
@media (max-width: 639px) { .content .home .home-news .news-ul { margin-left: -15px; }
  .content .home .home-news .news-ul > * { padding-left: 15px; margin-bottom: 15px; } }
.content .home .home-news .news-ul .news-item { position: relative; border-radius: 10px; border: solid 1px #d6d6d6; padding: clamp(20px, 2.5rem, 40px); gap: clamp(15px, 2.5rem, 40px); height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .home .home-news .news-ul .news-item .news-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.content .home .home-news .news-ul .news-item .ns-top { font-size: clamp(14px, 1.125rem, 18px); gap: 10px; padding-bottom: 4px; }
.content .home .home-news .news-ul .news-item .ns-top .date { gap: 10px; color: #959595; }
.content .home .home-news .news-ul .news-item .ns-top .date img { width: clamp(15px, 1.875rem, 30px); }
.content .home .home-news .news-ul .news-item .ns-top .tag { height: clamp(22px, 1.75rem, 28px); border-radius: 6px; border: solid 1px #e5e5e5; font-size: clamp(12px, 0.875rem, 14px); color: #959595; padding: 0 clamp(8px, 0.75rem, 12px); line-height: 1; font-style: italic; }
.content .home .home-news .news-ul .news-item .b-line { position: relative; height: 1px; background-color: #CECECE; margin-top: 4px; }
.content .home .home-news .news-ul .news-item .b-line::before { width: 40%; content: ''; position: absolute; left: 0; top: 0; height: 1px; background-color: #3875d1; }
.content .home .home-news .news-ul .news-item .ns-title { margin-top: clamp(6px, 0.625rem, 10px); font-size: clamp(16px, 1.125rem, 18px); color: #5a5a5a; line-height: 1.4; min-height: calc(1.4em * 3); max-height: calc(1.4em * 3); overflow: hidden; }
.content .home .home-news .news-ul .news-item .n-desc { margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(13px, 0.9375rem, 15px); color: #959595; line-height: 1.6; min-height: calc(1.6em * 3); max-height: calc(1.6em * 3); overflow: hidden; }
.content .home .home-news .news-ul .news-item .n-btn { margin-top: auto; padding-top: clamp(16px, 1.25rem, 24px); font-size: clamp(14px, 1rem, 16px); color: #959595; font-weight: 400; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px; -webkit-transition: .5s; transition: .5s; }
.content .home .home-news .news-ul .news-item .news-img { width: 42%; overflow: hidden; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; }
.content .home .home-news .news-ul .news-item .news-img img { -webkit-transition: .5s; transition: .5s; width: 100%; height: auto; display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
@media (max-width: 639px) { .content .home .home-news .news-ul .news-item .news-img { width: 100%; display: block; -ms-flex-item-align: auto; align-self: auto; } }
.content .home .home-news .news-ul .news-item:hover .news-img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.content .home .home-news .news-ul .news-item:hover .n-btn { color: #3875D1; }
.content .home .home-news .home-m-swiper { margin-top: clamp(20px, 2.5rem, 40px); padding-bottom: 28px; }
.content .home .home-news .home-m-swiper .news-item { position: relative; border-radius: 10px; border: solid 1px #d6d6d6; padding: 20px; gap: 15px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .home-news .home-m-swiper .news-item .news-img { width: 100%; overflow: hidden; border-radius: 10px; }
.content .home .home-news .home-m-swiper .news-item .news-img img { width: 100%; display: block; }
.content .home .home-news .home-m-swiper .news-item .news-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; width: 100%; }
.content .home .home-news .home-m-swiper .news-item .ns-top { font-size: 14px; gap: 10px; padding-bottom: 4px; }
.content .home .home-news .home-m-swiper .news-item .ns-top .date { gap: 10px; color: #959595; }
.content .home .home-news .home-m-swiper .news-item .ns-top .date img { width: 18px; }
.content .home .home-news .home-m-swiper .news-item .ns-top .tag { height: 24px; border-radius: 6px; border: solid 1px #e5e5e5; font-size: 12px; color: #959595; padding: 0 10px; line-height: 1; font-style: italic; }
.content .home .home-news .home-m-swiper .news-item .b-line { position: relative; height: 1px; background-color: #CECECE; margin-top: 4px; }
.content .home .home-news .home-m-swiper .news-item .b-line::before { width: 40%; content: ''; position: absolute; left: 0; top: 0; height: 1px; background-color: #3875d1; }
.content .home .home-news .home-m-swiper .news-item .ns-title { margin-top: 8px; font-size: 16px; color: #5a5a5a; line-height: 1.4; min-height: calc(1.4em * 3); max-height: calc(1.4em * 3); overflow: hidden; }
.content .home .home-news .home-m-swiper .news-item .n-desc { margin-top: 10px; font-size: 13px; color: #959595; line-height: 1.6; min-height: calc(1.6em * 3); max-height: calc(1.6em * 3); overflow: hidden; }
.content .home .home-news .home-m-swiper .news-item .n-btn { margin-top: auto; padding-top: 16px; font-size: 14px; color: #959595; font-weight: 400; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px; }
.content .home .home-news .home-m-swiper .swiper-pagination { bottom: 0; }
.content .home .home-news .home-m-swiper .swiper-pagination .swiper-pagination-bullet { background: #bfbfbf; opacity: 1; }
.content .home .home-news .home-m-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #3875D1; }
.content .home .home-contact { padding: clamp(20px, 2.5rem, 40px) 0 0; border-bottom: clamp(10px, 1.25rem, 20px) solid #F2F2F2; }
.content .home .home-contact .f-title { font-size: clamp(20px, 3.125rem, 50px); color: #262626; }
.content .home .home-contact .f-desc { font-size: clamp(16px, 1.875rem, 30px); color: #959595; margin-top: 5px; }
.content .home .home-contact .inner { margin-left: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: clamp(20px, 3.125rem, 50px); border-radius: 10px; }
.content .home .home-contact .inner > * { padding-left: 60px; margin-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .home-contact .inner { margin-left: -45px; }
  .content .home .home-contact .inner > * { padding-left: 45px; margin-bottom: 45px; } }
@media (max-width: 959px) { .content .home .home-contact .inner { margin-left: -35px; }
  .content .home .home-contact .inner > * { padding-left: 35px; margin-bottom: 35px; } }
@media (max-width: 639px) { .content .home .home-contact .inner { margin-left: -25px; }
  .content .home .home-contact .inner > * { padding-left: 25px; margin-bottom: 25px; } }
.content .home .home-contact .inner .c-left { background-color: #F7F7F7; padding: clamp(20px, 3.125rem, 50px); height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; }
.content .home .home-contact .inner .c-left .c-desc { font-size: clamp(20px, 2.25rem, 36px); font-weight: 400; color: #666666; }
.content .home .home-contact .inner .c-left .c-img { width: 100%; margin-top: clamp(20px, 2.5rem, 40px); border-radius: 10px; }
.content .home .home-contact .inner .c-left .c-tips { margin-top: clamp(28px, 2.75rem, 44px); color: #676767; font-size: clamp(14px, 1.25rem, 20px); }
.content .home .home-contact .inner .c-left .c-read { margin-top: clamp(30px, 3.75rem, 60px); gap: clamp(10px, 1.25rem, 20px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.content .home .home-contact .inner .c-left .c-read img { width: clamp(20px, 1.875rem, 30px); -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0.2em; }
.content .home .home-contact .inner .c-left .c-read .c-r-desc { color: #999999; font-size: clamp(13px, 1.125rem, 18px); }
.content .home .home-contact .inner .c-left .c-read .c-r-title { font-size: clamp(16px, 1.5rem, 24px); color: #666666; }
.content .home .home-contact .inner .c-left .c-read + .c-read { margin-top: clamp(12px, 1.5rem, 24px); }
.content .home .home-contact .inner .c-right-box { border-radius: 10px; border: solid 1px #d6d6d6; padding: clamp(20px, 3.125rem, 50px); font-size: clamp(15px, 1.25rem, 20px); height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .home .home-contact .inner .c-right-box .c-right { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .home-contact .inner .c-right-box .c-right > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .home-contact .inner .c-right-box .c-right { margin-left: -30px; }
  .content .home .home-contact .inner .c-right-box .c-right > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .home .home-contact .inner .c-right-box .c-right { margin-left: -20px; }
  .content .home .home-contact .inner .c-right-box .c-right > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .home .home-contact .inner .c-right-box .c-right { margin-left: -20px; }
  .content .home .home-contact .inner .c-right-box .c-right > * { padding-left: 20px; margin-bottom: 20px; } }
.content .home .home-contact .inner .c-right-box .c-right > * { margin-bottom: clamp(20px, 2.5rem, 40px); }
.content .home .home-contact .inner .c-right-box .c-right .form-desc { color: #999999; font-size: clamp(14px, 1.125rem, 18px); margin-top: -5px; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input > p { color: #666666; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .form-btn { border: solid 1px #d7d7d7; background-color: #fff; border-radius: 8px; height: clamp(50px, 4.375rem, 70px); color: #666666; font-size: clamp(16px, 1.875rem, 30px); gap: clamp(10px, 0.9375rem, 15px); width: 100%; margin-top: -5px; -webkit-transition: .3s; transition: .3s; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .form-btn img { width: clamp(15px, 1.875rem, 30px); -webkit-filter: brightness(0) invert(0.4); filter: brightness(0) invert(0.4); -webkit-transition: .3s; transition: .3s; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .form-btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .form-btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .inout-box { margin-top: 8px; border-radius: 8px; border: solid 1px #d6d6d6; overflow: hidden; -webkit-transition: .5s; transition: .5s; padding: clamp(15px, 1.5625rem, 25px) clamp(10px, 0.9375rem, 15px); }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .inout-box:focus-within { border-color: #3875D1; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .inout-box input { width: 100%; line-height: 1; }
.content .home .home-contact .inner .c-right-box .c-right .c-right-input .inout-box textarea { width: 100%; min-height: 150px; resize: none; line-height: 1.6; }

.uk-modal-dialog { width: 870px; background-color: #fff; border-radius: 10px; }
#message-form.uk-modal { z-index: 12000 !important; }
.layui-layer,
.layui-layer-shade,
.layui-layer-move { z-index: 99999999 !important; }
.uk-modal-dialog .uk-modal-body { padding: clamp(20px, 3.125rem, 50px); position: relative; }
.uk-modal-dialog .uk-modal-body .close-img { position: absolute; top: 20px; right: 20px; width: clamp(15px, 1.25rem, 20px); }
.uk-modal-dialog .uk-modal-body .f-title { font-size: clamp(20px, 2.5rem, 40px); }
.uk-modal-dialog .uk-modal-body .c-right-box { font-size: clamp(15px, 1.25rem, 20px); height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: clamp(30px, 3.125rem, 50px); }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .uk-modal-dialog .uk-modal-body .c-right-box .c-right { margin-left: -30px; }
  .uk-modal-dialog .uk-modal-body .c-right-box .c-right > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .uk-modal-dialog .uk-modal-body .c-right-box .c-right { margin-left: -20px; }
  .uk-modal-dialog .uk-modal-body .c-right-box .c-right > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .uk-modal-dialog .uk-modal-body .c-right-box .c-right { margin-left: -20px; }
  .uk-modal-dialog .uk-modal-body .c-right-box .c-right > * { padding-left: 20px; margin-bottom: 20px; } }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right > * { margin-bottom: clamp(15px, 1.875rem, 30px); }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .form-desc { color: #999999; font-size: clamp(14px, 1.125rem, 18px); margin-top: -5px; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .form-btn { border: solid 1px #d7d7d7; background-color: #fff; border-radius: 8px; height: clamp(50px, 4.375rem, 70px); color: #666666; font-size: clamp(16px, 1.875rem, 30px); gap: clamp(10px, 0.9375rem, 15px); width: 100%; margin-top: -5px; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .form-btn img { width: clamp(15px, 1.875rem, 30px); -webkit-filter: brightness(0) invert(0.4); filter: brightness(0) invert(0.4); -webkit-transition: .3s; transition: .3s; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .form-btn:hover { background-color: #3875D1; border-color: #3875D1; color: #fff; -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .form-btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .inout-box { margin-top: 8px; border-radius: 8px; border: solid 1px #d6d6d6; overflow: hidden; -webkit-transition: .5s; transition: .5s; padding: clamp(15px, 1.5625rem, 25px) clamp(10px, 0.9375rem, 15px); }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .inout-box:focus-within { border-color: #3875D1; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .inout-box input { width: 100%; line-height: 1; }
.uk-modal-dialog .uk-modal-body .c-right-box .c-right .c-right-input .inout-box textarea { width: 100%; min-height: 150px; resize: none; line-height: 1.6; }