/* SROVN UI v2 canonical build: exact duplicate rules removed; cascade order preserved. */
/* SROVN Phase 1 Gamegami UI Bundle v1
 * main.css followed by m1xawy.css; same directory keeps relative URLs valid.
 */

/* ===== BEGIN public/themes/gamegami-theme/main.css | SHA256 fdeb37d640ee4a3d0b7387d65b510f9829bc438ee192a359cfea24e8d995011f ===== */
*:focus{
    outline: none;
}
*::-webkit-input-placeholder{ /* Edge */
  color: #bea561;
}

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

*::placeholder{
  color: #bea561;
}

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

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

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

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

#betakeystaticDiv{
	/*background: url('images/registerstaticBG.png?ivh=6') 0 0 no-repeat;*/
	background: url('images/cap110staticBG.png') 0 0 no-repeat;
	/*background: url('images/cklsnewyearstaticBG.png') 0 0 no-repeat;*/
	/*background: url('images/cap100staticBG.png') 0 0 no-repeat;*/
	/*background: url('images/newyearevent.png') 0 0 no-repeat;*/
	width: 180px;
    height: 297px;
    position: fixed;
    top: 85px;
    left: 0;
    z-index: 9999999;
	cursor: pointer;
}
#betakeystaticDiv:hover{
	background-position: -180px 0;
}

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

.moreButtonDiv{
	width: 130px;
	height: 17px;
	background: url('images/more_icon.png') 0 0 no-repeat;	
}
.moreButtonText{
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.moreButtonText a{
	color: #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: "Times New Roman", "Times New Roman", "Times New Roman", sans-serif;
}
.labelText01{
	font-size: 32px;
	font-weight: bold;
	color: #ffc345;
}
.labelText02{
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}
.servername{
	color: #ffc345;
}

.gg_infoBox{
	width: 650px;
	height: 230px;
	margin: 0 auto;
	position: relative;
	clear: both;
}
.gg_infoBox .gg_infoBox_img{
	width: 130px;
	height: 230px;
	position: absolute;
	top: 0;
	left: 0;
}
.gg_infoBox .gg_infoBox_img .error1{
	background: url('images/error1.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_img .error2{
	background: url('images/error2.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_img .error3{
	background: url('images/error3.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_img .succ1{
	background: url('images/succ1.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_img .succ2{
	background: url('images/succ2.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_img .succ3{
	background: url('images/succ3.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_img .info1{
	background: url('images/info1.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.gg_infoBox .gg_infoBox_label{
	width: 530px;
    height: 30px;
    position: absolute;
    top: 35px;
    left: 140px;
    font-weight: bold;
    font-size: 24px;
}
.gg_infoBox .gg_infoBox_label .errormsg{
	color: #d42402;
}
.gg_infoBox .gg_infoBox_label .succmsg{
	color: #62c300;
}
.gg_infoBox .gg_infoBox_label .infomsg{
	color: #c6a731;
}
.gg_infoBox .gg_infoBox_msg{
	width: 530px;
    height: 20px;
    position: absolute;
    top: 65px;
    left: 140px;
    font-size: 18px;
}
.gg_infoBox .gg_infoBox_msg2{
	width: 530px;
    height: 20px;
    position: absolute;
    top: 87px;
    left: 140px;
    font-size: 12px;
}

/****** item box classes *****/
.item_box{
	width: 135px;
	height: 162px;
	border: 1px solid #ffc345;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	float: left;
	margin-left: 10px;
	margin-bottom: 2px;
}
.item_box .item_box_icon{
	width: 45px;
	height: 45px;
	margin: 10px auto 0 auto;
}
.item_box .item_box_name{
	width: 135px;
	height: 30px;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	margin: 8px auto 0 auto;
}
.item_box .item_box_price{
	width: 135px;
	height: 20px;
	color: #ffc345;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}

.item_box .item_box_buybutton{
	width: 135px;
	height: 22px;
	text-align: center;
}
/****** item box classes *****/


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

.s-hidden{
    visibility:hidden;
    padding-right:10px;
}
.select{
    cursor:pointer;
    display:inline-block;
    position:relative;
    color: #ffc345;
    /*border:1px solid #ccc;*/
	font-size: 16px;
	font-weight: bold;
	width: 220px;
	height: 40px;
}
.styledSelect{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: #091731;
    padding:0 10px 0 40px;
    font-weight:bold;
	width: 170px;
	height: 40px;
	line-height: 40px;
}
.styledSelectArrow{
    width: 28px;
    height: 28px;
	background: url('images/selectBoxArrow.png') 0 0 no-repeat;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 99;
}
/*
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
*/	
.styledSelect:active, .styledSelect.active{
    background-color:#0e2043;
}
.options{
    display:none;
    position:absolute;
    top:40px;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    /*border:1px solid #ccc;*/
    background-color: #0a1a37;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	width: 220px;
}
.options li{
    padding:0 6px;
    margin:0 0;
    padding:10px 40px;
	border-bottom: 1px solid #333436;
}
.options li:hover{
    background-color:#0f1324;
    /*color:white;*/
}

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

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

.s-hidden2{
    visibility:hidden;
    padding-right:10px;
}
.select2{
    cursor:pointer;
    display:inline-block;
    position:relative;
    color: #ffc345;
	font-size: 16px;
	width: 293px;
	height: 47px;
}
.styledSelect2{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: #091731;
    padding:0 10px 0 20px;
	width: 263px;
	height: 47px;
	line-height: 47px;
	border: 1px solid #323232;
}
.styledSelectArrow2{
    width: 28px;
    height: 28px;
	background: url('images/selectBoxArrow.png') 0 0 no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}
.styledSelect2:active, .styledSelect2.active{
    background-color:#0e2043;
}
.options2{
    display:none;
    position:absolute;
    top:47px;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    background-color: #0a1a37;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	width: 295px;
}
.options2 li{
    padding:0 6px;
    margin:0 0;
    padding:10px 20px;
	border-bottom: 1px solid #333436;
}
.options2 li:hover{
    background-color:#0f1324;
}

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


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

.s-hidden3{
    visibility:hidden;
    padding-right:10px;
}
.select3{
    cursor:pointer;
    display:inline-block;
    position:relative;
    color: #ddc58a;
	font-size: 16px;
	width: 293px;
	height: 47px;
}
.styledSelect3{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: #500300;
    padding:0 10px 0 20px;
	width: 263px;
	height: 47px;
	line-height: 47px;
	border: 1px solid #a60600;
}
.styledSelectArrow3{
    width: 28px;
    height: 28px;
	background: url('images/selectBoxArrow2.png') 0 0 no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}
.styledSelect3:active, .styledSelect3.active{
    background-color:#550300;
}
.options3{
    display:none;
    position:absolute;
    top:47px;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    background-color: #4c0301;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	width: 293px;
	border-left: 1px solid #a60600;
	border-right: 1px solid #a60600;
	border-bottom: 1px solid #a60600;
}
.options3 li{
    padding:0 6px;
    margin:0 0;
    padding:10px 20px;
	border-bottom: 1px solid #700400;
}
.options3 li:hover{
    background-color:#640500;
}

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

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

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

.s-hidden4{
    visibility:hidden;
    padding-right:10px;
}
.select4{
    cursor:pointer;
    display:inline-block;
    position:relative;
    color: #ffc345;
    /*border:1px solid #ccc;*/
	font-size: 16px;
	font-weight: bold;
	width: 220px;
	height: 40px;
}
.styledSelect4{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: #330600;
    padding:0 10px 0 40px;
    font-weight:bold;
	width: 170px;
	height: 40px;
	line-height: 40px;
}
.styledSelectArrow4{
    width: 28px;
    height: 28px;
	background: url('images/selectBoxArrow4.png') 0 0 no-repeat;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 99;
}
/*
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
*/	
.styledSelect4:active, .styledSelect4.active{
    background-color:#330600;
}
.options4{
    display:none;
    position:absolute;
    top:40px;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    /*border:1px solid #ccc;*/
    background-color: #470a02;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	width: 220px;
}
.options4 li{
    padding:0 6px;
    margin:0 0;
    padding:10px 40px;
	border-bottom: 1px solid #680d00;
}
.options4 li:hover{
    background-color:#2e0600;
    /*color:white;*/
}

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


.button1{
	width: 177px;
	height: 48px;
	border: 1px solid #ffc345;
	text-align: center;
	cursor: pointer;
	line-height: 48px;
	color: #ffc345;
	font-size: 16px;
	font-weight: bold;
}
.button1:hover{
    background-color: #ffc345;
    color: #000000;
    border: 1px solid #000000;
}
.button2{
	width: 160px;
	height: 38px;
	border: 1px solid #ffc345;
	text-align: center;
	cursor: pointer;
	line-height: 38px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
.button3{
	width: 160px;
	height: 38px;
	border: 1px solid #ffc345;
	background-color: #ffc345;
	text-align: center;
	cursor: pointer;
	line-height: 38px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.button4{
	width: 221px;
	height: 39px;
	border: 1px solid #6a4f15;
	text-align: center;
	cursor: pointer;
	line-height: 39px;
	color: #ffffff;
	font-size: 14px;
	background-color: #091731;
}
.button4:hover{
	background-color: #10264f;
}
.gg_search_button_big{
	width: 221px;
	height: 46px;
	border: 1px solid #6a4f15;
	text-align: center;
	cursor: pointer;
	line-height: 46px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #0a1c3a;
}
.gg_search_button_big:hover{
	background-color: #10264f;
}
.nav-up{
    top: -182px;
}

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

/*********************************************************************/
/**********************       HEADER          ************************/
/*********************************************************************/
#main #head_topbar{
	height: 39px;
	width: 100%;
	background-color: #070911;
	border-bottom: 1px solid #161413;
	position: fixed;
	z-index: 9999;
	top: 0;
}
#main #head_topbar #head_topbar_container{
	/*background: url('images/30agustos.png') no-repeat;*/
	margin: 0 auto; 
	width: 1200px; 
	height: 39px; 
	position: relative; 
	font-size: 12px;
	font-weight: bold;
}
#main #head_topbar #head_topbar_container #topbar_time{
	float: right;
    background: url(images/top_icon_clock.png) 0 7px no-repeat;
    padding-left: 30px;
    height: 39px;
    line-height: 39px;
	margin-right: 20px;
}
#main #head_topbar #head_topbar_container #topbar_time .timeText{
	color: #a8a8a8;
}
#main #head_topbar #head_topbar_container #topbar_time .time{
	color: #fff;
	padding-left: 10px;
}
#main #head_topbar #head_topbar_container .button{
	float: right;
	width: 77px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	text-shadow: 1px 1px #000;
	font-weight: bold;
	cursor: pointer;
	margin-top: 7px;
    margin-right: 10px;
}
#main #head_topbar #head_topbar_container .button:hover{
	background-position: 0 -24px !important;
}
#main #head_topbar #head_topbar_container .button_charge{
	background: url('images/top_button_charge.png') 0 0 no-repeat;
}
#main #head_topbar #head_topbar_container .button_reg{
	background: url('images/top_button_register.png') 0 0 no-repeat;
}
#main #head_topbar #head_topbar_container #button_login{
	background: url('images/top_button_signin.png') 0 0 no-repeat;
}
#main #head_topbar #head_topbar_container #button_logout{
	background: url('images/top_button_logout.png') 0 0 no-repeat;
}
#main #head_topmenu_cover{
	height: 260px;
	width: 100%;
	transition: top 1s ease;
	position: fixed;
	z-index: 9998;
	top: 40px;
}
#main #head_topmenu_cover #head_topmenu{
	height: 105px;
	background-color: #000000;
	border-bottom: 4px solid #e1a72c;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_homebutton{
    position: absolute;
	top: 45px;
    left: 10px;
	z-index: 100;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_container{
	margin: 0 auto;
	width: 1200px;
	position: relative;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_left{
	width: 493px;
	height: 105px;
	position: relative;
	float: left;
	text-align: center;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul{
	list-style-type: none;
    padding: 0;
    margin: 50px 20px 0 0;
    float: right;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_left  ul li{
	display: inline;
    /* margin: 0 0; */
    /* position: relative; */
    /* width: 40px; */
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li a{
	display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li a:hover{
	text-decoration: underline;
}


#main #head_topmenu_cover #head_topmenu #head_topmenu_logo{
	width: 214px;
	height: 214px;
	background-image: url('images/logo.png?ivh=3');
	position: relative;
	float: left;
	margin-top: 22px;
	z-index: 9999;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right{
	width: 493px;
    height: 105px;
    position: relative;
    float: left;
    text-align: center;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul{
    list-style-type: none;
    padding: 0;
    margin: 50px 0 0 0px;
    float: left;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right  ul li{
	display: inline;
    /* margin: 0 30px; */
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a:hover{
	text-decoration: underline;
}

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

#hiddenmenu_cover{
	width: 1200px;
	margin: 0 auto;
	height: 150px;
}
#hiddenmenu_cover ul{
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 0;
    width: 142px;
    float: left;
    text-align: center;
}
#hiddenmenu_cover  ul li{
	/*display: inline;*/
	margin: 7px 0;
}
#hiddenmenu_cover ul li a{
	display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}
#hiddenmenu_cover ul li a:hover{
	color: #ffffff;
}
/*********************************************************************/
/**********************       MIDDLE          ************************/
/*********************************************************************/		

#main #middle_panel{
	width: 1200px;
	height: 570px;
	background-color: #000000;
	margin: 300px auto 0 auto;
	position: relative;
}
 #middle_panel_down_button{
	width: 250px;
	height: 90px;
	background-image: url('images/download_button.png');
	position: absolute;
	top: 9px;
	left: 9px;
	cursor: pointer;
}
#middle_panel_user_panel_member{
	width: 250px;
	height: 280px;
	position: absolute;
	top: 108px;
	left: 9px;
}
#middle_panel_user_panel_notmember{
	width: 250px;
	height: 140px;
	position: absolute;
	top: 108px;
	left: 9px;
}
#middle_panel_user_panel_notmember .middle_panel_user_panel_button{
	/*
	width: 125px;
	height: 70px;
	float: left;
	cursor: pointer;
	*/
	width: 125px;
    height: 27px;
    float: left;
    cursor: pointer;
    text-align: center;
    padding-top: 43px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
	text-shadow: 1px 1px #000;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button{
	background-image: url('images/icon_leftpanel_login_bg.png');
	background-position: center 10px;
	background-repeat: no-repeat;
	background-color: #212738;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button:hover{
	background-color: #1d2232;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button{
	background-image: url('images/icon_leftpanel_register_bg.png');
	background-position: center 10px;
	background-repeat: no-repeat;
	background-color: #013201;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button:hover{
	background-color: #012c01;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button{
	background-image: url('images/icon_leftpanel_buysilk_bg.png');
	background-position: center 10px;
	background-repeat: no-repeat;
	background-color: #420e04;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button:hover{
	background-color: #380d04;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button{
	background-image: url('images/icon_leftpanel_support_bg.png');
	background-position: center 10px;
	background-repeat: no-repeat;
	background-color: #3e3002;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button:hover{
	background-color: #322702;
}
#middle_panel_user_panel_member .middle_panel_userpanel_info{
    width: 238px;
    height: 34px;
    float: left;
    background-color: #0b1d3d;
    font-size: 14px;
    border-bottom: 1px solid #13336c;
    line-height: 34px;
    padding-left: 12px;
}
#middle_panel_user_panel_member #middle_panel_user_panel_userid{
	/*
	line-height: 12px;
    padding-top: 5px;
    height: 29px;
	*/
}
#middle_panel_user_panel_member .middle_panel_userpanel_link{
    width: 200px;
    height: 34px;
    background-color: #091731;
    font-size: 14px;
    border-bottom: 1px solid #13336c;
    line-height: 34px;
    padding-left: 50px;
	float: left;
}
#middle_panel_user_panel_member .middle_panel_user_panel_bar2right{
	border-right: none;
	width: 91px;
}
#middle_panel_user_panel_member .middle_panel_userpanel_link a{
	color: #ffffff;
	text-decoration: none;
}
#middle_panel_user_panel_member .middle_panel_userpanel_link a:hover{
	text-decoration: underline;
}
#middle_panel_user_panel_member .middle_panel_userpanel_info .username{
	color: #ffc345;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergradetext{
	width: 113px;
	padding-left: 12px;
	float: left;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergrade{
	/*background: #0b1d3d url('images/memberpanel_grade_platinum.png') 12px 10px no-repeat;*/
	width: 113px;
	padding-left: 12px;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergrade a{
    text-decoration: none;
    color: #ffffff;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergrade a:hover{
    text-decoration: underline;
}
#middle_panel_user_panel_member .middle_panel_user_panel_silkbalancetext{
	width: 113px;
	padding-left: 12px;
	float: left;
}
#middle_panel_user_panel_member .middle_panel_user_panel_silkbalance{
	
	background: #0b1d3d url('images/memberpanel_silk2.png') 12px 9px no-repeat;	
	width: 95px;
	padding-left: 30px;
	float: left;
}

