/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

:root {
    --baby-blue: #72afff;
    --violet: #c890ff;
    --orange: #e74c3c;
}

body {
    margin: 0 auto;
    padding: 0;
    font-family: 'Noto Sans TC', sans-serif;
    margin: 0;
    /*background: url(../images/1301097_line_bg.png) repeat-x,linear-gradient(to bottom, #fff 5%,#fff 26%)*/;
    background-position: 0 348px;
}
#BodyContainer{margin:0 auto}
#BodyContentEvent, #event{width:100%}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth {margin:0 auto;}
#event_master{}
#event_sec {padding: 2rem 0;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1 {
    background-color: #EBEBEB;
    font-size: 2rem;
    background-color: #acd5d7;
    /* background: url(../images/1205072_bg_t.png) no-repeat 101% 0%/auto,linear-gradient(180deg, #acd5d7 0%,#acd5d7 40%,#fff7ad94 100%); */
    text-align: left;
    padding: 0;
    position: relative;
    border-radius: 0 0 100px 100px;
    background-color: #fd5657;
}
/*.bgcolor2{background: linear-gradient(to top, #e5bcff 0%, #94c7fe 100%);}*/
.bgcolor2 {background: url(../images/1301097_line_bg.png) repeat-x,linear-gradient(to bottom, #fff 5%,#fff 26%);background-position: 10px 77px;padding-bottom: 2rem}
/*.bgcolor3{background-color: #efefef;background: linear-gradient(to left, rgb(213 247 213) 0%, rgb(165 227 231) 100%);padding-bottom: 2rem}*/
.bgcolor3 {
    background-color: #efefef;
    /* background: linear-gradient(to left, rgb(213 247 213) 0%, rgb(165 227 231) 100%); */
    padding-bottom: 2rem;
    background-color: #4eebff;
}
.bgcolor4{background-color: #4eebff;padding-bottom: 0.1rem}
.bgcolor5{background-color: #EBEBEB;}
.text-center {text-align: center;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.w-full {width: 100%;}

/*主圖*/
.brand {font-size: 4rem;line-height: 4.5rem;font-family: "Microsoft YaHei";color: #084c95;font-weight: bold;}
.banner_title {font-size: 5rem;font-weight: bold;font-family: "Microsoft YaHei";}
.banner_title b{color: #eb4781;}
/*.banner_des {font-size: 3rem;line-height: 4rem;color: #eb4781;font-family: "Microsoft YaHei";font-weight: bold;margin-left: 4%}*/
.banner_des {
    font-size: 3rem;
    line-height: 4rem;
    color: #ffffff;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    margin-left: 4%;
}
.banner_des i{ font-weight:normal;}

/*忙碌中求快速！*/
.seq_title {font-size: 2.4rem;text-align: center; color:#101010;margin-top: 3%}
/*.course_mode {width: calc(100%/4 - 1.5rem);margin: 1rem auto;background-color: #EBEBEB;border-radius: 1rem;padding: 0.5rem 0 1rem 1rem;}*/
.seq_title strong {
    color: #fd5657;
    font-size: 3.5rem;
    font-family: "Microsoft YaHei";
}
.course_mode {
    width: calc(100%/3 - 1.5rem);
    margin: 1rem auto;
    background-color: #6dd4d0;
    border-radius: 1rem;
    padding: 0.5rem 0 1rem 1rem;
    /* background: linear-gradient(to right, var(--violet) 0%, var(--baby-blue) 100%); */
	border-radius: 0 60px;
	background: linear-gradient(to left, rgb(238, 253, 238) 0%, rgb(217, 250, 252) 100%);
    border-left: 5px #4dbdd7 dotted;
}
.course_type dt {font-size: 2rem;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;width: fit-content;margin: 0 0 auto auto;background-color: white;padding: 0 1rem;border-radius: 0 24px;background-color: #fd5657;color: #fff}
.course_type dd {font-size: 1.125rem;}
.course_type dd i{}
.course_type dd::before {/*content: '\f4fc';*/ content: '\f00c';font-family: "Font Awesome 5 Free";font-weight: bold;padding: 0 0.25rem 0 0;font-size: 1rem;color: #df5449;}
.course_mode .VueCarousel {margin: auto 1rem auto 0;width: 95%;}
.course_box {width: 100%;text-align: center;margin: 0.5rem auto auto;}
.course_box dt { font-size: 1.45rem;font-weight: bold;color: #084c95;}
.course_box dd {border-top: 2px solid white;width: 100%;font-size: 1rem;}
.course_box dd ul {display: flex;flex-wrap: wrap;justify-content: center;}
.course_box dd ul li:not(:last-of-type) {margin: auto 0.5rem auto 0;}
.course_box dd ul li a {
    padding: 0px 7px;
    border: 1px #4dbdd7 solid;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 3px;
    border-radius: 50px;
    background-color: #fff;
}
.course_box dd ul li a:hover{border: 1px #2683a5 solid;background-color: #2683a5;color: #fff;}
.course_mode .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 2rem;top: 1.7rem;font-size: 2rem;color: #4dbdd796;}
.course_mode .VueCarousel-navigation-next[data-v-453ad8cd] {right: 2rem;top: 1.7rem;font-size: 2rem;color: #ec5d5e;}
.course_mode:nth-of-type(odd) .VueCarousel-navigation-prev[data-v-453ad8cd] {/*color: #e2fffe; color:#fd5657l*/;}
.course_mode:nth-of-type(odd) .VueCarousel-navigation-next[data-v-453ad8cd] {color: #fd5657;}
.exclusive {font-size: 1.5rem;text-align: center;width: 100%;}
.exclusive a {
    /* background: linear-gradient(to right, var(--violet) 0%, var(--baby-blue) 100%); */
    font-weight: bold;
    border-radius: 2rem;
    padding: 0.25rem 1rem;
    margin: auto auto auto 1rem;
    display: inline-flex;
    color: #fff;
    background-color: #4CAF50;
}

/*會科法科都高分*/
.teacher_team {padding: 1rem 0;text-align: center;}
.teacher_team figure {width: 160px;height: 160px;border-radius: 50%;overflow: hidden;display: block;background-color: #E2F2FF;margin: auto -5px;background: url(../images/1205072_bg_t.png) no-repeat 101% 0%/auto,linear-gradient(180deg, #ffffff 40%,#ffffffc9 66%,#f3fff3b8 109%);}
.teacher_team figure img {width: 80%;margin: auto auto 0;}
.teacher_team b{font-size: 1.125rem;font-weight: bold;}
.subject {color: var(--orange);padding: 0 0 0.5rem;border-bottom: 3px #fcf9d0 solid;font-size: 1.2rem;}
/*.subject::before {content: '\f51b';font-family: "Font Awesome 5 Free";font-weight: bold;border: 1px solid;border-radius: 5px;width: 1.5rem;height: 1.5rem;display: inline-flex;align-items: center;justify-content: center;margin: auto 0.25rem auto auto;font-size: 0.75rem;}*/
.subject::before {
    content: '\f152';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    /* border: 1px solid; */
    border-radius: 5px;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto 0.25rem auto auto;
    /* font-size: 0.75rem; */
}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube {width: 45%;margin: auto;}
.youtube iframe {border-radius: 1rem;}
.success_case {width: 46%;margin: auto;/*box-shadow: 0 0 10px 0 rgba(0,0,0,.1);*/border-radius: 1rem;/*background-color: white;*/}
.success_case dl {
    padding: 2rem 2rem 1.25rem 0;
    /* border-left: 2px #fff dotted; */
}
.success_case dt {font-size: 1.3rem}
/*.success_case ul li {font-size: 1.125rem;font-weight: bold;}*/
.success_case ul li {
    font-size: 1.4rem;
    font-weight: bold;
    text-indent: -22px;
    margin-left: 4%;
}
.success_case ul li::before {content: '★';color: #ffde00;font-size: 1rem;padding: 0 0.25rem 0 0;}
.success_case dd {
    font-size: 1.1rem;
    margin: 4% -2% 0% 4%;
    /* border-left: 2px #fff dotted; */
}
.success_case dd a {text-decoration: underline;color: #f34235;}
.success_case dd .view {
    color: #f34235;
    display: block;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    border: 2px #F44336 solid;
    border-radius: 50px;
    padding: 0 10px;
}
.view::before {content: '\f56f';font-family: "Font Awesome 5 Free";font-weight: bold;padding: 0 0.25rem 0 0;}

.VueCarousel-navigation-button[data-v-453ad8cd] {font-size: 2.4rem;}

.teacher_team .fa-arrow-circle-right:before,.teacher_team .fa-circle-arrow-right:before {content: "\f0a9";content: "\f054";font-size: 3rem;color: #00BCD4}
.teacher_team .fa-arrow-circle-left:before,.teacher_team .fa-circle-arrow-left:before {content: "\f0a8";content: "\f053";font-size: 3rem;color: #00BCD4}

/*打破單一學習體驗！*/
.omo_trait dl {width: calc(100%/4 - 1rem);margin: 1rem auto;}
.omo_trait dl dt {position: relative;text-align: center;margin: auto;text-align: center;font-weight: bold;font-size: 1.125rem;}
.omo_trait dl dt img {
    border-radius: 1rem;
    margin: auto auto 0.25rem;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border: 4px #e4d6d5 solid;
}
/*.omo_trait dl dt span {width: fit-content;margin: auto;border-bottom: 2px solid var(--violet);padding: 0 1.5rem 0.25rem;}*/
.omo_trait dl dt span {
    width: fit-content;
    margin: auto;
    border-bottom: 2px solid #4eebff;
    padding: 0 1.5rem 0.25rem;
    font-size: 1.3rem;
    color: #fd5657;
}
.omo_trait dl dt span::before, .omo_trait dl dt span::after {content: '';position: absolute;bottom: -15px;left: 0;right: 0;margin: auto;width: 0;height: 0;border-style: solid;border-width: 12px 15px 0 15px;border-color: #4eebff transparent transparent transparent;}
.omo_trait dl dt span::after {content: '';position: absolute;border-color: white transparent transparent transparent;bottom: -12px;border-width: 10px 13px 0 13px;}
.omo_trait dl dd {padding: 1rem 1rem 0;}

/**/
.extend dl {width: calc(100%/5);display: flex;flex-wrap: wrap;align-items: center;margin: 1rem 0;word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    /* -webkit-text-size-adjust: 100%;*/}
.extend dl dt {font-size: 1.5rem;border-radius: 1rem;width: 3rem;height: 3rem;border: 3px solid white;color: white;display: inline-flex;align-items: center;justify-content: center;margin: auto 1rem auto 0;}
.extend dl dd {margin-right: 2%}
.extend dl dd a {
    display: block;
    text-decoration: underline;
    font-size: 1.8rem;
    color: #F44336;
    font-weight: bold;
}
#event_fifth.extend dl dd a {
    display: block;
    font-size: 1.4rem;
    color: #084c95;
}
.billboard {padding: 0rem 0 0;}
.billboard dl {width: calc(100%/4 - 0.5rem);}
.billboard dl:nth-of-type(3) {width: calc(100%/4 - 1.25rem);}
.billboard dl:last-of-type {width: calc(100%/4 + 1.5rem);}
/*.billboard dl dt {border-top-color: var(--baby-blue);border-bottom-color: var(--baby-blue);border-right-color: var(--violet);border-left-color: var(--violet);color: var(--violet);}*/
.billboard dl dt {
    border-top-color: var(--baby-blue);
    border-bottom-color: var(--baby-blue);
    border-right-color: var(--violet);
    border-left-color: var(--violet);
    color: var(--violet);
    border: 3px #fff solid;
    color: #fff;
}
/*各大相容檢視*/
@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 {
}