*:focus {
    outline: none
}

*::-webkit-input-placeholder {
    color: #bea561
}

*:-ms-input-placeholder {
    color: #bea561
}

*::placeholder {
    color: #bea561
}

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

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

body {
    background-image: url("/media/images/background/background_chars.png");
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #070911;
    margin: 0;
    padding: 0;
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    color: #fff;
    cursor: url("../images/cursor1.cur"), auto;
}

/*a, img a {*/
/*    cursor: url("/media/images/cursor2.cur"), auto;*/
/*}*/

a {
    color: #fff;
    text-decoration: none;
    /*cursor: url("/media/images/cursor2.cur"), auto;*/
}

a:hover {
    text-decoration: underline;
    /*cursor: url("/media/images/cursor2.cur"), auto;*/
}

#betakeystaticDiv {
    width: 180px;
    height: 297px;
    position: fixed;
    top: 85px;
    left: 0;
    z-index: 9999999;
    cursor: pointer
}

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

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

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

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

.moreButtonText {
    font-family: trebuchet ms, lucida grande, lucida sans unicode, lucida sans, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 700
}

.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: 700;
    color: #ffc345
}

.labelText02 {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.servername {
    color: #ffc345
}

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

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

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

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

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

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

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

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

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

.gg_infoBox .gg_infoBox_label {
    width: 530px;
    height: 30px;
    position: absolute;
    top: 35px;
    left: 140px;
    font-weight: 700;
    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 {
    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
}

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

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

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

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

.select {
    /*cursor: pointer;*/
    display: inline-block;
    position: relative;
    color: #ffc345;
    font-size: 16px;
    font-weight: 700;
    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: 700;
    width: 170px;
    height: 40px;
    line-height: 40px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.button4 {
    width: 221px;
    height: 39px;
    border: 1px solid #6a4f15;
    text-align: center;
    /*cursor: pointer;*/
    line-height: 39px;
    color: #fff;
    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: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #0a1c3a
}

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

.nav-up {
    top: -182px
}

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

#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 {
    margin: 0 auto;
    width: 1200px;
    height: 39px;
    position: relative;
    font-size: 12px;
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

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

#main #head_topmenu_cover #head_topmenu {
    height: 105px;
    background-color: #000;
    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
}

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

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

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

@font-face {
    font-family: beyond the mountains;
    src: url(../fonts/beyond_the_mountains.ttf)
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo span {
    color: #bebfbd;
    text-decoration: none;
    text-shadow: 3px 3px 5px #3c2914, 1px 1px 1px #000;
    font-size: 42px;
    font-family: beyond the mountains, serif
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    transform: scale(1.2);
    margin-left: -35px;
}

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

#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 0;
    float: left
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li {
    display: inline
}

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

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

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

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

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

#hiddenmenu_cover ul li {
    margin: 7px 0
}

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

#hiddenmenu_cover ul li a:hover {
    color: #fff
}

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

#middle_panel_down_button {
    width: 250px;
    height: 90px;
    position: absolute;
    top: 9px;
    left: 9px;
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

#middle_panel_user_panel_member #middle_panel_user_panel_userid {
}

#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: #fff;
    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 {
    width: 113px;
    padding-left: 12px
}

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

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

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

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

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

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

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

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

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

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

#middle_panel_links .middle_panel_links_button {
    width: 250px;
    height: 58px;
    /*cursor: pointer;*/
    color: #d8a841;
    font-size: 14px;
    font-weight: 700;
    padding-left: 35px;
    padding-top: 6px;
    box-sizing: border-box;
    opacity: .9
}

#middle_panel_links .middle_panel_links_button:hover {
    opacity: 1
}

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

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

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

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

#middle_panel_links #middle_panel_links_guide_button {
    background-color: #0b1d3d
}

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

#main #middle_panel #middle_panel_slider {
    width: 920px;
    height: 365px;
    position: absolute;
    top: 9px;
    left: 270px
}

#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: 400;
    color: #fff;
    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: 700;
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main #middle_panel #middle_panel_news .middle_panel_news_line_text a {
    color: #fff;
    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: 700
}

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

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

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

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

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

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

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

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

#main #content {
    width: 1200px;
    margin: 300px auto 0;
    position: relative
}

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

#main #content #content_container {
    width: 932px;
    margin-left: 268px;
    background-color: #000;
    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
}

#charlist_content {
    margin-top: 50px
}

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

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

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

#newticket_content {
    width: 862px;
    margin: 40px auto
}

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

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

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

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

.gg_subject {
    background: 0 0;
    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: 0 0;
    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: .1px;
    height: .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: #fff;
    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: #fff;
    font-size: 16px;
    background-color: #5d5d5d
}

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

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

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

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

#ticketButtonsDiv .buttonClose {
    width: 221px;
    height: 39px;
    text-align: center;
    /*cursor: pointer;*/
    line-height: 39px;
    color: #fff;
    background-color: #0e254d;
    position: absolute;
    right: 30px;
    font-weight: 700;
    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: 700;
    font-size: 16px
}

