*{
	margin: 0;
	padding: 0;
	
}
body{
	background: #000 url(../images/bg.jpg)no-repeat top center;
    font-size: 12px;
    font-family:Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
}
a{
    text-decoration: none;
}
.sliderContainer{
     margin: 7px 5px 5px 0;  
    width: 650px;
    height: 240px;
}
.maincontainer{
	width: 980px;
	min-height: 600px;
	display: block;
	overflow: hidden;
	margin: -50px auto 0;
}
.topheader{
	position: fixed;
	width: 100%;
	font-size: 12px;
	border-bottom: 8px solid #4f5869;
	background: url(../images/header_bg.jpg) repeat-x;
	z-index: 2;
}
.online{
	color:lime;
}
.headerqmenu{
	padding: 10px 10px 10px 10px;
	color: #999;
}
.addborder{
	border-left: 1px solid #444;

}
.headerqmenu a{
	text-decoration: none;
	color: #999;
}

.headerlow{
	width: 100%;
	height: 246px;
	background: rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #282c35;
	box-shadow: 0 2px 30px #000;

}
.logowrapper{
	position: relative;
	margin-top: 100px;
	width: 300px;
	height: 150px;
}
.logowrapper img{
	margin-top: -5px;
}
.navigation{
	width: relative;
	height: 70px;
	background:url(../images/navigation_bg.jpg) repeat;
	border-bottom: 7px solid #ec7438;
	border-radius: 10px 10px 0 0 ;
}
.menu{
	width: 700px;
	height: 70px;
	color: #ddd;
}

.menu > ul > li {
    font-size: 14px;
	width: 80px;
    display:inline-block;
    position:relative;
    cursor:pointer;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    padding: 25px;
    float: right;
    border-left: 1px solid #555;
    text-align: center;
}
.menu > ul > li a{
    color: #ccc;
    text-decoration: none;
}
.menu ul li ul {
    position:absolute;
    width: 130px;
    top:50px;
    left:0px;
    width: relative;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:0;
    visibility:hidden;
    -webkit-transiton:opacity .2s;
    -moz-transition:opacity .2s;
    -ms-transition:opacity .2s;
    -o-transition:opacity .2s;
    -transition:opacity .2s;
    z-index:999;
}
.menu ul li ul li {
	font-size: 13px;
    display:block;
    background:url(../images/navigation_bg.jpg) repeat;
    padding: 5px 0 5px 0;
    text-align: center;
}
.menu ul li ul li a{
	color: #ccc;
	text-decoration: none;
}
.menu ul li ul li a:hover{
	color: #ec7438;
	text-decoration: underline;
}
.menu ul li:hover ul {
    display:block;
    opacity:1;
    visibility:visible
}
.slider{
	width: 980px;
	background:url(../images/navigation_bg.jpg) repeat;
	height: 320px;
	margin: auto;
}
.fjquery{
	width: 100px;
}
.fjquery img{
	width: 176px;
	height: 43px;
	margin: 10px;
}
.footercontent{
	width: 870px;
	margin : 10px 0 0 0;
	text-align: center;
}
.footercontent p{
	padding-bottom: 8px;
}
.footercontent a{
	text-decoration: none;
	color: #777;
	padding: 10px 5px 0px 5px;
}
.container{
	width: 980px;
	overflow: hidden;
	margin: auto;
}
.bodyContent{
	width: relative;
	min-height: 500px;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
}
.footer{
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid #282c35;
	box-shadow: 0 2px 30px #000;
	margin-bottom: 50px;
	overflow: auto;
	color: #aaa;
	font-size: 12px;
}
.lfloat{
	float: left;
}
.rfloat{
	float: right;
}
.clearfix{
	clear: both;
}
table {
    border-collapse:collapse;
    width:100%;
    text-align:left
}
.loadingmsgs{
    margin: 10px 0 0 20px;
    font-weight: bold;
    text-align: center;
}
.tabMenu {
    /*width:100px;, original*/
	width:85px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    color:red;
    text-align:center;
    padding:5px;
    cursor:pointer
}
#notificationWrapper li:hover, .seen{
    background: #f1f1f1;
}
#notificationWrapper li{
    border :1px solid #DCDEE3;
    margin-bottom: 5px;
    padding: 5px;
    font-size: 12px;
}
.notiClose{
    cursor: pointer;

}
#notificationWrapper li a{
   color: red;
}
.tabMenu:hover {
    background:#fefefe
}

.active {
    background:#fefefe
}

.newSubject {
    border-bottom:1px dashed #ccc;
    padding:5px 0
}

.newwrapper {
    padding:2px;
    margin-right:20px;
    font-size:12px
}

.NEWS {
    background:red;
    color:#fff;
    text-align:center
}

.EVENT {
    background:green;
    color:#fff;
    text-align:center
}

.SYSTEM {
    background:blue;
    color:#fff;
    text-align:center
}

.GUIDE {
    background:darkgray;
    color:#fff;
    text-align:center
}

.PATCH {
    background:dimgray;
    color:#fff;
    text-align:center
}

