.top_img img{border-radius: 25px;width: 100%;}
.top img{width: 100%;border-radius: 25px;}
.VueCarousel-slide{height: 100%;background:#FFF;}
.top{width: 100%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 0%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 97%;}

.billboard_box{width:100%;margin:10px auto}
.billboardpic img{width:100%}
.billboard_bg{padding:30px 0 10px;font-family:"Microsoft YaHei"}
.billboardtitle{color:#e96800;font-size:2.5rem;text-align:center;font-weight:900;margin: 1rem 0;font-family: "Microsoft YaHei";}
.billboardtitle i{margin-right:3px}
.twoyear>.billboardflex>li{width: 33%;}
.billboardlist{background:#fff9e7;border-radius:15px;border:solid 1px #e51818;font-family:"Microsoft JhengHei";margin:5px auto 0}
.billboardflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap;padding:2% 1% 2% 6%}
.billboardflex>li{width:50%;font-size:1.2rem;line-height:2em}
.billboardflex>.full{width:100%;font-size:1.2rem;line-height:2em}
.billboardflex>li span{font-weight:bold;color:#e96800}
.billboardflex>li .boardtop{font-weight:bold;background:#e96800;color:#FFF;padding:2px 8px;margin:0 2px;border-radius:15px;font-size:1.15rem}
.billboardflex>li small{font-size:1rem;margin:0 2px}
.billboardlist .billboardflex:last-of-type{padding-bottom: 4%}
/* .third_grade{margin-top: 2rem;} */
.gotoEvent{margin:-2% auto 1%;text-align:center}
.gotoEvent i{margin-left:5px}
.gotoEvent a{font-size:1.4rem;background:#0074be;color:#FFF;padding:.7% 3%;text-decoration:none;border-radius:25px;transition: all .3s linear;display:inline-block}
.gotoEvent a:hover{transform:scale(1.1);background:#c13e97}
.billboard_note{font-size:1.2rem;text-align:center;margin:25px auto 0;}
.billboard_license{font-size: 1.3rem;text-align: center;border-radius: 25px;padding: .5rem 0;margin-top: 1rem;background-color: #e96800;color: #FFF;}
.billboard_license br{display: none;}
.billboard_year{width:100%;text-align:center;margin:1% auto 2%;position:relative}
.billboard_year a{color:#000;text-decoration:blink;background:#dadada;text-align:center;display:inline-block;border-radius:50%;font-size:1.4rem;width:45px;height:45px;line-height:45px}
.billboard_year a:hover{background:#ffc000;transform:scale(1.2)}
.billboard_year li{display:inline;margin:0 7px}
.title{position: relative;}
.announce_btn { position: absolute; right: 0%; top:0%; }
@media(max-width: 767px){
.billboard_box{margin:0 auto}
.billboard_bg{padding:15px 0 10px}
.billboardtitle{font-size:1.6rem}
.billboardlist{padding:3% 4% 7%;margin:1%}
.twoyear>.billboardflex>li{width: 100%;}
.billboardflex>li,.billboardflex>.full{width:100%;font-size:1rem;line-height:1.6em;margin:5px 0}
.billboardflex>li .boardtop{font-size:.95rem}
.billboardflex>li small{font-size:.9rem}
.gotoEvent{margin:-6% auto 2%}
.gotoEvent a{font-size:1.05rem;padding:1.5% 5%}
.billboard_note{font-size:1.05rem}
.billboard_year{margin:5px auto 15px}
.billboard_year li{margin:0 5px}
.billboard_year a{font-size:1rem;width:35px;height:35px;line-height:35px}
.announce_btn {position:static;text-align: center;}
.top{width: 90%;margin: 0 1rem;}
.billboard_license br{display: block;}
}

@media(min-width:768px) and (max-width:991px){
.billboardtitle{font-size:2rem}
.billboardlist{padding:2% 5% 5%}
.billboardflex>li,.billboardflex>.full{font-size:1.05rem;padding:0 .5%;width:49%;line-height:1.7em;margin:3px 0}
.gotoEvent{margin:-3.5% auto 1%}
.gotoEvent a{font-size:1.25rem;padding:1% 4%}
.announce_btn {position:static;text-align: center;}
.top{width: 95%;margin: 0 1rem;}
.twoyear>.billboardflex>li{width: 48%;}
}