#middle_panel_user_panel_member #middle_panel_user_panel_buysilk{
	background: #091731 url('images/memberpanel_buysilk.png') 12px center no-repeat;	
}
#middle_panel_user_panel_member .middle_panel_user_panel_myaccount{
	background: #091731 url('images/memberpanel_settings.png') 12px center no-repeat;	
}
#middle_panel_user_panel_member .middle_panel_user_panel_support{
	background: #091731 url('images/memberpanel_support.png') 12px center no-repeat;	
}
#middle_panel_user_panel_member .middle_panel_user_panel_buyitem{
	background: #091731 url('images/memberpanel_silk2.png') 12px center no-repeat;	
}
#middle_panel_user_panel_member #middle_panel_user_panel_logout{
	background: #091731 url('images/memberpanel_logout.png') 12px center no-repeat;	
}

#middle_panel_links{
	width: 250px;
	height: 174px;
	position: absolute;
	top: 388px;
	left: 9px;
}
#middle_panel_links .middle_panel_links_button{
	width: 250px;
	height: 58px;
	cursor: pointer;
}
 #middle_panel_links #middle_panel_links_stats_button{
	background-image: url('images/serverstats_link.png?ivh=17821');
}
 #middle_panel_links #middle_panel_links_forum_button{
	background-image: url('images/forum_link.png?ivh=759174');
}
 #middle_panel_links #middle_panel_links_guide_button{
	background-image: url('images/guide_link.png?ivh=922315');
}

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

#main #middle_panel #middle_panel_slider{
	width: 920px;
	height: 365px;
	position: absolute;
	top: 9px;
	left: 270px;
	/* background-image: url('images/slider_test.png'); */
	/* background-color: #ff0000; */
}
#main #middle_panel #middle_panel_news{
	width: 718px;
	height: 182px;
	position: absolute;
	top: 380px;
	left: 270px;
	border: 1px solid #323232;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal;
	color: #ffffff;
	font-size: 12px;
}
#main #middle_panel #middle_panel_news .middle_panel_news_tab{
	width: 121px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232; 
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
#main #middle_panel #middle_panel_news .middle_panel_news_tab.selectedtab{
	background-color: #323232;
}
#main #middle_panel #middle_panel_news #middle_panel_news_tab1{
	top: 0;
	left: 0;
}
#main #middle_panel #middle_panel_news #middle_panel_news_tab2{
	top: 0;
	left: 122px;
}
#main #middle_panel #middle_panel_news #middle_panel_news_tab3{
	top: 0;
    left: 244px;
}
#main #middle_panel #middle_panel_news #middle_panel_news_tab4{
    top: 0;
    left: 366px;
}
#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbutton{
	top: 11px;
	left: 600px;
	position: absolute;
	width: 115px;
	height: 15px;
	background: url('images/news_more_icon.png') 0 0 no-repeat;	
}
#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbuttontext{
	font-size: 11px;
	position: absolute;
	top: 1px;
	left: 20px;
}
#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbuttontext a{
	color: #ffffff;
	text-decoration: none;
}
#main #middle_panel #middle_panel_news #middle_panel_news_allnewsbuttontext a:hover{
	text-decoration: underline;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line{
	width: 718px;
	height: 31px;
	border-bottom: 1px solid #323232;
	position: absolute;
	line-height: 31px;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line01{
	top: 27px;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line02{
	top: 58px;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line03{
	top: 89px;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line04{
	top: 120px;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line05{
	top: 151px;
}

#main #middle_panel #middle_panel_news .middle_panel_news_line_icon{
	width: 32px;
	height: 31px;
	float: left;
	background: url('images/news_icon.png') 12px 12px no-repeat;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line_date{
	width: 80px;
	float: left;
	color: #e8d360;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line_text{
	width: 605px;
	float: left;
	overflow: hidden;
}
#main #middle_panel #middle_panel_news .middle_panel_news_line_text a{
	color: #ffffff;
	text-decoration: none;
}

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



#main #middle_panel #middle_panel_social{
	width: 190px;
	height: 184px;
	position: absolute;
	top: 380px;
	left: 1000px;
	border: 1px solid #323232;
}
#main #middle_panel #middle_panel_social #middle_panel_social_label{
	width: 170px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
}
#main #middle_panel #middle_panel_social .social_button{
	width: 62px;
	height: 70px;
	position: absolute;
	background-position: center 0;
	cursor: pointer;
}
#main #middle_panel #middle_panel_social .social_button:hover{
	background-position: center -70px;
}
#main #middle_panel #middle_panel_social #social_button_fb{
	left: 0;
	top: 40px;
	background-image: url('images/social_buttonbg_fb.png');
}
#main #middle_panel #middle_panel_social #social_button_ds{
	left: 63px;
	top: 40px;
	background-image: url('images/social_buttonbg_ds.png');
}
#main #middle_panel #middle_panel_social #social_button_ig{
	left: 126px;
	top: 40px;
	background-image: url('images/social_buttonbg_ig.png');
}
#main #middle_panel #middle_panel_social #social_button_tw{
	left: 0;
	top: 111px;
	background-image: url('images/social_buttonbg_tw.png');
}
#main #middle_panel #middle_panel_social #social_button_yt{
	left: 63px;
	top: 111px;
	background-image: url('images/social_buttonbg_yt.png');
}
#main #middle_panel #middle_panel_social #social_button_fr{
	left: 126px;
	top: 111px;
	background-image: url('images/social_buttonbg_fr.png');
}
/***** FOR OTHER PAGES ****/
#main #content{
	width: 1200px;
	margin: 300px auto 0 auto;
	position: relative;
}
#main #content #left_menu{
	width: 268px;
	position: absolute;
    top: 0;
    background-color: #000000;
    height: 570px;
	transition: top 1s ease;
}
#main #content #content_container{
	width: 932px;
	margin-left: 268px;
	background-color: #000000;
	margin-bottom: 150px;
	padding-top: 9px;
    padding-bottom: 9px;
}
#main #content #content_container #content_container_inside{
	border: 1px solid #6a4f15;
	width: 922px;
    position: relative;
	min-height: 600px;
	padding-bottom: 50px;
}	
	

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

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

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



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

/***** SUPPORT PAGE ****/
#newticket_content{
	width: 862px;
	margin: 40px auto;
}
.gg_selectbox2{
	width: 293px;
    height: 47px;
}
.form_comm_div{
	font-size: 12px;
	margin: 10px 0 0 0;
}
.form_div{
	font-size: 12px;
	margin: 20px 0 0 0;
}
.gg_subject_div{
	width: 581px;
	height: 47px;
	border: 1px solid #323232;
	background-color: #091731;
}
.gg_subject{
	background: none;
    border: none;
    color: #ffc345;
    font-size: 16px;
    width: 531px;
    height: 47px;
	padding-left: 20px;
}
.gg_message_div{
	width: 581px;
	height: 231px;
	border: 1px solid #323232;
	background-color: #091731;
}
.gg_message{
	background: none;
    border: none;
    color: #ffc345;
    font-size: 16px;
    width: 531px;
    height: 210px;
	padding-left: 20px;
	padding-top: 15px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#inputfile_div{
	height: 50px;
}
.gg_inputfile_div{
	width: 427px;
	height: 47px;
	border: 1px solid #323232;
	background-color: #091731;
	float: left;
}
.gg_inputfile_name{
	width: 407px;
	height: 47px;
	display: block;
	color: #ffc345;
    font-size: 16px;
	padding-left: 20px;
	line-height: 47px;
	overflow: hidden;
}
.gg_inputfile_button_div{
	width: 139px;
    height: 47px;
    border: 1px solid #323232;
    text-align: center;
    cursor: pointer;
    line-height: 47px;
    color: #ffc345;
    background-color: #10264f;
	float: left;
	margin-left: 12px;
	font-size: 16px;
}

#gg_inputfile{
	width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#sendbutton_div{
	height: 50px;
}
#gg_sendbutton{
	width: 221px;
    height: 39px;
    border: 1px solid #323232;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffffff;
    font-size: 16px;
    background-color: #10264f;
}
#gg_sendbutton:hover{
	background-color: #0c1d3f;
}
#gg_cancelbutton{
	width: 221px;
    height: 39px;
    border: 1px solid #323232;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffffff;
    font-size: 16px;
    background-color: #5d5d5d;
}
#gg_cancelbutton:hover{
	background-color: #515151;
}

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

#ticketButtonsDiv{
    width: 100%;
    height: 50px;
    margin-top: 30px;
}
#ticketButtonsDiv .buttonReply{
    width: 221px;
    height: 39px;
   /*border: 1px solid #6a4f15;*/
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #ffc345;
    background-color: #122f62;
	position: absolute;
    right: 270px;
    font-weight: bold;
    font-size: 16px;
}
#ticketButtonsDiv .buttonReply:hover{
	background-color: #0c2859;
}
#ticketButtonsDiv .buttonClose{
    width: 221px;
    height: 39px;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #fff;
    background-color: #0e254d;
	position: absolute;
    right: 30px;
    font-weight: bold;
    font-size: 16px;
}
#ticketButtonsDiv .buttonClose:hover{
	background-color: #0c2859;
}
#ticketButtonsDiv .buttonClose2{
    width: 221px;
    height: 39px;
    text-align: center;
    cursor: pointer;
    line-height: 39px;
    color: #898989;
    background-color: #4f4f4f;
	position: absolute;
    right: 30px;
    font-weight: bold;
    font-size: 16px;
}
#ticketMainDiv{
	margin: 30px 0 50px 0;
}
#ticketMainDiv #ticketinfoDiv{
	width: 100%;
	height: 186px;
	background-color: #091731;
	font-weight: bold;
	font-size: 13px;
	border-top: 1px solid #4b4b4b;
}
#ticketMainDiv #ticketinfoDiv .ticketinfoLabel{
	width: 154px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	color: #ffc345;
	float: left;
	line-height: 30px;
	padding-left: 50px;
}
#ticketMainDiv #ticketinfoDiv .ticketinfoText{
	width: 693px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	color: #fff;
	float: left;
	line-height: 30px;
	padding-left: 24px;
}

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

#ticketMainDiv .ticketReplyDiv{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 21px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyNumber{
	width: 36px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	color: #ffc345;
	float: left;
	line-height: 30px;
	text-align: center;
}
#ticketMainDiv .ticketReplyDiv .ticketReplySenderLabel{
	width: 153px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	color: #ffc345;
	float: left;
	line-height: 30px;
	padding-left: 14px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplySenderText{
	width: 693px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	color: #fff;
	float: left;
	line-height: 30px;
	padding-left: 24px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyDateLabel{
	width: 153px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	color: #ffc345;
	float: left;
	line-height: 30px;
	padding-left: 51px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyDateText{
	width: 693px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	color: #fff;
	float: left;
	line-height: 30px;
	padding-left: 24px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyMsg{
	width: 871px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
    float: left;
    line-height: 20px;
	font-weight: normal;
	padding: 10px 0 15px 51px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyMsg .ticketReplyMsgLabel{
	color: #ffc345;
	font-weight: bold;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyAttachLabel{
	width: 153px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	color: #ffc345;
	float: left;
	line-height: 30px;
	padding-left: 51px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyAttachText{
	width: 693px;
	height: 30px;
	border-bottom: 1px solid #4b4b4b;
	color: #fff;
	float: left;
	line-height: 30px;
	padding-left: 24px;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyAttachText a{
	color: #fff;
}
#ticketMainDiv .ticketReplyDiv .ticketReplyAttachText a:hover{
	text-decoration: none;
}



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

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

#multimedia_menu{
	width: 487px;
    height: 40px;
    margin: 40px auto 0 auto;
    display: table;
}
#multimedia_menu .multimedia_menu_button{
	float: left;
}
#multimedia_images{
	width: 875px;
    height: 112px;
    margin: 47px auto 0 auto;
    display: table;
}
#multimedia_images .image_box{
	width: 262px;
	height: 190px;
	border: 1px solid #818181;
	float: left;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 70px;
	cursor: pointer;
}
#multimedia_images .image_box .multimedia_imglabel{
	font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 10px;
    font-weight: bold;
    overflow: hidden;
}


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


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

.table_rank{
	margin: 0 auto;
	width: 700px;
	border-top: 1px solid #252525;
	border-left: 1px solid #252525;
	border-right: 1px solid #252525;
}
.table_rank th{
	background-color: #000000;
	font-size: 14px;
	font-weight: bold;
	color: #ffc345;
	border-bottom: 1px solid #252525;
}
.table_rank .th1{ /* icon */
	width: 50px;
	height: 30px;
}
.table_rank .th2{ /* sıralama */
	width: 70px;
	height: 30px;
}
.table_rank .th3{ /* ırk */
	width: 80px;
	height: 30px;
}
.table_rank .th4{ /* karakter adı */
	width: 304px;
	height: 30px;
	text-align: left;
}
.table_rank .th5{ /* puan */
	width: 96px;
	height: 30px;
}
.table_rank .th6{ /* sıra değişimi */
	width: 100px;
	height: 30px;
}
.table_rank td{
	/*background-color: #000000;*/
	font-size: 14px;
	border-bottom: 1px solid #252525;
}
.table_rank .td1{
    width: 50px;
    height: 30px;
	text-align: center;
}
.table_rank .td2{
	width: 70px;
	height: 30px;
	text-align: center;
}
.table_rank .td3{
	width: 80px;
	height: 30px;
	text-align: center;
}
.table_rank .td4{
	width: 304px;
	height: 30px;
	text-align: left;
	color: #dedede;
}
.table_rank .td5{
	width: 96px;
	height: 30px;
	text-align: center;
	color: #dedede;
}
.table_rank .td6{
	width: 100px;
	height: 30px;
	text-align: center;
}
.table_rank a{
	color: #dedede;
	text-decoration: none;
}
.table_rank a:hover{
	color: #ffffff;
	text-decoration: underline;
}

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





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

#chardetail_container{
}

#chardetail_container #chardetail_label{
	width: 532px;
	height: 120px;
	background: url('images/chardetails_labelbg.png') 0 0 no-repeat;
	float: left;
	position: relative;
	border-bottom: 1px solid #161d3a;
}
#chardetail_container #chardetail_label #chardetail_label_charimage{
	width: 72px;
	height: 94px;
	border: 1px solid #1f3073;
	background: #071124 center center no-repeat;
	position: absolute;
	left: 21px;
	top: 11px;
	text-align: center;
    padding-top: 2px;
}
#chardetail_container #chardetail_label #chardetail_label_charname{
	width: 300px;
	height: 30px;
	position: absolute;
	left: 101px;
	top: 18px;
	font-weight: bold;
	font-size: 22px;
	overflow: hidden;
}
#chardetail_container #chardetail_label #chardetail_label_charpoint{
	width: 200px;
	height: 20px;
	position: absolute;
	left: 102px;
	top: 46px;
	font-weight: bold;
	font-size: 14px;
}
#chardetail_container #chardetail_label #chardetail_label_build{
	position: absolute;
	left: 105px;
	top: 83px;
}
#chardetail_container #chardetail_label #chardetail_label_build ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#chardetail_container #chardetail_label #chardetail_label_build ul li{
    display: inline;
    margin: 0 7px 0 0;
}
#chardetail_container #chardetail_label #chardetail_label_build ul li img{
    width: 24px;
    height: 24px;
	border: 1px solid #62666f;
}
#chardetail_container #chardetail_label #chardetail_label_charpoint .charpoint{
	color: #ffc345;
}
#chardetail_container #chardetail_label #chardetail_label_charlevel{
	height: 20px;
	position: absolute;
	right: 27px;
	top: 90px;
	font-weight: bold;
	font-size: 14px;
	color: #ffc345;
}


#chardetail_container #chardetail_buttons{
	width: 390px;
	height: 120px;
	float: left;
}
#chardetail_container #chardetail_buttons .chardetail_button{
	width: 130px;
    height: 30px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 90px 0 0 0;
    text-align: center;
	border-bottom: 1px solid #161d3a;
	cursor: pointer;
}
.chardetail_button_selected{
	background-color: #000000 !important;
}
.chardetail_button:hover{
	background-color: #1a2140 !important;
}
#chardetail_container #chardetail_buttons #chardetail_button_profile{
	background: #171d38 url('images/chardetails_charprofilebg.png') center 20px no-repeat;
}
#chardetail_container #chardetail_buttons #chardetail_button_global{
	background: #11162a url('images/chardetails_globalbg.png') center 20px no-repeat;
}
#chardetail_container #chardetail_buttons #chardetail_button_unique{
	background: #0d1124 url('images/chardetails_uniquebg.png') center 20px no-repeat;
}

