:root{
    --blue:#007aff;
    --green:#00c853;
    --oasis-accent:#059669;
    --text-muted:#475569;
    --white:#FFFFFF;
    --sun-orange:#ea580c;
}
.section_wrap{padding:2rem 0rem;}
.admit_bg1{background:url(../images/1510025_01.jpg) no-repeat center top;}
.admit_bg2{background:linear-gradient(45deg, #f0f7ff 40%, #fff5e5b8 100%);}
.admit_bg3{background:linear-gradient(90deg, #faf2e2 5%, #ffffff 50%, #f8edd6 100%);}
.admit_bg4{background-color:#faf2e2;}
.bg-gradient-blue{background:linear-gradient(180deg, #d8ebfd 0%, #bddcfc 40%, #a4cdfa 100%);}
.bg-gradient-aurora{background:radial-gradient(circle at 12% 10%, rgb(18 166 232 / 31%) 0%, transparent 45%), radial-gradient(circle at 88% 18%, rgb(108 102 201 / 29%) 0%, transparent 50%), radial-gradient(circle at 50% 55%, rgb(39 214 193 / 31%) 0%, transparent 60%), radial-gradient(circle at 20% 90%, #fef7c07a 0%, transparent 45%), #f8fafc}
.bg-light-blue{background-color:#f0f7ff;}
a.target-fix{top:-15rem}
/*AFTER 國營事業筆試*/
.banner{text-align:center;padding:4rem 0rem 0;margin:0% auto;position:relative;max-width:1200px;height:581px;}
.banner h1{font-size:5rem;}
.ar-tbt{right:8%;top:58%;position:absolute;}
.ar-tbt-right{display:flex;gap:20px;align-items:center;}
.ar-tbt-left{display:flex;align-items:center;gap:18px}
.ar-tbt-arrow-circle{width:58px;height:58px;background-color:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 20px rgba(0,122,255,.6);flex-shrink:0;font-weight:900;color:white;}
.ar-tbt-text-wrap{display:flex;flex-direction:column}
.ar-tbt-distance{font-size:clamp(24px,3.8vw,36px);font-weight:900;color:#1a73e8;font-size:3rem;}
.ar-tbt-road-name{font-size:clamp(14px,1.8vw,17px);font-weight:700;font-size:2rem;line-height:2rem;text-align:left;}
.ar-tbt-hud-stats{display:flex;gap:20px;align-items:center;background-color:#e1f0fe;padding:20px 25px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}
.ar-stat-col{text-align:center}
.ar-stat-num{font-size:1.8rem;font-weight:900;line-height:.75rem;}
.ar-stat-num.link1 :hover{color:#e6360d;}
.ar-stat-num.link2 :hover{color:#1663cc;}
.ar-stat-num.link3 :hover{color:#21bfc1;}
/*口試備戰 弱點分析 完善規劃*/
.curved-stream-wrap{position:relative;display:flex;flex-direction:column;gap:5rem}
.highway-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.fluid-oasis-row{position:relative;z-index:2;display:flex;align-items:center;gap:3.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.fluid-oasis-row:hover{transform:scale(1.015)}
.fluid-oasis-row:nth-child(even){flex-direction:row-reverse}
.oasis-blob-avatar{width:200px;height:200px;flex-shrink:0;text-align:center;box-shadow:0 15px 40px var(--oasis-shadow);background:var(--oasis-bg);color:#ffffff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.blob-big-word{font-size:2rem;line-height:2.5rem;font-weight:900;transform:rotate(45deg);border:solid 6px #ffffff3b;border-radius:50%;padding:2.5rem 0.85rem;background:#ffffff26;}
.oasis-content-side{flex:1;border-bottom:solid 1px #c4d6ea;padding-bottom:1rem;}
.oasis-title{font-size:clamp(1.4rem,2.8vw,2.3rem);font-weight:900;color:var(--text-dark);line-height:1.25;margin-bottom:.5rem}
.oasis-title i{font-size:clamp(1.7rem,2.8vw,2.3rem);margin-right:0.8rem;}
.oasis-narrative{font-size:1.15rem;color:#002672;background:rgba(255, 255, 255, .9);box-shadow:0 4px 15px rgba(0, 0, 0, .4);border-radius:3rem;padding:1rem 2rem;margin:1rem auto;}
.btn-oasis-action{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.2rem;border-radius:9999px;font-weight:900;font-size:1.25rem;text-decoration:none;cursor:pointer;box-shadow:0 10px 25px var(--oasis-shadow);background:var(--oasis-btn-bg);color:#ffffff;transition:all .3s cubic-bezier(.16,1,.3,1)}
.btn-oasis-action:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 35px var(--oasis-shadow)}
.theme-emerald{--oasis-bg:linear-gradient(135deg, #ff4d23, #e5360d);--oasis-shadow:#e5360d7a;--oasis-accent:#e5360d;--oasis-btn-bg:linear-gradient(135deg, #ff4d23, #e5360d);}
.theme-amber{--oasis-bg:linear-gradient(135deg, #039be6, #1663cc);--oasis-shadow:#039be666;--oasis-accent:#1663cc;--oasis-btn-bg:linear-gradient(135deg, #039be6, #1663cc);}
.theme-cyan{--oasis-bg:linear-gradient(135deg, #44ecef, #21bfc1);--oasis-shadow:#21bfc170;--oasis-accent:#21bfc1;--oasis-btn-bg:linear-gradient(135deg, #44ecef, #21bfc1);}
/*從筆試到口試，完整課程規劃*/
.section-title{font-size:3.2rem;color:#8a6322;font-weight:bold;}
.section-title strong{font-size:4.5rem;color:#e6360d;font-weight:bold;}
.section-sub{font-size:2.2rem;color:#002c84;padding:0.3rem 0;text-align:center;background-color:white;border:solid 5px #dbc197;border-radius:2rem;margin:0.5rem auto 1.5rem;}
.meter dl{width:calc(100%/2 - 2rem);margin:auto;position:relative;padding:50px 75px;background:radial-gradient(rgb(255 255 255) 30%, rgb(255 255 255 / 0%) 70%);}
.cam-corner{position:absolute;width:36px;height:36px;}
.meter dl:last-of-type .cam-corner{border-color:#1663cc;}
.cam-corner-tl{top:20px;left:20px;border-top:8px solid #e6360d;border-left:8px solid #e6360d;border-radius:12px 0 0 0;}
.cam-corner-tr{top:20px;right:20px;border-top:8px solid #e6360d;border-right:8px solid #e6360d;border-radius:0 12px 0 0;}
.cam-corner-bl{bottom:20px;left:20px;border-bottom:8px solid #e6360d;border-left:8px solid #e6360d;border-radius:0 0 0 12px;}
.cam-corner-br{bottom:20px;right:20px;border-bottom:8px solid #e6360d;border-right:8px solid #e6360d;border-radius:0 0 12px 0;}
.meter dl dt{font-size:2.0rem;display:flex;flex-wrap:wrap;align-items:center;background-color:#e6360d17;color:#e6360d;border-radius:2rem;padding:0 2rem 0 1.5rem;width:fit-content;margin-bottom:0.5rem;font-weight:bold;}
.meter dl:last-of-type dt{background-color:#1663cc12;color:#1663cc;}
.meter dl dd{font-size:1.5rem;}
.rec-light{width:9px;height:9px;border-radius:50%;background:#e6360d;box-shadow:0 0 8px #e6360d;animation:pulseBlink 1s infinite;margin-right:1rem;}
.meter dl:last-of-type .rec-light{background:#1663cc;box-shadow:0 0 8px #1663cc;}
@keyframes pulseBlink{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.35}}
.meter ul li{padding:0.3rem 0 0;border-bottom:dotted 1px;}
.meter ul li small{font-size:0.9rem;}
/*專業師資助攻，高效率神命中！*/
.narrate{font-size:1.25rem;color:#b28c4e;text-align:center;border-bottom:solid 2px;width:fit-content;margin:0 auto;}
.tab-hit{padding:2rem 0;}
.tab-hit a.active{background:#b28c4e;color:var(--white);border-color:#b28c4e;box-shadow:0 4px 16px #b28c4e70;}
.tab-hit a{border:2px solid #b28c4e69;background:#b28c4e2b;color:var(--hud-sub);padding:0.5rem 2rem;border-radius:3rem;font-size:1.3rem;text-decoration:none;margin:auto 0.5rem;}
.topic{font-size:1.125rem;padding:0 0 1rem;}
.hit-box img{border-left:8px solid #002c84;border-radius:1rem;width:calc(100% / 3*2 - 1rem);padding:1rem;background-color:white;}
.hit-panel{background:linear-gradient(135deg, #f5e4c7, #d6ba8c);border-radius:2rem;padding:2rem;}
.hit-cont{width:calc(100% / 3 - 1rem);background:#ffffffd6;border-radius:1rem;padding:0 2rem;border:2px dashed #e6360d;display:flex;flex-direction:column;justify-content:center;margin:0 0 0 auto;}
.hit-cont dl dt{color:#e6360d;font-size:1.5rem;font-weight:900;padding:0 0 0.5rem;}
.hit-cont dl dd{font-size:1.125rem;color:#002c84;}
/*輔考資源豐富，上榜成果卓越！*/
.exp-box{width:calc(100%/3 - 2rem);margin:2rem auto auto;background:linear-gradient(135deg, #f5e4c7, #d6ba8c);border-radius:2rem;padding:1rem 2rem;font-size:1.125rem;box-shadow:0 4px 15px rgba(245, 158, 11, .2);}
.exp-box dl{background:linear-gradient(to right, rgba(160, 10, 1, 0) 0%, rgba(255, 255, 255, 0.62) 10%, rgba(255, 255, 255, 0.83) 90%, rgba(160, 10, 1, 0) 100%);padding:0.3rem 0;margin-bottom:0.5rem;text-align:center;}
.exp-box dl dt{font-size:1.25rem;font-weight:900;color:#e6360d;border-radius:2rem;}
.exp-box dl dd{color:#002c84;font-size:1.5rem;}
.exp-box p{}
.more{text-decoration:none;}
/*考後積極規劃，成就贏家之路！*/
.pass-hero-title{font-size:2.3rem;font-weight:900;color:#e6360d;text-align:center;text-underline-offset:9px;text-decoration-color:#ff554c;text-decoration-line:underline;text-decoration-style:wavy;margin-bottom:1.0rem;}
.pass-wax-stamp{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;font-family:var(--font-mono);font-weight:900;font-size:.95rem;padding:.8rem 1.6rem;border-radius:9999px;box-shadow:0 4px 15px rgba(245,158,11,.2)}
.curved-stubs-row{display:flex;flex-wrap:wrap;justify-content:center;}
.curved-transit-stub{background:radial-gradient(rgb(255 255 255) 60%, rgb(255 255 255 / 0%) 100%);border-radius:40px;padding:3rem 2.6rem;margin:1rem;position:relative;box-shadow:0 15px 40px rgba(0,0,0,.05)}
.stub-course-name{font-size:1.55rem;font-weight:900;color:var(--text-dark);margin-bottom:1.6rem;color:#002c84;}
.stub-benefit-list{list-style:none;display:flex;flex-direction:column;gap:1.1rem;}
.stub-benefit-list li{font-size:1.3rem;color:#8a6322;display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9;}
.stub-price-shout{font-family:var(--font-mono);font-size:1.4rem;font-weight:900;color:#e6360d;padding:0 2rem;font-family:'Noto Serif TC', serif;margin-bottom:0.3rem}
.stub-again{background:linear-gradient(135deg, #d32f2f, #f44336);color:white;padding:1rem;margin:auto 0 auto auto;border-radius:1.0rem;}
.bonus{gap:0}
.bonus li{padding-bottom:0;position:relative;}
.bonus li:first-of-type{border-bottom:0;}
.stub-again small{font-weight:initial;}
.bonus .time{color:#b91c1c;border-bottom:0;font-size:1.4rem;position:absolute;bottom:0;right:0;text-align:right;font-weight:900;}
.news{text-align:center;font-size:1.75rem;font-weight:bold;color:#002c84;}
/**/
@keyframes navFloatUp{
  0%{
    transform:translate(0%, 30px);
    opacity:0;
  }
  100%{
    transform:translate(0%, 0);
    opacity:1;
  }
}
.float-nav{position:fixed;bottom:5%;right:10%;z-index:3;display:flex;flex-wrap:wrap;align-items:center;padding:1rem;background-color:rgba(255,255,255,.95);border-radius:3rem;box-shadow:0 10px 25px rgba(0,50,150,.1),0 4px 10px rgba(0,50,150,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);transition:all .3s cubic-bezier(.25,.8,.25,1);animation:navFloatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
.float-nav:hover{box-shadow:0 15px 35px rgba(0,50,150,.15),0 5px 15px rgba(0,50,150,.1);}
.float-nav li{position:relative}
.float-nav li:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#e0e5eb}
.float-nav a{display:flex;align-items:center;justify-content:center;padding:0 1rem;color:#002c84;text-decoration:none;font-weight:600;font-size:16px;border-radius:40px;transition:all .2s ease-in-out;letter-spacing:1px}
.float-nav a:hover{color:#e6360d;}
.demand li{margin:auto 1rem auto 0;}
.demand li label:hover{background:linear-gradient(135deg, #fef3c7, #fde68a);transition:all 0.2s;}
.demand li label:has(input:checked){background:linear-gradient(135deg, #fef3c7, #fde68a);}
.demand li label{display:flex;flex-wrap:wrap;align-items:center;background-color:rgb(255 255 255 / 70%);color:black;width:100%;border-radius:0.5rem;margin:0.5rem auto;padding:1rem;cursor:pointer;}
#Ask .demand li input{width:15px;height:15px;border-radius:50%;margin:auto 0.5rem;}
@media screen and (min-width:768px){	
    .stub-price-shout{border-left:solid 4px #b28c4e61;margin-left:0.8rem;}
}
@media screen and (min-width:1201px){	
	.section_wrap{width:1200px;margin:auto;}
}
@media screen and (max-width:1279px){
    .w-full .curved-transit-stub{width:100%;max-width:670px;}
    .banner{width:100%;max-width:768px;height:auto;padding:2rem 0rem 0.5rem;}
	.ar-tbt{right:3rem;top:auto;bottom:3rem;width:300px;}
    .ar-stat-num{font-size:1.5rem;}
}
@media screen and (max-width:1179px){
    .demand li{width:100%;margin:auto;}    
}
@media screen and (max-width:1023px){
    .meter dl{padding:50px;}
    .hit-box img{width:100%;}
    .hit-cont{width:100%;}
	.admit_bg1{background:url(../images/1510025_01.jpg) no-repeat center center;background-size:cover;}
	.section_wrap{padding:2rem 1rem;}
    .meter dl{width:calc(100%/2);}
}
@media screen and (max-width:767px) and (orientation:portrait){ 
	.admit_bg1{background:url(../images/1510025_01.jpg) no-repeat center center;background-size:cover;}
	.ar-tbt{right:6%;top:56%;position:absolute;width:38%;}
	.ar-tbt-right{gap:3px;}
	.ar-stat-num{font-size:0.8rem;font-weight:600;}
	.ar-stat-num img{margin-bottom:-0.2rem;}
	.section-title{font-size:1.4rem;}
	.section-title strong{font-size:1.5rem;}
	.section-sub{font-size:1.2rem;padding:0.2rem 0;border:solid 3px #dbc197;border-radius:2rem;margin:0.2rem auto 1.0rem;}
	.section_wrap{padding:1rem 1rem 2rem;}
    .curved-transit-stub{margin:0.5rem auto;padding:1rem 1.6rem;}
	.curved-stream-wrap{gap:2rem;}
	.stub-course-name{font-size:1.3rem;margin-bottom:0.6rem;}
	.fluid-oasis-row{flex-wrap:wrap;gap:0.8rem;transition:transform .3s cubic-bezier(.16, 1, .3, 1);}
	.oasis-narrative{font-size:1.0rem;border-radius:2rem;padding:1rem 1rem;margin:0.5rem auto;}
	.blob-big-word{font-size:1.5rem;line-height:1.8rem;border:solid 4px #ffffff3b;padding:1.9rem 0.85rem;}
	.btn-oasis-action{gap:.5rem;padding:0.5rem 1.2rem;font-size:1.0rem;box-shadow:0 5px 14px var(--oasis-shadow);}
	.meter dl dt{font-size:1.3rem;}
	.meter dl dd{font-size:1.1rem;}
	.narrate{font-size:1.0rem;}
	.tab-hit{padding:1rem 0;}
	.hit-cont dl dt{font-size:1.2rem;padding:0 0 0.1rem;}
	.hit-cont dl dd{font-size:1.0rem;}
	.exp-box dl dd{font-size:1.2rem;}
    .stub-benefit-list li{flex-wrap:wrap;font-size:1.2rem;}
    .stub-price-shout{width:100%;padding:0;font-size:1.2rem;}
    .bonus .time{display:none;}
    .stub-again{padding:0.25rem 0.75rem;}
    .stub-again::before{content:'115/10/18~10/25';font-size:1.2rem;font-weight:initial;}
    .bonus li:last-of-type{margin-top:1rem;}
    .oasis-content-side{flex:fit-content;}
    .oasis-blob-avatar{width:150px;height:150px;margin-bottom:2rem;}
    .meter dl{width:100%;}
    .tab-hit a{font-size:1rem;padding:.25rem .75rem;margin:auto;}
    .hit-panel{padding:1rem;}
    .exp-box{width:100%;margin:1rem auto auto;border-radius:1rem;padding:0.5rem 1rem;font-size:1.0rem;}
	.pass-hero-title{font-size:1.3rem;}
    .float-nav{padding:.5rem;}
    .float-nav li a{font-size:1rem;padding:0 0.5rem;}
    .news{font-size:1.3rem;}
}