/*================================================================================================================================================================================
         for RC-Icon【新的正方形】 >> 添加 Class Name "first-four-Features"(加到 .certification 認證 Icon 內) (控制 .RC-Icon.first-four-Features 的布局) 

                    新的 V2:
                    https://www.aten.com/ext_libraries/css/Features-Icon_Optimization/Features-Icon_Optimization_V2_RC.css
                    https://www.aten.com/ext_libraries/js/Features-Icon_Optimization/Features-Icon_Optimization_V2_RC.js
                          
==================================================================================================================================================================================*/

/* 控制 .RC-Icon.first-four-Features 的布局 */
/*.single-product .certification,*/
.single-product .certification.with-RC-Icon {
    display: flex;
    flex-wrap: wrap; /* 若 items 過多就換行 */
    align-items: center;/* 項目垂直置中 */
}

/* order: 1 >> 非 .RC-Icon 元素保持在最前面 (控制 .RC-Icon.first-four-Features 的布局) */
/* .single-product .certification > div:not(.RC-Icon), */
.single-product .certification.with-RC-Icon > div:not(.RC-Icon) {
    order: 1; /* 非 .RC-Icon 排第一 */
}

/* 所有 .RC-Icon 的 div(img 圖片外框), 一律 1:1 正方形 */
.single-product .certification .RC-Icon.after-four-Features,
.single-product .certification .RC-Icon.first-four-Features, 

.single-product .certification.with-RC-Icon .RC-Icon-Container .RC-Icon, 
.single-product .certification .RC-Icon {
    aspect-ratio: 1 / 1 !important; /* 1:1 >> 正方形 */
}

/* 【All】 order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.after-four-Features, 
.single-product .certification .RC-Icon.first-four-Features {
    width: 25%; /* 4 個一排布局 */
    order: 2; /* .RC-Icon (前四個) 排第二 */
}

/* 【兩欄式】 >> order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .col-md-5 .certification .RC-Icon.after-four-Features, 
.single-product .col-md-5 .certification .RC-Icon.first-four-Features, 
.single-product .col-md-5 .certification .RC-Icon {
    width: 22%; /* 4 個一排布局 */
    width: 21%; /* 4 個一排布局 */
}

/* 【沒包】 div.RC-Icon-Container >> .Add-Border-Top (前四個) >> 刪除分隔線 Top (除 .RC-Icon 沒有其它 Icon) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features.Add-Border-Top {
    border-top: 1px solid #eaeaea; /* 跟上方非 .RC-Icon 距離 (有線條區隔) */
}

/* 【沒包】 div.RC-Icon-Container >> .Add-Border-Top (前四個) >> 刪除分隔線 Top (除 .RC-Icon 沒有其它 Icon) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features.Add-Border-Top {
    padding-top: 1.5% !important; /* 跟上方非 .RC-Icon 距離 (第一排 .RC-Icon) */

    padding-top: 2.3% !important; /* 跟上方非 .RC-Icon 增加距離 (第一排 .RC-Icon) */
    margin-top: 2.5% !important;
}

/* 【包在】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 將分隔線加在 div.RC-Icon-Container */
.single-product .certification .RC-Icon-Container {
    border-top: 1px solid #eaeaea;
    padding-top: 2.3% !important;
    margin-top: 2.5% !important;

    width: 100%;

    padding-top: 5.3% !important;
    padding-top: 6.3% !important;
    margin-top: 2.5% !important;
}


/* 【新的正方形】【包在】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 將分隔線加在 div.RC-Icon-Container */
.single-product .certification .RC-Icon-Container {
    padding-top: 5.3% !important;
    padding-top: 6.3% !important;
    margin-top: 2.5% !important;
}



/* 【包在 >> 僅 Features-Icon 無其它 Icon】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 刪除 div.RC-Icon-Container 分隔線 */
.single-product .certification .RC-Icon-Container.No-Border-Top {
    border-top: unset !important;
    padding-top: unset !important;
    margin-top: unset !important;
}

/* 【包在】 div.RC-Icon-Container >> 將 .Add-Border-Top 分隔線 & 距離高度刪除 */
.single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top {
    border-top: none;
    padding-top: unset !important;
    margin-top: unset !important;
}


