*{
	margin:0px;
	padding: 0px;
}
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;
}

/*sitemap*/
.sitemap h2 {
	font-size: 28px;
}

.sitemap h2 a{
	position: relative;
	color: #d4d4d4;
}
.sitemap h2 a::after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: -10px;
	width: 150px;
	border-bottom: 2px solid #d4d4d4;
}
.sitemap .wrap ul{
	padding: 25px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sitemap .wrap ul li{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding: 10px;
	width: 30%;
}
.sitemap .wrap ul li a{
	color: #d4d4d4;
}
/**/


.clearBoth {
	clear:both;
	padding:0;
	margin:0;
}

#event {
	position: relative;
}

#header {
	background: url(../images/all/bg-header.jpg) no-repeat center 0;
}
#header .wrap {
	margin: 0 auto;
	width: 960px;
	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: 660px;
	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: 300px;
	float: right;
	overflow: hidden;
}
#header .wrap #navWrap #loginBox .login {
	padding: 20px 0px;
	float: right;
	overflow: hidden;
	color: #0C3;
	font-size: 21px;
	font-weight: bold;
}
#header .wrap #navWrap #loginBox .login p {
	margin: 5px 0 0;
	width: 380px \9;
	height: 15px \9;
	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: 680px;
	float: right;
	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 {
	width: 100%;
	background: url(../images/all/bg-subbanner.jpg) no-repeat center 0;
	overflow: hidden;
}
.subBanner #banner {
	margin: 0 auto;
	width: 960px;
}

.contentWrap {
	width: 100%;
	background: #020633;
	border-top: 1px #121534 solid;
}
.contentWrap #content {
	margin: 0 auto;
	padding: 20px 0;
	width: 960px;
	overflow: hidden;
}
.contentWrap #content #watlink {
	text-align: right;
	font-size: 12px;
	color: #9EA4CB;
}
.contentWrap #content #watlink a {
	color: #9EA4CB;
}
.contentWrap #content #watlink a:hover {
	color: #6984A0;
}
.contentWrap #content #artivceTitle {
	display: none;
}
.contentWrap #content #article {
	line-height: 170%;
	font-size: 14px;
	color: #ccc;
}
.contentWrap #content #events {
	margin: 20px 0 0;
	overflow: hidden;
}
.contentWrap #content #sidebar {
	margin: 0 0 0 5px;
	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 {
	padding: 10px;
}

.contentWrap #content #contentMain #watlink {
	margin-right: 15px;
	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 {
	padding: 0 0 0 75px;
	background: url(../images/all/bg-title.jpg) no-repeat 0 0;
	overflow: hidden;
}
.contentWrap #content #contentMain #artivceTitle h1 {
	margin: 15px 0 10px;
	float: left;
	font-size: 21px;
	color: #000;
}
.contentWrap #content #contentMain #artivceTitle span {
	margin: 15px 0 0 10px;
	float: left;
	font-size: 21px;
}

.footerWrap {
	width: 100%;
	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: 960px;
	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;
}

/*麵包屑*/
#watlink ol{
        display: flex;
        list-style: none;
        justify-content: flex-end;
}
#watlink ol li {
    height: 20px;
    line-height: 20px;
}
#watlink h1,#watlink h2,#watlink h3{
    font-size: 14px;
}