/* css reset 歸0 */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,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{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;}
/* remember to define focus styles! */
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* css reset 歸0 end */
/*RWD 12等分*/
.containerpage{width: 1200px;margin:auto; }
.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;}
}
/*banner*/
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px;
/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
/*banner示意高度*/
#event_master{height:250px;}
/*banner end*/
body{font-family:"微軟正黑體",Arial;/*background-image:url(../Images/index-2012_bg.gif);*/}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #fff;}
.bgcolor2{background-color: #fff;}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display:inline-block;max-width: 100%;height: auto;}
h1{font-size: 3em;font-family: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";	letter-spacing: 0.5em;padding:0.5%;text-align:left;}
#Master_title img{position:relative;vertical-align: middle;z-index:1;height:auto;float: left;}
h2{ font-size: 2.5em; }
h3{ font-size: 2.2em; }
.br{display:block;}
.hide {display: none !important;}
/*合併各版共同屬性*/
.area,.area_2cl,.area_content{display:inline-table;/*line-height:10em;*/border-radius:10px;text-align:center;/*border:1px #000 solid;*/}
/*選單外框*/
#menu_RWD_bg{}
#menu_JQR{float: right;	background: #51bec1;width: 37%;height: 107px;}

#master_out,#Master_title{position:relative;}/*讓右上選單不隨視窗變化跑版*/
*{transition: all .3s;}
/*內外距*/
.p-0 {padding: 0;}.p-2 {padding: 0.5rem;}
.p-4 {padding: 1rem;}.p-3 {padding: 0.75rem;}
.px-2 {padding-left: 0.5rem; padding-right: 0.5rem;}
.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.m-1 {margin: 0.25rem;}.m-2 {margin: 0.5rem;}
.mr-1 {margin-right: 0.25rem;}.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.mt-2 {margin-top: 0.5rem;}.mt-3 {margin-top: 0.75rem;}
.mt-4 {margin-top: 1rem;}.mt-5 {margin-top: 1.25rem;}
.mt-6 {margin-top: 1.5rem;}
.my-auto {margin-top: auto;margin-bottom: auto;}.mx-auto {margin-left: auto; margin-right: auto;}
.mx-0 {margin-left: 0; margin-right: 0;}.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}.mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-0 {margin-top: 0; margin-bottom: 0;}
.mb-1 {margin-bottom: 0.25rem;}.mb-2 {margin-bottom: 0.5rem;}.mb-3 {margin-bottom: 0.75rem;}
/*字級*/
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}
.text-base{font-size:1rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}
.leading-loose {line-height: 2;}
/*導圓角*/
.rounded-none {border-radius: 0;}.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}.rounded-lg {border-radius: 0.5rem;}
.rounded-full {border-radius: 9999px;}
/*display*/
.block{display:block}.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}
.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
/*定位*/
.fixed {position: fixed;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center;}