#chardetail_container #chardetail_inventory_container{
	width: 459px;
	height: 355px;
	background: url('images/inventoryDiv_bg.png') 0 0 no-repeat;
	border-right: 1px solid #252525;
	border-bottom: 1px solid #252525;
	float: left;
	position: relative;
}
#chardetail_container #chardetail_inventory{
	width: 178px;
	height: 315px;
	background: url('images/inventory_bg.png') 0 0 no-repeat;
	position: absolute;
	top: 21px;
	left: 59px;
}
#chardetail_inventory_container #chardetail_inventory .chardetail_inventory_slot{
	width: 32px;
	height: 32px;
	position: absolute;
}

#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot0{ left: 5px; top: 86px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot6{	left: 12px; top: 12px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot7{ left: 134px; top: 12px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot8{ left: 5px; top: 48px; display:none }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot2{ left: 140px; top: 86px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot1{ left: 5px; top: 128px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot3{ left: 140px; top: 128px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot4{ left: 5px; top: 171px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot5{ left: 140px; top: 171px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot9{ left: 5px; top: 214px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot10{ left: 140px; top: 214px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot11{ left: 5px; top: 257px; }
#chardetail_inventory_container #chardetail_inventory #chardetail_inventory_slot12{ left: 140px; top: 257px; }


#chardetail_container #chardetail_accessory{
	width: 172px;
	height: 129px;
	background: url('images/accessory_bg.png') 0 0 no-repeat;
	position: absolute;
	top: 206px;
	left: 260px;
	
}
#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_label{
	color: #ffc345;
	font-size: 14px;
	margin-top: 10px;
    margin-left: 10px;
}
#chardetail_inventory_container #chardetail_accessory .chardetail_accessory_slot{
	width: 32px;
	height: 32px;
	position: absolute;
}
#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot0{	left: 55px; top: 34px; }
#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot1{ left: 11px; top: 34px; }
#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot2{ left: 100px; top: 34px; }
#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot3{ left: 55px; top: 82px; }
#chardetail_inventory_container #chardetail_accessory #chardetail_accessory_slot4{ left: 11px; top: 82px; }

#chardetail_container #chardetail_details{
	width: 462px;
	float: left;
}
.table_chardetail_details{
	text-align: left;
	
}

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

.table_chardetail_details td a{
    text-decoration: none;
    color: #fff;
}
.table_chardetail_details td a:hover{
    text-decoration: underline;
}
.table_chardetail_details .details_left{
	background-color: #000000;
	width: 111px;
	border-left: 1px solid #252525;
	border-bottom: 1px solid #252525;
	color: #ffc345;
	padding-left: 11px;
}
.table_chardetail_details .details_middle{
	width: 17px;
	border-bottom: 1px solid #252525;
	color: #ffc345;
}
.table_chardetail_details .details_right{
	width: 340px;
	border-bottom: 1px solid #252525;
	font-weight: bold;
}

#chardetail_container #chardetail_info_container{
	width: 444px;
	height: 128px;
	background: url('images/character_info_bg.png') 0 0 no-repeat;
	float: left;
	margin-left: 10px;
    margin-top: 10px;
}
#chardetail_container #chardetail_info_container .chardetail_hpmpbox{
	width: 222px;
    height: 128px;
	float: left;
}
#chardetail_container #chardetail_info_container .chardetail_hpmpbox_label{
	color: #ffc345;
	font-size: 14px;
	margin-top:15px;
	margin-left:15px;
	margin-bottom: 15px;
}
#chardetail_container #chardetail_info_container .chardetail_hpmpbox_left{
	width: 24px;
	height: 24px;
	float: left;
	margin-left:15px;
	margin-bottom: 6px;
	clear: left;
}
#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right{
	width: 140px;
    height: 24px;
    /* line-height: 24px; */
    float: left;
    margin-left: 15px;
    clear: right;
    font-size: 12px;
    font-weight: bold;
    /* padding-top: 5px;*/
}
#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right #hpbar{
	background: url('images/HP_bar.png') 0 0 no-repeat;
	text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
}
#chardetail_container #chardetail_info_container .chardetail_hpmpbox_right #mpbar{
	background: url('images/MP_bar.png') 0 0 no-repeat;
	text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
}


#chardetail_container #chardetail_info_container .chardetail_strintbox{
	width: 222px;
    height: 128px;
	float: left;
}
#chardetail_container #chardetail_info_container .chardetail_strintbox_label{
	color: #ffc345;
	font-size: 14px;
	margin-top:15px;
	margin-left:15px;
	margin-bottom: 19px;
}
#chardetail_container #chardetail_info_container .chardetail_strintbox_left{
	width: 24px;
	height: 24px;
	float: left;
	margin-left:15px;
	margin-bottom: 6px;
	clear: left;
}
#chardetail_container #chardetail_info_container .chardetail_strintbox_right{
    width: 140px;
    height: 18px;
    line-height: 18px;
    float: left;
    margin-left: 3px;
    clear: right;
    font-size: 12px;
    font-weight: bold;
    /* padding-top: 5px;*/
}
#chardetail_container #chardetail_info_container .chardetail_strintbox_right #strbar{
    width: 140px;
    height: 18px;
    /* padding-top: 2px; */
    /* margin-top: 5px; */
    line-height: 18px;
}
#chardetail_container #chardetail_info_container .chardetail_strintbox_right #intbar{
    width: 140px;
    height: 10px;
    padding-top: 2px;
    margin-top: 5px;
}
#chardetail_container #chardetail_info_container .chardetail_strintbox_right .strintbar{
	float: left;
	width: 30px;
	color: #ffc345;
}

#chardetail_info_globals{
	clear: both;
	width: 100%;
}
#chardetail_info_globals_label{
	font-weight: bold;
	color: #ffc345;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
}
.table_chardetail_globals{
	text-align: left;
	width: 100%;
	border-top: 1px solid #252525;
}
.table_chardetail_globals td{
	background-color: #000000;
	font-size: 13px;
	padding-top: 7px;
	height: 24px;
}
.table_chardetail_globals .global_msg{
	background-color: #000000;
	border-left: 1px solid #252525;
	border-bottom: 1px solid #252525;
	color: #ffffff;
	padding-left: 25px;
	font-size: 14px;
}

#chardetail_info_unique{
	clear: both;
	width: 100%;
}
#chardetail_info_unique_label{
	font-weight: bold;
	color: #ffc345;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
}
.table_chardetail_unique{
	text-align: left;
	width: 100%;
	border-top: 1px solid #252525;
}
.table_chardetail_unique td{
	background-color: #000000;
	font-size: 13px;
	padding-top: 7px;
	height: 24px;
}
.table_chardetail_unique .unique_msg{
	background-color: #000000;
	border-left: 1px solid #252525;
	border-bottom: 1px solid #252525;
	color: #ffffff;
	padding-left: 25px;
	font-size: 14px;
}
/***** CHAR DETAILS ****/

/***** CHAR LIST ****/
#charlist_mainDiv{
	margin: 38px 37px;
    clear: both;
    float: left;
	font-weight: bold;
}
#charlist_content .chardetail_mini_label:hover{
	background-color: #0f1324;
}
#charlist_content .chardetail_mini_label{
	width: 740px;
	height: 60px;
	background-color: #0b1d3d;
	float: left;
	position: relative;
	border: 1px solid #565e6b;
	cursor: pointer;
	margin-bottom: 12px;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_charimage{
	width: 35px;
	height: 46px;
	border: 1px solid #1f3073;
	background-color: #071124;
	position: absolute;
	left: 12px;
	top: 6px;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_charimage img{
	padding: 2px;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_charname{
	width: 300px;
	height: 30px;
	position: absolute;
	left: 190px;
    top: 10px;
	font-size: 22px;
	overflow: hidden;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_charpoint{
	width: 200px;
	height: 20px;
	position: absolute;
    left: 190px;
    top: 36px;
	font-size: 14px;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_build{
	position: absolute;
	left: 375px;
    top: 18px;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_build ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_build ul li{
    display: inline;
    margin: 0 7px 0 0;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_build ul li img{
    width: 24px;
    height: 24px;
	border: 1px solid #62666f;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_charpoint .charpoint{
	color: #ffc345;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_charlevel{
	height: 20px;
	position: absolute;
	left: 70px;
    top: 22px;
	font-size: 14px;
	color: #ffc345;
}
#charlist_content .chardetail_mini_label .chardetail_mini_label_servername{
	position: absolute;
	left: 580px;
    top: 22px;
	font-size: 14px;

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

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

#ticketlist_content .gg_selectbox_label{
	width: 220px;
	height: 40px;
	background-color: #0f1324;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	float: left;
}
#ticketlist_content .gg_selectbox{
	width: 170px;
    height: 40px;
    float: left;
}
#ticketlist_mainDiv{
	margin: 38px 0;
}
.table_ticketlist{
	margin: 0 auto;
}
.table_ticketlist th{
	background-color: #091731;
	font-size: 14px;
	font-weight: bold;
	color: #ffc345;
	border-bottom: 1px solid #4b4b4b;
	text-align: left;
}
.table_ticketlist .th1{
	width: 103px;
	height: 40px;
	padding-left: 30px;
}
.table_ticketlist .th2{
	width: 96px;
	height: 40px;
}
.table_ticketlist .th3{
	width: 483px;
	height: 40px;
}
.table_ticketlist .th4{
	width: 116px;
	height: 40px;
	text-align: center;
}
.table_ticketlist .th5{
	width: 92px;
	height: 40px;
	text-align: center;
}
.table_ticketlist td{
	background-color: #0f1324;
	font-size: 14px;
	/*border-top: 1px solid #6a4f15;*/
	border-bottom: 1px solid #4b4b4b;
}
.table_ticketlist td a{
	color: #ffffff;
	text-decoration: none;
}
.table_ticketlist td a:hover{
	text-decoration: underline;
}
.table_ticketlist .td1{
    width: 93px;
    height: 30px;
    padding-left: 40px;
}
.table_ticketlist .td2{
	width: 96px;
	height: 30px;
}
.table_ticketlist .td3{
	width: 483px;
	height: 30px;
}
.table_ticketlist .td4{
	width: 116px;
	height: 30px;
	text-align: center;
}
.table_ticketlist .td5{
	width: 92px;
	height: 30px;
	text-align: center;
}
.gg_ticket_answered{
	color: #468e00;
}
.gg_ticket_waiting{
	color: #6c6c6c;
}
.gg_ticket_closed{
	color: #ca0f0f;
}
.ticket_pagenation{
	width: 100%;
	height: 61px;
	background-color: #0f1324;
	font-size: 14px;
}
.ticket_pagenation_container{
	padding-top: 17px;
    display: table;
    margin: auto;
}
.ticket_pagenation .ticket_pagenation_leftarrow{
	width: 28px;
	height: 28px;
	background: url('images/pagenation_left_arrow.png') 0 0 no-repeat;
	cursor: pointer;
	float: left;
}
.ticket_pagenation .ticket_pagenation_numbers{
	height: 28px;
	float: left;
	margin: 0 10px;
}
.ticket_pagenation .ticket_pagenation_numbers .selected{
	color: #ffc345;
}
.ticket_pagenation .ticket_pagenation_numbers ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
    height: 28px;
    line-height: 28px;
}
.ticket_pagenation .ticket_pagenation_numbers ul li{
	display: inline;
	margin: 0 3px;
}
.ticket_pagenation .ticket_pagenation_numbers ul li a{
	display: inline-block;
	text-decoration:none;
	color: #ffffff;
}
.ticket_pagenation .ticket_pagenation_numbers ul li a:hover{
	text-decoration: underline;
}
.ticket_pagenation .ticket_pagenation_rightarrow{
	width: 28px;
	height: 28px;
	background: url('images/pagenation_right_arrow.png') 0 0 no-repeat;
	cursor: pointer;
	float: left;
}
#createticket_button{
    width: 220px;
    height: 40px;
    background-color: #091731;
    text-align: center;
    color: #ffc345;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
	font-weight: bold;
}
#createticket_button:hover{
	background-color: #0b1d3d;
	color: #ffffff;
}
/***** TICKET LIST ****/

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

#betaKeyDiv{
	width: 920px;
	height: 810px;
	background: url('images/beta_activation_bg.png') 0 0 no-repeat;
}
#betaKeyDiv #betaKeyLabelDiv{
	width: 360px;
    height: 37px;
    position: absolute;
    top: 250px;
    left: 400px;
    background: url(images/betaKeyicon.png) 0 center no-repeat;
	
}
#betaKeyDiv #betaKeyLabelDiv span{
	color: #3d1a0c;
	font-size: 32px;
	padding-left: 25px;
	font-family: ggFont1;
}

.gg_BetaKey_div{
	width: 353px;
	height: 58px;
	background: url(images/betaKeyTextBox_bg.png) 0 center no-repeat;
	position: absolute;
    top: 300px;
    left: 400px;
}
.gg_betakey{
	background: none;
    border: none;
    color: #ffdf86;
    font-size: 20px;
	width: 303px;
    height: 58px;
    padding-left: 30px;
    padding-right: 20px;
}
.gg_BetaKeyButton{
	width: 95px;
    height: 45px;
	background: url(images/betaKeyButton_bg2.png) 0 0 no-repeat;
    cursor: pointer;  
	position: absolute;
    top: 460px;
    left: 400px;
}
#betaKeyCaptchaDiv{
    width: 308px;
    height: 82px;
	position: absolute;
    top: 369px;
    left: 400px;
}
/*
.gg_BetaKeyButtonText {
	font-family: ggFont1;
	background: -webkit-linear-gradient(#fac83d, #ffe089);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 1px 1px 4px rgba(0,0,0, 0.5);
	color: #fac83d;
	font-size: 18px;
	text-align: center;
	line-height: 47px;
	width: 95px;
    height: 45px;
}
*/
/***** BETA KEY PAGE ****/

/***** NEWS DETAIL PAGE ****/
#newsDetail_content{
	margin-top: 40px;
}
#newsDetail_content .line{
	width: 100%; height:1px; background-color: #252525; 
}
#newsDetail_content #newsDetail_title{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin-left: 40px;
	margin-top: 30px;
}
#newsDetail_content #newsDetail_tagCover{
	width: 100%;
    height: 40px;
    margin-bottom: 25px;
}
#newsDetail_content #newsDetail_tag{
	width: 110px;
	height: 20px;
	float: left;
	margin-left: 40px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}
#newsDetail_content #newsDetail_tag .newstag_announcement{
	width: 110px;
	height: 20px;
	background-color: #2c2c2c;
	color: #ffc345;
}
#newsDetail_content #newsDetail_tag .newstag_event{
	width: 110px;
	height: 20px;
	background-color: #272e4c;
	color: #ffc345;
}
#newsDetail_content #newsDetail_tag .newstag_update{
	width: 110px;
	height: 20px;
	background-color: #420e04;
	color: #ffc345;
}
#newsDetail_content #newsDetail_date{
	width: 120px;
	height: 20px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	color: #ffc345;
	line-height: 20px;
	font-size: 14px;
}
#newsDetail_content #newsDetail_image{
	width: 760px;
	height: 300px;
    margin-left: 40px;
	margin-top: 20px;
	border: 1px solid #6e531e;
}
#newsDetail_content #newsDetail_msg{
	width: 760px;
    margin-left: 40px;
	margin-top: 40px;
	font-size: 14px;
}
#newsDetail_content #newsDetail_msg a{
    text-decoration: underline;
    color: #c0c0c0;
}
#newsDetail_content #newsDetail_msg a:hover{
    text-decoration: none;
}

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


/***** NEWS LIST PAGE ****/
.newsBox{
	width: 100%;
	height: 150px;
	border-bottom: 1px solid #252525;
	position: relative;
	cursor:pointer;
}
.newsBox:hover{
	background-color: #0c0c0c;
}
.newsBox .newsBox_image{
	width: 228px;
	height: 90px;
	border: 1px solid #2c2c2c;
	position: absolute;
    left: 40px;
    top: 30px;
}
.newsBox .newsBox_title{
	width: 580px;
    height: 26px;
	color: #ffc345;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
    left: 290px;
    top: 45px;
	overflow: hidden;
}
.newsBox .newsBox_msg{
	width: 600px;
    height: 26px;
	color: #fff;
	font-size: 14px;
	position: absolute;
    left: 290px;
	top: 57px;
}
.newsBox .newsBox_tagCover{
	width: 100%;
    height: 40px;
	position: absolute;
    left: 290px;
	top: 85px;
}
.newsBox .newsBox_tagCover .newsBox_tag{ 	
	width: 110px;
	height: 20px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}
.newsBox .newsBox_tagCover .newstag_announcement{
	background-color: #2c2c2c;
	color: #ffc345;
}
.newsBox .newsBox_tagCover .newstag_event{
	background-color: #272e4c;
	color: #ffc345;
}
.newsBox .newsBox_tagCover .newstag_update{
	background-color: #420e04;
	color: #ffc345;
}
.newsBox .newsBox_date{
	width: 120px;
	height: 20px;
	float: left;
	margin-left: 10px;
	color: #ffc345;
	line-height: 20px;
	font-size: 14px;
}


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


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

