/* Banner BG >> 背景圖 
section#breadcrumb {
    background: url("https://media.gettyimages.com/id/1035491398/photo/girl-in-library.webp?s=1024x1024&w=gi&k=20&c=7KqKZg7ZhUlXVSmIArf3sQ1Vr8oDg_4M447kc-0dDck=") #074576 no-repeat 50% 40%;
    background: transparent url('//assets.aten.com/webpage/shared/ePublications/gettyimages-1035491398-1024x1024.jpg') no-repeat center center / cover;
    background: url("/file/template/1/images/bg_blue_page.jpg") #014f76 no-repeat;
    background-size: cover;
}
*/


/* 主選單向上 >> 以免被 section#breadcrumb::before 深藍色遮到*/
#header {
    z-index: 199;
}

/* 次選單向上 >> 需要將 section#breadcrumb::before 深藍色遮住 */
.secondary-navigation {
    z-index: 1;
    z-index: 2;
    position: relative;
    background-color: #fff;
}

/* 遮罩 Banner BG >> 深藍色*/
section#breadcrumb::before {
    content: '';
    content: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 17.3vh;
    height: 285px;
    height: 41.3vh;
    overflow: hidden; /* 隱藏 XY 軸的 Scroll Bar */
    top: 105px;
    top: 0px;
    left: 0;
    background: -moz-linear-gradient(-45deg, rgba(7, 69, 118, 0.9) 0%,rgba(10, 58, 106, 0.8) 58%,rgba(7, 69, 118, 0.9) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(7, 69, 118, 0.9) 0%,rgba(10, 58, 106, 0.8) 58%,rgba(7, 69, 118, 0.9) 100%) !important;
    background: linear-gradient(135deg, rgba(7, 69, 118, 0.9) 0%,rgba(10, 58, 106, 0.8) 58%, rgba(7, 69, 118, 0.9) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 );

    content: none !important;
}


section#breadcrumb .title h1, 
section#breadcrumb a {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}







/* 992 以下 */
@Media (max-width: 992px) {

    section#breadcrumb, 
    section#breadcrumb .boxed-slider .container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    }

}  









/* ========================================================================================================================
                                            ePublication #Tab-Content_Section
 ======================================================================================================================== */
    
 a.linkto{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999;
    z-index: 100;
    left: 0;
}





/*---------------------------------- ePublication >> Tab Menu x 4 -----------------------------------*/


#Tab-Content_Section.markets-solutions-applications {
    padding-top: 4%;
}

/* No Tab Menu */
#Tab-Content_Section.markets-solutions-applications.No-Tab {
    padding-top: 2.5%;
}


#Tab-Content_Section.markets-solutions-applications ul {
    border-bottom: 3px solid #0080b1;
    border-bottom: 2px solid #0080b1;
}



#Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li:first-child {
    margin: 0px;
}

/* Tab Menu > 取消 border */
#Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li {
    /*border: 1px solid #ddd;*/
    border: none !important;
}

