@import url('imgUSA.css');
@import url('imgEUR.css?v=0.02');

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
}
html, body {width:100% !important;height:100% !important}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

h1 { font-size: 2em }
h2 { font-size: 1.2em }
h3 { font-size: 1.1em }
h5 { font-size: 1.2em }
h6 { font-size: .75em }
h7, h8 { font-size: 1.4em }
h1, h2, h3, h4, h6, b, th, strong { font-weight: bolder }
cite, em, var, address { font-style: italic }
pre, tt, code, kbd, samp { font-family: monospace }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
thead, tbody, tfoot, img { vertical-align: middle }
td, th, tr { vertical-align: inherit }
hr { border:0; padding:0; margin:0; clear:both }
html { overflow-y:scroll }
body { font-family:Arial,Verdana,Lucida,Helvetica,sans-serif; color:#ccc; line-height:1.3; background-color:#222; font-size:75%; margin:0px auto; width:92% }
h1, h2, h5, h7 { font-family:Georgia,"Times New Roman",Times,serif }
p { margin:.8em 0 }	
a { text-decoration:none; border-bottom-style:solid }
header > a { border-bottom-style:inherit }
a:link { color:#FC0; border-color:#FC0 }
a:visited { color:#FC0; border-color:#FC0 }
a:hover { color:#F7EF79; border-color:#F7EF79; border-bottom-width:1px }

.clear { clear:both }
.clrl { clear:left }
.clrr { clear:right }
.nobr, i { white-space:nowrap }
.gray { color:#76736f }
.center { text-align:center }
.right { text-align:right }
.left { text-align:left }
.dsq-brlink { display:block; text-align:center }

section { max-width:680px; margin-left:auto; margin-right:auto }
section.wide { max-width:800px }

header { background:url('images/prolog.webp') no-repeat center top; text-align:center; background-size:cover }
header h1 { height:195px; background:url('images/ge_logo.webp?v=2') no-repeat center -40px; color:transparent; font-size:0 }
header h1.steam {background:url('images/ge_steam_logo.webp') no-repeat center -40px}
header img:not(.logo-mini) {display:none;width:300px;height:99px;margin:0 auto;padding-left:15px}
header nav { background:url(ge_logo.webp?v=2) no-repeat center -200px }
header nav ul li { display:inline-block; font-size:1.2em }
header nav ul li a { font-family:Georgia,"Times New Roman",Times,serif; padding:0.2em 1em; border:0; white-space:nowrap }
header nav ul li a:hover { text-decoration:underline }

.outer { padding:30px 18px 0 40px; color:#aaa; font-size:0.9em }
.outer.right { float:right; width:15em; text-align:right }
.outer.left { float:left; width:15em }
.outer.center { text-align:center }

#Container { background:black }

article, aside { margin:40px; font-size:.9em }
article nav { margin:30px 0 }
article nav table { min-width:150px }
article nav h5, article nav h7 { padding:0; margin:.3em 0 }
span.w4em { display:inline-block; width:2.5em; color:#F7EF79; font-weight:bold; text-shadow: 0 0 2px #000, 0 0 2px #000 }

#home {margin:20px}
#home section {margin:0 auto}
#home section div.blurb {display:block;margin:20px auto !important;vertical-align:top;text-align:center;position:relative}
#home section .separator {background:url('images/separator.png') no-repeat;background-size:contain;max-width:451px;width:100%;height:37px;margin:30px auto}
#home section #news {display:block;text-align:right;margin:8px 0 0 0}
#home h8 { font-family:Georgia,"Times New Roman",Times,serif }

div.blurb { background:url('images/login_bg.jpg') center; background-repeat: no-repeat; background-size: contain; margin:10px; width:280px; height:179px; padding:30px; text-align:center;display:inline-block;vertical-align:top}
footer { color:#aaa; clear:both; background:url('images/prolog.webp') no-repeat center bottom; height:40px; padding:20px 40px 20px 40px; text-align:center; font-size:0.9em; background-size:cover }

article h2 { background:url('images/label.gif') no-repeat; text-align:center; width:100%; max-width:500px; height:46px; border:0; margin:30px auto; color:#ddd; /*font-size:1.1em;*/ line-height:43px; /*margin-top:30px; */text-shadow:0 0 2px #000, 0 0 2px #000; /*font-family: Arial, Verdana, Lucida, Helvetica, sans-serif */}
article h3, aside h3 { position:relative; line-height:27px; background:url('images/titlemid.jpg') repeat-x; text-align:center; color:#F7EF79; clear:both; margin-top:30px }
article h3:before, aside h3:before { content:url('images/titleleft.jpg'); position:absolute; left:0px }
article h3:after, aside h3:after { content:url('images/titleright.jpg'); position:absolute; right:0px }
article h5, article h7 { color:#F7EF79 }
article h6 { border-bottom:1px solid black; text-shadow:0 0 2px #000; color:white; font-size:1em; background:url('images/thmid.jpg') repeat-x; height:17px; line-height:17px; position:relative; z-index:1; padding:0 8px; clear:both; }
article h6:before { content:url('images/thleft.jpg'); position:absolute; left:0; top:0; width:8px; z-index:-1 }
article h6:after { content:url('images/thright.jpg'); position:absolute; right:0; top:0; width:8px; z-index:-1 }

table { border-color:black; border-collapse:collapse; border-width:0; margin:0 auto; padding:0 }
table caption { background-color:inherit; color:inherit }
table td, table th, table caption { border:1px solid black; padding:4px 8px; text-shadow:0 0 2px #000 }
table thead th { padding:0; color:white }
table thead th div { background:url('images/thmid.jpg') repeat-x; height:17px; line-height:17px; position:relative; z-index:1; padding:0 8px; clear:both }
table thead th div:before { content:url('images/thleft.jpg'); position:absolute; left:0; top:0; width:8px; z-index:-1 }
table thead th div:after { content:url('images/thright.jpg'); position:absolute; right:0; top:0; width:8px; z-index:-1 }
table.sortable thead th:last-child div:after { content:url('images/thrightsort.jpg'); width:10px; z-index:-1 }
nav table caption { border:0; padding:0 }
nav table caption div { font-weight:bolder; position:relative; font-size:1.1em; height:27px; line-height:27px; background:url('images/titlemid.jpg') repeat-x; text-align:center; color:#F7EF79 }
nav table caption div:before { content:url('images/titleleft.jpg'); position:absolute; left:-2px }
nav table caption div:after { content:url('images/titleright.jpg'); position:absolute; right:-2px }
nav table td { padding:4px; vertical-align:top; border:1px solid #76736f }
nav table thead th { border:0 }
nav table thead th div { background:url('images/tabmid.gif') repeat-x; height:18px; line-height:18px }
nav table thead th div:before { content:url('images/tableft.gif') }
nav table thead th div:after { content:url('images/tabright.gif') }
table.sortable th { cursor:pointer }
table.full { width:100% }
table.dark { background-color:#111 }
table.dark2 { background-color:#222 }
table.cols2 td { width:50% }
table.cols3 td { width:33.33333% }
table.cols4 td { width:25% }
table.cols5 td { width:20% }
table.cols6 td { width:16.66666% }
table.cols7 td { width:14.28571% }
table .even { background-color:#1a1a1a }

div.w800 { position:relative; min-height:64px; background:url('images/wndw800mid.gif') repeat-y; padding:10px; z-index:1; width:780px; margin:0 auto 30px auto;overflow:hidden }
div.w800.padded { padding:20px; width:760px; min-height:44px }
div.w800.join { margin-bottom:0 }
div.w800:before { content:url('images/wndw800top.gif'); position:absolute; top:0; left:0; height:42px; z-index:-1 }
div.w800:after { content:url('images/wndw800btm.gif'); position:absolute; bottom:0; left:0; height:42px; z-index:-1 }
div.w680 { position:relative; background:url('images/wndw680mid.gif') repeat-y; padding:10px; z-index:1; width:660px; margin:0 auto }
div.w680.padded { padding:20px; width:640px }
div.w680:before { content:url('images/wndw680top.gif'); position:absolute; top:0; left:0; height:42px; z-index:-1 }
div.w680:after { content:url('images/wndw680btm.gif'); position:absolute; bottom:0; left:0; height:42px; z-index:-1 }
div.w330 { position:relative; background:url('images/wndw330mid.gif') repeat-y; padding:10px; z-index:1; width:310px }
div.w330.padded { padding:20px; width:290px }
div.w330:before { content:url('images/wndw330top.gif'); position:absolute; top:0; left:0; height:42px; z-index:-1 }
div.w330:after { content:url('images/wndw330btm.gif'); position:absolute; bottom:0; left:0; height:42px; z-index:-1 }
div.w254 { position:relative; background:url('images/wndw254mid.png') repeat-y; padding:3px 10px; z-index:1; width:234px }
div.w254.padded { padding:10px }
div.w254:before { content:url('images/wndw254top.png'); position:absolute; top:0; left:0; height:42px; z-index:-1 }
div.w254:after { content:url('images/wndw254btm.png'); position:absolute; bottom:-5px; left:0; height:42px; z-index:-1 }

div.job { overflow:hidden; border:1px solid #76736f; border-radius:5px;  margin:0 1px; background:url('images/wndw800mid.gif') repeat-y }
div.job div.charinfo { float:left; width:254px; text-align:center; margin:10px 11.5px 11.5px 18px ; text-shadow: 0 0 2px #000 }
div.job div.char1 { background:url('images/charbaseinfo1.png') no-repeat; color:#F7EF79; width:254px; height:136px; position:relative }
div.job div.char2 { background:url('images/charbaseinfo2.png') no-repeat; color:#F7EF79; width:254px; height:136px; position:relative }
div.job span.portrait1 { position:absolute; left:0px; top:1px }
div.job span.portrait2 { position:absolute; right:0px; top:1px }
div.job .w330 { float:left; margin:11.5px 0 11.5px 11.5px }
div.job .skill { margin:11.5px 0 }
div.job div.equip table tr > th:first-child { width:126px }
div.job div.equip table tr > td:first-child { padding-left:2px }

table.stances tr > th:first-child { width:160px }
table.stances.c1 tr > th:first-child + th { width:36px }
table.stances.c2 tr > th:first-child + th { width:64px }
table.stances.c3 tr > th:first-child + th { width:92px }
table.stances.c4 tr > th:first-child + th { width:120px }
table.stances.c5 tr > th:first-child + th { width:148px }
table.stances.c6 tr > th:first-child + th { width:176px }

div.stanceinfo { text-align:center; text-shadow: 0 0 2px #000 }
div.stanceinfo table { float:right; width:425px; margin:8px }
div.stanceinfo p { padding-left:8px }
div.stanceinfo .flimg { float:left; margin:8px; background:url('images/skill.gif') no-repeat; width:64px; height:64px; padding:6px 6px 6px 5px }

div.skill { float:left; text-align:center; width:156px; }
div.skill .cntimg { display:inline-block; background:url('images/skill.gif') no-repeat; width:64px; height:64px; padding:6px 6px 6px 5px; margin:8px 0 }

div.skill .skillinfo p { padding:0 5px; }
div.skill h5.skillinfo { padding-bottom:8px }
div.skill .skillinfo { margin:1px; width:152px; background-color:#222; border:1px solid #76736f; float:left; text-align:center; border-radius:5px }

div.item { border:1px solid #76736f; background-color:#222; padding:8px; width:352px; float:left; text-align:center; margin:10px; border-radius:5px }
div.item table.item { clear:both; margin-bottom:8px }
div.item table.item td { vertical-align:top; width:125px }
div.item table.item td + td { vertical-align:top; width:175px }
div.item .desc { float:right; width:270px }
div.item table.recipe { width:80%; margin-bottom:8px }
div.item table.recipe caption { color:#F7EF79; padding:4px 8px }
div.item table.recipe thead tr > th:first-child + th { width:45px }
div.item table.recipe tr > td:first-child { text-align:left }
div.item table.recipe tr > td:first-child + td { text-align:right }
div.item .flimg { float:left; background:url('images/skill.gif') no-repeat; width:64px; height:64px; padding:6px 6px 6px 5px; border:0; margin-bottom:8px }

div table.drops tr > td:first-child { white-space:nowrap }

div.longlist { width:80%; display:inline-block; border:1px solid black; background-color:#111; margin-bottom:8px  }
div.longlist ul { max-height:15em; overflow-y:auto; text-align:left }
div.longlist ul li { list-style-type:none; padding:4px 8px; margin:0 }

div.map {height:512px}
div.map > img { float:left; background:url('images/mapborder.png') no-repeat; padding:9px 10px 11px 10px !important; }
div.map div.mapthumb { text-align:center; padding:8px }
div.map div.mapthumb > img { border:1px solid #555555 !important }
div.map div.mapkey { text-shadow: 0 0 2px #000; height:382px; overflow-y:auto; padding:0 8px; position:relative}
div.map div.raidkey { text-shadow: 0 0 2px #000; overflow-y:auto; padding:0 8px; position:relative}
div.map .MONover { position:absolute; z-index:10; font-size:8px; color:#F00; }
div.map .BOSSover { position:absolute; z-index:15; font-size:11px; color:#FF0; }
div.map .SCLover { position:absolute; z-index:60; font-size:75%; padding:0 1px; border:1px solid #000; background-color:#EEE; color:#000; left:59px; top:482px; width:39px; text-align:center; }
div.map .NJSover { position:absolute; z-index:60; font-size:75%; padding:0 1px; border:1px solid #000; background-color:#EEE; color:#000; left:268px; top:482px; width:203px; text-align:center; }

div.playlist { margin-bottom:30px }
div.playlist div { text-shadow: 0 0 2px #000; padding-left:32px; position:relative; min-height:84px }
div.playlist div:before { content:url('images/jukebox.png'); position:absolute; top:0px; left:0px; height:83px; z-index:3 }
div.playlist div:after { content:url('images/startbutton.png'); position:absolute; bottom:-2px; right:38px; height:91px; z-index:3 }

div.quests table caption { border-bottom:0; padding:0; }
div.quests table caption div { text-shadow:0 0 2px #000; color:white; font-weight:bolder; background:url('images/thmid.jpg') repeat-x; height:17px; line-height:17px; position:relative; z-index:1; padding:0 8px; clear:both; }
div.quests table caption div:before { content:url('images/thleft.jpg'); position:absolute; left:0px; top:0px; width:8px; z-index:-1 }
div.quests table caption div:after { content:url('images/thright.jpg'); position:absolute; right:0px; top:0px; width:8px; z-index:-1 }
div.quests table thead tr > th:first-child { width:60px }
div.quests table thead tr > th:first-child + th + th +th { width:18em }

div.monster { border:1px solid black; float:left; margin:5px; text-align:center; width:254px }
div.monster td { border:none; vertical-align:top; padding:4px 2px }
div.monster h4 { color:#F7EF79; text-shadow: 0 0 2px #000, 0 0 2px #000; margin:0 auto; position:relative; width:240px; height:56px; background:url('images/targetframe.jpg') no-repeat }
div.monster h4 img { position:absolute; top:4px; left:4px }
div.monster h4 span.lv { display:none }
div.monster h4 span.monLv { position:absolute; right:0px; width:56px; height:56px; line-height:56px }
div.monster h4 span.monName { display:table-cell; vertical-align:middle; height:56px; padding-left:60px; width:128px }

div.shop table thead tr > th:nth-child(2) + th { width:100px }
div.shop table tr > td:nth-child(2) { text-align:right }
div.shop table tr > td:first-child { text-align:left }

div.enchant { margin-bottom:1200px }

div.protect { float:left; width:310px; margin:10px }
div.protect table caption { border-bottom:0; padding:0 }
div.protect table caption div { text-shadow:0 0 2px #000; color:white; font-weight:bolder; background:url('images/thmid.jpg') repeat-x; height:17px; line-height:17px; position:relative; z-index:1; padding:0 8px; clear:both; }
div.protect table caption div:before { content:url('images/thleft.jpg'); position:absolute; left:0px; top:0px; width:8px; z-index:-1 }
div.protect table caption div:after { content:url('images/thright.jpg'); position:absolute; right:0px; top:0px; width:8px; z-index:-1 }
div.protect table thead tr > th:first-child + th { width:90px }
div.protect table thead tr > th:first-child + th + th { width:50px }
div.protect table tr > td:first-child { text-align:left }
div.enhance table thead tr > th:first-child { width:175px }
div.enhance table tr > td:first-child { text-align:left }

div.ptc table { float:left; width:370px; margin:10px }

div.buff { margin-bottom:1200px }
div.buff table td { vertical-align:top; padding:5px }
div.buff table tr td:first-child { color:#F7EF79; font-weight:bold; text-align:right; width:12em }
div.buff table a { white-space:nowrap }

article .mnmp_npc, article .mnmp_weapon, article .mnmp_magic, article .mnmp_gun, article .mnmp_reinforce, article .mnmp_tool, article .mnmp_jewel, article .mnmp_enchant, article .mnmp_alchemist, article .mnmp_blacksmith, article .mnmp_accessory, article .mnmp_settler, article .mnmp_mission, article .mnmp_npc2, article .mnmp_market, article .mnmp_cash, article .mnmp_socket, article .mnmp_npc3, article .mnmp_npc4, article .mnmp_red, article .mnmp_oh, article .mnmp_plus, article .mnmp_ex, article .mnmp_flame
{ position:absolute; z-index:40; width:12px; height:12px; margin-top:2px; font-size:85%; color:transparent; text-align:center; cursor:pointer; background-image:url('images/minimap_icon2.png'); text-shadow:none }
article .mnmp_waypoint, article .mnmp_warpOut, article .mnmp_warpIn, article .mnmp_quest, article .mnmp_quest1, article .mnmp_quest2, article .mnmp_portal
{ position:absolute; z-index:40; width:12px; height:12px; margin-top:2px; font-size:65%; color:transparent; text-align:center; cursor:pointer; background-image:url('images/minimap_icon.png') }

article .mnmp_npc { background-position:0px 0px; z-index:30 }
article .mnmp_npc2 { background-position:0px 0px }
article .mnmp_reinforce { background-position:0px -13px }
article .mnmp_oh { background-position:0px -39px }
article .mnmp_red { background-position:0px -52px; z-index:70 }
article .mnmp_weapon { background-position:-13px 0px }
article .mnmp_market { background-position:-13px -13px }
article .mnmp_cash { background-position:-13px -26px }
article .mnmp_ex { background-position:-13px -39px }
article .mnmp_magic { background-position:-26px 0px }
article .mnmp_jewel { background-position:-26px -13px }
article .mnmp_flame { background-position:-26px -26px }
article .mnmp_tool { background-position:-26px -39px }
article .mnmp_accessory { background-position:-26px -52px }
article .mnmp_socket { background-position:-26px -52px }
article .mnmp_gun { background-position:-39px 0px }
article .mnmp_blacksmith { background-position:-39px -13px }
article .mnmp_plus { background-position:-39px -26px }
article .mnmp_enchant { background-position:-39px -39px }
article .mnmp_mission { background-position:-52px 0px }
article .mnmp_alchemist { background-position:-52px -13px }
article .mnmp_npc3 { background-position:-52px -26px }
article .mnmp_settler { background-position:-52px -39px }
article .mnmp_npc4 { background-position:-52px -52px; color:#000; z-index:20 }

article .mnmp_waypoint { background-position:0px -17px; z-index:60 }
article .mnmp_warpOut  { background-position:-28px -17px; z-index:60 }
article .mnmp_warpIn   { background-position:-14px -17px; z-index:60 }
article .mnmp_portal   { background-position:-38px -31px; z-index:60; width:9px; height:9px }
article .mnmp_quest1   { background-position:0px -31px }
article .mnmp_quest2   { background-position:-14px -31px; z-index:11 }

article img.button     { width: 28px; height: 28px; background:url('images/button.png') no-repeat; margin:2px 0 }
article img.buttonm    { width: 68px; height: 28px; background:url('images/button.png') no-repeat; margin:2px 0 }
article img.mapinfo    { width: 32px; height: 32px; background:url('images/mapinfo.jpg') no-repeat }
article img.targetinfo { width: 47px; height: 47px; background:url('images/targetinfo.png') no-repeat }

article img.portrait   { width: 64px; height: 64px; background:url('images/portrait.webp?v=32') no-repeat }
article img.portrait02   { width: 64px; height: 64px; background:url('images/portrait02.webp?v=32') no-repeat }
article img.badgeicon   { width: 48px; height: 24px; background:url('images/badgeicon.webp') no-repeat }
article img.badgeicon2   { width: 48px; height: 24px; background:url('images/badgeicon2.webp') no-repeat }
article img.badgeicon_cliquewar   { width: 48px; height: 24px; background:url('images/badgeicon_cliquewar.webp') no-repeat }
article img.stanceicon { width: 24px; height: 24px; background:url('images/stanceicon.webp') no-repeat; margin: 3px 2px }
article img.stanceicon2 { width: 24px; height: 24px; background:url('images/stanceicon2.webp?v=26') no-repeat; margin: 3px 2px }
article img.itemicon   { width: 24px; height: 24px; background:url('images/itemicon.webp') no-repeat }
article img.itemicon   { background:url('images/itemicon.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon2  { width: 24px; height: 24px; background:url('images/itemicon2.webp') no-repeat }
article img.itemicon2  { background:url('images/itemicon2.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon3  { width: 24px; height: 24px; background:url('images/itemicon3.webp') no-repeat }
article img.itemicon3  { background:url('images/itemicon3.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon4  { width: 24px; height: 24px; background:url('images/itemicon4.webp') no-repeat }
article img.itemicon4  { background:url('images/itemicon4.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon5  { width: 24px; height: 24px; background:url('images/itemicon5.webp') no-repeat }
article img.itemicon5  { background:url('images/itemicon5.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon6  { width: 24px; height: 24px; background:url('images/itemicon6.webp') no-repeat }
article img.itemicon6  { background:url('images/itemicon6.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon7  { width: 24px; height: 24px; background:url('images/itemicon7.webp') no-repeat }
article img.itemicon7  { background:url('images/itemicon7.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon8  { width: 24px; height: 24px; background:url('images/itemicon8.webp') no-repeat }
article img.itemicon8  { background:url('images/itemicon8.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon9  { width: 24px; height: 24px; background:url('images/itemicon9.webp') no-repeat }
article img.itemicon9  { background:url('images/itemicon9.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon10  { width: 24px; height: 24px; background:url('images/itemicon10.webp') no-repeat }
article img.itemicon10  { background:url('images/itemicon10.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon11  { width: 24px; height: 24px; background:url('images/itemicon11.webp') no-repeat }
article img.itemicon11  { background:url('images/itemicon11.webp') no-repeat, url('images/itembg.gif') }
article img.itemicon12  { width: 24px; height: 24px; background:url('images/itemicon12.webp') no-repeat }
article img.itemicon12  { background:url('images/itemicon12.webp') no-repeat, url('images/itembg.gif') }

article.SEA img.stance { width: 64px; height: 64px; background:url('images/SEAstance.jpg') no-repeat }
article.KOR img.stance { width: 64px; height: 64px; background:url('images/KORstance.jpg') no-repeat }
article.USA img.stance { width: 64px; height: 64px; background:url('images/USAstance.jpg') no-repeat }
article.EUR img.stance { width: 64px; height: 64px; background:url('images/EURstance.jpg') no-repeat }
article.JPN img.stance { width: 64px; height: 64px; background:url('images/JPNstance.jpg') no-repeat }

article.KOR { font-family:'돋움',dotum,Arial,Verdana,Lucida,Helvetica,sans-serif; font-size:100%; letter-spacing:-1px }
article.KOR div.map .BOSSover { font-family:Arial,Verdana,Lucida,Helvetica,sans-serif }

article.JPN { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:105% }
article.JPN div.map { font-family:Arial,Verdana,Lucida,Helvetica,sans-serif; font-size:100% }

/*
###############################################
# Mobile design compatibility & Search engine #
# by yanuck									  #
###############################################
 */

article.EUR img.skillicon {width:64px;height:64px;background:url(images/skillicon.jpg) no-repeat}
article.EUR img.skillicon2 {width:64px;height:64px;background:url(images/skillicon2.jpg) no-repeat}
article.EUR img.skillicon3 {width:64px;height:64px;background:url(images/skillicon3.jpg) no-repeat}
article.EUR img.skillicon4 {width:64px;height:64px;background:url(images/skillicon4.jpg) no-repeat}
article.EUR img.skillicon5 {width:64px;height:64px;background:url(images/skillicon5.jpg) no-repeat}
article.EUR img.skillicon6 {width:64px;height:64px;background:url(images/skillicon6.jpg) no-repeat}

.w800, h3 {display:block}
div:not(.job) > .skill .skillinfo:first-child .fa {display:none;position:absolute;margin-left:76px;margin-top:22px;font-size:16pt;cursor:pointer}

/* Main menu */ 
header nav {position:relative;margin-top:-35px;background:rgba(52,54,44,0.45);background:-moz-linear-gradient(top, rgba(52,54,44,0.45) 0%, rgba(43,39,28,0.45) 100%);background:-webkit-linear-gradient(top, rgba(52,54,44,0.45) 0%,rgba(43,39,28,0.45) 100%);background:linear-gradient(to bottom, rgba(52,54,44,0.45) 0%,rgba(43,39,28,0.45) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(52,54,44,0.45)', endColorstr='rgba(43,39,28,0.45)',GradientType=0 );box-shadow:0px -3px 8px rgba(255,255,255,0.25) inset, 0px -3px 8px rgba(255,255,255,0.25) inset;z-index:99}
.navbar {overflow:hidden;max-width:1033px;margin:0 auto;z-index:99}
.navbar a {float:left;color:#ffcc00;text-align:center;padding:8px 16px;text-decoration:none;font-weight:500;font-size:11pt;transition:background-color 0.4s ease;background-color:transparent}
.navbar a span {font-size:9pt;color:rgba(255,255,255,0.45)}
.dropdown {float:right;overflow:hidden}
.dropdown .dropbtn {font-size:15px;border:none;outline:none;color:#ffcc00;padding:9px 16px;background-color:inherit;font-family:inherit;margin:0}
.navbar a:hover, .dropdown:hover .dropbtn {background-color:rgba(0,0,0,0.45);border-bottom:0 !important}
.dropdown-content {display:none;position:absolute;min-width:160px;z-index:1;box-shadow:0px -3px 8px rgba(255,255,255,0.45) inset, 0px -3px 8px rgba(255,255,255,0.45) inset}
.dropdown-content a {float:none;color:black;padding:8px 16px;text-decoration:none;display:block;text-align:left;font-size:11pt;transition:background-color 0.4s ease;background-color:rgba(255,204,0,0.9)}
.dropdown-content i {padding-right:3px}
.dropdown-content a:hover {background-color:rgba(0,0,0,0.65);color:#ffcc00;border-bottom:0 !important}
.dropdown:hover .dropdown-content {display:block}
.menu-right {float:right !important}
.selected-section {background-color:rgba(0,0,0,0.45) !important}
#last-update {position:absolute;right:12px;text-align:right;font-size:8pt;margin-top:-70px}
.m-menu {margin-top:25px;display:none}
.m-menu .m-close {position:absolute;top:10px;left:15px;font-size:18pt;color:#ffcc00;cursor:pointer}
#m-open {display:none;position:fixed;top:24px;right:15px;background:#ffcc00;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 6px;color:#3D3832;font-size:15pt;cursor:pointer;z-index:998}
.new:before {content:' \22C6';color:#FFFFFF;text-shadow:-1px 0 #626262, 0 1px #626262, 1px 0 #626262, 0 -1px #626262;font-size:14pt;margin:-6px 0 0 4px;padding:0;position:absolute}
.new2:before {content:' \22C6';color:#FFFFFF;text-shadow:-1px 0 #626262, 0 1px #626262, 1px 0 #626262, 0 -1px #626262;font-size:14pt;margin:-6px 0 0 4px;padding:0;font-style:normal !important}
.new_legend {float:right;font-style:italic;vertical-align:middle}
@media only screen and (max-width:985px) {.navbar a span {display:none !important}}
@media only screen and (min-width:831px) {
	header nav {display:block !important}
	.m-menu, #m-open {display:none !important}
}
@media only screen and (max-width:830px) {
	header nav {margin:0 !important;position:fixed;top:0 !important;left:0;width:100%;height:100% !important;background:rgba(0,0,0,0.85) !important;display:none;padding-bottom:25px;z-index:9999}
	.navbar {max-width:100% !important}
	.navbar a {float:none !important;width:100%;display:block;font-size:13pt;background-color:rgba(255,204,0,0.65);box-shadow:0px -3px 8px rgba(0,0,0,0.45) inset, 0px -3px 8px rgba(0,0,0,0.45) inset;color:#000;padding:8px 0 !important}
	.navbar a:hover {color:#ffcc00 !important}
	.dropdown .dropbtn {font-size:14pt;text-align:center;width:100%;display:block;color:#FFF;margin-top:5px;padding:8px 0 !important}
	.dropdown:hover .dropbtn {background-color:inherit;color:#FFF}
	.dropdown {float:none !important;width:100%;display:block}
	.dropdown-content {display:block !important;position:relative !important}
	.dropdown-content a {font-size:13pt;text-align:center;background-color:rgba(255,204,0,0.65);padding:8px 0 !important}
	.selected-section {background-color:rgba(255,204,0,0.65) !important;color:#000 !important}
	.menu-right {display:none !important}
	.m-menu, #m-open {display:block}
	#ge_ver {top:10px !important;left:12px !important;text-align:left !important}
	#ge_ver span {margin-bottom:2px !important}
	#last-update {display:none}
	.report-button-open {top:6px !important}
	.report-button, .report-button-shadow {top:0 !important}
	.navbar a span {display:inline !important;color:rgba(255,255,255,0.85) !important}
}

/* Skills interface */
.skill .skillinfo strong {display:inline-block;width:100%;padding-bottom:3px}
.skill .skillinfo:nth-child(2), .skill .skillinfo:nth-child(3) {text-align:left !important;padding:5px 0}
.skill .skillinfo:nth-child(2) br, .skill .skillinfo:nth-child(3) br {content:"A" !important;display:block !important;border-bottom:dotted 1px rgba(255,255,255,0.1);padding-bottom:1px;margin-bottom:1px}
.skill .skillinfo:nth-child(2) p:last-child, .skill .skillinfo:nth-child(2) p:nth-child(2) {border-top:solid 1px rgba(255,255,255,0.25);margin:3px;padding-top:3px;padding-bottom:3px}
.skill .skillinfo:nth-child(3) p {margin:8px 3px 3px 3px;border-bottom:solid 1px rgba(255,255,255,0.15);padding-bottom:3px;color:rgba(255,255,255,0.9)}
.skill .skillinfo:nth-child(2) p:nth-child(1) {color:#90d1e6}
.skill .skillinfo:nth-child(2) p:nth-child(2) {color:#f08787}
.skill .skillinfo:nth-child(2) p:nth-child(3) {color:#D5B732}
article li {margin-left:1.5em;border-bottom:1px solid rgba(118,115,111, 0.2)}
article li a {display:block;padding:.3em 0;transition:background-color 0.4s ease;background-color:transparent}
article li a:hover {border:0 none;background-color:#2E2E2E}
div.longlist ul li {clear:both}
div.longlist ul li span {clear:both;float:left;margin-right:5px;margin-top:-2px}
.itemicon9 {display:none}
 
table.news tr > td {padding:4px 8px;min-width:46px}
table.news tr > td:first-child {color:#F7EF79}
table.news tr > td:first-child span {display:none}

.skillnum {display:block;margin-top:3px}
.desc-even {color:rgba(255,255,255,0.7) !important}
.skillBP, #JobSkillSqBuff {color:#d58332}
#JobSkillSqBuff {display:block;border-top:dotted 1px rgba(255, 255, 255, 0.1);padding-top:1px;margin-top:1px}

/* Skills description popup */
.skillinfo a {display:inline-block;line-height:100% !important}
.load-desc {position:absolute;display:block;z-index:99;background-color:rgba(255,202,51,0.9);-webkit-box-shadow:3px 4px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:3px 4px 5px 0px rgba(0,0,0,0.75);box-shadow:3px 4px 5px 0px rgba(0,0,0,0.75);border:1px solid rgba(0,0,0,0.85);padding:5px 10px;color:rgba(0,0,0,0.8);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-top:3px;width:180px;font-size:1em;line-height:1.3;min-height:26px}
.load-desc h5 {color:rgba(0,0,0,0.8);padding-bottom:2px;padding-top:0;margin-top:0;font-size:1em;font-weight:600}
.load-desc br {content:"A" !important;display:block !important;border-bottom:dotted 1px rgba(0,0,0,0.25) !important;padding-bottom:1px;margin-bottom:1px}
.load-desc a {color:#000;border-bottom:1px solid #000}
.load-desc a:hover {color:#000;border-color:#000;cursor:pointer}

/* Back to top */
.cd-top {display:inline-block;height:30px;width:30px;position:fixed;bottom:15px;left:15px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:#FFCA33 url(images/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s;z-index:9998;border:2px solid #3D3832;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s}
.cd-top.cd-is-visible {visibility:visible;opacity:1}
.cd-top.cd-fade-out {opacity:.5}
.cd-top:hover {background-color:#D5AA31;opacity:1}
@media only screen and (max-width: 768px) {.cd-top {left:10px !important;bottom:10px !important}}
@media only screen and (min-width: 1024px) {.cd-top {height:30px;width:30px}}

.stances tbody td:nth-child(2) {padding:4px}
div.map:first-child {height:512px !important}
#home input {width:100%}
#home h8 {display:block;margin-top:14px;color:#F7EF79}

#news {margin-top:10px;text-align:left}
#news h5 {font-size:1.1em}
#news p {margin:.2em 0 .5em 0;padding-bottom:.5em;border-bottom:1px solid rgba(118,115,111, 0.2)}
#news a#news-link {float:right;text-decoration:underline}

.highlight {background-color:#75726F}
#placeholder {margin:15px 35px 0 0;min-width:284px;width:100%;display:block;text-align:right;box-sizing:border-box}
.formholder {margin:0;min-width:150px;display:block;text-align:right;box-sizing:border-box}
#placeholder button {padding:6px 10px;margin-top:8px;margin-left:-57px;background:#262626;font-size:19px;border:none;cursor:pointer;color:#FC0;position:absolute}
#placeholder button:hover, .formholder button:hover {background: #75726F}
#placeholder input, #jsearch {padding:6px;margin-top:8px;margin-right:57px;font-size:17px;border:1px solid #262626;box-sizing:border-box;outline:none}
.formholder button {padding:6px 10px;margin:8px 0;background:#4D4B49;font-size:17px;border:none;cursor: pointer;color:#FC0;width:100%}
.formholder select {padding:6px;margin-top:8px;font-size:17px;border:1px solid #262626;box-sizing:border-box;width:100%;color:#484444}
#search-error {text-align:center;color:red;font-size:10pt;clear:both}

.char-table {position:relative;float:left;width:33.33333333333333%;box-sizing:border-box}
.char-row {float:left;padding:4px;vertical-align:top;border-left:1px solid #76736f;width:50%;box-sizing:border-box}
.char-first {border-left:0 none !important}

.item-table {display:table;width:100%}
.item-row {position:relative;height:100%;vertical-align:top;width:14.28571428571429%;display:table-cell}
.item-row .item-title {position:relative;background:url('images/thmid.jpg') repeat-x; height:17px; line-height:17px; position:relative; z-index:1; padding:0 8px; clear:both;}
.item-row .item-title:before { content:url('images/thleft.jpg'); position:absolute; left:0; top:0; width:8px; z-index:-1 }
.item-row .item-title:after { content:url('images/thright.jpg'); position:absolute; right:0; top:0; width:8px; z-index:-1 }
.item-row .item-title {background:url('images/tabmid.gif') repeat-x;height:18px;line-height:18px;text-align:center;font-size:100%;text-shadow: 0 0 2px #000;font-weight:bolder;border-bottom:1px solid #76736f;color:white}
.item-row .item-title:before { content:url('images/tableft.gif') }
.item-row .item-title:after { content:url('images/tabright.gif') }
.item-row .item-content {position:relative;padding:4px;height:100%;border-left:1px solid #76736f;min-height:298px}
.item-row .item-last {border-right:1px solid #76736f}

.sub-item .sub-item-sell {float:left;width:16.66666666666667%;border-left:1px solid #76736f;box-sizing:border-box;vertical-align:top;min-height:130px}
.sub-item-costume .sub-item-sell {min-height:477px}
.sub-item .sub-item-sell ul {padding:4px 8px}
.red_line {color:red !important}
.rank {color:#F7EF79;font-weight:600;width:46px;text-align:right}
.stats-button {width:100%;max-width:320px;position:absolute;bottom:6px;text-align:right;margin-left:-20px;font-size:12pt;opacity:0.8}
.servertime {text-align:center;margin-top:20px;font-size:8pt;color:rgba(247,239,121,0.75)}
.servertime span {display:block;font-style:italic;color:#ccc}
.item .desc p span {color:#ef4544}
#char_ver {font-size:8pt;color:rgba(255,255,255,0.45);font-weight:500}
.inline-block {display:inline-block !important}
#choose_ver {position:relative;top:-90px;width:330px}
#choose_ver h3 {font-size:9pt}
#choose_ver a {font-size:12pt}
#choose_ver img {width:120px;height:61px}
#ge_ver {position:absolute;top:0;left:0;margin:4px;text-align:left}
#ge_ver span {display:block}
#login {position:absolute;top:0;right:8px;margin:4px}
#login p {margin:0 !important}
#notice {position:fixed;top:0;left:0;z-index:999;width:100%;background:#FC0;background:rgba(255,204,0,0.9);color:#000;text-align:center;-webkit-box-shadow: 1px 5px 8px 1px rgba(128, 128, 128,0.65);box-shadow: 1px 5px 8px 1px rgba(128, 128, 128,0.65);border-bottom:1px solid #FC0;opacity:0.9;background-color: #ffcc00;background-image: url("https://www.transparenttextures.com/patterns/always-grey.png")}
#notice div {-webkit-box-shadow:inset 1px 3px 25px 1px rgba(0,0,0,0.65);box-shadow:inset 1px 3px 25px 1px rgba(0,0,0,0.65);padding:8px 16px;font-size:10pt}
#notice p {margin:0}
#notice a {background:#000;background:rgba(0,0,0,0.75);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;padding:0 2px}
#notice span {position:absolute;top:2px;right:8px;font-size:16pt;font-weight:600;cursor:pointer}

#StanceBonus1 {max-width:135px}

.logo-mini {width:120px;height:61px}

.add-stats {color:#b84106;list-style-type:none;border-top:1px solid rgba(118,115,111, 0.2);margin-top:5px}
.add-stats li {margin-left:0 !important}

/* Notice */
.notice {width:100%;max-width:680px;padding:15px 20px;margin:0 auto;background:rgba(255,204,0,0.85);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:inset 0px 0px 17px 2px rgba(255,255,255,0.65);-moz-box-shadow:inset 0px 0px 17px 2px rgba(255,255,255,0.65);box-shadow:inset 0px 0px 17px 2px rgba(255,255,255,0.65);text-align:center;color:rgba(0,0,0,0.85);border:2px solid #63625a;text-shadow:2px 2px 20px #FFFFFF, -2px -2px 20px #FFFFFF;font-size:10pt;box-sizing:border-box}
.notice h5 {color:rgba(0,0,0,0.85);font-weight:bold;text-shadow:2px 2px 20px #FFFFFF, -2px -2px 20px #FFFFFF}
.home-notice {margin:-100px auto -20px auto !important;max-width:580px !important}
.home-notice a {color:#000;text-decoration:underline}

/* Show character faces */
#characters_list {margin-top:0px;clear:both}
#characters_list table td {padding:0}
.showFace {text-align:center;list-style-type:none;padding:0;margin:0;position:relative;background-image:url('images/char_ring.png');background-repeat:no-repeat;background-position:center;border-bottom:1px solid rgba(118,115,111, 0.55)}
.showFace span:not(.new):not(.highlight) {margin-top:-14px;position:relative;display:block;background-color:rgba(26,26,26,0.55)}
#show_face_menu {max-width:1033px;display:block;margin:0 auto;padding-top:5px}
.show_face_check {display:block;position:relative;padding-left:18px;margin-top:6px;margin-bottom:2px;cursor:pointer;font-size:9pt;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left}
.show_face_check input {position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark {position:absolute;top:0;left:0;height:14px;width:14px;background-color:#eee}
.show_face_check:hover input ~ .checkmark {background-color:#ccc}
.show_face_check input:checked ~ .checkmark {background-color:#ffcc00}
.checkmark:after {content:"";position:absolute;display:none}
.show_face_check input:checked ~ .checkmark:after {display:block}
.show_face_check .checkmark:after {left:3px;top:0px;width:4px;height:8px;border:solid black;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

/* Search shop */
#search_shop {text-align:center;margin-bottom:-15px}
#search_shop h5 {font-size:1.4em;margin:5px auto}
#search_shop button {padding:6px 10px;margin:8px auto;background:#4D4B49;font-size:17px;border:none;cursor:pointer;color:#FC0;width:32%;box-sizing:border-box}
#search_shop input {width:32%;box-sizing:border-box;margin:8px auto}
#search_shop select {padding:6px;margin:8px auto;font-size:17px;border:1px solid #262626;box-sizing:border-box;width:32%;color:#484444}
#search_shop #jsearch {margin-right:0 !important}

/* Mobile compatibility */
@media only screen and (max-width: 1150px) {
	footer {padding:15px 20px 0 20px !important}
}
@media only screen and (min-width: 988px) {	.skill div.skillinfo {display:block !important}}
@media only screen and (max-width: 987px) {
	.home-notice {margin:20px auto -20px auto !important}
	div.job {text-align: center}
	div.job div.charinfo, div.skill {float:none !important;display:inline-block;margin:0 11px !important;vertical-align:top}
	div.job .w330 {float:none !important;margin:22px auto 0 auto !important;text-align:left}
	article, aside {margin:10px}
	#placeholder {margin-right:0 !important}
	body {width:100%}
	div.skill {width:100% !important}
	div.skill h5 {width:calc(100% - 16px) !important;margin-top:10px !important}
	div.skill div {width:calc(50% - 10px) !important}
	div.job div.skill, div.job div.skill div {width:156px !important}
	div.job div.skill h5 {width:156px !important;margin-top:0 !important}
	header h1 {display:none !important}
	header img:not(.logo-mini) {display:block !important;padding-bottom:20px !important}
	header nav ul li {margin-top:10px !important}
	footer {height:70px !important}
	.load-desc {width:160px !important}
	#choose_ver {top:-20px !important}
	div:not(.job) > .skill .skillinfo:nth-child(2), div:not(.job) > .skill .skillinfo:nth-child(3) {display:none}
	div:not(.job) > .skill h5.skillinfo {cursor:pointer}
	div:not(.job) > .skill .skillinfo:first-child .fa {display:block}
}
@media only screen and (max-width: 860px) {
	.item-table-last {width:28.57142857142857% !important}
	.char-row {float:none !important;display:block !important;width:100%;padding-bottom:0 !important}
	.char-row-sub {border-right:0 none !important}
	
	.item-table {display:block !important}
	.item-row {display:block !important;float:left;width:25% !important}
	
	.char-second {border-left:0 none !important}
	
	div.map > img, .MONover, .BOSSover {display:none}
	article .mnmp_npc, article .mnmp_weapon, article .mnmp_magic, article .mnmp_gun, article .mnmp_reinforce, article .mnmp_tool, article .mnmp_jewel, article .mnmp_enchant, article .mnmp_alchemist, article .mnmp_blacksmith, article .mnmp_accessory, article .mnmp_settler, article .mnmp_mission, article .mnmp_npc2, article .mnmp_market, article .mnmp_cash, article .mnmp_socket, article .mnmp_npc3, article .mnmp_npc4, article .mnmp_red, article .mnmp_oh, article .mnmp_plus, article .mnmp_ex, article .mnmp_flame
	{ display:none }
	article .mnmp_waypoint, article .mnmp_warpOut, article .mnmp_warpIn, article .mnmp_quest, article .mnmp_quest1, article .mnmp_quest2, article .mnmp_portal
	{ display:none }
	div.map div.mapkey {height:auto !important;max-width:360px !important;margin:0 auto 20px auto !important;text-align:center}
	div.monster {float:none !important;display:inline-block;vertical-align:top}
}
@media only screen and (max-width: 850px) {
	div.map {height:auto !important}
	div.w800.padded {width:calc(100% - 10px) !important;padding:0 !important;border:solid 5px #3F3B36 !important}
	div.w800:before, div.w800:after {content:none !important}
	div.w800 {padding:5px !important;height:auto !important}
	div.stanceinfo table {margin:-5px 0 20px 0 !important;width:100% !important}
	div.w800 {width:calc(100% - 15px) !important}
	#StanceBonus1 {max-width:none !important}
}
@media only screen and (max-width: 844px) {
	div.item {margin:10px !important;width:calc(100% - 20px);box-sizing:border-box}
	div.item .desc {width:calc(100% - 80px) !important}
}
@media only screen and (max-width: 730px) {
	div.w680.padded {width:calc(100% - 10px) !important;padding:0 !important;border:solid 5px #3F3B36 !important}
	div.w680:before, div.w680:after {content:none !important}
	div.w680 {padding:5px !important}
	div.w680 {width:calc(100% - 15px) !important}
	div.w680 .full thead th:first-child span {display:none}
	
	div.protect {float:none !important;margin:10px auto !important}
}
@media only screen and (max-width: 629px) {
	div.job div.charinfo {margin:0 !important}
	table.stances tr > th:first-child {width:100px !important}
	footer {height:90px !important}
	.sub-item .sub-item-sell {float:none !important;display:inline-block}
	.sub-item .sub-item-sell {width:32%;min-height:initial !important}
}
@media only screen and (max-width: 600px) {
	.item-row {width:50% !important}
}
@media only screen and (max-width: 498px) {
	div.job div.charinfo {display:block !important;margin:5px auto 0 auto !important}
	div.job div.skill {margin:22px auto 0 auto !important}
	.sub-item .sub-item-sell {width:49%}
	.load-desc {width:150px !important}
}
@media only screen and (max-width: 446px) {
	table td, div.item table.recipe caption, div.longlist ul li, table.news tr > td {padding:4px !important}
}
@media only screen and (max-width: 425px) {
	div.blurb {width:calc(100% - 80px) !important;min-height:169px}
	.stats-button a {margin-right:5px}
	.drops th:last-child div {width:150px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media only screen and (max-width: 414px) {
	.stats-button {bottom:10px}
	.stats-button a {margin-right:16px}
	#search_shop button, #search_shop input, #search_shop select {width:100% !important}
}
@media only screen and (max-width: 402px) {
	article img.buttonm, article img.button {display:none}
	div.job div.equip table tr > th:first-child {width:60px}
	div.job {padding:0 !important}
	footer {height:100px !important}
	.drops th, .drops td, .drops th div {width:auto !important}
	.drops td img {display:block}
	div table.drops tr > td:first-child {white-space:normal !important}
	.stats-button {bottom:16px}
}
@media only screen and (max-width: 385px) {
	.stances td:nth-child(2), .stances th:nth-child(2) {display:none !important}
	div.w330, div.w330:before, div.w330:after {width:calc(100% - 15px) !important}
	div.blurb {margin:0 !important}
	div.item {width:calc(100% - 10px) !important}
	header img:not(.logo-mini) {width:280px !important}
	.placeholder2 input {width:220px !important}
	.drops th:last-child div {width:140px !important}
	
	div.protect {width:250px !important}
	div.protect table thead tr > th:first-child + th {width:30px !important}
	
	.blurb:last-of-type {padding-top:45px !important}
	#news .news3 {display:none}
	.stats-button {bottom:19px}
}
@media only screen and (max-width: 360px) {.stats-button {bottom:22px}}
@media only screen and (max-width: 340px) {
	.stats-button {bottom:35px}
	.separator {margin-top:-8px !important}
}
@media only screen and (max-width: 321px) {
	.drops th:last-child div {width:129px !important}
	footer {height:122px !important}
	.stats-button {bottom:34px}
	.separator {margin-top:-15px !important}
}