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:1025px;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:15px;}
.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)}
*/
.preface .title{margin: 1.4rem 0;color:#584F6C !important}
.preface .title strong{margin: 0 .5rem;text-decoration: underline #584F6C double;}
/*影片樣式*/
.video_box{display:flex;justify-content:center;flex-wrap: wrap;}
.video_box iframe{width:40%;height:auto;aspect-ratio:16 / 9;border-radius: 25px;border: #2381FD solid 8px;box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;margin:1rem;}
.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}
.show_box{background-color:rgba(218, 218, 218, 0.418);margin:0 .5rem;}
.show_title{margin-bottom: .5rem;border-bottom: #D6CEA4 1px dotted;}
.show_detail{display: flex;margin-bottom: 1.5rem;}
.get_red{background:#e50112;color:#FFF;font-size:0.9em;padding:0 0.5rem;text-align:center;border-radius:10px;}
.get_purple{background:#594785;font-size:0.9em;padding:0 0.5rem;text-align:center;color:#FFF !important}
.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;}
@media (min-width:1201px){.flex .flex li{width:calc(100%/2);font-size: 1.1rem;}
/* .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;}
}
/*-----------------------------------------------------------*/
@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}
.preface .title{font-size: 1.5em !important}
.preface .title strong{display: inline !important}
#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;}
.show_title{color:#dc5c3f;margin:1% 11% 1% 10%;text-indent:-24px;}
.show_detail{display: block;}
.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}
#askarea .asktitle{font-size:1.8rem;}
.asktitle br,.reserve_time_list br{display:block;}
#askarea input[type="text"]{width:95%;margin:0 0 1rem;padding:0.5rem;}
.askarea{padding:6% 2%}
#askarea .formlist p,.askarea .formlist input{font-size:1rem;}
.asktitle{font-size:1.2em;font-weight:500}
.askarea .formlist{width:94%;margin:8% auto 1%}
.askarea .formlist p,.askarea .formlist input{font-size:1rem}
.askarea .formlist p{margin:0;padding:0;line-height:1.5em}
.askarea .formlist input{width:100%;margin:0 auto 7% auto}
.askarea .formlist input[type="submit"],.formlist input[type="reset"]{margin:0 2% auto auto}
/* .askarea .formlist p:nth-child(n+3):nth-child(-n+5){margin-bottom:7%}
*/
.askarea .formlist input[name="sRandomCode"]{width:25%}
#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;}
.video_box iframe{width:100%;}
}
@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%}
.video_box iframe{width:80%;}
}