@import url(../../../File/icon/css/all.min.css);
ul,li{list-style:none}
/*所有元素漸變0.5秒*/
*{transition: all .5s}
/*相關連結*/
#Related{width:100%;padding:1.5% 0;background:#4594a2}
#Related ul.rela_out{width:98%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1em;color:#FFF}
.rela_out li{display:inline-block;margin:.8% 1.5%}
.rela_out .ora_on a{background:#dec046;color:#000;text-decoration:none;padding:5px 8px}
.bgcolor0{/*background:url(../images/1204022_oral_1.png) no-repeat 0 5%/107%*/}
.bgcolor1 {/* background: #e9eac8; */}
.bgcolor2{background:#6094d0}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
.br_pc{ display:block;}
.br_mb{ display:none;}


#event {font-family: "Microsoft JhengHei";background: url(../images/1204022_oral_1.png) no-repeat 0 12%/107%,#fafafa;}
#event_master,.oral_title,.address,.deta_big{font-family:"Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS"}
#event a:hover{position:relative;top:2px;bottom:2px}
#event i{margin-right:2px}
#event h1 {
    width: 57%;
    font-size: 2.2em;
    line-height: 1.3em;
    background: #12c0d2;
    background: linear-gradient(90deg,#20aee5,#20aee5 41.07%,#03a68185 76.05%);
    text-align: center;
    padding: 6% 2% 6%;
    color: #fff;
    border-left: 20px #f7a901 solid;
    border-radius: 0 60px 0;
}
#event h1 strong,#event h1 span,#event h2 strong{display:block}
#event h1 strong{font-size:1.7em;line-height:1.3em;letter-spacing: 7px;}
#event h1 span {
    font-size: 3.5rem;
    /* border-top: 2px solid #000; */
    margin: -4% auto 0;
    letter-spacing: 13px;
}
#event h2 {
    /* width: 45%; */
    font-size: 1.8em;
    line-height: 1em;
    color: #b29932;
    text-align: center;
    margin: 0 auto 0 3%;
    font-weight: normal;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;
}
#event h2 span {
    font-size: 4rem;
    line-height: 1.2em;
    vertical-align: middle;
	color: #ea5a13;
}
#event h2 strong {
    font-size: 2.4rem;
    line-height: 2.2rem;
    padding: 30px 0 0;
}
#event h3{font-size:1.5em;color:#db5746;margin-left:-10px;letter-spacing:-1px}
.teacher,.course_bg{margin:2%}
.exp_bg {
    margin: 0 0 0;
    padding: 4% 6%;
    background: linear-gradient(90deg,#20aee5,#20aee5 41.07%,#03a68185 76.05%);
	border-radius: 0 7% 0;
}
/*主圖*/
.master_title {
    /* margin: 0 3% 0 0; */
    padding: 0 0 7%;
    align-items: center;
    text-align: center;
}
.oral_content {padding: 0% 4% 1%;position: relative;margin-top: -3%;}
.oral_row{margin:0 auto 3%}
/* .oral_content div:nth-child(4){margin-bottom:2%} */
.oral_img{position:absolute;    top: -0.5%;
    right: -8.5%;z-index:2}
.oral_title {
    /* background: #fffcea; */
    color: #2e2e2e;
    font-weight: bold;
    font-size: 1.9rem;
    /* box-shadow: 2px 4px 3px #aca68b; */
    padding: 0 2% 0 0;
    letter-spacing: 1px;
	margin-top: -3%;
}
.oral_title span {
    background: #cfb23b;
    color: #FFF;
    display: inline-block;
    /* padding: 1px 15px 1px 10px; */
    margin-right: 15px;
    border-radius: 50%;
    padding: 14px 6px;
    vertical-align: top;
    font-weight: normal;
    font-size: 1.8rem;
}
.oral_title span b.t123 {font-size: 3rem;line-height: 4.3rem;vertical-align: sub;}
.oral_row:nth-child(1) .oral_title{width:75%}
.oral_row:nth-child(2) .oral_title{width:60%}
.teacher{/* width: 80%; */margin: -7% auto 7% 18%;}
.teacher li{font-size:1.1rem;margin:0 auto 1% 1em}
/*.teacher li:before{content:"\f14a";font-family:"Font Awesome 5 Free";margin:0 1% 0 -1em}*/
.teacher li:before {
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    margin: 0 1% 0 -1em;
    color: #c00;
    background-color: #fff;
    font-size: 1.45rem;
    padding: 0 0;
    vertical-align: bottom;
}
.course_bg p{font-size:1.25rem;font-weight:bold}
.courselist{margin:0 auto 3%}
.course{margin:.5% auto 1% 0}
.courselist:nth-child(1) .course{width:48%}
.course li{font-size:1.05rem;display:inline-block;margin:0 1.5% 1% 0;counter-increment:li}
.course li:before{content:counter(li);width:20px;height:20px;color:#FFF;font-size:.95rem;line-height:20px;text-align:center;display:inline-block;margin-right:2px;border-radius:50%;background:#a4a4a4}
.gift_title{background:#db5746;padding:3px 15px;color:#fff;border-radius:25px;font-size:1.25em;display:inline-block;font-weight:bold}
.gift ol{margin:.8% auto 0 0}
.gift li{list-style:decimal;margin:0 auto 0 4%;font-size:1.25em;line-height:1.6em;color:#e64631;font-weight:bold}
.gift a{color:#e64631}
.gift small{font-size:1rem;font-weight:normal}
.oraltime_out{padding:0 0 1%}
.oral_photo{display: flex;justify-content: space-around;flex-wrap: wrap;margin-top: -2rem;}
.oral_photo dl{width: 48%;text-align: center;margin-top: 0.5rem;background: linear-gradient(90deg, #20aee58c, #20aee58c 41.07%, #03a6816c 76.05%);border-radius: 1rem;}
.oral_photo dl img{border-radius: 1rem;}
.oral_photo dl dd:last-of-type{line-height: 2.25rem;font-size: 1.1rem;font-weight: bold;}
.oraltime_detail_bg{margin:4% auto 2%;;justify-content: space-around;}
.oraltime_detail{margin:0 .5%;width:32%;color:#fff;text-align:center}
.address{font-size:1.6rem;font-weight:bold;border-bottom:1px #dec046 dotted;border-radius:10px 10px 0 0;background:#cfb23b;letter-spacing: 4px;}
.fully_booked{background-color: #e64631;font-size: 1.2rem;border-radius: 15px;padding: 0 .5rem;margin-left: .2rem;}
.oraltime{padding:2% 0 3%;background:#607D8B;border-radius:0 0 10px 10px}
.oraltime dl{width:100%}
.oraltime dt,.oraltime dd{padding:1%}
.oraltime dt{font-size:1.2rem}
.oraltime dd{font-size:0.9rem}
.ps{font-size: 1.25rem;font-weight: bold;text-align: center;margin: 3% auto;color: #cc0010;border-top: 1px dotted;border-bottom: 1px dotted;padding: .25rem;width: fit-content;}
.deta_big{color:#f1db84;font-size:1.8em;font-weight:bold}
.navbooking{margin:2% auto;text-align:center}
.navbooking a {font-size: 1.5em;padding: 10px 24px;font-weight: bold;background:#ea5d17;color:#FFF;text-decoration: none;border-radius: 0 13px;}
.yt_video{padding:2% 0;text-align:center}
.yt_title{font-size:1.6rem;font-weight:bold;color:#105350}
.yt_video iframe{width:80%;height:303px;margin:0 auto}
.exp_bg ul{width:99%;margin:1% .5%}
.exp_bg li{line-height:1.7em;}
.exp_bg a{color:#98604f}
.name a,.name,.exptxt a{color:#fff;}
.name a:hover, .name:hover, .exptxt a:hover{text-decoration: none;}
.name{font-size:1.55em;font-weight:bold}
.name small{font-size:1rem}
.oralscore{font-size:1.1em;color:#cc000c;font-weight:bold}
.grade {color: #fff;padding: 0 2%;font-size: 1.4em;border-radius: 4px;}
.grade strong {margin-right: 4px;padding: 4px 11px;background-color: #cfb23b;text-shadow: 0 1px 4px #0000005a;border-radius: 0 8px;}
.bottomLink{position:fixed;bottom:3%;right:5%;background:#5F95CF;font-size:1.5em;padding:1% 1.5%;border-radius:25px;text-align:center;z-index:9}
.bottomLink a{color:#FFF}

.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;}
.Vuetabs a:last-child {border-right: 1px solid #ccc;}
.Vuetabs a:hover {background-color: #aaa; color: #fff;}
.Vuetabs a.active {background-color: #fff;color: #484848; 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;}

/*表單*/
.askarea_out,#formlist SELECT,#formlist input{font-family:"Microsoft JhengHei"}
#askarea_out,#askarea{background:#4594a2}
.askarea_out{background:#4594a2;padding:3% 0}
.askarea_out *{box-sizing:border-box}
#ask .asktitle{font-size:1.8em;font-weight:bold;text-align:center;color:#FFF}
#ask #formlist{width:86%;margin:4% auto 1%;font-size:1.05rem;color:#FFF}
#ask #formlist p{margin:1.5% auto;line-height:2em;text-align: left;}
#ask #formlist SELECT,#ask #formlist input{border-radius:7px;font-size:1.05rem;background:#FFF;border:#FFF;padding:.5% 1%;color:#585858;margin:auto .5%}
#ask #formlist SELECT{width:20%}
#ask #formlist input[type="text"]{width:40%}
#ask #formlist input[name="sContent"]{width:25%}
#ask #formlist input[name="sRandomCode"]{width:20%;margin-left:1%}
#ask #formlist input[type="submit"],#ask #formlist input[type="reset"]{color:#FFF;background:#3b6272;margin:2% 1% auto auto;padding:.5em}
#askarea input[type="submit"],#askarea input[type="reset"]{background:#3b6272}
/*講座客製專用表單*/
#ask #order_date{width:100%;margin:2% auto}
#ask .order_date_box{width:calc(96%/2);margin:1% auto;background:#4a7485;color:#fff;border-radius:6px}
#ask .order_date_title{text-align:center;font-size:1.4rem;line-height:1.8em;background:#dec046;color:#2d596a;border-radius:6px 6px 0 0;font-weight:bold}
#ask .order_date_list{margin:0 auto;padding:1% 5% 3% 10%}
#ask .order_date_list li{margin:1.5% 0;font-size:1.05rem;line-height:1.8em;width: 100%;}
#ask #order_date input[type="radio"]{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;top:6px;width:45px;height:25px;position: relative;background:#bedae6;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:15px;border:0;margin:0 8px 0 0}
#ask #order_date input[type="radio"]:before{content:'';width:25px;height:25px;position:absolute;top:0;left:0;border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
#ask #order_date input[type="radio"]:checked{border-color:#64bd63;box-shadow:#64bd63 0 0 0 16px inset;background:#64bd63}
#ask #order_date input[type="radio"]:checked:before{left:22px}
.radio-switch-anim{transition:border cubic-bezier(0,0,0,1) 0.4s,box-shadow cubic-bezier(0,0,0,1) .4s}
#ask .radio-switch-anim:before{transition:left .3s}
#ask .radio-switch-anim:checked{box-shadow:#3C92DC 0 0 0 16px inset;background-color:#3C92DC;transition:border ease 0.4s,box-shadow ease 0.4s,background-color ease 1.2s}
#ask .radio-switch-anim:checked:before{transition:left .3s}
#askarea_out{padding:2% 0 1.2%}


#order_date{width:98%;margin:2% auto;padding:0 0 1%;border-radius:6px;}
.order_date_title{text-align:center;font-size:1.4em;line-height:1.8em;background:#dec046;color:#000;border-top-left-radius:6px;border-top-right-radius:6px}
.order_date_list{width:96%;margin:0 auto;padding:1% 2% 2%}
.order_date_list li.order_date_type{width:100%;margin:2% auto 0;font-size:1.3em;font-weight:bold}
.order_date_list li{width:33%;margin:0 0 1%;font-size:1.05rem}
input[type="checkbox"]{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;top:8px;width:40px;height:22px;position:relative;border:1px solid #dfdfdf;background-color:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:20px}
input[type="checkbox"]:before{content:'';width:22px;height:22px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
input[type="checkbox"]:checked{border-color:#64bd63;box-shadow:#64bd63 0 0 0 16px inset;background-color:#64bd63}
input[type="checkbox"]:checked:before{left:22px}
.check-switch-anim{transition:border cubic-bezier(0,0,0,1) 0.4s,box-shadow cubic-bezier(0,0,0,1) .4s}
.check-switch-anim:before{transition:left .3s}
.check-switch-anim:checked{box-shadow:#3C92DC 0 0 0 16px inset;background-color:#3C92DC;transition:border ease 0.4s,box-shadow ease 0.4s,background-color ease 1.2s}
.check-switch-anim:checked:before{transition:left .3s}

/*-----------------PC-------------------*/
@media all and (min-width: 1201px){
#topbutton,#BodyHeader_event_rwd{display:none}
#divsion_menu ul,#divsion_menu li{list-style-image: url(http://doctor.get.com.tw/File/Image/doctor_new_icon_arr_org.gif)}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{font-size:15px}
/*bodyHeader*/
#BodyHeader_event #header-share{width:100%;margin:0 auto;line-height:2em;font-size:13px;background:#FFF}
#BodyHeader_event #header-share img{margin-bottom:5px}
#BodyHeader_event a{color:#333}
/*OLD IE*/
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
}

/*------------MB-----------------*/
@media(max-width: 767px){
.br_pc{ display:none;}
.br_mb{ display:block;}
#Related{display:none}
#BodyFooter_rwd{padding-bottom:50px}
.bgcolor0 {/* background: url(../images/0904014_oral_1.png) no-repeat center top/100% 146%; */}
#event {background: url(../images/1204022_oral_1.png) no-repeat 0 0/107%,#fafafa;}
#event h1,#event h2{width:76%;margin:0 auto}
#event h1 {font-size: 1.5em;padding: 6% 5% 5%;font-weight: normal;letter-spacing: 2px;}
#event h1 span{font-size:2rem}
#event h1 strong {font-size: 3rem;line-height: 3.5rem;letter-spacing: 4px;margin: 7px 10% 0;}
#event h2{padding:2% 0 0}
#event h2 span{font-size:3rem}
#event h2 strong {font-size:2rem}  
.master_title {padding: 0;}
.oral_img{position:relative;top:0;right:0;margin:0 auto 3%;width:96%;text-align:center}
.oral_img img{width:100%}
.oral_photo{margin-top: -1rem;}
.oral_photo dl{width:100%;}
.oral_content{padding:5% 3% 2%}
.oral_title {font-size: 1.6rem;padding: 9px 6px;margin-top: -3%;}
.oral_title span {vertical-align: text-top;font-size: 1.4rem;padding: 10px 6px;}
.oral_row:nth-child(1) .oral_title,.oral_row:nth-child(2) .oral_title{width:96%}
.oral_title strong{display:block;text-align:center}
.teacher,.course_bg{width:94%;margin:4% auto}
.teacher {width: 65%;margin:-15% 0 6% 31.5%;}
.teacher li{font-size:1.05rem;margin-bottom:1%}
.courselist:nth-child(1) .course{width:100%;margin:1% auto}
.gift ol{margin:1% auto 2% 5%}
.gift li{line-height:1.4em;font-size:1.2em}
.oraltime_detail,.exp_bg ul{width:100%;margin:2% auto}
.ps{margin:0 auto 6%}
.address{font-size:1.5em;padding:1% 0}
.yt_video{padding:4% 0}
.yt_video iframe{width:100%;height:195px}
.name{font-size:1.4em}
.grade{font-size:1.1em;padding:.5% 2%}
.askarea_out{padding:6% 5%}
#ask .asktitle{font-size:1.4rem}
#ask #formlist{width:100%;margin:7% auto 0;font-size:1rem}
#ask #formlist p{line-height:1.5em;font-size:1rem;}
#ask #formlist p:nth-last-of-type(3){margin-bottom:7%}
#ask #formlist SELECT,#ask #formlist input{margin:0 auto 7%}
#ask #formlist input[type="text"],#ask #formlist SELECT{width:100%;height:35px;font-size:1rem;padding:1%;box-sizing:border-box}
#ask #formlist input[name="sRandomCode"]{width:25%;height:30px;margin:0 1% 7%}
#ask #formlist input[type="submit"],#ask #formlist input[type="reset"]{margin:0 2% auto auto}
#ask #order_date{margin:0 auto 7%}
#ask .order_date_title{font-size:1.2rem}
#ask .order_date_box{width:100%;margin:2% auto}
#ask .order_date_list{padding:2% 8%}
.bottomLink{padding:1.5% 0}
.exp_bg {border-radius: 0;}
}
@media all and (min-width:768px) and (max-width: 1200px){
.bottomlink{padding:1% 0}
#BodyFooter_rwd{padding-bottom:60px}
}
@media all and (min-width: 1px) and (max-width: 1200px){
#BodyMenu,#BodyContentAd,#BodyContentMainNavigator,#BodyHeader_event,#noie{display:none}
#BodyContainer_event,#BodyContent,#BodyContentMain,#BodyContentMainDetail_learning{width:100%;margin:0 auto;padding:0}
#topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:15%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:99}
#topbutton a{color:#FFF;text-decoration:none;line-height:50px}
.bottomLink{bottom:0;right:0;width:100%;border-radius:5px 5px 0 0;z-index:3;opacity:.9}
}