/* ========== CLEAR FIX ========== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
ol,ul {
	list-style: none;
}
q:before,q:after,blockquote:before,blockquote:after {
	content: "";
}
h1,h2,h3,h4,h5,h6,strong,h1 em,h2 em, h3 em,h4 em,h5 em,h6 em,strong em,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight: bold;
}
*:focus {
	outline: 0;
}
a {
	color:#333333;
	cursor:pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	color:#111111;
	font-size:16px;
	padding:5px 0;
	margin-bottom:20px;
}
h2 {
	color:#111111;
	font-size:14px;
	padding:5px 0;
	margin-top:10px;
}
h3 {
	color:#5a7bbf;
	font-size:14px;
	padding-bottom:5px;
}
h1.underline, h2.underline, h3.underline {
	border-bottom:1px solid #c4d3f2;
}
h1 a {
	float:right;
}
h1 a:hover {
	text-decoration: none;
}

/* ========== BODY ========== */
body {
	background: no-repeat top center #ffffff;
	font-family: Tahoma, "MS Sans Serif", Arial, Helvetica;
	color:#666666;
	font-size: 12px;
	min-width:960px;
	margin:0px;
	padding:0px;
}

.wrapper {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.clear {
	clear:both;
	margin:0px !important;
	padding:0px !important;
}
table th {
	font-weight:bold;
	padding:4px 0;
	line-height:20px;
}
table td {
	padding:4px 0;
}
.showpage {
	text-align:right;
	padding-top:15px;
}
.showpage a {
	background:#f6f6f6;
	padding:4px 7px;
	margin-left:5px;
	font-size:11px;
	line-height:22px;
	border:1px solid #e9e9e9;
	text-shadow:0 0 0 transparent, 1px 1px rgba(255, 255, 255, 1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.showpage a:hover {
	text-decoration:none;	
	border:1px solid #d3d3d3;
}
.showpage a.current {
	background:#ffffff;
	color:#333333;
	font-weight:bolder;
	text-shadow:0 0 0 transparent, 1px 1px rgba(255, 255, 255, 0);
}S


/* ========== HEADER ========== */
#header {
	height:310px;
	width:980px;
	margin:0 auto;
}
#header .warper {
	position:relative;
	z-index:0;
}
#navi {
	position:absolute;
	background:url(images/navi_bg.png) repeat-x;
	width:722px;
	height:40px;
	padding:0 1px 0 2px;
	margin-top:50px;
}
#navi li {
	float:left;
}
#navi a.fix-menu {
	float:left;
	font-size:18px;
	width:110px;
	height:40px;
	text-align:center;
	text-indent:-9999px;
}
#navi a.fix-menu:hover {
	background-position:bottom;
}
#navi a.home {
	background:url(images/icon_home.png) no-repeat;
	width:80px;
}
#navi a.newbie {
	background:url(images/icon_newbie.png) no-repeat;
	width:93px;
}
#navi a.guide {
	background:url(images/icon_gameguide.png) no-repeat;
	width:119px;
}
#navi a.register {
	background:url(images/icon_register.png) no-repeat;
	width:103px;
}
#navi a.download {
	background:url(images/icon_download.png) no-repeat;
	width:113px;
}
#navi a.topup {
	background:url(images/icon_topup.png) no-repeat;
	width:86px;
}
#navi a.rank {
	background:url(images/icon_ranking.html) no-repeat;
	width:0px;
}
#navi a.webboard {
	background:url(images/icon_webboard.png) no-repeat;
	width:110px;
}
#navi a.support {
	background:url(images/icon_support.png) no-repeat;
	width:100px;
}

#navi li ul.dropdown-menu {
	display:none;
	opacity:0.95;
	filter:alpha(opacity=95);
}
#navi li:hover ul.dropdown-menu {
	display:block;
}

