@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600;900&display=swap');

:root {
    --white:#FFFFFF;
    --gold: #bb934e;
    --sky: #c6d9e9;
    --dryrose: #c33a24;
    --purple: #986B8D;
    --deepblue: #213352;
}
article {font-family: 'Noto Sans TC', sans-serif;}
article h1, article h2 {}
#event_master {align-items: center;}
#event_master h1 {font-size: 5.2rem;color: #213352;font-family: 'Noto Serif TC', serif;line-height: 6.2rem;font-weight: 600;}
#event_master h1 b {font-size: 6.1rem;color: #213352;font-family: 'Noto Serif TC', serif;font-weight: 900;display: inline-block;border-bottom: solid 4px;margin-bottom: 0.2rem;padding-bottom: 1.7rem;}
#event_master h2 {font-size: 3.8rem;color: #213352;font-family: 'Noto Serif TC', serif;font-weight: 600;}
#event_master h3 {font-size: 3.4rem;color: #c79d52;font-family: 'Noto Serif TC', serif;font-weight: 600;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
.bg1 {background: linear-gradient(90deg,#fbf3e6 5%, #ffffff 30%, #ffffff 70%, #f8e2dd 95%);}
.bg_sec {background: linear-gradient(90deg,#fff1da 30%, #f4f1eb 50%, #f8e2dd 80%, #f9d5cd 100%);}
.bg2 {background-color: #efdbb8;}
.fc1{color: #c79d52;}
.fc2{color: #c75252;}

.top{padding: 0.8rem 2rem 0 0.5rem;float: left;}
.top_r{padding: 0.8rem 1rem 1rem 0;}
.top img{max-width: 541px;max-height: 400px;}

/*課，知弱補強計畫*/
.box_item {width: calc(100%/2);padding: 1rem;color: #213352;}
.box_item:nth-of-type(even) {padding: 1rem 0 1rem 2rem;}
.box_item:nth-of-type(odd) {padding: 1rem 2rem 1rem 0;}
.box_title {font-size: 3rem;font-family: 'Noto Serif TC', serif;color: #213352;font-weight: 900;margin-bottom: 0.4rem;border-bottom: dotted 2px;padding-bottom: 0.6rem;}
.four_goal {color: #213352;font-size: 4.3rem;border: 0px dotted;width: 6rem;height: 6rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin: auto 1rem auto auto;font-family: 'Noto Serif TC', serif;font-weight: 900;}
.four_goal.F1 {background-color: #c79d52;}
.four_goal.F2 {background-color: #52c7ad;}
.four_goal.F3 {background-color: #52a5c7;}
.four_goal.F4 {background-color: #c75252;}

.goal_detail {padding: 0.5rem 0;font-size: 1.25rem;}
.goal_detail dt {font-size: 2.0rem;font-weight: bold;color: #c79d52;font-family: 'Microsoft YaHei','Noto Sans TC', sans-serif;}
.goal_detail dd {margin-bottom: 0.5rem;}
.course_box {border-right: 1px dotted #c79d52;border-bottom: 1px dotted #c79d52;}
.exam_box {border-right: 1px dotted #c79d52;}
.book_box {border-bottom: 1px dotted #c79d52;}
.goal_detail ol {}
.goal_detail ol li {background: linear-gradient(to bottom, #ffffff 30%, rgb(255 255 255 / 50%) 100%);padding: 0.8rem;}
.goal_detail ol li:last-of-type {background: linear-gradient(to bottom, #F2E4CD 30%, rgb(255 255 255 / 20%) 100%);}
.xp {display: inline-block;background-color: #cbb086;border-radius: 2rem;padding: 0.35rem 1.2rem;color: #ffffff;margin: 1% 0;font-size: 1.0rem;}
.box_item .price_tag {font-size: 1.8rem;padding: 0 0.25rem;color: #c75252;font-weight: bold;font-family: 'Microsoft YaHei','Noto Sans TC', sans-serif;}
.apply_btn {display: inline-block;background-color: #213352;border-radius: 2rem;padding: 0.35rem 1.2rem;color: #ffffff;margin: 1%;text-decoration: none;}

/*測，增強試力方案*/
.goal_detail strong {color: #213352;font-size: 1.5rem;padding: 0 0.25rem;}
.exam_box ol > li {background:linear-gradient(to bottom, #f3c6bb 30%, rgb(255 255 255 / 20%) 100%);padding: 0.5rem;font-size: 1.25rem;}
.exam_box ol > li:first-of-type {background: linear-gradient(to bottom, #ffffff 30%, rgb(255 255 255 / 50%) 100%);}
.exam_box ol > li:last-of-type {text-align: center;}
.exam_time > li {padding: 0.8rem 0.5rem;border-bottom: solid 1px #dfe1e7;}
.exam_time > li:last-of-type {border-bottom: 0;}
.exam_time > li b {margin-right: 0.5rem;}
.exam_detail {padding: 0.25rem;display: flex;flex-wrap: wrap;align-items: flex-start;}
.exam_detail dt {text-align: center;color: var(--deepblue);font-weight: bold;writing-mode: vertical-lr;margin: auto 0;padding: 0 0.25rem 0 0;width: fit-content;letter-spacing: 0.125rem;}
.exam_detail > div {width: calc(100% - 3rem);border-left: 3px solid;}
.exam_detail dd {font-size: 1.1rem;padding: 0 0 0 0.75rem;}
.exam_detail dd span {color: var(--deepblue);}
.goal_detail .target-fix {top: -60px;}
.irt_price li {padding: 0.25rem 0;}

/*書，增強試力方案*/
.book_box figure {justify-content: center;background-color: white;}
.book_box figure a {width: calc(100%/4);padding: 0.25rem;}
.book_box figure img {}
.book_price {background: linear-gradient(to bottom, #F2E4CD 30%, rgb(255 255 255 / 20%) 100%);padding: 0.5rem;font-size: 1.25rem;text-align: center;}
.book_price li {padding: 0.25rem 0;}

/*會，解析讀書會*/
.study_detail {padding: 0.5rem;font-size: 1.25rem;padding: 0.5rem;text-align: center;}
.study_box figure {}

/*上榜高手推薦*/
#event_third h1 {font-size: 5.0rem;color: #213352;font-family: 'Noto Serif TC', serif;font-weight: 900;border-bottom: solid 8px;}
.story ul {background: linear-gradient(to bottom, #ffffff 30%, rgb(255 255 255 / 50%) 100%);padding: 1.5rem;width: calc(100%/2);}
.story ul li {font-size: 1.25rem;}
.story ul li:nth-child(1) {font-size: 1.5rem;color: var(--deepblue);font-weight: bold;border-bottom: solid 4px;margin-bottom: 0.5em;}
.story ul li:nth-child(2) {font-size: 2.0rem;font-weight: bold;color: #c79d52;font-family: 'Microsoft YaHei','Noto Sans TC', sans-serif;}
.story ul li:nth-child(3) {color: var(--dryrose);margin: 0.5rem 0;}
.story ul li:nth-child(3) span {color: #FFF;background-color: var(--dryrose);padding: 0.05em 0.5em;margin: 0 0.25rem 0 0;border-radius: 1.5em;}

@media screen and (min-width: 1201px) {	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: auto;}
    .course_box .apply_btn {margin: 0;}
}

@media screen and (max-width: 1200px) {
    .story {width: 95%;margin: auto;}
    .box_item {width: 100%;}
    .box_item:nth-of-type(odd), .box_item:nth-of-type(even) {padding: 1rem;}
    .course_box {border-right: 0;border-bottom: 1px dotted var(--sky);}
    .book_box {border-right: 0;border-bottom: 1px dotted var(--sky);border-top: 1px dotted var(--sky);}
    .exam_box {border-right: 0;border-bottom: 1px dotted var(--sky);}
    .study_box figure img {margin: auto;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.top {padding: 0.8rem 2rem 0 0.5rem;float: inherit;margin: 0 auto;}
	.top_r {padding: 0.8rem 1rem;text-align: center;}
	.box_title {font-size: 2.2rem;}
    .book_box figure a {width: calc(100%/5);}
}

@media screen and (max-width: 767px) and (orientation: portrait) { 
    .four_goal {width: 5.5rem;height: 5.5rem;}        
    .goal_detail dt {font-size: 1.75rem;}
    .irt_note {text-decoration: underline;}    
    .book_box figure a {width: calc(100%/2);}
    .study_box .price_tag {display: block;}    
	.top_r {padding: 0.8rem 1rem;text-align: center;}
	#event_master h3 {font-size: 2.0rem;}
	#event_master h1 {font-size: 2.875rem;line-height: 4.2rem;}
	#event_master h1 b {font-size: 3.35rem;padding-bottom: 0.7rem;}
	#event_master h2 {font-size: 2.5rem;}
	.box_title {font-size: 2rem;}
    .story ul {width: 100%;}
    .story ul li small {font-size: 1.5rem;}
	#event_third h1 {font-size: 2.75rem;}
}