@import url(../../Css/fontawesome-free-5.8.2-web/css/all.min.css);
@import url(./grid.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,menu{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}
/*會撐開的版面控制*/
body{margin:0 auto;padding:0;font-family:"Microsoft JhengHei",Arial;background:#F5F7FA}
*{transition:all .2s linear}
[class*="flex"]{display:flex;flex-wrap:wrap}

#BodyContent,#BodyContentMain,#BodyContentMainDetail{width:100%;margin:0 auto}
#BodyHeader{width:100%;height:95px;margin:0 auto;position:relative;background:url(../images/0807085_heardbasemap.jpg)right center no-repeat,#fed653}
.header_box{padding:16px 0 0 30px;align-items:center}
.header_box>h1{font-size:2.4rem;display:inline-block;color:#000;font-family:Georgia,"Microsoft YaHei",Times,serif}
.header_box>h1>a{color:#000;text-decoration:blink}
.header_box>h1>a:hover{color:#ff5502}
.header_box>h1 img{vertical-align:middle;margin:0 8px;position:relative;top:-4px}

p{margin:5px 0;text-align:justify;line-height:28px}



.row100{width:100%}
.row75{width:75%}
.row25{width:25%}
.row50{width:50%}
.rowFlex{display:flex;display:-ms-flexbox;flex-wrap:wrap}
.rowFlexlist{width:43.6%;margin:0 .1% 10px;padding:1% 3% 2%;border:solid 1px #e0e0e2;position:relative;background-color:#fcfcfd}
.rowFlexlist:before{content:"";position:absolute;bottom:-12px;background:url(../images/0807085_shoaw.png)no-repeat;width:529px;height:12px;left:0;right:0;margin:auto;background-size:100%}

/*RWD 12等分*/
/*
.cell-grid-1,.cell-grid-2,.cell-grid-3,.cell-grid-4,.cell-grid-5,.cell-grid-6,.cell-grid-7,.cell-grid-8,.cell-grid-9,.cell-grid-10,.cell-grid-11,.cell-grid-12,.cell-grid,.cell-grid-auto,.cell-grid-s1,.cell-grid-s2,.cell-grid-s3,.cell-grid-s4,.cell-grid-s5,.cell-grid-s6,.cell-grid-s7,.cell-grid-s8,.cell-grid-s9,.cell-grid-s10,.cell-grid-s11,.cell-grid-s12,.cell-grid-s
.cell-grid-sauto,.cell-grid-m1,.cell-grid-m2,.cell-grid-m3,.cell-grid-m4,.cell-grid-m5,.cell-grid-m6,.cell-grid-m7,.cell-grid-m8,.cell-grid-m9,.cell-grid-m10,.cell-grid-m11,.cell-grid-m12,.cell-grid,.cell-grid-mauto,.cell-grid-g1,.cell-grid-g2,.cell-grid-g3,.cell-grid-g4,.cell-grid-g5,.cell-grid-g6,.cell-grid-g7,.cell-grid-g8,.cell-grid-g9,.cell-grid-g10,.cell-grid-g11,.cell-grid-g12,.cell-grid-lg,.cell-grid-gauto,.cell-grid-x1,.cell-grid-x2,.cell-grid-x3,.cell-grid-x4,.cell-grid-x5,.cell-grid-x6,.cell-grid-x7,.cell-grid-x8,.cell-grid-x9,.cell-grid-x10,.cell-grid-x11,.cell-grid-x12,.cell-grid-x
.cell-grid-xauto{position:relative;width:100%;min-height:1px;float:left}
.cell-grid{max-width:100%}
.cell-grid-1{max-width:8.333333%}
.cell-grid-2{max-width:16.666667%}
.cell-grid-3{max-width:25%}
.cell-grid-4{max-width:33.333333%}
.cell-grid-5{max-width:41.666667%}
.cell-grid-6{max-width:50%}
.cell-grid-7{max-width:58.333333%}
.cell-grid-8{max-width:66.666667%}
.cell-grid-9{max-width:75%}
.cell-grid-10{max-width:83.333333%}
.cell-grid-11{max-width:91.666667%}
.cell-grid-12{max-width:100%}
@media (min-width: 576px) {
.cell-grid-s{max-width:100%}
.cell-grid-s1{max-width:8.333333%}
.cell-grid-s2{max-width:16.666667%}
.cell-grid-s3{max-width:25%}
.cell-grid-s4{max-width:33.333333%}
.cell-grid-s5{max-width:41.666667%}
.cell-grid-s6{max-width:50%}
.cell-grid-s7{max-width:58.333333%}
.cell-grid-s8{max-width:66.666667%}
.cell-grid-s9{max-width:75%}
.cell-grid-s10{max-width:83.333333%}
.cell-grid-s11{max-width:91.666667%}
.cell-grid-s12{max-width:100%}
}
@media (min-width: 768px) {
.cell-grid-m{max-width:100%}
.cell-grid-m1{max-width:8.333333%}
.cell-grid-m2{max-width:16.666667%}
.cell-grid-m3{max-width:25%}
.cell-grid-m4{max-width:33.333333%}
.cell-grid-m5{max-width:41.666667%}
.cell-grid-m6{max-width:50%}
.cell-grid-m7{max-width:58.333333%}
.cell-grid-m8{max-width:66.666667%}
.cell-grid-m9{max-width:75%}
.cell-grid-m10{max-width:83.333333%}
.cell-grid-m11{max-width:91.666667%}
.cell-grid-m12{max-width:100%}
}
@media (min-width: 992px) {
.cell-grid-g{max-width:100%}
.cell-grid-g1{max-width:8.333333%}
.cell-grid-g2{max-width:16.666667%}
.cell-grid-g3{max-width:25%}
.cell-grid-g4{max-width:33.333333%}
.cell-grid-g5{max-width:41.666667%}
.cell-grid-g6{max-width:50%}
.cell-grid-g7{max-width:58.333333%}
.cell-grid-g8{max-width:66.666667%}
.cell-grid-g9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.cell-grid-g10{max-width:83.333333%}
.cell-grid-g11{max-width:91.666667%}
.cell-grid-g12{max-width:100%}
}
@media (min-width: 1200px) {
.cell-grid-x{max-width:100%}
.cell-grid-x1{max-width:8.333333%}
.cell-grid-x2{max-width:16.666667%}
.cell-grid-x3{max-width:25%}
.cell-grid-x4{max-width:33.333333%}
.cell-grid-x5{max-width:41.666667%}
.cell-grid-x6{max-width:50%}
.cell-grid-x7{max-width:58.333333%}
.cell-grid-x8{max-width:66.666667%}
.cell-grid-x9{max-width:75%}
.cell-grid-x10{max-width:83.333333%}
.cell-grid-x11{max-width:91.666667%}
.cell-grid-x12{max-width:100%}
}
.cell-grid-5ths,.cell-grid-s5ths,.cell-grid-m5ths,.cell-grid-g5ths{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.cell-grid-x5ths{width:20%;float:left}
@media (min-width: 768px) {
.cell-grid-s5ths{width:20%;float:left}
}
@media (min-width: 992px) {
.cell-grid-m5ths{width:20%;float:left}
}
@media (min-width: 1200px) {
.cell-grid-g5ths{width:20%;float:left}
}
.hide{display:none!important}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}
*/
.AD_list a:hover{
	text-decoration:none}
/*20210609 LINEFB icon*/
.map_title  *{vertical-align: middle;}
.map_title img{display: inline-block;max-width:2.5rem;margin: 0 0.5rem;}
/*圖片*/

figure{margin:6%}
.activityImg img,.sponsorArea img,.serviceArea img,.smileImg img,.celebrityImg img{width:96%;margin:0 auto}
.workImg img{width:100%}
.pictureArea img{width:502px;height:218px;margin:0 auto;overflow:hidden;}
.img-responsive{display:inline-block;width: 100%;height: auto;}
/*heard*/
/*內文開始*/
#BodyContentMainDetail h2{font-size:2.3em;font-weight:500;color:#ff524b;font-family:"Microsoft YaHei"}
#BodyContentMainDetail h2 small{font-size:1.6rem}
/*大照片*/
.BodyContentPhoto{margin:0 auto}
/*學校照片*/
.school_mask{width: 99.7%;margin-left: 0.3%;height: 348px;overflow: hidden;}
.school_img{width: 100%;height: 175px;overflow: hidden;}
/*小選單*/
menu{width:100%;margin:0 auto 0;padding:0;position:relative}
.main_submenu ul{width:100%;margin:0 auto;padding:0}
.main_submenu li{position:relative;float:left;color:#fff;background:#ff5502;text-align:center;width:16.666666%}
.main_submenu>ul>li:last-child{background:#13b9af}
.main_submenu>ul>li:last-child:hover{background:#28AE95}
.main_submenu li a{display:block;padding:6px 30px;color:#fff;text-decoration:none;font-size:1.2em;}
.main_submenu li:hover{background:#ff8f2c}
.main_submenu li ul{background-color:rgba(231,124,64,1);display:none;position:absolute;top:100%;z-index:99}
.main_submenu li ul li{width:100%;}
.main_submenu li:hover ul{display:block;right:0;left:0;top:100%}
.toggle{display:none}
.arrow-bottom{position:absolute;top:20px;right:13px;margin-left:5px;border-top:4px solid #FFF;border-right:4px solid transparent;border-left:4px solid transparent;width:1px;height:1px}
/*防疫公告*/
#announce_AD.PT{width:100%;margin:0 auto;padding:8px 0;background:#6A3A60;text-align:center;font-family:"Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";font-size:1.55em;font-weight:700;letter-spacing:1px}
#announce_AD.PT a{color:#FFEA00;text-decoration:none}
#announce_AD.PT>a>span{color:red;text-shadow:1px 1px 2px #FFF,1px 1px 5px #FFF,-1px -2px 2px #FFF,1px 1px 2px #FFF,-1px 1px 2px #FFF,0 1px 2px #FFF;margin-right:3px}
/*安心學習計畫*/
#announce_AD.plan{width:100%;background:#1b7182;background:-moz-linear-gradient(45deg,#1b7182 0%,#4895a3 22%,#2c6688 50%,#4895a3 81%,#4895a3 81%,#258c95 100%);background:-webkit-linear-gradient(45deg,#1b7182 0%,#4895a3 22%,#2c6688 50%,#4895a3 81%,#4895a3 81%,#258c95 100%);background:linear-gradient(45deg,#1b7182 0%,#4895a3 22%,#2c6688 50%,#4895a3 81%,#4895a3 81%,#258c95 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b7182',endColorstr='#258c95',GradientType=1);text-align:center;font-family:"微軟正黑體";font-weight:700;font-size:1.4em;margin:0 auto;padding:5px 0}
#announce_AD.plan a{color:#FFEA00;text-decoration:none;text-shadow:1px 1px 2px #062C3E,2px 1px 5px #062C3E}
#announce_AD.plan>a>span{color:#FFF}
/*打工換課*/
.workImg{width:96%;margin:0 auto;text-align:center}
/*近期活動*/
.activityTxt,.smileTxt{font-size:1em;color:#444}

.custom-size{font-size:2rem;line-height:4rem;}
.activity_title{text-align:center;font-size:2rem;border-bottom:solid 1px #ff5502;margin:0 0 2%;color:#ff5502;font-weight:700;position:relative}
.EPtitle{
	/*line-height: 1.95em;*/
    font-size: 1.32em;}
/*.EPtitle br:nth-child(1){display:none}*/
.workArea .activity_title{line-height:1.95em}
.activity_title a{color:#ff722c;    text-decoration: none;}
.activity_title a.title_more{position:absolute;right:0;bottom:0;font-size:.6em;font-weight:500;text-decoration:blink}
.activity_title i{margin-right:3px}
.activity_title a:hover,.teacherLink > ul li a:hover{color:#ff0f0f}
.activity_title small{font-size:.75em;font-weight:500}
.activity_content{width:96%;margin:0 auto}
/*師資*/
.teacherArea{width:100%;margin:1% auto}
.teacherImg{width:200px;height:200px;border-radius:50%;position:relative;background-color:#d4d4d4;overflow:hidden}
.teacherImg img{position:absolute;left:0;right:0;top:0;margin:auto}
.teacherTxt,.teacherImg{margin:6% auto 0}
.name{font-size:1.8em;font-weight:700;margin:0 0 10px}
.name>small{font-size:.8em}
.teacherTxt ul{margin:0 auto 0 6%}
.teacherTxt li{list-style:disc;line-height:29px;text-align:justify}
.teacherTxt li a{color:#ff0f0f}
.teacherTxt li:nth-child(4) a:hover,.teacherTxt li:nth-child(5) a:hover{color:#ff0f0f}
.teacherLink{width:100%;margin:5% auto 0;text-align:center}
.teacherLink li{display:block;margin:0 0 5px}
.teacherLink > ul li a{font-size:1.25em;color:#3F51B5;display:block;line-height:38px}
.teacherbg{overflow:hidden}
/*.teacherbg>div{margin:0}*/
.teacherbg>div:nth-of-type(1){width:40%}
.teacherbg>div:nth-of-type(2){width:58%;margin:0 auto 0 2%}
/*服務&贊助*/
/*.serviceArea,.sponsorArea{width:100%;margin:1% auto}*/
/*考取學生*/
#MediaArea{width:99.9%;margin:.5% auto;position:relative;overflow:hidden;border:solid 1px #efefef;background-color:#fff}
#MediaArea li{list-style:none}
#MediaArea .mediainfo{width:100%;display:none}
#MediaArea .on{display:block}
#MediaArea .MediaTAB{width:100%;margin:0;clear:both}
#MediaArea .MediaTAB li{cursor:pointer;float:left;width:25%;text-align:center;padding:5px 0;color:#000;background-color:#e6e6e6}
#MediaArea .MediaTAB li:nth-child(1).on,.MediaTAB li.over{background-color:#529cb8}
#MediaArea .MediaTAB li:nth-child(2).on,.MediaTAB li.over{background-color:#7b7d37}
#MediaArea .MediaTAB li:nth-child(3).on,.MediaTAB li.over{background-color:#ff5502}
#MediaArea .MediaTAB li:nth-child(4).on,.MediaTAB li.over{background-color:#fc0}
#MediaArea .MediaTAB li:nth-child(1).on,.MediaTAB li.over,#MediaArea .MediaTAB li:nth-child(2).on,.MediaTAB li.over,#MediaArea .MediaTAB li:nth-child(3).on,.MediaTAB li.over,#MediaArea .MediaTAB li:nth-child(4).on,.MediaTAB li.over{color:#fff}
#MediaArea .MediaTAB li h3{font-size:1.3em;font-weight:500}
.mediaContent{width:94%;margin:2% auto 3%;display:flex;flex-wrap:wrap;display:-ms-flexbox}
.stuframe img{position:absolute;width:100%;left:0;right:0;top:0;bottom:0;margin:auto}
.stuframe{position:relative;width:250px;height:250px;border-radius:50%;overflow:hidden;margin:auto;box-shadow:0 0 6px 5px #f59a97,0 0 7px 12px #fff,0 0 14px 11px #3ff9ed}
.row75 .stuframe{width:200px;height:200px}
.row75 .stuTxt h2 strong{display:block;width:30%}
/*
.row75 .stuImg{float:right}
.row75 .stuTxt{float:left}
.row75 .mediaContent{display:inline-block;margin:2% 3% 3%}
*/
.stuImg{width:24%}
.stuTxt{width:74%;padding:0 2% 0 0;text-align:left}
.stuTxt h2 strong{font-weight:500;background:linear-gradient(to left,#ff837e 15%,#00f1e3 100%);color:#fff;padding:0 3.5%;border-radius:50px;margin-right:8px}
.stuTxt .name{font-size:1.7em;font-weight:700;margin:6px 0 3px}
.stuTxt .sub{font-size:1.3em;font-weight:700}
.sub+p a{color:#ff0f0f}
ul.mLink li{display:inline;font-size:1.2em;margin:0 1%}
ul.mLink a{color:#3f51b5;padding:.2% 2%;display:inline-block}
ul.mLink a:hover{color:#ff722c}
ul.mLink{width:100%;margin:2% auto 0;text-align:center}
/*內鑲FB*/
.FB_iframe{width:297px;height:412px}

/*微笑大使*/
/*.smileArea{width:100%;margin:1% auto}*/
.smileImg{text-align:center}
.smileTxt a{color:#444}
/*名人堂*/
.celebrityArea{width:100%;margin:1% auto}
.celebrityrow{align-items:center;margin-bottom:5px}
.celebrityImg{width:217px;height:217px;overflow:hidden;position:relative;border-radius:50%;margin:0 auto}
.celebrityImg img{position:absolute;left:0;right:0;top:0;margin:auto;width:100%}
.celebrityStu{width:58%}
.celebrityStu ul li,.celebrityStu p{text-align:justify;font-size:1.05em;line-height:30px}
.celebritybg p{clear:both;display:inline-block}
.celebrityStu > ul{padding:9px 12px 4px}
.celebrityStu > ul li:nth-child(1),.celebrityStu > ul li:nth-child(3){font-weight:500;font-size:1.4em;color:#ff0f0f}
.celebrityStu > ul ul li:nth-child(1),.celebrityStu > ul ul li:nth-child(2),.celebrityStu > ul ul li:nth-child(3){font-weight:500;font-size:.65em;color:#000}
.celebrityStu > ul ul{padding:7px 10px 10px 27px;background-color:#f1f1f1}
.celebrityStu > ul ul li{font-size:.65em;line-height:25px;list-style:disc;color:#000}
.celebrityTxt{width:100%}
.celebrityStu .name{font-size:1.4rem;font-weight:700}
.celebrityStu .sub{font-size:1.1rem}
.celebrityStu .gra{font-size:1.1rem}
.celebrityStu ol li{list-style:decimal;margin:0 auto 0 6%}
/*右側固定社交連結*/
#SocialMenu{position:fixed;right:0;top:100px;z-index:9}
#SocialMenu ul{margin:auto}
#SocialMenu .announce img{display:block}
#SocialMenu i{font-size:2.5em}
.social li:nth-child(1) i{color:#ff722c}
.social li:nth-child(2) i{color:#1e54d2}
.social li:nth-child(3) i{color:#2ba035}
.social li{display:block;margin:15px 0 20px;text-align:center}
.social li:last-child{margin-bottom:0}
.social li a:hover{transform:scale(1.2,1.2);position:relative;right:14px}
.prices{background:#ffd75b;padding-bottom:1%}
.prices>h4{text-align:center;font-size:1.28em;line-height:1.8em;background-color:#f06700;color:#fff;font-weight:500;cursor:pointer}
.prices ul li:first-child{margin-top:0}
.prices ul li{height:41px;margin:7px 0}
#event_show{display:none}   
#event_click i{font-size:1.2rem;margin-left:2px}
#event_click:hover{background:#ff5502;transition:0.5s}
/*右側廣告BTN*/
#AD_slider_scroll{right:0;margin-top:20px;position:fixed;z-index:9;transition:all 0.5s linear}
#AD_slider_scroll:hover{right:485px}
#AD_slider_content{text-align:center;padding:0;position:relative;right:-485px;display: flex;
    align-items: stretch;}
#AD_slider_content img {
    width: 145px;
    height: auto;
}
#AD_slider_content ul{background:#ffd75b;margin:0;width:485px;padding:5px 0}
#AD_slider_content li{margin:0;width:33%}
#AD_slider_content li table,#AD_slider_content li table td{margin:0;padding:0;line-height:0}
#AD_slider_content li table td{text-align:center}
#AD_tab{width:20px;padding:8px 13px;position:;background:#f06700;color:#fff;font-size:1.3em;line-height:1.25em;cursor:pointer;right:0;border-radius:8px 0 0 8px;display: flex;
    flex-direction: column;
    justify-content: center;}
#AD_tab i{font-size:1.3rem}

/*左測急救站入口*/
#QA_slider_scroll a{top:12.5%;left:0;position:fixed;z-index:99;text-align: center;padding: 9px 1px;font-size:0.8em;color:#fff;background-color: red;border-radius: 0px 8px 0px 0px;}
#QA_slider_scroll a:hover{background-color:#ff5502;}
#QA_slider_scroll i{display:block;font-size: 2.1em;}

/*左側各地分班*/
#branchMenu_slider_scroll{top:20%;left:0;position:fixed;z-index:99}
#branch_slider_content{text-align:center;padding:0;position:relative;left:-85px}
#branch_slider_content li ul li{padding:0 20px;background-color: #1983ab;position: relative;}
#branch_slider_content li ul li:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 4px 4px 0px 4px;border-color: #fff transparent transparent transparent;left:8px;top: 47%;}
/*
#branch_show1 li:nth-child(1):before,#branch_show1 li:nth-child(2):before,#branch_show1 li:nth-child(3):before,#branch_show1 li:nth-child(4):before,#branch_show2 li:nth-child(1):before,#branch_show2 li:nth-child(2):before,#branch_show2 li:nth-child(3):before,#branch_show2 li:nth-child(4):before,#branch_show3 li:nth-child(1):before,#branch_show3 li:nth-child(2):before{content:none;}
#branch_show1 li:nth-child(1),#branch_show1 li:nth-child(2),#branch_show1 li:nth-child(3),#branch_show1 li:nth-child(4),#branch_show2 li:nth-child(1),#branch_show2 li:nth-child(2),#branch_show2 li:nth-child(3),#branch_show2 li:nth-child(4),#branch_show3 li:nth-child(1),#branch_show3 li:nth-child(2){background-color:#ffb40d; }
*/
#branch_slider_content li{font-size:1.1rem;line-height:1.6em;color:#FFF;}
#branch_slider_content a{color:#FFF;padding: 8px 0;display: block;}
#branch_tab{width:20px;padding:11px 15px;position:absolute;background:#3b8bbe;color:#fff;font-size:1.25em;line-height:1.3em;cursor:pointer;left: -10px;}
.click_btn{cursor:pointer;color: #fff;background-color:#ff5502;padding: 8px 20px;}
.click_btn:hover{color: #fed653;}
#branch_show1,#branch_show2,#branch_show3{display:none}

/*助教預約表單*/
#Tutor{background:#fff;margin:0 auto;padding:2% 0 1%;font-family:"Microsoft JhengHei";border:solid 1px #e0e0e2;position:relative;overflow:hidden}
#askarea{width:90%;margin:0 5%}
#askarea .asktitle{font-size:2rem;line-height:1.5em;color:#ff5502;font-weight:700;text-align:center;border-bottom:solid 1px #ff5502}
#askarea .asktitle>small{font-size:1.4rem;display:block;color:#000;font-weight:500}
#formlist{width:94%;margin:2% 5% 0 auto;color:#000}
#askarea .flex{align-items:center}
#askarea .ask_th{width:9em;text-align:right;font-weight:500}
#askarea .ask_txt{width:67%;margin:0 0 0 10px}
.ask_row{margin:15px auto}
#askarea,#askarea input[type="submit"],#askarea input[type="reset"]{font-size:1.05rem}
#askarea SELECT,#askarea input{width:98%;padding:6px;border-radius:7px;background:#f7f7f7;border:#FFF;font-size:1.05rem}
#askarea input{color:#C6C6C6}
#askarea input[type="submit"],#askarea input[type="reset"]{width:20%; background:#ff642e;padding:.5em;color:#FFF;margin:0 10px;-webkit-appearance:none}
#askarea SELECT,#askarea input{font-family:Verdana,"Microsoft JhengHei",Arial}
#askarea p{text-align:center;margin:18px auto}
#askarea input[name="sRandomCode"]{width:25%;margin-right:10px}
#askarea small{margin:0 10px;font-size:1rem}
.ask_btn{text-align:center;margin:40px auto 20px}
.ask_ps{font-size:.9rem;margin-left:1%;display:block}


/*分班主頁*/
.intro img{width:100%;display:block}
.intro,.address,.get_list{padding:2%;border:solid 1px #e0e0e2;background:#fcfcfd}
.branch_title{font-size:2.5em;color:#ff722c;text-align:center;font-weight:normal;font-family:"Microsoft YaHei"}
.intro_bg{padding:1%;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr)}
.intro_bg>.introdetil:nth-of-type(1){grid-area:1/1/3/2}
.intro_bg>.introdetil:nth-child(n+2):nth-child(-n+5){padding:3px}
.intro_bg>.introdetil:nth-of-type(2){grid-area:1/2/2/3;background:#bb996a}
.intro_bg>.introdetil:nth-of-type(3){grid-area:1/3/2/4;background:#da7676}
.intro_bg>.introdetil:nth-of-type(4){grid-area:2/2/3/3;background:#778564}
.intro_bg>.introdetil:nth-of-type(5){grid-area:2/3/3/4;background:#706a8a}
.introdetil>figure{margin:0}
.introdetil>figure>figcaption{text-align:center;color:#FFF;padding:5px 0 0}
.addmap-photo{position:relative;height:403px;overflow:hidden}
#myImageTitle{position:absolute;bottom:0;left:0;right:0;background-color:#00000099;color:#fff;line-height:30px;padding:0 0 0 10px}
#myImageMsg{display:none}

/*地圖*/
.address{margin:10px 0 0;position:relative}
.branch_member{position:absolute;top:95px;right:25px}
.branch_member a{color:red;font-size:1.6em;text-decoration:none}
#address_content1,#address_content2,#address_content3{display:none;padding:3% 0 1.5%;text-align:left;color:#000;border-top:1px #E6E6E6 solid;background:#fff}
#address_tab1,#address_tab2,#address_tab3{display:none}
.address_tabs label{display:inline-block;margin:0;padding:5px 30px 3px;text-align:center;color:#000;background:#FFF;font-size:1.8rem;position:relative;border-radius:10px 10px 0 0}
.address_tabs label:hover{opacity:.8;cursor:pointer;top:0}
.address_tabs input:checked + label{color:#FFF;background:#ff851e}
#address_tab1:checked ~ #address_content1,#address_tab2:checked ~ #address_content2,#address_tab3:checked ~ #address_content3{display:block}
.map_box{display:flex;flex-wrap:wrap}

.map_list{width:calc(100%/3 - 4px);margin:0 2px 3%;background:#e9f3f9}
.map_list i{margin-right:5px}
.map_title,.map_stitle{text-align:center}
.map_title{font-size:1.4em;background:#3e466b;color:#fff;padding:7px 0;margin:0 auto}
.map_title a{color:#fff}
.map_list figure{margin:8px 0;text-align:center}
.map_list figure>img{display:block;margin:auto}
.map_list figure + ul{margin:0 auto;background:#5e89b3;height:260px;padding:10px 12px 0}
.map_list figure + ul li{color:#fff;line-height:1.6em}
.map_list figure + ul li:nth-of-type(1){text-align:center;margin-bottom:5px}
.map_list figure + ul li:nth-of-type(1) i{font-size:1.4rem}
.map_add>li>a{font-size:1.2rem;color:#fff;margin:0 0 4px;text-align:center}
.map_add>li a>small{font-size:.9rem}

.map_school{margin:0 auto;padding:10px 5px 7px;text-align:center}
.map_stitle{font-size:1.4em;color:#de1500;font-weight:bold}
.map_school>ul{margin:2px auto}
.map_school>ul>li{display:inline-block;font-size:1rem;margin:3px 5px}
.map_school>ul>li>a{color:#332b12;transition:all .2s linear}
.map_school>ul>li>a:hover{color:#e61500}




.get_join_note{width:50%;border-radius:25px;margin:2% auto;background:#F8B500;color:#000;padding:.5% 1%;font-size:1.35em;text-align:center}
.add_title{text-align:center;font-size:1.5rem;font-weight:700}
.add_title a{color:#ff722c}
caption{font-size:1.5rem;font-weight:700;margin:2% 0 1%;text-align:left}
.get_list table,.get_list th,.get_list td{border:1px solid #CCC;border-collapse:collapse}
.get_list th,.get_list td{padding:8px}
.get_list th{background:#E7EDF0}
.get_list table{width:95%;margin:0 auto 2%;font-size:1rem}

/*Footer*/
#BodyFooter_rwd{padding:0;margin:2% auto 1%}
#BodyFooter_rwd a{color:#000}
#BodyFooter_rwd a:hover{text-decoration:none}
#footer_address>ul{margin:0 auto}
#footer_address>ul>li{text-align:center;font-size:1rem;line-height:2em;list-style:none}
#footer_address>ul>li img{max-width:20%}
/* Footer end */

/*--------------MB------------------*/
@media(max-width:1200px) {
	
.pictureArea img{max-width:100%;height:auto;margin:0 auto;overflow:hidden;}
/*article{margin:70px 0 0}*/
.visible-xs{display:inline-block!important}
.hidden-xs{display:none!important}
.school_img,.school_mask{height:auto;overflow:auto}
.header-title{display:none}
.celebrityImg{margin:0 auto}
#topbutton{width:50px;height:50px;text-align:center;border-radius:9999em;background-color:#000;opacity:.4;position:fixed;line-height:50px;font-size:15px;z-index:9;bottom:15%;right:0}
#topbutton a{color:#FFF;text-decoration:none}
.addmap-photo{height:auto}
.map_list img{width:100%}
.prices{display:none}
.celebrityStu{width:100%}
.rowFlexlist:before{width:350px}
.teacherImg img{width:100%}
#mb_news{background:#D64780;color:#FFF;position:fixed;left:0;bottom:15%;border-radius:0 8px 8px 0;width:20px;padding:10px 8px;opacity:.9;z-index:9;animation: color 3s 1s alternate infinite}
@keyframes color{
    from{background:#D64780}
    to{background:#6056A3}
}
#mb_news a{color:#FFF;text-decoration:none}

}
@media screen and (min-width:768px) and (max-width:1200px) {
/*article{margin:96px 0 0}*/
.main_submenu li a{padding:6px 15px;font-size:1em}
.arrow-bottom{top:16px}
.activitylist,.rowFlexlist{width:45%}
.rowFlexlist{padding:1% 2%;margin:0 auto 10px}
.stuframe{width:160px;height:160px;margin:15px auto auto}
.teacherImg{width:130px;height:130px}
.header_main{margin:2.5% 0 0 1.5%}
.activity_title{font-size:1.5em}
.EPtitle{font-size:1.1em}
.activity_title a.title_more{font-size:.5em}
.activity_title small{font-size:.5em}
.map_list {width:calc(100%/2 - 4px)}
.map_bg .map_add>li a {font-size: 1.1rem;}
#BodyContentMainDetail h2{font-size:1.9em}
#MediaArea{width:99%}
#BodyFooter_rwd{width:96%;margin:2% 2% 0}
#QA_slider_scroll a{top: 12.5%;}
.activity_content iframe{width:100%;height:255px}
#announce_AD.plan{display:inline-block;letter-spacing:1px}
}

@media (max-width: 767px){
#BodyContentMain{margin:63px 0 0}
#BodyHeader{height:auto;background:#fed653;position:fixed;top:0;z-index:98} 
.header_box{width:100%;padding:15px 0 8px;text-align:center}   
.header_box>h1{width:100%;font-size:1.5rem;margin:auto}
.header_box>h1 img{width:10.5%;margin:0 4px;top:-2px}

.intro,.address,.get_list{padding:4% 2%}
.row75,.row25{width:100%;margin:1% auto}
.row50{width:100%;margin:0 auto}
/*分班主頁*/
.branch_title{font-size:1.6rem}
.intro_bg{grid-template-columns:1fr 1fr;grid-template-rows:45% 27.5% 27.5%}
.intro_bg>.introdetil:nth-of-type(1){grid-area:1/1/2/4}
.intro_bg>.introdetil:nth-of-type(2){grid-area:2/1/3/2}
.intro_bg>.introdetil:nth-of-type(3){grid-area:2/2/3/3}
.intro_bg>.introdetil:nth-of-type(4){grid-area:3/1/4/2}
.intro_bg>.introdetil:nth-of-type(5){grid-area:3/2/4/3}
.intro_bg>.introdetil:nth-child(n+2):nth-child(-n+5){display:flex;align-items:center}
.introdetil>figure>figcaption{font-size:.9rem}
.intro_bg>.introdetil span{display:block}
.address_tabs label{font-size:1.25rem;padding:3px 15px 2px}
.branch_member{position:relative;top:10px;right:auto;text-align:right}
.branch_member a{font-size:1.05rem;color:#3e466b;background:#fed653;padding:2px 5px}
.address_tabs{margin:2% auto 0}
.map_title,.map_stitle{font-size:1.2rem}
.map_list figure + ul li:nth-of-type(1) a{font-size:0.96rem}
.map_list figure + ul li,.map_add>li>a{font-size:.89rem}
.map_school>ul>li{font-size:.95rem}
    

.main_submenu{display:none}
.header_main{margin:0 auto;padding:15px 0 10px}
.header_main img{display:inline-block}
.toggle{display:block;background:#ff5502;padding:5px 15px;color:#FFF;cursor:pointer;text-align:center;font-size:1.05rem;letter-spacing:2px}
.main_submenu li{float:none;width:100%}
.main_submenu li a{padding:8px 15px;font-size:1rem;letter-spacing:1px}
.main_submenu li:hover ul{position:relative;display:block;background:transparent}
.main_submenu li:hover ul li{background:transparent}
.arrow-bottom{top:17px}

.stuImg,.stuTxt{width:100%}
#MediaArea{width:98%}
.activitylist,.rowFlexlist{width:92%;margin:0 auto 10px;padding:2% 3%}
.activity_title{font-size:1.4rem;padding:0 0 1%}
.EPtitle{font-size:1.2rem;
/*line-height:1.6em*/}
.workArea .activity_title{line-height:1.5em}
.activity_title small{display:block;font-size:.7em}
.activity_title a.title_more{font-size:.5em}
.activity_content iframe{width:100%;height:248px}
.stuframe{width:190px;height:190px;margin:25px auto 15px}
.celebrityImg{margin:auto}
.celebrityStu > ul ul{margin-left:3%}
.stuTxt h2 strong{display:block;text-align:center;margin:0 auto 1%}
.row75 .stuTxt h2 strong{width:90%}
#BodyContentMainDetail h2{font-size:1.7em;line-height:1.3em}
.header_main > h1 a{font-size:2em}
.map_list{width:100%}
.addmap-photo,.map_title{height:auto}
.ind_tabs li a{font-size:1.5em}
.ind_tabs li:nth-child(4){position:relative;top:0;text-align:center;width:100%}
.map_list figure + ul{height:auto;padding:10px 20px 15px}
.get_join_note{width:96%;font-size:1.2em;padding:2% 1%;margin:5% auto 3%}
.get_join_note strong{display:block}
#SocialMenu{right:0;left:0;top:auto;bottom:0;text-align:center;background-color:#ff781f}
#SocialMenu .social li{display:inline-block;margin:0 15px}
#SocialMenu .social li a{color:#fff;margin:0}
#SocialMenu i{font-size:2em;line-height:45px;color:#fff}
.announce{position:fixed;left:0;bottom:8%}
.teacherLink li{display:inline-block;width:49%}
.teacherTxt, .teacherImg{margin:2% auto 0}
.teacherImg{width:180px;height:180px}
.teacherbg>div:nth-of-type(1),.teacherbg>div:nth-of-type(2){width:100%}
#QA_slider_scroll a{top:215px;opacity:.9;font-size:.7em;padding:6px 3px}
.FB_iframe{width:90%;height:100%;margin:1% auto}
/*右側廣告BTN*/
#AD_slider_scroll{display:none}
/*預約表單*/
#askarea{width:98%;padding:2% 1%;margin:0}
#askarea,#askarea input[type="submit"],#askarea input[type="reset"],#askarea small{font-size:.95rem}
#askarea p{text-align:left;font-size:.95rem;margin:0 auto 7%}
#askarea .asktitle{font-size:1.5rem;padding-bottom:1%}
#askarea .asktitle>small{font-size:1rem}
#formlist{width:92%;margin:6% auto 0}
#askarea .ask_th,#askarea .ask_txt{width:100%;margin:0 auto}
#askarea .ask_th{text-align:left}
#askarea SELECT, #askarea input{width:99%;height:35px;padding:.5%;margin:0 auto 7%;font-size:.95rem;border:1px solid #ededed}
.ask_row{margin:0 auto}
#askarea .ask_row:nth-of-type(4) .row50:nth-of-type(1) .ask_txt input{margin-bottom:0}
#askarea .ask_row:nth-of-type(4) .row50:nth-of-type(1) .ask_txt{margin-bottom:7%}
.ask_btn{margin:0 auto 2%;text-align:left}
#askarea input[type="submit"],#askarea input[type="reset"]{width:auto;margin:0 10px 0 0}

#branch_tab{font-size:1.1rem;opacity:.9;padding:11px 12px 11px 20px;border-radius:0 0 8px 0}
#branchMenu{left:0}
#branch_slider_content{left:-80px}
#branch_slider_content li{font-size:1.05rem}
#branch_slider_content a{padding:6px 0}
#branch_slider_content li ul li:before{margin-left:5px}

 
/*Footer*/
#BodyFooter_rwd{margin:0 auto;padding:4% 5% 0;padding-bottom:50px}
#footer_address>ul>li{font-size:.95rem;line-height:1.6em;margin:7px auto}
#footer_address>ul>li img{max-width:55%;display:block;margin:auto auto 10px}
    
  
@media screen and (max-width:500px) {
.social li img{width:10%}
#branchMenu_slider_scroll{top:32%;display:none}
.header_main{}
.header_main > h1 a{font-size:1.55em}
.header_main > h1 a img{width:17%;top:-2px;margin:0 4px}
.header_main > h1 a{font-size:1.5rem}

.ind_tabs li a{font-size:1.3em}
}
}

/*----------------PC----------------*/
@media all and (min-width: 1201px) {
#Bodymenunav,#mb_news,#announce_AD{display:none}
#BodyContainer{width:1200px;padding:0;margin:0 auto}
#topbutton,.submenu_title{display:none}
#Bodymenunav{width:100%;margin:0 auto;padding:0}

.activity_content iframe{width:502px;height:383px}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:99;z-index:99;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
}
@media screen\0 {/*IE 8 9 10 11*/
.header_box:nth-child(1).header_main,.stuImg,.activitylist,.rowFlexlist{float:left}
}