:root {
    --main-color: #12345e;
    --main-color-hover: #0d50a3;
    --main-color-bg: #adcaee;
    --a-color: #0048b9;
    --a-color-light: #3975c0;
    --a-color-hover: #ffab29;
	
	 --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}


.fd-style-1 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
}

.fd-style-2 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
	margin:10px;
}

.fd-style-2 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
	margin:0px;
}

.fd-style-2 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-2 .content {
    padding: 0rem 1rem ;
}

.fd-style-3 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

.fd-style-3 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px;
    width: auto;
    position: relative;
    top: -20px;
    margin: 0 15px;
}

.fd-style-3 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-3 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-1rem);
}

.fd-style-4 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--main-color);
    background: #fff;
    transition: all .3s ease;
}

.fd-style-4 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
    margin:0px;
}

.fd-style-4 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-4 .content {
    padding: 0rem 1.5rem 1rem;
}

.fd-style-5 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
}

.fd-style-5:hover:hover {
    background: linear-gradient(45deg, var(--a-color-light), var(--main-color))!important
}

.fd-style-5:hover:hover h3,
.fd-style-5:hover:hover h4,
.fd-style-5:hover:hover h5,
.fd-style-5:hover:hover p,
.fd-style-5:hover:hover ul li {
    color: #fff
} 

.fd-style-5:hover:hover a {
    /* color: #62a9ff; */
    color:var(--a-color-hover)
}

.fd-style-5:hover:hover a:hover {
    color: var(--a-color-hover)
}
.fd-style-5:hover .sp-li-check li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cpolyline points='9 11 12 14 16 10'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.faq-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 25px;
}

.faq-item {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden
}

.question,
h3.question {
    color: #2c5282;
    margin: 0;
    padding: 20px 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8fafc;
    transition: background-color .3s ease
}

.question:hover {
    background: #edf2f7
}

.question::after {
    content: '+';
    font-size: 24px;
    font-weight: 400
}

.question.active::after {
    content: '-'
}

.answer {
    color: #4a5568;
    margin: 0;
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    background: #fff
}

.answer.active {
    padding: 24px;
    max-height: 1000px
}

.answer p {
    margin: 0 0 16px
}

.answer p:last-child {
    margin-bottom: 0
}

.fd-style-6 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;

    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
    background: #f8fafc;
}

.fd-style-6 .title::before {
    content: "\1F449";
    display: inline-block;
    margin-right: 5px;
}

.fd-style-7 {
    border-radius: 0 8px 8px 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
	margin:30px auto;
}

.fd-style-7 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 1rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px 4px 0 0;
    width: auto;
    position: relative;
    top: -56px;
    width: 50%;
    min-width: 350px;
    padding-left: 95px;
    position: relative;
    margin-top: 30px;
}

.fd-style-7 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-7 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-66px);
    margin-bottom: -56px;
}

.fd-style-7 .title::before {
    display: inline-block;
    color: #aedffc;
    font-size: 60px;
    position: absolute;
    top: -50%;
    left: 15px;
}

.fd-style-7:nth-child(n) .title::before {
    content: attr(data-number);
}

.fd-style-8 {
    border-radius: 0 8px 8px 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.fd-style-8 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 1rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px 4px 0 0;
    width: auto;
    position: relative;
    top: -56px;
    width: 50%;
    min-width: 350px;
    position: relative;
    margin-top: 30px;
}

.fd-style-8 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-8 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-66px);
    margin-bottom: -56px;
}

.fd-style-9>div.img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fd-style-9>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fd-style-9 .img img {
    width: 100%;
    height: auto;
    max-width: 400px;
}

.fd-style-8-add-css > div {
    margin: 23px 0;
}
.fd-style-8-add-css .fd-style-8 .title {
    font-size: 16px !important;
    padding-right: 5px;
}

@media screen and (max-width: 768px) {
    .fd-style-9>div.img {
        display: none;
    }
    .fd-style-9 h3::before {
        content: "鈫 ";
        margin-right: 5px;
    }
}

.fd-style-10 {
    display: flex;
    flex-wrap: nowrap;
    gap: 27px;
    align-items: center;
    justify-content: center;
}

.fd-style-10 .title {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 6px;
    padding: 5px 15px;
    text-align: center;
    position: relative;
    width: 240px;
}

.fd-style-10 .content {
    width: 320px;
    padding: 15px;
    border: var(--main-color) 2px solid;
    border-radius: 8px;
}

.fd-style-10 .title:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='0' y1='12' x2='15' y2='12' stroke='currentColor'/%3e%3cpath d='M9 18l6-6-6-6'/%3e%3c/svg%3e");
    position: absolute;
    right: -25px;
    top: 50%;
    color: var(--main-color);
    font-size: 24px;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .fd-style-10 {
        flex-wrap: wrap;
    }
    .fd-style-10 .title,
    .fd-style-10 .content {
        width: 100%
    }
    .fd-style-10 .title:after {
        position: absolute;
        right: unset;
        top: unset;
        bottom: -30px;
        left: 50%;
        color: var(--main-color);
        font-size: 24px;
        transform: translateX(-50%) rotate(90deg);
    }
    #header .nav-menu-container {
        display: none !important;
    }
    #header .span-navMenu-text {
        display: inline-block !important;
    }
}

.fd-style-11 {
    background: #ffffff;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-left: 4px solid var(--a-color);
    transform: translateX(0);
}

.fd-style-11:hover {
    transform: translateX(8px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.fd-style-11 .icon-container {
    width: 48px;
    height: 48px;
    background: #ebf8ff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.fd-style-11 .icon {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: var(--a-color);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fd-style-11 .card-title-container {
    flex-grow: 1;
}

.fd-style-11 .phase-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--a-color);
    margin-bottom: 4px;
}

.fd-style-11 .card-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    margin: 0;
}

.fd-style-11 .card-content {
    color: #4a5568;
    font-size: 16px;
    line-height: 1.6;
    margin-left: 64px;
}

.fd-style-11 .card-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.cta-section {
    text-align: center;
    margin-top: 48px;
}

.cta-button {
    background-color: var(--a-color);
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cta-button:hover {
    background-color: #1d4ed8;
    transform: translateY(-2px);
}

.fd-style-12 .title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}

.fd-style-12 .header-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 25px;
}

.fd-style-12 .line {
    width: 32px;
    height: 2px;
    background: #2563eb;
}

.fd-style-12 .subtitle {
    color: #4b5563;
    font-size: 1.125rem;
    padding: 0;
}

.fd-style-12 .cd-box {
    padding: 10px 10px 45px 10px;
    margin: -10px;
}


/* .fd-style-12 .services {
    display: flex;
    gap: 24px;
  
} */

.fd-style-12 .service-card {
    border: #eee solid 1px;
    background: white;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.fd-style-12 .service-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.fd-style-12 .card-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.fd-style-12 .icon-container {
    width: 40px;
    height: 40px;
    background: #eff6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.fd-style-12 .icon {
    width: 24px;
    height: 24px;
    color: #2563eb;
}

.fd-style-12 .card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.fd-style-12 .card-content {
    color: #4b5563;
    font-size: 0.875rem;
    line-height: 1.5;
}

.fd-style-12 .card-content p {
    margin-bottom: 8px;
    padding: 0;
    line-height: 1.5;
}

.fd-style-12 .dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.fd-style-12 .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e5e7eb;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.fd-style-12 .dot.active {
    background: #2563eb;
}

.fd-table p,
.fd-table ul,
.fd-table ul li {
    margin-bottom: 0;
    padding-bottom: 0;
}

.fd-style-3a {
    border-radius: 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: 1px solid #eee;
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin: 30px 0;
}

.fd-style-3a .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px;
    width: auto;
    position: relative;
    top: -20px;
    margin: 0 15px;
}

.fd-style-3a .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-3a .content {
    padding: 0rem 1.5rem;
    transform: translateY(-1rem);
}

.fd-style-3a .content>*:nth-child(1) {
    padding-bottom: 0;
    margin-bottom: 0;
}

.vertical-panel-r {
    position: relative;
    height: 100%
}