#main #item_mall_prew{
	height: 340px;
	background-image: url('images/item_mall_bg.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: #070911;
	min-width: 1200px;
}
#main #item_mall_prew_container{
	width: 1200px;
	height: 320px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 20px;
}
#main #item_mall_prew_container #item_mall_prew_label{
	text-align: center;
}

#main #item_mall_prew_container .item_mall_prew_leftbutton{
	width: 46px;
	height: 115px;
	margin-top: 55px;
	float: left;
}
#main #item_mall_prew_container .item_mall_prew_rightbutton{
	width: 46px;
	height: 115px;
	margin-top: 55px;
	float: left;
}
#main #item_mall_prew_container .item_mall_prew_newitems_navbuttons{
	width: 46px;
    height: 167px;
    position: absolute;
    width: 558px;
}
#main #item_mall_prew_container .item_mall_prew_bestitems_navbuttons{
	width: 46px;
    height: 167px;
    position: absolute;
    width: 558px;
}
#main #item_mall_prew_container #item_mall_prew_newitems{
	float: left;
	width: 570px;
	height: 220px;
	/*background-color: #cdcdcd;*/
}
#main #item_mall_prew_container #item_mall_prew_newitems #item_mall_prew_newitems_label{
	height: 35px;
	width: 480px;
	padding-left: 57px;
}
#main #item_mall_prew_container #item_mall_prew_newitems #item_mall_prew_newitems_itemscontainer{
	width: 450px;
	height: 165px;
	float: left;
	overflow: hidden;
	margin-left: 50px;
}

#main #item_mall_prew_container #item_mall_prew_bestitems{
	float: right;
	width: 550px;
	height: 220px;
	/*background-color: #cdcdcd;*/
}
#main #item_mall_prew_container #item_mall_prew_bestitems #item_mall_prew_bestitems_label{
	height: 35px;
	width: 488px;
	text-align: right;
}
#main #item_mall_prew_container #item_mall_prew_bestitems #item_mall_prew_bestitems_itemscontainer{
	width: 450px;
	height: 165px;
	float: left;
	overflow: hidden;
	margin-left: 50px;
}
#main #item_mall_prew_container #item_mall_prew_morebutton{
	top: 250px;
	position: relative;
	margin: 0 auto;
}
#main #item_mall_prew_container #item_mall_prew_morebutton #item_mall_prew_moretext{
	position: absolute;
	top: -2px;
	left: 24px;
}

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

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

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

#guide_label{
	font-family: ggFont1;
	color: #ffc345;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
    margin-top: 30px;
	position: relative;
}
#guide_text{
	font-size: 18px;
	text-align: center;
	position: relative;
	margin-top: 15px;
}
#guide_button{
	width: 190px;
	height: 40px;
	border: 1px solid #6a4f15;
	background-color: #3d120a;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	color: #ffc345;
	font-size: 14px;
	font-weight: bold;
	margin: 18px auto;
}
#guide_button:hover{
    background-color: #45150c;
    color: #ffc345;
}
#guide_menu{
    margin: 0 auto;
    width: 906px;
    height: 180px;
	font-size: 14px;
}
#guide_content{
    margin: 0 auto;
    width: 870px;
}
#guide_content .image img{
    max-width: 100%;
    max-height: 100%;
}
#guide_nav{
	font-size: 13px;
    color: #a6a6a6;
    text-align: right;
    margin-right: 30px;
}
#guide_nav .guide_nav_lastmenu{
	color: #ffffff;
}
#guide_menu .guide_menu_button{
	width: 290px;
	height: 90px;
	float: left;
    margin: 0 5px;
	cursor: pointer;
    position: relative;
}
#guide_menu .guide_menu_button .label{
	color: #ffc345;
	font-size: 24px;
	font-family: ggFont1;
	display: block;
	position: absolute;
	bottom: 6px;
    left: 10px;
}

#guide_menu #guide_menu_button1{
	background: url('images/guide_main_menu1.png') 0 0 no-repeat;
}
#guide_menu #guide_menu_button2{
	background: url('images/guide_main_menu2.png') 0 0 no-repeat;
}
#guide_menu #guide_menu_button3{
	background: url('images/guide_main_menu3.png') 0 0 no-repeat;
}
#guide_menu .arrowdown{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #ffc445 transparent transparent transparent;
	position: absolute;
}
#guide_menu .arrowright{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #ffc445;
	position: absolute;
}
#guide_menu .menu{
	display: none;
    list-style-type: none;
    padding: 0;
    width: 290px;
	position: absolute;
    top: 76px;
    left: 0;
}
#guide_menu  .menu .option{
    margin: 2px 0;
    width: 260px;
    height: 30px;
    background-color: #46150c;
	line-height: 30px;
	padding-left: 30px;
	cursor: pointer;
	position: relative;
}
/*
#guide_menu  .menu .option:first-child {
	margin-top: 0;
}
*/
#guide_menu .menu .option .arrowdown{
	top: 12px;
	left: 13px;
}
#guide_menu .menu .option .arrowright{
	top: 11px;
	left: 13px;
}
#guide_menu .menu .option a{
	display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}
#guide_menu .menu .option a:hover{
	color: #ffffff;
}
/****************************/
#guide_menu .menu .submenu{
    list-style-type: none;
    padding: 0;
    width: 290px;
}
#guide_menu  .menu .submenu .option{
	margin: 2px 0;
	width: 245px;
    height: 30px;
    background-color: #310e08;
	line-height: 30px;
	padding-left: 45px;
	cursor: pointer;
}
#guide_menu .menu .submenu .option .arrowdown{
	top: 12px;
    left: 28px;
}
#guide_menu .menu .submenu .option .arrowright{
	top: 11px;
    left: 28px;
}
#guide_menu .menu .submenu .option a{
	display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}
#guide_menu .menu .submenu .option a:hover{
	color: #ffffff;
}
/****************************/
#guide_menu .menu .submenu2{
    list-style-type: none;
    padding: 0;
    width: 290px;
}
#guide_menu  .menu .submenu2 .option{
	margin: 2px 0;
	width: 230px;
    height: 30px;
    background-color: #240a06;
	line-height: 30px;
	padding-left: 60px;
	cursor: pointer;
}
#guide_menu .menu .submenu2 .option .arrowdown{
	top: 12px;
    left: 43px;
}
#guide_menu .menu .submenu2 .option .arrowright{
	top: 11px;
    left: 43px;
}   
#guide_menu .menu .submenu2 .option a{
	display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}
#guide_menu .menu .submenu2 .option a:hover{
	color: #ffffff;
}
#guide_menu .menu .submenu3{
    list-style-type: none;
    padding: 0;
    width: 290px;
}
#guide_menu  .menu .submenu3 .option{
	margin: 2px 0;
	width: 215px;
    height: 30px;
    background-color: #190805;
	line-height: 30px;
	padding-left: 75px;
	cursor: pointer;
}
#guide_menu .menu .submenu3 .option .arrowdown{
	top: 12px;
    left: 58px;
}
#guide_menu .menu .submenu3 .option .arrowright{
	top: 11px;
    left: 58px;
}   
#guide_menu .menu .submenu3 .option a{
	display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}
#guide_menu .menu .submenu3 .option a:hover{
	color: #ffffff;
}
/*********************************************** GULDE ***********************************************/

#main #index2{
	height: 346px;
	background-image: url('images/index2_bg.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: #1a0000;
	margin-top: 118px;
	min-width: 1200px;
	border-top: 1px solid #6c5526;
	border-bottom: 1px solid #6c5526;
}
#main #index2_container{
	width: 1200px;
	height: 273px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 75px;
}
#main #index2 #index2_mascot{
	width: 955px;
	height: 450px;
	background: url('images/index2_char.png') 0 0 no-repeat;
	position: absolute;
	top: -104px;
	right: -150px;
	z-index: 999;
}
#main #index2 #index2_label{
	
}
#main #index2 #index2_text{
	margin-top: 25px;
	font-size: 20px;
	line-height: 30px;
}
#main #index2 #index2_button{
	margin-top: 35px;
}



#main #index3{
	height: 448px;
	background-image: url('images/index3_bg.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: #060c13;
	min-width: 1200px;
	border-bottom: 1px solid #6c5526;
}
#main #index3_container{
	width: 1200px;
	height: 290px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 159px;
}
#main #index3 #index3_mascot{
	width: 454px;
	height: 426px;
	background: url('images/index3_char.png') 0 0 no-repeat;
	position: absolute;
	top: 22px;
	left: -100px;
	z-index: 999;
}
#main #index3 #index3_label{
	float: right;
	clear: both;
}
#main #index3 #index3_text{
	margin-top: 25px;
	font-size: 20px;
	line-height: 30px;
	float: right;
	clear: both;
	text-align: right;
}
#main #index3 #index3_button{
	margin-top: 35px;
	float: right;
    clear: both;
}




#main #index_multimedia{
	height: 501px;
	background-image: url('images/multimedia_bg.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: #160000;
	min-width: 1200px;
	border-bottom: 1px solid #6c5526;
}
#main #index_multimedia_container{
	width: 1200px;
	height: 406px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 43px;
}
#main #index_multimedia #index_multimedia_label{
	text-align: center;
	width: 100%;
}
#main #index_multimedia #index_multimedia_text{
	margin-top: 25px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	width: 100%;
}
#main #index_multimedia #index_multimedia_button{
	margin-top: 35px;
	float: right;
    clear: both;
}
#main #index_multimedia #index_multimedia_morebutton{
	top: 85px;
	position: relative;
	margin: 0 auto;
}
#main #index_multimedia #index_multimedia_morebutton #index_multimedia_moretext{	
	position: absolute;
	top: -2px;
	left: 24px;
}

#main #index_multimedia_container #index_multimedia_menu{
	width: 484px;
	height: 40px;
	margin: 40px auto 0 auto;
}
#main #index_multimedia_container #index_multimedia_menu #index_multimedia_menu_button01{
	float: left;
}
#main #index_multimedia_container #index_multimedia_menu #index_multimedia_menu_button02{
	float: left;
}
#main #index_multimedia_container #index_multimedia_menu #index_multimedia_menu_button03{
	float: left;
}

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





#main #index_followus{
	height: 354px;
	background-image: url('images/followus_bg.png');
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: #060c13;
	min-width: 1200px;
	border-bottom: 1px solid #6c5526;
}
#main #index_followus_container{
	width: 1200px;
	height: 295px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 60px;
}
#main #index_followus #index_followus_label{
	text-align: center;
	width: 100%;
}

#main #index_followus #index_followus_socialmedia{
	width: 450px;
	margin: 53px auto 0 auto;
}
#main #index_followus #index_followus_socialmedia ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
#main #index_followus #index_followus_socialmedia  ul li{
	display: inline;
	margin: 0;
}
#main #index_followus #index_followus_socialmedia ul li a{
	display: 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.threads{
    background-image: url('images/threads_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.zalo{
    background-image: url('images/zalo_bg.png?v=2');
}
#main #index_followus #index_followus_socialmedia ul li a.tiktok{
    background-image: url('images/tiktok_bg.png?v=2');
}
#main #index_followus #index_followus_socialmedia ul li a.twitter{
	background-image: url('images/twitter_bg.png?v=2');
}
#main #index_followus #index_followus_socialmedia ul li a.telegram{
	background-image: url('images/telegram_bg.png?v=2');
}
#main #index_followus #index_followus_socialmedia ul li a.facebook-group{
    background-color: #1b2733;
    border-radius: 50%;
    text-align: center;
    line-height: 79px;
    font-size: 32px;
    color: #fff;
    transition: 0.2s;
}
#main #index_followus #index_followus_socialmedia ul li a.facebook-group:hover{
    background-color: #0077e2;
}


#main #index_followus #index_followus_links{
	width: 100%;
	margin: 53px auto 0 auto;
	text-align: center;
}
#main #index_followus #index_followus_links ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#main #index_followus #index_followus_links  ul li{
	display: inline;
	margin: 0 20px;
}
#main #index_followus #index_followus_links ul li a{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#main #index_followus #index_followus_links ul li a:hover{
	text-decoration: underline;
}





#main #footer{
	height: 120px;
	min-width: 1200px;
	background-color: #000000;
}
#main #footer_container{
	width: 1200px;
	height: 120px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 0;
}
#main #footer #joymax_logo{
	width: 210px;
    height: 28px;
    background: url(images/wemademax-logo.png) 0 0 no-repeat;
    position: absolute;
    left: 132px;
    top: 33px;
	opacity: 0.75;
	cursor: pointer;
}
#main #footer #joymax_logo:hover{
	opacity: 1;
}

#main #footer #gamegami_logo{
    width: 232px;
    height: 58px;
    background: url(images/gamegami_logo.png?ivh=5) 0 0 no-repeat;
    position: absolute;
    left: 352px;
    top: 17px;
	opacity: 0.75;
	cursor: pointer;
}
#main #footer #gamegami_logo:hover{
	opacity: 1;
}
#main #footer #copyright_text{
    font-size: 11px;
    /* font-weight: bold; */
    position: absolute;
    left: 230px;
    top: 81px;
    line-height: 14px;
    text-align: center;
    color: #d3d3d3;
}
#main #footer #pegi_logo{
	width: 58px;
	height: 71px;
	background: url('images/pegi_logo.png') 0 0 no-repeat;
	position: absolute;
	left: 640px;
	top: 27px;
	opacity: 0.75;
}
#main #footer #pegi_logo:hover{
	opacity: 1;
}

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



.loginbg{
	background: url(images/silkroad-tr-login.png) center 0 no-repeat;
	padding-bottom: 0 !important;
}
#login_label{
	color: #ffc345;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
    margin-top: 50px;
	position: relative;
}
#login_text{
	font-size: 18px;
	text-align: center;
    margin-top: 5px;
}
#login_form{
	margin-top: 55px;
}
#login_links{
	position: relative;
}
#login_links_container{
	width: 465px;
	height: 25px;
	margin: 0 auto;
	text-align: center;
}
#login_captcha{
	margin: 0 auto;
	background-color: #ff0000;
	width: 308px;
	height: 82px;
	background: url('images/captcha.png') 0 0 no-repeat;
	margin-top: 40px;
}
#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?v2') 0 0 no-repeat;
	font-weight: bold;
}
#login_button:hover{
	background-position: 0 -78px;
}
.gg_input{
	background: none;
    border: none;
    color: #ffc345;
    font-size: 16px;
    width: 415px;
    height: 30px;
}

.gg_input_div{
	width: 415px;
	height: 31px;
	background: url('images/gg_input_bg.png') 0 0 no-repeat;
	padding: 10px 25px;
	margin: 20px auto 10px auto;
}
.gg_input_text_div{
    font-size: 12px;
    width: 445px;
    margin: 0 auto;
    padding: 0 10px;
}
.login_link_text{
	font-size: 14px;
	padding-right: 20px;
}
.login_link_text a{
	color: #ffffff;
	text-decoration: underline;
}
.login_link_text a:hover{
	text-decoration: none;
}
.login_icon{
	width: 23px;
	height: 25px;
	background: url('images/login_icon.png') 0 0 no-repeat;
	position: absolute;
	left: 365px;
}




