@import url("../../../icon_new_6.2/css/all.min.css");
@import url("../../../File/css/ani.css");
/*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;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:"Microsoft YaHei", Microsoft JhengHei, Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
[class*="flex"]{display: flex;flex-wrap: wrap}
small{font-size: 0.7em;}
.bgcolor{background:url(../images/0909037_basemap_01.png)no-repeat top center / cover,#ffff00;}
.bgcolor1{background:#ffff00;}
.bgcolor2{background:url(../images/0909037_basemap_02.png)no-repeat left top,url(../images/0909037_basemap_03.png)no-repeat right top,#fdfdfd;position: relative;}
.bgcolor3{background:url(../images/0909037_teacher_basemap.png)repeat-y left top,url(../images/0909037_teacher_basemap.png)repeat-y right top,#ff4345}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display:inline-block;max-width: 100%;height: auto;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}
/*event*/
#event_master ul li{text-align: left;position: relative;}
#event_master ul li:before{content:"";position: absolute;left: -28px;top: 13px;background-color: #2386c5;width: 23px;height: 23px;background:url(../images/0909037-hook.svg)no-repeat;}
.object_box dl{text-align: left;}
.object_box dt{font-size: 1.7em;text-decoration: underline;    color: #2484c3;}
.object_box dd{font-size: 1.3em;margin-left: 2.5em;}
.object_box dt font{background-color: #ff4345;color: #fff;text-decoration: none;padding: 4px 13px;border-radius: 99px;font-size: .8em;margin-right: 10px;display: inline-block;}
.price-box{    background: linear-gradient(45deg, #fb869c 0%, #72a4f7 100%);padding:1% 1% 0.4%;margin-top: 3%;display: inline-block; display: block;clear: both;border-radius: 8px;}
.price-box h4{font-size: 2.8em;    color: white;    border-bottom: solid 1px;}
.price-box h4 strong{color: yellow;}
.price-box p{    font-size:1.4em;}
.price-box ul li:first-child{font-size: 1.5em;}
.price-box ul li:last-child{font-size: 1.2em;}
.button-wrap a{display: inline-block;background-color: #2f498a;color: #fff;padding: 10px 20px;border-radius: 2em;margin: 2%;text-decoration: none;font-size: 1.2em;}
.button-wrap a:hover{-webkit-animation-name: a-pulse;animation-name: a-pulse;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.a-pulse {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
@-webkit-keyframes a-pulse {
25% {-webkit-transform: scale(1.1);transform: scale(1.1);}
75% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@keyframes a-pulse {
25% {-webkit-transform: scale(1.1);transform: scale(1.1);}
75% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
.teacher-box,.student-box{margin: 0.2% auto;background-color: white;padding: 2.5% 20px;border-radius: 8px;}
.student-box figure{background-color: #f2f2f2;border-radius: 50%;width: 200px;height: 200px;position: relative;overflow: hidden;    border: solid 2px #dcdcdc;margin: 0 auto;}
.teacher-box figure{margin: 0 auto;width: 230px;height: 230px;overflow: hidden;border-radius: 50%;position: relative;border: solid 3px #d7d7d7;}
.teacher-box figure img,.student-box figure img{max-width: 100%;position: absolute;left: 0;right: 0;top: 0;margin: auto;}
.teacher-box+.button-wrap a{background-color: yellow;color: #000;}
.teacher-item{text-align: justify;}
.teacher-item small a{display: block;font-size: 2em;color: #ff4345;margin: 0 0 8px;}
.teacher-name,.teacher-name a{color: #2f498a;}
.teacher-name{font-size: 2em;font-weight: bold;}
.teacher-name small{font-size: 0.75em;
font-weight: 500;}
.teacher-item h3{font-size: 1.5em;margin-bottom:2%;}
.teacher-item dt small{font-size: .7em;}
.teacher-item dl dd{text-align: left;font-size: 1.2em;position: relative;margin-left: 5%;}
.teacher-item dl dd:before{content: '•';position: absolute;left: -25px;}
.teacher-item ul{    margin: 0 0 0 3%;}
.teacher-item ul li{list-style: disc;font-size: 1.3em !important;line-height: 33px;}
.books-box{width: calc(100%/3);margin: 2% 0 0;}
.books-box a{color: #ff4345;margin: 0 0 3%;display: block;}
.books-box img{width: 60%;display: block;margin: 0 auto;}
.books-box font{display: block;font-size: 1.5em;}
.student-list{width:30%}
.student-item{text-align: left;}
.student-name{display: block;font-size: 1.7em;color: #ff4345;margin: 0 0 7px;}
.student-title{font-size: 1.5em;line-height: 32px;color: #2484c3;}
.student-item p{text-align: justify;font-size: 1.1em;margin: 10px 0 0;line-height: 31px;}
.student-item p a{color: #ff4345;}
.stu_media_title{font-size: 1.6rem;font-weight: 900;}
.banner{padding: 2% 0;background:url(../images/0909037_basemap.png)no-repeat center, -webkit-radial-gradient(center, ellipse cover, #55f1ff 0%,#d0c6f5 100%); /* Chrome10-25,Safari5.1-6 */
background:url(../images/0909037_basemap.png)no-repeat center / cover, radial-gradient(ellipse at center, #55f1ff 0%,#d0c6f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55f1ff', endColorstr='#d0c6f5',GradientType=1 );position: relative;text-align: center;}
.banner img{  display:inline-block;max-width: 100%;height: auto;vertical-align: middle;}
.banner>img{position: relative;z-index:2;}
.banner ul li,.point_basemap li{position: absolute;}
.banner ul li:nth-child(1){left:0;top:0}
.banner ul li:nth-child(2){right:0;bottom:0}
.banner ul li:nth-child(3),.point_basemap li:nth-child(1){left:0;top:20%}
.banner ul li:nth-child(4),.point_basemap li:nth-child(2){right:0;bottom:0}
.object_box{text-align: center;}
.object_box h1,.object_box h2,.object_box h3{background-color: #ff4345;color: white;border-radius: 50px;border: solid 3px #4e5052;font-size: 3em;margin: 0 0 2%;}
.object_box h3{background-color: yellow;color: black;}
.object_box h2{background-color: #2484c3;    position: relative;z-index: 1;}
.object_box ul, .object_box dl{display: inline-block;    margin: 0 0 0 30px;}
.object_box ul li{font-size: 1.6em;text-align: justify;line-height:2em;}
.object_box ul li u{color: #ff4345;}
.object_box dl dd{margin: 4px 0 20px;line-height: 30px;}
/*20210810 add*/
.ADlist{position: fixed;right:0rem;bottom:25rem;z-index: 10;background: #FF4345;border:2px #4E5052 solid;padding: 1rem;font-size:1.3rem;border-radius: 1rem;}
.ADlist a{color: white;line-height: 2.5rem;}
/*20240408*/
/*vuetabs*/
.Vuecontainer {}
.Vuetabs {margin-bottom: -2px; }
.Vuetabs ul {/*     list-style-type: none; margin-left:; */}
.Vuetabs a{cursor: pointer;padding: 1rem 3rem;transition: background-color 0.2s;border: 1px solid #ccc; border-right: none;background-color: #f1f1f1;margin: 1rem 0;}
.Vuetabs a:last-child {border-right: 1px solid #ccc;}
.Vuetabs a:hover {background-color: #aaa; color: #fff;}
.Vuetabs a.active {background-color: #fff;color: #FF4345; border-bottom: 2px solid #fff;cursor: default;}
.tabVuecontent {}

.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

@media (min-width:1800px) {
}
@media (min-width: 1201px){
#BodyContent{width:100%;padding:0;margin:0;}
#BodyContainer_event{width:100%;margin:0;}
#BodyHeader_event_rwd,#topli{display:none;}
/*滿百100%區域*/
.row100{width:100%;}
/*資料集中1200px寬外框*/
#Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:1180px;padding:10px;}    
/*標題大小*/
h1{ font-size: 3em; }
h2,.title-h2{ font-size: 2.5em; }
h3{ font-size: 2.2em; }
#event_sixth nav a{ font-size: 1.3em; }
/* bodyHeader */
#BodyHeader_event,#header-share{width:100%;_float:left}
#BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#FFF}
#BodyHeader_event #header-share img{margin-bottom:5px}
#BodyHeader_event a{color:#333;font-size:17px}
#BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
/* Footer */
#BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
#BodyFooter_rwd{width:100%;margin-top:2%;}
#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;}
#footer_inline a,#footer_address a{color:#000}
#footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
#footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
#adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
#footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
#footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
/*ask*/
#askarea_out *{font-family:"微軟正黑體";font-size:1em}
#askarea_out{background-color:#2896D0;width:100%;display:inline-block;text-align:left}
#askarea{width:1200px;margin:0 auto}
#askarea img{width:8%;height:auto}
#askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
#askarea .asktitle,#askarea .asktitle p{text-align:center}
#askarea .asktitle{color:#FFF;font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
#askarea #formlist{width:80%;margin:2% auto;color:#FFF}
#askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
#askarea SELECT{width:19.7%}
#askarea input{color:#A1A1A1}
#askarea input[name="sContent"]{width:50%}
#askarea input[type="text"]{width:40%;/*height:20px*/}
#askarea input[type="radio"]{margin-left:3%}
#askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#eb543f;padding:.5em}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
#noie a{color: #FC0;}
.hottxt{ color: #ffd942; font-size: 13px;}
}
@media (max-width: 1200px){
    .ADlist{bottom:0rem;font-size:1.3rem;border-radius: 0;width:100%;text-align: center;}
    .ADlist dd{display: inline-block;}
/*隱藏的區塊*/
#BodyHeader_event,.hottxt,#noie{display:none;}
/*會撐開的版面控制*/
#BodyContent {width: 100%;padding:0;}
#BodyContainer_event{width: 100%;}
/*header*/
#BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
@media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
@media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
/*選單*/
#mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
#mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
/*body*/
#Master_title{display:inline-block;width:98%;padding:1%;}/*主圖位置ID*/
@media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
@media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
/*滿百100%區域*/
.row100{width:100%;}
/*資料集中寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0 auto;padding:1%;}
/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.9em;}
nav p{line-height:1.8rem;}
/*標題大小*/
h1{font-size: 2.2em;}
h2{font-size: 2.0em;}
h3{font-size: 1.6em;}
#event_sixth nav a{ font-size: 1.2em;}
/*event*/
.banner img{width: 100%;}
.point_basemap{display: none;}
/*footer*/
#BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
#BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
#BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
#BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
#BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
#BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
#BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
#BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
/*ask*/
#askarea{background-color:#2896D0;width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
#askarea .asktitle,#askarea .asktitle p{text-align: center;}
#askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
#askarea p {margin:0% auto auto 5%;	width: 90%;}
#formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
input[name="sContent"]{width:50%;}
input[type="text"]{	width:99%;}
SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
SELECT{width:100%;border: #FFF;	padding: 0.5%;}
input{border: #FFF;padding: 1%;color: #C6C6C6;}
input[type="submit"],input[type="reset"]{color:#FFF;background-color:#eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
/*TOP按鈕*/
#topli,#topli a{color: #fff;text-decoration: none;}
#topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
@media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
@media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}
@media (max-width:1400px){
.banner{padding: 4% 12% 2%;_margin: 8% 0 0;}
.banner ul li:nth-child(1),.banner ul li:nth-child(2) {width:35%;}
.banner ul li:nth-child(3) {width: 12%;}
.banner ul li:nth-child(4) {width:10%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {   
}
@media (max-width: 767px) {   
.banner{margin: 14% 0 0;padding:15px 2%;}
.banner ul li:nth-child(1),.banner ul li:nth-child(2) {width:35%;}
.banner ul li:nth-child(3) {width: 11%;top: initial;bottom: 0;}
.banner ul li:nth-child(4) {width:8%;}
.object_box ul li {font-size: 1.125em;}
.object_box ul {margin: 1% 10px 0 10%;}
.object_box dl{margin: 4% 0 0 5%;}
.object_box dt{font-size: 1.3em;}
.object_box dd{font-size:1.125em;}
.object_box h1, .object_box h2, .object_box h3 {font-size: 1.8em;
padding: 0 20px;}
.price-box h4 {font-size: 1.5em;}
.price-box p {font-size: 1.125em;margin: 0;}
.price-box {padding: 2% 1% 2.4%;}
.teacher-name {    font-size: 1.6em;
text-align: center;}
.books-box {width: calc(100%/1);}
.teacher-box figure {margin: 0 10% 10px;padding: 3px 9%;}
.teacher-item small a {text-align: center;}
.teacher-box, .student-box {padding: 2.5% 10px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}