#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:#af0100;}
#EventContainer .bgcolor2{background:url(../images/1502029/1502029_03.png) bottom #ffecb7;}
#EventContainer .bgcolor4{background:linear-gradient(68deg, #e01b0b 25%, #f26f1b 50%, #cc0b08 60%);}
#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{padding:1rem;}

/*豐收勝試賀高上*/
.banner{font-size:6rem;text-align:center;color:white;}
.banner h1{font-size:5rem;}
.banner .des{font-size:3.5rem;background:linear-gradient(to right, #fed566 5%, #fbe99b 15%, #F6E3A9 30%, white 40%, #ffea73 50%, #fec857 65%, white 75%, #fec857 88%);color:#ce0529;border-bottom:solid 6px #f5bb20;}
.banner .des strong{font-size:4.0rem;color:#ac011f;}
.banner img{text-align:center;margin:0 auto;}
.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(162 1 30 / 53%);}
ul.top-list li.text-center{padding:0;}
.total{font-size:2.7rem;}
.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:1.5rem 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;display:flex;flex-wrap:wrap;justify-content:center;}
.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:9%;left:4%;/*animation:myfirst 1.5s infinite alternate ease-in-out;*/margin:auto 1rem 0 0;}
@keyframes myfirst
{
    from {opacity:1;}
    15% {opacity:0;}
    25% {opacity:1;}
    100% {opacity:1;}
}
.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:1.5rem 0;}
#event_third .top-list li:not(:last-child){/*border-right:solid 7px #bf8158;border-radius:2.0rem;border-left:solid 7px #ecc28e;*/}
.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{color:#6e3206;font-size:1.2rem;line-height:2.2em;list-style-type:disc;}
div#back-top a{color:#ffe48f;}
div#Ask{background-color:#cc0b08;}
@media screen and (min-width:1180px){	
	.top-list.text-left li{padding:0 0 0 10rem;}
}
@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:780px;}   
	#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;}
	.grade_title img{height:70px;margin:auto 0;bottom:0;top:0;}
	.total{font-size:2.25rem;}
	.grade_title:before,.grade_title:after{display:none;}
	.outLink li{line-height:1.8em;}
}
@media screen and (max-width:1179px){	
	.top-list.text-left li{padding:0 0 0 5rem;}
}
@media screen and (max-width:1023px){	
	.top-list li{font-size:1.7rem;/*padding:0 1%;*/}
	.imp_txtHit{font-size:1.7rem;}
	.grade_title img{position:initial;}
}
@media screen and (min-width:768px) and (max-width:1199px){
 	#BodyContentMainNavigator+#EventContainer {padding-top:49px;}
	#EventContainer .bgcolor1 {background-position:center;}
	.home-title .home-subtitle{display:none;}
    #Web_map .home-title h1{line-height:3rem;}
	.banner .des span {display:block;}
	.banner .des strong {line-height:2.2rem;}
}
@media screen and (min-width:768px){
	.grade_title .sm\:block{display:initial;}	
}
@media screen and (max-width:767px){ 
    #BodyContentMainNavigator+#EventContainer{padding-top:36px;}
	#event_sec{padding:0 1rem;}
	#EventContainer .bgcolor1 {background-position:center;}
	.banner .des {font-size:1.5rem;}
	.banner .des strong {font-size:2rem;line-height:2.2rem;}
	.banner .des span {display:block;}
	.top-list_h{font-size:2.0rem;}
	.total li{width:calc(100%);text-align:center;/*font-size:1.5rem*/;}
	.home-header,#BodyContentMainNavigator {display:none;}
	.grade_title{font-size:1.8rem;line-height:2.2rem;margin:0;display:flex;flex-wrap:wrap;padding-right:20px;}	
	.grade_title>div{margin: auto auto auto 5%;}	
    .top-list li{margin:12px 0 0;font-size:1.25rem;word-break:keep-all;overflow-wrap:anywhere;}
    .imp_txtHit{font-size:1.25rem;}   
	.top-list img{width:8%;}
	.total div{font-size:1.8rem;}	
	#banner_item{display:none;}	
}
@media screen and (max-width:767px) and (orientation:portrait){
	.sub_note_update{font-size:1.75rem;}
	.outLink{padding:0 0 0 1rem;}
	.top-list.text-left li{padding:0;}
}
@media screen and (max-width:390px){ 
	.grade_title>div{margin: auto auto auto 0;}	
}