*: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('../font/heading-pro-bold-trial.woff2.txt') format('woff2'),
    url('../font/heading-pro-bold-trial.woff.txt') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

a:hover {
    text-decoration: underline;
}

#betakeystaticDiv {
    background: url('../img/registerstaticBG.png') 0 0 no-repeat;
    /*background: url('/assets/img/cklsnewyearstaticBG.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('../img/menu_home_icon.png') 0 0 no-repeat;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.arrow_down {
    background: url('../img/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('../img/more_icon.png') 0 0 no-repeat;
}

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

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

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

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

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

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

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

.servername {
    color: #ffc345;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*************  SELECTBOX-3   **************/

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

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

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

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

.styledSelect3:active, .styledSelect3.active {
    background-color: #550300;
}

.options3 {
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: #4c0301;
    -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: 293px;
    border-left: 1px solid #a60600;
    border-right: 1px solid #a60600;
    border-bottom: 1px solid #a60600;
}

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

.options3 li:hover {
    background-color: #640500;
}

/*************  SELECTBOX-3   **************/

/*************  SELECTBOX-4  **************/

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

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

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

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

.styledSelectArrow4 {
    width: 28px;
    height: 28px;
    background: url('../img/selectBoxArrow4.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;
}
*/
.styledSelect4:active, .styledSelect4.active {
    background-color: #330600;
}

.options4 {
    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: #470a02;
    -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;
}

.options4 li {
    padding: 0 6px;
    margin: 0 0;
    padding: 10px 40px;
    border-bottom: 1px solid #680d00;
}

.options4 li:hover {
    background-color: #2e0600;
    /*color:white;*/
}

/*************  SELECTBOX-4   **************/


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

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

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

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

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

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

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

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

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

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

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

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

#main #head_topbar #head_topbar_container #topbar_localization_tr {
    float: left;
    background: url(../img/flag-tr.jpg) 0 50% no-repeat;
    background-size: 28px;
    padding-left: 31px;
    height: 39px;
    line-height: 39px;
    margin-right: 20px;
}
#main #head_topbar #head_topbar_container #topbar_localization_en {
    float: left;
    background: url(../img/flag-en.jpg) 0 50% no-repeat;
    background-size: 28px;
    padding-left: 32px;
    height: 39px;
    line-height: 39px;
    margin-right: 20px;
}

#main #head_topbar #head_topbar_container #topbar_time {
    float: right;
    background: url(../img/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('../img/top_button_charge.png') 0 0 no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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


#main #head_topmenu_cover #head_topmenu #head_topmenu_logo {
    width: 214px;
    height: 158px;
    background-image: url('../../img/logo.png');
    position: relative;
    float: left;
    margin-top: 22px;
    z-index: 9999;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#middle_panel_user_panel_member #middle_panel_user_panel_silkbalance {

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

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

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

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

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

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

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

#middle_panel_links #middle_panel_links_stats_button {
    background-image: url('../img/serverstats_link.png');
}

#middle_panel_links #middle_panel_links_events_button {
    background-image: url('../img/forum_events.png');
}

#middle_panel_links #middle_panel_links_forum_button {
    background-image: url('../img/forum_link.png');
}

#middle_panel_links #middle_panel_links_guide_button {
    background-image: url('../img/guide_link.png');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main #middle_panel #middle_panel_news .middle_panel_news_line_icon {
    width: 32px;
    height: 31px;
    float: left;
    background: url('../img/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: 605px;
    float: left;
    overflow: hidden;
}

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

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


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

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

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

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

#main #middle_panel #middle_panel_social #social_button_fb {
    /*left: 0;*/
    top: 40px;
    background-image: url('../img/social_buttonbg_fb.png');
    float: left;
    display: inline-block !important;
    position: inherit !important;
}

#main #middle_panel #middle_panel_social #social_button_ds {
    /*left: 63px;*/
    /*top: 40px;*/
    background-image: url('../img/social_buttonbg_ds.png');
    float: left;
    display: inline-block;
    position: inherit;
}