.moreNews {
    margin-top:10px;
    color:red;
    cursor:pointer
}

.moreNews:hover {
    text-decoration:underline
}

.span60 {
    width:60px
}

.span100 {
    width:120px
}

.nsubject a {
    width:300px;
    cursor:pointer;
    color:#444
}

.nsubject a:hover {
    text-decoration:underline
}

.toggleController {
    color:red
}

.addPointer {
    cursor:pointer
}

#serverStatus tr td {
    text-align:left;
    padding-left:5px
}

table tr td {
    padding:5px 0 5px 5px
}

.Connected {
    color:green
}

.Disconnected {
    color:red
}

.recoverPass {
    cursor:pointer;
    color:#444 !important;
}

.recoverPass:hover {
    text-decoration:underline
}

.miniToggle_btn {
    cursor:pointer
}

a,a:focus {
    outline:none
}

.linkWrapper {
    width:400px;
    height:200px;
    margin:20px auto 0;
    text-align:center
}

.accInfoWrapper {
    width:100%;
    height:auto;
    border-bottom:1px solid #ccc;
    overflow:auto;
    padding:10px 0;
    font-size:12px
}

.LinfoSection {
    width:200px;
    height:auto
}

.LinfoSection2 {
    width:250px;
    height:auto
}

.LinfoSection2 p {
    margin-bottom:5px
}

.storeItem li {
    list-style:none;
    float:left
}

.shopController {
    width:relative;
    height:auto;
    margin:20px auto 10px
}

.productWrapper {
    width:560px;
    overflow:auto;
    border-bottom:1px dashed #a1a1a1;
    margin-bottom:10px
}

.itemInformation {
    width:340px;
    height:95px;
    margin-left:20px
}

.itemPricePrint {
    width:92px;
    padding:3px;
    border:1px solid #de4211;
    border-radius:5px
}

.itemPriceSection button {
    margin:10px 0 0
}

.itemPricePrint p {
    font-size:18px;
    color:#de4211
}

.itemPriceSection {
    width:100px;
    height:95px;
    margin-left:10px
}

.itemNameInfo {
    border-bottom:1px solid #3a5795;
    padding-bottom:10px;
    margin-bottom:5px
}

.itemNameInfo p {
    color:#3a5795;
    font-weight:700;
    font-size:16px
}

select {
    padding:5px;
    border:1px solid #444
}

select option {
    padding:2px
}

.itemICO {
    width:80px;
    height:80px;
    border:2px solid #000;
    margin:auto;
    cursor:pointer
}

#errorPlaceHolder {
    position:fixed;
    top:20px;
    left:20px;
    z-index:999
}

.alert {
    font-size:12px;
    text-transform:none;
    width:250px;
    cursor:pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px;
    border:2px;
    border-style:solid;
    border-color:#B2B2B2;
    background:#333;
    color:#FFF;
    margin-bottom:4px
}

#statusLoader {
    display:none;
    width:60px;
    margin:20px auto 0
}

#viewChaInfo {
    cursor:pointer
}

.resetBoxWrapper {
    width:500px;
    margin:20px auto 0;
    text-align:center;
    overflow:hidden;
}

.resetBoxWrapper h2 {
    color:#444
}

.mainwrapper {
    width:980px;
    height:auto;
    margin:auto;
}

.globalHeader {
    width:100%;
    background:#417a9b;
    border-top: 5px solid #555;
}

.menuWrapper {
    margin:auto;
    font-size:18px;
    font-family:Impact
}

.menuWrapper ul {
    margin:0;
    list-style:none
}

.menuWrapper ul li {
    display:inline-block;
    position:relative;
    cursor:pointer;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.menuWrapper ul li ul {
    position:absolute;
    top:30px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:0;
    visibility:hidden;
    -webkit-transiton:opacity .2s;
    -moz-transition:opacity .2s;
    -ms-transition:opacity .2s;
    -o-transition:opacity .2s;
    -transition:opacity .2s;
    z-index:999;
}
.downloadLinkbtn{
    margin: 5px 0 5px 0;
    border:1px solid #ccc;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    background: #f1f1f1;
    cursor: pointer;
}
.menuWrapper ul li ul li {
    display:block;
    color:#fff
}
.menuWrapper ul li:hover ul {
    display:block;
    opacity:1;
    visibility:visible
}

.menuButton {
    background:#417a9b;
    color: #dedede;
    cursor:pointer;
    width: 119px;
    padding: 8px;
    text-align:center;
    text-transform:uppercase;
}
.addLborder{

    border-right:2px solid #000;
}
.btnActive,.menuButton:hover {
    color:#ff0;
}

.divider {
    width:100%;
    border-bottom:1px solid #60260e;
    margin-bottom:15px
}

.bodyHeader {
    width:1020px;
    height:543px;
    padding:2px
}

.userInfoWrapper {
    color:#444;
    padding:20px;
    background:#fefefe;
    border:1px solid #ccc
}

.userInfoWrapper p {
    font-size:14px;
    margin-bottom:5px
}

.buttonControl {
    margin-left:10px
}

#heroRanking li {
    list-style:none;
    margin:5px 0 4px
}

