*: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 {
	* {
    	cursor: url('/media/images/silkroadcursor.cur'), auto !important;
	}	
	background-image: url('../images/background_chars.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #112826; /* Yeni zemin rengi — koyu mavi-yeşil */
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	padding: 0;
	font-family: 'Oxanium', cursive;
	color: #f9e4b7; /* Krem ve sarı arası hoş bir ton */
}

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: 85px;
    left: 0;
    z-index: 9999999;
    cursor: pointer;
}

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

.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: #f5b939;
    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;
    background: -webkit-linear-gradient(90deg, #f5b939, #f0ddb6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.labelText02 {
    font-size: 20px;
    font-weight: bold;
    background: -webkit-linear-gradient(90deg, #f5b939 20%, #f0ddb6 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.servername {
    color: #f5b939;
}

.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 #f5b939;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    float: left;
    margin-left: 10px;
    margin-bottom: 2px;
    background-image: url(../images/itemmallitembg.png);
}

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

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

.item_box_price img {
    width: 16px; /* İkonun genişliği */
    height: 16px; /* İkonun yüksekliği */
    vertical-align: middle; /* Metinle hizalama */
    margin-right: 5px; /* İkon ve metin arasında boşluk */
}

.item_box .item_box_price {
    width: 135px;
    height: 20px;
    color: #eac6a1;
    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: #f5b939;
    /*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: #3b2a1e;
    /*color:white;*/
}

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

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

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

.select2 {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #f5b939;
    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 #f5b939;
}

.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: #3b2a1e;
}

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

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

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

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

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

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

.button4:hover {
    background-color: #3f303a;
}

.gg_search_button_big {
    width: 221px;
    height: 46px;
    border: 1px solid #f5b939;
    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: 222px;
}

/* ================= HEADER START ================= */

#main #head_topbar {
    height: 39px;
    width: 100%;
    background-color: #0e0f15;
    border-bottom: 1px solid #363636;
    position: fixed;
    z-index: 9999;
    top: 0;
}

#main #head_topbar #head_topbar_container {
    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;
    border-bottom: 4px solid #f8d4af;
    background: linear-gradient(95deg, #17302d 20%, #b0a550 50%, #152836 85%) !important;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_container {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left,
#main #head_topmenu_cover #head_topmenu #head_topmenu_right {
    display: flex;
    align-items: center;
    height: 100%;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul,
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}

#main #head_topmenu_cover #head_topmenu ul li a {
    font-family: 'Oxanium', cursive;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f5b939;
    padding: 8px 15px;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
    text-shadow: 1px 1px 2px #000;
}

#main #head_topmenu_cover #head_topmenu ul li a:hover {
    color: #ffe8a1; /* daha sıcak bir açık sarı tonu */
    text-decoration: none;
    text-shadow: 0 0 2px #f5deb3, 0 0 10px rgba(255, 222, 179, 0.6);
}

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

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo {
    width: 214px;
    height: 170px;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    z-index: 9999;
}

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

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo img {
    max-height: 100%;
    max-width: 120%;
    width: auto;
    height: auto;
    margin-top: 0px;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo span {
    color: #BEBFBD;
    text-shadow: 3px 3px 5px #3C2914, 1px 1px 1px #000;
    font-size: 42px;
    font-family: 'AGaramondPro-Bold', serif;
}

#hiddenmenu {
    display: none;
    position: absolute;
    top: 109px;
    height: 245px;
    background-color: #2c1e13eb;
    width: 100%;
    z-index: 9997;
}

#hiddenmenu_cover {
    width: 1200px;
    margin: 0 auto;
    height: 150px;
    display: flex;
    justify-content: space-between;
}

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

#hiddenmenu_cover ul li {
    margin: 7px 0;
}

#hiddenmenu_cover ul li a {
    display: block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 10px;
    font-family: 'AGaramondPro-Bold', serif;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

#hiddenmenu_cover ul li a:hover {
    color: #ffffff;
}
#hiddenmenu {
    display: none;
    position: absolute;
    top: 109px;
    height: 245px;
    width: 100%;
    z-index: 9997;
    background: rgba(23, 48, 45, 0.88); /* eski: rgba(43, 32, 24, 0.88) */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
    padding: 10px 0;
    overflow: hidden;
}

