:root{
	--blue:#008cd4;/*#2b7fff;*/
	--orange:#ff900f;/*#fe9a00;*/
	--green:#12b67f;/*#00bc7d;*/
	--purple:#a76fd3;/*#9f62cf;#ad46ff;*/
	--gray:#f3f3f3;
	--red:#ff4a94;/*#ff2056;*/
    --light-brown:#ff2056;
    --yellow:#fee100;
    --white:#fff;
    --light-gold:#e3d4a8;
}
.bg-gray{background-color:var(--gray);}
.bg-color{background:linear-gradient(to left, #e0cb9d -10%, #f1f1f1 30%, #f1f1f1 60%, #e0cb9d 110%);}
.bg-color1{background-color:var(--yellow);}
.bg-color2{background:url("../images/1411011/1411011_pointline_bg.jpg") no-repeat center 0px, linear-gradient(to bottom, #dcd2b500 5%, #f6f6f6 26%);}
.bg-white{background-color:var(--white);}
.bg-light-gold{background-color:var(--light-gold);color:#E91E63;font-size:1.75rem;/*background:linear-gradient(to left, #e0cb9d -10%, #f1f1f1 30%, #f1f1f1 60%, #e0cb9d 110%);*/}
.bg-color3{background-color:#fffbf1;background:linear-gradient(rgb(227 219 194 / 95%), rgb(255 247 222));}
.event_wrap{padding:1rem;}
.wrap_all{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%}
/*他們選擇了公職*/
.banner{text-align:center;font-size:2.5rem;word-break:keep-all;overflow-wrap:anywhere;}
.banner h1{padding:1rem 0;}
.banner h1 strong{font-size:5rem;}
.banner h1 u{border-bottom:5px dotted;text-decoration:none;color:var(--red);}
/*動機*/
.top_t{font-size:2rem;text-align:center;padding:1.5rem 1rem 0 2.1rem;} 
.comtitle{font-size:1.9rem;text-align:center;color:#443611;}
.comtitle h2{font-size:4rem;font-weight:bold;color:#fc1c5b;text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}
.indicator_menu{padding:2rem 0 1rem;}
.indicator_menu a{width:calc(100%/6);box-shadow:rgba(0,0,0,.24) 0 3px 8px;border-radius:2.5rem 2.5rem 0 2.5rem;font-size:1.7rem;margin:0 auto;text-align:center;padding:1rem;text-decoration:none;border-right:7px #b7942a solid}
.indicator_menu a.active{background-color:var(--blue);color:white;font-size:2rem;font-weight:bold;margin-bottom:-1rem;}
.indicator_menu a:nth-of-type(2).active{background-color:var(--green);}
.indicator_menu a:nth-of-type(3).active{background-color:var(--orange);}
.indicator_menu a:nth-of-type(4).active{background-color:var(--purple);}
.indicator_menu a:nth-of-type(5).active{background-color:var(--red);}
.indicator_menu a i{font-size:3rem;color:#47b2c0}
.indicator_menu a.active i{color:#fff}
.indicator_menu a small{display:block;color:#4c4c4c;font-size:1rem;}
.indicator_menu a.active small{color:rgb(255 255 255 / 70%);}
.indicator_box .cont{box-shadow:rgba(0,0,0,.24) 0 3px 8px;border-radius:.5rem;width:calc(100% - 2rem);margin:auto;}
.exp_box{padding:1rem 2rem;background-color:#fefae7;border-radius:0 0 .5rem .5rem;}
.exp_cont{width:calc(100%/2 - 2rem);margin:1rem;}
.exp_cont:last-of-type{border-right:0;}
.exp_cont .name{font-size:1.7rem;display:flex;flex-wrap:wrap;float:inline-end;margin-top:1rem;color:#b7942a;font-weight:bold;flex-direction:column;align-items:center;}
.exp_cont .grade{font-size:1.7rem;font-weight:bold;color:var(--blue);line-height:2.1rem;}
.tag{background-color:var(--blue);color:white;border-radius:5rem;padding:1.1rem .5rem;margin:auto 0 auto auto;font-size:3rem;border:12px #b28a1b solid;border-top:12px #b7942a solid;border-right:12px #F44336 solid;border-left:12px #b7942a solid;border-bottom:12px #F44336 solid;}.exp_cont p{padding:1rem 0 0 0;font-size:1.1rem;}
.indicator_title{background-color:var(--blue);font-size:1.5rem;padding:1rem 2rem;border-radius:0.5rem 0.5rem 0 0;color:rgb(255 255 255 / 70%);font-weight:bold;border-bottom:#ffffff69 dotted 5px;border-right:7px #b7942a solid;border-top:7px #b7942a solid;}
.indicator_title h3{color:white;font-size:2.8rem;color:#ffffffdb;}
.green-layout .indicator_title,.green-layout .tag{background-color:var(--green);}
.green-layout .grade{color:var(--green);}
.orange-layout .indicator_title,.orange-layout .tag{background-color:var(--orange);}
.orange-layout .grade{color:var(--orange);}
.purple-layout .indicator_title,.purple-layout .tag{background-color:var(--purple);}
.purple-layout .grade{color:var(--purple);}
.red-layout .indicator_title,.red-layout .tag{background-color:var(--red);}
.red-layout .grade{color:var(--red);}
/*錄取率攀高、考科減少*/
.rate{padding:3rem 0 2rem;}
.rate dl{width:calc(100%/3);text-align:center;}
.rate dl dt{font-size:3rem;font-weight:bold;color:#F44336;}
.rate dl dt i{color:#c19d32de;font-size:4.1rem;text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}
.rate dl dd{font-size:1.25rem;color:#000}
.rate dl dd:first-of-type {font-size:2rem;font-weight:bold;border-top:3px #c19d32 dotted;display:inline-block;padding-top:7px;margin-top:10px;}
.program{font-size:1.25rem;text-align:center;background-color:rgb(55 55 55 / 10%);border-radius:5rem;background-color:#c19d32;padding:1rem;color:#fff;/*border-left:30px #f44336 solid;*/margin:0 5rem}
.program strong{font-size:1.5rem;display:block;padding:0 0 0.5rem 0;}
/*從科系找捷徑*/
.senior_menu{padding:2rem 0 1rem;font-family:"Microsoft YaHei"}
.senior_menu a{/*background-color:#dbeafe;*/background-color:#00bcd4;margin:auto 0.4rem;padding:1.1rem 1.8rem;font-size:1.5rem;text-decoration:none;text-align:center;border-radius:4.5rem;color:#fff;}
.senior_menu .btn-purple{/*background-color:#f3e8ff;*/background-color:#a76fd3;}
.senior_menu .btn-yellow{background-color:var(--orange);}
.senior_menu .btn-green{background-color:var(--green);}
.senior_menu .btn-red{background-color:var(--red);}
.senior_menu a.active{border:6px solid #00bcd4;border-bottom:6px solid #ceb363;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;font-size:2.1rem;padding:1.1rem 1.7rem;font-weight:bold;}
.senior_menu a:hover{transform:scale(1.05);box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.senior_menu .btn-purple.active{border:6px solid var(--purple);border-bottom:6px solid #e3bf54;}
.senior_menu .btn-yellow.active{border:6px solid var(--orange);border-bottom:6px solid #e3bf54;}
.senior_menu .btn-green.active{border:6px solid var(--green);border-bottom:6px solid #e3bf54;}
.senior_menu .btn-red.active{border:6px solid var(--red);border-bottom:6px solid #e3bf54;}
.senior_menu a i{display:block;margin:auto;font-size:2rem;color:#ffffff75;}
.senior_menu a{border:6px solid #eeeeee}
.senior_cont{background-color:rgb(219 234 254 / 30%);padding:1.15rem 2rem;border-radius:4rem;display:flex;flex-wrap:wrap;border-right:12px #c19d32c2 solid;border-bottom:7px #c19d32c2 solid;border-left:12px #00BCD4 solid;border-top:7px #00BCD4 dotted;}
.senior_box .btn-purple{background-color:rgb(243 232 255 / 30%);border-left:12px #9f62cf solid;border-top:7px #9f62cf dotted;}
.senior_box .btn-yellow{background-color:rgb(254 243 198 / 30%);border-left:12px #ff8b05 solid;border-top:7px #ff8b05 dotted;}
.senior_box .btn-green{background-color:rgb(220 252 231 / 30%);border-left:12px #12b67f solid;border-top:7px #12b67f dotted;}
.senior_box .btn-red{background-color:rgb(255 228 230 / 30%);border-left:12px #ff4a94 solid;border-top:7px #ff4a94 dotted;}
.senior_cont dt{font-size:2.5rem;line-height:2.7rem;width:100%;padding-left:1.5rem;}
.senior_cont dd{width:calc(100%/2 - 1rem);margin:1rem auto auto 0;}
.senior_cont dd a{font-size:1.5rem;display:block;text-decoration:none;background-color:#ffffffc9;/*box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/border-radius:7rem;padding:1rem 2rem;}
.senior_cont dd a::before{content:'\f386';color:#00BCD4;font-family:"Font Awesome 6 Free";font-weight:900;padding:0 1rem 0 0;}
.btn-purple dd a::before{color:var(--purple);}
.btn-yellow dd a::before{color:var(--orange);}
.btn-green dd a::before{color:var(--green);}
.btn-red dd a::before{color:var(--red);}
/*115高普考新班開課*/
.reserve{display:block;color:#E91E63;font-size:1.75rem;}
.reserve i{display:inline-block;transform:rotate(-25deg);}
.branch_menu{padding:2rem 0 0;justify-content:center;}
.branch_menu a{background-color:#00BCD4;/*border:1px solid rgb(55 55 55 / 10%);*/padding:1rem 2rem;border-radius:0.5rem;margin:auto 0.5rem;font-size:1.25rem;text-decoration:none;color:#fff;}
.branch_menu a.active{background-color:#fc1c5b;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;color:white;border:0;font-size:1.7rem;font-weight:bold;}
.class_open{justify-content:center;}
.class_open dl{width:calc(100%/4 - 1rem);background-color:white;box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;margin:1rem 0.5rem 0;padding:1rem 2rem;border-radius:0.5rem;border:5px #fc1c5b solid;border-right:1px #607D8B solid;border-bottom:4px #607d8b solid;border-top:1px #fc1c5b solid;}
.class_open dl dt{color:#fc1c5b;font-size:2.1rem;font-weight:bold;}
.class_open dl dd{font-size:1.1rem;border-bottom:1px solid rgb(227 212 168);padding:0.25rem 0;color:#000}
.class_note{text-align:center;margin:2rem auto;background-color:rgb(55 55 55 / 10%);border-radius:1rem;display:block;padding:0.1rem 1rem;width:fit-content;color:#000;    font-size:1rem;}
.report_btn{padding:1rem 0;text-align:center;}
.report_btn a{font-size:1.5rem;margin:0.25rem 0.5rem auto;padding:0.5rem 2rem;border-radius:2rem;display:inline-block;background-color:#F44336;text-decoration:none;border:1px solid rgb(55 55 55 / 10%);color:#fff;}
/*適合自己的學習模式*/
.shortcut{font-size:2rem;text-align:center;color:#258dc3;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff;font-weight:bold;letter-spacing:.4rem;}
.mode-box{width:calc(100%/3 - 1.75rem);margin:1rem auto auto;text-align:center;}
.mode-box img{border-radius:12px 12px 0 0;border:2px #ffffff4f solid;border-bottom:0;margin:0 auto;}
.mode-box dl dt{font-size:1.8rem;}
.mode-box dl dt a{color:#fffffff5;letter-spacing:3%;padding:.5% 0 1%;width:calc(100% - 5px);display:block;margin:0 auto 0;background-color:#583c8cc9;border-radius:0 0 12px 12px}
.mode-box dl dt a:hover{background-color:#258dc3;position:initial;}
.mode-box dl dd{font-size:1.2rem;word-break:keep-all;overflow-wrap:anywhere;padding-top:8px}
/*預約試聽表單*/
div.ask-wrap .ask-title{_font-size:2rem;}
#Ask input[type="submit"], #Ask input[type="reset"] {width:100px !important;font-size:1.05rem !important;background:#356c87 !important}
@media screen and (min-width:768px){	
	.exp_cont:nth-of-type(odd){border-right:1px solid #e2e8f0;padding:0 2rem 0 0;}
	.exp_cont:nth-of-type(even){padding:0 0 0 1rem;}
}
@media screen and (min-width:1201px){	
	.banner{width:auto;margin:auto;}
	.event_wrap{width:1200px;margin:auto;padding:2rem 0 4rem;}
}
@media screen and (max-width:1200px){
	.senior_menu a{margin:auto 0.5rem 0.5rem;}	
}
@media screen and (max-width:1023px){
	.indicator_menu a{font-size:1.25rem;padding:1rem 0.5rem;}
	.class_open dl{width:calc(100% / 3 - 1rem);}	
    .comtitle{font-size:1.5rem;}
    .mode-box{width:calc(100% / 3 - 0.25rem);}
    .mode-box dl dt{font-size:1.4rem}
    .mode-box dl dd{font-size:1.1rem}
    .mode-box dl dt a{width: calc(100% - 4px);}
}
@media screen and (max-width:767px){ 
    .br_mb{display:block;}
	.banner{font-size:1.5rem;}
	.banner h1{font-size:2rem;}
	.banner h1 strong{font-size:2.5rem;}
    .top_t {font-size:1.4rem;}
    .indicator_menu {padding:1.2rem 0 1rem;}
    .indicator_menu a {border-radius:1rem 1rem 0 1rem;}
    .indicator_menu a i {font-size:1.5rem;}
    .indicator_menu a.active {font-size:1.5rem;}
    .indicator_menu a small {font-size:1rem;width:2rem;display:inline-block;}
    .indicator_menu a.active small {width:2rem;display:inline-block;flex-direction:column;}
    .indicator_title {padding:1rem 0.5rem 1rem 2rem;padding:1rem 0.5rem 1rem 1.4rem;}
    .indicator_title h3 {font-size:1.9rem;line-height:2.5rem;/*word-break:keep-all;*/overflow-wrap:break-word;}
    .indicator_box .cont {width:calc(100% - 1rem);}    
	.exp_box{padding:1rem;}    
    .senior_menu {justify-content:center;}
    .senior_menu a{border-radius:5rem;margin:.26rem -.25rem .26rem .7rem;width:100px;height:100px;font-size:1.3rem;padding:1.1rem .5rem}
	.senior_menu a i{font-size:1.5rem;}	
    .senior_menu a.active{border:6px solid #00bcd4;border-bottom:6px solid #ceb363;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;font-size:1.7rem;font-weight:bold;padding:.5rem .75rem .25rem;}
    .tag {font-size:2rem;padding:1rem 0.5rem}
    .senior_cont dt {font-size:2.5rem;text-align:center;}
    .shortcut {font-size:1.7rem;letter-spacing:0.2rem;}
    .mode-box dl dd {font-size:1.1rem;}    
    .event_wrap {padding:1.5rem 1rem;}
    .exp_cont {margin:0.5rem 0rem 0.5rem 0.5rem;}
    .exp_cont .grade {font-size:1.41rem;line-height:1.85rem;}
    .exp_cont .name {font-size:1.4rem;display:flex;float:inline-end;flex-direction:column;align-items:center;}
    .comtitle h2 {font-size:2.7rem;line-height:3.2rem;margin-bottom:.5rem;word-break:keep-all;overflow-wrap:break-word;}
    .program {border-radius:3rem;margin:0 1rem;}
    .report_btn a{font-size:1.15rem;}
    .branch_menu a.active {font-size:1.7rem;}
    .reserve {font-size:1.6rem;}    
}
@media screen and (max-width:767px) and (orientation:portrait){ 
	.exp_cont{width:100%;border-bottom:1px solid #e2e8f0;padding:0 0 1rem 0;}
	.comtitle{font-size:1.1rem;word-break:keep-all;overflow-wrap:break-word;}
	.rate{padding:1rem 0}
	.rate dl{width:100%;margin:auto auto 1rem;}	
	.senior_cont dd{width:100%;}
	.senior_cont dd a{font-size:1.25rem;padding:.7rem 1rem;}
	.branch_menu{padding:1rem 0;}
	.branch_menu a{padding:1rem;margin:auto 0.2rem;}
	.class_open dl{width:calc(100% / 2 - .5rem);margin:.25rem auto;padding:1rem}
    .class_open dl dt{font-size:1.5rem;}
	.class_note {margin:2rem 0 auto;font-size:.88rem;word-break:keep-all;overflow-wrap:break-word;padding:0.3rem 0rem;width:100%;border-radius:.7rem;}    
    .mode-box{width:100%;}
}