/* Tab Menu > Hover Color */
#Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li a:hover {
    color: rgba(7, 69, 118, 1.0);
}





    /* Menu 寬度 x 4 (一般寬度) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in4 ul.tab-nav:not(.tab-nav-lg) li {
    width: 25%;
    width: calc(100%/4); /* 100% 除以 4 = 25% */
    height: 70px !important;
    display: flex;
    align-items: center; /* 項目垂直置中 */
    justify-content: center; /* 水平置中 */
    align-content: center;   /* 垂直置中 */  
    flex-wrap: wrap; /* 設為 wrap，則不會壓縮items，如果items過多就換行 (若不設定會將所有的flex items壓縮在同一行) */
    }

    /* Menu 寬度 x 2 */
    #Tab-Content_Section.markets-solutions-applications.Tab-in5 ul.tab-nav:not(.tab-nav-lg) li {
    width: calc(100%/2); /* 100% 除以 2 */
    }

    /* Menu 寬度 x 3 */
    #Tab-Content_Section.markets-solutions-applications.Tab-in5 ul.tab-nav:not(.tab-nav-lg) li {
    width: calc(100%/3); /* 100% 除以 3 */
    }

    /* Menu 寬度 x 5 */
    #Tab-Content_Section.markets-solutions-applications.Tab-in5 ul.tab-nav:not(.tab-nav-lg) li {
    width: calc(100%/5); /* 100% 除以 5 */
    }

    /* Menu 寬度 x 6 */
    #Tab-Content_Section.markets-solutions-applications.Tab-in6 ul.tab-nav:not(.tab-nav-lg) li {
    width: calc(100%/6); /* 100% 除以 6 */
    }

    /* Menu 高度 + 文字高度 */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li, 
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li a, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in4 ul.tab-nav:not(.tab-nav-lg) li, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in4 ul.tab-nav:not(.tab-nav-lg) li a, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in5 ul.tab-nav:not(.tab-nav-lg) li, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in5 ul.tab-nav:not(.tab-nav-lg) li a, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in6 ul.tab-nav:not(.tab-nav-lg) li, 
    #Tab-Content_Section.markets-solutions-applications.Tab-in6 ul.tab-nav:not(.tab-nav-lg) li a  {
    height: 70px !important;
    height: 58px !important;
    }

    /* Menu 文字 (不加 span 舊作法) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li a {
    color: #666;
    font-size: 1.1em !important;
    font-size: 1.2em !important;
    font-size: 1em !important;
    line-height: 1.3em !important;
    letter-spacing: -0.001em;
    height: unset !important;
    padding: unset !important;
    /*padding: 8% 2% !important;  一般文字高度 */
    background-color: transparent !important;
    }

    /* Menu 文字 (加 span 新作法) >> 一般高度 */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li a span {
    padding: 8% 2% !important;
    padding: 7% 2% !important;
    padding: 7% 2% 8% !important;
    display: block;
    }

    /* Menu 文字::before */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::before {
    content: none !important;
    }

    /* Menu 文字 >> Nomal (選單背景色) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li {
    background: -moz-linear-gradient(180deg, #f5f7f8 0%,#f5f7f8 90%, #eff1f2 100%);
    background: -webkit-linear-gradient(180deg, #f5f7f8 0%,#f5f7f8 90%, #eff1f2 100%);
    background: linear-gradient(180deg, #f5f7f8 0%,#f5f7f8 90%, #eff1f2 100%);
    }

    /* Menu 文字 >> Active (選取中的選單) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
    color: #fff !important;
    background-color: #1d4872 !important;
    background-color: #106890 !important;
    background-color: #0080b1 !important;

    filter: drop-shadow(5px -1px 3px rgba(1, 25, 71, 0.15)) !important;
    }

    /* Menu 文字 >> Active (選取中的選單 >> 最後一個) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li:last-child.ui-tabs-active a {
        filter: drop-shadow(-5px -1px 3px rgba(1, 25, 71, 0.15)) !important;
    }

    /* Menu 文字 >> Active (左右圓角 >> 選取中的選單) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
    border-radius: 7px 7px 0 0;
    }

    /* Menu 文字 >> 底 (最左圓角 >> 底選單) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li:first-child {
    border-radius: 7px 0px 0 0;
    }

    /* Menu 文字 >> 底 (最右圓角 >> 底選單) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li:last-child {
    border-radius: 0px 7px 0 0;
    }
    

    /* Menu 高度 + 文字高度 (PDU 文字較多) (不加 span 舊作法) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li:last-child a {
    /* padding: 4% 2% !important; 較多文字高度 */
    }

    /* Menu 文字 (加 span 新作法) >> 較高高度 (PDU 文字較多) */
    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li a span.High-TMenu {
    padding: 4% 2% !important;
    display: block;
    }





 /* 993 以上 */
 @Media (min-width: 993px) {}






    
/*--------------------- ePublication >> #Tab-Content_Section (Grid Listing) -------------------------*/

#Tab-Content_container {
    margin-top: 2%;
  }


