/* a:link{}*/        /* 未連結 */
/* a:visited{}*/    /* 已連結過 */
/* a:hover{}*/     /* 滑鼠移至連結 */
/* a:active{}*/    /* 選擇的連結(active 是正作用中，時間點也就是點下滑鼠到放開這之間的時間區段) */ 
/* a:focus{}*/     /*focus 的時間較active長了點，用表單文字欄位來說明，點進去文字欄位到放開滑鼠，在文字欄位上產生游標準備輸入文字，這段短短的時間叫作 active，一旦這個動作完成，文字欄位就進入到 focus 的階段，時間長短就看使用者什麼時候讓其他元件或標籤 active 了。*/ 
   
/*
    https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-smooth

    webkit-font-smoothing非W3C標準， 在MacOS上才有效果
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
antialiased抗鋸齒
subpixel-antialiased在多數非視網膜顯示器上，提供最清晰的文字
*/

/*
.c-shadow{
    box-shadow: 1px 0px 1px 1px #FFFFFF,  -1px 0px 1px 1px #FFFFFF, 0px -1px 1px 1px #FFFFFF, 0px 1px 1px 1px #CCC; 
}
    h-shadow：水平位移距離
    v-shadow：垂直位移距離
    blur：模糊半徑
    spread：擴散距離 ，    color：顏色
*/

/*多行 文本溢出 顯示*/ /*僅chrome Eage有用*/
/*.text-truncate4 {
          overflow: hidden;
          text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
}*/

/*
    @media (min-width: 576、768、992、1200、1400px) {}
    @media (max-width: 575.98px) {}
*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swa');
*/


@import url(IEKprint.css);
@import url(IEK2019_RWD.css);

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(Roboto/Roboto-Regular.ttf) format('truetype');
}
* {border-radius: 0 !important;}/*於此處，可以把圓角全部改為直角*/
.mCSB_container{position:relative; top: 0;}

html,
body {
    margin: 0;
    font-family:"Roboto", "Microsoft Jhenghei", Arial, sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizelegibility; /*繪制文本時易讀性優先，會啟用字距調整和連字*/
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;/*antialiased抗鋸齒、subpixel-antialiased在多數非視網膜顯示器上，提供最清晰的文字*/
    /*-moz-osx-font-smoothing: grayscale; macOS抗鋸齒*/
}
body {
    /*background: linear-gradient(45deg, rgba(201,201,201,0.85) 0%,rgba(255,255,255,255) 25%);*/ 
    background: rgba(245, 247, 248,1) url(../img/bg.png) top left no-repeat;
    /*background-image: 
        url(../img/bg.png),
        linear-gradient(90deg, rgba(255,255,255,.05) 50%, rgba(255,250,250,1) 90%),
        linear-gradient(180deg, rgba(255,255,255,.85) 0%, rgba(196, 203, 207,.85) 50%, rgba(255,255,255,.85) 80%);
    background-repeat: 
        no-repeat,
        no-repeat,
        no-repeat;
    background-position: 
        top left,
        top left,
        top left;*/
}

