﻿:root{
	--victor:linear-gradient(to right,#183f6e 2%,#ea5a26 70%);
	--blood:#b91b0a;
	--goose:#fbda59;
	--navy:hwb(223deg 2% 60% / 83%);
}
#event_master{font-family:華康儷黑 Std w7;width:100%;margin:0 auto;}
#event_master h1{font-size:4.6rem;}
#event_master h2{font-size:3.2rem;}
#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{padding:1rem;}
#EventContainer .bgcolor0{background-color:white;}
#EventContainer .bgcolor2{background:linear-gradient(to right,#ffffff 2%,#e3e3e3 98%);}
#EventContainer .bgcolor1{background:linear-gradient(to left,#ffffff 2%,#e3e3e3 98%),url(../images/1204030_bg.png) no-repeat top fixed;}
#EventContainer .bg5{background:url(../images/1204030_bg.png) no-repeat top fixed #1e7bc2;}
#EventContainer .bgcolor4{background:url(../images/1204030_bg.png) no-repeat top fixed #ea5a26;}
/* 研究所再戰高普考優勢多 */
.modifier{font-size:2.5rem;margin-right:1rem;color:#1d74b9;font-weight:bold;}
.win-more{font-size:3.75rem;}
.win-more strong{color:#ea5a26;font-size:4.5rem;}
.fight{margin:0 1rem;background:var(--victor);border-radius:0rem;color:#ffffff;padding:0 1.5rem;transform:skewX(-19deg);display:inline-block;}
.strength li strong{display:block;font-size:2.0rem;color:#ffffff;}
.strength li{font-size:1.25rem;width:calc(100%/2);padding:0.5rem 1rem 0.5rem 4.5rem;margin:1rem auto;position:relative;color:#ffffff;}
.strength li:nth-child(1){background-color:#1e7bc2;border-radius:0rem 0 0 0rem;}
.strength li:nth-child(2){background-color:#ea5a26;border-radius:0 0rem 0rem 0;}
.story{padding:1rem 3%;border-radius:1.5rem;border-bottom:dotted 2px #cdcdcd;background:linear-gradient(to left,#ffffff 2%,#fffcf2 98%);}
.story dt{font-size:1.8rem;font-weight:bold;color:#ea5a26;}
.story dd:first-of-type{/*text-indent:-3rem;padding-left:3rem;*/font-weight:bold;font-size:1.4rem;padding:0.3rem 0;}
.story dd:first-of-type b{color:#ea5a26;}
.story dd:last-of-type{font-size:1.1rem;padding:0.5rem 0;clear:both;}
.story dd .get{font-weight:bold;font-size:1.8rem;border-right:solid 4px;color:#1e7bc2;float:left;padding:0.5rem 1.2rem 0.5rem 0;margin-right:1.2rem;}
.sequence{color:#fdd835;font-size:4rem;position:absolute;font-weight:bold;font-style:italic;left:1rem;top:0;}
/* 善用差異科目準備公職 */
.title{font-size:3.75rem;color:white;padding-top:0.3rem;}
.master-menu{width:100%;font-size:1.35rem;display:flex;flex-wrap:wrap;}
.master-title{background-color:#1e7bc2;font-size:2rem;color:white;width:100%;text-align:center;border-bottom:solid 6px white;padding:0.5rem 0;position:relative;}
.master-title::after{content:'';width:100%;border-bottom:dotted 3px white;position:absolute;left:0;bottom:0;}
.subject-cont{width:100%;background-color:hwb(0deg 100% 0% / 75%);}
.subject-cont strong{color:#f33b12;}
.master-menu i,.master-title i{margin:auto 0.5rem;}
.master-menu > a{cursor:pointer;width:calc(100%/4);padding:0.5rem 0;color:#ffe9c0;border-bottom:dotted 1px;text-decoration:none;} 
.subject-cont dl{width:calc(100%/2);padding:0rem 0.25rem 1rem;}
.subject-cont dt{font-weight:bold;text-align:center;font-size:1.7rem;border-bottom:solid 3px;background-color:white;}
.subject-cont dd{padding:0.1rem 1.5rem;border-bottom:dotted 1px;font-size:1.25rem;}
.subject-cont dd:not(.differ){color:#001c50;}
.differ{color:#f33b12;font-weight:bold;background:linear-gradient(to right,rgb(51 129 255 / 0%) 2%,#ffffff 25%,#fff7dc 75%,rgb(51 129 255 / 0%) 98%);}
.subject-note{padding:1rem 0 1rem 2rem;}
.subject-note li{list-style:disc;display:list-item;}
.subject-note li:first-of-type{color:#f33b12;font-weight:bold;}
/* 選擇公職你可以這樣規劃 */
.prepare{width:calc(100%/2);background:linear-gradient(to right,#ffffff40 2%,#126aad 98%);border-radius:0 0 0rem 0rem;}
.annual{border-bottom:dotted 2px #ffefd0;}
.annual dt{font-size:2.5rem;text-align:center;font-weight:bold;color:#fdd835;}
.annual dt span{font-size:1.5rem;font-weight:initial;background:linear-gradient(to right,rgb(51 129 255 / 0%) 2%,#ffffff 25%,#fff9e5 75%,rgb(255 251 227 / 0%) 98%);transform:skewX(-19deg);color:#ea5a26;}
.annual dd{font-size:1.05rem;color:#ffefd0;padding:0 3%;}
.case{padding:1rem;}
.case-list{padding:0 1rem;}
.case dt{background:linear-gradient(to right,#fdd835 2%,#ea5a26 70%);color:#ffffff;width:80px;height:80px;text-align:center;border-radius:50%;font-size:1.5rem;padding:0.5rem;display:flex;align-items:center;line-height:1.75rem;font-weight:bold;}
.case dd{font-size:1.4rem;color:#fdd835;margin-bottom:1rem;}
.case-list dd::before{content:'✦ ';color:#fdd835;}
.case-list ul{display:flex;flex-wrap:wrap;color:white;font-size:1.25rem;}
.case-list ul li{text-indent:-0.9rem;}
.case-list ul li::before{content:'• ';}
.prepare:first-of-type .case-list ul li{margin:auto 2rem auto 0;}
.card{background:linear-gradient(to right,rgb(51 129 255 / 0%) 2%,#fdd835 25%,#ea5a26 70%,rgb(51 129 255 / 0%) 98%);color:white;font-weight:bold;font-size:1.25rem;padding:0.5rem;text-align:center;}
.card i{font-size:1.5rem;top:2px;position:relative;}
@media screen and (min-width:1201px){	
	#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:1200px;margin:auto;}
	.subject-note{width:fit-content;margin:auto;}
	.case-list ul{margin-left:1.75rem;}
	.annual{justify-content:center;}
}
@media screen and (max-width:1200px){
	.master-menu > a{width:calc(100%/2);}	
	.case dd{text-indent:-1.35rem;}
	.win-more strong{font-size:3.5rem;}
	.case dt{margin:0 auto;}
}
@media screen and (max-width:767px){ 
	.case-list{width:100%;}
	.modifier{font-size:2.0rem;}
	.win-more{font-size:2.5rem;}
	.win-more strong{font-size:2.5rem;}
	.story dd .get{float:initial;padding:0 1.2rem 0 0;}
	.title{font-size:2.2rem;}
	.strength li{width:100%;}
	.strength li strong{font-weight:normal;}
	.master-menu{font-size:1.25rem;}
	.master-menu > a{width:100%;}
	.master-menu .active{font-size:1.5rem;}
	.subject-cont dl{width:100%;}
	.prepare{width:100%;}	
}
	
