#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;background:url(../../local/images/1202017/1202017_cloudbg.png)no-repeat center bottom fixed ,linear-gradient(to right,#9e1c04 0%,#da3719 40%,#da3719 60%,#9e1c04 100%);*/background:url(../images/1509030/1509030_bg.png)repeat-y center top fixed ,linear-gradient(to right,#9e1c04 0%,#da3719 40%,#da3719 60%,#9e1c04 100%)}
#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, transparent, #d8c098, white, #b99c6b, transparent);}
#EventContainer .bgcolor3{background-color:#ad0f04 !important;}
#EventContainer .bgcolor5{background:linear-gradient(to right, #a00a0100 0%, #b51611ad 30%, #a1130f63 70%, #a00a0100 100%);}
#EventContainer .fcolor1{color:#da3719;}
#EventContainer .fcolor2{color:#e9363c;}
#EventContainer img{display:initial;}
#Ask{background:#be2c11 !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:4rem;}
.banner h1{font-size:7rem;}
.grade_show{font-size:4.0rem;color:#fff;padding:0 0 0.5%;font-family: 'Noto Serif TC', serif;font-weight: 900;text-shadow: 4px 4px 4px #720000;}
.grade_show b{font-size:4.5rem;color:#e1c7a0;text-shadow: 4px 2px 3px #4c0101;margin:0 0.3rem;}
.hot{font-size: 3rem;color: #00628e;padding: 0 .5rem 0 1.2rem;text-shadow: none;clip-path: polygon(8% 0%, 92% 0%, 100% 10%, 100% 85%, 92% 100%, 8% 100%, 0% 85%, 0% 15%);background-color: #f3e8da;margin-right: 0.7rem;border: solid 4px #b99c6b;font-style: italic;position: relative;}
.hot::before{position: absolute;content: "✦";font-size: 2.0rem;color: #ddad5c;top: -0.7rem;left: 5px;animation: myfirst 0.8s infinite alternate ease-in-out;}
@keyframes myfirst
{
    from {opacity: 1;}
    15% {opacity: 0;}
    25% {opacity: 1;}
    100% {opacity: 1;}
}
.grade_show.f1{color:#c02714;text-shadow: 4px 4px 4px #ffffff;}
.grade_show.f1 b{color:#aa1300;text-shadow: 4px 4px 4px #ffffff;}

.popular_sub{font-size:3.5rem;color:#C3303A;text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;padding:.3% 0;font-family:'Noto Serif TC',serif;font-weight:normal;text-align:center;}
.popular_sub strong{font-size:3.5rem;position:relative;background:linear-gradient(to bottom,#DD4B82 25%,#90257D);-webkit-background-clip:text;color:transparent;font-weight:bold;text-shadow:initial;z-index:1;padding:.3% 0;font-family:'Noto Serif TC',serif;}
.popular_sub strong::after{content:attr(data-text);position:absolute;left:0;top:4px;z-index:-1;-webkit-text-stroke:3px #ffffff}
.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;border-bottom: dotted 3px #b99c6b;}
.grade li:nth-last-child(1){border-bottom: dotted 0px #b99c6b;}
.grade dd{font-size:2.4em;line-height:1.9em;margin-bottom: 2.0rem;color:#f1dfa4;/*filter:drop-shadow(3px 2px 2px #ffffff);*/}
.ant_grade li{font-size:2.2em;line-height:1.9em;color: #da3719;}
.grade dt{font-size:2.7em;margin:0.3em 0;padding:0.3rem;}
.grade dt strong{color: #8f1802;font-weight: 600;}
.grade2 {padding:1rem 0 2.0rem;}
.grade2 dd{font-size:2.2em;color:#fff;border-bottom:dotted 1px;line-height:1.8em;}
.grade2 dd strong{color: #f1dfa4;border-bottom: dotted 0px;border-right: solid 4px;padding-right: 0.8rem;}
.grade2 dd:last-of-type{border-bottom:0;}
.ant_grade{margin: 2% 0 3%;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:#b20005;font-weight:bold;background:linear-gradient(to right, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);border-radius:2.5rem;padding:0.3rem 1.5rem 0.3rem 3.5rem;margin:0 1.5rem;box-shadow: 2px 3px 2px #b09973;font-size:0.8em;position:relative;font-style: italic;}
.hit::before{margin: 0 0rem;position: absolute;left: 5px;top: 0px;content: '';;
    width: 50px;
    height: 66px;
    background: url(../images/1509030/1509030_pri.png) no-repeat 100% 100%;}
.hit2{font-weight: bold;font-size: 2.5rem;color: #be2c11;padding: 0.2rem .5rem;text-shadow: none;margin-right: 0.7rem;border-bottom: solid 5px #881601;border-radius: 1rem;background: linear-gradient(to right, #cdb265 0%, #fefefe 50%, #f1dea1 100%);}
/*.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:#da3719;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:#be2c11;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: 1.5% 4%;text-align: left;background: linear-gradient(to right, #c5ab83 0%, #fefefe 50%, #f3e8da 100%);border-radius: 2.0rem;border-left: solid 8px #9c7b45;box-shadow: 4px 5px 9px #720000;margin-bottom: 1rem;}
.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,#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width:1200px;margin:auto;padding:2rem 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.6rem;} 
	.grade_show{} 
    .grade_show span{} 
    .fline{margin:auto;display:none;}  
    .outLink li{line-height:1.8em;}
    .grade_title{}
    .grade dd,.ant_grade li{font-size:1.3em;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;}
    .grade dt span{display: block;}
		#EventContainer .bgcolor2{background:linear-gradient(to right, #d8c098, white, #b99c6b);}
	.sub_note_update {font-size: 1.5em;}
	.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%;}
	.hot::before {font-size: 1rem;top: -0.2rem;}
	.hot {font-size: 1.2rem;border: solid 3px #b99c6b;}
	.succeed,.outLink li a, .outLink li {font-size: 1.0rem;}
}
@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;}
	.hit::before {background: url(../images/1509030/1509030_pri.png) no-repeat 80% 8%;background-size: 60%;}


}

@media screen and (min-width:1281px){
    .grade2 dd{text-indent:-9.5rem;padding-left:9.5rem;}
}
@media screen and (max-width:767px){.popular_sub strong::after{top: 0;}}
@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, #d8c098, white, #b99c6b);}
    #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;height:auto;width:6rem;margin:auto 0.5rem auto 0;padding:3rem 0;}
	#EventContainer .bgcolor4{background:url(../images/1408006/1408006_pri01.png) no-repeat center;background-size:6rem;}
    .four-w{padding:3rem 1.5rem;line-height:1.5rem;}
    .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;}
    .sole{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
    .grade_show b{}
	.hit::before {left: -5px;top: -25px;width: 50px;height: 54px;background: url(../images/1509030/1509030_pri.png) no-repeat 0% 100%;background-size: 35%;}
	.hot {font-size: 1.2rem;border: solid 3px #b99c6b;}
	.hot::before {font-size: 1rem;top: -0.2rem;}
    .hot::after{content:'\A';white-space:pre-wrap}
	.succeed ,.outLink li a, .outLink li{font-size: 1.0em;}    
}