/* 一般封面專用 (直向) */
#Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    /*background-image: url("IMAGE_URL") no-repeat center center, linear-gradient(45deg, rgb(232, 236, 237) 0%, rgb(232, 236, 237) 60%, rgb(232, 236, 237) 90%, rgb(232, 236, 237) 100%);*/
    background: rgb(232,236,237);
    background: -moz-linear-gradient(-45deg,  rgba(236, 241, 242, 1) 0%, rgba(222, 230, 232,1) 47%, rgba(232, 236, 237,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(236, 241, 242, 1) 0%,rgba(222, 230, 232,1) 47%,rgba(232, 236, 237,1) 100%);
    background: linear-gradient(135deg, rgba(236, 241, 242, 1) 0%,rgba(222, 230, 232, 1) 50%,rgba(232, 236, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eced', endColorstr='#e5e9ea',GradientType=1 );
    background-repeat: no-repeat !important;
    clip-path: inset(0% 4% 1% 0% round 7px); /* round 7px >> 上下左右切圓角 */

    background-size: 100% !important;
    background-position: center !important;
    background-size: 110% !important;
    background-position: 50% -30% !important;
    background-size: 120% !important;
    background-position: 50% -50%;
    background-size: 135% !important;
    background-position: 50% -30%;

    clip-path: inset(0% 4% 1% 4% round 8px); /* round 8px >> 上下左右切圓角 */
    clip-path: inset(0% 4% 0% 1% round 8px); /* round 8px >> 上下左右切圓角 */
    border: 1px solid #d3d6d9;
    border: 1px solid #dbdddf;

    min-height: 350px;
    min-height: 375px;
    min-height: 385px;
    min-height: 400px;
    margin-bottom: 3%;
}




/* Solutions Guide 封面專用 (封面橫向) (看是否圖檔名 + Horizontal-thumbnail 判斷) */
#Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
#Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail {
    background-size: 107% !important;
    background-position: 50% 16% !important;
    background-position: 50% 55% !important;

    min-height: 380px;
    background-size: 119% !important;
    background-position: 50% 100% !important;
}



#home_promotion_top .promo_item:last-child {
    border-right: 0px solid #fff !important;
    border-right: none !important;
}

#home_promotion_top .promo_item,
#home_promotion_top .promo_item:nth-child(2) {
    border-right: 15px solid #fff !important;
    border-right: none !important;
}

#home_promotion_top .promo_item .hover_block p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    line-height: 1.6em;
    text-align: left;
    cursor: pointer;
    font-weight: 400 !important;
    /*text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.7) !important;*/
}


#home_promotion_top .promo_item .hover_block {
    bottom: 0;
    max-height: 80px;
    max-height: 85px;
    overflow-y: hidden;
    padding-bottom: 0;
    padding: 3% 6%;
    z-index: 1;
    background: rgba(0, 39, 101, 0.8);
    /*border-left: 13px solid rgba(0, 88, 255, 0);*/
    border-left: 0px solid rgba(0, 88, 255, 0);

    padding: 3% 10%;
    padding: 3% 8%;

    transition: all .4s ease-in-out 0s;
}


#home_promotion_top .promo_item .hover_btn {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.5);
}

#home_promotion_top .promo_item .hover_block {
    color: rgba(255, 255, 255, 1.0);
    /*background: rgba(0,0,0,0.75);*/
    /*background: rgba(4,57,128,0.8);*/
    /*藍 background: rgba(0, 49, 142, 0.8); */
    background: rgba(20, 30, 49, 0.8);
    /*border-left: 13px solid rgba(0, 88, 255, 0.0);*/
    border-left: 0px solid rgba(0, 88, 255, 0.0);
}

/* ePub item > hover >> Blue Mask */
#home_promotion_top .promo_item:hover .hover_block {
    background: rgba(0, 49, 142, 0.8);
    /*border-left: 13px solid rgba(0, 88, 255, 0);*/
    border-left: 0px solid rgba(0, 88, 255, 0);

    background: rgba(0, 54, 124, 0.8);
    backdrop-filter: blur(4px); /*blur bg*/

    transition: all .5s ease-in-out 0s;
}


#home_promotion_top .promo_item:hover .hover_block h3 {
    /*margin: 130px 0 20px 0;*/
    margin: 20px 0 20px 0;
    transition: all 0.3s ease-in-out 0s;
}