.registerbg{
	background: url('images/registerbg.png') center 0 no-repeat;
}
#register_label{
	color: #ffc345;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
    margin-top: 50px;
	position: relative;
}
#register_text{
	font-size: 18px;
	text-align: center;
    margin-top: 5px;
}
.register_icon{
	width: 23px;
	height: 25px;
	background: url('images/register_icon.png') 0 0 no-repeat;
	position: absolute;
	left: 365px;
}
.gg_checkbox{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.gg_checkbox_div{
	width: 28px;
	height: 28px;
	background: url('images/gg_checkbox.png') 0 0 no-repeat;
	cursor: pointer;
	float: left;
}
.gg_checkbox_text_div{
	float: left;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
	font-size: 14px;
}
.gg_checkbox_text_div a{
	color: #ffffff;
}
.gg_checkbox_text_div a:hover{
	text-decoration: none;
}
.gg_checkbox_div_container{
	width: 465px;
	height: 28px;
	margin: 7px auto 0 auto;
}




.general_label{
	color: #ffc345;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	position: relative;
	margin-left: 50px;
}
.general_text{
	font-size: 18px;
    margin: 15px 0 0 50px;
}
.general_text2{
	font-size: 12px;
    margin: 5px 0 0 50px;
}
.download_icon{
	width: 14px;
	height: 18px;
	background: url('images/down_icon.png') 0 0 no-repeat;
	position: absolute;
	left: 15px;
    top: 24px;
}
.support_icon{
	width: 25px;
	height: 18px;
	background: url('images/support_icon.png') 0 0 no-repeat;
	position: absolute;
	left: 15px;
    top: 24px;
}
.down_content{
	position: relative;
	width: 920px;
    height: 215px;
	margin-top: 15px;
}
.down_content_left{
	float: left;
	width: 460px;
	height: 215px;
	background-color: #091731;
}
.down_content_right{
	float: left;
	width: 460px;
	height: 215px;
	background-color: #0f1324;
}
#down_logo2{
	width: 320px;
	height: 58px;
	background: url('images/download_button2.png') 0 0 no-repeat;
	cursor: pointer;
	margin: 35px auto;
}
#down_logo2:hover{
	background-position: 0 -58px;
}
#file_informations{
	font-size: 14px;
	width: 200px;
    height: 50px;
	margin: 0 auto;
}
#down_general_info{
	color: #ffc345;
	font-size: 14px;
	width: 360px;
    margin: 40px auto;
}
#nvidia_logo{
	width: 137px;
	height: 101px;
	background: url('images/nvidia.png') 0 0 no-repeat;
	cursor: pointer;
    margin: 30px auto 20px auto;
}
#nvidia_down{
	margin: 0 auto;
}
#amd_logo{
	width: 191px;
	height: 46px;
	background: url('images/amd.png') 0 0 no-repeat;
	cursor: pointer;
	margin: 65px auto 40px auto;
}
#amd_down{
	margin: 0 auto;
}
.table_systemreq{
	text-align: center;
	margin: 30px auto;
	border-bottom: 1px solid #6a4f15;
}
.table_systemreq th{
	background-color: #091731;
	font-size: 14px;
	font-weight: bold;
	color: #ffc345;
	border-top: 1px solid #6a4f15;
}
.table_systemreq .th1{
	width: 129px;
	height: 30px;
	border-left: 1px solid #6a4f15;
}
.table_systemreq .th2{
	width: 340px;
	height: 30px;
}
.table_systemreq .th3{
	width: 340px;
	height: 30px;
	border-right: 1px solid #6a4f15;
}
.table_systemreq td{
	background-color: #000000;
	font-size: 14px;
	border-top: 1px solid #6a4f15;
}
.table_systemreq .td1{
	background-color: #0f1324;
	width: 129px;
	height: 30px;
	border-left: 1px solid #6a4f15;
}
.table_systemreq .td2{
	width: 340px;
	height: 30px;
}
.table_systemreq .td3{
	width: 340px;
	height: 30px;
	border-right: 1px solid #6a4f15;
}


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

/** efes **/
.serverpage_efes{
	background: url('images/serverdetailsbg_efes.png') 0 0 no-repeat;
}
.serverpage_troya{
	background: url('images/serverdetailsbg_troya.png') 0 0 no-repeat;
}
.serverpage_aspendos{
	background: url('images/serverdetailsbg_aspendos.png') 0 0 no-repeat;
}
.serverpage_myra{
	background: url('images/serverdetailsbg_myra.png') 0 0 no-repeat;
}
.serverpage_assos{
	background: url('images/serverdetailsbg_assos.png') 0 0 no-repeat;
}
.serverpage_zeugma{
	background: url('images/serverdetailsbg_zeugma.png') 0 0 no-repeat;
}
.serverpage_pergamon{
	background: url('images/serverdetailsbg_pergamon.png') 0 0 no-repeat;
}
.serverpage_misis{
	background: url('images/serverdetailsbg_misis.png') 0 0 no-repeat;
}
.serverpage_patara{
	background: url('images/serverdetailsbg_patara.png') 0 0 no-repeat;
}
#serverinfo_container{
	height: 1000px;
    width: 840px;
	margin: 250px auto 0 auto;
}
#serverinfo_info{
	height: 50px;
}
#serverinfo_info .serverinfoo{
	background: url('images/serverinfo_icon.png') 0 0 no-repeat; 
	font-weight: bold;
    font-size: 18px;
    padding-left: 35px;
    padding-top: 8px;
    margin-right: 30px;
	float: left;
}
#serverinfo_info .serverinfoo .info{
	color: #ffcb77;
}

#serverinfo_info #levelinfo{
	
}
#serverinfo_info #onlineplayerinfo{

}
#serverinfo_info #raceinfo{

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

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

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



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


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

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


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

/****************************** PURCHASE PAGE *************************************/
.shopbg{
	padding-bottom: 0 !important;
}
.purchase_icon{
    width: 20px;
    height: 20px;
    background: url(images/purchase_icon.png) 0 0 no-repeat;
    position: absolute;
    left: 18px;
    top: 22px;
}
#purchase_container{
	background-color: #07132a;
	min-height: 700px;
}
#purchase_container #purchase_menu{
	width: 100%;
	height: 60px;
	margin-top: 50px;
}
#purchase_container #purchase_menu .gg_p_menu{
	width: 145px;
    height: 60px;
    background-color: #0a1c3a;
    float: left;
    color: #ffc345;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    padding-left: 85px;
    cursor: pointer;
}
#purchase_container #purchase_menu .gg_p_menu.selected{
	background-color: #07132a !important;
}
#purchase_container #purchase_menu .gg_p_menu:hover{
	background-color: #0e2345 !important;
}

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

#purchase_container #purchase_subtext{
	font-size: 14px;
	margin-top: 30px;
    margin-left: 20px;
	min-height: 170px;
}
#purchase_container #purchase_subtext .purchase_subtext_label{
	font-size: 18px;
	display: block;
    margin-bottom: 10px;
}
#purchase_container #purchase_subtext .subtxt_y{
	color: #ffc345;
    /*line-height: 0px;*/
    display: block;
}
#purchase_container #purchase_subtext .subtxt_w{
	color: #fff;
    /*line-height: 0px;*/
    display: block;
} 

#purchase_container #purchase_packages{
	width: 881px;
	margin: 0 auto;
}
#purchase_container #purchase_packages .gg_p_package_box{
	width: 270px;
	height: 234px;
	border: 1px solid #0c2042;
	float: left;
	position: relative;
	cursor: pointer;
	margin-bottom: 33px;
}
#purchase_container #purchase_packages .gg_p_package_box.middle_box{
	margin-left: 32px;
	margin-right: 32px;
}
#purchase_container #purchase_packages .gg_p_package_box:hover{
	background-color: #091732;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_img{
	width: 126px;
	height: 213px;
	position: absolute;
	left: 22px;
	bottom: 0;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_price{
	position: absolute;
    left: 150px;
    top: 50px;
    color: #d2a13e;
    font-size: 28px;
    font-weight: bold;
    width: 120px;
    height: 30px;
    text-align: center;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_amount{
    position: absolute;
    left: 150px;
    top: 90px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 120px;
    height: 22px;
    text-align: center;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_amount2{
    position: absolute;
    left: 150px;
    top: 110px;
    color: #c7c7c7;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    height: 22px;
    text-align: center;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_buybutton{
	position: absolute;
    left: 150px;
    top: 145px;
    width: 120px;
    height: 34px;
    text-align: center;
	cursor: pointer;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_buybutton .gg_p_BuyButtonDiv{
	background-color: #0a2434;
	border: 1px solid #2b2b2b;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 87px;
    height: 31px;
    text-align: center;
	margin: 0 auto;
    line-height: 31px;
}
#purchase_container #purchase_packages .gg_p_package_box .gg_p_package_box_buybutton .gg_p_BuyButtonDiv:hover{
	background-color: #0c2042;
    color: #d2a13e;
}

#purchase_container #purchase_packages .gg_p_authseller_box{
    width: 368px;
    height: 200px;
    float: left;
    position: relative;
    margin-bottom: 33px;
	margin-left: 40px;
}
#purchase_container #purchase_packages .gg_p_authseller_box .gg_p_authseller_box_img{
	width: 366px;
	height: 112px;
	position: relative;
	margin: 0 auto;
	border: 1px solid #6a4f15;
	padding-top: 6px;
}
#purchase_container #purchase_packages .gg_p_authseller_box .gg_p_authseller_box_button{
	margin: 20px auto 0 auto;
	position: relative;
}

.gg_input_epin_div{
	width: 551px;
    height: 50px;
    margin: 20px auto 10px auto;
}
.gg_input_epinserial_div{
    width: 415px;
    height: 31px;
    background: url(images/gg_input_bg.png) 0 0 no-repeat;
    padding: 10px 25px;
    margin: 20px auto 10px auto;
}
.gg_input_epin_div .label_text{
	display: block;
    float: left;
    width: 111px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #ffc345;
    font-weight: bold;
    background-color: #0a1c3a;
	border-top: 1px solid #6a4f15;
	border-bottom: 1px solid #6a4f15;
	border-left: 1px solid #6a4f15;
}
.gg_input_epin{
    background: none;
    border: 1px solid #6a4f15;
    color: #ffffff;
    font-size: 16px;
    width: 415px;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
}
/****************************** PURCHASE PAGE *************************************/
/********* GUILD DETAILS PAGE *************/

#guild_info_container{
	width: 100%;
	height: 120px;
	background: url(images/guild_label_bg.png) 0 0 repeat-x;
	border-bottom: 1px solid #4a1915;
}
#guild_info_container .ginfotext{
	color: #ffc345;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
    top: 50px;
    width: 130px;
	text-align: center;
}
#guild_info_container .ginfotext_big{
	color: #ffc345;
	font-weight: bold;
	font-size: 42px;
	position: absolute;
    top: 30px;
    width: 130px;
	text-align: center;
}
#guild_info_container .ginfotext2{
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
    bottom: 15px;
    width: 130px;
	text-align: center;
}
#guild_info_container .gstarbg{
	background-image: url(images/guild_bg_star.png);
	background-position: center 20px;
	background-repeat:	no-repeat;
}
#guild_info_container .gfwbg_jangan{
	background-image: url(images/guild_fwbg_jangan.png);
	background-position: 0 0;
	background-repeat:	no-repeat;
}
#guild_name{
	width: 272px;
	height: 120px;
	float: left;
	background: url(images/guild_name_bg.png) 0 0 no-repeat;
	position: relative;
}
#guild_name #gname{
	position: absolute;
	font-weight: bold;
	color: #ffc345;
	font-size: 26px;
	left: 40px;
	top: 30px;
}
#guild_name #gcreatedate_text{
	position: absolute;
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	left: 43px;
	top: 60px;
}
#guild_name #gcreatedate{
	position: absolute;
	color: #ffc345;
	font-size: 14px;
	left: 143px;
	top: 60px;
}
#guild_name #grank_text{
	position: absolute;
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	left: 43px;
	top: 78px;
}
#guild_name #grank{
	position: absolute;
	color: #ffc345;
	font-size: 14px;
	left: 76px;
	top: 78px;
}
#guild_fortress{
	width: 130px;
	height: 120px;
	float: left;
	position: relative;
	background-color: #4f0c02;
}
#guild_fortress #guild_fortress_icon{
	text-align: center;
	position: absolute;
    top: 30px;
    width: 130px;
	position: relative;
}
#guild_master{
	width: 130px;
	height: 120px;
	float: right;
	position: relative;
	background-color: #450a01;
}
#guild_master a{
    text-decoration: none;
    color: #ffc345;
}
#guild_master a:hover{
    text-decoration: underline;
}
#guild_point{
	width: 130px;
	height: 120px;
	float: right;
	position: relative;
	background-color: #3f0901;
}
#guild_level{
	width: 130px;
	height: 120px;
	float: right;
	position: relative;
	background-color: #3a0901;
}
#guild_memcount{
	width: 130px;
	height: 120px;
	float: right;
	position: relative;
	background-color: #330600;
}
/********* GUILD DETAILS PAGE *************/
/********* STATS PAGE *************/

.table_stats{
	text-align: center;
	margin: 30px auto;
	border-bottom: 1px solid #6a4f15;
}
.table_stats th{
	background-color: #091731;
	font-size: 14px;
	font-weight: bold;
	color: #ffc345;
	border-top: 1px solid #6a4f15;
}
.table_stats .th1{
	width: 129px;
	height: 30px;
	border-left: 1px solid #6a4f15;
}
.table_stats .th2{
	width: 143px;
	height: 30px;
}
.table_stats .th3{
	width: 93px;
	height: 30px;
}
.table_stats .th4{
	width: 271px;
	height: 30px;
	border-right: 1px solid #6a4f15;
}
.table_stats td{
	background-color: #000000;
	font-size: 14px;
	border-top: 1px solid #6a4f15;
}
.table_stats .td1{
	background-color: #0f1324;
	width: 129px;
	height: 30px;
	border-left: 1px solid #6a4f15;
}
.table_stats .td2{
	width: 143px;
	height: 30px;
	border-left: 1px solid #6a4f15;
}
.table_stats .td3{
	width: 93px;
	height: 30px;
	border-left: 1px solid #6a4f15;
}
.table_stats .td4{
	width: 271px;
	height: 30px;
	border-right: 1px solid #6a4f15;
	border-left: 1px solid #6a4f15;
}
/********* STATS PAGE *************/
#guide_content table{
    /* border: 1px solid #979595; */
}
#guide_content table td{
    /* border: 1px solid #727272; */
}

/********* SEARCH PAGE ************/
.selectBoxDiv{
	position: relative;
    /* margin-bottom: 30px; */
    clear: both;
    width: 100%;
    height: 40px;
}
.search_content .gg_selectbox_label{
	width: 220px;
	height: 40px;
	background-color: #10264f;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	float: left;
}
.search_content .gg_selectbox{
	width: 170px;
    height: 40px;
    float: left;
}
.search_content .gg_selectbox .styledSelect{
	background-color: #0a1c3a !important;
}
.search_content{
	position: relative;
	width: 920px;
    height: 425px;
	margin-top: 35px;
}
.search_content_left{
	float: left;
	width: 460px;
	height: 425px;
	background-color: #0f1324;
}
.search_content_right{
	float: left;
	width: 460px;
	height: 425px;
	background-color: #091731;
}

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

.search_content #searchBoxDiv .gg_input_searchbox{
	background: none;
    border: 1px solid #6a4f15;
    color: #ffffff;
    font-size: 16px;
    width: 417px;
    height: 50px;
    line-height: 50px;
	padding: 0 0 0 20px;
}
.search_content #searchTypeDiv{
	margin-top: 15px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.search_content #searchTypeDiv .gg_input_radio_div{
	width: 13px;
	height: 13px;
	background: url('images/gg_radiobutton.png') 0 0 no-repeat;
	cursor: pointer;
	display: inline-block;
    margin: 0 5px 0 20px;
}
.search_content #searchTypeDiv .gg_input_radio_button{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.search_content #searchTypeDiv .searchTypeLabel{
	color: #ffc345;
}
.search_content #captchaDiv{
	margin-top: 25px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.search_content #searchButtonDiv{
	margin-top: 15px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#search_general_info{
	color: #fff;
	font-size: 14px;
	width: 360px;
    margin: 20px auto;
}
/********* SEARCH PAGE ************/


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

.cklswinter_details{
	background: #0d0c12 url('images/ckls_winter_bg.png') 0 0 no-repeat;
}
#cklswinter_container{
	height: 3200px;
}
#cklswinter_container #cklswinter_button1{
	background: url('images/cklswinter_button1.png') 0 0 no-repeat;
	width: 353px;
    height: 58px;
    cursor: pointer;
    line-height: 58px;
	margin: 35px auto 0 auto;
}
#cklswinter_container #cklswinter_button1:hover{
    background-position: 0 -58px;
}
#cklswinter_container #cklswinter_button2{
	background: url('images/cklswinter_button1.png') 0 0 no-repeat;
	width: 353px;
    height: 58px;
    cursor: pointer;
    line-height: 58px;
	margin: 50px auto 0 auto;
	z-index: 999;
    position: relative;
}
#cklswinter_container #cklswinter_button2:hover{
    background-position: 0 -58px;
}

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

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

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

#cklswinter_container #cklswinter_rules{
	width: 690px;
    height: 1080px;
	margin: 20px auto 0 auto;
	font-size: 14px;
	line-height: 25px;
	/*font-family: "Times New Roman", Times, serif;*/
	color: #e5e5e5;
}
#cklswinter_container #cklswinter_rules ol{
    list-style-type: disc;
	padding: 0 0 0 20px;
    margin: 0;
}
#cklswinter_container #cklswinter_rules ol li{
    margin-bottom: 4px;
}

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

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

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


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

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

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

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

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

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

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


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

