:root {
    --white:#FFFFFF;
    --light-pink:#ffe2e2;
    --vivid-orange:#f54a00;
    --bright-red:#e7000b;
    --deep-red:#9f0712;
    --vibrant-purple:#9810fa;
    --mint-green:#F0FDF4;
    --vibrant-green:#1cd1cb;
    --dynamic-blue:#155dfc;
}
#BodyContentMainNavigator+main{overflow:initial;}
button{background-color:transparent;}
.bg-gray{background:url(../images/1408033_01.png) no-repeat bottom /*, linear-gradient(to bottom, #f7f8f0 10%, #e1e2e5 97%)*/;}
.bg-1{background:linear-gradient(90deg, #b5fffd 10%, #def7f6 90%);}
.bg-2{background-color:#4844d6;}
.bg-3{background-color:#1cd1cb;}
.bg-4{background-image:linear-gradient(2deg, #e7e7e7 5%, #ffffff 60%);}
.bg-5{background-image:linear-gradient(2deg, #d5dcff 50%, #ffffff 90%);}
.bg-6{background-color:#ffbd1e;}
.bg-7{background:url(../images/1408033_bg.png) no-repeat fixed, linear-gradient(to bottom, #ffffff 10%, #f2f2f2 97%);}
.bg-8{background-color:#cafeff47;}
/*web_map*/
div.home-title h1{letter-spacing:0.125rem;}
/*高普考資訊處理*/
.section {padding:1rem;}
.banner{text-align:center;font-size:3rem;padding:1.0rem 0 0;height:489px;position:relative;width:1200px;margin:0 auto;overflow:hidden;}
.banner h1 {font-size:6.0rem;font-weight:bold;color:white;line-height:5rem;padding:3.0rem 0 0rem;}
.banner h1 strong {color:#b5fffd;}
.banner h1 small {font-weight:normal;color:#fffff5a1;font-size:2rem;display:block;letter-spacing:0.4rem;}
.banner h2 {font-size:3.2rem;}
/*越來越多工程師選擇轉職資訊類公職？*/
.reason{font-size:1.15rem;letter-spacing:1px;line-height:2.1rem;}
.inner{padding:0 1rem;}
.inner h2{font-size:2.0rem;margin:2.0rem 0 1rem;color:#1b187a;text-wrap:pretty}
.salary{background-color:#ffffff;padding:0.8rem 1rem 0.8rem;margin:0.5rem auto;border-radius:1.25rem;font-weight:bold;font-size:1.35rem;}
.amount{font-size:1.5rem;padding:0 0.25rem;font-weight:bold;color:var(--bright-red);}
.living{width:1200px;position:absolute;bottom:0;justify-content:space-between;display:flex;align-items:center;}
.hs{font-size:2.5rem;color:#FFF;position:relative;width:50%;text-align:left;margin-left:4.0rem;}
.hs_1{line-height:4.5rem;}
.hs_1::before,.hs_1:nth-last-child(1)::before {content:"";background-color:#ffbd1e;width:10px;height:4rem;position:absolute;transform:skewX(-35deg);left:-2.3rem;}
.hs_1:nth-last-child(1){left:6.0rem;position:absolute;}
.LearnStyle{font-size:2.25rem;padding:7.5rem 1rem 0;color:#4844d6;align-items:center;background:url(../images/1408033_cloud.png) no-repeat bottom;width:498px;height:288px;}
.LearnStyle dt{text-align:center;}
.LearnStyle dd{text-align:center;}
.LearnStyle dd a{font-size:1.4rem;padding:0.5rem 0.5rem;border-radius:2.0rem;margin:0.25rem auto;}
.LearnStyle dd a:hover{background-color:#f0fdfd;}
.AdmissionRate{padding:.25rem 1.5rem .25rem 1.75rem;background-color:#1cd1cb;color:#FFF;width:fit-content;font-size:2.0rem;margin:auto;border-radius:2.0rem;word-break:keep-all;overflow-wrap:anywhere;}
.inner .sunject{color:#4844d6;font-size:1.25rem;}
/*脫離三大職場困境*/
.dilemma h2{font-size:3rem;margin:auto 0 1rem;text-align:center;color:white;font-weight:500;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;}
.comparison th{font-size:1.5rem;}
.comparison th:first-of-type{color:#ffbd1e;}
.comparison th:first-of-type i{color:#ffbd1e;}
.comparison th:last-of-type{color:#1cd1cb;}
.comparison th:last-of-type i{color:#1cd1cb;}
.comparison td{font-size:1.15rem;padding:1.5rem 1rem;vertical-align:top;width:calc(100% / 2);background-color:#ffffff29;border-radius:1.0rem;color:white;border-right:solid 4px #4844d6;border-bottom:solid 2px #4844d6;}
.comparison dl dt strong{font-weight:bold;border-bottom:dotted 1px;font-size:1.25rem;}
.comparison dl dt i{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:100%;margin:auto 1rem auto 0;}
.comparison dl dd{padding:0 2.85rem;}
.comparison dl dd strong{color:#1cd1cb;}
.comparison tr td:first-of-type dt i{background-color:#fff;color:#ffbd1e;}
.comparison tr td:last-of-type dt i{background-color:#fff;color:#1cd1cb;}
.master{background-color:#ffb400;border-radius:1rem;color:#ffffff;padding:0.2rem .5rem;margin:0.2rem;display:inline-block;}
/*高普考資訊處理科目高分攻略*/
.HighScore h2{font-size:3rem;margin:auto 0 1rem;text-align:center;color:#433fc6;font-weight:bold;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;}
.HighScore h3 strong{font-size:1.5rem;}
.HighScore h3{font-size:1.25rem;text-align:center;}
.ThreePhases dl{width:calc(100%/4 - 1rem);margin:2rem auto 0;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;padding:2rem;border-radius:0.25rem;font-size:1.15rem;background-image:linear-gradient(55deg, #e7e7e7 10%, #ffffff 70%);}
.ThreePhases dl dt strong{display:block;font-size:1.25rem;}
.ThreePhases dl dt{text-align:center;margin:auto auto 2rem;color:#4844d6;}
.ThreePhases dl dt i{font-size:2rem;margin:auto auto 1rem;}
.ThreePhases dl dd::before{content:'\f058';font-weight:bold;font-family:"Font Awesome 5 Free";color:var(--vibrant-green);margin:auto 0.25rem auto 0;}
/*名師授課*/
.teacher{margin:2rem 0 0;}
.teacher_h{font-size:1rem;background-image:linear-gradient(90deg, #ffffff 40%, #ffffff00 100%);width:fit-content;padding:0.1rem 0.5rem;border-radius:0.3rem;border-right:dotted 1px #a7a7a7;}
.teacher figure{}
.teacher img{width:65px;height:65px;border-radius:50%;margin:auto 0.5rem auto 0;background-image:linear-gradient(50deg, #ffffff 40%, #ffffff00 100%);}
.teacher figcaption{width:calc(100% - 65px - 0.5rem);}
.teacher figcaption small{font-weight:initial;}
.teacher .des{font-size:1rem;}
/*完整學習路徑：從基礎到精通*/
.LearnPath{box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;padding:2rem;border-radius:0.25rem;font-size:1.15rem;width:calc(100% - 1rem);margin:2rem auto auto;background-image:linear-gradient(2deg, #e7e7e7 5%, #ffffff 60%);}
.LearnPath h3{font-size:2.0rem;text-align:center;font-weight:bold;width:100%;color:#433fc6;word-break:keep-all;overflow-wrap:anywhere;}
.LearnPath dl{width:calc(100%/4 - 1rem);margin:2rem auto auto;}
.LearnPath dl dt{text-align:center;border-bottom:solid 4px #433fc6;padding-bottom:0.2rem;}
.LearnPath dl dt strong{font-size:1.6rem;}
.LearnPath dl dt i{font-size:2rem;margin:auto auto 1rem;display:block;color:#433fc6;}
.LearnPath dl dd:first-of-type{margin:auto auto 1rem;text-align:center;word-break:keep-all;overflow-wrap:anywhere;color:#433fc6;border-bottom:solid 1px #433fc6;padding:0.3rem 0;width:100%;}
.LearnPath dl dd{width:fit-content;margin:auto;}
.LearnPath dl dd ul li{list-style-type:disc;font-size:1rem;}
.LearnPath dl dd ul li::marker{font-size:1rem;}
/*連年資訊好成績*/
.GoodGrade .h2{font-size:1.5rem;margin:auto 0 1rem;text-align:center;word-break:keep-all;overflow-wrap:anywhere;}
.GoodGrade .h2 strong{font-size:3rem;margin:auto 0 1rem;text-align:center;color:#433fc6;font-weight:bold;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;display:block;}
.dcard{padding:1rem;}
.experience{width:100%;}
.experience dl{display:flex;flex-wrap:wrap;background-color:white;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;border-radius:0.25rem;padding:2rem;}
.experience dl dt{order:2;font-size:1.25rem;padding:0 0 0 1rem;color:#e3356d;}
.experience dl dt strong{margin:auto auto auto 0.75rem;}
.experience dl dt small{display:block;}
.experience dl dd.rank{order:1;background-image:linear-gradient(36deg, #6f379b 20%, #aa3684 50%, #e3356d 87%);padding:0.25rem 1rem;border-radius:0.25rem;color:white;font-weight:bold;margin:auto 0;font-size:1.25rem;}
.experience dl dd.p{order:3;margin:1rem auto;text-align:justify;}
.quote{display:inline;}
.quote::before{content:'“';font-size:1.5rem;line-height:0;}
.quote::after{content:'”';font-size:1.5rem;line-height:0;}
.comment{order:4;font-weight:bold;color:#433fc6;font-size:1.15rem;}
.comment i{margin:auto .25rem auto 0;font-size:1rem;position:relative;bottom:1px;}
.read{display:inline-block;background-color:#e3fffe;border-radius:0.25rem;color:var(--vibrant-green);padding:0 0.5rem;font-size:0.9rem;margin:auto auto auto 0.5rem;}
button.VueCarousel-navigation-next[data-v-453ad8cd]{right:0.5rem}
button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:0.5rem}
/**/
.statistics h3{font-size:1.5rem;text-align:center;font-weight:bold;}
.statistics dl{width:calc(100%/4 - 1rem);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin:0rem auto 1rem;border-radius:0.25rem;padding:0.5rem 0;}
.statistics dl:nth-of-type(1){background-color:#637dff;}
.statistics dl:nth-of-type(1) dd{color:#FFF;}
.statistics dl:nth-of-type(2){background-color:#1cd1cb;}
.statistics dl:nth-of-type(2) dd{color:#FFF;}
.statistics dl:nth-of-type(3){background-color:#ffbd1e;}
.statistics dl:nth-of-type(3) dd{color:#FFF;}
.statistics dl:nth-of-type(4){background-color:#f58326;}
.statistics dl:nth-of-type(4) dd{color:#FFF;}
.statistics dl dt{order:2;font-size:1.15rem;width:100%;}
.statistics dl dd{order:1;font-size:1.4rem;font-weight:bold;width:100%;}
/*面授、網院、雲端多元模式*/
.mode{justify-content:center;}
.require .h2{font-size:1.5rem;margin:auto 0 2rem;text-align:center;}
.require .h2 strong{font-size:3rem;margin:auto 0 1rem;text-align:center;color:#433fc6;font-weight:bold;padding:2.0rem 0 1.0rem;border-bottom:dotted 1px;display:block;}
.require .mode dl{margin:auto;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;border-radius:0.25rem;padding:2rem;background-image:linear-gradient(55deg, #e7e7e7 10%, #ffffff 70%);}
.require .mode dt{font-size:1.5rem;font-weight:bold;text-align:center;}
.require .mode dt i{font-size:2rem;display:block;margin:auto auto 1rem;}
.require .mode dd{font-size:1.15rem;}
.require .mode dd:first-of-type{text-align:center;}
.require .mode dd small{text-decoration-line:line-through;font-size:1rem;display:block;}
.price{padding:1rem 0;text-align:center;}
.price ol li{padding:0.25rem 0;}
.price strong{background-color:#ffbd1e;padding:0 0.25rem;border-radius:0.25rem;color:white;font-size:1rem;}
.price span{margin:auto auto auto 0.5rem;font-size:1.5rem;font-weight:bold;}
.require .mode dd .clear{text-decoration-line:initial}
.clear a{color:#f58326;}
.popular{background-color:#433fc6;color:#fff;border-radius:.25rem;position:absolute;top:-1rem;left:0;right:0;margin:auto;width:fit-content;padding:0 0.5rem;font-weight:bold;font-size:1.3rem;}
.require .mode dd ul{width:fit-content;margin:auto;}
.require .mode dd ul li::before{content:'\f14a';font-weight:bold;font-family:"Font Awesome 5 Free";margin:auto 0.25rem auto 0;}
.cta{width:100%;margin:2rem auto auto;}
.cta a{display:block;background-color:#f58326;color:white;font-size:1.25rem;font-weight:bold;border-radius:0.25rem;padding:0.25rem;text-decoration:none;}
/*為什麼選擇高點*/
.require .h3{font-size:1.5rem;margin:auto auto 2rem}
.require .h3 strong{display:block;font-size:2rem;}
.compete{width:100%;text-align:center;}
.compete th:nth-of-type(2) {background:#433fc6;color:white;}
.compete th:nth-of-type(3) {background:#b8b8b8;}
.compete th.Trademark{font-size:1.5rem;}
.compete th strong{font-size:1.75rem;}
.compete td{font-size:1rem;padding:1rem;}
.compete td strong{font-size:1.15rem;display:block;}
.compete .item{border-bottom:1px solid;}
.compete tr td:first-of-type{font-size:1rem;font-weight:bold;}
.compete tr td:nth-of-type(2) strong{color:#ffd83e;}
.compete tr td:nth-of-type(2) {background-image:linear-gradient(55deg, #433fc6 10%, #7b78e1 70%);color:white;}
.compete tr td:nth-of-type(3) {background-image:linear-gradient(55deg, #bdbdbd 10%, #f5f5f5 70%);}
.compete a{color:#ffd83e;}
/*一年到頭滿「試」機會*/
.opportunity .h2{font-size:1.5rem;margin:auto auto 1rem;}
.opportunity .h2 .mjib{font-size:1.8rem;color:#433fc6;margin-left:0.25rem;}
.opportunity .h2 strong{display:block;font-size:2rem;color:#1b187a;margin-top:2.0rem;}
.opportunity table{table-layout:fixed;}
.opportunity table td{font-size:1.15rem;padding:1rem}
.opportunity table tr{border-radius:0.25rem;}
.opportunity table tr:nth-of-type(even){background-color:white;}
.opportunity table tr.july{background-color:#1cd1cb9e;}
.opportunity table .july ol li{background-color:#DBFCE7;border:1px solid var(--vibrant-green);color:black;}
.opportunity table .july td:nth-of-type(2){color:#005c59;}
.opportunity table th{font-weight:initial;padding:0.5rem 1rem;word-break:keep-all;position:sticky;top:3rem;background-color:#433fc6;color:white;font-size:1.2rem;border-right:dotted 1px #fff;}
.opportunity table td:first-of-type{font-weight:bold;word-break:keep-all;}
.opportunity table td:last-of-type{width:fit-content;}
.opportunity table td:nth-of-type(2) {word-break:keep-all;}
.opportunity table td:nth-of-type(2) strong{display:block;}
.opportunity table ol {display:flex;flex-wrap:wrap;}
.opportunity table ol li {border-radius:0.5rem;font-size:1rem;border:1px solid #7773f7;color:#433fc6;padding:0 0.5rem;margin:0.25rem;}
.opportunity table ul {display:flex;flex-wrap:wrap;}
.opportunity table ul li{background-color:#DBFCE7;border:1px solid var(--vibrant-green);color:black;border-radius:0.5rem;font-size:1rem;padding:0 0.5rem}
.opportunity table .base {color:black;width:100%;}
.opportunity table dl dd{word-break:keep-all;width:max-content;}
.bonus a{background-color:var(--vivid-orange);color:white;display:inline-block;padding:0 0.25rem;border-radius:0.25rem;}
.discount{color:var(--vivid-orange);font-weight:bold;}
/*立即開始學習*/
.shop{justify-content:center;position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(to right,var(--dynamic-blue),var(--vibrant-purple));z-index:2;padding:0.5rem 0 1.25rem;}
.shop a{font-size:1.5rem;color:white;text-decoration:none;display:inline-block;margin:auto 1rem;}
/*footer*/
div.footer-wrap{padding:1.5rem .5rem 5rem;}
#Ask SELECT[name="sT1"],#Ask input[type="text"]{width:auto;}
@media screen and (min-width:768px) { 
    .LearnPath dl dd ul{padding:0 1rem;} 
}
@media screen and (max-width:1365px) {
	.bg-gray {background:url(../images/1408033_01.png) no-repeat top left;background-size:cover;}
    .banner{font-size:1.75rem;padding:1.0rem 0 0;height:562px;position:relative;width:100%;margin:0 auto;}
	.living {width:100%;top:17rem;display:flex;bottom:inherit;flex-direction:row;align-items:flex-start;justify-content:center;}
	.hs {width:auto;}
	.hs_1:nth-last-child(1) {left:0rem;}
}
@media screen and (max-width:1280px) {
    .experience dl dd.rank{padding:0.25rem 0.75rem;}
}
@media screen and (min-width:1201px) {	
	.section {width:1200px;margin:auto;}
}
@media screen and (max-width:1179px) {
    .teacher figcaption{width:100%;}
    .ThreePhases dl{padding:1rem;width:calc(100% / 4 - 0.5rem);}
    .LearnPath dl{width: calc(100% / 2 - 1rem);}
    .require .h3{margin:2rem auto;}
    .experience dl dt{padding:0;width:100%;display:flex;flex-wrap:wrap;align-items:flex-end;}
    .experience dl dt strong{display:block;margin:0;order:1;}
    .experience dl dt small{position:relative;}
    .experience dl dt small::before{content:'(';margin-left:0.5rem;}
    .experience dl dt small::after{content:')';}
    .statistics dl{width:calc(100% / 4 - .5rem);display:flex;flex-wrap:wrap;flex-direction:column;}
}
@media screen and (max-width:1023px) {
    #Ask SELECT[name="sT1"],#Ask input[type="text"],#Ask p input[name="sContent"]{width:100%;}
	.bg-gray {background:url(../images/1408033_01.png) no-repeat top left;background-size:cover;}
	.banner{font-size:1.75rem;padding:1.0rem 0 0;height:672px;position:relative;width:100%;margin:0 auto;}
	.living{width:100%;top:17rem;display:flex;bottom:inherit;flex-direction:column;}
	.hs {width:100%;margin-left:5rem;margin-bottom:5rem;}
    .LearnStyle{font-size:2.5rem;padding:6.5rem 0.0rem 1.5rem;align-items:center;background:url(../images/1408033_cloud.png) no-repeat center top; width:100%;height:auto;background-size:cover;}
    .dilemma h2 ,.HighScore h2, .GoodGrade .h2 strong,.require .h2 strong{font-size:2rem;}
    .HighScore h2 .sm\:block{display:initial;}
    .opportunity table dl dd{width:auto;}
    .bonus a{word-break:initial;}
    .opportunity table{width:100%;}
    .opportunity table th{overflow-wrap:anywhere;}
    .bonus{display:none;}
    .opportunity table td:first-of-type{overflow-wrap:anywhere;}
    .opportunity table td:nth-of-type(2){overflow-wrap:anywhere;}
    .opportunity table dl{font-size:1.15rem;}
    .opportunity table dl dd{width:auto;overflow-wrap:anywhere;}
    .opportunity table th:nth-of-type(n+1):nth-of-type(-n+3){display:none;}
    .opportunity table td{display:block;width:100%;padding:0.5rem 1rem;}
    .opportunity table td:nth-of-type(3)::before{content:'額外準備科目';font-size:1rem;}
    .opportunity table .july td:nth-of-type(3)::before{content:'';}
    .opportunity table tr:nth-of-type(even){background-color:rgb(255 255 255 / 50%);}
    .bonus a{width:100%;}
}
@media screen and (max-width:767px) {    
    .ThreePhases dl dd{font-size:1rem;}
    .statistics dl dt{font-size:1rem;}
    .require .mode dl{padding:2rem 1rem 1rem;}  
}
@media screen and (max-width:767px) and (orientation:portrait) { 
	.bg-gray {background:url(../images/1408033_01.png) no-repeat top left #433fc6;background-size:100% 40%;}
	.banner{font-size:1.75rem;padding:1.0rem 0 0;height:477px;position:relative;width:100%;margin:0 auto;}
	.living{width:100%;top:13rem;display:flex;bottom:inherit;flex-direction:initial;}
	.AdmissionRate {padding:.25rem 1.0rem .25rem 1.5rem;width:fit-content;font-size:1.3rem;margin:auto 13%;}
	.banner h1 small {font-size:1.5rem;letter-spacing:0.2rem;}
	.comparison th {font-size:1.4rem;}
    .comparison th i{display:none;}
    .web-search{display:none;}
    .comparison dl dd{padding:0;}
    .banner h1{font-size:3rem;line-height:2.5rem;padding:1.5rem 0 0rem;} 
	.hs {font-size:1.5rem;width:100%;margin-left:3rem;margin-bottom:3rem;}
	.hs_1 {line-height:2.5rem;}
	.hs_1::before, .hs_1:nth-last-child(1)::before {width:8px;height:2rem;left:-1.3rem;}
	.hs_1 {line-height:2.5rem;}
	.hs_1:nth-last-child(1) {left:1rem;}
    .dilemma h2 ,.HighScore h2, .GoodGrade .h2 strong,.require .h2 strong, .opportunity .h2 strong{font-size:1.75rem;}
    .opportunity .h2{font-size:1.25rem;}
    .opportunity .h2 .mjib{font-size:1.5rem;}
    .LearnStyle{font-size:1.8rem;padding:4.5rem 0.0rem 1.5rem;align-items:center;background:url(../images/1408033_cloud.png) no-repeat center top;width:100%;height:auto;}
    .ThreePhases dl{width:calc(100% / 2 - 0.25rem);margin:0.5rem auto 0;padding:1rem 0;}
    .ThreePhases dd,.teacher{padding:0 1rem;}
    .LearnPath dl{width:100%;}
    .LearnStyle dd a{padding:0.5rem 0.0rem;font-size:1.15rem;}
    .LearnStyle dd i{display:none;}
    .HighScore h3{word-break:keep-all;overflow-wrap: anywhere;}
    .HighScore h3 i{margin-left:0.25rem;margin-right:0.25rem;}
    .statistics dl{width:calc(100% / 2 - 0.25rem);}
    .require .mode dl{width:100%;} 
    .require .mode dd:first-of-type{font-size:1.125rem;}
    .shop{padding:0.25rem 0 0.5rem;}
    .shop a{font-size:1.15rem;margin:auto 0.5rem;}
    .shop .start{width:100%;}
    .compete .block{display:inline-block;}
    .compete tr td:first-of-type{padding:0;}
    .HighScore h2 .sm\:block{display:block;}   
    button.VueCarousel-navigation-next[data-v-453ad8cd]{right:1rem}
    button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:1rem}
}