#BodyMenu-all {background-color:#666666;}
#BodyMenu-all a {color:#FFFFFF;font-size:15px;font-weight:bold;text-decoration:none;}
#BodyMenu-all a:hover {color:#FFFF00;text-decoration:underline;}
#BodyHeader,#header-share{margin:0 auto;}
#BodyHeader #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#EBEBEB}
#BodyHeader #header-share a:nth-child(1) img{margin:5px; }
#BodyHeader a{color:#333;font-size:17px}
#BodyHeader a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
#BodyHeader_rwd {text-align:center;width:100%;height:auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
@media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width:40%;margin-top:2.5%;}}
@media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width:25%;margin-top:2.5%;}}
#BodyContent,#BodyFooter_rwd{margin:0 auto;}
#BodyMenu-all td{border:1px solid #000;height:20px;}
.answer-bg{text-align:center;}
.answer-title{color:var(--dark_blue);font-weight:bold;font-size:27px;display:block;}
.answer-topic{color:#d13c2d;padding:1rem 0.25rem 0.35rem 0.25rem;}
.answer-content{background-color:#fff;text-align:center;}
.answer-box{}
.style1{color:#d13c2d;font-size:35px;font-weight:bold;line-height:40px;display:block;margin-top:3%;}
.style2{color:#000000;font-size:35px;font-weight:bold;line-height:50px;display:block;}
.style3{background-color:var(--dark_blue);font-weight:bold;font-size:1.5rem;padding:0.5rem 0;color:#fff;display:block;margin:0 10%;}
.style4{display:block;font-size:.9em;margin:1% auto;}
.subject-box li {font-size:1.2em;color:#000000;display:block;line-height:50px;border-bottom:1px solid #f0f0f0;background:linear-gradient(55deg, #f0f0f0, #fff,#f0f0f0);margin:0 10%;}
.subject-box .NewsStyle a{text-decoration:underline;list-style-type:circle;font-weight:bold;line-height:50px;}
.hot-event{text-align:left;padding:2rem 1rem 1rem;}
.hot-event li{list-style-type:none;line-height:35px;font-size:1.2em;margin: auto 0.5rem;}
.hot-event li img{display:inline-flex;flex-wrap:wrap;}
.hot-event li span{background:linear-gradient(0deg, #bf831a, #d9a64c,#bf831a);padding:0 0.25rem;color:white;padding:0 1rem 0 0.5rem;margin:auto 0.4rem auto auto;clip-path:polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}
.hot-event li a,.style4 a{color:#000;}
.style4 a:nth-of-type(2){color:#333366;font-size:1.1em;margin:1% auto;font-weight:bold;display:block;}
.promote-box {padding:1rem 0;}
.promote-box table {width:max-content;margin:auto;}
.promote-box a{text-align:left;color:#000;display:block;font-size:15px;}
.over-years-exam{color:#ad6e00;font-weight:bold;display:block;padding:0.75rem 0.25rem;}
/*Footer*/
#BodyFooter_rwd{background-color:#EBEBEB;}
#footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;text-align:center;}
#footer_inline ul,#footer_address ul{width:100%;margin:0% auto;padding-top:1%;}
#footer_inline a,#footer_address a{color:#000}
#footer_inline ul li{display:inline;margin:auto 1%;width:15%;}
#footer_address ul li{width:100%;font-size:0.95em;list-style-type:none;}
#adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
#footer_inline ul li img{vertical-align:middle;}
#footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}

@media (min-width:1201px){    
    #BodyContent,#BodyFooter_rwd,#BodyHeader,#header-share{width:850px;}    
    #BodyHeader_rwd,#topli{display:none;}
    .hot-event ul {width:fit-content;margin:auto;}
    #BodyMenu-all table {border-collapse:collapse;height:50px;text-align:center;line-height:2em;border:2px dashed;} 
}

@media (max-width:1200px){      
    .answer-box {margin:3%;}
    .style3,.subject-box li{margin:0 2%;}  
    @media all and (min-width:768px) and (max-width:1024px) {        
        .answer-title{font-size:2.3em;}
        #askarea .asktitle {font-size:1.5em;}
        #askarea SELECT,#askarea input{height:40px;}
        #askarea SELECT,#askarea input{margin:auto 1% 1% auto;}
        button {font-size:1.5em;}
    }
    @media screen and (orientation:portrait) {#BodyHeader_rwd img {max-width:35%;margin-top:1%;}}
    @media screen and (orientation:landscape) {#BodyHeader_rwd img {max-width:25%;margin-top:2.5%;}}
    .answer-topic {font-size:2rem;padding:1rem 0.25rem 0.5rem 0.25rem}         
}

@media (max-width:767px) {
    .promote-box table {width:fit-content;}
}

@media (max-width:320px){
    .hot-event li{font-size:1.1em;}
    .answer-topic {font-size:35px;}
}