@charset "utf-8";@font-face{font-family:'Open Sans';src:url('../fonts/Open Sans.woff2') format('woff2');src:url('../fonts/Open Sans.eot?#iefix') format('Open Sans'),url('../fonts/Open Sans.woff') format('woff'),url('../fonts/Open Sans.ttf') format('truetype'),url('../fonts/Open Sans.svg#Poppins-Light_1') format('svg');font-display:swap}
@font-face{font-family:'Open Sans Light';src:url('../fonts/Open Sans Light.woff2') format('woff2');src:url('../fonts/Open Sans Light.eot?#iefix') format('Open Sans Light'),url('../fonts/Open Sans Light.woff') format('woff'),url('../fonts/Open Sans Light.ttf') format('truetype'),url('../fonts/Open Sans Light.svg#CenturyGothicbold') format('svg');font-display:swap}
@font-face{font-display:swap;font-family:CenturyGothic;src:url(../fonts/CenturyGothic.woff2) format('woff2');src:url(../fonts/CenturyGothic.eot?#iefix) format('CenturyGothic'),url(../fonts/CenturyGothic.woff) format('woff'),url(../fonts/CenturyGothic.ttf) format('truetype'),url(../fonts/CenturyGothic.svg#CenturyGothicbold) format('svg');font-display:swap;}
@font-face{font-display:swap;font-family:gilroy-regular;src:url(../fonts/gilroy-regular.woff) format('woff');src:url(../fonts/gilroy-regular.eot?#iefix) format('Antonio Bold'),url(../fonts/gilroy-regular.ttf) format('truetype'),url(../fonts/gilroy-regular.svg#CenturyGothicbold) format('svg');font-display:swap;}
@font-face{font-display:swap;font-family:Gilroy-Light;src:url(../fonts/Gilroy-Light.woff) format('woff');src:url(../fonts/Gilroy-Light.eot?#iefix) format('Antonio Bold'),url(../fonts/Gilroy-Light.ttf) format('truetype'),url(../fonts/Gilroy-Light.svg#CenturyGothicbold) format('svg');font-display:swap;}
@font-face{font-display:swap;font-family:Gilroy-Thin;src:url(../fonts/Gilroy-Thin.woff) format('woff');src:url(../fonts/Gilroy-Thin.eot?#iefix) format('Gilroy Thin'),url(../fonts/Gilroy-Thin.ttf) format('truetype'),url(../fonts/Gilroy-Thin.svg#GilroyThin) format('svg');font-display:swap;}
@font-face{font-display:swap;font-family:gilroy-bold;src:url(../fonts/gilroy-bold.woff) format('woff');src:url(../fonts/gilroy-bold.eot?#iefix) format('Antonio Bold'),url(../fonts/gilroy-bold.ttf) format('truetype'),url(../fonts/gilroy-bold.svg#CenturyGothicbold) format('svg');font-display:swap;}
@font-face {
    font-family: 'poppinsregular';
    src:  url('../fonts/poppins-regular-webfont.woff2') format('woff2');
    src: url('../fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-regular-webfont.eot'),
         url('../fonts/poppins-regular-webfont.woff') format('woff'),
         url('../fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('../fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap;

}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.eot'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
font-display:swap;

}
body,html{margin:0;padding:0;font-family:'Open Sans',sans-serif !important;background-position:top center;background-repeat:no-repeat;font-weight:400;font-size:16px;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;color:#333;line-height:26px;scroll-behavior:smooth}
a{color:#0061cd;text-decoration:none}
a:hover,a:focus{text-decoration:underline}
li,ul{list-style:none;padding:0;margin:0}
p{margin:0 0 10px}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
.mtop10,.mt-10{margin-top:10px !important;}
.mtop15,.mt-15{margin-top:15px !important}
.mtop20,.mt-20{margin-top:20px !important}
.mtop30,.mt-30{margin-top:30px !important}
.mtop40,.mt-40{margin-top:40px !important}
.mtop50,.mt-50{margin-top:50px !important}
.mbottom10,.mb-10{margin-bottom:10px !important}
.mbottom15,.mb-15{margin-bottom:15px !important}
.mbottom20,.mb-20{margin-bottom:20px !important}
.mbottom30,.mb-30{margin-bottom:30px !important}
.mbottom40,.mb-40{margin-bottom:40px !important}
.mbottom50,.mb-50{margin-bottom:50px !important}
.clearfix:before,.clearfix:after{display:table;content:" "}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.content-width{position:relative;margin:auto}
@media(min-width:1280px){.content-width{width:88%}
.small_content-width{position:relative;display:block;margin:auto;width:88%}
}@media(min-width:768px) and (max-width:1279px){.content-width{width:90%}
.small_content-width{position:relative;display:block;margin:auto;width:88%;height:auto}
}@media(max-width:767px){.content-width{width:90%;}
.small_content-width{position:relative;display:block;margin:auto;width:88%}
}@media(max-width:500px){.content-width .product_content_in{padding: 0px;}
.content-width .product_content_in .customize_area a{font-size: 15px}
}@media (min-width:769px){.source-img-box{display:block;height:75px;background-image:url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png);background:-webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);background:image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);background:url("https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png");background-repeat:no-repeat;background-size:contain;background-position:center}
}@media (max-width:768px){.source-img-box{display:block;height:90px;background-image:url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp);background:-webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);background:image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);background-repeat:no-repeat;background-size:contain;background-position:center}
}.topad_pic{position:relative;display:block;background-color:#f3e04e;color:#000;text-align:center;font-size:15px}
.topad_pic img{width:100%;height:100%}
.topad_pic .ad_close{position:absolute;top:0;right:0;z-index:1000;width:50px;height:70px;color:#396ea4!important;text-align:center}
.topad_pic .ad_close:hover{color:#2cb1e1!important}
.topad_pic h3,.topad_pic p{margin:10px auto;width:80%}
.topad_pic .ad_button{display:inline-block;margin:auto;padding:5px 20px;border-radius:5px;background-color:#396ea4;color:#fff}
.topad_pic .ad_button:hover{background-color:#2cb1e1}
@media(max-width:1024px){.topad_pic h3,.topad_pic p{width:95%}
}.global_ad img{width:100%;height:auto;margin-top:20px}
@media(max-width:768px){.global_ad{display:none}
}#header{position:relative;margin:0 auto}
.logo_buton{height:85px}
#header{margin:0 auto;background-color:#fff}
.autoheader{width:100%;margin:0 auto;position:relative;z-index:1000}
.navMenu{height:40px}
.navMenu span{display:inline-block;margin-right:5px;font-size:16px;cursor:pointer;font-weight:bold;width:110px;padding:10px;height:40px;text-align:center}
.navMenu i{margin-right:8px}
.menuShow .menuclosed i,.searchclosed i{/*margin-right:5px;*/color:#1c3c6e}
.menuShow .menuclosed:hover,.searchclosed:hover{background-color:#f3e04e;color:#444 !important}
.navMenu span:hover{background-color:#f3e04e;color:#444 !important;transition:color .3s ease}
#logo{width:240px;height:65px;margin:10px}
.menuShow{display:none;background-color:rgba(255,255,255,1);width:100%;height:650px;color:#000;box-shadow:0 0 8px #ccc;border-top:6px solid #f3e04e}
.menuShow .menuclosed,.searchclosed{position:fixed;left:5%;top:10px;color:#444;padding:4px 14px;z-index:1000;font-size:16px;z-index: 9999;
    background: rgba(243, 224, 78, .8);
    border-radius: 8px;cursor:pointer}
.menuShow .menuclosed,.searchclosed:hover{color:#1c3c6e}
.menuShow .mennav{background-color:rgba(255,255,255,1);height:120px;padding:20px 6% 20px 6%}
.menuShow .mennav > ul{padding:0;margin-top:35px;margin-left:auto;margin-right:auto}
.menuShow .mennav > ul > li{border-bottom:1px solid #666;line-height:50px;}
.menuShow .mennav > ul > li > a{color:#444;display:block;position:relative;font-size:18px;font-weight:bold;text-decoration:none;padding-left:15px;padding-right:15px}
/*.menuShow .mennav > ul > li > span{color:#444;display:inline-block;position:relative;font-size:18px;font-weight:bold;text-decoration:none;padding-left:15px;padding-right:15px;}*/
.menuShow .mennav > ul > li:hover{transition:border .3s ease}
.menuShow .mennav > ul > li:hover > a,.menuShow .mennav > ul > li:hover > span{background-color:#f3e04e;color:#444;transition:color .3s ease}
.menuShow .mennav > ul > li .secondMenu{left:0;width:100%;text-align:left;display:none}
/*.menuShow .mennav > ul > li .secondMenu ul > li.col-md-6{padding-left:0px}*/
.menuShow .mennav > ul > li .secondMenu h2{margin-bottom:8px;padding-bottom:0px}
.menuShow .mennav > ul > li .secondMenu p{line-height:26px;font-size:16px}
.menuShow .mennav > ul > li > .secondMenu .bannerbutton{font-size:16px;color:#444}
.menuShow .mennav > ul > li > .secondMenu .bannerbutton:hover{color:#f3e04e}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{color:#444 !important;display:block;font-weight:bold}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{padding:0px;margin:0px 0px 0px 0px}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li{text-align:left}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li img{margin-bottom:5px;margin-top:10px;display:block;max-width:100%;height:100%;position:relative}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li{line-height:18px !important}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li > a{padding-top:0;padding-bottom:0px;margin-top:0;margin-bottom:0;font-size:14px;position:relative;color:#444}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li > a i{margin-right:5px}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li:hover a{color:#f3e04e;font-weight:bold}
.menuShow .mennav > ul > li .secondMenu .MenuList{margin-top:15px}
.menuShow .mennav > ul > li .secondMenu .MenuList > li{margin-bottom:25px;border-left:1px solid #666666;line-height:20px;padding-top:5px;padding-bottom:5px;display:flex; align-items: center; flex-wrap: wrap;}
.menuShow .mennav > ul > li .secondMenu .MenuList li > a{color:#444;font-size:16px;font-weight:bold}
.menuShow .mennav > ul > li .secondMenu .MenuList li:hover{border-left:1px solid #444}
.menuShow .mennav > ul > li .secondMenu .MenuList li a:hover{color:#f3e04e;transition:color .3s ease;text-decoration:none}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{font-size:14px !important;font-family:'Open Sans Light',sans-serif;margin-top:10px !important}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu > li{padding-right:25px;font-weight:normal}
.menuShow .mennav > ul > li .secondMenu .MenuList li .protypelist > li{display: inline-block;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu > li a{display:block;color:#444;font-size:14px !important}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu > li a:hover{color:#f3e04e;text-decoration:none}
.menuShow .mennav > ul > li .menu-dropdown-icon-n:before{position:absolute; display: inline-block;top:0px;right:0px;padding-left:10px;height:50px;}
.menuShow .mennav > ul > li .secondMenu .MenuList li.servicetype ul{display: none;width:100%;}
.menuShow .mennav > ul > li .secondMenu .MenuList li.servicetype{padding-right:30px;min-height:50px;}
.menuShow .mennav > ul > li .secondMenu .MenuList li.servicetype .menu-dropdown-icon-ser:before{content:"▼";cursor:pointer;color:#444;font-size:10px;font-weight:bold;position:absolute;right:0;top:5px;width:30px;height:30px;z-index:1000; text-align: center;line-height:30px;}
@media (min-width:993px){
    .menuShow .mennav > ul > li .secondMenu .MenuList li .protypelist > li{width:33.3% !important;}
/*    .menuShow .mennav > ul > li .secondMenu .MenuList li .servicetype{height:100px;overflow-y: auto;}*/
}
@media (max-width:992px){
    .menuShow .mennav > ul > li .secondMenu .MenuList li .protypelist > li{width:100% !important;}
}
.second-menu-area-box{display:table;width:100%}
.menu-dropdown-icon-n:before{content:"\f107";font-family:"Font Awesome 5 Free";position:absolute;display:none;cursor:pointer;padding:0 1em 0 0;color:#444;font-size:24px;font-weight:bold;right:0;top:0;padding-left:10px;height:50px;z-index:1000}
.three_menu{margin-top:0 !important}
.three_menu li{border-left:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding-top:5px !important;padding-bottom:5px !important;position:relative !important}
.three_menu li a{display:inline-block !important}
.three_menu li > ul{margin-top:0 !important;padding-top:0 !important}
.three_menu li > ul > li{padding-left:10px;padding-right:10px;font-size:14px}
.three_menu li .three_menu_arrow{position:absolute;width:20px;height:20px;text-align:center;font-size:20px;right:0;top:5px;color:#444;display:inline-block;z-index:1000}
.three_menu li:hover .three_menu_arrow{color:#0061cd}
.three_menu li:hover > a{color:#f3e04e !important}
.three_menu .totalnum{margin-left:5px;color:#ff0000;background-color:none}
.menuShow .mennav > ul > li .secondMenu::-webkit-scrollbar{width:15px;height:15px;background-color:#666;border-radius:15px}
.menuShow .mennav > ul > li .secondMenu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:15px;background-color:#666}
.menuShow .mennav > ul > li .secondMenu::-webkit-scrollbar-thumb{border-radius:15px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);background-color:#FFFFFF}
.search-input{border-radius:5px;line-height:40px;padding-left:10px;width:100%;border:1px solid #000000;height:40px;font-size:14px;background-color:#ffffff;color:#000000}
.search_title{width:100%;margin-top:5px;display:block}
.search_title label{color:#444;padding-right:10px}
.search{width:100%;height:auto;overflow:hidden;margin-top:8px}
.searchShow{display:none;background-color:rgba(255,255,255,0.95);width:100%;height:100%;color:#000;position:fixed;z-index:1000;top:0;left:0;border-top:6px solid #f3e04e}
.searchShow .addsearch{margin:auto}
.top-search .radio-inline,.addsearch .radio-inline{margin-bottom:10px;margin-left:0px;padding-right:5px}
.top-search,.addsearch{position:relative}
.top-search .search_btn,.addsearch .search_btn{background-color:#f3e04e;position:absolute;line-height:40px;display:inline-block;width:50px;color:#444444;border-bottom-right-radius:5px;border-top-right-radius:5px;text-align:center;font-size:20px;cursor:pointer;border:1px solid #f3e04e}
.top-search .search_btn:hover,.addsearch .search_btn:hover{color:#fff;background-color:#1b3b6b;border:1px solid #1b3b6b}
.selectItems{position:absolute;z-index:99999;top:40px;left:0px;background-color:#f2f2f2;width:100%}
.selectItems ul{list-style:none;font-size:14px;padding:3px 0;margin:0px 0px 10px 0px !important}
.selectItems ul li{line-height:22px;padding:4px 12px 0 12px;color:#666;cursor:pointer;text-align:left}
.selectItems ul li:hover{color:#f60}
.selectItems ul li.curr{color:#f60;background-color:#efefef}
@media (min-width:1367px){#header{width:95%;height:auto;margin:0 auto;position:relative}
.navMenu{width:300px;position:absolute;top:20px;z-index:100}
#logo{float:right;border:0px}
.header_right{width:30%}
.fixed{position:fixed;z-index:1000;left:0;border-bottom:1px solid #ccc}
.fixed #logo{width:120px}
.fixed .navMenu span{color:#000}
.fixed #header{height:auto}
.nav_bg{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.6);left:0;top:0;z-index:100;display:none}
.menuShow{position:fixed;left:0;top:0;z-index:1000}
.menuShow .mennav > ul > li{display:inline-block;float:left;text-align:center;height:65px;padding-left:10px;padding-right:10px}
.menu-dropdown-icon-n:before{display:none}
.menuShow .mennav > ul > li .secondMenu{overflow-y:auto;padding-bottom:40px;margin-top:20px;padding-top:10px;position:absolute;z-index:1000;height:510px}
.top-search{width:20%;position:absolute;top:30px;right:6%}
.addsearch{width:50%;position:absolute;top:150px;left:25%}
.menuShow .mennav{border-bottom:2px solid #000}
.top-search .search_btn,.addsearch .search_btn{bottom:0px}
.menuShow .mennav > ul > li .secondMenu .MenuList{display:block;}/*display:flex;flex-wrap:wrap*/
}@media (min-width:1280px)and (max-width:1366px){#header{width:95%;height:auto;margin:0 auto;position:relative}
.navMenu{width:300px;position:absolute;top:20px;z-index:100}
#logo{float:right;display:inline-block;border:0px}
.header_right{width:30%}
.fixed{position:fixed;z-index:99;left:0;border-bottom:1px solid #ccc}
.fixed #logo{width:120px;margin-top:0}
.fixed #header{height:auto}
.menuShow{position:fixed;left:0;top:0;z-index:11000}
.menuShow .mennav > ul > li{width:11%;float:left;height:65px}
.menu-dropdown-icon-n:before{display:none}
.menuShow .mennav > ul > li .secondMenu{overflow-y:auto;padding-bottom:40px;margin-top:20px;padding-top:10px;position:absolute;z-index:1000;height:510px}
.top-search{width:30%;position:absolute;top:30px;right:2%}
.addsearch{width:50%;position:absolute;top:60px;left:25%}
.menuShow .mennav{border-bottom:1px solid #444444}
.menuShow .mennav > ul > li:hover > a::after,.menuShow .mennav > ul > li:hover > span::after{position:absolute;top:55px;left:44%;width:20px;height:20px;border-bottom:1px solid #444444;border-right:1px solid #444444;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;border-color:#444444;background-color:#021d33}
.menuShow .mennav > ul > li .secondMenu .MenuList{display:block;}/*display:flex;flex-wrap:wrap*/
}@media (min-width:769px) and (max-width:1279px){.autoheader{}
#header{width:95%;height:auto;margin:0 auto;position:relative;height:90px}
.navMenu{width:300px;position:absolute;top:20px;z-index:100}
#logo{float:right;display:inline-block;border:0px}
.header_right{width:30%}
.fixed{position:fixed;z-index:99;left:0;border-bottom:1px solid #ccc}
.fixed #logo{width:120px}
.fixed .navMenu span{color:#f3e04e}
.fixed #header{height:auto}
.menuShow{position:fixed;left:0;top:0;z-index:11000;text-align:left;height:500px;overflow-y:scroll}
.menuShow .mennav > ul > li{width:11%;float:left;text-align:center;height:65px}
.menu-dropdown-icon-n:before{display:none}
.menuShow .mennav > ul > li .secondMenu{overflow-y:auto;padding-bottom:40px;margin-top:20px;padding-top:10px;position:absolute;z-index:1000;height:510px}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{display:block}
.top-search{width:30%;position:absolute;top:30px;right:2%;padding-bottom:50px !important}
.addsearch{width:50%;position:absolute;top:60px;left:25%}
.menuShow .mennav{border-bottom:1px solid #444444}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{margin:0px}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{margin:35px 0px 0px 0px;font-size:24px !important;display:block}
.menuShow .mennav > ul > li:hover > a::after{position:absolute;top:55px;left:38%;width:20px;height:20px;border-bottom:1px solid #444444;border-right:1px solid #444444;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;border-color:#444444;background-color:#021d33}
}@media (max-width:768px){.autoheader{position:relative}
    .menuShow .mennav > ul > li{position:relative}
.autovideoHeader{position:relative;text-align:center;padding-bottom:15px;padding-top:15px;background-color:#444444}
#header{width:95%;margin:0 auto;position:relative}
.navMenu{position:relative;width:100%}
#logo{display:inline-block;border:0px}
.menuShow{position:fixed;left:0;top:0;z-index:11000;text-align:left;height:95%;overflow-y:scroll}
.menuShow .mennav > ul > li{width:100%;position:relative}
/*.menu-dropdown-icon-n:before{display:block}*/
.menuShow .mennav > ul > li .secondMenu{position:relative;z-index:1000;padding-bottom:30px;margin-top:0;padding-top:0}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{display:block}
.menuShow .top-search{display:none;bottom:0;background:#ffffff;z-index:12000;width:100%;padding:15px 5px 20px 5px;border-top:1px solid #ccc}
.addsearch{width:90%;position:absolute;top:60px;left:5%}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{margin:0px}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{margin:35px 0px 0px 0px}
.addsearch .search_btn{bottom:0}
.menuShow .mennav ul{margin-top:25px;width:100% !important}
.bread-crumb li {
    margin-right: 20px !important;
    height: 27px !important;
    line-height: 27px !important;
}
.bread-crumb li:after {
    right: -18px !important;
    line-height: 27px !important;
}
.menuShow .mennav > ul > li > .secondMenu > .content-width > li:last-child {
    display: none;
}
}.nav_list_dispaly{display:block}
.header_right{float:right;overflow:hidden;height:auto;border:0 solid red;font-family:Open Sans}
.searchclosed{position:fixed;z-index:1000;padding:8px 10px 8px 10px;font-size:20px;cursor:pointer;top:0}
.searchclosed i{/*margin-right:5px*/}
.searchclosed-add {
    left: 20px !important;
    top: 20px !important;
    font-size: 16px;
    z-index: 9999;
    background: rgba(243, 224, 78, .8);
    border-radius: 8px;
    cursor: pointer;
    padding: 4px 14px;
}
.search-input{position:relative;z-index:8;padding-left:10px;width:100%;height:40px;outline:0;border:0;border-radius:5px;background-color:#fff;color:#000;font-size:14px;line-height:40px;border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #ccc}
.search_title{display:block;margin-top:5px;width:100%}
.search_title label{padding-right:10px;color:#444}
.search{overflow:hidden;margin-top:8px;width:100%;height:auto}
.search_btn{right:0;z-index:100;display:inline-block;width:60px;height:40px;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#444;text-align:center;font-size:16px;line-height:40px;cursor:pointer;background-color:#f3e04e}
.search_btn:hover{color:#39c}
.search-div{position:relative;padding-left:0px !important;padding-right:0px !important}
.search-div .search_btn{position:absolute}
.searchShow{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background-color:rgba(255,255,255,0.95)}
.searchShow .searchtopbg{width:100%;height:120px}
.searchShow .addsearch{margin:auto}
.addsearch .radio-inline,.top-search .radio-inline{margin-bottom:10px;padding-right:12px;margin-top:10px !important}
@media(min-width:1366px){.searchclosed{left:6%}
.top-search{top:10px;right:2%;width:70%}
.addsearch,.top-search{position:absolute}
.top-search div[class*="col"],.addsearch div[class*="col"]{text-align:right}
.addsearch{top:60px;left:15%;width:70%;height:70px}
.searchshow{display:none}
.bigsearchbg{position:fixed;display:none;padding-top:20%;padding-right:20%;padding-left:20%;background-color:rgba(27,58,106,.5)}
}@media(min-width:1280px)and (max-width:1366px){.top-search{position:absolute;top:10px;right:2%;width:70%}
.addsearch,.top-search{position:absolute}
.top-search div[class*="col"],.addsearch div[class*="col"]{text-align:right}
.addsearch{top:60px;left:15%;width:70%;height:70px}
.searchclosed{left:6%}
.searchshow{display:none}
.bigsearchbg{position:fixed;display:none;padding-top:20%;padding-right:20%;padding-left:20%;background-color:rgba(27,58,106,.5)}
}@media(min-width:768px) and (max-width:1279px){.searchclosed{left:6%}
.top-search{top:10px;right:2%;width:85%}
.addsearch{top:60px;left:15%;width:70%;height:70px}
.addsearch,.top-search{position:absolute}
.top-search div[class*="col"],.addsearch div[class*="col"]{text-align:right}
.searchshow{display:none}
.bigsearchbg{position:fixed;display:none;padding-top:10%;padding-right:10%;padding-left:10%;background-color:rgba(27,58,106,.5)}
}@media(max-width:767px){.searchclosed{left:1%;top:10px;}
.top-search{top:20px;width:100%;height:70px}
.addsearch,.top-search{position:relative}
.addsearch{top:60px;left:5%;width:90%;height:70px}
.top-search div[class*="col"],.addsearch div[class*="col"]{text-align:left}
.searchshow{display:block}
.fixsearch{margin-bottom:20px}
.submit_search{display:none}
.bigsearchbg{position:absolute;display:block;padding-top:4%;padding-right:2%;padding-left:2%;background-color:rgba(27,58,106,.2)}
}.byoc{position:absolute;top:25px;display:inline-block;color:#1c3c6e;font-weight:700}
.byoc:hover{color:#0061cd}
.byoc img:last-child{position:absolute;top:0;right:-30px}
@media (min-width:1361px){.byoc{left:21%}
}@media (min-width:1280px) and (max-width:1359px){.byoc{left:24%}
}@media (min-width:769px) and (max-width:1279px){.byoc{left:33%}
.byoc img{display:block}
/*.byoc span{display:none}*/
}@media (max-width:768px){.byoc{right:10%}
.byoc img{display:block;position:relative}
.byoc span{display:none}
}.banner_inpage{position:relative;margin:0 auto;width:100%;height:200px;overflow:hidden;display:block}
.banner_inpage .item{height:200px !important;background-repeat:no-repeat;background-size:cover;background-position:center center}
.banner_inpage .item a{display:block;width:100%;height:200px !important}
.banner_inpage .owl-item{height:200px !important}
.banner_inpage .owl-controls{position:absolute !important;z-index:1000;width:100%;bottom:10px;left:0}
@media(min-width:993px){.banner_inpage{display:block}
}@media(max-width:992px){.banner_inpage{display:none !important}
}.sec_ban_pic1{background-image:url(../img/sec_ban-car-design-construction.jpg);background:-webkit-image-set(url(../img/sec_ban-car-design-construction.webp) 1x,url(../img/sec_ban-car-design-construction.webp) 2x,url(../img/sec_ban-car-design-construction.webp) 3x);background:image-set(url(../img/sec_ban-car-design-construction.webp) 1x,url(../img/sec_ban-car-design-construction.webp) 2x,url(../img/sec_ban-car-design-construction.webp) 3x);background-repeat:no-repeat;background-size:cover;background-position:center}
.sec_ban_pic2{background-image:url(../img/sec_ban-car-cell-In-vitro-assay-service.jpg);background:-webkit-image-set(url(../img/sec_ban-car-cell-In-vitro-assay-service.webp) 1x,url(../img/sec_ban-car-cell-In-vitro-assay-service.webp) 2x,url(../img/sec_ban-car-cell-In-vitro-assay-service.webp) 3x);background:image-set(url(../img/sec_ban-car-cell-In-vitro-assay-service.webp) 1x,url(../img/sec_ban-car-cell-In-vitro-assay-service.webp) 2x,url(../img/sec_ban-car-cell-In-vitro-assay-service.webp) 3x);background-repeat:no-repeat;background-size:cover;background-position:center}
.sec_ban_pic3{background-image:url(../img/sec_ban-car-vector-products.jpg);background:-webkit-image-set(url(../img/sec_ban-car-vector-products.webp) 1x,url(../img/sec_ban-car-vector-products.webp) 2x,url(../img/sec_ban-car-design-construction.webp) 3x);background:image-set(url(../img/sec_ban-car-vector-products.webp) 1x,url(../img/sec_ban-car-vector-products.webp) 2x,url(../img/sec_ban-car-vector-products.webp) 3x);background-repeat:no-repeat;background-size:cover;background-position:center}
.second-page-bg-2{position:relative;width:100%;display:block;margin-top: 30px;}
.auto-container{margin:auto;text-align:left}
.auto-container h2{line-height:1.2em}
.auto-container h1,.auto-container h2{position:relative;color:#fff;font-weight:700}
.auto-container p{margin:0 0 15px;padding:5px 0 10px;color:#fff;font-size:16px;line-height:28px}
@media(min-width:1280px){.auto-container h1,.auto-container h2{width:70%;font-size:30px}
.auto-container p{width:70%}
}@media(min-width:768px) and (max-width:1279px){.auto-container h1,.auto-container h2{width:70%;font-size:30px}
.auto-container p{width:70%}
}@media(max-width:767px){.auto-container h1,.auto-container h2{width:100%;font-size:24px}
.auto-container p{width:100%}
}@media(max-width:850px){
    .header-new-top .navMenu .byoc > span {display:none}
}@media(max-width:630px){
    .header-new-top .navMenu-text {display:none !important;}
    .header-new-top .navMenu > span {
        width: 50px;
    }
    .header-new-top {
        flex-direction: row !important;
    }
    .header-new-top .navMenu {
        justify-content: right;
    }
    .header-new-top .navMenu .fa {
        margin: 0;
    }
}@media(max-width:480px){
    .header-new-top .logo_buton {
        height: auto;
    }
    #logo {
        width: 190px;
        height: auto;
    }
    .header-new-top .navMenu > * {
        margin: 0;
    }
}@media(max-width:400px){
    #logo {
        width: 150px;
        height: auto;
        margin-right: 0;
    }
}.solutions_bg{background:url(../images/SOLUTIONS-bg.jpg);background:-webkit-image-set(url(../images/SOLUTIONS-bg.webp) 1x);background:image-set(url(../images/SOLUTIONS-bg.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.resources_bg{background:url(../images/Resource-Documents-bg.jpg);background:-webkit-image-set(url(../images/Resource-Documents-bg.webp) 1x);background:image-set(url(../images/Resource-Documents-bg.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.services_bg{background:url(../images/Services_bg_1.jpg);background:-webkit-image-set(url(../images/Services_bg_1.webp) 1x);background:image-set(url(../images/Services_bg_1.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.services_bg_2{background:url(../images/service--Biomarker-Identification-Selection_bg.jpg);background:-webkit-image-set(url(../images/service--Biomarker-Identification-Selection_bg.webp) 1x);background:image-set(url(../images/service--Biomarker-Identification-Selection_bg.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.products_bg{background:url(../images/Products_banner_bg.jpg);background:-webkit-image-set(url(../images/Products_banner_bg.webp) 1x);background:image-set(url(../images/Products_banner_bg.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.contact_bg{background:url(../images/contact-bg-pic.png);background:-webkit-image-set(url(../images/contact-bg-pic.webp) 1x);background:image-set(url(../images/contact-bg-pic.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.aboutus_bg{background:url(../images/contact-bg-pic.png);background:-webkit-image-set(url(../images/contact-bg-pic.webp) 1x);background:image-set(url(../images/contact-bg-pic.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.inquiry_bg{background:url(../images/inquiry-bg-pic.png);background:-webkit-image-set(url(../images/inquiry-bg-pic.webp) 1x);background:image-set(url(../images/inquiry-bg-pic.webp) 1x);background-repeat:no-repeat;background-size:cover;background-position:center}
.pathbg{border-bottom:1px solid #efefef;background-color:#fdfdfd}
.bread-crumb{position:relative;margin:auto;font-size:15px;font-family:'Open Sans',sans-serif !important;}
.bread-crumb li{position:relative;display:inline-block;margin-right:30px;color:#888;font-size:14px;height:48px;line-height:48px}
.bread-crumb li:last-child{margin-right:0}
.bread-crumb li:after{position:absolute;right:-22px;width:10px;color:#888;content:"/";font-size:14px;line-height:48px}
.bread-crumb li:last-child:after{display:none}
.bread-crumb li a{color:#888;text-decoration:none;font-weight:400;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-transition:all .3s ease}
.bread-crumb li a:hover{color:#0061cd}
@media(max-width:768px){.pathbg{padding-bottom:15px}
}.leftmenu,.pro_leftmenu{position:relative;width:100%;margin-bottom:30px;border-radius:8px;border:1px solid #dbdbdb;margin-top:20px;padding-top:20px;padding-bottom:20px}
.leftmenu>li,.pro_leftmenu>li{display:block;margin:0;padding:8px 30px 8px 0;border:0;position:relative;font-weight:400}
.leftmenu>li .line,.pro_leftmenu>li .line{height:1px;background-color:#eee;position:absolute;bottom:0;left:6%;width:88%;margin:auto;display:block}
.leftmenu>li>a,.pro_leftmenu>li>a{display:block;overflow:hidden;padding-left:20px;color:#444;line-height:24px;border-left:#fff 3px solid;position:relative;text-decoration:none}
.leftmenu>li>a>i,.pro_leftmenu>li>a>i{font-size:16px;float:left;margin:0 5px}
.leftmenu li .arrow,.pro_leftmenu li .arrow{z-index:800}

.leftmenu li .arrow:before,.pro_leftmenu li .arrow:before{display:block;float:right;margin-top:1px;margin-right:15px;font-size:16px;padding-left:10px;content:"\f107";font-family:"Font Awesome 5 Free";color:#444;text-shadow:none;font-weight:700;position:absolute;top:5px;right:0;width:20px}
.leftmenu li .arrow.open:before,.pro_leftmenu li .arrow.open:before{margin-top:1px;margin-right:15px;display:inline-block;font-family:"Font Awesome 5 Free";height:auto;font-size:16px;content:"\f107";text-shadow:none;font-weight:700;position:absolute;top:5px;right:0;padding-left:10px;width:20px}
.leftmenu>li>a.active,.leftmenu>li>a:hover,.pro_leftmenu>li>a.active,.pro_leftmenu>li>a:hover{border-left:#f3e04e  5px solid;color:#1c3c6e;font-weight:700}
.leftmenu>li>ul.sub-menu,.leftmenu>li>ul.sub-menu>li>ul.sub-menu,.pro_leftmenu>li>ul.sub-menu,.pro_leftmenu>li>ul.sub-menu>li>ul.sub-menu{display:none;list-style:none;clear:both;margin:8px 0 0 10px;padding-bottom:5px}
.leftmenu>li>ul.sub-menu li,.pro_leftmenu>li>ul.sub-menu li{background:0;margin:0;padding:0}
.leftmenu>li>ul.sub-menu li>a,.pro_leftmenu>li>ul.sub-menu li>a{display:block;font-size:16px;line-height:36px;padding-left:20px;color:#5e5d61;clear:both}
.leftmenu>li>ul.sub-menu li>a.active,.leftmenu>li>ul.sub-menu li>a:hover,.leftmenu>li>ul.sub-menu>li.active>a,.pro_leftmenu>li>ul.sub-menu li>a.active,.pro_leftmenu>li>ul.sub-menu li>a:hover,.pro_leftmenu>li>ul.sub-menu>li.active>a{background:#ddd;border-color:#ddd}
.ser_tit{display:block;margin-top:20px;margin-bottom:20px}
@media(max-width:768px){.pro_leftmenu,.ser_tit,.leftmenu,.rightinquiryContact{display:none}
    .product_content_show > .col-md-3.col-lg-3.col-sm-3 > strong {display: none;}
}.product-groups{position:relative}
.product-groups .product-groups-unit>strong{display:block;padding:10px;background-color:#f2f2f2;margin-top:8px;margin-bottom:8px}
.product-groups .product-groups-unit>h4.active,.product-groups .product-groups-unit>strong.active{color:#fff;background-color:#1b3969}
.product-groups .product-groups-unit > strong a {color:#000;}
.product-groups .product-groups-unit > strong a:hover{color:#0061cd;}
.product-groups .product-groups-unit > strong.active a {color:#fff;}
.product-groups .product-groups-unit > strong.active a:hover{color:#f3e04e;}

.product-groups .product-groups-unit>h4:after,.product-groups .product-groups-unit>strong:after{content:"\f067";font-family:"Font Awesome 5 Free";position:absolute;right:20px;font-weight:700;cursor: pointer;}
.product-groups .product-groups-unit>.active:after{content:"\f068";font-family:"Font Awesome 5 Free";position:absolute;right:20px;font-weight:700}
.product-groups .product-groups-unit>h4{background-color:#f2f2f2;padding:10px;font-weight:700;cursor:pointer;display:block}
.product-groups .product-groups-unit{display:block;width:100%}
.product-groups .product-groups-unit .product-groups-unit-content{padding-top:20px}
.product-group-target-list{margin-bottom:30px;display:flex;width:100%;flex-wrap: wrap;}
.product-group-target-list li{padding:5px;box-sizing: border-box;}
.product-group-target-list li a {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
}
.product_content_show:before,.product_content_show:after{display:table;content:"";}
.product_content_show:after{clear:both}
.product_content_show{margin-left:auto;margin-right:auto;}
.product_content_show{padding:0}
.product_content_show .pro-descption{width:100%;line-height:26px}
.product_content_show .pro-descption:after,.product_content_show .pro-descption:before{display:table;content:" "}
.product_content_show .pro-descption:after{clear:both}
/*.product_content_show .pro-descption div[class*=col]{padding:0;margin:0}*/
.product_content_show .pro-descption div[class*=col]{margin-bottom:5px;margin-top:5px;}
.product_content_show .pro-descption .col-md-4{padding-left:15px!important;padding-right:15px!important;}
.product_content_show .pro-descption .sym_more > span:after{content:""}
.product_content_show .pro-descption .sym_more > span {padding-right: 15px;}
.pro-descption h1{margin-bottom:30px;font-size:30px}
.pro-descption h2{font-size:22px}
.pro-descption h3,.services-container h4,.services-container h5,.services-container h6{margin-top:15px;margin-bottom:15px}
.pro-descption  h3{font-size:18px !important}
.pro-descption h4,.pro-descption h5,.pro-descption h6{font-size:16px}
.pro-descption b,.pro-descption h1,.pro-descption h2,.pro-descption h3,.pro-descption h4,.pro-descption h5,.pro-descption h6{font-family:open-sans-bold,sans-serif !important;font-weight:700;line-height:1.3em}
.download_pdf i{font-size:55px;margin-bottom:5px}
.download_pdf{text-align:center;display:inline-block;position:relative;border-radius:5px;background-color:#fff;color:#ff0000;padding:10px;font-size:16px;text-align:center;cursor:pointer;height:50px;border:1px solid #ff0000}
.download_pdf a{color:#ff0000}
.download_pdf:hover{background-color:#1c3c6e;border:1px solid #1c3c6e;transition:color .5s}
.download_pdf:hover a{color:#fff}
.proshow-list-specifications-tit{font-weight:700;margin-bottom:15px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:20px}
.proshow-list-specifications-tit i{margin-right:10px}
.proshow-list-specifications{position:relative}
.proshow-list-specifications ul{padding:0;margin:0;display:table;width:100%}
.proshow-list-specifications ul:nth-child(2n+1){background-color:#fafafa}
.proshow-list-specifications ul li{padding:8px;margin:0}
.proshow-list-specifications ul li:first-child{font-weight:700}
.proshow-list-specifications ul li:last-child{word-wrap:break-word;word-break:break-all}
@media(min-width:1280px){.proshow-list-specifications ul li:first-child{width:30%;float:left}
.proshow-list-specifications ul li:last-child{width:70%;float:left}
.inquirybuttonWidth{width:60%}
.product-group-target-list li{float:left;width:33%}
.product-groups .product-groups-unit .product-groups-unit-content .proshow-list h4,.product_content_show .proshow-list h4{padding-right:250px}
.product-groups-nav li{float:left}
}@media(min-width:768px) and (max-width:1279px){.proshow-list-specifications ul li:first-child{width:30%;float:left}
.proshow-list-specifications ul li:last-child{width:70%;float:left}
.inquirybuttonWidth{width:60%}
.product-group-target-list li{float:left;width:33%}
.product-groups .product-groups-unit .product-groups-unit-content .proshow-list h4,.product_content_show .proshow-list h4{padding-right:250px}
.product-groups-nav li{float:left;width:48%;margin-bottom:10px}
}@media(max-width:767px){.proshow-list-specifications ul li:first-child,.proshow-list-specifications ul li:last-child{width:100%;float:left}
.inquirybuttonWidth{width:100%}
.pro-show-area ul li{padding-bottom:30px}
.product-group-target-list li{width:33%}
.product-groups-nav li{width:100%;margin-bottom:10px}
}.noticefont{background-color:#fafafa;padding:10px;font-size:15px;line-height:22px;font-family:Georgia,"Times New Roman",Times,serif;margin-top:20px}
.product_content_show div[class*=col-md-9] h1{line-height:1.4em}
@media(max-width:767px){.product_content_show div[class*=col-md-9] h1{font-size:30px}
}@media(max-width:768px){.product_content_show div[class*=col-md-9] h1{font-size:24px}
}.product_content_show div[class*=col-md-3]>strong{font-size:24px}
.KeyUpdates h2{font-size:24px;margin:0}
.services-container h1{margin-bottom:10px;font-size:30px}
.services-container h2{font-size:22px}
.services-container h3,.services-container h4,.services-container h5,.services-container h6{margin-top:15px;margin-bottom:15px}
.services-container  h3{font-size:18px !important}
.services-container .col-md-9 h4,.services-container .col-md-9 h5,.services-container .col-md-9 h6{font-size:16px}
@media(min-width:768px) and (max-width:1279px){.services-container{position:relative;max-width:95%;margin:40px auto}
.services-container p{line-height:30px;margin:0}
.services-container p a{color:#2f57a6;text-decoration:none}
}@media(max-width:767px){.services-container{position:relative;max-width:95%;margin:0 auto;}
.Biomarker-identification-liucheng {width: auto !important;}
.services-container p{line-height:30px;margin:0}
.services-container p a{color:#2f57a6;text-decoration:none}
.services-container .about_small_content div[class*=col] a {font-size: 18px;}
}.services-container:after,.services-container:before{display:table;content:" "}
.services-container:after{clear:both}
.services-container{position:relative;font-size:16px;line-height:26px;display:block}
.services-container .col-md-3>strong{font-size:24px}
.services-container .col-md-9{padding-bottom:50px}
.services-container b,.services-container h1,.services-container h2,.services-container h3,.services-container h4,.services-container h5,.services-container h6{font-family:open-sans-bold,sans-serif!important;font-weight:700;line-height:1.3em}
.second-container p,.services-container p{line-height:28px;margin:0;padding-bottom:10px;word-wrap:break-word}
.second-container ul li{line-height:28px}
.second-container a,.services-container a{color:#0061cd;text-decoration:none}
.second-container a:hover,.services-container a:hover{text-decoration:none}
.services-container .col-md-9 .row .img-responsive{margin-bottom:20px}
.header-new-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.header-new-top .navMenu {
    display: flex;
    align-items: center;
    flex: 1;
}
.header-new-top .navMenu > span .navMenu-text {
    display: inline-block;
}
.header-new-top .navMenu .byoc {
    display: flex;
    align-items: center;
    margin-left: 6%;
}
.header-new-top .navMenu .byoc > span {
    width: auto;
    margin: -4px 0 0 0;
}
.header-new-top .new-gif-css {
    margin-top: -10px;
}
.header-new-top * {
    position: static !important;
    float: none !important;
}
.product_content_show div[class*=col-md-9]{line-height:26px;}
.product_content_show div[class*=col-md-3]{padding-top:30px}
.cd-add-to-cart{background-color:#f3e04e;padding:3px 10px 3px 10px;border-radius:5px;display:block;font-size:14px;text-align:center;margin-bottom:5px;cursor:pointer;color:#000;width:120px}
.cd-add-to-cart a{color:#000}
.cd-add-to-cart:hover{background-color:#1D3C6F;color:#fff;transition:background-color .3s}
.cd-add-to-cart:hover a{color:#fff}
.cd-cart-container::before{content:'';position:fixed;z-index:1;height:100vh;width:100vw;top:0;left:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s}
.fc-blue{color:#0c5277}
.fc-blue-light{color:#337ab7}
.fc-blue-light:hover{color:#0076c0}
.Country{padding:15px;margin-bottom:30px;margin-top:30px;background-color:#efefef;position:relative}
.Country .Countryimg {height:60px;margin-top:10px;}
.Country .Countryimg img{object-fit:contain;height:100%;}
.Country .triangle{border-bottom:30px solid transparent;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #efefef;position:absolute;bottom:-50px;left:10%}
.DistributorsUnit{padding:20px 0;line-height:26px;width:90%;border-bottom:1px solid #efefef;margin-top:20px}
.DistributorsUnit .DistributorsUnitimg{height:100px;margin-bottom:20px;}
.DistributorsUnit .DistributorsUnitimg img{object-fit:contain;/*width:100%;*/height:100%;}
@media(min-width:1280px){.Country,.select{width:100%}
}@media(min-width:768px) and (max-width:1279px){.Country,.select{width:100%}
}@media(max-width:767px){.Country,.select{width:100%}
}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0%}
@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0%}
}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0%}
}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0%}
}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777777}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}
.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-top:6px;margin-left:-20px}
.radio + .radio,.checkbox + .checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
.specific-checkbox li{padding-top:10px;min-height:36px}
.cap-title{font-weight:700;text-transform:uppercase}
.specific-radio{padding-top:10px;height:32px}
.radio-inline{padding-right:0;padding-left:0px;margin-left:10px!important}
.specific-radio input[type=radio]{margin:10px 0}
.a-radio{display:none}
.b-radio{display:inline-block;border:1px solid #ccc;width:16px;height:16px;border-radius:50%;vertical-align:middle;position:relative}
.b-radio:before{content:'';font-size:0;width:10px;height:10px;background:#1856b2;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px;border-radius:50%;display:none}
.a-radio:checked~.b-radio:before{display:block}
.specify{font-family:poppins,Arial,sans-serif;display:inline-block;height:34px;background:0 0;border:none;border-bottom:1px solid #aeb3bc;outline:0;background-color:rgba(0,0,0,0)}
.specific-btn{display:inline-block;text-align:center;padding:.5em 2em;border-radius:3em;margin-bottom:10px;clear:both;color:#fff;text-decoration:none;cursor:pointer;border:1px #1856b2 solid;font-size:16px;font-weight:700;margin-top:8px;background:#1856b2}
.specific-iq{display:table;width:100%;box-sizing:border-box !important}
.specific-iq .col-md-10,.specific-iq .col-md-2{box-sizing:border-box !important}
.row:before,.row:after,.specific-iq:before,.specific-iq:after{display:table;content:" "}
.row:after,.specific-iq:after{clear:both}
.row{margin-right:-15px;margin-left:-15px}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{vertical-align:middle;border:0}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto}
.center-block{display:block;margin-right:auto;margin-left:auto}
.ad_pic{position:fixed;width:90px;height:150px;top:48%;right:0;cursor:pointer;z-index:50000}
.ad_pic .small_img,.ad_pic .big_img{position:absolute;right:0px;top:0;z-index:0}
.ad_pic .small_img{width:90px;height:150px;right:0px;top:0;z-index:1000}
.ad_pic .big_img{width:380px;display:none}
.ad_pic:hover{width:400px}
.ad_pic:hover .big_img{display:block}
.ad_pic:hover .small_img{display:none}
.hbsptmain_bg_full{background-color:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;display:none;z-index:90000;top:0;left:0;overflow-y:auto}
.hbsptmain_bg_full .hbsptmain_bg_close{position:absolute;top:5px;right:5px;width:50px;height:50px;font-size:30px;color:#fff;text-align:center;line-height:40px;z-index:100000}
.hbsptmain-detail{position:relative;padding-top:15px;width:95%;justify-content:space-between;margin:auto auto auto auto}
.h2_tit{display:block;border-left:5px solid #eadf00;padding-left:10px;background-color:#f8f8f8;padding-top:12px;padding-bottom:12px;margin-bottom:20px !important}
.h3_tit{display:block;padding-bottom:12px;margin-bottom:10px !important;position:relative;padding-left:20px}
.h3_tit:before{content:"";position:absolute;top:5px;left:0px;width:12px;height:12px;background-color:#000}
.h4_tit{display:inline-block;padding-top:5px;padding-bottom:5px;margin-bottom:10px !important;border-bottom:1px solid #1856b2;font-size:16px}

.page-tab{position:sticky;top:0px;background-color:#fff;padding:15px 15px 5px 0px;border-bottom:3px solid #1a3a6f;margin-bottom:20px;z-index:999;height:auto;overflow: hidden;}
.page-tab span,.page-tab a{padding:7px 10px;display:inline-block;margin-right:10px;margin-bottom:10px;background-color:#1a3a6f;cursor:pointer;color:#fff}
.page-tab span:hover,.page-tab a:hover,.page-tab-choose{background-color:#f3e04e !important;color:#000 !important}
.page-tab .page-tab-nav{ position: absolute;top:15px;right:0px;padding:0 15px 0 5px;height:40px;line-height:40px;font-size:12px;font-weight:normal; display: inline-flex; justify-content: center;align-items: center;cursor: pointer;}
.page-tab .page-tab-nav i{margin-left:5px;position: absolute;top:14px;right:5px;}
.page-tab .page-tab-nav:hover{background-color:#f3e04e !important;color:#000 !important}
.page-tab.showtab{height:100%;}
.page-tab.showtab .page-tab-nav i{transform: rotate(180deg);}
.page-tab .navs-top-click {
    display: none;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 7px;
}
.page-tab .navs-top-click .fa-angle-right {
    transform: rotate(90deg);
    margin-left: 9px;
    vertical-align: middle;
}
.detail-new-add-css .active-add-new-detail {
    display: inline-block !important;
}
@media(min-width:992px){
	.page-tab .page-tab-nav{display: none;}
}
@media(max-width:993px){
	.page-tab .page-tab-nav{display: block;}
    .page-tab .navs-top-click {
        display: block;
    }
    .detail-new-add-css .page-tab > span {
        display: none;
    }
}

.pagerow div[class*="col-md"]{padding-top:10px}
.pageunit{margin:auto auto 10px auto;padding:20px;height:200px;background-position:center center;background-size:cover;color:#fff;display:flex;justify-content:center;align-items:center;position:relative}
.pageunit p{z-index:10;padding:0px;font-size:15px;text-align:left;line-height:1.3em !important}
.pageunit .unitbg{background-color:rgba(61,61,61,0.5);position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}
.pageunit img{max-width:100%;height:auto;display:block;margin:auto;position:absolute;left:0px;top:15px}
.pagerow div[class*="col-md"]:hover p{color:#000}
.pagerow div[class*="col-md"]:hover .unitbg{background-color:#eadf00}
.pagerow div[class*="col-md"]:hover a{color:#f87806}
.link-tit{display:block;text-align:center;height:50px}
@media(min-width:992px){.pagerow_pt{display:flex;flex-wrap:wrap;padding-top:15px}
}.pagerow_pt div[class*="col-md"] a{display:block;margin-bottom:15px}
.pagerow_pt_unit{width:100%;height:175px;position:relative;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e2e2}
.pagerow_pt_unit img{width:100%;height:100%;object-fit:contain}
.pagerow_pt_unit_2{width:100%;height:175px;overflow:hidden;position:relative;margin-bottom:10px}
.pagerow_pt_unit_2 img{width:100%;height:auto}
@media(min-width:992px){.l_r  > div{display:flex;flex-wrap:wrap}
}.target-protype-list ul{display:flex;flex-wrap:wrap}
.target-protype-list ul li{padding:5px !important}
.target-protype-list ul li a{display:block;background-color:#efefef;padding:5px 10px}
.target-protype-list ul li:hover a{color:#000 !important;background-color:#f3e04e}
.tab_nav,.s_tab_nav{position:relative;margin-top:20px}
.tab_nav span,.s_tab_nav span{margin-right:15px;padding:5px 10px 5px 10px;display:inline-block;border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;background-color:#f2f2f2;cursor:pointer;margin-top:10px}
.tab_nav span:hover,.tab_nav .tab_choosebg,.s_tab_nav span:hover,.s_tab_nav .tab_choosebg{background-color:#eadf00;color:#000}
.tab_cont,.s_tab_cont{padding:20px;position:relative;border:1px solid #efefef;display:none}
.s_tab_cont{position:relative;font-size:14px !important}
.s_tab_cont ul{padding:0;margin:0;display:table;width:100%}
.s_tab_cont ul li{padding:8px;margin:0;word-break:break-all;word-wrap:break-word}
.s_tab_cont ul:nth-child(odd){background-color:#f2f2f2}
.s_tab_cont ul li a{color:#1856b2}
.s_tab_cont ul li a:hover{color:#ff0000}
.s_tab_cont ul li:first-child{font-weight:bold}
.s_tab_cont ul li:last-child{}
@media (min-width:1280px){.s_tab_cont ul li:first-child{width:30%;float:left}
.s_tab_cont ul li:last-child{width:70%;float:left}
.s_tab_cont li{float:left;width:33%}
}@media (min-width:769px) and (max-width:1279px){.s_tab_cont ul li:first-child{width:30%;float:left}
.s_tab_cont ul li:last-child{width:70%;float:left}
.s_tab_cont li{float:left;width:33%}
}@media (max-width:768px){.s_tab_cont ul li:first-child,.s_tab_cont ul li:last-child{width:100%;float:left}
.s_tab_cont li{width:100%}
}.contunit li[class*="col-md"] img{display:block;margin:auto;max-width:100%}
.contunit{padding:15px;border-bottom:1px solid #efefef;display:table;width:100%}
.contunit p{color:#444444;margin-top:15px;margin-bottom:15px;line-height:26px}
.contunit .linkurlnote{font-size:14px;color:#888888}
.contunit .linkurlnote a{color:#888888}
.contunit .more{color:#666666;display:block;margin:auto}
.contunit .more:hover{color:#be3640}
.contunit .applicationTag span{display:inline-block;padding:5px 10px 5px 10px;margin-right:10px;border-radius:20px;background-color:#f3e04e;color:#000;font-size:12px !important}
.contunit table img{margin:auto}
.inquirybutton{font-size:15px !important;padding:5px !important}
.service_list,.related_list{display:table}
.service_list div[class*="col-md"]{padding-top:15px;cursor:pointer}
.service_list div[class*="col-md"] a{font-weight:bold;display:block;margin-bottom:10px;font-size:16px}
.service_list div[class*="col-md"]:hover{background-color:#f8f8f8}
.service_list div[class*="col-md"]:hover a{color:#f87806}
@media(min-width:992px){.related_list{display:flex;flex-wrap:wrap}
}.related_list li[class*="col-md"]{cursor:pointer;margin-left:0px;margin-right:0px;padding-left:0px}
.related_list li[class*="col-md"] a{padding:5px;display:block}
.tab_nav{position:relative}
.tab_nav span{margin-right:15px;padding:5px 10px 5px 10px;display:inline-block;border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;background-color:#f2f2f2;cursor:pointer}
.tab_nav span:hover,.tab_nav .tab_choosebg{background-color:#eadf00;color:#000}
.tab_cont{padding:20px;position:relative;border:1px solid #efefef;display:none}
.show-center,.show-left,.show-right{color:#666;text-align:center;font-size:0.95em;line-height:1.7em !important}
.show-center img,.show-left img,.show-right img{display:block;margin-right:auto;margin-bottom:15px;margin-left:auto;height:auto;max-width:100%}
@media (min-width:992px){.show-left,.show-right{display:inline-block}
.show-right{float:right;margin-left:15px}
.show-left{float:left;margin-right:15px}
}@media (max-width:992px){.show-right,.show-left{width:100%;margin:0}
}.Reference,.reference{color:#666;font-size:0.95em;margin-top:15px}
.Reference p,.reference p{margin-bottom:10px}
.Reference ol,.reference ol{margin-top:10px;margin-bottom:15px}
.Reference ol li,.reference ol li{margin-bottom:5px}
table{margin-bottom:25px;width:100%;border:1px solid #ddd;border-spacing:0 !important}
table p,table td ul,table td ol{margin-bottom:15px}
table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{margin-bottom:0}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:10px 8px;border-top:1px solid #ddd;vertical-align:middle;line-height:1.428571429}
.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{background:#f3e04e;color:#000}
.service-table tr:first-child a,.service-tr a{color:#fff}
.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{border:none}
.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{background-color:transparent}
.red{color:red}
.orange{color:#fa8b15}
.gray{color:#777}
.mtop10,.mt-10{margin-top:10px}
.mtop15,.mt-15{margin-top:15px}
.mtop20,.mt-20{margin-top:20px}
.mtop30,.mt-30{margin-top:30px}
.mtop40,.mt-40{margin-top:40px}
.mtop50,.mt-50{margin-top:50px}
.mbottom10,.mb-10{margin-bottom:10px}
.mbottom15,.mb-15{margin-bottom:15px}
.mbottom20,.mb-20{margin-bottom:20px}
.mbottom30,.mb-30{margin-bottom:30px}
.mbottom40,.mb-40{margin-bottom:40px}
.mbottom50,.mb-50{margin-bottom:50px}
ul.border-box>li{margin-bottom:0}
ul.border-box{padding:15px 15px 15px 30px}
.border-box{border:1px solid #1a5ca3;padding:15px;border-radius:5px}
.bg-box{background:#e9eff9;padding:10px 15px;border-radius:5px}
div.bg-box,div.border-box{margin-bottom:25px}
@media (min-width:992px){.list-box,.flex-box{display:flex;flex-wrap:wrap}
.list-box div[class*="col-md"]{display:flex}
}.flex-box .border-box{margin-bottom:0;height:100%}
.list-box div[class*="col-md"],.flex-box div[class*="col-md"]{margin-bottom:20px}
.list-box a{display:flex;align-items:center;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;position:relative;transition:all ease .4s;text-align:left}
.list-box a:before{position:absolute;content:'';background:#2391cc;z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1;border:solid 2px #2391cc;transition:all ease .4s}
.list-box a:hover{color:#fff;border:1px solid transparent}
.list-box a:hover:before{right:0;width:100%;border-radius:5px}
.flex-box p{margin-bottom:15px}
.flex-box p:last-child{margin-bottom:10px}
@media(min-width:992px){.bg-box>.row{display:flex;flex-wrap:wrap}
.border-box ul:last-child,.border-box p:last-child,.bg-box div[class*="col-md"]>p:last-child,.bg-box div[class*="col-md"] img,.bg-box ul:last-child{margin-bottom:0}
}.bg-box>.row .ServiceShowPic,.bg-box>.row .show-center{height:100%;width:100%;position:relative;overflow:hidden;min-height:140px}
.bg-box>.row .ServiceShowPic img,.bg-box>.row .show-center img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:120%}
.next-box a{display:flex;align-items:center;height:180px;position:relative;width:100%;color:#fff;text-align:center;border-radius:5px;transition:all ease .4s;margin-bottom:30px}
.next-box h2,.next-box h3{padding:5px;background:rgba(0,0,0,.4);font-weight:normal;margin-bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:1.2em}
.next-box a:hover{box-shadow:0 0 10px #ccc;transform:scale(1.02)}
.kotarget{border-collapse:collapse;border:none}
.kotarget td,th{border:none}
#addtobasket_base{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;width:200px;margin-top:15px;font-size:18px}
.target_tab{margin-bottom:20px}
.target_tab li{height:50px;line-height:50px;text-align:center;background-color:#0d58af;margin-right:5px;color:#fff;cursor:pointer;margin-bottom:10px;margin-top:10px}
.target_tab li:hover{background-color:#0b72e5;color:#fff}
@media screen and (min-width:992px){.target_tab{display:flex}
.target_tab li{width:20%}
}@media screen and (max-width:991px){.target_tab{display:block}
.target_tab li{width:100%}
}.small_pronote i{color:red;margin-right:5px;width:16px;height:14px}
.small_pronote{background-color:#fbfcf2;font-size:.9em;padding:10px!important;display:block;margin-bottom:20px!important;margin-top:20px;font-style:italic;color:#666}
.small_pronote.small_pronote-add{width: 88%;margin: 20px auto;}
p.doarea{
	text-align: center;
	
}
p.doarea span{
	display: inline-block !important;
	padding:3px 10px 3px 10px !important;
	margin:5px!important;
	background-color: #efefef;
	border-radius: 5px;
	color:#000;
	width:auto !important;
	font-weight:normal;
	text-align: center;
	
}


.process-area{
	display: flex;
	flex-wrap: wrap;
}

.process-area .doarea_box{
	height:100%;
    padding-bottom:20px;
    padding-left:20px;
}
.process-area .doarea_box .textbox-border{
	color:#000;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border:1px solid #f3e04e;
    border-radius: 8px;
    padding:20px 20px 20px 30px;
    position: relative;
}
.process-area .doarea_box .textbox-border .num{position: absolute;width:35px;height:35px;top:38%;left:-18px; background-color: #f3e04e;color:#000;border-radius: 5px;  display: flex; align-items: center;justify-content: center;font-weight: bold;}
.process-area .doarea_box .textbox-border p{padding:0px;margin:0px;}

.textboxstylecont.doarea_box p.doarea,
.flow-chart.doarea_box p.doarea{
	position: absolute;
	bottom:0px;
	width:100%;
	left:0px;
}

.iso{padding-top:15px;padding-bottom:20px;}
.iso img{max-width:100%;}
.tooltip-box{position: relative;}
.tooltip-box .tooltip{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(30, 30, 30, 1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: wrap;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height:1.4em;
}
.tooltip-box .tooltip a{color:#f3e04e;}
.tooltip-box .tooltip a:hover{color:#f3e04e; text-decoration: underline;}
.tooltip-box:hover .tooltip {
    display: block;
    opacity: 1;
}
.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(30, 30, 30, 1) transparent transparent transparent;
    transform: translateX(-50%);
}
.menuShow .mennav > ul > li > .secondMenu-products .navi-menu-2.MenuList > li {
    flex-direction: column;
    align-items: baseline;
}
.menuShow .mennav > ul > li > .secondMenu-products .navi-menu-2.MenuList > li > a {
    width: 100%;
}
.menuShow .mennav > ul > li > .secondMenu-products .navi-menu-2.MenuList > li > ul {
    width: 100%;
}
.menuShow .mennav > ul > li > .secondMenu-products .navi-menu-2.MenuList > li .navi-menu-3.three_menu.protypelist > .navi-menu-li-3 {
    padding-right: 10px;
}
.menuShow .mennav > ul > li > .secondMenu-products .navi-menu-2.MenuList > li .navi-menu-3.three_menu.protypelist > .navi-menu-li-3:nth-child(3n) {
    padding-right: 0px;
}
.menuShow .mennav > ul > li > .secondMenu-platforms .navi-menu-2.MenuList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .content-width-in {
        padding: 0;
    }
    .content-width-in .pro-descption > div {
        padding: 0;
    }
    .detail-new-add-css .tab-box-con .tab_nav {
        margin-top: 0px;
        display: none;
        width: 100%;
        flex-direction: column;
        box-sizing: border-box;
    }
    .detail-new-add-css .tab-box-con .tab_nav > span {
        margin-right: 0;
        border-radius: 5px;
    }
    .detail-new-add-css .tab-box-con .tab_nav > span:first-child {
        /*margin-top: 5px;*/
    }
    .span-add-content-menu {
        width: 100%;
        height: 40px;
        /*display: inline-block;*/
        background: #eadf00;
        border-radius: 7px;
        line-height: 40px;
        padding: 0 20px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    .detail-new-add-css .tab-box-con .tab_nav.hidden-flex {
        display: flex !important;
    }
    .detail-new-add-css .tab-box-con .tab_nav.hidden-flex .tab_choosebg {
        /*background-color: #fff;*/
    }
    .detail-new-add-css .tab-box-con .fa.fa-angle-right {
        transition: all .3s;
    }
    .detail-new-add-css .tab-box-con .fa.fa-angle-right.i-add-class-right {
        transform: rotate(90deg);
        transition: all .3s;
    }
    .span-add-content-menu .fa.fa-angle-right {

    }
}

.mennav .navi-menu-li-2-new-icon {
    background: url('../img/new.gif') no-repeat 98% 5px;
    background-size: 33px;
}
.faqs-p > p:nth-child(2n-1) i.active {
    transform: rotate(90deg)
}
.nav-menu-container {
    display: none;
}

.menuShow .mennav > ul > li > a.active {
    background-color: #f3e04e;
    color: #444;
    transition: color .3s ease;
}


.webinarad{
    position: relative;
    background-color: #1856B2;
    display: flex;
    background-image: url("../img/webinar-bg.jpg");
    background-position: center center;
    background-size:cover;
}
.webinar-con{color:#fff;  padding:30px 0px;margin:auto;}

.webinar-con div[class*="col"]{
    padding:20px;
}
.webinar-con .wtime{
    border-radius: 20px;
    padding:5px 10px;
    border:1px solid #fff;
    font-size:14px;
    margin-top:10px;
    display: inline-block;
}
.webinar-con div[class*="col"]:first-child strong{color:#f3e04e;}
.webinar-con img{display: block;}
.webinar-con div[class*="col"]:first-child{font-size:24px;}
.webinar-con-b{margin:15px 0px;line-height:1.4em;font-size:28px;font-weight:bold;}
.webinar-con div[class*="col"]:last-child{
    text-align: center;
}
.webinar-con div[class*="col"]:last-child img{display: block; margin: auto auto 10px auto;}
.webinar-con .btn{background-color: #f3e04e;color:#000;padding: 8px 20px;
    clear: both;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    margin-top: 20px;
    border-radius: 4px;
    font-size:14px;
}
.webinar-con .btn:hover{color:#FFF;transition:background-color .3s;background:#3399cc}
@media (min-width: 769px) {
    .webinar-con{width:70%;}
}
@media (max-width: 768px) {
    .webinar-con{width:90%;}
}

.thanks-giving-fixed {
    position: fixed;
    right: 10px;
    bottom: 25%;
    min-width: 80px;
    z-index: 99999;
    width: 140px;
    cursor: pointer;
    transition: all .3s;
}
.thanks-giving-fixed.active {
    width: 240px;
    transition: all .3s;
}
.thanks-giving-fixed .thanks-giving-ad {
    width: 100%;
}
.thanks-giving-fixed .thanks-giving-ad-info {
    width: 100%;
    display: none;
}
.thanks-giving-fixed .close-ad-fixed {
    display: none;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}