@import url(../../../File/icon/fontawesome-free-5.13.0-web/css/all.min.css);
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;box-sizing:border-box;}
body{font-family:"Microsoft YaHei",sans-serif}
a{color:#F00}
#BodyHeader a{color:#333}
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:.7em;display:block;font-weight:lighter;}
img{max-width:100%;height:auto}
article{background:url(../images/0911100_city_left.svg) no-repeat left 6%, url(../images/0911100_city_right.svg) no-repeat right 6%, linear-gradient(
279deg, #91d9d9 31%, #fffae3 43%, #fffae3 88%, #91d9d9 96%);}
.bgcolor0{background:url(../images/1509059_01.png) no-repeat center top;background-size:contain;}
.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,#fff1c6;}
.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(279deg, #91d9d9 5%, #fffae3 19%, #fffae3 90%, #fff0ce 96%);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}
[class*="flex"]{display:flex;flex-wrap:wrap;}
[class*="grid"]{display:grid}
.mr-2{margin-right:.5rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.pt-8{padding-top:2rem;}
.pb-8{padding-bottom:2rem;}
#event{width:100%;overflow:hidden;position:relative;}
#event h2,#event h3,#event h4{text-align:center}
#event h2{font-size:3.3rem;color:#eb6214;margin-bottom:1.0rem;}
#event h3{font-size:1.7rem;}
#event h4{font-size:1.7rem;background:linear-gradient(90deg, #549ed2 0%, #1a5395 80%);color:#FFF;padding:0.5rem}
#event h4 a{color:#FFF;line-height:1.8em;font-weight:500;}
.font-orange{color:#ea580c}
.container{width:100%;max-width:1280px;margin:auto;padding:2rem;}
/*不畏科技變局，行政決策在人，非AI說了算！*/
.banner{font-size:2.5rem;padding:2rem 0;}
.banner .top{width:70%;margin:0 auto;}
.banner figure:nth-child(1){top:15rem;left:50%;position:absolute;}
.banner figure:nth-child(2){top:28rem;left:87%;position:absolute;z-index:2;}
.banner_H{position:relative;text-align:left;}
.banner h1{font-size:5.8rem;position:relative;}
.banner h1::before{content:"";position:absolute;bottom:0.3rem;left:0%;width:70%;height:8px;background:linear-gradient(90deg, #1578d6 0%, #4db532 40%, #ed6402 60%, #fccf12 80%, #ffffff00 100%);border-radius:4px;}
.banner h1 small{font-size:2.9rem;}
.banner h1 strong,.hs strong,.future strong{color:#eb6214;}
.hs{font-size:2.8rem;padding:1rem 0 0;}
.future{font-size:3.8rem;line-height:3.5rem;padding-top:0.6rem;}
.wavy{text-underline-offset:12px;text-decoration-color:#fdba74;text-decoration-line:underline;text-decoration-style:wavy;color:#0967a7;font-weight:bold;}
.data{background:linear-gradient(to right, #ffffff00 0%, #ffffffd4 30%, #ffffffe8 90%, #a00a0100 100%);width:fit-content;padding:1.4rem 3rem 0rem 0;}
.data dl{display:flex;flex-wrap:wrap;flex-direction:column;text-align:center;padding:2rem 1.5rem 2rem 0rem;}
.data dl dt{font-size:1.5rem;order:2;}
.data dl dd{font-size:3.3rem;order:1;font-weight:bold;}
.data .icon{border:solid 3px #1e696f;border-radius:50%;margin-right:0.8rem;width:80px;display:inline-flex;height:80px;justify-content:center;align-items:center;}
.data dl dd b{color:#f9bd0a;padding:0 .25rem 0 0;}
.data dl a{color:inherit;}
.grade a{display:block;font-size:1.8rem;padding:.5rem 2.5rem;font-weight:bold;color:#ffffff;border-bottom:5px solid #d13a01;box-shadow:0 4px 15px rgba(251,191,36,.3);background:linear-gradient(90deg,#d94300,#f79508,#d94300);background-size:200% auto;animation:gradientFlow 3s linear infinite;will-change:background-position;-webkit-font-smoothing:antialiased;transition:all .3s ease;clip-path:polygon(100% 0,98% 50%,100% 100%,0 100%,2% 50%,0 0);letter-spacing:3px;margin:0 auto;text-align:center;width:84%;}
@keyframes gradientFlow{
    0%{background-position:0 center}
    100%{background-position:200% center}
}
.element_list ul li{position:absolute;}
.element_list ul li:nth-child(1){left:6%;top:-3%;}
.element_list ul li:nth-child(2){right:4%;top:-6%;}
.dis_group{text-align:center;font-size:2.2em;color:#ffff00;}
.dis_group a{color:#ffff00;}
.contrast{align-items:flex-start;padding:1rem 0 4rem;}
.balance{display:flex;flex-wrap:wrap;width:calc(100%/2);margin:0 auto;padding:1rem;position:relative;max-width:860px;align-items:flex-start}
.balance::before{content:"\f164";position:absolute;top:2.2rem;right:4rem;font-size:1.8rem;color:#eb6214;font-weight:bold;font-family:"Font Awesome 5 Free";animation:myfirst 0.8s infinite alternate ease-in-out;}
@keyframes myfirst
{
    from{opacity:1;}
    15%{opacity:0;}
    25%{opacity:1;}
    100%{opacity:1;}
}
.chosen{width:100%;font-size:1.5rem;color:white;text-align:center;}
.chosen{position:relative;width:100%;text-align:center;font-size:1.5rem;font-weight:800;color:#065b90;display:flex;justify-content:center;align-items:center}
.chosen::before{content:"";position:absolute;bottom:-15px;left:8%;width:84%;height:4px;transform:rotate(2deg);background:linear-gradient(90deg, #1b51af 0%, #19953d 50%, #ed6402 100%);border-radius:2px}
.chosen::after{content:"";position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #475569}
.balance dl{width:calc(100%/2 - 1rem);align-items:flex-start;;padding:1rem;position:relative;margin:4rem auto auto;border-radius:0.5rem;transition:transform .3s ease}
.balance dl::before{content:"";position:absolute;top:-24px;left:18%;right:18%;height:24px;border-left:1.5px dashed #64748b;border-right:1.5px dashed #64748b;pointer-events:none}
.balance dl::after{content:"";position:absolute;bottom:-7px;left:30%;right:30%;height:6px;border-bottom:3px solid #cbd5e1;border-radius:0 0 12px 12px}
.balance dl:first-of-type{background:#f5faff;border:1px solid #a0c9ff;transform:translateY(-10px)}
.balance dl:last-of-type{background:linear-gradient(145deg,#fffcf5 0%,#fff9ec 100%);border:1.5px solid #ffa753;color:#8d3909;box-shadow:0 8px 24px rgba(217,119,6,.08)}
.balance dl:last-of-type::before{border-left-color:#d69e2e;border-right-color:#d69e2e}
.balance dl:last-of-type::after{border-bottom-color:#d69e2e}
.balance dl dt{font-size:1.25rem;font-weight:700;padding:0 0 0.5rem 1.5rem;position:relative;}
.balance dl:first-of-type dt{color:#15489e;}
.balance dl:last-of-type dt{color:#e24e01;}
.balance dl:last-of-type dd strong{color:#b45309;}
.balance dl dt::before{content:"●";position:absolute;left:0;font-size:.9rem}
.balance dl:last-of-type dt::before{color:#d97706;}
.balance dl:first-of-type dt::before{content:"○";color:#94a3b8;}
.narrate{font-size:1.5rem;text-align:center;padding:.5rem;}
.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;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-flex;justify-content:center;padding:10px 25px;font-weight:600;text-align:center;color:#6f6f6f;border:1px solid transparent;font-size:1.2em;background-color:#e8e0cf;border-radius:0.5rem;}
.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-up{color:red;font-weight:bold;padding:0 0 0 .25rem;line-height:0;font-size:1.25rem;}
.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;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:linear-gradient(90deg, #ffa500 0%, #ed6402 100%);}
#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}
#content5 .timeline{grid-auto-columns:20% 24% 22% 17% 17%;grid-auto-rows:51% 49%}
#content5 .timeline:before{top:45%}
.teacher_bg>div{font-size:1.3em;text-align:center;width:calc(100%/5 - 2px);margin:2% auto}
.teacher_bg>div>div{background:linear-gradient(90deg, #549ed2 0%, #1a5395 80%);padding:9px 0 10px;}
.teacher_bg>div>div>a{color:#FFF;text-decoration:none;}
.teacher_bg>div>div>a small{font-size:1.0rem;}
.teacher_bg>div>div>a:hover{color:#fff7d1;text-decoration:underline;}
.teacher_bg>div>div>a span{display:block;color:#ffca2c;}
.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,.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}
/*跨科系想一次考取*/
.plan_flex{align-items:flex-end;margin:auto auto 2rem}
.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:#02538a;color:#FFF;padding:3px 0;}
.plan_intro{padding:3% 5%;order:1;width:100%;}
.plan_flex>div:nth-of-type(1) .plan_intro{background:#fee8a9;box-shadow:inset 0 2px 0 #e4ba41;}
.plan_flex>div:nth-of-type(2) .plan_intro{background:#ffca2c;box-shadow:inset 0 2px 0 #d8a202;}
.plan_flex>div:nth-of-type(3) .plan_intro{background:#ceeccf;box-shadow:inset 0 2px 0 #9ccd9e;}
.plan_flex>div:nth-of-type(4) .plan_intro{background:#afd2f3;box-shadow:inset 0 2px 0 #5e98d4;}
.plan_intro>p{font-size:1.1rem;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}
.plan_intro .block{display:block;}
.comparison-card{border-radius:0.5rem;border:1px solid #e2e8f0;background-color:#ffffff;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:1.1rem;}
.header-row{display:flex;background-color:#e8e0cf;border-bottom:3px solid #beb5a6;color:#334155;font-weight:900;}
.body-row{display:flex;border-bottom:1px solid #d4cdc2;}
.body-last-row{display:flex;}
.col-dimension,.cell-dimension{flex:1 1 0%;min-width:0;padding:1rem;display:flex;align-items:center;box-sizing:border-box}
.col-short-term,.cell-short-term{flex:2 1 0%;min-width:0;padding:1rem;display:flex;align-items:center;box-sizing:border-box}
.col-flagship,.cell-flagship,.cell-flagship-accent{flex:3 1 0%;min-width:0;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box}
.col-short-term{background-color:#ffcd3d;color:#475569;justify-content:space-between}
.col-flagship{background-color:#ea580c;color:#ffffff;justify-content:space-between}
.plan-name{font-size:1.25rem;}
.plan-badge{background-color:rgba(255,255,255,.2);padding:.125rem .5rem;border-radius:.25rem;font-weight:700;white-space:nowrap;}
.cell-dimension{font-weight:700;color:#1e293b;background-color:#e8e0cf4d}
.cell-flagship{font-weight:600;background-color:rgba(255,247,237,.3)}
.cell-flagship-accent{font-weight:700;color:#ea580c;background-color:rgba(255,247,237,.4)}
.media{margin:2rem auto}
.media>h3{padding:0.25rem 0.5rem;background:linear-gradient(90deg, #1b51af 0%, #19953d 50%, #ed6402 100%);color:white;border-radius:1.0rem 1.0rem 0 0;}
.mediaflex{padding:2%;background:#FFF;border-radius:0 0 1.0rem 1.0rem;}
.mediaflex>figure{width:160px;height:160px;margin:0 auto;border-radius:50%;border:solid 2px #ff9300;position:relative;overflow:hidden;}
.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:auto;width:60%;}
.mov{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.video{position:absolute;top:0;left:0;width:100%;height:100%;}
.hive-section{max-width:1100px;margin:0 auto;background-color:#030712;border:1px solid #1f2937;border-radius:24px;padding:46px 24px 56px 24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.7)}
.hive-header{text-align:center;max-width:780px;margin:0 auto 36px auto}
.hive-badge{display:inline-block;background-color:rgba(249,115,22,.12);color:#fb923c;border:1px solid rgba(249,115,22,.35);padding:5px 16px;border-radius:9999px;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:14px}
.hive-title{font-size:32px;font-weight:900;color:#ffffff;line-height:1.35;margin-bottom:12px}
.hive-title-accent{background:linear-gradient(90deg,#f97316,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hive-subtitle{font-size:15px;color:#94a3b8}
.hive-cluster{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:3rem auto 2rem;gap:1rem;}
.hive-card{text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),filter .35s ease}
.hive-card:hover{transform:translateY(-15px);filter:drop-shadow(0 14px 28px rgb(249 115 22 / 50%))}
.hive-card:nth-child(even){transform:translateY(-15px)}
.hive-card:nth-child(even):hover{transform:translateY(-25px);filter:drop-shadow(0 14px 28px rgb(6 182 212 / 50%))}
.hive-border-frame{width:calc(215px * 1.3);height:calc(245px * 1.3);padding:4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:all .35s ease}
.hive-card:nth-child(odd) .hive-border-frame{background:linear-gradient(180deg,#f59e0b 0%,#78350f 100%)}
.hive-card:nth-child(even) .hive-border-frame{background:linear-gradient(180deg,#06b6d4 0%,#164e63 100%)}
.hive-inner-clip{width:100%;height:100%;background-color:#0f172a;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative;overflow:hidden}
.hive-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.hive-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(3,7,18,.95) 10%,rgba(3,7,18,.35) 30%,transparent 60%)}
.hive-pill{position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);background-color:#f97316;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);color:#ffffff;font-size:1rem;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}
.hive-caption{position:absolute;bottom:3rem;left:0;right:0;text-align:center;}
.hive-card-heading{font-weight:900;color:#ffffff;}
.ibrain_page{width:100%;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) span{font-size:1.4rem;font-weight:700;color:#003c79;border-bottom:1px dashed #003c79;padding:0;margin:0;display:block;}
.ibrain_flex{margin:4% 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{width:100%;margin:0 0 10px;}
.ibrain_flex dt figure figcaption{width:100%;text-align:center;padding:5px 0;}
.ibrain_flex dd,.ibrain_page p{font-size:1rem;line-height:27px;margin:3px auto;text-align:justify;}
.ibrain_flex dt img{margin:auto;display:block;height:300px;width:auto;}
.ibrain_page p{padding:0 2% 0;width:100%;}
.ibrain_page a{color:#003c79}
.ibrain_page small{font-size:1.1rem}
.ibrain{border-top:solid 1px #1c8b90;}
.coursegrid{margin:2rem auto 1rem;justify-content:center;grid-auto-columns:85%;grid-gap:10px}
.coursebox{background:#ffffffba}
.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 1.5rem}
.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;}
/*我們都在知識達考取行政公職*/
.honor .flex{justify-content:center;}
.honor dl{margin:1rem auto;width:calc(100%/4);background:linear-gradient(to right, #a00a0100 0%, #ffffff9e 20%, #ffffffd4 80%, #a00a0100 100%);}
.honor dl dt{font-size:1.8rem;padding:.4rem 2rem;font-weight:bold;color:#ffffff;border-bottom:5px solid #d13a01;box-shadow:0 4px 15px rgba(251,191,36,.3);background:linear-gradient(90deg,#d94300,#f79508,#d94300);background-size:200% auto;animation:gradientFlow 3s linear infinite;will-change:background-position;-webkit-font-smoothing:antialiased;transition:all .3s ease;clip-path:polygon(100% 0,95% 50%,100% 100%,0 100%,5% 50%,0 0);letter-spacing:3px;margin:0 auto 1rem;width:96%;text-align:center;}
.honor .top2 dt{clip-path:polygon(100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%, 0 0);}
.honor dl dd{font-size:1.25rem;padding:0.25rem 0;text-align:center;}
.honor .top2{width:calc(100%/4*2);align-content:flex-start;}
.top2 dt{width:100%;}
.top2 dd{margin:auto;}
.hit{display:inline-block;color:#b20005;font-weight:bold;background:linear-gradient(to right,#e5c979 0%,#fffade 30%,#fff8d3 60%,#e6ca7a 100%);border-radius:2.5rem;padding:.25rem 1rem .25rem 2.5rem;margin:0 .5rem;box-shadow:2px 3px 2px #b09973;position:relative;font-style:italic;}
.hit::before{margin:0 0;position:absolute;left:.5rem;content:'';width:26px;height:35px;background:url(../images/1509030_pri.png) no-repeat 100% 100%;background-size:contain;}
.navlink{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.5em}
.navlink a,.ask-wrap input[name*="Submit"]{color:#FFF;background:linear-gradient(90deg, #ff6200 0%, #e1002d 100%);text-decoration:none;padding:0.5rem 1.5rem;border-radius:2.0rem;display:inline-block;width:max-content;border:0;margin:0.5rem auto auto;}
.navlink a:hover{transform:translate(0px,5px)}
/*表單*/
.ask-wrap{text-align:center;}
.apply{color:#eb6214;font-size:1.5rem;text-align:center;}
.ask-wrap ul{justify-content:center;padding:0.5rem 0;}
.ask-wrap ul li{margin:0.25rem 0.5rem;font-size:1.25rem;}
@media (min-width:768px){
    .plan_intro .md\:block{display:block;}
    .grade .md\:block{display:block;}
}
@media all and (min-width:1201px){
    #topbutton,#BodyHeader_m{display:none}
    #BodyHeader{width:100%;margin:0 auto;line-height:2em;font-size:15px;background:#FFF}
    #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,.4),0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(255,255,255,.4),0 10px 20px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(255,255,255,.4),0 10px 20px rgba(0,0,0,.2);background:linear-gradient(45deg, #ff7c00, #ffc838);border-radius:8px 0 0 8px}
    .segment-class{font-size:1.2rem;font-weight:700;}
    #event_menu a{color:#272727;line-height:1.5rem;}
    #event_menu a:hover{opacity:.8;}
    #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;position:fixed;left:0;top:0}
    #noie a{color:#FC0}
}
@media (max-width:1650px){
	.banner .top{width:80%;}
}
@media (max-width:1535px){
    .top2 dd{width:calc(100% / 2)}
}
@media (max-width:1280px){
    .hit{display:block;width:fit-content;margin:auto;}
}
@media (max-width:1200px){
    #BodyHeader,#noie,#event_menu{display:none}
    #BodyHeader_m{text-align:center;height:auto;margin:2% auto}
    #BodyHeader_m img{clear:both;height:auto;max-width:100%}
    #BodyFooter_rwd{width:100%;background:#FFF;margin:0 auto;padding-top:4%}
    #BodyFooter_rwd a{color:#000}
    #BodyFooter_rwd #footer_inline img{max-width:100%;margin-bottom:2%}
    #BodyFooter_rwd li{font-size:1em;line-height:2em;text-align:center}
    #BodyFooter_rwd #footer_address{padding:3% 0 1%;margin:3% 2% 0;border-top:thin solid #999}
    #BodyFooter_rwd #footer_address li{font-size:.7em}
    #topbutton{width:100%;bottom:0;position:fixed;text-align:center;z-index:9;}
    #topbutton a{color:#583f40;background-color:#ffd55c;text-decoration:none;font-size:1rem;padding:0.5rem;display:block;}
}
@media (max-width:1179px){   
    .ibrain_page:nth-of-type(1) dl:nth-of-type(n+1):nth-of-type(-n+2) dt figure{margin:auto;}  
    .coursegrid{grid-auto-columns:100%;}
    .hive-cluster{gap:2rem 4rem;}
    .data .icon{width:60px;height:60px;}
    .data .icon img{width:30px}
    .ibrain_flex dt img{height:250px;}
}
@media (max-width:1023px){
	#event h2{font-size:2.3rem;word-break:keep-all;overflow-wrap:anywhere;}
    .container{padding:1rem;}
    .banner{font-size:1.75rem;}
    .balance{width:100%;}
    .narrate{font-size:1.25rem;}
    .contrast{padding:0 0 2rem;}
    .data dl{padding:0.5rem;}
    .data dl dt{font-size:1rem;}
    .grade a{font-size:1.25rem;padding:.5rem 1.5rem;}
    .teacher_bg>div{width:calc(100%/2 - 2px);}
    .ask-wrap ul li{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
    .mov_box{width:80%;}
    .adv_tabs>label{padding:10px;}
    .advtable{width:95%}
    .hive-cluster{gap:1rem}
    .ibrain_flex dt img{height:200px;}
}
@media (max-width:767px){
	.bgcolor0{background:url(../images/1509059_01.png) no-repeat left top;}
	.banner .top{width:100%;}
	.banner figure:nth-child(1){right:-7rem;top:4rem;left:14rem;}
	.banner figure:nth-child(2){top:10rem;right:0rem;width:13%;}
	.banner_H{margin-left:3%;}
	.hs{font-size:1.2rem;}
	.bgcolor2,.bgcolor4{background:#fff5ca;}
    .teacher_bg{padding:2% 0}
    .teacher_bg>div>div{padding:5px 0}
    .plan_flex>div{width:calc(100%/1 - 5px);}
    .plan_intro{order:2;}
    figcaption{font-size:1.0rem;}
    .adv_tabs>label{width:calc(100% / 7 - 7px);padding:2px;margin:0 auto;align-content:stretch;font-size:1rem;line-height:1.25rem;}
    .timeline,#content3 .timeline,#content5 .timeline,#content6 .timeline{margin:4% auto 2%;grid-auto-columns:1fr;grid-auto-rows:auto;grid-gap:10px 0}
    .timeline:before,#content3 .timeline:before,#content5 .timeline:before,#content6 .timeline:before{left:20px;top:0;margin:0 0 0 -1px;width:2px;height:100%}
    .timelinelist:nth-of-type(2){grid-column:1/2;grid-row:2/3}
    .timelinelist:nth-of-type(3){grid-column:1/2;grid-row:3/4}
    .timelinelist:nth-of-type(4){grid-column:1/2;grid-row:4/5}
    .timelinelist:nth-of-type(5){grid-column:1/2;grid-row:5/6}
    .timelinelist:nth-of-type(6){grid-column:1/2;grid-row:6/7}
    .date{bottom:0;top:0!important;left:20px}
    .inner{margin:0 auto 10px 65px!important}
    .inner:after{left:50px}
    .timelinelist:nth-of-type(odd) .inner:after,.timelinelist:nth-of-type(even) .inner:after{border-width:10px 17.3px 10px 0;border-color:transparent #3aced4 transparent transparent;top:15px;bottom:0}
    .coursegrid{grid-auto-columns:1fr;}
    .mediaflex{padding:3%}
    .mediatxt{width:100%;margin:2% auto 1%}
    .mediatxt>div:nth-of-type(1){font-size:1.25em;margin-bottom:5px}
    .mediatxt>div:nth-of-type(2){font-size:1.15em}
    .mediatxt>div:nth-of-type(2) small{font-size:.9rem}
    .mediatxt>p{font-size:1em}
    .hexagon{width:110px;height:63.51px;margin:31.75px auto}
    .hexagon div{font-size:1.1rem;margin:6px 10px}
    .ibrain_flex>dl{width:100%;margin:2% auto}
    .ibrain_flex dt{font-size:1.25em}
    .ibrain_flex dd{font-size:1em}
    .ibrain_page dl,.ibrain_page{width:calc(100%/1);}
    .element_list{display:none;}
    .ibrain_flex dt figure{margin:11px 0 5px;}
    .navlink{justify-content:center;column-gap:1rem;}
    .navlink li{font-size:1.05em;}
}
@media (min-width:1032px) and (max-width:1376px) and (orientation:portrait){
	.hs{font-size:1.8rem!important;}
    .banner h1{font-size:3.0rem!important;}
	.banner h1 small{font-size:2.0rem!important;}	
	.future{font-size:2.1rem!important;}
}
@media (min-width:768px) and (max-width:1199px){
	.banner .top{width:95%;}
	.bgcolor0{background:url(../images/1509059_01.png) no-repeat left top;}
	.banner figure:nth-child(1){right:0rem;top:4rem;left:24rem;}
	.banner figure:nth-child(2){top:9rem;right:0rem;width:6%;}
	.hs{font-size:1.4rem;}
    .banner h1{font-size:2.5rem;line-height:2.5rem;padding:0 0 1rem}
	.banner h1 small{font-size:1.5rem;}
	.future{font-size:1.5rem;line-height:1.5rem;}
	#event h2{font-size:2.5rem;}
    .banner{padding:1rem 0;}
    .element_list{display:none;}
    .ibrain_page{width:calc(100%/1);}
    .ibrain_flex{width:100%}
	.data{padding:1rem 1rem 1rem 0;}
    .data dl{padding:1rem 1.5rem 1rem 0rem;}    
    .data dl dd{font-size:2.4rem;}
	.data dl dd b{display:contents;}
}
@media (max-width:767px) and (orientation:portrait){   
    .adv_tabs>label{height:46px;}
    .teacher_bg>div{font-size:1.05rem}
    #event h2{font-size:1.7rem;}
    #event h4{font-size:1.25rem;}
    .banner{font-size:1.5rem;padding:0rem 0;}
    .banner .sm\:block{display:block;}
    .banner h1{font-size:2rem;line-height:2rem;padding:0 0 1rem}
	.banner h1 small{font-size:1.5rem;}
    .banner h1 strong{display:block;}
    .data .icon{margin:auto;}
	.future{font-size:1.4rem;line-height:1.5rem;}
	.grade a{font-size:1.1rem;padding:.5rem 1rem;width:95%;letter-spacing:0px;}
	.data{width:100%;padding:1rem 1rem 1rem 0;}
    .data dl{padding:.25rem;width:calc(100% / 3);}    
    .data dl dd{font-size:1.4rem;display:flex;flex-direction:column;align-items:center;}
	.data dl dd b{display:contents;}
    .balance{padding:1rem 0;}
    .balance::before{right:1rem;}
    .course_detailflex>div{margin:0 auto;width:50px;height:50px;line-height:50px;}
    .mov_box{width:100%;}
    .balance dl dt::before{font-size:.8rem}
    .balance dl dt{font-size:1.15rem;padding:0 0 .5rem 1rem}
    .hive-cluster{margin:2rem auto auto;}
    .hive-cluster{gap:.25rem}
    .hive-border-frame{width:calc(215px * 0.75);height:calc(245px * 0.75);}
    #event h3.hive-card-heading{font-size:1.25rem;}
    .hive-caption{bottom:2rem;}
    .hive-pill{padding:0 10px;}
    .comparison-card{font-size:1rem;}
    .plan-name{font-size:1.1rem}
    .plan-badge{font-size:.9rem;}
    .honor dl,.honor dl dt,.honor .top2{width:100%;}
    .honor dl{display:flex;flex-wrap:wrap;}
    .honor dl dd{width:calc(100% / 2);}
	.narrate ,.apply{font-size:1.1rem; }
	.adv_tabs>label{padding:3px;font-size:0.9rem;line-height:1.1rem;}
    .plan_title,.plan_intro>p>strong ,#event h3{font-size:1.2em;}
	.plan_intro>p{font-size:1.0rem;line-height:1.2rem;}
	.wavy{text-underline-offset:6px;}
	.course_detailflex{width:100%;margin:7px auto;align-items:center;display:flex;border-bottom:dashed 1px #1a5395;}
	.courseflex{padding:2% 2%;}
	.course_detailflex>div,.honor dl dd{font-size:1.1em;}
	.course_detailflex ul{margin:0 auto 0 1.0rem;width: calc(100% - 50px - 1rem);}
	.course_detailflex li{font-size:1.1em;line-height:1.3em;}
	.honor dl dt{font-size:1.3rem;}
    .ibrain_flex dt img{height:auto;}
    .ask-wrap ul li input{width: 100%;}
}