ul,li{list-style:none}
*{transition:all .5s}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
#interview{width:100%;margin:0 auto;font-family:'Noto Sans TC',sans-serif,"Microsoft JhengHei"}
#interview h1,#interview h2,#interview h3,#interview h4{text-align:center}
#interview h1{font-size:2.8rem;color:#dc5c3f}
#interview h2{font-size:2.9em;color:#fec0b1}
#interview h2 img{margin-right:1%}
#interview h3{font-size:2em;line-height:1.7em;color:#FFEF70}
#interview h4{font-size:3em;line-height:1.3em;color:#584f6c;margin-bottom:1%}
#interview h4 span{font-size:2.7rem;display:block}
.row1200{width:1200px;margin:0 auto}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.bgpadding{padding:2% 0}
.bgcolor0{background:url(../../File/images/scr_p_document_1_bg.jpg) no-repeat top center/100% 100%}
.bgcolor1{background:#584f6c}
.bgcolor2{background:url(../../File/images/scr_p_interview_3_bg.jpg) no-repeat top center/100% 100%}
.bgcolor3{background:url(../../File/images/scr_p_interview_4_bg.jpg) no-repeat top center/100% 100%}
.bgcolor4{background:#F44336}
.bgcolor5{background:#ffebe2}
.asktitle br,.reserve_time_list br{display: none;}
.course_master img{max-width:100%;display:block}
.intro{padding:10px 0}
.intro p{width:1070px;text-align:center;margin:0 auto;font-size:1.2rem;line-height:1.8em;color:#FFF}
.intro p>strong{color:#fff;display:block;font-size:1.8rem}
.intro a{color:#FFF;font-size:1.2rem}
.intro a:hover i{-webkit-transform:translate(8px,0px);transform:translate(8px,0px)}
.limited{background:#F00;font-size:1.8rem;line-height:40px;text-align:center;color:#FFF;font-weight:bold;display:inline-block;margin:0 auto 0 1%;padding:0 .5%}

.curriculum{display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;font-size: 1.4em;margin: 1rem auto;padding: 1rem 0;border: #9080b6 3px solid;border-radius: 15px;background-color: #9080b626;}
.curriculum .course_title{width: 20%;text-align: center;font-size: 2rem;color: #594785;}
.curriculum .course_title .price{display: block;font-size: 1.2rem;color: #dc5c3f;}
.curriculum .course_title .price b {display: block;font-size: .9rem;color: #607D8B;font-weight: normal;}
.curriculum .course_list{width: 65%;}
.curriculum .course_list .interview_class p.t_s,.curriculum .course_list .oral_class p.t_s{font-size: 1.2rem;color: #607D8B;}
.curriculum ol li:not(ul li){list-style-type:decimal;text-align: justify;margin: .5rem 0;}
.curriculum ol li:not(ul li) a{color: #dc5c3f}
.curriculum ol li:not(ul li)::marker{color: #dc5c3f;}
.curriculum ol li i {color: #dc5c3f;font-size: 1.7rem;border: 4px #d1cfd8 solid;border-radius: 50px;}
.more_btn{padding-left: .5rem;}
.more_detail{margin:1rem 0;padding:1rem 0;text-align:center;border:solid 1px #c3c3c3;text-align: justify;display: none;}
.more_detail {margin: 1rem 0;padding: 1rem 0;text-align: center;border: solid 2px #dc5c3fba;border-top: 3px #dc5c3f dotted;border-radius: 10px;text-align: justify;display: none;background-color: #ffffff80;}
.department p{color:#dc5c3f;}
.department ul{padding-left: 1em;}
.department ul li{list-style-type: disc;margin: .5rem 1rem;margin-left: 30px;}
.department ul li::marker {color: #00BCD4}

/*Lightbox*/
.course_column{background-color:#EFC920;font-size: smaller;text-decoration: none;color: #000;font-weight: bold;font-family: system-ui;filter: drop-shadow(0px 0px 2px #0000002f); padding: 0.2rem 0.75rem;margin-left: .5rem;}
.course_column:hover{text-decoration:none;left:1px;top:1px;position:relative;color: #fff;}
.modal{display:none;position:fixed;z-index:999;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto}
/* Modal Content */
.modal-content{position:relative;background-color:#fefefe;border-radius: 2rem;margin:auto;padding:1.5rem 1rem 0;width:90%;max-width:800px;filter: drop-shadow(0px 2px 100px #0000005a);}
.modal-content img{width: 100%;}
/* The Close Button */
.close{color:#000;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700}
.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}
.cursor{cursor:pointer}
.caption-container{text-align:center;background-color:#000;padding:2px 16px;color:#fff}
.demo{opacity:.6}
.active,.demo:hover{opacity:1}
/* .hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} */



.navbooking{text-align:center;margin:4% auto 0}
.navbooking a{color:#FFF;background:#dc5c3f;padding:1% 2.5%;border-radius:30px;text-decoration:none;font-size:1.4rem}
.navbooking i{margin-right:2px}
.navbooking a:hover i{-webkit-transform:translate(-5px,0px);transform:translate(-5px,0px)}
.note{text-align:center;font-size:1.05rem;margin:2% auto}
.note a{color:#000}
.featuresImg{margin:1% auto;justify-content: space-around;}
.featuresImg li{margin:0;list-style:none}
.featuresText{margin:1% 5%;text-align:left;counter-reset:li;width: 100%;}
.featuresText li{font-size:1.4em;line-height:1.8em;margin:0 auto .5%;counter-increment:li}
.featuresText li a{color:#000}
.featuresText li strong{font-size:1.5rem;color:#dc5c3f;font-weight:500}
.featuresText li::before{content:counter(li);width:32px;height:32px;color:#FFF;font-size:1.3rem;line-height:32px;text-align:center;display:inline-block;margin:0 .5% 0 0;background:#dc5c3f;border-radius:50%;font-family:"Arial Black",Gadget,sans-serif}
.obstacle{margin:1% auto}
.obstacle li{width:28%;padding:1.5% 2%;margin:0 .5%;background:#f3f3f3;border-radius:8px;text-align:justify;font-size:1.2em;color:#302f2d}
.obstacle li strong{font-size:1.6em;display:block}
.teacherContent{text-align:left}
.teacherTitle{width:250px;height:250px;padding:20px;margin:0 auto;border-radius:8px;color:#FFF;font-size:1.4rem}
.teacherTitle div{font-size:3.8rem;text-align:center}
.business{padding:2% 0}
.business .teacherTitle{background:#dc5c3f}
.eng .teacherTitle{background:#7664a2}
.teacher_text{width:72%;text-align:left;margin:0 auto 0 2%}
.teacherIntro ul{width:45%;padding:3% 2% 2% 3%;margin:0 auto;position:relative}
.teacher_ps{margin-top: 2rem;padding-bottom: 1rem;font-size: 1.2rem;text-align: center;}
.place{font-size: 1.1rem;}
.engImg{width:50%;margin:0 auto}
.engImg img{width:100%;height:100%;display:block}
ul.teacher{background:url(../../File/images/cs_p_teacher_leader_t_bg.jpg) no-repeat center top/100% 100%;position:relative}
ul.teaSpecial{background:#F1ECDF;border-bottom:4px solid #c4ab2c}
.teacher_img{width:37%;position:absolute;top:40px;right:10px}
.eng .teacher_img{top:10px}
.teacher_teach{width:100%}
.teacher_teach span{background:#B7A074;color:#FFF;font-size:1.3em;padding:.8% 3%;border-radius:8px}
.teacher_title{margin:2% auto 0;font-size:2rem;line-height:1.5em;color:#000}
.teacher_title small{font-size:1.2rem;line-height:1.4rem;font-weight:400;display:block}
.teacher_name{width:55%;padding:3% 0;margin:4% auto 4% 0;font-size:1.6rem;line-height:1.25em;color:#000;border-top:1px dotted #fb811e;border-bottom:1px dotted #fb811e}
.teacher_name a,.teaSpecial_Txt a{color:#000}
.eng .teacher_name{font-size:1.3rem}
.teacher_name small{font-size:0.8em;}
.teacher_content{list-style-type:disc;text-align:left;padding:0;margin:2% auto 2% 5%;font-size:1.05rem;line-height:1.55em;color:#000}
.teaSpecial_Txt{font-size:1.2rem;line-height:1.5em;margin:5% auto 0}
.teaSpecial_RTxt{margin:2% auto 0;padding:15% 2% 0;position:relative}
.teaSpecial_RTxt:before,.teaSpecial_RTxt:after{color:#D6CEA4;position:absolute;font-size:10em;font-family:cursive}
.teaSpecial_RTxt:before{content:'“';top:-5%;left:-100px}
.teaSpecial_RTxt:after{content:'”';top:83%;right:-90px}
.teaSpecial_RTxt p{font-size:1.45rem;line-height:1.55em}
.teaSpecial_RTxt strong{font-size:1.5rem;color:#DC5C3F}
.eng .teaSpecial_RTxt{margin:0 auto;padding:10% 2% 0}
.eng .teaSpecial_RTxt:before{top:-24%}
.eng .teaSpecial_RTxt:after{top:65%;right:-100px}
.eng .teaSpecial_RTxt p{font-size:1.3rem}
#interview .interview_grade h2{color:#e70012}
.grade_content{width:calc( 100%/2 - 65px);margin:1% auto 2%;padding:2%;background:#FFF;position:relative;box-shadow:5px 6px 0 rgba(143,143,139,0.32);-webkit-box-shadow:5px 6px 0 rgba(143,143,139,0.32);-moz-box-shadow:5px 6px 0 rgba(143,143,139,0.32);text-align:left}
.student{padding:0 2% 0 1%}
.name{font-size:1.5em;line-height:1.2em;margin:0 auto 2%}
.name small{font-size:1rem;margin-left:1%}
.name a{color: #3E3552;}
.stuget{width:100%;align-items:center}
.get_red{background:#e50112;color:#FFF;font-size:0.9em;padding:0 0.5rem;text-align:center;border-radius:10px;margin-left: .5rem;}
.get_school{font-size:1.25rem;line-height:1.45em;color:#607D8B;}
.get_school {font-size: 1.24rem;line-height: 1.45em;color: #607D8B;font-weight: bold;}
.mediaText{padding:.5% 1% .5% 2%;font-size:1.1rem;line-height:1.65em;border-top:2px solid #e50112;margin-top: .2rem;}
.mediaText strong{color: #dc5c3f;font-weight: normal;}
.stuImg{width:19%;float:right;text-align:right}
.stuImg img{border-radius:50%}
.mediaText a{color:#e50112;text-decoration:none;font-weight:700}
.grade_container{width: ;}
.grade_more{text-align:center;margin:3% auto 1%;font-size:1.4em}
.grade_more a{background:#e50112;color:#FFF;padding:.5% 2%;border-radius:30px;text-decoration:none}
.navlink a{box-shadow:0 5px #999;display:inline-block}
.navlink a:hover{opacity:.9}
.navlink a:active{box-shadow:0 3px #666;transform:translateY(2px)}
.navlink{margin:3% auto 1%;text-align:center}
.navlink a{font-size:1.5rem;padding:8px 25px;border-radius:15px;color:#FFF;text-decoration:none;background:#e50112}
#askarea .asktitle{font-size:2rem;color:#FFF;font-weight:bold;text-align:center}
#askarea input[type="text"]{width: 25%;margin: 1.5rem auto 1rem;}
#askarea .formlist p,.askarea .formlist input{font-size:1.25rem;}
#askarea .formlist p{color:#FFF}
#askarea .formlist input[type="submit"]{background:#ff642e}
.askarea{background:#584f6c;padding:2.5% 0 2%;font-family:"Microsoft YaHei"}
#askarea .formlist input[name="sRandomCode"]{width:20%;}
.reserve_time_box{width:46%;margin:1% auto;background:#f2f1f6;border-radius:10px}
.reserve_time_title{text-align:center;font-size:1.4rem;line-height:1.8em;background:#7664a2;border-radius:10px 10px 0 0;color:#FFF;padding:5px 0}
.reserve_time_list{margin:0 auto;padding:3%}
.reserve_time_list li{text-align:left;font-size:1.25rem;line-height:2em}
#reserve_time input[type="checkbox"]{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;top:6px;width:45px;height:26px;position: relative;background:#dbcdc6;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:15px;border:0;margin:0 8px 0 0}
#reserve_time input[type="checkbox"]:before{content:'';width:25px;height:25px;position:absolute;top:0;left:0;border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
#reserve_time input[type="checkbox"]:checked{border-color:#64bd63;box-shadow:#64bd63 0 0 0 16px inset;background:#64bd63}
#reserve_time input[type="checkbox"]:checked:before{left:22px}
.check-switch-anim{transition:border cubic-bezier(0,0,0,1) 0.4s,box-shadow cubic-bezier(0,0,0,1) .4s}
.check-switch-anim:before{transition:left .3s}
.check-switch-anim:checked{box-shadow:#3C92DC 0 0 0 16px inset;background-color:#3C92DC;transition:border ease 0.4s,box-shadow ease 0.4s,background-color ease 1.2s}
.check-switch-anim:checked:before{transition:left .3s}
.block {display: block;}
.w-full {width: 95.75%;}
.alarm {text-align: left;margin: 1rem auto auto;line-height: 1.55em;}
.alarm li {list-style-type: decimal;display: list-item;margin-left: 1rem;}
.askarea{background:#584f6c;padding:2% 0 1%;font-family:"Microsoft YaHei"}
.asktitle{font-size:1.8em;color:#FFF;font-weight:bold;text-align:center}
.formlist{width:950px;margin:2% auto 1%;text-align:left}
.formlist p,.formlist input,.formlist SELECT{font-size:1.25rem}
.formlist p{margin:1% auto;line-height:2em;color:#FFF}
.formlist input,.formlist SELECT{border-radius:7px;background:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto;font-family:"微軟正黑體"}
.formlist input{color:#C6C6C6}
.formlist SELECT{width:20%;color:#525252}
.formlist input[type="submit"],.formlist input[type="reset"]{padding:.5em;color:#FFF}
.formlist input[type="submit"]{background:#ff642e}
.formlist input[type="reset"]{background:#707070}
.formlist input[name="sContent"]{width:80%}
.formlist input[type="text"]{width:40%}

@media (min-width:1201px){
.flex .reserve_time_list li {width: calc(100%/2);}
/* .reserve_time_box:first-of-type .reserve_time_list {display: flex;flex-wrap: wrap;justify-content: space-around;} */
.alarm {width: 52%;}
.modal{padding-top: 0px;}
.formlist input[type="submit"], .formlist input[type="reset"]{margin:0 2% 0 0;height:auto}
.formlist input[name="sRandomCode"]{width:25%!important}
}



/*-----------------------------------------------------------*/
@media all and (max-width:1201px){
.askarea .formlist input[type="submit"],.askarea .formlist input[type="reset"]{height:auto}
}
/*-----------------------------------------------------------*/
@media all and (min-width: 1px) and (max-width:767px){
.bgcolor4 {background: #F44336;}
.ps{font-size: 0.8rem;}
.place{font-size: 1rem;display: block;}
.row1200{width:92%}
.bgpadding{padding:5% 4%}
#interview h1 strong{display:block}
#interview h1{font-size:2em;line-height:1.2em}
#interview h2{font-size:2em}
#interview h2 img{width:13%}
#interview h3{font-size:1.5em}
#interview h4{font-size:1.9em}
#interview h4 span{font-size:1em}
.intro{padding:3% 0}
.intro p{width:90%;font-size:0.95rem;line-height:1.6em;text-align:left}
.intro p>strong {font-size: 1.7rem;line-height: 1.7em;}
.intro a {font-size: 0.95rem;display: block;}

.curriculum .course_title{width: 100%;}
.curriculum .course_list{width: 85%;font-size: 1.14rem;}
.curriculum .course_list .interview_class p.t_s, .curriculum .course_list .oral_class p.t_s {font-size: 1rem;color: #607D8B}
.curriculum ol li:not(ul li) {text-align: left;}
.curriculum{font-size: 1.2em;}
.more_detail{font-size: 1em;}
.department p {color: #dc5c3f;margin: 1% 11% 1% 10%;text-indent: -24px;}
.department ul li {list-style-type: disc;margin: .5rem 0rem .5rem 0rem;margin-left: 30px;text-align: left;letter-spacing: -1px}

.qualifications{font-size: 1.2rem;padding: 0 1em;}
.note{font-size:.9rem;margin:5% auto}
.navbooking{margin:3% auto;font-size:1.25em}
.featuresImg{margin:2% auto}
.featuresImg li{width:50%}
.featuresImg img{width:100%;display:block}
.featuresText{margin:3% auto}
ol.featuresText li{font-size:1.2em;line-height:1.55em;margin:0 auto 2%}
ol.featuresText li strong{font-size:1.25rem}
ol.featuresText li::before{width:28px;height:28px;font-size:1.1rem;line-height:28px;margin-right:1%}
.obstacle li{width:88%;padding:2% 4%;margin:2% auto;font-size:1.1em}
.obstacle li strong{font-size:1.25em}
.business{padding:4% 0 0}
.teacherTitle{width:90%;height:auto;padding:3% 5%;font-size:1.25rem;border-radius:4px}
.teacherTitle div{font-size:2rem}
.teacher_text{width:100%;margin:1% auto}
.engImg{width:100%}
.teacherIntro ul{width:95%;padding:4% 2% 4% 3%}
.teacher_img img{width:100%}
.teacher_content{margin:2% auto 2% 6%}
.teacher_title{font-size:1.8em}
.teaSpecial_Txt{font-size:1.1rem;margin:0 auto}
.teaSpecial_RTxt,.eng .teaSpecial_RTxt{margin:4% auto 0;padding:10% 0}
.teaSpecial_RTxt p,.eng .teaSpecial_RTxt p{font-size:1.1rem}
.teaSpecial_RTxt strong{font-size:1.3rem}
.teaSpecial_RTxt:before{top:-31px;left:-106px}
.teaSpecial_RTxt:after{top:70px;right:-103px}
.grade_content{width:94%;padding:3%;margin:2% auto 4%}
.student{width:90%;padding:1% 5% 0}
.name{margin:0 auto 3%}
.mediaText{width:96%;padding:3% 2%;margin:3% auto 0;border-top:3px solid #e50112;border-left:0}
.stuImg{width:100%;float:none;text-align:center}
.mediaText p{text-align:justify}
.navlink{margin:3% auto 4%}
.navlink a{font-size:1.2rem} 
#reserve_time{margin:0 auto 4%}
.reserve_time_box{width:100%;margin:0 auto 4%}
.reserve_time_title{font-size:1.2rem;line-height:1.6em}
.reserve_time_list{padding:2% 5% 3% 7%}
.flex .reserve_time_list li {width: 100%;}
.reserve_time_list li{font-size:1.1rem}
input{height: auto;margin-bottom: 0;}
.formlist SELECT,.formlist input[name="sContent"],.formlist input[type="text"]{width: 100%}
.asktitle{font-size: 1.4rem;}
}
@media all and (min-width:768px) and (max-width:1200px){
.flex .reserve_time_list li {width: 100%;}
input{height: auto;}
#askarea input[type="text"] { width: 35%; padding: .5rem;margin: 0.5rem 0.5rem 1rem;}
.row1200{width:96%}
.bgpadding{padding:3% 2%}
#interview h1{font-size:2.5em}
#interview h2{font-size:2em}
#interview h2 img{width:7.5%}
#interview h3{font-size:1.6em}
#interview h4{font-size:2em}
#interview h4 span{font-size:1em}
.intro p{width:96%}
.featuresImg li{width:25%}
.featuresImg li img{width:100%}
.featuresText{margin:1% auto}
.teacher_text{width:100%;margin:0 auto}
.teacherTitle{width:90%;height:auto;padding:2% 5%;text-align:center}
.teacherTitle div{font-size:2.5rem}
.teacher_img img{width:100%}
.stuImg img{width:100%}
.askarea{padding:4% 0}
.askarea .formlist{width:90%;margin:5% auto 2%}
.askarea .formlist input{width:38%}
.reserve_time_list{padding:2% 5% 3% 5%}
}