.publicationsWrapper{
    color:#073e7f;
    font-size:1.5em;
    margin-bottom:150px;
}

.publicationsWrapper #tabs p:nth-of-type(1){
    margin-bottom:8px;text-align:center;
}

.pdf_collections{
    width:270px;
    display:inline-block;
    height:auto;
    margin:15px 15px;
    box-shadow:2px 5px 5px #d1d1d1;
}

.pdf_collections_box{
    max-width:270px;
}

.pdf_box_content{
    width:100%;
    margin:auto;
    color:#fff;
}

span.content_box_title{
    font-size:20px; 
    font-weight:bold; 
    color:#002091;
}

span.content_box_date{
    font-size:18px;
}

span.box_related_content{
    font-size:larger; 
    font-weight:bold; 
    border-bottom:1px solid black;
}

a.url_read_more{
    background-color:#2E75B6; 
    color:#fff; 
    font-size:22px; 
    font-weight:bold; 
    border-radius:5px; 
    text-decoration:none; 
    text-align:center;
}

a.url_box_content{
    background-color:#609ED6; 
    color:#fff; 
    font-size:15px; 
    font-weight:normal; 
    padding:15px; 
    border-radius:5px; 
    text-decoration:none; 
    text-align:center;
}

.text-content-list> a{
    margin:10px 0px !important;
}

#tabs{
    border:none;
}

#tabs>ul{
    background-color:#fff;
    border:0 !important;
}

#tabs>ul>li{
    border-bottom:3px solid #c5c5c5;
    border:0 !important;
}

#tabs>ul>li>a{
    height:30px;
    text-align:center;
    margin-top:10px ;
    font-size:16px;
    margin-bottom:10PX;
}

.pdf_collections{
    margin-top:40px;
    margin-bottom:60px;
}

.publications_cover{
    position:relative;
    cursor:pointer;
    line-height:20px;
}

.publications_cover img{
    width:100%;
}
.publications_cover:hover >a> .pdfOverlay{
    opacity:0.8;
}

.publications_cover img{
    left:-9px;
    width:107%;
    height:100%;
    position:relative;
}

.pdfOverlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    z-index:1;
    opacity:0;

}

.pdfOverlay>P:nth-of-type(1){
    color:#fff;
    letter-spacing:1px;
    font-size:1em;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);    
}

.pdfOverlay>P:nth-of-type(2){
    color:#fff;
    letter-spacing:1px;
    font-size:1em;
    position:absolute;
    top:60%;
    left:50%;
    transform:translate(-50%,-50%);    
}

.publications_cover>p{
    margin-top:5px;
	text-align:center;
}


.text-content-list>a{
    display:block;
    margin:40px 0px ;
}


@media screen and (max-width:767px) {
    .pdf_collections{
       justify-content:center;
    }
    
    .publications_cover:hover >a> .pdfOverlay{
        opacity:0;
    }

    .publications_cover:hover{   
        transform:none;
        left:0;
    }
}


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

    .pdf_collections{
        display:block;
        
        
    }

    .publications_cover{
        position:relative;
        left:50%;
        transform:translate(-50%,0%);
        
    }

    .publicationsWrapper{
         
        padding-left:20px;
        padding-right:20px;
    }
    
}


/* added by Ricky */

.publicationsWrapper h2{
    color:rgb(2, 72, 168);
    font-size:30px;
}

.publicationsWrapper .text-content{
    font-size:12px;
}

span.box_related_content{
    font-size:21.6px;
}

.gallery-box{
    cursor:default; /* 或者 auto，視情況而定 */
}
.gallery-img-box{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%; /* 16:9 寬高比，可根據需要調整 */
    overflow:hidden;
}

.gallery-img-box::after{
    content:'\25B6';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:48px;
    color:#fff;
    text-shadow:0 0 10px rgba(0,0,0,0.5);
    pointer-events:none;
}

.youtube-thumbnail{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:120%; /* 放大圖片 */
    height:120%; /* 放大圖片 */
    object-fit:cover;
    object-position:center;
}

.popup{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}

.popup-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
 
   
    
}

@media (max-width:700px){
    #youtube-player{
        width:90vw;
        height:calc(90vw * 9 / 16);
    }
}