/* 三欄時【包在】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 將分隔線加在 div.RC-Icon-Container */
.single-product .col-md-4 .certification .RC-Icon-Container {
    margin-top: 4.5% !important;
}


/* order: 3 >> 確保(非前四個) .RC-Icon 移至最後 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon:not(.first-four-Features) {
    order: 3;  /* .RC-Icon (非前四個) 排第三 */
}

/* 確保前四個 .RC-Icon 之後的元素另起一行 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features:nth-child(4n) {
    margin-right: auto; /* 製造斷點 */
}

/* 確保圖片在其容器內正確顯示 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon img {
    width: 100%;
    height: auto;

    padding: 3.5% 3%; /* 原始圖片有縮邊 */
    padding: 4.5% 5%; /* 原始圖片無縮邊 */
}



/* 【新的正方形】確保圖片在其容器內正確顯示 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon img {
    max-width: 90%;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 9px;
    border-radius: 10px;
    padding: 1%;
    margin: 0 10px 10px 0;
    /* filter: drop-shadow(12px 12px 12px rgba(0, 0, 0, 0.3)); */
    box-shadow: 1px 2px 2px 0 rgba(2, 9, 48, 0.04);
    box-shadow: 1px 2px 2px 1px rgba(2, 9, 48, 0.04);
    border-bottom: 1px solid #cbcbcb;

    padding: 0.9%;
    max-width: 87%;
    margin: 0 10px 15px 0;
    max-width: 86%;
    margin: 0 10px 17px 0;

    /* 如果要反黑 
    filter: invert(1) sepia(0) saturate(0) hue-rotate(08deg) brightness(1.2) !important;
    */
}



/* 1300 以上 */
@media (min-width: 1300px) {

    /* 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 53px !important; 
    height: 55px !important; 
    */
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon {
    width: 31% !important;
    width: 25% !important;
    }

    /* 【三欄時】 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .col-md-4 .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 43px !important; 
    */
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon img {
    /* 因為來源 img 圖片大小不統一
    height: 51px !important;
    height: 54px !important;
    */

    max-width: 93%;
    margin: 0 5px 10px 0;

    max-width: 90%;
    margin: 0 5px 13px 0;
    padding: 0.9%;
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon.first-four-Features:nth-child(4n) {
    margin-right: unset !important;
    }

      

}



/* 1500 以上 */
@media (min-width: 1500px) {

    /* 【兩欄式】 >> order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
    .single-product .col-md-5 .certification .RC-Icon.after-four-Features, 
    .single-product .col-md-5 .certification .RC-Icon.first-four-Features, 
    .single-product .col-md-5 .certification .RC-Icon {
    width: 20%; /* 4 個一排布局 */
    }

}



/* 1900 以上 */
@media (min-width: 1900px) {

    /* 【兩欄式】 >> order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
    .single-product .col-md-5 .certification .RC-Icon.after-four-Features, 
    .single-product .col-md-5 .certification .RC-Icon.first-four-Features, 
    .single-product .col-md-5 .certification .RC-Icon {
    /* 4 個一排布局 
    width: 21%; 
    */
    }

}


/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px) {

    /* Icon 大小不同時 >> 會高高低低 (同比例也會) (排除 .RC-Icon) */
    .certification .vcenter img:not(.vcenter.RC-Icon img), 
    .certification .vcenter:not(.vcenter.RC-Icon) {
    /* 因為來源 img 圖片大小不統一
    max-height: 65px;
    */
    }

    /* 5 個一排布局 (All .RC-Icon) */
    .single-product .certification .RC-Icon.after-four-Features,
    .single-product .certification .RC-Icon.first-four-Features
    .single-product .certification .RC-Icon {
    width: 20% !important;/* 4 列布局 */
    width: 25% !important;/* 5 列布局 */
    }


    /* 5 個一排布局 (前四個 .RC-Icon) >> 變第一排 
    .single-product .certification .RC-Icon.Features-1,
    .single-product .certification .RC-Icon.first-four-Features {
    padding-top: 2.3% !important;
    border-top: 1px solid #eaeaea;
    margin-top: 2.5%;
    }
    */

    /* 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 53px !important;
    height: 62px !important;
    */
    }

    /* 【三欄時】 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .col-md-4 .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 42px !important; 
    */
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon img {
    /* 因為來源 img 圖片大小不統一
    height: 51px !important;
    height: 53px !important; 
    */
    }

}