.cklswinter_details_afterreg{
	background: #0d0c12 url('images/ckls_winter_bg3.png') 0 0 no-repeat;
	padding-bottom: 0px !important;
	height: 822px;
}
.ckls_infoBox{
	width: 650px;
	height: 230px;
	margin: 0 auto;
	position: relative;
	clear: both;
}
.ckls_infoBox .ckls_infoBox_img{
	width: 108px;
	height: 81px;
	position: absolute;
	top: 0;
	left: 0;
}
.ckls_infoBox .ckls_infoBox_img .box{
	background: url('images/ckls_box.png') center 0 no-repeat;
	display: block;
    width: 100%;
    height: 100%;
}
.ckls_infoBox .ckls_infoBox_msg{
	width: 530px;
    height: 20px;
    position: absolute;
    top: 37px;
    left: 140px;
    font-size: 16px;
	color: #ddc58a;
}
.ckls_infoBox .ckls_infoBox_msg2{
	width: 530px;
    height: 20px;
    position: absolute;
    top: 87px;
    left: 140px;
    font-size: 12px;
}
.ckls_infoBox .ckls_infoBox_label{
	width: 530px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 140px;
    font-weight: bold;
    font-size: 22px;
	color: #dedede;
}
.ckls_left_div{
	float: left;
	width: 150px;
	height: 33px;
	background-color: rgba(28, 24, 36, 0.8);
	margin-right: 10px;
	line-height: 33px;
	padding-left: 12px;
	font-size: 16px;
	color: #ddc58a;
}
.ckls_right_div{
	float: left;
	width: 293px;
	height: 33px;
	background-color: rgba(55, 1, 0, 0.8);
	line-height: 33px;
	padding-left: 12px;
	font-size: 16px;
	color: #dedede;
}
#ckls_info_main{
	width: 560px;
    margin: 30px auto 0 auto;
}
#ckls_info_main .ckls_info_block{
	clear: both;
	height: 40px;
}
.ckls_divider{
	background: url('images/ckls_divider.png') 0 0 no-repeat;
	width: 284px;
	height: 13px;
    margin: 80px auto 0 auto;
}
.ckls_baktomainpage_button{
	width: 140px;
	height: 34px;
	font-size: 14px;
	color: #ddc58a;
	line-height: 34px;
	cursor: pointer;
	text-align: center;
    margin: 60px 0 0 346px;
	background-color: rgba(55, 1, 0, 0.8);
}
.ckls_baktomainpage_button:hover{
	color: #dedede;
}
/********* CKLS DETAILS PAGE ************/

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

.eliterank{
	background: #14100d url('images/eliterank_bg.png') 0 0 no-repeat;
}
#eliterank_container #eliterank_label1{
	background: url('images/eliterank_label.png') 0 0 no-repeat;
	width: 618px;
    height: 232px;
	margin: 20px auto 0 auto;
}
#eliterank_container #eliterank_labeltext{
	font-size: 16px;
	color: #866e53;
	margin: 70px auto 5px auto;
    width: 840px;
}
#eliterank_container #eliterank_labeltext .giftinfolabel{
	font-size: 20px;
	color: #a9985d;
}
#eliterank_container #eliterank_infocontent{
	margin-top: 50px;
	width: 100%;
    height: 500px;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_left{
	float: left;
	width: 420px;
	margin-left: 40px;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_left #eliterank_infocontent_left_giftlabel{
	font-size: 24px;
	color: #a9985d;
	text-align: center;
    height: 37px;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_left #eliterank_infocontent_left_gift{
	width: 420px;
	height: 327px;
	background: url('images/eliterank_gift_bg.png') 0 0 no-repeat;
	text-align: center;
    padding-top: 30px;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_left #eliterank_infocontent_left_giftname{
	font-size: 24px;
	color: #e6e6e6;
	text-align: center;
    height: 62px;
	display: flex;
    justify-content: center;
    align-items: flex-end;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_right{
	float: left;
	width: 390px;
	margin-left: 40px;
	margin-top: 40px;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info{
	font-size: 14px;
	color: #866e53;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info .giftinfolabel{
	font-size: 18px;
	color: #a9985d;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info ol{
    list-style-type: disc;
    padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
#eliterank_container #eliterank_infocontent #eliterank_infocontent_right #eliterank_infocontent_right_info ol li{
    margin-bottom: 9px;
}

#eliterank_rankcontent{

}
#eliterank_rankcontent .eliterank_divider{
	width: 884px;
	height: 2px;
	background: url('images/eliterank_divider.png') 0 0 no-repeat;
    margin: 40px auto;
	clear: both;
}
#eliterank_rankcontent .eliterank_rankblock{
	width: 920px;
    height: 270px;
}
#eliterank_rankcontent .eliterank_rankleft{
	float: left;
    width: 420px;
    margin-left: 40px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_label{
	width: 420px;
	height: 35px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_label .eliterank_rankcontent_label_left{
	float: left;
	font-size: 28px;
	color: #a9985d;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_label .eliterank_rankcontent_label_right{
	float: right;
    display: flex;
    /* justify-content: right; */
    align-items: flex-end;
    height: 30px;
	color: #a9985d;
	font-size: 14px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table{
	width: 420px;
	height: 217px;
	background: url('images/eliterank_rank_table_bg.png') 0 0 no-repeat;
	padding-top: 10px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table{
	margin: 0 auto;
	width: 390px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table th{
	font-size: 14px;
	font-weight: bold;
	color: #a9985d;
	text-align: left;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th1{
	width: 40px;
	height: 30px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th3{ 
	width: 60px;
	height: 30px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th4{
	width: 230px;
	height: 30px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_th5{ 
	width: 60px;
	height: 30px;
	text-align: right;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table td{
	font-size: 14px;
	color: #e6e6e6;
	text-align: left;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td1{
    width: 40px;
    height: 30px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td3{
	width: 60px;
	height: 30px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td4{
	width: 230px;
	height: 30px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table .eliterank_td5{
	width: 60px;
	height: 30px;
	text-align: right;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table a{
	color: #dedede;
	text-decoration: none;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_table a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_left{
	float: left;
    font-size: 11px;
    color: #a9985d;
    margin-top: 7px;
    /*font-style: italic;*/
    margin-left: 14px;
	height: 15px;
    line-height: 15px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_right{
    float: right;
    font-size: 11px;
    color: #a9985d;
    margin-top: 7px;
    margin-right: 14px;
	height: 15px;
    line-height: 15px;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_right a{
    color: #a9985d;
	text-decoration: none;
}
#eliterank_rankcontent .eliterank_rankleft .eliterank_rankcontent_table .eliterank_rankcontent_bottom_right a:hover{
	text-decoration: underline;
}

#eliterank_rankcontent .eliterank_rankright{
	float: left;
    width: 390px;
    margin-left: 40px;
	margin-top: 22px;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnercup{
	width: 92px;
	height: 80px;
	background: url('images/eliterank_rank_cup.png') 0 0 no-repeat;
	margin: 0 auto;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerlabel{
	color: #a9985d;
	font-size: 22px;
	text-align: center;
	margin: 10px 0 0 0;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerdivider{
	width: 265px;
	height: 20px;
	background: url('images/eliterank_rank_cup_divider.png') 0 0 no-repeat;
	margin: 10px auto 0 auto;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnername{
	color: #e6e6e6;
	font-size: 22px;
	text-align: center;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerinfo{
	margin: 13px auto 0 auto;
    width: 224px;
    height: 60px;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerinfo .elite_rank_rankwinnerinfo_pts{
	background: url('images/eliterank_rank_winner_info_bg.png') 0 0 no-repeat;
	width: 88px;
	height: 44px;
    color: #999966;
    text-align: center;
    padding-top: 12px;
    font-size: 14px;
    float: left;
}
#eliterank_rankcontent .eliterank_rankright .elite_rank_rankwinnerinfo .elite_rank_rankwinnerinfo_kill{
	background: url('images/eliterank_rank_winner_info_bg.png') 0 0 no-repeat;
	width: 88px;
	height: 44px;
    color: #999966;
    text-align: center;
    padding-top: 12px;
    font-size: 14px;
    float: left;
    margin-left: 48px;
}


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

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

.ftwstatus{
	background: #000000 url('images/ftw_bg.png') 0 0 no-repeat;
}
#ftww_container #ftww_label1{
	width: 838px;
    height: 90px;
	margin: 110px auto 0 auto;
	text-align: right;
}
#ftww_container #ftww_label1 .ftww_label1_text1{
	color: #ffc345;
	font-size: 24px;
	font-weight: bold;
	height: 35px;
}
#ftww_container #ftww_label1 .ftww_label1_text2{
	color: #ffffff;
	font-size: 16px;
	height: 24px;
}
#ftww_container #ftww_label1 .ftww_label1_text3{
	color: #ffffff;
	font-size: 12px;
}
#ftww_container #ftww_labeltext{
	font-size: 16px;
	color: #866e53;
	margin: 70px auto 5px auto;
    width: 840px;
}

#ftww_serverselect{
	height: 100px;
}
#ftww_status{
	width: 870px;
    height: 190px;
    margin: 70px auto;
}
#ftww_status .closed{
    border: 1px solid #353535 !important;
}
#ftww_status #jangan{
	background: transparent url('images/ftwbox_jg_bg.png') 0 0 no-repeat;
}
#ftww_status #bandit{
	background: transparent url('images/ftwbox_bd_bg.png') 0 0 no-repeat;
}
#ftww_status #hotanenabled{
	background: transparent url('images/ftwbox_ht_bg.png') 0 0 no-repeat;
}
#ftww_status #hotandisabled{
	background: transparent url('images/ftwbox_htclosed_bg.png') 0 0 no-repeat;
}
#ftww_status .ftww_ftwbox_outer{
	width: 270px;
	height: 164px;
	position: relative;
	margin: 0 10px 0 10px;
    float: left;
}
#ftww_status .ftww_ftwbox{
	width: 260px;
    height: 154px;
    margin: 8px 0 0 8px;
    border: 1px solid #521200;
    position: absolute;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_gname{
	color: #ffc345;
	font-size: 24px;
	font-weight: bold;
	position: absolute;
    top: 10px;
    left: 8px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_gname a{
    color: #ffc345;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_point_l{
	color: #ffffff;
	font-size: 12px;
	position: absolute;
    left: 10px;
    top: 50px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_point{
	color: #ffc345;
	font-size: 12px;
	position: absolute;
	left: 90px;
    top: 50px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_rank_l{
	color: #ffffff;
	font-size: 12px;
	position: absolute;
    left: 10px;
    top: 70px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_rank{
	color: #ffc345;
	font-size: 12px;
	position: absolute;
	left: 110px;
    top: 70px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_owner_l{
	color: #ffffff;
	font-size: 12px;
	position: absolute;
    left: 10px;
    top: 90px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_owner{
	color: #ffc345;
	font-size: 12px;
	position: absolute;
	left: 90px;
    top: 90px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_fwname_l{
	position: absolute;
	left: 147px;
    top: 118px;
}
#ftww_status .ftww_ftwbox .ftww_ftwbox_fwname{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	right: 20px;
    top: 115px;
}



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



/****** appreciationevent ******/


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

#appreciationevent_container{
	height: 1079px;
	font-family: "Times New Roman", Times, serif;
}

#appreciationevent_container #appreciationevent_label{
	font-size: 26px;
	color: #e7d291;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	margin: 30px 0 10px 0;
}
#appreciationevent_container #appreciationevent_text{
	font-size: 16px;
	color: #dddddd;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	margin: 0 0 30px 0;
}

#appreciationevent_container #appreciationevent_middlebox_container_bg{
	background: url('images/appreciationevent_middlebox_bg.png') 0 0 no-repeat;
	width: 668px;
	height: 595px;
	margin: 0 auto;
    padding-top: 50px;
}

#appreciationevent_container #appreciationevent_middlebox_container{
	/*background-color: #5a4131;*/
	width: 520px;
	height: 533px;
	margin: 0 auto;
	position: relative;
}

#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_server{
	color: #e6d4aa;
	font-size: 14px;
	position: absolute;
    height: 24px;
	width: 280px;
	top: 20px;
    left: 60px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_server #appreciationevent_middlebox_container_server_label{
	font-family: "Times New Roman", Times, serif;
	float: left;
	margin-top: 5px;
    margin-right: 10px;
	width: 70px;
	text-align: right;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gender{
	color: #e6d4aa;
	font-size: 14px;
	position: absolute;
    height: 24px;
	width: 280px;
	top: 50px;
    left: 60px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gender #appreciationevent_middlebox_container_gender_label{
	font-family: "Times New Roman", Times, serif;
	float: left;
	margin-top: 5px;
    margin-right: 10px;
	width: 70px;
	text-align: right;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_chance{
	color: #e6d4aa;
	font-size: 14px;
	position: absolute;
    height: 24px;
	width: 280px;
	top: 80px;
    left: 60px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_chance #appreciationevent_middlebox_container_chance_label{
	font-family: "Times New Roman", Times, serif;
	float: left;
	margin-top: 5px;
    margin-right: 10px;
	width: 70px;
	text-align: right;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_mypoint{
	position: absolute;
    height: 20px;
    width: 140px;
    right: 0;
    text-align: right;
    color: #e6d4aa;
    font-size: 14px;
    line-height: 20px;
    top: 50px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_mypoint .mypoint_p{
    color: #dddddd;
}
#appreciationevent_container #appreciationevent_middlebox_container .appreciationevent_middlebox_container_gift{
	background: url('images/appreciationevent_gift_bg.png') 0 0 no-repeat;
	position: absolute;
    height: 65px;
    width: 518px;
    left: 0;
    top: 50px;
}

#appreciationevent_container #appreciationevent_middlebox_container .appreciationevent_middlebox_container_gift_icon{
	position: absolute;
	left: 20px;
	top: 10px;
}
#appreciationevent_container #appreciationevent_middlebox_container .appreciationevent_middlebox_container_gift_name{
	position: absolute;
	left: 80px;
	top: 23px;
	color: #e7d291;
	font-size: 14px;
}
#appreciationevent_container #appreciationevent_middlebox_container .appreciationevent_middlebox_container_gift_status{
	position: absolute;
	left: 370px;
	top: 21px;
}
#appreciationevent_container #appreciationevent_middlebox_container .appreciationevent_middlebox_container_gift_status .appreciationevent_middlebox_container_gift_status_text{
	font-size: 12px;
	color: #e7d291;
}
#appreciationevent_container #appreciationevent_middlebox_container .appreciationevent_middlebox_container_gift_status .appreciationevent_middlebox_container_gift_status_numbers{
	font-size: 12px;
	color: #dddddd;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gift1{
	left: 10px;
    top: 110px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gift2{
	left: 10px;
    top: 175px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gift3{
	left: 10px;
    top: 240px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gift4{
	left: 10px;
    top: 305px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_gift5{
	left: 10px;
    top: 370px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_checkbox_container{
	position: absolute;
    top: 450px;
    width: 450px;
    left: 60px;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_checkbox_container .appreciationevent_middlebox_container_checkbox_text{
	float: left;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
    font-size: 14px;
	color: #e7d291;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_button{
	background: url('images/appreciationevent_regbutton.png') 0 0 no-repeat;
	width: 221px;
	height: 62px;
	position: absolute;
	top: 480px;
    left: 150px;
	cursor: pointer;
}
#appreciationevent_container #appreciationevent_middlebox_container #appreciationevent_middlebox_container_button:hover{
	background-position: 0 -62px;
}

#appreciationevent_container #appreciationevent_rulesbox_container_bg{
	background: url('images/appreciationevent_rulesBG.png') 0 0 no-repeat;
	width: 551px;
	height: 261px;
	margin: 0 auto;
}
#appreciationevent_container #appreciationevent_rulesbox_container{
	width: 500px;
    height: 250px;
    margin: 0 auto;
    padding: 30px 0;
	color: #ac8462;
	font-size: 12px;
}

/*************  SELECTBOX-appreciationevent   **************/
.gg_selectbox_apevent{
	width: 195px;
    height: 24px;
	float: left;
}
.s-hidden_apevent{
    visibility:hidden;
    padding-right:10px;
}
.select_apevent{
    cursor:pointer;
    display:inline-block;
    position:relative;
    color: #e6d4aa;
	font-size: 12px;
	width: 195px;
	height: 24px;
}
.styledSelect_apevent{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    /*background-color: #500300;*/
	background: url('images/selectBoxBG_apevent.png') 0 0 no-repeat;
    padding:0 10px 0 20px;
	width: 195px;
	height: 24px;
	line-height: 24px;
	/*border: 1px solid #a60600;*/
}
.styledSelectArrow_apevent{
    width: 21px;
    height: 21px;
	background: url('images/selectBoxArrow_apevent.png') 0 0 no-repeat;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 99;
}
.styledSelect_apevent:active, .styledSelect_apevent.active{
    /*background-color:#550300;*/
}
.options_apevent{
    display:none;
    position:absolute;
    top:24px;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    background-color: #402f22;
	/*background: url('images/selectBoxBG_apevent.png') 0 0 repeat-y;*/
    /*-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
    /*-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
    /*box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
	width: 195px;
	/*border-left: 1px solid #a60600;*/
	/*border-right: 1px solid #a60600;*/
	/*border-bottom: 1px solid #a60600;*/
}
.options_apevent li{
    padding:0 6px;
    margin:0 0;
    padding: 0 20px;
	border-bottom: 1px solid #644835;
	line-height: 24px;
}
.options_apevent li:hover{
    background-color:#301f18;
}

/*************  SELECTBOX-appreciationevent   **************/















/* SRO-VN homepage news layout */
#main #middle_panel #middle_panel_news{width:920px;}
#main #middle_panel #middle_panel_news .middle_panel_news_line{width:920px;}
#main #middle_panel #middle_panel_news .middle_panel_news_line_text{width:805px;}
#main #middle_panel #middle_panel_social{display:none;}


/* SRO-VN docx layout polish 2026-07 */
/* 1) Keep top navigation labels on one line, especially BẢNG XẾP HẠNG. */

/* 2) Center all yellow page titles inside the black/gold content frame. */

/* 3) Center ranking/account pagination controls. */

/* 4) Boss đã chết: reduce text size and keep each kill on one line. */

/* 5) Footer: align copyright, PEGI logo, and notice in one balanced row. */

/* 6) Character information table: make labels compact to give item/avatar columns more room. */

@media (max-width: 1200px){
    #content_container_inside .general_label{
        white-space: normal !important;
        font-size: 22px !important;
    }
    #main #footer #footer_container{
        gap: 16px !important;
    }
    #main #footer #copyright_text{flex-basis: 280px !important;}
    #main #footer #pegi_text{flex-basis: 390px !important;}
}


/* =========================================================
   SRO-VN SAFE FRONTEND FIX - based on current files
   ========================================================= */

/* Footer: center copyright + PEGI + note in the same visual frame */

/* General page title/description inside black-gold frame */

/* Boss died list: character names yellow */

/* Ranking spacing and button row */

/* Character info: keep avatar/table/items balanced and compact */

/* Account service layout */

/* Responsive fallback */
@media (max-width: 1199.98px){
    .srovn-player-top{
        flex-wrap: wrap !important;
    }
}
@media (max-width: 767.98px){
    .ranking-toolbar{
        justify-content: flex-start !important;
    }
    #content_container_inside .general_label{
        white-space: normal !important;
    }
}



/* SRO-VN service layout polish */



/* =========================================================
   SRO-VN OCD account forms alignment
   ========================================================= */

@media (max-width: 767.98px){
    .account-ocd-form .account-form-row{
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
        max-width: 100% !important;
    }

    .account-ocd-form .account-form-row label{
        text-align: left !important;
    }

    .account-ocd-form .account-note-row{
        max-width: 100% !important;
        padding-left: 0 !important;
    }
}



/* =========================================================
   SRO-VN ranking / nav / footer / tickets polish
   ========================================================= */

/* Ranking number table alignment */

/* Latest boss kills: player name and boss name both yellow */

/* Footer: align with the main content frame */

/* Tickets list: align with the same OCD account frame */

@media (max-width: 991.98px){
    #footer #footer_container{
        width: 92% !important;
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
    }

    #footer #copyright_text,
    #footer #pegi_text{
        width: 100% !important;
        text-align: center !important;
    }
}




/* SRO-VN MENU HOVER NO UNDERLINE ONLY */


/* =========================================================
   SRO-VN MENU TYPOGRAPHY + EVEN SPACING ONLY
   Scope: only font/size/spacing of top menu links.
   Does NOT move logo, does NOT move home icon, does NOT change menu containers.
   ========================================================= */

/* Left menu has 3 items: Trang Chủ / Tải Game / Fan Page */

/* Right menu has 2 items: Bảng Xếp Hạng / Cộng Đồng */

/* Keep spacing between links equal but do not touch logo container */

/* No underline when hovering */

/* Make active/hover visual stable, no jump */


/* =========================================================
   SRO-VN MENU SAFE TEXT SPACING + HIDE HOME ICON
   Scope: only hide home icon and normalize menu typography.
   Does NOT move logo and does NOT change menu container positions.
   ========================================================= */
/* ===== END public/themes/gamegami-theme/main.css ===== */

/* ===== BEGIN public/themes/gamegami-theme/m1xawy.css | SHA256 5f4f1bb408723707701076103c730cd581cb1c9e6d8e83358b2315f60ab3e4ed ===== */

.container > .row.justify-content-center > .col-md-12 > h1{
    display: none;
}
#main #head_topmenu_cover #head_topmenu ul li a{
    text-transform: uppercase;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul{
    margin: 40px 20px 0 0;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul{
    margin: 40px 0 0 40px;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_homebutton{
    top: 40px;
    left: 10px;
}
#hiddenmenu_cover ul{
    margin: 5px 10px 0 0;
}
.dropdown-menu{
    top: unset !important;
    transform: unset !important;
}
#hiddenmenu{
    height: 300px;
}
#main #head_topbar{
    box-sizing: unset;
}
#main #head_topmenu_cover #head_topmenu{
    box-sizing: unset;
}
/*
#footer {
    box-sizing: unset;
}
#footer ul {
    text-align: center;
}
#main #footer {
    height: 200px;
}
#main #footer #joymax_logo {
    position: unset;
    left: unset;
    top: unset;
    margin: 0 auto;
}
#main #footer #gamegami_logo {
    position: unset;
    left: unset;
    top: unset;
    margin: 0 auto;
}
#main #footer #copyright_text {
    position: unset;
    left: unset;
    top: unset;
}
*/

.shadow{
    box-shadow: 0 .15rem 1.75rem 0 rgba(0,0,0,.15)!important;
}
.card{
    background-color: #000000;
    border: 1px solid #6a4f15;
}
.card-header{
    background-color: #000000;
    border-bottom: 1px solid #6a4f15;
}
@media (min-width: 1200px){
    #left_menu_container > .col-xl-3{
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px){
    #left_menu_container > .col-lg-3{
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1200px){
    #content_container_inside > .main-page > .col-xl-9{
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px){
    #content_container_inside > .main-page > .col-lg-9{
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.card{
    border: none;
}
.card{
    background-color: transparent;
}
.card-header{
    display: none;
}
.registerbg .form-control, .loginbg .form-control{
    width: 465px;
    height: 60px;
    background: url(images/gg_input_bg.png) 0 0 no-repeat;
    padding: 10px 25px;
    border: unset;
    border-radius: unset;
}
.registerbg .form-control:focus, .loginbg .form-control:focus{
    background-color: unset;
    box-shadow: none;
}
#login_button{
    width: 306px;
    height: 78px;
    background-color: #091731;
    text-align: center;
    color: #ffc345;
    line-height: 78px;
    font-size: 22px;
    cursor: pointer;
    margin: 25px auto;
    background: url(images/loginbutton.png) 0 0 no-repeat;
    font-weight: bold;
    padding: 0;
}
hr{
    border-top: 1px solid rgb(106 79 21);
}
.general_label{
    text-transform: uppercase;
}
.down_content_left{
    width: 415px;
    height: 250px;
}
.down_content_right{
    height: 250px;
}

.dginfo0{
    display: block !important;
}
.middle_panel_user_panel_button{
    box-sizing: unset !important;
}
.m1xawy-sidbar #middle_panel_links #middle_panel_links_stats_button{
    background: #0b1d3d;
    padding-top: 10px;
}
#middle_panel_links #middle_panel_links_stats_button h3{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
#middle_panel_links #middle_panel_links_stats_button h4{
    font-size: 14px;
    color: #ffc345;
}
#middle_panel_links #middle_panel_links_stats_button i{
    display: inline-block;
    float: left;
    padding: 10px;
    margin-right: 20px;
    color: #ffc345;
}
.m1xawy-sidbar #middle_panel_links{
    width: 250px;
    height: auto;
    position: unset;
    top: 388px;
    left: 9px;
    background: #071124;
    margin-top: 2px;
}
#middle_panel_links ul{
    padding: 10px;
}
.m1xawy-sidbar #middle_panel_down_button{
    position: unset;
    margin-top: 9px;
}
.m1xawy-sidbar #middle_panel_user_panel_notmember{
    position: unset;
    margin-top: 9px;
}
.m1xawy-sidbar{
    padding: 0 9px;
}
#middle_panel_links a:hover{
    text-decoration: none;
    color: white;
}
#main #content #left_menu{
    height: auto;
    padding-bottom: 9px;
}
#rankLabelDiv{
    width: 700px;
    height: 40px;
    background-color: #091731;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.m1xawy-sidbar #middle_panel_user_panel_member{
    position: unset;
}
#middle_panel_user_panel_member .middle_panel_userpanel_info{
    width: 100%;
}
#middle_panel_user_panel_member .middle_panel_user_panel_silkbalancetext{
    width: 50%;
    float: left;
}
#middle_panel_user_panel_member .middle_panel_user_panel_silkbalance{
    width: 50%;
    float: right;
}
#middle_panel_user_panel_member .middle_panel_userpanel_link{
    width: 100%;
}
.list-group-item{
    background-color: #0b1d3d;
    border: 1px solid rgb(19 51 108);
}

