.Catalog-overview-2022 sup { font-size: .75rem; vertical-align: super; } .Catalog-overview-2022 .color-white { color: #fff; } .Catalog-overview-2022 .pText i:not(.iconfont) { font-style: italic; } .Catalog-overview-2022 .imgBanner { color: #fff; } .Catalog-overview-2022 .banner-text { height: 25rem; } .Catalog-overview-2022 .imgBanner-text { left: 50%; transform: translate(-50%, 0); height: 25rem; } .Catalog-overview-2022 .banner-title { font-size: 2.5rem; line-height: 1.5; font-weight: normal; } .Catalog-overview-2022 .banner-sub-title { margin-top: 1.875rem; font-size: 1.375rem; line-height: 1.5; } .Catalog-overview-2022 .LinkNav-box { width: 100%; background: #fff; border-bottom: 1px solid #d3d3d3; z-index: 100; transition: all 0.5s; } .Catalog-overview-2022 .top-80 { top: 3.75rem; } .Catalog-overview-2022 .top-0 { top: 0; } .Catalog-overview-2022 .LinkNav { background: #fff; } .Catalog-overview-2022 .LinkNav .LinkNav-row { display: flex; align-items: center; justify-content: space-between; height: 60px; } .Catalog-overview-2022 .LinkNav .LinkNav-nav, .Catalog-overview-2022 .LinkNav nav { padding: 0; } .Catalog-overview-2022 .LinkNav .nav-link { margin-right: 2.5rem; font-size: 1.125rem; color: #333; height: 3.75rem; line-height: 3.75rem; padding: 0; } .Catalog-overview-2022 .mb-navs .nav-link { margin-right: 20px; font-size: 1rem; color: #333; padding: 10px 0; height: auto; line-height: 1.5; } .Catalog-overview-2022 .nav-link.active, .Catalog-overview-2022 .LinkNav .nav-link:hover { color: #007D9F!important; border-bottom: 2px solid #007D9F; } .Catalog-overview-2022 .LinkNav .LinkNav-button-link { padding: 0 1.875rem; background: #007D9F; display: inline-block; height: 2.25rem; line-height: 2.25rem; color: #fff; font-size: 1.125rem; } .Catalog-overview-2022 .LinkNav .LinkNav-button-link:hover { background: #0599be; } .Catalog-overview-2022 .ColumnCard .card { border: none; border-radius: 0; } .Catalog-overview-2022 .ColumnCard .ColumnCard-img-box { position: relative; } .Catalog-overview-2022 .card:hover .ColumnCard-img-box strong { background-color: rgba(5, 144, 177, 0.6); } .Catalog-overview-2022 .ColumnCard .img-top-title { position: absolute; /* top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.375rem; */ top: 0; left: 0; /* transform: translate(0%, 50%); */ color: #fff; font-size: 1.375rem; width: 100%; height: 100%; text-align: center; line-height: 5.625rem; } .Catalog-overview-2022 .ColumnCard .icon-top-title { color: #fff; font-size: 1.375rem; text-align: left; line-height: 1.5; } .Catalog-overview-2022 .ColumnCard .card-img-top { height: 5.625rem; border-radius: 0; } .Catalog-overview-2022 .ColumnCard .ColumnCard-body { padding: 1.875rem 1.5rem; height: 18.75rem; } .Catalog-overview-2022 .square { display: inline-block; width: .3125rem; height: .3125rem; background: #333; margin-right: 0.5rem; margin-top: 0.5rem; } .Catalog-overview-2022 .ColumnCard .card-text { color: #666; line-height: 1.5; text-align: left; } .Catalog-overview-2022 .OvertopTable .margin-td-left, .Catalog-overview-2022 .OvertopTable .margin-td-middle, .Catalog-overview-2022 .OvertopTable .margin-td-right { background: #f3f3f3; } .Catalog-overview-2022 .OvertopTable .margin-td-left { width: 20px; } .Catalog-overview-2022 .OvertopTable .margin-td-middle { width: 10px; } .Catalog-overview-2022 .OvertopTable .margin-td-right { width: 30px; } .Catalog-overview-2022 .OvertopTable .td-b-solid { border-bottom: 1px solid #d3d3d3; } .Catalog-overview-2022 .OvertopTable td { font-size: 14px; line-height: 1.5; } .Catalog-overview-2022 .OvertopTable .td-left { background: #f3f3f3; color: #333; text-align: left; } .Catalog-overview-2022 .OvertopTable td:nth-child(2) { padding-left: 0; } .Catalog-overview-2022 .OvertopTable td:nth-child(2), .Catalog-overview-2022 .OvertopTable td:nth-child(3), .Catalog-overview-2022 .OvertopTable td:nth-child(5), .Catalog-overview-2022 .OvertopTable td:nth-child(7) { width: 25%; vertical-align: middle; font-size: 0.875rem; } .Catalog-overview-2022 .OvertopTable td:nth-child(3), .Catalog-overview-2022 .OvertopTable td:nth-child(5), .Catalog-overview-2022 .OvertopTable td:nth-child(7) { color: #fff; border-bottom: 1px solid #fff; text-align: center; } .Catalog-overview-2022 .OvertopTable td:nth-child(3) { background: #76c693; } .Catalog-overview-2022 .OvertopTable td:nth-child(5) { background: #34a0a3; } .Catalog-overview-2022 .OvertopTable td:nth-child(7) { background: #1f6191; } .Catalog-overview-2022 .OvertopTable tr:first-child .margin-td-left, .Catalog-overview-2022 .OvertopTable tr:first-child .margin-td-middle, .Catalog-overview-2022 .OvertopTable tr:first-child .margin-td-right, .Catalog-overview-2022 .OvertopTable tr:last-child .margin-td-left, .Catalog-overview-2022 .OvertopTable tr:last-child .margin-td-middle, .Catalog-overview-2022 .OvertopTable tr:last-child .margin-td-right { background: #fff; } .Catalog-overview-2022 .OvertopTable .td-button { margin: 20px; padding: 0 20px; cursor: pointer; } .Catalog-overview-2022 .OvertopTable .overtop-td { padding: 20px; border-radius: 10px 10px 0 0; font-weight: bold; } .Catalog-overview-2022 .OvertopTable .td-arrow { position: relative; border-radius: 0 0 10px 10px; } .Catalog-overview-2022 .OvertopTable .td-arrow::after { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); content: ""; width: 0; height: 0; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; } .Catalog-overview-2022 .OvertopTable td:nth-child(3).arrow-active::after { border-top: 20px solid #76c693; } .Catalog-overview-2022 .OvertopTable td:nth-child(5).arrow-active::after { border-top: 20px solid #34a0a3; } .Catalog-overview-2022 .OvertopTable td:nth-child(7).arrow-active::after { border-top: 20px solid #1f6191; } .Catalog-overview-2022 .OvertopTable .td-button { font-size: 14px; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #fff; border: 1px solid #fff; padding: 0 2.5rem; white-space: nowrap; } .Catalog-overview-2022 .OvertopTable td:nth-child(3).arrow-active a.td-button, .Catalog-overview-2022 .OvertopTable .td-button1:hover { background: #fff !important; color: #76c693 !important; } .Catalog-overview-2022 .OvertopTable td:nth-child(5).arrow-active a.td-button, .Catalog-overview-2022 .OvertopTable .td-button2:hover { background: #fff; color: #34a0a3; } .Catalog-overview-2022 .OvertopTable td:nth-child(7).arrow-active a.td-button, .Catalog-overview-2022 .OvertopTable .td-button3:hover { background: #fff; color: #1f6191; } .Catalog-overview-2022 .QuoteSupport .support-row { color: #333; justify-content: center; } .Catalog-overview-2022 .QuoteSupport .iconfont.support-icon { color: #1d73dd; font-size: 2.5rem; margin-right: 0.25rem; margin-top: -20px; } .Catalog-overview-2022 .QuoteSupport .support-title { font-size: 1rem; margin-bottom: 0.625rem; } .Catalog-overview-2022 .QuoteSupport .support-desc { font-size: 0.875rem; } .Catalog-overview-2022 .boxTitle { color: #333; font-size: 1.875rem; line-height: 1.5; font-weight: normal; text-align: center; } .Catalog-overview-2022 .pText, .Catalog-overview-2022 .ul-list li, .Catalog-overview-2022 .side-tabs li { position: relative; font-size: 0.875rem; color: #333; line-height: 1.5; } .Catalog-overview-2022 .mt-100 { margin-top: 6.25rem; } .Catalog-overview-2022 .mr-30 { margin-right: 1.875rem; } .Catalog-overview-2022 .ml-30 { margin-left: 1.875rem; } .Catalog-overview-2022 .mt-40 { margin-top: 2.5rem; } .Catalog-overview-2022 .insert-menu-top { margin-top: 8.75rem; } .Catalog-overview-2022 .mb-100 { margin-bottom: 6.25rem; } .Catalog-overview-2022 .mb-80 { margin-bottom: 5rem; } .Catalog-overview-2022 .mb-60 { margin-bottom: 3.75rem; } .Catalog-overview-2022 .mb-40 { margin-bottom: 2.5rem; } .Catalog-overview-2022 .mb-30 { margin-bottom: 1.875rem; } .Catalog-overview-2022 .mt-30 { margin-top: 1.875rem; } .Catalog-overview-2022 .mt-50 { margin-top: 3.125rem; } .Catalog-overview-2022 .mb-100 { margin-bottom: 100px; } .Catalog-overview-2022 .mb-20 { margin-bottom: 20px; } .Catalog-overview-2022 .mt-60 { margin-top: 3.75rem; } .Catalog-overview-2022 .mb-50 { margin-bottom: 3.125rem; } .Catalog-overview-2022 .py-60 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .Catalog-overview-2022 .p-30 { padding: 1.875rem; } .Catalog-overview-2022 .pt-20 { padding-top: 20px; } .Catalog-overview-2022 .bg-grey { background: #f3f3f3; } .Catalog-overview-2022 .fade-in-card { color: #fff; } .Catalog-overview-2022 .fade-in-card, .Catalog-overview-2022 .fadeIconCard { height: 16.875rem; } .Catalog-overview-2022 .fade-in-card .card-item, .Catalog-overview-2022 .fadeIconCard .card-item { height: 100%; } .Catalog-overview-2022 .card-title { font-size: 32px; line-height: 1.5; } .Catalog-overview-2022 .toggle-card, .Catalog-overview-2022 .up-card { top: 0; left: 0; width: 100%; height: 100%; padding: 3.75rem; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; } .Catalog-overview-2022 .toggle-card { opacity: 0; background: #007D9F; transition: opacity 1s; } .Catalog-overview-2022 .card-text { font-size: 1rem; line-height: 1.5; } .Catalog-overview-2022 .card-link { height: 2.375rem; line-height: 2.375rem; padding: 0 2.5rem; border: 1px solid #fff; font-size: 1rem; margin-top: 1.875rem; } .Catalog-overview-2022 .card-link:hover { background: #fff; color: #007D9F; border: 1px solid #007D9F; } .Catalog-overview-2022 .card-item:hover { background: #007D9F; } .Catalog-overview-2022 .card-item:hover .toggle-card { opacity: 1; } .Catalog-overview-2022 .card-item:hover .card-title { display: none; } .Catalog-overview-2022 .genScriptForm { background: #fff; padding: 1.875rem; } .Catalog-overview-2022 .genScriptForm .required-label::before { content: "*"; color: #e54d42; font-size: 100%; } .Catalog-overview-2022 .genScriptForm .required-label::before { content: "*"; color: #e54d42; font-size: 100%; } .Catalog-overview-2022 .genScriptForm .form-control, .Catalog-overview-2022 .genScriptForm .custom-select { border-radius: 0; border: 1px solid #d3d3d3; color: #666; font-size: 1rem; } .Catalog-overview-2022 .genScriptForm .form-control.is-valid:focus, .Catalog-overview-2022 .genScriptForm.was-validated .form-control:valid:focus, .Catalog-overview-2022 .genScriptForm .form-control:focus { box-shadow: none; border: 1px solid #1d73dd; } .Catalog-overview-2022 .genScriptForm .form-control.is-invalid:focus, .Catalog-overview-2022 .genScriptForm.was-validated .form-control:invalid:focus { box-shadow: none; } .Catalog-overview-2022 .genScriptForm .form-control.is-valid, .Catalog-overview-2022 .genScriptForm.was-validated .form-control:valid, .Catalog-overview-2022 .genScriptForm .custom-select.is-valid, .Catalog-overview-2022 .genScriptForm.was-validated .custom-select:valid { border-color: #d3d3d3; background: none; } .Catalog-overview-2022 .genScriptForm .form-row { margin-bottom: 1.875rem; } .Catalog-overview-2022 .genScriptForm .form-row label { color: #333333; display: block; float: none; width: 100%; font-size: 1rem; } .Catalog-overview-2022 .genScriptForm .invalid-feedback { font-size: 0.875rem; transition: all 0.5s; } .Catalog-overview-2022 .genScriptForm .custom-select.is-valid:focus, .Catalog-overview-2022 .genScriptForm.was-validated .custom-select:valid:focus, .Catalog-overview-2022 .genScriptForm .custom-select.is-invalid:focus, .Catalog-overview-2022 .genScriptForm.was-validated .custom-select:invalid:focus { box-shadow: none; border: 1px solid #1d73dd; } .Catalog-overview-2022 .genScriptForm .form-row { padding: 0 5px; } .Catalog-overview-2022 .genScriptForm .form-row>.col, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"] { padding-left: 0; padding-right: 15px; } .Catalog-overview-2022 .genScriptForm .form-row>.col:last-child, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child { padding-right: 0; padding-left: 15px; } .Catalog-overview-2022 .genScriptForm .genScriptForm-submit { padding: 0 3.75rem; } .Catalog-overview-2022 .genScriptForm .genScriptForm-submit:focus { outline: none; } .Catalog-overview-2022 .testimonials-img-box { color: #333; margin: 0 2.75rem; border-right: 1px dashed #d3d3d3; } .Catalog-overview-2022 .testimonials-text { background: #f3f3f3; } .Catalog-overview-2022 .testimonials-text::before { position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); content: ""; width: 0; height: 0; display: inline-block; border-top: 15px solid transparent; border-right: 20px solid #f3f3f3; border-bottom: 15px solid transparent; } .Catalog-overview-2022 .testimonials-text .pText { font-size: 1.125rem; } .Catalog-overview-2022 .testimonials-img-box .testimonials-img { width: 6.25rem; height: 6.25rem; } .Catalog-overview-2022 .testimonials-img-box .testimonials-img-title { font-size: 1.125rem; line-height: 1.5; margin-top: 1.25rem; margin-bottom: .375rem; text-align: center; } .Catalog-overview-2022 .testimonials-img-box .testimonials-img-desc { font-size: 0.875rem; line-height: 1.5; text-align: center; } .Catalog-overview-2022 .quotes { font-size: 50px; color: #333; } .Catalog-overview-2022 .pText-quote { padding-left: 30px; } .Catalog-overview-2022 .pText-quote::before { font-family: "iconfont" !important; content: "\e653"; font-size: 50px; position: absolute; transform: translate(0, -70%); left: 0; } .Catalog-overview-2022 .pText-quote::after { font-family: "iconfont" !important; content: "\e654"; font-size: 50px; position: absolute; transform: translate(-10px, -120%); top: 100%; } .Catalog-overview-2022 .target-fix { position: relative; top: -140px; display: block; height: 0; overflow: hidden; } .Catalog-overview-2022 .system-box { color: #333; } .Catalog-overview-2022 .system-box .system-icon { font-size: 8.125rem; } .Catalog-overview-2022 .system-box .iconfont { font-size: 5rem; color: #007D9F; } .Catalog-overview-2022 .system-box .system-title { margin: .9375rem 0; font-size: 1.125rem; white-space: nowrap; } .Catalog-overview-2022 .system-box .system-des { font-size: .875rem; line-height: 1.5; } .Catalog-overview-2022 .services-links { justify-content: center; } .Catalog-overview-2022 .services-links .services-link { height: 3.125rem; padding: 0 1.25rem; line-height: 3.125rem; text-align: center; font-size: 1.125rem; white-space: nowrap; text-transform: capitalize; } .Catalog-overview-2022 .content-links .content-link { height: 2.5rem; line-height: 2.5rem; padding: 0 2.5rem; font-size: 1rem; white-space: nowrap; text-align: center; } .Catalog-overview-2022 .content-title { font-size: 20px; color: #666; } .Catalog-overview-2022 .content-links .content-link-left, .Catalog-overview-2022 .services-links .services-link-left { border: 1px solid #007D9F; color: #007D9F; } .Catalog-overview-2022 .services-links .services-link-left { margin-right: 6.25rem; } .Catalog-overview-2022 .services-links .services-link-left:hover, .Catalog-overview-2022 .content-links .content-link-left:hover { background: #007D9F; color: #fff; } .Catalog-overview-2022 .services-links .services-link-right, .Catalog-overview-2022 .content-links .content-link-right { color: #fff; background:#007D9F; } .Catalog-overview-2022 .services-links .services-link-right:hover { background: #066077; } .Catalog-overview-2022 .collapseNormalInfo .collapse-title { color: #333; font-weight: normal; height: auto; padding: .4375rem 1.25rem; } .Catalog-overview-2022 .imgModal .imgModal-img { margin: 1.875rem auto; width: 37.5rem; } .Catalog-overview-2022 .collapseNormalInfo .collapse-content { padding: 0 } .Catalog-overview-2022 .collapseNormalInfo .collapse-content-body { padding: 2.5rem 1.875rem; } .Catalog-overview-2022 .collapseNormalInfo .collapseNormalInfo-item { margin-bottom: 1.875rem; } .Catalog-overview-2022 .collapseNormalInfo .collapse-arrow { font-size: 1.25rem; transform: rotate(-90deg); } .Catalog-overview-2022 .collapseNormalInfo .collapse-arrow-up { font-size: 1.25rem; transform: rotate(-90deg); } .Catalog-overview-2022 .collapseNormalInfo .collapse-arrow-down { font-size: 1.25rem; transform: rotate(90deg); } .Catalog-overview-2022 .pTitle { font-size: 1rem; color: #333; line-height: 1.5; font-weight: bold; } .Catalog-overview-2022 .px-15 { padding: 0 15px; } .Catalog-overview-2022 .rotate-90 { transform: rotate(90deg) !important; } .Catalog-overview-2022 .rotate-down-90 { transform: rotate(-90deg) !important; } .Catalog-overview-2022 .pNote { position: relative; padding-left: 1.875rem; font-size: .875rem; color: #666; } .Catalog-overview-2022 .pNote::before { font-family: "iconfont" !important; content: "\e618"; font-size: 24px; position: absolute; transform: translate(5px, -25%); left: 0; } .Catalog-overview-2022 .tab-content { padding: 3.75rem 1.875rem; } .Catalog-overview-2022 .Paper-content { margin: 0; } .Catalog-overview-2022 .Paper-content .resource-body { background: #fff; height: 14.375rem; margin: 0; } .Catalog-overview-2022 .Paper-content .resource-img { width: 10.375rem; height: 14.375rem; padding-right: 0; border: 1px solid #d3d3d3; } .Catalog-overview-2022 .Paper-content .resource-detail { padding: 30px; background: #f3f3f3; height: 14.375rem; flex: 1; } .Catalog-overview-2022 .Paper-content .resource-title { margin-bottom: 0.9375rem; line-height: 1.5; color: #007D9F; font-size: 1rem; } .Catalog-overview-2022 .Paper-content .resource-desc { font-size: 0.875rem; line-height: 1.5; margin-bottom: 2.5rem; } .Catalog-overview-2022 .Paper-content .resource-link { display: inline-block; padding: 0 1.25rem; line-height: 2.25rem; height: 2.25rem; border: 1px solid #1d73dd; color: #1d73dd; white-space: nowrap; } .Catalog-overview-2022 .Paper-content .resource-link:hover { background: #1d73dd; color: #fff; } .Catalog-overview-2022 sup.new, .Catalog-overview-2022 .text-red, .Catalog-overview-2022 sup.text-red { color: #F41D27; } .Catalog-overview-2022 .basicTable td a { text-decoration: none; } .Catalog-overview-2022 .border-b { border-bottom: 1px solid #d3d3d3; } .Catalog-overview-2022 .border { border: 1px solid #d3d3d3; } .Catalog-overview-2022 .ul-box .ul-box-item { padding: 0px 15px; height: 40px; line-height: 40px; font-size: 14px; list-style: none; border-left: 4px solid #d3d3d3; margin-bottom: 30px; box-shadow: 0 0 5px #e9e9e9; cursor: pointer; } .Catalog-overview-2022 .ul-box .ul-box-item:hover { color: #1D73DD; border-left: 4px solid #1D73DD; margin-bottom: 30px; box-shadow: 0 0 5px rgb(29 115 221 / 20%); background-color: #f3f8fc; } .Catalog-overview-2022 .stars { padding-left: 0; display: flex; align-items: center; } .Catalog-overview-2022 .pFrom { color: #999; font-size: 12px; } .Catalog-overview-2022 .number-card .number-title { height: 6.5625rem; padding: 1.25rem; font-size: .875rem; line-height: 1.5; } .Catalog-overview-2022 .number-card .number-card-text { padding: 1.875rem 1.25rem; border-top: 1px solid #d3d3d3; } .Catalog-overview-2022 .title-card .title-card-title, .Catalog-overview-2022 .text-card .text-card-title { height: 5rem; background: #0743a1; color: #fff; padding: 0 30px; font-size: 1.25rem; } .Catalog-overview-2022 .title-card .title-card-title { line-height: 5rem; } .Catalog-overview-2022 .text-card .text-card-title { line-height: 1.5; } .Catalog-overview-2022 .title-card .title-card-body, .Catalog-overview-2022 .text-card .text-card-body { padding: 30px; border-top: none; } .Catalog-overview-2022 .title-card .title-card-body { border: 1px solid #d3d3d3; } .Catalog-overview-2022 .study-card .card-title-img { width: 100%; } .Catalog-overview-2022 .study-card .study-card-desc { font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.875rem; margin-top: .625rem; } .Catalog-overview-2022 .study-card-body { height: 15.3125rem; border: 1px solid #d3d3d3; padding: 1.875rem; } .Catalog-overview-2022 .FormModal .modal-body { position: relative; border-radius: 0; padding: 0; } .Catalog-overview-2022 .FormModal .modal-content, .Catalog-overview-2022 .imgModal .modal-content { border-radius: 0; border: none; } .Catalog-overview-2022 .FormModal .FormModal-text { background: #1d73dd; padding: 0 44px !important; color: #fff; } .Catalog-overview-2022 .FormModal .FormModal-sub-title { font-size: 1.375rem; color: #fff; } .Catalog-overview-2022 .FormModal .FormModal-sub-desc { color: #fff; } .Catalog-overview-2022 .FormModal .FormModal-title { display: inline-block; background: #fff; padding: 16px 20px; border-radius: 0 0 10px 10px; font-size: 18px; color: #1d73dd; } .Catalog-overview-2022 .square-top-0 .square { margin-top: 0; } .Catalog-overview-2022 .fadeIconCard .card-item { border: 1px solid #1d73dd; padding: 1.875rem; display: flex; align-items: center; justify-content: center; color: #1d73dd; } .Catalog-overview-2022 .fadeIconCard .toggle-card { padding: 1.875rem; } .Catalog-overview-2022 .fadeIconCard .toggle-card, .Catalog-overview-2022 .fadeIconCard .up-card { flex-direction: column; padding: 1.25rem; } .Catalog-overview-2022 .fadeIconCard .iconfont-symbol { width: 7.5rem; height: 7.5rem; margin-bottom: 2.5rem; } .Catalog-overview-2022 .fadeIconCard .card-text { font-size: .875rem; text-align: left; color: #fff; } .Catalog-overview-2022 .container.breadcrumbs { max-width: 87.5rem !important; line-height: 1.5em; padding: 15px 10px; } .Catalog-overview-2022 .container.breadcrumbs p { margin-bottom: 0; font-size: 0.875rem; } .Catalog-overview-2022 .container.breadcrumbs p a, .Catalog-overview-2022 .container.breadcrumbs p { color: #cccccc; } .Catalog-overview-2022 .container.breadcrumbs p a:hover { cursor: pointer; text-decoration: underline; } .Catalog-overview-2022 .flex-1 { flex: 1; } .genscript_level_3-2022 .boxTitle { color: #333; font-size: 1.875rem; line-height: 1.5; font-weight: normal; text-align: left; } .Catalog-overview-2022 button.close span { font-size: 28px; color: #fff; width: 22px; height: 22px; border: 2px solid #fff; border-radius: 100%; display: inline-block; line-height: 22px; box-sizing: content-box; transform: translate(10px, 0); } .Catalog-overview-2022 .modal-close { transform: translate(100%, -4px) rotate(45deg); font-size: 30px; color: #fff; position: absolute; right: 0; top: 0; } .Catalog-overview-2022 .overview-left { padding-right: 2.8125rem; } .Catalog-overview-2022 .pb-60 { padding-bottom: 60px; } .Catalog-overview-2022 .doubleHeadTable tbody tr:nth-child(odd) { background: #fff; } .Catalog-overview-2022 .doubleHeadTable tbody tr:nth-child(even) { background: #FAFAFA; } .Catalog-overview-2022 .list-decimal { list-style: decimal; } .Catalog-overview-2022 .resource-icon { font-size: 1.25rem; } .Catalog-overview-2022 .doc-link { width: 1rem; } .Catalog-overview-2022 .ColumnCard .ColumnCard-icon-box { height: 5rem; } .Catalog-overview-2022 .ColumnCard-icon-box .icon-top-title { font-size: 1.125rem; font-weight: normal; } .Catalog-overview-2022 .ColumnCard .iconfont-symbol { font-size: 5.625rem; } .Catalog-overview-2022 .pText-small { font-size: 12px; color: #333; line-height: 1.5; } .Catalog-overview-2022 .title-card .title-card-body { background: #fff; } .Catalog-overview-2022 .figure-box { display: flex; margin-top: 2rem; margin-bottom: 2rem; } .Catalog-overview-2022 .figure-title { font-size: 22px; font-weight: bold; line-height: 1.5; } .Catalog-overview-2022 .figure-box .figure-description { width: 100%; padding: 0 0 0 20px; } .Catalog-overview-2022 .fadeIconCard .card-title { font-size: 1.125rem; } .Catalog-overview-2022 .ColumnCard .ColumnCard-text-box { flex-direction: column; color: #fff; text-align: center; height: 9.375rem; } .Catalog-overview-2022 .ColumnCard .text-top-title { font-size: 1.75rem; line-height: 1.5; margin-bottom: 0; color: #fff; } .Catalog-overview-2022 .ColumnCard .text-top-subTitle { font-size: 1.125rem; line-height: 1.5; margin-bottom: .375rem; color: #fff; } .Catalog-overview-2022 .ColumnCard .text-top-desc { font-size: .875rem; line-height: 1.5; margin-bottom: 0; color: #fff; } .Catalog-overview-2022 .fadeIconCard .card-link { margin-top: 1.25rem; color: #fff; } .Catalog-overview-2022 .ColumnCard .ColumnCard-text-body { height: 9.375rem; overflow: hidden; } .Catalog-overview-2022 .ColumnCard .ColumnCard-text-img { width: 100%; } .Catalog-overview-2022 .ul-list li { position: relative; margin-bottom: 0.5rem; list-style: none; } .Catalog-overview-2022 .ul-list li:before, .Catalog-overview-2022 .side-tabs li:before { content: ' '; position: absolute; display: inline-block; width: .3125rem; height: .3125rem; background:#007D9F; left: -1rem; top: .6rem; transform: translate(0, -50%); } .Catalog-overview-2022 .support-text-box { padding: 40px 60px; } .Catalog-overview-2022 .support-text-box .support-title { font-size: 2.25rem; line-height: 1.5; color: #fff; } .Catalog-overview-2022 .support-text-box .support-desc { font-size: .875rem; line-height: 1.5; color: #fff; margin: 1.25rem 0 3.125rem 0; } .Catalog-overview-2022 .tools-icon { font-size: 1.875rem; margin-right: .625rem; } .Catalog-overview-2022 .tools-text { font-size: 1.375rem; } .Catalog-overview-2022 .tools-trait-icon { font-size: 3.75rem; } .Catalog-overview-2022 .tools-trait-title { width: 100%; font-size: 1.125rem; color: #000102; margin-bottom: .625rem; } .Catalog-overview-2022 .tools-trait-desc { width: 100%; font-size: .875rem; color: #000102; line-height: 1.5; } .Catalog-overview-2022 .tools-trait-text { margin-left: 1.25rem; } .Catalog-overview-2022 .carousel-indicators { top: 100%; transform: translate(0, 30px); } .Catalog-overview-2022 .carousel-item-left-img { width: 25rem; } .Catalog-overview-2022 .support-text-box .support-link { height: 3.125rem; line-height: 3.125rem; /* padding: 0 2.5rem; */ width: 11.25rem; color: #fff; border: 1px solid #fff; font-size: 1.125rem; text-align: center; } .Catalog-overview-2022 .publications-carousel-title { font-size: 1.875rem; margin-bottom: .9375rem; } .Catalog-overview-2022 .px-80 { padding: 0 5rem; } .Catalog-overview-2022 .pb-80 { padding-bottom: 80px; } .Catalog-overview-2022 .pt-60 { padding-top: 60px; } .Catalog-overview-2022 .carousel-control-next, .Catalog-overview-2022 .carousel-control-prev { width: 5%; } .Catalog-overview-2022 .carousel-control-next-icon, .Catalog-overview-2022 .carousel-control-prev-icon { width: 40px; height: 40px; } .genscript_level_3-2022 .quote-support .boxTitle { text-align: left; } .genscript_level_3-2022 .banner-text { height: 16.25rem; } .Catalog-overview-2022 .container.breadcrumbs { max-width: 87.5rem !important; line-height: 1.5em; padding: 15px 10px; } .Catalog-overview-2022 .container.breadcrumbs p { margin-bottom: 0; font-size: 0.875rem; } .Catalog-overview-2022 .container.breadcrumbs p a, .Catalog-overview-2022 .container.breadcrumbs p { color: #cccccc; } .Catalog-overview-2022 .container.breadcrumbs p a:hover { cursor: pointer; text-decoration: underline; } .Catalog-overview-2022 .mt-80 { margin-top: 5rem; } .Catalog-overview-2022 .banner-img-mb { display: none; } .Catalog-overview-2022 .h-200 { height: 12.5rem; } .Catalog-overview-2022 .h-180 { height: 11.25rem; } .Catalog-overview-2022 .h-270 { height: 16.875rem; } .Catalog-overview-2022 .text-decoration-underline { text-decoration: underline; } /* peptide add */ .Catalog-overview-2022 .service-box { position: relative; } .Catalog-overview-2022 .service-box-item { height: 100%; padding: 10px 30px 30px; border: 1px solid #00a0ea; color: #00A0EA; text-align: center; background: #FFFFFF; } .Catalog-overview-2022 .service-box-item a { color: #00A0EA; display: block; } .Catalog-overview-2022 .service-box-item .iconfont { font-size: 120px; } .Catalog-overview-2022 .service-box-item:hover { background: #00A0EA; color: #FFFFFF; } .Catalog-overview-2022 .service-box-item:hover a { color: #FFFFFF; } .Catalog-overview-2022 .mrb-lg-30 { margin-bottom: 30px; } .Catalog-overview-2022 .peptide-aq .fade-in-card, .Catalog-overview-2022 .peptide-aq .fadeIconCard, .Catalog-overview-2022 .peptide-ap .fade-in-card, .Catalog-overview-2022 .peptide-ap .fadeIconCard { height: 11.25rem; } .Catalog-overview-2022 .peptide-aq .toggle-card, .Catalog-overview-2022 .peptide-aq .up-card, .Catalog-overview-2022 .peptide-ap .toggle-card, .Catalog-overview-2022 .peptide-ap .up-card { padding: 2.5rem; background: #00A0EA; } .Catalog-overview-2022 .resource-box a { padding: 10px; padding-left: 20px; display: inline-block; color: #333333; font-size: 18px; } .Catalog-overview-2022 .resource-box a .iconfont { position: absolute; left: 0; top: 0; font-size: 30px; } .Catalog-overview-2022 .resource-box a:hover { color: #00A0EA; } /*promotion box*/ .Catalog-overview-2022 .promotion-item-title { text-align: center; font-weight: bold; font-size: 24px; padding: 25px 30px; color: #ffffff; display: block; } .Catalog-overview-2022 a.promotion-item-title:hover { color: #FFFFFF; } .Catalog-overview-2022 .promotion-item-title.promotion-bg1 { background: #37a8d4; } .Catalog-overview-2022 .promotion-item-title.promotion-bg2 { background: #6688e1; } .Catalog-overview-2022 .promotion-item-title.promotion-bg3 { background: #0667b6; } /*step box*/ .Catalog-overview-2022 .step-box { padding: 15px; border: 1px solid #007D9F; height: 100%; font-size: 14px; text-align: center; line-height: 1.5em; } .Catalog-overview-2022 .step-box:before { content: ""; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width: 10px; border-color: transparent transparent white #007D9F; font-size: 16px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); } .Catalog-overview-2022 .step-box:after { content: ""; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width: 8px; border-color: transparent transparent transparent white; font-size: 16px; position: absolute; right: -11px; top: 50%; transform: translateY(-50%); } .Catalog-overview-2022 .step-box-row>div:last-child .step-box:before, .Catalog-overview-2022 .step-box-row>div:last-child .step-box:after { display: none; } .Catalog-overview-2022 .icon-img { width: 90px; height: 90px; } .Catalog-overview-2022 .collapse-link { height: 2.5rem; line-height: 2.5rem; padding: 0 2.5rem; margin-top: 1.875rem; border: 1px solid #007D9F; color: #007D9F; } .Catalog-overview-2022 .collapse-link:hover { background: #007D9F; color: #fff; } .Catalog-overview-2022 .search-store input::-webkit-input-placeholder { /* Edge */ color: #c3c8cb; } .Catalog-overview-2022 .search-store input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #c3c8cb; } .Catalog-overview-2022 .search-store input::placeholder { color: #c3c8cb; } .Catalog-overview-2022 .search-store input { flex: 1; margin-right: 20px; background: transparent; color: #333; font-family: "Montserrat", "Poppins", sans-serif; line-height: 20px; background: none; outline: none; border: none; } .Catalog-overview-2022 .search-store { height: 40px; border: 1px solid #d3d3d3; position: relative; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; flex: 1; } .Catalog-overview-2022 .search-store .iconfont { font-size: 24px; color: #333; padding: 0; border: none; background-color: transparent; outline: none; } .Catalog-overview-2022 .pAnnotation { font-size: 18px; color: #333; line-height: 1.5; } .Catalog-overview-2022 .pAnnotation .iconfont.a-website-Proteinserviceicons-32 { font-size: 22px; } .Catalog-overview-2022 .row-link { height: 40px; line-height: 40px; border: 1px solid #00A0E9; background: transparent; color: #00A0E9; padding: 0 40px; font-size: 1.125rem; } .Catalog-overview-2022 .row-link:hover { background: #00A0E9; color: #fff; } .Catalog-overview-2022 .promotions-title { font-size: 1.25rem; color: #333; font-weight: bold; } /* Updated on 07.05 Erin */ /* imgLinkCards start */ .Catalog-overview-2022 .img-link-card { height: 180px; } .Catalog-overview-2022 .img-link-card .card-title { position: absolute; left: 15px; right: 15px; top: 50%; transform: translate(0, -50%); text-align: center; line-height: 1.5; font-size: 22px; padding: 0 30px; color: #fff; text-decoration: underline; height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 0; cursor: pointer; } .Catalog-overview-2022 .img-link-card:hover .card-title { background: rgba(45, 168, 102, 0.5); } /* imgLinkCards end */ /* application-text start */ .Catalog-overview-2022 .application-box .application-text { padding: 0px 15px; height: 40px; line-height: 40px; font-size: 14px; list-style: none; border-left: 4px solid #1d73dd; margin-bottom: 30px; box-shadow: 0 0 15px #d3d3d3; } .Catalog-overview-2022 .application-box .application-row:nth-last-child(-n + 2) .application-text { margin-bottom: 0; } .Catalog-overview-2022 .application-text.text-decoration-underline:hover, .Catalog-overview-2022 .application-text-link:hover { background-color: #f3f8fc; box-shadow: 0 0 15px #8eb9ee; } /* application-text end */ /* imgLinkCards & textLinkCards end */ /* imgDescLinkCards & textDescLinkCards start */ .Catalog-overview-2022 .imgDescLinkCards .card-item { height: 100%; color: #fff; } .Catalog-overview-2022 .imgDescLinkCards .card-title, .Catalog-overview-2022 .textDescLinkCards .card-title { line-height: 1.5; margin-bottom: 0; } .Catalog-overview-2022 .img-desc-link-card.h-270 .card-title, .Catalog-overview-2022 .img-desc-link-card.h-200 .card-title, .Catalog-overview-2022 .text-desc-link-card.h-270 .card-title, .Catalog-overview-2022 .text-desc-link-card.h-200 .card-title { font-size: 32px; } .Catalog-overview-2022 .img-desc-link-card.h-180 .card-title, .Catalog-overview-2022 .img-desc-link-card.h-180 .card-title, .Catalog-overview-2022 .text-desc-link-card.h-180 .card-title, .Catalog-overview-2022 .text-desc-link-card.h-180 .card-title { font-size: 22px; } /* .MB-subject .textDescLinkCards .card-item { background: #fff; color: #2da866; border: 1px solid #2da866; height: 100%; } .MB-subject .img-desc-link-card .card-link:hover, .MB-subject .text-desc-link-card .card-link:hover { background: #fff; color: #2da866; border: 1px solid #2da866; } */ /* imgDescLinkCards & textDescLinkCards end */ /* application-text start */ .Catalog-overview-2022 .application-box .application-text { padding: 0px 15px; height: 40px; line-height: 40px; font-size: 14px; list-style: none; border-left: 4px solid #1d73dd; margin-bottom: 30px; box-shadow: 0 0 15px #d3d3d3; } .Catalog-overview-2022 .application-box .application-row:nth-last-child(-n + 2) .application-text { margin-bottom: 0; } .Catalog-overview-2022 .application-text.text-decoration-underline:hover, .Catalog-overview-2022 .application-text-link:hover { background-color: #f3f8fc; box-shadow: 0 0 15px #8eb9ee; } /* application-text end */ /* colorTh colorTd start */ .Catalog-overview-2022 .colorTable-th, .Catalog-overview-2022 .colorTable-td { color: #ffffff; padding: 1.25rem 0; border: none; } .Catalog-overview-2022 .colorTable-th { border-radius: 1.25rem 1.25rem 0 0; } .Catalog-overview-2022 .colorTable-td { border-radius: 1.25rem 0 0 1.25rem; } .Catalog-overview-2022 .colorTable-thbg1, .Catalog-overview-2022 .colorTable-tdbg1 { background: #76c693; } .Catalog-overview-2022 .colorTable-thbg2, .Catalog-overview-2022 .colorTable-tdbg2 { background: #34a0a3; } .Catalog-overview-2022 .colorTable-thbg3, .Catalog-overview-2022 .colorTable-tdbg3 { background: #1f6191; } .Catalog-overview-2022 .colorTable-thbg4, .Catalog-overview-2022 .colorTable-tdbg4 { background: #684d92; } /* colorTh colorTd end */ /* Catalog product 26B7BC */ /* .Catalog-subject .nav-link.active, .Catalog-subject .LinkNav .nav-link:hover { color: #007D9F!important; border-bottom: 2px solid #007D9F; } .Catalog-subject .LinkNav .LinkNav-button-link, .Catalog-subject .services-links .services-link-right, .Catalog-subject .content-links .content-link-right, .Catalog-subject .ColumnCard .ColumnCard-icon-box, .Catalog-subject .toggle-card, .Catalog-subject .detail-link, .Catalog-subject .text-card .text-card-title { background: #007D9F; } .Catalog-subject .services-links .services-link-left:hover, .Catalog-subject .content-links .content-link-left:hover { background: #007D9F; color: #fff; } .Catalog-subject .LinkNav .LinkNav-button-link:hover, .Catalog-subject .services-links .services-link-right:hover, .Catalog-subject .content-links .content-link-right:hover { background: #6744b5; } .Catalog-subject .services-links .services-link-left { margin-right: 6.25rem; } .Catalog-subject .content-links .content-link-left { margin-right: 1.875rem; } .Catalog-subject .services-links .services-link-left, .Catalog-subject .content-links .content-link-left { border: 1px solid #007D9F; color: #007D9F; } .Catalog-subject .services-links .services-link-left:hover, .Catalog-subject .content-links .content-link-left:hover { border: 1px solid #007D9F; color: #ffffff; background: #007D9F; } .Catalog-subject .services-links .services-link-left:hover { margin-right: 6.25rem; } .Catalog-subject .Paper-content .resource-title { color:#007D9F; } .Catalog-subject .card-link:hover { background-color: #fff; color: #007D9F!important; } .Catalog-subject .step-box { border: 1px solid #007D9F; } .Catalog-subject .step-box:before { border-color: transparent transparent white #007D9F; } .Catalog-subject .card:hover .ColumnCard-img-box strong { background-color: rgba(82 56 140, .6); } .Catalog-subject .btn-primary-ghost-normal { border: 1px solid #007D9F; color: #007D9F !important; background: transparent; font-size: .875rem; } */ .Catalog-subject .btn-primary-ghost-normal:hover { border: 1px solid #007D9F; color: #007D9F!important; background: rgba(38, 183, 188, 0.1); } .Catalog-subject .Paper-content .resource-link { border: 1px solid #007D9F; color: #007D9F; } .Catalog-subject .Paper-content .resource-link:hover { background: rgba(38, 183, 188, 0.1); color: #007D9F; } /* 閸氬嫭婀囬崝锛勫殠娑撳顣介懝锟 end */ /* XL Device :1200px 婢堆冪€?/ @media (min-width: 1921px) { .linkNav-nav-mb { display: none; } .Catalog-overview-2022 .insert-menu-top { margin-top: 8.75rem; } .Catalog-overview-2022 .imgBanner { height: 34.375rem; overflow: hidden; } .Catalog-overview-2022 .banner-img { width: 100%; margin-bottom: -20px; } .genscript_level_3-2022 .imgBanner { height: 25rem; overflow: hidden; } .genscript_level_3-2022 .banner-img { width: 100%; margin-bottom: -20px; } } @media (min-width: 991px) { .linkNav-nav-mb { display: none; } .Catalog-overview-2022 .insert-menu-top { margin-top: 8.75rem; } } @media (min-width: 1536px) { .Catalog-overview-2022 .container.LinkNav { width: 1410px !important; max-width: 1410px !important; padding-right: 0; } } @media (min-width: 1200px) { .Catalog-overview-2022 .container { padding-left: .9375rem; padding-right: .9375rem; } } @media (min-width: 1281px) and (max-width: 1536px) { .Catalog-overview-2022 .container.LinkNav { width:1200px; padding-right: 0; } .Catalog-overview-2022 .container.breadcrumbs { max-width: 75rem !important; padding: 15px 15px; } .Catalog-overview-2022 { background: #fff; } .Catalog-overview-2022 .banner-img { width: 100%; height: 25rem; } .Catalog-overview-2022 .banner-text { height: 16.25rem; } .Catalog-overview-2022 .linkNav-nav-mb { display: none; } .Catalog-overview-2022 .insert-menu-top { margin-top: 8.75rem; } } @media only screen and (max-width: 1300px) and (min-width: 993px){ .container{ width:1200px } } @media (max-width: 1024px) { .linkNav-nav-mb { display: block; } .LinkNav-nav { display: none; } .Catalog-overview-2022 .banner-img { width: 100%; } .Catalog-overview-2022 .reagents-box .reagents-box-description { padding: 0 .9375rem; text-align: center; } .Catalog-overview-2022 .testimonials-img-box { border-right: none; } .Catalog-overview-2022 .testimonials-text { margin-top: 1.875rem; padding: 1.875rem 0; } .Catalog-overview-2022 .testimonials-text::before { top: 0; left: 50%; transform: translate(-50%, -100%); content: ""; width: 0; height: 0; display: inline-block; border-right: 15px solid transparent; border-bottom: 20px solid #f3f3f3; border-left: 15px solid transparent; } .Catalog-overview-2022 .fade-in-card { height: 12.5rem; } .Catalog-overview-2022 .ResourcesRow .link-row { line-height: 1.5; } } @media (max-width: 1180px) { .Catalog-overview-2022 .container.LinkNav { width: 1100px; } } @media (min-width: 1025px) and (max-width: 1280px) { .Catalog-overview-2022 .container.breadcrumbs { max-width: 1110px !important; padding: 15px 15px; } .Catalog-overview-2022 .banner-img { width: 100%; height: 25rem; } .Catalog-overview-2022 .banner-text { height: 16.25rem; } .Catalog-overview-2022 .insert-menu-top { margin-top: 8.75rem; } } @media (min-width: 992px) and (max-width: 1024px) { .Catalog-overview-2022 img { max-width: 100%; } .Catalog-overview-2022 .container.LinkNav { width: 962px; max-width: 962px !important; padding-right: 0; } .Catalog-overview-2022 .banner-img { width: 100%; } .Catalog-overview-2022 .banner-text { height: 16.25rem; } .Catalog-overview-2022 .LinkNav .nav-link { margin-right: 1.25rem; } .Catalog-overview-2022 .insert-menu-top { margin-top: 8.75rem; } .LinkNav-nav { display: none; } } /* MD Device :768px 楠炶櫕婢?/ @media (min-width: 481px) and (max-width: 991px) { .Catalog-overview-2022 .container.breadcrumbs { width: 90vw !important; } .Catalog-overview-2022 img { max-width: 100%; } .Catalog-overview-2022 .container.LinkNav { width: 90vw; } body { width: 100vw; } .Catalog-overview-2022 .banner-img { width: auto; height: 25rem; max-width: initial; transform: translate(-25%, 0); } .Catalog-overview-2022 .banner-title { font-size: 2rem; } .Catalog-overview-2022 .LinkNav-nav { display: none; } .Catalog-overview-2022 .linkNav-nav-mb .arrow-down { font-size: 2.5rem; } .Catalog-overview-2022 .linkNav-nav-mb .mb-navs { height: 12.5rem; } .Catalog-overview-2022 .overview-left { padding-right: 0; } .Catalog-overview-2022 .contact-img { width: 22.5rem; margin: 0 auto; } .Catalog-overview-2022 .genScriptForm .form-row>.col:last-child, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child { padding-left: 0; margin-top: 1.875rem; } .Catalog-overview-2022 .genScriptForm .form-row>.col, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"] { padding-right: 0; } .Catalog-overview-2022 .insert-menu-top { margin-top: 5rem; } .Catalog-overview-2022 .genScriptForm .form-row label, .Catalog-overview-2022 .genScriptForm .form-control, .Catalog-overview-2022 .genScriptForm .custom-select, .Catalog-overview-2022 .ResourcesRow .resource-title { font-size: .875rem } .Catalog-overview-2022 .ResourcesRow .link-row { line-height: inherit; } .Catalog-overview-2022 .ResourcesRow-left { margin-bottom: 1.875rem; } .Catalog-overview-2022 .toggle-card, .Catalog-overview-2022 .up-card { padding: 1.25rem; } .Catalog-overview-2022 .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .Catalog-overview-2022 .pText-quote::after { transform: translate(-10px, -50%); } .tabListByServe li.tab-title-item:first-child { margin-left: 30px; } .tabListByServe li.tab-title-item { margin-left: 30px; } /* step box */ .Catalog-overview-2022 .step-box-row>div, .Antibody-subject .step-box-row>div { padding: 15px; } .Catalog-overview-2022 .step-box:before { border-style: solid dashed dashed dashed; border-width: 10px; border-color: #007D9F transparent transparent white; left: 50%; top: auto; bottom: -15px; transform: translateX(-50%) translateY(0); } .Antibody-subject .step-box:before { border-color: #52388c transparent transparent white; } .Catalog-overview-2022 .step-box:after { border-style: solid dashed dashed dashed; border-width: 8px; border-color: white transparent transparent transparent; left: 50%; top: auto; bottom: -11px; transform: translateX(-50%) translateY(0); } .Catalog-overview-2022 .step-box br { display: none; } .Catalog-overview-2022 .Paper-content .resource-body { margin: 0; margin-bottom: 30px; } } /* MD Device :768px 楠炶櫕婢?/ @media (max-width: 480px) { .Catalog-overview-2022 img { max-width: 100%; } .Catalog-overview-2022 .container.LinkNav { width: 90vw; } .Catalog-overview-2022 .services-links .services-link { font-size: .875rem; } body { width: 100vw; } .Catalog-overview-2022 .banner-img { width: auto; height: 25rem; max-width: initial; transform: translate(-25%, 0); } .Catalog-overview-2022 .LinkNav-nav { display: none; } .Catalog-overview-2022 .linkNav-nav-mb .arrow-down { font-size: 2.5rem; } .Catalog-overview-2022 .linkNav-nav-mb .mb-navs { height: 12.5rem; } .Catalog-overview-2022 .overview-left { padding-right: 0; } .Catalog-overview-2022 .fade-in-card { margin-bottom: 1.875rem; height: 12.5rem; } .Catalog-overview-2022 .contact-img { width: 12.5rem; margin: 0 auto; } .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child { margin-top: 1.875rem; padding-left: 0; } .Catalog-overview-2022 .genScriptForm .form-row>.col, .Catalog-overview-2022 .genScriptForm .form-row>[class*="col-"] { padding-right: 0; } .Catalog-overview-2022 .ResourcesRow .carousel { margin-bottom: 1.875rem; } .Catalog-overview-2022 .Paper-content .resource-body { margin: 0; margin-bottom: 30px; } .Catalog-overview-2022 .ResourcesRow .resource-detail { padding: 10px; } .Catalog-overview-2022 .ResourcesRow .resource-title { margin-bottom: 8px; line-height: 1.2; color:#007D9F; font-size: 14px; } .Catalog-overview-2022 .ResourcesRow .resource-desc { font-size: 12px; line-height: 1.5; margin-bottom: 1.5rem; } .Catalog-overview-2022 .QuoteSupport .support-row { justify-content: flex-start; padding-left: 5rem; } .Catalog-overview-2022 .insert-menu-top { margin-top: 5rem; } .tabListByServe li.tab-title-item:first-child { margin-left: 30px; } .tabListByServe li.tab-title-item { margin-left: 30px; } /* step box */ .Catalog-overview-2022 .step-box:before { border-style: solid dashed dashed dashed; border-width: 10px; border-color: #007D9F transparent transparent white; left: 50%; top: auto; bottom: -15px; transform: translateX(-50%) translateY(0); } .Catalog-overview-2022 .step-box:after { border-style: solid dashed dashed dashed; border-width: 8px; border-color: white transparent transparent transparent; left: 50%; top: auto; bottom: -11px; transform: translateX(-50%) translateY(0); } .Catalog-overview-2022 .step-box br { display: none; } } @media (max-width: 767px) { .dlyNs { display: inline-block !important; } .dlyB { display: none !important; } .Catalog-overview-2022 .banner-title { font-size: 1.5rem; } .Catalog-overview-2022 .banner-sub-title { font-size: 1rem; } } @media (min-width: 767px) { .dlyNs { display: none !important; } .dlyB { display: block !important; } }