@font-face {
font-family: 'cwTeXFangSong';
font-style: normal;
font-weight: 500;
src: local('cwTeXFangSong'),url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format('woff'),
url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format('truetype');
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Microsoft JhengHei";
background-color:#fff; 
background: linear-gradient(to left ,#e0cfa3 0% ,#ffffff 30%,#ffffff 70% ,#e0cfa2 100% );
}
/* bodyHeader */
#BodyHeader #header-share {
line-height:16px;
font-size:13px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}	
#BodyHeader a {
font-size: 13px;
color: #333333;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-weight: normal;
}
#BodyHeader a:hover {
text-decoration: none;
position: relative;
left: 2px;
top: 2px;
bottom: 2px;
}
#ants_billboard li{
font-size: 38px;
}
/* body */
a:hover {
text-decoration: none;
left: 2px;
top: 2px;
position: relative;
}
#event{
margin: 0 auto;
text-align:center;
width:1200px;
}
.event_ol{
position:relative;
z-index:0;
width:96%;
padding:0 2% 2%;
text-align:left;
float:left;
background:url(../images/0909071_star.png)repeat-y left,url(../images/0909071_star2.png)repeat-y right ,#F44336;
}
.event_box {
    width: 100%;
    font-size: 1.0em;
    line-height: 1.5em;
    /* float: left; */
    color: #FFF;
    margin-top: -10px;
    display: block;
}
.event_box.a{
margin-top:0;
}
.event_box ul{
width:100%;
float:left;
margin-bottom: 0;
padding-left: 0;
}
.event_box li {
width: 50%;
color: #44051a;
font-size: 1.5em;
margin: 0px;
float: left;
text-align: left;
line-height: 1.7em;
}
.event_box2 {
width: 100%;
font-size: 1.0em;
float:left;
color:#FFF;
padding-top: 25px;
}
.event_box2.a{
margin-top:0;
}
.event_box2 ul{
width:100%;
float:left;
margin-bottom: 0;
padding-left: 0;
}
.event_box2 li {
width:calc(100%/2);
color: #fff;
font-size: 2em;
margin: 0px;
float: left;
text-align:center;
line-height: 1.7em;
}
.event_box_best2 {
width: 100%;
float:left;
border-radius:2em;
}
.event_box_best2 ul{
padding-left:0;
}
.event_box_best2 li {
width: 33%;
color:#fff;
font-size: 1.58em;
margin: 0px;
float: left;
text-align: center;
line-height:50px;
}
.enent_page{
margin-bottom:20px; 
}
.event_page ul{
padding:0;
margin: 0 0 0 30px;
}
.event_page li {
    font-size: 1.8em;
    /* text-align: center; */
    margin: 0;
}
.champion {
    margin-top: 30px;
}
.most{
width:100%;
float:left;
text-align: center;
margin:0px 0 20px;
}
.secondary{
}
.secondary ul{
    margin: 0 0 0 71px;
}
/* .most li{
    width: calc(100%/3);
    float: left;
    margin: 0 0 20px;
    font-size: 2.1em;
    color: white;
} */
.most li{
    font-size: 2.5em;
    color: white;
    font-weight: bold;
    /* background-color: #ccc; */
    /* border: 3px #fff dotted; */
    border-radius: 20px;
    border-left: 9px #FFEB3B solid;
    border-right: 9px #f3cd95 solid;
    margin: 12px 38.5px 12px;
    float: left;}
