.course_unit{padding:10px 0 0}
.coursetype_link{margin:10px auto 30px;text-align:center}
.coursetype_link>li{font-size:1.3em;border:solid 1px #dadada;display:inline-block;background:#f1f1f1;transition:all 0.3s linear}
.coursetype_link>li:hover{background:#ffd102}
.coursetype_link>li>a{display:inline-block;color:#420505;padding:3px 20px 0;line-height:35px;text-decoration:none}
.course_unit h3{font-size:2.2rem;color:#ff5a00;font-weight:500}
.course_unit h3 a{color:inherit;}
/*面授*/
.newopen_classlink{margin:0 10px 0 auto;text-align:right;position:relative;bottom:-9px}
.newopen_classlink>li{display:inline-block}
.newopen_classlink>li>a{display:inline-block;text-decoration:none;font-size:1.4rem;background:#944316;padding:7px 15px 8px;border-radius:15px 15px 0px 0px;color:#deac91;position:relative}
.newopen_classlink>li>a:hover{top:-6px;color:white}
.course_intro_box{margin:0 auto 20px;box-shadow:inset -1px -1px 2px #f1f1f1, inset 1px 1px 2px #f1f1f1}
.intro_title{background:#ff5a00;font-size:2.2rem;color:white;padding:3px 0;border-radius:15px 15px 0 0;margin:0 auto;font-weight:bold;text-align:center;position:relative}
.intro_content{padding:20px 30px;align-items:center}
.intro_content>.indexflex{margin:10px auto 25px}
.intro_content>.indexflex:nth-child(n+3):nth-child(-n+4){align-items:center}
.course_name{width:4.5em;font-size:1.9rem;margin:0 15px 0 0;color:#0074be;text-align:left}
.course_name a{color:#0074be}
.course_intro_box:nth-child(1) .course_name{width:6.5em}
.course_intro_box:nth-child(3) .course_name{width:7em}
.intro_content p{font-size:1.15rem;text-align:justify;line-height:32px}
.intro_list{width:70%;margin:0 auto 0 25px}
.intro_list>li{font-size:1.15rem;line-height:35px;list-style:decimal;text-align:justify}
.mocklist{width:84%;margin:5px auto 0 12%}
.mocklist>li{width:190px;height:150px;border-radius:50%;background:#ffd200;padding:40px 0 0;margin:auto;position:relative;text-align:center;font-size:2.5rem;line-height:80px}
.mocklist>li small{font-size:1.4rem;display:block}
.mocklist>li:before,.mocklist>li:after{position:absolute;}
.mocklist>li:before{content:"";border-style:solid;border-color:#dc3c3c transparent transparent transparent;border-width:50px 50px 0px 50px;top:0;left:23%} 
.mocklist>li:after{top:3px;left:36%;color:white;font-size:1rem;line-height:1.55em}
.mocklist>li:nth-of-type(1):after{content:"第一次"}
.mocklist>li:nth-of-type(2):after{content:"第二次"}
.mocklist>li:nth-of-type(3):after{content:"第三次"}
.mocklist>li:nth-of-type(4):after{content:"第四次"}
/*VOD*/
.vod_intro p,.ec_intro p{font-size:1.2rem;line-height:32px;text-align:justify;margin:5px auto 2.5%}
.vod_intro p>strong{color:#0074be;font-size:1.4rem}
.vod_branch a{color:#dc3c3c}
.vod_intro figure>img{width:100%}
.vod_intro ol>li,.ec_intro_txt ol>li{list-style:decimal;font-size:1.2rem;line-height:34px;margin-left:22px}
.vod_intro_box{padding:10px 0;margin:0 auto 25px;align-items: center;}
.vod_intro_box:nth-child(1){border-bottom:1px solid #ececec}
.vod_intro_box:nth-child(1) figure{width:25%;padding:0 4%}
.vod_intro_txt{width:63%;padding:1% 2%}
.vod_intro_box:nth-child(2) figure{width:40%;padding:0 4% 0 0}
.vod_intro_branch{width:50%;margin:0 auto 0 2%}
.vod_branch{background:#f1f1f1;border-radius:8px;padding:15px}
/*EC*/
.ec_link>li{width:calc(100%/4);text-align:center;font-size:1.25rem}
.ec_link>li i{margin-right:3px}
.ec_link>li>a{color:#dc3c3c;background:#f1f1f1;padding:10px;display:block}
.ec_link>li>a:hover{background:#dc3c3c;color:#FFF;text-decoration:none}
.ec_link>li:nth-child(n+2):nth-child(-n+4)>a{border-left:solid 1px #dadada}
.ec_intro_box{padding:2.5% 1%}
.ec_intro_txt{width:75%;margin:0 5% 0 0}
.ec_intro_box>figure{width:20%}
.ec_intro_box>figure>img{width:100%}
.ec_intro_title{font-size:1.8rem;color:#0983be;margin:3% auto 0}
.ec_service{grid-template-columns:repeat(3,1fr);grid-gap:30px 20px;margin:25px auto 60px}
.ec_service>ul>li{text-align:center}
.ec_service>ul>li:nth-of-type(2){font-size:1.4rem;font-weight:bold;margin:5px auto;color:#085586}
.ec_service>ul>li:nth-of-type(3){text-align:justify;font-size:1.1rem;line-height:1.6em}
.ec_service>ul>li a{color:#dc3c3c}
.ec_features{grid-template-columns:repeat(2,1fr);margin:10px auto 40px}
.ec_features_list{padding:25px 15px;border-bottom:solid 1px #ccc}
.featuresphoto{position:relative;overflow:hidden;width:170px;height:120px;margin:auto}
.featuresphoto img{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.featuresphoto a{display:block;width:100%;height:120px;transition:all .2s linear}
.featuresphoto a:before,.featuresphoto a:after{content:"";position:absolute;z-index:2}
.featuresphoto a:before{width:170px;height:120px;background:#00000047;left:0;top:0}
.featuresphoto a:after{background-image:url(../../File/Images/preview.png);width:35px;height:33px;background-repeat:no-repeat;left:0;right:0;top:0;bottom:0;margin:auto}
.featuresphoto a:hover:after{content:none}
.featuresphoto a:hover:before{top:120px}
.ec_features_list>dl{width:63%;margin:0 2%}
.ec_features_list>dl>dt{font-size:1.4rem;font-weight:bold;color:#085586}
.ec_features_list>dl>dd{font-size:1.1rem;line-height:30px;text-align:justify}
/*EC底下LINK*/
.ec_button{text-align:center;margin:30px auto}
.ec_button>ul>li{display:inline;margin:0 1.5%}
.ec_button>ul>li>a{background:#dc3c3c;color:white;text-decoration:blink;padding:7px 20px 5px;font-size:1.25rem;text-align:center;display:inline-block}
.ec_button>ul>li i{margin-right:3px}
.ec_button>ul>li>a:hover{color:#000;background:#ffd102;transform:scale(1.1)}
/*課表*/
.classlist_unit{padding:30px 0 0}
table.newclass,table.newclass th,table.newclass td,table.newclassdetail,table.newclassdetail th,table.newclassdetail td{border:1px solid #dbdbdb;border-collapse:collapse}
table.newclass{width:100%;margin:10px auto 50px;word-break:break-all}
table.newclass th,table.newclass td{padding:4px 10px;font-size:1.3rem;line-height:1.8em}
table.newclass th{width:20%;color:#fbf9f9;background:#dc3c3c;text-align:center;font-weight:500}
table.newclass td{text-align:left;color:#5b5b5b;background:#fff4e6;letter-spacing:1px}
table.newclass td ul li{margin:0 2%;display:inline-block}
table.newclass a{color:#9b2809;text-decoration:none}
.newclass_print{margin:5px auto 30px;text-align:center}
.newclass_print select,.newclass_print input{font-size:1rem;font-family:"Microsoft JhengHei";border-radius:5px;-webkit-appearance:none}
.newclass_print select{padding:2px 5px;border:1px solid #c6c6c6}
.newclass_print input{padding:3px 5px;background:#ffd102;border:1px solid #c6c6c6;margin-left:4px}
.newclass_detail{margin:0 auto 20px}
.newclass_detail_navigator li{display:inline-block;font-size:1.3rem;color:#5b5249;list-style:none}
.newclass_detail_navigator li + li:before{content:' > ';font-size:1rem;color:#5b5249}
table.newclassdetail{color:#5b5b5b}
table.newclassdetail{word-break:break-all}
table.newclassdetail th,table.newclassdetail td{padding:5px 10px}
table.newclassdetail th{width:15%;font-size:1.25rem;color:#fbf9f9;background:#dc3c3c;text-align:center;font-weight:500}
table.newclassdetail th:last-child{width:40%}
table.newclassdetail td{font-size:1.1rem;line-height:1.8em}
.subtitle{font-size:1.3rem;font-weight:bold}

@media(max-width:767px){
.coursetype_link>li{font-size:1rem}
.coursetype_link>li>a{padding:0 10px}
.course_unit h3{font-size:1.5rem}
.newopen_classlink>li>a{font-size:1rem;padding:6px 15px 12px}
.intro_title{font-size:1.4rem;padding:7px 0;font-weight:normal}
.intro_content{padding:4% 5%}
.course_name{width:100%;margin:0;font-size:1.5rem;line-height:1.8em}
.course_intro_box:nth-child(1) .course_name{width:100%}
.intro_content p,.intro_list>li{font-size:1.05rem;line-height:1.7em}
.intro_list{width:92%}
.intro_list>li{margin:1% 0}
.intro_content>.indexflex{margin:0 auto 4%}
.mocklist{margin:0 auto}
.mocklist>li{width:150px;height:100px;font-size:1.7rem;line-height:50px;padding:50px 0 0;margin:2% auto}
.mocklist>li:before{left:25px}
.mocklist>li:after{left:50px}
.mocklist>li small{font-size:1rem}
/*VOD*/
.vod_intro_box:nth-child(1) figure,.vod_intro_box:nth-child(2) figure{padding:0;margin:0 auto}
.vod_intro_box:nth-child(1) figure{width:60%}
.vod_intro_box:nth-child(2) figure{width:90%}
.vod_intro_txt{width:96%}
.vod_intro p,.vod_intro ol>li,.ec_intro p,.ec_intro_txt ol>li{font-size:1.05rem;line-height:1.8em}
.vod_intro ol,.ec_intro_txt ol{margin:5px auto 0}
.vod_intro p{margin:5px auto 20px}
.vod_intro p>strong{font-size:1.2rem}
.vod_intro_box{margin:0 auto 5px}
.vod_intro_branch{width:96%;margin:0 auto 15px}
/*EC*/
.ec_link>li{font-size:1rem}
.ec_link>li:nth-child(n+1):nth-child(-n+3) i{display:block;font-size:1.2rem}  
.ec_link>li>a{padding:10px 5px 8px}
.ec_intro_txt{width:100%;margin:0 auto;order:2}
.ec_intro_box>figure{order:1;width:70%;margin:4% auto}
.ec_intro_title{font-size:1.4rem;margin:25px auto 0}
.ec_service{grid-template-columns:repeat(1,1fr);grid-gap:20px 0;margin:20px auto 40px}
.ec_service>ul{width:96%;margin:0 auto}
.ec_service>ul>li:nth-of-type(2){font-size:1.2rem}
.ec_service>ul>li:nth-of-type(3){font-size:1rem}
.ec_button>ul>li{display:inline-block;margin:1.5% 1%}
.ec_button>ul>li>a{font-size:1.05rem;padding:5px 10px}
.ec_features{grid-template-columns:repeat(1,1fr)}
.ec_features_list{padding:20px 10px 10px} 
.ec_features_list>dl>dt{font-size:1.2rem}
.ec_features_list>dl>dd{font-size:1rem;line-height:1.7em} 
/*課表*/
table.newclass{margin:10px auto}
table.newclass th,table.newclass td{font-size:1.1rem}
table.newclass th{width:25%}
.newclass_print select,.newclass_print input{font-size:.9rem}
.newclass_print select{padding:3px 5px}
.newclass_detail_navigator li{font-size:1.1rem}
table.newclassdetail th{font-size:1rem;white-space:nowrap}
table.newclassdetail td{font-size:1rem;vertical-align:top}
.subtitle{font-size:1.2rem} 
}

@media(max-width:991px){
.mocklist{width:100%}
.intro_content>.indexflex:nth-last-of-type(1){margin:0 auto}
.ec_link>li{width:calc(100%/3)}
.ec_link>li:last-child{width:100%}
.ec_link>li:nth-child(4)>a{border-left:0!important;border-top:solid 1px #dadada}
.ec_features_list>dl{width:100%;margin:10px auto 0}
}

@media screen and (min-width:768px) and (max-width:991px){
.intro_title{font-size:1.8rem;padding:5px 0}
.course_name{font-size:1.7rem}
.intro_list{width:96%}
.mocklist{margin:2% auto 0}
.mocklist>li{width:170px;height:130px;font-size:2rem;line-height:70px}
.mocklist>li small{font-size:1.2rem}
.mocklist>li:before{left:20%}
.course_unit h3{font-size:1.8rem}
.vod_intro p,.ec_intro p,.vod_intro ol,.ec_intro_txt ol{font-size:1.1rem}
.ec_link>li{font-size:1.2rem}
.ec_intro_txt{width:65%}
.ec_intro_box>figure{width:30%}
.ec_service{grid-template-columns:repeat(2,1fr);grid-gap:20px}
.ec_service>ul>li:nth-of-type(2){font-size:1.3rem}
.ec_button>ul>li{margin:0 1%}
.ec_button>ul>li>a{font-size:1.2rem;padding:5px 10px}
}

@media screen and (min-width:992px) and (max-width:1200px){
.ec_features_list>dl{width:55%}
}