#hiddenmenu a {
    font-family: 'Oxanium', cursive;
    font-size: 10px; /* Küçültüldü */
    font-weight: 600;
    color: #f3e5bc;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
    padding: 3px 6px;
    margin: 2px 4px;
    display: inline-block;
    white-space: nowrap; /* Tek satırda kal */
    overflow: hidden;
    text-overflow: ellipsis; /* Gerekirse üç nokta */
    line-height: 1.2;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 4px;
    max-width: 200px; /* Uzun metinleri sınırlıyoruz */
    transition: all 0.2s ease-in-out;
}

#hiddenmenu a:hover {
    background-color: rgba(255, 215, 100, 0.1);
    color: #fff7dc;
    text-shadow: 0 0 3px #f5deb3;
}

#middle_panel .smoke-effect {
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.04) 0%, rgba(0,0,0,0) 70%);
    animation: smokeFlow 60s linear infinite;
    pointer-events: none;
    z-index: 1;
    filter: blur(4px);
    opacity: 0.6;
}

@keyframes smokeFlow {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(50%);
    }
}



@font-face {
    font-family: 'AGaramondPro-Bold';
    src: url('/media/fonts/AGaramondPro-Bold.otf') format('opentype');
}


/* ================= HEADER END ================= */

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

#main #middle_panel {
    width: 1200px;
    height: 570px;
    background: url('../images/custom/middlepanel.png') no-repeat center center;
    background-size: 115% 125%; /* Arka planı biraz büyütüyoruz */
    margin: 300px auto 0 auto;
    position: relative;
    border: 2px solid #f5b939;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

/* Download Butonu */
#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: 27px;
    float: left;
    cursor: pointer;
    text-align: center;
    padding-top: 43px;
    color: #ffe9c7;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #000;
}

/* LOGIN */
#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: #1e3b38;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button:hover {
    background-color: #2a524d;
}

/* REGISTER */
#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: #a98a59;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button:hover {
    background-color: #c8ae78;
}

/* USER PANEL */
#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: #a98a59;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button:hover {
    background-color: #c8ae78;
}

/* ABUSE REPORT */
#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: #1e3b38;
}

#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button:hover {
    background-color: #2a524d;
}

#middle_panel_user_panel_member .middle_panel_userpanel_info {
    width: 238px;
    height: 34px;
    float: left;
    background-color: #1e3b38; /* eski: #3b2f2f */
    font-size: 14px;
    border-bottom: 1px solid #f5b939; /* eski: #13336c */
    line-height: 34px;
    padding-left: 12px;
    color: #ffe9c7;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

#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: #0f2d29; /* eski: #091731 */
    font-size: 14px;
    border-bottom: 1px solid #355d50; /* eski: #13336c */
    line-height: 34px;
    padding-left: 50px;
    float: left;
    background-image: none !important;
    position: relative;
}

#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: #ffe9c7; /* eski: #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: #f5b939; /* eski: #eac6a1 */
}

#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: #3b2f2f 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: #ffe9c7; /* eski: #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: #1e3b38 url('../images/memberpanel_silk2.png') 5px 3px no-repeat; /* eski: #3b2f2f */
    width: 95px;
    padding-left: 30px;
    float: left;
    color: #ffe9c7;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

#middle_panel_user_panel_member .middle_panel_userpanel_link i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #f5b939; /* sabit kaldı */
}



#middle_panel_links {
    width: 250px;
    height: 174px;
    position: absolute;
    top: 388px;
    left: 9px;
}
#middle_panel_links .middle_panel_links_button {
    width: 250px;
    height: 58px;
    cursor: pointer;
    color: #ffe9c7;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 25px;
    background: linear-gradient(95deg, #1a3a35 0%, #3b4a2b 45%, #1d3835 100%);
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.03), 0 2px 4px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    margin-bottom: 2px;
    border: 1px solid rgba(245, 185, 57, 0.1);
}

#middle_panel_links .middle_panel_links_button:hover {
    background: linear-gradient(95deg, #2c5b51 0%, #4f6938 45%, #2a4e4a 100%);
    box-shadow: 0 0 8px rgba(245, 185, 57, 0.15), inset 0 0 5px rgba(255, 255, 255, 0.05);
    color: #ffffff;
}


.middle_panel_links_button i {
    font-size: 16px;
    color: #f5d6a0;
			margin-bottom: 2px
}

