body {
	margin: 0 auto;
	background: black;
}
#pageTop {
	width: 100%;
	height: 240px;
	background: url(../images/Header-Bg.png)center;
}
#pageTop > #pageTopContain {
	width: 1000px;
	height: 200px;
	margin: 0px auto;
}
#pageTop > #pageTopContain > #pageTopWrap{
	width: 1000px;
	height: 200px;
}
#pageTop > #pageTopContain > #pageTopWrap > #logoLeft{
	float: left;
	width: 245px;
	height: 200px;
}
#pageTop > #pageTopContain > #pageTopWrap > #logoCenter{
	float: left;
	width: 500px;
	height: 200px;
}
#pageTop > #pageTopContain > #pageTopWrap > #logoRight{
	float: left;
	width: 245px;
	height: 200px;
}
#pageTop > #pageTopContain > #pageTopMenu{
	float: left;
	width: 1000px;
	height: 40px;
}
#pageTop > #pageTopContain > #pageTopMenu > #menuWrap a{
	float: left;
	display: inline;
	padding: 7px 43px;
	color: white;
	font-family: kit55p;
	font-size: 25px;
	text-decoration: none
}
#pageTop > #pageTopContain > #pageTopMenu > #menuWrap a:hover{
	color: red;
	transition: 0.5s;	
}
#pageMiddle {
	width: 100%;
	height: auto;
	border-bottom: 1px solid white;
	background: #420202;
}
#pageMiddle > #sliderContainer {
	width: 100%;
	height: 300px;
	padding-top: 5px;
	border-bottom: 1px white solid;
}
#pageMiddle > #sliderContainer > #sliderWrap {
	width: 1000px;
	height: 300px;
	margin: 0 auto;	
}
#Message {
	width: 100%;
	height: 40px;
	margin-top: 5px;
}
#MessageContainer {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: 40px;
	background: blcak;
	border: 1px solid white;
}
#MessageWrap {
	position: absolute;
	width: 850px;
	height: 30px;
	background: #2d1004;
	border-radius: 15px;
	left: 140px;
	top: 5px;
}
#MessageLeft {
	position: absolute;
	color: white;
	font-size: 22px;
	width: 30px;
	height: 50px;
	left: -100px;
}
#MessageRight {
	position: absolute;
	color: white;
	width: 842px;
	right: 4px;
	top: 1px;
	font-family: kit55p;
	font-size: 25px;
}
#CasinoBanner {
	width: 100%;
	height: 250px;
	padding-top: 7px;
}
#CasinoBannerContain {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 250px;
}
#CasinoBannerWrap {
	position: absolute;
	width: 1000px;
	height: 250px;
}
#CasinoLeft {
	position: absolute;
	width: 185px;
	height: 250px;
}

#CasinoBottum {
	position: absolute;
	width: 800px;
	height: 150px;
	left: 200px;
	padding: 3px;
}
#pageMiddle > #middleContainer {
	margin: 0 auto;
	width: 1000px;
	height: 420px;
	background: url(../images/rolettebanner.png)no-repeat;
	border: 1px white solid;
}

#pageMiddle > #middleContainer > #middleContainerWrap {
	margin: 0 auto;
	width: 1000px;
	height: 100px;
}

#pageMiddle > #middleContainer > #middleContainerWrap > #containerWrap {
	position: relative;
	width: 180px;
	height: 80px;
	border: 1px solid white;
	background: url(../images/hover-bg.png)no-repeat;
	transition: 0.5s;
	display: inline-block;
	float: left;
	margin: 9px;
	left: 0px;
}

#pageMiddle > #middleContainer > #middleContainerWrap > #containerWrap:hover {
	background: url(../images/hover-bg1.png)no-repeat;
	transform: scale(1.1);
}

#pageMiddle > #middleContainer > #middleContainerWrap > #containerWrap > #rouletteLogo {
	position: absolute;
	left: 100px;
	top: 5px;
	width: 71px;
	height: 73px;
}

#pageMiddle > #middleContainer > #middleContainerWrap > #containerWrap > #text1 {
	position: absolute;
	font-size: 27px;
	color: white;
	font-family: kit55p;
	left: 20px;
	top: 5px;
	
}

