body {
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
	font-size:16px;
	background:url("CSSimg/backgrou.jpg") no-repeat 50% 0% #dfdfdf;
	background-color:transparent;
}

img {
	display:block;
	background-color:transparent;
	border:0;
	margin:0;
	padding:0;
}

img.hrodemo {
	display:inline;
	padding:7px 1px 0 2px;
}

big {
	font-size:19px;
	font-weight:700;
	color:#721;
}

big span {
	font-size:19px;
	font-weight:700;
	color:#f00;
}

p {
	text-align:left;
	margin-top:0;
	margin-bottom:10px;
	padding-top:5px;
	padding-left:30px;
	line-height:1.5em;
	color:#023;
}

ul {
	margin-top:0;
	display:block;
	margin-left:30px;
	padding:0px 20px 0 10px;
	background-color:transparent;
}

ul li {
	list-style-type:none;
	list-style-image:url("CSSimg/list_c1.gif");
	font-size:15px;
	line-height:23px;
	padding:0;
	margin:0 0 1px 15px;
	color:#032;
	background-color:transparent;
}

div#connter {
	width:730px;
	margin:0 auto 0 auto;
}

div#PTITLE {
	height:110px;
	margin:0;
	padding:63px 0 0 6px;
}

div#NAVTITLE {
	margin:12px 0 0 0;
	background:url("CSSimg/NAVTITLE_001.gif") no-repeat 0 0;
	background-color:transparent;
	padding:231px 0 7px 9px;
}

div#HRRONLINE {
	background:url("CSSimg/EnterHRO.jpg") 100% 45px no-repeat;
}

div#hroimg {
	margin:0px 0 0 25px;
	padding-top:7px;
	padding-bottom:5px;
	width:686px;
	background:#ffcb28 url("CSSimg/DIVimagebg.gif") no-repeat 0 0;
	text-align:center;
}
div#hroimg_bottom {
	margin:0 0 0 25px;
	height:14px;
	width:686px;
	background:#fff url("CSSimg/DIVimagebgBottom.gif") no-repeat 0 0;
	text-align:center;
}

h1 {
	display:none;
}

h3 {
	background:url("CSSimg/h3t_wm.gif") no-repeat 0% 0%;
	background-color:transparent;
	margin:3px 0 0 5px;
	padding:0 0 0 21px;
	font-size:19px;
	line-height:23px;
	color:#323;
}

h3 span {
	padding-left:3px;
}

div.fh3 {
	background:url("CSSimg/fh3bg.gif") repeat-y 0% 0%;
}

div.fh3ff {
	background:url("CSSimg/fh3bg_f.gif") no-repeat 0% 0%;
	height:15px;
}

table {
	border:0;
	border-collapse:collapse;
	text-align:left;
}

.walll {
	float:right;
	padding-right:5px;
}

#bbb {
	text-align:left;
	margin-left:15px;
	width:703px;
	height:190px;
	background:url("CSSimg/bbb.jpg") no-repeat 0% 0%;
	padding:7px 0 0 11px;
}
#bbb img {
	float:left;
	padding-left:0px;
}

a.invisible {
	display:none;
}

/* 上方連結按鈕樣式：加入會員(nt01)、下載遊戲(nt02)、新手教學(nt03)、遊戲首頁(nt04) */

a#nt01,
a:link#nt01,
a:visited#nt01 {
	display:block;
	width: 186px;
	height: 88px;
	background: url("CSSimg/navtb01.gif") 0 0 no-repeat;
}
a:hover#nt01 {
	background-position: 0 -88px;
}
a:active#nt01 {
	background-position: 0 -176px;
}

a#nt02,
a:link#nt02,
a:visited#nt02 {
	display:block;
	width: 186px;
	height: 88px;
	background: url("CSSimg/navtb02.gif") 0 0 no-repeat;
}
a:hover#nt02 {
	background-position: 0 -88px;
}
a:active#nt02 {
	background-position: 0 -176px;
}

a#nt03,
a:link#nt03,
a:visited#nt03 {
	display:block;
	width: 186px;
	height: 80px;
	background: url("CSSimg/navtb03.gif") 0 0 no-repeat;
}
a:hover#nt03 {
	background-position: 0 -80px;
}
a:active#nt03 {
	background-position: 0 -160px;
}

a#nt04,
a:link#nt04,
a:visited#nt04 {
	display:block;
	width: 186px;
	height: 82px;
	background: url("CSSimg/navtb04.gif") 0 0 no-repeat;
}
a:hover#nt04 {
	background-position: 0 -82px;
}
a:active#nt04 {
	background-position: 0 -164px;
}

/* 頁面底端連結按鈕：加入會員(b01)、下載遊戲(b02)、新手教學(b03)、遊戲首頁(b04) */

a#b01,
a:link#b01,
a:visited#b01 {
	display:block;
	float:left;
	width: 249px;
	height: 176px;
	background: url("CSSimg/bbbb01.gif") 0 0 no-repeat;
}
a:hover#b01 {
	background-position: 0 -176px;
}
a:active#b01 {
	background-position: 0 -352px;
}

a#b02,
a:link#b02,
a:visited#b02 {
	display:block;
	float:left;
	width: 249px;
	height: 176px;
	background: url("CSSimg/bbbb02.gif") 0 0 no-repeat;
}
a:hover#b02 {
	background-position: 0 -176px;
}
a:active#b02 {
	background-position: 0 -352px;
}

a#b03,
a:link#b03,
a:visited#b03 {
	text-decoration : none;
	display:block;
	float:left;
	width: 185px;
	height: 88px;
	background: url("CSSimg/bbbb03.gif") 0 0 no-repeat;
}
a:hover#b03 {
	background-position: 0 -88px;
}
a:active#b03 {
	background-position: 0 -176px;
}

a#b04,
a:link#b04,
a:visited#b04 {
	display:block;
	float:left;
	width: 185px;
	height: 88px;
	background: url("CSSimg/bbbb04.gif") 0 0 no-repeat;
}
a:hover#b04 {
	background-position: 0 -88px;
}
a:active#b04 {
	background-position: 0 -176px;
}