﻿#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}
#EventContainer .bgcolor1{background: #FFFCF5;}
#EventContainer .bgcolor2{background: linear-gradient(to bottom, #e3e3e3 2%, #FFF 5%);}
#EventContainer .bgcolor3{background: #dbf9f7;}
#EventContainer .bgcolor4{background: #E4F9FF;}
#EventContainer .bgcolor5{background: #f9eef5;}
#EventContainer .bgcolor6{background: #2ec179;}
#EventContainer .bgcolor7{background: #395692;border-bottom: initial;}
#EventContainer .bgcolor8{background: #fffcf5;}
#EventContainer .bgcolor9{background: #3FB58A;}
#EventContainer img {display: initial;}
.block{display: block;}
.justify-center{justify-content: center;}
.justify-around{justify-content: space-around;}
.items-center{align-items: center;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
#EventContainer .text-right{text-align: right;}
.my-1{margin-top: 0.25rem;margin-bottom: 0.25rem;}
.pl-12{padding-left: 3rem;}

/*標題大小*/
#EventContainer h1{font-size: 2.5em;}
#EventContainer h2{font-size: 2.0em;}
#EventContainer h3{font-size: 1.8em;}

/* Event 主圖 */
#Master_ad{margin:auto;padding:0;text-align: center;width: 1200px;background-color: white;}
#Master_ad .top {display: flex;flex-wrap: wrap;position: relative;padding: 0px;margin: 0%;}
#Master_ad .top1 {width:35%;}
#Master_ad .top2 {padding-top: 4px;width:65%;}
#Master_ad .top_class {font-weight: bold;background-color: #404040;color: #fed833;padding: 2.2% 0;font-size: 1.45em;}

/* 申請體驗課 */
.apply{padding: 1.25rem 0 0.875rem;font-size: 1.25rem;color: #ffffff;font-weight: bold;}
.apply a {background: linear-gradient( to right,#00ccbf 30%, #039be6 100%);color: #ffffff;border-radius: 1.5rem;padding: 0.5rem 1rem;margin-right: 0.5rem;animation: 0.8s blink infinite alternate ease-in-out;text-decoration: none;}
@keyframes blink {
    0% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* 4大優勢加持 */
.price_title {text-align: center;display: inline-block;width: 100%;padding: 1.3% 0%;border-radius: 0em;font-weight: bold;position: relative;background-color: #fed833;font-size: 1.8em;margin-bottom: 3%;}
.price_title:before {content: '';position: absolute;height: 0;width: 0;border-style: solid;border-width: 20px 20px 0px 20px;left: 0px;right: 0;margin: auto;bottom: -17px;border-color: #fed833 transparent transparent transparent;}
.price_title.price_title2 {background-color: #ea5fa8;color: white;}
.price_title.price_title2:before {border-color: #ea5fa8 transparent transparent transparent;}
.price_title strong {color: #039be6;font-size:1.0em;}
.price_title.price_title2 strong {color: #fed833;font-size:1.3em;}
.price_subtitle {text-align: center;}
.price_title img{margin-right: 10px;}
.price_title b,.course_title b{color: #000;font-size:1.2em;}
.price_title img+img{position: absolute;top: -22px;right: 0;}
.price_subtitle{font-size: 1.5em;font-weight: bold;}
.join{display: block;padding-bottom: 0%;}
.join li,.Added_value li{margin-left:6%;font-size: 1.2em;}
.join li{list-style-type:none;color: #000;font-size: 1.2em;margin-top: 1rem;}
.join li:last-of-type {padding-bottom: 1rem;}
.join li a{color: #d94336;}
.join li strong{color: #ffffff;font-weight: normal;font-size: 1.1em;background-color: #ea5fa8;padding: 3px 10px;margin-right: 0.2em;border-radius: 1em;}
.join li b{color: #ea5fa8;font-weight: bold;}

/* 完美上榜方程式 */
.regular-title span{width: calc(100%/3 - 1rem);text-align: center;position: relative;z-index: 2;font-size: 1.5rem;color: #ffffff;}
.regular-title span:nth-of-type(1) {margin-right: -3rem;z-index: 1;padding: 1rem 0.5rem;
    background: rgb(196,27,32);
    background: -moz-linear-gradient(90deg, rgba(196,27,32,1) 52%, rgba(132,19,23,1) 86%);
    background: -webkit-linear-gradient(90deg, rgba(196,27,32,1) 52%, rgba(132,19,23,1) 86%);
    background: linear-gradient(90deg, rgba(196,27,32,1) 52%, rgba(132,19,23,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c41b20",endColorstr="#841317",GradientType=1);
}
.regular-title img {width: 100%;height: auto;}
.regular-title span:nth-of-type(3) {margin-left: -3rem;z-index: 1;padding: 1rem 0.5rem;
    background: rgb(132,19,23);
    background: -moz-linear-gradient(90deg, rgba(132,19,23,1) 38%, rgba(196,27,32,1) 80%);
    background: -webkit-linear-gradient(90deg, rgba(132,19,23,1) 38%, rgba(196,27,32,1) 80%);
    background: linear-gradient(90deg, rgba(132,19,23,1) 38%, rgba(196,27,32,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#841317",endColorstr="#c41b20",GradientType=1);
}
.regular-title span:nth-of-type(1):before {position: absolute;content: "";left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 33px 0 33px 30px;border-color: transparent transparent transparent #3fb58a;}
.regular-title span:nth-of-type(3):before {position: absolute;content: "";right: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 33px 30px 33px 0;border-color: transparent #3fb58a transparent transparent;}
.open_schedule{justify-content: center;}
.open_schedule dl{width:calc(100%/2.3);background-color:white;border-radius:1rem;margin:.5rem;text-align:center;/*box-shadow:-4px -4px 8px rgba(255,255,255,.6),-4px 0 8px rgba(255,255,255,.4),4px 4px 12px rgba(0,0,0,.3),4px 0 12px rgba(0,0,0,.2);*/padding: 0 0 1.5rem;}
.open_schedule dl dt {font-size: 1.5rem;padding: 1rem 0 0.0rem;border-bottom: 1px solid;margin: auto auto 0.5rem auto;}
.open_schedule dl dd{font-weight: bold;font-size: 1.25rem;color: white;border-radius: 0.25rem;display: inline-flex;flex-wrap: wrap;padding: 0.2rem 0.8rem;margin: 0.25rem;}
.first_stage dl:nth-of-type(1) dd{background: linear-gradient(90deg,#00A9E3 0%, rgb(0 169 227 / 70%) 90%);}
.first_stage dl:nth-of-type(2) dd{background: linear-gradient(90deg,#656FB3 0%, rgb(101 111 179 / 70%) 90%);}
.second_stage dl:nth-of-type(1) dd{background: linear-gradient(90deg,#009A52 0%, rgb(0 154 82 / 70%) 90%);}
.second_stage dl:nth-of-type(2) dd{background: linear-gradient(90deg,#DE471B 0%, rgb(222 71 27 / 70%) 90%);}
.first_stage dl:nth-of-type(1){position: relative;}
.first_stage dl:nth-of-type(1)::before{content: '\f021';bottom: -2.5rem;right: -2.5rem;position: absolute;font-family: "Font Awesome 5 Free";font-weight: bold;color: #fff;font-size: 2.5rem;width: 4.0rem;height: 4.0rem;display: flex;align-items: center;justify-content: center;background-color: #3fb58a;border-radius: 50%;/*box-shadow:-4px -4px 8px rgba(255,255,255,.6),-4px 0 8px rgba(255,255,255,.4),4px 4px 12px rgba(0,0,0,.3),4px 0 12px rgba(0,0,0,.2);*/}
/*.first_stage dl:nth-of-type(1)::before{content: "";position: absolute;width: 0;height: 0;top: 12%;right: -15px;border-style: solid;border-width: 47px 0 47px 15px;
    border-color: transparent transparent transparent #ffffff;}*/

/* 多元學習模式任選 */
.learn_group img{border:0;height: auto;}
.learn_group{width:calc(100%/3 - 0.5rem);font-size: 1.0em;border: 3px #039be6 solid;background-color: white;border-radius: 15px;}
.learn_group img{max-width: 100%;}
.learn_content{font-size: 1.0em;line-height: 1.5em;padding: 5% 2%;}
.lean_title{text-align: center;background: #039be6;color: #fff;padding: 0.5em;border-radius: 15px 15px 0 0;}

/* 高分學長姐 */
.billboard_bg{display: block;margin: 1% 0;padding: 1%;}
.billboard_title{font-size:1.4em;}
.experience{align-items: center;justify-content: center;margin: 1rem 3% 0 0;}
.experience-page{width:22%}
.experience-page figure{ width: 105px;height: 105px;position: relative;border-radius: 50%;overflow: hidden;border: solid 2px #b33fd2;margin: auto;}
.experience-page figure img{position: absolute;left: 0;right: 0;margin: auto;}
.experience-content{width: 78%;}
.experience-content p{text-align: justify;line-height: 26px;}
.experience-content p a.more-btn{display: inline-block;background: #ea5fa8;color: #ffffff;padding: 0rem .5rem;text-decoration: none;border-radius: .5rem;font-size: 0.8em;margin-left: 0.2em;}
.experience-content p a{color: #000;}
.experience-title, .experience-title a{font-weight: bold;color: #b33fd2;}

/* 線上線下，都有優值好課 */
.setGroup{border: 4px #FED833 solid;border-radius: 1rem;padding: 0 1rem 0.5rem;margin: 0.75rem auto;text-align: center;}
.setGroup dl dt {font-weight: bold;margin: 0.5rem auto;font-size: 1.6rem;}
.setGroup dl dt i{letter-spacing: 0.5rem;}
.setGroup dl dd {font-size: 1.2rem;line-height: 1.8em;margin: auto;}
.LineBg a{background-color: rgb(9, 179, 9);color: white;max-width: fit-content;padding: 0.25rem;line-height: 1.9rem;}
.setGroup dl dd strong {font-size: 1.2rem;color: #09b309;}
.txt_red{color: #ea5fa8;font-weight: bold;font-size: 1.2em;}
.course_title{font-size:1.4em;font-weight: bold;color: #ea400d;position: relative;text-align: center;}
.course_title a{color: #000;}
.price_box{box-shadow: 0px 19px 13px -18px #7d7d7d;padding: 0 0 1.5%;margin: 0 0 6%;}
.price_box .course_price dl dt,.price_box .item_title{background-color: #00ccbf;}
.course_price dt{font-size: 1.3em;}
.course_price b{color: #bd875c; font-size:1.2em;line-height: 1.9em;}
.course_price dd{margin: auto; font-size:1.05em;line-height: 1.9em;font-weight: bold;text-align: center;}
.course_price{background-color: white;margin: 0 0.5%;width: calc(100%/2 - 1.5rem);padding: 0 0.5rem;}
.course_price dl dt{text-align: center;font-size: 1.5em;background-color: #039be6; margin: 0 0 5px;position: relative;color: white;}
.course_price dt:before,.course_price dt:after,.course_price dt span:before,.course_price dt span:after{content:"";position: absolute;border-style:solid;width:0;height: 0;}
.course_price dt:before{border-color:transparent #fffb9f transparent  transparent;border-width:0px 20px 20px 0px;top:0;right:0;}
.course_price dt:after{border-width: 0 0 20px 20px;border-color: transparent transparent #fffb9f transparent;bottom:0;right:0;}
.course_price dt span{display: block;position: relative;}
.course_price dt span:before{border-width: 20px 20px 0 0;border-color: #fffb9f transparent transparent transparent;top:0;left:0;}
.course_price dt span:after{border-width: 20px 0 0 20px;border-color: transparent transparent transparent #fffb9f;bottom:0;left:0;}
.course_price dt span:before{border-width: 20px 20px 0 0;border-color: #fff transparent transparent transparent;}
.course_price dt span:after{border-color: transparent transparent transparent #fff;}
.course_price dt:before {border-color: transparent #fff transparent transparent;}
.course_price dt:after {border-color: transparent transparent #fff transparent;}
.item_title{font-size: 1.5em;text-align: center;background-color: #039be6;padding: 5px 0; color: #fFF;font-weight: bold;margin-top: 1em;border-radius:1em;}
.reward{font-size: 1.2em;text-align: center;}
.Added_value{display: block;margin: 1% auto;}
.Added_value li a{color: #039be6;}
.Added_value li:before{content:'★';}
.page_note {display: block;margin: 4% auto 0;padding: 0 0 9px;border-bottom: dotted thin;text-align: center;padding-top: 0.5em;font-size: 0.8em;}
.page_note+.page_note{margin: 1% auto 0;border-bottom: none;}
.page_note li:before{content:'※';}
.more_service{text-align: center;}
.more_service li {display: inline-flex;margin: 2% 2% 0%;background-color: #404040;align-items: center;justify-content: center;width: 120px;height: 120px;border-radius: 100%;}
.more_service li a {color: #fed833;}

/* 社群新時代 */
.line_title {font-size: 2.0em;font-weight: bold;color: #039be6;display: block;padding-top: 30px;text-align: center;}
.line_des {font-size: 1.2em;color: #000;display: block;text-align: center;}
.community{width: calc(100%/2 - 3rem);margin: 1% auto;display: table;border-radius: 0.5em;}
.community img{width: 25%;height: auto;margin: auto;}
.community img:hover{transform:scale(1.1,1.1);transition:0.5s;}
.community a:hover{transform:scale(1.1,1.1);transition:0.5s;}
.qrcode{text-align: center;font-size: 1.0em;color: white;}
.community .qrcode strong{color: #ffF;font-size: 1.2em;}
.community .qrcode strong a{color: #ffF;}
.qrimg{margin: 5px 10px;}
.fixed_AD{position: fixed;right:0;bottom:40%;width:10rem;background: linear-gradient( to right,#00ccbf 30%, #039be6 100%);border-radius:1em 0 0 1em;z-index: 9;}
.fixed_AD li{line-height: 1.9em;font-size:1.2em;text-align: center;}
.fixed_AD li a{color:#fff;}

/**/
.trial_intro {margin: 1rem auto;border-radius: 0 0 0.75rem 0.75rem;background: #395692;padding: 1rem;}
.introTitle {border-bottom: 1px dotted #ffffff;display: block;padding-bottom: 0.875rem;text-align: center;margin-bottom: 0.5rem;}
.trial_intro li, .trial_note li {list-style-type: disc;display: list-item;margin-left: 1.5rem;line-height: 2;font-size: 0.9rem;}
.trial_note{margin-bottom: 0.5rem;}
.text-base {font-size: 1rem;}

@media (min-width: 1201px){
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;}
    .schedule-item:nth-of-type(odd)::after{position: absolute;content: url(../../images/0911073_arrow.svg);right: 1rem;top: 50%;}
    .schedule-item:nth-of-type(even)::before{position: absolute;content: url(../../images/0911073_arrow.svg);left: 1rem;;top: 60%;}
    #EventContainer .schedule-item:nth-of-type(even){padding: 1rem 0 0 3rem;}
    #EventContainer .border-right-white{padding: 0 3rem 0 0;}
}
    
@media (max-width: 1200px){   
    .fixed_AD{width:100%;bottom:0;border-radius: 0;font-size: 0.8em;text-align: center;}
    .fixed_AD li{display:inline-block;padding:1%;}   
    #Master_ad{height: auto;padding: 0%;width: 100%;}
	#Master_ad .top1 {width:44%;}
	#Master_ad .top2 {padding-top: 5px;width:54%;} 
}

@media (max-width: 1023px) {      
    .regular-title span{font-size: 1rem;}
    .regular-title span:nth-of-type(2){width: calc(100%/4);}
}

@media (min-width: 768px) and (max-width: 991px) { 
}

@media (max-width:767px){
    .community {width: 100%;}
    #back-top {bottom: 12% !important;}    
	.price_title strong {display: block;}
	.price_title img {margin-bottom: 10px;width: 30%;display: block;margin: auto;}
	.price_title img+img {top: 0px;}
	.price_title {margin-bottom: 6%;}
	.join li strong {display: block;text-align: center;}
	.more_service li {padding: 6% 2%;}    
    .regular-title span{top: -2.75rem;width: calc(100%/2);}    
    .regular-title span:nth-of-type(1){margin: auto 0 auto auto;border-right: 1px solid #3FB58A;}
    .regular-title span:nth-of-type(3){margin: auto auto auto 0;border-left: 1px solid #3FB58A;}    
    .regular-title span:nth-of-type(2){width: calc(100%);top: 0;}
    .course_price, .learn_group{width: 98%;}   
    .course_price {margin: auto;}   
    .course_price dl dt {font-size: 1.3rem;}
    .open_schedule dl{width: calc(100%/2 - 0.5rem);margin: 0.25rem;}
    .open_schedule dl dd{font-size: 1rem;padding: 0.2rem 0.4rem;}
    .first_stage dl:nth-of-type(1)::before{bottom: -2.25rem;right:-2.25rem;}
    .sm\:order-1{order: 1;}
    .sm\:order-2{order: 2;}
    .sm\:order-3{order: 3;}
    .sm\:text-left{text-align: left !important;}
    .sm\:text-right{text-align: right !important;}
    .experience-page,.experience-content{width:100%}
    .experience {margin: 1rem 3% 0 3%;}
    .apply a {display: block;width: 11rem;margin: auto auto 0.5rem;}
    .LineBg {display: block;}
    .regular-title span:nth-of-type(1):before{border-width: 28px 0 28px 15px;}
    .regular-title span:nth-of-type(3):before{border-width: 28px 15px 28px 0;}
}

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}

@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}