@import url("../../../icon_new_6.2/css/all.min.css");
@import url("../../../File/css/ani.css");

/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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%;line-height:1.5em;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*remember to define focus styles!*/
:focus{outline:0;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:'Noto Sans TC', "Microsoft JhengHei" , "Microsoft YaHei",  Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li,dd,ol{margin:0;padding:0;list-style-type:none;}
small{font-size: smaller;}

/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}

/*共用*/
.bgcolor0{background-color: #FCFCFC;background: linear-gradient(0deg, #ffffffaa, #ffffff00), linear-gradient(90deg, #889bd7, #655cb4);}
.bgcolor1{background-color: #fffdeb;background: linear-gradient(0deg, #ffffffaa, #ffffff00), linear-gradient(90deg, #d7dcf1, #ccc9e6);}
.bgcolor2{background-color: #fffdeb;background: linear-gradient(0deg, #ffffff00, #ffffffaa), linear-gradient(90deg, #d7dcf1, #ccc9e6);}
.bgcolor3{background-color: #fff;background: linear-gradient(0deg, #ffffffaa, #ffffff00 ), linear-gradient(90deg, #889bd7, #655cb4);}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

.ft_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}

:root{
    --purple:rgb(107, 47, 107);
    --hit:rgb(195, 57, 33);
    --mark:#51549a;
}
.yellow{color: #fff000;}
.red{color: var(--hit);}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

/*設計專用樣式Start*/
.banner {width: 100%;position: relative;font-family: "Microsoft YaHei"; background: linear-gradient(0deg, #ffffff1a, #ffffff1a), linear-gradient(0deg, #0000003a, #0000002a), url('../images/1308018_bg.jpg') no-repeat top center / 100%;vertical-align: middle;}
.banner_teacher img{width: 43.5%;margin: 1.5rem 0 0 .8rem;}
.banner_teacher .audition {position: absolute;left: 14%;bottom: 8%;color: #fff;font-size: 1.8rem;letter-spacing: .125rem;border-bottom: 1px dotted #ffffff5a;padding: .25rem 2rem .3rem;background: linear-gradient(90deg, transparent, #ffffff5a, transparent);}
.banner_teacher .audition a{text-decoration: none;}
.banner_teacher .audition:hover{border-bottom: 0px dotted #ffffff5a;letter-spacing: .25rem;}
.banner_text{position: absolute;top: 6rem;right:5.5rem;color: #fff;text-align: left;}
.banner_text h1 {font-size: 3.5rem;letter-spacing: .75rem;}
.banner_text h1 img {width: 16%;display: inline;margin: 0 1.25rem .25rem 0;}
.banner_text h2 {font-size: 8.5rem;letter-spacing: 1.25rem;line-height: 1.2;font-weight: 800;}
.banner_text h2 small {font-size: x-large;letter-spacing: .25rem;font-weight: 500;}
.text_linear{width: 145%;height: 2px;margin:1rem 0 .5rem;position: relative;left: -15rem;background: linear-gradient(90deg, #ffffff2a, #ffffff3a, #ffffff, #ffffff5a, #ffffff00);filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 2px #fff);}
.banner_text h3{font-size: 6rem;font-weight: 300;letter-spacing: .55rem;}
.banner_text h3 b{font-size: 7rem;font-weight: 800;letter-spacing:.85rem;line-height: 1;}
.banner_text h4{font-size: 3.5rem;letter-spacing:.85rem;margin: 0 0 0 .55rem;font-weight: lighter;}
.banner_text h4 span{line-height: 1;}
/* 課程紮實 試題精析 架構清晰 時事補充 */
.feature_out,.dcard,.plan_out,.previous,.service_out{padding: 1rem 0;}
.event_master{background: #fffdeb;position: relative;}
.event_master::before{content: '';width: 80px;height: 80px;position: absolute;top: 0;right: 0;background: #fffdeb;border-radius: 0 5rem 0 0;z-index: 1;}
.event_master::after{content: '';width: 80px;height: 80px;position: absolute;top: 0;right: 0;background: #584299;z-index: 0;}
.feature_out{width: 80%;margin: 2.5rem auto;text-align: center;}
.feature dt{font-size: 2.5rem;font-family: "Noto Serif TC", serif;font-weight: 800;}
.feature dd{font-size: 1.5rem;padding: 0 0 0 .5rem;line-height: 1.4;}
.feature:nth-child(odd) dt{color:#51549a;}
.feature:nth-child(even) dt{color:#68a5d4;}
.feature .feature_linear{height: 4px;margin: .8rem 0 .4rem;background:linear-gradient(90deg, #68a5d4, #51549a);position: relative;}
.feature:nth-child(odd) .feature_linear::before{content: '★';font-size: 2rem; background:linear-gradient(0deg, #4f489a, #ccc5e1);color: transparent;-webkit-background-clip: text;background-clip: text;position: absolute;top: -1.5rem;left: -2.9rem;}
.feature:nth-child(even) .feature_linear::before{content: '★';font-size: 2rem; background:linear-gradient(0deg, #68a5d4, #51549a);color: transparent;-webkit-background-clip: text;background-clip: text;position: absolute;top: -1.5rem;left: -2.9rem;}
.feature:last-child .feature_linear::after{content: '★';font-size: 2rem; background:linear-gradient(0deg, #4f489a, #ccc5e1);color: transparent;-webkit-background-clip: text;background-clip: text;position: absolute;top: -1.5rem;right: -2.9rem;}
/* Dcard激推 */
.dcard .group_title{width: 90%;font-size: 2.8rem;padding: .25rem;margin: auto;color: #fff;border-radius: 50rem; background:linear-gradient(90deg, #51549a , #68a5d4);}
.dcard .group_title img{width: 13%; display: inline;padding: 0 .6rem 1rem;}
.dcard img {padding: .5rem 0 0;margin: auto;}
.recommend_m , .previous_m{display: none;}
/* 完整課程規劃 */
.plan_out .group_title  ,.media_out .group_title , .books_out .group_title {font-size: 3rem;color: #51549a;text-align: center;}
.plan_out .plan_area{width: 85%;margin: .5rem 0 1rem 3.5rem;text-align: left;}
.plan_out .plan{margin: 1rem auto;padding: .25rem;}
.plan_out .plan dt {font-size: 1.9rem;font-weight: 800;color: #fff;text-shadow: 1px 1px 5px #0000009a;position: relative;/*clip-path: polygon(0 15%, 75% 15%, 75% 0, 100% 50%, 75% 100%, 75% 85%, 0 85%, 15% 50%);*/}
.plan_out .plan1 dt{background: linear-gradient(90deg, #f4d427, #ee8020);padding: 1.8rem .25rem 1.8rem 4.2rem;}
.plan_out .plan2 dt{background: linear-gradient(90deg, #99c963, #27818b);padding: 1.8rem .25rem 1.8rem 4.2rem;}
.plan_out .plan3 dt{background: linear-gradient(90deg, #71bfeb, #4f489a);padding: 1.8rem 1rem 1.8rem 10.5rem;}
.plan_out .plan4 dt{background: linear-gradient(90deg, #e95f9a, #901d22);padding: 1.8rem .25rem 1.8rem 4.5rem;}
.plan_out .plan dt::before{content: '';width: 0;height: 0;position: absolute;top: -6px;left: 0px;border: 50px solid;}
.plan_out .plan dt::before{border-color: transparent transparent transparent #fffdeb;}
.plan_out .plan dt::after{content: '';width: 0;height: 0;position: absolute;top: -15%;right: -116px;border: 58px solid;z-index: 5;}
.plan_out .plan1 dt::after{border-color: transparent transparent transparent #ee8020;}
.plan_out .plan2 dt::after{border-color: transparent transparent transparent #27818b;}
.plan_out .plan3 dt::after{border-color: transparent transparent transparent #4f489a;}
.plan_out .plan4 dt::after{border-color: transparent transparent transparent #901d22;}
.plan_out .plan dd {font-size: 1.3rem;;margin: 0 0 0 1.5rem;}
.plan_out .plan dd:nth-child(2) {padding: 1.25rem 0 0 .5rem;}
.plan_out .plan dd:nth-child(3) {padding: 0 0 1.25rem .5rem;position: relative;}
.plan_out .plan1 dd{border-left: 3px solid #f4d427;background: linear-gradient(90deg, #f4d4273a , transparent);}
.plan_out .plan2 dd{border-left: 3px solid #99c963;background: linear-gradient(90deg, #99c9633a , transparent);}
.plan_out .plan3 dd{border-left: 3px solid #71bfeb;background: linear-gradient(90deg, #71bfeb3a , transparent);}
.plan_out .plan4 dd{border-left: 3px solid #e95f9a;background: linear-gradient(90deg, #e95f9a3a , transparent);}
.plan_out .plan dd:nth-child(3)::after{content: '';width: 10px;height: 10px;border-radius: 50rem;position: absolute;bottom: -3px;left: -6.6px;}
.plan_out .plan1 dd:nth-child(3)::after{background: #f4d427;}
.plan_out .plan2 dd:nth-child(3)::after{background: #99c963;}
.plan_out .plan3 dd:nth-child(3)::after{background: #71bfeb;}
.plan_out .plan4 dd:nth-child(3)::after{background: #e95f9a;}
/* 業界收錄最齊全 */
.previous {background: linear-gradient(90deg, #68a5d4, #51549a);padding: 2rem 0 1rem;position: relative;}
.previous::before{content: '';width: 80px;height: 80px;position: absolute;top: 0;left: 0;background: linear-gradient(-45deg, #67a0d0, #68a5d4);border-radius: 5rem 0 0 0;z-index: 1;}
.previous::after{content: '';width: 80px;height: 80px;position: absolute;top: 0;left: 0;background: #fffdeb;z-index: 0;}
.previous .group_title{font-size: 3rem;color: #fff;text-align: center;position: relative;}
.previous img{width: 85.35%;padding: .5rem 0 0;margin: auto;}
.previous .audition a{font-size: 1.55rem;text-decoration: none;line-height: 1.1;padding: 1rem 1.2rem;color: #000000;border: 3px dotted #4f489a;border-radius: 50rem;background: #fff000;position: absolute;top: 4rem;right: 12rem;}
/* 考取學長姐齊聲推薦 */
.media_out{background: #fffdeb;padding: 2rem;}
.media_group{width: 92%;margin: .5rem auto;}
.media_photo {margin: auto;}
.media_photo img{border-radius: 9999rem;margin:auto;border: 1px solid #fff;filter: drop-shadow(0 0 3px #ffffffaa) drop-shadow(0 0 15px #ffffffaa);}
.media_des{text-align: left;padding: 0 0 0 1.5rem;}
.media_name{font-size: 1.4rem;}
.media_name{display: flex;}
.media_name dt {width:48%;padding: 0 .5rem .5rem;}
.media_name dd{width:52%;color: #231815;font-size: 1.45rem;/*display: flex;align-items: end;*/}
.media_name .media_name_column1 {padding: 3.5rem .25rem 0 .5rem;}
.media_name .media_name_column2 {padding: 1.35rem .25rem 0 .5rem;}
.media_name dt a{font-weight: 800;font-size: 1.9rem;line-height: 1.8;}
.media_name dt small{font-size: 1.25rem;}
.media_name dt span{display: block;text-align: center;text-shadow: 0 0 6px #000000aa;color: #fff;background:linear-gradient(180deg, #68a5d4 30%, #51549a);padding: .1rem 1rem .2rem;border-radius: .6rem;}
.media_name dd span {color: var(--hit);}
.media_content{font-size: 1.2rem;padding: 0 1rem 1rem;border-bottom: 1px dotted #0000002a;}
.media_content span{color: var(--mark);}
/* 精準掌握財管趨勢，勝試必讀 */
.event_third{background: #fff;}
.books_out{width: 90%;padding: 2rem 0;margin: auto;}
.books{width: calc(100% / 5 - 1%);padding: 1rem 0;font-size: 1.25rem;text-align: center;}
.books img{width: 100%;}
.books span{display: block;}
.books_more{width: fit-content;margin:1rem auto;border-radius: 50rem;padding: .2rem 1rem;background:var(--hit);border: 2px dotted #fff;}
.books_more a{text-decoration: none;color: #fff;font-size: 1.2rem;}
.books_more:hover{position: relative;top: 2px;}
/* 量身定制多元學習模式 */
.event_fourth{background: linear-gradient(180deg, #534b9f5a, transparent);}
.service_out{width: 90%;margin: auto;padding: 3rem 0;color:#fff;text-shadow: 0 0 8px #0000007a;}
.service_out .group_title{font-size: 3rem;text-align: center;padding: 0 0 1rem;}
.service{width: 28%;margin: .5rem auto 0;}
.service dt{color: #fff000;font-size: 2rem;letter-spacing: .125rem;border-bottom: 1px dotted #ffffff5a;text-align: center;padding: .5rem 0 .6rem;margin: .5rem auto .6rem;background: linear-gradient(90deg, transparent, #ffffff4a, transparent);}
.service dd{font-size: 1.3rem;}
.service dd img{width: 100%;margin: .8rem auto 0;border-radius: 1rem;}

/*設計專用樣式END*/

#askarea_out input, #askarea_out select {color: rgb(82, 80, 80);padding: 0 0.4rem;}
#askarea input[type="submit"],#askarea input[type="reset"]{color: white;}
#askarea_out img{width: 25%;display: inline-block;margin: .5rem 0 0;}

@media (min-width: 1201px){
    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:auto;display:inline-block;width:1200px;padding:0;}
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:100%;float:left}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#FFF}
    #BodyHeader_event #header-share img{margin-bottom:5px;max-width: 12%;display: inline-block;}
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
    #BodyFooter_rwd{width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a{color:#000}
    #footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
    #footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
    #adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;display: inline-block;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{background:linear-gradient(65deg, #759fd3, #5c47a0);width:100%;display:inline-block;text-align:left}
    #askarea{width:1200px;margin:3rem auto}
    #askarea img{width:8%;height:auto}
    #askarea p{margin-top:1%;margin-bottom:1%;font-size:1.2em}
    #askarea .asktitle,#askarea .asktitle p{text-align:center}
    #askarea .asktitle{color:#FFF;font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
    #askarea #formlist{width:80%;margin:2% auto;color:#FFF}
    #askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
    #askarea SELECT{width:19.7%}
    #askarea input{color:#A1A1A1}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:40%;/*height:20px*/}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#eb543f;padding:.5em}
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
    #noie a{color: #FC0;}
    .hottxt{ color: #ffd942; font-size: 13px;}
}

@media (max-width: 1200px){
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /*header*/
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    #BodyHeader_event_rwd img,#BodyFooter_rwd #footer_inline ul li img{display: inline-block;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*選單*/
    #mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
    #mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
    /*body*/
    #Master_title{display:inline-block;width:100%;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 11%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:100%;padding:0%;}

    .banner_teacher .audition {font-size: 1.5rem;}
    .banner_teacher img {width: 43.5%;margin: 1rem 0 0 .8rem;}
    .banner_text {position: absolute;top: 3.8rem;right: 2.25rem;}
    .banner_text h1 {font-size: 2.25rem;letter-spacing: .35rem;}
    .banner_text h1 img {width: 13%;}
    .banner_text h2 {font-size: 5.25rem;letter-spacing: .8rem;}
    .banner_text h2 small {letter-spacing: .15rem;}
    .text_linear {width: 130%;height: 1px;position: relative;left: -10rem;}
    .banner_text h3{font-size: 3.7rem;letter-spacing: .55rem;}
    .banner_text h3 b{font-size: 4.2rem;letter-spacing:.65rem;line-height: 1;}
    .banner_text h4{font-size: 2.2rem;letter-spacing:.5rem;}
    .banner_text h4 span{line-height: 1;}

    .feature dt {font-size: 2rem;}
    .feature dd {font-size: 1.25rem;}
    .feature_out {width: 85%;margin: 0 auto;padding: 2.5rem 0;}
    .event_master::before , .event_master::after {content: unset;}
    .feature_out {width: 95%;}
    .feature:nth-child(odd) .feature_linear::before , .feature:nth-child(even) .feature_linear::before {content: '★';font-size: 1.5rem;position: absolute;top: -1.2rem;left: -1.75rem;}
    .feature:last-child .feature_linear::after{content: '★';font-size: 1.5rem;position: absolute;top: -1.2rem;left: 8rem;}
    
    .dcard img{width: 70%;margin:.5rem auto 0;}
    .dcard .group_title img {width: 18%;}
    .dcard .group_title {font-size: 2.3rem;text-align: center;}
    .plan_out .group_title, .media_out .group_title, .books_out .group_title {font-size: 2.5rem;}
    .recommend{display: none;}
    .recommend_m{display: block;}
    
    .plan_out .plan_area {width: 66%;margin: .5rem 0 1rem 8.5rem;}
    .plan_out .plan dt {font-size: 1.8rem;}
    .plan_out .plan1 dt , .plan_out .plan2 dt{padding: 1.8rem 3.5rem 1.8rem 8.25rem;}
    .plan_out .plan3 dt{padding: 1.8rem 0 1.8rem 10.5rem;}
    .plan_out .plan4 dt{padding:1.8rem 1.5rem 1.8rem 5.5rem;}
    .plan_out .plan dd {font-size: 1.3rem;;margin: 0 0 0 1.5rem;}
    .plan_out .plan dd:nth-child(2) {padding: 1rem 0 0 1.25rem;}
    .plan_out .plan dd:nth-child(3) {padding: 0 0 1.5rem 1.25rem;}

    .previous img {width: 100%;}
    .previous .audition a{font-size: 1.4rem;top: 2.2rem;right: 2.2rem;}
    
    .media_out {padding: 1rem;}
    .media_group {width: 100%;}
    .media_photo img {margin: 1.25rem auto 0.5rem;}
    .media_des{padding: 0 0 0 .5rem;}
    .media_name {flex-direction: column;}
    .media_name dt , .media_name dd {width: 100%;}
    .media_name dt span {display: inline-block;margin: 0 0 0 .5rem;}
    .media_name dd{font-size: 1.4rem;}
    .media_name .media_name_column1 , .media_name .media_name_column2 {padding:0 .5rem .8rem;}
    
    .books{font-size: 1.1rem;}
    .service dt {font-size: 1.8rem;}
    .service dd {font-size: 1.15rem;}

    /*footer*/
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /*ask*/
    #askarea{background:linear-gradient(65deg, #759fd3, #5c47a0);width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #C6C6C6;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

@media (min-width: 768px) and (max-width: 1023px){
    .plan_out .plan_area {width:85%;margin: .5rem 0 1rem 1.5rem;}
    .plan_out .plan dt {font-size: 1.8rem;}
    .plan_out .plan1 dt , .plan_out .plan2 dt{padding: 1.8rem 3.5rem 1.8rem 8.25rem;}
    .plan_out .plan3 dt{padding: 1.8rem 0 1.8rem 10.5rem;}
    .plan_out .plan4 dt{padding:1.8rem 1.5rem 1.8rem 5.5rem;}
    .plan_out .plan dd {font-size: 1.3rem;;margin: 0 0 0 1.5rem;}
    .plan_out .plan dd:nth-child(2) {padding: 1rem 0 0 1.25rem;}
    .plan_out .plan dd:nth-child(3) {padding: 0 0 1.5rem 1.25rem;}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {   
}

@media (max-width: 767px) { 
    .banner_teacher img {width: 43.5%;margin: 1rem 0 0 .15rem;}
    .banner_teacher .audition {font-size: 1.1rem;left: 3.5%;bottom: 7%;letter-spacing: .025rem;}
    .banner_text {top: 2.25rem;right: .5rem;}
    .banner_text h1 {font-size: 1.125rem;letter-spacing: .15rem;}
    .banner_text h1 img {width: 13%;margin: 0 .5rem .25rem 0;}
    .banner_text h2 {font-size: 2.6rem;letter-spacing: .35rem;line-height: 1;}
    .banner_text h2 small {font-size: initial;letter-spacing: .1rem;}
    .text_linear {left: -5rem;margin: .6rem 0 .3rem;}
    .banner_text h3{font-size: 1.7rem;letter-spacing: .3rem;}
    .banner_text h3 b{font-size: 2rem;letter-spacing:.35rem;line-height: 1;}
    .banner_text h4{font-size: 1.125rem;letter-spacing:.15rem;line-height: 1.25rem;margin: 0 0 0 .25rem;font-weight: 500;}
    .banner_text h4 span{line-height: .5;}

    .feature_out {padding: 1rem 0;}
    .feature{margin: .5rem auto;}
    .feature dt {font-size: 1.6rem;}
    .feature .feature_linear {height: 3px;margin: .4rem 0 .3rem;}
    .feature dd {font-size: 1.1rem;}
    .feature:nth-child(even) .feature_linear::before {content: '★';font-size: 1.3rem;position: absolute;top: -1rem;left: -2.25rem;}
    .feature:nth-child(odd) .feature_linear::before,  .feature:last-child .feature_linear::after {content: unset;}

    .dcard .group_title {width: 95%;padding: .5rem .5rem .8rem;line-height: 1rem;font-size: 1.6rem;}
    .dcard .group_title img {width: 25%;padding: 0 .6rem .1rem;}
    .dcard img {width: 95%;margin:.25rem auto ;}
    .plan_out .group_title, .media_out .group_title, .books_out .group_title ,.previous .group_title ,.service_out .group_title {font-size: 1.85rem;line-height: 1;padding: 0 1rem;}

    .plan_out .plan_area {width: 80%;margin: .5rem 0 1rem 1rem;}
    .plan_out .plan {margin: .5rem auto;}
    .plan_out .plan dt {font-size: 1.4rem;text-shadow: 1px 1px 5px #0000003a;}
    .plan_out .plan dt::before{top: 0;left: 0px;border: 40px solid;border-color: transparent transparent transparent #fffdeb;}
    .plan_out .plan dt::after{top: -15%;right: -31%;border: 52px solid;}
    .plan_out .plan1 dt::after{border-color: transparent transparent transparent #ee8020;}
    .plan_out .plan2 dt::after{border-color: transparent transparent transparent #27818b;}
    .plan_out .plan3 dt::after{border-color: transparent transparent transparent #4f489a;}
    .plan_out .plan4 dt::after{border-color: transparent transparent transparent #901d22;}
    .plan_out .plan1 dt , .plan_out .plan2 dt , .plan_out .plan3 dt , .plan_out .plan4 dt{padding: 1.5rem 5rem 1.5rem 8.5rem;}
    .plan_out .plan dd {font-size: 1.1rem;;margin: 0 0 0 1rem;}
    .plan_out .plan dd:nth-child(2) {padding: 1rem 0 0 .8rem;}
    .plan_out .plan dd:nth-child(3) {padding: 0 0 1rem .8rem;}
    
    .previous{padding: 1.5rem 0;}
    .previous_pc{display: none;}
    .previous_m{display: block;}
    .previous::before ,.previous::after{content: unset;}
    .previous img {width: 83%;margin: auto;}
    .previous .audition a{display: block;position: unset;font-size: 1.15rem;padding: .4rem 1rem .45rem;width: fit-content;margin:.8rem auto .25rem;border: 2px dotted #5e81ba;}
    .previous .audition br{display: none;}

    .media_name dt {padding: 0 0 .5rem;}
    .media_name dt a {font-size: 1.4rem;}
    .media_name dt small {font-size: 1.15rem;}
    .media_name dt span {margin: 0;font-size: 1.15rem;}
    .media_name dd {font-size: 1.15rem;}
    .media_content {font-size: 1.05rem;padding: 0 .25rem 1rem;}
    .media_name .media_name_column1, .media_name .media_name_column2 {padding: 0 0 .6rem .25rem;}
    .media_photo img {width: 50%;}

    .books {width: 48%;margin: auto;}

    .service {width: 80%;}
    .service_out {padding: 2.5rem 0;}
    .service dt {font-size: 1.6rem;}
    .service dd {text-align: center;}
}

@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 {
}