body {
	background: url(../images/all/bg-body.jpg) no-repeat center 0 #000325;
	margin:0;
	position: relative;
	color: #707280;
	font-size: 14px;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
	word-break: break-all;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #6984A0;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
.clearBoth {
	clear:both;
	padding:0;
	margin:0;
}

.floatlayer {
	position: absolute;
	top: 30px;
	right: 0;
}
.floatlayer a {
	width: 151px;
	height: 286px;
	display: inline-block;
}
#kfoLayer1 {
	display: none;
}

#header {
	background: url(../images/all/bg-header.jpg) no-repeat center 0;
}
#header .wrap {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#header .wrap .cis {
	display: inline-block;
}
#header .wrap .cis object {
	margin: 7px 0 0;
}
#header .wrap .cis #flash {
	overflow: hidden;
}
#header .wrap .cis #flash h2 {
	width: 295px;
}
#header .wrap .cis #flash h2 a {
	width: 295px;
	height: 145px;
	background: url(http://www.binwang888.com.tw/images/rennibologo.png) no-repeat 50% 50%;
	display: block;
	text-indent: -999999px;
}
#header .wrap #navWrap {
	
	overflow: hidden;
	display: inline-block;
	z-index: 200;
}
#header .wrap #navWrap .functionNav {
	overflow: hidden;
}
#header .wrap #navWrap .functionNav h3 ,
#header .wrap #navWrap #nav h3 {
	display: none;
}
#header .wrap #navWrap .functionNav ul {
	margin: 5px 0 0;
	float: right;
	overflow: hidden;
}
#header .wrap #navWrap .functionNav ul li {
	margin: 0 5px;
	padding: 0 10px 0 0;
	background: url(../images/all/bg-line.jpg) no-repeat right 3px;
	float: left;
	font-size: 12px;
}
#header .wrap #navWrap #loginBox {
	/*width: 725px;*/
	height: 70px;
	overflow: hidden;
}
#header .wrap #navWrap #loginBox .login {
	padding: 20px 0px;
	float: right;
	color: #0C3;
	font-size: 21px;
	font-weight: bold;
}
#header .wrap #navWrap #loginBox .login p {
	margin: 5px 0 0;
	float: left;
}
#header .wrap #navWrap #loginBox .login a {
	
	margin-left: 10px;
	width: 99px;
	height: 27px;
	background: url(../images/all/icon-join.jpg) no-repeat 0 0;
	display: inline-block;
	text-indent: -999999px;
}
#header .wrap #navWrap #loginBox .join {
	float: left;
	overflow: hidden;
}
#header .wrap #navWrap #loginBox .join a {
	margin: 26px 0;
	width: 99px;
	height: 27px;
	background: url(../images/all/icon-login.jpg) no-repeat 0 0;
	display: block;
	float: right;
	text-indent: -999999px;
}
#header .wrap #navWrap #nav {
	/*width: 725px;*/
	height: 45px;
	overflow: hidden;
}
#header .wrap #navWrap #nav ul {
	float: right;
	overflow: hidden;
}
#header .wrap #navWrap #nav ul li {
	float: left;
}
#header .wrap #navWrap #nav ul li.home a ,
#header .wrap #navWrap #nav ul li.home a:hover ,
#header .wrap #navWrap #nav ul li.play a ,
#header .wrap #navWrap #nav ul li.play a:hover ,
#header .wrap #navWrap #nav ul li.game2 a ,
#header .wrap #navWrap #nav ul li.game2 a:hover ,
#header .wrap #navWrap #nav ul li.game3 a ,
#header .wrap #navWrap #nav ul li.game3 a:hover ,
#header .wrap #navWrap #nav ul li.game4 a ,
#header .wrap #navWrap #nav ul li.game4 a:hover ,
#header .wrap #navWrap #nav ul li.mobil a ,
#header .wrap #navWrap #nav ul li.mobil a:hover ,
#header .wrap #navWrap #nav ul li.service a ,
#header .wrap #navWrap #nav ul li.service a:hover {
	width: 85px;
	height: 45px;
	background: url(../images/all/nav.png) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
#header .wrap #navWrap #nav ul li.home a:hover {
	background-position: 0 -45px;
}
#header .wrap #navWrap #nav ul li.play a {
	background-position: -85px 0;
}
#header .wrap #navWrap #nav ul li.play a:hover {
	background-position: -85px -45px;
}
#header .wrap #navWrap #nav ul li.game2 a {
	background-position: -170px 0;
}
#header .wrap #navWrap #nav ul li.game2 a:hover {
	background-position: -170px -45px;
}
#header .wrap #navWrap #nav ul li.game3 a {
	background-position: -255px 0;
}
#header .wrap #navWrap #nav ul li.game3 a:hover {
	background-position: -255px -45px;
}
#header .wrap #navWrap #nav ul li.game4 a {
	background-position: -340px 0;
}
#header .wrap #navWrap #nav ul li.game4 a:hover {
	background-position: -340px -45px;
}
#header .wrap #navWrap #nav ul li.event a ,
#header .wrap #navWrap #nav ul li.event a:hover {
	width: 85px;
	height: 45px;
	background: url(../images/all/nav-events.gif) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
