*:focus {
    outline: none;
}

*::-webkit-input-placeholder { /* Edge */
    color: #bea561;
}

*:-ms-input-placeholder { /* Internet Explorer */
    color: #bea561;
}

*::placeholder {
    color: #bea561;
}

@media only screen and (max-width: 1530px) {
    #betakeystaticDiv {
        position: absolute !important;
        top: 130px !important;
    }
}

@font-face {
    font-family: 'ggFont1';
    src: url('../fonts/heading-pro-bold-trial.woff2') format('woff2'),
    url('../fonts/heading-pro-bold-trial.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background-image: url('../images/background_chars.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #070911;
    margin: 0;
    padding: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #ffffff;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#betakeystaticDiv {
    background: url('../images/registerstaticBG.png') 0 0 no-repeat;
    width: 180px;
    height: 297px;
    position: fixed;
    top: 54px;
    left: 0;
    z-index: 9999999;
    cursor: pointer;
}

#betakeystaticDiv:hover {
    background-position: -180px 0;
}

.modern-alert {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    z-index: 10000;
    display: flex;
    align-items: center;
    transform: translateX(120%);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    opacity: 0;
}
.modern-alert.show {
    transform: translateX(0);
    opacity: 1;
}
.modern-alert.success {
    background: linear-gradient(135deg, #4ade80, #22c55e);
    color: white;
}
.modern-alert.error {
    background: linear-gradient(135deg, #f87171, #ef4444);
    color: white;
}
.alert-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: rgba(255,255,255,0.3);
}
.alert-progress-bar {
    height: 100%;
    background: white;
    border-radius: 0 0 12px 12px;
    transition: width 0.1s linear;
}
.alert-content {
    flex-grow: 1;
    padding-right: 15px;
}
.alert-icon {
    font-size: 28px;
    margin-right: 15px;
}
.countdown {
    font-weight: 700;
    background: rgba(0,0,0,0.2);
    padding: 2px 8px;
    border-radius: 20px;
    margin-left: 5px;
}

.home_button {
    background: url('../images/menu_home_icon.png') 0 0 no-repeat;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.arrow_down {
    background: url('../images/arrow_down.png') 0 0 no-repeat;
    width: 11px;
    height: 6px;
    /* float: right; */
    /* margin: 7px 0 0 7px; */
    position: absolute;
    left: 45px;
    top: 8px;
}

.moreButtonDiv {
    width: 130px;
    height: 17px;
    background: url('../images/more_icon.png') 0 0 no-repeat;
}

.moreButtonText {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.moreButtonText a {
    color: #ffc345;
    text-decoration: none;
}

.moreButtonText a:hover {
    text-decoration: underline;
}

.labelFontTre {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.labelFontArial {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.labelText01 {
    font-size: 32px;
    font-weight: bold;
    color: #ffc345;
}

.labelText02 {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.servername {
    color: #ffc345;
}

.gg_infoBox {
    width: 650px;
    height: 230px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

.gg_infoBox .gg_infoBox_img {
    width: 130px;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
}

.gg_infoBox .gg_infoBox_img .error1 {
    background: url('../images/error1.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_img .error2 {
    background: url('../images/error2.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_img .error3 {
    background: url('../images/error3.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_img .succ1 {
    background: url('../images/succ1.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_img .succ2 {
    background: url('../images/succ2.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_img .succ3 {
    background: url('../images/succ3.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_img .info1 {
    background: url('../images/info1.png') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.gg_infoBox .gg_infoBox_label {
    width: 530px;
    height: 30px;
    position: absolute;
    top: 35px;
    left: 140px;
    font-weight: bold;
    font-size: 24px;
}

.gg_infoBox .gg_infoBox_label .errormsg {
    color: #d42402;
}

.gg_infoBox .gg_infoBox_label .succmsg {
    color: #62c300;
}

.gg_infoBox .gg_infoBox_label .infomsg {
    color: #c6a731;
}

.gg_infoBox .gg_infoBox_msg {
    width: 530px;
    height: 20px;
    position: absolute;
    top: 65px;
    left: 140px;
    font-size: 18px;
}

.gg_infoBox .gg_infoBox_msg2 {
    width: 530px;
    height: 20px;
    position: absolute;
    top: 87px;
    left: 140px;
    font-size: 12px;
}

/****** item box classes *****/
.item_box {
    width: 135px;
    height: 162px;
    border: 1px solid #ffc345;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    float: left;
    margin-left: 10px;
    margin-bottom: 2px;
}

.item_box .item_box_icon {
    width: 45px;
    height: 45px;
    margin: 10px auto 0 auto;
}

.item_box .item_box_name {
    width: 135px;
    height: 30px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    margin: 8px auto 0 auto;
}

.item_box .item_box_price {
    width: 135px;
    height: 20px;
    color: #ffc345;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}

.item_box .item_box_buybutton {
    width: 135px;
    height: 22px;
    text-align: center;
}

/****** item box classes *****/


/*************  SELECTBOX   **************/

.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #ffc345;
    /*border:1px solid #ccc;*/
    font-size: 16px;
    font-weight: bold;
    width: 220px;
    height: 40px;
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #091731;
    padding: 0 10px 0 40px;
    font-weight: bold;
    width: 170px;
    height: 40px;
    line-height: 40px;
}

.styledSelectArrow {
    width: 28px;
    height: 28px;
    background: url('../images/selectBoxArrow.png') 0 0 no-repeat;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 99;
}

/*
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
*/
.styledSelect:active, .styledSelect.active {
    background-color: #0e2043;
}

.options {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    /*border:1px solid #ccc;*/
    background-color: #0a1a37;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 220px;
}

.options li {
    padding: 0 6px;
    margin: 0 0;
    padding: 10px 40px;
    border-bottom: 1px solid #333436;
}

.options li:hover {
    background-color: #0f1324;
    /*color:white;*/
}

/*************  SELECTBOX   **************/

/*************  SELECTBOX-2   **************/

.s-hidden2 {
    visibility: hidden;
    padding-right: 10px;
}

.select2 {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #ffc345;
    font-size: 16px;
    width: 293px;
    height: 47px;
}

.styledSelect2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #091731;
    padding: 0 10px 0 20px;
    width: 263px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #323232;
}

.styledSelectArrow2 {
    width: 28px;
    height: 28px;
    background: url('../images/selectBoxArrow.png') 0 0 no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}

.styledSelect2:active, .styledSelect2.active {
    background-color: #0e2043;
}

.options2 {
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: #0a1a37;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 295px;
}

.options2 li {
    padding: 0 6px;
    margin: 0 0;
    padding: 10px 20px;
    border-bottom: 1px solid #333436;
}

.options2 li:hover {
    background-color: #0f1324;
}

/*************  SELECTBOX-2   **************/

.button1 {
    width: 177px;
    height: 48px;
    border: 1px solid #ffc345;
    text-align: center;
    cursor: pointer;
    line-height: 48px;
    color: #ffc345;
    font-size: 16px;
    font-weight: bold;
}

.button1:hover {
    background-color: #ffc345;
    color: #000000;
    border: 1px solid #000000;
}

.button2 {
    width: 160px;
    height: 38px;
    border: 1px solid #ffc345;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.button3 {
    width: 160px;
    height: 38px;
    border: 1px solid #ffc345;
    background-color: #ffc345;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.button4 {
    width: 221px;
    height: 39px;
    border: 1px solid #6a4f15;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffffff;
    font-size: 14px;
    background-color: #091731;
}

.button4:hover {
    background-color: #10264f;
}

.gg_search_button_big {
    width: 221px;
    height: 46px;
    border: 1px solid #6a4f15;
    text-align: center;
    cursor: pointer;
    line-height: 46px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background-color: #0a1c3a;
}

.gg_search_button_big:hover {
    background-color: #10264f;
}

.nav-up {
    top: -182px;
}

#main {
    min-width: 1200px;
    overflow: hidden;
    margin-top: 110px;
}

/*********************************************************************/
/**********************       HEADER          ************************/
/*********************************************************************/
#main #head_topbar {
    height: 39px;
    width: 100%;
    background-color: #070911;
    border-bottom: 1px solid #161413;
    position: fixed;
    z-index: 9999;
    top: 0;
}

#main #head_topbar #head_topbar_container {
    /*background: url('../images/10kasim.png') no-repeat;*/
    margin: 0 auto;
    width: 1200px;
    height: 39px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}

#main #head_topbar #head_topbar_container #topbar_time {
    float: right;
    background: url(../images/top_icon_clock.png) 0 7px no-repeat;
    padding-left: 30px;
    height: 39px;
    line-height: 39px;
    margin-right: 20px;
}

#main #head_topbar #head_topbar_container #topbar_time .timeText {
    color: #a8a8a8;
}

#main #head_topbar #head_topbar_container #topbar_time .time {
    color: #fff;
    padding-left: 10px;
}

#main #head_topbar #head_topbar_container .button {
    float: right;
    width: 77px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    cursor: pointer;
    margin-top: 7px;
    margin-right: 10px;
}

#main #head_topbar #head_topbar_container .button:hover {
    background-position: 0 -24px !important;
}

#main #head_topbar #head_topbar_container #button_charge {
    background: url('../images/top_button_charge.png') 0 0 no-repeat;
}

#main #head_topbar #head_topbar_container #button_reg {
    background: url('../images/top_button_register.png') 0 0 no-repeat;
}

#main #head_topbar #head_topbar_container #button_login {
    background: url('../images/top_button_signin.png') 0 0 no-repeat;
}

#main #head_topbar #head_topbar_container #button_logout {
    background: url('../images/top_button_logout.png') 0 0 no-repeat;
}

#main #head_topmenu_cover {
    height: 260px;
    width: 100%;
    transition: top 1s ease;
    position: fixed;
    z-index: 9998;
    top: 40px;
}

#main #head_topmenu_cover #head_topmenu {
    height: 105px;
    background-color: #000000;
    border-bottom: 4px solid #e1a72c;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_homebutton {
    position: absolute;
    top: 45px;
    left: 10px;
    z-index: 100;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_container {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left {
    width: 493px;
    height: 105px;
    position: relative;
    float: left;
    text-align: center;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 20px 0 0;
    float: right;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li {
    display: inline;
    /* margin: 0 0; */
    /* position: relative; */
    /* width: 40px; */
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li a {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li a:hover {
    text-decoration: underline;
}


#main #head_topmenu_cover #head_topmenu #head_topmenu_logo {
    width: 214px;
    height: 170px;
    background-image: url('../images/logo_bg.png');
    background-position: top center;
    position: relative;
    float: left;
    margin-top: 27px;
    z-index: 9999;
    background-repeat: no-repeat;
    transition: all .2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

@font-face {
    font-family: 'Robus'; /*a name to be used later*/
    src: url('../fonts/robus.otf'); /*URL to font*/
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo span {
    color: #BEBFBD;
    text-decoration: none;
    text-shadow: 3px 3px 5px #3C2914, 1px 1px 1px #000;
    font-size: 65px; 	/* Logo Boyut */
    font-family: "Robus", serif;
	position: relative;
    top: -18px;	/* Yukarı kaydırır*/

}

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo:hover {
    transform: scale(1.05);
}

.game-title {
    white-space: nowrap; /* Alt satıra geçişi engeller */
    display: inline-block;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right {
    width: 493px;
    height: 105px;
    position: relative;
    float: left;
    text-align: center;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 0 0px;
    float: left;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li {
    display: inline;
    /* margin: 0 30px; */
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a:hover {
    text-decoration: underline;
}

#hiddenmenu {
    display: none;
    position: absolute;
    top: 109px;
    height: 245px;
    background-color: rgba(0, 0, 0, 0.85);
    width: 100%;
}

#hiddenmenu_cover {
    width: 1200px;
    margin: 0 auto;
    height: 150px;
}

#hiddenmenu_cover ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
    width: 142px;
    float: left;
    text-align: center;
}

#hiddenmenu_cover ul li {
    /*display: inline;*/
    margin: 7px 0;
}

#hiddenmenu_cover ul li a {
    display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}

#hiddenmenu_cover ul li a:hover {
    color: #ffffff;
}

/*********************************************************************/
/**********************       MIDDLE          ************************/
/*********************************************************************/

#main #middle_panel {
    width: 1200px;
    height: 570px;
    background-color: #000000;
    margin: 300px auto 0 auto;
    position: relative;
}

#middle_panel_down_button {
    width: 250px;
    height: 90px;
    background-image: url('../images/download_button.png');
    position: absolute;
    top: 9px;
    left: 9px;
    cursor: pointer;
}

#middle_panel_user_panel_member {
    width: 250px;
    height: 280px;
    position: absolute;
    top: 108px;
    left: 9px;
}

#middle_panel_user_panel_notmember {
    width: 250px;
    height: 140px;
    position: absolute;
    top: 108px;
    left: 9px;
}

