﻿#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: #ad2121;}
#EventContainer .bgcolor2 {background:url(../images/1202017/1202017_cloudbg.png)no-repeat center bottom fixed ,linear-gradient(to right, #e70903 10%,#601e60 100%);}
#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 li {margin: 0 0 22px;}
.top-list li:nth-child(even) {background-color: rgb(225 104 51 / 66%);}
.top-list li:nth-child(odd) {background-color: rgb(201 32 90 / 66%);}
.total li {background-color: initial !important;}
.total li:not(:last-child) {border-bottom: dotted 3px #be9654;}
.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 img {position: absolute;top: -4%;left: 3%;}
.top-list_h {color: #eccc68;display: block;font-size: 3.5rem;border-bottom: dotted;}
.imp_txtHit {color: #eccc68;display: block;font-size: 2.5rem;font-weight: bold;}
.total li {width: calc(100%/2);color: white;text-align: left;}
.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 #eccc68;}
.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;margin: auto 10%;padding: 0.5% 0;}
.sub_note_update {font-size: 2.2em;font-weight: bold;}
.succeed {border: dotted 2px;display: block;padding: 4px 30px;margin-bottom: 30px;border-radius: 1em;background-color: white;}

#back-top {bottom: 10% !important;}
#back-top a {color: #eccc68 !important;}
#Ask {background-color: #BA0204 !important;}

@media screen and (min-width: 1201px) {	
	#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) {
	.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;}
}

@media screen and (max-width:767px) { 
	#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;background-size: 100% 55%;margin: 0;padding: 0;height: 100px;line-height: 100px;}
    .top-list li {margin: 0 0 12px;font-size: 1.2rem;}
    .imp_txtHit {font-size:1.35rem;}   
	.top-list img {width: 12%;}
	.billboard_link {padding: 0.25rem;}	
	.billboard_link li {font-size: 1rem;}
}

@media screen and (max-width:360px) { 
	.s360\:hidden {display: none;}
}