.dropdown-menu {
	position:absolute;
	background:url(images/bg_dropdownpng.html) bottom no-repeat #ffffff;
	top:40px;
	width:150px;
	z-index:1;
}
.dropdown-menu a {
	display:block;
	background:url(images/sub_navi.html) no-repeat center bottom;
	border-bottom:1px solid #eeeeee; 
	color:#1b3c82;
	font-size:12px;
	width:150px;
	text-align:center;
	padding:7px 0;
	margin:0;
	font-weight:bold;
	text-shadow:0 0 0 transparent, 1px 1px rgba(0, 0, 0, 0.1);
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
.dropdown-menu a.last {
	background:none;
}
.dropdown-menu a:hover {
	color:#132f6c;
	background:#f6f6f6;
	text-decoration: none;
}


/* ========== ALERT ========== */
p.alert-success {
	background:#dff0d8;
	border:1px solid #94c395;
	color:#468847;
	padding:7px;
	margin-bottom:5px;
}
p.alert-error {
	background:#f2dede;
	border:1px solid #d69493;
	color:#b94a48;
	padding:7px;
	margin-bottom:5px;
}
p.alert-notice {
	background:#d9edf7;
	border:1px solid #89bdd7;
	color:#3a87ad;
	padding:7px;
	margin-bottom:5px;
}
span.success {
	color:#468847;
}
span.fail, span.contraction {
	color: #b94a48;
}
span.wait {
	color: #3a87ad;
}

/* ========== SECTION ========== */
#section {
	width:940px;
	margin:0 auto;
	padding:20px;
	overflow:hidden;
}
#leftside {
	float:left;
	width:210px;
	overflow:hidden;
}
#content {
	float:left;
	margin-left:20px;
	width:710px;
	overflow:hidden;
}
#rightside {
	float:left;
	margin-left:20px;
	width:210px;
	overflow:hidden;
}
#center {
	float:left;
	width:480px;
	overflow:hidden;
}

#download_btn {
	float:left;
	display:block;
	background:url(images/download_btn.png) no-repeat;
	height:140px;
	width:210px;
	margin-bottom:20px;
	text-indent:-9999px;
}
#download_btn:hover {
	background-position:bottom;
}

#banner {
	background:url(images/banner_bg.png) no-repeat;
	width:387px;
	height:164px;
	margin-bottom:20px;
}
#slide {
	position:absolute;
	width:751px;
	height:230px;
	margin:-20px 0 0 4px;
}
#serverinfo {
	position:absolute;
	width:164px;
	height:387px;
	color:#f9f9f9;
	padding:10px;
	margin:4px 0 0 504px;
	font-size:11px;
	line-height:14px;
}
#serverinfo img {
	margin-bottom:5px;
}
#serverinfo p {
	padding-left:24px;
}

/* ========== SIDE BAR ========== */
#side-login {
	background:url(images/login_bg.jpg) bottom no-repeat;
	padding-bottom:24px;
	margin-bottom:5px;
}
#side-login .login-left {
	float:left;
	width:135px;
}
#side-login .login-right {
	float:right;
	width:71px;
}
#side-login .submit {
	background:url(images/login_btn.png) top no-repeat;
	width:71px;
	height:47px;
	border:0px;
	margin-top:0px;
	cursor:pointer;
}
#side-login .submit:hover {
	background-position:bottom;
}
#side-login input {
	margin-bottom:3px;
}
#side-account {
	background:url(images/login_bg.jpg) bottom no-repeat;
	padding-bottom:24px;
	margin-bottom:5px;
}
#side-account h3 {
	padding:6px 0;
}
#side-account p.title {
	font-weight:bold;
	color:#111111;
	margin-top:10px;
}
#side-account li {
	list-style:circle inside;
	padding-top:2px;
}

#quickmenu {
	background:url(images/quickmenu_btn.png) no-repeat top;
	padding-top:32px;
	width:210px;
}
#quickmenu a {
	display:block;
	width:210px;
	height:40px;
	text-indent:-9999px;
}
#quickmenu li {
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
}
#quickmenu li:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}
#quickmenu li.register {
	background:url(images/quick_register.png) no-repeat;
}
#quickmenu li.promote {
	background:url(images/quick_promote.png) no-repeat;
}
#quickmenu li.webboard {
	background:url(images/quick_webboard.png) no-repeat;
}
#quickmenu li.topup {
	background:url(images/quick_topup.png) no-repeat;
}
#quickmenu li.support {
	background:url(images/quick_support.png) no-repeat;
}