#middle_panel_banner {
    margin-top: 9px; /* Üstteki banner ile boşluk */
}

#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 #f5b939;
    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 #f5b939;
    border-bottom: 1px solid #f5b939;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

#main #middle_panel #middle_panel_news .middle_panel_news_tab.selectedtab {
    background-color: #1e3b38; /* eski kahverengi (#3b2a1e) yerine uyumlu koyu yeşil-mavi */
}


#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 #f5b939;
    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 #f5b939;
}

#main #middle_panel #middle_panel_social #middle_panel_social_label {
    width: 170px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #f5b939;
    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');
}
/*********************************************************************/
/**********************       MIDDLE          ************************/
/*********************************************************************/

#main #middle_panel {
    width: 1200px;
    height: 570px;
    background: linear-gradient(to right, #566b3d, #0d1c29);
    background-size: 115% 125%;
    margin: 300px auto 0 auto;
    position: relative;
    border: 1px solid #f9b21d;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 15px rgba(0,0,0,0.5);
    overflow: hidden;
    margin-bottom: 25px;
}

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

#middle_panel_user_panel_member,
#middle_panel_user_panel_notmember {
    width: 250px;
    position: absolute;
    top: 108px;
    left: 9px;
}

#middle_panel_user_panel_member {
    height: 280px;
}

#middle_panel_user_panel_notmember {
    height: 140px;
}

.middle_panel_user_panel_button {
    width: 125px;
    height: 27px;
    float: left;
    cursor: pointer;
    text-align: center;
    padding-top: 43px;
    color: #f9b21d;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #000;
    transition: all 0.3s ease;
}

/* Login & Register Butonları */
#middle_panel_user_panel_login_button,
#middle_panel_user_panel_support_button {
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #223622;
}

#middle_panel_user_panel_login_button:hover,
#middle_panel_user_panel_support_button:hover {
    background-color: #2e4b30;
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(249, 178, 29, 0.4);
}

#middle_panel_user_panel_register_button,
#middle_panel_user_panel_buysilk_button {
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #1c2c2c;
}

#middle_panel_user_panel_register_button:hover,
#middle_panel_user_panel_buysilk_button:hover {
    background-color: #2f4747;
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(249, 178, 29, 0.4);
}

/* Giriş yapmış kullanıcı */
.middle_panel_userpanel_info {
    width: 238px;
    height: 34px;
    float: left;
    background-color: #1c2c2c;
    font-size: 14px;
    border-bottom: 1px solid #2f4747;
    line-height: 34px;
    padding-left: 12px;
    color: #f9b21d;
}

.middle_panel_userpanel_link {
    width: 200px;
    height: 34px;
    background-color: #112222;
    font-size: 14px;
    border-bottom: 1px solid #2f4747;
    line-height: 34px;
    padding-left: 50px;
    float: left;
}

.middle_panel_userpanel_link a {
    color: #f9b21d;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.middle_panel_userpanel_link a:hover {
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    transform: scale(1.05);
    text-decoration: underline;
}

/*********************************************************************/
/**********************       LEFT PANEL          ********************/
/*********************************************************************/

#main #content #left_menu {
    width: 268px;
    position: absolute;
    top: 0;
    background: linear-gradient(to right, #566b3d, #0d1c29);
    background-size: 115% 125%;
    height: auto;
    min-height: 570px;
    transition: top 1s ease;
    border: 1px solid #f9b21d;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 15px rgba(0,0,0,0.5);
    overflow: hidden;
}

/*********************************************************************/
/**********************       CONTENT PANEL      *********************/
/*********************************************************************/

#main #content #content_container {
    width: 932px;
    margin-left: 268px;
    background: linear-gradient(to right, #566b3d, #0d1c29);
    background-size: 115% 125%;
    margin-bottom: 150px;
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid #f9b21d;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 15px rgba(0,0,0,0.5);
    overflow: hidden;
    position: relative;
}

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

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

#main #content #left_menu {
    width: 268px;
    position: absolute;
    top: 0;

    /* Görsel kaldırıldı, yerine aynı gradyan uygulandı */
    background: linear-gradient(95deg, #17302d 10%, #958743 50%, #142d3b 90%);
    background-size: cover;

    height: auto;
    min-height: 570px;
    transition: top 1s ease;

    border: 1px solid #a38b65;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 0 15px rgba(0,0,0,0.5);

    overflow: hidden;
}



