.hero h1{font-size:4rem;}
.hero h1 strong{font-size:4.5rem;display:block;color:#FF5A00;}
.hero .des{font-size:2rem;}
.hero .des strong{display:block;}
.hero img{width:100%;display:block;}
.preface{font-size:1.25rem;word-break:keep-all;overflow-wrap:break-word;}
.brief{font-size:2rem;border-radius:1rem;padding:2rem;width:fit-content;margin:auto;}
.brief a{font-size:2.5rem;display:block;font-weight:bold;}
/*他們和你一樣，也曾猶豫過*/
.exp-box{width:calc(100%/2 - 1rem);background-color:white;border-radius:5rem;margin:1rem auto;box-sizing:border-box;padding:2rem;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);border:4px #00bcd4 solid;border-right:7px #FFC107 solid;border-bottom:7px #FF5722 solid;}
.exp-box i{background-color:#e57171;width:4rem;height:4rem;border-radius:50%;font-size:2rem;color:white;display:flex;align-items:center;justify-content:center;background-color:#e57171;width:5rem;height:5rem;border-radius:50%;font-size:2.5rem;color:white;display:flex;align-items:center;justify-content:center;margin-left:-9%;margin-top:-9%;}
.exp-box strong{color:#e57171;color:#f95347;}
.exp-box.pink strong{color:#e571bc;color:#ea53b5;}
.exp-box.blue strong{color:#0f9ff5;color:#0099f4;}
.exp-box.pink i{background-color:#e571bc;}
.exp-box.blue i{background-color:#0f9ff5;}
.exp-box .title{font-size:3.2rem;line-height:3.6rem;/* font-weight:bold;*/text-align:left;width:calc(100% - 6rem);padding:0 0 0 1rem;}
.exp-box .grade{font-size:1.8rem;line-height:3rem;background:#F44336;text-align:center;border-radius:9px;padding:2px;color:#fff;margin-top:4px;}
.exp-box .name{display:block;font-weight:bold;font-size:1.35rem;padding-bottom:5px;}
.exp-box p{text-align:left;font-size:1.19rem;line-height:1.9rem;text-align:justify;}
.exp-box p small{font-size:0.9rem;font-weight:initial;}
.exp-box .btn a{color:#e57171;font-size:2rem;text-decoration:none;border-top:2px #607D8B dotted;border-bottom:2px #607D8B dotted;border-radius:0;padding:5px 10px;}
.exp-box .btn a::after{content:"\f178";font-weight:900;font-family:"Font Awesome 6 Free";padding:0 0 0 0.5rem;}
.exp-box.pink .btn a{color:#e571bc;}
.exp-box.blue .btn a{color:#0f9ff5;}
/*為什麼大家最後都選擇高點？*/
.reason{font-size:1.25rem;text-align:left;width:fit-content;margin:1.5rem auto;}
.reason li::before{content:'\f058';font-weight:400;font-family:"Font Awesome 6 Free";margin:auto 0.5rem auto auto;}
.choice strong{font-size:4rem;line-height:4.7rem;display:block;margin:auto auto 0.5rem;border-radius:10px;color:#005075;text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}
.choice .text-red{color:#FF5A00;}
.choice .text-org{color:#FFC107;}
.support dl{width:calc(98%/3 - 0.5rem);margin:2rem auto 0;border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px -15px rgb(0 0 0 / 43%);border:4px #ffffff61 solid;background-color:#ffffff96;}
.support dl dt{font-size:1.8rem;font-weight:bold;text-align:center;color:#F44336;}
.support dl dt a{color:#007fba;}
.support dl dt img{width:100%;max-height:225px;object-fit:cover;margin-bottom:5px;}
.support dl dd{font-size:1.1rem;padding:0.5rem 2rem 1rem;text-align:left;}
.support dl dd a{color:#F44336;}
.support .disc li{list-style-type:disc;margin-left:1rem;}
/*116年轉學考全新開課*/
.open {width:100%;border:0;margin:2rem auto auto;}
.open th{border:0;padding:1rem 0;border-bottom:3px solid rgb(255 90 0);font-size:1.7rem;}
.open td{font-size:1.25rem;border:0;padding:1.5rem 0 0.5rem;}
.open .date td{padding:0 0 2rem;text-align:center;}
.open .date td:first-of-type{border-radius:0 0 0 1rem;}
.open .date td:last-of-type{border-radius:0 0 1rem 0;}
.open .subject{background-color:#03A9F4;border-radius:1rem 1rem 0 0;color:#003750;}
.subject th:first-of-type{border-radius:1rem 0 0 0;}
.subject th:last-of-type{border-radius:0 1rem 0 0;}
.open td b{border-radius:.7rem;display:inline-table;padding:0.5rem 1rem;}
.open .com b{background-color:rgb(128 128 128 / 20%);color:black;}
.open .politic b{background-color:rgb(0 0 255 / 20%);color:#5137ab;}
.open .mental b{background-color:rgb(255 0 0 / 20%);color:red;}
.open .doctor b{background-color:rgb(0 128 0 / 20%);color:green;}
.open .law b{background-color:rgb(128 0 128 / 20%);color:purple}
.detail {padding:1.5rem 0 2rem;text-align:center;}
.detail a{font-size:1.7rem;margin:0.5rem 1rem;padding:8px 25px;border-radius:50px;text-decoration:none;background-color:#ff5a00;color:#fff;display:inline-block;}
.detail a:hover{background-color:#03A9F4}
@media (min-width:768px) {
    .open tr{background-color:white;}   
}
@media (min-width:1024px) {  
    .choice .text-red{display:block;}
}
@media (min-width:1180px) {
    h4 .md\:block{display:block;}
}
@media (min-width:1201px) { 
    .choice .text-red{color:#FF5A00;}
}
@media (max-width:1200px) {
    .exp-box .title{width:100%;padding:0;}   
}
@media (max-width:1179px) {
    .choice strong{font-size:3.5rem;}
    .open th{font-size:1.5rem;}
}
@media (max-width:1023px) {
    .support dl{width:calc(100% / 2 - 1rem);} 
    .exp-box .title{font-size:2.5rem;}
    .exp-box i{margin-top:-3rem}
    .exp-box .grade{word-break:keep-all;overflow-wrap:anywhere;line-height:2.5rem;}
    .open th{font-size:1.5rem;}
    .open td{font-size:1rem;}
    .detail a{font-size:1.25rem;}
    .choice strong{font-size:2.75rem;line-height:3.75rem;}
    h4{font-size:1.5rem;}
}
@media (max-width:767px) {   
    .exp-box .title{font-size:2.25rem;line-height:3rem;}
    .exp-box .btn a{font-size:2rem;}
}
@media (max-width:767px) and (orientation:portrait) { 
    .br_mb{display:block;}
    #event_master img {max-width:100%;height:auto;}
    h1{font-size:2rem;line-height:2.3rem;word-break:keep-all;overflow-wrap:break-word;}
    h4{font-size:1.25rem;word-break:keep-all;overflow-wrap:break-word;}
    h4 .sm\:block{display:block;}
    .preface{font-size:1.07rem;}    
    .choice strong{font-size:2.3rem;line-height:2.6rem;margin:0 5%;}
    .brief{padding:2rem 0;font-size:1.25rem;}
    .brief a{display:inline-block;font-size:2rem;}   
    .exp-box{width:100%;padding:2rem 1.5rem;}    
    .exp-box .grade {word-break:keep-all;overflow-wrap:anywhere;line-height:2rem;font-size:1.25rem;}
    .exp-box p{font-size:1.1rem;line-height:1.7rem;}
    .support dl{width:100%;margin:1rem auto auto;}
    .detail a{display:block;}
    .open {width:70%;background-color:#fff;border-radius:4px;padding:0 0 20px 10px;border:3px #00bcd48c solid;}
    .open .subject{display:none;}
    .open .date td:first-of-type,.open td:first-child{display:none}
    .open td:not(:first-of-type)::before{content:attr(data-th);display:flex;width:100%;}
    .open td.mt::before{margin:0.75rem -2rem 0.5rem auto;}
    .open .day::before{height:44px;}
    .open tbody{display:flex;flex-wrap:wrap;}
    .open td,.open .date td{padding:0;display:flex;flex-wrap:wrap;align-items:center;}
    .open .date td{padding:9.5px 0 11.5px 0;display:flex;flex-wrap:wrap;align-items:center;}
    .open tr:nth-child(1) td:nth-child(2){order:1;}
    .open tr:nth-child(2) td:nth-child(2){order:2;}  
    .open tr:nth-child(1) td:nth-child(3){order:3;}
    .open tr:nth-child(2) td:nth-child(3){order:4;}  
    .open tr:nth-child(1) td:nth-child(4){order:5;}
    .open tr:nth-child(2) td:nth-child(4){order:6;}  
    .open tr:nth-child(1) td:nth-child(5){order:7;}
    .open tr:nth-child(2) td:nth-child(5){order:8;}  
    .open tr:nth-child(1) td:nth-child(6){order:9;}
    .open tr:nth-child(2) td:nth-child(6){order:10;}  
    .open tr:nth-child(1) td:nth-child(7){order:11;}
    .open tr:nth-child(2) td:nth-child(7){order:12;}  
    .open tr:nth-child(1) td:nth-child(8){order:13;}
    .open tr:nth-child(2) td:nth-child(8){order:14;}  
    .open tr:nth-child(1) td:nth-child(9){order:15;}
    .open tr:nth-child(2) td:nth-child(9){order:16;}  
    .open tr:nth-child(1) td:nth-child(10){order:17;}
    .open tr:nth-child(2) td:nth-child(10){order:18;}
    .open td b{margin:auto 1rem 2px auto}
    .detail a{font-size:1.25rem;}
    .reason{font-size:1rem;margin:1rem auto 1.5rem 2.5rem;text-indent:-1.5rem;}    
}