#EventContainer h1 {font-size: 4.2rem;text-align: center;color: #d62e6a;}
#EventContainer h1 strong {font-weight: bold;}
#event_master h2 {font-size: 3.2rem;}
#EventContainer .bgcolor0 {background: url(../images/1204051_01.png) no-repeat center top ,linear-gradient(to right,#026baf 0%,#19c5b1 100%);}
#EventContainer .bgcolor1 {background: linear-gradient(to right,#ccf1f7 0%,#daffe1 100%);}
#EventContainer .bgcolor2 {background: linear-gradient(to right,#ffeaf3 0%,#fff9ea 100%);}
#EventContainer .bgcolor5 {background: url(../images/1204051_01.png) no-repeat center top ;background-size:cover;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
:root {
	--red: #ff4311;
	--blue: #039be6;
	--green: #4BAF4F;
	--yellow: #FFEE38;
	--orange: #F09B1A;
	--navy: #056EC8;
	--cream:#fff9cc;
}

/* 113年高普考修正考科 */
.category {font-size: 3.2rem;}
.amend {font-size: 2rem;text-align: center;color: #c6fff2;}
.amend a {background-color: #d62e6a;color: white;width: 10rem;height: 10rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0 1rem;font-size: 2rem;text-decoration: none;line-height: 2.25rem;text-align: center;margin: -1% 1%;}

/* 透視考情&預判影響力 */
.opacity {opacity: 0.5;}
.analysis {display: flex;flex-wrap: wrap;margin: 1rem auto;background-color: rgb(58 225 206 / 30%);transform: skewX(-10deg);border-radius: 1rem;}
.analysis dt, .analysis dd {display: flex;flex-wrap: wrap;align-items: center;}
.analysis dt {font-size: 2rem;font-weight: bold;margin-right: 2rem;position: relative;background-color: #24c7c3;border-radius: 1rem;color: white;padding: 1rem;text-align: center;width: 30%;justify-content: center;line-height: 1.2em;}
.analysis dt i {font-size: 2.5rem;color: #ffffff;padding: 0.5rem;text-align: center;}
.analysis dd {font-size: 1.4rem;width: 65%;padding: 1rem 0.5rem;transform: skewX(10deg);color: #06274e;}
.analysis:nth-of-type(3) dd {display: initial;}
.analysis dt strong {width: 100%;font-size: 2.5rem;}
.sort-title {font-weight: bold;border: 0px solid;border-radius: 1rem;padding: 0.125rem 0.5rem;margin: 0.2rem 0.5rem;background-color: white;display: inline-block;}

/* 輔考策略全方位應對 */
.triple {background-color: #d62e6a;margin: auto;font-size: 2.5rem;color: white;padding: 0.5rem 2rem;width: fit-content;font-weight: bold;border-radius: 3rem;}
.strategy dl {width: calc(100%/2 - 2rem);margin: 1rem;border-radius: 1rem;border: 5px solid #f3b9ce;padding: 1rem 1.5rem;background-color: rgb(255 255 255);}
.strategy dl dt {font-size: 2rem;font-weight: bold;color: #1cb4a1;}
.strategy dl dd {font-size: 1.5rem;list-style: '✔';display: list-item;margin-right: 0.25rem;margin-left: 1rem;}
.stage {padding: 2rem 0;}
.stage_box {width: calc(100%/4);padding: 0 2rem 0 0;}
.stage-des {text-align: right;font-size: 5rem;position: relative;color: #2fe3de;padding: 5rem 0 0;}
.stage-des img {position: absolute;left: 24%;bottom: 0;opacity: 0.7;}
.stage-title {width: 6rem;height: 6rem;display: flex;border-radius: 50%;background-color: #2fe3de;padding: 0.5rem;font-size: 2rem;line-height: 2rem;justify-content: center;align-items: center;text-align: center;position: absolute;right: 2.5rem;top: 5rem;color: black;}
.stage_box:nth-of-type(2) .stage-title {background-color: #23c3eb;top: 3.5rem;}
.stage_box:nth-of-type(3) .stage-title {background-color: #848eed;top: 2rem;}
.stage_box:nth-of-type(4) .stage-title {background-color: #eb588c;top: 0.5rem;}
.stage_box:nth-of-type(2) .stage-des {color: #23c3eb;}
.stage_box:nth-of-type(3) .stage-des {color: #848eed;}
.stage_box:nth-of-type(4) .stage-des {color: #eb588c;}
.stage_box dl {margin-bottom: 1rem;color: #06274e;}
.stage_box dl dt {font-size: 1.5rem;font-weight: bold;color: #d62e6a;}
.stage_box dl dt span {background-color: #d62e6a;color: white;border-radius: 1rem;padding: 0.125rem 0.5rem;margin-left: 0.5rem;font-size: 1.25rem;}
.stage_box dl dd {font-size: 1.1rem;}
.teacher {padding: 2% 0;}
.teacher li {width: calc(100%/7);text-align: center;}
.teacher li {font-size: 1.1rem;background: linear-gradient(to right,#f1f1f1 0%,#ffffff 100%);/*border-bottom: solid 4px #efefef; */padding: 1% 0;margin: 1% 0;}
.teacher li .subject{font-size: 1.1rem;display: block;color: #d62e6a;border-top: solid 5px;border-bottom: dotted 1px;padding: 0.2rem;}
.teacher li a {display: block;font-weight: bold;}
.teacher li small {font-size: 0.9rem;}
.strategy .more_link {color: #d62e6a;font-size: 1.35rem;padding-top: 0rem;}
.strategy .more_link a {color: #d62e6a;}
.more_link {text-align: center;}
.more_link a {position: relative;margin: auto 1rem;display: inline-block;color: var(--cream);font-size: 1.5rem;}
.more_link a::before {content: '▶';display: inline-block;margin-right: 0.25rem;}
.more_link a::after {content: '▶';position: absolute;left: -0.75rem;opacity: 0.5;}

/* 113年高普考最新開課日 */
.calendar dl {width: calc(100%/4 - 2rem);margin: 1rem;background-color: white;padding: 0 0 2rem;border: 4px solid #8fe0d9;box-shadow: 5px 3px 5px #0a9d89;border-radius: 1.5em;}
.calendar dl dt {text-align: center;background-color: #d62e6a;color: white;font-size: 1.25rem;padding: 0.25rem 0;border-radius: 1em 1em 0 0;}
.calendar dl dd {padding: 0.25rem 1rem;text-indent: -4.75rem;margin-left: 4.75rem;}
.calendar dl dd a {background: initial;margin: auto;}
.branch {color: #08bdb9;margin-right: 0.25rem;padding: 0.25rem;font-weight: bold;}
.supplement {font-size: 1.25rem;border-bottom: 1px dotted;width: fit-content;margin: auto;color: white;}
.supplement a{text-decoration: none;}
.guide {padding: 2rem 0;font-size: 1.25rem;}
.date_note{text-align: center;color: var(--cream);font-size: 1.7rem;font-weight: 900;font-style: italic;margin: 0.5rem 0;}

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

@media screen and (max-width: 1200px){
	.stage-des {text-align: left;padding: 0;}
	.stage_box:nth-of-type(n+1):nth-of-type(-n+4) .stage-title {top: 0;}	
	.stage-title {left: 3rem;right: auto;}
	.amend a {margin: auto;}
}

@media screen and (min-width: 768px) and (max-width: 1199px){
	.analysis {width: 93%;}
	.stage_box {width: calc(100%/2);padding: 2rem 2rem 0 0;}
	.calendar dl {width: calc(100%/2 - 2rem);}
	.stage-des img {right: 0;left: auto;}
}
@media screen and (max-width: 767px){ 
	#EventContainer .bgcolor0 {background-size: 160%;}
	.amend {font-size: 1.5rem;}
	.amend a {width: 7rem;height: 7rem;padding: 0 1rem;font-size: 1.25rem;line-height: 1.5rem;margin: 0% auto;}
	#EventContainer h1 {font-size: 2.2rem;}
	.analysis dt strong {font-size: 1.8rem;}
	.analysis dt i {font-size: 2.0rem;line-height: 2.7rem;}
	.triple {font-size: 1.5rem;padding: 0.3rem 1rem;}
	.strategy dl dt {font-size: 1.5rem;text-align: center;}
	.strategy dl dd{font-size: 1.3rem;}
	.analysis {width: 90%;}
	.analysis {transform: initial;}
	.analysis dt {width: 100%;margin: auto;font-size: 1.5rem;}
	.analysis dd {width: 100%;transform: initial;}
	.strategy dl, .calendar dl {width: calc(100% - 2rem);margin: 0.5rem;padding: 0 0.5rem 1rem;}
	.stage_box {width: 100%;padding: 0;}
	.stage-des img {left: 80%;top: -13%;opacity: 0.5;}
	.teacher li {width: calc(100%/2);}
}