#main #content #content_container {
    width: 932px;
    margin-left: 268px;

    background: linear-gradient(95deg,
        #17302d 10%,         /* Sol taraf: derin koyu yeşil */
        #958743 50%,         /* Orta: yumuşatılmış altın-yeşil */
        #142d3b 90%          /* Sağ: yumuşak koyu mavi-ton */
    );

    background-size: cover;
    margin-bottom: 150px;
    padding-top: 9px;
    padding-bottom: 9px;

    border: 1px solid #a38b65;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.1),
        0 0 15px rgba(0, 0, 0, 0.5);

    overflow: hidden;
    position: relative;
}



#main #content #content_container #content_container_inside {
    border: 1px solid transparent;
    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: #3b2a1e;
    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 #f5b939;
    background-color: #091731;
}

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

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

.gg_message {
    background: none;
    border: none;
    color: #f5b939;
    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 #f5b939;
    background-color: #091731;
    float: left;
}

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

.gg_inputfile_button_div {
    width: 139px;
    height: 47px;
    border: 1px solid #f5b939;
    text-align: center;
    cursor: pointer;
    line-height: 47px;
    color: #f5b939;
    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 #f5b939;
    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 #f5b939;
    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 #f5b939;*/
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #f5b939;
    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: #f5b939;
    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: #f5b939;
}

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

#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: #f5b939;
    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: #f5b939;
    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: #f5b939;
    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: #f5b939;
    font-weight: bold;
}

#ticketMainDiv .ticketReplyDiv .ticketReplyAttachLabel {
    width: 153px;
    height: 30px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    color: #f5b939;
    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 ****/
.search-box-container {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.search-box-form {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #1e3b38; /* eski #3d2b1f yerine uyumlu koyu yeşilimsi */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.search-select, .search-input {
    width: 200px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #4e6b63; /* eski #8d6e63 yerine tema uyumu */
    border-radius: 5px;
    background-color: #2f4f4a; /* eski #4e342e */
    color: #ffe9c7;
    font-family: 'Oxanium', cursive;
    font-size: 15px;
}

.search-input::placeholder {
    color: #c7d4cb;
    font-style: italic;
}

.search-button {
    height: 40px;
    width: 45px;
    border: none;
    border-radius: 5px;
    background-color: #f5b939; /* eski #e8d8b8 yerine silkroad sarısı */
    color: #1e3b38;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
}

.search-button:hover {
    background-color: #ffd75a;
    transform: scale(1.05);
}

#rankLabelDiv {
    width: 700px;
    height: 40px;
    background-color: #1e3b38; /* eski #3d2b1f */
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #ffe9c7; /* eski #e8d8b8 yerine yeni krem */
}

.table_rank {
    margin: 0 auto;
    width: 700px;
    border-top: 1px solid #f5b939;
    border-left: 1px solid #f5b939;
    border-right: 1px solid #f5b939;
    background-color: #162825; /* eski çok koyu kahve yerine siyaha yakın yeşilimsi */
}

.table_rank th {
    background-color: #2c4e48; /* eski #4d3b2a yerine yeşil-koyu ton */
    font-size: 14px;
    font-weight: bold;
    color: #ffe9c7;
    border-bottom: 1px solid #f5b939;
}


.table_rank .td1,
.table_rank .td2,
.table_rank .td3,
.table_rank .td5,
.table_rank .td6 {
    text-align: center;
    height: 30px;
}

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

.table_rank .th1 { width: 50px; }
.table_rank .th2 { width: 70px; }
.table_rank .th3 { width: 80px; }
.table_rank .th4 { width: 304px; text-align: left; }
.table_rank .th5 { width: 96px; }
.table_rank .th6 { width: 100px; }

.table_rank .td1 { width: 50px; }
.table_rank .td2 { width: 70px; }
.table_rank .td3 { width: 80px; }
.table_rank .td4 { width: 304px; }
.table_rank .td5 { width: 96px; }
.table_rank .td6 { width: 100px; }

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

.table_rank a:hover {
    color: #fffbe3;
    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: #f5b939;
}

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


#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 #f5b939;
    border-bottom: 1px solid #f5b939;
    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: #f5b939;
    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 #f5b939;
    border-bottom: 1px solid #f5b939;
    color: #f5b939;
    padding-left: 11px;
}

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

