@import url(../../../File/icon/fontawesome-free-5.13.0-web/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}
a{color:#F00}
figcaption{font-weight: 500;font-size: 1.5rem;margin: 4px auto 10px;color: #000;text-align: center;}
figcaption a{color: #000000;}
figcaption > span {font-size: 0.7em;display: block;font-weight: lighter;}
/*BG*/
article{background:url(../images/0911100_city_left.svg)no-repeat left 6%,url(../images/0911100_city_right.svg)no-repeat right 6%,linear-gradient(104deg, #17c5cc 36%, #fff3bf 43%);}
.bgpadding{padding:2% 0}
.bgcolor0{}
.bgcolor1{position: relative;}
.bgcolor2{background:url(../images/0911100_city_right.svg)no-repeat left 6%,url(../images/0911100_city_right.svg)no-repeat right 6%,#fff3bf;    background-attachment: fixed;}
.bgcolor3{background: url(../images/0911100_city_left_3.svg)no-repeat left bottom,url(../images/0911100_city_left_2.svg)no-repeat right bottom,#3aced4;}
.bgcolor4{background: url(../images/0911100_city_right.svg)no-repeat left bottom,url(../images/0911100_city_left_2.svg)no-repeat right bottom,linear-gradient(to left,#57d5da 7%,#fff5ca 24%);background-attachment: fixed;}
.bgcolor5{background: url(../images/0911100_city_left_3.svg)no-repeat left bottom,url(../images/0911100_city_left_2.svg)no-repeat right bottom,#fde296}
.row100{width:100%}
.row1200{width:1200px;margin:0 auto}
[class*="flex"]{display:flex;flex-wrap: wrap;}
[class*="grid"]{display:grid}
img{max-width:100%;height:auto}
#event{width:100%}
#event i{margin:0 3px}
#event h1,#event h2,#event h3,#event h4{text-align:center}
#event h1,#event h2{font-size:3rem;color: #102d4c;}
#event h2{font-size:2.3rem;}
#event h3{font-size:1.7rem;background:#F00;color:#FFF}
#event h4{font-size:1.7rem;background:#00498a;color:#FFF;padding:3px 0}
#event h4 a{color:#FFF;line-height:1.8em;    font-weight: 500;}
/*主圖*/
.banner{background: url(../images/0911100_cloud_left.png)no-repeat 29% 5%,url(../images/0911100_cloud_right.png)no-repeat 96% 17%;}
.transfer_flex{justify-content: center;    padding: 1% 0 2%;}
.transfer:first-child{    padding: 5% 0 0;}
.transfer:first-child img{display: flex;align-items: flex-end;}
.transfer:last-child{margin: 15px 0 0;position: relative;}
.transfer:last-child img{position: relative;}
.transfer:last-child:before{width:210px;height: 53px;background: url(../images/0911100_bulb_line.png)no-repeat right top;bottom: 4%;right: 40%;}
.transfer:first-child ul{text-align:center;}
.transfer:first-child ul li{display: inline;font-size:2.1rem;color: white;position: relative;}
.transfer:first-child ul li:first-child:before,.transfer:first-child ul li:first-child:after,.transfer:last-child:before{content: "";position: absolute;}
.transfer:first-child ul li:first-child:before{width:55px;height: 2px;background-color: white;right: -11%;top: 50%;}
.transfer:first-child ul li:first-child:after{width: 0;height: 0;border-style: solid;border-width: 10px 0px 10px 10px;border-color: transparent transparent transparent #fff;right: -13%;top: 31%;}
.transfer:first-child ul li:first-child{margin: 0 6% 0 0;}
.element_list ul li{position: absolute;}
.element_list ul li:nth-child(1){left: 6%;top: -3%;}
.element_list ul li:nth-child(2){left: 3%;top: 59%;}
.element_list ul li:nth-child(3){right: 4%;top: -6%;}
.element_list ul li:nth-child(4){right: 8%;top: 52%;}
.dis_group{text-align: center;font-size:2.2em;color: #ffff00;}
.dis_group a{color: #ffff00;}
/*優勢*/
.advgrid{grid-auto-columns:1fr;grid-gap:15px 2px;margin:1% auto}
.advgrid>div:nth-of-type(1){grid-column:1/2;background-color: #ffff00;}
.advgrid>div:nth-of-type(2){grid-column:2/3;background-color: #ccff7d;}
.advgrid>div:nth-of-type(3){grid-column:3/4;background-color: #4af8ff;}
.advgrid>div:nth-of-type(4){grid-column:4/5;background-color: #ffe597;}
.advgrid>div:nth-of-type(5){grid-column:5/6;background-color: #ffbc6e;}
.advgrid>div:nth-of-type(6),.advgrid>div:nth-of-type(7){grid-column:1/6;background:#fff}
.advgrid>div:nth-of-type(6) .fas{color:red}
.advgrid>div:nth-of-type(7) .fas{color: #353b72;}
.advgrid>div:nth-of-type(7) a>i{display:inline-block;color:red!important;font-size:1.2rem}
.advgrid>div:nth-of-type(7) p{line-height:1.8em}
.advgrid>div .fas{color: #b59900;}
.advgrid>div:nth-of-type(2) .fas{color: #54830c;}
.advgrid>div:nth-of-type(3) .fas{    color: #097f83;}
.advgrid>div:nth-of-type(4) .fas{    color: #bd7d37;}
.advgrid>div:nth-of-type(5) .fas{    color: #dc7e11;}
.advgrid>div i:nth-child(n+6):nth-child(-n+6) {display: inline-block;}
.advgrid>div{background:#FFF;padding:15px;    border-radius: 8px;}
.advgrid>div>p{font-size:1.1em;line-height:1.6em;text-align: justify;}
.advgrid>div i{font-size:1.6em;display:block}
.advgrid>div:nth-of-type(6)>p,.advgrid>div:nth-of-type(7)>p{text-align:center}
.advgrid>div>p>strong{display:block;text-align:center;font-size:1.5em;    margin: 0 0 7px;}
.advgrid>div:nth-of-type(6)>p>strong{color:red}
.advgrid>div:nth-of-type(7)>p>strong{color:#353b72}
.advtable{width:90%;margin:1% auto;text-align:center;line-height:1.6em}
.advtable,.advtable th,.advtable td{border-collapse:collapse;border:1px solid #aea896;    background-color: white;}
.advtable th,.advtable td{padding:3px}
.advtable th{background: #ffca2c}
.advtable th:nth-child(1), .advtable th:nth-child(4){width: 22%;}
.advtable th:nth-child(2),.advtable th:nth-child(3),.advtable th:nth-child(5),.advtable th:nth-child(6){width: 14%;}
.adv_tabs{margin:2% auto 0;text-align:center}
#adv_tab1,#adv_tab2,#adv_tab3,#adv_tab4,#adv_tab5,#adv_tab6,#adv_tab7{display:none}
#adv_content1,#adv_content2,#adv_content3,#adv_content4,#adv_content5,#adv_content6,#adv_content7{display:none;padding:1% 0 0;border-top:1px solid #ddd;text-align:left}
#adv_tab1:checked ~ #adv_content1,#adv_tab2:checked ~ #adv_content2,#adv_tab3:checked ~ #adv_content3,#adv_tab4:checked ~ #adv_content4,#adv_tab5:checked ~ #adv_content5,#adv_tab6:checked ~ #adv_content6,#adv_tab7:checked ~ #adv_content7{display:block}
.adv_tabs > label{display:inline-block;margin:0 0 -1px;padding:10px 25px;font-weight:600;text-align:center;color:#6f6f6f;border:1px solid transparent;font-size:1.2em;    background-color: #f2f2f2;}
.adv_tabs > label:hover{color: #fff;cursor: pointer;background-color: orange;}
.adv_tabs > input:checked + .adv_tabs >label{color: #fff;border: 1px solid #ddd;background-color: orange;}

.rate_tabs{margin:2% auto 0;text-align:center}
#content1,#content2,#content3,#content4,#content5,#content6,#content7{display:none;padding:1% 0 0;border-top:1px solid #ddd;text-align:left}
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7{display:none}
label{display:inline-block;margin:0 0 -1px;padding:10px 25px;font-weight:600;text-align:center;color:#6f6f6f;border:1px solid transparent;font-size:1.2em;    background-color: #f2f2f2;}
label:hover{color: #fff;cursor: pointer;background-color: orange;}
input:checked + label{color: #fff;border: 1px solid #ddd;background-color: orange;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5,#tab6:checked ~ #content6,#tab7:checked ~ #content7{display:block}

.subject_tabs{margin:2% auto 0;text-align:center}
#content1,#content2,#content3,#content4,#content5,#content6,#content7{display:none;padding:1% 0 0;border-top:1px solid #ddd;text-align:left}
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7{display:none}
.subject_tabs > label{display:inline-block;margin:0 0 -1px;padding:10px 25px;font-weight:600;text-align:center;color:#6f6f6f;border:1px solid transparent;font-size:1.2em;    background-color: #f2f2f2;}
.subject_tabs > label:hover{color: #fff;cursor: pointer;background-color: orange;}
.subject_tabs > input:checked + .subject_tabs > label{color: #fff;border: 1px solid #ddd;background-color: orange;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5,#tab6:checked ~ #content6,#tab7:checked ~ #content7{display:block}
/* #content3 .timeline:before,#content6 .timeline:before{top:40%} */
/* #content6 .timeline{grid-auto-rows:40% 60%} */
#content5 .timeline{grid-auto-columns:20% 24% 22% 17% 17%;grid-auto-rows:51% 49%}
#content5 .timeline:before{top:45%}
/*timeline*/
.timeline{width:96%;padding:1% 1% 3%;margin:0 auto;position:relative;justify-content:center;grid-auto-columns:1fr 1fr 1fr 1fr 1.5fr 1fr; grid-auto-rows:1fr}
.timeline:before{content:'';display:block;position:absolute;left:0;top:50%;margin:0 0 0 -1px;width:100%;height:2px;background:rgba(155,155,155,0.5)}
.timelinelist{position:relative}
.timelinelist:nth-of-type(1){grid-column:1/2;grid-row:1/2}
.timelinelist:nth-of-type(2){grid-column:2/3;grid-row:2/3}
.timelinelist:nth-of-type(3){grid-column:3/4;grid-row:1/2}
.timelinelist:nth-of-type(4){grid-column:4/5;grid-row:2/3}
.timelinelist:nth-of-type(5){grid-column:5/6;grid-row:1/2}
.timelinelist:nth-of-type(6){grid-column:6/7;grid-row:2/3}
.timelinelist:nth-of-type(odd){display:grid;align-items:flex-end}
.inner{background:#3aced4;padding:10px;border-radius:5px}
.timelinelist:nth-of-type(odd) .inner{margin-bottom:40px}
.timelinelist:nth-of-type(even) .inner{margin-top:40px}
.inner:after{content:"";left:45%;width:0;height:0;border-style:solid;position:absolute}
.timelinelist:nth-of-type(odd) .inner:after{border-width:17.3px 10px 0;border-color:#3aced4 transparent transparent;bottom:28px}
.timelinelist:nth-of-type(even) .inner:after{border-width:0 10px 17.3px;border-color:transparent transparent #3aced4;top:28px}
.date{display:block;width:50px;height:40px;padding:5px 0;position:absolute;bottom:-25px;left:50%;margin:0 0 0 -25px;border-radius:100%;font-size:1em;line-height:40px;text-transform:uppercase;background:#ffca2c;color:#000;text-align:center}
.timelinelist:nth-of-type(even) .date{top:-25px}
.sub{font-size:1.05em;font-weight:700;color: #023f41;}
.sub a{color: #023f41}
.inner p{font-size:1em;color: white;}
.inner p a{color: white}
/**/
.teacher_bg{padding:2%}
.teacher_bg>div{font-size:1.3em;text-align:center;width:calc(100%/5 - 5px);margin:1% auto}
.teacher_bg>div>div{background:#334f7b;    padding: 9px 0 10px;}
.teacher_bg>div>div>a{color:#FFF}
.teacher_bg>div>div>a span{display: block;    color: #ffca2c;}
/**/
.plan_flex{align-items:flex-end;margin:2% auto}
.plan_flex>div{width:calc(100%/4 - 5px);margin:0 auto}
.plan_title{width:100%;order:2;text-align:center;font-size:1.5em;background:#334f7b;color:#FFF;padding:3px 0;}
.plan_intro{width:90%;padding:3% 5%;order:1}
.plan_flex>div:nth-of-type(1) .plan_intro{background:#fee8a9;box-shadow: inset 0px 2px 0px #e4ba41;}
.plan_flex>div:nth-of-type(2) .plan_intro{background:#ffca2c;box-shadow: inset 0px 2px 0px #d8a202;}
.plan_flex>div:nth-of-type(3) .plan_intro{background:#ceeccf;box-shadow: inset 0px 2px 0px #9ccd9e;}
.plan_flex>div:nth-of-type(4) .plan_intro{background:#71dce0;box-shadow: inset 0px 2px 0px #42b8bd;}
.plan_intro>p{    font-size: 1.1em;
	line-height: 30px;
	text-align: justify;
	margin: 3px 0;}
.plan_intro>p a{color:#000}
.plan_intro>p>strong{display:block;font-size:1.3rem}
/*經驗談*/
.media{margin:1% auto 2%}
.media>h3{padding:3px 0}
.mediaflex{padding:2%;background:#FFF;}
.mediaflex>figure{width:160px;height:160px;margin:0 auto;border-radius:50%;border: solid 2px #ff9300;position: relative;overflow: hidden;}
.mediaflex>figure img,.ibrain_flex dt figure img{position: absolute;left:0;right:0;margin: auto;}
.mediatxt{width:75%}
.mediatxt>div{font-weight:bold}
.mediatxt>div:nth-of-type(1){font-size:1.5em;color:#ff9300}
.mediatxt>div:nth-of-type(1) a{color:#ff9300}
.mediatxt>div:nth-of-type(2){font-size:1.25em}
.mediatxt>div:nth-of-type(2) small{font-size:1rem}
.mediatxt>div:nth-of-type(2) strong{margin-left:2%}
.mediatxt>p{line-height: 1.8em;font-size: 1.1em;margin: 5px 0;text-align: justify;    color: #3e3e3e;}
.mov_box{margin: 31px 25.3%;}
.mov {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*輔考資源*/
.service_grid{
	width:65%;margin:2% auto;justify-content:center;
	grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;gap: 0.5rem;
}
.service_grid2{
	width:80%;margin:2% auto 0;justify-content:center;
	grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
}
.service_grid2 img{width: 280px;height: 186px;border-radius:10px;margin: auto;}
.hexagon{position:relative;width:180px;height:103.92px;background: linear-gradient(to top,#fff3bf 0%,#ffbc00 100%);margin:51.96px auto;text-align:center;box-shadow: inset -3px 0px 0px 0px #ffbc01, 4px 1px 6px 0px #0c6d71;}
.hexagon:before,.hexagon:after{content:"";position:absolute;width:0;left:0;border-left:90px solid transparent;border-right:90px solid transparent}
.hexagon:before{bottom:100%;border-bottom:51.96px solid #ffbc00}
.hexagon:after{top:100%;border-top:51.96px solid #fff3bf}
.hexagon a{color:#000;display:inline-block}
.hexagon a:hover{transform:scale(1.1)}
.hexagon div{font-size:1.7rem;margin:12px 10px}
.hexagon:nth-of-type(1){grid-area: 1/1/2/2;}
.hexagon:nth-of-type(2){grid-area: 1/2/2/3;}
.hexagon:nth-of-type(3){grid-area: 1/3/2/4;}
.hexagon:nth-of-type(4){grid-area: 1/4/2/5;}
.hexagon:nth-of-type(5){grid-area: 1/5/2/6;}
.hexagon:nth-of-type(6){grid-area: 1/1/2/2;}
.hexagon:nth-of-type(7){grid-area: 1/1/2/2;}
/*操作介面*/
.ibrain_page{width:calc(100%/2);margin: 0 0 2%;}
.ibrain_page dl{width: calc(100%/2);padding: 0 2% 0;box-sizing: border-box;}
.ibrain_page:nth-of-type(1) dl:nth-of-type(n+1):nth-of-type(-n+2) dt{border-bottom: none;}
.ibrain_page:nth-of-type(1) dl:nth-of-type(n+1):nth-of-type(-n+2) dt figure{margin: 0 0 -1.2rem;}
.ibrain_page:nth-of-type(1) span{font-size:1.4rem;font-weight:700;color:#003c79;border-bottom:1px dashed #003c79;padding: 0;margin: 0;display: block;}
.ibrain_flex{margin: 2% 0 0;}
.ibrain_flex>dl{width: calc(100%/4 - 2%);margin: 1% 1%;}
.ibrain_flex dt{font-size:1.4rem;font-weight:700;color:#003c79;border-bottom:1px dashed #003c79}
.ibrain_flex dt figure{position: relative;overflow: hidden;width: 100%;height: 150px;border-radius: 8px;margin: 0 0 10px;border: solid 2px #fff;background-color: white;}
.ibrain_flex dt figure figcaption{position: absolute;z-index: 2;bottom: -11px;background-color: #000000a6;color: white;width: 100%;text-align: center;padding: 5px 0px;}
.ibrain_flex dd,.ibrain_page p{font-size: 1rem;line-height: 27px;margin: 3px auto;text-align: justify;}
.ibrain_flex dd img{width:100%;box-shadow:1px 1px 4px #CCC}
.ibrain_page p{    padding: 0 2% 0;}
.ibrain_page a{color: #003c79}
.ibrain_page small{font-size: 1.1rem}
.ibrain{border-top: solid 1px #1c8b90;padding: 3% 0;margin-top: 3%;}
#event h1 strong{color: #fff}
/*課程*/
.coursegrid{margin:1% auto;justify-content:center;grid-auto-columns:82%;grid-gap:10px}
.coursebox{background:#ffffffba}
/*.coursebox:nth-of-type(1){grid-column:1/2}*/
/*.coursebox:nth-of-type(2){grid-column:2/3}*/
.courseflex{padding:2% 6%;justify-content:center}
.course_detailflex{width:100%;margin:7px auto;align-items:center}
.course_detailflex>div{font-size:1.3em;line-height:75px;background:#16c6cc;color:#FFF;text-align:center;border-radius:50%;width:75px;height:75px;margin:0 0 0 auto}
.course_detailflex ul{margin:0 auto 0 2%}
.course_detailflex li{font-size:1.3em;line-height:1.6em}
.course_detailflex li small{font-size:.9rem}
.course_detailflex li span{color:#F00;margin-left:2px}
.course_detailflex p{font-size:1.4em;text-align:center;width: 100%;font-weight: 700;}
/*
.courseflex>dl{width:94%;margin:40px auto 15px;padding:0 0 10px;background:#FFF;border-radius:10px}
.courseflex>dl>dt{font-size:1.3em;line-height:60px;background:#16c6cc;color:#FFF;text-align:center;border-radius:50%;width:60px;height:60px;margin:-35px auto 6px}
.courseflex>dl>dd{text-align:center;font-size:1.3em}
.courseflex>dl>dd small{font-size:.9rem}
.courseflex>dl>dd span{color:#F00;margin-left:2px}
*/
/*書籍*/
.book{padding:0;margin:1% 7rem 0;/* border-top: solid 1px #a8a8a8; */}
.bookflex{margin:4% auto}
.bookflex>div{width:calc(92%/6);margin:0 auto;text-align:center;}
.bookflex>div figcaption{font-size:1.6em;font-weight:bold}
.navlink{margin:3% auto 2%;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;row-gap: 1rem;}
.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:8px;display:inline-block;width: max-content;}
.navlink a:hover{transform: translate(0px,5px)}
@media all and (min-width: 1201px){
#topbutton,#BodyHeader_m{display:none}
/*bodyHeader*/
#BodyHeader{width:100%;margin:0 auto;line-height:2em;font-size:15px;background:#FFF}
#BodyHeader a{color:#333}
    
#event_menu{
	color:#272727;text-align:center;position:fixed;z-index:1;bottom: 4%;right:0;width:140px;padding:1rem 0;
	-webkit-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);
	box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.2);
	background:linear-gradient(45deg,#dc7e11, #ffbc6e);border-radius:8px 0 0px 8px;
}
.segment-class{font-size: 1.2rem;font-weight: 700;}
/*#event_menu h1{color:#FFF;font-weight:400;font-size:20px;background-color:#98070B;border-bottom:1px solid #FFF}
#event_menu a{border-radius:4px;display:block;line-height:23px;color:#98070B;
		font-family: "Microsoft JhengHei", Verdana, Arial;;text-align:center;padding:6px 0;border-top:1px solid #FFF;text-decoration:none}*/
#event_menu a{color: #272727;line-height: 1.5rem;}
#event_menu a:hover{opacity: .8;}


/*Footer*/
#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%}
/*OLD IE*/
#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}
}