:root{
    --white:#FFFFFF;
    --gray:#dfdfdf;
    --main_color:#fed639;
    --acct:#c10c1e;
    --item:#006faa;
    --item2:#547a8f;
    --text_item:#012863;
}
.section_wrap{padding:2.5rem 1.5rem;}
.bg-yellow{background-color:var(--main_color);}
.bg-gray{background-color:var(--gray);}
.bg1{background:url('../images/1404020/1404020_bg.jpg') no-repeat top center / cover;}
.bg2{background:url('../images/1404020/1404020_bg2.jpg') no-repeat top center / cover fixed;}
.bg3{background:linear-gradient(to right, #e1e7eb 3%, #ffffff 6%);background-size:12px 100%;}
.bg4{background:#f5f5f5;}
/*高上公職速報*/
.banner{width:100%;max-width:1200px;margin:auto;text-align:center;font-size:3rem;}
.banner img{width:100%;}
.banner h1{font-size:6rem;font-weight:bold;}
.paper{margin:auto 3rem auto auto;}
.env_title{font-size:3rem;font-weight:bold;text-align:center;}
.env_title strong{color:var(--acct);}
.summary{position:absolute;bottom:0;color:transparent;}
.discount{position:fixed;right:0;top:50%;z-index:2}
.discount a{font-size: 1.2rem;filter: drop-shadow(1px 2px 3px #0000002a);border-left: 8px solid #fed639;background:linear-gradient(-45deg,#7C262C,#C10C1E);color:white;padding: 0.5rem 1rem;}
/*景氣低迷、通膨低薪*/
.env_news dl{padding:1rem 0;border-bottom:1px dotted var(--white);display:flex;flex-wrap:wrap;border-bottom:2px #ffffff8a dashed;}
.env_news dl>div{width:calc(100% - 230px);padding:0 0 0 1rem;}
.env_news dl dt{font-size:1.6rem;font-weight:bold;padding:0 0 .25rem;}
.env_news dl dd{font-size:1.25rem;text-align:justify;}
.env_news dl dd:last-of-type{margin:auto auto 0;}
.env_news dl dd small{padding:.5rem 0 0;}
.env_news img{aspect-ratio:1 / .6;width:180px;object-fit:cover;object-position:center;border-radius:.5rem;}
/*公職起薪高、補助多*/
.benefits{padding:.5rem 0;}
.benefits li{font-size:1.25rem;margin:0 auto;width:calc(100%/2);padding:1rem;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.benefits li i{width:5rem;height:5rem;font-size:3rem;border-radius:50%;color:#333;background-color:#fecc4f;display:flex;align-items:center;justify-content:center;}
.benefits li>div{width:calc(100% - 5rem);padding:0 0 0 1rem;}
.table-wrap, .table-wrap table {background:var(--white);filter:drop-shadow(1px 2px 3px #0000002a);}
.statistics{width:100%;margin:1rem auto;}
.statistics .title{font-size:1.6rem;}
.statistics th{background-color:var(--item2);color:var(--white);border:1px dotted var(--white);padding:.25rem;font-size:1.125rem;}
.statistics td{border:1px dotted var(--gray);text-align:center;font-size:1.125rem;padding:.25rem;}
.statistics .current{color:var(--acct);font-weight:bold;}
.thisyear{background-color:#FFDED2;}
.thisyear td{border:1px dotted var(--white);}
.cta_btn{text-align:center;margin:.5rem auto;}
.cta_btn a{font-size:1.5rem;margin:.25rem 1rem;font-weight:bold;display:inline-flex;padding:.1rem 1.5rem;border-radius:50rem;background:var(--acct);color:var(--white);text-decoration:none;border-radius:50rem;}
/*上榜英雄所見略同*/
.pub_title br{display:none;}
.pub_title strong{color:var(--item);border-bottom:4px double;padding:0 0.25rem;}
.pov{padding:2rem 0 0;}
.folder{position:relative;width:calc(100%/2 - 2rem);background-color:var(--main_color);border-radius:0 1rem 1rem 1rem;margin:2.5rem auto;filter:drop-shadow(1px 2px 5px #0000004a);}
.folder:nth-child(5), .folder:last-child{margin:2.5rem auto 1rem;}
.folder::before{content:attr(data-th);font-size:1.35rem;color:var(--text_item);font-weight:bold;position:absolute;top:-40px;left:0;height:42px;background-color:var(--main_color);clip-path:polygon(0 0,65% 0,100% 100%,0% 100%);border-top-left-radius:1rem;padding:1rem 0 2rem 1.8rem;z-index:1;width:220px;}
.folder::after{width:155px;height:45px;content:'';display:block;background:var(--main_color);position:absolute;left:30px;top:-40px;transform:skewX(45deg);border-radius:1rem}
.folder dl{font-size:1.1rem;padding:1.25rem 1.5rem;position:relative;line-height:1.6rem;}
.folder dl dt{background-color:#ffffff7a;line-height:1.8rem;font-size:1.15rem;border-radius:.5rem;padding:.5rem 1rem;width:calc(100% - 160px);}
.folder dl figure{float:right;border-radius:.5rem;overflow:hidden;background:#ffffffee;}
.grade{background-color:var(--acct);color:var(--white);border-radius:2rem;padding:0 .5rem;margin:auto .5rem auto 0;}
.folder dl dd:first-of-type{text-align:right;font-size:1.25rem;padding:.8rem 0 .25rem;border-bottom:1px dotted var(--text_item);}
.folder dl dd{padding:.5rem 0 0 0;line-height:1.7rem;}
.pov_btn{background-color:#ffffffaa;color:var(--acct);border:1px dotted;text-decoration:none;font-size:smaller;border-radius:2rem;padding:0 .5rem .1rem;margin:auto auto auto .25rem;}
.pov_btn:hover{color:var(--acct);border:2px solid;font-weight:bold;}
/*待業中/轉換跑道/畢業新鮮人*/
.apply{font-size:1.25rem;padding:1.25rem 0 1rem;}
.exam_name{font-size:1.6rem;padding:.2rem;background-color:var(--acct);color:var(--white);width:100%;}
.apply>dl{width:20rem;text-align:center;margin:.5rem auto auto 0;background:var(--white);border:1px dotted var(--acct);filter:drop-shadow(1px 2px 3px #0000001a);}
.apply>dl dd{width:calc(100% / 2);font-size:1.4rem;padding:1.25rem 0;border:1px dotted var(--acct);}
.apply>dl dd b{display:block;}
.condition{width:calc(100% - 22rem);line-height:2.3rem;font-size:1.3rem;padding:0;}
.condition a{color:var(--acct);padding:0 0.25rem;}
.condition b{color:var(--acct);font-size:larger;}
.price{font-size:1.2rem;padding:1rem 0 0;}
.price dl{background:var(--white);border:1px var(--main_color) dotted;border-left:10px solid var(--main_color);padding:1rem 1.25rem;filter:drop-shadow(1px 2px 3px #0000001a);}
.price dl:first-of-type{margin:auto 1rem auto 0;}
.price dl dt{font-size:1.45rem;color:var(--item);font-weight:bold;}
.price dl dd{line-height:2rem;}
.price dl dd b{color:var(--acct);font-size:larger;}
.price dl dd span{font-size:1.35rem;font-weight:bold;color:var(--acct);font-size:larger;}
.section_wrap .community_box {padding:1rem 0 0;line-height:3.5rem;}
.section_wrap .community-cont {padding:1rem 2rem .5rem;}
#Ask {background:var(--item2) !important;}
#Ask .ask-wrap .ask-title {margin:1.5rem auto 1.25rem;}
@media screen and (min-width:1201px){
	.section_wrap{width:1200px;margin:auto;}
}
@media screen and (max-width:1200px){
    .banner {padding:.25rem;}
    .env_title {font-size:2.125rem;}
    .env_news dl dd:last-of-type {margin:auto 0 auto auto;}
    .env_news img {aspect-ratio:1 / .85;width:170px;}
    .env_news dl>div {width:calc(100% - 190px);padding:0;}
    .apply {padding:1.25rem 0 .5rem;}
    .folder {width:calc(100% / 2 - 1.5rem);margin:2.25rem auto;}
    .folder dl dd:first-of-type {text-align:center;}
    .section_wrap .community-des {font-size:1.4rem;}
}
@media screen and (max-width:1023px){    
    .apply>dl{margin:auto;}
    .condition{width:100%;padding:1.25rem 0 .25rem;}
    .folder dl dt{width:100%;}
    .folder dl figure{float:initial;width:100px;margin:0 auto .5rem;}
    .price dl {width:60%;margin:auto;}
    .price dl:first-of-type {margin:0 auto 1.5rem;}
}
@media screen and (min-width:768px){
    .lg\:text-right{text-align:right;}
}
@media screen and (max-width:767px){    
    .discount{bottom:0;top:auto;width:100%;}
    .discount a{width:100%;display:block;background:linear-gradient(-45deg,rgb(124 38 44 / 90%),rgb(193 12 30 / 100%));}
    .discount a::after{content:'→';display:inline-flex;padding:0 0 0 .15rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){ 
    .env_title {font-size:1.6rem;line-height:2.1rem;text-align: left;}
    .section_wrap {padding:1.1rem;}
    .env_news dl dt,.statistics .title,.cta_btn a ,.price dl dt {font-size:1.35rem;}
    .env_news dl dd,.benefits li,.folder dl,.statistics th,.statistics td {font-size:1.1rem;}
    .env_news img {aspect-ratio:1 / .45;width:95%;margin:auto;}
    .env_news dl dt{line-height:1.85rem;}
    .env_news dl dd small {padding:.25rem 0 .5rem;}
    .env_news dl>div{width:100%;}
    .summary{font-size:85%;}
    .benefits li{padding:.5rem .3rem 2.5rem;/*padding:.5rem .3rem;*/}
    .benefits li i{width:3rem;height:3rem;font-size:2rem;z-index:1;filter:drop-shadow(1px 2px 3px #0000002a);}
    .benefits li>div{width:100%;height:100%;background:#fff;padding:1.5rem 1rem 0 1rem;margin:-1rem auto;/*padding:1.5rem 1rem .5rem 1rem;*/filter:drop-shadow(1px 2px 3px #0000002a);border-radius:1rem;z-index:0;}
    .statistics .title{text-align:left;padding:0 0 0 1rem;}
    .folder dl dt,.condition{font-size:1.2rem;}
    .folder{width:100%;}    
    .folder dl figure img{width:100px;}
    .cta_btn a {width:fit-content;margin:1rem auto;display:block;}
    .folder dl dd:first-of-type, .apply>dl dd{font-size:1.3rem;}
    .exam_name,.folder::before{font-size:1.4rem;}
    .condition{line-height:1.8rem;}
    .price dl {width:100%;padding:.8rem 1rem;}
    .price dl dd {line-height:1.8rem;font-size:1.1rem;}
    .price dl:first-of-type {margin:0 auto 1rem;}
    .section_wrap .community_box {line-height:2rem;padding:.25rem 0 0;}
    .section_wrap .community-des{font-size:1.25rem;}
    .discount a {font-size: 1.05rem;}
}
@media screen and (max-width:400px){
    .benefits li{width:100%;}
    /*.benefits li>div{width:100%;height:auto;}*/
}