main.theme{background: #eef9fc  url(../img/bg2.png) top left no-repeat;}

h1,h2,h3,h4,h5,h6,h7{line-height:1;}
    h1 {font-size: 2rem;}
    h2 {font-size: 1.8rem;}
    h3 {font-size: 1.5rem;}
    h4 {font-size: 1.2rem;}
    h5 {font-size: 1rem;}
    h6 {font-size: 0.85rem;}
    h7 {font-size: 0.75rem;}

a{
    /*color: #343a40;*/
    color: #000;
    text-decoration: none;  
}
    a:hover, 
    a:focus {
        color:#e07400;
        outline: 0 !important;
        text-decoration: none;  
    }
    /*a:visited {
       color: #343a40;
       text-decoration: none;  
    }*/
th{white-space: nowrap}
td{word-break: break-all;}

button:disabled,
input:disabled{cursor:not-allowed}


/*20年logo定位用用*/
.twentyLogo{
    position:absolute; 
    top: 0rem; 
    left: 11.5rem;
    margin: 0;
    padding: 0;
}

/*------------------------------------
  █ 共通樣式 █
------------------------------------*/
.row .form-check-inline,
.form-row .form-check-inline{margin-right:0;}
.text-truncate2 {
    overflow: hidden;
    display:-webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*small 是80%*/
.small1 {
  font-size: 90%;
  font-weight: 400;
}
.small-2 {
  font-size: 75%;
  font-weight: 400;
}
.g-block{display: block;}
.g-ml-16{margin-left:16px;}
.g-ml-18{margin-left:18px;}

/*gototop定位問題*/
.data-position{bottom:30px; right:30px; position:fixed}

/* 漸層底色 */
.g-bg-cGreen-gradient-opacity,
.g-bg-cGreen-gradient-opacity--after::after {
  background-repeat: repeat-x;
  /*background-image: linear-gradient(150deg, rgba(20,150,135, 0.85), #146e8b);*/
  background-image: linear-gradient(150deg, rgba(110,180,120, .75)0%, rgba(20,160,180, .95)70%);
}

.g-bg-cBlue-gradient-opacity,
.g-bg-cBlue-gradient-opacity--after::after {
  background-repeat: repeat-x;
  background-image: linear-gradient(150deg, rgba(53, 171, 193, 0.75), #078092);
}

/* for線上購書封面背景 */
.IEK-bg-book {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #919da7, #575e5d);
  background-repeat: no-repeat;
}

/*底線虛線*/
.c-brd-BDo-2_5{border-bottom:1px dotted rgba(255,255,255,.25);}
.c-brd-BDoB-1{border-bottom:1px dotted rgba(0,0,0,.1);}
.c-brd-BDo{border-bottom:1px dotted #8d9096;}
.c-brd-BDoG{border-bottom:1px dotted #D0D0D0;}

/*底線實線*/
.c-brd-3BSo{border-bottom:3px solid #8d9096;}
.c-brd-3TSo{border-top:3px solid #8d9096;}


/*Button Goup下拉icon(Unify 26687)*/
.dropdown-toggle::after {
    position: relative;
    top: 0.21429rem;
    display: inline;
    border: none;
    margin-left: 0.25rem;
    content: "\f107";
    font-family: "FontAwesome" !important;
    font-size: 12px;
}

/*灰框*/
.u-btn-outline-grey {
  color: #000;
  border-color: #DDD;
  /*background-color: transparent;*/
  background-color: #FFF;
}
    .u-btn-outline-grey:focus, 
    .u-btn-outline-grey.active {
      color: #fff;
      background-color: #26304d;
    }
    .u-btn-outline-grey:hover {
      color: #fff;
      background-color: #26304d;
    }
 
/*新增label--xs*/
.u-label--xs {font-size: .75rem;}
    .u-label.u-label--xs {
        display: inline-block;
        padding: .2rem .25rem;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        color: #fff;
    }
/*作者icon；首頁右側，內頁左側*/
 i.icon-communication-128.u-line-icon-pro{color:#777; font-size:.8rem;}

/*========================================================
  Top █
==========================================================*/
/* █ topBar*/
.g-bg-topBar{background: linear-gradient(90deg,  rgba(38,48,77,.8) 15%,rgba(38,48,77,.8) 100%) !important;}/*topBar背景色*/
.topBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
           flex-wrap: wrap;

    -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;

            -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;

            -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
    margin: 0;
    padding: 0;
    color: #bbb !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1;
}
    @media (min-width: 992px) {
        .topBar {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        }
    }
/* █ Nav*/
.u-header {
  font-size: 20px;
  font-weight: 500 !important;
}
    /*1730*/
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
      color: #000;
    }
     /*hover的顏色。1728*/
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {color:rgba(50,120,200,1);}
     /*1744 active 的顏顏色*/
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
    .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
    .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {color: #c63300;}

    /*Logo(SVG)樣式*/
    .cls-1{fill:#0068b7;} /*IEK顏色*/
	.cls-2{fill:#262626;}/*產業情報網顏色*/

/* █ mega-menu (bootstrap 4575行) */
/*選單後方的箭頭*/
.hs-has-mega-menu > a::after,
.hs-has-sub-menu > a::after {
    content: "\f107";
    font-family: "FontAwesome" !important;
    font-size: 13px;
    display: inline;
    margin-left: 2px;
}
    .hs-mega-menu{
        width: 100% !important;
        margin-top: 0.71429rem !important;
        padding: 0 20px;
        font-weight:400;
        border-top:2px solid rgba(38,48,77,1);
        box-shadow: 0 3px 3px -1px rgba(150,150,150,0.5);
        background: rgba(38,48,77,1);
    }
    .hs-mega-menu section{padding: 12px 0px 0px 0px !important;}
    .hs-mega-menu h4{
        margin: 0;
        padding-bottom:1px;
        font-weight:600;
        color: rgba(240,190,17,1);
        /*border-bottom: 1px solid rgba(255,255,255,.1);*/
    }
        .hs-mega-menu h4 a{color: rgba(240,190,17,1);}
        .hs-mega-menu h4 a:hover{color: rgba(40,190,180,1);}
        .focus{color: rgba(10,195,160,1) !important;}/*主題快搜的顏色*/
    .hs-mega-menu ul{
        padding-left: 2px;
        list-style: none;
    }
        .hs-mega-menu ul li {
            margin:0;
            padding:0 !important;
            line-height:1.2;
        }
        .hs-mega-menu ul li a{
            /*font-size:0.941rem;*/
            font-size: 16px;
            font-weight:400;
            color: #FFF;
        }
        .hs-mega-menu ul li a:hover{
            color:rgba(242,190,17,1);
        }
        .hs-mega-menu ul li a:before{
            content: "\f105";
            font-family: "FontAwesome";
            display: inline-block;
            padding-right: 3px;
            color:rgba(255,255,255,.4);
        }
     
    /* █ Nav下拉選單，【活動、影音、線上購】 */
    .hs-sub-menu{
        min-width: 10rem;
        margin-top: 0.71429rem !important;
        padding-left: 0;
        list-style: none;
        border-top: 2px solid rgba(38,48,77,1) ;
        -webkit-box-shadow: 0 3px 3px -1px rgba(150,150,150,0.5);
        box-shadow: 0 3px 3px -1px rgba(150,150,150,0.5);
    }
         .hs-sub-menu .dropdown-item {font-size: 1rem;}
        
/*========================================================
  Footer
==========================================================*/
footer{margin-top:30px;}
    .copyright{
        padding: 20px 0;
        font-size: 0.93rem;
        font-weight:300;
        color:rgba(255,255,255,.75);
        background:rgba(0,0,0,.5);
    }
/*========================================================
  首頁、主題內頁 masonry
==========================================================*/
/* masonry */
/* 今日推薦底色_20191125新增 */
.bg-HomeToday{
    background: linear-gradient(180deg, rgba(255,255,255,0.01) 0%,rgba(255,255,255,.5) 25% ,rgba(255,255,255,.9) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* masonry 標題*/
.masonry-grid-item article H2{
    font-size:2rem;
    line-height:1.2;
    font-weight:600;
}
    .masonry-grid-item article H3{
        margin-bottom: .75rem;
        font-size:1.72rem;
        line-height: 1.1;
        font-weight: 600;
        text-align: justify;
        
    }
    /*專家黃頁*/
     .masonry-grid-item article H4{
        font-size:1.5rem;
        line-height: 1.2;
        font-weight: 600;
        margin-bottom: 0px;
    }
    /* masonry 簡介文*/
    .masonry-grid-item article p{
        line-height:1.5;
    }
    /* masonry 有底圖的標題*/
    .masonry-grid-item figure H2{
        font-size:2.3rem;
        line-height:1.2;
        font-weight:600;
        margin-bottom: 20px;
        color: #FFF;
    }
    /*影片*/
    .embed-responsive-4by3::before {padding-top: 67%;}
    /* 新聞數字 */
    .g-bg-newsNumber{
      background-repeat: repeat-x;
      /*background: linear-gradient(170deg, rgba(245,155,0,1) 40%,rgba(245,212,0,1) 99%);*/
      /*background: linear-gradient(170deg, rgba(91,116,179,1) 25%,rgba(140,154,199,1) 100%);*/
      background: linear-gradient(170deg, rgba(245,155,0,1) 0%, rgba(242,220,36,1)25%, rgba(242,220,36,1) 30%,rgba(25,170,170,1) 70%);
    }
/*首頁masonry：--IEKevents，數字新聞--...裝飾的樣式 unify25935行*/
.info-v3-1__title::before, 
.info-v3-1__title::after {
    height: 1px;
    background-color: rgba(255,255,255,.5);
}

/*========================================================
　內頁 █ 主題專區 █ 樣式
==========================================================*/
/*會員中心 也有用到*/
/*button群組 ，兩邊的黑線*/
.VIPdivider {
    position: relative;
    display: inline-block;
}
    .text-center .VIPdivider::after, 
    .text-center .VIPdivider::before{
        content: "";
        position: absolute;
        display: inline-block;
        top: 50%; /*線在位置*/
        width: 5rem !important; /*線在寬度*/
        border: 2px solid transparent;
        border-width: 0 0 2px 0;
    }
        .text-center .VIPdivider::before { 
            left: -5.7rem;/*左線與but 群組的距離*/  
            border-image: linear-gradient(to right, rgba(255,255,255,.75) 0%, rgba(130,140,170,.5) 50%);
            border-image-slice: 1;
        }  
        .text-center .VIPdivider::after { 
            right: -6rem; /*右線與but 群組的距離*/  
            border-image: linear-gradient(to left, rgba(255,255,255,.75) 0%, rgba(130,140,170,.5) 50%);
            border-image-slice: 1;
        } 
    /*小於 576時*/
    @media (max-width: 575.98px) {
        .text-center .VIPdivider::after, 
        .text-center .VIPdivider::before{
            width: 0 !important; /*線在寬度*/
            border: 0 solid transparent;
        }
    }
/* gridBlock中深色底用到的Title */
.gridBlock__title {
  position: relative;
  display: inline-block;
  margin-left: 4.28571rem;
  margin-right: 4.28571rem;
}
    .gridBlock__title::before, 
    .gridBlock__title::after {
      content: "";
      position: absolute;
      top: 50%;
      display: block;
      width: 3.57143rem;
      margin-top: -1px;
      height: 1px;
      background-color: rgba(242,190,17,.3);
    }
    .gridBlock__title::before {
      right: 100%;
      margin-right: 2px;
    }
    .gridBlock__title::after {
      left: 100%;
      margin-left: 2px;
    }


/*========================================================
    █ 首頁右側
    █ 內頁左側
==========================================================*/
/*熱門焦點、熱門簡報熱門專家、 熱門專區關鍵議題、近期活動、主題文章推薦、之標題樣式*/
.latestHead{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;

    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
        align-items: center !important;
    
    margin-bottom: 1rem; 
    padding: .5rem 0 0;
    border-bottom:4px solid rgba(68, 82, 126,.25);
}
    /*首頁-右欄--作者*/
    label.jquerySelectorAuthorToLink {
         margin: 0;
         padding-bottom: 0;
         line-height:1;
    }
    /*英文標題*/
    .latestHead H3{
        color: rgba(68, 82, 126,1);
        letter-spacing: 0; /*default=0*/
        text-transform: uppercase !important;
    }
        @media (min-width: 1200px) and (max-width: 1399.98px) { 
            .latestHead H3{font-size:1rem;}
        }
    .latestHead .H5{
        font-size:1rem;
        margin-left:5px;
        font-weight:600;
        color: rgba(0,0,0,.9)
    }
    .latestHead .r-more{
        font-size: 14px;
        font-weight: 100;
    }

    /*收合廣告*/
    .collapseAD{
        margin-bottom:20px;
        background: #999
    }
        .collapseAD.alert{
            position: relative;
            margin-bottom: 0;
            padding: 0;
            border: 1px solid transparent;
            border-radius: 0;
        }
            .collapseAD.alert .close {
                position: absolute !important;
                z-index: 99;
                top: 0;
                right: 5px;
                color: #000;
            }

/*
    首頁 ＞右方＞圖形廣告
    內頁 ＞左方＞圖形廣告
*/
.imgAD {
    max-width: 100%;
    height: auto;
    padding: .1rem;
    border: 1px solid #dee2e6;
    background-color: #fff;
}
/*========================================================
麵包屑
1200以下，主選單不會常駐，所以 只用g-mt-80--xl；
1200以下，內頁左選單會收合，所以設 @media (max-width: 1199.98px) { .breadcrumbs{}}
==========================================================*/
.breadcrumbs{padding: 0 0 0 .5rem;}
    
    .breadcrumbs a:link{color:rgba(0,0,0,0.7); }
    .breadcrumbs a:hover{color: #111; text-decoration: none;  }/*註待改：改為主色*/
    .breadcrumbs .path {
        font-size: 0.93rem;
        color: rgba(38,48,77,075);
        display: inline-block;
    }
        .breadcrumbs .path::after {
            margin:0 .5rem 0 .75rem;
            content: "\f105";
            font-family: "FontAwesome";
            color:#999;
        }
        .breadcrumbs [class*="path"]:last-child {
             font-size: 1.25rem;
             color: #000;
             font-weight:500;
        }
        .breadcrumbs [class*="path"]:last-child a:link {color: #26304d;}
        .breadcrumbs [class*="path"]:last-child::after  {
             content: "";
             display: block;
        }
    /*麵包屑1200以下樣式*/
    @media (max-width: 1199.98px) {
        .breadcrumbs{padding: 0;}
        .breadcrumbs .path::after {margin:0 .25rem 0 .5rem;}
        .breadcrumbs .path {font-size: 0.9rem;}
        .breadcrumbs [class*="path"]:last-child {font-size: 1rem;}
    }
    /*麵包屑576以下樣式*/
    @media (max-width: 575.98px) {
        .breadcrumbs{padding: 0;}
        .breadcrumbs .path::after {margin:0 .1rem 0 .2rem;}
        .breadcrumbs .path {font-size: 0.8rem;}
        .breadcrumbs [class*="path"]:last-child {font-size: .8rem; font-weight:600;}
    }

/*========================================================
內頁次選單(左欄)
==========================================================*/
/*次選單Header*/
.secMenuHeader{
    position: relative !important;
    padding:20px;
    margin: 0 10px -50px;
    text-align:center;
    background: #FFF;
    background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(254,255,255,1) 60%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(254,255,255,1) 60%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(254,255,255,1) 60%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}
    .secMenuHeaderText{
        margin: 0;
        display: block !important;
        font-size: 2rem;
        font-weight: 600;
        line-height: .7 !important;
        color:#26304d;
    }
        .secMenuHeaderText span{
            font-size: 1.25rem;
            vertical-align: bottom !important;
        }
    .secMenuHeaderBg{
        margin:0;
        padding: 40px 20px;
        background: rgb(68,82,126);
        background: -moz-linear-gradient(top,  rgba(68,82,126,1) 50%, rgba(38,48,77,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(68,82,126,1) 50%,rgba(38,48,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(68,82,126,1) 50%,rgba(38,48,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44527e', endColorstr='#26304d',GradientType=0 ); /* IE6-9 */
    }


.card{
    margin-bottom: 5px;
    border: 0px solid rgba(38,48,77,0.15);
}
    .u-accordion__header{
        padding: 10px 13px;
        border-top: 1px solid rgba(38,48,77,.1);
        border-bottom: 1px solid rgba(38,48,77,.1);
        background:rgba(245,245,250,1) ;
    }
        /*沒有次選項的狀況active的樣式--諮詢服務用到*/
        .u-accordion__header a.active{color: #1B7FE2;}
        /*主分類收合顏色*/
        .u-accordion__header [aria-expanded="false"] {
          /*color: rgba(255,255,255,0.75) !important;*//*註待改：改為主色*/
          color:rgba(0,0,0,1) !important;
        }
        /*主分類展開顏色*/
        .u-accordion__header [aria-expanded="true"] {
          color:rgba(0,0,0,1) !important;/*註待改：改為主色*/
          font-weight:600;
        }
        /*主分類icon*/
        .u-accordion__control-icon{margin-right: 5px;}

        /*次選項樣式*/
    .u-accordion__body{
        padding: 10px 13px 0px;
        border-bottom: 1px solid rgba(38,48,77,.1);
        background:rgba(255,255,255,.5) !important;
    }
        .u-accordion__body li{
            padding:8px 0px 8px 17px;
            border-bottom:1px dotted rgba(38,48,77,.2);
            font-weight:500;

            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;/*以上3個是d-flex的設定*/
            -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                justify-content: space-between !important;/*以上3個是justify-content-between的設定*/
        }
            .u-accordion__body li:last-child{border-bottom:0px dotted rgba(38,48,77,.2);}

            /*次選項active樣式*/
            .u-accordion__body li a.active{
                color:#1b7fe2;
            }
            /*次選項icon*/
            .u-accordion__body li span::after{
                content: "\f105";
                font-family: "FontAwesome", sans-serif;
                margin-left:10px;
                color:rgba(38,48,77,.3);
            }
        /*sitemap的樣式*/
        #sitemap .u-accordion__body li{
            padding:5px 0px 5px 0px;
            border-bottom:1px dotted rgba(38,48,77,.2);
            font-weight:500;

            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;/*以上3個是d-flex的設定*/
            -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                justify-content: space-between !important;/*以上3個是justify-content-between的設定*/
        }
           #sitemap .u-accordion__body li:last-child{border-bottom:0px dotted rgba(38,48,77,.2);}


 /*========================================================
內頁中欄
==========================================================*/
 /*內文search*/
 .contentSearch{
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
                box-shadow: 0 0 5px rgba(0,0,0,.2);
 }
    .contentSearch .input-group-text{
        color:#666;
        border-top: 0px solid #26304d;
        border-right: 1px solid rgba(68, 82, 126,.1);
        border-bottom:0px solid #26304d;
        border-left:0px solid #26304d;
        background:#f5f5fa;
    }
        .contentSearch .input-group-text input[type=checkbox]{
            margin:0 1px 0 0;
            color:#CC0000;
            border: 1px solid #26304d;
            background:#f5f5fa;
        }
         .contentSearch input{
            padding: 10px 10px;
            border:0px solid #26304d;
            background:#FFF;
        }
         .contentSearch .input-group-append button{
            padding: 10px 17px;
            border:1px solid #26304d;
        }
     /*4247*/
    .contentSearch .custom-select {
        border-top: 0px solid #ced4da;
        border-right: 1px solid #ced4da !important;
        border-bottom: 0px solid #ced4da;
        border-left: 0px solid #ced4da;
        font-size: 1rem;
        background-color:#F5F5FA;
    }

/*排序active樣式*/
.orderby .active{font-weight:600;}
    .orderby .active::after{
        margin-left:2px;
        content: "\f175";
        font-family: "FontAwesome", sans-serif;
        color:rgba(0,0,0,.3);
        font-weight:400;
    }

/*list item 列表頁樣式*/
.listItem{
    margin-bottom: 1rem;

    -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;

    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.25);
                box-shadow: 0 0 1px rgba(0,0,0,.25);

    -webkit-transition-duration: .3s;
                transition-duration: .3s;
}
    .listItem:hover{
      -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
              box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    }
    .listItem .table th{border-top: 0px solid #dee2e6 !important;}/*table的線，bootstrap1869*/
    /*左圖*/
    .listImg{
        border-right:0px solid #EEE;
        background-position: center !important;
        background-size: cover !important;
        /*上右下左*/
        -webkit-box-shadow: 
            0px 0px #f3d42e inset, 
            -3px 0px 3px 0px rgba(0,0,0,.1) inset, 
            0px 0px #ff0d2d inset, 
            0px 0px #034d5e inset;
	    -moz-box-shadow: 
            0px 0px #f3d42e inset, 
            -3px 0px 3px 0px rgba(0,0,0,.1) inset, 
            0px 0px #ff0d2d inset, 
            0px 0px #034d5e inset;
	    box-shadow: 
            0px 0px #f3d42e inset, 
            -3px 0px 3px 0px rgba(0,0,0,.1) inset, 
            0px 0px #ff0d2d inset, 
            0px 0px #034d5e inset;
    }
        .listImg figcaption{
            position: absolute !important;
            top:20px;
            padding: 6px 10px;
            text-align:center;
            text-transform: uppercase !important;
            line-height:1.2;
            color: #FFF;
            background: rgba(0,0,0,.75);
            box-shadow: 2px 2px 3px -1px rgba(150,150,150,0.5);
        }
        .listImg figcaption span{
            min-width: 30px;
            display: block !important;
        }
        .listImg figcaption hr {
            margin: 2px 0 3px;
            border-color: #fff;
        }
    /*右文*/
    .listItem .listText{
        padding: 30px 30px 30px 30px;
        background: #FFF;
    }
        article.listText h2{
            margin-bottom: 15px;
            line-height:1.2;
        }
            article.listText h2 a:hover{color:#305FAB;}
        /*日期*/
        article.listText .date{
            margin-left: 2px;
            color:rgba(0,0,0,.5);
        }
        article.listText p{color:rgba(0,0,0,1);}

    /*下文*/
    .listItem .listTextUp{
        padding: 20px 20px 40px 20px;
        background: #FFF;
        border-top:3px solid #26304d;
    }
        article.listTextUp h3{ line-height:1.2;}


/* ==pagIndex==*/
.pager .list-inline-item:not(:last-child) {
    margin-right: 0.1rem !important;
}

 /*========================================================
　內頁Detail頁 樣式
==========================================================*/
.detail{
    margin: 0 .5rem 3rem;
    padding: 0;
}
    /*分享icon*/
    .shareIcon {
        position: relative;
        display: inline-block;
        text-align: center;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        
        width: 2.25rem;
        height: 2.25rem;
        
        border-radius: 50% !important;
        color: rgb(68,82,126);
        background: rgba(254,255,255,1);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
                    box-shadow: 0 0 5px rgba(0,0,0,.1);
    }
        .shareIcon:hover {
            color: rgba(255,255,255,1);
            background: rgba(38,48,77,1);
        }
        .shareIcon > i,
        .shareIcon > span > i {
            position: relative;
            top: 50%;
            display: block;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            z-index: 2;
        }
        /*.shareIcon.active {
            color: rgba(254,255,255,1);
            background: rgb(68,82,126);
        }*/
        /*有用到嗎?*/
        /*.badgeNO {
            margin: 0 0 0 0; 
            font-size:11px;
            color:#FFF;
            background: #18ba9b;
            border-radius: 50% !important;
        }*/
        /*free樣式*/
        .free{
            padding: 0 .9rem; 
            font-size: 3rem;
            font-family: Verdana, sans-serif;
            font-weight: 600;
            line-height:1;
            color:#FFF; 
            background: rgba(38,48,77,1);
        }
            /*查詢結果用到*//*專家detail用到*/
            .free-1-2{
                font-size: 1.2rem;
                font-family: Verdana, sans-serif;
                line-height:1.5;
                color:#FFF; 
                background: rgba(38,48,77,1);
            }
            /*首頁熱門焦點、內頁左側...free用 */
            .free-side{
                font-size: 0.75rem;
                line-height:1;
                color:#FFF; 
                border-radius: 15px !important;
                background: rgba(38,48,77,0.75);
            }
            /*內頁影音list、 */
            .freeLable{
                padding:0rem .5rem;
                font-size: 0.75rem;
                line-height:1;
                color:#FFF;
                white-space: nowrap !important;
                border-radius: 15px !important;
                background: rgba(38,48,77,0.75);
            }
    /*標題*/
    .headingCh{
        margin:.5rem 0 0 0;
        font-size:3rem;
        font-weight:600;
        color: #000;
        line-height:1.2;
        vertical-align: bottom;
        letter-spacing:-1px !important;
    }
        .headingEn{
            margin:.5rem 0 0 .1rem;
            font-size:1.4rem;
            letter-spacing:-1px !important;
            word-spacing:.3rem;
            line-height:1;
            color: rgba(0,0,0,.5);
        }
    /*日期、點閱、下載(焦點2頁、簡報2頁)*/
    .subInfo{
        margin: 2rem 0 0 .5rem;
        font-size:1rem;
        color: #777;
        text-align:right;
    }
        .subInfo .list-inline-item:not(:last-child) {margin-right: 1rem;}
    /*日期、報社*/
    .subInfoNews{
        margin: 3rem 0 0 .5rem;
        font-size:1rem;
        color: #777;
    }
        .subInfoNews .list-inline-item:not(:last-child) {margin-right: 1.5rem;}

    /*==※作者※==*/
    
    /*全域。跟jquery共用的名稱*/
    .jquerySelectorAuthorToLink{line-height:1.5 !important;}

    /*焦點、簡報列表作者*/
    div.listItem.row.no-gutters .author{
        font-size: .88rem;
        color:rgba(0,0,0,.8);
    }
    /*焦點、簡報detail頁作者*/
    .author{
        font-size: 1rem;
        color:rgba(0,0,0,.8);
    }
        .author a:link{color:rgba(0,0,0,1);}
        .author a:hover{color:#0099cc;}
    /*焦點、簡報detail頁作者*/
    .detail .author.jquerySelectorAuthorToLink{
        margin-top: .5rem;
        line-height:1.3 !important;
    }
        .detail .author a,
        .detail .author span{
            display:inline-block;
            margin:0;
            /*width:  9rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;*/
        }
    /*相關領域*/
    .detail .domain{margin:0;}
        /*相關領域*/
        .domain-label{
            margin:1px;
            display: inline-block;
            padding: .25rem .58rem .35rem;
            font-size: .9rem;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            color: #777;
            border:1px solid rgba(0,0,0,.1);
            background-color: rgba(255,255,255,.5);
        }
        .domain-label[href]:link{ color: #777;}
        .domain-label[href]:hover, 
        .domain-label[href]:focus {
            color: #fff;
            background-color: #26304d;
        }
    /*字級icon（焦點、簡報、新聞） */
    .textsize {
        font-size: 1rem;
        color: #666;
        float: right;
    }
        .textsize a {
            margin: 0 0 0 5px;
            padding: 5px;
            display: inline;
            color: #000000;
            font-size: 1rem;
            font-weight: bold;
            border-radius: 0;
            border: 1px solid #CCC;
            background-color: #FFFFFF;
        }
        .textsize a:hover {
            color: #FFFFFF;
            background: #333
        }
        .textsize a:active {
            color: #FFFFFF;
            background: #333;
            text-decoration: underline;
        }
        .textsize .ts-on {
            color: #FFFFFF;
            background: #333;
        }
/*detail內容:由rich edit來
    detailContent為【焦點--登入後、新聞】的內容
    detailMore為【焦點--未入後】的內容：會分2個是因為H3被共用(未登入H3是內容大綱標題，登入後市圖表標題)
    detailContentPPT為【簡報】的內容
*/
.detailMore,
.detailContent,
.detailContentPPT{
    margin: 5rem 0 2rem;
    color:#000;
    word-break: break-all !important;
}
    /*新聞的*/
    .NewsMarginTop{margin: 1rem;}

.detailMore H3,
.detailContent H1,
.detailContent H2,
.detailContent H3,
.detailContent H4,
.detailContent H5,
.detailContentPPT H1,
.detailContentPPT H3{ font-weight:600;}

    .detailMore p,
    .detailContent p,
    .detailContentPPT p{
        margin-bottom: 2.75rem;
        font-size: 1.2rem;
        line-height:1.5;
        font-weight:400;
        text-align: justify;
        word-break: break-all;
    }
        .detailContent td p,
        .detailContent td ul,
        .detailContent td ol,
        .detailContentPPT td p,
        .detailContentPPT td ul,
        .detailContentPPT td ol{margin-bottom: .5rem;}

    /*.detailContent ul,
    .detailContent ol,
    .detailContentPPT ul,
    .detailContentPPT ol{ margin-bottom: 2rem; }*/

        .detailMore li,
        .detailContent li,
        .detailContentPPT li{
            margin: .5rem 0;
            padding-left: 0;
            font-size: 1.2rem;
            line-height:1.5;
        }
            /*.detailContentPPT li li{ list-style:disc;}*/
    .detailContent H1,
    .detailContentPPT H1{
        display: inline-block;
        margin: 1rem 0 .75rem;
        padding:0;
        font-size: 2rem;
        border-bottom:3px solid rgba(0,0,0,.7);
    }
    .detailContent H2{
        margin: 1rem 0 .5rem;
        padding:0 0 .2rem 0;
        font-size: 1.8rem;
    }
    /*H3圖表標題*/ 
    .detailContent H3{
        font-size:1rem;
        text-align: center !important;
    }
        .detailContent H3 img{
            margin-bottom: 0rem !important;
            max-width: 100%;
            height: auto;
            border: 1px solid #dee2e6;
            text-align: center !important;
        }
    
    /*H4版權宣告*/
    .detailContent H4{
        font-size:1rem;
        font-style: italic;
        color: rgba(0,0,0,.75);
   }
        .detailContent H4::after {
            content: "\00A0\00A0\2014";
            color:rgba(0,0,0,.3);
        } 
    .detailContent H5{font-size: 1.5rem;}
    .detailContentPPT H3{font-size:1.5rem;}/*簡報 的 簡報大綱*/
        

    /*ppt簡報內容*/ /*ppt簡報 內容，開遮罩，上下頁icon有直接動bootstrap6864*/
    .pptImg figure{
        margin-bottom:2.5rem;
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }
        /*ppt的圖檔說明樣式*/
        .detail figure figcaption{
            margin:0 -0.25rem -0.25rem;
            padding: 0 0.15rem;
            color: rgba(0,0,0,.75);
            border-top: 1px solid #dee2e6;
            background-color: rgba(0,0,0,.1);
        }

    /*==新聞 內文樣式==*/
    /*.detailContentNews{
        margin: 1.5rem .25rem 2rem;
        color:#000;
        word-break: break-all !important;
    }
        .detailContentNews P,
        .detailContentNews li{
            margin-bottom: 1.5rem;
            font-size: 1.2rem;
            line-height:1.2;
            font-weight:400;
            text-align: justify;
            word-break: break-all;
        }*/

/*===[大]字級___焦點簡報新聞 (未登入是沒有字級設定的)====*/
    .detailContent.textsizeL p,
    .detailContentPPT.textsizeL p{
        margin-bottom: 3rem;
        font-size: 1.5rem;
        line-height:1.6;
    }

    .detailContent.textsizeL li,
    .detailContentPPT.textsizeL li{font-size: 1.5rem;}

    .detailContent.textsizeL H1,
    .detailContentPPT.textsizeL H1{
        margin: 1.8rem 0 .5rem;
        font-size: 2.5rem;
    }
    .detailContent.textsizeL H2{font-size: 2rem;}
    .detailContent.textsizeL H3,
    .detailContent.textsizeL H4{font-size:1.2rem; }
    .detailContent.textsizeL h5,
    .detailContentPPT.textsizeL h3{ font-size:1.8rem;}


/*===[小]字級___焦點簡報新聞===*/
    .detailContent.textsizeS p,
    .detailContentPPT.textsizeS p{
        margin-bottom: 1.5rem;
        font-size: 1rem;
    }

    .detailContent.textsizeS li,
    .detailContentPPT.textsizeS li{font-size: 1rem;}

    .detailContent.textsizeS H1,
    .detailContentPPT.textsizeS H1{font-size: 1.8rem;}
    .detailContent.textsizeS H2{font-size: 1.5rem; }
    .detailContent.textsizeS H3,
    .detailContent.textsizeS H4{font-size:.8rem; }
    .detailContent.textsizeS h5,
    .detailContentPPT.textsizeS h3{ font-size:1.2rem;}
        

    /*===焦點、簡報、新聞 content設定===*/
    /*焦點、簡報，檔案下載 的框線*/
    .brdTB{
        margin: 0 0 2rem;
        padding:.75rem 0;
        border-top:1px dashed  rgba(0,0,0,.1); 
        border-bottom:1px dashed rgba(0,0,0,.1);
    }
    /*推薦閱讀*/
    /*推薦閱讀、相關新聞 標題*/
    .recommendHeader{
        position: relative;
        top: 2px;
        display: inline-block;
        margin: 20px 0 10px;
        padding:0 0 2px 0;
        color: #000;
        font-weight:600;
        border-bottom:3px solid rgba(38,48,77,1);
    }
    .recommend{}
        .recommend ul{
            padding: 0;
            list-style: none;
        }
        .recommend li{
            margin-bottom:5px;
            margin-left:0;
            padding: 0.5rem 0 0.5rem 0rem;
            list-style: none;
            border-bottom:1px dashed #DDD;
        }
        .recommend li:before{
            content: "\f105";
            font-family: "FontAwesome";
            display: inline-block;
            width: 2rem;
            margin-left: -2rem;
        }

/*線上購tab用。20180*/
[class*="u-nav-v5"] .nav-link.active {border-color: #000;}
/*次首頁中各主題項目*/
.subHeading{
    margin: 20px 0 0px;
    padding:0 0px 5px 0px;
    color: rgba(38,48,77,1);
    font-weight:600;
    border-bottom: 5px solid rgba(38,48,77,.3);
}
/*基本資訊(線上購)*/
.detail dt,
.detail dd{
    margin: 0;
    padding: 7px 2px ;
}

/*Q&A link的樣式*/
[id*="accordionFAQ-body-01-"] a,
[id*="accordionFAQ-body-02-"] a,
[id*="accordionFAQ-body-03-"] a,
[id*="accordionFAQ-body-04-"] a,
[id*="accordionFAQ-body-05-"] a,
[id*="accordionFAQ-body-06-"] a{
    color: #009999;
    text-decoration: none;  
}
    [id*="accordionFAQ-body-01-"] a:hover,
    [id*="accordionFAQ-body-02-"] a:hover,
    [id*="accordionFAQ-body-03-"] a:hover,
    [id*="accordionFAQ-body-04-"] a:hover,
    [id*="accordionFAQ-body-05-"] a:hover,
    [id*="accordionFAQ-body-06-"] a:hover{
        color:#e07400;
        outline: 0 !important;
        text-decoration: none;  
    }
    [id*="accordionFAQ-body-"] p{
        line-height: 1.5;
        margin-left:1.75rem;
    }
     
/*#accordionFAQ a{
    color: #009999;
    text-decoration: none;  
}
    #accordionFAQ a:hover, 
    #accordionFAQ a:focus {
        color:#e07400;
        outline: 0 !important;
        text-decoration: none;  
    }*/

 /*========================================================
　內頁 █ 專家detail █ 樣式
==========================================================*/
dd p {
    margin: 0 0 1rem 0 !important;
    line-height:1.8;
    text-align:justify;
}
/*諮詢頭像*/
.IDicon{
    width: 5rem;
    height: 5rem;
    margin-top: -1rem;
    font-size: 3.57rem;
    text-align: center;
    line-height: 4.78rem;
}

/*===綜合查詢，查詢結果===*/
/*次標題*/
#SearchResult H4{letter-spacing: -1px;}
/*作者*/
#SearchResult label.jquerySelectorAuthorToLink.text-truncate {
    width: 30rem;
    line-height:1 !important;
}
/*諮詢：內容由rich edit而來的樣式(還沒有設定 20190910)*/
.richContent{}

@media (max-width: 1199.98px) {
    .order-lgDown-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }


@media (max-width: 575.98px){
    /*文字直書 (會員中心，我的收藏有用到)*/
    .writingV{
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        font-size: .85rem !important;
        line-height:.85;
    }
    th,
    td{font-size: .8rem !important;}
}