/* 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{
    --text1: #2c99c4;
    --text2: #bf40b9;
    --text_purple: #CE0080;
    --text_black: #3D3E47;
    --text_green: #343D22;
    --text_blue: #0A5A7C;
    --orange1: #FF801D;
    --border-radius1: 8px;
    --border-radius2: 20px;
    --font_1: 3.6rem;
    --font_2: 2.2rem;
    --font_3: 1.9rem;
    --font_4: 1.5rem;
    --font_5: 1.1rem;
    --font_6: 1.0rem;
    --ball: 2.6rem;
    --font-family1: microsoft yahei;
    --font-family2: 'Noto Serif TC', serif;
    --liner-gradient1: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
}
.grid{display:grid}
.flex-wrap{flex-wrap:wrap}
.flex{display:flex}
img{max-width:100%;height:auto}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }
.nowrap{text-wrap: nowrap}
body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%;font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1{background-color: #EBEBEB;}
.bgcolor2 {background-color: #c6b07f;/* background: linear-gradient(to left, #f5c35b 0%, #ded4ca 50%, #63c5c0 100%); */padding: 25px 0 40px;}
.bgcolor3{background-color: #EBEBEB;background: linear-gradient(to left, #c6b07f -10%, #f1f1f1 30%, #f1f1f1 60%, #c6b07f 110%);}
.bgcolor4{background-color: #ece7d4;padding: 2% 2% 2%}
.bgcolor5{background-color: #EBEBEB;}
.text-center{text-align: center;}
small{font-size: smaller}
nav{text-align: center;font-size: 1.3rem;}
#event_sec nav{}
#event_sec nav a {
    background-color: #0885bd;
    padding: .5% 2%;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
	font-size: 1.5rem;
}



/*影片*/
.videobox{width:100%;}
/*.embed_container{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;background-color: #b47731}*/
.embed_container {
    position: relative;
    width: 98%;
    height: 0;
    padding-bottom: 53.5%;
    background-color: #b47731;
    border: 6px #ecd8ab solid;
}
.embed_container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.carousel-3d-slide {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    top: 0;
    display: block;
    margin: 0;
    box-sizing: border-box;
    text-align: left;
}
#index-example{padding: .5rem;}


/*類科*/
/*.sale_day {font-size: 3rem;font-family: Meiryo, "Meiryo UI", Arial, sans-serif;font-weight: bold;padding: 2% 0 1%;color: #e75c44;}*/
.sale_day {
    font-size: 3.2rem;
    font-family: Meiryo, "Meiryo UI", Arial, sans-serif;
    font-weight: bold;
    padding: 2% 0 0;
    color: #e75c44;
    border-bottom: 8px #5bc4c2b5 dotted;
    margin: 0 auto 7px;
    width: max-content;
}
.group{text-align: center;padding: 0.3% 0 1%;font-family: Verdana, "Microsoft JhengHei";margin: 0 10%;}
.group_title {font-size: 3.5rem;line-height: 4rem;font-family: Meiryo, "Meiryo UI", Arial, sans-serif;font-weight: bold;padding: 0% 0 0%;color: #e75c44;letter-spacing: 10px;}
.box{display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #000000;margin: 1% auto}
/*.box_item{grid-area:1/1/2/2;border: 1px solid #000000;display: grid;justify-content: center;align-items: center;}*/
.box_item {
    grid-area: 1 / 1 / 2 / 2;
    border-bottom: 5px #fff dotted;
    display: grid;
    justify-content: center;
    align-items: center;
    font-size: 1.7rem;
    font-family: Meiryo, "Meiryo UI", Arial, sans-serif;
    font-weight: bold;
    color: #607D8B;
}
.box_item a{color: #ff6752}
.box_item dt{font-size: 1.5rem}
.box_item dt a{font-size: 2rem; color:#256888}
.box_date{grid-area:2/1/3/2;/*border: 1px solid #000000;*/display: grid;justify-content: center;align-items: center;}
/*.box_buy{grid-area:1/2/3/3;border: 1px solid #000000;display: grid;justify-content: flex-start;align-items: center;text-align: left;}*/
.box_buy {
    grid-area: 1 / 2 / 3 / 3;
    border: 2px solid #ffffff;
    display: grid;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    background-color: #ffffff8f;
    border-radius: 20px;
    padding: 1%;
    margin: 0% 2% 0% 0%;
}
.box_buy dt {font-size: 1.5rem;font-weight: bold;color: #c6890a;padding-top: 5px;}
.box_buy dd a {color: #F44336;font-weight: bold;font-size: 1.3rem;}
.box_buy dl dd {line-height: 1.8rem;font-size: 1.1rem;}
.boxbg1{ background-color:#fff}
.boxbg1 {
    background-color: #d6f4f29c;
    border: 7px solid #46aaa4;
    border-top: 1px solid #46aaa4;
    border-bottom: 3px solid #46aaa4;
    border-radius: 0px 30px 30px 30px;
    padding: 1% 0;
}
.boxbg2{ background-color:#ccc}
.boxbg2 {
    background-color: #fdf4cea1;
    border: 7px solid #db9c3f;
    border-top: 1px solid #db9c3f;
    border-bottom: 3px solid #db9c3f;
    border-radius: 0px 30px 30px 30px;
    padding: 1% 0;
}
.boxbg3{ background-color:#fff}
.boxbg3 {
    background-color: #fce5e2bd;
    border: 7px solid #da6251;
    border-top: 1px solid #da6251;
    border-bottom: 3px solid #da6251;
    border-radius: 0px 30px 30px 30px;
    padding: 1% 0;
}

/*線下*/
.subtitle { font-size: var(--font_4); }
.subtitle b { color: var(--text2);color:#F44336 }
.Vuecontainer, .VuecontainerIrt { margin: 0.5rem 0 0;font-size: var(--font_5);    padding-bottom: 0.5rem; }
.Vuetabs {margin-bottom: -2px; }
.Vuetabs ul {/*     list-style-type: none; margin-left:; */}
.Vuetabs a, .VuetabsIrt a{
    cursor: pointer;padding: 1rem 0rem;transition: background-color 0.2s;
    border: 1px solid #fff;width:  calc(100%/4 - 4px);
    font-size: var(--font_5);background: #ececec;color:#897d46;
	font-size: 1.3rem;
}
.Vuetabs a:nth-child(1):is(:hover, .active), .VuetabsIrt a:nth-child(1):is(:hover, .active) { background: #BE3931;font-size: 1.3rem }
.Vuetabs a:nth-child(2):is(:hover, .active), .VuetabsIrt a:nth-child(2):is(:hover, .active) { background: #224C38; }
.Vuetabs a:nth-child(3):is(:hover, .active) { background: #007F9A; }
.Vuetabs a:nth-child(4):is(:hover, .active) { background: #AA6709; }
.Vuetabs a:last-child {border-right: 1px solid #ccc;}
.Vuetabs a:is(:hover, .active), .VuetabsIrt a:is(:hover, .active) { color: white; }
.Vuetabs a:hover {background-color: #aaa; }
.Vuetabs a.active, .VuetabsIrt a.active {background-color: #fff;border-bottom: 2px solid #fff;cursor: default;border: inset 5px #b8b193;}
.Vuecontent, .VuecontentIrt { background: white;font-size: var(--font_6);}
.tabVuecontent { padding: 2rem 1rem; /*box-shadow: 3px 3px 6px #e1e1e1;*/}
.tabVuecontent:nth-child(1) :is(.name, .goto), .classroom:nth-child(1) div:nth-child(5) dl { color:#BE3931; }
.tabVuecontent:nth-child(2) :is(.name, .goto) { color:#224C38; }
.classroom:nth-child(2) div:nth-child(5) {color: #607D8B;}
.tabVuecontent:nth-child(3) :is(.name, .goto) { color:#007F9A; }
.tabVuecontent:nth-child(4) :is(.name, .goto){ color:#AA6709; }
.classroom:nth-child(4) div:nth-child(5) {color: #607D8B;}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}
.classroom{grid-template-columns: 1fr 1fr}
.classroom div:nth-child(5){grid-area: 3/1/4/3}
/*.classroom:nth-child(1)  div:nth-child(5) dl dd span{ color:#ECD5B0; background: #880014;padding: 0 .35rem;margin-right: 0.3rem; }*/
.classroom:nth-child(1) div:nth-child(5) dl dd span {
    color: #ffffff;
    background: #b8b193;
    padding: 0 .35rem;
    margin-right: 0.3rem;
    padding: 13.5px 10px;
    border-radius: 80px;
    margin-top: -2%;
    display: inline-block;
}
.classroom div:nth-child(5) dl{grid-template-columns: 1fr 1fr 1fr 1fr;}
.classroom div:nth-child(5) dt{grid-area: 1/1/2/5;color: #607D8B;font-weight: bold;font-size: var(--font_5);margin-bottom: 0.3rem;}
.name,.goto{font-size: var(--font_5);font-weight: 700;}
.comment {
    font-size: var(--font_6);color: var(--text_black);margin-top: 0.5rem;
    padding-top: 0.5rem;border-top: 1px solid var(--text_black);
}
.classroom .student{ padding: 0 1rem;justify-content: space-between;align-items: center; }
.student_container { width: 73%; }
.classroom .pic{ display: flex;flex-wrap: wrap;justify-content: center;align-items: center; }
.classroom .pic img { border-radius: var(--border-radius2); border: 8px solid #8E7E64; }
.classroom div:nth-child(5){text-align: center;}

/*irt*/
.irt b{color: var(--text2);}
.VuecontainerIrt {color:#000}
.VuecontainerIrt a {color: #2e627b;padding: 1%;display: block;}
.VuetabsIrt {margin-bottom: -2px; }
.VuetabsIrt ul {/*     list-style-type: none; margin-left:; */}
.VuetabsIrt a{cursor: pointer;padding: 1rem 0rem;transition: background-color 0.2s;/*border: 1px solid #ccc;*/ border-right: none;background-color: #f1f1f1;width:  calc(100%/2 - 6px);}
.VuetabsIrt a:last-child {border-right: 1px solid #ccc;}
.VuetabsIrt a:hover {background-color: #aaa; color: #fff;}
.tabVuecontentIrt { padding: 0 0rem; border: 1px #b8b193 dotted;/*border-radius: 10px; box-shadow: 3px 3px 6px #e1e1e1;*/ }
.tabVuecontentIrt {padding: 0 0rem;/* border: 2px #b8b193 dotted; */border-bottom: 2px #b8b193 dotted;}
.exam{    justify-content: space-between;width: 90%;margin: auto;align-items: center;padding: 1rem;font-size: 1.2rem}
.exam ul{list-style: disc;width: 62%;}
.exam ul a { text-decoration: underline;color: #000000 }
.exam ul li ul{list-style: square;margin-left: 2rem;}
.exam ul li span { color: #607D8B; }
.exam img {max-width: 92.5%;
    height: auto;
    border-radius: var(--border-radius2) var(--border-radius2) 0 0;
    border-top: 8px solid #8E7E64;border-left: 8px solid #8E7E64;border-right: 8px solid #8E7E64;border-bottom: 3px solid #8E7E64;
}
.irt_title,.irt_item{display: flex;justify-content: center;align-items: center;}
.irt_title {font-size: 1.45rem;padding: 1.2% 0 0;font-weight: bold;color: #009688;}
.irt_item{padding: .7% 0 1.8%;}
.irt_item img {width: 330px;margin: 0 7px;}
.irt_more{}
.irt_more a {
    background-color: #9e1e33;
    padding: .5% 2%;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
    display: inline-block;
}
.pic2{ width: 38%;margin-left: -5%; }
.pic2 figcaption { background: #ECD5B0;text-align: center;border-radius:0 0 var(--border-radius2) var(--border-radius2);padding: .2rem 0; }

.fa-star { color: #fdca2f;margin: 0 .2rem; }
.fa-location-dot { color: #ff801d;margin-right: 0.6rem; }
.title{font-size:var(--font_2);font-weight:800;font-family:var(--font-family2);color:#fff;padding-block-end:1rem;margin-block-end:1rem;border-bottom:dashed 0 var(--orange1);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#b8b193;border-top:7px #b8b193 dotted}
.title2{font-size:var(--font_2);font-weight:800;font-family:var(--font-family2);border-radius:0 0 20px 20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-top:9px #d5c09f solid;border-radius:70px 70px 0 0}
.title2 span{border-radius:20px 20px 0 0;padding:.2rem 5.5rem;margin-top:1.5rem;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center}
.title3{font-size:var(--font_2);font-weight:800;font-family:var(--font-family2);border-radius:0 0 20px 20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-top:9px #d5c09f solid;border-radius:70px 70px 0 0}
.title3 a{color:#b99b6b;font-size:3rem;line-height:4rem;padding-top:12px;display:inline-block;margin-bottom:-5%}
/*cafe*/
#event_fifth a{text-decoration: none;}
#event_cafe {width: 1200px;}
.cafe{ justify-content: space-around;position: relative;align-items: center;margin: 1.5rem 0 0;padding-bottom: 1rem;border-bottom: 9px #46688b dotted;border-left: 10px #ff801d dotted;	border-right: 10px #ff801d dotted;border-radius: 0 0 70px 70px;}
.cafe .cafe_sale{position:absolute;left:2rem;top:-6.6rem;display:inline-block;border-radius:50%;background:#b99b6b;color:#fff;width:13rem;height:5.5rem;text-align:center;padding-top:2.5rem;font-size:1.4rem;text-decoration:none;animation:move 2s linear infinite;margin-top:16px}
.cafe .cafe_sale:hover { transform: scale(1.02); }
.cafe .cafe_sale a:hover { cursor: pointer; }
.cafe .cafe_sale a { color: #FFFFFF;}
@keyframes  move {
    50% { top: -6.6rem; } 0%,100% { top: -6.8rem; }
}
.cafe a:nth-of-type(2) img { width: 370px;border-radius: var(--border-radius1); border: solid 3px #b99b6b; }
.cafe nav { width: 100%;text-align: center;margin-top: 2rem;font-size: var(--font_5);color: var(--text-blue); }
.cafe nav a {
    background: #0081C7;border-radius: var(--border-radius2);
    padding: .3rem 2rem;color: white;text-decoration: none;
}
.more{ margin-top: 2rem; }
.more a{text-decoration: underline;font-size: 1.2rem;line-height: 2.3rem;color: var(--text_purple);}


/*經驗談*/
/*#event_student{background: linear-gradient(90deg, #f8e2a8, #fffbe8, #fffbe8, #ffeaac);position: relative;left: 0;top: 0;z-index: 3;}*/
#event_student {
    /* background: linear-gradient(90deg, #f8e2a8, #fffbe8, #fffbe8, #ffeaac); */
    position: relative;
    left: 0;
    top: 0;
    z-index: 3;
}
#event_student::before{content: '';/*width: 850px;*/height: 65px;position: absolute;left: 0;top: 0;/*background: #fdfbfa;*/clip-path: polygon(0 0, 50% 100%, 100% 0);z-index: 0;}
#event_student h2 {font-size: 2.5em;color: #b7040f;/* margin: 0rem auto 3.8rem; */padding: 3% 0 1%;letter-spacing: 0px;text-align: center;font-family: "Microsoft YaHei", "Microsoft JhengHei", Arial;filter: drop-shadow(0 1px 3px #0000003f);}
#event_student h2 span{padding: 0 0.6rem 0.2rem;}
.admittedStudent{width: 1100px;padding: 1rem;margin: 1rem auto;background: #ffffff5f;border: 2px solid #ac5b003f;border-radius: 1rem;}
.admittedStudent mark{color: #fff;font-size: smaller;background: linear-gradient(-5deg, #a80000 20%,#d60f26, #9d0000 85%);padding: 0.2rem 0.8rem;border-radius: 1rem;}
.admittedStudent p{font-size: 1.5em;font-weight: bold;color: #333;line-height: 1.8rem;text-align: center;border-bottom: 2px #ac5b003f dotted;padding: 0 0 .5rem;margin:  0 0 .5rem;}
.admittedStudent span a {color: #a45600;font-weight: bold;padding: 0px 7px 3px;border-radius: 25px;font-weight:bolder;}
.admittedStudent span a:hover{color: #b7040f;}
.admittedStudent span .more{background: #a456009f;color: #fff;text-decoration: none;font-size: smaller;}
.admittedStudent span .more:hover{background: #b7040f;color: #fff;}
.admittedStudent b{font-weight: inherit; background-color: #ffff00;}
.admittedStudent p .winner{font-size: 1.25rem;font-weight: bold;color: #b7040f;margin: 0 0 7px;display: inline-block;}
.gold_bg{background: linear-gradient(-10deg,#efd68f ,#fffce3,#efd68f);}
.silver_bg{background: linear-gradient(-10deg,#e2e2e2 ,#fefefe,#e2e2e2);}
.service{margin: 1%;}
.service a{color:#0081c7}
.service div{line-height: 1.3rem;}

/*#event_note{width: 100%;border-radius: 0 0 0.5rem 0.5rem;color:#000000;background: linear-gradient(90deg, #f8e2a8, #fffbe8, #fffbe8, #ffeaac);padding:0 0 1rem;margin:0 auto;text-align:center}*/
#event_note {
    /* width: 100% !important; */
    border-radius: 0 0 0.5rem 0.5rem;
    color: #000000;
    /* background: linear-gradient(90deg, #f8e2a8, #fffbe8, #fffbe8, #ffeaac); */
    padding: 0 0 1rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.5rem;
}
#event_note h3 {text-align: center;display: inline-block;padding: 0 0 1rem;}
#event_note a{color:#000}
#event_note ul{text-align: left;padding: 1.5rem 0.5rem 0.5rem 5rem;border-top: 3px dotted #eace9d;}


@media (max-width:767px){
#event_student::before {width: auto;}
#event_sec nav a {padding: 1.2% 4%;font-size: 1.3rem;}
.embed_container {width: 97%;height: 3px;padding-bottom: 51.5%;}
.next[data-v-05517ad0], .prev[data-v-05517ad0] {#F44336 !important}
.sale_day {width: auto;}
.sale_day {font-size: 1.7rem;line-height: 2rem;font-family: Meiryo, "Meiryo UI", Arial, sans-serif;font-weight: bold;padding: 4% 8% 3%;}
.group {margin: 0 3%;}
.group_title {font-size: 3rem;}
.box_item dt a {font-size: 1.45rem;}
.box_item a {font-size: 1.45rem;}
.box_buy {border: 2px solid #ffffff;background-color: #ffffff8f;border-radius: 20px;padding: 5%;margin: 1% 3% 1% 1%;}
.box_buy dt {font-size: 1.3rem;}
.box_buy dl dd {text-indent: -16px;}
.box_buy dd a {font-size: 1.2rem;}
.box_date {padding: 0 5px;}
#event_cafe {width: auto;}
.title3 a {font-size: 2.5rem;line-height: 4rem;padding-top: 12px;display: inline-block;margin-bottom: -9%;}
.cafe { margin: 1.5rem 0 1rem;}
.cafe .cafe_sale {position: initial;margin-top: -2px;}
.cafe nav {padding: .3rem 1rem;display: block;width: 78%;margin: 2% auto 0;}
.cafe nav a {padding: .3rem 1rem;display: block;width: 92%;margin: 2% auto 0;font-size: 1rem;}
.cafe img {max-width: 94%;margin: 0 3%;}
.service div {line-height: 1.3rem;text-indent: -17px;margin: 1% 6% 0% 10%;font-size: 0.95rem;}
.admittedStudent {width: 86%;}
.admittedStudent span{line-height: 1.5rem;}
.student_container {width: 100%;}
#event_student {margin: 0 8% 0;padding: 4% 0;}
.classroom:nth-child(1) div:nth-child(5) dl dd span {margin-top: 17%;}
.irt_title {font-size: 1.4rem;padding: 4.2% 0 0;text-align: center;}
.irt_item img {margin: 0 7px 10px;}
.irt_more a {padding: 1.5% 5%;font-size: 1.2rem;}
.classroom {display: block;}
.subtitle {font-size: 1.3rem;}


/*各大相容檢視*/
@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 {
}