.elementor-4742 .elementor-element.elementor-element-dfff3f0{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-4742 .elementor-element.elementor-element-dfff3f0:not(.elementor-motion-effects-element-type-background), .elementor-4742 .elementor-element.elementor-element-dfff3f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.champion-chem.com/wp-content/uploads/2025/09/聯絡我們.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-4742 .elementor-element.elementor-element-9092ccd{left:0px;}body.rtl .elementor-4742 .elementor-element.elementor-element-9092ccd{right:0px;}.elementor-4742 .elementor-element.elementor-element-9092ccd{top:0px;z-index:2;}.elementor-4742 .elementor-element.elementor-element-9092ccd img{width:160px;height:160px;}.elementor-4742 .elementor-element.elementor-element-5beb102{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;z-index:3;}.elementor-4742 .elementor-element.elementor-element-5beb102 .elementor-heading-title{font-size:20px;line-height:29px;color:var( --e-global-color-primary );}.elementor-4742 .elementor-element.elementor-element-29f405c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;z-index:3;}.elementor-4742 .elementor-element.elementor-element-29f405c .elementor-heading-title{font-size:52px;font-weight:500;line-height:62px;color:var( --e-global-color-accent );}.elementor-4742 .elementor-element.elementor-element-0306f06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-4742 .elementor-element.elementor-element-d88c538{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-4742 .elementor-element.elementor-element-d88c538 .elementor-heading-title{font-size:36px;font-weight:600;line-height:52px;color:#003C72;}.elementor-4742 .elementor-element.elementor-element-41f1c33{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 48px) 0px;}.elementor-4742 .elementor-element.elementor-element-41f1c33 .elementor-heading-title{font-size:16px;font-weight:400;line-height:23px;color:#404040;}.elementor-4742 .elementor-element.elementor-element-c2b4eeb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4742 .elementor-element.elementor-element-8a260a1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4742 .elementor-element.elementor-element-8559bea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D3D3D3;--border-color:#D3D3D3;--border-radius:0px 24px 0px 24px;--padding-top:24px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4742 .elementor-element.elementor-element-7b1709e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 24px 0px 24px;}.elementor-4742 .elementor-element.elementor-element-7b1709e .elementor-heading-title{font-size:36px;font-weight:600;line-height:52px;color:#003C72;}.elementor-4742 .elementor-element.elementor-element-c910146{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 24px 0px 24px;--e-nav-menu-horizontal-menu-item-margin:calc( 12px / 2 );}.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu .elementor-item{font-size:16px;font-weight:600;line-height:23px;}.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-d123e76 );fill:var( --e-global-color-d123e76 );padding-left:12px;padding-right:12px;padding-top:8.5px;padding-bottom:8.5px;}.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:12px;}.elementor-4742 .elementor-element.elementor-element-c49bcdd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-4742 .elementor-element.elementor-element-c49bcdd .gallery-item .gallery-caption{display:none;}.elementor-4742 .elementor-element.elementor-element-c49bcdd .gallery-item{padding:0 0px 0px 0;}.elementor-4742 .elementor-element.elementor-element-c49bcdd .gallery{margin:0 -0px -0px 0;}.elementor-4742 .elementor-element.elementor-element-c49bcdd .gallery-item img{border-style:none;}.elementor-4742 .elementor-element.elementor-element-b495119{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 24px 0px 24px;}.elementor-4742 .elementor-element.elementor-element-b495119 .elementor-heading-title{font-size:20px;font-weight:600;line-height:29px;color:#003C72;}.elementor-4742 .elementor-element.elementor-element-907e892{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 24px 0px 24px;}.elementor-4742 .elementor-element.elementor-element-907e892 .elementor-heading-title{font-size:16px;font-weight:400;line-height:23px;color:#404040;}.elementor-4742 .elementor-element.elementor-element-62f7808{padding:0px 24px 0px 24px;}@media(max-width:1024px){.elementor-4742 .elementor-element.elementor-element-dfff3f0{--min-height:225px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4742 .elementor-element.elementor-element-9092ccd img{width:80px;height:80px;}.elementor-4742 .elementor-element.elementor-element-5beb102{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-4742 .elementor-element.elementor-element-5beb102 .elementor-heading-title{font-size:18px;line-height:26px;}.elementor-4742 .elementor-element.elementor-element-29f405c .elementor-heading-title{font-size:32px;line-height:38px;}.elementor-4742 .elementor-element.elementor-element-0306f06{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4742 .elementor-element.elementor-element-d88c538{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-4742 .elementor-element.elementor-element-d88c538 .elementor-heading-title{font-size:24px;line-height:35px;}.elementor-4742 .elementor-element.elementor-element-41f1c33{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-4742 .elementor-element.elementor-element-c2b4eeb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4742 .elementor-element.elementor-element-8559bea{--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-4742 .elementor-element.elementor-element-7b1709e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 16px 0px 16px;}.elementor-4742 .elementor-element.elementor-element-7b1709e .elementor-heading-title{font-size:24px;line-height:35px;}.elementor-4742 .elementor-element.elementor-element-c910146{padding:0px 16px 0px 16px;}.elementor-4742 .elementor-element.elementor-element-c49bcdd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-4742 .elementor-element.elementor-element-b495119{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;padding:0px 16px 0px 16px;}.elementor-4742 .elementor-element.elementor-element-907e892{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 16px 0px 16px;}.elementor-4742 .elementor-element.elementor-element-62f7808{padding:0px 16px 0px 16px;}}@media(max-width:767px){.elementor-4742 .elementor-element.elementor-element-dfff3f0:not(.elementor-motion-effects-element-type-background), .elementor-4742 .elementor-element.elementor-element-dfff3f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.champion-chem.com/wp-content/uploads/2025/09/聯絡我們-mb.jpg");background-position:center center;}.elementor-4742 .elementor-element.elementor-element-c910146{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-4742 .elementor-element.elementor-element-c910146 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}}/* Start custom CSS for container, class: .elementor-element-dfff3f0 */.elementor-4742 .elementor-element.elementor-element-dfff3f0::before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(50% - 73px);
    height: 100%;
    background-image: url(https://www.champion-chem.com/wp-content/uploads/2025/09/blue-banner-object.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
    z-index: 0;
}
.elementor-4742 .elementor-element.elementor-element-dfff3f0::after {
    content: '';
    display: block;
    width: calc(50% - 316px);
    height: calc(100% + 160px);
    top: -80px;
    left: -80px;
    position: absolute;
    background-size: 100% 100%;
    background-position: center right;
    background-image: url(https://www.champion-chem.com/wp-content/uploads/2025/09/home-banner-union-blur.png);
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .elementor-4742 .elementor-element.elementor-element-dfff3f0::before {
        display: none;
    }
    .elementor-4742 .elementor-element.elementor-element-dfff3f0::after {
        background-image: none;
        background: linear-gradient(180deg, rgba(0, 15, 45, 0) 0%, #000F2D 60%, #000F2D 90.31%);
        opacity: .75;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41f1c33 */.elementor-4742 .elementor-element.elementor-element-41f1c33 p {
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a260a1 */.elementor-4742 .elementor-element.elementor-element-8a260a1 {
    max-width: 413px;
}
@media screen and (max-width: 1024px) {
.elementor-4742 .elementor-element.elementor-element-8a260a1 {
    max-width: unset;
}
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c910146 */.elementor-4742 .elementor-element.elementor-element-c910146 ul li a {
    display: block;
    width: 100%;
    background-color: #D3D3D3;
    border-radius: 4px;
    text-align: center;
}
.elementor-4742 .elementor-element.elementor-element-c910146 ul li a:hover,
.elementor-4742 .elementor-element.elementor-element-c910146 ul li a.elementor-item-active {
    background-color: #003C72;
}
@media screen and (max-width: 767px) {
.elementor-4742 .elementor-element.elementor-element-c910146 ul {
    display: flex;
    gap: 12px;
}
.elementor-4742 .elementor-element.elementor-element-c910146 ul li {
    max-width: calc(50% - 6px);
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95e9e70 */.elementor-4742 .elementor-element.elementor-element-95e9e70 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-c49bcdd */.elementor-4742 .elementor-element.elementor-element-c49bcdd .elementor-image-gallery {
    overflow: hidden;
}
.elementor-4742 .elementor-element.elementor-element-c49bcdd .gallery {
    display: flex;
    width: max-content;
    max-width: unset;
}
.elementor-4742 .elementor-element.elementor-element-c49bcdd img {
    height: 171px;
    object-fit: cover;
}
.elementor-4742 .elementor-element.elementor-element-c49bcdd .elementor-image-gallery .gallery-columns-4 .gallery-item {
    max-width: unset !important;
    width: 304px;
}
.elementor-4742 .elementor-element.elementor-element-c49bcdd::before,
.elementor-4742 .elementor-element.elementor-element-c49bcdd::after {
    content: '';
    width: 24px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}
.elementor-4742 .elementor-element.elementor-element-c49bcdd::after {
    left: auto;
    right: 0px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);

}
@media screen and (max-width: 767px) {
    .elementor-4742 .elementor-element.elementor-element-c49bcdd img {
        height: 111px;
    }
    .elementor-4742 .elementor-element.elementor-element-c49bcdd .elementor-image-gallery .gallery-columns-4 .gallery-item {
        width: 198px;
    }
    .elementor-4742 .elementor-element.elementor-element-c49bcdd::before,
    .elementor-4742 .elementor-element.elementor-element-c49bcdd::after {
        width: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-907e892 */.elementor-4742 .elementor-element.elementor-element-907e892 p {
    margin-bott: 24px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-62f7808 */.elementor-4742 .elementor-element.elementor-element-62f7808 form p {
    margin-bottom: 0px;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #404040;
    margin-bottom: 24px;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label input.wpcf7-form-control,
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label textarea.wpcf7-form-control{
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 4px;
    padding: 11.5px 12px;
    border: 1px solid #D3D3D3;
    border-radius: 0px !important;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label textarea.wpcf7-form-control{
    padding: 12px;
    height: 192px;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label input.wpcf7-form-control::placeholder,
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label textarea.wpcf7-form-control::placeholder {
    color: #D3D3D3;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > input.wpcf7-submit {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #ffffff;
    background-color: #003C72;
    padding: 11.5px 12px;
    border-color: #003C72;
    border-radius: 0px 12px 0px;
}
/*phone*/
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form > p span.wpcf7-form-control-wrap[data-name="phone-prefix"] {
    display: block;
    height: auto;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form > p span.wpcf7-form-control-wrap[data-name="phone-prefix"] .flag-container {
    top: 10px;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .intl-tel-input .selected-flag {
    width: 116px;
    padding: 0px 12px;
    border-radius: 0px;
    background: transparent;
    border-right: 1px solid #D3D3D3;
    height: 48px;
    top: -6px;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .intl-tel-input .selected-flag .iti-flag {
    transform: scale(1.5);
    position: absolute;
    top: 50%;
    bottom: 0;
    margin: 0px;
    left: 17px;
    transform: translateY(-50%) !important;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .intl-tel-input .selected-flag .selected-dial-code {
    padding-left: 34px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: #1E1E1E;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .intl-tel-input .selected-flag .iti-arrow {
    right: 12px !important;
    top: 19px !important;
    border: unset;
    border-bottom: unset !important;
    border-right: unset !important;
    height: 16px !important;
    width: 16px !important;
    transform: unset !important;
    background-image: url(https://www.champion-chem.com/wp-content/uploads/2025/09/phone-prefix-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .intl-tel-input .country-list {
  margin-top: 10px;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .wpcf7-form-control,
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone-prefix"] .wpcf7-not-valid-tip {
  display: none;
  opacity: 0;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone"] {
    display: block;
    height: auto;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .wpcf7-form .wpcf7-form-control-wrap[data-name="phone"] .wpcf7-form-control {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    width: 100%;
    padding: 11.5px 12px 11.5px 128px !important;
    border: 1px solid #D3D3D3;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 .intl-tel-input .flag-container {
    padding: 0px;
}
/*end phone*/
.elementor-4742 .elementor-element.elementor-element-62f7808 form p  span.wpcf7-spinner {
    display: none !important;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form.sent .wpcf7-response-output {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #F6B329;
    margin: 24px 0px 0px;
    padding: 11px 12px 11px 40px;
    border-radius: 8px;
    border: 1px solid #F6B329;
    background-color: #F6B3291A;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form.sent .wpcf7-response-output:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    top: 11px;
    left: 12px;
    background-image: url('https://www.champion-chem.com/wp-content/uploads/2025/09/wpcf7-response-output-icon.svg');
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form.invalid .wpcf7-response-output {
    display: none;
}
.elementor-4742 .elementor-element.elementor-element-62f7808 form > p > label .wpcf7-not-valid-tip {
    margin-top: 4px;
}
@media screen and (max-width: 1024px) {
.elementor-4742 .elementor-element.elementor-element-62f7808 form p > label {
    margin-bottom: 16px;
}
}/* End custom CSS */