#home_promotion_top .promo_item .hover_block h3 {
    font-weight: 500;
    font-size: 1.55em;
    font-size: 1.07em;
    line-height: 1.5em;
    font-size: 1em;
    font-size: 1.1em;
    font-size: 1.15em;
    line-height: 1.4em;
    /*text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.7) !important;*/
    text-shadow: -1px -2px 4px rgba(0, 0, 0, 0.7) !important;
    margin-top: 10px;
    transition: all 1s ease-in-out 0s;
}

#home_promotion_top .promo_item .hover_block h3::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054" !important;
    color: rgba(255, 255, 255, .4);
    font-size: 1em;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    margin: 0;
    position: relative;
    display: inline-block;
    line-height: 1.3em;
    padding-left: 17px;
    top: 2px;

    padding-left: 10px;
    top: 1px;
    transition: all 0.1s;
}


#home_promotion_top .promo_item .hover_block:hover h3::after {
    transform: rotate(90deg);
    top: 24px;
    left: 3px;
    transition: all 0.1s;
    transform-origin: right top;
}


#home_promotion_top .promo_item.item_right:hover .hover_block h3 {
    margin: 20px 0;
    transition: all 1s ease-out;
}



#home_promotion_top .promo_item .hover_block a.btn,
#home_promotion_bottom .promo_item a.btn {
    border-radius: 3px;
    background-color: rgba(7, 174, 211, 1.0);
    border: 1px solid rgba(4, 187, 228, 0.9);
    font-weight: 500;
}