#middle_panel_user_panel_notmember .middle_panel_user_panel_button {
    /*
    width: 125px;
    height: 70px;
    float: left;
    cursor: pointer;
    */
    width: 125px;
    height: 27px;
    float: left;
    cursor: pointer;
    text-align: center;
    padding-top: 43px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #000;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button {
    background-image: url('../images/icon_leftpanel_login_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #212738;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button:hover {
    background-color: #1d2232;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button {
    background-image: url('../images/icon_leftpanel_register_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #013201;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button:hover {
    background-color: #012c01;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button {
    background-image: url('../images/icon_leftpanel_buysilk_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #420e04;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button:hover {
    background-color: #380d04;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button {
    background-image: url('../images/icon_leftpanel_support_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #3e3002;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button:hover {
    background-color: #322702;
}

#middle_panel_user_panel_member .middle_panel_userpanel_info {
    width: 238px;
    height: 34px;
    float: left;
    background-color: #0b1d3d;
    font-size: 14px;
    border-bottom: 1px solid #13336c;
    line-height: 34px;
    padding-left: 12px;
}

#middle_panel_user_panel_member #middle_panel_user_panel_userid {
    /*
    line-height: 12px;
    padding-top: 5px;
    height: 29px;
    */
}

#middle_panel_user_panel_member .middle_panel_userpanel_link {
    width: 200px;
    height: 34px;
    background-color: #091731;
    font-size: 14px;
    border-bottom: 1px solid #13336c;
    line-height: 34px;
    padding-left: 50px;
    float: left;
}

#middle_panel_user_panel_member .middle_panel_user_panel_bar2right {
    border-right: none;
    width: 91px;
}

#middle_panel_user_panel_member .middle_panel_userpanel_link a {
    color: #ffffff;
    text-decoration: none;
}

#middle_panel_user_panel_member .middle_panel_userpanel_link a:hover {
    text-decoration: underline;
}

#middle_panel_user_panel_member .middle_panel_userpanel_info .username {
    color: #ffc345;
}

#middle_panel_user_panel_member #middle_panel_user_panel_usergradetext {
    width: 113px;
    padding-left: 12px;
    float: left;
}

#middle_panel_user_panel_member #middle_panel_user_panel_usergrade {
    /*background: #0b1d3d url('../images/memberpanel_grade_platinum.png') 12px 10px no-repeat;*/
    width: 113px;
    padding-left: 12px;
}

#middle_panel_user_panel_member #middle_panel_user_panel_usergrade a {
    text-decoration: none;
    color: #ffffff;
}

#middle_panel_user_panel_member #middle_panel_user_panel_usergrade a:hover {
    text-decoration: underline;
}

#middle_panel_user_panel_member #middle_panel_user_panel_silkbalancetext {
    width: 113px;
    padding-left: 12px;
    float: left;
}

#middle_panel_user_panel_member #middle_panel_user_panel_silkbalance {

    background: #0b1d3d url('../images/memberpanel_silk2.png') 12px 9px no-repeat;
    width: 95px;
    padding-left: 30px;
    float: left;
}

#middle_panel_user_panel_member #middle_panel_user_panel_buysilk {
    background: #091731 url('../images/memberpanel_buysilk.png') 12px center no-repeat;
}

#middle_panel_user_panel_member #middle_panel_user_panel_myaccount {
    background: #091731 url('../images/memberpanel_settings.png') 12px center no-repeat;
}

#middle_panel_user_panel_member #middle_panel_user_panel_support {
    background: #091731 url('../images/memberpanel_support.png') 12px center no-repeat;
}

#middle_panel_user_panel_member #middle_panel_user_panel_buyitem {
    background: #091731 url('../images/memberpanel_silk2.png') 12px center no-repeat;
}

#middle_panel_user_panel_member #middle_panel_user_panel_logout {
    background: #091731 url('../images/memberpanel_logout.png') 12px center no-repeat;
}

#middle_panel_links {
    width: 250px;
    height: 174px;
    position: absolute;
    top: 388px;
    left: 9px;
}

/* Giriş yapılmış durumda menü linkleri */
#middle_panel_links.logged_in {
    top: 390px !important;
}

/* Giriş yapılmamış durumda menü linkleri */
#middle_panel_links:not(.logged_in) {
    top: 249px !important;
}

#middle_panel_links .middle_panel_links_button {
    width: 250px;
    height: 58px;
    cursor: pointer;
    color: #D8A841;
    font-size: 14px;
    font-weight: bold;
    padding-left: 35px;
    padding-top: 6px;
    box-sizing: border-box;
    opacity: 0.9;
}

#middle_panel_links .middle_panel_links_button:hover {
    opacity: 1;
}

#middle_panel_links a:hover {
    text-decoration: none !important;
}

#middle_panel_links .middle_panel_links_button:before {
    content: '';
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    top: 15px;
    left: -20px;
    background-image: url("../images/guide.png");
}

#middle_panel_links #middle_panel_links_stats_button {
    background-color: #071124;
}

#middle_panel_links #middle_panel_links_forum_button {
    background-color: #091731;
}

#middle_panel_links #middle_panel_links_guide_button {
    background-color: #0B1D3D;
}

#middle_panel_banner {
    width: 250px;
    height: 140px;
    position: absolute;
    top: 424px;
    left: 9px;
}

#main #middle_panel #middle_panel_slider {
    width: 920px;
    height: 365px;
    position: absolute;
    top: 9px;
    left: 270px;
    /* background-image: url('../images/slider_test.png'); */
    /* background-color: #ff0000; */
}

#main #middle_panel #middle_panel_news {
    width: 718px;
    height: 182px;
    position: absolute;
    top: 380px;
    left: 270px;
    border: 1px solid #323232;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #ffffff;
    font-size: 12px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_tab {
    width: 121px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #323232;
    border-bottom: 1px solid #323232;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

#main #middle_panel #middle_panel_news .middle_panel_news_tab.selectedtab {
    background-color: #323232;
}

#main #middle_panel #middle_panel_news #middle_panel_news_tab1 {
    top: 0;
    left: 0;
}

#main #middle_panel #middle_panel_news #middle_panel_news_tab2 {
    top: 0;
    left: 122px;
}

#main #middle_panel #middle_panel_news #middle_panel_news_tab3 {
    top: 0;
    left: 244px;
}

#main #middle_panel #middle_panel_news #middle_panel_news_tab4 {
    top: 0;
    left: 366px;
}

#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbutton {
    top: 11px;
    left: 600px;
    position: absolute;
    width: 115px;
    height: 15px;
    background: url('../images/news_more_icon.png') 0 0 no-repeat;
}

#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbuttontext {
    font-size: 11px;
    position: absolute;
    top: 1px;
    left: 20px;
}

#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbuttontext a {
    color: #ffffff;
    text-decoration: none;
}

#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbuttontext a:hover {
    text-decoration: underline;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line {
    width: 718px;
    height: 31px;
    border-bottom: 1px solid #323232;
    position: absolute;
    line-height: 31px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line01 {
    top: 27px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line02 {
    top: 58px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line03 {
    top: 89px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line04 {
    top: 120px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line05 {
    top: 151px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line_icon {
    width: 32px;
    height: 31px;
    float: left;
    background: url('../images/news_icon.png') 12px 12px no-repeat;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line_date {
    width: 80px;
    float: left;
    color: #e8d360;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line_text {
    width: auto;
    float: left;
    overflow: hidden;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line_text a {
    color: #ffffff;
    text-decoration: none;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line_text a:hover {
    text-decoration: underline;
}


#main #middle_panel #middle_panel_social {
    width: 190px;
    height: 184px;
    position: absolute;
    top: 380px;
    left: 1000px;
    border: 1px solid #323232;
}

#main #middle_panel #middle_panel_social #middle_panel_social_label {
    width: 170px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
}

#main #middle_panel #middle_panel_social .social_button {
    width: 62px;
    height: 70px;
    position: absolute;
    background-position: center 0;
    cursor: pointer;
}

#main #middle_panel #middle_panel_social .social_button:hover {
    background-position: center -70px;
}

#main #middle_panel #middle_panel_social #social_button_fb {
    left: 0;
    top: 40px;
    background-image: url('../images/social_buttonbg_fb.png');
}

#main #middle_panel #middle_panel_social #social_button_ds {
    left: 63px;
    top: 40px;
    background-image: url('../images/social_buttonbg_ds.png');
}

#main #middle_panel #middle_panel_social #social_button_ig {
    left: 126px;
    top: 40px;
    background-image: url('../images/social_buttonbg_ig.png');
}

#main #middle_panel #middle_panel_social #social_button_tw {
    left: 0;
    top: 111px;
    background-image: url('../images/social_buttonbg_tw.png');
}

#main #middle_panel #middle_panel_social #social_button_yt {
    left: 63px;
    top: 111px;
    background-image: url('../images/social_buttonbg_yt.png');
}

#main #middle_panel #middle_panel_social #social_button_fr {
    left: 126px;
    top: 111px;
    background-image: url('../images/social_buttonbg_fr.png');
}

/***** FOR OTHER PAGES ****/
#main #content {
    width: 1200px;
    margin: 300px auto 0 auto;
    position: relative;
}

#main #content #left_menu {
    width: 268px;
    position: absolute;
    top: 0;
    background-color: #000000;
    height: 518px;
    transition: top 1s ease;
}

#main #content #content_container {
    width: 932px;
    margin-left: 268px;
    background-color: #000000;
    margin-bottom: 150px;
    padding-top: 9px;
    padding-bottom: 9px;
}

#main #content #content_container #content_container_inside {
    border: 1px solid #6a4f15;
    width: 922px;
    position: relative;
    min-height: 600px;
    padding-bottom: 50px;
}


/***** FOR OTHER PAGES ****/

/***** CHAR LIST PAGE ****/
#charlist_content {
    margin-top: 50px;
}

#charlist_content .gg_selectbox_label {
    width: 220px;
    height: 40px;
    background-color: #0f1324;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    float: left;
}

#charlist_content .gg_selectbox {
    width: 170px;
    height: 40px;
    float: left;
}


/***** CHAR LIST PAGE ****/
#charlist_content .gg_selectbox {
    width: 170px;
    height: 40px;
    float: left;
}

/***** SUPPORT PAGE ****/
#newticket_content {
    width: 862px;
    margin: 40px auto;
}

.gg_selectbox2 {
    width: 293px;
    height: 47px;
}

.form_comm_div {
    font-size: 12px;
    margin: 10px 0 0 0;
}

.form_div {
    font-size: 12px;
    margin: 20px 0 0 0;
}

.gg_subject_div {
    width: 581px;
    height: 47px;
    border: 1px solid #323232;
    background-color: #091731;
}

.gg_subject {
    background: none;
    border: none;
    color: #ffc345;
    font-size: 16px;
    width: 531px;
    height: 47px;
    padding-left: 20px;
}

.gg_message_div {
    width: 581px;
    height: 231px;
    border: 1px solid #323232;
    background-color: #091731;
}

.gg_message {
    background: none;
    border: none;
    color: #ffc345;
    font-size: 16px;
    width: 531px;
    height: 210px;
    padding-left: 20px;
    padding-top: 15px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#inputfile_div {
    height: 50px;
}

.gg_inputfile_div {
    width: 427px;
    height: 47px;
    border: 1px solid #323232;
    background-color: #091731;
    float: left;
}

.gg_inputfile_name {
    width: 407px;
    height: 47px;
    display: block;
    color: #ffc345;
    font-size: 16px;
    padding-left: 20px;
    line-height: 47px;
    overflow: hidden;
}

.gg_inputfile_button_div {
    width: 139px;
    height: 47px;
    border: 1px solid #323232;
    text-align: center;
    cursor: pointer;
    line-height: 47px;
    color: #ffc345;
    background-color: #10264f;
    float: left;
    margin-left: 12px;
    font-size: 16px;
}

#gg_inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#sendbutton_div {
    height: 50px;
}

#gg_sendbutton {
    width: 221px;
    height: 39px;
    border: 1px solid #323232;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffffff;
    font-size: 16px;
    background-color: #10264f;
}

#gg_sendbutton:hover {
    background-color: #0c1d3f;
}

#gg_cancelbutton {
    width: 221px;
    height: 39px;
    border: 1px solid #323232;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffffff;
    font-size: 16px;
    background-color: #5d5d5d;
}

#gg_cancelbutton:hover {
    background-color: #515151;
}

/*
#gg_inputfile::-webkit-file-upload-button {
	visibility: hidden;
}
*/

#ticketButtonsDiv {
    width: 100%;
    height: 50px;
    margin-top: 30px;
}

#ticketButtonsDiv .buttonReply {
    width: 221px;
    height: 39px;
    /*border: 1px solid #6a4f15;*/
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffc345;
    background-color: #122f62;
    position: absolute;
    right: 270px;
    font-weight: bold;
    font-size: 16px;
}

#ticketButtonsDiv .buttonReply:hover {
    background-color: #0c2859;
}

#ticketButtonsDiv .buttonClose {
    width: 221px;
    height: 39px;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #fff;
    background-color: #0e254d;
    position: absolute;
    right: 30px;
    font-weight: bold;
    font-size: 16px;
}

#ticketButtonsDiv .buttonClose:hover {
    background-color: #0c2859;
}

#ticketButtonsDiv .buttonClose2 {
    width: 221px;
    height: 39px;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #898989;
    background-color: #4f4f4f;
    position: absolute;
    right: 30px;
    font-weight: bold;
    font-size: 16px;
}

#ticketMainDiv {
    margin: 30px 0 50px 0;
}

