﻿:root{
	--light-cream:#FEF8E0;
	--soft-peach:#FFDFD0;
	--golden:#dba53b;
	--fiery-red:#de4815;
}
article{font-family:"Noto Sans TC",serif;}
.bg{background:url(../images/1402002/1402002_bg.png) no-repeat fixed;background-size:cover;}
.bg1{background:url(../images/1402002/1402002_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:0rem 1rem 1rem;}
/*國營事業專攻班*/
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:0 0 2%;width:fit-content;margin:auto;}
.banner_H span{color:#631000;}
.subtitle{text-align:center;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;line-height:3.8rem;}
.subtitle_s{color:#fff;font-size:3.8rem;line-height:4.2rem;text-align:center;margin:0 2rem 0 auto;font-weight:bold;position:relative;z-index:1;}
.subtitle_s span{background:linear-gradient(-135deg,#C78830 0%,#B82302 50%,#631000 100%);display:block;padding:1.0rem 1.3rem;}
.subtitle_s::after{content:"";position:absolute;bottom:-3rem;left:-6rem;width:30rem;height:13.5rem;background:linear-gradient(-135deg,transparent 30%,#D7853D 50%,#D7853D 60%,transparent 80%);z-index:-1;transform:skewX(-40deg) translateX(5px);}
.subtitle_r{color:#0e3057;font-size:5.2rem;line-height:5.7rem;text-align:left;margin:auto auto auto 0;}
.subtitle_r b{color:#0e3057;font-size:5.0rem;display:block;}
/*期間限定*/
.specialize{text-align:center;font-weight:bold;margin-top:-2.0rem;}
.specialize dt{font-size:3.5rem;color:#ffdb42;line-height:3.8rem;font-weight:bold;padding:1.5rem 0;background:linear-gradient(to right,#bb1e1e 5%,#e85f40 25%,#da3719 75%,#940a00 95%);display:flex;align-items:center;justify-content:center;}
.specialize figure{padding:0 1.0rem;}
.specialize dd{font-size:2.3rem;background:linear-gradient(120deg,#ffffff00 2%,#fff7ea 20%,#fff7ea 70%,#ffffff00 100%);color:#e0482a;margin-bottom:1.0rem;line-height:3rem;padding:0.8rem;}
.limit{display:flex;flex-direction:column;}
.class{font-size:2.5rem;color:#ffffff;line-height:2.8rem;padding:0.3rem 1.5rem 0;display:block;border-top:dotted 2px;width:100%;margin:0.8rem auto 0;}
.soe_table dl{width:calc(100%/2 - 1rem);margin:0 auto 1rem;font-size:1.125rem;background:linear-gradient(90deg,#feeacc 2%,#fffcf7 20%,#fff2df 100%);}
.soe_table dl dt{background:linear-gradient(to right,#631000 30%,#b51e00 60%,#c78830 100%);color:white;padding:0.3rem 0.5rem;font-size:1.75rem;text-align:center;}
.soe_table dl:nth-last-of-type(n+1):nth-last-of-type(-n+2) dt{background:linear-gradient(to right,#0e3057 30%,#0d4a91 60%,#6d9ecf 100%);}
.soe_table dl dd{padding:0.25rem 5%;}
.soe_table dl dd:not(:last-of-type){border-bottom:2px dotted #c37025;}
.soe_table dd ul li{font-size:1.35rem;}
.soe_table dd ul li:first-of-type{color:#0d4a91;font-weight:bold;}
.soe_table dd ul li:last-of-type{color:#b28120;font-size:1.15rem;}
.soe_table ul li b{color:var(--fiery-red);font-size:1.5rem;}
.soe_table .twice ul{width:calc(100%/2);}
.soe_table .recommend{background-color:var(--fiery-red);font-size:1.125rem;color:#ffffff;padding:0.5rem;text-align:center;}
.note b{font-size:1.125rem;padding:0 0 0 2px;}
.how_btn{margin:1rem auto;text-align:center;}
.how_btn a{background:#003e6c;color:#ffffff;padding:1rem 3rem;border-radius:100px;margin:0.25rem 1rem;display:inline-block;text-decoration:none;font-size:1.5em;}
div.how_btn a:hover{transform:scale(1.1);background-color:#c78830;color:#ffffff;transition:all .5s;}
.how_btn a:first-of-type{background-color:#b82202;color:#ffed88;}
/*快加入高上公職考LINE@生活圈*/
.community-des{color:#430b01;}
/*高點強佔2024國營聯招財會狀元！*/
.top-one{font-weight:bold;position:fixed;bottom:0;left:0;width:100%;z-index:3;}
.top-one dl{background:linear-gradient(to left,#AC6F2E 5%,#FED56B 25%,#FBFCE6 75%,#FEC445 95%);width:100%;padding:0.5rem 0 1rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.top-one dt{font-size:1.5rem;margin:0;color:#b82202;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{padding: 0 0 0 0.5rem;text-decoration: none;border-bottom:solid 1px;}
.top-one dd{font-size:1.25rem;padding:0;}
i.close-btn{opacity:.8;position:absolute;top:-16px;cursor:pointer;}
/**/
div#Ask{background-color:#db6432d1;color:initial;}
@media screen and (min-width:1181px){	
	.event_wrap{width:1200px;margin:auto;}
}
@media screen and (max-width:1535px){
	.top-one dt{font-size:1.25rem;}
	.top-one dd{font-size:1rem;}
}
@media screen and (min-width:768px) and (max-width:1180px){
	.top-one .sm\:hidden{display:none!important;}
	.top-one dt .sm\:block{display:initial;}
}
@media screen and (max-width:767px){	
	.specialize{margin-top:0rem;}
	.specialize dt{font-size:2.3rem;padding:0;line-height:2.8rem;flex-wrap:wrap;}
	.specialize dd{font-size:1.3rem;line-height:1.7rem;}	
	.specialize figure{padding:1rem 0;}
	.class{font-size:1.5rem;line-height:1.8rem;padding:0.3rem 1.5rem 0.3rem;margin:0.3rem auto;}
	.soe_table dl{width:100%;}
	.how_btn a{font-size:1.25rem;padding:0.75rem 1rem;display:block;margin:0.25rem auto;}
	.how_btn{margin:0.5rem auto 0;}
 	.banner_H{font-size:5rem;line-height:5rem;}
	.subtitle_s{margin:auto;}
	.subtitle_r{width:fit-content;margin:auto;z-index:2;font-size:4rem;line-height:5rem;}
	.subtitle_r b{font-size:4rem;}
	.top-one dl{padding:0.25rem 0 0.5rem;}
	.top-one dt{width:100%;margin:auto auto 0.25rem;font-size:1.25rem;text-align: center;}
	.top-one .sm\:block{display:initial;}
}
@media screen and (max-width:767px) and (orientation:portrait){
	.top-one dt a{display:initial;line-height:initial;}
	.top-one dd{font-size:0.9rem;letter-spacing:-2px;}
	.top-one dd span{margin: auto -4px auto 0;letter-spacing:-1px;}
}