@import url(../../../File/icon/css/all.min.css);
/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,figure,figcaption{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
ul,li{list-style:none}
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
body{font-family:"Microsoft YaHei",sans-serif}
.courseflex dd i{color:orange}
/*BG*/
.bgpadding{padding:2% 0}
.bgcolor0{position:relative;animation:move4 ease-in-out 8s alternate infinite;background:#db877c;background:-moz-linear-gradient(90deg,rgba(219,135,124,1) 4%,rgba(253,173,81,1) 21%,rgba(253,203,134,1) 36%,rgba(253,203,134,1) 74%,rgba(253,173,81,1) 89%,rgba(219,135,124,1) 96%);background:-webkit-linear-gradient(90deg,rgba(219,135,124,1) 4%,rgba(253,173,81,1) 21%,rgba(253,203,134,1) 36%,rgba(253,203,134,1) 74%,rgba(253,173,81,1) 89%,rgba(219,135,124,1) 96%);background:linear-gradient(90deg,rgba(219,135,124,1) 4%,rgba(253,173,81,1) 21%,rgba(253,203,134,1) 36%,rgba(253,203,134,1) 74%,rgba(253,173,81,1) 89%,rgba(219,135,124,1) 96%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#db877c",endColorstr="#db877c",GradientType=1)}
.bgcolor1{position:relative;width:100%;z-index:0;background:#e7e3bc;background:-moz-linear-gradient(0deg,rgba(231,227,188,1) 2%,rgba(255,255,255,1) 53%,rgba(231,227,188,1) 97%);background:-webkit-linear-gradient(0deg,rgba(231,227,188,1) 2%,rgba(255,255,255,1) 53%,rgba(231,227,188,1) 97%);background:linear-gradient(0deg,rgba(231,227,188,1) 2%,rgba(255,255,255,1) 53%,rgba(231,227,188,1) 97%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e3bc",endColorstr="#e7e3bc",GradientType=1)}
.bgcolor1:before{position:absolute;content:"";background:url(../images/0911101_27.png) left 150px no-repeat,url(../images/0911101_27.png) left 1150px no-repeat;width:79px;height:100%;z-index:-1}
.bgcolor1:after{position:absolute;content:"";background:url(../images/0911101_29.png) right 200px no-repeat,url(../images/0911101_27.png) right 1250px no-repeat;width:112px;height:100%;z-index:-1;right:0;top:0}
.bgcolor2{background:#efefef;position:relative;z-index:0}
.bgcolor2:before{position:absolute;content:"";background:url(../images/0911101_bg.jpg) center center / cover no-repeat;z-index:-1;filter:blur(3.5px);left:0;top:0;width:100%;height:100%;opacity:.3;animation:move3 ease-in 16s infinite alternate;animation-delay:2s}
.bgcolor3{position:relative;overflow:hidden;z-index:0;background:#fff;background:-moz-linear-gradient(177deg,rgba(255,255,255,1) 60%,rgba(241,240,236,1) 89%);background:-webkit-linear-gradient(177deg,rgba(255,255,255,1) 60%,rgba(241,240,236,1) 89%);background:linear-gradient(177deg,rgba(255,255,255,1) 60%,rgba(241,240,236,1) 89%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f0ec",GradientType=1)}
.bgcolor3:before,.bgcolor3:after{position:absolute;content:"";z-index:-1;opacity:.75}
@keyframes move1{0%{left:-280px;}100%{left:0;}}
@keyframes move2{0%{right:-280px;}100%{right:-1%;}}
@keyframes move3{50%{opacity:.3;background:url(../images/0911101_bg2.jpg) center center / cover no-repeat}100%{background:url(../images/0911101_bg.jpg) center center / 100% auto no-repeat;opacity:.3}}
.bgcolor3:before{background:url(../images/0911101_12.png);width:272px;height:229px;left:0;bottom:3%;animation:move1 linear 1s}
.bgcolor3:after{background:url(../images/0911101_14.png);width:277px;height:442px;right:-1%;top:0;animation:move2 linear 1s}
.bgcolor4{background:#efefef}
.row100{width:100%}
.row120{width:100%;overflow:hidden;margin:0}
.row1200{width:1200px;margin:0 auto}
[class*="flex"]{display:flex;flex-wrap:wrap}
[class*="grid"]{display:grid}
.items_center{justify-content:center}
#event{width:100%}
#event i{margin:0 3px}
#event h1,#event h2,#event h3{text-align:center}
#event h1,#event h2{width:100%}
#event h1{font-size:2.8rem}
#event h2{font-size:2.5rem;padding:0;margin:0 0 3%;box-shadow:0 9px 8px -6px #c7c294}
#event h3{font-size:2.1rem;color:#024D91}
#event h4{font-size:1.6rem;color:#CE1D70}
#event h1 .acc,#event h1 .law{-webkit-text-fill-color:#FFF;padding:2px 10px;border-radius:50%}
.acc{background:#CE1D70}
.law{background:#024D91}
/*主圖經驗談*/
.banner{width:86%;height: 505px;justify-content: center;background: url(../images/0911101_4.png) no-repeat center 35% / 100% auto;position: relative;}
.banner:before{position: absolute;content: "";background: url(../images/0911101_1.png) no-repeat 100%/auto;width: 1119px;height: 137px;left: -2%;top: 6%; margin:auto;}
.banner div{position: absolute;}
.banner div:nth-of-type(1){top: 5%;position: relative;}
/*.banner div:nth-of-type(1):before{position: absolute;content: "";background: url(../images/0911101_17.png) no-repeat 100%/auto;left: 3%;top:2%;width:58px;height: 63px;}*/
.banner div:nth-of-type(2){bottom:3%}
.banner div:nth-of-type(3){left:-8%;bottom:12%}
.banner div:nth-of-type(4){right:-6%;bottom:10%}
.banner img{width:100%}
.mediabox{align-items:flex-start;justify-content:center;padding:2% 20% .5%}
.mediaflex{width:90%;margin:1.5% auto 2%;justify-content:center;align-items:center}
.mediaflex>figure{width:25%;margin:0;text-align:right}
.mediaflex>div>div{color:#269189;font-size:1.3rem;margin:1% auto 0}
.mediaflex>div{width:73%;margin:0 auto 0 2%}
.mediaflex>div>p{font-size:1.1rem;line-height:1.7em;color:#464646}
.mediaflex>div>p>strong{font-size:1.2rem;color:#cf6f96;font-weight:500}
.mediaflex a,.recommendflex a{color:#443292}
.mediayt{padding: 0 0 1rem 0;text-align: center;}

/*
.mediaflex div{justify-content:space-around;align-items:flex-end;width:100%;margin:0 0 2%;box-shadow:0 0 3px -4px #c9c9c9}
.mediaflex:nth-of-type(2) div{flex-direction:row-reverse}
.mediatxt div>figure{position:relative;width:181px;height:184px;margin:auto}
.mediaflex:nth-of-type(2) .mediatxt div>figure{width:203px}
.mediaflex:nth-of-type(1) .mediatxt div>figure>img{position:absolute;right:0}
.mediaflex:nth-of-type(2) .mediatxt div>figure>img{position:absolute;left:0}
.mediatxt{width:92%;padding:1% 2%;border-radius:10px}
.mediaflex:nth-of-type(1) .mediatxt h4{width:60%;text-align:right}
.mediaflex:nth-of-type(2) .mediatxt h4{width:53%;text-align:left}
.mediatxt h4 span{font-size:.8em;color:#269189;display:block;font-weight:400}
.mediatxt>p{font-size:1.1rem;line-height:1.7em;margin:2% 0;color:#464646;text-indent:2em}
.mediatxt>p>strong{display:block;font-size:1.3rem}
.mediatxt>p span{color:#cf6f96}
.mediatxt a{color:#443292}
*/
/*輔考服務*/
.servicegrid{grid-template-columns:repeat(4,1fr);grid-gap:10px;margin:1% auto}
.servicegrid>dl{padding:13px 20px;background:hsla(0,0%,100%,0.7);box-shadow:0 9px 8px -6px #f5f5f5}
.servicegrid>dl>dt{text-align:center;font-weight:700;font-size:1.6em;color:#da5397}
.servicegrid>dl>dt>i{display:block;font-size:2.6rem}
.servicegrid>dl>dd{font-size:1.1em;color:#464646}
/*操作介面*/
.ibrainflex{width:90%;margin:0 auto}
.ibrainflex>div{width:48%;margin:1%}
.ibrainflex figure img{width:100%}
.ibrainflex figure>figcaption{font-size:1.1em;padding:3px 0;text-align:center;background:#ffce00;color:#000}
/* .ibrainflex>div:nth-of-type(1){width:98%}
.ibrainflex>div:nth-of-type(1) .flex>figure{width:50%} */
.ibrainflex>div>div:nth-of-type(1){font-size:1.5rem;font-weight:700;color:#003c79;border-bottom:1px dashed #003c79}
.ibrainflex>div>p{font-size:1.1rem;margin:5px auto}
/*榜單*/
.grade{padding:4% 0 2%;margin: 0 6%;}
.gradeflex{
    justify-content: center;margin: 1% 0 0;
    border-radius: 14px;box-shadow:1px 10px 10px -2px #f9efe5;
    background: rgb(250,238,238);
    background: -moz-radial-gradient(circle, rgba(250,238,238,1) 23%, rgba(255,204,204,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(250,238,238,1) 23%, rgba(255,204,204,1) 70%);
    background: radial-gradient(circle, rgba(250,238,238,1) 23%, rgba(255,204,204,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faeeee",endColorstr="#ffcccc",GradientType=1);
}
.gradeflex div{width: 20%;margin-left: 4%; display: flex;justify-content: center;align-items: center;}
.gradeflex img{filter: drop-shadow(0 0 6px white);}
.gradeflex ul{width:72%;padding:2%;margin:1% auto}
.grade li{font-size:1.55em;line-height:1.8em;font-weight:bold}
.grade li a{color:#CE1D70;display:inline-block}
.grade li a:hover{transform:scale(1.1)}
.grade li:nth-of-type(n+1):nth-of-type(-n+3) a{color: #024D91;}
/*推薦*/
.recommendflex{align-items:flex-start;margin:1% auto}
.recommendflex>div{width:47%;margin:0 auto}
.recommendflex>div>figure{margin:auto;padding:0 4%;border-bottom:solid thin #7F6451}
.recommendflex>div>p{font-size:1.1rem;line-height:1.8em;text-align:justify;padding:3%}
.recommendflex>div>p>strong{display:block;font-size:1.4rem;text-align:center;color:#d18817}
.recommendflex>div>p>span{color:#C00}
/*課程*/
.coursebox{padding:1% 0}
.courseflex{justify-content:center}
.courseflex>dl{width:calc(90%/4);margin:1%;text-align:center;background:#FFF;border-radius:10px}
.courseflex>dl>dt{font-size:1.5em;padding:7px 0;border-radius:10px 10px 0 0;background:#980d7a;background:-moz-linear-gradient(90deg,rgba(152,13,122,1) 51%,rgba(116,15,95,1) 94%);background:-webkit-linear-gradient(90deg,rgba(152,13,122,1) 51%,rgba(116,15,95,1) 94%);background:linear-gradient(90deg,rgba(152,13,122,1) 51%,rgba(116,15,95,1) 94%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#980d7a",endColorstr="#740f5f",GradientType=1)}
.courseflex>dl>dt>a{color:#FFF}
.courseflex>dl>dd{display:inline-block;margin:0 2%;font-size:1.2em;padding:12px 0}
.courseflex>dl>dd:nth-of-type(1){width:100%;margin:0;padding:12px 0 0}
.courseflex>dl>dd>a{color:#000}
.note{text-align:center;margin:1% auto;font-size:1.1rem}
.note a{color:#000}
.navlink{margin:4% auto 1%;text-align:center}
.navlink li{display:inline;margin:0 1%;font-size:1.3em}
.navlink a{color:#FFF;background:#C00;text-decoration:none;padding:5px 15px;border-radius:10px;display:inline-block}
.navlink a:hover{transform:scale(1.08, 1.08)}

@media (min-width:1531px) and (max-width:1850px){
.mediabox{padding:2% 14% .5%}
}

@media (min-width:1201px) and (max-width:1530px){
.mediabox{padding:2% 10% .5%}
}

@media all and (min-width: 1201px){
#event h1,#event h2{width:100%;background:-webkit-linear-gradient(#024D91,#BF0095);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#topbutton,#BodyHeader_m{display:none}
#BodyHeader{width:100%;margin:0 auto;line-height:2em;font-size:15px;background:#FFF}
#BodyHeader a{color:#333}
#BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block}
#BodyFooter_rwd{width:100%;margin:2% auto 1%;font-family:"微軟正黑體"}
#footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%}
#footer_inline ul,#footer_address ul{width:100%;margin:0 auto;text-align:center}
#footer_inline a,#footer_address a{color:#000}
#footer_inline ul li{display:inline;margin:auto .5%;font-size:1em}
#footer_address ul li{width:100%;line-height:1.9em;font-size:.9em}
#adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%}
#footer_inline ul li img{vertical-align:middle}
#footer_line{width:90%;border-top:thin solid #999;margin:1%  5%}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
iframe{width: 560px;height: 315px;}
}