#ticketMainDiv #ticketinfoDiv {
    width: 100%;
    height: 186px;
    background-color: #091731;
    font-weight: bold;
    font-size: 13px;
    border-top: 1px solid #4b4b4b;
}

#ticketMainDiv #ticketinfoDiv .ticketinfoLabel {
    width: 154px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    color: #ffc345;
    float: left;
    line-height: 30px;
    padding-left: 50px;
}

#ticketMainDiv #ticketinfoDiv .ticketinfoText {
    width: 693px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
    float: left;
    line-height: 30px;
    padding-left: 24px;
}

#ticketMainDiv #ticketMsgcountDiv {
    margin: 30px 0 10px 20px;
    font-size: 13px;
}

#ticketMainDiv #ticketMsgcountDiv .ticketmsgcount {
    color: #ffc345;
}

#ticketMainDiv #ticketMsgcountDiv .ticketmsgcount {
    color: #ffc345;
}

#ticketMainDiv .ticketReplyDiv {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 21px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyNumber {
    width: 36px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    color: #ffc345;
    float: left;
    line-height: 30px;
    text-align: center;
}

#ticketMainDiv .ticketReplyDiv .ticketReplySenderLabel {
    width: 153px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    color: #ffc345;
    float: left;
    line-height: 30px;
    padding-left: 14px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplySenderText {
    width: 693px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
    float: left;
    line-height: 30px;
    padding-left: 24px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyDateLabel {
    width: 153px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    color: #ffc345;
    float: left;
    line-height: 30px;
    padding-left: 51px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyDateText {
    width: 693px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
    float: left;
    line-height: 30px;
    padding-left: 24px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyMsg {
    width: 871px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
    float: left;
    line-height: 20px;
    font-weight: normal;
    padding: 10px 0 15px 51px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyMsg .ticketReplyMsgLabel {
    color: #ffc345;
    font-weight: bold;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyAttachLabel {
    width: 153px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    color: #ffc345;
    float: left;
    line-height: 30px;
    padding-left: 51px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyAttachText {
    width: 693px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
    float: left;
    line-height: 30px;
    padding-left: 24px;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyAttachText a {
    color: #fff;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyAttachText a:hover {
    text-decoration: none;
}


/***** SUPPORT PAGE ****/

/***** MULTIMEDIA PAGE *****/

#multimedia_menu {
    width: 487px;
    height: 40px;
    margin: 40px auto 0 auto;
    display: table;
}

#multimedia_menu .multimedia_menu_button {
    float: left;
}

#multimedia_images {
    width: 875px;
    height: 112px;
    margin: 47px auto 0 auto;
    display: table;
}

#multimedia_images .image_box {
    width: 262px;
    height: 190px;
    border: 1px solid #818181;
    float: left;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 70px;
    cursor: pointer;
}

#multimedia_images .image_box .multimedia_imglabel {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 10px;
    font-weight: bold;
    overflow: hidden;
}


/***** MULTIMEDIA PAGE *****/


/***** RANK PAGE ****/

#rankLabelDiv {
    width: 700px;
    height: 40px;
    background-color: #091731;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.table_rank {
    margin: 0 auto;
    width: 700px;
    border-top: 1px solid #252525;
    border-left: 1px solid #252525;
    border-right: 1px solid #252525;
}

.table_rank th {
    background-color: #000000;
    font-size: 14px;
    font-weight: bold;
    color: #ffc345;
    border-bottom: 1px solid #252525;
}

.table_rank .th1 { /* icon */
    width: 50px;
    height: 30px;
}

.table_rank .th2 { /* sıralama */
    width: 70px;
    height: 30px;
}

.table_rank .th3 { /* ırk */
    width: 80px;
    height: 30px;
}

.table_rank .th4 { /* karakter adı */
    width: 304px;
    height: 30px;
    text-align: left;
}

.table_rank .th5 { /* puan */
    width: 96px;
    height: 30px;
}

.table_rank .th6 { /* sıra değişimi */
    width: 100px;
    height: 30px;
}

.table_rank td {
    /*background-color: #000000;*/
    font-size: 14px;
    border-bottom: 1px solid #252525;
}

.table_rank .td1 {
    width: 50px;
    height: 30px;
    text-align: center;
}

.table_rank .td2 {
    width: 70px;
    height: 30px;
    text-align: center;
}

.table_rank .td3 {
    width: 80px;
    height: 30px;
    text-align: center;
}

.table_rank .td4 {
    width: 304px;
    height: 30px;
    text-align: left;
    color: #dedede;
}

.table_rank .td5 {
    width: 96px;
    height: 30px;
    text-align: center;
    color: #dedede;
}

.table_rank .td6 {
    width: 100px;
    height: 30px;
    text-align: center;
}

.table_rank a {
    color: #dedede;
    text-decoration: none;
}

.table_rank a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/***** RANK PAGE ****/


/***** CHAR DETAILS ****/

#chardetail_container {
}

#chardetail_container #chardetail_label {
    width: 532px;
    height: 120px;
    background: url('../images/chardetails_labelbg.png') 0 0 no-repeat;
    float: left;
    position: relative;
    border-bottom: 1px solid #161d3a;
}

#chardetail_container #chardetail_label #chardetail_label_charimage {
    width: 72px;
    height: 94px;
    border: 1px solid #1f3073;
    background: #071124 center center no-repeat;
    position: absolute;
    left: 21px;
    top: 11px;
    text-align: center;
    padding-top: 2px;
}

#chardetail_container #chardetail_label #chardetail_label_charname {
    width: 300px;
    height: 30px;
    position: absolute;
    left: 101px;
    top: 18px;
    font-weight: bold;
    font-size: 22px;
    overflow: hidden;
}

#chardetail_container #chardetail_label #chardetail_label_charpoint {
    width: 200px;
    height: 20px;
    position: absolute;
    left: 102px;
    top: 46px;
    font-weight: bold;
    font-size: 14px;
}

#chardetail_container #chardetail_label #chardetail_label_build {
    position: absolute;
    left: 105px;
    top: 83px;
}

#chardetail_container #chardetail_label #chardetail_label_build ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#chardetail_container #chardetail_label #chardetail_label_build ul li {
    display: inline;
    margin: 0 7px 0 0;
}

#chardetail_container #chardetail_label #chardetail_label_build ul li img {
    width: 24px;
    height: 24px;
    border: 1px solid #62666f;
}

#chardetail_container #chardetail_label #chardetail_label_charpoint .charpoint {
    color: #ffc345;
}

#chardetail_container #chardetail_label #chardetail_label_charlevel {
    height: 20px;
    position: absolute;
    right: 27px;
    top: 90px;
    font-weight: bold;
    font-size: 14px;
    color: #ffc345;
}


#chardetail_container #chardetail_buttons {
    width: 390px;
    height: 120px;
    float: left;
}

#chardetail_container #chardetail_buttons .chardetail_button {
    width: 130px;
    height: 30px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 90px 0 0 0;
    text-align: center;
    border-bottom: 1px solid #161d3a;
    cursor: pointer;
}

.chardetail_button_selected {
    background-color: #000000 !important;
}

.chardetail_button:hover {
    background-color: #1a2140 !important;
}

#chardetail_container #chardetail_buttons #chardetail_button_profile {
    background: #171d38 url('../images/chardetails_charprofilebg.png') center 20px no-repeat;
}

#chardetail_container #chardetail_buttons #chardetail_button_global {
    background: #11162a url('../images/chardetails_globalbg.png') center 20px no-repeat;
}

#chardetail_container #chardetail_buttons #chardetail_button_unique {
    background: #0d1124 url('../images/chardetails_uniquebg.png') center 20px no-repeat;
}

#chardetail_container #chardetail_inventory_container {
    width: 459px;
    height: 355px;
    background: url('../images/inventoryDiv_bg.png') 0 0 no-repeat;
    border-right: 1px solid #252525;
    border-bottom: 1px solid #252525;
    float: left;
    position: relative;
}

#chardetail_container #chardetail_inventory {
    width: 178px;
    height: 315px;
    background: url('../images/inventory_bg.png') 0 0 no-repeat;
    position: absolute;
    top: 21px;
    left: 59px;
}

#chardetail_inventory_container #chardetail_inventory .chardetail_inventory_slot {
    width: 32px;
    height: 32px;
    position: absolute;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot0 {
    left: 5px;
    top: 86px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot6 {
    left: 12px;
    top: 12px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot7 {
    left: 134px;
    top: 12px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot8 {
    left: 5px;
    top: 48px;
    display: none
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot2 {
    left: 140px;
    top: 86px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot1 {
    left: 5px;
    top: 128px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot3 {
    left: 140px;
    top: 128px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot4 {
    left: 5px;
    top: 171px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot5 {
    left: 140px;
    top: 171px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot9 {
    left: 5px;
    top: 214px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot10 {
    left: 140px;
    top: 214px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot11 {
    left: 5px;
    top: 257px;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot12 {
    left: 140px;
    top: 257px;
}


#chardetail_container #chardetail_accessory {
    width: 172px;
    height: 129px;
    background: url('../images/accessory_bg.png') 0 0 no-repeat;
    position: absolute;
    top: 206px;
    left: 260px;

}

#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_label {
    color: #ffc345;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
}

#chardetail_inventory_container #chardetail_accessory .chardetail_accessory_slot {
    width: 32px;
    height: 32px;
    position: absolute;
}

#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot0 {
    left: 55px;
    top: 34px;
}

#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot1 {
    left: 11px;
    top: 34px;
}

#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot2 {
    left: 100px;
    top: 34px;
}

#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot3 {
    left: 55px;
    top: 82px;
}

#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot4 {
    left: 11px;
    top: 82px;
}

#chardetail_container #chardetail_details {
    width: 462px;
    float: left;
}

.table_chardetail_details {
    text-align: left;

}

.table_chardetail_details td {
    background-color: #000000;
    font-size: 13px;
    padding-top: 7px;
    height: 24px;
}

.table_chardetail_details td a {
    text-decoration: none;
    color: #fff;
}

.table_chardetail_details td a:hover {
    text-decoration: underline;
}

.table_chardetail_details .details_left {
    background-color: #000000;
    width: 111px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    color: #ffc345;
    padding-left: 11px;
}

.table_chardetail_details .details_middle {
    width: 17px;
    border-bottom: 1px solid #252525;
    color: #ffc345;
}

.table_chardetail_details .details_right {
    width: 340px;
    border-bottom: 1px solid #252525;
    font-weight: bold;
}

#chardetail_container #chardetail_info_container {
    width: 444px;
    height: 128px;
    background: url('../images/character_info_bg.png') 0 0 no-repeat;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#chardetail_container #chardetail_info_container .chardetail_hpmpbox {
    width: 222px;
    height: 128px;
    float: left;
}

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_label {
    color: #ffc345;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
}

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_left {
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 15px;
    margin-bottom: 6px;
    clear: left;
}

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right {
    width: 140px;
    height: 24px;
    /* line-height: 24px; */
    float: left;
    margin-left: 15px;
    clear: right;
    font-size: 12px;
    font-weight: bold;
    /* padding-top: 5px;*/
}

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right #hpbar {
    background: url('../images/HP_bar.png') 0 0 no-repeat;
    text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
}

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right #mpbar {
    background: url('../images/MP_bar.png') 0 0 no-repeat;
    text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
}


#chardetail_container #chardetail_info_container .chardetail_strintbox {
    width: 222px;
    height: 128px;
    float: left;
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_label {
    color: #ffc345;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 19px;
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_left {
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 15px;
    margin-bottom: 6px;
    clear: left;
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_right {
    width: 140px;
    height: 18px;
    line-height: 18px;
    float: left;
    margin-left: 3px;
    clear: right;
    font-size: 12px;
    font-weight: bold;
    /* padding-top: 5px;*/
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_right #strbar {
    width: 140px;
    height: 18px;
    /* padding-top: 2px; */
    /* margin-top: 5px; */
    line-height: 18px;
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_right #intbar {
    width: 140px;
    height: 10px;
    padding-top: 2px;
    margin-top: 5px;
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_right .strintbar {
    float: left;
    width: 30px;
    color: #ffc345;
}

#chardetail_info_globals {
    width: 462px;
    float: left;
}

#chardetail_info_globals_label {
    font-weight: bold;
    color: #ffc345;
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
}

#chardetail_inventory_container_label {
    font-weight: bold;
    color: #ffc345;
    line-height: 40px;
    padding-left: 25px;
}

.table_chardetail_globals {
    text-align: left;
    width: 100%;
    border-top: 1px solid #252525;
}

.table_chardetail_globals td {
    background-color: #000000;
    font-size: 13px;
    padding-top: 7px;
    height: 24px;
}

.table_chardetail_globals .global_msg {
    background-color: #000000;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    color: #ffffff;
    padding-left: 25px;
    font-size: 14px;
}

#chardetail_info_unique {
    width: 462px;
    float: left;
}

#chardetail_info_unique_label {
    font-weight: bold;
    color: #ffc345;
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
}

.table_chardetail_unique {
    text-align: left;
    width: 100%;
    border-top: 1px solid #252525;
}

.table_chardetail_unique td {
    background-color: #000000;
    font-size: 13px;
    padding-top: 7px;
    height: 24px;
}