#header .wrap #navWrap #nav ul li.event a:hover {
	background: url(../images/all/nav-events2.gif) no-repeat 0 0;
}
#header .wrap #navWrap #nav ul li.mobil a {
	background-position: -510px 0;
}
#header .wrap #navWrap #nav ul li.mobil a:hover {
	background-position: -510px -45px;
}
#header .wrap #navWrap #nav ul li.service a {
	background-position: -595px 0;
}
#header .wrap #navWrap #nav ul li.service a:hover {
	background-position: -595px -45px;
}

#slider .silderShow .silderImg a{
	display: block;
	
}
#slider .silderShow .silderImg a img{
	max-width: 100%;
}
.newsWrap {
	width: 100%;
	position: absolute;
	z-index: 200;
}
.newsWrap #news {
	box-sizing: border-box;
	margin: 10px auto;
	padding: 9px 5px 5px;
	width: 960px;
	background: #020527;
	border: 1px #282D4D solid;
	opacity: 0.8;
	overflow: hidden;
}
.newsWrap #news h2 {
	margin: 0 10px;
	float: left;
	font-size: 12px;
	color: #8286A6;
}
.newsWrap #news .newsList {
	box-sizing: border-box;
	margin: 0;
	width: 860px !important;
	height: 20px !important;
	position: relative;
}
.newsWrap #news .newsList a.prev-arrow ,
.newsWrap #news .newsList a.next-arrow {
	float: right;
	position: relative;
	z-index: 200;
}
.newsWrap #news .newsList .list {
	height: 20px;
	overflow: hidden;
}
.newsWrap #news .newsList .list ul {
	overflow: hidden;
}
.newsWrap #news .newsList .list ul li {
	margin: 0 0 5px;
	overflow: hidden;
}
.newsWrap #news .newsList .list ul li h3 {
	margin: 0 0 5px;
	float: left;
	font-size: 12px;
}
.newsWrap #news .newsList .list ul li h3 a {
	color: #8286A6;
}
.newsWrap #news .newsList .list ul li h3 a:hover {
	color: #fff;
}
.newsWrap #news .newsList .list ul li img {
	padding: 4px 0 0;
	float: left;
}


.indexBanner {
	width: 100%;
	background: url(../images/index/bg-banner.jpg) no-repeat center bottom;
	overflow: hidden;
}
.indexBanner .banner {
	margin: 45px auto 40px;
	width: 1020px;
}
.indexBanner .banner ul.silderShow {
	height: 230px;
	overflow: hidden;
}
.indexBanner .banner ul.silderShow li {
	float: left;
	overflow: hidden;
}
.indexBanner .banner .silderNav {
	position: absolute;
	z-index: -100;
}