#ticketMainDiv {
    margin: 30px 0 50px
}

#ticketMainDiv #ticketinfoDiv {
    width: 100%;
    height: 186px;
    background-color: #091731;
    font-weight: 700;
    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: 700;
    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: 400;
    padding: 10px 0 15px 51px
}

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

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

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

#multimedia_menu .multimedia_menu_button {
    float: left
}

#multimedia_images {
    width: 875px;
    height: 112px;
    margin: 47px auto 0;
    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: 700;
    overflow: hidden
}

#rankLabelDiv {
    width: 700px;
    height: 40px;
    background-color: #091731;
    margin: 0 auto;
    font-weight: 700;
    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: #000;
    font-size: 14px;
    font-weight: 700;
    color: #ffc345;
    border-bottom: 1px solid #252525
}

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

.table_rank .th2 {
    width: 70px;
    height: 30px
}

.table_rank .th3 {
    width: 80px;
    height: 30px
}

.table_rank .th4 {
    width: 304px;
    height: 30px;
    text-align: left
}

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

.table_rank .th6 {
    width: 100px;
    height: 30px
}

.table_rank td {
    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: #fff;
    text-decoration: underline
}

#chardetail_container {
}

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

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

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

#chardetail_container #chardetail_label #chardetail_label_charpoint {
    width: 200px;
    height: 20px;
    position: absolute;
    left: 102px;
    top: 46px;
    font-weight: 700;
    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: 700;
    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: 700;
    padding: 90px 0 0;
    text-align: center;
    border-bottom: 1px solid #161d3a;
    cursor: pointer
}

.chardetail_button_selected {
    background-color: #000 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table_chardetail_details {
    text-align: left
}

.table_chardetail_details td {
    background-color: #000;
    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: #000;
    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: 700
}

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

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

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

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

#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right {
    width: 140px;
    height: 24px;
    float: left;
    margin-left: 15px;
    clear: right;
    font-size: 12px;
    font-weight: 700
}

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

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

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

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

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

#chardetail_container #chardetail_info_container .chardetail_strintbox_right {
    width: 140px;
    height: 18px;
    line-height: 18px;
    float: left;
    margin-left: 3px;
    clear: right;
    font-size: 12px;
    font-weight: 700
}

#chardetail_container #chardetail_info_container .chardetail_strintbox_right #strbar {
    width: 140px;
    height: 18px;
    line-height: 18px
}

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

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

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

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

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

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

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

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

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

#chardetail_info_unique_label {
    font-weight: 700;
    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: #000;
    font-size: 13px;
    padding-top: 7px;
    height: 24px
}

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

#charlist_mainDiv {
    margin: 38px 37px;
    clear: both;
    float: left;
    font-weight: 700
}

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

#ticketlist_content {
    margin-top: 50px
}

#ticketlist_content .gg_selectbox_label {
    width: 220px;
    height: 40px;
    background-color: #0f1324;
    font-size: 16px;
    font-weight: 700;
    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;
    clear: both;
    width: 100%;
    height: 40px
}

.table_ticketlist {
    margin: 0 auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gg_ticket_answered {
    color: #468e00
}

.gg_ticket_waiting {
    color: #6c6c6c
}

.gg_ticket_closed {
    color: #ca0f0f
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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: 700;
    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: 700;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

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

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

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

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

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

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

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

#newsDetail_content #newsDetail_msg a:hover {
    text-decoration: none
}

#newsDetail_content img {
    max-width: 100%
}

.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: 700;
    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: 700;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

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

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

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

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

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

#main #item_mall_prew_container {
    width: 1200px;
    height: 320px;
    position: relative;
    margin: 0 auto;
    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
}

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

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

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

#guide_label {
    font-family: ggFont1;
    color: #ffc345;
    font-size: 36px;
    font-weight: 700;
    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: 700;
    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: #fff
}

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

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

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

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

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

#guide_menu .arrowdown {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    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 .arrowdown {
    top: 12px;
    left: 13px
}

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

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

#guide_menu .menu .option a:hover {
    color: #fff
}

#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: silver;
    text-decoration: none;
    font-size: 14px
}

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

#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: silver;
    text-decoration: none;
    font-size: 14px
}

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

#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: silver;
    text-decoration: none;
    font-size: 14px
}

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

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

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

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

#main #index2 #index2_label {
}

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

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

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

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

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

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

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

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

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

#main #index_multimedia_container {
    width: 1200px;
    height: 406px;
    position: relative;
    margin: 0 auto;
    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
}

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

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

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

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

#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: 250px;
    background-image: url(../images/followus_bg.png);
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #060c13;
    min-width: 1200px;
    border-bottom: 1px solid #6c5526
}

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

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

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

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

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

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

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

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

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

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

#main #index_followus #index_followus_links {
    width: 100%;
    margin: 53px auto 0;
    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: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700
}

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

#main #footer {
    height: 200px;
    min-width: 1200px;
    background-color: #000
}

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

