@charset "utf-8";
/* CSS Document */
/* =Styling all elements
=======================================================================================================*/
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
	text-decoration: none;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
acronym, abbr {
	cursor: help;
}
/* ----------- Applying clearfix fix for some browsers to use in appropriate places --------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
/*=======================================================================================================*/

/*------------------------------------------ Body -----------------------------------------------------*/
body{
	background:#86d8ea url(../images/bg_img.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7d7d7d;
}
/*body {
	background-color:#86d8ea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7d7d7d;
}*/
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7d7d7d;
	font-weight: normal;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#aa2204;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#aa2204;
	text-decoration: underline;
}
/* =Main Nav
--------------------------------------------------------------------------------------- */
#menu {
	height:22px;
	background:#f8f0d9;
}
/*------------------------------------------ Header -----------------------------------------------------*/
#top_section {
	width:998px;
	/*height:371px;*/
	margin:0 auto;
}
#header {
	float:left;
	width:998px;
	position:relative;
	margin:0 auto;
}
#header h1 a {
	position:absolute;
	left:230px;
	width:66px;
	height:54px;
	display:block;
	text-indent:-2000em;
}
#right_header_bg {
/*background:url('../images/right_header_bg.jpg') no-repeat left top;
	width:202px;
	height:371px;
	float:right;*/
}
/*------------------------------------------ Header login Box -----------------------------------------------------*/

#header_login_box {
	background: url('../images/top_login_bar.jpg') no-repeat left top;
	height:40px;
}
#header_login {
	position:absolute;
	left:300px;
	height:41px;
}
#header_login label {
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	line-height:41px;
	padding-right:3px;
	padding-left:12px;
}
.login-txt_box {
	width:110px;
	height:19px;
	border:1px solid #0288b9;
	margin-right:6px;
}
#header_login span a {
	padding-left:10px;
	color:#fcff00;
	font-weight:bold;
}
#header_login span a:hover {
	color:#c5000e;
}
/*------------------------------------------ Wrapper -----------------------------------------------------*/
#wrapper {
	clear:both;
	width:998px;
	margin:0 auto;
}
/*------------------------------------------ Left Section -----------------------------------------------------*/

#left_section {
	float:left;
	width:211px;
}
/*------------------------------------------ Right Section -----------------------------------------------------*/

#right_section {
	background: url('../images/content_bg.jpg') repeat-y left top;
	width:787px;
	float:right;
}
/*------------------------------------------ Content -----------------------------------------------------*/
#content {
	width:579px;
	float:left;
}
/*------------------------------------------ Top Navigation -----------------------------------------------------*/
#nav {
	width:579px;
	height:51px;
}
#nav li {
	display:inline;
	list-style:none;
	text-indent: -2000em;
	height:51px;
}
#nav li a {
	display:inline;
	float:left;
	height:51px;
}
#nav li a:hover {
	background-position:left bottom;
}
#nav_home a {
	background:url('../images/nav_home.jpg') no-repeat left top;
	width:85px;
}
#nav_user_manual a {
	background:url('../images/nav_user_manual.jpg') no-repeat left top;
	width:118px;
}
#nav_game_guide a {
	background:url('../images/nav_game_guide.jpg') no-repeat left top;
	width:122px;
}
#nav_media a {
	background:url('../images/nav_media.jpg') no-repeat left top;
	width:76px;
}
#nav_forums a {
	background:url('../images/nav_forums.jpg') no-repeat left top;
	width:81px;
}
#nav_contact a {
	background:url('../images/nav_contact.jpg') no-repeat left top;
	width:97px;
}
#news_main {
	background-image:url(../images/news_banner.jpg);
	background-repeat:no-repeat;
	height:176px;
}
#news_main p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#565656;
	font-weight:bold;
	padding-left:15px;
	padding-right:10px;
	padding-top:55px;
}
/*------------------------------------------ Character Content-----------------------------------------------------*/

