: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%);*/}
.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 - 0rem);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;/*font-weight: bold;border: 5px #b28a1b solid;
    border-top: 1px #b38b1a solid;*/
    border-right: 7px #b7942a solid;
   /*border-left: 7px #b7942a solid;
    border-bottom: 1px #b28a19 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 .school{}
.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 0.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, 0.2) 0px 2px 8px 0px;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;}
/*預約試聽表單*/
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);}	
}
@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{padding:.5rem 0.75rem .25rem;font-size:1.1rem;margin:auto 0.15rem 0.5rem;}*/
    /*.senior_menu a {border-radius: 5rem;margin: 0.26rem -.25rem 0.26rem .7rem;}*/
    .senior_menu a {
        border-radius: 5rem;
        margin: 0.26rem -.25rem 0.26rem .7rem;
        width: 100px;
        height: 100px;
        font-size: 1.3rem;
        padding: 1.1rem 0.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, 0.2) 0px 2px 8px 0px;
    font-size: 1.7rem;
    font-weight: bold;
    padding: .5rem 0.75rem .25rem;}
    .tag {font-size: 2rem;padding: 1rem 0.5rem}
    .senior_cont dt {font-size: 2.5rem;text-align: center;}
    .event_wrap {padding: 1.5rem 1rem 2.5rem;}
    .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;}
	.comtitle h2{/*font-size:2rem;*/}
	.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:100%;}
	.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;}    
    
}