#pageMiddle > #middleContainer > #middleContainerWrap > #containerWrap > #text2 {
	position: absolute;
	font-size: 20px;
	color: white;
	top: 45px;
	left: 20px;
}

#pageMiddle > #middleContainer > #boxAnimation {
	width: 1000px;
	height: 300px;
	overflow: hidden;
}
#pageMiddle > #middleContainer > #boxAnimation > #animationWrap {
	position: relative;
	width: 1000px;
	height: 300px;
	
}

#pageMiddle > #middleContainer > #boxAnimation > #animationWrap > #animationLogo {
	position: absolute;
	left: 407px;
	top: 95px;
}	

#pageMiddle > #middleContainer > #boxAnimation > #animationWrap > #animationbg {
	position: absolute;
	left: 850px;
	top: 1px;
	animation: casinoLogo 8s infinite linear;
}
@keyframes casinoLogo {
	from{
		transform: rotateZ(0deg)
	}
	to{
		transform: rotateZ(360deg)
	}
}
.container {
	width: 100%px;
	height: 900px;
	margin-top: 4px;
}
.container .containerWrap {
	position: relative;
	width: 1000px;
	height: 888px;
	margin: 0 auto;
	border: 1px white solid;
	background: url(../images/casinobgbox.html)no-repeat;	
}

.boxContainer {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: inline-block;
	float: left;
	left: 55px;
	margin: 10px;
	background: url(../images/box-casi-bg-img1.png);
}
#casinoBg {
	position: absolute;
	z-index: 2;
	border: 1px solid #9f8620;
}
	
#casinoLogo {
	position: absolute;
	z-index: 3;
	transition: 0.5s;
}
.boxContainer:hover #casinoLogo {
	transform:scale(0);
}
#casinoBtn1 {
	position: absolute;
	z-index: 2;
	left: 45px;
	top: -47px;
	transition: 0.3s;
}
.boxContainer:hover #casinoBtn1 {
	top: 60px;
}
.boxContainer #casinoBtn1:hover  {
	transform: scale(1.2);
}
#casinoBtn2 {
	position: absolute;
	z-index: 2;
	left: 45px;
	top: 210px;
	transition: 0.3s;
}
.boxContainer:hover #casinoBtn2 {
	top: 100px;
}
.boxContainer #casinoBtn2:hover  {
	transform: scale(1.2);
}
#CasinoBanner1 {
	width: 100%;
	height: 250px;
	padding-top: 7px;
}
#CasinoBannerContain1 {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 250px;
}
#CasinoBannerWrap1 {
	position: absolute;
	width: 1000px;
	height: 250px;
}
#CasinoLeft1 {
	position: absolute;
	width: 185px;
	height: 250px;
}

#CasinoBottum1 {
	position: absolute;
	width: 800px;
	height: 150px;
	left: 200px;
	padding: 3px;
}
#CasinoBanner2 {
	width: 100%;
	height: 160px;
	margin-top: 5px;
}
#CasinoBannerContain2 {
	position: relative;
	width: 1000px;
	height: 160px;
	margin: 0 auto;
}
#CasinoBannerWrap2 {
	position: absolute;
	width: 1000px;
	height: 160px
}
#BoxLeft {
	position: absolute;
	width: 185px;
	height: 160px;
}
#BoxCenter {
	position: absolute;
	width: 800px;
	height: 90px;
	left: 200px;
}
#BoxCenter1 {
	position: absolute;
	width: 800px;
	height: 90px;
	left: 200px;
}