#gameguide {
	background:url(images/gameguide_btn.png) no-repeat top;
	padding-top:34px;
	width:210px;
	margin-top:15px;
}
#gameguide a {
	display:block;
	width:210px;
	height:35px;
	text-indent:-9999px;
}
#gameguide li.monster {
	background:url(images/guide_monster.png) no-repeat;
}
#gameguide li.job {
	background:url(images/guide_job.png) no-repeat;
}
#gameguide li.skill {
	background:url(images/guide_skill.png) no-repeat;
}
#gameguide li.equip {
	background:url(images/guide_equip.png) no-repeat;
}
#gameguide li.item {
	background:url(images/guide_item.png) no-repeat;
}
#gameguide li.other {
	background:url(images/guide_other.png) no-repeat;
}


/* ========== FOOTER ========== */
#footer {
	background:url(images/footer_bg.png) no-repeat center #fafafa;
	height:100px;
}
#footer .link {
	margin:25px 0 0 80px;
}
#footer .copyright {
	font-size:11px;
	margin:10px 0 0 80px;
}


/* ========== FORM ========== */
input, textarea {
	margin:0;
}

input[type="submit"], input[type="button"] {
	cursor:pointer;
	background:url(images/submit_bg.png) repeat-x;
	line-height:23px;
	padding:0 10px;
	margin:0px;
	margin-top:10px;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #3457b2;
	text-shadow:0 0 0 transparent, 1px 1px 0px rgba(0, 0, 0, 0.3);
}
input[type="text"], input[type="password"], textarea {
	padding:2px 4px;
	margin:0px;
	border:1px solid #b8b8b7;
	border-right:1px solid #d4d4d3;
	border-bottom:1px solid #d4d4d3;
	line-height:14px;
	color:#666666;
}
select {
	padding:1px 1px;
	margin:0px;
	border:1px solid #b8b8b7;
	border-right:1px solid #d4d4d3;
	border-bottom:1px solid #d4d4d3;
	line-height:14px;
	color:#666666;
}
input[type="text"], input[type="password"] {
	height:16px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(100,100,100, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(100,100,100, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(100,100,100, 0.5);
}
textarea.tinymce {
	height:800px;
}


/* ========== HOME ========== */
#update {
	position:relative; 
	display:block;
	width:530px;
	height:313px;
	border:1px solid #cdcdcd;
}
#update ul#update-tab {
	border-bottom:1px solid #cdcdcd;
	height:32px;
}
#update ul#update-tab li {
	list-style:none;
	float:left;
}
#update ul#update-tab a {
	display:block;
	border-right:1px solid #cdcdcd;
	text-decoration:none !important;
	color:#8c8c8c;
	background:url(images/updatetab-navi.png);
	line-height:32px;
	width:89px;
	height:32px;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px 0px #ffffff;
}
#update ul#update-tab a:hover {
	color:#393838;
	}
#update ul#update-tab a.selected {
	margin-bottom:0;
	color:#393838;
	background:url(images/updatetab-select.png);
	border-bottom:1px solid #ffffff;
	cursor:default;
	}
#update div {
	padding:10px 10px 8px 10px;
	*padding-top:3px;
	*margin-top:-15px;
	background:#ffffff;
}

#update div#announce {
	padding-bottom:0;
}
#update div#announce div {
	padding:0;
}
#update div#announce div.announce-icon {
	float:left;
	background:url(images/announce-icon.png);
	width:100px;
	height:65px;
	margin-right:10px;
}
#update div#announce div.announce-detail {
	float:left;
	padding:0;
	width:348px;
}
#update div#announce div.announce-detail p.title{
	color:#e03a00;
	font-size:14px;
	margin-bottom:5px;
}

#update div ul {
	margin-top:0px;
	border-top:1px dotted #e2dcd1;
}
#update div li {
	padding:4px 0 4px 50px;
	font-size:12px;
	overflow:hidden;
	border-bottom:1px dotted #e2dcd1;
}
#update div li span.right {
	float:right;
	color:#acacac;
	font-size:11px;
}
#update div li span.left {
	float:left;
	font-size:12px;
}
#update div li a {
	color:#333333;
}
#update div li span {
}
#update div li.news {
	background:url(images/icon-news.png) no-repeat left;
}
#update div li.patch {
	background:url(images/icon-patch.png) no-repeat left;
}
#update div li.event {
	background:url(images/icon-event.png) no-repeat left;
}
#update div li.promo {
	background:url(images/icon-promo.png) no-repeat left;
}

