:root{
	--light-cream:#FEF8E0;
	--soft-peach:#FFDFD0;
	--golden:#dba53b;
	--fiery-red:#de4815;
}
article{font-family:"Noto Sans TC",serif;}
.bg{background:url(../../images/1312080/1312080_bg_0.png) no-repeat fixed;background-size:cover;}
.bg1{background:url(../../images/1312080/1312080_bg1.png) no-repeat top;background-size:cover;}
.bg2{background-color:#ffffff59;}
.bg3{background-color:#ffdb68b3;}
.bg-light-cream{background-color:var(--light-cream);}
.bg-soft-peach{background-color:var(--soft-peach);}
.bg-sunset{background:#ffc8af;background:linear-gradient(to left,#e8ac2a69 0%,#f4d89a7d 50%,#446cb16b 100%);}
.bg-golden{background-color:#dba53bde;}
.bg-fiery-red{background-image:linear-gradient(to right,#8a1802e6 30%,#c22102e3 60%,#c78830d4 100%);}
.event_wrap{padding:1rem;}
/*2025國營招考繁盛年*/
header img{margin:0 auto;}
.banner{padding:2% 0;}
.banner_H{font-size:7rem;line-height:7rem;font-weight:bold;text-align:center;background-image:linear-gradient(to right,#631000 30%,#b51e00 60%,#c78830 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2% 0;}
.banner_H span{color:#631000;}
.subtitle{text-align:center;margin:0 auto;display:flex;align-items:center;line-height:3.8rem;}
.subtitle_s{color:#fff;font-size:3.8rem;background-color:#a01300;padding:1.0rem 1.3rem;line-height:4.2rem;text-align:center;margin:0 auto;}
.subtitle_r{color:#0e3057;font-size:5.2rem;line-height:5.7rem;}
.subtitle_r b{color:#0e3057;font-size:5.0rem;display:block;}
/*應屆畢業生這樣做*/
.dcard dl{width:calc(100%/2);padding:0 1.5rem;}
.dcard dl dt{font-size:2.5rem;text-align:left;}
.dcard dl dt strong{font-size:3.5rem;color:#9a1200;display:block;line-height:3.8rem;}
.dcard dl figure{padding:0.5rem;}
.dl_h figure{padding:0.5rem;margin-right:0.5rem;}
.dcard dl figure img{margin:auto;border-radius:0.5rem;}
.dcard .dl_h{display:flex;align-items:center;}
/*5W1H試前先知*/
.primary_title{font-size:4.5rem;text-align:center;font-weight:bold;color:#0e3057;border-bottom:solid 6px;/*margin-bottom:1.0rem;*/}
.five_w dt{font-size:2.8rem;border-bottom:dotted 2px;color:#961100;margin-bottom:1.0rem;}
.five_w dt b{color:#FFF;font-weight:normal;margin-right:1.0rem;font-size:3.5rem;text-shadow:3px 3px 6px #0000004f;}
.five_w dd{font-size:2.4rem;color:#430b01;border-left:solid 7px;padding-left:1.5rem;margin-bottom:1.0rem;}
.nine_well{font-size:1.125rem;width:calc(100%/3 - 0.5rem);margin:0 auto auto;}
.nine_well li a{font-size:1.35rem;line-height:2.5rem;padding:0.2rem 0.9rem;margin:auto 0.5rem 0 auto;color:white;border-radius:0.6rem 0.6rem 0 0;font-weight:bold;text-decoration:none;}
.nine_well li a.active{font-size:1.5rem;color:#ffed88;}
.nine_well:nth-of-type(1) li a{background-color:#711100;}
.nine_well:nth-of-type(2) li a{background-color:#b82202;}
.nine_well:nth-of-type(3) li a{background-color:#c47b22;}
.well_cont{background:linear-gradient(90deg,#feeacc 2%,#fffcf7 20%,#fff2df 100%);padding:0.25rem 0.5rem;height:90px;border-radius:0 0 1em;}
/*Where?國營事業單位在哪？*/
.soe_table{width:calc(100%/2);}
.soe_table dl{display:flex;flex-wrap:wrap;font-size:1.125rem;border-bottom:2px dotted #c37025;background:linear-gradient(90deg,#feeacc 2%,#fffcf7 20%,#fff2df 100%);}
.soe_table .th{background-image:linear-gradient(to right,#631000 30%,#b51e00 60%,#c78830 100%);color:white;padding:0 0.5rem;}
.soe_table dl dt{width:12em;padding:0.25rem 1rem;}
.soe_table dl:not(.th) dt{color:#0d4a91;font-weight:bold;font-size:1.25rem;}
.soe_table dl dd{width:calc(100% - 14em);padding:0.25rem 1rem;}
.soe_table .recommend{background-color:var(--fiery-red);font-size:1.125rem;color:#ffffff;padding:1rem 0.5rem 0.5rem 0.5rem;clip-path:polygon(0% 100%,100% 100%,100% 12%,45% 12%,14% 0%,23% 12%,0% 12%);line-height:1.4rem;text-align:center;}
.recommend b{display:block;}
/*What?職員與僱員的差異？*/
.difference dl{width:calc(100%/2);font-size:1.125rem;background:linear-gradient(90deg,#feeacc 2%,#fffcf7 20%,#fff2df 100%);}
.difference dl dt{background-image:linear-gradient(to right,#0e3057 30%,#0d4a91 60%,#6d9ecf 100%);padding:0.25rem;color:white;font-size:1.25rem;text-align:center;font-weight:bold;}
.difference dl dd{border-bottom:2px dotted #d1a857;padding:0.25rem;}
.difference dl dd::before{color:#b28120;font-weight:bold;font-size:1.25rem;padding:0.25rem 1rem 0.25rem 0.25rem;line-height:0;width:5em;display:inline-flex;}
.difference dl dd:nth-of-type(1)::before{content:'招考方式';}
.difference dl dd:nth-of-type(2)::before{content:'報考資格';}
.difference dl dd:nth-of-type(3)::before{content:'工作性質';}
.difference dl dd:nth-of-type(4)::before{content:'起薪';}
.difference ol{display:flex;flex-wrap:wrap;padding:0 0 0 1em;}
.difference ol li{display:list-item;list-style-type:decimal;width:calc(100%/2);}
.difference .height{height:calc(32px * 2);}
/*When?國營事業招考時間？*/
.calendar-cont{width:calc(100% / 3 - 1%);padding:1rem 0.8rem;text-align:center;margin:2% 0.5% 0;border:solid 2px #e68a2f;border-left:7px solid #2761a2;border-right:7px solid #cb7018a1;border-radius:1em;background-color:white;}
.calendar-cont>ul>li:first-of-type{font-size:1.9rem;line-height:1.7rem;font-weight:bold;float:left;text-align:left;height:40px;}
.calendar-cont>ul>li:nth-of-type(2){border-bottom:1px solid #f1810e;float:right;}
.calendar-cont>ul>li:nth-of-type(2) a{text-decoration:none;}
.calendar-cont>ul>li:nth-of-type(3){text-align:left;margin:1rem auto;width:100%;display:inline-flex;}
.calendar-cont>ul>li:last-of-type a{text-decoration:none;margin:0.1rem;background-color:#f1920e;padding:0.3em 1rem;color:white;border-radius:1.3em;font-size:1.2rem;display:inline-block;}
.calendar-cont>ul>li:first-of-type small{font-size:1.1rem;color:var(--fiery-red);margin-top:0%;display:block;}
.class_intro{text-align:center;padding:1rem 0 0;font-size:1.25rem;}
.class_intro a{font-size:1.5rem;color:#2761a2;font-weight:bold;}
.class_intro i{padding:0 0.5rem 0 0.25rem;}
/*Who?誰適合國營考試？*/
.career{background-color:#F4FAFC;margin:auto;width:100%;border-radius:2em;border:1px solid #00BCD4;border-left:10px solid #00BCD4;border-right:10px solid #00BCD4;display:block;overflow:hidden;}
.career tr{border-bottom:2px solid #00BCD4;}
.career tr th{font-size:1.65rem;font-weight:bold;color:var(--fiery-red);padding:1rem 2rem;}
.career tr td{padding:0.5rem 1rem;border:1px dotted #00BCD4;}
.career tr td ol{padding:0 0 0 2rem;}
.career .percent{background-color:#E1F1F8;text-align:center;}
.career .percent td{border-top:0;padding:0.25rem;}
.career .border-b-0{border-bottom:0;padding:4px 1% 0;}
.career tr td ol li{list-style-type:decimal;}
.career tbody{width:100%;display:table;}
.career tr:first-of-type td{width:calc(100%/3);}
.career tr:nth-of-type(2) td strong{font-size:1.5rem;}
.per-amount{background-color:#E1F1F8;padding:0.25rem 1rem;border-radius:1rem;margin:auto 0.5rem;}
/*How?如何準備國營考試？*/
.specialize{text-align:center;font-weight:bold;}
.specialize dt{font-size:3.5rem;color:#0e3057;}
.specialize dd{font-size:2rem;background:linear-gradient(90deg,#ffffff00 2%,#ae7515 50%,#ffffff00 100%);color:white;margin-bottom:1.0rem;}
.audience{text-align:center;font-size:1.5rem;font-weight:bold;margin:0 0 1%;}
.audience li:nth-of-type(n+1):nth-of-type(-n+4){margin:1.2rem 0.8rem;}
.audience li:nth-of-type(5){font-size:5.2rem;line-height:5.2rem;padding:0.25em 0.5em 0.15em;color:var(--fiery-red);border-radius:50px 50px 0 0;font-family:MStiffHeiHK,MStiffHeiHK-UltraBold;border-top:5px #fef3e9 dotted;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff;font-weight:initial;}
.audience li img{margin:auto;}
.stage-title{background-color:#336caa;color:white;padding:1.5rem 0.1rem;writing-mode:vertical-lr;letter-spacing:2px;font-size:1.4em;border-radius:50px;}
.stage-title strong{font-size:1.6em;}
.stage-title i{color:#f0841a;}
.stage-cont{background-color:rgb(255 255 255 / 90%);border-radius:30px;position:relative;}
.stage-cont dl{box-sizing:border-box;padding:1rem 0.5rem 1rem 2.5rem;width:calc(100%/4 - 1rem);}
.stage-cont dl dt{font-size:1.45rem;line-height:2.1rem;font-weight:bold;color:#f0841a;color:#373737;border-bottom:solid 2px #f0841a;margin-bottom:0.2em;margin-left:-20px;margin-right:12px;border:2px #f0841a solid;border-radius:30px;text-align:center;letter-spacing:-1px;}
.stage-cont dl dd{list-style-type:disc;display:list-item;margin-bottom:0.3em;}
.orals{background-color:rgb(255 255 255 / 80%);border-radius:30px;margin-top:1%;}
.orals .stage-title{background-color:#0e3057;color:white;}
.orals-item{width:calc(100% - 4rem);}
.orals-rule{width:100%;padding:1rem 0 0.5rem 1.5rem;font-size:1.5em;color:#194b67;}
.orals-box{width:calc(100%/3);padding:0 0.5rem 1rem 0.5rem;}
.orals-guide{font-size:2.2rem;display:block;font-weight:bold;color:#b82202;margin-bottom:0.2em;width:100%;}
.orals-guide small{font-size:1.2rem}
.orals-box dl{border-right:solid 1px #607D8B;height:86.5%;}
.orals-box dt{font-weight:bold;}
.orals-box dd{padding-left:2rem;}
.orals-box dd.sale{font-size:1.5rem;line-height:1.8rem;padding-left:0;font-weight:bold;color:#2b5f79;}
.orals-box dd.sale small{font-size:1.1rem;font-weight:normal;}
.orals-box img{width:calc(100%/2);margin:0.5rem auto;}
.how_btn{margin:1rem auto;text-align:center;}
.how_btn a{background:#b82202;color:#ffffff;padding:1rem 3rem;border-radius:100px;margin:0.25rem 0.5rem;display:inline-block;text-decoration:none;font-size:1.5em;}
.how_btn a:hover{transform:scale(1.1);background:#c78830;transition:all .5s;}
.book-title{margin-top:1rem;}
/*跟上榜者看齊，晉身百萬年薪！*/
.grade_title{color:white;}
.grade-list{color:#fff9ef;font-size:1.4rem;padding:1% 0;}
.grade-list li{width:calc(100%/3);line-height:2.0em;padding:0 0.5em;}
.grade-list li strong{margin-right:0.5rem;}
.top-one{background:linear-gradient(to right,rgb(187 30 30 / 50%) 5%,rgb(232 95 64 / 50%) 25%,rgb(218 55 25 / 50%) 75%,rgb(148 10 0 / 50%) 95%);font-weight:bold;position:relative;}
.top-one dl{width:fit-content;margin:auto;padding:1rem 0 1.5rem;}
.top-one dt{color:#ffdb42;font-size:3rem;text-align:center;margin:auto auto 0.5rem;animation:myfirst 1.5s infinite alternate ease-in-out;}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
.top-one dt a{text-decoration: none;border-bottom:solid 1px;padding:0 0.25rem 0.25rem 1rem;}
.top-one dd{color:white;font-size:2.25rem;text-align:left;padding:0 0 0 5%;}
i.close-btn{opacity:.8;position:absolute;top:-16px;cursor:pointer;display:none}
.fixed-bottom .close-btn{display:none}
.fixed-bottom.show .close-btn{display:block}
.fixed-bottom{position:fixed;bottom:0;left:0;width:100%;z-index:3;transform:translateY(100%);transition:transform .3s ease;visibility:hidden}
.fixed-bottom.show{transform:translateY(0);visibility:visible}
.show dl{background:linear-gradient(to right,#bb1e1e 5%,#e85f40 25%,#da3719 75%,#940a00 95%);width:100%;padding:0.5rem 0 1rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.show dt{font-size:1.5rem;margin:0;}
.show dt a{padding: 0 0 0 0.5rem;}
.show dd{font-size:1.25rem;padding:0;}
/*快加入高上公職考LINE@生活圈*/
.community-des{color:wheat;}
#banner_item label[for="switch"]{background:linear-gradient(45deg,#0e3057 30%,#0d4a91 60%,#6d9ecf 100%);}
@media screen and (min-width:1181px){	
	.event_wrap{width:1200px;margin:auto;}
	.dcard{width:85%;margin:auto;}
	.event_billboard{width:85%;margin:auto;}
	.calendar-cont:nth-of-type(n+1):nth-of-type(-n+4){width:calc(100%/2 - 1%);}
	.soe_table .height{height:27px;}
	.soe_table .vacancy{height:13px;}
	.grade-list li:nth-child(even){background-color:#ed7d1261;color:#ffeed1;}
}
@media screen and (min-width:1024px){	
	.difference dl:last-of-type dd{padding:0.25rem 1rem;}
	.difference dl:last-of-type dd::before{display:none;}
}
@media screen and (max-width:1535px){
	.grade-list{font-size:1.125rem;}
	.show dt{font-size:1.25rem;}
	.show dd{font-size:1rem;}
}
@media screen and (max-width:1180px){	
	.grade-list li{width:calc(100%/2);}	
	.orals-box{width:calc(100%/2);}
	.orals-box:last-of-type{width:100%;}	
	.soe_table{width:100%;}
	.soe_table .th\:hidden{display:none;}
	.calendar-cont{width:calc(100% / 2 - 1%);}
	.stage-title{width:100%;writing-mode:initial;text-align:center;padding:0.5rem 0.1rem;}
	.stage-cont{border-radius:50px;}
	.stage-cont dl{width:calc(100% / 2 - 1rem);}
	.orals{border-radius:50px;}
	.orals-box:nth-of-type(2) dl{border-right:0;}
	.orals-box figure{display:flex;flex-wrap:wrap;justify-content:center;}
	.orals-box img{max-width:350px;margin:0.5rem;}
	.orals-box dd.sale{text-align:center;}	
	.career tr th,.career tr td{padding:1rem 0;}
	.community-cont img{width:100px;}	
	.well_cont{height:116px;}
}
@media screen and (min-width:768px) and (max-width:1180px){
	.grade-list li:nth-child(4n-2),.grade-list li:nth-child(4n-1){background-color:#ed7d12;color:#ffeed1;}
	.top-one .sm\:hidden{display:initial!important;}
	.show .sm\:hidden{display:none!important;}
	.top-one dt .sm\:block{display:initial;}
}
@media screen and (max-width:1023px){
	.primary_title{font-size:3rem;}
	.difference dl{width:100%;}	
	.nine_well{width:100%;}
	.nine_well:not(:last-of-type){margin:auto auto 1rem;}
	.well_cont{height:auto;}
}
@media screen and (max-width:820px){
	.orals-box img{margin:auto;}
}
@media screen and (max-width:767px){
	.dcard dl dt strong{font-size:2.2rem;line-height:2.5rem;}
	.dcard dl dt{font-size:1.9rem;}
	.dcard dl .icon{width:30%;}
	.dcard dl{width:100%;padding:0 0.5rem;}
	.dcard .VueCarousel-navigation-prev[data-v-453ad8cd]{left:1rem;}
	.dcard .VueCarousel-navigation-next[data-v-453ad8cd]{right:1rem;}
	.primary_title{font-size:2.5rem;line-height:3.0rem;word-break:keep-all;overflow-wrap:break-word;}
	.five_w dt{font-size:1.8rem;}
	.five_w dt b{font-size:2.0rem;display:block;}
	.five_w dd{font-size:1.6rem;}
	.specialize dt{font-size:2.3rem;line-height:2.8rem;}
	.specialize dd{font-size:1.3rem;}
	.difference dl dd::before{width:100%;}
	.difference ol li{width:100%;}
	.career tr td ol{font-size:0.95rem;}
	.career tr th{width:28%;}
	.career tr th,.career tr td{padding:0.3rem;}
	.career tr:nth-of-type(2) td strong{font-size:1.35rem;}
	.career tr th{font-size:1.5rem;}
	.calendar-cont{padding:1rem 0.5rem;width:100%;}
	.calendar-cont>ul>li:last-of-type a{font-size:1rem;}
	.calendar-cont>ul>li:nth-of-type(3){font-size:0.98rem;}
	.calendar-cont>ul>li:first-of-type{font-size:1.6rem;}
	.calendar-cont>ul>li:first-of-type small{font-size:1.05rem;line-height:1.5rem;}
	.community-des{font-size:1.1rem;margin-top:10px;margin-bottom:10px;}	
	.grade-list{font-size:1.1rem;white-space:nowrap;}
	.grade-list li{width:100%;padding:0 0.5em 0 1.5em;}
	.stage-cont dl{width:80%;padding:0.5rem 0.5rem 0.5rem 1.5rem;margin:0 auto;}	
	.orals-item{width:100%;}
	.orals-box{width:90%;padding:0 0.5rem 1rem 0.5rem;margin-left:13px;}
	.orals-box dl{border-right:0;border-bottom:solid 1px #607D8B;height:auto;padding:0 0 0.5rem;}
	.orals-box:last-of-type{width:88%;}
	.orals-box dd.sale small{font-size:0.95rem;display:block;}
	.orals-box dd.sale{font-size:1.4rem;}	
	.orals-guide{font-size:1.9rem;}
	.how_btn a{background:var(--fiery-red);font-size:1.3em;padding:1rem 2rem}
	.how_btn{margin:0.5rem auto 0;}
	.grade-list li:nth-child(even){background-color:#ed7d1261;color:#ffeed1;}
	.top-one dt{font-size:2rem;}
	.top-one dd{font-size:1.5rem;}
	.top-one dl{padding:1rem 0;}
	.show dl{padding:0.25rem 0 0.5rem;}
	.show dt{width:100%;margin:auto auto 0.25rem;font-size:1.25rem;}
	.show .sm\:block{display:initial;}
}
@media screen and (max-width:767px) and (orientation:portrait){
	.soe_table dl dt{width:7em;}
	.soe_table dl dd{width:calc(100% - 8em);}	
	.per-amount{padding:0.25rem 0.5rem;}
 	.orals-guide small{font-size:1rem}
	.class_intro a{display:block;}
	.five_w dd{padding-left:1rem;}
	.five_w dd i{display:none;}
	.top-one dt a{display:block;line-height:2.5rem;}
	.show dt a{display:initial;line-height:initial;}
	.show dd{font-size:0.9rem;letter-spacing:-2px;}
	.show dd span{margin: auto -4px auto 0;letter-spacing:-1px;}
}