/*
main.container {
    min-height: 1500px;
}
*/

#content_container .main-page{
    margin-top: 20px;
    overflow: hidden;
}
#down_logo2{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#down_logo2 h4{
    color: #0b1d3d;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
}
.down_content.down_m1x{
    height: auto;
    display: flex;
    background-color: #0f1324;
}
.down_m1x .down_content_left{
    height: auto;
    padding-bottom: 30px;
}
.down_m1x .down_content_right{
    height: auto;
}
.down_m1x a:hover{
    text-decoration: none;
}
.u-vmenu>ul>li>a{
    background-color: #0b1d3d !important;
    color: #ffc345 !important;
}
.u-vmenu ul li a:hover{
    background-color: #0f1324 !important;
}
.btn-outline-dark{
    color: #ffc345;
    background-color: #0b1d3d !important;
    border-color: #0b1d3d;
    border-radius: 0;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus{
    color: #fff;
    background-color: #0f1324 !important;
    border-color: #0f1324;
    box-shadow: none;
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle{
    color: #fff;
    background-color: #0f1324 !important;
    border-color: #0f1324;
    box-shadow: none;
}
.btn-outline-dark:hover{
    color: #fff;
    background-color: #0f1324 !important;
    border-color: #0f1324;
}
.btn-toolbar{
    justify-content: center;
    //border-bottom: 1px solid #252525;
    //padding-bottom: 20px;
    margin-bottom: 20px;
}
.result-area{
    width: 80% !important;
    margin: auto;
}
.dt-buttons, .dataTables_filter, .dataTables_length{
    display: none !important;
}
.table.dataTable>thead .sorting_desc:before, .table.dataTable>thead .sorting_desc:after, .table.dataTable>thead .sorting:before, .table.dataTable>thead .sorting:after{
    display: none;
}

/********************************/

.table thead th{
    border: none;
}
.dataTable thead, .dataTable tfoot{
    background-color: #0b1d3d;
    border: none !important;
    color: white;
}
.table th{
    color: #ffffff;
    border-bottom: none;
    background: none;
}
.table td, .table th{
    padding: 10px 10px;
    text-align: center;
}
.table-bordered{
    border-right: 1px solid #252525 !important;
}
.table-bordered, .table-bordered td, .table-bordered th{
    border: 1px solid #252525;
}
.table td{
    position: relative;
    font-size: 14px;
    color: #dedede;
    text-align: center;
    padding: 5px;
    border: 1px solid #252525;
}
.table td a{
    color: #dedede;
}
.result-area .table td img{
    display: none !important;
}
.dataTable tfoot{
    display: none;
}
.dt-buttons{
    display: none;
}

.table-striped tbody tr:nth-of-type(odd){
    background: none;
}
.table-hover tbody tr:hover{
    background: none;
}
table.table-bordered.dataTable td, table.table-bordered.dataTable th{
    border-left-width: 0;
    border-right-width: 0;
}
table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child{
    border-right-width: 0;
}

/*
.result-area table.dataTable tbody tr:nth-child(1) td, table.dataTable tbody tr:nth-child(1) td a {
    color: #fff000;
}
.result-area table.dataTable tbody tr:nth-child(2) td, table.dataTable tbody tr:nth-child(2) td a {
    color: #abe8ff;
}
.result-area table.dataTable tbody tr:nth-child(3) td, table.dataTable tbody tr:nth-child(3) td a {
    color: #ffbe79;
}
*/

.result-area table.dataTable tbody tr:nth-child(1) td:nth-child(1):before{
    content: '';
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(images/rank1.png) no-repeat center;
    left: 0px;
}
.result-area table.dataTable tbody tr:nth-child(2) td:nth-child(1):before{
    content: '';
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(images/rank2.png) no-repeat center;
    left: 0px;
}
.result-area table.dataTable tbody tr:nth-child(3) td:nth-child(1):before{
    content: '';
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(images/rank3.png) no-repeat center;
    left: 0px;
}
.pagination .page-link{
    cursor: pointer;
    margin: 0 8px;
    color: #dedede;
    font-size: 16px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    line-height: 10px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: .3s linear;
    border: 1px solid #252525;
    padding: 8px 0px;
}
.pagination .page-link:hover{
    background-color: #252525;
    color: #dedede;
}
.pagination .page-item.active .page-link{
    background-color: #252525;
    color: #dedede;
    border: none;
}
.pagination .page-item.disabled .page-link{
    background-color: transparent;
    border: 1px solid #252525;
    color: #dedede;
}
.download_icon{
    background: none;
}


/* SRO-VN frontend Vietnamese/layout fixes */
.general_label{white-space:nowrap;font-size:26px;line-height:34px;}
.ranking-wide{max-width:100%;flex:0 0 100%;}
.ranking-toolbar{justify-content:center;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:6px;}
.ranking-toolbar .btn-group{padding:0!important;flex:0 0 auto;}
.ranking-toolbar .btn{padding:10px 14px;white-space:nowrap;}
.result-area{width:90%!important;margin:auto;}
.result-area .pagination,.main-page .pagination{justify-content:center;margin-top:18px;}
.latestkills-list{max-height:230px;}
.latestkills-item{line-height:1.5;margin-bottom:6px;padding-right:6px;}
.latestkills-char{color:#fff;}
.latestkills-boss{color:#ffc345;}
.latestkills-time{color:#cfd6e6;}
.player-note{margin:8px 0 18px 0;color:#b9c2d0;}
@media (max-width: 1200px){.ranking-toolbar{flex-wrap:wrap}.general_label{white-space:normal}}


/* SRO-VN docx layout polish 2026-07 */
/* 1) Keep top navigation labels on one line, especially BẢNG XẾP HẠNG. */
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a,
#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li a{
    white-space: nowrap !important;
    line-height: 20px !important;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a{
    width: auto !important;
    min-width: 112px !important;
    padding: 0 7px !important;
    font-size: 16px !important;
}
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul{
    margin-left: 0 !important;
    white-space: nowrap !important;
}

/* 2) Center all yellow page titles inside the black/gold content frame. */
#content_container_inside .general_label{
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 55px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    font-size: 24px !important;
    line-height: 34px !important;
}
#content_container_inside .download_icon{
    position: absolute !important;
    left: 22px !important;
    top: 28px !important;
}

/* 3) Center ranking/account pagination controls. */
.result-area nav,
.result-area .pagination,
.main-page nav,
.main-page .pagination{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.result-area nav > .pagination,
.main-page nav > .pagination{
    width: auto !important;
}

/* 4) Boss đã chết: reduce text size and keep each kill on one line. */
#latestkills .latestkills-list{
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
#latestkills .latestkills-item{
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#latestkills .latestkills-char,
#latestkills .latestkills-boss,
#latestkills .latestkills-time{
    white-space: nowrap !important;
}

/* 5) Footer: align copyright, PEGI logo, and notice in one balanced row. */
#main #footer{
    height: 180px !important;
    padding-top: 28px !important;
}
#main #footer #footer_container{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    height: 120px !important;
    width: 100% !important;
}
#main #footer #copyright_text,
#main #footer #pegi_logo,
#main #footer #pegi_text{
    position: static !important;
    top: auto !important;
    left: auto !important;
}
#main #footer #copyright_text{
    flex: 0 0 330px !important;
    text-align: center !important;
    line-height: 15px !important;
}
#main #footer #pegi_logo{
    flex: 0 0 58px !important;
}
#main #footer #pegi_text{
    flex: 0 0 460px !important;
    line-height: 15px !important;
    text-align: left !important;
}

/* 6) Character information table: make labels compact to give item/avatar columns more room. */
.main-page .table td.table-nowrap{
    white-space: normal !important;
    min-width: 92px !important;
    width: 38% !important;
    line-height: 1.35 !important;
}
.main-page .table td{
    vertical-align: middle !important;
}

@media (max-width: 1200px){
    #content_container_inside .general_label{
        white-space: normal !important;
        font-size: 22px !important;
    }
    #main #footer #footer_container{
        gap: 16px !important;
    }
    #main #footer #copyright_text{flex-basis: 280px !important;}
    #main #footer #pegi_text{flex-basis: 390px !important;}
}


/* SRO-VN character item layout fix: keep equipment/inventory on the right side */
.srovn-player-layout{
    width: 100%;
}

