#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: url(../images/1408006/1408006_bg.jpg) repeat center top fixed;}
#EventContainer .bgcolor1 {background: linear-gradient(to right, #dcdcdc 0%, #e5e5e5 13%, #ffffff 47%, #ffffff 60%, #f7f7f7 87%, #d1d1d1 100%)}
#EventContainer .bgcolor2 {background: linear-gradient(to right, #a00a0100 10%, #ffffff7d 30%, #ffffff96 70%, #a00a0100 90%);}
#EventContainer .bgcolor3 {background-color: #ad0f04 !important;}
#EventContainer .bgcolor4 {background: url(../images/1408006/1408006_pri01.png) no-repeat center top;filter: drop-shadow(0px 7px 7px #2c2c2c50);}
#EventContainer .bgcolor5 {background: linear-gradient(to right, #a00a0100 0%, #f05b56a6 30%, #ed3d3863 70%, #a00a0100 100%);}
#EventContainer .fcolor1 {color:#670f43;}
#EventContainer .fcolor2 {color:#e9363c;}
#EventContainer img {display: initial;}
#Ask {background: #670f43 !important;}

#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {text-align: center;}
#EventContainer #Master_title {text-align: center;height: auto;background: initial;padding: 0;}
.banner {font-size: 3rem;}
.banner h1{font-size: 5rem;}
.grade_show {font-size: 3.5rem;color: #fff;padding: 0 0 0.5%;filter: drop-shadow(1px 3px 3px #2c070e);}
.grade_show b {font-size: 3.5rem;color: #ffffff;filter: drop-shadow(1px 3px 3px #2c070e95);margin: 0 0.3rem;}
.popular_sub {font-size: 3.7rem;color: #FFF;padding: 0.3% 0;font-family: 'Noto Serif TC', serif;font-weight: normal;text-align: center;}
.popular_sub strong {font-size: 3.7rem;color: #ffe698;padding: 0.3% 0;font-family: 'Noto Serif TC', serif;}
.fline {border-top: solid 1px #d6c189;margin: 1em 1% -2.3em;}
.grade {padding: 1% 0;}
.grade_title {font-family: "Microsoft YaHei";font-size: 1.7em;color: #6a1313;align-items: center;justify-content: center;height: 165px;padding: 3.8rem 0;}
.topsize li {text-align: center;}
.grade li{font-size:2.8em;line-height:1.9em;font-weight: bold;}
.grade dd {font-size:2.4em;line-height:1.9em;}
.ant_grade li {font-size:2.2em;line-height:1.9em;}
.grade dt {font-size: 2.7em;margin: 0.3em 0;padding: 0.3rem;}
.grade dd {color: #670f43;/*filter: drop-shadow(3px 2px 2px #ffffff);*/}
.grade2  {padding: 1rem 0 2.0rem;}
.grade2 dd {font-size: 2.2em;color: #fff;border-bottom: dotted 1px;line-height:1.8em;}
.grade2 dd:last-of-type {border-bottom: 0;}
.ant_grade {margin-top: 2%;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.ant_grade li {width:calc(100%/3);text-align: left;}
.grade2 dd {padding: 0.5rem 1rem;}
.hit {color: #c51c54;font-weight: bold;background: linear-gradient(to right, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);border-radius: 1.5rem;padding: 0.3rem 1.5rem;margin: 0 1.5rem;filter: drop-shadow(1px 0px 7px #85061e);
    font-size: 0.8em;}
.hit2 {color: #c51c54;font-weight: bold;background: linear-gradient(to right, #bfbfbf 5%, #ffffff 42%, #ffffff 65%, #d8d8d8 95%);clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);border-bottom: solid 3px #33333350;}
/*.hit2 {color: #ab0a0a;font-weight: bold;background: linear-gradient(to right,#9e1c04 0%,#be7d25 10%,#fff8d3 47%,#fff8d3 60%,#be7d25 90%,#9e1c04 100%);}*/
.hit3 {color: #da3719;font-weight: bold;background: linear-gradient(to right,#bb290e 0%,#be7d25 10%,#fff8d3 47%,#fff8d3 60%,#be7d25 90%,#bb290e 100%);}
.grade .more,.ant_grade .more {color: #ed9889;text-align: right;margin: 0 2%;}
.note_update,.sub_note_update {margin:1% auto;}
.note_update,.sub_note_update,.succeed {font-size: 1.35em;color: #c51c54;margin: auto 10%;padding: 0.5rem 0;}
.sub_note_update {font-size: 2.2em;font-weight: bold;}
.succeed {border: dotted 2px;width: fit-content;padding: 4px 30px;margin:auto;border-radius: 1em;background-color: white;}
.outLink {width:fit-content;margin:auto;text-align:left;padding: 1rem 0;}
.outLink,.outLink li {text-align:left;}
.outLink li {line-height:2.2em;list-style-type: disc;font-size:1.1em;}
.outLink li a,.outLink li {color:#670f43;font-size: 1.2rem;}
.club dt {width: 100%;}
.club dd {font-size: 2.2em;border-bottom: dotted 1px;}
.experience {position: fixed;right: 0.25rem;bottom: 15%;}
.experience a {background-color: #d34b19;color: white;text-decoration: none;font-weight: bold;text-align: center;}
.topsize{padding: 2% 8% 2%;text-align: left;background: linear-gradient(to right, #a00a0100 0%, #ffffff7d 20%, #ffffff96 80%, #a00a0100 100%);/*background-image: linear-gradient(2deg, #d5d5d5db 5%, #ffffff82 60%);clip-path: polygon(0 0, 100% 0, 98% 50%, 100% 100%, 0 100%, 3% 50%);*/}
.topalign_MB {filter: drop-shadow(0px 0px 10px #ffffff);background: linear-gradient(to right, #a00a0100 0%, #ffffff7d 20%, #ffffff96 80%, #a00a0100 100%);padding-top: 0;}
#EventContainer .target-fix {top: -2rem;}
@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;}
    /*billboard*/
    .ant_grade .text-4xl {font-size: 2.25rem;}
    .ant_grade .text-4xlg {font-size: 2.125rem;}
    .grade_title {margin: auto auto 0rem;}
    #event_sixth nav a {font-size: 19px;}
    #event_sixth h1 {font-size: 33px;}
    #event_sixth h2 {font-size: 25px;}
    #event_sixth h3 {font-size: 21px;}
    
	
    .md\:block {display: block;}
    .md\:w-full {width: 100% !important;}
    #event_master{width: 1200px;margin: auto;padding: 0rem 1rem 1rem;}
    #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;padding: 3rem 1rem 1rem;}
    .experience a {width: 5rem;height: 5rem;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 1.125rem 0;border: 2px solid white;}
}
@media screen and (max-width: 1200px) {
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 2%;}
	#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;}
    #EventContainer h1 {font-size: 2.2em;}
    #EventContainer h2,#EventContainer h2 strong {font-size: 1.8rem;/*padding: 6% 8% 4%;*/}
	.grade_show,.grade_show b {font-size: 1.8rem;} 
	.grade_show {} 
    .grade_show span {display: none;} 
    .fline {margin: auto;display: none;}  
    .outLink li {line-height:1.8em;}
    .grade_title {}
    .grade dd,.ant_grade li {font-size:1.5em;line-height:1.9em;}
    .grade li {font-size:1.5em;line-height:2.2em;}
    .topalign_MB {text-align:center;}   
    .grade_title {font-size: 1.8rem;}
    .grade dt {font-size: 1.4em;line-height: 1.8rem;}
    .grade2 dd {font-size: 1.5em;}
    .experience {position: fixed;right: 0;left: 0;bottom: 0;}
    .experience a {width: 100%;display: block;border-top: 1px solid white;padding: 0.25rem 0;}
    #event_third .topsize {border: solid 8px #e2bb62;border-radius: 2em;padding: 2%;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#EventContainer #Master_title {padding: 3.5rem 0 0;    }
    .club .sm\:w-full {width: auto !important;}    
    .grade .sm\:block, .popular_sub .sm\:block {display: initial;}
    .ant_grade .text-4xlg {font-size: 1.4rem;}
    .home-title .home-subtitle {display: none;}
    #Web_map .home-title h1 {line-height: 3rem;}
}

@media screen and (min-width: 1281px) {
    .grade2 dd {text-indent: -8.5rem;padding-left: 8.5rem;}
}
@media screen and (max-width:767px) and (orientation: portrait) {
	#EventContainer #Master_title {padding: 2.5rem 0 0;}
	.hit {padding: 0.3rem 0.85rem;margin: 0 0.5rem;}
	#EventContainer .bgcolor2 {background: linear-gradient(to right, #ffffff57 0%, #ffffff7d 15%, #ffffff96 85%, #ffffff57 100%);}
    #Header #Web_map {height: 36px;}
    #EventContainer {padding-top: 36px;}
    .grade_title img {width: 75px;}
    .grade_title:after, .grade_title:before {content:none;}
    .grade_title {font-size:1.4em;}
	#EventContainer .bgcolor4 {background: url(../images/1408006/1408006_pri01.png) no-repeat center;background-size: 33%;}
    .grade li {font-size:1.6em;}
    .ant_grade li {width:100%;}
	.grade li, .grade dd{font-size: 1.3em;text-align: center;}
    .ant_grade li {font-size: 1.0em;text-align: left;width: calc(50%);    }
	.grade_title img {margin: auto 0;}
    .grade2 dd {font-size: 1.2em;line-height: 1.7rem;}
	.sub_note_update {font-size: 1.5em;}
    .grade_title b {display: block;}
    #event_third .topsize li {line-height: 2.25rem;padding: 0.5rem 0;}
    .outLink{padding: 1rem 1rem 1rem 2rem;}
}