#EventContainer .bgcolor0 {background: url(../images/1109038/1109038_01.png) no-repeat center top;}
#EventContainer .bgcolor5 {background: linear-gradient(to right,#9f4d13 0%,#be7d25 13%,#fff8d3 47%,#fff8d3 60%,#be7d25 87%,#9f4d13 100%);}
#EventContainer .bgcolor2 {background: linear-gradient(to right,#9e1c04 0%,#da3719 40%,#da3719 60%,#9e1c04 100%);}
#EventContainer .bgcolor3 {background-color: #9e1c04 !important;}
#EventContainer .bgcolor4 {background-color: #9e1c04;}
#EventContainer .fcolor1 {color:#FFF;}
#EventContainer .fcolor2 {color:#e9363c;}
#EventContainer img {display: initial;}
#Ask {background: #6a321a !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;}
#Master_title h1 {font-size: 6rem;font-weight: bold;color: white;}
#Master_title h1+span {font-size: 5rem;color: white;}
#EventContainer h2 {font-size: 3.7rem;color: #FFF;padding: 0.3% 0;font-family: "華康超明體","DFMingXBold-B5","MStiffHeiHK",sans-serif;font-weight: normal;text-align: center;}
.fline {border-top: solid 1px #d6c189;margin: 1em 1% -2.3em;}
.grade {padding: 2% 0;}
.grade_title {font-family: "Microsoft YaHei";font-size: 3.0em;color: #FFF;padding: 0 1%;display: inline-flex;align-items: center;justify-content: center;}
.grade_title b {color:#ffe490;}
.grade li,.grade dd,.ant_grade li {font-size:2.4em;line-height:1.8em;}
.grade dt {font-size: 2.7em;margin: 0.3em 0;}
.grade dd {color: #fff8d3;}
.grade2 dd {font-size: 2.2em;color: #fff8d3;border-bottom: dotted 1px;line-height:1.8em;}
.ant_grade {margin-top: 2%;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.ant_grade li {width:calc(100%/3);}
.hit {color: #ffc651;font-weight: bold;}
.hit2 {color: #ab0a0a;font-weight: bold;background: linear-gradient(to right,#be7d25 0%,#fff8d3 47%,#fff8d3 60%,#be7d25 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: #c92001;margin: auto 10%;padding: 1% 0;}
.sub_note_update {color: #c12c00;font-size: 1.8em;font-weight: bold;}
.succeed {border: dotted 2px;display: block;padding: 4px 30px;margin-bottom: 30px;border-radius: 1em;}
.outLink {display:block;width:1200px;margin:0 auto;}
.outLink,.outLink li {text-align:left;}
.outLink li {margin-left:13%;line-height:2.2em;list-style-type: disc;font-size:1.1em;}
.outLink li a,.outLink li {color:#bb1d00;}
.club dt {width: 100%;}
.club dd {font-size: 2.2em;}
.experience {position: fixed;right: 0.25rem;bottom: 15%;}
.experience a {background-color: #d34b19;color: white;text-decoration: none;font-weight: bold;text-align: center;}
    
@media (min-width: 1201px) {   
    .ant_grade .text-4xl {font-size: 2.25rem;}
    .ant_grade .text-4xlg {font-size: 2.125rem;}
    #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;}
    .topsize {font-size: 1.3em;border: solid 5px #d34b19;border-radius: 2em;}
    .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: 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 (min-width: 768px) and (max-width: 1200px) {
    .club .sm\:w-full {width: auto !important;}    
    .grade .sm\:block {display: initial;}
    .ant_grade .text-4xlg {font-size: 1.4rem;}
}

@media (max-width: 1200px) {
    #EventContainer h1 {font-size: 2.2em;}
    #EventContainer h2 {font-size: 1.8em;/*padding: 6% 8% 4%;*/}
    .fline {margin: auto;}  
    .outLink {width:80%;margin:0 10%;}
    .outLink li {line-height:1.8em;margin: auto 6%;padding: 1.5% 0;}
    .grade li,.grade dd,.ant_grade li {font-size:1.5em;line-height:1.9em;}
    .topalign_MB {text-align:center;}   
    .grade_title {font-size: 2.3rem;}
    .grade dt {font-size: 1.7em;}
    .grade2 dd {font-size: 1.5em;padding: 0 1rem;}
    .experience {position: fixed;right: 0;left: 0;bottom: 0;}
    .experience a {width: 100%;display: block;border-top: 1px solid white;padding: 0.25rem 0;}
}

@media (max-width:767px) {
    .grade_title img {width: 75px;}
    .grade_title:after, .grade_title:before {content:none;}
    .grade_title {font-size:1.8em;padding: 0;}
    .grade li {font-size:1.6em;}
    .ant_grade li {width:100%;}
    .grade_title img {margin: auto 0;}
    .grade_title span {width: calc(100% - 75px);text-align: left;}
    .grade_title span b {display: block;}
    .grade2 dd {font-size: 1.3em;}
}