.table_chardetail_unique .unique_msg {
    background-color: #000000;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    color: #ffffff;
    padding-left: 25px;
    font-size: 14px;
}

/***** CHAR DETAILS ****/

/***** CHAR LIST ****/
#charlist_mainDiv {
    margin: 38px 37px;
    clear: both;
    float: left;
    font-weight: bold;
}

#charlist_content .chardetail_mini_label:hover {
    background-color: #0f1324;
}

#charlist_content .chardetail_mini_label {
    width: 740px;
    height: 60px;
    background-color: #0b1d3d;
    float: left;
    position: relative;
    border: 1px solid #565e6b;
    cursor: pointer;
    margin-bottom: 12px;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_charimage {
    width: 35px;
    height: 46px;
    border: 1px solid #1f3073;
    background-color: #071124;
    position: absolute;
    left: 12px;
    top: 6px;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_charimage img {
    padding: 2px;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_charname {
    width: 300px;
    height: 30px;
    position: absolute;
    left: 190px;
    top: 10px;
    font-size: 22px;
    overflow: hidden;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_charpoint {
    width: 200px;
    height: 20px;
    position: absolute;
    left: 190px;
    top: 36px;
    font-size: 14px;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_build {
    position: absolute;
    left: 375px;
    top: 18px;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_build ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_build ul li {
    display: inline;
    margin: 0 7px 0 0;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_build ul li img {
    width: 24px;
    height: 24px;
    border: 1px solid #62666f;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_charpoint .charpoint {
    color: #ffc345;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_charlevel {
    height: 20px;
    position: absolute;
    left: 70px;
    top: 22px;
    font-size: 14px;
    color: #ffc345;
}

#charlist_content .chardetail_mini_label .chardetail_mini_label_servername {
    position: absolute;
    left: 580px;
    top: 22px;
    font-size: 14px;

}

/***** CHAR LIST ****/

/***** TICKET LIST ****/
#ticketlist_content {
    margin-top: 50px;
}

#ticketlist_content .gg_selectbox_label {
    width: 220px;
    height: 40px;
    background-color: #0f1324;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    float: left;
}

#ticketlist_content .gg_selectbox {
    width: 170px;
    height: 40px;
    float: left;
}

#ticketlist_mainDiv {
    margin: 38px 0;
}

.selectBoxDiv {
    position: relative;
    /* margin-bottom: 30px; */
    clear: both;
    width: 100%;
    height: 40px;
}

.table_ticketlist {
    margin: 0 auto;
}

.table_ticketlist th {
    background-color: #091731;
    font-size: 14px;
    font-weight: bold;
    color: #ffc345;
    border-bottom: 1px solid #4b4b4b;
    text-align: left;
}

.table_ticketlist .th1 {
    width: 103px;
    height: 40px;
    padding-left: 30px;
}

.table_ticketlist .th2 {
    width: 96px;
    height: 40px;
}

.table_ticketlist .th3 {
    width: 483px;
    height: 40px;
}

.table_ticketlist .th4 {
    width: 116px;
    height: 40px;
    text-align: center;
}

.table_ticketlist .th5 {
    width: 92px;
    height: 40px;
    text-align: center;
}

.table_ticketlist td {
    background-color: #0f1324;
    font-size: 14px;
    /*border-top: 1px solid #6a4f15;*/
    border-bottom: 1px solid #4b4b4b;
}

.table_ticketlist td a {
    color: #ffffff;
    text-decoration: none;
}

.table_ticketlist td a:hover {
    text-decoration: underline;
}

.table_ticketlist .td1 {
    width: 93px;
    height: 30px;
    padding-left: 40px;
}

.table_ticketlist .td2 {
    width: 96px;
    height: 30px;
}

.table_ticketlist .td3 {
    width: 483px;
    height: 30px;
}

.table_ticketlist .td4 {
    width: 116px;
    height: 30px;
    text-align: center;
}

.table_ticketlist .td5 {
    width: 92px;
    height: 30px;
    text-align: center;
}

.gg_ticket_answered {
    color: #468e00;
}

.gg_ticket_waiting {
    color: #6c6c6c;
}

.gg_ticket_closed {
    color: #ca0f0f;
}

.ticket_pagenation {
    width: 100%;
    height: 61px;
    background-color: #0f1324;
    font-size: 14px;
}

.ticket_pagenation_container {
    padding-top: 17px;
    display: table;
    margin: auto;
}

.ticket_pagenation .ticket_pagenation_leftarrow {
    width: 28px;
    height: 28px;
    background: url('../images/pagenation_left_arrow.png') 0 0 no-repeat;
    cursor: pointer;
    float: left;
}

.ticket_pagenation .ticket_pagenation_numbers {
    height: 28px;
    float: left;
    margin: 0 10px;
}

.ticket_pagenation .ticket_pagenation_numbers .selected {
    color: #ffc345;
}

.ticket_pagenation .ticket_pagenation_numbers ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 28px;
    line-height: 28px;
}

.ticket_pagenation .ticket_pagenation_numbers ul li {
    display: inline;
    margin: 0 3px;
}

.ticket_pagenation .ticket_pagenation_numbers ul li a {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
}

.ticket_pagenation .ticket_pagenation_numbers ul li a:hover {
    text-decoration: underline;
}

.ticket_pagenation .ticket_pagenation_rightarrow {
    width: 28px;
    height: 28px;
    background: url('../images/pagenation_right_arrow.png') 0 0 no-repeat;
    cursor: pointer;
    float: left;
}

#createticket_button {
    width: 220px;
    height: 40px;
    background-color: #091731;
    text-align: center;
    color: #ffc345;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
}

#createticket_button:hover {
    background-color: #0b1d3d;
    color: #ffffff;
}

/***** TICKET LIST ****/

/***** BETA KEY PAGE ****/

#betaKeyDiv {
    width: 920px;
    height: 810px;
    background: url('../images/beta_activation_bg.png') 0 0 no-repeat;
}

#betaKeyDiv #betaKeyLabelDiv {
    width: 360px;
    height: 37px;
    position: absolute;
    top: 250px;
    left: 400px;
    background: url(../images/betaKeyicon.png) 0 center no-repeat;

}

#betaKeyDiv #betaKeyLabelDiv span {
    color: #3d1a0c;
    font-size: 32px;
    padding-left: 25px;
    font-family: ggFont1;
}

.gg_BetaKey_div {
    width: 353px;
    height: 58px;
    background: url(../images/betaKeyTextBox_bg.png) 0 center no-repeat;
    position: absolute;
    top: 300px;
    left: 400px;
}

.gg_betakey {
    background: none;
    border: none;
    color: #ffdf86;
    font-size: 20px;
    width: 303px;
    height: 58px;
    padding-left: 30px;
    padding-right: 20px;
}

.gg_BetaKeyButton {
    width: 95px;
    height: 45px;
    background: url(../images/betaKeyButton_bg2.png) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    top: 460px;
    left: 400px;
}

#betaKeyCaptchaDiv {
    width: 308px;
    height: 82px;
    position: absolute;
    top: 369px;
    left: 400px;
}

/*
.gg_BetaKeyButtonText {
	font-family: ggFont1;
	background: -webkit-linear-gradient(#fac83d, #ffe089);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 1px 1px 4px rgba(0,0,0, 0.5);
	color: #fac83d;
	font-size: 18px;
	text-align: center;
	line-height: 47px;
	width: 95px;
    height: 45px;
}
*/
/***** BETA KEY PAGE ****/

/***** NEWS DETAIL PAGE ****/
#newsDetail_content {
    margin-top: 40px;
}

#newsDetail_content .line {
    width: 100%;
    height: 1px;
    background-color: #252525;
}

#newsDetail_content #newsDetail_title {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin-left: 40px;
    margin-top: 30px;
}

#newsDetail_content #newsDetail_tagCover {
    width: 100%;
    height: 40px;
    margin-bottom: 25px;
}

#newsDetail_content #newsDetail_tag {
    width: 110px;
    height: 20px;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

#newsDetail_content #newsDetail_tag .newstag_announcement {
    width: 110px;
    height: 20px;
    background-color: #2c2c2c;
    color: #ffc345;
}

#newsDetail_content #newsDetail_tag .newstag_event {
    width: 110px;
    height: 20px;
    background-color: #272e4c;
    color: #ffc345;
}

#newsDetail_content #newsDetail_tag .newstag_update {
    width: 110px;
    height: 20px;
    background-color: #420e04;
    color: #ffc345;
}

#newsDetail_content #newsDetail_date {
    width: 120px;
    height: 20px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    color: #ffc345;
    line-height: 20px;
    font-size: 14px;
}

#newsDetail_content #newsDetail_image {
    width: 840px;
    height: 300px;
    margin-left: 40px;
    margin-top: 20px;
    border: 1px solid #6e531e;
}

#newsDetail_content #newsDetail_msg {
    width: 840px;
    margin-left: 40px;
    margin-top: 40px;
    font-size: 14px;
}

#newsDetail_content #newsDetail_msg a {
    text-decoration: underline;
    color: #c0c0c0;
}

#newsDetail_content #newsDetail_msg a:hover {
    text-decoration: none;
}
#newsDetail_content img {max-width: 100%}
/***** NEWS DETAIL PAGE ****/


/***** NEWS LIST PAGE ****/
.newsBox {
    width: 100%;
    height: 150px;
    border-bottom: 1px solid #252525;
    position: relative;
    cursor: pointer;
}

.newsBox:hover {
    background-color: #0c0c0c;
}

.newsBox .newsBox_image {
    width: 228px;
    height: 90px;
    border: 1px solid #2c2c2c;
    position: absolute;
    left: 40px;
    top: 30px;
}

.newsBox .newsBox_title {
    width: 580px;
    height: 26px;
    color: #ffc345;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 290px;
    top: 45px;
    overflow: hidden;
}

.newsBox .newsBox_msg {
    width: 600px;
    height: 26px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 290px;
    top: 57px;
}

.newsBox .newsBox_tagCover {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 290px;
    top: 85px;
}

.newsBox .newsBox_tagCover .newsBox_tag {
    width: 110px;
    height: 20px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.newsBox .newsBox_tagCover .newstag_announcement {
    background-color: #2c2c2c;
    color: #ffc345;
}

.newsBox .newsBox_tagCover .newstag_event {
    background-color: #272e4c;
    color: #ffc345;
}

.newsBox .newsBox_tagCover .newstag_update {
    background-color: #420e04;
    color: #ffc345;
}

.newsBox .newsBox_date {
    width: 120px;
    height: 20px;
    float: left;
    margin-left: 10px;
    color: #ffc345;
    line-height: 20px;
    font-size: 14px;
}


/***** NEWS LIST PAGE ****/


/***** INDEX ITEMS PAGE ****/

#main #item_mall_prew {
    height: 340px;
    background-image: url('../images/item_mall_bg.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #070911;
    min-width: 1200px;
}

#main #item_mall_prew_container {
    width: 1200px;
    height: 320px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 20px;
}

#main #item_mall_prew_container #item_mall_prew_label {
    text-align: center;
}

#main #item_mall_prew_container .item_mall_prew_leftbutton {
    width: 46px;
    height: 115px;
    margin-top: 55px;
    float: left;
}

#main #item_mall_prew_container .item_mall_prew_rightbutton {
    width: 46px;
    height: 115px;
    margin-top: 55px;
    float: left;
}

#main #item_mall_prew_container .item_mall_prew_newitems_navbuttons {
    width: 46px;
    height: 167px;
    position: absolute;
    width: 558px;
}

#main #item_mall_prew_container .item_mall_prew_bestitems_navbuttons {
    width: 46px;
    height: 167px;
    position: absolute;
    width: 558px;
}

#main #item_mall_prew_container #item_mall_prew_newitems {
    float: left;
    width: 570px;
    height: 220px;
    /*background-color: #cdcdcd;*/
}

#main #item_mall_prew_container #item_mall_prew_newitems #item_mall_prew_newitems_label {
    height: 35px;
    width: 480px;
    padding-left: 57px;
}

#main #item_mall_prew_container #item_mall_prew_newitems #item_mall_prew_newitems_itemscontainer {
    width: 450px;
    height: 165px;
    float: left;
    overflow: hidden;
    margin-left: 50px;
}

#main #item_mall_prew_container #item_mall_prew_bestitems {
    float: right;
    width: 550px;
    height: 220px;
    /*background-color: #cdcdcd;*/
}

#main #item_mall_prew_container #item_mall_prew_bestitems #item_mall_prew_bestitems_label {
    height: 35px;
    width: 488px;
    text-align: right;
}

#main #item_mall_prew_container #item_mall_prew_bestitems #item_mall_prew_bestitems_itemscontainer {
    width: 450px;
    height: 165px;
    float: left;
    overflow: hidden;
    margin-left: 50px;
}

#main #item_mall_prew_container #item_mall_prew_morebutton {
    top: 250px;
    position: relative;
    margin: 0 auto;
}

#main #item_mall_prew_container #item_mall_prew_morebutton #item_mall_prew_moretext {
    position: absolute;
    top: -2px;
    left: 24px;
}

/***** INDEX ITEMS PAGE ****/

/*********************************************** GULDE ***********************************************/

.guidebg {
    background: url('../images/guideBG.png') center 0 no-repeat;
}

