@charset "UTF-8";


/*layout*/
.post-content{padding-bottom: 10px;}
.post-area .page-section-header,.post-header h1{margin-bottom: 20px;}
.post-cover{min-height: 250px;overflow: hidden;position: relative;padding-top: 30%;width: 100%;display: block;}
.post-share-tool,.post-share-tool li a.btn-dl,.post-pre,.post-end,.post-nav,.publication-detail{display: flex; align-items:center;}
.post-pre,.post-nav,.publication-detail{justify-content: space-between;}
.post-end,.post-share-tool{justify-content: flex-end;}
.post-share-tool > *{margin-left: 10px;}
.post-share-tool > * img{width: 48px;}
.post-inner{padding: 20px 0;}
.post-inner {margin-bottom: 5px;font-size: 20px;color: #304050;line-height: 1.8;}
.post-author-info,.related-post{background-color: #fff;border-top: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}
.post-author-info{position: relative;top: 150px;margin-bottom: 150px;}
.post-author-info > *{margin-bottom: 20px;}
.post-author-info h2{margin-top: -150px;margin-bottom: 30px;}
.post-author-desc{padding: 0 5% 20px;}
.post-nav{padding: 10px 0;}
.post-nav a{padding: 10px;}
.related-post{padding: 50px 0 5px;}
.related-post-header{position: relative;padding: 20px 0 20px;}
.related-post .publication-list li {
    border: 1px solid #d5dade;
    border-bottom: 5px solid #d5dade;
}
.post-detail {
    padding: 20px 20px 0 !important;
    margin: 20px 0;
}
.post-inner.theme-card{padding: 50px 20px;margin: 20px 0;}
.post-detail dt{float: left;color: #00979c;clear: both; }
.post-detail dt,.post-detail dd{margin-bottom: 10px;}
.post-detail dd,.post-detail dt i{color: #304050;}

.publication-detail{align-items: flex-start;padding: 50px 20px!important;margin-top: 20px;}
.publication-preview{width: 30%;}
.publication-preview-cover{text-align: center;margin-bottom: 20px;}
.publication-detail .post-inner{width: 65%;}
@media screen and (max-width: 1200px) {
/*layout*/

}


@media screen and (max-width: 768px) {
.post-pre{flex-wrap: wrap;}
.post-pre .post-info,.post-pre .post-share-tool{width: 100%; }
.post-pre .post-info{margin-bottom: 20px;}
.related-post {padding: 30px 0 0;}
.post-header h1{font-size: 30px;}
.page-section-header .theme-header{font-size: 24px;}
.post-share-tool li,.post-share-tool li:nth-child(4) img{width: 0;overflow: hidden;}
.post-share-tool li:first-child,.post-share-tool.show li,.post-share-tool li:nth-child(4){width: auto;cursor: pointer;}
.post-cover{min-height: 0;}	
}

@media screen and (max-width:640px) {
.publication-detail{flex-wrap: wrap;flex-direction:column-reverse;}
.publication-preview,.publication-detail .post-inner{width: 100%;}

}

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

.post-nav a{font-size: 18px;}
.post-nav > a:first-child,.post-nav > a:last-child{font-size: 0; position: relative;}
.post-nav > a:last-child:before{content: '下一則';font-size: 18px;}
.post-nav > a:first-child:before{content: '上一則';font-size: 18px;}
}