.elementor-91974 .elementor-element.elementor-element-ab933cf{--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;}.elementor-91974 .elementor-element.elementor-element-a22cd25{width:var( --container-widget-width, 103.545% );max-width:103.545%;--container-widget-width:103.545%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-a22cd25 *//* =========================================
   CRA SEO Article Style
   Hongtronics WordPress Article CSS
   Final Version
========================================= */


/* =========================
   Article Container
========================= */

.cra-seo-article {

    max-width:960px;

    margin:0 auto;

    padding:40px 24px;

    font-family:
    "Noto Sans TC",
    "Microsoft JhengHei",
    Arial,
    sans-serif;

    font-size:17px;

    line-height:1.9;

    color:#333;

    box-sizing:border-box;

}



/* =========================
   Headings
========================= */

.cra-seo-article h2 {

    font-size:32px;

    line-height:1.5;

    margin-top:55px;

    margin-bottom:25px;

    padding-left:18px;

    border-left:6px solid #0066cc;

    color:#111;

    font-weight:700;

}


.cra-seo-article h3 {

    font-size:23px;

    margin-top:35px;

    margin-bottom:18px;

    color:#222;

    font-weight:700;

}


.cra-seo-article p {

    margin-bottom:22px;

}





/* =========================
   Featured Image
========================= */


.cra-feature-image {

    margin:0 0 35px;

}


.cra-feature-image img {

    width:100%;

    height:auto;

    display:block;

    border-radius:12px;

}


.cra-feature-image figcaption {

    text-align:center;

    font-size:14px;

    color:#666;

    margin-top:12px;

}





/* =========================
   Table Of Contents
========================= */


.cra-toc {

    background:#f6f9fc;

    border:1px solid #dce6f2;

    border-radius:12px;

    padding:30px 35px;

    margin:45px 0;

}


.cra-toc h2 {

    border:none;

    padding:0;

    margin:0 0 20px;

    font-size:26px;

}


.cra-toc ol {

    margin:0;

    padding-left:25px;

}


.cra-toc li {

    margin-bottom:12px;

}


.cra-toc a {

    color:#0066cc;

    text-decoration:none;

    font-weight:600;

}


.cra-toc a:hover {

    text-decoration:underline;

}


.cra-seo-article section {

    scroll-margin-top:100px;

}





/* =========================
   Highlight Box
========================= */


.cra-highlight {

    background:#eef7ff;

    border-left:6px solid #0066cc;

    border-radius:8px;

    padding:25px 30px;

    margin:35px 0;

    font-size:18px;

    line-height:1.8;

    color:#222;

}





/* =========================
   Checklist Box
========================= */


.cra-checklist {

    background:#f8fafc;

    border:1px solid #e3e8ef;

    border-radius:10px;

    padding:25px 35px;

    margin:30px 0;

}


.cra-checklist ul,
.cra-checklist ol {

    margin:0;

    padding-left:25px;

}


.cra-checklist li {

    margin-bottom:12px;

}





/* =========================
   Table
========================= */


.cra-table {

    width:100%;

    border-collapse:collapse;

    margin:35px 0;

    font-size:16px;

}


.cra-table th {

    background:#0066cc;

    color:#fff;

    padding:15px;

    text-align:left;

    font-weight:700;

}


.cra-table td {

    border:1px solid #ddd;

    padding:15px;

    vertical-align:top;

}


.cra-table tr:nth-child(even){

    background:#f8fafc;

}





/* =========================
   OneKey Product CTA
   Only affect CTA block
========================= */


.cra-product-cta {

    background:

    linear-gradient(
        135deg,
        #f0f7ff,
        #ffffff
    );

    border:1px solid #cfe3ff;

    border-radius:14px;

    padding:40px 35px;

    margin:55px 0;

    text-align:center;

}



.cra-product-cta h2 {

    border:none;

    padding:0;

    margin:0 0 20px;

    font-size:28px;

}



.cra-product-cta p {

    font-size:18px;

    color:#465267;

}





/*
   CTA Button
   修复文字颜色覆盖问题
   不影响其他链接
*/


.cra-product-cta a {

    display:inline-flex;

    align-items:center;

    justify-content:center;


    margin-top:20px;

    padding:14px 32px;


    background:#0066cc;


    color:#ffffff !important;


    border-radius:6px;


    font-weight:700;

    font-size:16px;


    text-decoration:none !important;


    transition:all .3s ease;

}



.cra-product-cta a:visited {

    color:#ffffff !important;

}



.cra-product-cta a:hover {

    background:#004c99;

    color:#ffffff !important;

    transform:translateY(-2px);

}



.cra-product-cta a:active {

    color:#ffffff !important;

}





/* =========================
   FAQ
========================= */


.cra-faq {

    margin-top:60px;

}



.cra-faq-item {

    border-bottom:1px solid #ddd;

    padding:25px 0;

}



.cra-faq-item h3 {

    margin:0 0 12px;

    font-size:20px;

}



.cra-faq-item p {

    margin-bottom:0;

}





/* =========================
   Normal Article Links
   保持原文章链接样式
========================= */


.cra-seo-article a {

    color:#0066cc;

}


.cra-seo-article a:hover {

    color:#004c99;

}





/* =========================
   Mobile Responsive
========================= */


@media screen and (max-width:768px){


    .cra-seo-article {

        padding:25px 18px;

        font-size:16px;

    }



    .cra-seo-article h2 {

        font-size:25px;

        margin-top:40px;

    }



    .cra-seo-article h3 {

        font-size:20px;

    }



    .cra-toc {

        padding:25px 20px;

    }



    .cra-highlight {

        padding:20px;

        font-size:16px;

    }



    .cra-checklist {

        padding:20px;

    }



    .cra-table {

        display:block;

        overflow-x:auto;

        white-space:nowrap;

    }



    .cra-product-cta {

        padding:30px 20px;

    }



    .cra-product-cta h2 {

        font-size:23px;

    }


}




@media screen and (max-width:480px){


    .cra-seo-article h2 {

        font-size:22px;

    }



    .cra-product-cta a {

        width:100%;

        box-sizing:border-box;

    }


}/* End custom CSS */