#guild-report {
}
#guild-report .castle-report {
	float:left;
	width:260px;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #e2dcd1;
}
#guild-report .castle-emblem {
	float:left;
	background:url(images/guild-flag.png);
	width:24px;
	height:24px;
	padding:26px 18px 20px 18px;
}
#guild-report .castle-emblem img {
	width:24px;
	height:24px;
}
#guild-report .castle-owner {
	float:left;
	width:190px;
	padding-top:8px;
	margin-left:10px;
	line-height:16px;
}
#guild-report .castle-name {
	color:#111111;
	font-weight:bold;
	margin-bottom:2px;
}
#guild-report .guild-name {
	color:#a9814e;
}

#fbpage {
	background:url(images/fanpage_bg.png) no-repeat top;
	border:1px solid #344f88;
	border-top:0px;
	width:208px;
	height:295px;
	padding:34px 0 7px 0;
}
#screenshot {
}
#screenshot li {
	float:left;
	margin-left:6px;
}
#screenshot li:first-child {
	margin-left:0px;
}
#screenshot img {
	width:146px;
	padding:4px;
	border:1px solid #e9e9e9;
}

/* ========== BOX STYLE ========== */
#confirm-box {
	background:url(images/header-bg.png) repeat;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	z-index:1000;
}
#confirm-box div {
	background:#ffffff;
	text-align:center;
	width:200px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-50px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #d6d6d6;
	padding-bottom:10px;
}
#confirm-box form {
	text-align:center;
}
#confirm-box .title {
	background:url(images/board-bg.png) repeat-x;
	padding:5px 10px;
	font-weight:bolder;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#confirm-box .message {
	padding:10px 10px 0 10px;
	text-align:center;
}


/* ========== TABLE STYLE ========== */
table.style1 th {
	background:url(images/table_th_bg.png) repeat-x;
	border:1px solid #e7e7e7;
	border-left:0px;
	border-right:0px;
	text-align:center;
	color:#635347;
	padding:4px 0;
}
table.style1 th.left {
	border-left:1px solid #e7e7e7;
}
table.style1 th.right {
	border-right:1px solid #e7e7e7;
}
table.style1 td {
	text-align:center;
	border-bottom:1px solid #efefef;
	padding:5px 0;
}

table.style2 th {
	background:url(images/table_th_bg.png) repeat-x;
	border:1px solid #d6d0bf;
	border-left:0px;
	border-right:0px;
	text-align:left;
	color:#635347;
	padding:4px 0;
}
table.style2 th.left {
	border-left:1px solid #e7e7e7;
}
table.style2 th.right {
	border-right:1px solid #e7e7e7;
}
table.style2 td {
	text-align:left;
	border-bottom:1px solid #efefef;
	padding:5px 0;
}
table.style2 td.online {
	background:url(images/player-online.png) no-repeat center left;
}

