#event *{transition:all .5s;box-sizing:border-box}
ul,li{list-style:none}
.bgcolor0{background:#f3f3f3}
.bgcolor1{background:#eaeaea}
.bgpadding{padding:1% 2% 3%}
.row100{width:100%}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
#Related{width:100%;padding:1.5% 0;background:#4d8bac}
#Related ul.rela_out{width:98%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1rem;color:#FFF}
.rela_out li{display:inline-block;margin:0.5% 1.5%}
.rela_out .winter_on a{background:#c13796;color:#FFF;text-decoration:none;padding:5px 8px}
#event{font-family:"Microsoft JhengHei"}
#event a:hover{position:relative;top:2px;bottom:2px}
#event i{margin:0 3px}
#event h1,#event h2,#event h3{text-align:center;font-family:"Microsoft YaHei"}
#event h2{font-size:1.7rem;letter-spacing: -0.5px;}
#event h2 span{color:#c13796;border-right:3px #31abe0 dotted;padding-right:1.5%;margin-right:1.5%}
.banner img{width:100%}
.marquee{margin-left: 2.8%;font-weight: 900;}
.marquee ul {display: inline-block;}
#marquee_menu .marqueelist a{line-height:2;font-size: 1.05rem;}
.info_table,.info_table th,.info_table td{border-bottom:1px #c74aa0 dotted;border-collapse:collapse}
.info_table th,.info_table td{padding:5px}
.info_table{width:100%;margin:1% auto 0}
.info_table th{text-align:center;background:#e8e8e8}
.info_more{text-align:right;margin-top:1.5%}
.info_more a{color:#fff;background:#649ebc;text-decoration:none;padding:5px 10px;border-radius:50px;font-size:.95em;font-weight:700}
.subred{font-size:1.1rem;color:red;font-weight:700}
.info_table td strong{color:#c13796}
.info .media{text-align: center;margin-bottom: 3%;}
.info .media img{width:80%;border-radius: 20px;border: 5px #fff solid}
.teacher_bg{margin:1% auto 4%}
.teacher_list{text-align:center;background:#FFF;overflow:hidden;position:relative;z-index:1}
.teacher_mask{width:100%;position:absolute;padding:3.5% 0 4%;display:block;font-size:1.2rem;background:#c74aa0;z-index:2}
.teacher_mask a{color:#FFF;text-decoration:none}
.teacher_mask strong{display:block;font-weight:500}
.teacher_mask strong small{font-size:.9rem}
.teacher_pic img{width:100%}
.media>h2 i, .student_des a{color:#c13796}
.media_bg{margin:0 auto 2%}
.media_row2 { margin-block-end: 2.2rem; }
.media_name{font-size:1.05rem;border-bottom:6px #f8b62b dotted;padding:0 0 3%;margin:0 auto 2%}
.media_name strong{font-size:1.5rem;display:block}
.media_list{width:49%;padding:1%;margin:0 .5%}
.media_list p{font-size:1.05rem;line-height:1.6em}
.media_list p img{width:33%;float:right;border-radius: 50%;}
.media_winner{font-size:1.2rem;color:#fff;padding:1% 2%;background:#d7122d;border-radius:4px;margin:0 1%}

.w-full{width: 100%;}
.stu_title{text-align: center;font-size: 1.3rem;font-weight: 900;margin: 1rem 0;color: #F03;}
.student_info :is(dt, a) { font-weight: bold;color: #c13796;font-size: 1.2rem; }
.student_info dd:nth-of-type(1) { color:#649ebc; }
.student,.student figure,.student_info{width: calc(100%/2.1);}
.student{padding: 0.5rem;background: white;border-radius: 12px;margin-inline: .2rem;}
.student img{text-align: center;margin: 0 auto;display: block;border-radius: 9999rem;}

.sale_content{width:90%;margin:1% auto 3%;padding:3% 2%;background:#31abe0;border-radius:8px}
.sale_content a{color:#FFF}
.sale_content>ul{padding:0 3%}
.sale_content>ul>li{font-size:1.05rem;line-height:1.8em;text-align:left;color:#FFF;position:relative;padding:0 0 0 12px;text-indent: -0.5em;}
/* .sale_content>ul>li:before{content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #fff;position:absolute;top:13px;left:0} */
.sale_content>ul>li small{font-size:.9rem}
.sale_content>ul>li strong{font-size:1.25rem;color:#FFEB3B;font-weight:700}
.sale_title{padding:3% 0 0;text-align:center;font-size:1.2rem;color:#FFF}
.sale_content .sort {display: inline-block; background: #c74aa0; color: #FFF; padding: 2px 10px; margin: 5px 0;}
/* .sort_year{background: #a31010; color: rgb(255, 193, 61); padding: 2px 3rem;  border-radius: 5px;width: max-content;margin:0.5rem auto;font-size:1.2rem;font-weight: 900;} */
.newyear_title{font-size: 1.8rem;font-weight: 900;text-align: center;font-family: "Microsoft YaHei";}
.sort_year { background: #ff055a; color: rgb(255 255 255); padding: 2px 1rem; border-radius: 26px; width: max-content; margin: 1rem auto; font-size: 1.4rem; font-weight: 900;text-align: center; }
.sort_year a{color: #fff;}
.ticket_sale{width: 100%;text-align: center;border: #303033 solid 1px;border-collapse:collapse;margin-bottom: 1rem;}
.ticket_sale th,.ticket_sale td{border: #303033 solid 1px;padding: .2rem 0;}
.ticket_sale th{background-color: #4D8BAC;color: #FFF;font-size: 1.2rem;width: 25%;}
.ticket_sale td{background-color: #FFF;}
.bottom_line{border-bottom: #c84ba1 dotted 5px;padding-bottom:1rem !important ;margin-bottom: 1rem !important}
.sale_note{padding:3% 0 0;text-align:center;font-size:1.2rem;color:#FFF}
.navlink{text-align:center;margin:1% auto 2%;display: inline-block;width: 100%;}
.navlink a{color:#c84ba1;background:#fff;text-decoration:none;padding:5px 10px;border-radius:50px;border:2px #c74aa0 solid;font-size:1.1em;font-weight:700}
.navlink li{display:inline;margin:0 1%}
.social_bg{margin:1% auto 0}
.LINE,.FB{width:49%;padding:2%;margin:0 .5%;border-radius:7px}
.social_txt{width:70%}
.QRcode{width:30%;text-align:center}
.QRcode img{max-width:100%}
.LINE{background:#44ba44}
.FB{background:#4b659a}
.socialTitle{color:#ffed00;font-weight:700;font-size:1.4em;margin-bottom:2%;line-height:1.25em}
.socialTitle a{color:#ffed00}
.social_txt p,.QRcode a{color:#FFF}
.social_txt p{font-size:1.1em;line-height:1.6em}
#bottomlink{width:100%;position:fixed;bottom:0;background:#c13796;padding:.7% 0;opacity:.9;z-index:9}
#bottomlink ul{text-align:center}
#bottomlink li{display:inline;margin:0 1%;font-size:1.2rem}
#bottomlink a{color:#FFF}
#bottomlink li:first-child a{color:#ffeb3b}
#askarea_out,#askarea{background:#609db9}
#askarea input[type="submit"],#askarea input[type="reset"]{background:#1c6080}

@media(min-width:1201px){
#BodyFooter_rwd{padding-bottom:60px}
#topbutton,#BodyHeader_event_rwd,.swiper-button-next,.swiper-button-prev{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)}
#bottomlink{width:750px}
.teacher_mask{top:89%}
.teacher_list:hover .teacher_mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);opacity:.9;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{display:inline-block;font-size:15px;color:#303033}
#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}
}
@media(max-width:767px){
#marquee_menu .marqueelist a{line-height:2;font-size: 0.9rem;}
.marquee{margin-left: 0;}
.bgpadding{padding:4% 2%}
#event h2{font-size:1.4rem;line-height:1.4em;text-align:left}
#event h2 span{display:block;width:5.5em;margin-bottom:1%}
#event_social h2 span{width:6.5em}
.info_table{margin:3% auto 4%}
.teacher_bg{margin:2% auto 8%}
.teacher_list img{width:100%}
.teacher_mask{padding:3% 4%;font-size:1.1rem;background:#c74aa0e6}
.teacher_mask strong small{display:block}
.navlink{margin:4% auto}
.navlink a{font-size:1.05rem}
.navlink li{display:inline-block;margin:3% 1%}
.media_bg{margin:0 auto 5%}
.media_list{width:100%;margin:3% auto;padding:0}
.media_name strong{display:block;font-size:1.3rem}
.media_name{border-bottom-width:4px}
.media_row2 { row-gap: 1rem; }
.media_list p{font-size:1rem}
.media_list p img{width:25%}
.media_winner{font-size:1.1rem}
.ticket_sale{text-align: justify;}
.ticket_sale thead{display:none}
.ticket_sale tr td:first-child{background-color: #4D8BAC;color: #FFF;font-weight:900;font-size: 1.2rem;}
.ticket_sale td{display:block;padding:.3rem .5rem}
.ticket_sale td::before{content:attr(data-th);font-weight:900;display:inline-block;}

/* .media_row2{display: flex;flex-wrap: wrap;justify-content: space-around;} */

.sale_content{width:100%;padding:4% 3%}
.sale_content>ul>li{font-size:1.05rem;line-height:1.6em;margin:0 auto 1.5%}
.ticket_sale th{font-size: 1rem;}
.sale_note{padding:5% 0 0}
.LINE,.FB{width:100%;padding:3% 4%;margin:1% auto}
#bottomlink{padding:2% 0}
#bottomlink li{display:inline-block;font-size:1.05rem;margin:1%}
#BodyFooter_rwd{padding-bottom:80px}
.sort_year {padding: 2px 0.5rem 2px 1rem;width: auto;font-size: 1.35rem;}
.student_info dd:nth-of-type(1) br {display: none;}
.student,.student figure,.student_info{width: calc(100%/1);}
}
@media (min-width:768px) and (max-width:1199px){
#bottomlink{padding:1% 0}
#BodyFooter_rwd{padding-bottom:50px}
}
@media(max-width:1200px) {
.teacher_mask{bottom:0}
#BodyContentMainNavigator,#BodyHeader_event,#Related{display:none}
}