#event{width:100%;margin:0 auto;background:linear-gradient(to bottom,var(--orange1) 24%,#f7e61d 70%);}
#event a:hover{position:relative;top:2px;bottom:2px}
#event a:is(.Vuetabs a:hover){position:relative;top:0px;bottom:0px}
:root{
    --red1:#CE2324;
    --blue1:#155190;
    --orange1:#e74b01;
    --pink1:#e00674
}
body{color:#2a2a2a;}
/*上方相關連結*/
.topLink{width:100%;margin:0 auto;padding:2% 0;background:#ffe100;text-align:center}
.topLink ul li{display:inline;margin:0 1.5%;font-size:1.2em}
.topLink a{color:var(--red1)}
.topLink ul li:first-child a{background:var(--red1);color:#FFF;padding:0.5% 1%;text-decoration:none}
/*主圖*/
#event_master{width:100%;margin:0 auto}
#event_master img{width:100%}
.hottxt{width:100%;margin:0 auto;padding:0 0 2%;text-align:center;font-size:1.8em;color:var(--red1);font-weight:700}
.hottxt a{color:#fff}
/*緞帶*/
.ribbon{position:relative;text-align:center;font-size:20px!important;margin:0 12% -2%;z-index:9}
.ribbon a{color:#ffff01;text-decoration:none}
.ribbon h1{color:#ffff01;text-shadow:#333 1px 1px 0,#333 1px 1px 0;line-height:1.7em;margin:0;z-index:99;font-size:4.2vh;font-family:"Microsoft YaHei";font-weight:700;background:#d64b4b;border-top-left-radius:12px;border-top-right-radius:12px;background:-webkit-gradient(linear,left top,left bottom,from(#e00674),to(#ab2c2c));background:-webkit-linear-gradient(top,#e00674,#ab2c2c);background:-moz-linear-gradient(top,#e00674,#ab2c2c);background:-ms-linear-gradient(top,#e00674,#ab2c2c);background:-o-linear-gradient(top,#e00674,#ab2c2c);background-image:-ms-linear-gradient(top,#e00674 0%,#ab2c2c 100%)}
.ribbon:before,.ribbon:after{content:'';position:absolute;display:block;bottom:-1em;border:1.5em solid #c23a3a;z-index:-1}
.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}
.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}
.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{border-color:#871616 transparent transparent;position:absolute;display:block;border-style:solid;bottom:-1em;content:''}
.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}
.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}
.ribbon-stitches-top{margin-top:2px;border-top:1px dashed rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(255,255,255,0.5)}
.ribbon-stitches-bottom{margin-bottom:2px;border-top:1px dashed rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(255,255,255,0.3)}
/*經驗談*/
#event_media{width:96%;margin:1% auto;padding:0;font-size:1em;line-height:1.5em}
.media .experience a,.sale a,.book_list a{color:var(--blue1);margin:0 1%}
.media .more a{font-size:1.2rem;color:#FFF;background:#d0356c;text-decoration:none;padding:0.2rem .8rem;margin:0 1%;border-radius:8px;}
.media_title{width:80%;margin:0 auto;text-align:center}
.media_cube1,.media_cube2{background:yellow;border-radius:8px;position:relative;text-align:center;font-size:1.3em;line-height:1.5em;font-weight:700;color:#CA3372;padding:.5% 1%;margin:0 5%;display:inline-block;animation:move .8s linear alternate infinite;}
@keyframes move{0%{left:0;}100%{left:10px;}}
.media_cube1:after,.media_cube2:after{content:'';width:0;height:0;border-style:solid;position:absolute;bottom:-12px;}
.media_cube1:after{right:12px;border-width:0 20px 18px 0;border-color:transparent yellow transparent transparent}
.media_cube2:after{left:12px;border-width:18px 20px 0 0;border-color:yellow transparent transparent}
#event_media ul{width:100%;margin:2% auto;padding:0;list-style:none}
#event_media ul li{ width:29.8%; border-radius:6px; background:-moz-linear-gradient(top,rgba(255,255,255,1) 55%,rgba(255,255,255,0.5) 98%,rgba(255,255,255,.3) 100%); background:-webkit-linear-gradient(top,rgba(255,255,255,1) 55%,rgba(255,255,255,0.5) 98%,rgba(255,255,255,.3) 100%); background:linear-gradient(to bottom,rgba(255,255,255,1) 55%,rgba(255,255,255,0.5) 98%,rgba(255,255,255,0.3) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); display:inline; margin:0 .5%; padding:1%; display:inline-block; vertical-align:top; line-height:1.55em; }
.media{display:flex;text-align:center;margin-top:2rem;}
.media dl{width:33%;border-radius:6px;background:linear-gradient(to bottom,rgba(255,255,255,1) 55%,rgba(255,255,255,0.5) 98%,rgba(255,255,255,0.3) 100%);display:inline;margin:0 .5%;padding:1%;display:inline-block;vertical-align:top;line-height:1.55em;}
.media dt{font-size:1.4rem;color:var(--red1);font-weight:900;}
.media dd{margin:0 auto 0.5rem;}
.media .experience{text-align:justify;}
.media .stu{width:100%;font-weight:700;color:#009dd7;font-size:1.4em}
.media .stu a{color:#ce2d71;}
.media .stu small{font-size:1rem;}
.media .grade{color:#155190;font-size:1.05em}
/*課程彈性組合*/
.match_title,.book_title{font-size:2.5rem;text-align:center;margin-top:2rem;}
.match_title span,.book_title span{font-size:3rem;font-weight:bold;color:var(--red1);}
.match_title .flash{color:#FFF; background:var(--red1);padding:0 1rem;margin-left:.5rem;animation:blink-smooth 2s infinite alternate;}
@keyframes blink-smooth{0%{opacity:1;}95%{opacity:1;}100%{opacity:0;}}
.match_bg{background:#fff;border-radius:20px;padding:2%}
.matchContent{width:95%;}
#event_match ul li{line-height:1.6em;margin:0 auto .5%}
#event_match .imp{color:var(--blue1);}
/*課程*/
#event_course,#event_match{position:relative;margin:0 2% 2%;}
.course_bg{background:#fff;border-radius:0 0 20px 20px;padding:2%;}
.testSpecial{width:100%;margin:0 auto;font-size:2.2rem;line-height:1.5em;color:#155190;font-weight:700;text-align:center;position:relative;}
.courseContent:nth-child(1){margin:3% auto;}
.tabVuecontent:first-child .courseContent{ width:98%; }
.courseContent{width:95%;margin:0 auto 3%;padding:0%;}
.courseContent1{margin:3% auto 1%;padding:0;border-bottom:none;}
.courseContent h1{width:120px;height:120px;border-radius:50%;text-align:center;font-size:1.35rem;line-height:120px;color:#FFF;background:#155190;margin:0 auto;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:2rem;float:left;}
#event_course ol,.discount ul,#event_match ul,.matchContent ul{margin:0 2% 0 5%;vertical-align:middle;font-size:1.3rem;line-height:1.45em;text-align:justify;}
#event_course ol li{line-height:1.6em;list-style:disc;margin:0 auto .5%}
#course .Vuetabs a{width:calc(100%/2.5);}
.discount_title{ color:var(--orange1); font-size:1.8rem; font-weight:bold; background-color:#fffcce; padding:.2rem 1rem; margin-bottom:0.6rem; }
.discount_title2{ color:var(--blue1); background-color:#e6fffe; }
.Vuetabs{ margin-top:2%; justify-content:space-around; overflow:hidden; }
.Vuetabs a{width:calc(100% / 2);font-size:1.8rem;box-sizing:border-box;line-height:1.7em; margin:0; font-family:"Microsoft YaHei"; cursor:pointer; padding:0.7rem 3rem; transition:background-color 0.2s; border:0px solid #ccc; text-align:center; font-size:2.3rem; }
.Vuetabs a:hover{ background:var(--orange1); color:white; border-radius:12px 12px 0 0; }
.Vuetabs a.b:hover{ background:var(--blue1); }
.Vuetabs a.active{ color:var(--orange1); cursor:default; font-weight:bold; background:white; border-radius:12px 12px 0 0; border:3px solid var(--orange1); border-bottom:none; }
.Vuetabs a.b.active{ color:var(--blue1); cursor:default; font-weight:bold; background:white; border-radius:12px 12px 0 0; border:3px solid var(--blue1); border-bottom:none; }
.Vuetabs a.c:hover{ background:var(--pink1); }
.Vuetabs a.c.active{ color:var(--pink1); cursor:default; font-weight:bold; background:white; border-radius:12px 12px 0 0; border:3px solid var(--pink1); border-bottom:none; }
#book_get .Vuetabs a{width:calc(100% / 3);font-size:1.8rem;box-sizing:border-box;}
.bookContent,#book .bookContent div{ display:flex;flex-wrap:wrap;justify-content:space-around;overflow-y:hidden;scroll-behavior:smooth;}
.bookContent a{ color:var(--red1);}
.Vuecontent{ background:#fff; border-radius:0 0 20px 20px; padding:2%; }
.bookContent dt{padding:0.5rem;border-radius:25px;color:#FFF;text-align:center;margin-bottom:1rem;font-size:1.5rem;}
.bookContent dd{text-align:center;}
.bookContent dd img{ filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.4));max-width:100%;height:auto;}
.bookContent .teacher_p{background-color:#8b509a;}
.bookContent .teacher_g{background-color:#529a50;}
.bookContent .teacher_b{background-color:#1179bf;}
.book_list{text-align:center;font-size:1.4rem;}
.landagents_book{display:flex;flex-wrap:wrap;align-items:baseline;}
.publish{width:100%;font-size:1.5rem;margin-bottom:0.7rem;}
.publish a{ color:#2a2a2a; }
.landagents_book .getbook dl:nth-child(1){width:44%;}
.landagents_book .getbook dl:nth-child(2){width:25%;}
.landagents_book .getbook dl:nth-child(3){width:28%;}
.landagents_book .bookContent:nth-child(1){width:100%;}
small{font-size:1rem;margin-bottom:.5rem;}
.courseContent .exclusive,.matchContent .exclusive{border-radius:20px;background:linear-gradient(to bottom,#fffcea 0%,#fef5e0 30%);padding:1rem 5rem;box-shadow:rgb(99 99 99/30%) 0px 8px 8px -5px;text-align:center;margin:1rem auto 2rem;border:dotted 2px var(--orange1);}
.courseContent .exclusive2{margin:2rem auto;border:dotted 2px var(--blue1);}
.exclusive .date{ border-radius:20px; background-color:var(--orange1); display:inline-block; color:white; font-size:1.5rem;margin:.5rem;padding:0 1rem;}
.exclusive2 .date{background-color:var(--blue1);}
.exclusive2 .sale{font-size:1.3rem;}
.red,#event_course ol li a{color:#ce2d71;font-weight:700}
.ps{text-align:center;font-size:1em;color:var(--blue1);margin:1rem 0 2rem 0;}
.imp, .imp a{color:var(--blue1);}
.navBuy{width:100%;text-align:center;margin-top:3rem;}
.navBuy li{display:inline;margin:0 3%;font-size:1.4em}
.courseContent .navBuy li a{color:#FFF;background:var(--orange1);text-decoration:none;padding:.8% 2%;border-radius:8px;}
.courseContent2 .navBuy li a{background:var(--blue1);}
.editor{width:100%;display:inline-block !important;}
.editor a{background:var(--blue1) !important;display:block;width:50%;margin:3rem auto auto;}
.courseContent li div{display:inline-block;color:#FF0;background:var(--red1);padding:2px 5px;margin-left:5px;animation:shine .5s linear alternate infinite}
@keyframes shine{0%{font-weight:normal}100%{font-weight:bold}}
/*注意事項*/
#note{width:100%;margin:0 auto;padding:2.5% 0;font-size:1em;line-height:1.5em;color:#333;text-align:center;}
#note span{color:var(--red1);}
#note a{color:#333}
@media (min-width:1201px){
    .masterMB{display:none}
    #BodyContentNavigator{margin:0 auto 1%}
    #askarea_out{width:77%;}
    #askarea p{font-size:1em;}
}
@media (max-width:1200px){
    #BodyHeader,#BodyContentAd,#BodyContentNavigator,#EventHeaderin,#MenuFixed{display:none}
    .Vuetabs a{padding:0.2rem;}
}
@media (min-width:768px) and (max-width:1200px){
    .masterMB{display:none}
    #EventFooter_rwd{padding-bottom:8%}
    #event_course ol{margin:0 2% 0 24%}
}
@media (min-width:768px){
    .ecbookContent dl{width:calc(100%/5);}
}
@media (max-width:767px){
    #book .bookContent{flex-wrap:wrap;}
    #book .bookContent dl{width:100%;}
    #book .bookContent dt{padding:0.2rem;font-size:1.3rem}
    #book .Vuetabs a{font-size:1.4rem;}
    .bookContent, #book .bookContent div{flex-direction: column;}
    .landagents_book .bookContent:nth-child(1),.landagents_book .bookContent:nth-child(2),
    .landagents_book .getbook dl:nth-child(-n+3){width:100%;}
    .book_list{font-size:1rem;}
    .masterPC{display:none}
    #BodyContentEvent{display:block}
    .hottxt{width:96%;font-size:1.4em}
    #event_media{margin:2% auto}
    .media_title{width:90%}
    .media_cube1,.media_cube2{width:40%;margin:0 1%;font-size:1em}
    .media{flex-wrap:wrap;margin-top:0.5rem;}
    .media dl{width:100%;margin-top:1rem;}
    .courseContent .exclusive{padding:1rem 0.5rem;}
    .match_title,.book_title{font-size:1.5rem;}
    #event_media ul{margin-top:4%}
    #event_media ul li{width:96%;margin:1% auto;padding:1% 2%}
    .courseContent .exclusive, .matchContent .exclusive{padding:1rem;}
    .ribbon h1{font-size:3.5vh}
    .courseContent{padding:3% 0 5%}
    .testSpecial{font-size:1.6em;text-align:center}
    #event_course h1{margin:auto;float:none}
    #event_course ol,#event_match ul{width:90%;margin:2% auto 2% 8%;vertical-align:middle;font-size:1.2em;line-height:1.45em;list-style:decimal;display:inline-block}
    .navBuy{margin:5% auto 0}
    .navBuy li{font-size:1.1em}
    .match_title span,.book_title span{font-size:1.6rem;}
    #event_course ol, #event_course ul, #event_match ul{font-size:1.2rem;}
    .Vuetabs{flex-direction:row;align-items:flex-end;}  
    .Vuetabs a{font-size:1.4rem;}  
    #book_get .Vuetabs a{font-size:1.4rem;}  
    #EventFooter_rwd{padding-bottom:50px}
    #topbutton{bottom:15%}
    .topLink{position:fixed;bottom:0;right:0;opacity:.9;padding:2% 0;z-index:99}
    .topLink ul{width:96%;margin:0 auto}
    .topLink ul li{display:inline-block;font-size:1.05rem;margin:1% 2%}
    .topLink ul li:first-child{display:none}
    .editor a{width:60%;margin:2rem auto auto;}
}
@media (max-width:767px) and (orientation:portrait){
    #interview .Vuetabs a{width:auto;}
    #book_get .Vuetabs a{width:auto;}
}
@media (max-width:320px){
    .navBuy li{font-size:1.1em;display:block;margin:3% 0}
    .navBuy li a{padding:1% 4%}
}