#event_master{font-family: 華康儷黑 Std w7;}
#event_master img{z-index: 2;}
#event_master h1{font-size: 4.6rem;}
#event_master h2{font-size: 3.2rem;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh{padding: 2rem 1rem;}
.bg1{background: url(../../images/1111021_01.png) no-repeat top #f5f6f4;background-size: cover;}
.bg2{background-color: #f5f6f4;}
.bg3{background-color: #efffed;}
.bg4{background-color: #edffff;}
.bg5{background-color: #fff2fa;}
.bg{background: linear-gradient(to right, #6d02b7 0% , #c456e1 50%, #6d02b7 100%); }
.bg{background: linear-gradient(to right, #611fbf 0% , #995aef 50%, #611fbf 100%);}
.fcolor4{color: #76c1ff;}
.fcolor5{color: #ffc152;}
.fcolor6{color: #f9812e;}
.fcolor7{color: #FFEE38 !important;}
:root{
	--orange1: #DD561B;
	--tiffany_green: #00ABB5;
}
small{font-size: 1em; }
/* 主圖 */
.top_h{top: 5%;left: 0%;position: absolute;}
.menu-wrap li{position: absolute;z-index: 2;}
.menu-wrap li:nth-child(1){padding-top: 38%;left: 28%;z-index: 3;}
.menu-wrap li:nth-child(2){padding-top: 27%;left: 36%;}
.menu-wrap li:nth-child(3){padding-top: 33%;left: 49%;z-index: 3;}
.menu-wrap li:nth-child(4){padding-top: 19%;left: 53%;}
.menu-wrap li:nth-child(5){padding-top: 30%;left: 69%;z-index: 3;}
.menu-wrap li:nth-child(6){padding-top: 10%;left: 75%;}
.menu-wrap li:nth-child(7){padding-top: 21%;left: 33%;z-index: 1;}
.segment-des{position: absolute;top: 1rem;right: 0;}
.tripple dl{width: calc(100%/3);}
.double dl{width: calc(100%/2);}
.tripple dl:nth-of-type(2){border-right: dotted 1px;border-left: dotted 1px;}
.double dl:nth-of-type(1){border-right: dotted 1px;}
.date{display: block;}
.sale{color: red;}
/*bar*/
.anchor{right: 0;bottom:30%;padding: 0.5rem;background: linear-gradient(to right, #97d39f 0%,#04a1c2 100%);border-radius: 1.5rem 0;position: fixed;padding: 0.5rem;z-index: 3;}
.anchor .limit{position:relative;}
.anchor .limit::after{content:'✦';display:inline-flex;padding:0 0 0 .125rem;}
.anchor a{color:#fff;display: block;text-decoration: blink;padding: 2px 10px;font-size: 1.1rem;}
.anchor a:hover{color: #ce0180 !important;top:initial;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;font-weight: bold;}
/* 申論寫作班 */
.how{background: linear-gradient(to right, var(--orange1) 0%,#F4A64E 100%);font-size: 1.8rem;color: #ffffff;display: block;padding: 0.2em 1em;border-radius: 2em 0em;text-align: center;}
.how::before{position: relative;content: '\f05a';font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 0.5rem;}
.forecast{font-size: 1.8rem;color: #ffffff;background: linear-gradient(to right, #ba33b3 0%,#f4528d 100%);display: block;width: 100%;padding: 0.3em 1em;border-radius: 0 0 3em 3em;text-align: center;}
.forecast::before{position: relative;content: '\f185';font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 0.5rem;}
.class-title h1{font-size: 3.8rem;color: var(--orange1);margin: 0 auto;font-weight: bold;}
.class-des::before{position: relative;content: '\f0da';font-family: "Font Awesome 5 Free";font-weight: bold;margin: auto 1rem;color: var(--tiffany_green);}
.class-des{font-size: 0.9em;color: black;}
.common-use dl{margin: 0.5rem auto;background-color: white;padding-bottom: 1%;font-size: 1.2rem;}
.common-use dl dt{font-weight: bold;padding: 0.25rem 1.3rem;color: #ffffff;font-size: 1.5em;background: linear-gradient(to right, #97d39f 0%, var(--tiffany_green) 100%);text-align: center;}
.common-use dd{margin: 0.5rem auto 0.0em;padding: 0.1em 2% 0.2em;line-height: 1.7;}
.opendate li{display: inline-flex;flex-wrap: wrap;}
.class{color: var(--orange1);font-size: 1.2rem;display: block;text-align: center;}
.name{font-size: 1.35rem;border-bottom: dotted 1px;}
.name i{margin-left: 0.5rem;}
.name :is(a, span, i, small){color: var(--orange1); }
.name span{display: inline-block;padding: 0 .6rem;border-radius:20px;border: 2px solid var(--orange1);line-height: 1.3;font-size: 0.9em;margin-right: 0.5rem; }
.name a{font-size: 1.5rem;font-weight: bold;}
.name~dd a{color: var(--orange1);}
.VueCarousel-navigation-button[data-v-453ad8cd]{font-size: 2.8rem;}
.subject dd i, .price dd i, .guide-btn i{margin-right: 0.25rem;}
.feature dd:last-of-type{color: var(--orange1);font-size: 1.5rem;font-weight: bold;text-align: center;}
.community{border-radius: 2rem 2rem 0 0;padding: 1rem 0;background: linear-gradient(to right, #ad146d 0%,#f4528d 100%);}
#EventContainer .guide-btn a, #EventContainer .guide-btn2 a{display:inline-block;color:#ffffff;border-radius:1.5rem;padding:.5rem 1rem;text-decoration:none;font-weight:bold;margin:1rem;position:relative;font-size:1.3em;background:linear-gradient(to right,#1c5abd 0%,#28a9e2 100%);}
#EventContainer .guide-btn2 a{background: var(--orange1);}
@media (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh{width: 1200px;margin: auto;}
	.anchor{padding: 1.5rem 0.5rem;}
	.anchor li:nth-of-type(6){border-top: 2px solid white;margin: 0.5rem 0.25rem 0;padding-top: 0.5rem;}	
}
@media (max-width: 1200px){
	.VueCarousel-navigation-prev[data-v-453ad8cd]{left: 20px !important;}
	.VueCarousel-navigation-next[data-v-453ad8cd]{right: 20px !important;}
	.anchor{bottom:0%;border-radius: 1.5rem 1.5rem 0 0;width: 100%;}
    .anchor li{display: inline-block;}
	.anchor li a{color: #fff;text-decoration:underline;}
	.anchor li:nth-of-type(6){border-left: 3px solid white;padding-left: 0.75rem;margin: 0.5rem auto 0.25rem 0.5rem;line-height: 1;}
	#Footer .footer-wrap{padding: 1.5rem 0.5rem 4rem;}
	.tripple .price dt{font-size: 1.5rem;line-height: 2.7rem;}
}
@media (max-width: 1023px){
	.common-use .price dt{padding: 0.25rem;}
	.tripple .price dt{font-size: 1.25rem;}
	#EventContainer .guide-btn2 a {margin: 0.5rem auto;}
}
@media (min-width:768px) and (max-width:991px){
	.menu-wrap{padding-top: 17%;}
}
@media (max-width:767px){
	.common-use .price dt{font-size: 1.5rem;}
	.how{border-radius: 1em 1em 0 0;}
	.forecast{border-radius: 0 0 1em 1em;width: 100%;}
    #EventContainer .guide-btn a{margin: 0.5rem;}
	.class-title h1, .class-des{font-size: 2.0rem;}
	.top_h{top: 10%;left: 2%;}
	.menu-wrap{top: 30%;position: relative;}
	.menu-wrap li{width: calc(100%/3);}
	.menu-wrap li:nth-child(1){padding-top: 35%;left: 2%;}
	.menu-wrap li:nth-child(2){padding-top: 24%;left: 33%;}
	.menu-wrap li:nth-child(3){padding-top: 10%;left: 66%;}
	.menu-wrap li:nth-child(4){padding-top: 68%;left: 2%;}
	.menu-wrap li:nth-child(5){padding-top: 60%;left: 35%;}
	.menu-wrap li:nth-child(6){padding-top: 45%;left: 66%;}
	.menu-wrap li:nth-child(7){display: none;}
	.segment-des{bottom: 0;top:auto}
	#EventContainer .guide-btn a{margin: 0.5rem;}
	.tripple dl, .double dl{width: 100%;border-bottom: dotted 1px;}
	.tripple dl:nth-of-type(2){border-right: none;border-left: none;}
	.double dl:nth-of-type(1){border-right: none;}		
	.anchor a{padding: 0 6px;}
	#event_third .subject dd, #event_third .feature, #event_third .price, #event_sixth .subject dd, #event_sixth .feature, #event_sixth .price{width: 100%;}
}