.container6{
	position: relative;
	width: 1000px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	-webkit-box-shadow: 0 7px 14px #000000;
	box-shadow: 0 7px 14px #000000;
}
.container6 .container6-background1{
	position: absolute;
	background-repeat: no-repeat;
	background-position: top center no-repeat;
	background-image: url(../images/bg-sport1.png);
	max-width: 1000px;
	width: 100%;
	height: 1300px;
	box-shadow: 0px 0px 10px #000;
	left: 0%;
	right: 0%;
	top: 5px;
	margin-top: -175px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;








	layer-background-image: bg-sport1
.jpg;
}
.container6 .container6-content1{position:relative;width:1000px;height:130px;margin: auto;margin-top: 180px;}
.container6 .container6-content1 .container6-content1-topic {position: relative;z-index: 1;float: left;}
.container6 .container6-content1 .container6-content1-topic  p{padding: 60px 0px 0px 45px;margin:0px;color: rgb(255,33,42);text-shadow:0px 3px 5px #000;}
.container6 .container6-content1 .container6-content1-ball {position: relative;z-index: 1;float:left;}
.container6 .container6-content1 .container6-content1-ball ul{width: 700px;margin-top: 10px;padding:0px;}
.container6 .container6-content1 .container6-content1-ball li{display:inline;}
.container6 .container6-content1 .container6-content1-ball .container6-content1-ball1 a{background:url(../images/bg-container-6-content1-ball1.html) top center no-repeat;margin-left: -75px;padding: 10px 50px 17px 180px;color:#000000;}
.container6 .container6-content1 .container6-content1-ball .container6-content1-ball1 a:hover{color:#FFFFFF;background:url(../images/bg-container-6-content1-ball1hover.html) top center no-repeat;}
.container6 .container6-content1 .container6-content1-ball .container6-content1-ball1 img{position: relative;top: 39px;right: -50px;}
.container6 .container6-content1 .container6-content1-ball .container6-content1-ball2 a{background:url(../images/bg-container-6-content1-ball1.html) top center no-repeat;margin-left: -75px;padding: 10px 50px 17px 180px;color:#000000;}
.container6 .container6-content1 .container6-content1-ball .container6-content1-ball2 a:hover{color:#FFFFFF;background:url(../images/bg-container-6-content1-ball1hover.html) top center no-repeat;}
.container6 .container6-content1 .container6-content1-ball .container6-content1-ball2 img{position: relative;top: 39px;right: -90px;}

.container6 .container6-content2{width:960px;height:975px;margin: auto; }
ul.container6-content2-nav {
	position: relative;
	display: block;
	float: left;
	padding-left: 0px;
	right: 16px;
	margin-top: -11px;
	left: -20px;
	top: 21px;
}
ul.container6-content2-nav .subs {display:none;float:left;left:0;position:absolute;top: 380px;width: 298px;color:#FFFFFF;}
ul.container6-content2-nav .subs .col .col-link1{padding-left:20px;text-decoration: none;color: #FFFFFF}
ul.container6-content2-nav .subs .col .col-link2{
	background: url(../images/bg-col-link-hover.html);
	padding: 8px 22px;
	margin: -12px 25px 0px 0px;
	float: right;
	text-decoration: none;
	color: #0bf231;
	text-shadow: 0px 0px 4px;
	box-shadow: 0px 0px 10px #000000;
}
ul.container6-content2-nav li:hover>* {display:block;}
ul.container6-content2-nav li:hover {position: relative;z-index: 10;}
ul.container6-content2-nav li {display:block;float:left;width:275px;height:427px;}
ul.container6-content2-nav a:active,ul.container5-content2-nav a:focus {outline-style:none;}
ul.container6-content2-nav a {cursor:pointer;/*display:block;text-align:left;text-decoration:none;vertical-align:middle;*/}
ul.container6-content2-nav ul li {float:none;height: 15px;}
ul.container6-content2-nav ul a {color:#FFF;font-size:11px;}
ul.container6-content2-nav ul li:hover>a {color:#444;font-size:11px;text-decoration:none;}
ul.container6-content2-nav > .container6-content2-link1 {
	margin-right: 45px;
	margin-left: 5px;
	margin-top: 5px;
}
ul.container6-content2-nav > .container6-content2-link1{border-style:solid;border-width:1px;border-color:transparent;height:417px;width: 300px;line-height:20px;}
ul.container6-content2-nav > .container6-content2-link1:hover{
	border: 1px solid #F7C568;
	background: url(../images/bg-container-6-content2-hover.html);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.container6-content2-nav > .container6-content2-link1 p{
	position: relative;
	bottom: 14px;
	left: 20px;
	height: 92px;
	width: 260px;
	color: #FFFFFF;
	font-family: "kit55p";
	font-style: normal;
}
ul.container6-content2-nav > .container6-content2-link2{

	border-style:solid;border-width:1px;
	border-color:transparent;height:417px;
	width: 300px;line-height:20px;
	margin-top: 5px;
}
ul.container6-content2-nav > .container6-content2-link2:hover{
	border: 1px solid #F7C568;
	background: url(../images/bg-container-6-content2-hover.html);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.container6-content2-nav > .container6-content2-link2 p{
	position: relative;
	bottom: 14px;
	left: 20px;
	height: 92px;
	width: 260px;
	color: #FFFFFF;
	font-family: "kit55p";
	font-style: normal;
}
ul.container6-content2-nav > .container6-content2-link3 {position:relative;left:45px;}
ul.container6-content2-nav > .container6-content2-link3 {border-style:solid;border-width:1px;border-color:transparent;height:417px;width: 295px;line-height:20px;margin-top: 5px;}
ul.container6-content2-nav > .container6-content2-link3:hover{
	border: 1px solid #F7C568;
	background: url(../images/bg-container-6-content2-hover.html);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.container6-content2-nav > .container6-content2-link3 p{
	position: relative;
	bottom: 14px;
	left: 20px;
	height: 92px;
	width: 260px;
	color: #FFFFFF;
	font-family: "kit55p";
	font-style: normal;
}
ul.container6-content2-nav > .container6-content2-link4 {margin-right: 45px;}
ul.container6-content2-nav > .container6-content2-link4{border-style:solid;border-width:1px;border-color:transparent;height:417px;width: 300px;line-height:20px;margin-left: 5px;}
ul.container6-content2-nav > .container6-content2-link4:hover{
	border: 1px solid #F7C568;
	background: url(../images/bg-container-6-content2-hover.html);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.container6-content2-nav > .container6-content2-link4 p{
	position: relative;
	bottom: 14px;
	left: 20px;
	height: 92px;
	width: 260px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-family: "kit55p";
}
ul.container6-content2-nav > .container6-content2-link5{border-style:solid;border-width:1px;border-color:transparent;height:417px;width: 300px;line-height:20px;}
ul.container6-content2-nav > .container6-content2-link5:hover{
	border: 1px solid #F7C568;
	background: url(../images/bg-container-6-content2-hover.html);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.container6-content2-nav > .container6-content2-link5 p{
	position: relative;
	bottom: 14px;
	left: 20px;
	height: 92px;
	width: 260px;
	color: #FFFFFF;
	font-family: "kit55p";
	font-style: normal;
}
ul.container6-content2-nav > .container6-content2-link6 {position:relative;left:45px;}
ul.container6-content2-nav > .container6-content2-link6 {border-style:solid;border-width:1px;border-color:transparent;height:417px;width: 295px;line-height:20px;}
ul.container6-content2-nav > .container6-content2-link6:hover{
	border: 1px solid #F7C568;
	background: url(../images/bg-container-6-content2-hover.html);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.container6-content2-nav > .container6-content2-link6 p{
	position: relative;
	bottom: 14px;
	left: 20px;
	height: 92px;
	width: 260px;
	color: #FFFFFF;
	font-family: "kit55p";
	font-style: normal;
}
.container6 .container6-content2-pic{
	position: relative;
	z-index: 1;
	bottom: 8px;
	margin-top: 22px;
	width: 966px;
	height: 110px;
	float: left;
	
}
.box-ball-btn{
	width: 589px;
	margin-top: 44px;
	margin-left: 0;
	height: 70px;
	float: right;
}
.box-ball-btn .btn1{width:280px;height:57px;position:relative;float:left;margin-top:10px;color:#000;line-height: 55px;}
.box-ball-btn .btn2{float:right;}
.box-ball-btn .text{position:relative;z-index:100;float:right;margin-right:60px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
color: white;		
}
.box-ball-btn .btn1 .bg1{width:280px;height:57px;position:absolute;top:0;left:0;z-index:10;background:url(../images/bg-btnball.jpg) no-repeat;opacity:1;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
.box-ball-btn .btn1 .bg2{width:280px;height:57px;position:absolute;top:0;left:0;z-index:9;background:url(../images/bg-btnball2.jpg) no-repeat;}
.box-ball-btn .btn1 .img-ball1{position:absolute;z-index:1000;left: 48px;top: -4px;}
.box-ball-btn .btn1 .img-ball2{position:absolute;z-index:500;left: 21px;top: -12px;}
.box-ball-btn .btn1 .bg-img-ball1{position:absolute;z-index:11;left: 23px;top: 7px;}
.box-ball-btn .btn1 .bg-img-ball2{position:absolute;z-index:11;left: -1px;top: -4px;}
.box-ball-btn .btn1:hover .bg1{opacity:0;}
.box-ball-btn .btn1:hover .text{color:#fff;}
.box-ball-btn .btn1:hover .img-ball1{
-webkit-animation: hover-ball 0.7s;		
-moz-animation: hover-ball 0.7s;		
-o-animation: hover-ball 0.7s;						
animation: hover-ball 0.7s;
}
.box-ball-btn .btn1:hover .img-ball2{
-webkit-animation: hover-ball2 0.7s;		
-moz-animation: hover-ball2 0.7s;		
-o-animation: hover-ball2 0.7s;						
animation: hover-ball2 0.7s;
}			
@-webkit-keyframes hover-ball
{
0%{top:-4px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
25%{top:-100px;}
50%{top:-4px;}
75%{top:-60px;}
100%{top:-4px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}			
@-webkit-keyframes hover-ball2
{
15%{top:-12px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
50%{top:-70px;}		
85%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
100%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}	
@-moz-keyframes hover-ball
{
0%{top:-4px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
25%{top:-100px;}
50%{top:-4px;}
75%{top:-60px;}
100%{top:-4px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}			
@-moz-keyframes hover-ball2
{
15%{top:-12px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
50%{top:-70px;}		
85%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
100%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}	
@-o-keyframes hover-ball
{
0%{top:-4px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
25%{top:-100px;}
50%{top:-4px;}
75%{top:-60px;}
100%{top:-4px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}			
@-o-keyframes hover-ball2
{
15%{top:-12px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
50%{top:-70px;}		
85%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
100%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}	
keyframes hover-ball
{
0%{top:-4px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
25%{top:-100px;}
50%{top:-4px;}
75%{top:-60px;}
100%{top:-4px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}			
keyframes hover-ball2
{
15%{top:-12px;-webkit-transform: rotateZ( 0deg );-moz-transform: rotateZ( 0deg );-o-transform: rotateZ( 0deg );transform: rotateZ( 0deg );}
50%{top:-70px;}		
85%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
100%{top:-12px;-webkit-transform: rotateZ( 360deg );-moz-transform: rotateZ( 360deg );-o-transform: rotateZ( 360deg );transform: rotateZ( 360deg );}
}
#pagebottom {
	width: 100%;
	height: auto;
	background: #180502;
}
#footerContai {
	position: relative;
	width: 1000px;
	height: 580px;
	margin: 0px auto;
	background: #180502;
}
#footerWrap {
	position: absolute;
	width: 1000px;
	height: 441px;
	background: #370700;
}
#SportBox1 {
	width: 100%;
	height: 160px;
	margin-top: 10px;
}
#SportContainer1 {
	position: relative;
	width: 1000px;
	height: 160px;
	margin: 0 auto;
}
#SportBoxWrap1 {
	position: absolute;
	width: 1000px;
	height: 200px;
}
#SportLeft1 {
	position: absolute;
	width: 185px;
	height: 160px;
}
#SportCenter1 {
	position: absolute;
	width: 800px;
	height: 160px;
	left: 200px;

}
#SportBox2 {
	width: 100%;
	height: 450px;
	margin-top: 10px;
}
#SportContainer2 {
	position: relative;
	width: 1000px;
	height: 450px;
	margin: 0 auto;
}
#SportBoxWrap2 {
	position: absolute;
	width: 1000px;
	height: 450px;
}
#SportLeft2 {
	position: absolute;
	width: 185px;
	height: 450px;
}
#SportCenter2 {
	position: absolute;
	width: 800px;
	height: 450px;
	border: 1px solid white;
	left: 200px;
}

#sportBoxContain {
	width: 800px;
	height: 410px;
}

#sportBox {
	width: 800px;
	height:410px;
	margin:0 auto;
	background: url(../images/sport-bg-staduem.html); 
}

#sportBoxWrap {
	position: relative;
	width: 250px;
	height: 140px;	
	overflow: hidden;
	display: inline;
	float: left;
	margin:7px;
	
	
}

#boxSportBg {
	position: absolute;
	width: 275px;
	height: 165px;
}

#boxsport1 {
	position: absolute;
	width: 275px;
	height: 165px;
	top: -10px;
	left: -10px;
	transition: 0.5s;
}

#sportBoxWrap:hover > #boxsport1 {
	left: -250px;
}

#boxsport2 {
	position: absolute;
	width: 115px;
	height: 46px;
	left: 68px;
	top: -55px;
	transition: 0.5s;
}
#sportBoxWrap:hover > #boxsport2 {
	top: 48px;
}
#BannerSport {
	position: absolute;
	width: 800px;
	height: 120px;
	left: 200px;
	top: 320px;
}
#barRight {
	position:absolute;
	height:450px;
	width:167px;
	z-index:100;
	top:50px;
	right: 20px;
}
.fixImage {
	position:fixed;
	z-index:100;
}
#servicebg {
	width: 100%;
	height: 800px;
	margin-top: 5px;
}
#serviceWrap {
	width: 1000px;
	height: 800px;
	margin: 0px auto;
}
#serviceWrap1 {
	position: relative;
	width: 1000px;
	height: 1250px;
	margin: 0 auto;
	border: 1px white solid;
}

#promotiontext {
	position: absolute;
	width: 1000px;
	height: 800px;
}

#text1 {
	position: absolute;
	color: #f8c939;
	left: 20px;
	top: 20px;
	font-size: 45px;
	font-family: kit55p;
}

#text2 {
	position: absolute;
	color: white;
	left: 20px;
	top: 60px;
	font-size: 24px;
	font-family: kit55p;
}

