@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Metamorphous&subset=latin-ext);@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900);
body {
background : #000;
color : #fff;
font-family : Metamorphous, cursive;
background : url(../images/background.jpg);
background-size : 100%;
background-attachment : fixed;
overflow-x : hidden;
}

.character-link {
color : inherit;
text-decoration : none;
}
.character-link:hover {
color : #ff0;
text-decoration : none;
}
.table-arty-tr:hover {
background-color : hsl(0 0% 100% / 0.3);
}
.table-arty-td {
text-align : center;
}
.fix-menu {
height : 40px;
background : rgb(0 0 0 / 0.71);
border-bottom : 1px solid #ffae00;
left : 0;
width : 100%;
position : absolute;
z-index : 99;
top : 0;
}
.fix-menu ul.social-media {
float : left;
}
.fix-menu ul.social-media li {
list-style : none;
float : left;
}
.fix-menu ul.social-media li a {
color : #fff;
display : block;
padding : 8px 10px;
font-size : 24px;
height : 39px;
background : #111;
text-decoration : none;
border-left : 1px solid #000;
}
.fix-menu ul.social-media li a:hover {
background : #333;
}
.fix-menu ul.user-menu {
float : right;
}
.fix-menu ul.user-menu li {
list-style : none;
float : left;
}

.wow-alert-overlay {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0.6);
    z-index:500;
    width:100%;
    height:100%;
    z-index: 999999;
}
.wow-alert-content {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    background:#FFF;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
	background-image:url(../images/texture_light_1.png);
    -khtml-border-radius:3px;
    position:fixed;
    z-index:99999999;
    min-width:200px;
    min-height:70px;
    max-width:100%;
    padding: 15px 20px;
	text-shadow:none;
box-shadow:inset 0 0 0 1px rgba(255,255,190,0.1), 0 0 3px 0 #000;
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,190,0.1), 0 0 3px 0 #000;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,190,0.1), 0 0 3px 0 #000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
    left: 50%;
    top: 50%;
}

