#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;}
.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;margin: 0 3px;}
.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 {margin: auto 4rem;}
    #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;}
}