/************ (筆電特調 >> 高度 610px >> 扣掉 Browser) 超超窄版 for Laptop *************/
@media (min-width: 1281px) and (max-width: 1366px) {

    /* 筆電特調 (高 610px) >> (5 個 1 排) 縮產品圖區 + 加寬文字區 
    .single-product .certification .RC-Icon.first-four-Features,
    .single-product .certification .RC-Icon.after-four-Features, 
    .single-product .certification .RC-Icon {
    width: 25% !important;
    width: calc(100%/4 - 0%) !important;
    width: calc(100%/5 - 0%) !important;
    }
    */

    /* 筆電特調 (高 610px) >> (5 個 1 排) 縮產品圖區 + 加寬文字區 
    .single-product .certification .RC-Icon.first-four-Features img,
    .single-product .certification .RC-Icon.after-four-Features img, 
    .single-product .certification .RC-Icon img {
    height: auto;
    height: 60px !important;
    }
    */

}




/* 小屏幕適配 */
@media (max-width: 767px) {

    /* 2 個一排布局 (All .RC-Icon) */
    .single-product .certification .RC-Icon.after-four-Features,
    .single-product .certification .RC-Icon.first-four-Features,
    .single-product .certification .RC-Icon {
    width: 50% !important;/* 4 列布局 */
    }


    /* 【沒包 + 包】 order: 2 >> 確保(前四個) .RC-Icon 刪除分隔線 + 距離高度 */
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top/*【包在】*/, 
    .single-product .certification.with-RC-Icon .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top/*【包在】*/,
    .single-product .certification.with-RC-Icon .RC-Icon-Container .RC-Icon.Add-Border-Top/*【包在】*/,
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top/*【包在】*/, 
    .single-product .certification .RC-Icon-Container .RC-Icon.Add-Border-Top/*【包在】*/,

    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top/*【沒包】*/, 
    .single-product .certification.with-RC-Icon .RC-Icon.first-four-Features.Add-Border-Top/*【沒包】*/,
    .single-product .certification.with-RC-Icon .RC-Icon.Add-Border-Top/*【沒包】*/,
    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top/*【沒包】*/, 
    .single-product .certification .RC-Icon.Add-Border-Top/*【沒包】*/ {
    border-top: unset !important; /* 前四個 >> 變成 2 個一排布局 */
    padding-top: unset !important;
    margin-top: unset !important;
    }

    /* 【沒包】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification.with-RC-Icon .RC-Icon-Container, 
    .single-product .certification .RC-Icon-Container, 

    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top, 

    .single-product .certification.with-RC-Icon .RC-Icon.Features-2.Add-Border-Top, 
    .single-product .certification.with-RC-Icon .RC-Icon.Features-1.Add-Border-Top, 
    .single-product .certification .RC-Icon.Features-2.Add-Border-Top, 
    .single-product .certification .RC-Icon.Features-1.Add-Border-Top {
    border-top: 1px solid #eaeaea !important;/* 跟上方非 .RC-Icon 距離 (有線條區隔) */
    }

    /* 【沒包】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top, 

    .single-product .certification.with-RC-Icon .RC-Icon.Features-2.Add-Border-Top, 
    .single-product .certification.with-RC-Icon .RC-Icon.Features-1.Add-Border-Top, 
    .single-product .certification .RC-Icon.Features-2.Add-Border-Top, 
    .single-product .certification .RC-Icon.Features-1.Add-Border-Top {
    padding-top: 2.3% !important;
    margin-top: 2.5%;
    }

    /* 【包在】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification.with-RC-Icon .RC-Icon-Container, 
    .single-product .certification .RC-Icon-Container {
    border-top: 1px solid #eaeaea !important;/* 跟上方非 .RC-Icon 距離 (有線條區隔) */
    }


    /* 【包在】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top, 
    .single-product .certification.with-RC-Icon .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top,
    .single-product .certification.with-RC-Icon .RC-Icon-Container .RC-Icon.Add-Border-Top,
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top, 
    .single-product .certification .RC-Icon-Container .RC-Icon.Add-Border-Top {
    border-top: unset !important; /* 前四個 >> 變成 2 個一排布局 */
    padding-top: unset !important;
    margin-top: unset !important;
    }

}




