.table_chardetail_details .details_right {
    width: 340px;
    border-bottom: 1px solid #f5b939;
    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: #f5b939;
    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: #f5b939;
    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: #f5b939;
}

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

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

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

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

.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 #f5b939;
    border-bottom: 1px solid #f5b939;
    color: #ffffff;
    padding-left: 25px;
    font-size: 14px;
}

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

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

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

.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 #f5b939;
    border-bottom: 1px solid #f5b939;
    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: #3b2a1e;
}

#charlist_content .chardetail_mini_label {
    width: 740px;
    height: 60px;
    background-color: #3b2f2f;
    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: #f5b939;
}

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

#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: #3b2a1e;
    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: #f5b939;
    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: #3b2a1e;
    font-size: 14px;
    /*border-top: 1px solid #f5b939;*/
    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: #3b2a1e;
    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: #f5b939;
}

.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: #f5b939;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
}

#createticket_button:hover {
    background-color: #3b2f2f;
    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: #f5b939;
}

#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: #3b2a1e;
    color: #f5b939;
}

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

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

#newsDetail_content #newsDetail_date {
    width: 120px;
    height: 20px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    color: #f5b939;
    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 #f5b939;
    position: relative;
    cursor: pointer;
}

.newsBox:hover {
    background-color: #3b2a1e;
}

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

.newsBox .newsBox_title {
    width: 580px;
    height: 26px;
    color: #f5b939;
    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: #3b2a1e;
    color: #f5b939;
}

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

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

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


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


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

#main #item_mall_prew {
    height: 340px;
    min-width: 1200px;
    background: rgba(59, 42, 30, 0.3); /* daha şeffaf bir zemin */
    -webkit-backdrop-filter: blur(2px); /* Safari uyumu */
    border: 1px solid rgba(255, 255, 255, 0.05); /* cam efekti için çok ince beyaz çizgi */
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1); /* içe doğru hafif gölge efekti */
}

#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: #f5b939;
    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 #f5b939;
    background-color: #3d120a;
    text-align: center;
    cursor: pointer;
    line-height: 40px;
    color: #f5b939;
    font-size: 14px;
    font-weight: bold;
    margin: 18px auto;
}

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

#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: #f5b939;
    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: #3b2a1e;
    margin-top: 118px;
    min-width: 1200px;
    border-top: 1px solid #f5b939;
    border-bottom: 1px solid #f5b939;
}

#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: #3b2a1e;
    min-width: 1200px;
    border-bottom: 1px solid #f5b939;
}

#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: -150px;
    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: #17221f;
    min-width: 1200px;
    border-bottom: 1px solid #f5b939;
}

#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 #f5b939;
    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: #3b2a1e;
    min-width: 1200px;
    border-bottom: 1px solid #f5b939;
}

#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: auto; /* Esnek yükseklik için */
    min-width: 1200px;
    border-bottom: 4px solid #f8d4af;
    padding: 20px 0; /* Genel padding eklendi */
}

#main #footer_container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center; /* İçerikleri ortalayacağız */
}

#main #footer #joymax_logo {
    width: 232px;
    height: 120px;
    position: relative;
    margin: 0 auto; /* Ortalamak için */
    top: -1px; /* Biraz yukarı taşıdım */
    opacity: 0.75;
    cursor: pointer;
}

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

#main #footer #joymax_logo span {
    font-size: 32px;
    color: #BEBFBD;
    text-decoration: none;
    text-shadow: 3px 3px 5px #3C2914, 1px 1px 1px #000;
    font-family: "Beyond The Mountains", serif;
}

#main #footer #joymax_logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-top: 10px; /* Logoyu aşağı kaydırır */
}

/* Copyright Metni */
#main #footer #copyright_text {
    font-size: 14px; /* Font boyutunu büyüt */
    position: relative;
    margin-top: 20px; /* Joymax logosunun altına boşluk eklendi */
    line-height: 18px; /* Daha fazla boşluk sağlamak için artır */
    color: #d3d3d3;
    text-align: center;
    font-family: 'Arial', sans-serif; /* Arial veya tercih ettiğin başka bir font */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Hafif gölge efekti ekle */
}

