#event{width:100%;margin:0 auto;padding:0;color:#111;background:#fff;font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-size:1rem;line-height:1.75}
#event *{box-sizing:border-box;}
#event a{color:inherit;}
#event img{max-width:100%;height:auto;display:block}
#event h1,#event h2,#event h3{color:#111;font-weight:700;text-align:left;margin:0 0 .75rem;background:none;border:none;border-radius:0;padding:0}
#event h1{font-size:1.75rem;line-height:1.4;text-align:center}
#event h2{font-size:1.8rem;margin:1.0rem auto .75rem;text-align:center;color:#fced91;background:linear-gradient(to right,#a6192e 0,#cf171b 25%,#e83f42 50%,#b1151a 100%);padding:.3rem 5.5rem;display:block;clip-path:polygon(100% 0,99% 50%,100% 100%,0% 100%,1% 50%,0% 0%);width:fit-content;}
#event h3{margin:1rem 0 0;font-size:2rem;background-color:#ffedd5;padding:.1em .2em;color:#ba1c21;text-align:center;border-radius:.8rem .8rem 0 0;}
.bgcolor1,.bgcolor2{background:linear-gradient(to right,#f3e2bf 10%,#e4c587 95%);}
.bgpadding{padding:0}
.bgcolor0{background:linear-gradient(to right,#3684b9 10%,#1e5281 95%);}
.masterbanner{margin:0 0;padding:0;background:none;text-align:center}
.master_grid{display:block;padding:0;background:none}
.master_b{text-align:center}
.master_b h1{margin-bottom:.4rem}
.master_b .master_sub{margin:0;font-size:1.1rem;font-weight:700}
.way{font-size:3.0rem;text-align:center;font-family:'Noto Serif TC',serif;font-weight:900;background:linear-gradient(to right,#b07a22 5%,#e8d27d 40%,#fff295 60%,#b07823 90%,#c4943f 95%);color:#133e72;padding:.1em 0 0;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6));position:static;}
.way:before,.way:after{content:none}
.way span{font-family:'Noto Serif TC',serif;font-weight:700;}
.box{padding:2.0rem 3.0rem;}
.masterbox{margin:0 0 1.5rem;padding:0}
.masterbox>div{padding:.15rem 0;color:#ffffff;font-size:2rem;text-align:center;font-family:'Noto Serif TC',serif;font-weight:700;}[class*="flex"]{display:flex;flex-wrap:wrap}
.learning_H{padding:.8rem 0;color:#fced91;font-size:2.5rem;text-align:center;font-family:'Noto Serif TC',serif;font-weight:900;line-height:2.5rem;border-top:double 4px;border-bottom:double 7px;}
.learning_H span{font-family:'Noto Serif TC',serif;font-weight:700;display:block;}
.learning{margin:0 0 1.5rem;padding:0;border:none}
.learning_box{margin:0;align-items:flex-start}
.learning_box>div{width:calc(100%/3);margin:0;padding:2.0rem 1.2% 2.0rem 0;min-height:auto;text-align:center;}
.learning_box>div:last-child{padding-right:0}
.learning_box>div>p{margin:0 0 .35rem;text-align:center;font-size:1.1rem;color:#dfc379;}
.learning_box>div>figure{background:url(../images/TEA.png) no-repeat center;background-size:cover;width:205px;height:203px;margin:.6rem auto .5rem;padding:0;display:flex;align-items:center;justify-content:center;}
.learning_box>div>figure img{object-fit:cover;border-radius:50%;}
.learning_box div .subject{margin:0 0 1.35rem 0;text-align:left;font-size:1.3rem;color:#dfc379;border-left:solid 6px;padding-left:.5rem;font-weight:700;}
.learning_box div .title{color:#fff;border-radius:0;padding:0;margin:.25rem 0 .35rem;font-weight:700;font-size:1.15rem;text-align:center;}
.learning_box div .title a{font-weight:700;font-size:1.8rem;color:#fff;font-family:'Noto Serif TC',serif;font-weight:700;}
.learning_box div .publish{font-size:1.1rem;background:linear-gradient(to right,#a00a0100 0%,#ffffffeb 20%,#ffffff96 80%,#a00a0100 100%);padding:.5rem .8rem;color:#0a2c57;}
.time{margin:0 0 1.25rem;padding:0}
.time_box{width:fit-content;font-size:1.5rem;border:#d2ac54 solid 4px;background:linear-gradient(151deg,#ffe0b0 0%,#ffffee 36%,#faf2c1 60%,#f5dcbc 100%);padding:1rem 4.3rem;border-radius:2.0rem;color:#133e72;}
.time_box>ul{margin:0;padding:0;list-style:none}
.time_box>ul li{line-height:1.8;margin:0}
.time_box>ul li span{border-right:solid 4px #d2ac54;font-weight:700;margin-right:.5rem;padding-right:.5rem;border-radius:0;}
.course{margin:0 0 1.5rem;padding:0;border:none}
.course_box{margin:0;align-items:flex-start}
.course_detail{width:50%;margin:0;padding:0 1.5% 0 0;border:none}
.course_detail:last-child{padding-right:0;padding-left:1.5%}
.course_detail>h3{margin:0 0 .25rem}
.course_detail>h3+div{background:#ca925c;padding:1.5rem 3rem;border-radius:0 0 .5rem .5rem;}
.course_detail ul{width:100%;margin:0;padding:0 0 0 1.2rem}
.course_detail li{font-size:1rem;line-height:1.8;position:static;padding:0;list-style:disc}
.course_detail li{font-size:1.5rem;color:#ffffff;}
.course_detail li strong{color:#ba1c21;}
.course p{text-align:center;padding:1rem 0.5rem 0;color:white;font-size:1.5rem;}
.course p strong{color:#fced91;}
.ps{text-align:center;margin:1.25rem 0 .5rem;font-weight:700;COLOR:#846528;}
.media{margin:0;padding:0;border:none}
.media_bg{padding:0}
.media_box{margin:0 0 1px;padding:0;border:none;background:linear-gradient(to right,#a00a0100 0%,#ffffffeb 20%,#ffffff96 80%,#a00a0100 100%)}
.media_box>p{width:100%;padding:0;margin:0;font-size:1rem;line-height:1.75;background:none;color:#0a2c57;display:flex;align-items:center}
.media_box>p:before{content:none}
.media_box>p>span{font-weight:700;min-width: fit-content;font-size:1.3rem;padding:.5rem 1.5rem;text-decoration:none;text-align:center;background:linear-gradient(to right,#ba1c21 10%,#df6050 80%);margin:1% .5rem 2% 0;clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%);color:#FFF}
.navlink{margin:0 auto 1rem;text-align:center;padding:0}
.navlink li{display:inline-block;margin:0}
.navlink a{color:#133e72;font-size:1.5rem;padding:.5rem 1.5rem;border-radius:1.5rem;text-decoration:none;text-align:center;background:linear-gradient(to right,#b07a22 5%,#e8d27d 40%,#fff295 60%,#b07823 90%,#c4943f 95%);margin:1% auto 2%;font-weight:bold}
@media (max-width:1200px){
    #BodyContentNavigator{display:none;}
#event h2{padding:.3rem 1.5rem;}}

@media (max-width:767px){
    #event{padding:0;}
    #event h1{font-size:1.4rem}
    #event h2{font-size:1.15rem}
    #event h2 span{display:block;}
    .learning_box>div{width:100%;padding:.5rem 0 1.25rem;border-bottom:1px solid #ccc;margin-bottom:1rem}
    .learning_box>div:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
    .learning_box>div>figure{width:50%;background-size:contain;}
    .learning_box>div>figure img{width:90%;}
    .learning_box div .subject{font-size:1.1rem;}
    .learning_box div .publish{font-size:1.0rem;padding:.3rem .8rem;}
    .course_detail{width:100%;padding:0 0 1rem}
    .course_detail:last-child{padding:0}
    .way{font-size:1.7rem;line-height:1.8rem;}
    .way span{display:block;}
    .box{padding:1rem 1rem;}
    .masterbox>div{font-size:1.2rem;}
    .learning_H{font-size:1.35rem;}
    .time_box{font-size:1.2rem;padding:1rem 1.3rem;}
    #event h3{font-size:1.3rem;}
    .course_detail li{font-size:1.2rem;}
    .course_detail>h3+div{padding:.5rem 2rem;}
    .media_box>p>span{font-size:1.1rem;padding:.3rem .8rem .3rem .3rem;line-height:1.5;}
    .media_box>p{font-size:1rem;line-height:1.5;flex-wrap: wrap;}
}
@media (max-width:767px) and (orientation:portrait){
    .course p{font-size:1.2rem;}
    .askarea>div.asktitle{font-size:1.2rem;}
}