#main #middle_panel #middle_panel_social #social_button_ig {
    /*left: 126px;*/
    /*top: 40px;*/
    background-image: url('../img/social_buttonbg_ig.png');
    float: left;
    display: inline-block;
    position: inherit;
}

#main #middle_panel #middle_panel_social #social_button_tw {
    /*left: 0;*/
    /*top: 111px;*/
    background-image: url('../img/social_buttonbg_tw.png');
    float: left;
    display: inline-block;
    position: inherit;
}

#main #middle_panel #middle_panel_social #social_button_yt {
    /*left: 63px;*/
    /*top: 111px;*/
    background-image: url('../img/social_buttonbg_yt.png');
    float: left;
    display: inline-block;
    position: inherit;
}

#main #middle_panel #middle_panel_social #social_button_fr {
    /*left: 126px;*/
    /*top: 111px;*/
    background-image: url('../img/social_buttonbg_fr.png');
    float: left;
    display: inline-block;
    position: inherit;
}

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

#inputfile_div {
    height: 50px;
}

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

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

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

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

#sendbutton_div {
    height: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

#multimedia_menu .multimedia_menu_button {
    float: left;
}

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

#chardetail_container {
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

#chardetail_container #chardetail_inventory {
    width: 178px;
    height: 315px;
    background: url('../img/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('../img/accessory_bg.png') 0 0 no-repeat;
    position: absolute;
    top: 206px;
    left: 260px;

}

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

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

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

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

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

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

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

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

.table_chardetail_details {
    text-align: left;

}

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

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

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

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

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

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

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

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

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

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

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

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right #hpbar {
    background: url('../img/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('../img/MP_bar.png') 0 0 no-repeat;
    text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
}


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

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

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

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

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

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

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

#chardetail_info_globals {
    clear: both;
    width: 100%;
}

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

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

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

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

#chardetail_info_unique {
    clear: both;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

#ticketlist_mainDiv {
    margin: 38px 0;
}

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

.table_ticketlist {
    margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.gg_ticket_answered {
    color: #468e00;
}

.gg_ticket_waiting {
    color: #6c6c6c;
}

.gg_ticket_checking {
    color: #a20ee2;
}

.gg_ticket_closed {
    color: #ca0f0f;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#betaKeyDiv #betaKeyLabelDiv {
    width: 360px;
    height: 37px;
    position: absolute;
    top: 250px;
    left: 400px;
    background: url(../img/betaKeyicon.html) 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(../img/betaKeyTextBox_bg.html) 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(../img/betaKeyButton_bg2.html) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    top: 460px;
    left: 400px;
}

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

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

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

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

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

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

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

#newsDetail_content #newsDetail_tag .newstag_notice {
    width: 110px;
    height: 20px;
    background-color: #2c2c2c;
    color: #ffc345;
    text-transform: uppercase;
}

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

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

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

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

#newsDetail_content #newsDetail_msg {
    width: 760px;
    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;
}

/***** NEWS DETAIL PAGE ****/


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

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

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

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

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

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

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

.newsBox .newsBox_tagCover .newstag_notice {
    background-color: #2c2c2c;
    color: #ffc345;
    text-transform: uppercase;

}

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#guide_nav .guide_nav_lastmenu {
    color: #ffffff;
}

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

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

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

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

#guide_menu #guide_menu_button3 {
    background: url('../img/guide_main_menu3.html') 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('../img/index2_bg.jpg');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #1a0000;
    margin-top: 118px;
    min-width: 1200px;
    border-top: 1px solid #6c5526;
    border-bottom: 1px solid #6c5526;
}

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

#main #index2 #index2_mascot {
    width: 955px;
    height: 450px;
    background: url('../img/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('../img/index3_bg.jpg');
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #060c13;
    min-width: 1200px;
    border-bottom: 1px solid #6c5526;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

#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;
    text-align: center;
}

#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('../img/facebook_bg.png');
}

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

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

#main #index_followus #index_followus_socialmedia ul li a.twitter {
    background-image: url('../img/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: 120px;
    min-width: 1200px;
    background-color: #000000;
}

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

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

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

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

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


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

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

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

#login_form {
    margin-top: 55px;
}

