@import url("../../../icon_new/css/all.min.css");
@import url("../../../File/css/event_common.css?v0705");
@import url("../../../File/css/animate.css");

*{box-sizing:border-box;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
body{font-family:"Microsoft JhengHei",Arial}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.row100{width:100%}
.row1200{width:1200px;margin:0 auto}
.bgpadding{padding:2% 0}
.bgcolor1{background:url(../images/1006003_basemap_left.png)no-repeat left top / 16% ,url(../images/1006003_basemap_right.png)no-repeat right top / 16% ,#efefe4;background-attachment:fixed}
#event h1,#event h2,#event h3{font-family:"Microsoft YaHei";text-align:center}
#event h1{font-size: 3rem;color: #c14142;margin: 2% 0 0;}
#event h2{font-size:2.8rem;color:#26626b}
#event h3{font-size:2.5rem}
#event a{display:inline-block}
#event i{margin:0 5px}
small{font-size:.8em}
.document_box img,.banner img{width:100%;display:block}

.header_content{padding:1.5% 2% 1%;background:#ffeb10}
.header_content>h3 strong{color:#da310b}
.htitle{font-size:1.5rem;padding:10px 0}
.hlist{margin:0 auto 5px}
.hlist>li{font-size:1.4rem;line-height:1.6em;margin:0 1%;display:inline;counter-increment:num;color:#da310b;font-weight:bold}
.hlist>li::before{content:counter(num);background:#da310b;color:#FFF;border-radius:50%;width:30px;height:30px;line-height:30px;display:inline-block;margin-right:2px;text-align:center}

/*優勢*/
.adv_box{width:calc(94%/3);margin:1%;padding:0 0 1%;border:2px dashed #e0e0c6;background:#ffffff80;text-align:left}
.advtitle{background:#26626b;color:#FFF;font-size:1.55rem;font-weight:bold;text-align:left;padding:5px 70px 5px 25px;display:inline-block;margin:0;clip-path:polygon(0 0, 100% 0%, 75% 100%, 0% 100%);-webkit-clip-path:polygon(0 0, 100% 0%, 75% 100%, 0% 100%);-o-clip-path:polygon(0 0, 100% 0%, 75% 100%, 0% 100%)}
.advintro{padding:2% 5%}
.advrow{margin:2% auto}
.advrow>div{font-size:1.25rem;font-weight:bold;color:#d5767b}
.advrow>p{font-size:1.05rem;line-height:1.7em}

/*時間軸*/
.timeline_detail{width:calc(100%/3);margin:1% 0;text-align:center}
.timeline_sub{font-size:1.7rem;font-weight:bold}
.timeline_detail:nth-of-type(1) .timeline_sub{color:#39a3b3}
.timeline_detail:nth-of-type(2) .timeline_sub{color:#da310b}
.timeline_detail:nth-of-type(3) .timeline_sub{color:#795548}
.schedule{margin:1% auto}
.schedule_list{width:calc(100%/3);text-align:center}
.schedule_day{color:#FFF;font-size:1.5rem;padding:4px 0;margin-top:90px;text-align:center}
.schedule_active{font-size:1.4rem;line-height:30px;font-weight:700;display:inline-block;border:solid 3px #39a3b3;width:120px;height:120px;border-radius:50%;text-align:center;position:relative;padding:30px 10px 20px}
.timeline_detail:nth-of-type(1) .schedule_list:nth-of-type(3)>.schedule_active,
.timeline_detail:nth-of-type(2) .schedule_list:nth-of-type(3)>.schedule_active,
.timeline_detail:nth-of-type(3) .schedule_list:nth-of-type(1)>.schedule_active,
.timeline_detail:nth-of-type(3) .schedule_list:nth-of-type(3)>.schedule_active
{line-height:55px}
.schedule_active:before,.schedule_active:after{content:"";position:absolute}
.schedule_active:before{width:62%;border:0;border-top:3px solid #39a3b3;transform:rotate(270deg);right:0;left:0;margin:auto;top:150px}
.schedule_active:after{width:11px;height:11px;background-color:#eeece1;bottom:-88px;right:0;left:0;margin:auto;border:solid 3px #39a3b3;border-radius:50%}
.timeline_detail:nth-of-type(1) .schedule_day{background:#39a3b3}
.timeline_detail:nth-of-type(2) .schedule_day{background:#da310b}
.timeline_detail:nth-of-type(3) .schedule_day{background:#795548}
.timeline_detail:nth-of-type(2) .schedule_active,
.timeline_detail:nth-of-type(2) .schedule_active:before,
.timeline_detail:nth-of-type(2) .schedule_active:after{border-color:#da310b}
.timeline_detail:nth-of-type(3) .schedule_active,
.timeline_detail:nth-of-type(3) .schedule_active:before,
.timeline_detail:nth-of-type(3) .schedule_active:after{border-color:#795548}
.note{padding:2% 0 0;text-align:center}

.document_box{margin:1% auto}
.document_box>dl{width:calc(100%/4 - 10px);margin:0 auto}
.document_box>dl>dt{font-size:1.5rem;font-weight:bold;color:#795548;text-align:center;margin: 0 0 5px;}
.document_box>dl>dd>figure>img{width:100%}

.course_bg{width:100%;margin:0.5% auto 1%}
.course_list{width:calc(100%/3 - 10px);margin:0 auto;background:#FFF;box-shadow:1px 1px 3px #CCC;border-radius:8px}
.course_list:hover{transform:scale(1.05)}
#event .course_list>h3{width:100%;font-size:1.8rem;color:#FFF;padding:3% 0 0;margin:0 auto;border-radius:8px 8px 0 0}
#event .course_list>h3>div{font-size:1.3rem;padding:3% 0;margin:2% auto 0}
.course_list:nth-of-type(1)>h3,.course_list:nth-of-type(1) nav a{background:#76B6D7}
.course_list:nth-of-type(2)>h3,.course_list:nth-of-type(2) nav a{background:#D5767B}
.course_list:nth-of-type(3)>h3,.course_list:nth-of-type(3) nav a{background:#9ACA84}
.course_list:nth-of-type(4)>h3,.course_list:nth-of-type(4) nav a{background:#EFB26D}
.course_list:nth-of-type(1)>h3>div{background:#476d81}
.course_list:nth-of-type(2)>h3>div{background:#955256}
.course_list:nth-of-type(3)>h3>div{background:#5c794f}
.course_list:nth-of-type(4)>h3>div{background:#a77c4c}
.suit{text-align:left;padding:4% 4% 4% 11%;font-size:1.1rem;height: 205px;}
.suit p{margin-bottom:4%}
.suit p span{display:block}
.suit ul li:before{content:"\f14a";font-family:"Font Awesome 5 Free";margin:0 1% 0 -1.05em}
.sale{border-top:2px dashed #CCC;font-size:1.1rem;text-align:center;padding:5% 5% 7%}
.price{font-size:1.2rem;color:#e70012}
.course_list nav{margin:6% auto 1%}
.course_list nav a{color:#FFF;padding:3px 20px;border-radius:8px;text-decoration:none;font-size:1.2rem}
.ps a{color:#000}
/*口試*/
.oral h3{color:#c14142}
.oral_img{display: flex;justify-content: center;}
.oral_img>img{width:25%;max-height: 270px;}
.oral .oral_des{justify-content: center;text-align: justify;font-size: 1.4rem;margin: 2% 0;}
.oral .icon{color: orange;margin-right: 0.5rem;}
.oral table{ border-collapse:collapse;width: 100%;margin-top: 1rem;font-size: 1.4rem;text-align: center;}
.oral th {
    border: #c14142 solid 1px;
    padding: 0.5rem;
    background-color: #ffe3e3;
    color: #b85151;
}
.oral td {
    border: #c14142 solid 1px;
    padding: 0.5rem;
    background-color: #fff;
}
/*經驗談*/
.experience{padding: 1rem 0 4rem 0;font-size: 1.2rem;}
.experience dl {
    text-align: justify;
    margin-top: 1rem;
    border-top: 2px #39a3b3 dotted;
    padding-top: 7px;
}
.experience .name {
    color: #26626b;
    font-weight: bold;
}
.experience .school {
    font-size: 1.35rem;
    color: #c14142;
    font-weight: bold;
}
.experience .school i{ color:#c00;font-size: 1.7rem}
.experience .des {width: 94%;margin: 0 auto;}
.experience .des a {
    background-color: #cc000087;
    color: #fff;
    padding: 3px 7px;
    line-height: 1.2rem;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.9rem;
}
.experience .des a:hover{background-color: #cc0000;color: #fff;}

.tel{padding:2% 0 1%;font-size:1.55rem;font-weight:bold;color:#795548;text-align:center}
.tel a{color:#c14142;}
.service_box{margin:1% auto 3%}
.service_box>ul>li{width:calc(100%/3 - 10px);margin:0 auto;text-align:center;font-size:1.3rem;background:#FFF;padding:0 0 15px;border-radius:10px}
.service_box>ul>li>div{background:#da310b;color:#FFF;font-size:1.4rem;line-height:1.8em;margin:0 auto 15px;border-radius:10px 10px 0 0}

.navlink{margin:3% auto 0;text-align:center}
.navlink li{display:inline;margin:0 1%}
.navlink a{position:relative;display:inline-block;z-index:1;font-size:1.3rem;padding:6px 30px;color:#FFF;background:#E91E63;text-align:center;font-weight:700;overflow:hidden;box-shadow:1px 1px 3px #696969;border-radius:5px;text-decoration:none}
.navlink a::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;width:30px;height:30px;background:#ed1c24;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1);-webkit-transition:-webkit-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s}
.navlink a:hover::before{-webkit-transform:scale3d(34,34,1);transform:scale3d(34,34,1)}
.askarea_out{background:#39a3b3}
#formlist input[type="submit"],#formlist input[type="reset"]{color:#000;background:#26626b;color:#FFF}
#formlist input {
    padding: .5%;
    color: #585858;
}

@media (max-width:767px){
.bgpadding{padding:5% 0 3%}
#event h1{font-size:1.7rem}
#event h2,#event h3{font-size:1.5rem}
#event h2 span,#event h3 span,.header_content>h3 strong{display:block}
.header_content{padding:3% 5%}
.htitle{font-size:1.2rem;padding:4% 0 0}
.hlist>li{font-size:1.15rem;display:block;margin:1% auto}
.hlist>li::before{width:25px;height:25px;line-height:25px;font-size:1rem}
.adv_bg{margin:0 1%}
.adv_box{width:100%;margin:1% auto}
.advtitle{font-size:1.3rem;padding:5px 50px 5px 15px}
.advintro{padding:1% 5%}
.advrow>div{font-size:1.1rem}
.advrow>p{font-size:1rem}
.timeline_bg{margin:2% auto}
.timeline_detail{width:100%;margin:2% auto}
.timeline_sub{font-size:1.3rem}
.schedule_active{width:110px;height:110px;font-size:1.25rem;padding:25px 10px}
.schedule_active:before{top:135px}
.schedule_active:after{bottom:-80px}
.schedule_day{font-size:1.25rem;margin-top:80px}
.note{font-size:.9rem}
.document_box{width:90%;margin:3% auto}
.document_box>dl{width:100%;margin:2% auto}
.document_box>dl>dt{font-size:1.4rem}
#event .document_box>dl>dt>i{display:inline-block;font-size:1.3rem;color:#795548;background:none}
.service_box{width:96%}
.service_box>ul>li{width:100%;margin:2% auto;font-size:1.2rem;padding:0 0 10px}
.service_box>ul>li>div{font-size:1.3rem;margin:0 auto 10px}  
.navlink{margin:4% auto 2%}
.navlink li{display:inline-block;margin:1%}
.navlink a{font-size:1.05rem;padding:5px 15px;font-weight:500}  
.course_list{width:100%;margin:2% auto}
#event .course_list>h3{font-size:1.5rem;padding:2% 0 0}
#event .course_list>h3>div{font-size:1.2rem;font-weight:normal;padding:2% 0;margin:1% auto 0}
.tel{font-size:1.2rem;padding:3% 0}
.tel>span{display:block}
.oral .oral_des{font-size: 1rem;}
.experience{font-size: 1rem;}
.oral table{font-size: 0.8rem;}
}

@media all and (min-width:768px) and (max-width:991px){
.bgpadding{padding:3% 0}
#event h1{font-size:2.5rem}
#event h2{font-size:2.2rem}
#event h3{font-size:2rem}
.navlink{margin:4% auto 1%}
.navlink li{margin:1%}
.navlink a{padding:6px 20px;font-size:1.25rem}
}

@media all and (min-width:992px) and (max-width:1200px){
.row1200{width:98%}
#event h2{font-size:2.5rem}
.document_box>dl{width:calc(100%/4 - 5px)}
.document_box>dl>dt{font-size:1.4rem}
.service_box>ul>li{width:calc(100%/3 - 5px)}
.service_box>ul>li>div{font-size:1.3rem}
}

@media all and (min-width: 1px) and (max-width: 991px){
.row1200{width:96%}
}