/*所有元素漸變0.5秒*/
a {color: inherit;}
.mr-2 {margin-right: 0.25rem;}
article{color: #2a2a2a;}

:root{
	--text1: 2.2rem;
	--text2: 1.8rem;
	--text3: 1.6rem;
	--text4: 1.4rem;
	--text5: 1.2rem;
	--text6: 1rem;
	--red1: #c81c2c;
	--green1: #4C979F;
	--blue1: #504c9f;
}

/*功成名就大贏家*/
.banner-bg {background: linear-gradient(to bottom, var(--red1) 5%, white 5%);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#event_master{background: linear-gradient(to bottom, white 48%, #b7091a 48%, #aa0717 62%, var(--red1) 62%);}
#event_sec, #event_third, #event_fourth {padding: 2rem 0 1rem;background: #feda7c;}
.img-responsive {display: block;margin: auto;height: auto;}
.magic_flex {display: flex;background: url(../images/1310003/1310003_02.png) no-repeat center top / 100% auto;padding: 1.5rem 3rem 2rem;flex-wrap: wrap;margin: auto;width: 1450px;justify-content:space-around;align-items: center;}
.magic_list:nth-child(1) {position: relative;display: flex;align-items: center;width: 30%;margin-left: 7%;}
.magic_list:nth-child(2) {width: 60%;}
.magic_list strong {font-size: var(--text4);font-weight: 500;}
.people {position: absolute;top: -23%;right: -28%;}
.magic_list ul li {font-size: var(--text5);line-height: 1.8;color: white;list-style: none;position: relative;padding: 0 0 0 10px;text-align: left;}
.magic_list ul li:before {content: "▶ ";margin-left: -1.5rem;}
.magic_list a {transition: all 0.2s linear;display: block;position: relative;top: -20%;}
.magic_list a:hover {transform: scale(1.1);}
.magic_list li span {color: #FFFF00;}
.transcript {margin: 13px 0 0;text-align: center;}
.transcript h3 {font-size: var(--text1);color: #fff200;font-weight: 700;line-height: 1.5em;border-left: solid 5px #fff200;border-right: solid 5px #fff200;padding: 3px 0 5px;position: relative;text-align: center;}
.transcript h3:before, .transcript h3 span:before {left: 0;}
.transcript h3:after, .transcript h3 span:after {right: 0;}
.transcript h3:before, .transcript h3:after, .transcript h3 span:before, .transcript h3 span:after {content: "";position: absolute;width: 13px;height: 5px;background-color: #fff200;}
.transcript h3:before, .transcript h3:after {top: 0;}
.transcript h3 span:before, .transcript h3 span:after {bottom: 0;}
.transcript p {font-size: calc(var(--text3));color: #feb609;margin: 13px auto 0;}

/*贏戰➤會計師*/
.title_common {font-size: calc(var(--text1) + .8rem);text-align: left;color: var(--blue1);padding: 0 12% 0 6%;width: fit-content;background: linear-gradient(to right, white 75%, transparent 100%);border-radius: 20px 0 0 20px;}
.title_common span {padding: 0 0.75rem;}
.title_common strong {font-weight: 700;color: var(--red1);}
.price_table {border-collapse: collapse;width: 96%;margin: 1rem auto; }
.price_table tr:nth-of-type(odd) {background: #fafafa; }
.price_table tr:nth-of-type(even) {background: white; }
.price_table small {color: gray;display: block;}
.price_table th:first-of-type {width: 20%;}
.price_table th {color: black;text-align: center;padding: 0.8rem 0;font-size: calc(var(--text4) + .1rem);font-family: microsoft yahei;}
.price_table th:nth-child(2) { border-left: solid thin white;border-right: solid thin white;}
.price_table th {color: #feb609;background: var(--red1);}
.price_table th:first-of-type {border-radius: 1rem 0 0 0;}
.price_table th:last-of-type {border-radius: 0 1rem 0 0;}
.price_table b {color: var(--blue1);margin-left: -0.5rem;font-weight: 600;}
.price_table td:nth-of-type(n+1):nth-of-type(-n+3) {border-top: 0;}
.price_table td {padding: 0.5rem 1rem;border: 1px dotted #D6A341;font-size: var(--text5);}
.price_table tr td:first-of-type {text-align: center;}
.price_ps {background: #ec8020;display: block;padding: 0 .8rem 0 .5rem;color: white;width: fit-content;position: relative;margin: 5px 0;font-size: 1rem;}
.price_ps li::before {content: '▸ ';}
#BodyContentMainDetail .price_table tr td:first-of-type {font-size: 1rem;font-weight: bold;text-align: center;}
.price_table td > div {padding: 0 0 5px;}
.limit_tag span {background-color: #E1404F;width: 1.8rem;height: 1.8rem;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #FF0;font-weight: normal;}
.limit_tag .sm\:block {background-color: initial;width: 0;height: 0;}
.p_tag {padding: 0 0.125rem;color: #E1404F;font-weight: bold;}
.p_indent{display: block;text-indent: 3rem;}
.price_note {text-align: center;padding: 0 5% 2.5% 0;}

/*續戰➤公職、會研所*/
#event_third h1 {background: linear-gradient(to right, white 75%, transparent 100%);color: var(--green1);}
.title_common small {font-size: 1.25rem;padding-left: 1rem;}
#event_third .price_note {padding: 0 5%;}
#event_third .price_table b {color: var(--green1);}
#event_third .link-out {padding-bottom: 2.5%;}
#event_third .link-out img{vertical-align:middle;text-decoration:none;margin: 0 .2rem;width: 40px;}
#event_third .link-out i {padding: 0 0.25rem 0 0.125rem;}
.link-out a span {display: inline-block;}

/*挑戰➤跨域斜槓*/
#event_fourth .price_note {text-align: center;padding: 5% 0 2.5%;}
#event_fourth .price_table td {text-align: center;}

/*挑戰➤跨域斜槓*/
.link-out {margin: 1rem auto auto;text-align: center;}
.link-out a {background: #FF0;color: #000;display: inline-block;padding: 0.25rem 0.5rem;border-radius: 1rem;font-weight: bold;margin: auto;}
.target-fix {position: relative;display: block;visibility: hidden;}

.happy_link {position: fixed;bottom: 0;left: 0;width: 100%;background-color:#463e79;margin: 0;}
aside.happy_link:hover {background-color: #900;}
aside.happy_link a {color: #ffe48a;text-decoration: none;font-size: 1.25rem;}
aside.happy_link dl, aside.happy_link:hover dl {background: initial;}
.happy_link i {color: black;}
.AD_text dd {margin: auto 1rem;padding: 0 2rem 0 0;}
.AD_text dd:not(:last-of-type) {border-right: 1px dotted;color: #ffe48a;}
.askclick {bottom: auto;background: linear-gradient(to right, var(--blue1), var(--green1));right: 0;}
.click_tag:hover {background: linear-gradient(to right, var(--middle-blue), var(--middle-blue));}
.announce {bottom: calc(10% + 100px);top: auto;}

@media screen and (min-width: 1201px) {
	#event {width: 750px;/*排版開最外面的外框線看位置專用可隨時拿掉*/margin-right: auto;font-family: "微軟正黑體", Arial;margin-top: 10px;}	
	#BodyContentMainDetail .price_table tr td:first-of-type {font-size: 1.1rem;}
	#BodyContentMainDetail .price_table td {font-size: 1rem;}	
	.Linkgo {list-style-type: none;}
	.goStu a, .askgo {width: 120px;height: 120px;margin: 1% auto;line-height: 120px;color: #ffe48a;font-size: 1.1em;border-radius: 9999em;background-color: #463e79;opacity: 0.8;display: block;cursor: pointer;}
	.goStu a:hover, .askgo:hover {background-color: #900;}
	.goStu a {line-height: 120px;}
}

@media screen and (max-width: 1200px) {	
	.magic_flex{background: url(../images/1310003/1310003_02.png) no-repeat center top / 100% auto #C81D2D;}
	.magic_list:nth-child(1){ width: initial; }	
	.Linkgo {list-style-type: none;}
	.Linkgo li {display: inline-block;margin: auto 2%;font-size: 1.2em;}
	.target-fix {top: -8rem;}
}

@media screen and (max-width: 1449px){
	.magic_flex{width: 100%;justify-content: center;flex-direction: column;}
}

@media screen and (min-width:768px) {
	.price_table tr:last-of-type td:first-of-type {border-radius: 0 0 0 1rem;}
	.price_table tr:last-of-type td:last-of-type {border-radius: 0 0 1rem 0;}
	.price_table tr:last-of-type td {border-bottom: 0;}
	.md\:block {display: block;}
}

@media screen and (min-width:768px) and (max-width: 1499px){			
	.magic_list:nth-child(2){ width: 86%;margin: auto; }	
}

@media screen and (max-width:767px) { 
	:root{--text1: 1.7rem;--text2: 1.5rem;--text3: 1.4rem;--text4: 1.2rem;--text5: 1.1rem;}
	#event_sec{padding: 2rem 0 0.1rem;}
	.transcript h3{font-size: 1.5rem;}
	.transcript p {margin: 13px auto auto auto;}
	.transcript h3 {padding: 1% 5%;}
	.magic_list:nth-child(1), .magic_list:nth-child(2) {width: 100%;text-align: center;}
	.magic_list:nth-child(1) {justify-content: center;}			
	.magic_list:nth-child(2){ margin-left: -2rem; }	
	.people {position: relative;top: 0;right: 0;}
	.magic_list a {position: relative;left: 15%;left: 0;top: 0;}		
	.magic_list ul {margin: auto;}
	.title_common, #event_third h1 {margin: auto;background: white;border-radius:20px;}
	.price_table tr:nth-of-type(even),.price_table tr:nth-of-type(odd){background: none;}
	.price_table th {display: none;}
	.price_table td {padding: 0.25rem 0.5rem;display: block;background: white;}
	.price_table tr td:first-of-type {background-color: #fbffb7;border-radius: 1rem 1rem 0 0;font-size: 1.25rem;}
	.price_table tr td:last-of-type {border-radius: 0 0 1rem 1rem;}
	.price_table tr:not(:first-of-type) {margin: auto auto 1rem;display: block;}
	.price_table th:first-of-type {width: 25%;}
	.price_table td::before {content: attr(data-th);font-weight: bold;display: block;text-align: center;}
	.price_note {text-align: left;padding: 0 5% 2.5%;}
	.p_indent{display:inline;text-indent:0;}
	.sm\:block {display: block;}
	.price_ps::before {content: none;}
	.limit_tag span {width: 1.35rem;height: 1.35rem;}
	.target-fix {top: -5rem;}
	aside.happy_link a {font-size: 1rem;}
	.AD_text dd {margin: 0.2rem 0.5rem;padding: 0 1rem 0 0;line-height: 0.75rem;}
	.magic_flex {padding: 1.5rem 2rem 2rem;}
}

@media screen and (max-width:767px) and (orientation: portrait){ 
	.AD_text dd:nth-of-type(2) {border: 0;}
	.title_common small {display: block;padding: 0;}
}