#login_links {
    position: relative;
}

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

#login_captcha {
    margin: 0 auto;
    background-color: #ff0000;
    width: 308px;
    height: 82px;
    background: url('../img/captcha.png') 0 0 no-repeat;
    margin-top: 40px;
}

#login_button {
    width: 306px;
    height: 78px;
    background-color: #091731;
    text-align: center;
    color: #ffc345;
    line-height: 78px;
    font-size: 22px;
    cursor: pointer;
    margin: 25px auto;
    background: url('../img/loginbutton.png') 0 0 no-repeat;
    font-weight: bold;
}

#login_button:hover {
    background-position: 0 -78px;
}

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

.gg_input_div {
    width: 415px;
    height: 31px;
    background: url('../img/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('../img/login_icon.png') 0 0 no-repeat;
    position: absolute;
    left: 365px;
}


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

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

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

.register_icon {
    width: 23px;
    height: 25px;
    background: url('../img/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('../img/gg_checkbox.png') 0 0 no-repeat;
    cursor: pointer;
    float: left;
}

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

.gg_checkbox_text_div a {
    color: #ffffff;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

#nvidia_logo {
    width: 137px;
    height: 101px;
    background: url('../img/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('../img/amd.png') 0 0 no-repeat;
    cursor: pointer;
    margin: 65px auto 40px auto;
}

#amd_down {
    margin: 0 auto;
}

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

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

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

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

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

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

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

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

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


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


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

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

#betadetails_container {
    height: 1400px;
}

#betadetails_container #betadetails_button1 {
    background: url('../img/betadetails_button1.html') 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(../img/purchase_icon.png) 0 0 no-repeat;
    position: absolute;
    left: 18px;
    top: 22px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#guild_name #gcreatedate {
    position: absolute;
    color: #ffc345;
    font-size: 14px;
    left: 143px;
    top: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/********* SEARCH PAGE ************/


/********* CKLS PAGE ************/

.cklswinter_details {
    background: #0d0c12 url('../img/ckls_winter_bg.html') 0 0 no-repeat;
}

#cklswinter_container {
    height: 3200px;
}

#cklswinter_container #cklswinter_button1 {
    background: url('../img/cklswinter_button1.html') 0 0 no-repeat;
    width: 353px;
    height: 58px;
    cursor: pointer;
    line-height: 58px;
    margin: 35px auto 0 auto;
}

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

#cklswinter_container #cklswinter_button2 {
    background: url('../img/cklswinter_button1.html') 0 0 no-repeat;
    width: 353px;
    height: 58px;
    cursor: pointer;
    line-height: 58px;
    margin: 50px auto 0 auto;
    z-index: 999;
    position: relative;
}

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

#cklswinter_container #cklswinter_label1 {
    background: url('../img/cklswinter_label1new.html') 0 0 no-repeat;
    width: 432px;
    height: 104px;
    margin: 20px auto 0 auto;
}

#cklswinter_container #cklswinter_label2 {
    background: url('../img/cklswinter_label2.html') 0 0 no-repeat;
    width: 307px;
    height: 53px;
    margin: 480px auto 0 auto;
}

#cklswinter_container #cklswinter_label3 {
    background: url('../img/cklswinter_label3.html') 0 0 no-repeat;
    width: 332px;
    height: 56px;
    margin: 50px auto 0 auto;
}

#cklswinter_container #cklswinter_rules {
    width: 690px;
    height: 1080px;
    margin: 20px auto 0 auto;
    font-size: 14px;
    line-height: 25px;
    /*font-family: "Times New Roman", Times, serif;*/
    color: #e5e5e5;
}

#cklswinter_container #cklswinter_rules ol {
    list-style-type: disc;
    padding: 0 0 0 20px;
    margin: 0;
}

#cklswinter_container #cklswinter_rules ol li {
    margin-bottom: 4px;
}

#cklswinter_container #cklswinter_gifts {
    background: url('../img/cklswinter_gifts.html') 0 0 no-repeat;
    width: 690px;
    height: 952px;
    margin: 20px auto 0 auto;
}

