:root {
    --light-gray:#F6F6F6;
}
.bg-light-gray{background-color:var(--light-gray);}
.bg-light-linear{background:linear-gradient(45deg,#e8f2ff,#e6fafb,#e2fefa);;}
.bg-senior{background:url(../images/top_senior.png) no-repeat bottom center}
.bg-stateowned{background:url(../images/top_stateowned.png) no-repeat bottom center}
/*最新文章*/
.latest dl{width:calc(100%/3 - 2rem);margin:1rem;}
.latest dl dt{font-weight:bold;font-size:1.25rem}
.latest dl dt a{text-decoration:none;}
.latest dl dt img{border-radius:1rem;margin:auto auto 0.5rem;width:394px;height:204px;object-fit:cover;}
.latest dl dd:first-of-type{font-size:1.15rem;padding:0 0.5rem 0 0;}
.latest .date{font-weight:initial;padding:0 0 0 1rem;font-size:1.125rem;color:#006caa;}
.cta{background-color:transparent;margin:2rem auto;display:block;}
.cta a{font-size:1.15rem;padding:0.75rem 1.25rem;border-radius:2rem;;text-decoration:none;background-color:#8D99AE;color:white;}
/*分類*/
.preface{font-size:1.25rem;padding:1rem 0;letter-spacing:1px;color:#08226aee;text-align:justify;}
.category{padding:2rem 1rem 4rem;}
.category dl{width:calc(100%/2);}
.category dl dt{font-size:1.25rem;padding:0 0 .5rem;margin:auto 1.5rem 1rem 0;border-bottom:2px solid #42c9bd;} 
.category dl dt strong{font-size:1.5rem;display:block;}
.category dl dd::before{font-family:"Font Awesome 5 Free";font-weight:bold;}
.category .sort dd{font-size:1.5rem;}
.category .sort dd::before{content:'\f178';color:#006caa;padding:0 1rem 0 0;transform:rotate(-45deg);position:relative;bottom:.35rem;display:inline-block;}
.category .tag dd{font-size:1.15rem;display:inline-block;margin:0.25rem;}
.category .tag dd a::before{content:'#';padding:0 0.25rem 0 0;}
.category .tag dd a{background:linear-gradient(to right,#ffcac4 0%,#fccda1 50%,#fad09e 100%);display:inline-block;padding:0.25rem 1rem;border-radius:2rem;text-decoration:none;}
/*post*/
.newsflash .title{font-size:3.2rem;line-height:4.2rem;color:var(--navy-blue);padding:.5rem .5rem 1rem;}
.synopsis{font-size:1.6rem;color:#08226a;padding:1%;margin:1rem auto;}
.toc{color:#000000;padding:.25rem 0 .25rem 1.5rem;margin:1rem 0 0;font-size:1.125rem;border-left:solid 5px #bc61e25a;}
.toc dt{font-size:1.3rem;font-weight:bold;margin:auto auto 0.5rem;color:var(--violet-purple);}
.toc dd{list-style-type:disc;display:list-item;margin:auto auto auto 1rem;}
.blogcont{padding:1rem;font-size:1.125rem;}
.blogcont .title{font-size:2rem;padding:0.5rem 1rem;position:relative;color:var(--navy-blue);display:inline-block;}
.blogcont .title::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#46dbbe 0%,#1744ba 100%);}
.blogcont .title strong{color:var(--title-blue);padding:0 0 0 0.25rem;}
.blogcont .subtitle{font-size:1.5rem;color:var(--title-blue);padding:0 1rem;}
.blogcont ul{padding:1rem 2rem;}
.blogcont ol{padding:1rem 2rem;}
.blogcont p{padding:1rem;}
.blogcont p+ul{padding:0 2rem 1rem;}
.blogcont a{color:var(--title-blue);}
.cta_banner{font-size:1.5rem;color:var(--title-blue);text-align:center;padding:1.5rem 0;margin:1rem 0 0;border-top:3px dotted #c0cdf3;}
.cta_banner img{border-top:8px solid #dfdfdf;margin:1rem auto auto;}
.cta_line{position:fixed;bottom:calc(15% + 115px);right:0.25%;/*bottom:calc(3% + 6px);right:calc(.5% + 4rem);*/z-index:2;}
.cta_line a{background-color:#07b53b;color:white;font-size:1.1rem;padding:1rem .75rem;border-radius:1rem 1rem 0 1rem;text-decoration:none;box-shadow:3px 3px 6px #000;writing-mode:vertical-rl;display:flex;align-items:center;}
.cta_line img{margin:auto auto 0.25rem auto;width:25px;}
/*回考情目錄*/
.back_home{padding:0 0 2rem;}
.back_home a{background-color:#eff4ff;width:calc(100% / 2 - 1.0rem);padding:.5rem 1.5rem;margin:.5rem;border-left:solid 3px #97acec;color:#4569c9;font-size:1rem;display:inline-block;}
@media screen and (max-width:1535px){}
@media screen and (max-width:1280px){   
    .bg-senior{background:url(../images/top_senior.png) no-repeat bottom right / cover}
    .bg-stateowned{background:url(../images/top_stateowned.png) no-repeat bottom right / cover}
}
@media screen and (min-width:1281px){   
    .bg-list{max-height:216px;height:auto;}
}
@media screen and (max-width:1179px){   
    .latest dl{width:calc(100%/2 - 2rem);}
}
@media screen and (max-width:1023px){
    .newsflash .title{font-size:3rem;line-height:4rem;}  
    .synopsis{padding:0 1rem;}  
    .cta_banner{text-align:left;}
}
@media screen and (min-width:768px){   
    .preface .md\:block{display:block;}
}
@media screen and (max-width:767px){  
    .newsflash .title{font-size:1.75rem;line-height:2.25rem;text-shadow:0 0 10px #fdf9ed,0 0 10px #fdf9ed,0 0 10px #fdf9ed,0 0 10px #fdf9ed,0 0 10px #fdf9ed;}
    .synopsis{font-size:1.25rem;}
    .blogcont{font-size:1rem;}
    .blogcont .title{font-size:1.5rem;}
    .blogcont .subtitle{font-size:1.25rem;}  
    .cta_banner{font-size:1.25rem;}  
}
@media screen and (max-width:767px) and (orientation:portrait){  
    .latest dl{width:calc(100% - 2rem);}
    .latest dl:first-of-type{margin-top:0}
    .category dl{width:100%;}
    .category .sort{margin:auto auto 2rem;}
    .blogcont .title strong{display:block;padding:0;}
    .blogcont .title .inline-block{display:inline-block;}
    .situation_table tr th,.situation_table tr td{padding:.25rem}
}