#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;}
#event_master {font-family: 華康儷黑 Std w7;}
#event_master h1 {font-size: 4.6rem;}
#event_master h2 {font-size: 3.2rem;}
#EventContainer .bgcolor0 {background: linear-gradient(to right,#642d19 0%,#be7d25 13%,#fff8d3 47%,#fff8d3 60%,#be7d25 87%,#642d19 100%);}
#EventContainer .bgcolor1 {background-color: #ac2e84;}
#EventContainer .bgcolor2 {background:url(../images/1302021/1302021_bg.png) fixed ,linear-gradient(to right, #432177 10%, #ac2e84 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;}
.title_box {font-size: 4rem;text-align: center;background: linear-gradient(to right,#642d19 0%,#be7d25 13%,#fff8d3 47%,#fff8d3 60%,#be7d25 87%,#642d19 100%);font-family: DFMingXBold-B5, MStiffHeiHK, sans-serif;
color: #340100;box-shadow: 10px 6px 10px 3px #3c0101;margin: auto;padding: 1rem 0 3rem;}
.title_H {font-size: 6rem;color: #e90303;}
.proportion {color: white;text-shadow: 0px 0px 3px #be7d25;}
.top-list {text-align: center;font-size: 3rem;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 103 / 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 #be9654;}
.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 {background: url(../images/1002040/1002040_Hbg.png) no-repeat center;text-align: center;height: 110px;line-height: 110px;    margin: 0 0 25px;color: #720615;font-weight: bold;position: relative;padding-left: 5%;background-size: 100% 100%;font-size: 4.3rem;}*/
.grade_title {text-align: center;margin: 0 0 25px;color: #c21867;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: #bafeff;display: block;font-size: 2.5rem;font-weight: bold;}
.total li {width:calc(100%/2);color: white;text-align: center;}
.more-list li {list-style-type: disc;display: list-item;margin-left: 2rem;text-align: left;}
.user {color: white;text-align: center;}
#event_third .top-list li {margin: auto;padding: 1rem 0;}
#event_third .top-list li:not(:last-child) {border-bottom: dotted 2px #ffe48f;}
.billboard_link {position: fixed;right: 0;bottom: 20%;z-index: 2;background-color: #c61516;color: white;padding: 1rem;border-radius: 2rem 0rem 0rem 2rem;box-shadow:rgb(185 86 2 / 60%) 10px 20px 15px -10px;border: solid 5px #f1cc82;border-right: 0;}
.billboard_link li::before {content: '▼';transform: rotate(30deg);position: absolute;margin-left: -1.5rem;color: #e7a847;font-size: 1rem;line-height: 2rem;}
.billboard_link li {padding-left: 1rem;font-size: 1.25rem;margin: 0.5rem auto;}
.billboard_link li a{color: white;}

.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;}
#back-top {bottom: 10% !important;}
#back-top a {color: #ffe48f !important;}
#Ask {background-color: #a90652 !important;}

@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_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: auto;}
	.title_box {width: 1200px;}
	.more-list {width: 50%;margin: auto;}	
	.billboard_link li:nth-of-type(n+1):nth-of-type(-n+2) {margin-bottom: 1rem;}
}

@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: 2rem;}	
	.billboard_link {position: fixed;right: 0;left: 0;bottom: 0;top: initial;border-bottom: 0;border-left: 0;border-top: solid 5px #f1cc82;border-radius: initial;}
	.billboard_link a {width: 100%;height: initial;padding: 0.25rem 0 0.5rem;border-radius: initial;}
	.billboard_link ul {display: flex;flex-wrap: wrap;}
	.billboard_link li {width: fit-content;justify-content: center;margin: 0 auto;}
	.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;}
}

@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.10rem;}
    .imp_txtHit {font-size:1.35rem;}   
	.top-list img {width: 12%;}
	.billboard_link {padding: 0.25rem;}	
	.billboard_link li {font-size: 1rem;}
	.total div{font-size: 1.8rem;}	
}
@media screen and (max-width:767px) and (orientation: portrait){
	.outLink{padding: 0 0 0 1rem;}
}
@media screen and (max-width:360px) { 
	.s360\:hidden {display: none;}
}