#character_content {
	background:url('../images/content_center.jpg') repeat-x left top;
	height:34px;
	margin-left:5px;
	margin-right:4px;
	line-height:28px;
	padding-left:25px;
	font-size:20px;
	color:#c7831a;
}
#character-sec_center {
	background:url('../images/character-sec_center_cor.jpg') repeat-y left top;
	padding:4px 17px 0 19px;
}
.chracter-detail_box {
	background-color:#fffbcc;
	border-left:1px #daccaa solid;
	border-right:1px #daccaa solid;
	padding:8px;
}
.chracter-detail_box ul {
	padding-left:25px;
}
.chracter-detail_box li {
	padding-left:5px;
	padding-bottom:10px;
}
.chracter-detail_box h1 {
	color:#565656;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
.chracter-detail_box h2 {
	color:#565656;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
}
.img_margin {
	margin-left:15px;
}
.img_margin-rt {
	margin-right:15px;
}
.padding5 {
	padding-bottom:5px;
}
.content_bottom {
	float:right;
	padding-right:31px
}
/*------------------------------------------ Right Content -----------------------------------------------------*/

#right_content {
	width:208px;
	float:right;
}
.spacer {
	height:30px;
}
.margin_top {
	margin-top:3px;
}
#download_btn {
	background:url('../images/download_btn.jpg') no-repeat left top;
	height:59px;
	text-indent:-2000em;
}
#download_btn:hover {
	background-position:left bottom;
}
#download_btn a {
	text-indent:-2000em;
	height:59px;
	display:block;
}
#news_btn {
	background:url('../images/news_btn.jpg') no-repeat left top;
	height:60px;
}
#news_btn:hover {
	background-position:left bottom;
}
#news_btn a {
	text-indent:-2000em;
	height:59px;
	display:block;
}
#service_btn {
	background:url('../images/service_btn.jpg') no-repeat left top;
	height:61px;
}
#service_btn:hover {
	background-position:left bottom;
}
#service_btn a {
	text-indent:-2000em;
	height:59px;
	display:block;
}
#item_mall_btn {
	background:url('../images/item_mall_btn.jpg') no-repeat left top;
	height:60px;
}
#item_mall_btn:hover {
	background-position:left bottom;
}
#item_mall_btn a {
	text-indent:-2000em;
	height:59px;
	display:block;
}
.btn_active {
	background-position: left bottom ! important;
}
.system_box {
	width:530px;
	color:#c7831a;
	font-weight:bold;
}
.system_box1 {
	width:90px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
}
.system_box2 {
	width:210px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
}
.system_box3 {
	width:190px;
	height:20px;
	float:left;
	padding-top:5px;
	padding-left:10px;
}
.system_box3 a {
	color:#f36a00;
	padding-top:5px;
	padding-left:60px;
}
.system_box3 a:hover {
	color:#f36a00;
	text-decoration:underline;
}
.wallpaper_box {
	width:550px;
	color:#c7831a;
	font-weight:bold;
}
.movie_box {
	float:left;
	padding-top:25px;
	padding-left:10px;
	padding-right:10px;
}
.wallpaper_box1 {
	float:left;
	padding-top:25px;
	padding-left:10px;
}
.wallpaper_box2 {
	float:left;
	padding-top:25px;
	padding-left:10px;
}
.wallpaper_box3 {
	float:left;
	padding-top:25px;
	padding-left:10px;
}
.media_box {
	width:530px;
	color:#c7831a;
	font-weight:bold;
	padding-left:5px;
}
.media_box2 {
	width:90px;
	height:20px;
	padding-top:10px;
	padding-left:20px;
}
.media_box3 {
	width:385px;
	height:20px;
	padding-top:10px;
	padding-left:20px;
	float:left;
}
.download_box {
	width:530px;
	padding-left:5px;
}
.download_box2 {
	width:200px;
	padding-top:10px;
	padding-left:20px;
}
.download_box3 {
	width:230px;
	padding-top:10px;
	padding-left:20px;
	float:left;
}
/*------------------------------------------ Footer -----------------------------------------------------*/

#footer {
	width:756px;
	margin-top:3px;
	color:#e5f7ff;
	float:right;
	padding-right:31px;
	padding-bottom:30px;
}
#footer_center {
	background:url('../images/footer_center_bg.jpg') repeat-x left top;
	height:29px;
	padding-left:18px;
	margin-left:1px;
}
#footer_center a {
	color:#e5f7ff;
}

