@import url(../../../File/icon/css/all.min.css);
:root{
    /*--golden_linear:linear-gradient(#fffadb,#fffbe4,#fff8d2,#e7ddb8);*/
	--golden_linear: linear-gradient(#fffdf4,#fffce7,#fffce9,#ffffff);
} 
#event *{transition:all .5s;box-sizing:border-box}
ul,li{list-style:none}
.row100{width:100%}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
[class*="grid"]{display:grid}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }


.bgpadding{padding:2% 4% 2%}
.bgcolor0{background:#FFF}
.bgcolor1 {/* background: var(--golden_linear); */background-color: #faf3d9;}
.bgcolor2{background: #a10009;background: linear-gradient(#f560a4,#faaccb,#f560a4,#f560a4,#f9a1c6,#f560a4);}
#event{font-family:"Microsoft JhengHei",sans-serif,Arial}
#event i{margin-right:8px}
#event h1,#event h2,#event h3{text-align:center;font-family:"Microsoft YaHei"}
#event h1 {font-size: 2.5rem;line-height: 3.3rem;color: #FFEB3B;font-weight: bolder;margin: 3% 6% 0 0;}
#event h2{font-size: 2.2rem;color: #dc2881;font-weight: bold;}
#event h3{font-size:1.7em;color: #FFF;}
#event h4{font-size:1.3rem;color: #841515;font-weight: bold;}
#Related{width:100%;padding:1.5% 0;background: linear-gradient(177deg,#e0d6a4,#fefed0,#e0d6a3,#bca670);}
#Related ul.rela_out{width:96%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1rem;color: #464042;}
.rela_out li{display:inline-block;margin:.8% 1.5%}
.rela_out .twoyear_on a{background: #a68a4f;color:#FFF;text-decoration:none;padding:5px 8px}
.masterbanner img{width:100%}
.media {padding: 5% 2% 3%;background: linear-gradient(#f560a4,#fffef1,#fffcf5,#f560a4);}
.media_box{padding:0 0 2%;margin-top: -8%;}
.media_list{margin:0px 5% 2% 4%;display: flex;align-items: center;}
.media_list>.stu{width:33%;text-align:center}
.media_list>.stu>figure {width: 110px;height: 110px;margin: 0 auto;border-radius: 50%;position: relative;overflow: hidden;border: 3px solid #e3d6bd;/* filter: drop-shadow(1px 1px 6px #da5894b3); */}
.media_list>.stu>figure>img{width:100%}
.media_list>.stu>div{padding: 0.5rem;}
.media_list>.stu>div>strong{display:block}
.media_list>.stu>div>span {background: #e6328d;border-radius: 20rem;padding: 2% 8%;/* border: 3px solid #dbaf58; */color: #fff;line-height: 2.5rem;font-size: 1.1rem;}
.media_list>.intro{width:65%;margin:0 auto 0 2%;padding:1.5% 3% 2%;background: var(--golden_linear);border-radius:18px;position:relative;border: 5px #e3d6bd solid;filter: drop-shadow(3px 3px 5px #a77c3d);}
.media_list>.intro:after{content:"";width:0;height:0;right:100%;top:20%;position:absolute;border-style:solid;border-width:15px 26.0px 15px 0;border-color:transparent #fdec9b transparent transparent;border-color: transparent #e3d6bd transparent transparent;}
.media_list>.intro>p{margin:1% auto 2%}
.media_list>.intro>p a {color: #9C27B0;font-weight: bold;border-bottom: 1px #f560a4 dotted;}
.recommend a{background:#ff3573;color:#FFF;text-decoration:none;border-radius:25px;padding:2px 10px}
.note{text-align:center;font-size:.9rem;padding:1% 0 2%}
.plan_box{grid-template-columns:repeat(4,1fr);margin:2% auto;grid-gap:0}
.plan_box>div{font-weight: bold;font-size: 1.5rem;border-left:2px #a9311f80 dotted;text-align: center;}
.plan_box>div:nth-child(2){border-right:2px #a9311f80 dotted;}
.plan_box>div:nth-of-type(1){grid-area:1/1/2/2}
.plan_box>div:nth-of-type(2){grid-area:1/2/2/span 3}
.plan_box>dl:nth-of-type(1){grid-area:2/1/3/2}
.plan_box>dl:nth-of-type(2){grid-area:2/2/3/3}
.plan_box>dl:nth-of-type(3){grid-area:2/3/3/4}
.plan_box>dl:nth-of-type(4){grid-area:2/4/3/5}
.plan_box>dl>dt{text-align:center;color:#FFF;font-size:1.3rem;padding: 3% 2%;}
.plan_box>dl:nth-of-type(1)>dt{box-shadow: 4px 5px 6px -2px rgb(195 177 136), 0px 1px 5px 1px rgb(195 177 136 / 20%) inset;margin: 0 .2rem;color: #d75b5b;background: #fff;border-radius: 7px;border:4px #d75b5b solid;font-weight:bold}
.plan_box>dl:nth-of-type(2)>dt{box-shadow: 4px 5px 6px -2px rgb(195 177 136), 0px 1px 5px 1px rgb(195 177 136 / 20%) inset;margin: 0 .2rem;color: #945cbd;background: #fff;border-radius: 7px;border:4px #945cbd solid;font-weight:bold}
.plan_box>dl:nth-of-type(3)>dt{box-shadow: 4px 5px 6px -2px rgb(195 177 136), 0px 1px 5px 1px rgb(195 177 136 / 20%) inset;margin: 0 .2rem;color: #2e8ac3;background: #fff;border-radius: 7px;border:4px #2e8ac3 solid;font-weight:bold}
.plan_box>dl:nth-of-type(4)>dt{box-shadow: 4px 5px 6px -2px rgb(195 177 136), 0px 1px 5px 1px rgb(195 177 136 / 20%) inset;margin: 0 .2rem;color: #318763;font-weight: bold;background: #fff;border-radius: 7px;border:4px #318763 solid;font-weight:bold}
.plan_box>dl>dd{padding:4%}
.teacher_box{margin:1% auto 0}
.teacher_list{width:calc(100%/2 - 10px);margin:1% auto}
.teacher_list>.sub {font-size: 1.2rem;line-height: 1.7em;text-align: center;background: linear-gradient(to right,#d8a456 3%,#00BCD4 85%);background: linear-gradient(to right,#d8a456 3%,#f562a5 85%);padding: 2% 0;border-left: 2px #fff8e5 dotted;}
.teacher_list>.sub a{color:#fff;font-weight:700}
.teacher_list>.sub small{font-size:1rem}
.teacher_intro{margin:2% auto 0;padding:2% 0 1%}
.teacher_intro>figure{width:110px;height:110px;margin:0 auto;border-radius:50%;position:relative;overflow:hidden;filter: drop-shadow(1px 1px 3px #a77c3d);}
.teacher_intro>figure>img{width:100%;position:absolute;left:0;top:0}
.teacher_intro>ol{margin:2% auto 0 20px}
.teacher_intro>ol>li{list-style:disc;color:#0d2631;text-indent: -5px;}
.service_box{margin:2% auto 0}
.service_box a{color:#0d2631;font-weight:700}
.service_box>li{width:calc(100%/4 - 10px);margin:1% auto;text-align:center;font-size: .85rem;}
.service_box>li figure>img{width:100%;border-radius:5px;margin: 0 0 3%;border: 3px #e7b053 solid;}
.pc_br{display: block;}
.grade_box{margin:2% auto}
.grade h1:before {content: url(../images/1211123_winner.png);float: left;position: relative;left: 51px;}
.school {margin: 3.4% auto -1.5%;}
/*.school>ul{padding:2% 2% 1% 7%;margin-top:1%;background-color: #ffd8d8;border: 1px dashed #a10009;border-radius:20px}*/
.school>ul {padding: 2% 2% 1% 7%;margin-top: 1%;/* background: linear-gradient(#fff4b0,#fffbe4,#f3ebc2,#cbbc83); */background-color: #a68a4f;border: 2px #ffffff dotted;border-top: 3px #f9a7c8 solid;border-bottom: 3px #f785b6 solid;border-radius: 0 30px;color: #fff;}
.school>ul>li{width:calc(100%/4);line-height:1.8em}
.name_list_bg{padding:2%}
.name_list_bg ul{padding:2%;margin:1% auto 0;background:linear-gradient(to bottom,#fFF 5%,#ffe9e8 80%)}
.name_list_bg li{width:20%;text-align:center;line-height:1.8em;color:#414c9e}
.navlink{margin:2% auto;text-align:center}
.navlink li{display:inline;margin:0 1%}
.navlink a{padding:5px 18px;font-size:1.2em;border-radius:20px;text-decoration:none;background: linear-gradient(#e7d08d,#fff7ce,#e1d29e,#c5a75c);color: #e6328d;font-weight: bold;}
.navlink i {font-size: 1.5rem;}
.LINE,.FB{width:50%;padding:2%}
.LINE{background:#3f9c2e}
.FB{background:#395692}
.social_txt{width:70%}
.QRcode{width:30%;text-align:center}
.QRcode img{width:100%}
.socialTitle{font-weight:700;font-size:1.55em;line-height: 1.9rem;margin-bottom:2%}
.socialTitle,.socialTitle a{color:#fff}
.social_txt p{font-size:1.1em;line-height:1.6em}
.social_txt p,.QRcode a{color:#FFF}
.bottomlink{width:100%;position:fixed;bottom:0;padding:.7% 0;background:#31abe0;opacity:.9;text-align:center}
.bottomlink li{font-size:1.15em;display:inline;margin:0 1%}
.bottomlink a{color:#FFF}
#askarea_out,#askarea{background:#31abe0}
#askarea input[type="submit"],#askarea input[type="reset"]{background:#ec425d}
#askarea select{color: black;}
@media(min-width:1201px){
    #askarea input[type="submit"], #askarea input[type="reset"] {
        padding: 0rem 1rem;display: inline-block;height: auto;
    }
#askarea input {height: 2rem;padding:0.5rem;}
.askw{}

#footer_inline ul li img,#BodyHeader_event #header-share img,#askarea img{display: inline;}
#BodyFooter_rwd{padding-bottom:60px}
#topbutton,#BodyHeader_event_rwd,.bottomlink li.tutor{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)}

#Related,.bottomlink{width:750px}

#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}
#BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
/*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}
}

@media(max-width:767px){
#Related{display:none}
.bgpadding{padding:4% 3%}
#event h1{font-size:1.9rem;line-height:1.3em}
#event h1 {
    font-size: 1.8rem;
    line-height: 1.3em;
    text-align: left;
    margin: 4% 0 9% -15%;
}
#event h2{font-size:1.7rem}
#event h3{font-size:1.4rem}
#event h1 span,#event h2 span{display:block}
.masterbanner img{width:100%}
.media{padding:3% 4% 4%}
.media_list{margin:0 auto 5%}
.media_list>.stu,.media_list>.intro{width:100%}
.media_list>.intro{margin:4% auto 2%;padding:4%}
.media_list>.intro:after{right:45%;top:-26px;border-width:0 15px 26.0px 15px;border-color:transparent transparent #e3d6bd transparent;}
.recommend a{margin-bottom:1%;display:inline-block}
.note{padding:1% 0 5%}
.plan_box{grid-template-columns:repeat(3,1fr);grid-gap:2px 0}
.plan_box>div {border-left: 0px #a9311f80 dotted;}
.plan_box>div:nth-child(2) {border-right: 0px #a9311f80 dotted;}
.plan_box>div:nth-of-type(1){grid-area:1/1/2/span 3}
.plan_box>div:nth-of-type(2){grid-area:3/1/4/span 3}
.plan_box>dl:nth-of-type(1){grid-area:2/1/3/span 3;margin-bottom:5%}
.plan_box>dl:nth-of-type(2){grid-area:5/1/6/span 3}
.plan_box>dl:nth-of-type(3){grid-area:7/1/8/span 3}
.plan_box>dl:nth-of-type(4){grid-area:9/1/10/span 3}
.plan_box>dl:nth-of-type(1)>dt {margin: 0 4rem;}
.plan_box>dl:nth-of-type(2)>dt {margin: 0 4rem;}
.plan_box>dl:nth-of-type(3)>dt {margin: 0 4rem;}
.plan_box>dl:nth-of-type(4)>dt {margin: 0 4rem;}
.plan_box>dl>dt {padding: 0.5% 2%;}
.plan_box>dl>dd {padding: 2% 7%;}
.teacher_list{width:100%;margin:2% auto}
.service_box>li{width:calc(100%/2 - 10px);margin:2% auto}
.school{margin:0 auto 5%}
.school>ul{padding:1% 2% 3% 6%}
.school>ul>li{width:calc(100%/3);font-size:.95rem}
.navlink a{font-size:1.1rem}
.LINE,.FB{width:100%;padding:3% 4%}
.bottomlink{padding:2% 0}
.bottomlink li{display:inline-block;margin:1% 2%;font-size:1.05rem}
#BodyFooter_rwd{padding-bottom:85px}
.grade h1:before {left: 14px;}
.grade h1:before {left: -10px;top: -23px;}
}

@media(min-width:768px) and (max-width:1200px){
.bottomlink{padding:1.5% 0}
#BodyFooter_rwd{padding-bottom:60px}
}
@media(max-width:1200px){
#BodyHeader_event,#BodyContentMainNavigator{display:none}
}