#cklswinter_container #cklswinter_bottom {
    background: url('../img/cklswinter_bottom.html') 0 0 no-repeat;
    width: 912px;
    height: 298px;
    position: absolute;
    bottom: 0;
}

/********* CKLS PAGE ************/


/********* CKLS REG PAGE ************/

.cklswinter_register {
    background: #0d0c12 url('../img/ckls_winter_bg2.html') 0 0 no-repeat;
    padding-bottom: 0px !important;
}

.cklswinter_reg_formdiv {
    font-size: 12px;
    margin: 15px 0 0 0;
}

.cklswinter_reg_formcomm {
    font-size: 16px;
    margin: 10px 0 0 0;
    color: #ddc58a;
}

#cklswinter_reg_container #cklswinter_reg_left {
    width: 461px;
    height: 822px;
    background-color: rgba(51, 0, 0, 0.75);
    float: left;
}

#cklswinter_reg_container #cklswinter_reg_right {
    float: right;
    width: 461px;
    height: 100px;
}

#cklswinter_reg_container #cklswinter_reg_label1 {
    background: url('../img/cklswinter_reg_label1.html') 0 0 no-repeat;
    width: 318px;
    height: 97px;
    margin: 60px auto 0 auto;
}

#gg_cklswinter_button {
    width: 298px;
    height: 65px;
    border: 2px solid #880500;
    text-align: center;
    cursor: pointer;
    line-height: 65px;
    color: #d6d6d6;
    font-size: 20px;
    background-color: #500300;
}

#gg_cklswinter_button:hover {
    background-color: #450300;
}

/********* CKLS REG PAGE ************/


/********* CKLS DETAILS PAGE ************/

.cklswinter_details_afterreg {
    background: #0d0c12 url('../img/ckls_winter_bg3.html') 0 0 no-repeat;
    padding-bottom: 0px !important;
    height: 822px;
}

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

.ckls_infoBox .ckls_infoBox_img {
    width: 108px;
    height: 81px;
    position: absolute;
    top: 0;
    left: 0;
}

.ckls_infoBox .ckls_infoBox_img .box {
    background: url('../img/ckls_box.html') center 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

.ckls_infoBox .ckls_infoBox_msg {
    width: 530px;
    height: 20px;
    position: absolute;
    top: 37px;
    left: 140px;
    font-size: 16px;
    color: #ddc58a;
}

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

.ckls_infoBox .ckls_infoBox_label {
    width: 530px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 140px;
    font-weight: bold;
    font-size: 22px;
    color: #dedede;
}

.ckls_left_div {
    float: left;
    width: 150px;
    height: 33px;
    background-color: rgba(28, 24, 36, 0.8);
    margin-right: 10px;
    line-height: 33px;
    padding-left: 12px;
    font-size: 16px;
    color: #ddc58a;
}

.ckls_right_div {
    float: left;
    width: 293px;
    height: 33px;
    background-color: rgba(55, 1, 0, 0.8);
    line-height: 33px;
    padding-left: 12px;
    font-size: 16px;
    color: #dedede;
}

#ckls_info_main {
    width: 560px;
    margin: 30px auto 0 auto;
}

#ckls_info_main .ckls_info_block {
    clear: both;
    height: 40px;
}

.ckls_divider {
    background: url('../img/ckls_divider.html') 0 0 no-repeat;
    width: 284px;
    height: 13px;
    margin: 80px auto 0 auto;
}

.ckls_baktomainpage_button {
    width: 140px;
    height: 34px;
    font-size: 14px;
    color: #ddc58a;
    line-height: 34px;
    cursor: pointer;
    text-align: center;
    margin: 60px 0 0 346px;
    background-color: rgba(55, 1, 0, 0.8);
}

.ckls_baktomainpage_button:hover {
    color: #dedede;
}

/********* CKLS DETAILS PAGE ************/

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

.eliterank {
    background: #14100d url('../img/eliterank_bg.html') 0 0 no-repeat;
}

#eliterank_container #eliterank_label1 {
    background: url('../img/eliterank_label.html') 0 0 no-repeat;
    width: 618px;
    height: 232px;
    margin: 20px auto 0 auto;
}

