#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh {padding: 1rem;}
.mb-6 {margin-bottom: 1.5rem;}
#EventContainer .bgcolor0 {background: linear-gradient(to right,#d7d7d7 10%,#FFF 30%,#FFF 70%, #dbdbdb 90%);}
#EventContainer .bgcolor1 {background: linear-gradient(to right, #004547 10%,#02686b 90%);}
#EventContainer .bgcolor2 {background: linear-gradient(to right, #cd2d02 10%,#f43503 90%);}
#EventContainer .bgcolor4 {background: linear-gradient(to right,#edc0b5 10%,#fff0ed 30%,#fff0ed 70%,#edc0b5 90%);}
/*公職優試*/
#event_master h1 {font-size: 4.6rem;}
#event_master h2 {font-size: 3.2rem;}
.advantage li {font-size: 2rem;margin: auto 1rem;}
/*考情分析*/
#EventContainer h1 {color: #002324;font-size: 3.5rem;}
#EventContainer h1.fw {color: #FFF;}
#EventContainer h1 strong {background: linear-gradient(to right, #cd2d02 10%,#f43503 90%);color: white;font-weight: bold;padding: 0em 0.2em 0 0.5em;display: inline-block;margin: 0.2em 0.7em 0.2em 0;position: relative;box-shadow: -5px 1px 5px #6a2929;}
#EventContainer h1 strong:after {content: '';position: absolute;right: -30px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 42px 0 42px 30px;border-color: transparent transparent transparent #f43503;
}
#EventContainer h1 i {margin: auto 0.5rem;}
.inform_cont dl {width: calc(100%/2);padding: 0rem 1rem 1rem;}
.inform_cont dt {font-size: 3.3rem;}
.inform_cont dt a.f1 {color: #02676a;}
.inform_cont dt a.f2 {color: #f43503;}
.inform_cont dd {position: relative;padding-left: 1.3rem;font-size: 1.2em;}
.inform_cont dd::before {content: "\f14a";font-family: "Font Awesome 5 Free";position: absolute;font-weight: bold;left: 0;}
.inform_cont .suitable {color: white;padding: 0.25rem 0.5rem;font-size: 1.5em;margin-bottom: 0.3em;}
.inform_cont .suitable::before {content: none;}
/*卓越成績*/
.grade_list li {position: relative;margin: 0.45rem 0;width: calc(100%/3);font-size: 1.05em;color: #8f1f00;border-bottom: dotted 1px #cb6f58;}
.grade_list li::before {background-image: url('../../images/1110086/gold_medal120.png');content: "";width: 30px;height: 30px;display: inline-block;background-size: cover;vertical-align: middle;}
.grade_list li:last-of-type::before {content: none;}
.grade_list li:last-of-type {border-bottom: initial;}
.grade_list li strong {color: #e53000;}
.grade_list li a {background-color: #cd2d02;color: white;padding: 0.25rem 2rem 0.5rem 1.5rem;position: relative;text-decoration: none;}
.grade_list li a::after {content: '';position: absolute;top: 25%;right: -0.5rem;width: 0;height: 0;border-top: 16px solid #fff0ed;border-right: 16px solid transparent;border-left: 16px solid transparent;transform: rotate(90deg);}
/*高手推薦*/
.video-wrap {width: 60%;margin: auto;}
.thoughts{margin-bottom: 2%;}
.thoughts dl {width: calc(100%/3);padding: 1rem;background: linear-gradient(to right,#f3f3f3 7%,#FFF 30%);border-radius: 0rem 0 1.75rem 0;}
.thoughts dt {font-size: 1.5em;color: #007b7e;}
.thoughts dd:nth-of-type(1) {border-bottom: solid 3px #06a2a7;margin-bottom: 0.3em;font-size: 1.125rem;}
.thoughts dd {color: #002324;}
.thoughts dt span {color: #f43503;font-weight: bold;padding-left: 0.5rem;}
.thoughts dd span {margin: 1rem auto;margin-right: 0.25rem;color: #f43503;font-weight: bold;}
.thoughts dd strong {background: linear-gradient(to bottom, #ffffff00 45%, #FFEE38 45%, #FFEE38 100%);}
/*名師戰隊*/
.teacher_nav {margin: 1rem auto 2rem;justify-content: center;}
.teacher_nav a {font-size: 2.0rem;text-decoration: none;margin: auto 1rem;border-right: dotted 2px #FFF;padding-right: 1.5rem;color: #ffc3b3;}
.teacher_nav a.active {color: #fff;}
.teacher_nav i {display: inline-flex;align-items: center;justify-content: center;margin-left: 0.25rem;}
.teacher_item {width: calc(100%/4);padding: 0 1rem 1rem;text-align: center;}
.teacher_item figure {border: 5px solid #C3C3C3;border-radius: 50%;width: 150px;height: 150px;background: linear-gradient(-45deg,#D5CEC6 20%,#F9F6F1 80%);margin: 1rem auto auto;}
.teacher_item img {border-radius: 0 0 70px 70px;width: 155px;height: 155px;object-fit: cover;top: -15px;position: relative;}
.teacher_item ul {background-color: #383838;border-radius: 0.25rem;padding: 0.5rem 1rem;position: relative;}
.teacher_item ul::after {top: 100%;left: 35%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;border-color: transparent;border-top-color: #383838;border-width: 10px;margin-left: -10px;}
.teacher_item ul li::before {content: "\f058";font-family: "Font Awesome 5 Free";font-weight: bold;color: #ffdbd2;margin-right: 0.25rem;}
.teacher_item ul li {position: relative;}
.teacher_item ul li a {color: #fff;}
.suject-title {font-size: 1.25rem;color: #ffe1da;}
.suject-title strong {font-size: 1.25rem;margin-left: 0.25rem;}
/*攻榜關鍵*/
.curriculum {width: calc(100%/5 - 0.5rem);background: linear-gradient(to right,#f3f3f3 7%,#FFF 30%);border-radius: 2rem 0 2rem 0;border-top: 15px solid #00898d;padding: 0 1rem;margin: 0.25rem;text-align: center;}
.curriculum figure {font-size: 1.75rem;font-weight: bold;position: relative;color: #dc3002;}
.curriculum figure img, .resource figure img {margin: auto;}
.curriculum figure::after {content: "";position: absolute;width: 0;height: 0;top: -20px;right: -30px;border-style: solid;border-width: 12px 0 12px 15px;border-color: transparent transparent transparent #00898d;}
.curriculum:nth-of-type(5) figure::after {content: none;}
.curriculum ul li {background: linear-gradient(to right,#004547 5%,#00898d 100%);color: white;padding: 0.2rem 0.5rem;margin: 0.25rem auto;border-radius: 0.75rem 0 0.75rem 0;}
.resource {width: calc(100%/3);margin: 0.5rem auto;background: linear-gradient(to right,#f3f3f3 7%,#FFF 30%);}
.book-extend {width: calc(100%/2);}
.resource figure {text-align: center;}
.resource figure a {background: linear-gradient(to right,#004547 5%,#00898d 100%);color: white;display: block;font-size: 1.5rem;padding: 0.2em;}
.resource ul {padding: 0 2rem 0.5rem;}
.resource ul li a {font-weight: bold;color: #00888c;}
/*團報優惠*/
.price_table {margin-bottom: 2rem;}
.price_table th {background-color: #f43503;border-radius: 0.5em 0.5em 0 0;font-size: 1.8rem;color: white;}
.price_table td {padding: 0.25rem;font-size: 1.25rem;}
.price_table td:first-of-type {color: #007e81;font-size: 1.45rem;font-weight: bold;}
.bonus {text-align: center;background-color: #007e8c;padding: 0.2em;}
.bonus li {display: inline-block;font-size: 1.35rem;}
.bonus li span {color: #FFEE38;}
.price-tag {color: #ef3a10;font-weight: bold;}
.cart-btn {margin-left: 0.5rem;}
.cart-btn i {margin-right: 0.25rem;}
/*側選單*/
.jump_list {position: fixed;right: 0;bottom: 10%;background-color: #26ADB5;border-radius: 0 2rem;padding: 1rem 2rem;color: white;}
.jump_list a {color: white;line-height: 1.6em;font-size: 1.3em;text-decoration: none;border-bottom: dotted 1px;}
@media (min-width: 1201px){	
	#event_master {width: 100%;margin: auto;}
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh {width: 1200px;margin: auto;}	
	.price_table:last-of-type tr:nth-of-type(n+2):nth-of-type(-n+3) td {border-bottom: 1px dotted #ef3a10;}
}
@media (max-width: 1200px){
	.teacher_item {width: calc(100%/4);}
	.law_cont .teacher_item {width: calc(100%/3);}
	.grade_list li {width: calc(100%/2);}	
	.grade_list li:last-of-type {display: flex;align-items: center;justify-content: center;}
	.price_table td {display: block;text-align: center;}
	.price_table:last-of-type tr:nth-of-type(n+2):nth-of-type(-n+3) td:last-of-type {border-bottom: 1px dotted #ef3a10;}	
}
@media (max-width:767px){ 
	#EventContainer h1 {font-size: 2.0rem;}
	#EventContainer h1 strong:after {right: -10px;border-width: 24px 0 24px 10px;}
	.inform_cont dt {font-size: 2.3rem;}
	.grade_list li {width: 100%;}
	.teacher_content .teacher_item {width: calc(100%/2);padding: 0 1rem 0.5rem;}
	.teacher_nav a {font-size: 1.4rem;padding-right: 1rem;margin: auto 0.5rem;}
	.suject-title {font-size: 1rem;}
	.grade_list li a::after {/*border-top: 16px solid #EEC1B6;*/}
	.video-wrap, .thoughts dl, .curriculum, .resource, .inform_cont dl {width: 100%;}
	.jump_list {width: 100%;bottom: 0;left: 0;border-radius: 1rem 1rem 0 0;padding: 0.5rem;text-align: center;}
	.jump_list li {display: inline-block;}	
	#back-top {bottom: 10% !important;}
	.footer-wrap {padding: 1.5rem 0.5rem 3rem;}
	.sm\:mb-6 {margin-bottom: 1.5rem;}
}