#EventContainer .bgcolor1 {background: url(../images/top.png?) no-repeat center top #FFF;background-size: 100%;}
#EventContainer .bgcolor2 {background-color: rgb(245 212 105)}
#EventContainer .bgcolor3 {background-color: rgb(93 233 149) !important;}
#EventContainer .bgcolor4 {background: url(../images/circle.png) no-repeat center;background-size: contain;}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh, #event_eighth {padding: 1rem;}
/* 標題大小 */
#EventContainer h1 {font-size: 3.8rem;color: #343cd7;border-bottom: solid 7px;margin: 0.3em 0;text-align: center;line-height: 1.2em;position: initial;}
#EventContainer h2 {font-size: 2rem;}
#EventContainer h3 {font-size: 1.5rem;}
article {position: relative;}
#EventContainer section h1::before {content: none;}
/*主圖*/
#EventContainer #Master_title {height: auto;margin: auto;background: initial;}
.event-submenu {width: 1050px;margin: 1.5rem 3rem auto auto;justify-content: flex-end;}
.event-submenu li,.event-submenu2 li {width: calc(100%/7 - 1.5rem);background-color: #ffe432;border-radius: 1em;text-align: center;margin: 0 1% 0 0;padding: 0.2em 0.3em;box-shadow: 0px 4px 0px #d9d9d9;}
.event-submenu li a,.event-submenu2 li a {color: #000;font-size: 1.5rem;text-decoration: none;}
.event-submenu li:hover,.event-submenu2 li:hover {background-color: #fd9d09;}
/* 高點解籤 */
.conform-h {font-size: 2.0rem;color: #343cd7;text-align: center;margin-bottom: 0.5em;}
.conform-item {width: calc(100%/3 - 1em);padding: 1em 0.5rem;text-align: center;font-size: 1.2rem;box-sizing: border-box;/*background: linear-gradient(to bottom,#f1c5d4 5%,#ffffff 100%)*/;margin: 0 0.25em;border-radius: 0.8em;border: dotted 4px #ff6f05;}
.conform-item span {display: block;background: #ffffff;border: solid 5px #0b212e;width: 35px;height: 35px;border-radius: 50%;margin: 0 auto 7px;position: relative;}
.conform-item span:before {content: "";position: absolute;width: 51px;height: 39px;background: url(../images/1009015_hook.png);left: -10px;top: -18px;}
/* Dcard */

/* 高規學程 */
#EventContainer .chart {padding: 5% 0 2% 0;}
#EventContainer .cube {width: calc(100%/3 - 3rem);margin: auto auto 0 auto;}
#EventContainer .cube {background: #EEEEEE;position: relative;align-items: flex-end;}
#EventContainer .cube::before {content: '';display: inline-block;background: #F6F6F6;width: 100%;height: 35px;transform: skewX(-40deg);position: absolute;top: -35px;left: 15px;}
#EventContainer .cube::after {content: '';display: inline-block;background: #DFDFDF;width: 29px;transform: skewY(-50deg);position: absolute;top: -17px;left: 100%;}
#EventContainer .cube span {position: absolute;top: -2rem;left: 37%;font-size: 1.25rem;}
#EventContainer .cube1, #EventContainer .cube1::after {height: 240px;}
#EventContainer .cube2, #EventContainer .cube2::after {height: 220px;}
#EventContainer .cube3, #EventContainer .cube3::after {height: 180px;}
#EventContainer .cube1 {background: #ffee38;}
#EventContainer .cube1::before {background: #fff69a;}
#EventContainer .cube1::after {background: #ead81b;}
#EventContainer .cube2 {background: #f09b1a;position: relative;}
#EventContainer .cube2::before {background: #fecc4f;}
#EventContainer .cube2::after {background: #d18209;}
#EventContainer .cube2 img {position: absolute;top: -42%;right: -20px;z-index: 2;}
#EventContainer .cube3 {background: #039be6;}
#EventContainer .cube3::before {background: #3ebbf9;}
#EventContainer .cube3::after {background: #0186c8;}
#EventContainer .step-by {padding: 1rem;text-align: left;}
#EventContainer .step-by dt {font-weight: bold;font-size: 1.25rem;margin-top: 3%;}
#EventContainer .step-by dt a {color: black;}
/* 獨家高效課程*/
.course-wrap {align-items: stretch;height: 100%;align-items: flex-end;}
.course-item {width: calc(100%/3 - 1rem);margin: 0.5rem;text-align: center;}
.course-title {background: #000;color: #ffffff;display: block;}
.course-item a {color: #000;}
/* 上榜首選名師團隊 */
.event-submenu2 {padding: 0 0 2%;width: 100%;}
#teaIMGout {width: 100%;margin-bottom: 3%;}
.content1,.content2 {display: block;padding: 0;width: 100%;}
#teaIMGout .active2 {border-bottom: 5px #4cd887 solid;color: #3dc978;font-weight: bold;padding-bottom: 0.5%;font-size: 1.3em;}
.select1,.select2 {border-bottom: 1px #919191 solid;color: #919191;text-align: center;width: 49%;margin-bottom: 3%;font-weight: bold;cursor: pointer;font-size: 1.3em;}
.select1,.select2 {border-bottom:1px #919191 solid; color: #919191;text-align: center;width:49%;margin-bottom: 3%;font-weight: bold;}
.select1:hover,.select2:hover {cursor: pointer;}
.tea_photo1,.tea_photo2,.tea_photo3,.tea_photo4,.tea_photo5,.tea_photo6,.tea_photo7,.tea_photo8,.tea_photo9,.tea_photo10,.tea_photo11,.tea_photo12 {width:170px;}
.swiper-button-black {opacity: 0.3;}
.out_tea_1,.out_tea_2,.out_tea_3,.out_tea_4,.out_tea_5,.out_tea_6,.out_tea_7,.out_tea_8,.out_tea_9,.out_tea_10,.out_tea_11,.out_tea_12 {border:0px #000 solid;opacity: 0.9;width:100%;padding:5px 0;text-align: center;z-index: 1;} 
.tea_show {margin-top:2%;height: 125px;}   
.tea_show small {font-size: 0.875rem;}
.out_tea_1,.out_tea_7 {background-color:#62367d ;}.out_tea_2,.out_tea_8 {background-color:#191e73 ;}
.out_tea_3,.out_tea_9 {background-color:#367088 ;}.out_tea_4,.out_tea_10 {background-color:#0c5295 ;}
.out_tea_5,.out_tea_11 {background-color: #313a89;}.out_tea_6,.out_tea_12 {background-color:#675c2d ;}
.tea_show,.tea_show a {color: #fff;}
.tea_show dt {border-bottom:dotted 1px #fff;padding: 0% 0 2%;}
.tea_show dd {margin: 1% 0;font-size: 0.8em;}
.active {display: inline-block;animation-name:ani;animation-duration:0.5s;}
.active2 {border-bottom: 5px #2f8bc8 solid;color:#136a99;font-weight: bold;padding-bottom: 0.5%;}
.active3 {display: block;animation-name: fadeInUpNEW;animation-duration: 1s;bottom: 0;}
/* 優質看課系統 */
.ibrain_page {width:calc(100%/2);margin: 0 0 2%;}
.ibrain_page dl {width: calc(100%/2);padding: 0 2% 0;box-sizing: border-box;}
.ibrain_flex {margin: 2% 0 0;}
.ibrain_flex dt {font-size:1.4rem;font-weight:700;color:#12149f;border-bottom:1px dashed #12149f;line-height: 1.2em;}
.ibrain_flex dt figure {position: relative;overflow: hidden;width: 100%;height: 150px;border-radius: 8px;margin: 0 0 10px;border: solid 2px #fff;background-color: white;}
.ibrain_flex dt figure figcaption {position: absolute;z-index: 2;bottom: -11px;background-color: #000000a6;color: white;width: 100%;text-align: center;padding: 5px 0px;}
.ibrain_flex dd,.ibrain_page p {font-size: 1rem;line-height: 27px;margin: 3px auto;text-align: justify;}
.ibrain_flex dd img {width:100%;box-shadow:1px 1px 4px #CCC}
.ibrain_page p {padding: 0 2% 0;}
.ibrain_page a {color: #12149f}
.ibrain_page small {font-size: 1.1rem}
.ibrain {border-top: solid 1px #1c8b90;padding: 3% 0 0;}
/* 全方位課輔服務 */
.service-item li {font-size: 1.5rem;font-style: italic;/*text-shadow: 0.1em 0.1em 0.2em #a6a6a6;*/}
.service-item a {border-radius: 1em;color: #0f1476;padding: 1em;background-color: #5de995;text-decoration: none;}
.service-item a i {display: block; color: #0f1476;font-size: 2.5rem;}
/* 高分學長姐勝試經驗 */
.experience-wrap dl {text-align: left;margin: 1rem auto;}
.experience-wrap dt {font-weight: bold;font-size: 1.6em;color: #1f65ff;}
.experience-wrap dt strong {font-weight: bold;font-size: 1.0em;color: #1119bb;}
.experience-wrap dd {background-color: rgb(255 233 219 / 80%);padding: 1em 1.5em;border-radius: 1em;margin: 0.3em 0 0.7em;display: inline-block;text-align: justify;}
.experience-wrap dd a {color: #000;}
.experience-wrap dd strong, .experience-wrap dd strong a {color: #1f65ff;}
.experience-wrap .video-wrap {padding: 0 0 1rem;}
.embed-container {margin-top: 0.35rem;}
.embed-container iframe {border-radius: 1em;}
.rank {background: #fc527a;color: #FFF;border-radius: 0.2em;margin-left: 0.25rem;padding: 1px 8px;font-size: 0.9em;}
.media-link {justify-content: center;text-align: center;font-size: 1.3em;margin-bottom: 1em;}
.media-link a {display: inline-block;margin: 0.5rem;color: #000;background-color: #ffe432;border-radius: 1em;text-align: center;padding: 0.2em 0.3em;box-shadow: 0px 4px 0px #d9d9d9;text-decoration: none;}
.media-link a:hover {background-color: #fd9d09;}
/* 專屬在校生方案 */
.price-item {width: 100%;text-align: center;background-color: white;border-radius: 1em;margin: 0.2em;padding: 0.5em;}
.price-item dt {width: 100%;font-size: 1.35rem;font-weight: bold;border-bottom: dotted 2px #343cd7;}
.price-item dd {width: calc(100%/3 - 0.5rem);font-size: 1.6rem;font-weight: bold;color: #fc527a;}
.number {color: #fc527a;font-size: 1.8rem;font-weight: bold;margin-left: 0.125rem;}
.ps {text-align: center;padding: 2% 0;}
.ask-link {margin: 1rem auto;font-size: 1.5rem;text-align: center;background-color: white;padding: 0 0 0.5em;}
.ask-link h {font-size: 2.0rem;text-align: center;background-color: #31c16d;color: white;display: block;margin-bottom: 0.5em;padding: 0.2em;}
.line-wrap a {color: #18a753;margin: auto 0.5rem;}
.dialog-box {border-radius: 20px;position: relative;background: #5de995;padding: 0.25rem 0.9rem;margin: 0.5rem 0 0.5rem 1rem;display: inline-block;}
.dialog-box::before {position: absolute;content: '';width: 0;top: 2px;left: -11px;right: auto;height: 0;border-style: solid;border-width: 0 0 20px 20px;transform: skewX(-15deg);border-color: transparent transparent #5de995 transparent;}
/*背景圖*/
#EventContainer .basemap_icon ul li {position: absolute;list-style: none;z-index: 2;}
#EventContainer .basemap_icon ul li:nth-child(1) {top: 21%;}
#EventContainer .basemap_icon ul li:nth-child(2) {top: 41%;}
#EventContainer .basemap_icon ul li:nth-child(3) {top: 69%;}
#EventContainer .basemap_icon ul li:nth-child(4) {bottom: 2%;}
#Ask {background: #343cd7 !important;}

@media (min-width: 1201px) {
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh, #event_eighth, #EventContainer #Master_title {width: 1200px;margin: auto;}
    /* Event */
	#EventContainer #Master_title img {padding-left: 7.75rem;padding-top: 6rem;}
    #Dcard .swiper-slide {background: none;display: initial;width: auto;}
	#Dcard .swiper-slide img {box-shadow: 3px 4px 5px #d9d9d9;}
    .md\:mb-5 {margin-bottom: 1.25rem;}  
	.experience-wrap .video-wrap {width: 70%;text-align: center;}  
}
@media (max-width: 1200px) {    
    /* Event */	
	.event-submenu {width: 100%;}
	.event-submenu li, .event-submenu2 li {width: calc(100%/7 - 0.75rem);}
	.event-submenu li a, .event-submenu2 li a {font-size: 1.35rem;}
    .ibrain_page {width: 100%;}
    .sm\:block {display: block;}   
}
@media (max-width: 1600px) {
.basemap_icon ul li img {width: 150px;height: auto;}
}
@media (min-width:768px) and (max-width:991px) {    
	#EventContainer .cube1, #EventContainer .cube1::after {height: 280px;}
	#EventContainer .cube2, #EventContainer .cube2::after {height: 255px;}
}
@media (min-width:768px) {
    .service-wrap {height: 500px;margin: auto;align-items: center;justify-content: center;}
    .service-item {width:calc(100%/2);height: 100%;}
    .service-item li {height: 30%;display: flex;align-items: center;justify-content: center;}  
}
@media (max-width:767px) { 
	.bgcolor1 {background-size: contain;}
	#EventContainer #Master_title {height: 250px;}
	#EventContainer #Master_title img {padding-top: 1rem;}
	#event_master {padding-top: 0;}
	.event-submenu li, .event-submenu2 li {width: calc(100%/4 - 0.25rem);margin: 0 0.5% 2% 0;padding: 0.2em 0.05em;}
	.event-submenu li a, .event-submenu2 li a {color: #000;font-size: 1.0rem;text-decoration: none;}
	.event-submenu {left: 0%;width: 100%;bottom: 0%;}
	#EventContainer h1 {font-size: 1.8rem;line-height: 1.2em;}
	.conform-h {font-size: 1.2rem;}
	.conform-item {width: calc(100%/3 - 0.5em);padding: 1em 0.5rem 0;text-align: left;font-size: 1.0rem;}	
	.service-wrap {margin: auto;align-items: center;justify-content: center;}
    .service-item {width:calc(100%/2);height: 100%;}
    .service-item li {height: 10%;display: flex;align-items: center;justify-content: center;}
	.service-item li {font-size: 1.0rem;}
	.service-item a {padding: 0.2em 0.5em;margin: 0.7em 0;}
	.service-item a i {font-size: 1.2rem;text-align: center;display: inline-block;}
	.experience-wrap dt {font-size: 1.2em;}
	.media-link {font-size: 1.0em;}
	.media-link a {margin: 0.2em 0.25rem;}
	#EventContainer .cube {width: calc(100%/1 - 2rem);margin: 6% auto 5% 0;}
    .course-item,.ibrain_page dl {width: 100%;}
    .order1 {order: 1;}
    .order2 {order: 2;}    
	.ask-link {font-size: 1.2rem;}
	.ask-link h {font-size: 1.5rem;}
	.price-item dd {width: 100%;}
}
/* 各大相容檢視 */
@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 {
}