#eliterank_container #eliterank_labeltext {
    font-size: 16px;
    color: #866e53;
    margin: 70px auto 5px auto;
    width: 840px;
}

#eliterank_container #eliterank_labeltext .giftinfolabel {
    font-size: 20px;
    color: #a9985d;
}

#eliterank_container #eliterank_infocontent {
    margin-top: 50px;
    width: 100%;
    height: 500px;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_left {
    float: left;
    width: 420px;
    margin-left: 40px;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_left #eliterank_infocontent_left_giftlabel {
    font-size: 24px;
    color: #a9985d;
    text-align: center;
    height: 37px;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_left #eliterank_infocontent_left_gift {
    width: 420px;
    height: 327px;
    background: url('../img/eliterank_gift_bg.html') 0 0 no-repeat;
    text-align: center;
    padding-top: 30px;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_left #eliterank_infocontent_left_giftname {
    font-size: 24px;
    color: #e6e6e6;
    text-align: center;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_right {
    float: left;
    width: 390px;
    margin-left: 40px;
    margin-top: 40px;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info {
    font-size: 14px;
    color: #866e53;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info .giftinfolabel {
    font-size: 18px;
    color: #a9985d;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info ol {
    list-style-type: disc;
    padding: 0 0 0 20px;
    margin: 10px 0 0 0;
}

#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info ol li {
    margin-bottom: 9px;
}

#eliterank_rankcontent {

}

#eliterank_rankcontent .eliterank_divider {
    width: 884px;
    height: 2px;
    background: url('../img/eliterank_divider.html') 0 0 no-repeat;
    margin: 40px auto;
    clear: both;
}

#eliterank_rankcontent .eliterank_rankblock {
    width: 920px;
    height: 270px;
}