#text3 {
	position: absolute;
	color: #f8c939;
	left: 20px;
	top: 150px;
	font-size: 45px;
	font-family: kit55p;
}

#text5 {
	position: absolute;
	color: white;
	left: 20px;
	top: 200px;
	font-size: 24px;
	font-family: kit55p;
}

#text6 {
	position: absolute;
	color: #f8c939;
	left: 20px;
	top: 470px;
	font-size: 45px;
	font-family: kit55p;
}

#text7 {
	position: absolute;
	color: white;
	left: 20px;
	top: 530px;
	font-size: 24px;
	font-family: kit55p;
}

#text8 {
	position: absolute;
	color: #f8c939;
	left: 20px;
	top: 780px;
	font-size: 45px;
	font-family: kit55p;
}

#text9 {
	position: absolute;
	color: white;
	left: 20px;
	top: 800px;
	font-size: 24px;
	font-family: kit55p;
}
#text10 {
	position: absolute;
	color: #f8c939;
	left: 20px;
	top: 1000px;
	font-size: 45px;
	font-family: kit55p;
}
#text11 {
	position: absolute;
	color: white;
	left: 20px;
	top: 1050px;
	font-size: 24px;
	font-family: kit55p;
}
#text12 {
	position: absolute;
	color: #f8c939;
	left: 20px;
	top: 1100px;
	font-size: 45px;
	font-family: kit55p;
}
#text13 {
	position: absolute;
	color: white;
	left: 20px;
	top: 1150px;
	font-size: 24px;
	font-family: kit55p;
}
#warning {
	width: 100%;
	height: 371px;
}
#warningWrap {
	width: 1000px;
	height: 371px
	padding-top: 20px;
	margin: 0 auto;
}
#bankContain {
	width: 100%;
	height: 103px;
}
#bankWrap {
	position: relative;
	width: 1000px;
	height: 103px;
}
#bankAllWrap {
	position: absolute;
	width: 1000px;
	height: 103px;
}
#bank1 {
	position: absolute;
	width: 56px;
	height: 103px;
	top: -236px;
	left: 18px;
	transition: 0.5s;
}
#bank1:hover {
	transform: scale(1.2);
}
#bank2 {
	position: absolute;
	width: 56px;
	height: 103px;
	top: -236px;
	left: 83px;
	transition: 0.5s;
}
#bank2:hover {
	transform: scale(1.2);
}
#bank3 {
	position: absolute;
	width: 56px;
	height: 103px;
	top: -236px;
	left: 145px;
	transition: 0.5s;
}
#bank3:hover {
	transform: scale(1.2);
}
#bank4 {
	position: absolute;
	width: 56px;
	height: 103px;
	top: -236px;
	left: 208px;
	transition: 0.5s;
}
#bank4:hover {
	transform: scale(1.2);
}
#bank5 {
	position: absolute;
	width: 56px;
	height: 103px;
	top: -236px;
	left: 269px;
	transition: 0.5s;
}
#bank5:hover {
	transform: scale(1.2);
}