/* Label-Item 標籤 (All 標籤) (Defautl Blue) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item::before {
    content: '';
    z-index: 1;
    display: inline-block;
    position: absolute;
    font-family: 'Saira Semi Condensed', 'Roboto', sans-serif !important;
    color: #fff;
    font-size: 0.95em;
    font-weight: 600;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: -0.001em !important;
    letter-spacing: 0.01em !important;
    text-shadow: 0px 1px 0px #175064;
    text-shadow: 0px 1px 0px rgba(31,61,95,.3);
    text-shadow: 1px 1px 0px rgba(31,61,95,.4);
    text-shadow: 0px 1px 2px rgba(31,61,95,.3);
    box-shadow: 2px 3px 8px rgba(0,0,0,.35);

    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,.1);
    border-top: 2px solid rgba(255,255,255,0.2);

    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 3%;

    background: #017ab1;
    background: -moz-linear-gradient(-45deg, #017ab1 0%, #019dbc 41%, #015ba5 88%);
    background: -webkit-linear-gradient(-45deg, #017ab1 0%,#019dbc 41%,#015ba5 88%);
    background: linear-gradient(135deg, #017ab1 0%,#019dbc 41%,#015ba5 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ab1', endColorstr='#015ba5',GradientType=1 );

    content: 'New';
    font-size: 1em;
    font-weight: 500;
    padding: 4px 36px;
    right: -34px;
    top: 27px;
    
}

/* Label-Item.color-G (色彩-綠標籤) (Green) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.color-G::before {
    background: #75b719;
    background: -moz-linear-gradient(135deg, #66aa08 0%, #75b719 41%, #5b9b03 88%);
    background: -webkit-linear-gradient(135deg, #66aa08 0%,#75b719 41%,#5b9b03 88%);
    background: linear-gradient(135deg, #66aa08 0%,#75b719 41%, #5b9b03 88%);

    background: -moz-linear-gradient(135deg, #66aa08 0%, #76bf10 41%, #5b9b03 88%);
    background: -webkit-linear-gradient(135deg, #66aa08 0%,#76bf10 41%,#5b9b03 88%);
    background: linear-gradient(135deg, #66aa08 0%,#76bf10 41%, #5b9b03 88%);

    background: -moz-linear-gradient(135deg, #6bb20a 0%,#88bf10 41%, #5b9b03 88%);
    background: -webkit-linear-gradient(135deg, #6bb20a 0%,#88bf10 41%, #5b9b03 88%);
    background: linear-gradient(135deg, #6bb20a 0%,#88bf10 41%, #5b9b03 88%);
}

/* Label-Item.color-LG (色彩-亮綠標籤) (Light Green) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.color-LG::before {
    color: rgba(12,29,49,.9);
    text-shadow: -1px -1px 1px rgba(255,255,255,.4) !important;

    background: #a0e228;
    background: -moz-linear-gradient(135deg, #66aa08 0%,#a0e228 41%, #5b9b03 88%);
    background: -webkit-linear-gradient(135deg, #66aa08 0%,#a0e228 41%, #5b9b03 88%);
    background: linear-gradient(135deg, #66aa08 0%,#a0e228 41%, #5b9b03 88%);

    background: -moz-linear-gradient(135deg, #a0e228 0%,#a0e228 41%, #88c815 88%);
    background: -webkit-linear-gradient(135deg, #a0e228 0%,#a0e228 41%, #88c815 88%);
    background: linear-gradient(135deg, #a0e228 0%,#a0e228 41%, #88c815 88%);

    background: -moz-linear-gradient(138deg, #aedf27 5%,#b9ec2c 41%, #88c815 100%);
    background: -webkit-linear-gradient(138deg, #aedf27 5%,#b9ec2c 41%, #88c815 100%);
    background: linear-gradient(138deg, #aedf27 5%,#b9ec2c 41%, #88c815 100%);

    background: -moz-linear-gradient(138deg, #ddf879 5%,#b9ec2c 41%, #88c815 100%);
    background: -webkit-linear-gradient(138deg, #ddf879 5%,#b9ec2c 41%, #88c815 100%);
    background: linear-gradient(138deg, #ddf879 5%,#b9ec2c 41%, #88c815 100%);
}

/* Label-Item.color-G (色彩-黃標籤) (Yellow) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.color-Y::before {
    background: -moz-linear-gradient(135deg, #d77b05 0%,#eea20f 41%, #d77b05 88%);
    background: -webkit-linear-gradient(135deg, #d77b05 0%,#eea20f 41%, #d77b05 88%);
    background: linear-gradient(135deg, #d77b05 0%,#eea20f 41%, #d77b05 88%);
}


/* Label-Item.Sign-Slash 標籤 (斜標籤長 New Releases) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.Sign-Slash::before {
    content: 'New Releases';
    transform: rotate3d(0, 0, 1, 45deg);
    clip-path: polygon(17.5% 0%, 81.5% 0%, 104% 114%, -3% 105%);
    font-size: 0.85em;
    top: 31px;
    right: -38px;
    padding: 4px 40px;
}


/* Label-Item.Sign-Slash-Short 標籤 (斜標籤短 New) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.Sign-Slash-Short::before {
    transform: rotate3d(0, 0, 1, 45deg);
    clip-path: polygon(17.5% 0%, 81.5% 0%, 104% 114%, -3% 105%);
    padding: 4px 35px;
    font-size: 0.9em;
    right: -27px;
    top: 7px;
}


/* Label-Item.Sign-Triangle 標籤 (三角標籤 New) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.Sign-Triangle::before {
    transform: rotate3d(0, 0, 1, 0deg);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    padding: 2% 2.3% 8% 11%;
    padding: 2.5% 3.3% 9% 14%;

    text-align: right;
    right: 0px;
    top: 0px;

    transform: scaleX(0.95);
    right: -2px;
}


/* Label-Item.Sign-Circle 標籤 (圓形標籤 New) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.Sign-Circle::before {
    transform: rotate3d(0, 0, 1, 0deg);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    clip-path: unset !important;
    padding: 21% 13% 5% 7%;
    right: -36px;
    top: -68px;

    box-shadow: 2px 2px 5px rgba(0,0,0,.35);
    border-radius: 300px;
    text-align: left;

    transform: scaleX(0.95);
    padding: 20.5% 12.5% 4% 8%;
    padding: 20.5% 13% 4% 8%;
    padding: 20.5% 14% 4.5% 9%;
    padding: 21% 15% 4.5% 10%;
    padding: 21.5% 15.5% 5.5% 11%;
    padding: 21.5% 15% 5.5% 10%;
}


/* Label-Item.Five-Aangle 標籤 (五角標籤 New) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.Sign-Five-Aangle::before {
    transform: rotate3d(0, 0, 1, 0deg);
    clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
    padding: 3% 4% 6%;
    padding: 3% 5% 6.5%;

    text-align: center;
    right: 1px;
    top: 0px;

    transform: scaleX(0.95);
    padding: 3% 4% 6%;
    right: 2px;
    top: 0px;
}


/* Label-Item.Multi-Aangle 標籤 (多角標籤 New) */
#Tab-Content_Section #home_promotion_top .promo_item.Label-Item.Sign-Multi-Aangle::before {
    transform: rotate3d(0, 0, 1, 0deg);
    clip-path: polygon(100% 0, 100% 100%, 50% 74%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
    padding: 3% 4% 6%;
    padding: 3% 5% 6.5%;

    text-align: center;
    right: 3px;
    top: 0px;

    transform: scaleX(0.95);
    padding: 3% 3.3% 5%;
    padding: 2.5% 3.3% 5.5%;
    right: 4px;
    top: 0px;
}