#eliterank_rankcontent .eliterank_rankleft {
    float: left;
    width: 420px;
    margin-left: 40px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_label {
    width: 420px;
    height: 35px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_label .eliterank_rankcontent_label_left {
    float: left;
    font-size: 28px;
    color: #a9985d;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_label .eliterank_rankcontent_label_right {
    float: right;
    display: flex;
    /* justify-content: right; */
    align-items: flex-end;
    height: 30px;
    color: #a9985d;
    font-size: 14px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table {
    width: 420px;
    height: 217px;
    background: url('../img/eliterank_rank_table_bg.html') 0 0 no-repeat;
    padding-top: 10px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table {
    margin: 0 auto;
    width: 390px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table th {
    font-size: 14px;
    font-weight: bold;
    color: #a9985d;
    text-align: left;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th1 {
    width: 40px;
    height: 30px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th3 {
    width: 60px;
    height: 30px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th4 {
    width: 230px;
    height: 30px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th5 {
    width: 60px;
    height: 30px;
    text-align: right;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table td {
    font-size: 14px;
    color: #e6e6e6;
    text-align: left;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td1 {
    width: 40px;
    height: 30px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td3 {
    width: 60px;
    height: 30px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td4 {
    width: 230px;
    height: 30px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td5 {
    width: 60px;
    height: 30px;
    text-align: right;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table a {
    color: #dedede;
    text-decoration: none;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_left {
    float: left;
    font-size: 11px;
    color: #a9985d;
    margin-top: 7px;
    /*font-style: italic;*/
    margin-left: 14px;
    height: 15px;
    line-height: 15px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_right {
    float: right;
    font-size: 11px;
    color: #a9985d;
    margin-top: 7px;
    margin-right: 14px;
    height: 15px;
    line-height: 15px;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_right a {
    color: #a9985d;
    text-decoration: none;
}

#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_right a:hover {
    text-decoration: underline;
}

#eliterank_rankcontent .eliterank_rankright {
    float: left;
    width: 390px;
    margin-left: 40px;
    margin-top: 22px;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnercup {
    width: 92px;
    height: 80px;
    background: url('../img/eliterank_rank_cup.html') 0 0 no-repeat;
    margin: 0 auto;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerlabel {
    color: #a9985d;
    font-size: 22px;
    text-align: center;
    margin: 10px 0 0 0;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerdivider {
    width: 265px;
    height: 20px;
    background: url('../img/eliterank_rank_cup_divider.html') 0 0 no-repeat;
    margin: 10px auto 0 auto;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnername {
    color: #e6e6e6;
    font-size: 22px;
    text-align: center;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerinfo {
    margin: 13px auto 0 auto;
    width: 224px;
    height: 60px;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerinfo .elite_rank_rankwinnerinfo_pts {
    background: url('../img/eliterank_rank_winner_info_bg.html') 0 0 no-repeat;
    width: 88px;
    height: 44px;
    color: #999966;
    text-align: center;
    padding-top: 12px;
    font-size: 14px;
    float: left;
}

#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerinfo .elite_rank_rankwinnerinfo_kill {
    background: url('../img/eliterank_rank_winner_info_bg.html') 0 0 no-repeat;
    width: 88px;
    height: 44px;
    color: #999966;
    text-align: center;
    padding-top: 12px;
    font-size: 14px;
    float: left;
    margin-left: 48px;
}


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

/********* FTW PAGE ************/

.ftwstatus {
    background: #000000 url('../img/ftw_bg.png') 0 0 no-repeat;
}

#ftww_container #ftww_label1 {
    width: 838px;
    height: 90px;
    margin: 110px auto 0 auto;
    text-align: right;
}

#ftww_container #ftww_label1 .ftww_label1_text1 {
    color: #ffc345;
    font-size: 24px;
    font-weight: bold;
    height: 35px;
}

#ftww_container #ftww_label1 .ftww_label1_text2 {
    color: #ffffff;
    font-size: 16px;
    height: 24px;
}

#ftww_container #ftww_label1 .ftww_label1_text3 {
    color: #ffffff;
    font-size: 12px;
}

#ftww_container #ftww_labeltext {
    font-size: 16px;
    color: #866e53;
    margin: 70px auto 5px auto;
    width: 840px;
}

#ftww_serverselect {
    height: 100px;
}

#ftww_status {
    width: 870px;
    height: 190px;
    margin: 70px auto;
}

#ftww_status .closed {
    border: 1px solid #353535 !important;
}

#ftww_status #jangan {
    background: transparent url('../img/ftwbox_jg_bg.png') 0 0 no-repeat;
}

#ftww_status #bandit {
    background: transparent url('../img/ftwbox_bd_bg.png') 0 0 no-repeat;
}

#ftww_status #hotan {
    background: transparent url('../img/ftwbox_htclosed_bg.png') 0 0 no-repeat;
}

#ftww_status #cos {
    background: transparent url('../img/ftwbox_htclosed_bg.png') 0 0 no-repeat;
}

#ftww_status .ftww_ftwbox_outer {
    width: 270px;
    height: 164px;
    position: relative;
    margin: 0 10px 0 10px;
    float: left;
}

#ftww_status .ftww_ftwbox {
    width: 260px;
    height: 154px;
    margin: 8px 0 0 8px;
    border: 1px solid #521200;
    position: absolute;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_gname {
    color: #ffc345;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 8px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_gname a {
    color: #ffc345;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_point_l {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 50px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_point {
    color: #ffc345;
    font-size: 12px;
    position: absolute;
    left: 90px;
    top: 50px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_rank_l {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 70px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_rank {
    color: #ffc345;
    font-size: 12px;
    position: absolute;
    left: 110px;
    top: 70px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_owner_l {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 90px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_owner {
    color: #ffc345;
    font-size: 12px;
    position: absolute;
    left: 90px;
    top: 90px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_fwname_l {
    position: absolute;
    left: 147px;
    top: 118px;
}

#ftww_status .ftww_ftwbox .ftww_ftwbox_fwname {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 115px;
}


/********* FTW PAGE ************/

/********* CUSTOM *********/

.server_name {
    position: absolute;
    color: whitesmoke;
    font-size: 14px;
    margin-top: 14px;
    margin-left: 39px;
    font-weight: 700;
    text-shadow: 2px 2px 2px #000000;
}