@import url("../icon/css/icon-all.min.css");
@import url("../css/BodyHeader_rwd.css");/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,p,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,figure,figcaption,menu{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
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}
ul,li{margin:0;padding:0;list-style:none}
/*會撐開的版面控制*/
body *{margin:0 auto;padding:0;font-family:'Noto Sans TC',sans-serif;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";}
body{background-color:#fafafa;/*#f4f4f4;*/
}
#BodyContainer,#BodyContentMain{width:100%;margin:0 auto}
#indexContent{width:100%;margin:0 auto}
#BodyContentDetail{margin:2% auto 4%}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
[class*="justify-around"]{justify-content:space-around;}
[class*="justify-between"]{justify-content:space-between;}
[class*="grid"]{display:grid}
.Bodygrid{grid-template-columns:100%;grid-gap:0}
.indexgrid,.Eventgrid{grid-template-columns:77% 21%;grid-gap:0 2%}
.mb_header,.mb_bar{display:none;}
/*偵測過長標題超過寬度，遇標點符號自動換行，標題類請勿再用<br>或block*/
.wrap_all{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
/*首頁*/
/*header*/
.header{font-size:3rem;text-decoration:none;margin:0;height:130px;}
.header .get{font-size:1.8rem;}
.logo_top{height:133px;display:flex;align-items:center;/}
.topbg{position:absolute;right:26%;top:0%;}
.social{display:flex;text-align:center;position:absolute;right:0.7%;top:6%;display:none;}
.icon{display:inline-block;width:50px;height:50px;background-color:#f9f9f9;margin:10px;border-radius:30%;color:#10ac84;box-shadow:0 5px 15px -5px #00000070;position:relative;overflow:hidden;}
.icon i{line-height:50px;font-size:25px;transition:all .2s;}
.icon:hover i{transform:scale(1.3);color:#f1f1f1;}
.icon:before{content:'';position:absolute;width:120%;height:120%;left:-110%;top:90%;transform:rotate(45deg);}
.icon.facebook{color:#155190;}
.icon.facebook:before{background-color:#155190;}
.icon.line{color:#10AC84;}
.icon.line:before{background-color:#10AC84;}
.icon.youtube{color:#ac1010;}
.icon.youtube:before{background-color:#ac1010;}
.icon:hover:before{animation:animation 0.7s 1 forwards;}
@keyframes animation{0%{left:-110%;top:90%;}
50%{left:15%;top:-30%;}
100%{left:-10%;top:-10%;}
}
/*試聽區塊*/
.audition{align-items:center;margin-bottom:2rem;/* border:#607D8B solid 1px;*/
 text-align:center;font-family:'Noto Sans TC',sans-serif;}
.audition_title{display: none;}
.audition .link{margin-top:0.5rem;}
.audition .audition_link{font-size:1.2rem;}
.audition .audition_class{font-size: 1.1rem;}
.audition img{width:90%;border-radius:50%}
.audition i{color:#E78C80;}
.teacher_wrap{padding:1rem 0;margin: 0 1rem;}
.teacher_wrap .name{background-color:#df6050;font-size:1.8rem;border-radius:0px 7px 0 10px;background:linear-gradient(to left,#df6050a3 0%,#df6050 20%);/* background:linear-gradient(to left,#03a9f4 0%,#ff9800 100%);*/
 color:#FFF;font-weight:900;}
.teacher_wrap .name small{font-size:1.3rem;}
.teacher_wrap a{text-decoration:none;font-weight:900;color:#607D8B;/*border-bottom:1px #000 dotted;*/}
.teacher_wrap a:hover{color:#df6050;}
.audition .audition_class a{border-bottom:1px #000 dotted;}
/* .teacher_wrap a{color:#FFF;.teacher_link{position:relative;transform:translate3d(0px,0%,0px);font-size:1rem;font-weight:bold;text-align:center;text-decoration:none;transition-delay:0.6s;overflow:hidden;}
.teacher_link:before,.teacher_link:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;transition:all 0.6s ease;}
.teacher_link:before{border-radius:50% 50% 0 0;transform:translateY(100%) scaleY(0.5);}
.teacher_link:after{border-radius:0;transform:translateY(0) scaleY(1);}
.teacher_link div{position:relative;top:0px;left:0px;width:100%;height:43px;text-transform:uppercase;overflow:hidden;}
.teacher_link span{position:absolute;left:0px;top:0px;width:100%;z-index:1;text-align:center;transition:transform 0.5s ease;margin:2px 0;}
.teacher_link span:last-child{color:#1E0F21;transform:translateY(100%);font-size:1.8rem;}
.teacher_link span:first-child{color:#FFFFFF;transform:translateY(0);}
.teacher_link:hover{transition:background 0.2s linear;transition-delay:0.6s;color:#FFFFFF;}
.teacher_link:hover:before{border-radius:0 0 50% 50%;transform:translateY(-100%) scaleY(0.5);transition-delay:0;}
.teacher_link:hover:after{border-radius:0;transform:translateY(0) scaleY(1);transition-delay:0;}
.teacher_link:hover span:last-child{transform:translateY(0);}
.teacher_link:hover span:first-child{transform:translateY(-100%);}
*/
/*集團公告AD*/
.announcement{position:fixed;right:.5%;top:25%;z-index:7;text-align: end;}
.announcement i{color:#484848;background-color:white;font-size:1.125rem;border-radius:50%;width:1rem;height:1rem;}
.announcement ul td{text-align: right;}
/* 4大專區 */
/*NEW!*/
.txt_beat{margin-left:.5rem;}
.txt_beat > span{animation:bounce 0.7s cubic-bezier(0.05,0,0.2,1) infinite alternate;display:inline-block;color:#df6050;font-size:0.9rem;}
.txt_beat > span:nth-of-type(1){animation-delay:0s;}
.txt_beat > span:nth-of-type(2){animation-delay:0.08333333s;}
.txt_beat > span:nth-of-type(3){animation-delay:0.16666667s;}
.txt_beat > span:nth-of-type(4){animation-delay:0.25s;}
.txt_beat > span:nth-of-type(5){animation-delay:0.33333333s;}
.txt_beat > span:nth-of-type(6){animation-delay:0.41666667s;}
@keyframes bounce{0%{transform:translateY(0);/*text-shadow:0 0 0.05em rgba(0,0,0,0.4);*/
}
100%{transform:translateY(-0.5em);/*text-shadow:0 1em 0.35em rgba(0,0,0,0.4);*/
}
}
.HotWrap_title,.audition_title{font-size:2rem;padding:1rem 0 0.5rem 0;color:#e91e63;font-weight:600;font-family:"Microsoft YaHei";letter-spacing:2px;}
.piece{text-align:center;width:25%;/*background:#8CBDB9;*/
 color:#000000;box-sizing:border-box;}
.piece dl{position:relative;text-decoration:none;text-transform:uppercase;overflow:hidden;padding:0.5rem 0rem 0.5rem 1rem;font-size:1.05rem;/* border-bottom:#FFF solid 1px;*/
 /* border-bottom:#e7bc5578 solid 1px;*/
 border-right:#e7bc5578 solid 1px;text-align:left;letter-spacing:-0.5px;}
.piece dt{font-size:1.25rem;color:#090909;font-weight:bold;}
.piece dt small{font-size:large;margin-left:.2rem;}
.piece dd,.piece dd a{color:#000;}
.piece dl:first-of-type{/*border-top:#FFF solid 1px;*/
}
.piece dt,.piece dd{position:relative;z-index:1;}
.piece dl .bookevent{text-align:center;}
.piece dl:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;}
.piece dl:before{transform:translate3d(-100%,0,0);background-color:#6c8f8c;background-color:#cdb88457;transition:transform 300ms cubic-bezier(0.55,0.055,0.675,0.19);}
.piece dl:hover:before{transform:translate3d(0,0,0);}
.piece a{text-decoration:none;}
.piece dd a:hover{color:#0F81C5;}
.columns dt small{font-size:medium;}
.columns dd{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.columns .note{background-color:#e7bc55;border-radius:25px;padding:0 0.7rem;margin-right:0.5rem;font-size:1.2rem;}
.columns dt a{color:#FFF;}
.columns dt a:hover{color:#000;}
.book img{height:199px;margin-top:15px;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:10%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next{right:10%;}
/*學員專區、舊生專區、雲端課程*/
.serve{margin:1rem auto;}
.new_student,.cloud_course,.old_student{background-color:#ffc1c142;width:28%;padding:1rem;border-radius:10px;border-left:7px #01c4d4 solid;}
.serve dt{font-size:2.25rem;font-weight:bold;color:#e58426;color:#df6050;}
.serve dd{font-size:1.1rem;margin:0.5rem 0;}
.serve dd a{color:#000;}
.serve dd a:hover{color:#df6050;}
.old_student dl{position:relative;}
.old_student dd:last-child{position:absolute;bottom:-5px;right:0;}
/*右AD*/
#BodyContentAd{margin:0 auto 15px}
.asideAD{margin:0 auto}
/*專欄*/
.columnsAD{background:#EEE;border-bottom:5px solid #8d8988}
.columnsAD a{color:#000;text-decoration:none}
.columnsAD picture img{display:block}
.columnsAD>div>p{background:#01ae81;color:#FFF;font-size:1.2em;line-height:1.7em;text-align:center}
.columnsAD>div>p>a{color:#FFF;text-decoration:none}
.columnsAD dl{padding:0 0 0.5rem 1rem;}
.columnsAD dl dt{color:#01ae81;font-size:1.2rem;font-weight:bold;margin-top:0.5rem;}
/*小Btn輪播*/
.ADBtn{padding:2% 0 1.5%;background:#FFF}
.ADBtn img{display:block;border:0;margin:auto}
.ADBtn>ul{text-align:center;margin:0 auto;display:flex;flex-wrap:wrap}
.ADBtn>ul>li{margin:auto}
/*.ADBtn>.GETbtn img{max-width:100%}
*/
.serviceAD>dl{background:#FFF}
.serviceAD>dl>dt{background:#155190;font-size:1.25em;line-height:1.8em;text-align:center;color:#fff;font-weight:bold}
.serviceAD>dl>dd>ul{margin:2% auto}
.serviceAD>dl>dd>ul>li{text-align:center;font-size:1.05em;line-height:1.75em}
.serviceAD>dl>dt a{color:#FFF}
.serviceAD>dl>dd a{color:#262626}
.serviceAD>dl:nth-child(n+5):nth-child(-n+6)>dd>ul>li{list-style:circle;text-align:left;margin:0 auto 0 12%}
/*banner輪播*/
#ADPlay{width:100%;margin:2.5% auto;}
#ADPlay td{text-align:center;}
/*跑馬燈*/
#marquee_unit{margin-top:0.5rem;}
#marquee_unit .hooper{height:30px;}
.tri-news{background-color:#FF0000;color:white;padding:0.125rem 0.5rem;display:inline-block;margin-right:0.5rem;}
.announce-title a{color:#e03f00;}
/*師資試聽&經驗談*/
.indexteacher .VideoContent>div{width:33%;margin:1% auto;text-align:center}
.indexVideoArea{width:100%;margin:0 auto}
.indexVideoArea img{border:0}
.indexVideoArea figure a{transition:all .3s linear;display:inline-block}
.indexVideoArea a:hover{transform:scale(1.05)}
.indexVideoArea h1{margin:0 auto;padding:.5% 0;font-size:2.3em;line-height:1.8em;color:#FFF;text-align:center;font-weight:400;letter-spacing:2px;font-family:"Microsoft YaHei";background:#f7941d;background:#df6050;background:linear-gradient(to left,#03a9f4 0%,#ff9800 100%);letter-spacing:20px;}
.indexVideoArea h1 i{border-right:1px solid #FFF;padding:.7% 1% .7% 0;margin-right:1%}
.indexVideoArea h1 .h1_s{font-size:1.7rem;line-height:.5em;color:#FFF;margin-left:.8%;font-weight:700;letter-spacing:0;text-align:left;display:inline-block;vertical-align:middle;padding-top:.5%}
.indexVideoArea h1 small{font-size:1.4rem;font-weight:500;display:block}
.MediaTabs{background:#efedee;padding-top: 2rem;}
.MediaTabs a{width: 15%;cursor:pointer;padding:1rem 3rem;border:1px dotted #ccc;background-color:#FFF;color:#df6050;display:inline-block;font-size:1.5rem;padding:6px 25px 3px;margin:0 auto;font-weight:bold;transition:all 0.2s linear;text-decoration:none;text-align: center;}
.MediaTabs a.active{background-color:#df6050;color:#FFF;cursor:default;}

.VideoContent{width:96%;margin:0 auto;padding:1% 2%;background:#efedee}
.VideoContent>div{width:50%;margin:3% auto 2%;text-align:center}
.Videolist>figure img{border-radius:10px;box-shadow:1px 1px 10px #CCC;margin-bottom:1.5%;}
.Videolist>p{font-size:1.2rem;line-height:2.5rem;color:#0e0e0e;font-weight:bold;/*text-align:center;*/
 margin:0 2%;}
.Videolist>p>span{background:linear-gradient(to left,#df6050a3 0%,#df6050 20%);
  color:#FFF;
  padding: 0 0.25rem;
  color: white;
  padding: 0 1rem .15rem .5rem;
  margin: auto 0.4rem auto auto;
  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
  line-height: 2.5rem;}
.Videolist>p>a{color: #000;
  padding: 0 0.25rem;}
.Videolist>p i{color:#d59c12;}
.Videolist ul{margin:0 3%}
.Videolist li{font-size:1.1rem;line-height:1.7em;text-align:left}
.Videolist li a{color:#019a9f;font-weight:bold;font-size:1.2rem;}
.Videolist ul li:nth-child(2){text-indent: -5em;margin-left: 5em;}
.Videolist>iframe{width:360px;height:200px}
.VideoMoreLink{background:#efedee;text-align:center;padding:0;font-size:1.2rem;padding-bottom:4%;}
.VideoMoreLink a{color:#FFF;margin:0 1.5%;padding:10px;background:linear-gradient(to right,#3da5d7 25%,#00BCD4 100%);width:260px;display:inline-block;border-radius:50px;text-decoration:none;transition:all .5s;margin-top:0.5rem;}
.youtube-pic img{width:80%;}
.youtube-pic a,.youtube-logo a{position:relative;}
.youtube-pic a::before,.youtube-logo a::before{position:absolute;content:url(../images/play.svg);z-index:2;left:45%;top:35%;width:50px;opacity:0.85;}
.youtube-logo img{width:100%;height:100%;}
.Videolist .indent{display:block;text-indent:5em;}
/*上榜方程式*/
.stepArea{background:#155190;background:#8ea4a8;padding:2% 1% 3%;background:linear-gradient(to right,#3da5d7 25%,#00BCD4 100%);background:linear-gradient(to right,#0099ad 25%,#00bcd48a 100%);}
.stepArea{/* background:#155190;*/
 /* background:#2c5b63;*/
 padding:2% 1% 3%;/* background:linear-gradient(to right,#3da5d7 25%,#00BCD4 100%);*/
 background:linear-gradient(to right,#4eacbd 25%,#46bccc 100%);/* background:linear-gradient(to right,#055d6d 25%,#1a8f9f 100%);*/
 background:linear-gradient(to right,#6fb9c7 25%,#46bccc 100%);}
.stepTitle{font-size:3.2em;color:#FFF;text-align:center;/* font-weight:bold;*/
}
.stepTitle:after{content:"";border-bottom:3px solid #e0e0e0;display:block;width:15%;margin:0 auto}
.stepTitle>span{color:#FFEB3B}
.stepcontent_flex{margin:2.5% auto 0;align-items:flex-end}
.stepcontent{width:32%;margin:0 auto}
.stepSuit{font-size:1.65rem;line-height:1.3em;color:#fffeff;font-weight:700;text-align:center;position:relative}
.stepSuit{font-size:2rem;line-height:1.3em;color:#fffeff;font-weight:700;text-align:center;position:relative;font-family:"Microsoft YaHei";letter-spacing:1px;}
.stepSuit>small{font-size:1rem;line-height:1.4em;color:#fffffd;display:block;font-weight:normal}
.stepSuit>small>span{color:#ed9227;color:#ffe500;font-weight:bold;font-size:1.13rem;letter-spacing:0.2px;}
.stepcontent>.stepSuit:before{display:block}
.stepcontent:nth-of-type(1)>.stepSuit:before{content:url(../images/license-step-01.png)}
.stepcontent:nth-of-type(2)>.stepSuit:before{content:url(../images/license-step-02.png)}
.stepcontent:nth-of-type(3)>.stepSuit:before{content:url(../images/license-step-03.png)}
.stepcontent:nth-of-type(1)>.stepSuit:after,.stepcontent:nth-of-type(2)>.stepSuit:after{content:url(../images/license-step-ar.png);position:absolute}
.stepcontent:nth-of-type(1)>.stepSuit:after{left:300px;top:23px}
.stepcontent:nth-of-type(2)>.stepSuit:after{left:310px;top:35px}
.stepInfo{width:98%;margin:1.5% auto 0;min-height:365px;}
.stepInfo>ul{width:94%;padding:4% 3% 1%}
.stepInfo>ul>li{font-size:1em;list-style:disc;margin:0 auto 3% 7%;color:#fdfffe}
.stepInfo>ul>li strong{font-size:1.1rem;display:block}
.stepInfo>ul>li a{color:#fdfffe}
.stepcontent:nth-of-type(1)>.stepInfo>ul:nth-of-type(1){background:#2d99c7;background:#ffffff40;border-bottom:5px #048697 dotted;border-radius:0px 10px 0 0px;}
.stepcontent:nth-of-type(1)>.stepInfo>ul:nth-of-type(1){/* background:#00BCD4;*/
 /* background:#ffffff40;*/
 background:#04869778;border-bottom:5px #048697 dotted;border-radius:0px 10px 0 0px;padding-top:7%;border-top:6px #1094a569 solid;}
.stepcontent:nth-of-type(1)>.stepInfo>ul:nth-of-type(2){background:#158dc1;background:#048697;border-radius:0px 0 0 20px;}
.stepcontent:nth-of-type(2)>.stepInfo>ul:nth-of-type(1){background:#1ba399;height:205px;}
.stepcontent:nth-of-type(2)>.stepInfo>ul:nth-of-type(1){background:#17ada1;/* background:#ffffff40;*/
 /* background:#0a908596;*/
 border-bottom:5px #158d83 dotted;height:205px;border-radius:0px 10px 0 0px;padding-top:7%;border-top:6px #1094a540 solid;}
.stepcontent:nth-of-type(2)>.stepInfo>ul:nth-of-type(2){background:#159086;height:122px;border-radius:0px 0 0 20px}
.stepcontent:nth-of-type(3)>.stepInfo>ul:nth-of-type(1){background:#f09c3a;height:205px;}
.stepcontent:nth-of-type(3)>.stepInfo>ul:nth-of-type(1){background:#ae9871;/* background:#bc9856;/* background:#ffffff40;*/
 border-bottom:5px #8f7f63 dotted;height:205px;border-radius:0px 10px 0 0px;padding-top:7%;border-top:5px #8d7c5f4f solid;}
.stepcontent:nth-of-type(3)>.stepInfo>ul:nth-of-type(2){background:#908064;/*background:#a3844a;*/
 border-radius:0px 0 0 20px}
/*麵包穴*/
#BodyContentNavigator{width:100%;margin:0 auto 1%}
#BodyContentNavigator a{color:#4a3d37}
#BodyContentNavigator ul{width:100%;text-align:left;margin:0;padding:0}
#BodyContentNavigator ul li{display:inline-block;font-size:1em;color:#000}
#BodyContentNavigator ul li + li:before,#EventContentNavigator ul li + li:before{content:' > ';font-size:inherit;color:#4a3d37}
#BodyContentNavigator h1{display:inline-block}
/*內頁內容*/
#BodyContentDetail h1{font-size:1.7em;line-height:1.8em;text-align:center;margin:0 auto 1%;color:#905d1c;font-weight:700;font-family:"microsoft yahei";border-bottom:3px solid #905d1c}
#BodyContentDetail .intro-sub{font-size:1.45rem;line-height:1.7em;font-weight:700;color:#f7941d;margin:1% auto;font-family:"microsoft yahei"}
#BodyContentDetail p,#BodyContentDetail li{font-size:1.1rem;line-height:1.6em;color:#606060}
#BodyContentDetail p{margin:0 auto 2%;text-align:justify}
#BodyContentDetail a{color:#262626}
#BodyContentDetail .keypoint{color:#d03378}
#BodyContentDetail ol,#BodyContentDetail ul{margin:0 0% 2% 2%;text-align:justify}
#BodyContentDetail li{margin:0.5rem auto;}
#BodyContentDetail ul li{list-style-image:url(http://www.get.com.tw/images/arrow-02-h14.gif)}
#BodyContentDetail ol li{list-style:decimal}
#BodyContentDetail .classNavLink ul{text-align:center;}
/*應考須知*/
#BodyContentDetail .inforTable{width:96%;margin:0 auto;display:table;position:relative;}
#BodyContentDetail .infortr{width:100%;display:table-row}
#BodyContentDetail .inforth,#BodyContentDetail .infortd{display:table-cell;padding:1% 1.5%;border-bottom:1px dotted #f7941d}
#BodyContentDetail .inforth{width:21%;font-size:1.1rem;font-weight:bold;background:#f6f6f6;text-align:center;vertical-align:middle}
#BodyContentDetail .infortd{width:78%;color:#606060}
#BodyContentDetail .infortd_detail{width:47%;padding:0 1%;vertical-align:top;display:inline-block}
#BodyContentDetail .infortd_detail:nth-child(1){border-right:1px dotted #f7941d}
#BodyContentDetail .infortd strong{font-size:1.2rem;color:#D13679}
#BodyContentDetail .inforTable,#BodyContentDetail .infortd,#BodyContentDetail .infortd p,#BodyContentDetail .inforTable li{font-size:1.05rem}
#BodyContentDetail .inforTable ol,#BodyContentDetail .inforTable ol li{list-style:decimal}
#BodyContentDetail .inforTable ol,#BodyContentDetail .inforTable ul{margin:2% auto 2% 6%}
#BodyContentDetail .infortd p{text-indent:0;margin:0}
#BodyContentDetail .infor-sub{font-size:1.15rem;color:#158dc1;font-weight:bold;margin:1% auto}
#BodyContentDetail .intro-ps{width:96%;margin:0 auto 3%;text-align:right}
#BodyContentDetail .testType{font-size:1.25rem;text-align:center;color:#155190;font-weight:bold}
#BodyContentDetail .inforTable img{position:absolute;top:-60px;right:0;transition:all .5s ease-out;}
#BodyContentDetail .inforTable img:hover{transform:scale(1.1,1.1);}
#BodyContentDetail .fc-red{color:#ff4311;}
/*錄取率表格*/
#BodyContentDetail table,#BodyContentDetail th,#BodyContentDetail td{border-collapse:collapse;border:1px solid #c9c9c9}
#BodyContentDetail table{width:100%;margin:0 auto;font-size:1.05rem;line-height:1.55em;color:#606060}
#BodyContentDetail table th,#BodyContentDetail table td{padding:.5% 1%}
#BodyContentDetail table th{background:#f7941d;color:#FFF}
#BodyContentDetail table tr:nth-child(2) td{color:#F00;font-weight:bold}
/*課程連結*/
#BodyContentDetail nav.classNavLink{margin:4% auto;text-align:center}
#BodyContentDetail nav.classNavLink ul,#BodyContentDetail nav.classNavLink li{list-style:none}
#BodyContentDetail nav.classNavLink ul{width:100%;margin:0 auto}
#BodyContentDetail nav.classNavLink li{display:inline;font-size:1.25em;text-align:center}
#BodyContentDetail nav.classNavLink a{background:#D13679;color:#FFF;padding:5px 15px;border-radius:8px;margin:0 1%;text-decoration:none;transition:all 0.3s ease-in}
#BodyContentDetail nav.classNavLink a:hover{background:#f7941d}
#BodyContentDetail nav.classNavLink a:hover i{transform:translateX(-3px)}
/*準備要領*/
#BodyContentDetail ul.prepare_list{width:96%;margin:2% auto 5%}
#BodyContentDetail ul.prepare_list>li{width:calc(100%/3);font-size:1.2rem;line-height:1.8em;margin:0 0 1%;text-align:left;list-style:none}
#BodyContentDetail ul.prepare_list a{color:#155190}
/*課程介紹*/
.classContent{width:calc(100%/3 - 5px);margin:0 auto}
.classContent>.class_type{width:100%;font-size:1.45em;line-height:1.6em;padding:1% 0;background:#155190;color:#FFF;text-align:center}
.classContent>.class_img img{width:100%;display:block}
.classContent>.class_box{padding:3% 2%;position:relative;background:#F6F6F6}
#BodyContentDetail .classContent>.class_box>p{font-size:1.2em;color:#FFF;background:#F7941D;text-indent:0;text-align:center}
#BodyContentDetail .classContent>.class_box ul{margin:3% 2% 5% 9%}
#BodyContentDetail .classContent>.class_box>ul>li{font-size:1.05rem;line-height:1.8em}
#BodyContentDetail .classContent>.class_box>.class_link{text-align:center;font-size:1.2rem;line-height:1.6em;margin:30px auto 10px}
#BodyContentDetail .classContent>.class_box>.class_link a{background:#D03478;color:#FFF;padding:3px 12px;margin:0 5px;text-decoration:none;border-radius:5px}
/*新開課表*/
#BodyContentDetail .newClassLink>li{width:50%;margin:0;text-align:left;line-height:1.8em}
#BodyContentDetail .newClassLink>li>a{font-size:1.2rem;color:#f7941d;font-weight:bold}
.ClassList>.classPrint{width:100%;margin:0 auto;text-align:center}
#newclass .newclassNavigator{width:100%;margin:0 auto}
#newclass .newclassNavigator ul{width:100%;text-align:left;margin:0 auto;padding:0}
#newclass .newclassNavigator ul li{display:inline-block;font-size:1.4em;color:#905d1c;font-weight:bold}
#newclass .newclassNavigator ul li + li:before,#EventContentNavigator ul li + li:before{content:' > ';font-size:inherit;color:#905d1c}
#newclass table{width:100%}
#newclass .newclassType{font-size:1.3em;font-weight:bold;color:#905d1c}
/*SE頁*/
.gsc-control-cse,.gsc-control-cse .gsc-table-result,input.gsc-input{font-family:"微軟正黑體"!important}
#BodyContentDetail.searchcontent table,#BodyContentDetail.searchcontent td{border:0}
#BodyContentDetail.searchcontent table{width:100%}
.cse .gsc-control-cse,.gsc-control-cse{width:100%!important;padding:1em 0!important}
.gsc-expansionArea{margin-bottom:30px}
#BodyContentDetail.searchcontent td{padding:2px}
.gsc-result-info{padding:2px!important}
input.gsc-input{padding-left:3px!important}
.gsc-adBlock{display:none!important}
/*ask*/
.askarea *{font-family:"Microsoft JhengHei";font-size:1em}
.askarea{width:100%;margin:0 auto;padding:2.5% 0;background:#155190;text-align:left}
.askarea .asktitle{color:#FFF;font-size:1.5rem;text-align:center}
.askarea p{margin:2% 0;font-size:1.1rem}
.askarea p:last-of-type{margin:0 auto 1%}
#formlist{width:80%;margin:2.5% auto 0;color:#FFF}
#formlist SELECT,#formlist input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%}
#formlist SELECT{width:19%;margin-right:1%}
#formlist input{color:#585858;margin:auto 1% auto auto}
#formlist input[name="sContent"]{width:65%!important}
#formlist input[name="sRandomCode"]{width:10%!important}
#formlist input[type="text"]{width:40%;}
#formlist input[type="submit"],#formlist input[type="reset"]{color:#FFF;background:#f7941d;padding:.5em}
/*EventHeader*/
#EventHeaderin{width:100%;margin:0 auto;padding:.5% 0;font-size:.95em;line-height:2em;text-align:center}
#EventHeaderin a{color:#000}
/*Footer*/
#BodyFooter_rwd{width:100%;margin:0 auto}
#BodyFooter_rwd a{color:#000;text-decoration:none}
.footer_address{background:#fafafa;/*#F4F4F4;*/
}
.footerinbox{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap;align-items:center;padding:1.5% 0 1%;width:70%;margin:0 auto}
.footerlogo{width:30%;text-align:right}
.footerinbox>ul{width:68%;margin:0 auto 0 2%}
.footerinbox>ul>li{font-size:.9em;line-height:1.4em;color:#969696}
/*PC*/
@media all and (min-width:768px){
  .serviceAD>dl>dt>i{display:none}
  .audition button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:4%;}
  .audition button.VueCarousel-navigation-button.VueCarousel-navigation-next{right:4%;}
}
@media all and (min-width:1201px){.md\:hidden{display:none;}
#BodyContent{width:1200px;padding:0;margin:0 auto}
#BodyHeader_rwd,#topbutton,.ADPlay_title{display:none}
#BodyHeader{width:1200px;margin:0 auto;position:relative}
#Bodymenunav{width:100%;margin:0 auto 1.5%;padding:0}
/*右側固定選單*/
 #MenuFixed{right:0;top:200px;position:fixed;z-index:9}
#MenuFixed ul{display:block;right:0}
#MenuFixed #notice_red{position:absolute;background:red;color:#FFF;width:30px;height:30px;line-height:30px;font-size:15px;text-align:center;font-weight:700;border-radius:50%;top:-12px;left:-10px}
#MenuFixed a{position:relative;right:-20px;width:120px;display:block;font-size:2.2em;text-align:center;text-decoration:none;border-bottom-left-radius:8px;border-top-left-radius:8px;padding:.2em 1rem .2em 0}
#MenuFixed a{color:#FFF}
#MenuFixed a:hover{right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#MenuFixed ul li:nth-child(1) a{background:#155190}
#MenuFixed ul li:nth-child(2) a{background:#06C152}
#MenuFixed ul li:nth-child(3) a{background:#F00}
#MenuFixed ul li:nth-child(4) a{background:#158dc1}
#MenuFixed ul li:nth-child(5) a{background:#f7941d}
#MenuFixed ul li:nth-child(6) a{background:#1ba399}
#MenuFixed ul li span{display:none}
#MenuFixed .course{margin-top:1rem;}
#MenuFixed .course a{font-size:1.6rem;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;display:flex;justify-content:center;align-items:center;font-weight:700;}
/*搜尋bar*/
 .search{width:30%;position:absolute;z-index:1;right:0%;top:61.7%}
.search input[type="text"]{width:65%;font-size:1em;line-height:1.8em;padding-left:.5em;color:#000;font-family:"Microsoft JhengHei";border:1px solid #DDD}
.search input[type="submit"]{color:#FFF;font-size:1em;font-family:"Microsoft JhengHei";padding:1.5% 4.5%;border-radius:8px;border:none;background:#053d78;background:-moz-linear-gradient(left,#053d78 25%,#377ac1 100%);background:-webkit-linear-gradient(left,#053d78 25%,#377ac1 100%);background:linear-gradient(to right,#053d78 25%,#377ac1 100%);background:linear-gradient(to right,#3da5d7 25%,#00BCD4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#053d78',endColorstr='#377ac1',GradientType=1)}
}
/*mobile*/
@media (max-width:767px){
#BodyContent{margin-top:17%}
.fixedbottom{padding-bottom:47px}
#MenuFixed{padding:2% 0}
#BodyContentMain .serviceAD,#MenuFixed>ul>li:nth-child(4),#MenuFixed ul li:nth-child(5){display:none}
.order{display:flex;flex-direction:column;}
.HotWrap{order:1;width:96%;}
.audition{order:2;width: 96%;}
/*集團公告AD*/
 .announcement{left:0.5rem;bottom:2.5rem;top:auto;right:auto;width:115px;}
/*首頁*/
 #sAD_show2,#sAD_show3,#sAD_show4,#sAD_show5,#sAD_show6{display:none}
.ADBtn{padding:2% 5% 1%;background:#F6F6F6}
.ADBtn ol.teacher_link li{margin:0 1.5% -2.3% 1.5%}
.audition img{width:50%;}
.audition_title{display: block;}
.teacher_wrap .name{width: 75%;}
.serviceAD>dl{margin:0 auto 1px}
.serviceAD>dl>dt{padding:.5% 0}
.serviceAD>dl>dt>i{margin-left:3px}
.ADPlay_title{font-size:1.5rem;line-height:1.8em;color:#f7941d;text-align:center;font-weight:400;letter-spacing:2px;font-family:"Microsoft YaHei"}
#ADPlay img{width:100%;height:auto;}
.indexVideoArea h1{font-size:1.5rem;padding:1% 0 .5%}
.indexVideoArea h1 .h1_s{display:none}
.VideoContent,.indexteacher .VideoContent>div{padding:3% 4% 2%;width:92%}
.MediaTabs {padding-top: 0.5rem;}
.MediaTabs a{width: 35%;margin-top: .5rem;font-size: 1.3rem;}
.VideoContent>div{width:100%;margin:2% auto 3%}
.Videolist>p{font-size:1.1rem;line-height:1.5em}
.Videolist li{font-size:1rem}
.Videolist>iframe{width:340px}
.VideoMoreLink{font-size:1.05rem}
.stepArea{padding:5% 2% 2%}
.stepTitle{font-size:2.2rem;line-height:2rem}
.stepTitle span{display:block}
.stepTitle:after{width:28%}
.stepcontent{margin:3% auto 5%}
.stepSuit{font-size:2.2rem}
.indexgrid,.Eventgrid{grid-template-columns:100%;grid-gap:0}
.GETbtn{position:fixed;bottom:3rem;left:0;z-index:9;}
.piece dl{border-bottom:#e7bc5578 solid 1px;border-right:none;}
/*麵包穴*/
 #BodyContentNavigator ul li{font-size:.9rem}
/*內頁內容*/
 #BodyContentDetail{margin:4% auto 0}
#BodyContentDetail h1{font-size:1.5em;line-height:1.3em;margin:0 auto 3%;padding:0 0 3px}
#BodyContentDetail h1>strong{display:block}
#BodyContentDetail p,#BodyContentDetail li{font-size:1rem;line-height:1.6em;text-align:justify}
#BodyContentDetail p{text-indent:0}
#BodyContentDetail ol,#BodyContentDetail ul,#BodyContentDetail ol{margin:0 2% 2% 8%}
#BodyContentDetail .intro-sub{font-size:1.25rem;line-height:1.5em}
#BodyContentDetail .inforTable{border:1px solid #f6f6f6;width:98%;margin:0 1%}
#BodyContentDetail .inforTable,#BodyContentDetail .infortr,#BodyContentDetail .inforth,#BodyContentDetail .infortd{display:inline-block}
#BodyContentDetail .inforth,#BodyContentDetail .infortd{border-bottom:none}
#BodyContentDetail .inforth{width:100%;font-size:1.2rem;padding:2% 0}
#BodyContentDetail .infortd{width:96%;padding:2%}
#BodyContentDetail .infortd,#BodyContentDetail .infortd p,#BodyContentDetail .inforTable li{font-size:1rem}
#BodyContentDetail .infor-sub{font-size:1.2rem;text-align:left;margin:2% auto}
#BodyContentDetail table{font-size:.95rem;line-height:1.7em}
#BodyContentDetail table th,#BodyContentDetail table td{padding:1%}
#BodyContentDetail nav.classNavLink{margin:5% auto 3%}
#BodyContentDetail nav.classNavLink li{font-size:1rem}
#BodyContentDetail nav.classNavLink a{padding:5px 10px;margin:1% .5%;display:inline-block}
#BodyContentDetail .inforTable img{display:none;}
/*準備要領*/
 #BodyContentDetail ul.prepare_list{width:90%;margin:2% auto 5%}
#BodyContentDetail ul.prepare_list>li{width:100%;margin:0 auto 2%;font-size:1.05rem}
/*課程介紹*/
 .classContent{width:100%;margin:0 auto 2%}
.classContent>.class_type{font-size:1.25rem}
/*新開課表*/
 #BodyContentDetail .newClassLink>li>a{font-size:1.05rem}
#newclass .newclassNavigator ul li{font-size:1.1rem}
/*ask*/
 .askarea{padding:6% 0}
.askarea .asktitle{font-size:1rem}
.askarea p{font-size:.95rem}
.askarea p:nth-last-of-type(3){margin-bottom:7%}
#formlist{width:90%;margin:5% auto 2%}
#formlist SELECT,#formlist input[name="sContent"],#formlist input[type="text"]{width:98%;padding:2% 1%;margin:0 auto 7%}
#formlist input{margin:auto 3% auto auto}
#formlist input[name="sContent"]{width:98%!important}
#formlist input[name="sRandomCode"]{width:20%!important;margin-right:2%}
#formlist input[type="submit"],#formlist input[type="reset"]{width:auto}
/*footer*/
 .footerinbox{width:90%;padding:4% 0 2%;margin:0 auto;text-align:center}
.footerlogo{width:100%;text-align:center}
.footerlogo{display:block;margin:0 auto}
.footerinbox>ul{width:100%;margin:1% auto}
.footerinbox>ul>li{line-height:1.6em}
}
@media all and (min-width:768px) and (max-width:991px){#MenuFixed{padding:1.5% 0}
.fixedbottom{padding-bottom:56px}
.VideoContent{width:98%;padding:1%}
.MediaTabs a{font-size: 1.2rem;}
.ADBtn{padding:1% 0}
.serviceAD{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.serviceAD>dl{width:calc(100%/2 - 5px);margin:0 auto}
.serviceAD>dl:nth-child(n+1):nth-child(-n+3){width:calc(100%/3 - 5px)}
.stepcontent{margin:2% auto}
.stepInfo{display:flex;flex-wrap:nowrap;display:-ms-flexbox;-ms-flex-wrap:nowrap;}
.stepInfo>ul{padding:2% 1% 1%}
.HotWrap>div{width:48%;margin:0.5rem 0;}
.serve>div{width:26%;}
.audition_class{display:block;}
/*ask*/
 .askarea .asktitle{font-size:1.25rem}
.askarea p{font-size:1rem;margin:2.5% auto}
#formlist{width:90%}
#formlist SELECT{width:18%}
#formlist input[type="text"]{width:35%}
/*Footer*/
 .footerinbox{width:100%;padding:2.5% 0 2%}
.footerlogo{width:25%}
.footerinbox>ul{width:73%}
}
@media all and (min-width:1px) and (max-width:991px){/*首頁*/
 .indexgrid{grid-template-columns:100%;grid-gap:0 2%}
.columnsAD{display:flex;flex-wrap:nowrap;display:-ms-flexbox;-ms-flex-wrap:nowrap;align-items:center}
/*.ADBtn>.GETbtn li{width:auto;display:inline-block;margin:0 auto}
*/
 .stepcontent{width:100%}
.stepcontent:nth-of-type(1)>.stepSuit:after,.stepcontent:nth-of-type(2)>.stepSuit:after{content:""}
.stepInfo>ul{height:auto}
.stepInfo{min-height:auto;}
}
@media all and (min-width:992px) and (max-width:1200px){#MenuFixed{padding:1% 0}
.fixedbottom{padding-bottom:53px}
/*首頁*/
 .indexgrid{grid-template-columns:73% 25%;grid-gap:0 2%}
.columnsAD picture img{width:100%}
.indexVideoArea h1{font-size:2em;padding:.8% 0}
.VideoContent{width:98%;padding:1%}
.Videolist>p{font-size:1.2em}
.Videolist li{font-size:1.05rem}
.stepcontent:nth-of-type(1)>.stepSuit:after{left:250px}
.stepcontent:nth-of-type(2)>.stepSuit:after{left:245px}
.stepInfo>ul{height:230px}
/*footer*/
 .footerinbox{width:80%}
}
@media all and (min-width:768px) and (max-width:1200px){.Eventgrid{grid-template-columns:100%;grid-gap:0}
/*首頁*/
 .VideoContent>div{width:48%}
/*內頁*/
 #BodyContentDetail h1{font-size:1.6rem}
#BodyContentDetail .inforTable{width:100%}
#BodyContentDetail .inforth,#BodyContentDetail .infortd{padding:1% 1.5%}
}
/*改版隱藏項目*/
#BodyContentMainDetail{width:1200px;}
#BodyContentEvent,#columns{width:1200px;}
#BodyContentAd{display:none;}
#MenuFixed{display:none;}
@media (max-width:1200px){.sm\:hidden{display:none;}
#BodyHeader,#EventHeaderin,#noie,#notice_red,#MenuFixed>ul>li:nth-child(4),.ClassList>.classPrint>input[type="button"]{display:none}
#BodyContentAd{margin:0}
/*內頁內容*/
 #BodyContentMainDetail{width:96%;padding:2%}
#BodyContentEvent,#columns{width:100%;}
/*首頁*/
 .indexteacher{order:2;}
.Videolist>figure img{width:100%}
.Videolist ul{margin:0 auto}
/*固定選單*/
 #MenuFixed{width:100%;bottom:0;position:fixed;opacity:.9;z-index:98;background:#043a76}
#MenuFixed>ul{margin:0 auto;text-align:center}
#MenuFixed>ul>li{font-size:1.2rem;line-height:1.8em;margin:0 2%;display:inline-block}
#MenuFixed>ul>li:nth-child(1) a{color:#1faae5}
#MenuFixed ul li:nth-child(2) a{color:#06C152}
#MenuFixed>ul>li:nth-child(3) a{color:#fb6257}
/*麵包穴*/
 #BodyContentNavigator{margin:1% auto}
/*TOP*/
 #topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:13%;position:fixed;line-height:50px;font-size:2em;text-align:center;z-index:98}
#topbutton a{color:#FFF;text-decoration:none}
}
@media (max-width:767px){#marquee_unit .hooper{height:55px;}
.audition>div,.HotWrap>div,.serve>div{width:100%;margin:0.5rem;}
.mb_header,.mb_bar{display:block;}
.mb_header img{max-width:100%;}
.mb_bar{display:flex;position:fixed;bottom:0;width:100%;background-color:#fce6a5;padding:0.5rem 0;z-index:99;font-size:1rem;}
.mb_bar a{text-decoration:none;color:#000;font-weight:900;}
.mb_bar i{font-size:1.2rem;font-weight:500;}
.mb_bar .facebook i{color:#155190;}
.mb_bar .line i{color:#10AC84;}
}
@media (max-width:320px){#marquee_unit .hooper{height:75px;}
}