@charset "UTF-8";

/* ==========================================================================
   Override
   ========================================================================== */
body {
	background-color: #000;
}

/* footer */
#footer {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
}


/* ==========================================================================
   Layout
   ========================================================================== */

/* bb_header */
.bb_header {
	width: 100%;
	height: 637px;
	margin: 0 auto;
	background: #000 url(/pc/html/bbstadiumlive/img/bg-title.jpg?v=20120629) center top no-repeat;
}
.bb_header_inner {
	width: 1200px;
	height: 637px;
	margin: 0 auto;
	position: relative;
}
h1 {
	width: 488px;
	height: 135px;
	position: absolute;
	top: 357px;
	left: 180px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 -390px no-repeat;
}
.bb_header .lead {
	width: 910px;
	height: 170px;
	position: absolute;
	top: 13px;
	left: 126px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 0 no-repeat;
}
.bb_header .flow {
	width: 523px;
	height: 151px;
	position: absolute;
	top: 183px;
	left: 166px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 -627px no-repeat;
}
.download a {
	width: 596px;
	height: 102px;
	display: block;
	margin: 0 auto 31px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 -525px no-repeat;
}
.bb_header .download a {
	margin: 0;
	position: absolute;
	top: 523px;
	left: 136px;
}
.appstore {
	width: 116px;
	height: 40px;
	display: block;
	position: absolute;
	top: 579px;
	left: 752px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) -596px -525px no-repeat;
}
.bb_header h2 {
	width: 305px;
	height: 29px;
	position: absolute;
	top: 144px;
/*  top: 239px; */
	left: 732px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) -488px -390px no-repeat;
}
.player a {
	width: 323px;
	height: 183px;
	position: absolute;
	top: 180px;
/*  top: 275px; */
	left: 724px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) -523px -627px no-repeat;
}
.gameinfo {
	width: 380px;
	height: 99px;
	position: absolute;
	top: 379px;
	left: 679px;
	background: url(/pc/html/bbstadiumlive/img/bn_gameinfo2.png?v=20120715) 0 0 no-repeat;
}
.share {
	width: 172px;
	height: 95px;
	position: absolute;
	top: 527px;
	left: 887px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) -712px -525px no-repeat;
}
.share p {
	height: 35px;
}
.share ul {
	padding: 0 30px 0 32px;
	height: 60px;
}
.share li {
	height: 51px;
}
.tweet-btn {
	float: left;
}
.fb-btn {
	float: right;
}
.tweet-btn a {
	width: 51px;
	height: 51px;
	display: block;
}
.fb-btn a {
	width: 51px;
	height: 51px;
	display: block;
}


/* bb_container */
.bb_container {
	padding: 14px 0 0 0;
	background: url(/pc/html/bbstadiumlive/img/bb_container.gif?v=20120629);
	color: #fff;
}
.bb_container_inner {
	width: 951px;
	margin: 0 auto;
}
/* bb_about */
.bb_about {
	width: 951px;
	height: 116px;
	margin: 0 auto 21px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 -274px no-repeat;
}
.bb_about h2 {
	height: 55px;
}
.bb_about p {
	text-align: center;
	font-size: 1.384em;
	line-height: 1.444;
}
/* bb_chance */
.bb_chance {
	margin: 0 auto 24px;
}
.bb_chance h2 {
	width: 950px;
	height: 52px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 -170px no-repeat;
}
.bb_chance .lead {
	margin: 0 0 14px 0;
	padding: 13px 20px 0;
	font-size: 1.384em;
	line-height: 1.444;
}
.chanceBox {
	width: 855px;
	margin: 0 auto;
}
.chanceBox p {
	width: 224px;
	padding: 0 5px;
	line-height: 1.538;
}
.chanceFlow01 {
	width: 316px;
	float: left;
}
.chanceFlow01 h3 {
	width: 297px;
	height :369px;
	margin: 0 0 16px 0;
	background: url(/pc/html/bbstadiumlive/img/spr-parts02.png?v=20120629) 0 0 no-repeat;
}
.chanceFlow02 {
	width: 315px;
	float: left;
}
.chanceFlow02 h3 {
	width: 297px;
	height :369px;
	margin: 0 0 16px 0;
	background: url(/pc/html/bbstadiumlive/img/spr-parts02.png?v=20120629) -297px 0 no-repeat;
}
.chanceFlow03 {
	width: 224px;
	float: left;
}
.chanceFlow03 h3 {
	width: 224px;
	height :369px;
	margin: 0 0 16px 0;
	background: url(/pc/html/bbstadiumlive/img/spr-parts02.png?v=20120629) -594px 0 no-repeat;
}

/* bb_other */
.bb_other {
	width: 950px;
	margin: 0 auto 34px;
}
.bb_other h2 {
	width: 950px;
	height: 52px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts.png?v=20120629) 0 -222px no-repeat;
}
.bb_other .lead {
	margin: 0 0 23px 0;
	padding: 13px 20px 0;
	font-size: 1.384em;
	line-height: 1.444;
}
.otherBox h3 {
	height: 56px;
}
.otherBox p {
	width: 216px;
	padding: 0 5px;
	line-height: 1.538;
}
.other01 {
	float: left;
	width: 460px;
	height: 323px;
	margin: 0 31px 0 0;
	background: url(/pc/html/bbstadiumlive/img/spr-parts02.png?v=20120629) 0 -369px no-repeat;
}
.other02 {
	float: left;
	width: 458px;
	height: 314px;
	background: url(/pc/html/bbstadiumlive/img/spr-parts02.png?v=20120629) -460px -369px no-repeat;
}

/* bb_notice */
.bb_notice {
	width: 950px;
	margin: 0 auto 12px;
}
.bb_notice h3 {
	margin: 0 0 12px 0;
	font-size: 1.384em;
}
.bb_notice li {
	font-size: 0.923em;
	line-height: 1.5;
}


/* ==========================================================================
   Common Class
   ========================================================================== */
.bb_em {
	color: #fff000;
}



/* ===========================================================================
   ColorBox.js
   ========================================================================== */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(/pc/image/game_intro/12007160/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/pc/image/game_intro/12007160/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}