﻿#event_master h1 {font-size: 4.6rem;}
#event_master h2 {font-size: 3.2rem;}
#EventContainer .bgcolor0 {}
#EventContainer .bgcolor1 {}
#EventContainer h1 {text-align: center;font-weight: bold;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
.bgcolor_0 {position: relative;overflow: hidden;z-index: 0;padding-bottom: 2rem;background: linear-gradient(90deg, rgb(255 215 143) 4%, rgb(251 132 60) 50%, rgb(255 254 226) 95%);}
.bgcolor_0:before,.bgcolor_0:after,.bgcolor_1:before,.bgcolor_1:after {position: absolute;content: "";z-index: -1;}
.bgcolor_0:before {background: url(../../images/1104080_main_bg1.png) no-repeat;width: 858px;height: 784px;left: -30%;top: -30%;}
.bgcolor_0:after {background: url(../../images/1104080_main_bg2.png) no-repeat;width: 1714px;height: 883px;right:-22%;top: -55%;}
.bgcolor_1 {position: relative;z-index: 1;overflow: hidden;background: linear-gradient(273deg, rgb(251 139 70) 4%, rgb(254 217 147) 50%, rgb(255 254 226) 95%);}
.bgcolor_1:before {background: url(../../images/1104080_main_bg2.png) no-repeat;width: 1714px;height: 883px;left: -55%;top: 0%;opacity: .2;filter: blur(3px);}
.bgcolor_1:after {background: url(../../images/1104080_main_bg1.png) no-repeat;width: 858px;height: 784px;right:-1%;top: 0%;opacity: .2;filter: blur(3px);}
.bgcolor_0 h1,.bgcolor_1 h1,.bgcolor_2 h1 {background-color: #9f1319;color: white;border-radius: 50px 0 50px 0;z-index: 10;font-size: 3.65rem;font-family: microsoft yahei;}
.bgcolor_1 h1,.bgcolor_2 h1 {background-color: #FB337B;}

/* 主圖 */
.chart-text {font-size: 1.5rem;text-align: center;}
.billboard-box {width: 100%;margin: auto;font-size:1.45rem;padding:1.5rem;text-align: center;background:linear-gradient(30deg,white 0%,#f0dd71 40%,#ca9636 100%);box-shadow: 0px 4px 10px hsl(0, 0%, 100%,20%);}
.billboard-box:nth-of-type(1) {border-radius: 50px 50px 0 0;margin-block-start:1rem;}
.billboard-box:nth-of-type(3) {border-radius: 0 0 50px 50px;}
.billboard-box dt {
	font-size: 2.2rem;font-family: microsoft yahei;font-weight: bold;color: #FB337B;text-align: center;
	text-shadow: 2px 0 2px white,-2px 0 2px white,0 2px 2px white,0 -2px 2px white,0 0 6px white;
}
.embed-container {border-radius: 16px;border: solid 2px white;}

/* 囊括財稅類科優秀名次 */
.outstanding {
	justify-content: space-around;
	align-items: flex-start;padding:2rem 1rem;
	border-radius: 20px;
	background: linear-gradient(30deg,white 0%,#fffadb 40%,#ffda96 100%);
    box-shadow: 0px 4px 10px hsl(0, 0%, 100%,20%);
}
.outstanding_item {
	width: calc(100%/6 - 12px);
	display: flex;flex-wrap: wrap;
	align-items: center;	    
}
/* .outstanding_item::before{
	position: absolute;content: '';
	left: 0;bottom: -2px;width: 100%;height: 2px;
	background:linear-gradient(30deg,white 0%,#f0dd71 40%,#ca9636 100%);
	z-index: 1;
} */
.outstanding_item:nth-of-type(1){border-radius:20px 20px 0 0;}
.outstanding_item:nth-of-type(6){border-radius: 0 0 20px 20px;}
.outstanding_item:nth-of-type(6)::before{display: none;}
.outstanding_item figure {width: 200px;margin: auto;}
.outstanding_item img {margin: auto;}
.outstanding_item dl {font-size: 1.3rem;width: calc(100%);text-align: center;}
.outstanding_item dl dt {font-weight: bold;}
.outstanding_item dl dt small {font-weight: initial;padding-left: 0.5rem;font-size: 0.8em;}
.outstanding_item dl dd {font-size: 1.05rem;}
.outstanding_item dl dd mark {background:#FB337B;color: #ffffff;padding: 0 .3rem;font-size: 0.9em;margin-left: 0.3rem;}
.outstanding_item dl dd strong {color: #194084;}
.exp-wrap .exp-cont {width: calc(100%/2.05);margin:.5rem auto;padding: 1.5rem;border-radius: 20px;background:white;box-shadow: 0px 4px 10px hsl(0, 0%, 100%,20%);}
.exp-detail dt {font-weight: bold;font-size: 1.75rem;color: #FB337B;line-height: 2.125rem;}
.exp-cont dd {font-size: 1.2rem !important;}
.top-grade {color: #FB337B;}

/*分眾課＋書籍是連續上榜關鍵！*/
.class_name {color: #FB337B;font-weight: bold;font-size: 1.5rem;display: block;}
.recommend-cont {padding: 1.5rem 4rem;font-size: 1.2rem;align-items: flex-start;}
.recommend-cont dl {width: 70%;}
.recommend-cont dl dt {font-weight: bold;font-size: 1.5rem;width: 100%;color: #fb337b;}
.recommend-cont dl dd {padding: 0.5rem 0;}
#product button {padding: 0 !important;}
#product .VueCarousel-navigation-button[data-v-453ad8cd] {color: #194084;}
.product_box {width: 30%;}
.product_title {text-align: center;}
.film {text-align: center;}
.film img{height:200px;}
.film a {position: relative;display: inline-block;}
.film a::before {content: "";position: absolute;width: 50px;height: 50px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url(../../images/play-button.png) no-repeat;background-size: 100%;}
.book img {width: 200px;margin: auto;}

/* 頂尖佳績佐證 */
.recommend-wrap {margin: 2rem auto;padding: 1rem;border-radius: 16px;background: white;box-shadow: 0px 4px 10px hsl(0deg 0% 100% / 20%);margin: 1.5rem auto;}
.student {width: 100%;border-bottom: 1px dotted black;padding: 0.5rem 0;margin: 0 4rem;}
.student li {text-align: center;font-size: 2.1rem;font-weight: bold;color: #194084;}
.learn-type a {padding: 0.25rem;background-color: #FB337B;color: white;border-radius: 8px;}
.learn-type {margin-top: .6rem}

/* 掌握考科重疊優勢 */
.subtitle {font-size: 2.5rem;font-weight: bold;text-align: center;display: block;}
.subject-des {text-align: center;font-size: 1.3rem;}
.subject-common {color: #EE734A;font-weight: bold;}
.tabs-wrap {text-align: center;width: 1200px;}
.month-tabs {position: relative;margin: auto;width: 100%;color: #fff;}
.month-tabs li {width: calc(100%/7);text-align: center;padding: 0.75rem 0 1rem;border-bottom: 5px #0186c8 solid;color: #0186c8;font-size: 1.4rem;}   
.month-tabs li:hover {cursor: pointer;}
[class*="offer_content"] {display: none;overflow: hidden;width: 60%;} 
.active-tax {display: block;animation-name:ani;animation-duration:0.5s;font-size: 1.3rem;background-color: #ffc;padding: 1.75rem;margin-top: 1rem;border-radius:30px 0 30px 0;border:3px #ee734a dotted;}
@keyframes ani {from {opacity: 0;transform: translate3d(100%, 0, 0);}to {opacity: 1;transform: none;}}
.timeLine {margin: 1rem auto;}
.timeLine dt {font-size: 1.5rem;color: #ee734a;font-weight: bold;} 
.general {color: #EE734A;}
.offer_content5 dl {margin: 0.5rem auto;}
.month-tabs li.chosen {position: relative;}	
.month-tabs li.chosen:after {position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;background-color: #ee734a ;border: white solid 3px;left: 0;right: 0;margin: auto;bottom: -.75rem;}	
/* 完備課程規劃 */
.class-name {display: block;font-size: 1.5rem;font-weight: bold;color: #FB337B;}
.class-box {width: calc(100%/2 - 2rem);text-align: center;margin: 1rem;background-color: white;padding: 0.5rem;border-radius: 16px;font-size: 1.2rem;position: relative;}
.class-box dt a {font-size: 2rem;color: #194084;}
.class-detail p {width: calc(100%/3);padding: 0 1rem;}
/* 勝試書系勤刷題 */
.books-box {width: calc(100%/2);height: max-content;margin-block-start:1rem;text-align: center;margin-bottom: 1rem;}
.books-title {font-size: 1.4rem;text-align: center;display: inline-block;background: #b26c77;border-radius: 8px;padding: 0 1rem;color: white;}
.books-title a{text-decoration:none;}
.books-title a:hover{top: 0;letter-spacing:0.03rem;}
.books-box img {margin: auto;}
#Ask {background: #fb8b46 !important;}

@media screen and (min-width: 1321px) {	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1320px;margin: auto;}	
}

@media screen and (min-width: 1201px) and (max-width: 1320px) {	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: auto;}
}

@media screen and (min-width: 1201px) {	
	.recommend-cont dl {padding-right: 2rem;}
}

@media screen and (max-width: 1200px) {		
	.product_box, .recommend-cont dl {width: 100%;}
	.dot {font-size: 1rem;}	
	.outstanding_item dl {font-size: 1.4rem;}
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.outstanding_item{width: calc(100%/3 - 12px);}
	.billboard-box .sm\:block {display: initial;}
	.bgcolor_0 h1, .bgcolor_1 h1, .bgcolor_2 h1 {font-size: 2.8rem;}
	.billboard-box dt {font-size: 2.2rem;}
	.billboard-box {font-size: 1.75rem;}
}

@media screen and (max-width:767px) {
	.bgcolor_0{padding-bottom: 0;}
	.bgcolor_0 h1, .bgcolor_1 h1, .bgcolor_2 h1 {font-size: 1.8rem;border-radius: 20px 0 20px 0;}
	.class-box dt a,.books-title,.subtitle{font-size: 1.7rem;}
	.billboard-box dt {font-size: 1.5rem;}
	.billboard-box {font-size: 1.25rem;}	
	.exp-cont, .student li, [class*="offer_content"], .class-box, .class-detail p, .books-box {width: 100% !important;}
	.student{margin: auto;}
	.student li {font-size: 1.5rem;}
	.outstanding_item {width: calc(100%/2 - 12px);}
	.product_box {width: 98%;}
	@media screen and (max-width:500px) {.outstanding_item {width: calc(100% - 12px);}}
	.outstanding_item dl dd:last-of-type,.recommend-cont,.class-box{font-size: 1.1rem;}
	.book img {width: 150px;}
	.outstanding_item{flex-direction: column;padding: 1rem;}
	.outstanding_item dl{width: 100%;}
	.recommend-cont {padding: 1.5rem 0;width: 100%;}
	.recommend-wrap {padding: 1rem 1rem 0;}
}