/*------------------------------------------ Content Conversion -----------------------------------------------------*/
.content_conv {
	padding:15px 15px 25px;
}
.content_page_title img {
margin-right:5px;
}
.content_conv p.question {
	font-weight:bold;
}
.content_conv p.answer {
	margin:0 0 15px;
}
.content_conv table {
	margin:0 0 15px;
	border:1px solid #EEA82F;
	width:100%;
}
.content_conv table td {
	padding:10px;
	border:1px solid #FEECAA;
}
.content_conv table td p.title {
	font-weight:bold;
}
.content_conv ol {
	margin:5px;
	padding:0;
}
.content_conv ol li {
	margin:0;
	padding:0;
	list-style:inside;
	list-style-type:decimal;
}

/* economy system */
.content_conv p.style1 {
	padding:0 0 15px;
}
.content_conv p.style1 strong {
	display:block;
	padding:0 0 3px;
}
/* brief system intro */
.content_conv.brief_intro h4 {
	padding:20px 0 0;
}
.content_conv.brief_intro p {
	padding:10px;
}
.content_conv.brief_intro p strong {
	display:block;
	padding:0 0 3px;
}

/* battle */
.content_conv.battle h3 {
	font-size:18px;
	text-align:center;
	margin:0 0 10px;
}
.content_conv.battle li ul {
	padding-top:5px;
}
.content_conv.battle li li {
	margin:0;
	padding:0 0 5px;
}
.content_conv.battle p {
	padding:10px 0;
}
.content_conv.battle p strong {
	display:block;
	padding:0 0 3px;
}

/* characters */

.content_conv.characters_2 p {
	padding:10px 0;
}
.content_conv.characters_2 p strong {
	display:block;
	padding:0 0 3px;
}

/* transform charm */

.content_conv.transform_charm p {
	padding:5px 0;
}
.content_conv.transform_charm  p strong {
	display:block;
	padding:10px 0 3px;	
}


/* storyline */
.content_conv.storyline h3 {
font-size:18px;
text-align:center;
margin:0 0 10px;
}
.content_conv.storyline h4 {
	font-size:14px;
	margin:15px 0 5px;
}
.content_conv.storyline p {
	padding:5px 0;
}
.content_conv.storyline  p strong {
	padding:10px 0 3px;	
}

/* content_conv general */

.content_conv p {
	line-height:1.5;
}

/* newbie guides */

.content_conv.newbie_guides h3 {
	font-size:16px;
	margin:0;
	padding:30px 0 10px;
}
.content_conv.newbie_guides h4 {
	font-size:14px;
	margin:10px 0 5px;
	padding:0;
}
.content_conv.newbie_guides p {
}
.content_conv.newbie_guides table {
	margin:10px 0;
}
.content_conv.newbie_guides p strong {
	display:block;
	padding:10px 0 0;
}
.content_conv.newbie_guides span img {
	display:block;
	margin:10px 0;
	border:1px solid #EEA82F;
	padding:1px;
}

/* storyline */
.content_conv.core_features h4 {
	font-size:14px;
	margin:15px 0 5px;
}
.content_conv.core_features p {
	padding:5px 0;
}
.content_conv.core_features  p strong {
	padding:10px 0 3px;
	display:block;
}

.content_conv.core_features  blockquote {
	margin:0 20px;
}

/* horse */
.content_conv.horse p strong {
	display:block;
}
.content_conv.horse span img {
	margin:5px 0 25px;
	border:1px solid #EEA82F;
	padding:1px;
	display:block;
}

/* char qualities */
.content_conv.char_qualities h4 {
	font-size:16px;
	margin:20px 0 10px;
}

/* marriage sys */
.content_conv.marriage_sys h4 {
	font-size:16px;
	margin:0 0 10px;
}
.content_conv.marriage_sys p {
	padding:5px 0;
}
.content_conv.marriage_sys blockquote {
	margin:0 15px;
}
.content_conv.marriage_sys blockquote p {
	padding:2px 0;
}