#bankContain1 {
	width: 100%;
	height: 52px;
}
#bankWrap1 {
	position: relative;
	width: 1000px;
	height: 52px;
}
#bankAllWrap1 {
	position: absolute;
	width: 1000px;
	height: 52px;
}
#bank6 {
	position: absolute;
	width: 42px;
	height: 41px;
	top: -1200px;
	left: 5px;
	transition: 0.5s;
}
#bank6:hover {
	transform: scale(1.2);
}
#bank7 {
	position: absolute;
	width: 42px;
	height: 41px;
	top: -1200px;
	left: 55px;
	transition: 0.5s;
}
#bank7:hover {
	transform: scale(1.2);
}
#bank8 {
	position: absolute;
	width: 42px;
	height: 41px;
	top: -1200px;
	left: 102px;
	transition: 0.5s;
}
#bank8:hover {
	transform: scale(1.2);
}
#bank9 {
	position: absolute;
	width: 42px;
	height: 41px;
	top: -1200px;
	left: 150px;
	transition: 0.5s;
}
#bank9:hover {
	transform: scale(1.2);
}
#bank10 {
	position: absolute;
	width: 42px;
	height: 41px;
	top: -1200px;
	left: 197px;
	transition: 0.5s;
}
#bank10:hover {
	transform: scale(1.2);
}

