:root{
    --brown:#aa0000;
    --orange:#e26400; 
    --gold:#bf8900;
    --darkgold:#916c0f;
    --fireBrick:#902b2a;
    --lightgoldenrodyellow:#fffadc;
    --off-white:#f9f9f9;  
    --blue:#3a57aa; 
    --darkblue:#28438e;
}
.bgcolor{background:#fffeee url('../images/1501084_bg.jpg') no-repeat top center / cover;}
.bgcolor0{background:linear-gradient(0deg, #b89d781a 0%, #d7c7b7 60%, #ede1d4 100%), url(../images/1501084_bg.jpg) no-repeat bottom center / 100%;padding:.5rem 0 3rem;}
.bgcolor1{background:url(../images/1501084_net_bg.png) no-repeat bottom center / 100% fixed, linear-gradient(0deg, #c4e9ee 20%, #e1fbff 60%, #fff 100%);}
.bg-off-white{background-color:var(--off-white);}
.bg-lightgoldenrodyellow{background:linear-gradient(0deg, #fff6da, #fffbde);}
.wrap_all{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;overflow-wrap:anywhere;}
.point{color:var(--fireBrick);}
.inner{padding:2rem 0;}
/*2027前進頂校資工所*/
.hero{padding:0 0 3rem;}
.hero h1{font-size:5rem;color:var(--brown);font-family:"Noto Serif TC", serif;font-weight:bold;}
.leads{font-size:2.6rem;padding:.5rem 0 1.5rem;line-height:3.5rem;color:var(--fireBrick);}
.hero picture{width:100%;max-width:1200px;padding:0 0 1rem;margin:auto;display:flex;justify-content:center;align-items:flex-start;}
.hero picture source{width:100%;display:flex;justify-content:center;align-items:center;}
.intro_area{padding:1.3rem 5rem 1.8rem;background:#ffffffcf;width:fit-content;margin:0 auto;border-radius:1rem;filter:drop-shadow(2px 4px 6px #a8654baa);}
.intro{font-size:1.55rem;line-height:2.25rem;padding:.25rem 2rem 0;}
.blended{font-size:1.55rem;padding:0 2rem 1rem;text-align:center;}
.blended b{color:var(--darkblue);font-family:"Microsoft YaHei";line-height:3rem;}
.blended mark{color:#902b2a;background:linear-gradient(0deg, #fff99e 40%, transparent 40%);padding:0 0 0 .5rem;}
.anchor a{background-color:var(--gold);color:white;font-size:1.65rem;display:inline-block;margin:0 auto ;padding:.5rem 2rem;border-radius:3rem;text-decoration:none;border-right:3px solid  var(--fireBrick);border-bottom:4px solid  var(--fireBrick);}
.anchor a:hover , .cta a:hover{border-right:1px solid  var(--fireBrick);border-bottom:2px solid  var(--fireBrick);background:var(--brown);margin-bottom:2px;}
.cta a:hover{margin-left:calc(.5rem + 2px);}
/*多給自己一年*/
.section-title{width:fit-content;line-height:3.9rem;margin:.5rem auto;font-size:2.8rem;color:var(--fireBrick);border-bottom:3px solid #bf8900aa;text-shadow:0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 30px #ffffff;text-align:center;font-weight:bolder;font-family:"Microsoft JhengHei";}
.section-title span{font-size:3.2rem;}
.section-title b{color:var(--darkgold);}
.card{width:calc(100% / 3 - 1.5rem);position:relative;margin:1rem auto;box-shadow:0 2px 15px #dac49ecc;border-radius:1rem;padding:1.5rem 2rem 2.5rem;background:#fff;}
.card h3{font-size:1.65rem;line-height:2.2rem;word-break:keep-all;word-wrap:anywhere;color:var(--blue);border-bottom:2px solid #3a57aa1e;padding:0 0 .6rem 5.5rem;}
.card h3::before{font-family:"Font Awesome 6 Free";font-weight:600;position:absolute;top:2.8rem;opacity:.15;}
.card:nth-child(1) h3::before{content:'\f19d';font-size:3.4rem;left:2.4rem;}
.card:nth-child(2) h3::before{content:'\f81d';font-size:3.45rem;left:2.8rem;}
.card:nth-child(3) h3::before{content:'\f4d7';font-size:3.9rem;left:2.25rem;}
.card p{font-size:1.15rem;padding:.6rem 0 0.5rem;text-align:justify;}
.source-note{color:#888;position:absolute;right:2rem;bottom:1.5rem;}
/*高點面授/網院/線上課程*/
.tutor{width:fit-content;margin:auto;}
.tutor li{display:flex;flex-wrap:wrap;margin:1.125rem;font-size:1.35rem;align-items:center;}
.tutor li img{width:60px;background-color:#0dc55b;padding:.35rem .45rem .5rem;border-radius:1.35rem;}
.tutor li i{font-size:2.1rem;color:#fff;background-color:#0db9cc;padding:.85rem 0.95rem;border-radius:1.35rem;}
.tutor div{margin:auto 0 auto 0.75rem;}
.mode-box{width:calc(100%/3 - 2rem);text-align:center;margin:1rem auto;}
.mode-box h3{font-size:1.65rem;font-weight:bold;padding:.5rem;color:var(--blue);letter-spacing:.1rem;position:relative;}
.mode-box img{border-radius:1rem;margin:auto;}
.mode-box p{padding:.5rem 0;font-size:1.2rem;word-break:keep-all;overflow-wrap:anywhere;}
.price-list li{width:calc(100%/8 - .5rem);font-family:Verdana, "Microsoft JhengHei";font-weight:bold;font-size:1.25rem;margin:.25rem;border-radius:1rem;padding:.5rem;text-align:center;background-color:#fff8dd;border:1px solid #bf89008a;display:flex;justify-content:center;text-align:center;flex-direction:column;}
.price-list .gift{background-color:#ffdcdc;border:1px solid #bf89008a;}
.gift b{font-size:1.25rem;}
.price-list li small{word-break:keep-all;overflow-wrap:anywhere;}
.perks dl{width:calc(100% / 4 - 1%);margin:1rem auto;background:#ffffffcc;padding:0 0 1.25rem;}
.perks dl dt{font-size:1.25rem;padding:0.5rem 0;text-align:center;box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);margin:auto auto 1rem;background:#fcffffee;background:#3a57aeea;color:#fff;}
.perks dl dd{padding:0 2rem;font-size:1.125rem;}
.perks dl dd ol{width:fit-content;margin:auto;}
.perks dl .limit{text-align:center;color:var(--blue);}
.perks dl .limit small{font-size:1rem;line-height:2rem;}
.decimal li{list-style-type:decimal;margin:auto auto auto 1rem;}
.perks span{font-size:1.125rem;font-weight:bold;font-family:Verdana, "Microsoft JhengHei";}
.bonus{text-align:center;font-size:1.25rem;font-weight:bold;padding:1rem 0;color:var(--blue);font-family:Microsoft JhengHei;}
.cta{text-align:center;}
.cta a{font-size:1.25rem;background-color:var(--gold);color:white;display:inline-block;margin:0 .5rem .5rem;padding:.5rem 2rem;border-radius:3rem;text-decoration:none;border-right:3px solid var(--fireBrick);border-bottom:4px solid var(--fireBrick);}
/*衝刺必上*/
.mock{text-align:center;padding:2% 5%;}
.mock ul li{font-size:1.25rem;}
.mock i{font-size:3rem;color:var(--gold);margin:auto auto 1rem;border:2px solid;padding:1rem;border-radius:50rem;width:100px;height:100px;display:flex;justify-content:center;align-items:center;}
.mock strong{font-size:1.3rem; line-height:2rem; font-family:"Microsoft YaHei";color:var(--blue);font-weight:bolder;}
.open{color:var(--darkgold);width:fit-content;font-size:1.25rem;text-align:center;padding:.25rem 5.5rem;margin:.5rem auto 0;border-top:2px dotted #916c0f5a;border-bottom:2px dotted #916c0f5a;}
/*優秀學員上榜見證*/
.review{width:calc(100%/3 - 2rem);margin:1rem;position:relative;box-shadow:0 2px 15px #dac49ecc;border-radius:1rem;padding:1.5rem 1.5rem 4rem;background:#fff;}
.tag{background-color:var(--fireBrick);font-size:1.35rem;font-weight:bold;font-family:"Microsoft JhengHei";letter-spacing:4px;color:white;padding:1.5rem .5rem 2.5rem;display:inline-block;writing-mode:vertical-rl;position:absolute;top:0;left:1.25rem;clip-path:polygon(0% 0%, 100% 0, 100% 100%, 50% 92%, 0% 100%);}
.review p{height:70%;font-size:1.125rem;padding:0 0 0 3.75rem;border-bottom:1px solid rgb(23 67 186 / 50%);margin:auto auto 0.5rem;text-align:justify;}
.review p a:last-of-type{color:#888;font-size:1rem;margin-left:0.25rem;}
.student-intro span{margin:auto auto auto 0.5rem;}
.student-intro dt{font-size:1.2rem;line-height:2rem;}
.student-intro dd{font-size:1.2rem;font-family:"Microsoft YaHei";color:var(--blue);font-weight:bold;line-height:1.8rem;}
.student-intro .pass{font-size:1.1rem;background:var(--gold);color:#fff;padding:.125rem .5rem;margin:0 .1rem 0 0;font-weight:500;}
@media screen and (max-width:1535px){       
    .price-list li{font-size:1.125rem;}
    .review p{font-size:1.125rem;}
    .card{padding:1.5rem 1.8rem 2.5rem;}
    .card h3{font-size:1.45rem;line-height:2rem;padding:0 0 .3rem 4.5rem;}
    .card:nth-child(1) h3::before{content:'\f19d';font-size:3rem;left:2.2rem;}
    .card:nth-child(2) h3::before{content:'\f81d';font-size:3rem;left:2.2rem;}
    .card:nth-child(3) h3::before{content:'\f4d7';font-size:3.2rem;left:2rem;}
    .card h3::before{top:2.6rem;}
}
@media screen and (max-width:1280px){  
    .bgcolor0{background:linear-gradient(0deg, #b89d781a 0%, #d7c7b7 10%, #ede1d4 100%), url(../images/1501084_bg.jpg) no-repeat bottom center / 100%;padding:.5rem 0 3rem;} 
    .price-list li{font-size:1rem;}
    .intro_area{padding:.5rem;width:90%;margin:auto;}
    .intro{padding:.5rem 1.25rem 1.25rem;}
    .hero picture{width:100%;padding:0;}
    .price-list , .perks{padding:0 .8rem;}
    .perks dl{width:calc(100% / 2 - 1%);}
    .review{width:calc(100% / 2 - 2rem);}   

}
@media screen and (max-width:1179px){   
    .card{width:92%;}
    .price-list li{width:calc(100% / 4 - .5rem);}
    .card h3::before{top:1rem;}
    .card:nth-child(1) h3::before{content:'\f19d';font-size:3rem;left:2.4rem;}
    .card:nth-child(2) h3::before{content:'\f81d';font-size:3rem;left:2.8rem;}
    .card:nth-child(3) h3::before{content:'\f4d7';font-size:3rem;left:2.25rem;}
}
@media (min-width:1024px) and (max-width:1280px){  
    .review p{padding:0 0 10% 3.75rem;}
}
@media screen and (max-width:767px){   
    .anchor a{font-size:1.3rem;}
    .hero h1{font-size:3rem}
    .leads{font-size:2rem}
    .intro{font-size:1.125rem;padding:1rem 1rem 0;line-height:1.8rem;}
    .intro .block{display:initial}
    .blended{font-size:1.25rem;padding:0 1rem 1rem;}
    .blended b{line-height:2rem;}
    .tutor li{margin:1rem 0.5rem;font-size:1.125rem;}
    .tutor li img{width:40px;}
    .tutor li i{font-size:1.25rem;padding:.6rem .7rem;}
    .tutor div{margin:auto 0 auto .5rem}    
    .review{font-size:1.6rem;}
    .review p{padding:0 0 1rem 3.75rem;}
    .section-title{font-size:1.8rem;line-height:2.5rem;padding:0 0 .25rem;}
    .section-title span{font-size:1.9rem;}
    .card h3{font-size:1.4rem;line-height:1.8rem;} 
    .card p{text-align:left;}
    .mode-box{margin:.5rem auto;}
    .mode-box h3{font-size:1.45rem;}
    .mode-box p{font-size:1.1rem;word-break:normal;}
    .price-list, .perks{padding:1rem;}
    .review{width:calc(100% / 1 - 2rem);}
    .tag{padding:1rem .5rem 1.5rem;}
    .open{padding:.25rem 1rem;word-break:keep-all;overflow-wrap:anywhere;}
}
@media screen and (max-width:767px) and (orientation:portrait){  
    .mode-box{width:92%;}
    .mode-box p{word-break:keep-all;overflow-wrap:anywhere;}
    .price-list li{width:calc(100% / 2 - .5rem);}
    .perks dl{width:calc(100% / 1);margin:.5rem;}
    .mock{width:100%;}
    .review{padding:1.5rem;}
    .review p{height:auto;}
    .card h3::before{top:2.5rem;}
}