/* Bağlantı Renkleri ve Efektleri */
#main #footer #copyright_text a {
    color: #BEBFBD; /* Bağlantı rengi */
    text-decoration: none; /* Altını çizme */
    transition: color 0.3s ease; /* Geçiş efekti ekle */
}

#main #footer #copyright_text a:hover {
    color: #FFFFFF; /* Üzerine gelindiğinde beyaz renge geç */
    text-decoration: underline; /* Altını çiz */
}


/* Sponsorlar Bölümü */
#sponsors {
    display: flex;
    justify-content: center; /* Ortalamak için */
    align-items: center;
    margin-top: 30px; /* Footer içeriğiyle sponsorlar arasına boşluk ekleyelim */
}

#sponsors a {
    margin: 0 10px; /* Sponsorlar arasına boşluk verildi */
}

#sponsors img {
    width: 32px; /* Boyutlar daha uygun olacak şekilde küçültüldü */
    height: 32px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

#sponsors img:hover {
    transform: scale(1.1); /* Hover sırasında büyüme efekti daha hafif */
}



.loginbg {
    background: url('../images/silkroad-tr-login.png') center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    padding-bottom: 60px !important;
}


#login_label {
    color: #eac6a1;
    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;
}

#login_button {
    width: 306px;
    height: 78px;
    background-color: #091731;
    text-align: center;
    color: #eac6a1;
    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;
}

.gg_input {
    background: none;
    border: none;
    color: #eac6a1;
    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: #eac6a1;
    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: #f5b939;
    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: linear-gradient(135deg, #17302d 10%, #958743 50%, #152836 90%);
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 10px rgba(0,0,0,0.3);
    border-radius: 4px;
}

.down_content_right {
    float: left;
    width: 460px;
    height: 215px;
    background: linear-gradient(135deg, #17302d 10%, #958743 50%, #152836 90%);
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 10px rgba(0,0,0,0.3);
    border-radius: 4px;
}


#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: #f5b939;
    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 #f5b939;
}

.table_systemreq th {
    background-color: #3b2a1e;
    font-size: 14px;
    font-weight: bold;
    color: #f5b939;
    border-top: 1px solid #f5b939;
}

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

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

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

.table_systemreq td {
    background-color: #2c1e13;
    font-size: 14px;
    border-top: 1px solid #f5b939;
}

.table_systemreq .td1 {
    background-color: #3b2a1e;
    width: 129px;
    height: 30px;
    border-left: 1px solid #f5b939;
}

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

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


/****************************** 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: #f5b939;
    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: #f5b939;
    /*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 #f5b939;
}

#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: #f5b939;
    font-weight: bold;
    background-color: #0a1c3a;
    border-top: 1px solid #f5b939;
    border-bottom: 1px solid #f5b939;
    border-left: 1px solid #f5b939;
}

.gg_input_epin {
    background: none;
    border: 1px solid #f5b939;
    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: #f5b939;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    top: 50px;
    width: 130px;
    text-align: center;
}

#guild_info_container .ginfotext_big {
    color: #f5b939;
    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: 272px;
    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: #f5b939;
    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: #f5b939;
    font-size: 14px;
    left: 143px;
    top: 60px;
}

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

#guild_name #grank {
    position: absolute;
    color: #f5b939;
    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: #f5b939;
}

#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 #f5b939;
}

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

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

.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 #f5b939;
}

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

.table_stats .td1 {
    background-color: #3b2a1e;
    width: 129px;
    height: 30px;
    border-left: 1px solid #f5b939;
}

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

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

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

/********* 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: #3b2a1e;
}

.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: #f5b939;
    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 #f5b939;
    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: #f5b939;
}

.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: #f5b939;
    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: #f5b939;
    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;
}
/* Smoke effect */
.smoke {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 484px;
    background-image: url('/media/images/smoke.png'); /* doğru yol */
    background-position: left top;
    background-repeat: repeat-x;
    animation: smoke 120s linear infinite;
    animation-fill-mode: forwards;
    z-index: 0;
    pointer-events: none; /* clickable öğeleri etkilemesin */
}

@-webkit-keyframes smoke {
    0% {
        background-position: left -1920px top
    }
    100% {
        background-position: left 1920px top
    }
}

@keyframes smoke {
    0% {
        background-position: left -1920px top;
    }
    100% {
        background-position: left 1920px top;
    }
}