@import url(../../icon_new/css/all.min.css);
@import url(../../../File/Css/event_full.css);
/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead {margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em;}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
body {font-family:"微軟正黑體",Arial;}
#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;}
#header-share, #header-share a {color: white;}
#BodyHeader_rwd {text-align: center;width:100%;height: auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
#BodyContent,#BodyFooter_rwd {margin: 0 auto;}
#BodyMenu-all td {border: 1px solid #000;height: 20px;}
.answer-bg {background-color: #F00;background-image: url(../images/answer_title.gif);background-repeat: no-repeat;background-position: left bottom;padding: 3% 0 3%;text-align: center;}
.answer-title {font-size: color: #000;font-weight: bold;font-size: 27px;display: block;}
.answer-topic {font-size: 50px;font-weight: bold;color: #FFF;line-height: 55px;display: block;}
.answer-content {background-color: #fff;display: inline-block;width: 100%;text-align: center;}
.answer-box {border: 1px dashed #000;margin: 3% 5% auto;border-radius: 1em;}
.style1 {color: #000000;font-size: 35px;font-weight: bold;line-height: 40px;display: block;margin-top: 3%;}
.style2 {color: #DA0977;font-size: 35px;font-weight: bold;line-height: 50px;display: block;}
.style3 {background-color: #000;font-weight: bold;font-size: 1.2em;line-height: 2em;color: #fff;display: block;margin: 0 10%;}
.style4 {margin: auto;width: fit-content;padding: 1rem;}
.subject-box li {font-size: 1.2em;color: #000000;display: block;line-height: 50px;border: thin solid #000000;background-color: #FFFF00;margin: 0 10%;font-family: "Microsoft YaHei",Verdana, Geneva, sans-serif;}
.subject-box .NewsStyle a {color: #0000CC;text-decoration:underline;list-style-type: circle;font-weight: bold;line-height: 50px;}
.hot-event {margin-top: 2rem;text-align: left;}
.hot-title {font-size: 2rem;font-weight: bold;}
.hot-event ul {width: max-content;margin: auto;}
.hot-event li {line-height: 35px;font-size: 1.2em;list-style-type: disc;}
.hot-event li a {color: #FF3333;font-weight: bold;}
.hot-event p {text-align: center;margin-top: 1rem;}
.promote-box a {text-align: left;color: #000;display: block;font-size: 15px;}
.over-years-exam {color: #FF0000;font-weight: bold;margin: .75rem auto;display: block;font-size: 1.2em;}
ul.disc li {list-style-type: disc;display: list-item;}
/*Ask*/
#Ask {background-color: #EBEBEB;padding: 2rem 1rem;color: initial;}
.asktitle {font-size: 1.25rem;text-align: center;margin-bottom: 1rem;}
#Ask SELECT, #Ask input {border-radius: .5rem;border: none;background-color: #ffffff;color: #000;height: 2.125rem;margin: .5rem 2rem .5rem auto;box-sizing: border-box;padding-left: .25rem;}
#Ask SELECT {width: 20%;}
#Ask input {width: 23%;}
#Ask input[name="sContent"] {width: 81.5%;}
#Ask input[name="sRandomCode"] {margin-right: .75rem;}
#Ask input[type="submit"], #Ask input[type="reset"] {background-color: #eb543f;color: #ffffff;width: auto;margin: auto .5rem;padding: 0 .5rem;cursor: pointer;display: inline-block;}
#formlist img {display: inline-block;height: 2rem;width: auto;}
/*Footer*/
#Footer {padding-top: 1rem;text-align: center;background-color: white;}
#footer_inline ul li {margin: 0.25rem;}
#footer_inline ul li img {width: 200px;vertical-align: middle;}
#footer_line {display: block;border-top: 1px solid #999;margin: 1rem auto;}
#formlist aside {display: inline-block;}
/*置頂鍵*/
#back-top {position: fixed;bottom: 5%;right: 1%;z-index: 8;}
#back-top a {font-size: 1.25rem;width: 2.75rem;height: 2.75rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);color: #666666;background: #ffffff;opacity: .8;text-decoration: none;}

@media (min-width: 1201px) {    
    body {background-color: #DA0977;}
    #BodyContent, #BodyFooter_rwd, #BodyHeader, #header-share, main, #BodyMenu-all table, #Ask {width:1200px;margin: auto;}
    #BodyHeader_rwd,#topli {display:none;}
    #BodyMenu-all table {border-collapse: collapse;height: 50px;text-align: center;line-height: 2em;border: 2px dashed;}
    #Header_event_rwd {display: none;}
	#mobile_menu, .st-container, .st-pusher {width: auto;float: initial;}	
	#Header_event table, #Footer {width: 1200px;margin: auto;}
    .ask-wrap {width: max-content;margin: auto;}
	#footer_inline ul li {display: inline-block;margin: auto 0.25rem;}    
}

@media (max-width: 1200px) {        
    #Header_event {display: none;}
	#Header_event_rwd {z-index: 10;position: fixed;width: 100%;background-color: white;padding: 1rem 0;top: 0;}
	#Header_event_rwd img {margin: auto;display: block;}    
    #BodyContainer_event button {top: 1%;left: 2%;font-size: 1.5rem;}
    #BodyContent,#BodyFooter_rwd,#BodyHeader,#header-share,.answer-content {width:100%;} 
    #BodyHeader,#BodyMenu-all {display:none;}    
    .answer-box {margin: 3%;}
    .style3,.subject-box li {margin: 0 2%;}
    .promote-box table {width: 95%;}
    .promote-box table td {white-space: normal;}
    .hot-event ul {width: 100%;}
    /*Header*/
    #BodyHeader_rwd {text-align: center;width:100%;height: auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    .answer-topic {font-size: 40px;}        
}
@media (min-width:768px) and (max-width:1199px) {
    .answer-bg {background-size: 20%;background-position: left bottom;padding-top: 15%;}
    .answer-title {font-size: 2.3em;}        
    .hot-event {margin: 2% 8% 0;}
	#Ask SELECT, #Ask input {width: 18%;}
    #Ask SELECT, #Ask input {margin: .5rem .875rem .5rem auto;}
}
@media (max-width: 767px) {
    #Header_event_rwd {padding: 0.75rem;}
	#Header_event_rwd img {width: 150px;}	
	#Ask input, #Ask SELECT, #Ask input[name="sContent"] {width: 100%;margin: auto auto .75rem 0;display: block;}
    #formlist p {margin-bottom: .75rem;}
	#formlist aside {display: block;margin-bottom: 1rem;}
    .answer-bg {background-size: 25%;background-position: left 50%;padding-top: 20%;}
    .hot-title {font-size: 1.5rem;}
    .hot-event {margin-top: 0;padding: 1rem 1rem 1rem 2rem;}
    .hot-event li {line-height: 1.75rem;font-size: initial;}
}