#guide_label {
    font-family: ggFont1;
    color: #ffc345;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    position: relative;
}

#guide_text {
    font-size: 18px;
    text-align: center;
    position: relative;
    margin-top: 15px;
}

#guide_button {
    width: 190px;
    height: 40px;
    border: 1px solid #6a4f15;
    background-color: #3d120a;
    text-align: center;
    cursor: pointer;
    line-height: 40px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
    margin: 18px auto;
}

#guide_button:hover {
    background-color: #45150c;
    color: #ffc345;
}

#guide_menu {
    margin: 0 auto;
    width: 906px;
    height: 180px;
    font-size: 14px;
}

#guide_content {
    margin: 0 auto;
    width: 870px;
}

#guide_content .image img {
    max-width: 100%;
    max-height: 100%;
}

#guide_nav {
    font-size: 13px;
    color: #a6a6a6;
    text-align: right;
    margin-right: 30px;
}

#guide_nav .guide_nav_lastmenu {
    color: #ffffff;
}

#guide_menu .guide_menu_button {
    width: 290px;
    height: 90px;
    float: left;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
}

#guide_menu .guide_menu_button .label {
    color: #ffc345;
    font-size: 24px;
    font-family: ggFont1;
    display: block;
    position: absolute;
    bottom: 6px;
    left: 10px;
}

#guide_menu #guide_menu_button1 {
    background: url('../images/guide_main_menu1.png') 0 0 no-repeat;
}

#guide_menu #guide_menu_button2 {
    background: url('../images/guide_main_menu2.png') 0 0 no-repeat;
}

#guide_menu #guide_menu_button3 {
    background: url('../images/guide_main_menu3.png') 0 0 no-repeat;
}

#guide_menu .arrowdown {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #ffc445 transparent transparent transparent;
    position: absolute;
}

#guide_menu .arrowright {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #ffc445;
    position: absolute;
}

#guide_menu .menu {
    display: none;
    list-style-type: none;
    padding: 0;
    width: 290px;
    position: absolute;
    top: 76px;
    left: 0;
}

#guide_menu .menu .option {
    margin: 2px 0;
    width: 260px;
    height: 30px;
    background-color: #46150c;
    line-height: 30px;
    padding-left: 30px;
    cursor: pointer;
    position: relative;
}

/*
#guide_menu  .menu .option:first-child {
	margin-top: 0;
}
*/
#guide_menu .menu .option .arrowdown {
    top: 12px;
    left: 13px;
}

#guide_menu .menu .option .arrowright {
    top: 11px;
    left: 13px;
}

#guide_menu .menu .option a {
    display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}

#guide_menu .menu .option a:hover {
    color: #ffffff;
}

/****************************/
#guide_menu .menu .submenu {
    list-style-type: none;
    padding: 0;
    width: 290px;
}

#guide_menu .menu .submenu .option {
    margin: 2px 0;
    width: 245px;
    height: 30px;
    background-color: #310e08;
    line-height: 30px;
    padding-left: 45px;
    cursor: pointer;
}

#guide_menu .menu .submenu .option .arrowdown {
    top: 12px;
    left: 28px;
}

#guide_menu .menu .submenu .option .arrowright {
    top: 11px;
    left: 28px;
}

#guide_menu .menu .submenu .option a {
    display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}

#guide_menu .menu .submenu .option a:hover {
    color: #ffffff;
}

/****************************/
#guide_menu .menu .submenu2 {
    list-style-type: none;
    padding: 0;
    width: 290px;
}

#guide_menu .menu .submenu2 .option {
    margin: 2px 0;
    width: 230px;
    height: 30px;
    background-color: #240a06;
    line-height: 30px;
    padding-left: 60px;
    cursor: pointer;
}

#guide_menu .menu .submenu2 .option .arrowdown {
    top: 12px;
    left: 43px;
}

#guide_menu .menu .submenu2 .option .arrowright {
    top: 11px;
    left: 43px;
}

#guide_menu .menu .submenu2 .option a {
    display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}

#guide_menu .menu .submenu2 .option a:hover {
    color: #ffffff;
}

#guide_menu .menu .submenu3 {
    list-style-type: none;
    padding: 0;
    width: 290px;
}

#guide_menu .menu .submenu3 .option {
    margin: 2px 0;
    width: 215px;
    height: 30px;
    background-color: #190805;
    line-height: 30px;
    padding-left: 75px;
    cursor: pointer;
}

#guide_menu .menu .submenu3 .option .arrowdown {
    top: 12px;
    left: 58px;
}

#guide_menu .menu .submenu3 .option .arrowright {
    top: 11px;
    left: 58px;
}

#guide_menu .menu .submenu3 .option a {
    display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}

#guide_menu .menu .submenu3 .option a:hover {
    color: #ffffff;
}

/*********************************************** GULDE ***********************************************/

#main #index2 {
    height: 346px;
    background-image: url('../images/index2_bg.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #1a0000;
    margin-top: 118px;
    min-width: 1200px;
    border-top: 1px solid #6c5526;
    border-bottom: 1px solid #6c5526;
}

#main #index2_container {
    width: 1200px;
    height: 273px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 75px;
}

#main #index2 #index2_mascot {
    width: 955px;
    height: 450px;
    background: url('../images/index2_char.png') 0 0 no-repeat;
    position: absolute;
    top: -104px;
    right: -150px;
    z-index: 999;
}

#main #index2 #index2_label {

}

#main #index2 #index2_text {
    margin-top: 25px;
    font-size: 20px;
    line-height: 30px;
}

#main #index2 #index2_button {
    margin-top: 35px;
}


#main #index3 {
    height: 448px;
    background-image: url('../images/index3_bg.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #060c13;
    min-width: 1200px;
    border-bottom: 1px solid #6c5526;
}

#main #index3_container {
    width: 1200px;
    height: 290px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 159px;
}

#main #index3 #index3_mascot {
    width: 454px;
    height: 426px;
    background: url('../images/index3_char.png') 0 0 no-repeat;
    position: absolute;
    top: 22px;
    left: -100px;
    z-index: 999;
}

#main #index3 #index3_label {
    float: right;
    clear: both;
}

#main #index3 #index3_text {
    margin-top: 25px;
    font-size: 20px;
    line-height: 30px;
    float: right;
    clear: both;
    text-align: right;
}

#main #index3 #index3_button {
    margin-top: 35px;
    float: right;
    clear: both;
}


#main #index_multimedia {
    height: 501px;
    background-image: url('../images/multimedia_bg.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #160000;
    min-width: 1200px;
    border-bottom: 1px solid #6c5526;
}

#main #index_multimedia_container {
    width: 1200px;
    height: 406px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 43px;
}

#main #index_multimedia #index_multimedia_label {
    text-align: center;
    width: 100%;
}

#main #index_multimedia #index_multimedia_text {
    margin-top: 25px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    width: 100%;
}

#main #index_multimedia #index_multimedia_button {
    margin-top: 35px;
    float: right;
    clear: both;
}

#main #index_multimedia #index_multimedia_morebutton {
    top: 85px;
    position: relative;
    margin: 0 auto;
}

#main #index_multimedia #index_multimedia_morebutton #index_multimedia_moretext {
    position: absolute;
    top: -2px;
    left: 24px;
}

#main #index_multimedia_container #index_multimedia_menu {
    width: 484px;
    height: 40px;
    margin: 40px auto 0 auto;
}

#main #index_multimedia_container #index_multimedia_menu #index_multimedia_menu_button_video {
    float: left;
}

#main #index_multimedia_container #index_multimedia_menu #index_multimedia_menu_button_screenshot {
    float: left;
}

#main #index_multimedia_container #index_multimedia_menu #index_multimedia_menu_button_wallpaper {
    float: left;
}

#main #index_multimedia #index_multimedia_images {
    width: 793px;
    height: 112px;
    margin: 47px auto 0 auto;
}

#main #index_multimedia #index_multimedia_images .image_box {
    width: 188px;
    height: 110px;
    border: 1px solid #ffc345;
    float: left;
    margin-left: 11px;
    cursor: pointer;
}


#main #index_followus {
    height: 354px;
    background-image: url('../images/followus_bg.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #060c13;
    min-width: 1200px;
    border-bottom: 1px solid #6c5526;
}

#main #index_followus_container {
    width: 1200px;
    height: 295px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 60px;
}

#main #index_followus #index_followus_label {
    text-align: center;
    width: 100%;
}

#main #index_followus #index_followus_socialmedia {
    width: 410px;
    margin: 53px auto 0 auto;
}

#main #index_followus #index_followus_socialmedia ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main #index_followus #index_followus_socialmedia ul li {
    display: inline;
    margin: 0 10px;
}

#main #index_followus #index_followus_socialmedia ul li a {
    display: inline-block;
    width: 79px;
    height: 79px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#main #index_followus #index_followus_socialmedia ul li a.facebook {
    background-image: url('../images/facebook_bg.png');
}

#main #index_followus #index_followus_socialmedia ul li a.instagram {
    background-image: url('../images/instagram_bg.png');
}

#main #index_followus #index_followus_socialmedia ul li a.youtube {
    background-image: url('../images/youtube_bg.png');
}

#main #index_followus #index_followus_socialmedia ul li a.twitter {
    background-image: url('../images/twitter_bg.png');
}


#main #index_followus #index_followus_links {
    width: 100%;
    margin: 53px auto 0 auto;
    text-align: center;
}

#main #index_followus #index_followus_links ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main #index_followus #index_followus_links ul li {
    display: inline;
    margin: 0 20px;
}

#main #index_followus #index_followus_links ul li a {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

#main #index_followus #index_followus_links ul li a:hover {
    text-decoration: underline;
}


#main #footer {
    height: 250px;
    min-width: 1200px;
    background-color: #000000;
	margin-top: -18px !important;
}

#main #footer_container {
    width: 1200px;
    height: 250px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-top: 0;
}

#main #footer #epic_logo {
    width: 232px;
    height: 120px;
    position: relative;
    left: 152px;
    top: 37px;
    opacity: 0.75;
    cursor: pointer;
    bottom: -20px;
}

#main #footer #epic_logo:hover {
    opacity: 1;
}

#main #footer #footer_container a:hover {
    text-decoration: none !important;
}

#main #footer #epic_logo span {
    font-size: 55px;
    color: #BEBFBD;
    text-decoration: none;
    text-shadow: 3px 3px 5px #3C2914, 1px 1px 1px #000;
    font-family: "Robus", serif;
}

#main #footer #epic_logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}

.epic-footer-logo-container {
    display: inline-block;
    white-space: nowrap;
}

#main #footer #copyright_text {
    font-size: 11px;
    /* font-weight: bold; */
    position: absolute;
    left: 170px;
    top: 70%;
    line-height: 14px;
    text-align: center;
    color: #d3d3d3;
}

#main #footer #pegi_logo {
    width: 58px;
    height: 71px;
    background: url('../images/pegi_logo.png') 0 0 no-repeat;
    position: absolute;
    left: 640px;
    top: 62px;
    opacity: 0.75;
}

#main #footer #pegi_logo:hover {
    opacity: 1;
}

#main #footer #pegi_text {
    font-size: 11px;
    /* font-weight: bold; */
    position: absolute;
    left: 703px;
    top: 70px;
    color: #d3d3d3;
}


.loginbg {
    background: url(../images/silkroad-tr-login.png) center 0 no-repeat;
    padding-bottom: 0 !important;
}

#login_label {
    color: #ffc345;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
    position: relative;
}

#login_text {
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}

#login_form {
    margin-top: 55px;
}

#login_links {
    position: relative;
}

#login_links_container {
    width: 465px;
    height: 25px;
    margin: 0 auto;
    text-align: center;
}

#login_captcha {
    margin: 0 auto;
    background-color: #ff0000;
    width: 308px;
    height: 82px;
    background: url('../images/captcha.png') 0 0 no-repeat;
    margin-top: 40px;
}
/* eski register buton
#login_button {
    width: 306px;
    height: 78px;
    background-color: #091731;
    text-align: center;
    color: #ffc345;
    line-height: 78px;
    font-size: 22px;
    cursor: pointer;
    margin: 25px auto;
    background: url('../images/loginbutton.png') 0 0 no-repeat;
    font-weight: bold;
}

#login_button:hover {
    background-position: 0 -78px;
}
*/
#login_button {
    width: 306px;
    height: 78px;
    background: url('../images/loginbutton.png') 0 0 no-repeat;
    background-color: #091731; /* Fallback */
    border: none;
    color: #ffc345;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 78px;
    cursor: pointer;
    margin: 25px auto;
    display: block;
    text-shadow: 1px 1px 2px #000;
    position: relative;
    overflow: hidden;
}

#login_button:hover {
    background-position: 0 -78px;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#login_button:active {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.gg_input {
    background: none;
    border: none;
    color: #ffc345;
    font-size: 16px;
    width: 415px;
    height: 30px;
}

.gg_input_div {
    width: 415px;
    height: 31px;
    background: url('../images/gg_input_bg.png') 0 0 no-repeat;
    padding: 10px 25px;
    margin: 20px auto 10px auto;
}

.gg_input_text_div {
    font-size: 12px;
    width: 445px;
    margin: 0 auto;
    padding: 0 10px;
}