#heroRanking .heroRankWrapper {
    width:100%;
    border-bottom:1px dashed #ccc;
    height:auto;
    overflow:hidden
}

#heroRanking .heroInfo {
    width:200px;
    font-size:12px;
    color:#666
}

#heroRanking .infoHeader {
    font-family:Impact;
    font-size:18px;
    color:#333
}

#heroRanking .heroInfo p {
    margin-bottom:2px
}

#heroRanking .heroInfo .infoDetail {
    color:#444;
    font-weight:700
}
.topHeaderContainer{
    width: relative;
    height: 170px;
    text-align: center;
}
.topHeader {
    width:100%;
    height:330px;
    overflow:hidden;
    background:#417a9b
}

.logo {
    position:absolute;
    top:44px;
    margin-left:20px
}

.bodyWraper {
    width:100%;
    overflow:auto
}

.registrationWrapper {
    padding:10px 0 0 50px
}

.registrationWrapper p {
    margin-bottom:5px
}

.registrationWrapper input {
    width:300px
}

.dlWrapper {
    width:100%;
    height:100px;
    border-bottom:1px solid #ccc;
    font-size:12px
}

.dlNotice {
    margin-top:20px;
    width:100%;
    padding:5px;
    font-size:12px;
    text-align:center
}

.iconWrapper {
    width:70px;
    height:50px
}

.slideWrapper {
    width:600px;
    height:300px;
    overflow:hidden
}

.sliderContent {
    margin:5px 0 0 6px;
    width:610px;
    height:292px
}

.codeblockz {
    border-left:10px solid #dedede;
    padding-left:10px;
    text-align:left;
}

.accWrapper {
    margin-top: 5px;
    width:310px;
    overflow:auto;
    padding-left:5px
}

.buttonControl {
    width:280px;
    margin:5px auto 0;
    overflow:auto;
    font-size:20px
}

.registerControl {
    padding:10px 0;
    background:#333;
    width:170px;
    border-radius:10px 0 0 0;
    text-align:center;
    cursor:pointer;
    color:#fefefe
}

.loginControl {
    padding:10px 0;
    background:#004189;
    width:110px;
    border-radius:0 10px 0 0;
    text-align:center;
    cursor:pointer;
    color:#fefefe
}

.loginBox {
    margin:10px;
    width:300px;
    margin:auto
}

.loginBox p {
    color:#fff;
    font-size:12px
}

.loginBox form {
    overflow:hidden;
    margin-left:10px
}

input {
    padding:7px;
    border:none;
    border:1px solid #bbb
}

input:focus {
    outline:none
}

button {
    padding:7px;
    border:none;
    width:100px;
    color:#fefefe;
    background:#3a5795;
    cursor:pointer
}

.loginBox form input {
    width:240px
}

.loginButton {
    margin:10px 0 0 90px
}

.maincontent {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    background:#F6F7F8;
    padding:10px;
    border-radius:0 0 10px 10px
}
.boxWrapper {
     margin: 5px 5px 5px 0;   
    width:650px;
    overflow:auto;
}

.boxWrapper2 {
    margin: 5px 0 5px 0;
    width:310px;
    overflow:auto;
    padding-left:5px;
}

.titleHeader p,.titleHeader p span {
    color:#ccc;
    font-size:20px;
    padding: 5px 0 5px 0;
    font-family:Impact;
    text-transform:uppercase;
    background:url(../images/navigation_bg.jpg) repeat;
    margin-top:2px;
    text-indent:10px
}

.boxContent {
    color:#444;
    font-size:15px;
    padding:10px;
    background:#fefefe;
    border:1px solid #ccc;
    overflow:auto
}

.mRankingWrapper {
    width:100%;
    height:auto
}

.boxRcontent {
    color:#444;
    padding:20px;
    background:#fefefe;
    border:1px solid #ccc
}

.newsList li {
    margin:5px 0 0;
    list-style:none
}



.icon {
    height:53px;
    width:53px;
    margin-top:4px;
    margin-right:4px;
    cursor: pointer;
    border: 1px solid #333;
    border-radius:4px;
}

.BrawlerM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) 0 0
}

.BrawlerF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) 0 -53px
}

.SwordieM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -57px 0
}

.SwordieF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -57px -53px
}

.ArcherM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -114px 0
}

.ArcherF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -114px -53px
}

.ShamanM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -171px 0
}

.ShamanF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -171px -53px
}

.ExtremeM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -228px 1px
}

.ExtremeF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -228px -53px
}

.GunnerM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -285px 1px
}

.GunnerF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -285px -53px
}

.AssasinM {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -342px 1px
}

.AssasinF {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -342px -53px
}

.SG {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) 0 -106px
}

.MP {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -57px -106px
}

.PHNX {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -114px -105px
}

.TH {
    background:url(http://res.cloudinary.com/tearhear18/image/upload/v1417992442/ran_lqhmej.png) -171px -105px
}


/** SLIDER**/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #b53c3d; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: yellow; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }