@import url("../../../icon_new/css/all.min.css");
@import url("../../../File/css/event_common.css?v0705");
@import url("../../../File/css/animate.css");
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
h1{font-size:3.5em}
h2{font-size:2.5em}
h3{font-size:2.2em}
[class*="flex"]{display:flex;flex-wrap:wrap}
.row100{width:100%}
body{font-family:"Microsoft JhengHei",Arial}
.bgpadding{padding:30px 0}
article::before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;-webkit-background-size:cover;background:url(../images/1001045_star_basemap.svg) no-repeat 0 center / 100%,url(../images/1001045_planet_basemap.svg)no-repeat left 450px,linear-gradient(28deg,#ffe000 25%,#41a8f8 43%,#22aa9b 55%,#383692 67%,#06172d 100%)}
article{background:url(../images/1001045_star_basemap.svg)no-repeat top center / 100%,url(../images/1001045_planet_basemap.svg)no-repeat left 450px,linear-gradient(28deg,#ffe000 25%,#41a8f8 43%,#22aa9b 55%,#383692 67%,#06172d 100%);background-attachment:fixed;overflow:hidden;z-index:0;position:relative}
.banner+section{padding:50px 0 30px;margin-top:-10px;_padding:10px 0 30px;_margin:12px 0 0}
section p,div p{line-height:1.9em}
a{text-decoration:underline;color:#fb3e3e}
a:hover{text-decoration:none}
.bgcolor{background-color:#ffffff38}
.bgcolor1{background:url(../images/1001045_arrow.png)no-repeat left center,url(../images/1001045_arrow.png)no-repeat right bottom,#ffe000}
.bgcolor2{background:url(../images/1001045_basemap_left.png)no-repeat center left,url(../images/1001045_basemap_right.png)no-repeat top right,#fff;background-attachment:fixed}
.bgcolor3{background-color:#fdacac}
aside{text-align:center}
#Master_title ul{font-size:2.5em;font-weight:700}
#Master_title span{font-size:2.2em}
#Master_title ul li{display:inline-block}
section h1{letter-spacing:.2em;font-family:"Microsoft YaHei";background:-webkit-linear-gradient(top,#2e4073 30%,#101d42 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
section h1,section h2{text-align:center;color:#101d42}
img{max-width:100%}
.rocket{position:absolute;animation:fly 12s linear 1 forwards;top:150%}
@keyframes fly {
from{-webkit-transform:translateX(0px)}
to{-webkit-transform:translateX(2500px)}
}
.banner{display:grid;grid-template-columns:repeat(8,12.5%);grid-template-rows:repeat(5,20%);padding:2% 0 0;height:450px}
.picture_title{grid-column-start:3;grid-column-end:span 4;grid-row-end:2;position:relative}
.picture_title p{text-align:center;color:#0a72ca;font-weight:700;font-size:2.4em;margin:8px 8% 0;background-color:#fff;letter-spacing:3px;position:relative;margin-bottom: 2rem;}
.picture_title p:before,.picture_title p:after,.picture_title p span:before,.picture_title p span:after{content:"";position:absolute;width:0;height:0;border-style:solid;left:-15px}
.picture_title p:after{border-width:0 15px 30px 0;border-color:transparent #fff transparent transparent;top:0}
.picture_title p:before{border-width:0 0 30px 15px;border-color:transparent transparent #fff;bottom:0}
.picture_title p span:before{border-width:30px 15px 0 0;border-color:#fff transparent transparent;top:0}
.picture_title p span:after{border-width:30px 0 0 15px;border-color:transparent transparent transparent #fff;bottom:0}
.picture_title p span:before,.picture_title p span:after{right:0;left:auto;right:-15px}
.picture_title p span{display:block;position:relative}
.picture_title p span,.picture_title p{height:60px;line-height:60px}
.picture_title .get{font-size: 2.5rem;font-weight: 900;margin-top: 0.5rem;text-align: center;}
.banner .planet{position:relative}
.banner .planet:nth-of-type(2){grid-column:1/2;grid-row:1/2}
.banner .planet:nth-of-type(3){grid-area:3/3/3/2}
.banner .planet:nth-of-type(4){grid-area:1/7/4/9}
.banner .planet:nth-of-type(5){grid-area:4/9/5/6}
.enterprise h3{font-size:2em;text-align:center;color:#fb3e3e;font-weight:400}
.enterprise h3+p{margin:3px 0 9px;font-size:1.3em;background-color:#fb3e3e;text-align:center;color:#fff}
.enterprise h2,.school-wrap{margin:0 0 18px}
.planet a{transition:all .2s linear;display:block;position:relative;filter:drop-shadow(0px 0px 6px #ffffffa6);cursor:initial}
.planet a .school{position:absolute;bottom:-35px;right:0;left:0;margin:auto;text-align:center;color:#fff}
.planet a .school p{text-align:center;font-size:1.2em;margin:0}
.school-item{width:calc(100%/4 - 6px);box-sizing:border-box;background-color:#fff;padding:20px 15px;margin:0 3px;border-radius:8px;position:relative}
.school-top{width:90px;height:90px;border-radius:50%;margin:auto;background-color:#e6e6e6;display:flex;justify-content:center;align-items:center}
.school-cont{margin:0 0 0 30px}
.school-cont li{text-align:left;list-style:none;list-style-image:url(../images/1001045_list.png)}
.amount{margin:auto;width:100%}
.guide-btn{display:inline-block;background-color:#2d7597;color:#fff;text-decoration:none;border-radius:50px;padding:.5rem 1rem;margin:1rem;font-size:1.2em}
.table{display:table;width:100%;background-color:#fff;margin:10px 0 5px}
.tr{display:table-row}
.th,.td{display:table-cell;text-align:center;border-bottom:solid 1px #ffe000;border-right:solid 1px #ffe000;padding:8px 5px}
.th{background-color:#b93c0e;font-size:1.125em;color:#fff}
.teacher-pic{border-radius:1rem;overflow:hidden;width:80%;height:250px;margin:auto;padding:1rem;background-color:#D9CFAE;text-align:center}
.teacher-pic:hover img{transform:scale(1.05)}
.teacher-item{width:calc(100%/3);margin:2rem 0 auto;padding:0 20px;box-sizing:border-box}
.teacher-item .fa-chevron-right{color:#407A99}
.teacher-item p{text-align:left}
.teacher-item dl dt{font-size:1.5em;font-weight:700;margin:0 0 5px}
.teacher-item dl dd{display:inline-block;margin:.5rem .2rem}
.teacher-item dl a{text-decoration:none;background-color:#fb3e3e;color:#fff;border-radius:1rem;padding:.5rem 1rem}
.teacher-item small{font-size:.7em;font-weight:lighter}
.comment-item{margin:4rem auto 0}
.comment-item p{text-align:justify}
.student-cont{font-size:1.3em;align-items:center}
repeat[n="6"]:before{content:"★★★★★★";color:#FB932C;font-size:1.5em}
.student-cont .fa-youtube{color:#407A99;font-size:1.5em}
.student-cont li:nth-of-type(2) a{color:#407A99}
.pass{color:#407A99;font-weight:bold;}
.student-cont a{color:#000;margin:auto .5rem}
.student-cont img{width:10%;border-radius:1rem}
.student-cont ul{border-bottom:1px solid #d7d7d7;width:85%;text-align:left;padding-bottom:.5rem;margin-left:3rem;box-sizing:border-box}
.learn-way{width:calc(100%/3)}
.learn-way>span{background-color:#ffe000;display:block;margin:11px 49px 13px;font-size:1.3em;border-radius:25px;text-align:center}
.learn-pic{width:300px;height:300px;border-radius:100%;overflow:hidden;margin:auto}
.learn-pic img{width:100%;height:100%;object-fit:cover}
.fea_course_out{margin-top:2rem}
.fea_course{width:calc(100%/4);text-align:center;color:#fff}
.course_title{font-size:1.5em;font-weight:700}
.course_title a{display:inline-block;color:#ffe000}
.course_img{position:relative;margin:10% 0 0}
.course_img:before{width:100%;height:2px;background:#42b9ac;top:-18%;z-index:0}
.course_img:after{width:18px;height:18px;border-radius:50%;top:-28px;z-index:1;border:#fff solid 2px;background:#fff111;background:-moz-linear-gradient(90deg,rgba(255,241,17,1) 0%,rgba(0,165,201,1) 100%);background:-webkit-linear-gradient(90deg,rgba(255,241,17,1) 0%,rgba(0,165,201,1) 100%);background:linear-gradient(90deg,rgba(255,241,17,1) 0%,rgba(0,165,201,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff111",endColorstr="#00a5c9",GradientType=1)}
.course_img:before,.course_img:after{position:absolute;content:"";left:0;right:0;margin:auto}
.bottomlink{bottom:0;left:0;right:0;width:100%;background:#1eaec5;display:inline-block;position:fixed;z-index:1;padding:13px 0;text-align:center}
.bottomlink:before{display:block;width:0;height:100%;position:absolute;right:0;bottom:0;background:linear-gradient(90deg, #fffffd00 0%, #1eaec5 40%, #5dd1e3 100%);content:'';z-index:-1;animation:infobe 10s infinite}
@-webkit-keyframes infobe {
0%{right:0;left:auto;width:0}
10%{right:auto;left:0;width:0}
48%{right:auto;left:0;width:100%}
52%{right:0;left:auto;width:100%}
90%{right:0;left:auto;width:0}
100%{right:0;left:auto;width:0}
}
@keyframes infobe {
0%{right:0;left:auto;width:0}
10%{right:auto;left:0;width:0}
48%{right:auto;left:0;width:100%}
52%{right:0;left:auto;width:100%}
90%{right:0;left:auto;width:0}
100%{right:0;left:auto;width:0}
}
.bottomlink li{display:inline;margin:0 1%}
.bottomlink a{font-weight:700;color:#fff;display:inline-block;font-size:1.3rem;text-decoration:none}
.bottomlink a:hover{color:#ffe000}
.askarea_out{background:#ffe000}
.asktitle{font-weight:bold}
.asktitle,#formlist{color:#000}
#formlist input[type="submit"],#formlist input[type="reset"]{background:#fb3e3e;color:#FFF}
#BodyFooter_rwd{padding-bottom:53px}
#ask,#BodyFooter_rwd{position:relative}

@media (min-width: 1201px){
article::before{top:auto}
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:1180px;padding:10px}
#Master_title{display:block}
.fea_course:nth-of-type(1) .course_img:before{width:50%;left:50%}
.fea_course:nth-of-type(4) .course_img:before{width:50%;right:50%}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background:#39C;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
}

@media (max-width: 1200px){
article{background:url(../images/1001045_star_basemap.svg)no-repeat top center / 100%,linear-gradient(28deg,#ffe000 25%,#41a8f8 43%,#22aa9b 55%,#383692 67%,#06172d 100%);background-attachment:fixed;overflow:hidden}
.banner+section{padding:0 0 30px;margin:0}
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:2% auto;display:inline-block;width:98%;padding:1%}
#Master_title{display:block}
.banner{grid-template-columns:repeat(5,20%);grid-template-rows:repeat(5,20%);height:100%;height:100%}
.picture_title{grid-column-start:2;grid-column-end:span 3}
.banner .planet:nth-of-type(2){grid-column:1/2;grid-row:1/2}
.banner .planet:nth-of-type(3){grid-area:4/1/4/1}
.banner .planet:nth-of-type(4){grid-area:1/5/2/5}
.banner .planet:nth-of-type(5){grid-area:4/5/6/6}
.school-item{width:calc(100% - 2px);margin:0 15px 3px;padding:10px 2px}
.picture_title p{font-size:1.2em;margin:0 26px}
.picture_title p span,.picture_title p{height:40px;line-height:40px}
.comment-wrap{text-align:center}
.comment-item p{padding:0 1rem}
#event_sec{text-align:center}
.teacher-item dl a{padding:.5rem}
.course_img{margin:15% 0 0}
.bottomlink li{display:inline-block}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fea_course:nth-of-type(1) .course_img:before{width:50%;left:50%}
.fea_course:nth-of-type(4) .course_img:before{width:50%;right:50%}
.school-item{width:calc(94%/2);margin:0 15px 10px}
}

@media (min-width: 768px) and (max-width: 991px) { 
.learn-pic{width:250px;height:250px}
.fea_course:nth-of-type(1) .course_img:before{width:50%;left:50%}
.fea_course:nth-of-type(4) .course_img:before{width:50%;right:50%}
.school-item{width:calc(98%/2 - 10px);margin:0 1% 2%}
.teacher-item{width:calc(100%/2)}
.student-cont ul{margin-left:2rem}
.bottomlink{padding:1.5% 1%}
.bottomlink li{margin:0 5px}
.bottomlink a{font-size:1.2rem}
}

@media (max-width: 767px) {  
article::before{background:url(../images/1001045_star_basemap.svg) no-repeat 0 center / 100%,url(../images/1001045_planet_basemap.svg)no-repeat left 378px / 40%,linear-gradient(28deg,#ffe000 25%,#41a8f8 43%,#22aa9b 55%,#383692 67%,#06172d 100%)}
.bgcolor1{background:url(../images/1001045_arrow.png)no-repeat left center / 50%,#ffe000}
.bgcolor2{background:url(../images/1001045_basemap_left.png)no-repeat left top / 30%,url(../images/1001045_basemap_right.png)no-repeat right bottom / 30%,#fff}
.bgcolor1,.bgcolor2{padding:0 4%;box-sizing:border-box}
.enterprise h1{margin-top: 1em;}
h1{font-size:2.8em}
h2{font-size:2.1em}
.picture_title p span,.picture_title p{height:auto;line-height:26px}
.picture_title{grid-column-start:2;grid-column-end:span 3;grid-row-end:3}
.banner .planet:nth-of-type(5){align-content:center}
.planet a .school{font-size:.8em;bottom:-30px}
.picture_title .get{font-size: 1.5rem;font-weight: 900;margin-top: 0.5rem;}
h1{font-size:2.5em;letter-spacing:.1em;margin:0}
h2{font-size:1.4em}
.school-wrap h3{font-size:1.7em}
.student-cont,.student-cont .fa-youtube{font-size:1.2em}
.student-cont img{width:30%;margin:auto}
.student-cont ul{padding-left:0;text-align:center;margin:auto}
.fea_course{width:calc(100%/2)}
.teacher-item{width:calc(100%/2);padding:0 8px}
.marketing-bar{padding:0}
.marketing-bar a{font-size:1em;line-height:48px;margin:0 .1em}
.learn-way{width:calc(100%/1);margin:.5rem auto}
.teacher-pic{height:160px}
.learn-pic{width:225px;height:225px}
.course_title{margin:0 0 30px}
.br{display:block}
.table .tr .td:first-of-type{width:20%}
.banner .planet:nth-of-type(2),.banner .planet:nth-of-type(3){grid-column:1/3}
.banner .planet:nth-of-type(4),.banner .planet:nth-of-type(5){grid-column:4/6}
.planet img{width:55%}
.banner .planet:nth-of-type(2) p,.banner .planet:nth-of-type(3) p{text-align:left}
.banner .planet:nth-of-type(4) a,.banner .planet:nth-of-type(5) a,.banner .planet:nth-of-type(4) p,.banner .planet:nth-of-type(5) p{text-align:right}
.teacher-item dl{text-align:center}
.teacher-item dl dt{font-size:1.25em}
.teacher-item{width:100%}
.rocket{top:60%;animation:fly 24s linear 1 forwards}
.rocket img{max-width:50%}
.guide-btn{margin:1rem .2rem}
.bottomlink{padding:2% 1%}
.bottomlink li{margin:1% 1.5%}
.bottomlink a{font-size:1.05rem;font-weight:500}
#BodyFooter_rwd{padding-bottom:95px}
}

@media (max-width: 320px) {  
.planet a .school{font-size:.7em}
.marketing-bar a{font-size:.85em}
h2{font-size:1.25em}
.th{font-size:1em}
}