.login_link_text {
    font-size: 14px;
    padding-right: 20px;
}

.login_link_text a {
    color: #ffffff;
    text-decoration: underline;
}

.login_link_text a:hover {
    text-decoration: none;
}

.login_icon {
    width: 23px;
    height: 25px;
    background: url('../images/login_icon.png') 0 0 no-repeat;
    position: absolute;
    left: 365px;
}


.registerbg {
    background: url('../images/registerbg.png') center 0 no-repeat;
}

#register_label {
    color: #ffc345;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
    position: relative;
}

#register_text {
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}

.register_icon {
    width: 23px;
    height: 25px;
    background: url('../images/register_icon.png') 0 0 no-repeat;
    position: absolute;
    left: 365px;
}

.gg_checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.gg_checkbox_div {
    width: 28px;
    height: 28px;
    background: url('../images/gg_checkbox.png') 0 0 no-repeat;
    cursor: pointer;
    float: left;
}

.gg_checkbox_text_div {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
    font-size: 14px;
}

.gg_checkbox_text_div a {
    color: #ffffff;
}

.gg_checkbox_text_div a:hover {
    text-decoration: none;
}

.gg_checkbox_div_container {
    width: 465px;
    height: 28px;
    margin: 7px auto 0 auto;
}


.general_label {
    color: #ffc345;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
    margin-left: 50px;
}

.general_text {
    font-size: 18px;
    margin: 15px 0 0 50px;
}

.general_text2 {
    font-size: 12px;
    margin: 5px 0 0 50px;
}

.download_icon {
    width: 14px;
    height: 18px;
    background: url('../images/down_icon.png') 0 0 no-repeat;
    position: absolute;
    left: 15px;
    top: 24px;
}

.support_icon {
    width: 25px;
    height: 18px;
    background: url('../images/support_icon.png') 0 0 no-repeat;
    position: absolute;
    left: 15px;
    top: 24px;
}

.down_content {
    position: relative;
    width: 920px;
    height: 215px;
    margin-top: 15px;
}

.down_content_left {
    float: left;
    width: 460px;
    height: 215px;
    background-color: #091731;
}

.down_content_right {
    float: left;
    width: 460px;
    height: 215px;
    background-color: #0f1324;
}

#down_logo2 {
    width: 320px;
    height: 58px;
    background: url('../images/download_button2.png') 0 0 no-repeat;
    cursor: pointer;
    margin: 35px auto;
}

#down_logo2:hover {
    background-position: 0 -58px;
}

#file_informations {
    font-size: 14px;
    width: 200px;
    height: 50px;
    margin: 0 auto;
}

#down_general_info {
    color: #ffc345;
    font-size: 14px;
    width: 360px;
    margin: 40px auto;
}

#nvidia_logo {
    width: 137px;
    height: 101px;
    background: url('../images/nvidia.png') 0 0 no-repeat;
    cursor: pointer;
    margin: 30px auto 20px auto;
}

#nvidia_down {
    margin: 0 auto;
}

#amd_logo {
    width: 191px;
    height: 46px;
    background: url('../images/amd.png') 0 0 no-repeat;
    cursor: pointer;
    margin: 65px auto 40px auto;
}

#amd_down {
    margin: 0 auto;
}

.table_systemreq {
    text-align: center;
    margin: 30px auto;
    border-bottom: 1px solid #6a4f15;
}

.table_systemreq th {
    background-color: #091731;
    font-size: 14px;
    font-weight: bold;
    color: #ffc345;
    border-top: 1px solid #6a4f15;
}

.table_systemreq .th1 {
    width: 129px;
    height: 30px;
    border-left: 1px solid #6a4f15;
}

.table_systemreq .th2 {
    width: 340px;
    height: 30px;
}

.table_systemreq .th3 {
    width: 340px;
    height: 30px;
    border-right: 1px solid #6a4f15;
}

.table_systemreq td {
    background-color: #000000;
    font-size: 14px;
    border-top: 1px solid #6a4f15;
}

.table_systemreq .td1 {
    background-color: #0f1324;
    width: 129px;
    height: 30px;
    border-left: 1px solid #6a4f15;
}

.table_systemreq .td2 {
    width: 340px;
    height: 30px;
}

.table_systemreq .td3 {
    width: 340px;
    height: 30px;
    border-right: 1px solid #6a4f15;
}


/****************************** SERVER INFO PAGE *************************************/

/** efes **/
.serverpage_efes {
    background: url('../images/serverdetailsbg_efes.png') 0 0 no-repeat;
}

.serverpage_troya {
    background: url('../images/serverdetailsbg_troya.png') 0 0 no-repeat;
}

.serverpage_aspendos {
    background: url('../images/serverdetailsbg_aspendos.png') 0 0 no-repeat;
}

.serverpage_myra {
    background: url('../images/serverdetailsbg_myra.png') 0 0 no-repeat;
}

.serverpage_assos {
    background: url('../images/serverdetailsbg_assos.png') 0 0 no-repeat;
}

.serverpage_zeugma {
    background: url('../images/serverdetailsbg_zeugma.png') 0 0 no-repeat;
}

#serverinfo_container {
    height: 1000px;
    width: 840px;
    margin: 250px auto 0 auto;
}

#serverinfo_info {
    height: 50px;
}

#serverinfo_info .serverinfoo {
    background: url('../images/serverinfo_icon.png') 0 0 no-repeat;
    font-weight: bold;
    font-size: 18px;
    padding-left: 35px;
    padding-top: 8px;
    margin-right: 30px;
    float: left;
}

#serverinfo_info .serverinfoo .info {
    color: #ffcb77;
}

#serverinfo_info #levelinfo {

}

#serverinfo_info #onlineplayerinfo {

}

#serverinfo_info #raceinfo {

}

#serverinfo_container #serverinfo_text .text1 {
    color: #ffcb77;
    font-size: 18px;
    margin: 20px 0;
    display: block;
}

#serverinfo_container #serverinfo_text .text2 {
    color: #fff;
    font-size: 16px;
    margin: 20px 0;
    display: block;
    width: 700px;
}

#serverinfo_container .serverinfo_button1 {
    background: url('../images/serverinfo_regbutton.png') 0 0 no-repeat;
    width: 330px;
    height: 65px;
    text-align: center;
    cursor: pointer;
    line-height: 65px;
    color: #ffcb77;
    font-size: 22px;
    font-weight: bold;
    margin: 120px auto 50px auto;
}

#serverinfo_container .serverinfo_button2 {
    background: url('../images/serverinfo_rankbutton.png') 0 0 no-repeat;
    width: 193px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    color: #ffcb77;
    font-size: 14px;
    /*margin: 250px auto 50px auto;*/
    float: left;
    margin: 10px 8px;
}

#serverinfo_container .serverinfo_button2:hover {
    background-position: 0 -38px;
}


/****************************** SERVER INFO PAGE *************************************/


/****************************** SERVER INFO PAGE *************************************/

.beta_details {
    background: url('../images/betadetailsbg.png') 0 0 no-repeat;
}

#betadetails_container {
    height: 1400px;
}

#betadetails_container #betadetails_button1 {
    background: url('../images/betadetails_button1.png') 0 0 no-repeat;
    width: 353px;
    height: 58px;
    cursor: pointer;
    line-height: 58px;
    margin-top: 260px;
    margin-left: 120px;
}

#betadetails_container #betadetails_button1:hover {
    background-position: 0 -58px;
}


/****************************** SERVER INFO PAGE *************************************/

/****************************** PURCHASE PAGE *************************************/
.shopbg {
    padding-bottom: 0 !important;
}

.purchase_icon {
    width: 20px;
    height: 20px;
    background: url(../images/purchase_icon.png) 0 0 no-repeat;
    position: absolute;
    left: 18px;
    top: 22px;
}

#purchase_container {
    background-color: #07132a;
    min-height: 700px;
}

#purchase_container #purchase_menu {
    width: 100%;
    height: 60px;
    margin-top: 50px;
}

#purchase_container #purchase_menu .gg_p_menu {
    width: 145px;
    height: 60px;
    background-color: #0a1c3a;
    float: left;
    color: #ffc345;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    padding-left: 85px;
    cursor: pointer;
}

#purchase_container #purchase_menu .gg_p_menu.selected {
    background-color: #07132a !important;
}

#purchase_container #purchase_menu .gg_p_menu:hover {
    background-color: #0e2345 !important;
}

#purchase_container #purchase_menu #gg_p_menu_cc {
    background: #0a1c3a url('../images/payCat_cc.png') 35px center no-repeat;
}

#purchase_container #purchase_menu #gg_p_menu_mob {
    background: #0a1c3a url('../images/payCat_mob.png') 35px center no-repeat;
}

#purchase_container #purchase_menu #gg_p_menu_bnk {
    background: #0a1c3a url('../images/payCat_bnk.png') 35px center no-repeat;
}

#purchase_container #purchase_menu #gg_p_menu_ep {
    background: #0a1c3a url('../images/payCat_ep.png') 35px center no-repeat;
}

#purchase_container #purchase_subtext {
    font-size: 14px;
    margin-top: 30px;
    margin-left: 20px;
    min-height: 170px;
}

#purchase_container #purchase_subtext .purchase_subtext_label {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

#purchase_container #purchase_subtext .subtxt_y {
    color: #ffc345;
    /*line-height: 0px;*/
    display: block;
}

#purchase_container #purchase_subtext .subtxt_w {
    color: #fff;
    /*line-height: 0px;*/
    display: block;
}

#purchase_container #purchase_packages {
    width: 881px;
    margin: 0 auto;
}

#purchase_container #purchase_packages .gg_p_package_box {
    width: 270px;
    height: 234px;
    border: 1px solid #0c2042;
    float: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 33px;
}

#purchase_container #purchase_packages .gg_p_package_box.middle_box {
    margin-left: 32px;
    margin-right: 32px;
}

#purchase_container #purchase_packages .gg_p_package_box:hover {
    background-color: #091732;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_img {
    width: 126px;
    height: 213px;
    position: absolute;
    left: 22px;
    bottom: 0;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_price {
    position: absolute;
    left: 150px;
    top: 50px;
    color: #d2a13e;
    font-size: 28px;
    font-weight: bold;
    width: 120px;
    height: 30px;
    text-align: center;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_amount {
    position: absolute;
    left: 150px;
    top: 90px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 120px;
    height: 22px;
    text-align: center;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_amount2 {
    position: absolute;
    left: 150px;
    top: 110px;
    color: #c7c7c7;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    height: 22px;
    text-align: center;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_buybutton {
    position: absolute;
    left: 150px;
    top: 145px;
    width: 120px;
    height: 34px;
    text-align: center;
    cursor: pointer;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_buybutton .gg_p_BuyButtonDiv {
    background-color: #0a2434;
    border: 1px solid #2b2b2b;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 87px;
    height: 31px;
    text-align: center;
    margin: 0 auto;
    line-height: 31px;
}

#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_buybutton .gg_p_BuyButtonDiv:hover {
    background-color: #0c2042;
    color: #d2a13e;
}

#purchase_container #purchase_packages .gg_p_authseller_box {
    width: 368px;
    height: 200px;
    float: left;
    position: relative;
    margin-bottom: 33px;
    margin-left: 40px;
}

#purchase_container #purchase_packages .gg_p_authseller_box .gg_p_authseller_box_img {
    width: 366px;
    height: 112px;
    position: relative;
    margin: 0 auto;
    border: 1px solid #6a4f15;
}

#purchase_container #purchase_packages .gg_p_authseller_box .gg_p_authseller_box_button {
    margin: 20px auto 0 auto;
    position: relative;
}

.gg_input_epin_div {
    width: 551px;
    height: 50px;
    margin: 20px auto 10px auto;
}

.gg_input_epinserial_div {
    width: 415px;
    height: 31px;
    background: url(../images/gg_input_bg.png) 0 0 no-repeat;
    padding: 10px 25px;
    margin: 20px auto 10px auto;
}

.gg_input_epin_div .label_text {
    display: block;
    float: left;
    width: 111px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #ffc345;
    font-weight: bold;
    background-color: #0a1c3a;
    border-top: 1px solid #6a4f15;
    border-bottom: 1px solid #6a4f15;
    border-left: 1px solid #6a4f15;
}

.gg_input_epin {
    background: none;
    border: 1px solid #6a4f15;
    color: #ffffff;
    font-size: 16px;
    width: 415px;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
}

/****************************** PURCHASE PAGE *************************************/
/********* GUILD DETAILS PAGE *************/

#guild_info_container {
    width: 100%;
    height: 120px;
    background: url(../images/guild_label_bg.png) 0 0 repeat-x;
    border-bottom: 1px solid #4a1915;
}

#guild_info_container .ginfotext {
    color: #ffc345;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    top: 50px;
    width: 130px;
    text-align: center;
}

#guild_info_container .ginfotext_big {
    color: #ffc345;
    font-weight: bold;
    font-size: 42px;
    position: absolute;
    top: 30px;
    width: 130px;
    text-align: center;
}

#guild_info_container .ginfotext2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    bottom: 15px;
    width: 130px;
    text-align: center;
}

#guild_info_container .gstarbg {
    background-image: url(../images/guild_bg_star.png);
    background-position: center 20px;
    background-repeat: no-repeat;
}