.contentWrap {
	background: url(../images/index/bg-contentWrap.jpg) no-repeat center bottom;
	overflow: hidden;
}
.contentWrap #content {
	margin: 0 auto;
	padding: 15px 0 0;
	width: 1020px;
	background: url(../images/index/bg-content.jpg) no-repeat 0 0;
	overflow: hidden;
}
.contentWrap #content #yPlus {
	margin: 35px 0;
}
.contentWrap #content #yPlus h2 ,
.contentWrap #content #gameBox h2 {
	display: none;
}
.contentWrap #content #yPlus ul {
	overflow: hidden;
}
.contentWrap #content #yPlus ul li {
	margin: 0 25px 0 0;
	width: 234px;
	background: #01061e;
	float: left;
}
.contentWrap #content #yPlus ul li .mov {
	margin: 10px;
}
.contentWrap #content #gameBox {
	overflow: hidden;
}
.contentWrap #content #gameBox ul li p {
	margin: 0 10px;
	color: #50525E;
	line-height: 170%;
}
.contentWrap #content #gameBox ul {
	overflow: hidden;
}
.contentWrap #content #gameBox ul li {
	margin: 0 20px 0 0;
	width: 220px;
	/*background: url(../images/index/bg-game.png) no-repeat 0 43px;*/
	float: left;
}
.contentWrap #content #gameBox ul li a.game01{
	background: url(http://www.binwang888.com.tw/images/livecasino.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a.game01:hover{
	background: url(http://www.binwang888.com.tw/images/livecasino_light.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a.game02{
	background: url(http://www.binwang888.com.tw/images/sport.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a.game02:hover{
	background: url(http://www.binwang888.com.tw/images/sport_light.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a.game03{
	background: url(http://www.binwang888.com.tw/images/slot.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.contentWrap #content #gameBox ul li a.game03:hover{
	background: url(http://www.binwang888.com.tw/images/slot_light.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a.game04{
	background: url(http://www.binwang888.com.tw/images/lottery.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a.game04:hover{
	background: url(http://www.binwang888.com.tw/images/lottery_light.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contentWrap #content #gameBox ul li a{
	display: block;
	
}
.contentWrap #content #gameBox ul li h3.game01 ,
.contentWrap #content #gameBox ul li h3.game02 ,
.contentWrap #content #gameBox ul li h3.game03 ,
.contentWrap #content #gameBox ul li h3.game04 {
	width: 234px;
	height: 43px;
	background: url(../images/index/title-game01.jpg) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
.contentWrap #content #gameBox ul li h3.game02 {
	background: url(../images/index/title-game02.jpg) no-repeat 0 0;
}
.contentWrap #content #gameBox ul li h3.game03 {
	background: url(../images/index/title-game04.jpg) no-repeat 0 0;
}
.contentWrap #content #gameBox ul li h3.game04 {
	background: url(../images/index/title-game03.jpg) no-repeat 0 0;
}
.contentWrap #content #gameBox ul li .gamePhoto {
	margin: 8px 10px;
}
.contentWrap #content #gameBox ul li .gamePhoto a {
	width: 213px;
	height: 110px;
	display: inline-block;
	opacity: 1;
}
.contentWrap #content #gameBox ul li .gamePhoto a:hover {
	opacity: 0.5;
}
.contentWrap #content #gameBox ul li .join ,
.contentWrap #content #gameBox ul li .view {
	overflow: hidden;
}
.contentWrap #content #gameBox ul li .join a ,
.contentWrap #content #gameBox ul li .view a {
	width: 234px;
	height: 34px;
	background: url(../images/index/bg-joingame.png) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
.contentWrap #content #gameBox ul li .view a {
	background: url(../images/index/bg-viewvideo.png) no-repeat 0 0;
}

.footerWrap {
	padding: 23px 0 0;
	height: 114px;
	background: url(../images/all/bg-footerWrap.jpg) no-repeat center 0;
	overflow: hidden;
}
.footerWrap #footer {
	margin: 0 auto;
	width: 1020px;
	height: 85px;
	background: url(../images/all/bg-footer.jpg) no-repeat 0 0;
	overflow: hidden;
	color: #707280;
}
.footerWrap #footer .footerService {
	padding: 15px 6px 0 20px;
	float: left;
}
.footerWrap #footer .footerService ul {
	overflow: hidden;
}
.footerWrap #footer .footerService ul li {
	margin: 0 20px 0 0;
	float: left;
}
.footerWrap #footer .footerInfo {
	padding: 15px 10px 0 0;
	width: 524px;
	float: right;
	overflow: hidden;
}
.footerWrap #footer .footerInfo .footerNav {
	width: 524px;
	float: right;
	overflow: hidden;
}
.footerWrap #footer .footerInfo .footerNav h2 {
	display: none;
}
.footerWrap #footer .footerInfo .footerNav ul {
	float: right;
	overflow: hidden;
}
.footerWrap #footer .footerInfo .footerNav ul li {
	margin: 0 10px 0 0;
	float: left;
	font-size: 12px;
	color: #707280;
}
.footerWrap #footer .footerInfo .footerNav ul li a {
	color: #707280;
}
.footerWrap #footer .footerInfo .footerNav ul li a:hover {
	color: #fff;
}
.footerWrap #footer .footerInfo .copyWrap {
	margin: 5px 0 0;
	width: 524px;
	overflow: hidden;
}
.footerWrap #footer .footerInfo .copyWrap .copy {
	margin: 0 10px 0 0;
	text-align: right;
	font-size: 12px;
	color: #707280;
}
.footerWrap #footer .footerInfo .copyWrap .design {
	margin: 5px 0 0;
	text-align: right;
	font-size: 12px;
	color: #707280;
}
.footerWrap #footer .footerInfo .copyWrap .design p {
	text-align: right;
}
.footerWrap #footer .footerInfo .copyWrap .design a {
	color: #707280;
}
.footerWrap #footer .footerInfo .copyWrap .design a:hover {
	color: #fff;
}

.floatlayer {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 250;
}
.floatlayer a {
	width: 151px;
	height: 286px;
	display: inline-block;
}

@media only screen and (max-width: 480px){
	.newsWrap #news{
		width: 100%;
		box-sizing: border-box;
	}
	.newsWrap #news .newsList{
		width: auto;
	}

}