#contactContainer {
	width: 1000px;
	height: 250px;
	margin: 0 auto;
	border: white 1px solid;
}
#contactContainer > #contactWrap {
	width: 1000px;
	height: 250px;
}
#contactContainer > #contactWrap > #banner1{
	color: #f8df0e;
	font-size: 40px;
	font-family: kit55p;
	padding-left: 20px;
}
#contactContainer > #contactWrap > #banner2{
	color: white;
	font-size: 30px;
	font-family: kit55p;
	padding-left: 20px;
}
#contactContainer > #contactWrap > #banner3{
	color: #f8df0e;
	font-size: 40px;
	font-family: kit55p;
	padding-left: 20px;
}
#contactContainer > #contactWrap > #banner4{
	color: white;
	font-size: 30px;
	font-family: kit55p;
	padding-left: 20px;
}
#contactContainer > #contactWrap > #banner5{
	color: white;
	font-size: 30px;
	font-family: kit55p;
	padding-left: 20px;
}
#contactContainer > #contactWrap > #banner6{
	color: #f8df0e;
	font-size: 40px;
	font-family: kit55p;
	padding-left: 500px;
	margin-top: -120px;
}
#contactContainer > #contactWrap > #banner7{
	color: white;
	font-size: 30px;
	font-family: kit55p;
	padding-left: 500px;
}
#contactContainer > #contactWrap > #banner8{
	color: white;
	font-size: 30px;
	font-family: kit55p;
	padding-left: 500px;
}
#newstyle {
	width: 100%;
	height: auto;
}
#newstyleWrap {
	position: absolute;
	width: 45px;
	height: 15px;
	top: 215px;
	left: 957px;
}
#new1 {
	position: absolute;
	width: 40px;
	height: 15px;
}
.pointer {
	cursor: pointer;
}