/*************************************************************************************************************************
	                             ( 2 ). for RC-Icon【新的正方形】>> 重新定義 Order					
======================================================================================================================== */


/* order: 1 >> 非 .RC-Icon 元素保持在最前面 (控制 .RC-Icon.first-four-Features 的布局) */
/* .single-product .certification > div:not(.RC-Icon), */
.single-product .certification.with-Features-Icon > div:not(.RC-Icon) {
    order: 1; /* 非 .RC-Icon 排第一 */
}

/* order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features {
    order: 2; /* .RC-Icon (前四個) 排第二 */
}

/* 兩欄 >> order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .col-md-5 .certification .RC-Icon.first-four-Features {
}

/* 【沒包】 div.RC-Icon-Container >> .Add-Border-Top (前四個) >> 刪除分隔線 Top (除 .RC-Icon 沒有其它 Icon) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features.Add-Border-Top {
    border-top: 1px solid #eaeaea; /* 跟上方非 .RC-Icon 距離 (有線條區隔) */
}

/* 【沒包】 div.RC-Icon-Container >> .Add-Border-Top (前四個) >> 刪除分隔線 Top (除 .RC-Icon 沒有其它 Icon) (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features.Add-Border-Top {
    padding-top: 1.5% !important; /* 跟上方非 .RC-Icon 距離 (第一排 .RC-Icon) */

    padding-top: 2.3% !important; /* 跟上方非 .RC-Icon 增加距離 (第一排 .RC-Icon) */
    margin-top: 2.5% !important;
}

/* 【包在】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 將分隔線加在 div.RC-Icon-Container */
.single-product .certification .RC-Icon-Container {
    border-top: 1px solid #eaeaea;
    padding-top: 2.3% !important;
    margin-top: 2.5% !important;

    width: 100%;

    padding-top: 5.3% !important;
    padding-top: 6.3% !important;
    margin-top: 2.5% !important;
}

/* 【包在 >> 僅 Features-Icon 無其它 Icon】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 刪除 div.RC-Icon-Container 分隔線 */
.single-product .certification .RC-Icon-Container.No-Border-Top {
    border-top: unset !important;
    padding-top: unset !important;
    margin-top: unset !important;
}

/* 【包在】 div.RC-Icon-Container >> 將 .Add-Border-Top 分隔線 & 距離高度刪除 */
.single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top {
    border-top: none;
    padding-top: unset !important;
    margin-top: unset !important;
}


/* 三欄時【包在】 div.RC-Icon-Container (新建 Div 將所有 Features-Icon 置入) >> 將分隔線加在 div.RC-Icon-Container */
.single-product .col-md-4 .certification .RC-Icon-Container {
    margin-top: 4.5% !important;
}


/* order: 3 >> 確保(非前四個) .RC-Icon 移至最後 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon:not(.first-four-Features) {
    order: 3;  /* .RC-Icon (非前四個) 排第三 */
}

/* 確保前四個 .RC-Icon 之後的元素另起一行 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon.first-four-Features:nth-child(4n) {
    margin-right: auto; /* 製造斷點 */
}

/* 確保圖片在其容器內正確顯示 (控制 .RC-Icon.first-four-Features 的布局) */
.single-product .certification .RC-Icon img {
    width: 100%;
    height: auto;

    /* 因為來源 img 圖片大小不統一
    padding: 3.5% 3%;  
    */
}











/*************************************************************************************************************************
	                             ( 3 ). for top-related-products (沒有 Awards) >> RC-Icon【新的正方形】>> 重新定義 Order					
======================================================================================================================== */

/* 相關產品頁面 (沒有 Awards) >> 直接 RC-Icon【新的正方形】>> 重新定義間距 */
.single-product .top-related-products + .certification.with-RC-Icon:has(.RC-Icon-Container.No-Border-Top) {
    margin-top: 0;
    transform: translateY(-10px);
    transform: translateY(-0.9rem);
}









