*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, 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; font-size: 100%; font: inherit; vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }body { line-height: 1; font: normal 14px 'Lato', HelveticaNeue, Helvetica, Arial; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }table { border-collapse: collapse; border-spacing: 0; }::selection { background: #000; color: #fff; }::-moz-selection { background: #000; color: #fff; }::-webkit-selection { background: #000; color: #fff; }html, body { background:#000 url('../../img/layout/bg-texture.png'); }body a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline:none; text-decoration:none; }h2 { margin-bottom:20px; color:#fff; font-size:14px; font-weight:bold; text-align:center; }.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.collapse { display:none; }.clear { clear:both; line-height:0; }.padded { padding:20px; }.button {position:relative; display:inline-block; padding:3px; content: none; border-spacing: 0; color:#fff; cursor:pointer; border:1px solid #000 ;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; text-shadow: 1px 1px 3px #000;background:#6b6b6b; moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5); box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);}.button > span { position:relative ; display:block ; margin:0 ; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow:hidden; }.button span span { position:relative; display:block; border:1px solid #000; padding:0 15px; margin:0 !important; font-weight:bold; text-transform:uppercase; line-height:30px; font-size:12px !important;background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0.4) 100%);background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.4) 55%,rgba(0,0,0,0.4) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.4) 55%,rgba(0,0,0,0.4) 100%);moz-box-shadow: inset 0 0 5px 2px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,0.7); box-shadow: inset 0 0 5px 2px rgba(0,0,0,0.7);}.button:hover > span { background:#3b3b3b; }.button.grey > span { background:#3b3b3b; }.button.grey:hover > span { background:#222; }.button.red > span { background: #971414; }.button.red:hover > span { background:#651010; }.button.green > span { background: #248f2e; }.button.green:hover > span { background:#1b6622; }.button.blue > span { background: #2c79ba; }.button.blue:hover > span { background:#225c8c; }.button.yellow > span { background:#e14101; }.button.yellow:hover > span { background:#cc3300; }.button.purple > span { background:#8410e6; }.button.purple:hover > span { background:#6b09be; }button.button { padding:2px 1px !important; }.button.simpleButton { padding:0 10px !important; }.button.fullButton { width:90%; margin:0 auto; }.button.fullButton span span { padding:10px 0; }.button.thinButton span span { padding:0; }.menuButtons .button { width:200px; max-width:50%; margin:5px; }.menuButtons span span { padding:15px; }.menuButtonsBig .button { width:200px; margin:15px; }.menuButtonsBig span span { padding:15px; }ul.menuButtons { text-align:center; margin:0 !important; }ul.menuButtons li { display:inline-block; width:200px; max-width:50%; padding:5px; vertical-align: top; }ul.menuButtons li .button { width:100%; max-width:unset; margin:5px; text-align:center; }.avatar .button { width:100%; padding:0 !important; border:0 !important; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }.avatar .button span { -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }.avatar .button span span { border:0; }a.closeBut, button.closeBut { position:absolute; right:0px; top:0px; padding:1px !important; text-align:center; font-size:14px; font-weight:bold; }.closeBut span span { line-height:22px; padding:0 10px; font-size:16px !important; }.back { margin:20px auto; text-align:center; }.trashBut { position:absolute; bottom:10px; right:10px; display:block; width:40px; height:40px; line-height:30px; text-align:center; font-size:12px; font-weight:bold; color:#fff; border:1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url('../../img/layout/dark-texture.jpg') center; cursor:pointer; }.trashBut img { width:24px; margin-top:5px; }.editBut { position:absolute; top:2px; right:10px; display:block; width:26px; height:26px; line-height:26px; text-align:center; border:1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url('../../img/layout/dark-texture.jpg') center; cursor:pointer; overflow:hidden; }.editBut a { margin-top:3px; }.editBut a img { width:18px; margin-top:3px; }.editBut select { margin:50px; }.moveBut { position:absolute; bottom:0px; left:0px; }.moveBut span span { padding:0 5px; }.moveBut img { width:24px; margin-top:3px; }.header { position:relative; padding-bottom:8px; width:100%; min-height:120px; background: url('../../img/layout/dark-texture.jpg'); text-align:center; }.banner { position:relative; z-index:1; }.menuBut{ position:relative; display:block; width:106px; height:28px; margin:0 auto; line-height:28px; background: url('../../img/layout/menu-but.png'); border:0; cursor:pointer; }.menuBut:hover{ background: url('../../img/layout/menu-but-over.png'); }.menuBut .menuArrow{ position:absolute; top:5px; left:38px; width:30px; height:16px; z-index:2; }.header .headerBar { position:absolute; bottom:0; width:100%; height:8px; background: url('../../img/layout/bg-top-line.jpg'); }.containerBars { position:relative;margin-left:125px; padding:0 0 0 10px; color:#fff; font-size:14px; text-align:right; font-weight:bold; text-shadow: 1px 1px 3px #000; z-index:20; }.containerBars .containerBar { display:inline-block; margin:2px 0; width:100%;}.containerBars .containerBar label { display:block; float:left; width:100px; line-height:20px; text-align:left; }.containerBars .containerBar .barContainer { position:relative; margin-left:105px; height:15px; margin:0 10px; border:1px solid #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #000; background: -moz-linear-gradient(top, #000 0%, #555 50%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(50%,#555), color-stop(100%,#000)); background: -webkit-linear-gradient(top, #000 0%,#555 50%,#000 100%); background: -o-linear-gradient(top, #000 0%,#555 50%,#000 100%); background: -ms-linear-gradient(top, #000 0%,#555 50%,#000 100%); background: linear-gradient(to bottom, #000 0%,#555 50%,#000 100%); overflow:hidden; }.containerBars .containerBar .barContainer .bar { position:absolute; width:0; height:15px; z-index:1; }.containerBars .containerBar .barContainer .value { position:absolute; width:100%; height:20px; text-align:center; color:#fff; text-shadow: 1px 1px 2px #000; z-index:2; }.containerBars .containerBar .barContainer.hpBar .bar { background: #a32a2c; background: -moz-linear-gradient(top, #a32a2c 0%, #ff4245 50%, #a32a2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a32a2c), color-stop(50%,#ff4245), color-stop(100%,#a32a2c)); background: -webkit-linear-gradient(top, #a32a2c 0%,#ff4245 50%,#a32a2c 100%); background: -o-linear-gradient(top, #a32a2c 0%,#ff4245 50%,#a32a2c 100%); background: -ms-linear-gradient(top, #a32a2c 0%,#ff4245 50%,#a32a2c 100%); background: linear-gradient(to bottom, #a32a2c 0%,#ff4245 50%,#a32a2c 100%); }.containerBars .containerBar .barContainer.manaBar .bar { background: #2989d8; background: -moz-linear-gradient(top, #193e7f 0%, #2989d8 50%, #193e7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#193e7f), color-stop(50%,#2989d8), color-stop(100%,#193e7f)); background: -webkit-linear-gradient(top, #193e7f 0%,#2989d8 50%,#193e7f 100%); background: -o-linear-gradient(top, #193e7f 0%,#2989d8 50%,#193e7f 100%); background: -ms-linear-gradient(top, #193e7f 0%,#2989d8 50%,#193e7f 100%); background: linear-gradient(to bottom, #193e7f 0%,#2989d8 50%,#193e7f 100%); }.containerBars .containerBar .barContainer.faiBar .bar { background: #2e8221; background: -moz-linear-gradient(top, #2e8221 0%, #38d83d 50%, #2e8221 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e8221), color-stop(50%,#38d83d), color-stop(100%,#2e8221)); background: -webkit-linear-gradient(top, #2e8221 0%,#38d83d 50%,#2e8221 100%); background: -o-linear-gradient(top, #2e8221 0%,#38d83d 50%,#2e8221 100%); background: -ms-linear-gradient(top, #2e8221 0%,#38d83d 50%,#2e8221 100%); background: linear-gradient(to bottom, #2e8221 0%,#38d83d 50%,#2e8221 100%); }.containerBars .containerBar .barContainer.staBar .bar { background: #754c1e; background: -moz-linear-gradient(top, #754c1e 0%, #9e7529 50%, #754c1e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#754c1e), color-stop(50%,#9e7529), color-stop(100%,#754c1e)); background: -webkit-linear-gradient(top, #754c1e 0%,#9e7529 50%,#754c1e 100%); background: -o-linear-gradient(top, #754c1e 0%,#9e7529 50%,#754c1e 100%); background: -ms-linear-gradient(top, #754c1e 0%,#9e7529 50%,#754c1e 100%); background: linear-gradient(to bottom, #754c1e 0%,#9e7529 50%,#754c1e 100%); }.containerBars .containerBar .barContainer.drkBar .bar { background: #692eb2; background: -moz-linear-gradient(top, #692eb2 0%, #a83eef 50%, #692eb2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#692eb2), color-stop(50%,#a83eef), color-stop(100%,#692eb2)); background: -webkit-linear-gradient(top, #692eb2 0%,#a83eef 50%,#692eb2 100%); background: -o-linear-gradient(top, #692eb2 0%,#a83eef 50%,#692eb2 100%); background: -ms-linear-gradient(top, #692eb2 0%,#a83eef 50%,#692eb2 100%); background: linear-gradient(to bottom, #692eb2 0%,#a83eef 50%,#692eb2 100%); }.containerBars .containerBar .barContainer.demBar .bar { background: #4c2387; background: -moz-linear-gradient(top, #4c2387 0%, #3b51e2 50%, #4c2387 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c2387), color-stop(50%,#3b51e2), color-stop(100%,#4c2387)); background: -webkit-linear-gradient(top, #4c2387 0%,#3b51e2 50%,#4c2387 100%); background: -o-linear-gradient(top, #4c2387 0%,#3b51e2 50%,#4c2387 100%); background: -ms-linear-gradient(top, #4c2387 0%,#3b51e2 50%,#4c2387 100%); background: linear-gradient(to bottom, #4c2387 0%,#3b51e2 50%,#4c2387 100%); }.containerCoins { position:absolute; top:10px; right:10px; width:180px; } .attrLine { height:6px; background: url('../../img/layout/bg-line.jpg'); }.menu { margin:0; text-align:center; padding:0; z-index:10; } .menu li { display:inline-block; width:100px; vertical-align:top; margin:10px; }.menu li a { position:relative; display:block; margin:0; width:100%; vertical-align:top; text-align:center; }.menu li a img { width:100%; }.menu li a span { position:absolute; left:0; bottom:5%; display:block; width:100%; color:#fff; font-size:16px; font-weight:bold; text-shadow:2px 2px 1px #000; text-align:center; }#menuInner { display:none; }#menuInner { margin:0; text-align:left; }#pageTitle { position:relative; width:33.32%; font-size:24px; color:#fff; }#pageTitle div { position:absolute; height:100%; width:100%; display: table; }#pageTitle h1 { display: table-cell; vertical-align: middle; text-align:left; padding-left:5%; }.bottomMenu { bottom:0; }.topMenu { top:0; }.block1 .blockContent .topMenu li { display:inline-block; margin:0 10px; }.topLine { height:8px; background: url('../../img/layout/bg-top-line.jpg'); }.menuChar { background: url('../../img/layout/darker-texture.jpg'); }.main { text-align:left; }.main#mainLogin { padding:0; }.bgLine { background: url('../../img/layout/bg-black.png'); }#initialAvatar { position:absolute; bottom:0; width:100%; text-align:center; z-index:5; }#initialAvatar img { }.block1 { margin:0 0 20px 0; }#mainLogin .block1 { margin:0; }.block1 .topBar { position:relative; min-height:31px; background: url('../../img/layout/bg-bar.jpg') repeat-x; }.block1 .topSecondBar { background: url('../../img/layout/dark-texture.jpg') repeat-x; border-bottom:2px solid #a16611; }.block1 .topBar .menuHelp { float:right; padding:6px; margin-right:5px; text-align:center; }.block1 .topBar .menuHelp i { display:block; width:19px; height:19px; background: url('../../img/layout/icon-box.png') -19px 0 no-repeat; }.block1 .topBar h1 { line-height:30px; margin:0; color:#fff; font-family:serif; text-align:center; text-transform:uppercase; text-shadow: 1px 1px 3px #000; }.block1 .topBar #id_title { display:none; width:100%; height:30px; line-height:30px; padding-left:20px; color:#fff; background:none; border:0; }.block1 .blockContent {position:relative; overflow:hidden; margin-top:20px; }.block1 .blockContent .double { float:left; padding:0 10px 0; position:relative; width:50%; }#mainLogin .block1 .blockContent .double { float:none; position:relative; margin:0 auto; width:50%; min-width:500px; }.block1 .blockContent .double.contentRight { float:right; }.block1 .blockContent .triple { float:left; padding:0 10px 0; position:relative; width:33.33%; }#mainLogin .block1 .blockContent .triple { float:none; position:relative; margin:0 auto; width:33.33%; min-width:500px; }.block1 .blockContent .triple.contentRight { float:right; }.block1 .blockContent .scrollable { position:relative; height:370px; margin-top:40px; overflow:hidden; }.block1 .blockContent .arrow { position:absolute; width:100%; height:15px; left:0; display:block; }.block1 .blockContent .up { display:none; top:13px; background: url('../../img/layout/arrow-up.png') center no-repeat; }.block1 .blockContent .down { bottom:13px; background: url('../../img/layout/arrow-down.png') center no-repeat; }.block1 .blockContent .scrollable .scrollableContent { position:absolute; height:100%; top:0; left:0; right:-20px; overflow-y:auto; }.block1 .blockContent .buildingImage { width:100%; border-bottom:2px solid #000; }.bluidingList { margin:0; padding:0; text-align:center; }.bluidingList li { width:20%; display:inline-block; text-align: center; }.bluidingList li a { color:#fff; text-align:center; }.bluidingList.bluidingList2 li { width:33% !important; display:inline-block; text-align: center; }.bluidingList li img { margin:10% 5% 0; max-width:90%; }.bluidingList li .icon { margin:5px 10px 5px 0; }.double .bluidingList li { width:100%; }.double .bluidingList li .buildingButton { width:90%; padding:10px 20px; }.block1 .blockContent .buildingButton { display:block; width:90%; padding:0 20px; margin:0 auto; border:2px solid #000; }.block1 .blockContent .blockContentItem { padding:0; text-align:center;}.block1 .blockContent .blockContentItem .craftCircle { position:relative; width:200px; height:240px; margin:0 auto; }.block1 .blockContent .blockContentItem .craftCircle img { position:absolute; top:20px; left:0; }.block1 .blockContent .blockContentItem span { line-height:52px; font-size:30px; }.block1 .blockContent .blockContentItem .scroll { position:absolute; top:50%; left:50%;}.block1 .blockContent .blockContentItem .craftBox { display:inline; }.block1 .blockContent ul { margin:0 20px; }.block1 .blockContent ul li { margin:5px 0; line-height:30px; text-align:left; }.block1 .blockContent ul.bluidingList li { text-align:center; }.block1 .blockContent ul li label { float:left; width:150px; }.block1 .blockContent ul li .input { margin-left:150px; }.block1 .blockContent ul li input { width:100%; line-height:30px; }.block1 .blockContent ul li select { width:100%; height:30px; }.block1 .blockContent ul li select option { padding:5px 0; }.block1 .blockContent ul.login li input { width:100%; line-height:40px; padding:0 10px; margin:5px 0; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }::-webkit-input-placeholder { color:#000; }-moz-placeholder { color:#000; }:-moz-placeholder { color:#000; }::-moz-placeholder { color:#000; }:-ms-input-placeholder { color:#000; }input[placeholder], [placeholder], *[placeholder] { color:#000; }.block1 .bottomBar { min-height:17px; background: url('../../img/layout/bg-bar.jpg') repeat-x; }.block1 .blockContent ul.menuList { margin:40px 20px; text-align:center; }.block1 .blockContent ul .menuBox { display:inline-block; width:200px; margin:8px 0; vertical-align:top; }.block1 .blockContent ul .menuBox a { display:block; width:90%; margin:0 auto; padding:5px 0; background: url('../../img/layout/bg-but-over.jpg') center; color:#fff; border:1px solid #000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 2px 2px 3px #000; text-align:center;}.block1 .blockContent ul .menuBox a i { margin-top:3px; }.block1 .blockContent ul .menuBox a span { display:block; width:70%; height:3px; margin:3px auto; background: url('../../img/layout/bg-but-line-over.png') center; }.block1 .blockContent ul .menuBox a:hover { background: url('../../img/layout/bg-but.jpg') center;}.block1 .blockContent ul .menuBox a:hover span { background: url('../../img/layout/bg-but-line.png') center; }.block1 .blockContent ul #menuBox-2 { display:none; }.containerInner { text-shadow: 0px -1px 5px #000; text-align:left; color:#fff; }.containerInner.earth { background:#333 url('../../img/layout/bg-earth.jpg') center; }.containerInner a { color:#fff; } .containerInnerItemBox { width:auto; margin:0 auto; text-align:center; }.attrContainer { clear:both; text-align:center; background: url('../../img/layout/dark-texture.jpg'); }.attrContainer .topSecondBar { border-top:1px solid #000; background: url('../../img/layout/bg-bar.jpg'); }.attrContainer .attr { display:inline-block; padding:0 !important; border:1px solid #a16611; line-height:20px; width:16.66%; color:#fff; text-transform:uppercase; }.attrContainer .attr.attrSec1 { width:25%; padding:0; margin:0; }.attrContainer .attr.attrSec2 { width:20%; padding:0; margin:0; }.attrContainer .attr input { text-align:center; width:100%; border:0; }.attrContainer .attr .inputDouble { width:50%; display:inline-block; border-right:1px solid #6b6b6b; border-left:1px solid #6b6b6b; }.attrContainer .attr .attrVal { padding:2px 0; text-shadow:none; width:100%; color:#000; font-size:16px; background:#fff url('../../img/layout/bg-white.png'); }.containerInner ul.secInfo { font-size:14px; margin:0; border-top:2px solid #a16611; background: url('../../img/layout/darker-texture.jpg'); }.containerInner ul.secInfo li { margin:0; width:50%; display:inline-block; line-height:18px; }.containerInner ul.secInfo.fullFields li { width:100%; }.containerInner ul.secInfo li.fullField { width:100%; }.containerInner ul.secInfo li:hover { color:#999; }.containerInner ul.secInfo li:hover .value { color:#999; }.containerInner ul.secInfo .headerLine { border-bottom:2px solid #a16611; }.containerInner ul.secInfo li div { padding:3px 0 3px; }.containerInner ul.secInfo li .col { display:inline-block; width:35%; line-height:20px; margin:0; padding-right:20px; text-align:right; vertical-align:middle; }.containerInner ul.secInfo li .col.col2 { width:64%; }.containerInner ul.secInfo li .col1 { width:65%; text-align:left; padding-left:20px; }.containerInner ul.secInfo li .col.head { padding-left:5px; }.containerInner ul.secInfo li .value { padding:0; width:100%; line-height:20px; text-shadow:none; color:#fff; text-align: left; }.containerInner ul.secInfo.editInfo { font-size:14px; margin:0; border:0; }.containerInner ul.secInfo.editInfo li input { line-height:22px; }.containerInner ul.secInfo li .cols5 { display:inline-block; width:20%; line-height:20px; margin:0; padding-right:20px; text-align:right; vertical-align:middle; }.containerInner ul li.cols4 { width:25%; display:inline-block; }.containerInner ul li.cols4.colSelect label { width:100px; }.containerInner ul li.cols4.colSelect select { width:calc(100% - 100px); }#areaMoment .button { margin-right:5px; }button.arrowButton { width:40px; line-height:30px; margin-left:10px; border:0; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }.containerInner ul.secInfo.editInfo li .col { width:64%; }.containerInner ul.secInfo.editInfo li .col.col1 { width:35%; }.ilustration { width:100%; height:250px; margin-bottom:30px; position:relative; background-size: auto 100%; background-position:center; }.ilustration .detail { position:absolute; left:0; bottom:0; width:100%; height:4px; background:url('../../img/layout/ilustration-detail-bar.png'); text-align:center; }.ilustration .detail img { width:200px; margin:0 auto; margin-top:-15px; }.ilustration .detail.large img {}.charBox { padding:15px 0 0 10px; line-height:20px; text-align:left; background:#6b6b6b url('../../img/layout/darker-texture.jpg'); vertical-align:top; text-shadow: 1px 1px 3px #000; font-size:14px; font-weight:bold; }.charIconBox { float:left; margin-right:15px; display:inline-block; width:120px; vertical-align:top; padding:3px; border:1px solid #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }.charIconBox.elem1 { background:#d0b264; }.charIconBox.elem2 { background:#392a7a; }.charIconBox.elem3 { background:#9b2202; }.charIconBox.elem4 { background:#2abad8; }.charIconBox.elem5 { background:#d3d3d3; }.charIconBox.elem6 { background:#906c56; }.charIconBox.charInfo { margin-left:130px; padding:10px 20px 10px 0; text-align:left; line-height:25px; }.charBox .charBoxInfo { line-height:25px; }.npcIconBox { display:inline-block; width:unset; min-width:100px; padding:3px; margin:5px 5px; background: url('../../img/layout/light-texture.jpg'); border:1px solid #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; cursor:pointer; }.npcIconBox.subboss { background: url('../../img/layout/dark-texture.jpg'); }.npcIconBox.boss { background: url('../../img/layout/bg-golden.jpg'); }.charIcon { position:relative; width:100%; margin:0 auto; overflow:hidden; background:#000; }.avatarIcon {}.charIcon .imgContent { background:#fff; line-height:0; }.charIcon .exp { position:relative; width:0; height:10px; background: url('../../img/layout/experience-bar.jpg'); z-index:1; }.charIcon .infoBar { position:relative; width:100%; height:33px; border-top:2px solid #666; z-index:2; background:#333; }.charIcon .infoBar div { display:inline-block; width:30%; vertical-align:top; z-index:2; }.charIcon .infoBar .elem {}.charButs { margin-top:10px; text-align:center; }.charBut{ display:inline-block; position:relative; width:106px; height:28px; margin:0 10px; line-height:28px; background: url('../../img/layout/char-but.png'); border:0; text-shadow: 1px 1px 3px #000; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; }.charBut:hover { background: url('../../img/layout/char-but-over.png'); }.avatarBox { width:25%; display:inline-block; }.avatarBox .charIconBox { width:100%; max-width:120px; margin-right:0; }.minionBox { width:25%; display:inline-block; text-align:right; }.minionBox .npcIconBox { width:100%; min-width:unset; max-width:100px; }.charIcon .petType { position:absolute; width:26px; height:26px; top:5px; right:5px; }.npcIconBox .charIcon { margin:0; max-width:unset; }.avatar {}.avatar .charIcon { border:1px solid #000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; overflow:hidden; }.charIconBox.charInfo .charIcon { max-width:100%; padding:10px; }.npcIconBox.avatar { width:100%; max-width:120px; }.npcIconBox.avatar .charIcon { margin:0; max-width:unset; }.avatar.avatarMinion { width:100%; max-width:100px; margin:40px 10px 0 0; }.charIcon img { width:100%; }.charIcon .infoBar .level { width:40%; padding:2px 0; text-align:center; color:#fff; font-size:10px; line-height:12px; }.charIcon .level span { display:block; color:#fff; font-size:16px; line-height:16px; }#openInfo .charIconBox { float:none;vertical-align:top; }.energyBox { display:inline-block; width:50%; vertical-align:top; padding:0 10px; }.energyContainer { width:50%; display:inline-block; padding:15px 0; text-align:center; vertical-align:top; line-height:15px; font-size:12px; }.energyBox.energy2 .energyContainer { width:50%; }.energyBox.energy3 .energyContainer { width:33.3%; }.energyBox.energy4 .energyContainer { width:50%; }.energyIcon { position:relative; width:80%; max-width:65px; margin:5px auto 5px; font-size:0; line-height:0; }.energyIcon img { width:100%; }.energyContainer div { font-size:16px; }.energyIcon .bar { position:absolute; width:100%; bottom:0; left:0; overflow:hidden; }.energyIcon .bar img { position:absolute; bottom:0; left:0; }#openInfo .npcIconBox { float:none; display:inline-block; vertical-align:top; }.raceBox { display:inline-block; width:160px; border:1px solid #000; margin:0 10px 10px; text-align:center; background: url('../../img/layout/light-texture.jpg'); -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px; overflow:hidden; cursor:pointer; }.raceContainer { display:inline-block; width:120px; padding:15px 0 10px 10px; vertical-align:top; }.raceContainer img { max-width:90%; }.raceBox .raceTit { width:100%; padding:3px 0; border-bottom:1px solid #000; background: url('../../img/layout/bg-golden.jpg'); }.raceBox .raceTit span { display:block; padding:5px 0; text-transform:uppercase; width:100%; text-align:center; border:1px solid #000; background: rgba(8,61,0,0.8);}.raceBox.class .raceTit span { background: rgba(0,76,189,0.8);}.raceBox img { max-width:90%; margin:5 auto; }.raceBox button { width:100%; padding:5px 0; text-align:center; text-transform:uppercase; text-shadow: 0px -1px 3px #000; border:0; border-top:1px solid #000; color:#fff; background: url('../../img/layout/green-texture.jpg'); cursor:pointer; } .charBox .raceBox { width:auto; max-width:100%; margin:0 10px; }.charBox .raceBox .raceTit span { font-size:12px; }.createName { width:100%; line-height:30px; }.charContainer { display:inline-block; width:25%; vertical-align:top; text-align:center; }.inventory { max-width:450px; margin:0 auto; text-align:center; }.bagContainer { background: url('../../img/layout/darker-texture.jpg'); border-bottom: 2px solid #a16611; }.item { position:relative; display:inline-block; width:58px; height:58px; margin:2px; vertical-align:base-line; }.item.bigItem { width:150px; height:150px; margin:10px 7px; }.item.midItem { width:100px; height:100px; margin:5px 3px; }.item.oneItem { display:block; margin:0 auto; }.item .itemIcon { position:relative; width:100%; height:100%; line-height:100%; margin:0 auto; font-size:48px; text-align:center; cursor:pointer; border:1px solid #000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background:#fff; overflow:hidden;}.item .empty { background:#ddd; }.item.bigItem .itemIcon { background:#000; }.item.midItem .itemIcon { background:#000; margin:0 auto; font-size:60%; color:#6b6b6b; text-shadow:none; }.item.midItem .itemIcon:hover{ color:#000; }.item.doHave .itemIcon { border:2px solid #000; }.item.dontHave .itemIcon { border:2px solid #c40000; }.item .itemIcon img { width:100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }.item:hover .itemIcon img { width:120%; margin:-10% 0 0 -10%; }.item:hover .itemIcon.npcIcon img { width:100%; margin:0; }.item:hover .empty .itemIcon img { width:100%; margin:0; }.item .itemQnt { position:absolute; display:block; width:50%; right:0; bottom:0; padding:1 3px; line-height:18px; background:#fff; text-align:center; border:1px solid #000; text-shadow:none; color:#000; -webkit-border-radius: 10px 0 15px 0; -moz-border-radius: 10px 0 15px 0; border-radius: 10px 0 15px 0; cursor:pointer; }.item.smallItem .itemQnt { font-size:12px; z-index:3; }.item .evolved { position:absolute; display:block; width:25px; height:25px; line-height:30px; left:0; top:0; padding:0; text-align:center; color:#fff; font-size:12px; font-weight:bold; cursor:pointer; }.item .itemIcon.over { background:#b40000; }.item .emptyEquip { background: #999 !important; }.item:hover .itemIcon.emptyEquip img { width:100%; margin:0; }.item .selected { background: #316d07 !important; }.bagContainer .item { vertical-align: middle; margin:3px 2px; }.bagContainer .item .itemIcon { background:none; moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }.bagContainer .item.open .itemIcon { border:2px solid #02a5f1; }.bagContainer img { cursor:pointer; }.innerContainer { position:relative; max-width:800px; background: url('../../img/layout/bg-dark-silver.jpg') center; text-shadow: 0px -1px 5px #000; color:#fff; border:1px solid #000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow:hidden; }.innerContainerContent { padding:20px; }.innerContainerContent .actionButs { text-align:center; }.innerContainerContent .actionButs .button { margin:20px; }.storage { display:none; text-align:center; margin-top:20px; border-bottom:2px solid #a16611; border-top:2px solid #a16611; background: url('../../img/layout/dark-texture.jpg') center; }.storageInner { text-align:center; border-top:2px solid #a16611; background: url('../../img/layout/dark-texture.jpg') center; }.createItem ul li { clear:both; }.createItem .fieldName { float:left; width:200px !important; line-height:30px; }.createItem .input { margin-left:210px !important; }.createItem .input input { width:100%; line-height:30px; }.createItem .input select { width:100%; line-height:30px; }.createItem .input textarea { width:100%; line-height:30px; }.createItem .input .itemIcon label { width:100% !important; }.createItem ul li ul { max-width:350px; }.createItem ul li ul li .fieldName { width:150px !important; }.createItem ul li ul li .input { margin-left:160px !important; }.createItem ul li ul li .input input { display:inline-block; width:45%; }.createItem ul li ul li .input.doubleInput input { display:inline-block; width:22%; }.createItem .iconContainer { height:150px; overflow:auto; }.storeItem { width:50%; padding:0 10px 10px; display:inline-block; vertical-align:top; text-align:left; }.storeItem .storeItemInner { border:1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: url('../../img/layout/dark-texture.jpg') center; overflow:hidden; }.storeItem .item { float:left; margin:0px; }.storeItem .itemPrice { float:right; width:50px; text-align:center; cursor:pointer; }.storeItem .itemPrice img { width:35px; margin:5px 0 0 0; }.storeItem .itemPrice span { display:block; line-height:10px; }.storeItem .itemName { min-height:58px; margin:0 50px 0 70px; padding:5px 0 0 0; border-right:1px solid #fff; }.storeItem .itemName span { color:#aaa; }.storeItem .qntBuy { min-height:58px; margin:0 0 0 58px; padding:0; text-align:center; }.storeItem .qntBuy .qntBuyBox { margin:0 auto; min-height:58px; overflow:hidden; }.storeItem .qntBuy .qntBuyBox input { display:inline-block; width:50%; height:58px; line-height:58px; border:0; border-bottom:1px solid #000; text-align:center; font-size:20px; vertical-align:top; }.storeItem .qntBuy .qntBuyBox button { display:inline-block; width:25%; margin:0; height:58px; line-height:58px; border:0; text-align:center; font-size:26px; font-weight:bold; background: none; color:#fff; text-shadow: 0px -1px 8px #000; vertical-align:top; cursor:pointer; }.storeItem .qntBuyBoxPrice { width:100%; margin:0; text-align:right; background: url('../../img/layout/bg-dark-texture.jpg') center; cursor:pointer; }.storeItem .qntBuyBoxPrice img { width:35px; margin:5px 0 0 0; vertical-align:top; }.storeItem .qntBuyBoxPrice span { display:inline-block; line-height:45px; padding-right:10px; vertical-align:top; }.storeItem .qntBuyBoxPrice label { float:left; line-height:45px; padding-left:10px; }.storeItem .storeResponse { display:none; line-height:58px; text-align:center; }.storeItem .openedStore { display:none; }.storeItem .closedStore { display:block; }.buildingName { position:absolute; top:0px; left:5%; width:90%; background:rgba(0,0,0,0.5); }.bagQnt { display:block; width:100%; padding:10px 20px 0; font-weight:bold; font-size:16px; text-align:right; }.containerExplore { position:relative; display:block; padding-top:1px;min-height:305px; border-bottom:2px solid #000; text-align:center; }.containerExplore h1 { position:relative; margin-top:153px; font-size:24px; color:#fff; height:50px; line-height:50px; text-shadow: 0px -1px 3px #000; text-align:center; background: url('../../img/layout/bg-title.jpg') center; }.containerExplore h1 .after { position:absolute; top:-2px; left:2px; display:block; width:1px; height:2px; background:#421e00; }.containerExplore h1 .before { position:absolute; bottom:-2px; right:2px; display:block; width:1px; height:2px; background:#421e00; }.containerExplore h2 { position:relative; margin-top:90px; font-size:48px; color:#ccc; height:70px; line-height:70px; text-shadow: -1px -1px 10px #fff; text-align:center; }.containerExplore h2.success { color:#005e07; }.containerExplore h2.lose { color:#8b0015; }.exploreButtons {}.exploreButtons a { display:none; }.summonCircle #summonCircle { height:100%; position:absolute; left:0; top:0; }.summonCircle #summonCircle2 { height:100%; position:absolute; left:0; top:0; opacity:0; }.summonCircle { display:inline-block; height:100%; position:relative; margin:0 auto; }.summonCircle .summonCircleRoll { width:100%; height:100%; }.summonCircle .craftBox { position:absolute; width:100%; height:100%; left:0; top:0; }#craft1 { overflow:hidden; }#craft1 .blockContentItem { height:100%; padding:0; }.summonCircle .item { position:relative; margin:-50% 0 0 -100%; }.summonCircle .item.midItem .itemIcon { background:#fff; }.summonCircle .item .itemQnt { width:100%; right:0; bottom:-20px; line-height:14px; font-size:12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }.summonCircle .item .itemQnt span { line-height:14px; font-size:14px; }.summonCircle .item.shine { overflow:hidden; }.summonCircle .item.shine .itemQnt { display:none; }.summonCircle .item.shine .itemIcon { border:0; width:100%; height:100%; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }.summonCircle .comp { position:absolute; }.summonCircle #comp-1 { top:11%; left:50%; }.summonCircle #comp-2 { top:89%; left:50%; }.summonCircle #comp-3 { top:30.3%; left:16%; }.summonCircle #comp-4 { top:30.3%; left:84%; }.summonCircle #comp-5 { top:69.7%; left:16%; }.summonCircle #comp-6 { top:69.7%; left:84%; }.summonCircle .item .itemIcon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }.summonCircle .scroll { position:absolute; top:50%; left:50%; display:inline-block; text-align:center; z-index:99; }.summonCircle .scroll .recebiContainer {}.summonCircle .scroll .item.midItem { margin:-50% 0 0 -100%; }.summonCircle .scroll .item .itemIcon { border:2px solid #000; width:100%; height:100%; }.enchantBox { position:relative; }.enchantBox .item { z-index:3; }.enchantBox .enchantCircle { position:absolute; top:0; left:0; width:350px; height:350px; background:url('../../img/layout/enchant-circle.png') center no-repeat; z-index:1; }.enchantBox .enchantCircle2 { position:absolute; top:0; left:0; width:350px; height:350px; background:url('../../img/layout/enchant-circle-green.png') center no-repeat; z-index:1; }.enchantBox .selected .itemIcon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#fff; border:2px solid #000; }.arenaBox { width:90%; margin:10px auto; text-align:left; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; background: url('../../img/layout/dark-texture.jpg'); }.arenaBox .npcIconBox { margin:0; }.arenaBox .price { width:70px; float:right; }.arenaBox .content { margin-right:100px; min-height:115px; text-align:left; font-size:12px; }.arenaBox .content span { display:block; line-height:20px; font-size:16px; }.arenaBox .innerContent { margin-left:120px; text-align:center; }.battleResponse { display:none; text-align:center; line-height:30px; }.arenaBox.closed { display:none; }.middleLine { width:100%; background:#333; line-height:50px; text-align:center; }.middleLine.success { background:#248f2e; }.middleLine.error { background:#971414; }.middleLine div {display:block; text-transform:uppercase;background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 100%);}.logContent { display:none; border:1px solid #000; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; background: url('../../img/layout/darker-texture.jpg'); overflow:hidden; }.logContent .roundTit { line-height:25px; font-size:12px; text-align:center; border-bottom:1px solid #a16611; background:#222; }.logContent .roundBox { padding:10px; }#backHome { position:absolute; top:20px; left:10px; }.borded { border:1px solid #c18235; }.contentLeft { text-align:left; }.elementBox { display:inline-block; width:16.6%; text-align:center; }#quest-info {}.loginError { line-height:30px; text-align:center; font-weight:bold; background: rgba(200,0,0,0.5); }.searchResultQnt { text-align:center; padding:10px; margin:0 20px; }.searchResultQnt.top { border-bottom:1px solid #666; }.searchResultQnt.bottom { border-top:1px solid #666; }.listCraftBox { display:inline-block; vertical-align:top; width:300px; margin:10px; padding-top:10px;border:1px solid #000; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; background:rgba(255,255,255,0.05); }.listCraftBox h1 { font-weight:normal; font-size:16px; }.listCraftBox .infos { padding:5px 15px 0; text-align:left; }.listCraftBox .toCraft { float:left; }.listCraftBox .comps { float:right; }.layer { position:absolute; top:0; left:0; z-index:3; }.AreaDivider {margin:10px 20px;border-bottom: 2px solid #fff;}.AreaContainer {display:inline-block;width:33.3%;padding:0 15px;vertical-align: top;}.AreaContainerInner {width:50%;}.buildingArea {margin:20px 0;padding-top:10px;border:1px solid #a16611; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: rgba(255,255,255,0.1); overflow:hidden;}.buildingArea ul.secInfo { background:none; }.buildingArea ul.secInfo li { background:none; }.buildingArea ul.secInfo li:nth-child(2n) { background:none; }.buildingArea .response { text-align:center; padding:5px; font-weight:bold; }.npcHalfBox { display:inline-block; width:50%; vertical-align: top; }.npcHalfBox ul { margin:5px !important; padding:10px 0; border:1px solid #666 !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }.lineTitle { margin:5px 20px; padding-bottom:5px; border-bottom:1px solid #fff; clear:both; text-transform:uppercase; }.admQuest { width:calc(50% - 20px); margin:10px; display:inline-block; vertical-align: top; }.admQuest4Col { width:calc(25% - 20px); margin:10px; display:inline-block; vertical-align: top; }.iconList { overflow:auto; height:512px; clear:both; }.iconList .iconListInner { position:relative; width:512px; height:512px; }.iconList .iconListInner img { position:absolute; top:0; left:0; z-index:0; }.chooseImageButton { position:relative; display:inline-block; width:64px; height:64px; border:1px solid #000; }.chooseImageButton.selected { border:2px solid #fff; }.chooseImageButton a { position:absolute; display:block; width:64px; height:64px; z-index:2; }.hideButton { display:block; width:30px; height:30px; line-height:30px; float:right; border:1px solid #fff; text-align:center; }.opened .hideable { display:block !important; }.hided .hideable { display:none !important; }.hidebleContent { display:none; }.submenu { text-align:center; padding:20px; margin:0 auto; clear:both; }.submenu button { padding:5px 20px; background:none; border:none; color:#fff; }.valueSmall { display:inline-block; width:30px !important; text-align:center; }.attrVal .valueSmall { width:100% !important; }.secInfo .valueSmall { height:26px !important; }.skillList { text-align:center; }.skillList li { display:inline-block; vertical-align: top; width:330px; padding:10px; margin:10px !important; border:1px solid #ccc; text-align:left; }.skillList li.usable-2 { background:#070; }.skillList li.usable-1 { background:#030; }.skillList li .titleLine { display:block; width:100%; }.skillList li label { display:inline-block; float:none !important; width:200px !important; }.skillList li select { display:inline-block; width:100px !important; }.skillList li span { display: inline-block; padding:0 10px; }.skillList li input { display:inline-block; width:45px !important; height:30px; }#configList {}#configList li { padding: 5px 0; border-bottom:2px solid #ccc; }#configList li .leftCol { width:200px; float:left; }#configList li .leftCol select { width:100px; }#configList li .rightCol { margin-left:205px; padding-left:10px; border-left:1px solid #6b6b6b; }#configList li .rightCol select { margin: 0 10px; }.saveBut { display:inline-block; vertical-align: top; width:30px; height:30px; margin:0 0 10px 10px; background:#299f29; border-radius: 15px; cursor:pointer; }.ascendedList {width: calc(16.66% - 20px); text-align:center;}.ascendedList .requiredBox { padding:0 15px 15px 15px; text-align:left; clear:both; }.ascendedList .mobBox * { vertical-align:top; }.ascendedList .mobBox .spacer { display:inline-block; width:30px; height:80px; line-height:80px; } .ascendedList .mobBox .item { display:inline-block; width:80px; height:80px; }.ascendedList .mobBox .item .itemIcon { width:80px; height:80px; display:inline-block; }.ascendedList .mobBox .item .itemIcon img { width:80px; height:80px; }.ascendedList .requiredBox { text-align: center; }.typeBox { background:rgba(255,255,255,0.1); margin:10px; border:1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }.typeBox h1 { text-align: center; font-size:16px; padding:10px 0; font-weight: bold; }#colorBox { padding:10px; background:#000; display:none; }#colorBoxInner { display:inline-block; width:100%; max-width:1024px; }#colorBoxInner div, #colorBoxInner a { display:inline-block; width:6.25%; height:50px; padding-top:15px; vertical-align:top; cursor:pointer; text-align:center; border:4px solid #000; }#colorBoxInner div.active, #colorBoxInner a.active { border:4px solid #fff; }#colorBoxInner #colorTypeTitle { display:block; width:100%; height:30px; text-align:center; }.miss { color:#aaa; }.footer { position:absolute; width:100%; height:30px; line-height:30px; left:0; bottom:0; text-transform:uppercase; text-align:center; text-shadow: 1px 1px 3px #000; color:#fff;}@media (max-width: 1366px) {.admQuest { width:100%; margin:10px 0; display:block; }.admQuest4Col { width:calc(50% - 20px); }.AreaContainerInner {width:100%;}}@media (max-width: 769px) {.double.contentLeft { float:none !important; width:100% !important; }.bluidingList li { width:50%; }.smallLabel label.fieldName { width:50% !important; }.smallLabel .input { margin-left:50% !important; }.npcHalfBox { display:block; width:100%; padding:10px; }#configList li .leftCol { width:150px; }#configList li .rightCol { margin-left:155px; }.admQuest4Col { width:calc(100% - 20px); }}@media (max-width: 1280px) {.storeItem { width:100%; }.block .blockContent .bluidingList.bluidingList2 li { width:50% !important; }.containerInner ul.secInfo li { width:100%; }.containerInner ul.secInfo li { background: none; }.containerInner ul.secInfo li:nth-child(2n) { background: url('../../img/layout/dark-texture.jpg'); }.containerInner ul li.cols4 { width:50%; }}@media (max-width: 1100px) {.block .blockContent .bluidingList li { width:20%; }.block .blockContent .bluidingList.bluidingList2 li { width:25% !important; }}@media (max-width: 980px) {.closeBut { right:0; top:0; }.innerContainerImage { display:block; width:100%; }.innerContainerContent { display:block; width:100%; }.block .blockContent ul.menuChar .menuBox { max-width:55px; margin:4px 0 0; font-size:12px; }.block .blockContent ul .menuBox { width:150px; margin:5px 0; }.storeItem { width:50%; }.block .blockContent .bluidingList li { width:25%; }.block .blockContent .bluidingList.bluidingList2 li { width:33% !important; }.ilustration { height:200px; margin-bottom:20px; }.elementBox { width:33.3%; }}@media (max-width: 769px) {.header { position:relative; background: url('../../img/layout/bg-top.jpg'); }.banner { position:relative; }#brand {}#brand img { }.menuBut { margin-bottom:0; }.containerBars label span { display:none; }.containerBars label span.value { display:block; position:absolute; width:100%; height:20px; text-align:center; color:#fff; text-shadow: 1px 1px 2px #000; z-index:2; }.containerCoins { top:10px; right:10px; width:180px; }.containerBars .containerBar .barContainer { height:20px; }.containerBars .containerBar .barContainer .bar { height:20px; }#topMenuBut { right:85px; }#sideMenuBut { right:10px; }#backHome { position:relative; top:0; left:0; margin:0 0 5px 10px;}div.main { width:100%; margin: 0; padding:0; padding-top:5px; position: relative; height:inherit; }.block { padding:0; margin:10px 10px 20px; clear:both; }.block .blockContent { height:auto; }.block .blockContainer { max-width:unset; }.double.contentLeft { float:none !important; width:100% !important; }.block .blockContent ul.menuChar { margin:5px 5px; clear:both; }.block .blockContent ul.menuChar .menuBox { max-width:55px; margin:4px 0 0; font-size:12px; }.block .blockContent ul .menuBox { width:120px; margin:5px 0; }.charIcon .level { padding:3px 5px; color:#000; font-size:10px; border:1px solid #58430f; }.charIcon .level span { font-size:16px; }.item { width:58px; height:58px; margin:2px; }.innerContainer { margin:0; border:1px solid #3d2e11; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow:hidden; }.block .blockContent .bluidingList li { width:50%; }.block .blockContent .buildingButton { width:50%; }.block .blockContent .bluidingList li { width:33.3%; }.createItem .fieldName { float:none; width:100%; }.createItem .input { margin-left:0 !important; }.createItem .iconContainer { width:100%; clear:both; }.createItem .iconContainer ul li ul li .input { margin-left:110px !important; }.footer { position:relative; width:100%; padding:10px 0; height:inherit; line-height:20px; text-shadow: 1px 1px 3px #000; }}@media (max-width: 479px) {#brand { width:120px; }.menuBut { margin-bottom:20px; }.block {margin:0; }.block .blockContent .blockContentInner { padding:0 0 20px; }.block .topBar h1 { font-size:12px; }.block .topBar h1 .charTitle { display:block; width:100%; }.block .topBar h1 .titleDivider { display:none; }.item { margin:2px; }.topMenu li a .iconBut i { margin:5px 0 0 5px; }.topMenu li a .msg { top:30px; left:30px; }.block .blockContent ul.menuChar .menuBox { margin:4px 5px 0; }.block .blockContent ul.menuChar { margin:5px 0; }.block .blockContent ul.menuChar .menuBox { margin:4px 2px 0; }.charBox { margin:0; }.charIconBox.charInfo { padding:20px 10px 20px 10px; }.charIcon { margin:0 auto; }.avatar.avatarMinion { margin:20px 10px 0 0; }.block .blockContent .buildingButton { padding:0 10px; }.containerBorder { padding:5px 0; border-right:0; border-left:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }.containerInner { border-left:0; border-right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }.block .blockContent .double.contentLeft .blockContentInner { padding-bottom:0; }.block .blockContent .double.contentLeft .blockContentInner .containerBorder { padding-bottom:0; border-bottom:0; }.containerInner { border-left:0; border-right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }.charIcon .level { padding:1px 3px; color:#000; font-size:9px; border:1px solid #58430f; }.charIcon .level span { font-size:14px; }.storeItem { width:100%; }.block .blockContent .bluidingList li { width:50%; }.block .blockContent .bluidingList.bluidingList2 li { width:50% !important; }.containerInner ul.secInfo li { }ul.menuButtons { text-align:center; }ul.menuButtons li { display:inline-block; width:50%; padding:5px; margin:0 !important; }ul.menuButtons li .button { width:100%; max-width:unset; text-align:center; margin:0; }ul.menuButtons li .button span span { padding:15px 0; }}@media (max-width: 370px) {#brand { width:100px; padding-top:15px; }.block .blockContent .double { min-width:inherit; }}@media (min-width: 980px) {}@media (max-width: 1024px) {.block .blockContent .double { width:100%; }.background {}.block .blockContent ul.menuChar .menuBox { max-width:60px; }}