/* eko software alert box desing by eneskcbs*/
.wow-alert-content p {
	
   font-family : Cinzel Decorative, cursive;
text-align : center;
font-weight : 700;
font-size : 100px;

font-size:15px;
 -webkit-filter:drop-shadow(0012px#805e10);
filter : drop-shadow(0 0 12px #805e10);
}
.wow-alert-content a {
  color:#4e4845;
display:block;
font-size:10px;
text-align:center;
font-weight:50;
float : center;
color : #231407;
font-size : 16px;
border : none;
font-weight : 50;
padding : 10px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;

text-shadow:0 1px 0 #000000, 0 0 5px rgba(0,0,0,0.65);

}
/* eko software alert box desing by eneskcbs*/




.fix-menu ul.user-menu li a {
color : #fff;
display : block;
padding : 11px 15px;
background : #222;
height : 39px;
font-size : 12px;
text-decoration : none;
border-left : 1px solid #000;
}
.fix-menu ul.user-menu li a:hover {
background : #333;
}
.modal .modal-dialog {
margin : 60px auto;
}
.modal .modal-dialog .modal-body h2 {
margin : 0;
font-size : 20px;
}
.modal .modal-dialog .modal-header {
border-color : #553b0e !important ;
}
.modal .modal-dialog .modal-header .close {
opacity : 1;
color : #fff;
background : #553f1a;
border-radius : 100%;
width : 25px;
line-height : 20px;
font-size : 20px;
padding : 4px 2px 2px;
height : 25px;
}
.modal .modal-dialog .modal-content {
background-color : #110c03 !important ;
border : #553b0e solid 1px !important ;
}
.btn-info {
background : #514532 !important ;
border-color : #514532 !important ;
}
.btn-info:focus, .btn-info:hover {
background : #675840 !important ;
border-color : #675840 !important ;
}
table.table {
border-radius : 5px;
overflow : hidden;
}
table.table thead {
background : rgb(50 30 30 / 0.73);
}
table.table thead tr th {
border-bottom : none !important ;
font-size : 12px;
}
table.table tbody tr td {
border-color : #000 !important ;
background : rgb(50 30 30 / 0.33);
font-size : 12px;
}
.refresh-btn {
color : #fff;
display : block;
margin-top : 8px;
}
.refresh-btn:hover {
color : #ffeabe;
}
.form-control {
box-shadow : none !important ;
color : #fff;
font-size : 11px;
background : #241907;
appearance : none;
border-color : #422e0d;
}
.form-control:focus {
border-color : #573d11 !important ;
}
h1 {
font-family : Cinzel Decorative, cursive;
text-align : center;
font-weight : 700;
font-size : 40px;

font-size:40px;
 -webkit-filter:drop-shadow(0012px#805e10);
filter : drop-shadow(0 0 12px #805e10);

}
label {
font-size : 11px;
}
h2, label {
color : #ffeabe;
}
h2 {
text-align : center;
font-size : 12px;
line-height : 16px;
font-family : Cinzel Decorative, cursive;
}
.main {
background-image : url(../images/container-bg.jpg?cee37890a3dfc98e36d39a16f42b1206);
background-size : cover;
min-height : 600px;
margin-top : 140px;
padding-bottom : 100px;
position : relative;
}
.main header img {
margin : 0 auto;
position : absolute;
display : block;
top : -100px;
z-index : 9;
left : 50%;
transform : translateX(-50%);
}
.main .line {
right : 0;
background : url(../images/line.png?2609113eecc7d9850546e906518ecd39);
height : 35px;
background-size : 145px;
border-radius : 50px;
overflow : hidden;
}
@media (min-width:1200px) {
.main .page-section {
padding : 20px 30px;
}
.main .left-section {
padding-left : 30px !important ;
}
.main .right-section {
padding-right : 30px !important ;
}
}
.main .page-section table {
margin : 20px 0;
}
.main .server {
width : 100%;
height : 300px;
position : relative;
margin-top : -25px;
right : -20px;
background-image : url(../images/box.png?c9a7e1e6c8d16f7a72ecdb6a5c248253);
background-size : 100%;
padding : 90px 50px;
text-align : center;
right : 5px !important ;
}
.main .server h1 {
margin : 0;
padding : 0;
font-size : 12px;
}
.main .server .item {
display : table;
width : 100%;
font-size : 12px;
padding : 10px 0 0;
}
.main .server .item span {
float : left;
}
.main .server .item .bar {
width : calc(100% - 100px);
height : 7px;
background : #222;
position : relative;
float : left;
margin : 4px 10px;
border-radius : 30px;
overflow : hidden;
}
.main .server .item .bar .line {
height : 100%;
left : 0;
background-image : url(../images/status.jpg);
}
.main .server .item .count {
font-size : 11px;
float : right;
}
.main .server .button {
background : url(../images/button.png);
width : 239px;
height : 90px;
color : #ffd95f;
display : block;
text-decoration : none;
line-height : 95px;
font-weight : 700;
filter : drop-shadow(1px 1px 19px black);
text-shadow : 1px 1px 3px #000;
font-size : 15px;
}
.main .server .button:hover {
color : #fff;
}
.main .menu {
background-image : url(../images/menu.png);
height : 100px;
width : 100%;
background-size : 100% 100%;
padding : 0 30px;
filter : drop-shadow(0 0 13px black);
z-index : 1;
position : relative;
}
.main .menu ul {
padding : 0;
display : table;
margin : 0 auto;
}
.main .menu ul li {
list-style : none;
display : inline-block;
position : relative;
}
.main .menu ul li:hover .dropdown-menu {
display : table;
}
.main .menu ul li a {
position : relative;
z-index : 6;
font-size : 14px;
display : block;
padding : 34px 7px 26px;
filter : drop-shadow(0 0 5px #000);
text-shadow : 0 0 5px #000;
color : #fff;
text-decoration : none;
border-right : 6px solid rgb(0 0 0 / 0.29);
}
.main .menu ul li a:hover {
background : rgb(23 16 0 / 0.45);
}
.main .menu ul li .dropdown-menu {
position : absolute;
left : -20%;
width : auto;
height : auto;
padding : 10px 5px 0;
display : none;
background : rgb(23 16 0 / 0.85);
}
.main .menu ul li .dropdown-menu li {
margin-bottom : 15px;
padding : 5px 10px;
display : block;
width : 100%;
text-align : center;
}
.main .menu ul li .dropdown-menu li:hover {
background-color : #291c01;
}
.main .menu ul li .dropdown-menu li a {
display : block;
width : auto;
color : #fff;
border-right : none !important ;
padding : 0;
font-size : 12px !important ;
cursor : pointer !important ;
}
.main .news .item {
border : #404040 solid 1px;
padding : 5px;
border-radius : 10px;
margin : 10px 0;
}
.main .news .item .media img {
width : 100%;
height : 100px;
border-radius : 10px;
object-fit : cover;
}
.main .news .item h2 {
font-size : 20px;
font-family : Metamorphous, cursive;
text-align : left !important ;
margin-bottom : 0;
}
.main .news .item small {
font-size : 11px;
margin : 5px 0;
display : block;
opacity : 0.4;
}
.main .page-section {
position : relative;
z-index : 0;
}
.main .page-section ul {
margin : 0 0 5px;
display : table;
width : 100%;
}
.main .page-section ul .list-style li {
list-style-type : decimal;
}
.main .page-section ul .list-style li ul {
margin-top : 20px;
padding : inherit;
}
.main .page-section ul .list-style li .strong {
font-weight : 700;
}
.main .page-section ul h5 {
font-weight : 700;
font-size : 16px;
}
.main .page-section ul li {
list-style : none;
float : left;
padding : 0 5px;
width : 33.3333%;
}
.main .page-section ul li a {
display : block;
border-radius : 5px;
text-shadow : 1px 1px #000;
text-align : center;
background : linear-gradient(180deg, #51380e 0, #211602);
border : #39280b solid 1px;
text-decoration : none;
text-transform : uppercase;
padding : 7px 0;
color : #fff;
}
.main .page-section ul li a:hover {
background : #39280b;
}
.main .page-section article h2 {
font-size : 16px;
}
.main .page-section article .news .date {
margin : 12px 0 20px;
border-bottom : 1px solid #a46412;
padding-bottom : 7px;
}
.main .widget {
margin : 20px 0;
border-radius : 5px;
overflow : hidden;
}
.main .widget .title {
background : url(../images/widget-title.png?7926f86c18d3cefe0b9b37c3bc0d3060);
height : 50px;
background-size : 100%;
color : #fff;
display : block;
line-height : 52px;
font-weight : 700;
text-align : center;
text-shadow : 1px 1px 3px #000;
font-size : 20px;
}
.main .widget .select-section {
padding : 10px;
background : linear-gradient(180deg, #23140e 0, #000);
}
.main .widget .section .nav-justified li {
border-right : 1px solid #000;
}
.main .widget .section .nav-justified li:last-child {
border : none;
}
.main .widget .section .nav-justified li a {
color : #fff;
font-size : 12px;
padding : 10px 0;
background : linear-gradient(180deg, #351e15 0, #100c04);
box-shadow : 0 1px #4d2a1b inset;
}
.main .widget .section .nav-justified li.active a {
background : linear-gradient(180deg, #23140e 0, #000);
}
.main #ekosoftSlider, .main #ekosoftSlider .item {
overflow : hidden;
border-radius : 50px;
}
.main #ekosoftSlider .item {
max-height : 275px;
}
.main .line-top {
pointer-events : none;
background : url(../images/section-line.png?ff203f45620635627d381ebad35755f8);
z-index : 3;
height : 10px;
position : absolute;
top : 0;
left : 0;
width : 100%;
background-size : 60px;
}
.main .line-top-right {
right : -50px;
}
.main .line-top-left, .main .line-top-right {
pointer-events : none;
background : url(../images/section-line-wings.png?defde5f4c06cff7cc7650b6fc9a39253);
z-index : 3;
height : 115px;
position : absolute;
top : -40px;
width : 150px;
background-size : 150px;
}
.main .line-top-left {
transform : rotateY(180deg);
left : -50px;
}
.main .line-bottom-right {
right : -50px;
transform : rotateX(180deg);
}
.main .line-bottom-left, .main .line-bottom-right {
pointer-events : none;
background : url(../images/section-line-wings.png?defde5f4c06cff7cc7650b6fc9a39253);
z-index : 3;
height : 115px;
position : absolute;
bottom : -40px;
width : 150px;
background-size : 150px;
}
.main .line-bottom-left {
transform : rotateY(180deg) rotateX(180deg);
left : -50px;
}
.main .line-bottom {
pointer-events : none;
background : url(../images/section-line.png?ff203f45620635627d381ebad35755f8);
z-index : 3;
height : 10px;
position : absolute;
bottom : 0;
left : 0;
width : 100%;
background-size : 60px;
}
.main .line-left, .main .line-right {
pointer-events : none;
background : url(../images/secton-line-left-right.png?d26161a5ffb518e00ef0a91248965180);
z-index : 3;
top : 0;
height : 100%;
position : absolute;
width : 10px;
background-size : 8px;
}
.main .line-right {
right : 0;
}
.mt-30px {
margin-top : 30px;
}
.guide-arty {
width : 100%;
}
.guide-arty thead {
background-color : #4d3834;
text-align : center;
}
.guide-arty thead th, .guide-arty thead tr {
line-height : 35px;
text-indent : 10px;
}
.guide-arty tbody.center-table tr td:first-child {
text-align : left;
}
.guide-arty tbody tr td {
border-bottom : 1px dashed #4d3834;
}
.guide-arty tbody tr.accredited {
color : #8a3136;
}
.guide-arty tbody tr.royal {
color : #897d3e;
}
.guide-arty tbody tr.clan {
color : #3e4c89;
}
.guide-arty tbody tr:hover {
background-color : hsl(0 0% 100% / 0.3);
}
.guide-arty tr {
text-align : center;
}
.guide-arty tr td {
line-height : 30px;
}
.guide-arty tr td:first-child {
font-weight : 700;
}
.guide-arty tr td:nth-child(4) {
width : 25%;
}
.guide-arty tr td a {
padding : 10px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
}
.guide-arty tr td a:hover {
background-color : #ab3b27;
}
.ekosoft-btn {
background : url(../images/button.png);
width : 239px;
height : 90px;
color : #ffd95f;
display : block;
text-decoration : none;
line-height : 95px;
font-weight : 700;
text-align : center;
filter : drop-shadow(1px 1px 19px black);
text-shadow : 1px 1px 3px #000;
font-size : 15px;
margin : 0 auto;
}
.ekosoft-btn:hover {
text-decoration : none;
color : #fff;
}
.main .cont-items h4.title {
font-weight : 700 !important ;
text-align : center;
font-weight : 700;
font-size : 26px;
border-bottom : 1px solid #ffb408;
padding-bottom : 15px;
filter : drop-shadow(0 0 12px #805e10);
}
.main .cont-items .button {
background : url(../images/button.png);
width : 239px;
height : 90px;
color : #ffd95f;
display : block;
text-decoration : none;
line-height : 95px;
font-weight : 700;
text-align : center;
filter : drop-shadow(1px 1px 19px black);
text-shadow : 1px 1px 3px #000;
font-size : 15px;
margin : 0 auto;
}
.main .cont-items .button:hover {
color : #fff;
}
table.requirement {
border-collapse : separate;
border-spacing : 1px;
border : #3f332f solid 1px;
width : 100%;
margin-top : 30px;
}
table.requirement td {
border : none;
font-size : 14px;
text-align : center;
}
table.requirement td, table.requirement th {
outline : 1px solid #3f332f;
padding : 10px 15px;
}
table.requirement th {
background : #3f332f;
border : #251c19 solid 1px;
color : #fada74;
}
.btns .prev {
text-decoration : none;
color : #d2a037;
background : #472615;
padding : 6px 25px;
border-radius : 2px;
border : solid 1px;
}
.btns .prev:hover {
color : #fff;
cursor : pointer !important ;
}
@media (max-width:996px) {
.modal-open {
overflow-y : hidden !important ;
position : fixed;
top : 0;
height : 100%;
bottom : 0;
}
.page-section img .head-img {
width : 100%;
}
.page-section [class*=" col-md"], .page-section [class^="col-md"] {
clear : both;
}
.table-responsive {
border : none !important ;
}
.nav-justified > li {
display : table-cell;
width : 1%;
}
body {
overflow-x : hidden;
}
body .fix-menu {
background : linear-gradient(180deg, #402115 0, #080502);
height : 50px;
}
body .fix-menu .navbar {
position : absolute;
left : 10px;
top : 10px;
background : linear-gradient(180deg, #734736 0, #4a2601);
padding : 5px;
width : 35px;
font-size : 20px;
height : 30px;
border-radius : 5px;
color : #fff;
text-align : center;
min-height : 30px;
border : none;
}
body .fix-menu ul.user-menu li a {
border-radius : 30px;
margin : 7px 4px;
background : linear-gradient(180deg, #714533 0, #50300d);
font-size : 12px;
padding : 9px 10px;
height : 35px;
}
body .modal-dialog {
position : fixed;
top : 0 !important ;
margin : 0 !important ;
height : 100%;
overflow-y : scroll;
width : 100% !important ;
}
body .modal-dialog .modal-content {
position : absolute;
height : 100%;
border : none !important ;
overflow-y : scroll;
border-radius : 0 !important ;
}
body.opened-menu-view .main .menu .menu-view {
display:block;
}

body .main {
margin:140px auto;
}

body .main .menu {
-webkit-filter:none!important;
filter:none!important;
position:static;
z-index:inherit;
padding:0;
}

body .main .server {
width:345px;
height:300px;
margin:0 auto;
}

body .main .menu .menu-view {
position:fixed!important;
width:100%;
display:none;
top:0!important;
height:100%;
background:#000;
z-index:999;
overflow-y:scroll;
padding:0;
}



body .main .menu .menu-view ul li a {
border-bottom:1px solid #444;
padding:25px;
}

body .main .menu .menu-view .back-btn a {
background:#3a3a3a;
width:200px;
display:block;
color:#fff;
clear:both;
text-align:center;
position:absolute;
bottom:30px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
border-radius:30px;
padding:10px;
}

.modal-open,body.opened-menu-view {
overflow-y:hidden!important;
position:fixed;
top:0;
height:100%;
bottom:0;
}

.page-section img .head-img,body .main .menu .menu-view ul,body .main .menu .menu-view ul li {
width:100%;
}
}
.eror {
padding : 0 5%;
}
.eror h2 {
font-size : 30px;
}
.eror p {
font-size : 18px;
}
.eror p.home {
background-color : #4c3631;
text-indent : 20px;
display : block;
padding : 5px;
margin-bottom : 25px;
margin-top : 15px;
}
.eror p span {
border : #715149 solid 1px;
margin : 2px;
display : block;
padding : 7px 0;
}
.eror p span a {
text-decoration : none;
color : #fff;
cursor : pointer !important ;
}
.main-grid {
display:grid;
grid-template-rows:repeat(2,1fr);
grid-template-columns:repeat(3,1fr);
grid-gap:10px;
margin:40px 0;
}

.main-grid .grid-item {
display:inline-block;
border:3px solid #473b36;
border-radius:5px;
background-repeat:no-repeat;
background-position:0 0;
background-size:50%;
padding:0 10px;
}

.main-grid .grid-item:first-child {
background-image:url(../images/jump_menu_1.png);
grid-row:1/2;
grid-column:1/2;
}

.main-grid .grid-item:nth-child(2) {
background-image:url(../images/jump_menu_2.png);
grid-row:2/3;
grid-column:1/2;
}

.main-grid .grid-item:nth-child(4) {
background-image:url(../images/jump_menu_3.png);
grid-row:1/3;
grid-column:2/3;
}

.main-grid .grid-item:nth-child(5) {
background-image:url(../images/jump_menu_4.png);
grid-row:1/2;
grid-column:3/4;
}

.main-grid .grid-item:nth-child(6) {
background-image:url(../images/jump_menu_5.png);
grid-row:2/3;
grid-column:3/4;
}

.main-grid .grid-item.login:nth-child(3) {
background-color:#4e433f;
display:block;
grid-row:1/3;
grid-column:1/2;
border-color:#a46412;
}

.main-grid .grid-item.login h2 {
border-bottom:1px solid #a46412;
padding-bottom:5px;
margin-bottom:10px;
}

.main-grid .grid-item.login .point {
list-style:none;
display:flex;
flex-direction:column;
border-bottom:1px solid #a46412;
padding:0 15px;
}

.main-grid .grid-item.login .point li {
margin-bottom:10px;
width:100%;
display:flex;
justify-content:space-between;
}

.main-grid .grid-item.login .login-btn {
display:flex;
list-style:none;
flex-direction:column;
justify-content:space-between;
padding:0;
}

.main-grid .grid-item.login .login-btn a {
color:#fff;
background-color:#1f1f1f;
font-size:12px;
width:100%;
margin-bottom:10px;
text-align:center;
padding:7px 15px;
}

.main-grid .grid-item.login .login-btn a:hover {
cursor:pointer!important;
}

.main-grid .grid-item:hover {
border-color:#a46412;
}

.main-grid .grid-item a {
text-decoration:none;
color:#473b36;
}

.main-grid .grid-item a .grid-item__text {
text-align:right;
width:70%;
margin-left:auto;
font-size:10px;
}

.main-grid .grid-item a .grid-item__text h2 {
text-align:right;
font-size:20px;
font-weight:700;
} 
.page-section .gameplay-menu, .page-section .giris-menu, .page-section .guide-menu, .page-section .installation-menu, .page-section .zones-menu {
display : flex !important ;
justify-content : space-between;
}
.page-section .gameplay-menu li a.active, .page-section .giris-menu li a.active, .page-section .guide-menu li a.active, .page-section .installation-menu li a.active, .page-section .zones-menu li a.active {
color : #fff;
font-weight : 700;
background : linear-gradient(180deg, #dab046 0, #211602);
}
.page-section .giris-menu {
justify-content : flex-start;
}
.page-section .giris-menu li {
margin-right : 35px;
}
.character-desc-block, .gameplay-block, .giris-block, .guide-block, .zones-block {
padding : 0 5%;
}
.character-desc-block h2, .gameplay-block h2, .giris-block h2, .guide-block h2, .zones-block h2 {
text-align : left !important ;
padding-bottom : 10px;
font-size : 22px;
text-indent : 20px;
margin-top : 50px;
margin-bottom : 15px;
font-weight : 600;
position : relative;
}
.character-desc-block h2:after, .gameplay-block h2:after, .giris-block h2:after, .guide-block h2:after, .zones-block h2:after {
content : "";
position : absolute;
top : 33px;
left : 0;
width : 28%;
height : 2px;
background-color : #fada74;
}
.character-desc li, .gameplay-desc li, .giris-desc li, .guide-desc li, .installation-desc li, .zones-desc li {
text-indent : 0;
width : 100% !important ;
margin-bottom : 15px;
position : relative;
}
.character-desc li h3, .gameplay-desc li h3, .giris-desc li h3, .guide-desc li h3, .installation-desc li h3, .zones-desc li h3 {
font-size : 18px;
text-indent : 0;
margin-bottom : 15px;
}
.character-desc li a, .gameplay-desc li a, .giris-desc li a, .guide-desc li a, .installation-desc li a, .zones-desc li a {
display : inline-block !important ;
padding : 6px 15px !important ;
margin-left : 15px;
}
.character-desc li img, .gameplay-desc li img, .giris-desc li img, .guide-desc li img, .installation-desc li img, .zones-desc li img {
margin : 2px;
}
.character-desc li img.float-img, .gameplay-desc li img.float-img, .giris-desc li img.float-img, .guide-desc li img.float-img, .installation-desc li img.float-img, .zones-desc li img.float-img {
float : right;
}
.character-desc li .img-group, .gameplay-desc li .img-group, .giris-desc li .img-group, .guide-desc li .img-group, .installation-desc li .img-group, .zones-desc li .img-group {
display : flex;
flex-direction : row;
align-items : center;
}
.character-desc li p.float-text, .gameplay-desc li p.float-text, .giris-desc li p.float-text, .guide-desc li p.float-text, .installation-desc li p.float-text, .zones-desc li p.float-text {
width : 70%;
float : left;
}
.arayuz-list, .battle-list, .castle-list, .character-list, .clan-list, .guide-list, .oynamis-list, .zindan-list {
display : flex;
flex-direction : row;
align-items : center;
list-style : none;
margin : 25px 0 15px !important ;
background : #4c3631;
padding : 10px !important ;
border-radius : 2px;
}
.arayuz-list li, .battle-list li, .castle-list li, .character-list li, .clan-list li, .guide-list li, .oynamis-list li, .zindan-list li {
position : relative;
margin-right : 40px;
width : auto !important ;
float : none !important ;
display : inline-block;
padding : 5px !important ;
}
.arayuz-list li a, .battle-list li a, .castle-list li a, .character-list li a, .clan-list li a, .guide-list li a, .oynamis-list li a, .zindan-list li a {
text-decoration : none;
color : #9c9c9c !important ;
font-size : 16px;
background : none !important ;
border : none !important ;
text-transform : none !important ;
padding : 0 !important ;
text-shadow : none !important ;
}
.arayuz-list li:hover a, .arayuz-list li a.active, .battle-list li:hover a, .battle-list li a.active, .castle-list li:hover a, .castle-list li a.active, .character-list li:hover a, .character-list li a.active, .clan-list li:hover a, .clan-list li a.active, .guide-list li:hover a, .guide-list li a.active, .oynamis-list li:hover a, .oynamis-list li a.active, .zindan-list li:hover a, .zindan-list li a.active {
color : #fff !important ;
}
.arayuz-list li:after, .battle-list li:after, .castle-list li:after, .character-list li:after, .clan-list li:after, .guide-list li:after, .oynamis-list li:after, .zindan-list li:after {
content : "";
position : absolute;
right : -38px;
top : 50%;
transform : rotate(90deg);
height : 2px;
width : 25px;
background-color : #6f5d57;
}
.arayuz-list li:last-child:after, .battle-list li:last-child:after, .castle-list li:last-child:after, .character-list li:last-child:after, .clan-list li:last-child:after, .guide-list li:last-child:after, .oynamis-list li:last-child:after, .zindan-list li:last-child:after {
display : none;
}
p.rehber-lead {
color : #9c3000;
}
#arayuz, #karakter, #kurulum, #tuslari {
padding : 0 5%;
}
#arayuz h2, #karakter h2, #kurulum h2, #tuslari h2 {
text-align : left !important ;
padding-bottom : 10px;
font-size : 22px;
text-indent : 20px;
margin-top : 50px;
font-weight : 600;
position : relative;
}
#arayuz h2:after, #karakter h2:after, #kurulum h2:after, #tuslari h2:after {
content : "";
position : absolute;
top : 33px;
left : 0;
width : 28%;
height : 2px;
background-color : #fada74;
}
#arayuz, #karakter, #sub_tab2, #sub_tab3, #sub_tab4, #sub_tab5, #sub_tab6, #sub_tab7, #sub_tab8, #sub_tab9, #sub_tab10, #sub_tab11, #sub_tab12, #sub_tab13, #sub_tab14, #sub_tab15, #sub_tab16, #sub_tab17, #sub_tab18, #tuslari {
display : none;
}
.installation-desc {
padding : 0 25px;
}
.installation-desc li {
text-indent : 0;
width : 100% !important ;
margin-bottom : 15px;
position : relative;
}
.installation-desc li h3 {
font-size : 18px;
text-indent : 0;
margin-bottom : 15px;
}
.installation-desc li a {
display : inline-block !important ;
padding : 6px 15px !important ;
margin-left : 15px;
}
.installation-desc li img {
margin-left : 15px;
}
.installation-desc li .img-group {
display : flex;
flex-direction : row;
align-items : center;
}
.installation-desc li .mouse-click {
position : absolute;
z-index : 1;
}
.installation-desc li .mouse_left {
top : 188px;
width : 205px;
}
.installation-desc li .mouse_center {
top : 83px;
left : 288px;
}
.installation-desc li .mouse_right {
top : 183px;
left : 315px;
width : 225px;
text-align : center;
}
.installation-desc li .key {
background : #534a47;
padding : 5px 10px;
margin-bottom : 10px;
display : inline-block;
text-indent : 0;
margin-right : 10px;
}
.installation-desc li .keybord-key {
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-items : center;
width : 100%;
margin-top : 15px;
}
.installation-desc li .keybord-key li {
flex-basis : 33%;
width : 33% !important ;
}
.installation-desc li .keybord-key li:last-child {
width : auto !important ;
flex-basis : auto;
}
.installation-desc li .keybord-key__full {
margin-top : 50px;
}
.installation-desc li .keybord-key__full li {
margin-bottom : 0;
}
#cospre, #help, #power, #power-up, #specials, #user__password, #vounchers {
display : none;
}
#account__user {
display : block !important ;
}
#help p {
text-indent : 15px;
color : #9c9c9c;
margin : 25px 0;
}
#help h4 {
color : #e2e2e2;
margin : 10px 0;
}
.account {
padding : 0 5%;
}
.account .user__name {
font-size : 20px;
text-align : left;
}
.account .user__name span {
color : #fff;
font-weight : 700;
}
.account .user__menu {
display : flex;
flex-direction : row;
align-items : center;
list-style : none;
margin : 25px 0 15px;
background : #4c3631;
padding : 10px;
border-radius : 2px;
}
.account .user__menu li {
position : relative;
margin-right : 50px;
}
.account .user__menu li a {
text-decoration : none;
color : #9c9c9c;
font-size : 16px;
}
.account .user__menu li:hover a, .account .user__menu li a.active {
color : #fff;
}
.account .user__menu li:after {
content : "";
position : absolute;
right : -38px;
top : 50%;
transform : rotate(90deg);
height : 2px;
width : 25px;
background-color : #6f5d57;
}
.account .user__menu li:last-child:after {
display : none;
}
.account .user__table {
display : flex;
flex-direction : row;
flex : 0 1;
}
.account .user__table-list {
flex-basis : 25%;
list-style : none;
background-color : #2d1b10;
padding : 0;
}
.account .user__table-list li {
border : #4c3631 solid 1px;
line-height : 50px;
text-indent : 10px;
margin : 5px;
}
.account .user__table-desc {
flex-basis : 75%;
list-style : none;
padding : 0;
}
.account .user__table-desc li {
line-height : 50px;
text-indent : 10px;
margin : 5px;
height : 52px;
display : flex;
align-items : center;
}
.account .user__table-desc li input {
width : 50%;
}
.account .user__help {
background-color : #2f2220;
width : 100%;
}
.account .user__help thead {
background-color : #4d3834;
}
.account .user__help tr td {
padding : 6px 15px;
}
.account .user-block h4 {
display : inline-block;
}
.account .user-block .btn-ticket {
display : flex;
justify-content : space-between;
align-items : center;
margin-bottom : 10px;
}
.account .user-block .btn-ticket a {
padding : 7px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
font-size : 16px;
}
.account .transver-list {
display : flex;
flex-direction : row;
justify-content : space-between;
list-style : none;
background-color : #1b110f;
padding : 10px;
margin : 0 0 15px;
}
.account .transver-list li {
position : relative;
}
.account .transver-list li a {
text-decoration : none;
color : #9c9c9c;
}
.account .transver-list li:hover a, .account .transver-list li a.active {
color : #fff;
}
.account .transver-list li:after {
content : "";
position : absolute;
right : -38%;
top : 50%;
transform : rotate(90deg);
height : 2px;
width : 25px;
background-color : #313131;
}
.account .transver-list li:last-child:after {
display : none;
}
.account .power-kategoriler {
display : flex;
align-items : center;
list-style : none;
border : #4c3631 solid 2px;
padding : 0;
}
.account .power-kategoriler li {
margin-right : 25px;
margin-left : 10px;
line-height : 30px;
}
.account .power-kategoriler li a {
text-decoration : none;
color : #9c9c9c;
}
.account .power-kategoriler li a.active {
color : #e86c58;
}
.account .power-kategoriler li:first-child {
background-color : #4c3631;
padding : 0 15px;
margin : 5px;
}
.account .power-kategoriler li:hover a {
color : #e86c58;
}
.account .power-kategoriler li:after {
content : "";
position : absolute;
right : -38%;
top : 50%;
transform : rotate(90deg);
height : 2px;
width : 25px;
background-color : #313131;
}
.account .power-kategoriler li:last-child:after {
display : none;
}
.account .server__block {
display : flex;
align-items : center;
}
.account .server__block span {
margin-right : 10px;
}
.account .server__block #server {
width : auto;
}
.account .point {
margin-top : 20px;
width : 100%;
display : flex;
justify-content : space-between;
text-align : center;
background-color : #4d3834;
padding : 5px 0;
}
.account .point span {
line-height : 20px;
width : 50%;
flex-basis : 50%;
}
.account .point span:first-child {
border-right : 1px solid #292929;
}
.account .power__desc {
margin-top : 25px;
}
.account .power__desc span {
display : inline-block;
color : red;
font-weight : 700;
margin-bottom : 15px;
}
.account .power__desc span:first-child {
margin-right : 10px;
color : #fff;
font-weight : 400;
}
.account .power__desc select {
width : auto;
display : inline-block;
}
.account .power__desc p {
color : #ff0;
}
.account .shop__block {
overflow : auto;
margin-top : 30px;
height : 600px;
}
.account .shop__block table {
width : 100%;
}
.account .shop__block table thead {
background-color : #4d3834;
text-align : center;
}
.account .shop__block table tbody tr td {
line-height : 65px;
border-bottom : 1px dashed #4d3834;
}
.account .shop__block table tr {
text-align : center;
}
.account .shop__block table tr td {
line-height : 30px;
}
.account .shop__block table tr td:nth-child(4) {
width : 25%;
}
.account .shop__block table tr td a {
padding : 10px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
}
.account .shop__block table tr td a:hover {
background-color : #ab3b27;
}
#carkifelek, #cinsiyet, #klasgame, #npoint, #transferi, #turnuva {
display : none;
}
.shoping__block table {
width : 100%;
margin-top : 50px;
}
.shoping__block table thead {
background-color : #4d3834;
text-align : center;
}
.shoping__block table tbody {
text-align : center;
}
.shoping__block table tr td {
line-height : 35px;
}
.shoping__block .bank-list {
border-right : 1px solid #cf9230;
padding-right : 10px;
}
.shoping__block .bank-list a {
display : block;
margin-bottom : 25px;
text-align : center;
}
.shoping__block .bank-list a img {
width : 60%;
}
.shoping__block .bank-list a.active {
border : #337ab7 dashed 1px;
}
.shoping__block .bank img {
width : 20%;
display : block;
}
.shoping__block .bank h3 {
font-size : 18px;
}
.shoping__block .bank span {
margin-top : 20px;
display : inline-block;
color : #9c9c9c;
}
.shoping__block .bank .pin-btn {
margin-top : 20px;
text-decoration : none;
color : #000;
display : inline-block;
cursor : pointer !important ;
background-color : #fff;
padding : 7px 10px;
border-radius : 3px;
}
.shoping__block .bank .hesap-bilgi {
text-decoration : none;
padding : 0;
}
.shoping__block .bank .hesap-bilgi li span:first-child {
margin-right : 10px;
}
.shoping__block .bank .hesap-bilgi li span:nth-child(2) {
color : #ff0;
}
.shoping__block .bank .input-group {
display : flex;
flex-direction : row;
justify-content : space-between;
align-items : center;
}
.shoping__block .bank .input-group input {
margin-right : 10px;
}
.shoping__block .bank .buy-group {
display : flex;
flex-direction : row;
align-items : center;
margin-bottom : 25px;
}
.shoping__block .bank .buy-group select {
width : auto;
}
.shoping__block .bank .buy-group .buy-btn {
padding : 10px 25px;
text-decoration : none;
color : #dadada;
border : #241907 solid 1px;
margin-left : 15px;
background-color : #0f0a09;
}
.shoping__block .bank .buy-group p {
margin-bottom : 20px;
}
.warning {
width : 100%;
height : auto;
background-size : cover;
background-repeat : no-repeat;
padding : 25px 5px;
}
.warning p {
color : #9c9c9c;
margin-bottom : 30px;
}
.warning p.warning-message {
color : #ff0 !important ;
}
.warning p.select {
display : flex;
flex-direction : row;
align-items : center;
}
.warning p.select span {
margin-right : 10px;
}
.warning p.select select {
width : auto;
}
.shoping-btn {
padding : 10px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
margin-left : 30px;
display : none;
}
.shoping-btn:hover {
background-color : #ab3b27;
color : #fff;
text-decoration : none;
}
.shoping-btn.active {
display : inline-block;
}
.wallpaper-section h1 {
margin-bottom : 20px;
}
.wallpaper-section .btn-group {
display : flex;
flex-direction : row;
align-items : center;
margin-top : 10px;
}
.wallpaper-section .btn-group a {
padding : 10px;
background-color : rgb(56 58 53 / 0.47);
border : #a36425 solid 1px;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
}
.wallpaper-section .btn-group a:first-child {
margin-right : 15px;
}
.wallpaper-section .btn-group a:hover {
background-color : #a36425;
}
.new {
padding : 0 15%;
}
.new .news .item a h2 {
margin-top : 10px !important ;
margin-bottom : 10px;
}
.new .news .item small {
margin-bottom : 10px;
}
.new-blocks {
padding : 0 10% !important ;
}
@media only screen, (max-width:676px) {
.new, .new-blocks {
padding : 0;
}
}
.fans {
padding : 0 10%;
}
.fans .fan-list {
list-style : none;
}
.fans span {
margin-bottom : 5px;
}
.fans p, .fans span {
line-height : 25px;
}
.fans .fan-btn {
background : url(../images/button.png);
width : 239px;
height : 90px;
color : #ffd95f;
display : block;
text-decoration : none;
line-height : 95px;
font-weight : 700;
text-align : center;
filter : drop-shadow(1px 1px 19px black);
text-shadow : 1px 1px 3px #000;
font-size : 15px;
margin : 0 auto;
}
@media only screen, (max-width:676px) {
.fans {
padding : 0;
}
}
#bronze, #gold, #internetMagaza, #premiumEsya, #premiumEsyalar {
display : none;
}
.magaza-list {
width : 100%;
list-style : none;
padding : 0;
display : flex;
flex-direction : row;
justify-content : center;
align-items : center;
}
.magaza-list li {
margin-right : 20px;
background-color : #392822;
border : #63370e solid 2px;
border-radius : 10px;
}
.magaza-list li:hover {
background-color : #703e16;
}
.magaza-list li a {
text-decoration : none;
color : #fff;
width : 200px;
height : 30px;
display : flex;
justify-content : center;
align-items : center;
}
.magaza-list li a.active {
color : #c68a2e;
}
.magaza {
padding : 0 5%;
}
.magaza h2 {
font-size : 24px;
font-weight : 900;
text-align : left;
margin-bottom : 20px;
}
.magaza ul {
list-style : none;
}
.magaza img {
margin-bottom : 15px;
}
.magaza .power-list li {
margin-bottom : 25px;
}
.magaza .power-list li h3 {
font-size : 17px;
}
.magaza .power-list li p {
text-indent : 20px;
color : #9a9a9a;
}
.rehber-list, .star-list {
display : flex;
flex-direction : row;
border : #63370e;
position : relative;
padding : 0;
align-items : center;
background-color : rgb(0 0 0 / 0.28);
}
.rehber-list:before, .star-list:before {
content : "";
position : absolute;
top : -4px;
left : -5px;
width : 101%;
height : 110%;
border : #3e3e3e solid 1px;
z-index : 0;
}
.rehber-list li, .star-list li {
z-index : 10;
position : relative;
margin-right : 50px;
}
.rehber-list li a, .star-list li a {
color : #9c9c9c;
text-decoration : none;
display : flex;
flex-direction : column;
align-items : flex-start;
}
.rehber-list li a img, .star-list li a img {
margin-bottom : 10px;
}
.rehber-list li a h3, .star-list li a h3 {
margin : 10px 0;
font-size : 20px;
}
.rehber-list li a.active, .star-list li a.active {
color : #fff;
}
.rehber-list li:first-child, .star-list li:first-child {
text-indent : 20px;
position : relative;
background-color : #4c3631;
width : 11%;
line-height : 104px;
display : block;
font-weight : 700;
font-size : 16px;
}
.rehber-list li:hover a, .star-list li:hover a {
color : #fff;
}
.rehber-list:before {
top : -2px;
height : 110%;
}
.rehber-list li:first-child {
line-height : 50px;
}
.container-custom {
width : 85%;
margin : 0 auto;
text-align : center;
}
.container-custom h2 {
text-align : center;
}
.container-custom.platinum-bg {
position : relative;
}
.container-custom.platinum-bg:after, .container-custom.platinum-bg:before {
content : "";
position : absolute;
z-index : 0;
width : 100%;
height : 500px;
}
.container-custom.platinum-bg:before {
background : url(../images/premium_bg1.png?f8c8868c10212e697db40bd43c028f95) no-repeat;
top : 15%;
left : -10%;
}
.container-custom.platinum-bg:after {
background : url(../images/premium_bg2.png?fd62925a0452fd3a2bd810056b696620) no-repeat;
top : 15%;
right : -73%;
}
.container-custom.gold-bg {
position : relative;
}
.container-custom.gold-bg:after, .container-custom.gold-bg:before {
content : "";
position : absolute;
z-index : 0;
width : 100%;
height : 500px;
}
.container-custom.gold-bg:before {
background : url(../images/gold_bg1.png?b526e210b7670f1ed4aea62af6d873d6) no-repeat;
top : 15%;
left : -10%;
}
.container-custom.gold-bg:after {
background : url(../images/gold_bg2.png?7c61db4a716183c400f50f9b4d3e4d4a) no-repeat;
top : 15%;
right : -73%;
}
.container-custom.bronze-bg {
position : relative;
}
.container-custom.bronze-bg:after, .container-custom.bronze-bg:before {
content : "";
position : absolute;
z-index : 0;
width : 100%;
height : 500px;
}
.container-custom.bronze-bg:before {
background : url(../images/bronze_bg1.png?19328a0f15085adf8602be69a5484bd7) no-repeat;
top : 15%;
left : -10%;
}
.container-custom.bronze-bg:after {
background : url(../images/bronze_bg2.png?82e47caf1f2d3c8a71fe0c252e120696) no-repeat;
top : 15%;
right : -73%;
}
.shop__block {
background-color : #1b110f;
border-radius : 5px;
padding : 20px 0;
}
.shop__block a {
margin-bottom : 20px;
}
.shop__block p {
color : #ffd95f;
margin : 15px;
height : 170px;
display : flex;
justify-content : center;
align-items : center;
}
.shop-grid {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : space-between;
width : 90%;
margin : 0 auto;
z-index : 50;
position : relative;
}
.shop-grid .grid-item {
flex-basis : 48%;
display : flex;
flex-direction : row;
align-items : center;
padding : 5px;
background : #4c3631;
margin-right : 10px;
margin-bottom : 15px;
border-radius : 5px;
text-align : left;
}
.shop-grid .grid-item img {
width : auto;
height : auto;
margin : 0 15px 0 0;
}
.shop-grid .grid-item div h4 {
font-size : 14px;
margin : 0 0 5px;
}
.shop-grid .grid-item div span {
font-size : 10px;
color : #e9e9e9;
}
.star-block p.star-lead {
color : #9c3000;
}
#battle, #battle_tab2, #battle_tab3, #castle, #castle_tab2, #castle_tab3, #castle_tab4, #clan, #clan_tab2, #draki, #dungeon, #img-battle2, #img-battle3, #img-lunar2, #img-lunar3, #img-lunar4, #img-tab2, #img-tab3, #img-tab4, #img-tab5, #lunar, #oynamis_2, #oynamis_3, #oynamis_4, #oynamis_5, #oynamis_6, #oynamis_7, #oynamis_8, #oynamis_9, #oynamis_10, #oynamis_11, #oynamis_12, #oynamis_13, #oynamis_14, #ozet, #zindan_2, #zindan_3, #zindan_4 {
display : none;
}
.img-battle, .img-list, .img-lunar {
display : flex !important ;
flex-direction : row;
}
.img-battle li, .img-list li, .img-lunar li {
width : auto !important ;
}
.img-battle li a, .img-list li a, .img-lunar li a {
background : transparent !important ;
border : none !important ;
padding : 0 !important ;
margin : 0;
}
.img-battle li a img, .img-list li a img, .img-lunar li a img {
width : 100px;
height : 100px;
object-fit : cover;
margin : 0;
}
#karus_tab2, #karus_tab3, #karus_tab4, #karus_tab5, #morad_tab1, #morad_tab2, #morad_tab3, #morad_tab4, #morad_tab5 {
display : none;
}
.character-block {
display : flex;
flex-direction : row;
flex : 0 1;
margin : 10px 25px;
}
.character-block__img {
background-color : #4c3631;
flex-basis : 15%;
}
.character-block__desc {
flex-basis : 85%;
display : flex;
flex-direction : column;
}
.character-block__desc ul {
margin : 0 15px !important ;
}
.character-block__desc p {
padding : 0 15px !important ;
}
.karus-group .character-block__img {
background-image : url(../images/character_race_karus.png?c2fae53db3058ebd6e4e0d9d983ebb48);
}
.karus-group .character-block__img, .morad-group .character-block__img {
background-repeat : no-repeat;
text-align : center;
padding : 7px 0;
background-position : -7% 20%;
}
.morad-group .character-block__img {
background-image : url(../images/character_race_elmorad.png?edb78ced16b1fb89099e5700ee6aaa71);
}
.character-desc li {
list-style : none;
}
.character-desc li ul li {
list-style-type : decimal !important ;
}
#autodrops, #eventpresents, #eventtimes, #exchangerates, #fishingdrops, #kingsystem, #miningdrops, #moblist, #premiumgifts, #pusitems, #upgraderates {
display : none;
}
.promo-block h2 {
font-size : 26px;
position : relative;
border-bottom : 1px solid;
padding-bottom : 15px;
width : 50%;
margin : 35px auto;
}
.promo-block p {
color : #9c9c9c;
margin-top : 15px;
flex-basis : 25%;
}
.promo-block .input-block {
margin-top : 20px;
}
.promo-block .input-block, .promo-block .input-group {
display : flex;
flex-direction : row;
justify-content : space-evenly;
align-items : center;
}
.promo-block .input-group {
flex-basis : 70%;
}
.promo-block .input-group input {
width : 17%;
position : relative;
}
.promo-block .input-group span {
color : #d79b33;
}
.promo-block .input-group a {
padding : 7px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
margin-left : 25px;
}
@media only screen, (max-width:767px) {
.promo-block p {
flex-basis : 100%;
}
.promo-block .input-block {
flex-direction : column;
}
.promo-block .input-group {
flex-basis : 100%;
}
.promo-block .input-group input {
width : 20%;
}
}
table thead tr th {
text-align : center;
}
.gamemasters-block h2 {
font-size : 26px;
position : relative;
border-bottom : 1px solid;
padding-bottom : 15px;
width : 50%;
margin : 35px auto;
}
.gamemasters-block .left-select {
display : flex;
justify-content : flex-end;
}
.gamemasters-block .left-select select {
width : auto !important ;
}
.new__ticket-block h2 {
font-size : 26px;
position : relative;
border-bottom : 1px solid;
padding-bottom : 15px;
width : 50%;
margin : 35px auto;
}
.new__ticket-block p {
margin-bottom : 20px;
}
.new__ticket-block p b {
color : #fed85b;
}
.new__ticket-block .ticket-area, .new__ticket-block .ticket-input {
margin-bottom : 20px;
}
.new__ticket-block .ticket-area span, .new__ticket-block .ticket-input span {
margin-bottom : 5px;
display : block;
}
.new__ticket-block .ticket-btn {
margin-top : 35px;
text-align : center;
}
.new__ticket-block .ticket-btn a {
padding : 7px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
font-size : 16px;
}
.info_section {
display : inline-block;
vertical-align : top;
margin : 0 20px;
width : 95%;
}
.info_section .title_row {
margin : 20px 0 0;
}
.login_notice {
position : relative;
margin : 0 auto;
width : 450px;
height : 597px;
background : url(../images/login_notices.png) top no-repeat;
font-size : 1em;
text-align : center;
color : #fff;
}
.login_notice .title1 {
background : none;
border : none;
position : absolute;
color : #c7951d;
margin-top : 66px;
margin-left : -179px;
width : 358px;
text-align : center;
text-shadow : 1px 1px 1px #000;
}
.login_notice .save {
margin-top : 552px;
position : absolute;
width : 183px;
height : 34px;
margin-left : 143px;
cursor : pointer;
}
.login_notice .message1 {
background : none;
border : none;
position : absolute;
margin-left : -179px;
width : 358px;
color : #d9d2a2;
text-align : left;
text-shadow : 1px 1px 1px #000;
}
.login_notice .msg1_1 {
margin-top : 100px;
}
.login_notice .msg1_2 {
margin-top : 125px;
}
.login_notice .msg1_3 {
margin-top : 150px;
}
.login_notice .msg1_4 {
margin-top : 175px;
}
.login_notice .title2 {
color : #c7951d;
margin-top : 231px;
text-align : center;
}
.login_notice .message2, .login_notice .title2 {
background : none;
border : none;
position : absolute;
margin-left : -179px;
width : 358px;
text-shadow : 1px 1px 1px #000;
}
.login_notice .message2 {
color : #d9d2a2;
text-align : left;
}
.login_notice .msg2_1 {
margin-top : 260px;
}
.login_notice .msg2_2 {
margin-top : 285px;
}
.login_notice .msg2_3 {
margin-top : 310px;
}
.login_notice .msg2_4 {
margin-top : 335px;
}
.login_notice .title3 {
color : #c7951d;
margin-top : 396px;
text-align : center;
}
.login_notice .message3, .login_notice .title3 {
background : none;
border : none;
position : absolute;
margin-left : -179px;
width : 358px;
text-shadow : 1px 1px 1px #000;
}
.login_notice .message3 {
color : #d9d2a2;
text-align : left;
}
.login_notice .msg3_1 {
margin-top : 420px;
}
.login_notice .msg3_2 {
margin-top : 445px;
}
.login_notice .msg3_3 {
margin-top : 470px;
}
.login_notice .msg3_4 {
margin-top : 495px;
}
.char_info {
position : relative;
margin : 0 auto;
width : 395px;
height : 480px;
background : url(../images/character_info.png) top no-repeat;
font-size : 1em;
text-align : center;
color : #fff;
}
.char_info .verify_nick {
position : absolute;
margin-top : 17px;
margin-left : 286px;
width : 87px;
}
.char_info .verify_race {
position : absolute;
margin-top : 353px;
margin-left : 350px;
width : 87px;
}
.char_info .nick {
position : absolute;
margin-top : 22px;
margin-left : -97px;
}
.char_info .clan {
margin-left : -139px;
text-align : left;
color : red;
}
.char_info .clan, .char_info .class3 {
position : absolute;
margin-top : 87px;
width : 135px;
}
.char_info .class3 {
margin-left : -4px;
text-align : right;
}
.char_info .zone {
position : absolute;
margin-top : 188px;
margin-left : -136px;
width : 266px;
text-align : center;
}
.char_info .lastonline {
position : absolute;
margin-top :350px;
margin-left : -136px;
width : 266px;
text-align : center;
}
.char_info .status {
position : absolute;
margin-top : 19px;
margin-left : -147px;
width : 44px;
}
.char_info .level {
margin-left : -87px;
}
.char_info .level, .char_info .nation3 {
position : absolute;
margin-top : 118px;
width : 83px;
}
.char_info .nation3 {
margin-left : 41px;
}
.char_info .nclass {
position : absolute;
margin-top : 352px;
margin-left : -131px;
}
.char_info .nclass .el-input {
width : 122px !important ;
}
.char_info .gender {
position : absolute;
margin-top : 352px;
margin-left : 2px;
}
.char_info .gender .el-input {
width : 122px !important ;
}
.char_info .exp {
margin-top : 141px;
}
.char_info .exp, .char_info .loyalty {
position : absolute;
margin-left : -88px;
width : 211px;
}
.char_info .loyalty {
margin-top : 163px;
}
.char_info .str {
margin-top : 221px;
}
.char_info .hp, .char_info .str {
position : absolute;
margin-left : 34px;
width : 78px;
}
.char_info .hp {
margin-top : 244px;
}
.char_info .dex {
margin-top : 267px;
}
.char_info .dex, .char_info .mp {
position : absolute;
margin-left : 34px;
width : 78px;
}
.char_info .mp {
margin-top : 290px;
}
.char_info .int {
margin-left : 34px;
width : 78px;
}
.char_info .int, .char_info .stat {
position : absolute;
margin-top : 312px;
}
.char_info .stat {
margin-left : -80px;
color : #c06e84;
}
.char_info .master {
margin-left : 2px;
}
.char_info .master, .char_info .reset_stats {
position : absolute;
margin-top : 408px;
width : 121px;
}
.char_info .reset_stats {
margin-left : -131px;
}
.item_slot {
z-index : 1;
}
.item_img, .item_slot {
width : 47px !important ;
height : 47px !important ;
max-width : 47px !important ;
max-height : 47px !important ;
}
.item_img {
border : #fff dotted 0;
}
.info_bubble {
position : relative;
}
.itemBonuses {
color : #80ff00;
}
.item_search {
float : left;
margin-left : -5px;
font-size : 13px;
}
.item_img_search, .item_search {
z-index : 1;
width : 32px !important ;
height : 32px !important ;
}
.item_text_search {
margin-left : 5px;
font-size : 13px;
}
.item_counter {
font-size : 12px;
position : absolute;
z-index : 99998;
color : #fff;
margin-left : -22px;
margin-top : -15px;
text-shadow : -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
font-weight : 800;
}
.left_inventory_1 {
position : absolute;
z-index : 0;
width : 157px;
height : 102px;
margin-top : 45px;
margin-left : 36px;
}
.item_slot_1 {
z-index : 1;
}
.item_img_1, .item_slot_1 {
width : 48px !important ;
height : 49px !important ;
}
.item_img_1 {
margin-right : 4px;
}
.left_inventory_1_0 {
position : absolute;
z-index : 0;
width : 161px;
height : 159px;
margin-top : 147px;
margin-left : 41px;
}
.item_img_1_0, .item_slot_1_0 {
z-index : 1;
width : 45px !important ;
height : 45px !important ;
}
.item_img_1_0 {
margin-right : 55px;
}
.left_inventory_1_1 {
position : absolute;
z-index : 0;
width : 168px;
height : 50px;
margin-top : 225px;
margin-left : 42px;
}
.item_img_1_1, .item_slot_1_1 {
z-index : 1;
width : 47px !important ;
height : 48px !important ;
}
.item_img_1_1 {
margin-right : 11px;
}
.left_inventory_2 {
position : absolute;
z-index : 0;
width : 152px;
height : 159px;
margin-top : 312px;
margin-left : 34px;
}
.item_img_2, .item_slot_2 {
z-index : 1;
width : 49px !important ;
height : 47px !important ;
}
.left_inventory_3 {
position : absolute;
z-index : 0;
width : 161px;
height : 259px;
margin-top : 62px;
margin-left : 421px;
}
.item_img_3, .item_slot_3 {
z-index : 1;
width : 52px !important ;
height : 52px !important ;
}
.left_inventory_4 {
position : absolute;
z-index : 0;
width : 350px;
height : 159px;
margin-top : 332px;
margin-left : 229px;
}
.item_img_4, .item_slot_4 {
z-index : 1;
width : 47px !important ;
height : 45px !important ;
}
.selectItem {
box-shadow : 0 0 25px #0f0;
}
.inventoryBagOne {
margin-left : 35px;
}
.inventoryBagOne, .inventoryBagTwo {
z-index : 1;
position : absolute;
margin-top : 285px;
width : 57px;
height : 27px;
cursor : pointer;
}
.inventoryBagTwo {
margin-left : 98px;
}
.warehouseLeft {
margin-left : 138px;
}
.warehouseLeft, .warehouseRight {
z-index : 1;
position : absolute;
height : 19px;
width : 17px;
margin-top : 296px;
cursor : pointer;
}
.warehouseRight {
margin-left : 202px;
}
.goVipWarehouse {
z-index : 1;
position : absolute;
margin-left : 241px;
margin-top : 245px;
width : 31px;
height : 29px;
cursor : pointer;
}
.addItemForm {
z-index : 9999;
position : absolute;
width : 178px;
background-color : snow;
}
.inventory {
z-index : 0;
width : 154px;
height : 265px;
border-spacing : 1px;
padding : 0 !important ;
margin-top : 52px;
margin-left : 216px;
}
.inventory_inven {
z-index : 0;
border-spacing : 2px;
padding : 0 8px 9px 14px;
margin-left : 258px;
}
#warehouse2 {
z-index : 0;
width : 177px;
height : 41px;
border-spacing : 4px;
padding : 5px;
}
table.warehouse1 tr {
height : 53px;
padding : 0;
margin : 0;
}
table.warehouse1 td {
margin : 0;
text-align : center;
padding : 0 1px 0 9px;
}
table.inventory tr {
height : 51px;
padding : 0;
margin : 0;
}
table.inventory td {
margin : 0;
text-align : center;
padding : 0;
}
.largeFont, .largeFont:hover {
font-size : 12px;
}
.dropitemgroup {
position : relative;
margin : 0 auto;
width : 395px;
height : 360px;
background : url(../images/item_group.png) top no-repeat;
font-size : 1.5em;
text-align : center;
}
.inventory_dropitemgroup {
position : absolute;
z-index : 0;
width : 318px;
height : 214px;
margin-top : 70px;
margin-left : 39px;
}
.item_img_6, .item_slot_6 {
z-index : 1;
width : 51px !important ;
height : 49px !important ;
}
.dropitemgroupselect {
z-index : 1 !important ;
margin-left : -103px;
height : 34px;
width : 205px;
position : absolute;
margin-top : 13px;
}
.dropitemgroupselect .el-input {
width : 205px !important ;
}
.dropitemgroupselect_edit {
z-index : 1 !important ;
margin-left : 106px;
height : 34px;
width : 55px;
position : absolute;
margin-top : 16px;
}
.dropitemgroupselect_edit .el-input {
width : 205px !important ;
}
.dropitemgroupselect_plus {
z-index : 1 !important ;
margin-left : -162px;
height : 34px;
width : 55px;
position : absolute;
margin-top : 16px;
}
.dropitemgroupselect_plus .el-input {
width : 205px !important ;
}
.npcselltable {
position : relative;
margin : 0 auto;
width : 395px;
height : 360px;
background : url(../images/npc_sell.png) top no-repeat;
font-size : 1.5em;
text-align : center;
}
.inventory_npcselltable {
position : absolute;
z-index : 0;
width : 318px;
height : 214px;
margin-top : 70px;
margin-left : 39px;
}
.item_img_5, .item_slot_5 {
z-index : 1;
width : 51px !important ;
height : 49px !important ;
}
.npcselltable_page {
position : absolute;
color : #fff;
margin-top : 295px;
margin-left : 88px;
font-size : 16px;
}
.npcselltableLeft {
margin-left : 251px;
}
.npcselltableLeft, .npcselltableRight {
z-index : 1;
position : absolute;
height : 19px;
width : 17px;
margin-top : 296px;
cursor : pointer;
}
.npcselltableRight {
margin-left : 345px;
}
.npcsellselect {
z-index : 1 !important ;
margin-left : -103px;
height : 34px;
width : 205px;
position : absolute;
margin-top : 13px;
}
.npcsellselect .el-input {
width : 205px !important ;
}
.userInventory, .warehouse {
position : relative;
margin : 0 auto;
width : 600px;
height : 540px;
font-size : 1.5em;
text-align : center;
}
.warehouse {
background : url(../images/Warehouse.png) top no-repeat;
}
.left_inventory_warehouse {
position : absolute;
z-index : 0;
width : 319px;
height : 169px;
margin-top : 71px;
margin-left : 141px;
}
.item_img_warehouse, .item_slot_warehouse {
z-index : 1;
width : 48px !important ;
height : 49px !important ;
}
.warehousevip {
position : relative;
margin : 0 auto;
width : 657px;
height : 540px;
background : url(../images/Warehousevip.png) top no-repeat;
font-size : 1.5em;
text-align : center;
}
.left_inventory_warehousevip {
position : absolute;
z-index : 0;
width : 282px;
height : 159px;
margin-top : 89px;
margin-left : 187px;
}
.item_img_warehousevip, .item_slot_warehousevip {
z-index : 1;
width : 42px !important ;
height : 43px !important ;
}
.warehouse_passvip {
position : absolute;
color : #fff;
margin-top : 53px;
margin-left : -133px;
font-size : 12px;
text-align : left;
width : 217px;
}
.inventory_price {
position : absolute;
color : #ff0;
margin-top : 296px;
margin-left : -28px;
font-size : 12px;
text-align : right;
width : 95px;
cursor : pointer;
}
.warehouse_page {
position : absolute;
color : #fff;
margin-top : 292px;
margin-left : -128px;
}
.warehouse_price {
position : absolute;
color : #ff0;
margin-top : 298px;
margin-left : 67px;
font-size : 12px;
text-align : right;
width : 95px;
cursor : pointer;
}
.itemInfo {
display : none;
padding : 5px;
opacity : 0.8;
min-width : 240px;
color : #fff;
background : #000;
z-index : 999;
}
.chat {
width : 100%;
background : transparent;
border-top-right-radius : 5px;
border-bottom-right-radius : 5px;
color : #434651;
}
.chat .chat-header {
padding : 20px;
}
.chat .chat-header img {
float : left;
border-radius : 50%;
width : 50px;
height : 50px;
}
.chat .chat-header .chat-about {
float : left;
padding-left : 10px;
margin-top : 6px;
}
.chat .chat-header .chat-with {
font-weight : 700;
font-size : 16px;
}
.chat .chat-header .chat-num-messages {
color : #92959e;
}
.chat .chat-header .fa-star {
float : right;
color : #d8dadf;
font-size : 20px;
margin-top : 12px;
}
.chat .chat-history {
padding : 30px 30px 20px;
overflow-y : scroll;
height : 60vh;
}
.chat .chat-history ul {
display : flex;
flex-direction : column;
}
.chat .chat-history ul li {
width : 100%;
}
.chat .chat-history .message-data {
margin-bottom : 15px;
}
.chat .chat-history .message-data-time {
color : #a8aab1;
padding-left : 6px;
}
.chat .chat-history .message {
color : #fff;
padding : 18px 20px;
line-height : 26px;
font-size : 16px;
border-radius : 7px;
margin-bottom : 30px;
width : 90%;
position : relative;
}
.chat .chat-history .message:after {
bottom : 100%;
left : 7%;
content : " ";
height : 0;
width : 0;
position : absolute;
pointer-events : none;
border : transparent solid 10px;
border-bottom-color : #bd732e;
margin-left : -10px;
}
.chat .chat-history .my-message {
background : #bd732e;
}
.chat .chat-history .other-message {
background : #231407;
}
.chat .chat-history .other-message:after {
border-bottom-color : #231407;
left : 93%;
}
.chat .chat-message {
padding : 30px;
}
.chat .chat-message textarea {
width : 100%;
border : none;
padding : 10px 20px;
font : 14px/22px Lato, Arial, sans-serif;
margin-bottom : 10px;
border-radius : 5px;
resize : none;
}
.chat .chat-message .fa-file-image-o, .chat .chat-message .fa-file-o {
font-size : 16px;
color : grey;
cursor : pointer;
}
.chat .chat-message button {
float : right;
color : #231407;
font-size : 16px;
border : none;
font-weight : 700;
padding : 10px 30px;
background-color : #9c4333;
color : #fff;
text-decoration : none;
border-radius : 2px;
cursor : pointer !important ;
}
.chat .chat-message button:hover {
color : #050301;
}
.me, .offline, .online {
margin-right : 3px;
font-size : 10px;
}
.online {
color : #bd732e;
}
.offline {
color : #e38968;
}
.me {
color : #231407;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.float-right {
float : right;
}
.clearfix:after {
visibility : hidden;
display : block;
font-size : 0;
content : " ";
clear : both;
height : 0;
}