.most50 li{
    width: calc(80%/2);
}
.most70 li {
    width: calc(72%/3);
}
.most strong{
position: relative;
}
/*
.most span{
display: block;
animation-name:aaa;
animation-duration:3s;
animation-timing-function:ease;
animation-iteration-count:infinite; 
}*/
.most span {
    display: block;
    animation-name: aaa;
    /* animation-duration: 3s; */
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
.banner img{
width:100%;
}
@keyframes aaa{
0%{
background-color: #eb1d05;
}
50%{
background-color:#ffb804;
}
100%{
background-color: #eb1d05;
}
}
.most strong:before{
content:'';
width:32px;
height:47px;
background-image:url(../images/1209091-icon-1.png);
left: 3px;
top: 2px;
position: absolute;
z-index: 9;
}
.most strong::before{
    
    position: absolute;
    z-index: 9;
    width: 33px;
    height: 49px;
    content: '';
    background-image: url(../images/1209091-icon-1.png);
}
.most70 strong:before {
    left: 12.5px;
    top: -42px;
}
.most50 strong:before {
    left: 12.5px;
    top: -2px;
}
.secondary li {
    font-size: 2em;
    width: calc(94%/2);
    float: left;
    margin: 0 0 16px 2.5%;
    color: white;
}
.most span, .secondary span {
    color: #fdf795;
    font-weight: bolder;
    padding: 6px 14px 0px 45px;
    border-radius: 61px;
    font-size: 1em;
	line-height: 1.2em;
    display: inline-block;
}
.secondary span {
    padding: 0 23px;
    margin: 0 -20px 0 0;
    position: relative;
}
.secondary span:before{
content:"";
background-image:url(../images/1209091-icon-2.png);
background-repeat: no-repeat;
width: 69px;
height: 64px;
position: absolute;
left: -36px;
}
/*
.ribbon {
left:0;
right:0;
margin:0 auto;
margin-bottom:100px;
width: 50%;
position: absolute;
text-align: center;
font-size: 21px!important;
font-family: 'Helvetica Neue',Helvetica, sans-serif;
}
*/
.ribbon {
    left: 0;
    right: 0;
    margin: 0 auto;
    /* margin-bottom: 100px; */
    width: 50%;
    /* position: absolute; */
    text-align: center;
    font-size: 21px!important;
    font-family: 'Helvetica Neue',Helvetica, sans-serif;
}
.ribbon.a{
width: 80%;
}
.ribbon.b{
width: 100%;
top: -93px;
}
.ribbon.b h1{
padding: 32px 10px 12px;
}

.ribbon h1 {
    font-size: 2.6rem!important;
    color: #fff;
    margin: 0px;
    padding: 12px 10px;
    font-family: "Microsoft YaHei";
    /* border-bottom: solid 2px; */
}
.ribbon h1 .fas{
color: #e5bd83;
animation: flash 3s ease 3s infinite;
}
.ribbon:after {
right: -2em;
border-left-width: 1.5em;
border-right-color: transparent;
-webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
-moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
}

.ribbon .ribbon-content:before {
left: 0;
border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
right: 0;
border-width: 1em 1em 0 0;
}
.ribbon-stitches-top {
margin-top:2px;
border-top: 0px dashed rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
.ribbon-stitches-bottom {
margin-bottom:2px;
border-top: 0px dashed rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}
.bigtitle {
width:100%;
float:left;
font-size:2.6em;
font-weight: bold;
line-height: 60px;
color: #bf130b;
text-align:center;
margin-top: 10px;
font-family: "Microsoft YaHei";
}
.bigtitle.a{
margin-top:40px;
}

.font1 {
    width: 100%;
    float: left;
    font-size: 1.75em;
    /* line-height: 1.5em; */
    padding: 8px 0;
    color: #bf130b;
    text-align: center;
    margin: 25px 0 0;
    background-color: #fedf49;
    background: linear-gradient(to left ,#e0cfa3 0% ,#ffffff 30%,#ffffff 70% ,#e0cfa2 100% );
}
.font1 p{
margin: 0 0 0;
}
.font_big4 {
font-size: 26px;
font-weight: normal;
color: #fff;
line-height: 1.55em;
padding-top: 20px;
padding-bottom: 20px;
}
.list-box{
width:100%;
float:left;
text-align: center;
}
.list-title{
font-size: 1.8em;
text-align: center;
font-weight: bold;
color: #763048;
margin: 40px auto 20px;
padding: 5px 75px;
display: inline-block;
}
a.aa4 {
font-size: 27px;
color: #fad779;
line-height: 1.3em;
}
a.aa4:hover {
text-decoration: underline;
left: 2px;
top: 2px;
position: relative;
}
.event_box_best2 span{
color:#b50e0b; 
}
/* Footer */
#BodyFooter {
clear:both;
text-align:center;
color: #000;
padding-top: 30px
}
#BodyFooter td {
font-size: 12px;
line-height:1.5;
color: #000;
}
#BodyFooter a {
color:#000;
font-size: 12px;
text-decoration: none;
}
#BodyFooter a:hover {
text-decoration: underline;
left: 0px;
top: 0px;
position: relative;
color: #000;
}
#BodyFooter a.home {
color:#000;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
#BodyFooter a.home:hover {
text-decoration:underline;
color: #000;
}
#BodyFooter .foottitle {
font-size: 15px;
font-weight: bold;
color: #FF0000;
border-top:1px #333 dotted;
border-bottom:1px #333 dotted;
}
#BodyFooter .footsub {
font-size:13px;
font-weight:bold;
color: #000;
}
/* sale */
.NewsStyle {font-size: 13px;margin-left: -0.5em;color: #000;text-align: left}
.NewsStyle a:link {font-size: 13px;color: #000}
.NewsStyle a:visited {font-size: 13px;color: #000}
.NewsStyle a:hover {font-size: 13px;color: #000}
.NewsStyle a:active {font-size: 13px;color: #000}
.out1 {border: 8px solid #E6E6E6}
a:hover {
text-decoration: none;
position: relative;
left: 2px;
top: 2px;
bottom: 2px;
}
.t4 {
font-size: 15px;
color: #FFF;
line-height: 1.3em;
}
.a-year {
font-weight: bold;
color: #FFFF99;
font-family: Arial, Helvetica, sans-serif;
}
/* Year */
#year {
font-family: "微軟正黑體";
font-size: 16px;
color: #FFFFFF;
line-height: 1.5em;
padding-bottom: 3px;
}
.t4_1 {
color: #999;
}
#year a.aa{
color: #FFFFFF;
}
.red {
color: #F00;
}
#top100 ul {
list-style-type: none;
}
#top100 li {
font-size:32px;
font-weight: bold;
color: #FFFFFF;
width:41%;
display:block;
float:left;
list-style-type: none;
line-height: 60px;
margin-left: 20px;
margin-right: 10px;
}
#top100 .font_big7_2 {
font-size: 32px;
font-weight: bold;
color: #D6AA50;
line-height: 35px;
}
ul {
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
}
#top50_ul {
list-style-type: none;
}
#top50_li {
font-size:32px;
font-weight: bold;
color: #FFFFFF;
width:19%;
display:block;
float:left;
list-style-type: none;
line-height: 60px;
margin-left: 30px;
}