/* Event 重設 */
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_bankClass, .news_live, #event_bank, #event_billboard {padding: 1.2rem 0;}
#EventContainer .bgcolor1 {
	background: -moz-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 38%, #E7E0D8 73%);/* FF3.6+ */
	background: -webkit-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 38%, #E7E0D8 73%);/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 38%, #E7E0D8 73%);/* Opera 11.10+ */
	background: -ms-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 38%, #E7E0D8 73%);/* IE10+ */
	background: radial-gradient(50% 50%, circle closest-corner, #FFFFFF 38%, #E7E0D8 73%);/* W3C */
}
#EventContainer .bgcolor2 {
	background: -moz-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #FAE3B6 26px);/* FF3.6+ */
	background: -webkit-repeating-gradient(linear, 0deg, color-stop(25px, FDFDFD), color-stop(26px, FAE3B6));/* Chrome,Safari4+ */
	background: -webkit-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #FAE3B6 26px);/* Chrome10+,Safari5.1+ */
	background: -o-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #FAE3B6 26px);/* Opera 11.10+ */
	background: -ms-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #FAE3B6 26px);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
	background: repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #FAE3B6 26px);/* W3C */
}
#Ask {background: #3C408E !important;}

:root {
	--orange1:#dc862e;
	--orange2:#FFAB16;
	--yellow1:#f0d104;
	--blue1:#0f5391;
	--b_pur1:#5f5588;
	--light_blue1:#138DB6;
	--purple1:#b7587f;
	--linear1:linear-gradient(to bottom,#ffe9d2 40%,transparent 85%);
}

/* 主圖 */
#Header .sm-map{background: linear-gradient(to bottom,white 60%,#efefef 100%) !important;}
.banner{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 5px solid var(--yellow1);
	background: linear-gradient(to right,var(--orange1) 28%, var(--blue1) 72%);
	
}
.banner img{
	clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
}

/*銀行員第一優選*/
[class*="bgcolor"] h1{font-size: 4rem;}
#EventContainer h1 {text-align: center;color: var(--blue1);}
#EventContainer h1 span {color: var(--purple1);}
#event_master {text-align: center;}
#event_master h1 {font-size: 6rem;}
.password {font-size: 4rem;}
.password span {color: #138DB6;}
.wealth li {padding: 0 1rem;font-size: 3rem;}
.strength {width: calc(100%/2 - 1rem);padding: 1rem 2rem;background: var(--linear1);border-radius:8px;}
.strength > dt {font-size: 2rem;color: var(--purple1);padding-bottom: .1rem;position: relative;margin-bottom: .6rem;font-weight: bold;}
.strength > dt::before{position: absolute;content: '';width: 100%;height: 3px;background: linear-gradient(to right,var(--blue1) 0%,var(--purple1) 70%);left: 0;bottom: -2px;}
.strength > dt span {color: var(--blue1);}
.read_btn {background-color: var(--orange2);border-radius: 1rem;text-decoration: none;padding: 0 0.5rem;margin-left: 0.125rem;display: inline-block;}
.profit {display: flex;flex-wrap: wrap;}
.profit dt {background-color: var(--orange2);border-radius: 1rem;display: inline-block;}

/*錢進公股銀行的3道大門*/
.door_way dl {width: calc(100%/3);text-align: center;position: relative;}
.door_way dl dt {font-size: 2rem;font-weight: bold;}
.door_way .fa-sistrix {font-size: 1.5rem;padding-left: 1rem;}
.sub_table {width: 100%;text-align: center;margin: 1rem auto;box-shadow: 3px 3px 0px 0px #ccc;border-radius: 1rem;overflow: hidden;border: 1px solid #138DB6;}
.sub_table th {background-color: #138DB6;color: white;font-size: 1.1rem;padding: 0.25rem;border: 1px solid #138DB6;}
.sub_table td {background-color: #f0f3f7;border: 1px solid #138DB6;padding: 0.25rem;}
.sub_table tr:where(.color) td {background-color: #f9fafb;}
.sub_table tr:first-of-type th:first-of-type {border: 1rem;}
.door_way dl::before {font-size: 5rem;color: var(--light_blue1);}
.door_way dl::after {width: 3px;height: 100%;background:var(--purple1);left: 0;position: absolute;content: '';top: 0;left: 4rem;transform: rotate(8deg);}
.door_way dl:nth-of-type(1)::before {content: '1';position: absolute;left: 0;}
.door_way dl:nth-of-type(2)::before {content: '2';position: absolute;left: 0;}
.door_way dl:nth-of-type(3)::before {content: '3';position: absolute;left: 0;}
#event_third .target-fix {top: -2rem;}

/*高點‧高上銀行專班*/
.period {width: calc(100%/2 - 1rem);background: var(--linear1);}
.period .pl-0 {padding-left: 0;}
.period .pb-0 {padding-bottom: 0;}
.stage {background-color: var(--orange2);text-align: center;font-size: 2rem;/*position: relative;z-index: 1;*/}
/*.stage::after {content: '';width: 100%;height: 330px;clip-path: polygon(50% 10%, 0 0, 100% 0);background-color: var(--orange2);position: absolute;left: 0;bottom: -330px;}*/
.period dl {z-index: 2;position: relative;padding: 0.5rem 2rem;}
.period dl dt {font-size: 1.25rem;border-radius: 0 0 .3rem .3rem;color: white;padding: 0 1rem;width: fit-content;background-color: #C36;font-weight: bold;margin: 0.5rem 0;}
.period dl dd {padding-left: 1rem;}
.period dl dd b {padding: 0 0.125rem;color: #C36;}
.period ul {padding-left: 2rem;}
.period:last-of-type dl:nth-of-type(2) dd:last-of-type {text-indent: -2rem;margin-left: 2rem;}
.period dl dd img {width: calc(100%/2.2);margin: auto;margin-block-start:.5rem;border-radius:8px;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
.border-b {border-bottom: 5px dotted rgb(255 255 255 / 60%);}

/*投考金融保險勝算加倍*/
.grade_board {margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.grade_board li {font-size: 1.5rem;padding: 0.5rem 0;}
.grade_board li a {color: #C36;}
.extend_btn {padding: 2rem 0;text-align: center;}
.extend_btn a {background-color: #3C408E;color: white;font-weight: bold;padding: 0.5rem 1rem;border-radius: 2rem;text-decoration: none;margin: 0.25rem 0.5rem;display: inline-block;}
.extend_btn a:where(:hover, :focus-visible){background: linear-gradient(to right, var(--blue1) 0%,var(--purple1) 100%);transition: linear-gradient 2s ease-in-out}

@media screen and (min-width: 1201px) {
	#event_maste{width: 100%;margin: auto;}
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_bankClass, .news_live, #event_bank, #event_billboard {width: 1200px;margin: auto;}	
	.grade_board li {width: calc(100%/2 - 12px);}
	.h-24 {height: 24px;}
}

@media screen and (max-width: 1200px) {
	.door_way dl::after{display: none;}
	.sm\:block {display: block;} 
	.extend_btn {padding: 1rem 0;}
	.grade_board{justify-content: center;}
}

@media screen and (max-width: 767px) {
	[class*="bgcolor"] h1{font-size: 2.7rem;}
	.strength > dt{font-size: 1.7rem;}
	.period, .strength {width: 100%;}	
	.door_way dl {width: 100%;padding: 0.5rem 0;}
	.door_way{flex-direction: column;align-content: center;width: 80%;margin: auto;}
	.door_way dl:nth-of-type(1)::before,.door_way dl:nth-of-type(2)::before,.door_way dl:nth-of-type(3)::before{left: 2rem;}	
	@media screen and (max-width:470px){
		.door_way dl:nth-of-type(1)::before,.door_way dl:nth-of-type(2)::before,.door_way dl:nth-of-type(3)::before{left: -2rem;}
	}
	.grade_board li {font-size: 1.45rem;}
	.grade_board li a {display: block;}	
}