@charset "utf-8";

/* 首頁設定 */
#wrapper{
	display:block;
	margin:0 auto;
	width:640px;
	min-height:1136px;
	background:url(../images/background.png) center center fixed repeat-y #000;
	overflow:hidden;
	}
	
/* TopBar */
#topbar{
	display:block;
	width:640px;
	height:138px;
	background:url(../images/topbar.png) no-repeat center center;
	text-align:right
	}
#topbar img{
	display:block;
	float:right;
	width:100px;
	height:100px;
	padding-top:35px;
	border:0;
	}
	
/* 翻頁箱 */
.swiper-container{
	padding:0;
	height:370px;
	width:880px;
	}
	
.swiper-slide img{
	position:relative;
	top:165px;
	left:60px;
	}
	
/* 動畫設定 */
.ball-animate{
	animation-name:bounce;
	animation-duration:2.5s;
	animation-iteration-count:1;
	animation-delay:-0.6s;
	-webkit-animation-name:bounce;
	-webkit-animation-duration:2.5s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-delay:-0.6s
	}
.race-animate{
	animation-name:fadeInLeft;
	animation-duration:10s;
	animation-iteration-count: infinite;
	transition-timing-function: ease-in-out;
	-webkit-animation-name:fadeInLeft;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition-timing-function: ease-in-out;
	}
.opacity{
	opacity:0.4;
	}
	
/* 籃球設定 */
#box-basketball{
	display:block;
	width:640px;
	height:400px;
	overflow:hidden;
	background:url(../images/background_basketball.png) no-repeat bottom center;
	margin-bottom:80px;
	margin-top:20px;
	}
.basketball-1{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/basketball_1.png) no-repeat center center ;
	}
.basketball-2{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/basketball_2.png) no-repeat center center ;
	}

/* 棒球設定 */
#box-baseball{
	display:block;
	width:640px;
	height:400px;
	overflow:hidden;
	background:url(../images/background_baseball.png) no-repeat bottom center;
	margin-bottom:80px;
	margin-top:20px;
	}
.baseball-1{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/baseball_1.png) no-repeat center center ;
	}
.baseball-2{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/baseball_2.png) no-repeat center center ;
	}
.baseball-3{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/baseball_3.png) no-repeat center center ;
	}
	
/* 足球設定 */
#box-soccer{
	display:block;
	width:640px;
	height:400px;
	overflow:hidden;
	background:url(../images/background_soccer.png) no-repeat bottom center;
	margin-bottom:80px;
	margin-top:20px;
	}
.soccer-1{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/soccer_1.png) no-repeat center center ;
	}
.soccer-2{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/soccer_2.png) no-repeat center center ;
	}
.soccer-3{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/soccer_3.png) no-repeat center center ;
	}
.soccer-4{
	display:block;
	width:282px;
	height:264px;
	background:url(../images/soccer_4.png) no-repeat center center ;
	}

/* 賽車設定 */	
#box-race{
	display:block;
	width:640px;
	height:400px;
	overflow:hidden;
	background:url(../images/background_race.png) no-repeat bottom center;
	}
.race{
	display:block;
	width:640px;
	height:264px;
	background:url(../images/race_1.png) no-repeat center center ;
	}
.race img{
	position:relative;
	top:150px;
	}