.wrap{
    position: relative;
}
.breadcrumb {
    display: block;
    top: 420px;
    background:none;
    font-size: 16px;
}
.site-articlecategory>.container,.site-article>.container,.site-search>.container{
    margin-top: 80px;
}


/*--------------artcle-section文章列表區塊設定--------------------*/
.artcle-section img {
    height: 245px;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.artcle-section-content h2 {
    height: 60px;
    overflow: hidden;
    margin-bottom: 90px;
}

.article-section-tag {
    height: 70px;
    overflow: hidden;
}

.article-section-tag span {
    border: 1px gray solid;
    border-radius: 5px;
    padding: 2px 5px;
    margin-bottom: 10px;
}

.article-section-tag a {
    color: gray;

    line-height: 2.25em;
    word-break: keep-all;
}

.article-section-tag span:hover a {
    cursor: pointer;
    color: white;
}

.article-section-tag span:hover,
.article-section-tag .active,
.article-section-tag .active a {
    /*    cursor: pointer;*/
    background-color: #0062B1;
    color: white;
}


.thumbnail-date {
    position: absolute;
    bottom: 15px;
    background-color: #0062B1;
    left: 0px;
}



/*-----------------分頁頁碼CSS設定---------------------*/

ul.pagination li a,
.pagination > .disabled > a {
    font-size: 20px;
    color: gray;
    border: 0px;
    background-color: gainsboro;
}

ul.pagination li.active a,
ul.pagination li.active:hover a {
    background-color: gainsboro;
    color: gray;
}

ul.pagination li:focus a,
ul.pagination li:hover a {
    background: none;
    color: #0062B1;
    transform: scale(1.25);
    transition: all 0.2s;
}

ul.pagination li.disabled:hover a,
ul.pagination li.active:hover a {
    transform: scale(1);
}



.top-banner {
    background-image: url("../images/academic-information.jpg");
}

/*author-list頁面分頁頁碼*/

/**
* 右側欄位 熱門文章、文章分類、文章日期
* 多層下展開是選單樣式
* 如不需要箭頭圖標則在class中加入.not-icon
* 使用方法
* <ul class="ext-class">
*     <li>
*         <a class="switch-btn in" href="javascript:void(0)"></a>若要將展開與文字超連結分開使用此方式
*         <a href="#" data-classid="1" class="active">分類名稱</a>若只需要展開功能則直接在a元素中加入class switch-btn
*         <ul>
*             <li>項目</li>
*         </ul>
*     </li>
* </ul>
**/

/*-----------pmtd2 功能列設定結束-----------*/