#guild_info_container .gfwbg_jangan {
    background-image: url(../images/guild_fwbg_jangan.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#guild_name {
    width: 300px;
    height: 120px;
    float: left;
    background: url(../images/guild_name_bg.png) 0 0 no-repeat;
    position: relative;
}

#guild_name #gname {
    position: absolute;
    font-weight: bold;
    color: #ffc345;
    font-size: 26px;
    left: 40px;
    top: 30px;
}

#guild_name #gcreatedate_text {
    position: absolute;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    left: 43px;
    top: 60px;
}

#guild_name #gcreatedate {
    position: absolute;
    color: #ffc345;
    font-size: 14px;
    left: 143px;
    top: 60px;
    max-width: 150px; /* Daha geniş bir alan */
    white-space: nowrap;
}

#guild_name #grank_text {
    position: absolute;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    left: 43px;
    top: 78px;
}

#guild_name #grank {
    position: absolute;
    color: #ffc345;
    font-size: 14px;
    left: 76px;
    top: 78px;
}

#guild_fortress {
    width: 130px;
    height: 120px;
    float: left;
    position: relative;
    background-color: #4f0c02;
}

#guild_fortress #guild_fortress_icon {
    text-align: center;
    position: absolute;
    top: 30px;
    width: 130px;
    position: relative;
}

#guild_master {
    width: 130px;
    height: 120px;
    float: right;
    position: relative;
    background-color: #450a01;
}

#guild_master a {
    text-decoration: none;
    color: #ffc345;
}

#guild_master a:hover {
    text-decoration: underline;
}

#guild_point {
    width: 130px;
    height: 120px;
    float: right;
    position: relative;
    background-color: #3f0901;
}

#guild_level {
    width: 130px;
    height: 120px;
    float: right;
    position: relative;
    background-color: #3a0901;
}

#guild_memcount {
    width: 130px;
    height: 120px;
    float: right;
    position: relative;
    background-color: #330600;
}

/********* GUILD DETAILS PAGE *************/
/********* STATS PAGE *************/

.table_stats {
    text-align: center;
    margin: 30px auto;
    border-bottom: 1px solid #6a4f15;
}

.table_stats th {
    background-color: #091731;
    font-size: 14px;
    font-weight: bold;
    color: #ffc345;
    border-top: 1px solid #6a4f15;
}

.table_stats .th1 {
    width: 129px;
    height: 30px;
    border-left: 1px solid #6a4f15;
}

.table_stats .th2 {
    width: 143px;
    height: 30px;
}

.table_stats .th3 {
    width: 93px;
    height: 30px;
}

.table_stats .th4 {
    width: 271px;
    height: 30px;
    border-right: 1px solid #6a4f15;
}

.table_stats td {
    background-color: #000000;
    font-size: 14px;
    border-top: 1px solid #6a4f15;
}

.table_stats .td1 {
    background-color: #0f1324;
    width: 129px;
    height: 30px;
    border-left: 1px solid #6a4f15;
}

.table_stats .td2 {
    width: 143px;
    height: 30px;
    border-left: 1px solid #6a4f15;
}

.table_stats .td3 {
    width: 93px;
    height: 30px;
    border-left: 1px solid #6a4f15;
}

.table_stats .td4 {
    width: 271px;
    height: 30px;
    border-right: 1px solid #6a4f15;
    border-left: 1px solid #6a4f15;
}

/********* STATS PAGE *************/
#guide_content table {
    /* border: 1px solid #979595; */
}

#guide_content table td {
    /* border: 1px solid #727272; */
}

/********* SEARCH PAGE ************/
.selectBoxDiv {
    position: relative;
    /* margin-bottom: 30px; */
    clear: both;
    width: 100%;
    height: 40px;
}

.search_content .gg_selectbox_label {
    width: 220px;
    height: 40px;
    background-color: #10264f;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    float: left;
}

.search_content .gg_selectbox {
    width: 170px;
    height: 40px;
    float: left;
}

.search_content .gg_selectbox .styledSelect {
    background-color: #0a1c3a !important;
}

.search_content {
    position: relative;
    width: 920px;
    height: 425px;
    margin-top: 35px;
}

.search_content_left {
    float: left;
    width: 460px;
    height: 425px;
    background-color: #0f1324;
}

.search_content_right {
    float: left;
    width: 460px;
    height: 425px;
    background-color: #091731;
}

.search_content #serverSelectDiv {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    margin-left: 10px;
}

.search_content #searchBoxDiv {
    width: 100%;
    height: 90px;
    margin-top: 15px;
    margin-left: 10px;
    color: #ffc345;
    font-size: 16px;
    font-weight: bold;
}

.search_content #searchBoxDiv .gg_input_searchbox_div {
    width: 451px;
    height: 50px;
    margin: 10px 0 0 0;
}

.search_content #searchBoxDiv .gg_input_searchbox {
    background: none;
    border: 1px solid #6a4f15;
    color: #ffffff;
    font-size: 16px;
    width: 417px;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
}

.search_content #searchTypeDiv {
    margin-top: 15px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.search_content #searchTypeDiv .gg_input_radio_div {
    width: 13px;
    height: 13px;
    background: url('../images/gg_radiobutton.png') 0 0 no-repeat;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 0 20px;
}

.search_content #searchTypeDiv .gg_input_radio_button {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.search_content #searchTypeDiv .searchTypeLabel {
    color: #ffc345;
}

.search_content #captchaDiv {
    margin-top: 25px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.search_content #searchButtonDiv {
    margin-top: 15px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#search_general_info {
    color: #fff;
    font-size: 14px;
    width: 360px;
    margin: 20px auto;
}

.bg-equipment {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.bg-equipment-avatar {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.slots {
    width: 40px;
    height: 40px;
}

.itemslot {
    float: left;
    width: 40px;
    height: 40px;
    margin: 1px;
    padding: 0 !important;
}

.weapon .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_weapon.png') no-repeat !important;
    background-size: 56px 56px !important;
}

.shield .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_shield.png') no-repeat !important;
    background-size: 56px 56px !important;
}

.head .itemslot {
    background: url('../images/equipment/equip_slot_helm.png') no-repeat !important;
}

.chest .itemslot {
    background: url('../images/equipment/equip_slot_mail.png') no-repeat !important;
}

.shoulder .itemslot {
    background: url('../images/equipment/equip_slot_shoulderguard.png') no-repeat !important;
}

.hands .itemslot {
    background: url('../images/equipment/equip_slot_gauntlet.png') no-repeat !important;
}

.legs .itemslot {
    background: url('../images/equipment/equip_slot_pants.png') no-repeat !important;
}

.foot .itemslot {
    background: url('../images/equipment/equip_slot_boots.png') no-repeat !important;
}

.earring .itemslot {
    background: url('../images/equipment/equip_slot_earring.png') no-repeat !important;
}

.necklace .itemslot {
    background: url('../images/equipment/equip_slot_necklace.png') no-repeat !important;
}

.lring .itemslot {
    background: url('../images/equipment/equip_slot_l_ring.png') no-repeat !important;
}

.rring .itemslot {
    background: url('../images/equipment/equip_slot_r_ring.png') no-repeat !important;
}

.specdress .itemslot {
    background: url('../images/equipment/equip_slot_specialdress.png') no-repeat !important;
    margin-top: 10px !important;
}

.hat .itemslot {
    background: url('../images/equipment/equip_slot_helm.png') no-repeat !important;
}

.dress .itemslot {
    background: url('../images/equipment/equip_slot_cloth.png') no-repeat !important;
}

.attach .itemslot {
    background: url('../images/equipment/equip_slot_pandernt.png') no-repeat !important;
}

.flag .itemslot {
    background: url('../images/equipment/equip_slot_plag.png') no-repeat !important;
}

.spec .itemslot {
    background: url('../images/equipment/equip_slot_extraneous01.png') no-repeat !important;
}

.slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.bg-equipment-avatar .slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.avatar-margin {
    margin-top: 80px !important;
}

.slots.right {
    float: right;
    clear: right;
    margin-right: 0;
    margin-left: 10%;
}

.slots.left {
    float: left;
    clear: left;
    margin-left: 0;
    margin-right: 10%;
}

.slots.weapon,
.slots.shield {
    width: 31% !important;
    margin-bottom: 40px !important;

}

.image .itemslot .image {
    margin: 3px;
}

.itemslot .image .qinfo {
    font-size: 9px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 0 -0.5px #000;
    color: #fff;
    padding: 0 0;
    float: left;
}

.move .image.activeItem {
    box-shadow: 0 0 7px 4px gray;
}

.itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 !important;
    margin: 3px;
}

.itemslot .imageavatar {
    width: 34px !important;
    height: 34px !important;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 84px !important;
}

.slots.left .itemslot .imageavatar {
    margin-left: 2px !important;
}

.weapon .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.shield .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.imageclear {
    margin-top: -2px;
    display: inline-block;
}

.itemInfo {
    color: #fff;
    z-index: 80;
    position: absolute;
    left: 34px;
    top: 3px;
    width: 180px;
    background: rgba(88, 98, 170, 0.85);
    border: 2px solid #303d4d;
    padding: 5px;
    display: none;
    line-height: 18px;
    font-size: 10px;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 190px;
    padding: 8px !important;
    background: url('../images/equipment/com_bg_tile_tl.png') no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
}

.ui-tooltip-content {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px !important;
    line-height: 15px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 1px 1px #000;
    color: #fff;
}

.equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.png') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: right;
    clear: right;
}

.bg-equipment-avatar .equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.png') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: right;
    clear: right;
}