/****************** New for V2 *********************/
    
#Tab-Content_Section .tabs {
    background: #fff;
    border-radius: 7px;
    /*filter: drop-shadow(-1px -1px 10px rgba(0, 0, 0, 0.1)) !important;*/
}


.ePublication_tab-Content {
    /* filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.2)) !important; */
    filter: drop-shadow(1px -1px 2px rgba(0, 0, 0, 0.1)) !important;
}


/* No Tab Menu */
#Tab-Content_Section.markets-solutions-applications.No-Tab {
    padding-top: 2.5%;
    padding-top: 2%;
}


#Tab-Content_Section #home_promotion_top .promo_item {
    /*clip-path: none !important;*/
    clip-path: inset(0% 4% 1% 4% round 8px);
    border: 1px solid #d3d6d9;
    border: 1px solid #dbdddf;
    /*border-radius: 7px;
    margin-right: 2%;
    width: calc(100%/3.25);*/

    border: 2px solid #fff;
    border-right: 17px solid #fff !important;
}

#home_promotion_top .promo_item, #home_promotion_top .promo_item:nth-child(2) {
    border-right: none !important;
}

#home_promotion_top .promo_item .hover_block {
    padding: 3% 10%;
}

/* Solutions Guide 專用 (封面橫向) */
#Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
#Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail {
    background-size: 107% !important;
    background-position: 50% 16% !important;
    background-position: 50% 55% !important;

    min-height: 380px;
    background-size: 119% !important;
    background-position: 50% 100% !important;
}


/* All Guide 高度需相同 (封面橫向 + 直向) */
#Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
#Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail, 
#Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    min-height: 400px;
}




@Media (max-width: 810px) {

    #Tab-Content_Section #home_promotion_top .promo_item {
    background-size: 100% !important;
    background-position: center !important;
    margin-bottom: 10%;

    background-size: 140% !important;
    border-right: 14px solid #fff !important;
    }

    /* 一般封面專用 (直向) */
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    background-size: 100% !important;
    background-position: 50% -30% !important;
    }

    /* Solutions Guide 專用 (封面橫向) */
    #Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail {
    background-size: 100% !important;
    background-position: 50% 40% !important;
    }

    #Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    min-height: 50vh;
    }

    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    margin-bottom: 7%;
    }

    #Tab-Content_Section.markets-solutions-applications ul.tab-nav:not(.tab-nav-lg) li a span {
    padding: 10% 4% 8% !important;
    }


}

@Media (max-width: 768px) {

    /* 一般封面專用 (直向) */
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    background-size: 100% !important;
    background-position: 50% 30% !important;
    }

    /* Solutions Guide 專用 (封面橫向) */
    #Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail {
    background-size: 100% !important;
    background-position: 50% 40% !important;
    }

    #Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    min-height: 50vh;
    }

    #home_promotion_top .promo_item,
    #home_promotion_top .promo_item:nth-child(2) {
    border-right: 0px solid #fff !important;
    }

}


@Media (max-width: 480px) {

    #Tab-Content_Section .ePublication_tab-Content.Horizontal-thumbnail #home_promotion_top .promo_item, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item.Horizontal-thumbnail, 
    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    min-height: 40vh;
    }

    #Tab-Content_Section .ePublication_tab-Content #home_promotion_top .promo_item {
    margin-bottom: 10%;
    }

    #home_promotion_top .promo_item .hover_block h3 {
    font-size: 1.1em !important;
    }

}