@import url("../../../icon_new_6.6/css/all.min.css");
body *{font-family:"Noto Sans TC",sans-serif}
ul,ol{margin: auto;}
#BodyContent{width:100%;padding:0;margin:0}
#BodyContainer_event{width:100%;margin:0}
#BodyHeader_event_rwd,#topli{display:none}
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:1200px;padding:0}
#Master_title{display:block}
#Master_title img{margin: 0 auto;}
#noie{color:#fff;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39c;z-index:9999;position:fixed;left:0;top:0}
#noie a{color:#fc0}
.hottxt{color:#ffd942;font-size:13px}
#BodyHeader_event,#header-share{width:100%;float:left}
#BodyHeader_event a,#BodyHeader_event #header-share{font-size:1.1em}
#BodyHeader_event #header-share{margin:0 auto;background-color:rgb(255 255 255 / 50%)}
#BodyHeader_event #header-share img{margin-bottom:5px;display:inline}
#BodyHeader_event a{color:#333}
#BodyHeader_event a:hover{color:#666}
#askarea SELECT{color:#000;background-color:#fff}
#askarea_out{background-color:#979797;}
#askarea{width:1200px;margin:0 auto;padding:1rem 5rem;text-align:left}
#askarea .asktitle{color:#fff;text-align:center;font-size:1.4rem}
#formlist SELECT,#formlist input{border-radius:.3rem;background-color:#fff;border:#fff;padding:.25rem}
#formlist input[name="sContent"]{width:80%}
#formlist label{display:block;margin:1rem 0;color:#fff;font-size:1.2rem}
#formlist img{display:inline-block}
#formlist input{color:#a1a1a1}
#formlist input[type="submit"],#formlist input[type="reset"]{background-color:#eb543f;color:#fff}
label > select{margin:0 1rem}
#formlist{justify-content:space-around}
#BodyFooter_rwd,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%}
#BodyFooter_rwd{background-color: rgb(255 255 255 / 50%);}
#BodyFooter_rwd a:hover{text-decoration:none}
#BodyFooter_rwd #footer_line{width:90%;height:auto;margin:1% 5%;display:block;text-align:center;border-top:thin solid #999}
#BodyFooter_rwd #footer_inline a{color:#000;font-size:1em}
#BodyFooter_rwd #footer_inline ul{padding-top:1%;text-align: center;}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;margin-right:.5em}
#BodyFooter_rwd #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;display:inline}
#BodyFooter_rwd #footer_address{margin:0 auto auto;text-align:center}
#BodyFooter_rwd #footer_address a{color:#000}
#BodyFooter_rwd #footer_address ul{padding:0;padding-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_address ul li{margin-right:0;line-height:2em;text-align:center;font-size:1em;list-style-type:none;display:inline-block}
@media all and (min-width: 1px) and (max-width: 850px) {
    @media (max-width:1024px){.mooc_sort{font-size:1.1rem;}.slide_out{padding:1rem;}button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:4%}button.VueCarousel-navigation-button.VueCarousel-navigation-next{left:85%}}
    #BodyHeader_event,.hottxt,#noie{display:none}
    #BodyContent{width:100%;padding:0}
    #BodyContainer_event{width:100%}
    #BodyHeader_event_rwd{text-align:center;width:100%;height:auto;margin:0 auto;background-color:#fff;position:fixed;top:0;float:left;z-index:9;display:initial}
    #BodyHeader_event_rwd img{height:auto;padding: 0.35rem 0;}
    @media screen and (orientation:portrait){#BodyHeader_event_rwd img{width:200px}}
    @media screen and (orientation:landscape){#BodyHeader_event_rwd img{max-width:25%}}
    #Master_title{display:block}
    @media all and (orientation:portrait){#Master_title{margin-top:15%}}
    @media screen and (orientation:landscape){#Master_title{margin-top:10%}}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width: 100%;padding: 0 2%;}
    #askarea{width:100%;padding:.8rem}
    #askarea .asktitle{font-size:1.1rem}
    #askarea .asktitle > p{line-height:2.2rem}
    #formlist{margin:0 auto}
    #formlist label{font-size:1rem}
    #formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{width:100%;margin:.25rem 0}
    #formlist input[type="submit"],#formlist input[type="reset"]{width:calc(100% / 4.5)}
    #topli,#topli a{color:#fff;text-decoration:none}
    #topli{width:50px;height:50px;text-align:center;border-radius:9999em;background-color:#000;opacity:.4;position:fixed;line-height:50px;font-size:15px;display:initial}
    @media screen and (orientation:portrait){#topli{right:1%;bottom:8%}}
    @media screen and (orientation:landscape){#topli{right:1%;bottom:15.8%}}
    #BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;}
    #BodyFooter_rwd{background-color:#fff;}
    #BodyFooter_rwd #footer_line{margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
    #BodyFooter_rwd #footer_inline a{color:#000;line-height:2em}
    #BodyFooter_rwd #footer_inline ul{padding:0;padding-bottom:1%;text-align:center}
    #BodyFooter_rwd #footer_inline ul li img{width:40%;height:auto;margin:0 auto}
    #BodyFooter_rwd #footer_inline ul li{display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
    #BodyFooter_rwd #footer_address{margin:0 auto auto;text-align:center}
    #BodyFooter_rwd #footer_address a{color:#000;line-height:2em}
    #BodyFooter_rwd #footer_address ul{padding:0;text-align:center;clear:both}
    #BodyFooter_rwd #footer_address ul li{display:block;line-height:2em;text-align:center;font-size:.8em}
}