:root{
	--blue_green:#00acba;
	--light_orange:#fdd900;
	--light2_orange:#f7ad00;
	--light3_orange:#f6ad00;
	--pink:#e83c78;
}
#event_master h1 {font-size: 4.6rem;}
#event_master h2 {font-size: 3.2rem;}
#EventContainer .bgcolor0 {background-color: #fcc802;}
#EventContainer .bgcolor1 {background-color: var(--light_orange);}
#EventContainer .bgcolor2 {background-color: #f59c00;}
#event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
#Ask {background-color: var(--blue_green) !important;}
.px-1 {padding: 0 0.25rem;}
mark {background-color: #fbd8de;}
/*頁籤*/
.sort_item a {cursor: pointer;width: calc(100%/2);padding: 1rem 0;transition: background-color 0.2s;background-color: #231815;color: white;font-size: 1.95rem;text-align: center;text-decoration: none;border-top: 3px dotted white;position: relative;}
.sort_item a.active {background-color: var(--pink) !important;}
.sort_item a::after {content: '\f245';font-family: "Font Awesome 5 Free";font-weight: bold;margin-left: 1rem;}
/*弱科健檢*/
.diagnosis {margin: 1rem auto;text-align: center;line-height: 1.95;}
.diagnosis dt {color: var(--pink);font-size: 3rem;font-weight: bold;}
.diagnosis dt i, .bonus-plus i {transform: rotateY(180deg);color: #39b34e;margin: auto 0.5rem;}
.diagnosis dd {font-size: 1.8rem;}
.diagnosis dd strong {text-decoration: underline;}
.fcolor-green {color: #39b34e;}
/*主圖*/
.banner{_background-color: var(--light3_orange);background: linear-gradient(to right, #03b9c9 0%, #00ACBB 50%, var(--light_orange) 50%);}
.banner img{margin:auto;}
/*考場限定*/
.bonus-plus {padding: 1rem;background: white;position: relative;border-top: 12px solid var(--light_orange);width: 1200px;}
.bonus-plus dl {font-size: 1.8rem;margin: auto;width: fit-content;text-align: left;}
.bonus-plus dl .dt {font-size: 3rem;font-weight: bold;color: var(--pink);text-align: center;}
.bonus-plus dl dl { display: flex;flex-wrap: wrap;width: 70%; }
.bonus-plus dl dl dt { width: fit-content;margin-bottom: -25%;text-align: right; }
.bonus-plus dl dl dd { width: 81%;margin-left: 19%;}
.bonus-plus dl a {font-weight: bold;}
.bonus-plus .price {font-size: 2rem;}
.ask_link {text-align: center;font-size: 1.3rem;padding: 1rem 0;}
.ask_link a {margin: 0.25rem 0.5rem;background-color: var(--light_orange);border-radius: 2rem;padding: 0.25rem 1rem;box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;text-decoration: none;display: inline-flex;flex-wrap: wrap;}
.limit-date {font-weight: bold;font-size:2.3rem;text-align: center;}
.limit-date span {color: #00acba;margin-right: 0.5rem;}
.limit-date span > span {color: var(--pink);}
.class-title {width: 24%;background-color: var(--light_orange);text-align: center;font-family: "Microsoft YaHei";font-weight: bold;font-size: 1.8rem;padding: 1rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.bonus-box {padding: 1rem 0;background-color: #efefef;}
.bonus-plus, .bonus-cont {margin: 1rem auto 2.5rem;box-shadow: rgb(0 0 0 / 15%) -10px 5px 15px -5px;}
.bonus-cont > ul {width: 76%;padding: 1rem;background-color: white;position: relative;font-size: 1.3rem;}
.bonus-plus:after, .bonus-cont > ul::after {position: absolute;right: 0;bottom: -15px;content: '';height: 0;border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent #efefef transparent;}
.price {color: var(--pink);font-size: 1.5rem;margin: 0.125rem;}
.class-name {color: #2fb751;font-weight: bold;font-size: 1.25rem;}
.bonus-cont li:nth-of-type(even) .class-name {color: #f23e7d;}
.bonus-cont .class-detail {padding: 0;display: inline-table;}
.bonus-cont ul li {margin: 0.25rem auto;}
.class-detail li {margin: auto;list-style-type: none;}
.bgcolor-green {background-color: #dbedd5;}
.bgcolor-pink {background-color: #fbd8de;}
.supplement {background-color: #EFEFEF;text-align: center;padding-bottom: 1rem;}
.shopping {font-size: 1.5rem;font-weight: bold;padding: 0 0 1rem;}
.shopping a {background-color: var(--light_orange);border-radius: 2rem;padding: 0.25rem 1rem;margin: auto 0.5rem;box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;}
.video-wrap {margin: auto;}
.video-box {width: calc(100%/2 - 1rem);margin: auto 0.5rem 1rem;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;border-radius: 20px;background-color: #2C6964;
    border-left: solid 3px var(--light2_orange);
    border-top: solid 3px var(--light2_orange);
    border-right: solid 3px var(--light_orange);
    border-bottom: solid 3px var(--light_orange);}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (min-width: 1201px){		
	#event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: 1rem auto;}
	#event_master, .sort_item {width: 100%;}
	.bonus-cont, .video-wrap {width: 1200px;}
}
@media screen and (max-width: 1200px){
	.bonus-plus { width: 100%; }
	.bonus-plus dl { width: initial;padding: 0 .5rem; }
	.bonus-plus dl dl { width: initial; }
	.bonus-plus dl dl dt { width: 100%;margin: initial;text-align: left; }
	.bonus-plus dl dl dd { width: 100%;margin: initial; }
}
@media screen and (min-width:992px) and (max-width:1199px){
}
@media screen and (min-width:768px) and (max-width:991px){
	.class-title {width: 27%;}
	.bonus-cont > ul {width: 73%;}
}
@media screen and (max-width:767px) and (orientation : portrait) { 
	.sort_item a {font-size: 1.25rem;}
	.sort_item a::after {margin-left: 0.25rem;}
	.limit-date, .bonus-plus dl .dt {font-size: 1.8rem;}
	.diagnosis dt {font-size: 1.5rem;}
	.diagnosis dd, .bonus-plus dl dl {font-size: 1.3rem;margin: .5rem auto 0;}	
	.limit-date span {font-size: 1.8rem;}
	.bonus-cont > ul { padding: 1rem 1.5rem; }
	.video-box, .class-title, .bonus-cont > ul {width: 100%;}
	.bonus-cont > ul > li {margin-bottom: 1rem;}
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}