.equip-suit-slot .image {
    width: 34px !important;
    height: 34px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.btn-equip-avatar {
    background: url('../images/equipment/equip_slot_avata_button.png') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-avatar:hover {
    background: url('../images/equipment/equip_slot_avata_button_focus.png') no-repeat !important;
}

.btn-equip-avatar:active {
    background: url('../images/equipment/equip_slot_avata_button_press.png') no-repeat !important;
}

.btn-equip-set {
    background: url('../images/equipment/equip_slot_equipment_button.png') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-set:hover {
    background: url('../images/equipment/equip_slot_equipment_button_focus.png') no-repeat !important;
}

.btn-equip-set:active {
    background: url('../images/equipment/equip_slot_equipment_button_press.png') no-repeat !important;
}

.btn-rotate-group {
    position: relative;
    left: 12px;
    top: 32px;
    display: inline-block;
}

.bg-equipment-avatar .btn-rotate-group {
    position: relative;
    left: -7px;
    margin-top: 134px;
    display: inline-block;
}

.btn-rotate-left {
    background: url('../images/equipment/equip_rotate_left_button.png') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-right: -5px;
    margin-left: 5px;
    border: none;
    outline: 0;
}

.btn-rotate-left:hover {
    background: url('../images/equipment/equip_rotate_left_button_focus.png') no-repeat !important;
}

.btn-rotate-left:active {
    background: url('../images/equipment/equip_rotate_left_button_press.png') no-repeat !important;
}

.btn-rotate-right {
    background: url('../images/equipment/equip_rotate_right_button.png') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-left: -5px;
    border: none;
    outline: 0;
}

.btn-rotate-right:hover {
    background: url('../images/equipment/equip_rotate_right_button_focus.png') no-repeat !important;
}

.btn-rotate-right:active {
    background: url('../images/equipment/equip_rotate_right_button_press.png') no-repeat !important;
}

.btn-rotate-top {
    background: url('../images/equipment/equip_rotate_reset_button.png') no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    border: none;
    outline: 0;
}

.btn-rotate-top:hover {
    background: url('../images/equipment/equip_rotate_reset_button_focus.png') no-repeat !important;
}

.btn-rotate-top:active {
    background: url('../images/equipment/equip_rotate_reset_button_press.png') no-repeat !important;
}

div.image span.plus {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/itemplus.png) left top;
    -webkit-animation: play 1.8s steps(32) infinite;
    -moz-animation: play 1.8s steps(32) infinite;
    -ms-animation: play 1.8s steps(32) infinite;
    -o-animation: play 1.8s steps(32) infinite;
    animation: play 1.8s steps(32) infinite;
}

@-webkit-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-moz-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-ms-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-o-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@keyframes play {
    100% {
        background-position: -1024px;
    }
}

.hidden {
    display: none;
}

.trophyFirst {
    color: #F1A90E
}

.trophySecond {
    color: #b7b6b6
}

.trophyThird {
    color: #a74c39
}

.text-center {
    text-align: center !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.progressbar-text {
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
}

.progress {
    overflow: visible;
    height: 18px;
    margin-bottom: 10px;
    background-color: #f0f0f0;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    background-color: #ffc345;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: relative;
    padding: 5px;
    height: 8px;
}

.progress-bar-span {
    opacity: 1;
    position: absolute;
    top: -5px;
    background: #ffc345;
    padding: 7px 7px;
    color: #FFF;
    border-radius: 0;
    right: -18px;
    -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;
    transition: all .5s ease-in-out;
}

.well {
    padding-top: 28px;
    padding-left: 5px;
    padding-right: 5px;
}

/********* RANK STATS PAGE *************/
    .epic-trophyFirst {
        color: #F1A90E
    }

    .epic-trophySecond {
        color: #b7b6b6
    }

    .epic-trophyThird {
        color: #a74c39
    }
    
    .epic-ranking-menu {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        display: inline-block;
        width: 150px;
        vertical-align: top;
        margin-right: 20px;
    }

    .epic-ranking-menu a {
        border: 1px solid #3a424b;
        padding: 10px;
        display: block;
        margin-bottom: 8px;
        text-align: center;
      /*background-color: #2a3542; menü buton arka plan renk*/
        color: #fff;
        border-radius: 4px;
        text-decoration: none;
        font-size: 14px;
        transition: all 0.3s;
    }

    .epic-ranking-menu a:hover {
        background-color: #091731;
        color: #ffc345;
        transform: translateX(5px);
    }
    
    .epic-ranking-menu a.active {
        background-color: #091731;
        color: #ffc345;
        font-weight: bold;
        border-left: 4px solid #ffc345;
    }
    
    .epic-ranking-menu h4 {
        width: 100%;
        height: 40px;
        background-color: #091731;
        margin: 0 0 15px 0;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        color: #ffc345;
        border-radius: 4px;
    }
    
    .epic-ranking-container {
        width: 100%;
        padding: 20px;
      /*background-color: #1a2229;	arka plan renk ekleme */
        border-radius: 4px;
        margin-top: 10px;
    }
    
    .epic-ranking-content {
        display: inline-block;
        width: calc(100% - 230px);
        vertical-align: top;
    }
    
    .epic-rankLabel {
        width: 100%;
        height: 40px;
        background-color: #091731;
        margin-bottom: 15px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        color: #ffc345;
        border-radius: 4px 4px 0 0;
    }
    
    .epic-rankTable {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
        /*background-color: #000; arka plan renk*/
        border-radius: 0 0 4px 4px;
        overflow: hidden;
    }
    
    .epic-rankTable th {
        font-size: 14px;
        font-weight: bold;
        color: #ffc345;
        padding: 10px;
        text-align: center;
        border: 1px solid #3a424b;
        background-color: #091731;
    }
    
    .epic-rankTable td {
        font-size: 14px;
        padding: 9px;
        border: 1px solid #141414; /* rank tablo çizgi renk */
        color: #dedede;
        text-align: center;
        /*background-color: #000; arka plan renk*/
    }
    
    .epic-rankTable a {
        color: #5d9cec;
        text-decoration: none;
        transition: color 0.2s;
    }
    
    .epic-rankTable a:hover {
        color: #ffc345;
        text-decoration: underline;
    }
    
    .epic-rankTable tr:nth-child(even) {
        /*background-color: #000; arka plan renk*/
    }
    
    .epic-rankTable tr:hover {
        background-color: #141414;/*üzene gelince oluşan renk*/
    }
    
    .epic-loader {
        border: 3px solid #3a424b;
        border-radius: 50%;
        border-top: 3px solid #5d9cec;
        width: 30px;
        height: 30px;
        animation: epic-spin 1s linear infinite;
        margin: 30px auto;
    }
    
    @keyframes epic-spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    .epic-rankPosition {
        font-weight: bold;
        color: #ffc345;
    }
    
    .epic-rankCharacter {
        text-align: left !important;
        padding-left: 20px !important;
    }
/********* RANK STATS PAGE *************/


/********* Market Liste Tasarımı *************/
.market-list-container {
    margin: 30px auto;
    max-width: 900px;
    padding: 0 20px;
}

.market-list-header {
    display: flex;
    background-color: #f0a800;
    color: #000;
    font-weight: bold;
    padding: 12px 15px;
    border-radius: 6px 6px 0 0;
    margin-top: 20px;
}

.header-item {
    flex: 1;
}

.header-price, .header-action {
    width: 150px;
    text-align: center;
}

.market-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.market-list-item {
    display: flex;
    align-items: center;
    background-color: #121318; /* Öncekinden daha koyu */
    border: 1px solid #2a2d38;
    padding: 12px 15px;
    transition: all 0.2s ease;
    transform-origin: center;
    border-radius: 4px;
/*    margin-top: 1px;	*/
    border-left: 3px solid #b8860b; /* Sol kenara altın çizgi */
}


.market-list-item:hover {
    background-color: #1b1c24;
/*    border-color: #b8860b; */
    transform: scale(1.01); /* Hafif yakınlaşma */
}

.market-list-button {
    display: inline-block;
    background-color: #f0a800;
    color: #000;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.2s ease;
}

.market-list-button:hover {
    background-color: #ffc345;
    transform: translateY(-1px); /* Hafif hareket */
}

.market-list-name {
    flex: 1;
    display: flex;
    align-items: center;
    color: #f0a800;
    font-weight: 600;
}

.market-list-image {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0e0f15;
    border-radius: 4px;
    overflow: hidden;
}

.market-list-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.market-list-price {
    width: 150px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.market-list-actions {
    width: 150px;
    text-align: center;
}

.market-login-alert {
    background-color: #330600;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    margin: 20px auto;
    max-width: 600px;
}


/********* Market Liste Tasarımı *************/

/********* Market Buy Tasarımı *************/
.marketbuy-container {
    max-width: 900px;
    margin: 30px auto;
    padding: 0 20px;
}

.marketbuy-alert {
    background-color: #1a2a3a;
    border-left: 4px solid #f0a800;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 4px;
    color: #fff;
}

.marketbuy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.marketbuy-product-info {
    background-color: #121318;
    border: 1px solid #2a2d38;
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-image {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0e0f15;
    border-radius: 6px;
    overflow: hidden;
}

.product-image img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.product-details h3 {
    color: #f0a800;
    margin-bottom: 10px;
    text-align: center;
}

.product-price {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.marketbuy-form {
    background-color: #121318;
    border: 1px solid #2a2d38;
    border-radius: 6px;
    padding: 20px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    color: #f0a800;
    margin-bottom: 8px;
    font-weight: 600;
}

.form-control {
    width: 100%;
    padding: 12px;
    background-color: #0e0f15;
    border: 1px solid #2a2d38;
    border-radius: 4px;
    color: #fff;
    transition: all 0.3s;
}

.form-control:focus {
    border-color: #f0a800;
    outline: none;
}

.form-hint {
    display: block;
    margin-top: 8px;
    color: #6c757d;
    font-size: 13px;
}

.form-actions {
    text-align: center;
    margin-top: 30px;
}

.marketbuy-button {
    background-color: #f0a800;
    color: #000;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.marketbuy-button:hover {
    background-color: #ffc345;
    transform: translateY(-2px);
}

.market-login-alert {
    background-color: #330600;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    margin-top: 30px;
}

.marketbuy-message {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: 600;
}

.marketbuy-message.success {
    background-color: #1a3a1a;
    border-left: 4px solid #4CAF50;
    color: #fff;
}

.marketbuy-message.error {
    background-color: #3a1a1a;
    border-left: 4px solid #f44336;
    color: #fff;
}

.loading-message {
    color: #f0a800;
    text-align: center;
    padding: 15px;
}

/********* Market Buy Tasarımı *************/

/********* EPIC MARKET LOGIN ALERT STYLING *************/
/* EPIC MODERN ALERT SYSTEM */
.epic-market-login-alert {
    border-radius: 12px;
    padding: 40px 30px;
    max-width: 480px;
    margin: 2rem auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(240, 168, 0, 0.15);
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
}

.epic-alert-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    position: relative;
    z-index: 2;
}

.epic-alert-icon {
    width: 180px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(240, 168, 0, 0.1);
    border-radius: 50%;
    animation: epic-icon-pulse 2s infinite;
}

.epic-custom-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(240, 168, 0, 0.3));
}

.epic-alert-icon svg {
    width: 40px;
    height: 40px;
}

.epic-alert-title {
    color: #f0a800;
    font-size: 1.5rem;
    margin: 0;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.epic-alert-message {
    color: inherit;
    font-size: 1rem;
    margin: 0;
    line-height: 1.6;
    opacity: 0.8;
    max-width: 80%;
}

.epic-alert-actions {
    display: flex;
    gap: 12px;
    margin-top: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.epic-alert-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.75rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

.epic-btn-primary {
    background-color: #f0a800;
    color: #000;
    box-shadow: 0 4px 6px -1px rgba(240, 168, 0, 0.3);
}

.epic-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(240, 168, 0, 0.4);
}

.epic-btn-secondary {
    background-color: transparent;
    color: #f0a800;
    border-color: rgba(240, 168, 0, 0.4);
}

.epic-btn-secondary:hover {
    background-color: rgba(240, 168, 0, 0.05);
    border-color: #f0a800;
}

/* Animations */
@keyframes epic-icon-pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

/********* EPIC MARKET LOGIN ALERT STYLING *************/


/********* EPIC İletişim Sayfası Özel Stilleri *************/
.epic-contact_container {
    background-color: #141414;
    border: 1px solid #141414;
    border-radius: 4px;
    padding: 25px;
    margin: 20px 0;
}

.epic-contact_info {
    margin-bottom: 30px;
}

.epic-contact_info h4 {
    color: #f1c40f;
    margin-bottom: 15px;
    font-size: 18px;
    text-align: center;
}

.epic-contact_channels {
    margin-top: 20px;
}

.epic-channel {
    margin: 15px 0;
    padding: 10px;
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
}

.epic-channel i {
    color: #f1c40f;
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.epic-channel a {
    color: #f1c40f;
    text-decoration: none;
    transition: color 0.3s;
}

.epic-channel a:hover {
    color: #fff;
    text-decoration: underline;
}

/* İsteğe bağlı form stilleri */
.epic-contact_form {
    margin-top: 30px;
}

.epic-form_group {
    margin-bottom: 15px;
}

.epic-form_group input,
.epic-form_group textarea {
    width: 100%;
    padding: 10px;
    background: #1a1e23;
    border: 1px solid #293139;
    color: #fff;
    border-radius: 4px;
}

.epic-submit_btn {
    background: #d50603;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.epic-submit_btn:hover {
    background: #b00503;
}
/********* EPIC İletişim Sayfası Özel Stilleri *************/


/********* Hata ve boş liste stilleri  *************/
.epic-no-items, .epic-error {
    text-align: center;
    padding: 30px;
    background: rgba(0,0,0,0.2);
    border-radius: 8px;
    margin: 20px 0;
    border: 1px dashed #f1c40f;
}

.epic-no-items img, .epic-error img {
    margin-bottom: 15px;
    opacity: 0.7;
}

.epic-no-items p, .epic-error p {
    color: #f1c40f;
    font-size: 16px;
    margin-bottom: 5px;
}

.epic-error small {
    color: #d50603;
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

/* Slider fallback */
.owl-carousel {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.owl-carousel .item_box {
    flex: 0 0 calc(25% - 15px);
    margin-bottom: 15px;
}
/********* Hata ve boş liste stilleri  *************/


/********* Etkinlik Takvim Hizalama  *************/
.event-item .middle_panel_news_line_text {
    display: flex;
    align-items: center;
}

.event-item .middle_panel_news_line_text strong {
    display: inline-block;
    width: 85px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400; /* Normal font weight */
}

.event-item .countdown {
    white-space: nowrap;
    font-weight: 400; /* Light font weight */
}
/********* Etkinlik Takvim Hizalama  *************/


/********* Üyelik Sözleşmesi  *************/
.agreement-box {
    background-color: #1e1e1e;
    border: 1px solid #252525;
    padding: 20px;
    border-radius: 5px;
    max-width: 800px;
}

.agreement-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.agreement-list li {
    padding: 10px 0;
    border-bottom: 1px dashed #333;
    color: #ccc;
    font-size: 14px;
    line-height: 1.6;
}

.agreement-list li:last-child {
    border-bottom: none;
}

.agreement-list li:before {
    content: "•";
    color: #ff6b00;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
/********* Üyelik Sözleşmesi  *************/

/********* Ödeme Sayfası  *************/
.payment-notice {
    background-color: #2a2a2a;
    border-left: 4px solid #ff6b00;
    padding: 15px;
    margin-bottom: 30px;
    color: #ccc;
    font-size: 14px;
    line-height: 1.6;
}

.payment-notice a {
    color: #ff6b00;
    text-decoration: none;
}

.payment-notice a:hover {
    text-decoration: underline;
}

.bank-accounts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.bank-account-box {
    background-color: #1e1e1e;
    border: 1px solid #252525;
    border-radius: 5px;
    width: calc(50% - 10px);
    min-width: 300px;
    overflow: hidden;
}

.bank-account-header {
    background-color: #252525;
    color: #ff6b00;
    padding: 12px 15px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.bank-account-details {
    padding: 15px;
}

.detail-row {
    display: flex;
    margin-bottom: 10px;
    font-size: 13px;
}

.detail-row:last-child {
    margin-bottom: 0;
}

.detail-label {
    color: #999;
    width: 120px;
    flex-shrink: 0;
}

.detail-value {
    color: #ddd;
    word-break: break-all;
}

.account-closed-message {
    background-color: #2a1a1a;
    border: 1px solid #5a2a2a;
    padding: 20px;
    text-align: center;
    color: #ff6b6b;
    border-radius: 5px;
    margin-top: 30px;
}

.account-closed-message i {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}
/********* Ödeme Sayfası  *************/


/********* hgsunucular.com  *************/