/* 1300 以上 */
@media (min-width: 1300px) {

    /* 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 53px !important;
    height: 55px !important; 
    */
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon {
    width: 31% !important;
    width: 25% !important;
    }

    /* 【三欄時】 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .col-md-4 .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 43px !important; 
    */
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon img {
    /* 因為來源 img 圖片大小不統一
    height: 51px !important;
    height: 54px !important;
    */

    max-width: 90%;
    max-width: 93%;
    margin: 0 5px 13px 0;
    padding: 0.9%;

    max-width: 92%;
    margin: 0 0px 13px 0;
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon.first-four-Features:nth-child(4n) {
    margin-right: unset !important;
    }

      

}


/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px) {

    /* 兩欄時 */
    .single-product .col-md-5 .certification .RC-Icon-Container {
    padding-top: 3.3% !important;
    margin-top: 2.5% !important;
    margin-bottom: 3% !important;

    padding-bottom: 0px;
    margin-bottom: 0% !important;
    }

    /* 【兩欄式】 >> order: 2 >> 確保(前四個) .RC-Icon  移至第二順位 (不要跟其他 Icon 混在一起排列) (控制 .RC-Icon.first-four-Features 的布局) */
    .single-product .col-md-5 .certification .RC-Icon.after-four-Features, 
    .single-product .col-md-5 .certification .RC-Icon.first-four-Features, 
    .single-product .col-md-5 .certification .RC-Icon {
    width: 22%; /* 4 個一排布局 */
    }


    /* 5 個一排布局 (All .RC-Icon) */
    /* .RC-Icon img 圖片外框的 div, 一律 1:1 正方形 */
    .single-product .certification .RC-Icon.after-four-Features,
    .single-product .certification .RC-Icon.first-four-Features, 

    .single-product .certification.with-RC-Icon .RC-Icon-Container .RC-Icon, 
    .single-product .certification .RC-Icon {
    width: 20% !important;/* 4 列布局 */
    width: 25% !important;/* 5 列布局 */

    max-height: unset !important;
    width: 20% !important;
    }
 
    /* Only 【三欄式】時 */
    /* 5 個一排布局 (All .RC-Icon) */
    /* .RC-Icon img 圖片外框的 div, 一律 1:1 正方形 */
    .single-product .col-md-4 .certification .RC-Icon.after-four-Features,
    .single-product .col-md-4 .certification .RC-Icon.first-four-Features, 

    .single-product .col-md-4 .certification.with-RC-Icon .RC-Icon-Container .RC-Icon, 
    .single-product .col-md-4 .certification .RC-Icon {
    width: 25% !important;
    margin-bottom: 5px;
    }


    /* Icon 大小不同時 >> 會高高低低 (同比例也會) (排除 .RC-Icon) */
    .certification .vcenter img:not(.vcenter.RC-Icon img), 
    .certification .vcenter:not(.vcenter.RC-Icon) {
    /* 因為來源 img 圖片大小不統一
    max-height: 65px;
    */
    }

    /* 重設 Icon 回復為原來大小 >> 之前有針對長方形限制高度 */
    .certification .vcenter img:not(.vcenter.Features-Icon img), 
    .certification .vcenter:not(.vcenter.Features-Icon) {
    max-height: unset !important;
    }



    /* 5 個一排布局 (前四個 .RC-Icon) >> 變第一排 
    .single-product .certification .RC-Icon.RC-1,
    .single-product .certification .RC-Icon.first-four-Features {
    padding-top: 2.3% !important;
    border-top: 1px solid #eaeaea;
    margin-top: 2.5%;
    }
    */

    /* 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .certification .vcenter.RC-Icon img:not(.vcenter.Features-Icon img), 
    .single-product .certification .RC-Icon img {
    /* 因為來源 img 圖片大小不統一
    height: 53px !important; 
    height: 62px !important; 
    */
    height: auto;
    max-height: unset !important; /* 要重設 >> 舊版 Features Icon 已經限制高度 */
    width: auto;
    }

    /* 【三欄時】 固定有線時的高度一致 >> 防止分隔線高低不同 (因為來源 img 圖片大小不同) */
    .single-product .col-md-4 .certification .RC-Icon img {
    height: auto;
    /* 因為來源 img 圖片大小不統一
    height: 42px !important; 
    */
    }

    /* 【三欄時】 三個一排 */
    .single-product .col-md-4 .certification .RC-Icon img {
    /* 因為來源 img 圖片大小不統一
    height: 51px !important; 
    height: 53px !important; 
    */

    max-width: 93%;
    margin: 0 5px 13px 0;
    padding: 0.9%;

    max-width: 92%;
    margin: 0 0px 13px 0;

    max-height: unset !important;
    }

}



