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;
}

#header {
	background: url(../images/all/bg-header.jpg) no-repeat center 0;
}
#header .wrap {
	margin: 0 auto;
	width: 1020px;
	overflow: hidden;
}
#header .wrap .cis {
	float: left;
}
#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 {
	width: 725px;
	float: right;
	overflow: hidden;
}
#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;
	overflow: hidden;
}
#header .wrap #navWrap #loginBox .login {
	padding: 26px 10px 15px 70px;
	float: left;
	overflow: hidden;
	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: 0 0 0 105px;
	width: 83px;
	height: 26px;
	background: url(../images/all/icon-join.jpg) no-repeat 0 0;
	display: inline-block;
	text-indent: -999999px;
}
#header .wrap #navWrap #loginBox .join {
	float: right;
	overflow: hidden;
}
#header .wrap #navWrap #loginBox .join a {
	margin: 26px 0;
	width: 76px;
	height: 26px;
	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;
}

.subBanner {
	background: url(../images/all/bg-subbanner.jpg) no-repeat center 0;
	overflow: hidden;
}
.subBanner #banner {
	margin: 0 auto;
	width: 960px;
}

.contentWrap {
	background: #020633;
	border-top: 1px #121534 solid;
}
.contentWrap #content {
    display: flex;
	margin: 0 auto;
	padding: 20px 0;
	width: 100%;
	overflow: hidden;
	gap:10px;
}
.contentWrap #content #sidebar {
	margin: 0 0 0 5px;
	width: 25%;
	max-width: 245px;
	float: left;
}
.contentWrap #content #sidebar .nav {
	margin: -20px 0 0;
	padding: 1px;
	width: 243px;
	background: #091554;
	border: 1px #000 solid;
}
.contentWrap #content #sidebar .nav h3 {
	width: 243px;
	height: 93px;
	background: url(../images/all/bg-sidebar.jpg) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
.contentWrap #content #sidebar .nav ul.menu {
	padding: 0 0 35px;
	background: #020633;
}
.contentWrap #content #sidebar .nav ul.menu li {
	font-size: 14px;
}
.contentWrap #content #sidebar .nav ul.menu li a {
	margin: 0 0 0 22px;
	padding: 13px 42px 2px;
	width: 90px;
	height: 29px;
	background: url(../images/all/bg-sidebarNav.jpg) no-repeat 0 0;
	display: block;
	font-weight: bold;
	color: #9EA4CB;
}
.contentWrap #content #sidebar .nav ul.menu li a:hover {
	background-position: 0 -44px;
	color: #fff;
}
.contentWrap #content #sidebar .nav ul.menu li ul.submenu {
	display: none;
}
.contentWrap #content #sidebar .nav ul.menu li ul.submenu li {
	font-size: 14px;
}
.contentWrap #content #sidebar .nav ul.menu li ul.submenu li a {
	margin: 0 0 0 22px;
	padding: 13px 42px 2px;
	width: 90px;
	height: 29px;
	background: url(../images/all/bg-sidebarSubnav.jpg) no-repeat 0 0;
	display: block;
	font-weight: bold;
	color: #6984A0;
}
.contentWrap #content #sidebar .nav ul.menu li ul.submenu li a:hover {
	background-position: 0 -44px;
	color: #eee;
}
.contentWrap #content #contentMain {
	width: 75%;
}
.contentWrap #content #contentMain #watlink {
	text-align: right;
	font-size: 12px;
	color: #9EA4CB;
}
.contentWrap #content #contentMain #watlink a {
	color: #9EA4CB;
}
.contentWrap #content #contentMain #watlink a:hover {
	color: #6984A0;
}
.contentWrap #content #contentMain #artivceTitle {
	margin: 15px 0;
	overflow: hidden;
}
.contentWrap #content #contentMain #artivceTitle h1 {
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
}
.contentWrap #content #contentMain #article {
    margin: 5px 0;
	padding: 0 5px;
	line-height: 170%;
	font-size: 14px;
	color: #ccc;
}
.contentWrap #content #contentMain .date {
	margin: 30px 0 0;
	padding: 10px 0 0;
	width: 730px;
	border-top: 1px #9EA4CB dotted;
	text-align: right;
	font-size: 12px;
	color: #9EA4CB;
}
.contentWrap #content #contentMain .newsDate{
	color: #b2bec3;
	width: auto;
}
.contentWrap #content #contentMain .newsTitle{
	color: #b2bec3;
	position: relative;
	margin-bottom: 15px;
    font-size: 1.8em;

}

.contentWrap #content #contentMain #page {
	margin: 45px 0 0;
	padding: 20px 0 0;
	overflow: hidden;
}
.contentWrap #content #contentMain #pagenav{
	color: #b2bec3;
	padding: 0px 17px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.contentWrap #content #contentMain #pagenav .pgup{

}
.contentWrap #content #contentMain #pagenav .pgdn{
	
}
.contentWrap #content #contentMain #page p.pgup a ,
.contentWrap #content #contentMain #page p.pgdn a {
	display: block;
	float: left;
	font-size: 12px;
}
.contentWrap #content #contentMain #page p.pgdn a {
	float: right;
	text-align: right;
}

.contentWrap #content #contentMain #backlist {
	margin: 40px 0 0;
	text-align: right;
	font-size: 12px;
}

.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;
}
.footerWrap #footer .footerInfo .footerNav {
	width: 524px;
	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;
	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;
}
.floatlayer a {
	width: 151px;
	height: 286px;
	display: inline-block;
}

#kfoLayer1 {
	display: none;
}