html { font-size: 16px !important; } body { overflow-x: hidden; } /* init start */ .genScript-overview-2022 input, .genScript-overview-2022 select { outline: none; } .genScript-overview-2022 input:disabled { border: 1px solid #D3D3D3; background-color: #F9F9F9; color: #999999; cursor: not-allowed; } .genScript-overview-2022 .color-white { color: #fff; } .genScript-overview-2022 .top-0 { top: 0; } .genScript-overview-2022 .bottom-0 { bottom: 0; } .genScript-overview-2022 .banner-img-mb { display: none; } .genScript-overview-2022 .mr-30 { margin-right: 30px; } .genScript-overview-2022 .mt-100 { margin-top: 100px; } .genScript-overview-2022 .mt-80 { margin-top: 5rem; } .genScript-overview-2022 .mt-60 { margin-top: 3.75rem; } .genScript-overview-2022 .mt-40 { margin-top: 2.5rem; } .genScript-overview-2022 .mt-70 { margin-top: 4.375rem; } .genScript-overview-2022 .mb-100 { margin-bottom: 6.25rem; } .genScript-overview-2022 .mb-80 { margin-bottom: 5rem; } .genScript-overview-2022 .mb-50 { margin-bottom: 3.125rem; } .genScript-overview-2022 .mb-60 { margin-bottom: 3.75rem; } .genScript-overview-2022 .mb-40 { margin-bottom: 2.5rem; } .genScript-overview-2022 .boxTitle { color: #333; font-size: 1.875rem; line-height: 1.5; font-weight: normal; } .genScript-overview-2022 .figure-title { font-size: 22px; font-weight: 400; line-height: 1.5; } .genScript-overview-2022 .figure-box { display: flex; margin-top: 2rem; margin-bottom: 2rem; } .genScript-overview-2022 .figure-box .figure-description { width: 100%; padding: 0 0 0 20px; } .genScript-overview-2022 .fadeIconCard .card-title { font-size: 1.125rem; } .genScript-overview-2022 .tab-content { padding: 3.75rem 1.875rem; width: 100%; } .genScript-overview-2022 .h-80 { height: 80px; } .genScript-overview-2022 .h-180 { height: 180px; } .genScript-overview-2022 .h-200 { height: 200px; } .genScript-overview-2022 .h-270 { height: 270px; } .genScript-overview-2022 .h-230 { height: 230px; } .genScript-overview-2022 .h-50 { height: 50px; } .genScript-overview-2022 .leading-50 { line-height: 50px; } .genScript-overview-2022 .font20 { font-size: 20px !important; } .genScript-overview-2022 .font22 { font-size: 22px !important; } .genScript-overview-2022 .font24 { font-size: 24px !important; } .genScript-overview-2022 .font26 { font-size: 26px !important; } .genScript-overview-2022 .font16 { font-size: 16px !important; } .genScript-overview-2022 .font14 { font-size: 14px !important; } .genScript-overview-2022 .font18 { font-size: 18px !important; } .genScript-overview-2022 .font32 { font-size: 32px !important; } .genScript-overview-2022 .px-30 { padding-left: 30px; padding-right: 30px; } .genScript-overview-2022 .py-60 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .genScript-overview-2022 .p-30 { padding: 30px; } .genScript-overview-2022 .pr-15 { padding-right: .9375rem; } .genScript-overview-2022 .px-15 { padding: 0 15px; } .genScript-overview-2022 .pt-30 { padding-top: 30px; } .genScript-overview-2022 .mr-100 { margin-right: 100px; } .genScript-overview-2022 .whitespace-nowrap { white-space: nowrap; } .genScript-overview-2022 .break-all { word-break: break-all; } .genScript-overview-2022 .break-words { overflow-wrap: break-word; } .genScript-overview-2022 .break-normal { overflow-wrap: normal; word-break: normal; } .genScript-overview-2022 .text-decoration-underline { text-decoration: underline; } .genScript-overview-2022 .toggle-card, .genScript-overview-2022 .up-card { top: 0; left: 0; width: 100%; height: 100%; padding: 0 30px; text-align: center; display: flex; align-items: center; justify-content: center; } .genScript-overview-2022 .toggle-card { opacity: 0; background: #0590b1; transition: opacity 1s; } .genScript-overview-2022 .card-item:hover .toggle-card { opacity: 1; } .genScript-overview-2022 .card-item:hover .card-title { display: none; } .genScript-overview-2022 .pNote { position: relative; padding-left: 1.875rem; font-size: 0.875rem; color: #666; } .genScript-overview-2022 .pNote::before { font-family: "iconfont" !important; content: "\e618"; font-size: 24px; position: absolute; transform: translate(5px, -25%); left: 0; } .genScript-overview-2022 .square { display: inline-block; width: 0.3125rem; height: 0.3125rem; background: #333; margin-right: 0.5rem; margin-top: 0.8rem; } .genScript-overview-2022 .mr-100 { margin-right: 100px; } .genScript-overview-2022 .btn-m-width { min-width: 180px; } .genScript-overview-2022 .background-0 { background: transparent; } .genScript-overview-2022 .table-btn { color: #1d73dd; border: 1px solid #1d73dd; background: transparent; font-size: 0.875rem; text-align: center; border-radius: 0; cursor: pointer; white-space: nowrap; padding: 4px 10px; text-transform: capitalize; } .genScript-overview-2022 .table-btn:hover { background: #e5f5fd; } .genScript-overview-2022 .hoverTable tbody tr:hover { background-color: #fafafa; } .genScript-overview-2022 .SquareList li { list-style: square; font-size: 0.875rem; color: #333; line-height: 1.5; margin-bottom: 10px; } .genScript-overview-2022 .SquareList li:last-child { margin-bottom: 0; } .genScript-overview-2022 .pFrom { color: #999; font-size: 12px; } .genScript-overview-2022 .pImgTitle { color: #666; font-size: 12px; } .genScript-overview-2022 .pReference { display: flex; align-items: flex-start; justify-content: flex-start; color: #666; font-size: 14px; } .genScript-overview-2022 .pReference a { color: #666; text-decoration: underline; } .genScript-overview-2022 .pReference::before { content: "\e66f"; font-size: 26px; margin-right: 10px; position: relative; top: -7px; } .genScript-overview-2022 .pTitle { font-size: 1rem; color: #333; line-height: 1.5; font-weight: bold; } .genScript-overview-2022 .rotate-90 { transform: rotate(90deg) !important; } .genScript-overview-2022 .rotate-down-90 { transform: rotate(-90deg) !important; } .genScript-overview-2022 .bg-grey { background: #f3f3f3; } .genScript-overview-2022 .truncate1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .genScript-overview-2022 .truncate2 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .genScript-overview-2022 .truncate3 { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .genScript-overview-2022 .button-white { border: 1px solid #fff; color: #fff; } .genScript-overview-2022 .button-white:hover { background: #fff; color: #1d73dd; text-decoration: none; } /* init end */ /* imgBanner start */ .genScript-overview-2022 .banner-text { height: 400px; } .genScript-overview-2022 .imgBanner-text { left: 50%; transform: translate(-50%, 0); } .genScript-overview-2022 .banner-title { font-size: 40px; line-height: 1.5; font-weight: normal; color: #fff; } .genScript-overview-2022 .banner-sub-title { margin-top: 30px; font-size: 22px; line-height: 1.5; color: #fff; } .sub-page .imgBanner { height: 34.375rem; overflow: hidden; } .third-page .imgBanner { height: 25rem; overflow: hidden; } .sub-page .imgBanner-text { height: 400px; } .third-page .imgBanner-text { height: 280px; } .no-banner { padding-top: 120px; } .no-banner-header { background: rgba(0, 0, 0, 0.8) !important; } .no-banner-has-nav { padding-top: 120px; } .genScript-overview-2022 .pText { font-size: 0.875rem; color: #333; line-height: 1.8rem; } /* imgBanner end */ /* LinkNav start */ .genScript-overview-2022 .LinkNav-box { width: 100%; background: #fff; border-bottom: 1px solid #d3d3d3; z-index: 100; transition: all 0.5s; } .genScript-overview-2022 .LinkNav .LinkNav-row { display: flex; align-items: center; justify-content: space-between; height: 60px; } .genScript-overview-2022 .LinkNav .nav-link { margin-right: 40px; font-size: 18px; color: #333; height: 60px; line-height: 60px; padding: 0; } .genScript-overview-2022 .mb-navs .nav-link { margin-right: 20px; font-size: 16px; color: #333; padding: 10px 0; height: auto; line-height: 1.5; } .genScript-overview-2022 .LinkNav .LinkNav-button-link { padding: 0 30px; display: inline-block; height: 36px; line-height: 36px; color: #fff; font-size: 18px; } .genScript-overview-2022 .target-fix { position: relative; top: -140px; display: block; height: 0; overflow: hidden; } /* LinkNav end */ /* application-text start */ .genScript-overview-2022 .application-box .application-text { padding: 9.5px 15px; line-height: 1.5; font-size: 14px; list-style: none; border-left: 4px solid #1d73dd; margin: 30px 0 0 0; box-shadow: 0 0 15px #d3d3d3; } .genScript-overview-2022 .application-box .application-row { margin-bottom: 0; } .genScript-overview-2022 .application-box .col-sm-12.application-row:first-child .application-text { margin-top: 0; } .genScript-overview-2022 .application-box .col-sm-6.application-row:first-child .application-text, .genScript-overview-2022 .application-box .col-sm-6.application-row:nth-child(2) .application-text { margin-top: 0; } .genScript-overview-2022 .application-text.text-decoration-underline:hover, .genScript-overview-2022 .application-text-link:hover { background-color: #f3f8fc; box-shadow: 0 0 15px #8eb9ee; } /* application-text end */ /* imgLinkCards start */ .genScript-overview-2022 .img-link-card .card-text { 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; height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .genScript-overview-2022 .img-link-card .card-text.card-hover:hover { background: rgba(29, 115, 221, .6); } .MB-card-hover .img-link-card .card-text.card-hover:hover { background: rgba(45, 168, 102, 0.5); } /* imgLinkCards end */ /* textLinkCards start */ .genScript-overview-2022 .text-link-card .card-text { color: #fff; text-align: center; line-height: 1.5; font-size: 22px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .genScript-overview-2022 .text-link-card-bg1 .card-text { background: #4790d5; } .genScript-overview-2022 .text-link-card-bg1:hover .card-text { background: #155692; } .genScript-overview-2022 .text-link-card-bg2 .card-text { background: #386ed4; } .genScript-overview-2022 .text-link-card-bg2:hover .card-text { background: #0b45af; } .genScript-overview-2022 .text-link-card-bg3 .card-text { background: #5c7eda; } .genScript-overview-2022 .text-link-card-bg3:hover .card-text { background: #2652c9; } .genScript-overview-2022 .text-link-card-bg4 .card-text { background: #589ec0; } .genScript-overview-2022 .text-link-card-bg4:hover .card-text { background: #1998d8; } .genScript-overview-2022 .text-link-card-bg5 .card-text { background: #4d9fed; } .genScript-overview-2022 .text-link-card-bg5:hover .card-text { background: #307bc2; } .genScript-overview-2022 .text-link-card-bg6 .card-text { background: #2891db; } .genScript-overview-2022 .text-link-card-bg6:hover .card-text { background: #075085; } /* textLinkCards end */ /* imgDescLinkCards & textDescLinkCards start */ .genScript-overview-2022 .imgDescLinkCards .card-item { height: 100%; color: #fff; } .genScript-overview-2022 .imgDescLinkCards .card-title, .genScript-overview-2022 .textDescLinkCards .card-title { line-height: 1.5; font-size: 22px; margin-bottom: 0; } .genScript-overview-2022 .imgDescLinkCards .card-link, .genScript-overview-2022 .textDescLinkCards .card-link { height: 2.375rem; line-height: 2.375rem; padding: 0 2.5rem; border: 1px solid #fff; font-size: 1rem; } .genScript-overview-2022 .text-link-card .card-text { color: #fff; text-align: center; line-height: 1.5; font-size: 22px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .genScript-overview-2022 .text-link-card-bg1 .card-text, .genScript-overview-2022 .text-desc-link-card-bg1 .up-card { background: #4790d5; } .genScript-overview-2022 .text-link-card-bg1:hover .card-text, .genScript-overview-2022 .text-desc-link-card-bg1 .toggle-card { background: #155692; } .genScript-overview-2022 .text-link-card-bg2 .card-text, .genScript-overview-2022 .text-desc-link-card-bg2 .up-card { background: #386ed4; } .genScript-overview-2022 .text-link-card-bg2:hover .card-hover, .genScript-overview-2022 .text-desc-link-card-bg2 .toggle-card { background: #0b45af; } .genScript-overview-2022 .text-link-card-bg3 .card-text, .genScript-overview-2022 .text-desc-link-card-bg3 .up-card { background: #5c7eda; } .genScript-overview-2022 .text-link-card-bg3:hover .card-hover, .genScript-overview-2022 .text-desc-link-card-bg3 .toggle-card { background: #2652c9; } .genScript-overview-2022 .text-link-card-bg4 .card-text, .genScript-overview-2022 .text-desc-link-card-bg4 .up-card { background: #589ec0; } .genScript-overview-2022 .text-link-card-bg4:hover .card-hover, .genScript-overview-2022 .text-desc-link-card-bg4 .toggle-card { background: #1998d8; } .genScript-overview-2022 .text-link-card-bg5 .card-text, .genScript-overview-2022 .text-desc-link-card-bg5 .up-card { background: #4d9fed; } .genScript-overview-2022 .text-link-card-bg5:hover .card-hover, .genScript-overview-2022 .text-desc-link-card-bg5 .toggle-card { background: #307bc2; } .genScript-overview-2022 .text-desc-link-card-bg1 .card-link:hover { background: #fff; border-color: #fff; color: #155692; } .genScript-overview-2022 .text-desc-link-card-bg2 .card-link:hover { background: #fff; border-color: #fff; color: #0b45af; } .genScript-overview-2022 .text-desc-link-card-bg3 .card-link:hover { background: #fff; border-color: #fff; color: #2652c9; } .genScript-overview-2022 .text-desc-link-card-bg4 .card-link:hover { background: #fff; border-color: #fff; color: #1998d8; } .genScript-overview-2022 .text-desc-link-card-bg5 .card-link:hover { background: #fff; border-color: #fff; color: #307bc2; } /* imgDescLinkCards & textDescLinkCards end */ /* numAdvantages start */ .genScript-overview-2022 .numAdvantages .numAdvantages-box { display: flex; margin-bottom: 2rem; } .genScript-overview-2022 .numAdvantages .numAdvantages-text { width: 100%; padding: 0 0 0 20px; } .genScript-overview-2022 .numAdvantages .title { font-weight: bold; line-height: 1.5; } /* numAdvantages end */ /* imgAdvantages start */ .genScript-overview-2022 .imgAdvantages .imgAdvantages-text { flex-direction: column; color: #fff; text-align: center; } .genScript-overview-2022 .imgAdvantages .title { font-size: 1.75rem; line-height: 1.5; margin-bottom: 0; color: #fff; } .genScript-overview-2022 .imgAdvantages .sub-title { font-size: 1.125rem; line-height: 1.5; margin-bottom: 0.375rem; color: #fff; } .genScript-overview-2022 .imgAdvantages .desc { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0; color: #fff; } .genScript-overview-2022 .h-150 { height: 150px; } .genScript-overview-2022 .imgAdvantages .imgAdvantages-text-bg1 { background: #5bbf7f; } .genScript-overview-2022 .imgAdvantages .imgAdvantages-text-bg2 { background: #34a0a3; } .genScript-overview-2022 .imgAdvantages .imgAdvantages-text-bg3 { background: #259bbf; } .genScript-overview-2022 .imgAdvantages .imgAdvantages-text-bg4 { background: #1677be; } /* imgAdvantages end */ /* iconAdvantages start */ .genScript-overview-2022 .iconAdvantages-text { font-size: 1.375rem; } .genScript-overview-2022 .iconAdvantages-icon { font-size: 1.875rem; margin-right: 0.625rem; } /* iconAdvantages end */ /* quotationOrdering start */ .genScript-overview-2022 .step-box { padding: 15px; border: 1px solid #1d73dd; height: 100%; font-size: 14px; text-align: center; line-height: 1.5em; } .genScript-overview-2022 .step-box:before { content: ""; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width: 10px; font-size: 16px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); } .genScript-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%); } .genScript-overview-2022 .step-box-row>div:last-child .step-box:before, .genScript-overview-2022 .step-box-row>div:last-child .step-box:after { display: none; } /* quotationOrdering end */ /* flyers start */ .genScript-overview-2022 .flyers .flyer-img { width: 10.375rem; height: 14.375rem; padding-right: 0; border: 1px solid #d3d3d3; } .genScript-overview-2022 .flyers .flyer-text { padding: 30px; background: #f3f3f3; flex: 1; } .genScript-overview-2022 .flyers .title { margin-bottom: 0.9375rem; line-height: 1.5; font-size: 1rem; } .genScript-overview-2022 .flyers .desc { font-size: 0.875rem; line-height: 1.5; margin-bottom: 2.5rem; } .genScript-overview-2022 .flyers .link { display: inline-block; padding: 0 1.25rem; line-height: 2.25rem; height: 2.25rem; white-space: nowrap; } /* flyers end */ /* tab tabListByServe start */ .tabListByServe { position: relative; } .tabListByServe .tab-title { border: 1px solid #d3d3d3; border-bottom: 1px solid transparent; padding: 0 1.25rem; height: 3.75rem; font-size: 1rem; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .tabListByServe .tabListByServe-title { z-index: 99; display: flex; margin-bottom: 0; max-width: 100%; overflow: auto; } .tabListByServe li.tab-title-item { margin-left: 3.75rem; } .tabListByServe li.tab-title-item:first-child { margin-left: 6.25rem; } .tabListByServe .tabListByServe-content { display: flex; width: 100%; border-top: 0.0625rem solid #1d73dd; margin-top: -1px; } .tabListByServe .tabListByServe-content { z-index: 9; } .tabListByServe .tab-active { border: 1px solid #1d73dd; border-bottom: none; background-color: #fff; color: #1d73dd; } .tabListByServe .tab-title:hover { color: #1d73dd; } /* tab tabListByServe end */ /* colorTh colorTd start */ .genScript-overview-2022 .colorTable-th, .genScript-overview-2022 .colorTable-td { color: #ffffff; padding: 1.25rem 0; border: none; } .genScript-overview-2022 .colorTable-th { border-radius: 1.25rem 1.25rem 0 0; } .genScript-overview-2022 .colorTable-td { border-radius: 1.25rem 0 0 1.25rem; } .genScript-overview-2022 .colorTable-thbg1, .genScript-overview-2022 .colorTable-tdbg1 { background: #76c693; } .genScript-overview-2022 .colorTable-thbg2, .genScript-overview-2022 .colorTable-tdbg2 { background: #34a0a3; } .genScript-overview-2022 .colorTable-thbg3, .genScript-overview-2022 .colorTable-tdbg3 { background: #1f6191; } .genScript-overview-2022 .colorTable-thbg4, .genScript-overview-2022 .colorTable-tdbg4 { background: #684d92; } /* colorTh colorTd end */ /* OvertopTable start */ .genScript-overview-2022 .OvertopTable .margin-td-left, .genScript-overview-2022 .OvertopTable .margin-td-middle, .genScript-overview-2022 .OvertopTable .margin-td-right { background: #f3f3f3; } .genScript-overview-2022 .OvertopTable .margin-td-left { width: 20px; } .genScript-overview-2022 .OvertopTable .margin-td-middle { width: 10px; } .genScript-overview-2022 .OvertopTable .margin-td-right { width: 30px; } .genScript-overview-2022 .OvertopTable .td-b-solid { border-bottom: 1px solid #d3d3d3; } .genScript-overview-2022 .OvertopTable td { font-size: 14px; line-height: 1.5; } .genScript-overview-2022 .OvertopTable .td-left { background: #f3f3f3; color: #333; text-align: left; } .genScript-overview-2022 .OvertopTable td:nth-child(2) { padding-left: 0; } .genScript-overview-2022 .OvertopTable td:nth-child(2), .genScript-overview-2022 .OvertopTable td:nth-child(3), .genScript-overview-2022 .OvertopTable td:nth-child(5), .genScript-overview-2022 .OvertopTable td:nth-child(7), .genScript-overview-2022 .OvertopTable td:nth-child(9) { width: 25%; vertical-align: middle; font-size: 0.875rem; } .genScript-overview-2022 .OvertopTable td:nth-child(3), .genScript-overview-2022 .OvertopTable td:nth-child(5), .genScript-overview-2022 .OvertopTable td:nth-child(7), .genScript-overview-2022 .OvertopTable td:nth-child(9) { color: #fff; border-bottom: 1px solid #fff; text-align: center; } .genScript-overview-2022 .OvertopTable td:nth-child(3) { background: #76c693; } .genScript-overview-2022 .OvertopTable td:nth-child(5) { background: #34a0a3; } .genScript-overview-2022 .OvertopTable td:nth-child(7) { background: #1f6191; } .genScript-overview-2022 .OvertopTable td:nth-child(9) { background: #27bcb8; } .genScript-overview-2022 .OvertopTable tr:first-child .margin-td-left, .genScript-overview-2022 .OvertopTable tr:first-child .margin-td-middle, .genScript-overview-2022 .OvertopTable tr:first-child .margin-td-right, .genScript-overview-2022 .OvertopTable tr:last-child .margin-td-left, .genScript-overview-2022 .OvertopTable tr:last-child .margin-td-middle, .genScript-overview-2022 .OvertopTable tr:last-child .margin-td-right { background: #fff; } .genScript-overview-2022 .OvertopTable .td-button { margin: 20px; padding: 0 20px; cursor: pointer; } .genScript-overview-2022 .OvertopTable .overtop-td { padding: 20px; border-radius: 10px 10px 0 0; font-weight: bold; } .genScript-overview-2022 .OvertopTable .td-arrow { position: relative; border-radius: 0 0 10px 10px; } .genScript-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; } .genScript-overview-2022 .OvertopTable td:nth-child(3).arrow-active::after { border-top: 20px solid #76c693; } .genScript-overview-2022 .OvertopTable td:nth-child(5).arrow-active::after { border-top: 20px solid #34a0a3; } .genScript-overview-2022 .OvertopTable td:nth-child(7).arrow-active::after { border-top: 20px solid #1f6191; } .genScript-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; } .genScript-overview-2022 .OvertopTable td:nth-child(3).arrow-active a.td-button, .genScript-overview-2022 .OvertopTable .td-button1:hover { background: #fff !important; color: #76c693 !important; } .genScript-overview-2022 .OvertopTable td:nth-child(5).arrow-active a.td-button, .genScript-overview-2022 .OvertopTable .td-button2:hover { background: #fff; color: #34a0a3; } .genScript-overview-2022 .OvertopTable td:nth-child(7).arrow-active a.td-button, .genScript-overview-2022 .OvertopTable .td-button3:hover { background: #fff; color: #1f6191; } /* OvertopTable end */ /* button main start */ .genScript-overview-2022 .button-sub, .genScript-overview-2022 .button-main { line-height: 1; white-space: nowrap; text-decoration: none; text-transform: capitalize; text-align: center; cursor: pointer; } .genScript-overview-2022 .button-lg { min-width: 180px; padding: 15px 40px; font-size: 18px; } .genScript-overview-2022 .button-md { min-width: 180px; padding: 11px 30px; font-size: 16px; text-align: center; } .genScript-overview-2022 .button-sm { min-width: 120px; padding: 9px 20px; font-size: 14px; text-align: center; } .genScript-overview-2022 .button-sub { border: 1px solid #0590b1; color: #0590b1; text-align: center; } .genScript-overview-2022 .button-sub:hover { background: #0590b1; color: #fff; } .genScript-overview-2022 .button-main { color: #fff; background: #0590b1; text-align: center; } .genScript-overview-2022 .button-main:hover { background: #066077; } /* button main end */ /* QuoteSupport start */ .genScript-overview-2022 .QuoteSupport .support-row { justify-content: flex-start; } .genScript-overview-2022 .QuoteSupport .iconfont.support-icon { color: #1d73dd; font-size: 2.2rem; margin-right: 0.25rem; margin-top: -16px; } .genScript-overview-2022 .QuoteSupport .support-title { font-size: 1rem; margin-bottom: 0.625rem; color: #333; } .genScript-overview-2022 .QuoteSupport .support-desc { font-size: 0.875rem; color: #333; } /* QuoteSupport end */ /* collapseNormalInfo start */ .genScript-overview-2022 .collapseNormalInfo .collapse-title { color: #333; font-weight: normal; height: auto; padding: .4375rem 1.25rem; } .genScript-overview-2022 .collapseNormalInfo .collapse-content { padding: 0 } .genScript-overview-2022 .collapseNormalInfo .collapse-content-body { padding: 2.5rem 1.875rem; } .genScript-overview-2022 .collapseNormalInfo .collapseNormalInfo-item { margin-bottom: 1.875rem; } .genScript-overview-2022 .collapse-arrow { font-size: 1.25rem; transform: rotate(-90deg); } .genScript-overview-2022 .collapse-arrow-up { font-size: 1.25rem; transform: rotate(-90deg); } .genScript-overview-2022 .collapse-arrow-down { font-size: 1.25rem; transform: rotate(90deg); } /* collapseNormalInfo end */ /* productTable start */ .genScript-overview-2022 .table-input-up { width: 24px; height: 15px; right: 0; top: 0; color: #666; cursor: pointer; overflow: hidden; border: 1px solid #d3d3d3; border-right: none; border-bottom: none; } .genScript-overview-2022 .table-input-down { right: 0; bottom: 0; color: #666; cursor: pointer; width: 24px; height: 15px; overflow: hidden; border: 1px solid #d3d3d3; border-right: none; border-bottom: none; } .genScript-overview-2022 .table-input-down .iconfont, .genScript-overview-2022 .table-input-up .iconfont { font-size: 20px; position: absolute; top: -9px; left: 1px; } .genScript-overview-2022 .table-input-up:hover, .genScript-overview-2022 .table-input-down:hover { height: 14px; background-color: #1d73dd; color: #fff; border-color: #1d73dd; } .genScript-overview-2022 .inputNumber-input { display: block; width: 100%; padding-left: 10px; font-size: 16px; border: 1px solid #d3d3d3; } .genScript-overview-2022 .table-select { border: 1px solid #d3d3d3; padding: 2px 10px; font-size: 14px; } /* productTable end */ /* productSelect start */ .genScript-overview-2022 .productSelect .productSelect-item { margin-bottom: 10px; } .genScript-overview-2022 .productSelect .productSelect-option { display: inline-block; position: relative; width: 100%; line-height: 1.5; border-radius: 40px; border: 1px solid #d3d3d3; padding: 4px 10px; text-align: center; cursor: pointer; color: #333; text-decoration: none; font-size: 12px; font-weight: bold; } .genScript-overview-2022 .productSelect.radioProductSelect .productSelect-option { border-radius: 0; } .genScript-overview-2022 .productSelect .productSelect-option:hover, .genScript-overview-2022 .productSelect .productSelect-option.active { color: #007d9f; background-color: rgba(0, 125, 159, 0.1); border: 1px solid #007d9f; } .genScript-overview-2022 .productSelect .productSelect-option.active.all { color: #fff; background-color: #007d9f; border: 1px solid #007d9f; } .genScript-overview-2022 .productSelect-item-collapse { height: 40px; position: relative; border-top: 1px solid #007d9f; margin-bottom: 20px; } .genScript-overview-2022 .productSelect-collapse-btn { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translate(-50%, 0); top: -1px; border: 1px solid #007d9f; border-top: 1px solid #fff; color: #007d9f; min-width: 180px; padding: 11px 30px; font-size: 16px; line-height: 1; white-space: nowrap; text-decoration: none; text-transform: capitalize; text-align: center; font-weight: bold; } .genScript-overview-2022 .rotate-down-90 { transform: rotate(-90deg) !important; } .productSelect-content { padding-top: 60px; margin-top: -60px; } /* productSelect end */ /* systemBox start */ .genScript-overview-2022 .system-box { color: #333; } .genScript-overview-2022 .system-box .system-icon { font-size: 8.125rem; } .genScript-overview-2022 .system-box .system-title { margin: .9375rem 0; font-size: 1.125rem; } .genScript-overview-2022 .system-box .system-des { font-size: .875rem; line-height: 1.5; } /* systemBox end */ /* overviewForm start */ .genScript-overview-2022 .genScriptForm { background: #fff; padding: 1.875rem; } .genScript-overview-2022 .genScriptForm .required-label::before { content: "*"; color: #e54d42; font-size: 100%; } .genScript-overview-2022 .genScriptForm .required-label::before { content: "*"; color: #e54d42; font-size: 100%; } .genScript-overview-2022 .genScriptForm .form-control, .genScript-overview-2022 .genScriptForm .custom-select { border-radius: 0; border: 1px solid #d3d3d3; color: #666; font-size: 1rem; } .genScript-overview-2022 .genScriptForm .form-control.is-valid:focus, .genScript-overview-2022 .genScriptForm.was-validated .form-control:valid:focus, .genScript-overview-2022 .genScriptForm .form-control:focus { box-shadow: none; border: 1px solid #1d73dd; } .genScript-overview-2022 .genScriptForm .form-control.is-invalid:focus, .genScript-overview-2022 .genScriptForm.was-validated .form-control:invalid:focus { box-shadow: none; } .genScript-overview-2022 .genScriptForm .form-control.is-valid, .genScript-overview-2022 .genScriptForm.was-validated .form-control:valid, .genScript-overview-2022 .genScriptForm .custom-select.is-valid, .genScript-overview-2022 .genScriptForm.was-validated .custom-select:valid { border-color: #d3d3d3; background: none; } .genScript-overview-2022 .genScriptForm .form-row { margin-bottom: 1.875rem; } .genScript-overview-2022 .genScriptForm .form-row label { color: #333333; display: block; float: none; width: 100%; font-size: 1rem; } .genScript-overview-2022 .genScriptForm .invalid-feedback { font-size: 0.875rem; transition: all 0.5s; } .genScript-overview-2022 .genScriptForm .custom-select.is-valid:focus, .genScript-overview-2022 .genScriptForm.was-validated .custom-select:valid:focus, .genScript-overview-2022 .genScriptForm .custom-select.is-invalid:focus, .genScript-overview-2022 .genScriptForm.was-validated .custom-select:invalid:focus { box-shadow: none; border: 1px solid #1d73dd; } .genScript-overview-2022 .genScriptForm .form-row { padding: 0 5px; } .genScript-overview-2022 .genScriptForm .form-row>.col, .genScript-overview-2022 .genScriptForm .form-row>[class*="col-"] { padding-left: 0; padding-right: 15px; } .genScript-overview-2022 .genScriptForm .form-row>.col:last-child, .genScript-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child { padding-right: 0; padding-left: 15px; } .genScript-overview-2022 .genScriptForm .genScriptForm-submit { padding: 0 3.75rem; } .genScript-overview-2022 .genScriptForm .genScriptForm-submit:focus { outline: none; } /* overviewForm end */ /* textCards start */ .genScript-overview-2022 .textCard:nth-child(1) .title { background: #4790d5; } .genScript-overview-2022 .textCard:nth-child(2) .title { background: #386ed4; } .genScript-overview-2022 .textCard:nth-child(3) .title { background: #5c7eda; } .genScript-overview-2022 .textCard:nth-child(4) .title { background: #589ec0; } .genScript-overview-2022 .textCard:nth-child(5) .title { background: #4d9fed; } .genScript-overview-2022 .textCard-body div:first-child { display: flex; flex-direction: column; align-items: center; justify-content: space-between; } /* textCards end */ /* webinarDetails start */ .genScript-overview-2022 .speaker-img { width: 100px; height: 100px; border-radius: 100%; border: 1px solid #d3d3d3; } /* webinarDetails end */ /* textImgCards start */ .genScript-overview-2022 .textImgCard-title { display: flex; align-items: center; justify-content: center; height: 120px; margin-bottom: 0; padding: 10px; font-size: 20px; line-height: 1.5; background: #1d73dd; color: #fff; text-align: center; } .genScript-overview-2022 .textImgCard-title:hover { text-decoration: underline; } .genScript-overview-2022 .textImgCard-img-box { height: 180px; width: 100%; overflow: hidden; } .genScript-overview-2022 .textImgCard-img { height: 100%; margin-left: 50%; transform: translate(-50%, 0); } /* textImgCards end */ /* ResourcesRow right start*/ .genScript-overview-2022 .ResourcesRow .link-row { width: 100%; height: 3.125rem; line-height: 3.125rem; padding: 0 1.25rem 0 1.875rem; background: #f3f3f3; color: #333; font-size: 1rem; margin-bottom: 0.625rem; } .genScript-overview-2022 .ResourcesRow .link-row:hover { background: #007d9f; color: #fff; } .genScript-overview-2022 .ResourcesRow a.link-row:last-child { margin-bottom: 0; } .genScript-overview-2022 .ResourcesRow .link-text { flex: 1; margin-left: 0.625rem; } .genScript-overview-2022 .ResourcesRow .iconfont { font-size: 20px; } .genScript-overview-2022 .ResourcesRow .iconfont.link-left { font-size: 30px; } /* ResourcesRow right end */ /* webinarCarousel start */ .genScript-overview-2022 .webinarCarousel-row { background: #f3f3f3; } .genScript-overview-2022 .webinarCarousel-col { height: 180px; padding-left: 0; } .genScript-overview-2022 .webinarCarousel-img-box { height: 100%; overflow: hidden; margin-right: 10px; } .genScript-overview-2022 .webinarCarousel-img { height: 100%; } .genScript-overview-2022 .webinarCarousel-text { display: flex; flex-direction: column; justify-content: center; padding: 0 30px 0 5px; height: 180px; } .genScript-overview-2022 .webinarCarousel-title { font-weight: bold; font-size: 18px; color: #333; line-height: 1.5; } .genScript-overview-2022 .webinarCarousel-desc, .genScript-overview-2022 .more-webinars-link { font-size: 14px; color: #666; line-height: 1.5; } .genScript-overview-2022 .webinarCarousel .carousel-control-prev { transform: translate(-100%, 0); } .genScript-overview-2022 .webinarCarousel .carousel-control-next { transform: translate(100%, 0); } .genScript-overview-2022 .webinarCarousel .carousel-control-prev, .genScript-overview-2022 .webinarCarousel .carousel-control-next { width: 8%; background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 20%, #d3d3d3 50%, rgb(255 255 255 / 0%) 90%); -webkit-background-clip: text; color: transparent; font-size: 130px; } .genScript-overview-2022 .carousel-indicators { bottom: -30px; margin-bottom: 0; } .genScript-overview-2022 .carousel-indicators li { width: 10px; height: 10px; border: 1px solid #cccccc; background: none; border-radius: 100%; margin: 5px; } .genScript-overview-2022 .carousel-indicators .active { width: 10px; height: 10px; border: 1px solid #1d73dd; background: #1d73dd; border-radius: 100%; } .genScript-overview-2022 .webinarCarousel .carousel-item .row { margin-left: 0; } /* webinarCarousel end */ /* iframe start */ .genScript-overview-2022 .iframe-size, .genScript-overview-2022 .inner-iframe { width: 800px; height: 370px; } /* iframe end */ .genScript-overview-2022 .webinar-learn-img { width: 260px; height: 260px; } /* 鍐呴〉鍔犲叆璐墿杞 start */ #addCartNum { position: absolute; background: #007D9F; width: 28px; height: 28px; border-radius: 28px; color: #fff; display: inline-block; line-height: 28px; text-align: center; z-index: 9000; font-size: 14px; } .genScript-overview-2022 .anchor-shopping-cart { position: absolute; right: -3px; top: 6px; width: 36px; font-size: 36px; color: #007D9F; cursor: pointer; display: none; } .genScript-overview-2022 .cart-number { position: absolute; top: 10px; right: 0; transform: translate(50%, -50%); width: 22px; height: 22px; line-height: 22px; background: #f00; border-radius: 100%; font-size: 12px; color: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif; } /* 鍐呴〉鍔犲叆璐墿杞 end */ /* product search start */ .product-search { background: #f3f3f3; padding: 30px; margin-top: 30px; position: relative; } .product-search .title { background: #1d73dd; color: #ffffff; display: inline-block; font-size: 1.875rem; padding: 10px 50px; position: absolute; top: -30px; } .product-search form .form-control { border-radius: 0; } .product-search .search-list-a-z { position: relative; } .product-search .search-list-a-z a { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #333333; background: #ffffff; border: 1px solid #d3d3d3; text-decoration: none; margin-right: 5px; margin-bottom: 20px; font-size: 14px; } .product-search .search-list-a-z a:hover { color: #ffffff; background: #1d73dd; border: 1px solid #1d73dd; text-decoration: none; } /* product search end*/ /* testimonials start */ .genScript-overview-2022 .testimonials-text { background: #f3f3f3; } .genScript-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; } .genScript-overview-2022 .testimonials-text .pText { font-size: 1.125rem; padding: 30px 0; margin-bottom: 0; } .genScript-overview-2022 .testimonials-img-box { color: #333; margin: 0 2rem 0 0; border-right: 1px dashed #d3d3d3; height: 100%; justify-content: center !important; } .genScript-overview-2022 .testimonials-img-box .testimonials-img { width: 6.25rem; height: 6.25rem; border-radius: 999px; border: 1px solid #d3d3d3; } .genScript-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; } .genScript-overview-2022 .testimonials-img-box .testimonials-img-desc { font-size: 0.875rem; line-height: 1.5; text-align: center; } /* testimonials end */ /*resource left menu start*/ .advertising-box .leftmenu, .advertising-box .overview-sidebar-one { width: 100%; background-color: #ffffff; border: 1px solid #e9e9e9; padding: 30px 15px 30px 20px; } .advertising-box .overview-sidebar-one { margin-top: 30px; } .advertising-box .leftmenu_title, .advertising-box .overview-sidebar-one h2 { font-size: 1.125rem; margin-bottom: 10px; } .advertising-box .leftmenu ul, .advertising-box .overview-sidebar-one ul { list-style: none; padding-left: 0; } .advertising-box .leftmenu ul li, .advertising-box .overview-sidebar-one ul li { font-size: 14px; line-height: 1.25em; padding: 8px 0 8px 0px; } .advertising-box .leftmenu ul li ul, .advertising-box .overview-sidebar-one ul li ul { padding-left: 10px; } .advertising-box .leftmenu a, .advertising-box .overview-sidebar-one a { color: #333333; } .advertising-box .leftmenu a:hover, .advertising-box .overview-sidebar-one a:hover { color: #1d73dd; text-decoration: underline; } .advertising-box .left_cotable_img img { width: 100%; margin-top: 30px; } .advertising-box .drop1 a { color: #0066cc; font-weight: normal; } /*resource left menu end*/ /* share button start */ /* share button start */ .genScript-overview-2022 .link-share { display: flex; align-items: center; justify-content: flex-end; } .genScript-overview-2022 .link-share-one { text-decoration: none; margin-right: 8px; } .genScript-overview-2022 .link-share-one:last-child { margin-right: 0; } .genScript-overview-2022 .link-share-one .iconfont { font-size: 40px; color: #666; } .genScript-overview-2022 .iconfont-linkedin:hover { color: #197396; } .genScript-overview-2022 .iconfont-facebook:hover { color: #344e8c; } .genScript-overview-2022 .iconfont-twitter:hover { color: #319fd1; } /* share button end */ /* 楂樺害180px鐨剅elated service瀛椾綋澶у皬涓?4px锛 楂樺害270px鐨勬湇鍔$嚎鍏ュ彛瀛椾綋澶у皬涓?0px锛 鍏朵粬鎯呭喌鍙皟杈硅窛锛屼笉璋冨瓧浣撳ぇ灏 */ /* related service鏂囧瓧澶у皬缁熶竴璋冩暣 start */ .genScript-overview-2022 .imgLinkCards .img-link-card.h-180 .card-text, .genScript-overview-2022 .textLinkCards .text-link-card.h-180 .card-text, .genScript-overview-2022 .imgDescLinkCards .img-desc-link-card.h-180 .card-title, .genScript-overview-2022 .textDescLinkCards .text-desc-link-card.h-180 .card-title { font-size: 24px; } /* related service鏂囧瓧澶у皬缁熶竴璋冩暣 start */ /* 鏈嶅姟绾垮叆鍙f枃瀛楀ぇ灏忕粺涓€璋冩暣 start */ .genScript-overview-2022 .imgLinkCards .img-link-card.h-270 .card-text, .genScript-overview-2022 .textLinkCards .text-link-card.h-270 .card-text, .genScript-overview-2022 .imgDescLinkCards .img-desc-link-card.h-270 .card-title, .genScript-overview-2022 .textDescLinkCards .text-desc-link-card.h-270 .card-title { font-size: 30px; } /* 鏈嶅姟绾垮叆鍙f枃瀛楀ぇ灏忕粺涓€璋冩暣 end */ /* breadcrumbs start*/ .genScript-overview-2022 .container.breadcrumbs { /* max-width: 88.125rem !important; */ line-height: 1.5em; padding: 15px 10px; } .genScript-overview-2022 .container.breadcrumbs p { margin-bottom: 0; font-size: 0.875rem; } .genScript-overview-2022 .container.breadcrumbs p a, .genScript-overview-2022 .container.breadcrumbs p { color: #cccccc; } .genScript-overview-2022 .container.breadcrumbs p a:hover { cursor: pointer; text-decoration: underline; } /* breadcrumbs end*/ /* modal start */ .genScript-overview-2022 .FormModal .modal-body { position: relative; border-radius: 0; padding: 0; } .genScript-overview-2022 .FormModal .modal-content, .genScript-overview-2022 .imgModal .modal-content { border-radius: 0; border: none; } .genScript-overview-2022 .FormModal .FormModal-text { background: #1d73dd; padding: 0 44px !important; color: #fff; /* max-width: 470px; */ } .genScript-overview-2022 .FormModal .FormModal-sub-title { font-size: 1.375rem; color: #fff; } .genScript-overview-2022 .FormModal .FormModal-sub-desc { color: #fff; } .genScript-overview-2022 .FormModal .FormModal-title { display: inline-block; background: #fff; padding: 16px 20px; border-radius: 0 0 10px 10px; font-size: 18px; color: #1d73dd; } .genScript-overview-2022 .modal-close { transform: translate(100%, -4px) rotate(45deg); font-size: 30px; color: #fff; position: absolute; right: 0; top: 0; } /* modal end */ .genScript-overview-2022 .img-link-card .card-hover .text-reset.text-decoration-underline, .genScript-overview-2022 .text-link-card .card-hover .text-reset.text-decoration-underline { text-decoration: none; } .genScript-overview-2022 .img-link-card .card-hover .text-reset.text-decoration-underline:hover, .genScript-overview-2022 .text-link-card .card-hover .text-reset.text-decoration-underline:hover { text-decoration: underline; } /* containerBanner start */ .genScript-overview-2022 .containerBanner { position: relative; } .genScript-overview-2022 .containerBanner-img-box { overflow: hidden; height: 12.5rem; } .genScript-overview-2022 .containerBanner-img { width: 100%; } .genScript-overview-2022 .containerBanner-text { display: flex; align-items: center; justify-content: start; position: absolute; height: 100%; top: 0; right: 15px; left: 15px; } .genScript-overview-2022 .containerBanner-text-box { margin-left: 1.875rem; } .genScript-overview-2022 .containerBanner-title { font-size: 1.875rem; line-height: 1.5; font-weight: normal; } .genScript-overview-2022 .containerBanner-sub-title { font-size: 16px; line-height: 1.5rem; } /* containerBanner end */ /* modal start*/ .genScript-overview-2022 .modal-close { transform: translate(100%, -4px) rotate(45deg); font-size: 30px; color: #fff; position: absolute; right: 0; top: 0; } .genScript-overview-2022 .imgModal .imgModal-img { margin: 1.875rem auto; width: 37.5rem; } /* modal end */ /* Subscribe start */ .genScript-overview-2022 .SubscribeRow .container{ padding-left: 0; padding-right: 0; } .genScript-overview-2022 .SubscribeRow-input-row{ padding-right: 0 !important; } .genScript-overview-2022 .SubscribeRow-button-row{ padding-left: 5px; padding-right: 0; } .genScript-overview-2022 .SubscribeRow-button-row .subscribe.genScriptForm-submit{ width: 100% !important; } /* Subscribe end */ /*card 2023-04-27*/ .genScript-overview-2022 .title-card .title-card-title, .genScript-overview-2022 .text-card .text-card-title { height: 5rem; padding: 10px 20px; background: #0743a1; color: #fff; font-size: 1.25rem; } .genScript-overview-2022 .title-card .title-card-title { line-height: inherit; } .genScript-overview-2022 .text-card .text-card-title { line-height: 1.5; } .genScript-overview-2022 .title-card .title-card-body, .genScript-overview-2022 .text-card .text-card-body { padding: 30px; border-top: none; } .genScript-overview-2022 .title-card .title-card-body { border: 1px solid #d3d3d3; } .genScript-overview-2022 .study-card .card-title-img { width: 100%; } .genScript-overview-2022 .title-card .title-card-body { background: #fff; } /*.genScript-overview-2022 .overview-left { padding-right: 2.8125rem; padding-left:0px; }*/ .genScript-overview-2022 .ColumnCard .card-text { color: #666; line-height: 1.5; text-align: left; font-size: 20px; position: relative; margin-bottom: 10px; padding: 10px 10px 10px 30px } .genScript-overview-2022 .iconfont.tools { position: absolute; left: 0; top: 0; font-size: 30px; } .genScript-overview-2022 .NumberOverview .overview-box { display: flex; flex-direction: column; } .genScript-overview-2022 .NumberOverview .overview-text { font-size: 2.5rem; color: #00A0EA; margin-bottom: 2.5rem; text-align: center; } .genScript-overview-2022 .NumberOverview .overview-description { color: #666; font-size: 1rem; line-height: 1.5; text-align: center; } .genScript-overview-2022 .NumberOverview .divider { height: 140px; transform: translate(-26%, -30%) rotate(30deg); border-right: 1px solid #d3d3d3; } .genScript-overview-2022 .custom-icon1 { position: relative; top: -4px; right: 2px; }