#Header #Web_map .web-search input[type="Submit"]{filter:brightness(0.5);}
#Header #Web_map nav{background-color:white;color:black;}
#Header #Web_map{background-color:white;box-shadow:0px -14px 16px 8px #000000;position:fixed;top:0;z-index:9;display:flex;flex-wrap:wrap;}
#Header #Web_map .web-search input[type="text"]{color:#000;border-bottom:1px solid #000;}
#Web_map .sm-logo{display:block;}
#EventContainer .bgcolor0{background:linear-gradient(to right, #b56b25 0%, #db922f 13%, #fff8d3 47%, #fff8d3 60%, #db922f 87%, #b56b25 100%);}
#EventContainer .bgcolor1{background-color:#ac2e84;}
#EventContainer .bgcolor2{background:url(../images/1402075/1402075_bg.png) fixed, linear-gradient(to right, #931649 10%, #fa5379 100%);background-size:cover;}
#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{padding:1rem;}

/*豐收勝試賀高上*/
.banner img{width:100%}
.banner a{cursor:initial;}
.banner a:hover{position:initial;}
.proportion{color:white;text-shadow:0px 0px 3px #be7d25;}
.top-list{text-align:center;font-size:2.75rem;color:white;}
.top-list b{color:#ffe48f;}
.top-list li{margin:0 0 22px;}
.top-list li:nth-child(even){background-color:rgb(194 24 24 / 28%);}
.top-list li:nth-child(odd){background-color:rgb(254 220 184 / 22%);}
.total li{background-color:initial !important;}
.total li:not(:last-child){border-bottom:dotted 3px #fdba99;}
.total div{width:100%;color:#ffe48f;}
.top-list img{display:initial;vertical-align:initial;}
.top-list .top-sort li{margin:auto 0.5rem;}
.grade_title{text-align:center;margin:0 0 25px;color:#c91928;font-weight:bold;position:relative;font-size:4.3rem;background:linear-gradient(to right,#ffd7a9 10%,#ffffff 50%,#ffd7a9 100%);font-family:'Noto Serif TC',serif;font-weight:900;}
.grade_title:before{border-width:52px 60px 52px 0;border-color:transparent #ffd7a9 transparent transparent;left:-60px;}
.grade_title:after{border-width:52px 0 52px 60px;border-color:transparent transparent transparent #ffd7a9;right:-60px;}
.grade_title:before,.grade_title:after{content:"";position:absolute;border-style:solid;width:0;height:0;}
.grade_title img{position:absolute;top:-4%;left:3%;display:none;}
.top-list_h{color:#ffe48f;display:block;font-size:3.5rem;border-bottom:dotted;}
.imp_txtHit{color:#b9ddff;display:block;font-size:2.5rem;font-weight:bold;}
.total li{width:calc(100%/2);color:white;text-align:left;padding: 0 2%;}
#event_third .top-list li{margin:auto;padding:1rem 0;}
#event_third .top-list li:not(:last-child){border-bottom:dotted 2px #ffe48f;}
.note_update,.sub_note_update{margin:1% auto;}
.note_update,.sub_note_update,.succeed{font-size:1.35em;color:#c92001;}
.sub_note_update{font-size:2.2em;font-weight:bold;}
.succeed{width:fit-content;border:dotted 2px;padding:4px 30px;margin:auto auto 30px;border-radius:1em;background-color:white;}
.outLink{width:fit-content;margin:auto;text-align:left}
.outLink li a,.outLink li{color:#6e3206;font-size:1.2rem;line-height:2.2em;list-style-type:disc;}
div#back-top a{color:#ffe48f;}
div#Ask{background-color:#cb222c;}

@media screen and (min-width:1201px){	
	/*Header*/ 
	#Header .home-header{display:none;}    
	#Header #Web_map .home-title h1{font-size:2rem;line-height:3rem;}    
	#Web_map .sm-logo{margin:auto 0 auto auto;}
	#Web_map .home-subtitle{display:none;}
	#BodyContentMainNavigator{margin:1.25rem auto 0.25rem;}
	#Web_map .header-upper{width:1000px;}   
	#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:1200px;margin:auto;}
}

@media screen and (max-width:1200px){
	#BodyContentMainNavigator,header.home-header,#Web_map .header-upper ul{display:none;}
	#Web_map .header-upper{width:auto;margin:auto 10% auto auto;}
    #Web_map .web-search{margin:auto 0 auto 1rem;}
	#EventContainer{padding-top:49px;}
	.grade_title{font-size:3rem;}
	.top-list li{font-size:1.75rem;padding: 0 1%;}	
	.grade_title:before,.grade_title:after{display:none;}
	.outLink li{line-height:1.8em;}
}

@media screen and (min-width:768px) and (max-width:1199px){
    .home-title .home-subtitle{display:none;}
    #Web_map .home-title h1{line-height:3rem;}
	.total li.sm\:hidden{display: initial !important;}
	#event_sec .top-list li .sm\:block{display: initial !important;}
}

@media screen and (max-width:767px){ 
	#Header #Web_map{height:36px;}
    #EventContainer{padding-top:36px;}
	#event_sec{padding:0 1rem;}
	.home-header,#BodyContentMainNavigator,.grade_title img{display:none;}
	#EventContainer .bgcolor1{background:url(../images/1102058/1102058_bg.png)repeat-y left top /20%,url(../images/1102058/1102058_bg2.png)repeat-y right top /20%,#ca0303;background-attachment:fixed;}
	.top-list_h{font-size:2.0rem;}
	.total li{width:calc(100%);text-align:center;font-size:1.5rem !important;}
	.grade_title{font-size:1.8rem;margin:0;padding:0;}	
    .top-list li{margin:0 0 12px;font-size:1.25rem;}
    .imp_txtHit{font-size:1.25rem;}   
	.top-list img{width:12%;}
	.total div{font-size:1.8rem;}	
}

@media screen and (max-width:767px) and (orientation:portrait){
	.sub_note_update{font-size:1.75rem;}
	.outLink{padding:0 0 0 1rem;}
}