#main #footer #joymax_logo {
    width: 232px;
    height: 120px;
    position: relative;
    left: 152px;
    top: 37px;
    opacity: .75;
    /*cursor: pointer;*/
    bottom: -20px
}

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

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

#main #footer #joymax_logo span {
    font-size: 32px;
    color: #bebfbd;
    text-decoration: none;
    text-shadow: 3px 3px 5px #3c2914, 1px 1px 1px #000;
    font-family: beyond the mountains, serif
}

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

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

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

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

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

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

.profile-bg {
    background: url(../images/profile_bg2.png) center 0 no-repeat;
    padding-bottom: 0 !important;
    background-size: cover;
}

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

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

#login_links {
    position: relative
}

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

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

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

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

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

.text-dark {
    color: #000000;
}

.gg_input_select {
    background: 0 0;
    border: none;
    font-size: 16px;
    width: 415px;
    height: 30px
}

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

.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: #fff;
    text-decoration: underline
}

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

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

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

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

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

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

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

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

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

.gg_checkbox_text_div a {
    color: #fff
}

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

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

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

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

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

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

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

.down_content {
    position: relative;
    width: 920px;
    height: 150px;
    margin-top: 10px
}

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

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

#down_logo2 {
    width: 320px;
    height: 58px;
    background: url(../images/download_button2_en.png) 0 0 no-repeat;
    /*cursor: pointer;*/
    margin: 23px 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: 63px auto
}

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

#nvidia_down {
    margin: 0 auto
}

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

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

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

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

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

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

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

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

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

#serverinfo_info {
    height: 50px
}

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

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

#serverinfo_info #levelinfo {
}

#serverinfo_info #onlineplayerinfo {
}

#serverinfo_info #raceinfo {
}

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

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

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

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

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

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

#betadetails_container {
    height: 1400px
}

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

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

.shopbg {
    padding-bottom: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

#purchase_container #purchase_subtext .subtxt_y {
    color: #ffc345;
    display: block
}

#purchase_container #purchase_subtext .subtxt_w {
    color: #fff;
    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: 700;
    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: 700;
    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: 700;
    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: 700;
    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;
    position: relative
}

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

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

.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: 700;
    background-color: #0a1c3a;
    border-top: 1px solid #6a4f15;
    border-bottom: 1px solid #6a4f15;
    border-left: 1px solid #6a4f15
}

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

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

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

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

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

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

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

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

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

#guild_name #gcreatedate_text {
    position: absolute;
    font-weight: 700;
    color: #fff;
    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: 700;
    color: #fff;
    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
}

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

.table_stats th {
    background-color: #091731;
    font-size: 14px;
    font-weight: 700;
    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: #000;
    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
}

#guide_content table {
}

#guide_content table td {
}

.selectBoxDiv {
    position: relative;
    clear: both;
    width: 100%;
    height: 40px
}

.search_content .gg_selectbox_label {
    width: 220px;
    height: 40px;
    background-color: #10264f;
    font-size: 16px;
    font-weight: 700;
    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: 700
}

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

.search_content #searchBoxDiv .gg_input_searchbox {
    background: 0 0;
    border: 1px solid #6a4f15;
    color: #fff;
    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: 700;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hidden {
    display: none
}

.trophyFirst {
    color: #f1a90e
}

.trophySecond {
    color: #b7b6b6
}

.trophyThird {
    color: #a74c39
}

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

.text-uppercase {
    text-transform: uppercase
}

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

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

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

.progress-bar-span {
    opacity: 1;
    position: absolute;
    top: -5px;
    /*background: #ffc345;*/
    padding: 7px;
    color: #fff;
    border-radius: 0;
    right: -18px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

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

.display-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: .15rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.btn-general {
    color: #fff;
    background-color: #091731;
    padding: 8px;
}

.btn-general:hover {
    color: #fff;
    background-color: #081732;
}

.btn-dark {
    width: 100%;
    color: #fff;
    background-color: #6e402c;
    padding: 8px;
    border-color: #6e402c;
}

.btn-general:focus, .btn-general.focus {
    box-shadow: 0 0 0 0.2rem rgb(5, 20, 46);
}

.btn-dark-active {
    width: 100%;
    color: #fff;
    background-color: #356e2c;
    padding: 8px;
    border-color: #356e2c;
}

.mt-1 {
    margin: 1px;
}

.mt-2 {
    margin: 2px;
}

.mt-3 {
    margin: 3px;
}

.mt-4 {
    margin: 4px;
}

.mt-5 {
    margin: 5px;
}

.mt-25 {
    margin: 25px;
}

.loading-gif {
    height: 100px;
}

.sponsors-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.sponsor {
    width: 200px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sponsor img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}


.socials-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.social {
    width: 79px;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.social img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.uppercase {
    text-transform: uppercase;
}

.language {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.search-btn {
    padding: 8px 15px;
    color: #fff;
    background-color: #6e402c;
    border-color: #6e402c;
    line-height: 0px;
}

.form-label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.flex {
    display: flex;
    align-items: center;
}