/*search bar*/
#cref_iframe{width:62%;position: relative;}
.box{overflow: hidden;padding: 5px 0 0;margin: 0 0 0 76px;    width: 90%;}
.container-4 input#search{width: 100%;float: left;height: 25px;margin: 4px 0 2px 0px;background: #ffffff;border: none;font-size: 10pt;color: #000;position: relative;}
.container-4 input#search::-webkit-input-placeholder {color: #65737e;}
.container-4 input#search:-moz-placeholder { /* Firefox 18- */color: #65737e;  }
.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */color: #65737e;  }
.container-4 input#search:-ms-input-placeholder {  color: #65737e;  }
.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{outline: none;opacity: 1;}
.container-4:hover button.icon:hover{background:#318f92;}
.container-4 button.icon{border: none;background: #ff851e;height: 25px;width: 50px;color: #fff;font-size: 10pt;position:absolute;right:0;top: 4px;}
/* 頁籤 */
.showmore_content {position: relative;overflow: hidden;}
.abgne_tab {clear: left;margin: 10px 0;text-align: center;}
.show_reservation{width:100%;}

.tabs li {float: left;line-height: 31px;overflow: hidden;position: relative;border-left: none;
    border: 1px #FF851E solid;
    border-bottom: none;
    border-radius: 8px 8px 0px 0px;}
.tabs li a {font-size: 1.5em;display: block;padding: 5px 21px 0;color: #000;text-decoration: none;}
.tabs li a:hover {background:#ff851e;border-radius: 10px 10px 0px 0px;color:white;}
.tabs li.active  {background: #ff851e;border-radius: 8px 8px 0px 0px;}
.tabs li.active a{color:white;}
.tab_container {width: 100%;overflow: hidden;    border: solid 1px #ff851e;}
.tab_container .tab_content {display: flex;}
.tab_container .tab_content h2 {margin: 0 0 20px;}
.tab_container .tab_content .item-info:nth-child(1) {border-left:none;}
/*20200324頁籤改版Add*/
.item_relation{font-size:1.0em;
font-weight:bolder; Meiryo, "Meiryo UI", Arial, sans-serif;text-align:left;margin-top:1.8%;}
.item_relation,.item_relation a{color:rgb(184, 9, 9);}


/*內頁共用*/
#nav_loc{text-align: left;margin: 1% auto;padding: 0.5%;
font-family: '微軟正黑體';}
#nav_loc,#nav_loc a,.inside_pageContent,.inside_pageContent a,.inside_LinkList li,.inside_LinkList li a{color: #000;}
#nav_loc .fas{margin: auto 1%;}
.inside_pageOut{width:98%;padding: 1%;text-align: left;}
.inside_page_title{font-size:1.8em;}
.inside_page_Subtitle{font-size:1.4em;}
.inside_pageContent{font-size:1.2em;line-height: 1.9em;}
.inside_page_blue{color: #1154CC;font-size:1.3em;}
.inside_LinkList{margin: 2% 0;}
.inside_LinkList li{font-size:1.6em;display: inline-table;margin: auto 1%;}

/*20200408 ADD 網站導覽頁*/
#siteMap nav{width:98%;}
#siteMap .inline-block{vertical-align: top;margin: 2% 0;}
#siteMap nav{background-color: #F5F4F5;float: left;padding: 1.5%;}
#siteMap li a{color:#535353;line-height: 1.9em;}
#siteMap h2{color: #fff; font-size: 1.5em;font-family: 'Noto Sans TC', sans-serif;font-weight: 400;
border-radius: 10px;padding: 1.7%;text-align: center;}
.brand{font-weight: 700;margin: 1.5% 0;}
.grd_BgYcolor{background-color: #F6AB09;}
.grd_BgOcolor{background-color: #EF7702;}
.grd_BgOYcolor{background-color: #EF4502;}
.grd_BgPinkColor{background-color: #F6015D;}
.grad_BgBlueColor{background-color: #004D81;}
.grad_BgDBlueColor{background-color: #002A5D;}
.grad_BgDgreenColor{background-color: rgb(36, 104, 136);}
.grad_BgLgreenColor{background-color: rgb(11, 113, 182);}
@media all and (min-width: 1201px){
    h2{width:120px;}
}
@media all and (min-width: 1px) and (max-width: 1200px){
    #siteMap li{display: inline-block;}
    h2{margin: 0 auto;width:96%;}
}

/*客服信箱*/
#ask_inside{background-color: #26adb5;width:100%;display:inline-block;text-align:left;}
#ask_inside img{width:8%;height:auto}
#ask_inside p{margin-top:1%;margin-bottom:1%;font-size:1.05em}
#ask_inside .asktitle,#ask_inside .asktitle p{text-align:center}
#ask_inside .asktitle{color:#FFF;font-size:1.4em}
#ask_inside #formlist{width:90%;margin:2% auto;color:#FFF}
#ask_inside SELECT,#ask_inside input,.askw{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto;vertical-align: top;}
#ask_inside SELECT{width:19.7%}
#ask_inside input{color:#A1A1A1}
#ask_inside .askw{width:98%;height: 10vh;}
#ask_inside input[type="text"]{width:23%;/*height:20px*/}
#ask_inside input[type="radio"]{margin-left:3%}
#ask_inside input[type="submit"],#ask_inside input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#003366;padding:.5em}
/*企業徵才*/
.joinus img,.joinus iframe{max-width:100%;height:;}
.joinus_title{background-color: #C4C4B5;border:2px #000 solid;border-radius: 10px;padding: 0.3%;width:230px;}
.joinun_list dt{margin:1% 0;}
.senttous{font-weight: bolder;}
.chk{margin:1% 0;}
.chk dd,.chk [name="sSubject"]{display: inline-block;}
.chk > dd{width:25%;}



/*google搜尋引擎樣式*/
#searchTB *{font-family:"Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";}
#searchTB .gsc-control-cse{text-align:left;font-size:1.1em;}

#searchTB .gsc-table-result *{line-height:1.9em;font-size:1.1em;}
/*.gsc-control-cse table th, .gsc-control-cse table td {order:1;border:1px #000 solid;}*/
#searchTB .gsc-table-result b {color:#1154CC;}
#searchTB .gsc-adBlock{display: none !important;}

/*20191004測試*/
/*#searchTB{;position:relative;}
#searchTB .gsc-adBlock{width:100%;position:absolute;bottom:2%;}
.gsc-results .gsc-cursor {float:left;padding-top:550px;}*/

/*近期課程服務*/
.sub .subtitle{font-size:2em;color:#495FA3;font-family:"Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";text-align:center;margin:2%;}
.sub a {color:#F47912;text-decoration:none;}
.sub a:hover {text-decoration:underline;}

#searchTB a{color:#1254D5;}
/*關聯服務*/
.in_master_photo img{max-width:100%;height: auto;}
.service_group{margin: 1% auto;padding: 1%;}
.service_photo{width: 20%;}
.service_item{width:78%;}
.service_photo,.service_item{display: inline-table;vertical-align: top;}
.service_title{font-size:1.8em;}
.service_title,.service_title a{color: #3468AC;font-weight: bolder;}
.service_item dd{line-height: 1.9em;}
.grayBg{background: #F2F2F2;}
.service_subtitle{font-size:1.2em;font-weight: bolder;}
.topborder{border-top: 15px #E7E7E7 solid;}
.reserv_out,.reserv_out a{font-size: 0.8em;color:#000;}
.rightad{}

/*關於高點intro*/
.datatable,.datatable td{border:1px solid #D6DDE6;}
.datatable{border-collapse:collapse;width:100%;font-size:15px}
.datatable td{padding:15px 15px 4px 4px;font-size:1.1em;}
.num tr td:nth-child(1){width:14%;}
.datatable th{border:1px solid #828282;background-color:#495fa3;font-weight:700;text-align:center;padding:4px;color:#FFF;font-size: 1.4em;}
.datatable caption,.datatable caption a{font:bold 1.5em Arial,Helvetica,sans-serif;padding-top:3px;padding-bottom:8px;text-align:left;}
.datatable caption{color:#33517A;}
.datatable caption a{color:#223576;}
.datatable tr:hover,.datatable tr.hilite{background-color:#e4e8f7;color:#000}

.about_get .subtitle{font-size:1.8em;text-align: center;}
.about_get{font-size:1.2em;}
.about_get p{
	font-size:1.0em;
	line-height: 1.7em;
	text-indent: 1.8em;
}
.about_get .subtitle-orange{font-size:1.2em;color:#3E5399;font-weight: bold;display: block;}
.about_get  a{color: #F47912;}
.about_get  .sub-red{color:#e50909;}
.abget-mt3{margin-top:30px;}

/*防疫公告*/
.EP_out{padding:1%;}
.bgpurple{background-color: #6a3a60;}
.bgred{background-color: #fe0201;}
.ep_des,.EP_left,.ep_right,.icon,.icon img,.ep_btm_des,.ep_btm_img{display:inline-block;vertical-align: middle;}
.icon img{width:100%;}
.icon{width:30%;}
.ep_des{width:67%;margin-left: 1%;}
.EP_left{width:60%;padding-left: 3%;}
.ep_right{width:25%;}
.ep_subtitle,.color-y{font-family: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";font-weight: bolder;}
.ep_bottom,.ep_btm_des,.ep_btm_img img{text-align:center;}
.ep_subtitle {color:#fff;font-size:2.5em;}
.ep_content {color:#ffff05;font-size:1.6em;}
.EP_group{margin: 1.5% 0;}
.ep_bottom{padding: 1%;display: block;}
.ep_btm_des{width:auto;color: #fff;font-size:2.5em;line-height: 1em;}
.ep_btm_img{width:12%;}
.ep_btm_img img{width:100%;}
.ep_right{padding-left: 3%;position: relative;}
/* .ep_right img{position: absolute;
top:-328px;} */
.ep_btm_img a{border:0px;color:#fff;}
.color-y{color:#ffff05;}
.ep_note_bottom{margin:2% auto;font-weight: normal;font-size:1.3em;padding:0 2.7%;}
.ep_note_bottom .fas{font-size:1.3em;}
.yt_media{text-align: center;display:block;}
.yt_media iframe{width:98%;height:315px;}



.announcement a{font-size:1.3em;
font-weight:normal;display: inline-block;position: fixed;right:0;top:20%;width:120px;height: 150px;background-color: red;color: yellow;line-height: 150px;z-index: 0;overflow: hidden;animation: move 1s alternate infinite;
border-top-left-radius:40px;border-bottom-left-radius: 40px;}
@keyframes move{0%{top:15%;}100%{top:15.5%;}}
.announcement a:before{position: absolute;content: "";background: url(http://www.get.com.tw/Event/StudyCFDC/images/0901085_9.png);background-size: 100% auto; width:140px;height: 180px;right: -40px;bottom:-25px;opacity: .3;z-index: -1;}
.announcement a:hover{top:41%;background-color: #02A89E;color: white;}


@media all and (min-width: 1201px){
.ep_mb_title{display: none;}

}
/*給家長一封信*/
.letter_bg{padding:1.5%;}
.letter_title{font-size:1.6em;}
.letter_subtitle{margin:2% 0;font-size:1.4em;}
.letter_bg p,.letter_list{margin:1.5% 0;line-height:1.9em;}
.letter_note{}
.letter_list{}
.letter_list dt{font-size:1.3em;}

/*新版補課預約20201105*/
/* .line{border-bottom: dotted 2px #bd5500;} */
.reservation_out{position: relative;overflow-x: hidden;}
.reservation_out > dt{background-color: #f8c210;padding:0.5%;text-align: center;font-weight: 900;}
.reservation_out > dd{background-color: #fffdf5;}
.group li,.group li a{white-space: nowrap;}
.group li{margin: 0 1.5%;}
.group > li a{color: #333;}
/* .reser_show1,.reser_show2,.reser_show3{display:none;} */
.active_on{border-top: solid 5px rgb(231, 69, 5);}
[class*="reser_show"]{display:none;}
/* .reser_show1,.reser_show2,.reser_show3{display:none;} */

.reservation_on{
display:block;
animation-name:aniReser;animation-duration: 0.5s;
}
[class*='reser_select']{width:32.3%;display: inline;}
[class*='reser_select']:hover{cursor: pointer;}
@keyframes aniReser {
    from {opacity: 0;transform: translate3d(100%, 0, 0);}to {opacity: 10;transform: none;}
    }
/* .group li::before{font-family: "Font Awesome 5 Free"; content: "\f0da";} */
@media all and (min-width: 1px) and (max-width: 1200px){
    
/*關聯服務*/
.service_photo,.service_item{width:97%;}
.service_photo,.service_title,.service_subtitle{text-align: center;}
.service_item{font-size: 0.95em;}
.service_group{padding: 1.5%;}
/*改變手機順序*/	
.itemA{order:1;}
.itemB{order:2;}
.itemC{order:3;}
.itemD{order:4;}
.itemE{order:5;}
#tab1 > .item-info:nth-child(1){border-left:;}

/*近期課程服務*/
.inside_pageOut .sub{width:90%;}
.inside_pageOut td{display:inline-block;}
.datatable th{display:block;}

/*客服信箱*/
#ask_inside{width: 90%;padding: 4.5%;margin: 0 1%;}
#ask_inside img{width:8%;height:auto}
#ask_inside p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
#ask_inside .asktitle,#ask_inside .asktitle p{text-align:center}
#ask_inside .asktitle{color:#FFF;font-size:1.4em}
#ask_inside #formlist{width:100%;margin:2% auto;color:#FFF}
#ask_inside SELECT,#ask_inside input,.askw{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
#ask_inside SELECT{width:98%}
#ask_inside input{color:#A1A1A1}
#ask_inside .askw{width:98%;height: 10vh;}
#ask_inside input[type="text"]{width:98%;/*height:20px*/}
#ask_inside input[type="radio"]{margin-left:3%}
#ask_inside input[type="submit"],#ask_inside input[type="reset"]{width:25%;height:45px;color:#FFF;background-color:#003366;padding:.5em}

/*防疫公告*/
.EP_out{padding:3.5%;}
.ep_right{display: none;}
.ep_des,.EP_left,.icon,.icon img,.ep_btm_des,.ep_btm_img{display:block;vertical-align: middle;}
.ep_des,.EP_left,.ep_btm_des,.ep_btm_img{width:100%;}
.ep_btm_img img{width:30%;}
.icon,.ep_subtitle,.ep_btm_img{text-align:center;margin: 0 auto;}
.ep_btm_des{font-size:2.5em;margin: 2% 0;line-height: 1.1em;}
.ep_mb_title{text-align:center;margin: 2% 0;display: block;}
.ep_r_title{color: #fff;font-family: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";font-size:2.0em;font-weight: bolder;}
.ep_wsubtitle{color:#fff;display: block;font-size: 1.7em;
background-color: rgb(206, 23, 23);}
.whan{color:rgb(246, 250, 0);}
/*關於高點*/
.datatable, .datatable td{border-top:none;border-left:none;border-right:none;border-bottom:1px #D6DDE6 solid;}
.datatable tr{text-align:left;}
.num tr td:nth-child(1){font-weight:bolder;width:auto;}
.num tr td:nth-child(1):after{content:':';}
.final_line td{border:none;}
}
/*各類別切換頁籤*/
.showmore_content {position: relative;    padding: 0 0 0 18px;    left: -15px;}
.item-info > h3{font-size: 1.6em;font-weight: 700;color: #ff851e;border-bottom: 1px solid #ff851e;}

.item-info>ul li,ul .showmore_content li{font-size: 0.98em;margin: 0;text-align: left;line-height: 25px;list-style-type:disc;}
.item-info>ul li ul li{
    list-style-type:none;
}
.item-info li  small{display:block;font-size:0.93em;}
/* .item-info > h3 + ul{    margin: 10px 0 0 35px;}
.item-info > h3 + ul li span{    color:#ff851e;}
.item-info > h3 + ul li a{color:#565656;margin-right:0.5%;} */

/*20200325 ADD*/
.item-info > ul{    margin: 10px 3px 0 30px;}
.item-info > ul li span{    color;}
.item-info > ul li a{color:#565656;margin-right:0.5%;}
/*20200325 ADD END*/

.showmore_trigger{text-align: right;cursor: pointer;    padding: 0 10px 0 0;}
.showmore span{}

/*共用連到高普考站*/
#kp_common{margin-left:-6%;text-align:left;font-size:1.0em;}
#kp_common,#kp_common a{color:#565656;}
#kp_acti,#kp_acti a{
color: #C8421F;
font-weight: bolder;
}
.mobile_show{color:#565656;}
/*其他服務*/
.other_service,.line_img{margin:5px 0 0;}
.other_service>ul li,.line_img > ul >li,.AD-H_list>ul>li{display: inline-block;text-align: center;}
.other_service>ul li{width:49.2%;}
.line_img > ul >li,.AD-H_list>ul>li{width: 49.2%;}
.fa-line,.fa-facebook-square,.yticon{}
.fa-line{color:#00C702;}
.fa-facebook-square{color:#495FA3;}
.Community{background-color: #fafafa;}
.yticon{width:52px;height:51px;background: #eaeaea;
background: -moz-linear-gradient(top, #eaeaea 0%, #e1e1e1 33%, #d4d4d4 79%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eaeaea 0%,#e1e1e1 33%,#d4d4d4 79%,#cccccc 100%); 
background: linear-gradient(to bottom, #eaeaea 0%,#e1e1e1 33%,#d4d4d4 79%,#cccccc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cccccc',GradientType=0 ); border-radius: 8px;text-align: center;box-shadow: 0px 0px 1px  #929292;font-size:1em;font-weight: bolder;}
.you{color:#000;}
.Tube{color:#fff;background-color: #BB2D23;border-radius: 20px;}
.yticon,.fa-line,.fa-facebook-square{vertical-align: top;}
.yticon{margin-top:5px;font-family: Arial, Helvetica, sans-serif;padding: 2px;}
.Community div:hover{transform: scale(1.1);}
/* 考試 */
#road{z-index:2;position:relative;}
#road .item{margin:0 auto;padding:0;width:100%;float:left;margin:0;cursor:pointer}
.tab_content .item-info{width:33.2%;background-color:#fff;margin:0;padding: 1% 0 1.2%;color:#292929;
/* border-left: solid 1px #ff851e; */
}

/* #tab4 .item-info,#tab6 .item-info,#tab7 .item-info{width: 50%;} */
/*20200325 ADD*/
#tab6 .item-info,#tab7 .item-info{width: 50%;}

#road dt{font-size:1.8em;font-weight:700;color:#ff851e;border-bottom:1px solid #ff851e}
#road dd{font-size:0.98em;cursor:pointer;margin:0;padding:3px;text-indent:-1em;margin-left:1em;text-align:left;}
#road dd:hover .show_m{display:inline}
#road .show_m{display:none}
#road .show_m a{border:0 #000 solid;background:#f0ff63;font-size:.6em;border-radius:20px;margin-left:1em;padding:3px 10px;color:#000}
#road .show_m a:hover{font-weight:700;color:red}
/*側邊滑動選單*/

.main{position:fixed;/*bottom:35%;*/bottom:10%;border:1px solid #ccc;background-color: white;z-index: 1;}
.main2{width:330px;position:relative;padding:10px;}
.main2 ul li a{color:#444;text-decoration:none;}
.main2 ul li a:hover{text-decoration:underline;color:#000;}
.bar{width: 25px;height: 189px;position: absolute;color: white;text-decoration: blink;right: -12px;top: -1px;display: block;padding: 50px 0 0 5px;background-color: #51bec1;border-radius: 0 8px 8px 0px;}
.service li{text-align: center;}
.placement>ul li{display: inline-block;}
.placement>ul li a{font-size: 1.1em !important;font-weight: 500;line-height: 35px !important;margin: 0 3px;}
/*知識達數位課程試聽*/
#demos{position: relative;}
.owl-prev,.owl-next{position: absolute;top:38%;    font-size: 0;}
.owl-prev{left:0;}
.owl-next{right:15px;}
.owl-prev:before,.owl-next:before{content:"";position: absolute;border-style: solid;}
.owl-prev:before{border-width:15px 15px 15px 0px;border-color:transparent #7f7f7f transparent transparent ;}
.owl-next:before{border-width:15px 0px 15px 15px;border-color:transparent transparent transparent #7f7f7f;}

/*網站AD側欄後端控制區*/
.adm_mana table img,.old_student,.AD-H_list img,.AD-H_list,.line_img img{text-align:center;margin:0.5% auto;display:block;}/*置中、廣告AD圖*/
.cust_service{text-align: center;    margin: 0 0 5px;}/*共同上下距離*/
.adm_mana{margin:0 0 4px;}
.war{   

width:100%;
padding:0;
margin:0;
background-image: url(../images/war.png);
background-position: center;
height:110px;
display: inline-block;
/* padding: 5px 0 10px;
margin: 0 0 8px; */
text-align: center;}
.war ul{margin:16% 0 0 18%;}
.war li{text-align: justify;list-style-image:url(../images/index-list.png);}
.war_List li a{font-size:1em;line-height:30px;color:#c8421f;}
.old_student{padding: 5px 0 10px;margin: 0 0 8px;text-align: center;/*background-color: #f6f6f6*/}
.old_student ul{display: inline-block;margin-left:8%;}
.old_stu_List li{text-align: justify;list-style-image:url(../images/index-list.png); }
.old_stu_List li a{font-size:1em;line-height:30px;color:#c8421f;}

.winning{
/* background-color: #37c7c7; */
border-radius: 0;padding: 0 0 0;}
.winning img{width:100%;}
.placement+.winning{ margin: 0 19px 0px 0;}
.line_img img,.other_service a{display:block;margin:0 auto;}
.rightad{margin: 2% 0 0 8%;overflow: hidden;}

/*20200330 ADD行政右側*/
.font_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.font_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
.adm_bg_out a,.adm_bg_out li,.adm_bgR,.adm_bgR a,.adm_bgL a{color:#fff;text-decoration: none;   }
/* .adm_bg_out a:before{content:'‧';margin-left:-15px;}*/

/* .AD-H_list{padding: 5px 3px;    background-color: #f6f6f6;} */
.AD-H{padding: 5px;color: #fff;clear: both;font-size: 1.1rem ;font-weight: 500; text-align: center;position: relative;}
.AD-H_bgR{background: #C8421F;}
/* .AD-H span,.AD-H a{color: #ffec60;text-decoration: none; } */
.yellow-200{color: #ffec60;}
.p-5px{padding:5px;}
.pb-5px{padding-bottom: 5px;}
.adm_bg_out a{font-size:0.9rem;}
.adm_bg_out li{margin-left: 5%;}
.adm_bg_out li::before{content:'‧';}
.photo_btn,.adm_bg_out{width:100%;}
.photo_btn{ height:58px;margin:0;background-image: linear-gradient(to top, #f07905 0%, #ea4f09 100%)}
.adm_bg_out{margin:0%; height:55px;text-align: left;}

.bg_grad{border-radius: 0px 0x 0px 0px;position: relative;padding:1.2% 0;}
.greentoblue_bg{background-image: linear-gradient(to top, #63b3ed 0%, #38b2ac 100%)}
.redtopink_bg{background-image: linear-gradient(to top, #f7a800 0%, #f18104 100%)}
.w-admin{width:45%;display:inline-block;margin:0 0.8%;vertical-align: top; ;padding:0%;}
.adm_bg_out:hover,.photo_btn:hover,.greentoblue_bg:hover{transform:scale(1.05);box-shadow:0px 0px 3px #cccccc;}
.Fb_Link a,.bgLightG,.bgLightG a,.bgLightY,.bgLightY a{color: #fff;text-decoration:none;}
.pink-300{color:#fbb6ce}.pink-400{color:#f687b3}
.pink-500{color:#ed64a6}.red-700{color:#d93a1d}
.hand_get{position: absolute;left:45%; top:35%;}
.hand_get img{width:100%;}
.bgLightG:hover,.bgLightY:hover,.adm_bgR:hover{ /* -webkit-filter:brightness(0.95); */   color: #ffec60;
}
.circle4 {position: absolute; width: 90px; height: 30px; border: 2px solid rgb(251, 255, 13); border-radius: 0 0 50% 50%/0 0 100% 100% ; border-top: none; left:14px;bottom:-7px;}
.wLine{border:0.5px rgb(243, 243, 243) solid;}
@media all and (max-width: 1024px){
    .AD-H{font-size:2.5vw;}
    .circle4 { left:5px;bottom:-7px;width: 85px; height: 30px; }
    /* @media screen and  (orientation:landscape) {
        #cssmenu > ul > li > a,#cssmenu  ul  li:before {
            font-size: 4vw;
        }
    } */
}
/*右側講座固定*/
.lecture_AD{padding: 9px 7px;background: #62C2C9;top: 70%;font-size: 1.1em;}
.lecture_AD:hover{background-color: #30858B; transition: 0.5s;}
.lecture_AD,.lecture_AD a,.lecture_AD .fas,.annou_AD,.annou_AD a,.annou_AD .fas{color:#fff;text-decoration: none;}
.lec_br{display:block;}
/*右側防疫*/
.annou_AD{padding: 9px 7px;background: #FF0000;bottom: 35%;font-size: 1.1em;}	
/*右側切換電腦PC版固定*/
.Device_AD{padding: 20px 7px;background: #BC3EAC;bottom: 5%;font-size: 1em;}
.Device_AD:hover{background-color: #C8421F; transition: 0.5s;}
.Device_AD,.Device_AD a,.Device_AD .fas{color:#fff;text-decoration: none;}
.Device_br{display:block;}
/*右側共用樣式*/
.lecture_AD,.annou_AD,.Device_AD{width:50px;position: fixed;right: 0;font-weight: normal;}

/*新版好成績2017.11.24*/
#Check_grade{width: 100%;float: left;border-radius: 8px;}
#Check_grade .ch_grade_title{line-height:1.6em;width:100%;text-align:center;color:#FFF;}
#Check_grade .ch_grade_subtitle{font-size:.95em;width:100%;text-align:center;float:left}
#Check_grade .ch_grade_mastertitle{font-size:1.2em;_font-size:1em;font-weight:bolder}
#Check_grade .ch_grade_content{    line-height: 1.4em;
padding: 7px 0 10px;
width: 100%;
background-color: #f6f6f6;}
.ch_grade_content ul{margin:0 0 0 30px;}
#Check_grade .ch_grade_content .NewsStyle{text-align:left;list-style-type:disc;}
#Check_grade .ch_grade_content .NewsStyle a{text-decoration:underline;font-size: 1em;line-height: 2.3em;color:#565656;}
#Check_grade .ch_grade_content .NewsStyle a:hover{text-decoration:none;color:#C30}

/*名師專欄俱樂部*/
.teacherlist{display:inline-flex;flex-wrap: wrap;text-align: justify;padding:10px 0px 0 15px;}
.teacherpage{width:33.3%;margin: 0 0 10px;float:left;}

/*menu*/
.menu{display: flex;z-index: 5;position: relative;background:url(../images/logo_basemap.jpg)no-repeat right top;width:100%;}
.menu .menumain:nth-child(1){width:70%;position: relative;top: 10px;}
.menu .menumain > ul{position: absolute;right: 0;width: 40%;height: 110px;background: url(../images/index-light.png)no-repeat left 16px;background-size: 100%;}
.menu .menumain > ul li{position: relative;display: inline-block;width: 22%;margin: 0 1%;}
.menu .menumain > ul li a{width: 65px;height: 43px;border-radius: 50%;display: inline-block;color: #ca5cbb;background-color: white;padding: 5% 5%;text-align: center;font-size: 0.95em;box-shadow: 0px 0px 7px 6px #fff;    animation: class 3s linear infinite backwards;}
@keyframes class{
0%{box-shadow: 0px 0px 10px 5px #fff;background-color: #fbf9fc;}
50%{box-shadow: 0px 0px 0px 0px #fffcb8;background-color: #fffcb8;}
100%{box-shadow: 0px 0px 10px 5px #fff;background-color: #fbf9fc;}
}
.menu .menumain > ul li:nth-child(1){top:22px;left: -44px;}
.menu .menumain > ul li:nth-child(1)>a{padding: 22px 0 0;color: #7c7eef;}
.menu .menumain > ul li:nth-child(2){left: -12%;top: -12px;}
.menu .menumain > ul li:nth-child(2)>a{padding: 10px 0 12px 0;color: #7c7eef;}
.menu .menumain > ul li:nth-child(3){left: -11%;top: 34px;}
.menu .menumain > ul li:nth-child(3)>a{padding: 13px 0 9px;}
.menu .menumain > ul li:nth-child(4){right: 11%;top: 0px;}
.menu .menumain > ul li:nth-child(4)>a{padding: 13px 0 9px;}
.menu .menumain:nth-child(2){width:30%;background: linear-gradient(to left,#51bec1 10%,#ffffff00 100%);background-repeat:no-repeat;float:left;}

/*分校lightbox*/
.branch section {
width: 400px;
margin: 200px auto;
}
.branch .button{
background: #999;
color: #fff;
padding: 1em 1.5em;
text-decoration: none;
}
.branch .lightbox-target {
background: rgba(144, 144, 144, 0.4);
width: 100%;
/* 預設透明度為 0，觸發 :target 後，利用動畫效果調整透明度 */
opacity: 0;
position: fixed;
top: -100%;
overflow: hidden;
transition: 0.5s ease-in-out;
z-index: 99;
right: 0;
left: 0;
}

/* 當 :target 觸發後，index-target 的透明度為 1 */
.branch .lightbox-target:target {
top: 0;
bottom: 0;
opacity: 1;
}	

.branch .lightbox-close {
width: 30px;
height: 30px;
background: #4a4a4a;
border-radius: 50%;
color: #fff;
position: absolute;
top: 40%;
right: 33%;
}
/* 利用偽元素做出 \ 以及 / 的線條 */
.branch .lightbox-close:after {
width: 30px;
height: 1px;
content: "";
display: block;
background:#a7a7a7;
position: absolute;
top: 15px;
left: 0px;
transform: rotate(45deg);
}
.branch .lightbox-close:before {
width: 30px;
height: 1px;
content: "";
display: block;
background:#a7a7a7;
position: absolute;
top: 14px;
left: 0px;
transform: rotate(-45deg);
}
.branch .content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 30%;
height: 70px;
background: #fff;
margin: auto;
max-width: 100%;
max-height: 100%;
padding: 40px 15px;
/* 預設寬高為 0，觸發 :target 後，利用動畫效果展開寬與高 */		
max-width: 100%;
max-height: 100%;
}
.branch .content h6,.service h6{background-color: #ff851e;color: white;margin: 0 1px 5px;font-size: 1.2em;font-weight: 500;text-align: center;}
.branch .content a,.service a,.placement>ul li a{    color: #F44336;display: inline-block;font-size: 0.9em;line-height: 26px;}
.branch .content a:hover{color:#C8421F;}
.branch .content ul{margin:9px 0;}
.branch .content li{display: inline-block;font-size:1.35em;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: left;}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
padding: 8px 72px 8px 10px;
}
#cssmenu > ul > li {
width: 40%;
float: right;
}
#cssmenu  ul  li:before{content: "";float:left;
transform: scale(1.5);}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {

}
#cssmenu > ul > li > a,#cssmenu  ul  li:before {
padding: 4px 2px;
font-size: 1vw;
text-decoration: none;
color: #134558;
text-transform: uppercase;
font-family: 'Noto Sans TC', sans-serif;
font-weight: 400;
text-align: center;
}

#cssmenu > ul > li:hover > a {
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 0px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 13px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #fff;
/*content: '';*/
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 10px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #fff;
/*content: '';*/
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
z-index:8;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width:180px;
font-size:1em;
text-decoration: none;
color: #fff;
font-weight: 400;
background:#18999c;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #ffffff;}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #fff;content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after {right: auto;left: 11px;}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #fff;content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}
/*側邊線上客服*/
.onlinebox{position:fixed;top:45%;right:0;z-index:5; }
.onlinebox a{width: 50px;display: block;background-color: #ff851e;color: white;font-size: 1.2em;line-height: 27px;padding: 9px 7px;font-weight: 500;text-decoration: blink;}
.onlinebox a:hover {background-color: #c8421f; transition: 0.5s;}
.onlinebox a .fas{display: block;font-size: 2em;    margin: 0 0 5px;}
/*離線克服*/
.Offline a,.Offline a:hover{background-color: #a2a2a2;}
/*數位服務*/
.ibrain_content{margin: 1% auto 3%;    text-align: center;overflow: hidden;}
.ibrain_site >.ibrain_title~ul li a{color: #565656;line-height: 25px;}
.ibrain_content > .cell-grid-s4 + .cell-grid-s4 .ibrain_site .ibrain_title{color: #336666;}
.ibrain_content > .cell-grid-s4 + .cell-grid-s4 + .cell-grid-s4 .ibrain_site .ibrain_title{color: #3e5399;}
#media_titleName,.column_title {font-size: 1.35em;font-weight: 500;line-height:30px;}
#media_titleName strong,.column_title strong{display: block;    font-weight: 500;}
#media_titleName small{font-size:0.9em;display: inline-block;vertical-align: top;width:100%;}
#media_titleName small,#media_titleName small a{color:#fff;}
#media_titleName small{top:165px; position: absolute;left:0;}
#media_titleName{position: relative;}

.ibrain_title{font-size: 1.6em;font-weight:bolder; #ff851e;margin: 0 0 3px;}
.ibrain_link li{font-size:0.95em;}
.ibrain_link li,.ibrain_link li a{color:#333;}
/*贏家影音*/
.media_title_img{text-align: center;font-size: 2.1em;background-color: #ff0033;border-radius: 50px;color: white;margin: 4% 0 10px;line-height: initial;clear:both;}
.sec_tab .tabs li.active {background:#f03;}
.sec_tab .tab_container{background-color:initial;border: none;}
.sec_tab .tabs li a:hover {background: #ff0033;}
.sec_tab .tabs li.active{border-radius:0;background: #ff0033;}
.sec_tab .tabs li a:hover{border-radius:0;}
.sec_tab .tab_container .tab_content {display: block;}
.sec_tab .tabs li{border:1px solid #c7c7c7;margin:0 3px}
.sec_tab .tabs li a {padding: 0px 15px 0}
.sec_tab ul{display: inline-block;    text-align: center;}
.bottom_border{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E6E6E6;}
.tab_container li a{color: #ff0033;}
/*考試情報*/
/* 考試情報 */
#testinfo {font-size:1.0em;padding:5%;text-align:left;}
#testinfo a{color:#495FA3;line-height:2.2em;}
.test_more{text-align:right;}
/*麵包穴*/
#BodyContentMainNavigator{text-align:left;color:#92979A;font-size:1em;margin:3% auto 0;}
#BodyContentMainNavigator a{color:#000}

/*營業時間公告*/
.announce_content{width:100%;margin:15px 0}
.announce_Tycontent{width:90%;margin:15px 5%}
.announce_link,.announce_Tycontent{text-align:center;}
.announce_Tylink{text-align:left;}
.announce_link,.announce_Tylink{margin:10px 0;font-size:1.1em}
.announce_link a,.announce_Tylink a{color:#990066;margin:0 1%;font-weight:bold}
.announce_content table{width:100%;}

/*service*/
#cami_system_include{width:100%;text-align:center; margin:0 auto 3%}
/*service_news*/
#service_news{width:90%;padding:2% 5%;font-family:Verdana,Arial,Helvetica,sans-serif}
#service_news .NewsStyle{font-size:15px;color:#000;text-align:left;line-height:1.8em; list-style:disc}
#service_news .NewsStyle a{font-size:15px;color:#F47912;text-decoration: none}
#service_news .NewsStyle a:hover{ text-decoration:underline}
/*解答NEWSLIST頁*/
.answer_listPage{}
.title-orange{color:#F47912;font-size:1.3em;}
.answer_listPage li{font-size:1.1em;}
.answer_listPage ul li{
text-indent:-20px;margin-left:20px;}
.answer_listPage li,.answer_listPage li a{color:#000;line-height:1.9em;}
.answer_listPage ul li:before{font-family: "Font Awesome 5 Free"; content: "\f15c";margin-right:1%;font-size:1.2em;}

/*news*/
#event_news{width:90%;padding:2% 5%;font-family:Verdana,Arial,Helvetica,sans-serif}
#event_news .title{font-size:15px;line-height:1.5em;color:#993333;font-weight:bold}
#event_news .NewsStyle{font-size:13px;color:#000;text-align:left;line-height:1.4em}
#event_news .NewsStyle a{color:#000}
#event_news .NewsStyle a:hover{color:#06C}

/* Footer */
#BodyFooter_rwd{}
#BodyFooter_rwd,#footer_address,#footer_inline,#footer_address{width:100%;display:inline-block}
#BodyFooter_rwd{background:#FFF;padding:0; margin-top:2%}
#BodyFooter_rwd a:hover{text-decoration: none;}
/*#footer_line {width: 80%;border:1px #000 solid;margin:0 auto;border-top: thin solid #999;}*/
#footer_inline{text-align:center;margin:0 auto;width:100%}
.footer_title{font-size: 1.3em;	background: #CFD8DC;width: 96%;margin:0 auto;	padding: 1%;text-align: center;	font-weight: bold;	font-family: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";}

#BodyFooter_rwd .footer_list a {color: #000;font-size:1em;    font-weight: 500;}
#BodyFooter_rwd .footer_list{float:left;width:25%;margin:0 auto;}
#BodyFooter_rwd .footer_list li{width:100%;line-height: 2em;font-size: 1em;margin-right: 0.5em;}
#footer_address li img{width:20%;height:auto;vertical-align: middle;}
@media screen and (min-width:768px) and (max-width:1199px){#BodyFooter_rwd  #footer_address  img{width:30%;} }
#BodyFooter_rwd #footer_address{margin:1% auto auto auto;text-align: center;padding:1% 0 0}
#BodyFooter_rwd #footer_address a{color:#000;}
#BodyFooter_rwd #footer_address ul{padding:0;margin-bottom: 1%;text-align: center;}
#BodyFooter_rwd #footer_address ul li{line-height: 2em;text-align: center;font-size: 1em;list-style-type: none}
#BodyFooter_rwd .footer_list li.footer_stitle{width:92%;margin:0 auto;text-align:left}
/* Footer end */

/*media區域*/
@media(max-width:1200px){
.hide {display: none !important;}
.area_content>.abgne_tab{margin:0;}
#menu_JQR{display: none;}
#media_titleName strong, .column_title strong {display:inline;}
.menumain img{width:48%;}
.menu .menumain > ul {width: 45%;right: 0%;}
#cssmenu > ul > li > a {padding: 2px 0px 4px;}
#cssmenu > ul > li {width: 48%;}
.menu {background: url(../images/logo_basemap.jpg)no-repeat 283px;}
#media_banner_bg {display: block !important;}
.menu .menumain > ul li:nth-child(3) {left: -7%;}
.menu .menumain > ul li:nth-child(4) {right: 0%;}
.old_stu_List li a,#Check_grade,.ch_grade_content,.NewsStyle a {font-size: 0.9em;}
.column_title{padding:0 !important;}
.column_page {width: 100% !important;}
#cssmenu .fas{display: none;}
/*右側防疫*/
.annou_AD{background: #FF0000;bottom: 31%;font-size: 0.7em;}
.annou_AD .fas{display:none;}
/*右側講座固定*/
.lecture_AD{background: #D772C0;bottom: 23%;font-size: 0.7em;}
.lecture_AD .fas{display:none;}
.lecMB_br{display:block;}				
/*右側切換電腦PC版固定*/
.Device_AD{height:5px;background: #56BBC1;bottom: 15.5%;font-size: 0.6em;}
.Device_AD .fas{display:none;}
.Device_br{display:block;}
/*右側固定fixed共用樣式*/
.annou_AD,.lecture_AD,.Device_AD{position: fixed;right: 0;font-weight: normal;text-align:center;z-index:2;border-radius:9999em;width:30px;}
.annou_AD,.lecture_AD{height:30px;}

}
@media screen and (min-width:769px) and (max-width:1199px){
.containerpage {width: 945px;}
.tabs li a {font-size: 1.3em;padding: 5px 14px 0;}
.other_service>ul li {width: ;}
.branch .lightbox-close{top:39.5%;right:32%}
.AD-H{font-size:1.0em !important;}
.circle4 { left:0px;bottom:-7px;width: 75px; height: 30px; }
.lecture_AD,.annou_AD{display:none;}
    @media screen and (min-width:869px) and (max-width:1199px){
        
    .circle4 { left:0px;bottom:-7px;width: 85px; height: 30px; }
    }

}
@media (min-width: 768px) and (max-width: 991px) {
.lecture_AD,.annou_AD{display:none;}
.containerpage {width:100%;}
.onlinebox a {width: 20px;font-size: 1em;}
.onlinebox a .fas {font-size: 1.2em;}
.old_stu_List li {font-size: 0.8em;line-height: 25px;}
.adm_mana table img, .old_student, .Administrative_AD img, .AD-H_list img, .AD-H_list, .line_img img {width: 98%;}
.container-4 button.icon {right: -27px;}
.ibrain_site >.ibrain_title~ul li a {font-size: 0.7em;}
.menu {background: url(../images/logo_basemap.jpg)no-repeat 200px;}
.menu .menumain > ul li a {font-size: 0.8em;}
.tabs li a {font-size: 1.3em;padding: 5px 11px 0;}
.other_service>ul li img{width:100%;}
.menu .menumain > ul {width:48%;}
.menu .menumain > ul li{width:20%}
.menu .menumain > ul li:nth-child(1) {left: 0;}
.menu .menumain > ul li:nth-child(2) {left: -2%;}
.menu .menumain > ul li:nth-child(3) {left: -1%;}
.menu .menumain > ul li:nth-child(4) {right: 0%;}
}
@media(max-width:767px){
.containerpage {width:100%;}
.visible-xs {display: block !important;}
.hidden-xs {display: none !important;}
.box{position: absolute;z-index:9;    width: 70%;}
.menu .menumain:nth-child(1) {background: none !important;width: 60% !important;margin: 7px 20% 0;padding: 0 !important;}
.tab_container .tab_content {flex-wrap: wrap;}
.tab_content .item-info {width: 47%;margin: 0 0.2% 5px;padding: 1% 1% 1.2%;border: none;flex-wrap: wrap;
}
.item-info>ul li,ul .showmore_content li{font-size:0.78rem;}

.tabs li a {font-size: 1rem;padding: 5px 3.7px 0;}
.teacherpage {width:50%;}
.abgne_tab {margin: 10px 10px;}
.container-4 button.icon {right: -39px;}
#tab1 .item-info,#tab6 .item-info, #tab7 .item-info {width: ;}
.sec_tab ul{text-align:center;display:inline-block}
.sec_tab .tabs li{margin:3px 2px;}
.sec_tab .tabs li a{font-size:1rem;line-height:36px;padding:0 6px}

/*menu*/
.menu{flex-direction:column;background: none;}
.menumain {width:100% !important;}
.menumain img {width: 100%;}
.menu .menumain:nth-child(2) {background: linear-gradient(to left,#51bec1 10%,#db70c0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d872c0', endColorstr='#51bec1',GradientType=1 ); /* IE6-9 */}
#cssmenu {width: 100%;    padding: 8px 0 0 0;}
#cssmenu ul {width: 100%;display: none;}
#cssmenu.align-center > ul {text-align: left;}
#cssmenu ul li {width: 100%;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0;line-height: 41px;color:#f8ec7d}
#cssmenu > ul > li {float: none;}
#cssmenu ul ul li a {padding: 0 0 0 13px;}
#cssmenu ul ul ul li a {padding-left: 35px;}
#cssmenu ul ul li a {color: #fff;background: #18999c;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {color: #ffffff;}
#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {display: none;}
#cssmenu #menu-button {display: block;padding: 17px;color: #dddddd;cursor: pointer;font-size: 12px;text-transform: uppercase;font-weight: 700;}
#cssmenu #menu-button:after {position: absolute;top: 17px;right: 17px;display: block;height: 4px;width: 20px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;content: '';}
#cssmenu #menu-button:before {position: absolute;top: 10px;right: 17px;display: block;height: 2px;width: 20px;background: #fff;content: '';}
#cssmenu #menu-button.menu-opened:after {top: 17px;border: 0;height: 2px;width: 15px;background: #ffffff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cssmenu #menu-button.menu-opened:before {top: 17px;background: #ffffff;width: 15px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 46px;width: 46px;cursor: pointer;}
#cssmenu .submenu-button.submenu-opened {background: #51bec1;}
#cssmenu ul ul .submenu-button {height: 47px;width: 45px;}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #fff;content: '';}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px;}
#cssmenu .submenu-button.submenu-opened:after {background: #ffffff;}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #fff;content: '';}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px;}
#cssmenu .submenu-button.submenu-opened:before {display: none;}
/*置底選單*/
/*Main stylesheet for Backtop jQuery Plugin */
#backTop{position: relative;width:100%;padding:0;cursor:pointer;z-index:999;display:none;box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#d574c0;text-align: center;}
#backTop a{color:white;display:block;line-height: 43px;}
#backTop > .cell-grid-12{background-color:#ff301e;}
.announce_link a{display:block!important;}
.service a{font-size: 1em;line-height: 30px;color: white;}
/*置底下拉選單*/
ul.drop-down-menu {display: inline-block;font-size:0.9em;position: fixed;width:100%;bottom:0;right:0;left:0;}
ul.drop-down-menu li {white-space: nowrap;width: 50%;display: inline;float: left;}
ul.drop-down-menu > li {float: left;width:25%;text-align: center;}
ul.drop-down-menu a {background-color: #d574c0;color: #fff;display: block;text-decoration: none;line-height: 45px;}
ul.drop-down-menu a:hover { background-color: #ef5c28;color: #fff;}
ul.drop-down-menu li:hover > a {color: #fff;}
ul.drop-down-menu ul {position: absolute;z-index: 99;background-color: #ef5c28;bottom:43px;left: 0;width: 100%;}
ul.drop-down-menu ul ul {z-index: 999;bottom: 0px;left: 0;position: relative;display: block;}
ul.drop-down-menu ul { display: none;}
ul.drop-down-menu li:hover > ul {display: block;}
ul.drop-down-menu li:hover > ul a{background-color: #ef5c28;}
ul.drop-down-menu li:hover > ul ul a{color: #fff0c5;text-decoration: underline;}
@media screen and (max-width:400px){
.teacherpage {width:100%;}
.scroll {width: 350px !important;}
.media_list_bg {margin: 0 1px !important;}
#backTop a {font-size: 0.75em;}
.gradeHit_title {font-size: 1.4em !important;}
}
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
.menu{width:100%;float:left;}
.menu .menumain:nth-child(1),.menu .menumain:nth-child(2),.column_title,.column_page,#column {float:left;}
.column_title{height:245px;}
.menu .menumain > ul li a{background-color:#fffcbd;}
.teacherpage{height:170px;}
.tab_content .item-info{display: table-cell;}
.tab_content .item-info:nth-child(1){border-left:none;}
#tab4 .item-info,#tab6 .item-info{width:;}
#tab5 .item-info,#tab7 .item-info,#tab8 .item-info,#tab9 .item-info,#tab10 .item-info{width:300px;}
.menu .menumain > ul li{width:20%}
.tab_content .item-info{float:left}
}