
a img{ border:0}
a, a:hover{text-decoration:none;}
a{ outline: none; /* for Firefox */
   hlbr:expression(this.onFocus=this.blur()); /* for IE */}
ul{
	margin: 0;
	padding: 0;
}
li{

	list-style: none;
}
body{
	font-family: arial,'Microsoft JhengHei','\5FAE\8EDF\6B63\9ED1\9AD4';
	background:#000 url("http://dl.garenanow.com/lol/loltw/web/wc2015/bg.jpg") 50% 43px no-repeat;
	margin: 0;
	padding: 0;
}
.wrapper{
	width: 100%;
}

.center{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
/*topbtn*/
.top{
	width: 45px;
	height: 57px;
	position: absolute;
	right:-55px;
	top:600px;
	background: url('http://dl.garenanow.com/lol/loltw/web/wc2015/top.png') 0 0 no-repeat;
	cursor: pointer;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	filter: alpha(opacity=0);
	opacity: 0;
}
.top:hover{
	background: url('http://dl.garenanow.com/lol/loltw/web/wc2015/top.png') 0 -57px no-repeat;
}


/*header*/
header{
	width: 100%;
	height: 500px;
}
#countdown{
	position: absolute;
	top:352px;
	left: 380px;
	font-size: 55px;
	color: #fff;
	width: 462px;
	height: 110px;
	padding-top: 9px;
	text-align: center;
	background: url("http://dl.garenanow.com/lol/loltw/web/wc2015/cdbg.png") 0 0 no-repeat;
}
.live_player, .live_playing{
	position: absolute;
	top: 352px;
	left: 552px;
	width: 120px;
	height: 120px;
	background: url("http://dl.garenanow.com/lol/loltw/web/wc2015/live_player.png");
	-webkit-transition: .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
}
.live_player:hover{
	background: url("http://dl.garenanow.com/lol/loltw/web/wc2015/live_player_ov.png");
}
.live_playing{
	background: url("http://dl.garenanow.com/lol/loltw/web/wc2015/live_playing.png");
	-webkit-transition: .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	animation:bbbb 0.5s linear infinite;
	-moz-animation:bbbb 0.5s linear infinite;
	-webkit-animation:bbbb 0.5s linear infinite;
	-o-animation:bbbb 0.5s linear infinite;
}
@keyframes bbbb{
    0% {opacity:1;}
    60%{opacity:0.6;}
    100%{opacity:1;}
  }
 @-webkit-keyframes bbbb{
    0% {opacity:1;}
    60%{opacity:0.6;}
    100%{opacity:1;}
  }
 @-moz-keyframes bbbb{
    0% {opacity:1;}
    60%{opacity:0.6;}
    100%{opacity:1;}
  }
 @-o-keyframes bbbb{
    0% {opacity:1;}
    60%{opacity:0.6;}
    100%{opacity:1;}
 }
.live_playing:hover{
	background: url("http://dl.garenanow.com/lol/loltw/web/wc2015/live_playing_ov.png");
}
/*nav*/
nav{
	width: 100%;
	height: 73px;
	background: url("http://dl.garenanow.com/lol/loltw/web/wc2015/navbg.jpg") 50% 0;
}
.navnav{
	width: 994px;
	position: relative;
	margin: 0 auto;
}
.navnav li{
	width: 142px;
	height: 73px;
	text-align: center;
	float: left;
	line-height: 70px;
	cursor: pointer;
}
.navnav li:hover{
	color:#c99320;
}
.navnav li a{
	color: #ccc;
	width: 142px;
	height: 73px;
	display:block;
}
.navnav li a:hover{
	color:#c99320;
}
.btline{
	width: 142px;
	height: 4px;
	background-color: #c99320;
	top:69px;
	left:-2px;
	position: absolute;
}


/*footer*/
footer{
	width: 100%;
	height: 180px;
	background: url(http://dl.garenanow.com/lol/loltw/web/wc2015/footer.png) 50% 10% no-repeat;
	margin-top: 100px;
}
.garena{
	width: 75px;
	height: 25px;
	position: absolute;
	top:25px;
	left:72px;
}
.garena a{
	width: 75px;
	height: 25px;
	display: block;
}
.fb{
	width: 35px;
	height: 35px;
	position: absolute;
	top:20px;
	right:20px;
}
.fb a{
	width: 35px;
	height: 35px;
	display: block;
}



.plus{
	padding: 0 4px;
	border: 1px solid #fff;
	margin-right: 10px;
}
.more{
	cursor: pointer;
	position:relative;
	margin-top: -20px;
}
.more a{
	color: #fff;
}
.more:hover {
	filter: alpha(opacity=90);
	opacity: 0.9;
}


.clear{
	clear: both;
}
.title{
	padding-left: 15px;
	font-size: 24px;
	color:#fff ;
	height: 32px;
	background:url("http://dl.garenanow.com/lol/loltw/web/wc2015/title_label.jpg") 0 0 no-repeat;
}

/*font-style*/
.fz12{
	font-size: 12px;
}
.fz13{
	font-size: 11px;
}
.fz14{
	font-size: 14px;
}
.fz16{
	font-size: 16px;
}
.fz18{
	font-size: 18px;
}
.fz20{
	font-size: 20px;
}
.fz24{
	font-size: 24px;
}
.fz30{
	font-size: 30px;
}
.fc01{
	color: #ccc;
}
.fc02{
	color:#c99320;
}
.fc03{
	color:#fff;
}
.fc04{
	color:#a0a0a0;
}
.fc05{
	color:#ebd649;
}
.fc06{
	color:#767676;
}
.fc07{
	color:#976d13;
}
.fc08{
	color:;
}