#worldmap {
	position:relative;
	width:940px;
	height:780px;
	margin:0 auto;
}
#worldmap .small {
	position:absolute;
	width:50px;
	height:50px;
}
#worldmap .small img {
	opacity:1;
	filter:alpha(opacity=100);
}
#dungeonmap {
	width:980px;
	margin-right:-10px;
}
#dungeonmap .maplist {
	float:left;
	width:470px;
	padding-bottom:20px;
}
#dungeonmap .maplist .title {
	float:left;
	width:100px;
	padding-top:15px;
}
#dungeonmap .maplist .mapimg {
	float:left;
	width:370px;
}
#dungeonmap .maplist .mapimg img {
	width:50px;
	height:50px;
}
.mappopup {
	font-size:11px;
	background:url(images/popup_bg.png) repeat;
	color:#ffffff;
	padding:7px 10px 9px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.mappopup .mapname {
	color:#6c8ed6;
	font-weight:bold;
}
.mappopup .maptitle {
	color:#6c8ed6;
	font-weight:bold;
}
.mappopup .monster {
	color:#6c8ed6;
	font-weight:bold;
}
.mappopup .miniboss {
}
.mappopup .mvp {
}
.monster-list {
	border:1px solid #e6e6e6;
	border-bottom:0px;
	border-right:0px;
}
.monster-list th, .monster-list td {
	border:1px solid #e6e6e6;
	border-top:0px;
	border-left:0px;
	padding:3px;
	vertical-align:middle;
}
.monster-list th {
	background:#f6f6f6;
	font-weight:bold;
}

.monster-list .character-stats td {
	border:0px;
	width:20px;
}
.monster-list .character-stats .stat-name {
	color:#999999;
}

.monster-list ul li {
	padding-bottom:5px;
}
.monster-list ul li img {
	margin-bottom:-5px;
}
#monster-search {
	float:right;
	margin-top:-10px;
	padding-bottom:10px;
}
#monster-search input[type="text"] {
	padding:3px 4px 3px 4px;
}
#monster-search input {
	margin-top:0px;
}

.table-list {
	border:1px solid #e6e6e6;
	border-bottom:0px;
	border-right:0px;
}
.table-list th, .table-list td {
	border:1px solid #e6e6e6;
	border-top:0px;
	border-left:0px;
	padding:3px;
	vertical-align:middle;
}
.table-list th {
	background:#f6f6f6;
	font-weight:bold;
}

table.dig-table {
	border-collapse:collapse;
}
table.dig-table, table.dig-table th, table.dig-table td {
	border: 1px solid #cccccc;
}
table.dig-table th, table.dig-table td {
	padding:2px;
	font-size:11px;
	line-height:24px;
}


/* ========== SLIDER ========== */
#sliderContainer {
	position:absolute;
	height:230px;
	width:751px;
	margin:0 0 0 0;
	color:#fff;
}
#sliderContainer #slider {
	height:230px;
	width:751px;
	position:relative;
	overflow:hidden;
}
#sliderContainer ul, #sliderContainer ul li, #sliderContainer ul li a {
	margin:0;
	padding:0;
	list-style:none;
	height:230px;
	width:751px;
	overflow:hidden;
	display:block;
}
#sliderContainer .ns1 {
	background:url('images/slide/s1.png');
}
#sliderContainer .ns2 {
	background:url('images/slide/prewoe.png');
}
#sliderContainer .ns3 {
	background:url('img/slide/slide-03.html');
}
#sliderContainer .ns4 {
	background:url('img/slide/slide-04.html');
}
#sliderContainer .ns5 {
	background:url('img/slide/slide-05.html');
}
#sliderContainer .ns6 {
	background:#ffffff;
}
#sliderContainer span.nsTitle, #sliderContainer span.nsCon {
	display:block;
	width:230px;
	text-shadow:0px 1px 0px #00a3e0;
	position:relative;
	top:14px;
	left:20px;
}
#sliderContainer span.nsTitle {
	color:#3ac9ff;
	font-size:18px;
	margin-bottom:4px;
}
#sliderContainer span.nsCon {
	color:#636363;
	font-size:12px;
}
#sliderContainer ul li a:hover span.nsCon {
	color:#636363;
}
#sliderContainer ul li a:hover span.nsTitle {
	color:#02619f;
}
#sliderContainer ul li a:active span {
	top:16px;
}
#sliderContainer ol {
	float:right;
	position:relative;
	top:-25px;
	right:10px;
}
ol#controls {
	margin:0;
	padding:0;
}
ol#controls li {
	float:left;
	margin:0 2px;
	padding:0;
	list-style:none;
	display:inline-block;
}
ol#controls li a {
	background:url('images/sliderbp.png');
	color:#ffffff;
	text-shadow:1px 1px 0px #756358;
	text-align:center;
	height:14px;
	width:15px;
	display:block;
	overflow:hidden;
	font-size:10px;
}
ol#controls li a:hover {
	background-position:0 -14px;
	text-decoration: none;
}
ol#controls li a:active {
	background-position:0 -42px;
}
ol#controls li.current a {
	color:#FFF;
	text-shadow:none;
	background-position:0 -28px;
}