:root {
    --white:#FFFFFF;
}
.event_cont1 {padding: 0 1rem 1rem;}
.event_cont {padding: 1rem;}
#EventContainer .bgcolor0 {background: url(../../images/1306034/1306034_bg.png) no-repeat top;background-size: cover;}
#EventContainer .bgcolor1 {background: linear-gradient(to right, #ebebeb 3%, #fffffff5 20%, #fffffff7 80%, #ebebeb 97%)}
#EventContainer .bgcolor2 {background: linear-gradient(to right, #feb7c5 3%, #fffffff5 20%, #fffffff7 80%, #fdb4c2 97%);}
#EventContainer .bgcolor3 {background: linear-gradient(to right, #feb7c5 3%, #fffffff5 20%, #fffffff7 80%, #fdb4c2 97%);}

/* 113高普考考後評評禮 */
.banner {text-align: center;overflow: hidden;}
.banner img {margin: 0 auto;}
.preface {font-size: 2rem;}
.gift {font-size: 4rem;}
.banner h1 {font-weight: bold;font-size: 5rem;}

/* 名師解題講座 */
.event_cont h1 {font-weight: bold;margin-bottom: 1.5rem;}
.event_cont1 .popularity {writing-mode: vertical-lr;clip-path: polygon(100% 0%, 100% 100%, 50% 97%, 0 100%, 0 0, 53% 0%);background: linear-gradient(to top, #ae814f 0%, #e4c8a6 15%, #f4efe5 85%, #ddba93 100%);padding: 2rem 1rem 0;line-height: 0;letter-spacing: 1rem;}
.popularity {font-size: 2rem;margin: 0rem auto 1rem;clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);background: linear-gradient(to right, #ae814f 0%, #e4c8a6 15%, #f4efe5 85%, #ddba93 100%);padding: 0.8rem 2rem;color: #e64929;font-weight: 900;}
.popularity .comma {writing-mode: initial;line-height: 0;font-size: 2.5rem;letter-spacing: initial;margin: 0.5rem 0 1.5rem;}
.popularity+.text-right {padding: 0 6rem 0 0;}
.half {padding: 0.2rem 1.0rem;font-size: 2rem;margin: auto 0.5rem auto auto;font-weight: initial;background-color: #000;color: white;border-radius: 1rem;}
.HH {font-size: 4rem;font-weight: bold;border-bottom: solid 9px;}
.HH .dot {margin: 0 -1rem;font-size: 5rem;line-height: 0;}
.hcolor1 {color: #b47e4f;}
.hcolor2 {color: #0f4888;}
.lecture_box {width: calc(100% - 150px);padding: 0 1rem;justify-content: center;}
.admission {font-size: 2.5rem;margin: auto auto auto 1rem;color: #000;}
.teacher_lec {width: calc(100%/2 - 3rem);display: flex;flex-wrap: wrap;flex-direction: row-reverse;margin: 1rem auto;background: linear-gradient(-65deg, #f7ecdc 55%, rgb(255 255 255 / 0%) 45%);padding-top: 1%;}
.subject_lec {writing-mode: vertical-rl;font-size: 2rem;margin: 0 auto auto 0;color: #b47e4f;border-left: dotted 1px;}
.teacher_name {writing-mode: vertical-rl;font-size: 2.5rem;width: fit-content;text-align: end;margin: 0 0 auto 0;}
.teacher_name small {font-size: 1rem;font-weight: initial;display: block;}
.teacher_lec figure {width: 60%;margin: auto 0 0 auto;}
.teacher_lec figure img {width: 100%;}
.time_lec {padding: 0.5rem 2rem;font-size: 1.5rem;position: relative;margin: auto 0 auto 10%;width: 100%;text-align: right;color: white;background: linear-gradient(to right, #fff0 0%, #fff 5%, #40aacf 45%);}
.branch_lec {position: absolute;background-color: white;padding: 1.4rem 0.3rem;top: -4.75rem;font-weight: bold;text-decoration: none;display: inline-flex;flex-wrap: wrap;color: #b47e4f;border-radius: 50%;right: 1rem;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.branch_lec2 {position: absolute;background-color: white;padding: 1.1rem 0.7rem;top: -4.75rem;font-weight: bold;text-decoration: none;display: inline-flex;flex-wrap: wrap;color: #b47e4f;border-radius: 50%;right: 1rem;font-size: 1.2rem;line-height: 1.4rem;text-align: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.branch_lec:hover,.branch_lec2:hover {top: -4.25rem;position: absolute;}
.reserve_btn {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 2;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: linear-gradient(-45deg, #ddba93 0%, #e4c8a6 15%, #f4efe5 60%, #ddba93 100%);box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.event_cont1 .reserve_btn a {background-color: initial;margin: 0.25rem 1rem 0.5rem;border-bottom: 1px dotted;padding: 0;border-radius: initial;color: black;}
.event_cont1 .reserve_btn a:first-of-type {color: #e64929;}
.reserve_btn i {margin: auto 0.2rem auto auto;}

/* 鑑定考分評析班 */
.pioneer {color: #000;margin: auto 0.5rem auto auto;}
.method dl {width: calc(100%/2);}
.method dl:first-of-type {width: calc(100%/2 - 4rem);}
.method dl:last-of-type {border-left: 5px dotted #e5cdb0;padding: 0 0 0 4rem;}
.method dl dt {color: #ffffff;font-size: 1.5rem;background: linear-gradient(to right, #b47e4f 50%, #ffffff 100%);width: max-content;padding: 0 3rem 0 1rem;margin-bottom: 0.5rem;}
.method dl dd {font-size: 1.25rem;}
.method dl dd i {margin: auto 0.25rem auto auto;color: #b47e4f;}
.class_date {color: #e64929;padding: 0 1px;font-weight: bold;}
.paper_box {margin: 1rem;}
.paper_item {max-width: calc(100%/2);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.paper_item img {max-width: calc(100%/2);}
.paper_item:first-of-type {margin: auto 0 2rem auto;}
.paper_item:last-of-type {margin: 2rem auto auto 0;}
.act_cont {text-align: center;font-size: 1.8rem;color: #e64929;font-weight: bold;}
.act_box {width: 100%;border: 4px solid #e64929;}
.act_box td {border: 1px solid #e64929;text-align: center;font-size: 1.25rem;}
.act_box .class_sort {background-color: #e7d1b6;font-size: 1rem;border-bottom: 2px dotted #d3b794;}
.act_box .sort_title {font-size: 1rem;}
.act_box .free {background-color: #e64929;color: white;}

/* 加入社群並貼文留言 */
.message {text-align: center;}
.message dt {font-size: 2.7rem;margin: 1.0rem auto 1rem;clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);padding: 0.5rem 1rem;color: #ffffff;font-weight: 900;text-align: center;background-color: #e64929;}
.message .premiere {font-size: 2.4rem;color: #b47e4f;}
.message dd {font-size: 1.25rem;}
.message dd a {background-color: #ebd6be;border-radius: 2rem;padding: 0.25rem 0.75rem;color: black;justify-content: center;font-weight: bold;margin: 0.25rem;text-decoration: none;display: inline-flex;flex-wrap: wrap;}
.group_pic {margin: 1rem auto;}
.group_pic img {margin: auto;}
.group_photo img {border-radius: 1rem;width: calc(100%/4 - 0.25rem);margin: auto;}
.signature {color: #e64929;}
.note {text-align: center;}
.note small {font-size: 1rem;}

/* 表單 */
#Ask .ask-title {font-size: 2rem;}
.ask_btn {text-align: center;}
.ask_btn a {background-color: #e64929;display: inline-block;margin: auto;border-radius: 2rem;padding: 0.3rem 1.75rem;font-weight: bold;font-size: 1.7rem;color: white;text-decoration: none;}

div.footer-wrap {padding: 1.5rem .5rem 4rem;}

@media screen and (min-width: 1201px) {	
	.event_cont {width: 1200px;margin: auto;}
    .event_cont1 {max-width: 1350px;margin: auto;}
}

@media screen and (min-width: 1201px) and (max-width: 1280px) {	
    .event_cont1 .popularity {font-size: 1.875rem;}
}

@media screen and (max-width: 1200px) {
    .teacher_lec {width: calc(100%/2);}
    .teacher_lec figure {width: 50%;}
    .lecture_box {width: calc(100% - 100px);padding: 0 0.25rem;}
    .event_cont1 {padding: 0 0 1rem;}
    .event_cont1 .popularity {padding: 1rem 0 2rem;max-height: fit-content;}
    .teacher_name {font-size: 2rem;padding: 0 0 2rem;}    
    .branch_lec, .branch_lec2 {font-size: 1.2rem;padding: 1.15rem 0.3rem;right: 0;}
    .branch_lec2 {padding: 0.7rem 0.3rem;}
    .subject_lec {font-size: 1.5rem;margin: 0 2rem auto 0;line-height: 1.75rem;}
    .teacher_lec:nth-of-type(2) .subject_lec {margin: 0 0.25rem auto 0;}
    .popularity+.text-right {padding: 0 3rem 0 0;}   
    .reserve_btn {background: linear-gradient(-45deg, #ddba93 0%, #e4c8a6 15%, #f4efe5 80%, #ddba93 100%);}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 767px) and (orientation: portrait) { 
	.popularity {font-size: 1.2rem;margin: 0rem auto 0rem;padding: 0.3rem 1.0rem;}  
    .event_cont1 .popularity {padding: 1rem 0.5rem 2rem;}  
    .popularity .comma {font-size: 1rem;margin: 0.5rem 0 1rem;}
	.event_cont header h1 {font-size: 2.0rem;}
	.half {font-size: 1.5rem;}
	.HH {font-size: 2.5rem;display: block;}
    .HH .dot {font-size: 2.5rem;margin: auto;}
    .teacher_lec figure {width: 45%;}
	.admission {display: inline-block;font-size: 1.5rem;margin: auto;}
	.act_cont {font-size: 1.3rem;}
	.message dt {font-size: 1.7rem;}
	.message .premiere {font-size: 1.6rem;}
    .teacher_lec {width: 100%;}
    .method dl, .method dl:first-of-type {width: 100%;padding: 0 0 1rem 0;}
    .method dl:last-of-type {padding: 1rem 0 0 0;border-top: 5px dotted #4f9ebf;border-left: 0;}
    .act_box dl {width: 100%;margin: 0.5rem auto;}
    .paper_item {max-width: 100%;}
    .paper_item:first-of-type {margin: auto;}
    .paper_item:last-of-type {margin: 0.25rem auto auto;}
    .message dd a {width: 100%;}
    .group_photo img {width: 100%;margin: 0.25rem auto;}
    #Ask .ask-title {font-size: 1.75rem;}
    .event_cont1 .reserve_btn a {font-size: 1.125rem;margin: 0.25rem 0.5rem 0.5rem;}
}