.srovn-player-top{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.srovn-player-avatar{
    text-align: center;
    padding-top: 4px;
}

.srovn-player-avatar img{
    max-width: 125px;
    height: auto;
    border: 1px solid #6a4f15;
}

.srovn-player-table{
    text-align: center;
}

.srovn-player-table .table-responsive{
    overflow: visible;
}

.srovn-player-table table{
    width: 100%;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

.srovn-player-table td{
    padding: 7px 8px;
    vertical-align: middle;
}

.srovn-player-items{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 4px;
    overflow: visible;
}

.srovn-player-items h2{
    display: none;
}

.srovn-player-items-inner{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    overflow: visible;
}

.srovn-player-items-inner > .nav{
    flex: 0 0 auto;
    margin-right: 10px;
}

.srovn-player-items-inner > .tab-content{
    flex: 0 0 auto;
}

.srovn-player-items .bg-equipment,
.srovn-player-items .bg-avatar{
    margin-left: auto;
    margin-right: 0;
}

.srovn-player-map-row{
    margin-top: 34px;
}

.srovn-player-map-row #player-map{
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1199.98px){
    .srovn-player-items{
        justify-content: center;
        margin-top: 22px;
    }

    .srovn-player-items-inner{
        justify-content: center;
    }

    .srovn-player-avatar{
        margin-bottom: 18px;
    }
}

@media (max-width: 767.98px){
    .srovn-player-items-inner{
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 8px;
    }
}



/* SRO-VN final frontend alignment polish */
#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul,
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul{
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    white-space: nowrap !important;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul{
    justify-content: flex-end !important;
    margin: 40px 8px 0 0 !important;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul{
    justify-content: flex-start !important;
    margin: 40px 0 0 8px !important;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li,
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li{
    display: inline-flex !important;
    white-space: nowrap !important;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_left ul li a,
#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li a{
    width: auto !important;
    min-width: unset !important;
    padding: 0 6px !important;
    font-size: 19px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
    text-align: center !important;
}

#main #head_topmenu_cover #head_topmenu #head_topmenu_right ul li:first-child a:empty{
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

#content_container .download_icon{
    position: absolute !important;
    left: 18px !important;
}

#content_container .general_label,
#content_container .general_text,
#content_container .general_text2,
#content_container_inside .general_label,
#content_container_inside .general_text,
#content_container_inside .general_text2{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#content_container .general_label,
#content_container_inside .general_label{
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

#content_container .general_text,
#content_container .general_text2,
#content_container_inside .general_text,
#content_container_inside .general_text2{
    color: #ffffff !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

/* Footer: keep all footer blocks centered and aligned */
#main #footer,
#footer{
    height: 150px !important;
    padding-top: 0 !important;
}

#main #footer_container,
#footer_container{
    width: 1200px !important;
    height: 150px !important;
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#main #footer #copyright_text,
#footer #copyright_text{
    left: 300px !important;
    top: 58px !important;
    width: 235px !important;
    text-align: center !important;
    line-height: 15px !important;
}

#main #footer #pegi_logo,
#footer #pegi_logo{
    left: 575px !important;
    top: 38px !important;
}

#main #footer #pegi_text,
#footer #pegi_text{
    left: 645px !important;
    top: 52px !important;
    width: 380px !important;
    line-height: 16px !important;
    text-align: left !important;
}

/* Character page item layout: compact right-side equipment panel */
.srovn-player-top{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 18px !important;
}

.srovn-player-avatar{
    flex: 0 0 145px !important;
    max-width: 145px !important;
}

.srovn-player-table{
    flex: 0 0 310px !important;
    max-width: 310px !important;
}

.srovn-player-table table{
    max-width: 300px !important;
    width: 300px !important;
    font-size: 11px !important;
}

.srovn-player-table td{
    padding: 6px 5px !important;
}

.srovn-player-items{
    flex: 0 0 210px !important;
    max-width: 210px !important;
    width: 210px !important;
    padding: 0 !important;
    margin-left: 4px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.srovn-player-items-inner{
    width: 190px !important;
    max-width: 190px !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

.srovn-player-items-inner > .tab-content{
    width: 181px !important;
    max-width: 181px !important;
    flex: 0 0 auto !important;
}

.srovn-player-items-inner > .nav,
.srovn-player-items-inner .nav.flex-column{
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 181px !important;
    margin: 9px auto 0 auto !important;
}

.srovn-player-items .bg-equipment,
.srovn-player-items .bg-equipment-avatar{
    width: 181px !important;
    height: 357px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.srovn-player-items .itemslot,
.srovn-player-items .slots{
    width: 40px !important;
    height: 40px !important;
}

.srovn-player-items .image{
    background-size: 34px 34px !important;
}

.player-note{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 18px !important;
    margin-top: 6px !important;
    white-space: normal !important;
}

.player-note div{
    display: block !important;
    margin-bottom: 2px !important;
}

@media (max-width: 1199.98px){
    .srovn-player-top{
        flex-wrap: wrap !important;
    }
    .srovn-player-items{
        margin-top: 20px !important;
    }
}



/* =========================================================
   SRO-VN SAFE FRONTEND FIX - based on current files
   ========================================================= */

/* Footer: center copyright + PEGI + note in the same visual frame */
#main #footer{
    height: 190px !important;
    padding-top: 34px !important;
}
#main #footer #footer_container{
    width: 960px !important;
    max-width: 960px !important;
    height: 125px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    position: relative !important;
}
#main #footer #copyright_text,
#main #footer #pegi_logo,
#main #footer #pegi_text{
    position: static !important;
    left: auto !important;
    top: auto !important;
}
#main #footer #copyright_text{
    flex: 0 0 280px !important;
    width: 280px !important;
    text-align: center !important;
    line-height: 15px !important;
}
#main #footer #pegi_logo{
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 71px !important;
}
#main #footer #pegi_text{
    flex: 0 0 360px !important;
    width: 360px !important;
    text-align: left !important;
    line-height: 16px !important;
}

/* General page title/description inside black-gold frame */
#content_container_inside .general_label,
#content_container_inside .general_text,
#content_container_inside .general_text2{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
#content_container_inside .general_label{
    padding-left: 52px !important;
    padding-right: 52px !important;
    white-space: nowrap !important;
}
#content_container_inside .general_text,
#content_container_inside .general_text2{
    padding-left: 60px !important;
    padding-right: 60px !important;
    line-height: 1.6 !important;
}

/* Boss died list: character names yellow */
.latest-kills-list .latestkills-char,
.latest-kills-list .killer-name{
    color: #ffcc33 !important;
    font-weight: 700 !important;
}
.latest-kills-list .latestkills-boss{
    color: #ffcc33 !important;
}

/* Ranking spacing and button row */
.ranking-search-box{
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.ranking-search-row{
    margin-top: 14px !important;
    margin-bottom: 16px !important;
}
.ranking-toolbar{
    justify-content: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
}
.ranking-toolbar .btn-group{
    padding: 0 !important;
    flex: 0 0 auto !important;
}
.ranking-toolbar .btn{
    padding: 10px 14px !important;
    white-space: nowrap !important;
}
.result-area nav,
.result-area .pagination{
    display: flex !important;
    justify-content: center !important;
}

/* Character info: keep avatar/table/items balanced and compact */
.srovn-player-layout{
    width: 100% !important;
}
.srovn-player-top{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 24px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.srovn-player-avatar{
    flex: 0 0 145px !important;
    max-width: 145px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}
.srovn-player-avatar img{
    max-width: 140px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.srovn-player-table{
    flex: 0 0 310px !important;
    max-width: 310px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.srovn-player-table table{
    width: 310px !important;
    max-width: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 12px !important;
}
.srovn-player-table table td{
    padding: 6px 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.srovn-player-table table td:first-child{
    width: 122px !important;
    white-space: normal !important;
}
.srovn-player-table table td:last-child{
    width: 188px !important;
}
.srovn-player-items{
    flex: 0 0 210px !important;
    max-width: 210px !important;
    width: 210px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block !important;
    overflow: visible !important;
}
.srovn-player-items h2{
    display: none !important;
}
.srovn-player-items-inner{
    width: 190px !important;
    max-width: 190px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
    overflow: visible !important;
}
.srovn-player-items-inner > .nav,
.srovn-player-items-inner .nav.flex-column{
    width: 190px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px 0 !important;
}
.srovn-player-items-inner .nav-pills .nav-link{
    padding: 7px 12px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}
.srovn-player-items-inner > .tab-content,
.srovn-player-items-inner .tab-content,
.srovn-player-items-inner .tab-pane{
    width: 181px !important;
    max-width: 181px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.srovn-player-items-inner .table.table-borderless{
    width: 181px !important;
    max-width: 181px !important;
    margin: 0 !important;
}
.srovn-player-items-inner .table.table-borderless td{
    padding: 0 !important;
}
.srovn-player-items-inner .bg-equipment,
.srovn-player-items-inner .bg-equipment-avatar{
    width: 181px !important;
    height: 357px !important;
    margin: 0 !important;
}
.srovn-player-map-row{
    margin-top: 30px !important;
}
.player-note{
    text-align: center !important;
    line-height: 18px !important;
    margin-top: 8px !important;
}

/* Account service layout */
.account-service-row{
    margin-bottom: 26px !important;
}
.account-service-row label{
    font-weight: 600 !important;
    padding-top: 8px !important;
}
.account-service-row .service-note{
    display: block !important;
    line-height: 1.8 !important;
    margin-top: 0 !important;
    color: #d6d6d6 !important;
}

/* Responsive fallback */
@media (max-width: 1199.98px){
    .srovn-player-top{
        flex-wrap: wrap !important;
    }
}
@media (max-width: 767.98px){
    .ranking-toolbar{
        justify-content: flex-start !important;
    }
    #content_container_inside .general_label{
        white-space: normal !important;
    }
}



/* SRO-VN service layout polish */
.account-service-page h1{
    text-align: center !important;
    margin-bottom: 28px !important;
}

.account-service-form{
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.account-service-row{
    margin-bottom: 16px !important;
}

.account-service-row label{
    font-weight: 700 !important;
    padding-top: 8px !important;
}

.account-service-row select,
.account-service-row input{
    min-height: 42px !important;
}

.account-service-note-row{
    margin-top: 6px !important;
    margin-bottom: 26px !important;
}

.account-service-note-row .service-note{
    display: block !important;
    line-height: 1.8 !important;
    color: #ffffff !important;
    text-align: left !important;
}

.account-service-form hr{
    margin-top: 24px !important;
}



/* =========================================================
   SRO-VN OCD account forms alignment
   ========================================================= */
.account-ocd-page h1{
    text-align: center !important;
    margin-bottom: 28px !important;
}

.account-ocd-page .account-alert{
    max-width: 872px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
}

.account-ocd-form{
    width: 100% !important;
    max-width: 872px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.account-ocd-form .account-form-row{
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 auto 16px auto !important;
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) !important;
    column-gap: 24px !important;
    align-items: center !important;
}

.account-ocd-form .account-form-row label{
    margin-bottom: 0 !important;
    text-align: right !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.account-ocd-form .account-control{
    width: 100% !important;
}

.account-ocd-form .account-control .form-control,
.account-ocd-form .account-control select,
.account-ocd-form .account-control input{
    width: 100% !important;
    min-height: 42px !important;
}

.account-ocd-form .account-row-spaced{
    margin-top: 28px !important;
}

.account-ocd-form .account-note-row{
    width: 100% !important;
    max-width: 700px !important;
    margin: 10px auto 28px auto !important;
    padding-left: 204px !important;
    box-sizing: border-box !important;
}

.account-ocd-form .account-note-row .service-note{
    display: block !important;
    width: 100% !important;
    color: #ffffff !important;
    line-height: 1.8 !important;
    text-align: left !important;
    margin: 0 !important;
}

.account-ocd-form .account-separator{
    width: 100% !important;
    max-width: 872px !important;
    margin: 34px auto 24px auto !important;
}

.account-ocd-form .account-action-row{
    width: 100% !important;
    max-width: 872px !important;
    margin: 24px auto 0 auto !important;
    padding-top: 16px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-top: 1px solid rgba(204, 153, 0, 0.75) !important;
}

.account-settings-form .account-action-row{
    margin-top: 30px !important;
}

.account-voucher-form{
    margin-bottom: 28px !important;
}

.account-voucher-form .account-action-row{
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 18px !important;
}

.account-table-wrap{
    width: 100% !important;
    max-width: 872px !important;
    margin: 26px auto 0 auto !important;
}

.account-table-wrap table{
    width: 100% !important;
}

@media (max-width: 767.98px){
    .account-ocd-form .account-form-row{
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
        max-width: 100% !important;
    }

    .account-ocd-form .account-form-row label{
        text-align: left !important;
    }

    .account-ocd-form .account-note-row{
        max-width: 100% !important;
        padding-left: 0 !important;
    }
}



/* =========================================================
   SRO-VN ranking / nav / footer / tickets polish
   ========================================================= */

/* Ranking number table alignment */
.result-area table,
.ranking-page-inner table,
.ranking-wide table{
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.result-area table th,
.result-area table td,
.ranking-page-inner table th,
.ranking-page-inner table td,
.ranking-wide table th,
.ranking-wide table td{
    text-align: center !important;
    vertical-align: middle !important;
}

.result-area nav,
.result-area .pagination,
.ranking-page-inner nav,
.ranking-page-inner .pagination,
.ranking-wide nav,
.ranking-wide .pagination{
    display: flex !important;
    justify-content: center !important;
}

/* Latest boss kills: player name and boss name both yellow */
.latest-kills-list .latestkills-char,
.latest-kills-list .latestkills-boss,
.latest-kills-list li .font-weight-bold{
    color: #ffcc33 !important;
    font-weight: 700 !important;
}

.latest-kills-list .latestkills-item{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.45 !important;
    margin-bottom: 4px !important;
}

/* Footer: align with the main content frame */
#footer{
    height: 210px !important;
    padding-top: 36px !important;
}

#footer #footer_container{
    width: 860px !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 300px 70px 390px !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 24px !important;
    position: relative !important;
}

#footer #copyright_text,
#footer #pegi_logo,
#footer #pegi_text{
    position: static !important;
    left: auto !important;
    top: auto !important;
}

#footer #copyright_text{
    width: 300px !important;
    text-align: center !important;
    line-height: 15px !important;
}

#footer #pegi_logo{
    width: 58px !important;
    height: 71px !important;
    justify-self: center !important;
}

#footer #pegi_text{
    width: 390px !important;
    text-align: left !important;
    line-height: 16px !important;
}

/* Tickets list: align with the same OCD account frame */
.account-tickets-page h1{
    text-align: center !important;
    margin-bottom: 28px !important;
}

.account-ticket-toolbar,
.account-ticket-table,
.account-tickets-page .account-alert{
    width: 100% !important;
    max-width: 872px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.account-ticket-toolbar{
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 28px !important;
}

.account-ticket-table table{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.account-ticket-table table th,
.account-ticket-table table td{
    text-align: center !important;
    vertical-align: middle !important;
}

@media (max-width: 991.98px){
    #footer #footer_container{
        width: 92% !important;
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
    }

    #footer #copyright_text,
    #footer #pegi_text{
        width: 100% !important;
        text-align: center !important;
    }
}




/* SRO-VN MENU HOVER NO UNDERLINE ONLY */
#head_topmenu a:hover,
#head_topmenu_left a:hover,
#head_topmenu_right a:hover{
    text-decoration: none !important;
}


/* =========================================================
   SRO-VN MENU TYPOGRAPHY + EVEN SPACING ONLY
   Scope: only font/size/spacing of top menu links.
   Does NOT move logo, does NOT move home icon, does NOT change menu containers.
   ========================================================= */

#head_topmenu_left ul li a,
#head_topmenu_right ul li a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: "Times New Roman", Times, serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Left menu has 3 items: Trang Chủ / Tải Game / Fan Page */
#head_topmenu_left ul li a{
    width: 136px !important;
}

/* Right menu has 2 items: Bảng Xếp Hạng / Cộng Đồng */
#head_topmenu_right ul li a{
    width: 168px !important;
}

/* Keep spacing between links equal but do not touch logo container */
#head_topmenu_left ul li + li{
    margin-left: 14px !important;
}

#head_topmenu_right ul li + li{
    margin-left: 28px !important;
}

/* No underline when hovering */

/* Make active/hover visual stable, no jump */
#head_topmenu_left ul li a,
#head_topmenu_right ul li a,
#head_topmenu_left ul li a:hover,
#head_topmenu_right ul li a:hover{
    color: #ffffff !important;
}


/* =========================================================
   SRO-VN MENU SAFE TEXT SPACING + HIDE HOME ICON
   Scope: only hide home icon and normalize menu typography.
   Does NOT move logo and does NOT change menu container positions.
   ========================================================= */

#head_topmenu_homebutton{
    display: none !important;
}

#head_topmenu_left ul li a,
#head_topmenu_right ul li a{
    font-family: "Times New Roman", Times, serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-align: center !important;
    text-decoration: none !important;
}

#head_topmenu_left ul li a:hover,
#head_topmenu_right ul li a:hover,
#head_topmenu a:hover{
    text-decoration: none !important;
}
/* ===== END public/themes/gamegami-theme/m1xawy.css ===== */