/************ (筆電特調 >> 高度 610px >> 扣掉 Browser) 超超窄版 for Laptop *************/
@media (min-width: 1281px) and (max-width: 1366px) {}




/* 小屏幕適配 */
@media (max-width: 767px) {

    /* 2 個一排布局 (All .RC-Icon) */
    .single-product .certification .RC-Icon.after-four-Features,
    .single-product .certification .RC-Icon.first-four-Features,
    .single-product .certification .RC-Icon {
    width: 50% !important;/* 4 列布局 */

    width: 33.333% !important;/* 4 列布局 */
    }


    /* 【沒包 + 包】 order: 2 >> 確保(前四個) .RC-Icon 刪除分隔線 + 距離高度 */
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top/*【包在】*/, 
    .single-product .certification.with-Features-Icon .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top/*【包在】*/,
    .single-product .certification.with-Features-Icon .RC-Icon-Container .RC-Icon.Add-Border-Top/*【包在】*/,
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top/*【包在】*/, 
    .single-product .certification .RC-Icon-Container .RC-Icon.Add-Border-Top/*【包在】*/,

    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top/*【沒包】*/, 
    .single-product .certification.with-Features-Icon .RC-Icon.first-four-Features.Add-Border-Top/*【沒包】*/,
    .single-product .certification.with-Features-Icon .RC-Icon.Add-Border-Top/*【沒包】*/,
    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top/*【沒包】*/, 
    .single-product .certification .RC-Icon.Add-Border-Top/*【沒包】*/ {
    border-top: unset !important; /* 前四個 >> 變成 2 個一排布局 */
    padding-top: unset !important;
    margin-top: unset !important;
    }

    /* 【沒包】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification.with-Features-Icon .RC-Icon-Container, 
    .single-product .certification .RC-Icon-Container, 

    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top, 

    .single-product .certification.with-Features-Icon .RC-Icon.RC-2.Add-Border-Top, 
    .single-product .certification.with-Features-Icon .RC-Icon.RC-1.Add-Border-Top, 
    .single-product .certification .RC-Icon.RC-2.Add-Border-Top, 
    .single-product .certification .RC-Icon.RC-1.Add-Border-Top {
    border-top: 1px solid #eaeaea !important;/* 跟上方非 .RC-Icon 距離 (有線條區隔) */
    }

    /* 【沒包】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification .RC-Icon.first-four-Features.Add-Border-Top, 

    .single-product .certification.with-Features-Icon .RC-Icon.RC-2.Add-Border-Top, 
    .single-product .certification.with-Features-Icon .RC-Icon.RC-1.Add-Border-Top, 
    .single-product .certification .RC-Icon.RC-2.Add-Border-Top, 
    .single-product .certification .RC-Icon.RC-1.Add-Border-Top {
    padding-top: 2.3% !important;
    margin-top: 2.5%;
    }

    /* 【包在】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification.with-Features-Icon .RC-Icon-Container, 
    .single-product .certification .RC-Icon-Container {
    border-top: 1px solid #eaeaea !important;/* 跟上方非 .RC-Icon 距離 (有線條區隔) */
    }


    /* 【包在】 div.RC-Icon-Container >>  2 個一排布局 (前 2 個 .RC-Icon) >> 變第一排 */
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top, 
    .single-product .certification.with-Features-Icon .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top,
    .single-product .certification.with-Features-Icon .RC-Icon-Container .RC-Icon.Add-Border-Top,
    .single-product .certification .RC-Icon-Container .RC-Icon.first-four-Features.Add-Border-Top, 
    .single-product .certification .RC-Icon-Container .RC-Icon.Add-Border-Top {
    border-top: unset !important; /* 前四個 >> 變成 2 個一排布局 */
    padding-top: unset !important;
    margin-top: unset !important;
    }

}










/*************************************************************************************************************************
	                             ( 4 ). for Spec Icon >> 放大寬度 1column/ 2column				
======================================================================================================================== */


.single-product .certification .col-sm-3.vcenter img:not(.vcenter.RC-Icon img, .vcenter.Features-Icon img) {
    width: 100%;
    max-width: 135px;
    height: auto;
}

.single-product .certification .col-sm-4.vcenter img:not(.vcenter.RC-Icon img, .vcenter.Features-Icon img) {
    width: 100%;
    max-width: 155px;
    height: auto;
}