/* 
    Created on : Apr 2, 2014, 9:59:45 AM
    Author     : jjfu
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* ------- Fonts ------- */
@font-face {
	font-family: "DIGITAL";
	src: url("../fonts/DIGITAL-Regular.eot");
	src:url('../fonts/DIGITAL-Regular.eot?#iefix') format('embedded-opentype'),
		url("../fonts/DIGITAL-Regular.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'BanqueGothiqueRR LightExtCond';
	src: url("../fonts/bqlx.eot");
	src: url('../fonts/bqlx.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bqlx.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family: 'HelveticaLight45';
    src: url('../fonts/Helvetica_Neue_45_Light.eot');
    src: url('../fonts/Helvetica_Neue_45_Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Helvetica_Neue_45_Light.woff') format('woff'),
		url('../fonts/Helvetica_Neue_45_Light.ttf') format('truetype'),
		url('../fonts/Helvetica_Neue_45_Light.svg#pakenham_freeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pakenham';
    src: url('../fonts/pakenham_free.eot');
    src: url('../fonts/pakenham_free.eot?#iefix') format('embedded-opentype'),
		url('../fonts/pakenham_free.woff') format('woff'),
		url('../fonts/pakenham_free.ttf') format('truetype'),
		url('../fonts/pakenham_free.svg#pakenham_freeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AgencyFBRegular';
    src: url('../fonts/agencyr.eot');
    src: url('../fonts/agencyr.eot') format('embedded-opentype'),
		url('../fonts/agencyr.woff') format('woff'),
		url('../fonts/agencyr.ttf') format('truetype'),
		url('../fonts/agencyr.svg#AgencyFBRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AgencyFBBold';
    src: url('../fonts/agencyb.eot');
    src: url('../fonts/agencyb.eot') format('embedded-opentype'),
		url('../fonts/agencyb.woff') format('woff'),
		url('../fonts/agencyb.ttf') format('truetype'),
		url('../fonts/agencyb.svg#AgencyFBBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Pakenham', Arial, sans-serif;background: #000;overflow-x: hidden;color: #5d6e75;font-size: 18px; position: relative; z-index: 1;min-width: 1300px;}
h1 {font-size: 34px;}
a {color: #13abd0;text-decoration: none;}
strong {font-weight: bold;}
p {font-size: 22px;margin-bottom: 10px;}
.clear{clear:both;width:0px; height: 0px; line-height: 0px; display: none;}
.hide{display:none;}
#background{position: fixed;z-index: -1; background:#000000 url(../img/bodyBG.jpg) center top no-repeat; width:100%; height: 100%; overflow-x: hidden; overflow-y:auto; left: 0;top:0;}
#newsBackground{position: fixed;z-index: -1; background:#000000 url(../img/newsBG.jpg) center top no-repeat; width:100%; height: 100%; overflow-x: hidden; overflow-y:auto; left: 0;top:0;}
#luckyDrawBackground{background:#000000 url(../img/luckdraw/bg.jpg) center top no-repeat; }
#shopBackground{position: fixed;z-index: -1; background:#000000 url(../img/shop/shopBG.jpg) center top no-repeat; width:100%; height: 100%; overflow-x: hidden; overflow-y:auto; left: 0;top:0;}
#gameHomeBackground{position: fixed;z-index: -1;background:#000000 url(../img/game/background.jpg) center top no-repeat;width:100%; height: 100%; overflow-x: hidden; overflow-y:auto; left: 0;top:0;}
.input_error{border:2px solid red;}
.left{float:left;}
.right{float:right;}
/* header start */
.header{width:100%; height: 36px; border-bottom:1px solid #666666; line-height: 36px; background: url(../img/headerBG.png)  repeat-x;  z-index: 20;}
.headerMain{width:1175px; height: 36px; margin: 0px auto;}
.headerMain span,.headerMain a{ display: inline-block; height: 36px;overflow:  hidden;line-height: 36px;}
.header span.space{width:2px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -194px -233px no-repeat; }
.header a.ubisoftLogo{width:98px; margin:0px 9px 0px 9px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -7px -76px no-repeat; }
.header a.faceBook{width:13px;margin-left:10px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -46px -38px no-repeat; }
.header a.twitter{width:20px;margin-left:8px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -70px -38px no-repeat; }
.header a.twitch{width:50px;margin-left:8px;margin-right: 8px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -150px -38px no-repeat; }
.header a.YouTube{width:45px;margin-left:8px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -98px -38px no-repeat; }
.header a.faceBook:hover{background: url(../img/headerBG-hover.png) -46px -38px no-repeat; }
.header a.twitter:hover{ background: url(../img/headerBG-hover.png) -70px -38px no-repeat;}
.header a.twitch:hover{background: url(../img/headerBG-hover.png) -150px -38px no-repeat; }
.header a.YouTube:hover{ background: url(../img/headerBG-hover.png) -98px -38px no-repeat; }
.header a.region{color:#fff; width:100px; margin-left:10px; overflow: hidden; background: url(../img/headerBG.png) -170px -195px no-repeat; text-indent: 27px;  }
.header a.regionSelected{ text-transform: uppercase;width:119px; background: url(../img/headerBG.png) -53px -231px no-repeat; text-indent:3px; font-size:12pt;  }
.header span.uplayLogo{width:53px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -115px -76px no-repeat;}
.header span.uplayLogo{width:53px; text-indent: 1000px; overflow: hidden; background: url(../img/headerBG.png) -115px -76px no-repeat;}
.header span.facebookLogo{width: 20px; padding-right:5px;height: 36px; background: url(../img/fbAfterLogin.png) center no-repeat; line-height: 36px; text-indent: 10000px; overflow: hidden;}
.header a.facebookLogin{display: inline-block;width: 104px; height: 36px; background: url(../img/fbLogin.png) center no-repeat; line-height: 36px; text-indent: 10000px; overflow: hidden;}
.header a.uplayLogin{ display: inline-block;width: 101px; height: 36px; background: url(../img/uplayLogin.png) center no-repeat; line-height: 36px; text-indent: 10000px; overflow: hidden;}

.header a.login,.header a.Create,.header a.userLogout,.header a.userInfo{ text-transform: uppercase;background: url(../img/headerBG.png) -172px -78px no-repeat; text-indent: 20px; color:#fff; margin-left: 10px; margin-right: 10px;}
.header a.login:hover,.header a.Create:hover,.header a.userLogout:hover,.header a.userInfo:hover{color:#32c5f4; }
.header span.welcome{width:80px; overflow: hidden; color:#fff;text-indent: 20px;}
.header div.topDrop{display: inline-block;width:160px; height: 36px; position: relative;}
.header div.topDrop a.userInfo{width:130px;text-align:center; background: url(../img/headerBG.png) -172px -99px no-repeat; }
.header div.topDrop a.userInfo:hover{background: url(../img/headerBG.png) -172px -78px no-repeat; }
.header ul.regionSelectBlock {display:none; width:260px;height:auto;padding-bottom: 5px; overflow:  hidden; text-transform: uppercase;background: url(../img/regionBg.png) repeat;  position: absolute; left: 50%;top:36px;margin-left:  -233px; z-index: 21;  }
.header ul.regionSelectBlock .left{width: 130px;}
.regionSelectBlock .clear{display: block;}
.header ul.regionSelectBlock li {width:130px; height: 30px; text-align: center; color:#fff; }
.header ul.regionSelectBlock span{color:#fff; font-size:12pt; text-align: center; display: block; height: 27px; line-height: 26px;}
.header ul.regionSelectBlock a{width:118px; height: 20px; display: block;line-height:20px; background: url(../img/headerBG.png) -5px -201px no-repeat;text-align: center; margin: 2px auto 0px auto; font-size:12pt; color:#fff; border:1px solid #23282b;}
.header ul.regionSelectBlock a:hover,.header ul.regionSelectBlock a.selected{color:#32c5f4; border: 1px solid  #32c5f4; }
ul.regionSelectBlock button{border:0; background: #32c5f4; color:#000; cursor: pointer; width: 120px; height: 22px;line-height: 22px; display: block; margin: 0px auto;font-family: 'Pakenham'; font-size:14pt;}
ul.regionSelectBlock button[disabled=disabled]{background: #232323; color:#848181; cursor: default; }
.headerLogin{float:right;height:36px;}
div.topDropDown{position: absolute; z-index: 30; top:35px; left: 50% ; margin-left:415px; overflow: hidden; width:170px; height: 0px; display: none; background: #000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
div.topDropDown a.userLogout{ text-transform: uppercase; text-align: center; line-height: 36px; display: block;  font-size:14pt; color:#fff;}
div.topDropDown a.userLogout:hover{color:#32c5f4;}
/* header end */

/*footer start*/
.footer{width:100%;height:143px; background:#000000 url(../img/footerBG.png)  center top no-repeat;}
.footer .footerTop{width:570px; height:71px; margin:0px auto;}
.footer .footerTop a,.footer .footerTop span{display: inline-block;font-size: 14pt;height: 71px; line-height: 75px; color:#fff; text-transform: uppercase; margin-left: 10px;}
.footer .footerTop a:hover{color:#32c5f4;  }
.footer .footerTop a.ubisoftLogo{width:178px; background: url(../img/footerLogo.png)  0px 10px no-repeat; }
.footer .footerBottom {text-align: center;border-top: 1px dashed #82bdcf; padding:12px 0px 10px 0px;text-align: center; color:#f2fcff; line-height: 20px;}
.footer .footerBottom p{margin-bottom:5px;}
/*footer end*/

/*footerShare start*/
.footerBlock{width:100%; background: #000;}
.footerShare{margin:0px auto; width:900px;height:170px; position: relative; padding-top:60px; }
.footerShare .faceBookShare{position: relative; width: 400px; margin:0px auto 0px auto; }
.footerShare .shareMain{position: relative;  width: 450px; height: 75px; margin: 0px auto; }
.footerShare .shareMain a{ display: inline-block; height: 54px;overflow:  hidden;line-height: 54px;text-indent: 1000px; overflow: hidden;}
.footerShare a.faceBook{width:54px;margin-left:15px; overflow: hidden; background: url(../img/headerBG.png) -0px -391px no-repeat; }
.footerShare a.twitter{width:52px;margin-left:15px; overflow: hidden; background: url(../img/headerBG.png) -64px -391px no-repeat; }
.footerShare a.twitch{width:118px;margin-left:15px;margin-right: 8px;overflow: hidden; background: url(../img/headerBG.png) 0px -497px no-repeat; }
.footerShare a.YouTube{width:118px;margin-left:15px; overflow: hidden; background: url(../img/headerBG.png) 0px -445px no-repeat; }

.footerShare a.faceBook:hover{width:54px;margin-left:15px; overflow: hidden; background: url(../img/headerBG-hover.png) -0px -391px no-repeat; }
.footerShare a.twitter:hover{width:52px;margin-left:15px; overflow: hidden; background: url(../img/headerBG-hover.png) -64px -391px no-repeat; }
.footerShare a.twitch:hover{width:118px;margin-left:15px;margin-right: 8px;overflow: hidden; background: url(../img/headerBG-hover.png) 0px -497px no-repeat; }
.footerShare a.YouTube:hover{width:118px;margin-left:15px; overflow: hidden; background: url(../img/headerBG-hover.png) 0px -445px no-repeat; }

.footerShare .regionBlock{position: absolute; right:0px; top:5px; width:270px;}
.footerShare .regionBlock span,.footerShare .regionBlock a{ display: inline-block; height: 36px;overflow:  hidden;line-height: 36px;}
.footerShare .regionBlock a.region{color:#fff; width:100px; margin-left:10px; overflow: hidden; background: url(../img/headerBG.png) -170px -196px no-repeat; text-indent: 27px;  }
.footerShare .regionBlock a.regionSelected{ text-transform: uppercase;width:116px; background: url(../img/headerBG.png) -53px -231px no-repeat; text-indent:3px; font-size:12pt;}
.footerShare ul.regionSelectBlock {display:none; width:260px;height:auto; overflow:  hidden; text-transform: uppercase;background: url(../img/regionBg.png) repeat; position: absolute; left: 50%; top:36px; margin-left:  286px; z-index: 2;  }
.footerShare ul.regionSelectBlock li {width:130px; height: 30px;text-align: center; color:#fff;}
.footerShare ul.regionSelectBlock .left{float:left;}
.footerShare ul.regionSelectBlock span{color:#fff; font-size:12pt; text-align: center; display: block; height: 27px; line-height: 26px;}
.footerShare ul.regionSelectBlock a{width:118px; height: 20px; display: block;line-height:20px; background: url(../img/headerBG.png) -5px -201px no-repeat;text-align: center; margin: 2px auto 0px auto; font-size:12pt; color:#fff; border:1px solid #23282b;}
.footerShare ul.regionSelectBlock a:hover,.footerShare ul.regionSelectBlock a.selected{color:#32c5f4; border: 1px solid  #32c5f4; }
/*footerShare end*/

/* commonNav start*/
.commonNav{width:1200px; margin: 0px auto;position: relative;}
.commonNav a.logo{display: block; line-height: 74px; text-indext:1000px;overflow: hidden;position: absolute;left:5px;top:0;width:192px; height: 74px; background: url(../img/logo-small.png) no-repeat;}
.commonNav .commonNavMain{position: absolute;left: 223px; top:20px;height:46px;background: url(../img/headerBG.png) 0px -277px repeat-x;  width:720px; }
.commonNav .commonNavMain  a{ display: inline-block; text-align:center; margin: 0;line-height: 50px; color:#fff; height: 46px; font-size:22pt; width: 108px; overflow: hidden; border-left:1px solid #2b2b2c; border-right:1px solid #2b2b2c; text-transform: uppercase;}
.commonNav .commonNavMain  a.pre{border-left:0px;}
.commonNav .commonNavMain  a.last{border-right:0px; color:#faa61a;width:170px;}
.commonNav .commonNavMain  a:hover,.commonNav .commonNavMain  a.hover{color:#32c5f4; background:url(../img/headerBG.png) 0px -554px no-repeat; }
.commonNav .commonNavMain  a.last:hover,.commonNav .commonNavMain  a.founderCheck{color:#32c5f4; background:url(../img/headerBG.png) 0px -603px no-repeat;}
.commonNav .commonNavMain  a.game:hover{color:gray; background: none;}
.commonNav a.enlist{position: absolute; left:974px; top:8px; display: block;line-height: 70px; overflow: hidden;text-indent: 10000px; width:217px; height: 70px; background: url(../img/btn.png) 0px -142px no-repeat;}
.commonNav a.enlist:hover{ background: url(../img/btnHover.png) 0px -142px no-repeat;} 
.commonNav .commonNavMain a.lastHover{color:#32c5f4; background:url(../img/headerBG.png) 0px -603px no-repeat;border-right:0px; width:170px;}
.commonNav .shape{display: block; width:30px; height: 40px; right:15px;  top:20px; position: absolute; overflow: hidden;}
.commonNav .shape span{display: block; background: url(../img/shape_small.png) no-repeat;width: 24px; height: 43px;left:-24px;top:0px; position: absolute;}
.commonNav a.enlistLogin{position: absolute; left:974px; top:8px; display: block;line-height: 70px; overflow: hidden;text-indent: 10000px; width:217px; height: 70px; background: url(../img/btn3.png) 0px -142px no-repeat;}
.commonNav a.enlistLogin:hover{ background: url(../img/btnHover3.png) 0px -142px no-repeat;} 
.commonNav .shopCommonNav{width:108px; height: 76px; position: absolute; right:1px; top:46px;display: none; }
.commonNav .commonNavMain .shopCommonNav a{display: block; width: 108px; height:38px; line-height: 38px; color:#ffdb84;font-size:18pt; border:0; background: url(../img/navGoldBG.png) no-repeat;;}
.commonNav .commonNavMain .shopCommonNav a:hover{color:#000; background: #32c5f4;}
/*commonNav end*/
#indexNavShopButton,#commonNavShopButton{color:#ffdb84;}

/*pageNav start*/
.pageNav{width:1164px; margin: 0px auto; margin-bottom:10px;line-height:58px; height:58px; color:#fff; font-size:30pt; position: relative;}
.pageNav a{color:#fff; font-size:30pt;  text-transform: uppercase;}
.pageNav a:hover{color:#32c5f4;}
.pageNav span{color:#32c5f4; font-size:30pt;  text-transform: uppercase;}
/*pageNav end*/

/*common start*/
.main{width: 1200px; margin: 0px auto;}
.h15{height:15px;}
.h40{height: 40px;}
.h100{height:100px;}
.h120{height:120px;}
.h160{height:160px;}
.wAll{width: 100%;}
.w600{width:600px;}
.mgr0{margin-right:0px;}
.transition{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.play{width:87px;height: 52px; line-height: 52px; display: block; text-indent: 10000px; overflow: hidden; background: url(../img/btn.png) 0px -87px no-repeat; cursor: pointer;}
span.hot{display: block; width:83px; height: 81px; background: url(../img/headerBG.png)  -118px -386px no-repeat;}
.uplay-connect-frame{display: block;width: 610px; height:760px; position: absolute; left:50%;top:50%;margin-top:-380px; margin-left:-305px;}
.uplay-connect-framev2{display: block;width: 416px; height:700px; position: absolute; left:50%;top:50%;margin-top:-350px; margin-left:-208px;}

.founder-pack-frame{display: block;width:800px; height: 600px; position: absolute; left:50%;top:50%;margin-left: -400px; margin-top:-300px}
.hoverPreLoad1{display: block;width: 1px;height: 1px;overflow: hidden; background: url(../img/headerBG-hover.png) -2000px -2000px no-repeat}
.hoverPreLoad2{display: block;width: 1px;height: 1px;overflow: hidden;background: url(../img/btnHover.png) -2000px -2000px no-repeat}
a.playalpha           {display: block; width:327px; height: 91px; background: url(../img/luckdraw/playalpha.png)no-repeat; line-height: 91px;text-indent:100000px; overflow: hidden; }
a.playalpha:hover {background: url(../img/luckdraw/playalphaHover.png)no-repeat; }
/*common end*/
/*pagination start*/
.pagination{width:100%; height: 40px; line-height: 40px; margin-top: 20px;}
.pagination .pageNavigator {text-align: left; font-size:20pt; color:#fff;margin-left:30px;}
.pagination .pageNavigator span { font-size:20pt; color:#fff;padding-left: 5px; padding-right: 5px;}
.pagination .pageNavigator a{text-decoration: underline; font-size:20pt; color:#fff;padding-left: 5px; padding-right: 5px;}
.pagination .pageNavigator a:hover{color:#32c5f4}
.pagination .itemCounter{ margin-right:30px; text-align: right; font-size:20pt; color:#fff;margin-left:30px; float:right;}
/*pagination end*/
/*common sdk start*/
div.contentSDK {font-family: arial;font-size:16px;}
div.contentSDK p{ font-size:16px; line-height: 28px; margin-bottom: 0px; text-indent:0px; color:#fff; font-weight: normal;}
div.contentSDK a {font-size:16px;  color:#32c5f4;}
div.contentSDK img{display:block; margin: 5 auto 5 auto; max-width: 750px;}
/*common sdk end*/

/* cover start*/
.bodyCover{width:100%; height: 100%; position: fixed; left: 0; top:0; width: 100%; height:100%; z-index: 100; background: #000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; display: none;}
.bodyCoverMain{width:100%; height: 100%; position: fixed; left: 0; top:0; width: 100%; height:100%; z-index: 101; display: none;}
.coverVideo{width:962px; height: 495px; position: absolute; left: 50%; top:50%; margin-left: -482px; margin-top: -245px; }
.coverVideoMain{width:962px; height: 495px; background: #000;}
.coverClose{display: block;text-align: center; position: absolute; right:-30px; top:-30px;background: #444444; border:2px solid #fff; color:#fff; font-size:22pt; width:40px; height: 40px; border-radius: 40px; line-height: 43px; font-weight: bold; font-family: Arial; box-shadow: #fff 0px 0px 8px;}
.coverClose:hover{border:2px solid #32c5f4; color:#32c5f4; cursor: pointer; box-shadow: #32c5f4 0px 0px 8px;}
.coverImage{width:900px; height:600px; position: absolute; left: 50%; top:50%; margin-left: -450px; margin-top: -300px;  background: #000; border:2px solid #32c5f4;}
.coverImage img{display: block; margin: 0px auto; max-width:900px; max-height: 506px; padding-top:3px;}
.coverDownload{position: absolute;width: 900px; top:506px; height: 94px; }
.coverDownload h1{color:#fff; width: 200px; height: 40px; line-height: 33px; font-size:20pt; position: absolute; left:170px; top:20px; text-transform: uppercase;}
.coverDownload ul{width:550px; height: 65px;  position: absolute; left:310px; top:20px;  overflow: hidden;}
.coverDownload ul a{ font-size:20pt; color:#32c5f4; height:33px; width:90px; padding-left: 25px; margin-right: 25px;line-height:33px; font-size:20pt;  float:left; background:url(../img/headerBG.png) -182px -529px no-repeat;}

/* cover end*/

/*index start*/
.indexBlock{width:100%; position: relative; z-index: 20;}
.ib1{height: 670px; background: url(../img/index/block1BG.jpg) top center no-repeat #000000 ; overflow: hidden;}
.ib2{height: 410px; background: url(../img/index/block2BG.jpg) top center no-repeat #000000 ;}
.ib3{height: 780px; display: none;}
.ib3-1{background: url(../img/index/block3BG-2.jpg) top center no-repeat #000000 ;}
.ib3-2{ background: url(../img/index/block3BG.jpg) top center no-repeat #000000 ;}
.ib3-2pre{ background: url(../img/index/block3BG.jpg) -10000 -10000 no-repeat #000000; width: 1px; height: 1px;display: block; overflow: hidden;}
.ib4{  display: none;height: 760px; }
.ib4g1{  display: none;height: 760px; background: url(../img/index/block4BG.jpg) top center no-repeat #000000 ;}
.ib4g2{  display: none;height: 760px; background: url(../img/index/block4BG_g2.jpg) top center no-repeat #000000 ;}
.ib5{  display: none;height: 780px; background:#000000 ; position: relative;}
.ib6{display: none;height:780px;  position: relative; background: url(../img/index/block6BG.jpg) top center no-repeat #000000;}
.ib7{display: none;height:785px;position: relative;background: url(../img/index/block7BG.jpg) top center no-repeat #000000;}
.ib8{display: none;height:800px; position: relative; background: url(../img/index/block8_base.jpg) top center no-repeat #000000; z-index: 2;}
.ib9{display:none; height:754px; position: relative;background:url(../img/index/block9BG.jpg) top center no-repeat #000000;z-index: 2;}
.hr{width:100%;height: 7px; background: url(../img/hrBG.jpg) no-repeat; border:0px; margin:0; padding:0;}
.blockTitle{width:100%;height:125px; background: url(../img/index/blockTitle.png) top center no-repeat; position: relative;z-index: 4;}
.blockTitle h1{font-size:44pt; color:#32c5f4;  font-family: 'BanqueGothiqueRR LightExtCond','Pakenham'; width: 1167px;line-height: 86px;height: 64px; overflow: hidden; margin: 0px auto;}
.blockTitle h2{font-size:23pt; color:#fff; font-family: 'BanqueGothiqueRR LightExtCond','Pakenham'; width: 1167px; margin: 0px auto; line-height: 52px;height: 64px; overflow: hidden;text-transform: uppercase;}
.blockTitle h2 span{font-size:30pt; color:#fff; font-family: 'BanqueGothiqueRR LightExtCond','Pakenham';}
/*index ib1 start*/
.ib1 .indexNav{width:1182px; height:48px; margin: 0px auto 0px auto; background: url(../img/headerBG.png) 0px -277px repeat-x; }
.ib1 .indexNav a{ display: inline-block; text-align:center; margin: 0;line-height: 46px; color:#fff; height: 46px; font-size:22pt; width: 167px; overflow: hidden; border-left:1px solid #2b2b2c; border-right:1px solid #2b2b2c; text-transform: uppercase;}
.ib1 .indexNav a.pre{border-left:0px;}
.ib1 .indexNav a.last{border-right:0px; color:#faa61a;}
.ib1 .indexNav a.last:hover{color:#32c5f4;}
.ib1 .indexNav a:hover,.ib1 .indexNav a.hover{color:#32c5f4; background:url(../img/headerBG.png) 0px -330px no-repeat; }
.ib1 .indexNav a.game:hover{color:gray; background: none;}
.ib1 .logo{width: 458px;height:167px; background: url(../img/logo.png) no-repeat;margin:136px auto 0px auto;}
.ib1 a.enlist{ display: block;width:326px; height: 90px; line-height: 90px; overflow: hidden; text-indent: 3000px; margin: 60px auto 0px auto;background: url(../img/btn.png) no-repeat; }
.ib1 a.enlist:hover{background: url(../img/btnHover.png)  no-repeat;}
.ib1 a.enlistLogin{width:326px; height: 90px; line-height: 90px; overflow: hidden; text-indent: 3000px; margin: 60px auto 0px auto;background: url(../img/btn3.png) no-repeat; display: block; }
.ib1 a.enlistLogin:hover{background: url(../img/btnHover3.png)  no-repeat;}

.ib1 .videoVolume{display: block;display: none;position: absolute; right: 50px; bottom:18px; cursor: pointer; z-index: 12;width:32px; height: 32px;}
.ib1 .volumeON{background: url(../img/index/volume.png)  no-repeat;}
.ib1 .volumeOFF{background: url(../img/index/volume.png) -32px 0px no-repeat;}
.ib1 .videoON{background: url(../img/index/volume.png) -32px -32px no-repeat;}
.ib1 .videoOFF{background: url(../img/index/volume.png) 0px -32px no-repeat;}
.ib1 .videoVolume2{display: block;display: none;position: absolute; right: 90px; bottom:18px; cursor: pointer; z-index: 12;width:32px; height: 32px;}
#indexNavEnlistButton .shape{display: block; width:38px; height: 50px; right:15px;  top:23px; z-index:1; position: absolute; overflow: hidden;}
#indexNavEnlistButton .shape span{display: block; background: url(../img/shape_big.png) no-repeat;width: 24px; height: 43px;left:-24px;top:0px; position: absolute;}
.indexNav .shopCommonNav{width:167px; height: 76px; position: absolute; right:1px; top:46px;display: none; }
.indexNav .shopCommonNav a{display: block; width: 167px; height:38px; line-height: 38px; color:#ffdb84;font-size:18pt; border:0; background: url(../img/navGoldBG.png) ;}
.indexNav .shopCommonNav a:hover{color:#000; background: #32c5f4;}
.ib1 .flashInstall{display: block; margin: 18px auto 0px auto; width: 219px; height: 42px; background: url(../img/install-btn-en-or.png) no-repeat; overflow: hidden; position: relative; z-index:12;  cursor: pointer;}
.ib1 .flashInstall:hover{ background: url(../img/install-btn-en-bl.png) no-repeat;}
/*index ib1 end*/

/*index float nav start*/
.floatNav{width: 100%; z-index: 25; position: fixed;height:100px; top:-17px; background: #000; opacity: 0.7; display: none;}
/*index float nav end*/

/*index ib2 media start*/
.mediaBlock{width:1200px; height: 318px; margin: 0px auto; position: relative;}
.mediaBlock ul{position: absolute; width:341px; height: 307px;border:3px solid #000;background: url(../img/index/mediaBlockBG.png) repeat;  }
.mediaBlock ul:hover{border:3px solid  #32c5f4; padding:0; cursor: pointer;}
.mediaBlock h1{margin:30px 30px 25px 30px; line-height: 28px; font-size:28pt; color:#fff;}
.mediaBlock h1 a{color:#fff;}
.mediaBlock h1 a:hover{color:#32c5f4;}
.mediaBlock a.play{position: absolute;left:129px;top:65px;}
.mediaBlock span{display: block;margin-left:30px; line-height: 22px; color:#fff;}
.mediaBlock li{width:341px; height: 307px; position: absolute; left:0;top:0; background: #000; opacity: 0.25; display: none;}
.mediaBlock ul:hover li{display: none;}
.mediaBlock ul.ul0{left:0px;}
.mediaBlock ul.ul1{left:421px;}
.mediaBlock ul.ul2{left:833px;}

.mediaBlock .indexFacebook{cursor:inherit;}
.mediaBlock .indexFacebook .facebook-stream-container{color:#fff;font-family: helvetica;font-size: 14px; line-height: 24px;}
.mediaBlock .indexFacebook .facebook-stream-container img{border:1px solid #32c5f4; }
.mediaBlock .indexFacebook .nDFBD{width: 300px; height: 165px; overflow: hidden; padding: 20px;}
.mediaBlock .indexFacebook .nDFBL{height: 70px; background: #535252; border-radius: 4px;  margin:0px auto;margin-bottom:15px; }
.mediaBlock .indexFacebook .nDFBL span{margin-left: 0px;}
/*index ib2 media end*/

/*index indexNews start*/
.indexNews{height:480px; overflow: hidden; position: relative; z-index: 1; background: url(../img/index/newsBG.jpg) center top no-repeat #000;}
.indexNews ul {width:1208px; margin: 0px auto; height: 340px;}
.indexNews ul li{width: 574px; height: 322px;float: left;  position: relative; border:3px solid #000;  }
.indexNews ul li.l1{margin: 0px 26px 0px 0px;}
.indexNews ul li.l2{margin: 0px 0px 0px 0px;}
.indexNews ul li span.hot{position: absolute; left:492px ;bottom:0; display: none;}
.indexNews ul li:hover,.indexNews ul li.hover{border:3px solid #32c5f4; border-radius: 5px;}
.indexNews ul li:hover span.hot,.indexNews ul li.hover span.hot{display: block;}
/*index indexNews end*/

/*index ib3 faction start*/
.ib3 .main{height:650px; position: relative;}
.ib3 h1{height:30px; font-size:23pt; color:#32c5f4; font-weight: bold; font-family: HelveticaLight45;margin-bottom:10px;}
.ib3 h2{height:80px; font-size: 16pt; color:#fff; font-weight: bold; font-family: HelveticaLight45; margin-bottom:10px;}
.ib3 .factionBlock{position: absolute; width:400px; height: 570px; cursor: pointer;}
.ib3 .factionBlock .logo,.ib3 .factionBlock .logoHover{width:338px; height: 336px; margin: 0px auto 20px auto; }
.ib3 .f1{left:130px;}
.ib3 .f1 .logo{background: url(../img/index/factionBG.png) no-repeat;}
.ib3 .f1 .logoHover{background: url(../img/index/factionBG.png) 0px -334px no-repeat;}
.ib3 .f2{left:730px;}
.ib3 .f2 .logo{background: url(../img/index/factionBG.png) -338px 0px  no-repeat;}
.ib3 .f2 .logoHover{background: url(../img/index/factionBG.png) -338px -334px no-repeat;}
.ib3 .f1:hover .logo{background: url(../img/index/factionBG.png) 0px -334px no-repeat;}
.ib3 .f2:hover .logo{background: url(../img/index/factionBG.png) -338px -334px no-repeat;}
.ib3 .factionBlock .desc{width:393px; height: 91px; line-height: 45px; color:#fff; font-size:36pt; margin: 0px auto; text-align: center; background: url(../img/index/factionBG.png) 0px -671px; no-repeat; }
.ib3 .factionBlock .descHover{width:393px; height: 91px; line-height: 45px; color:#32c5f4; font-size:36pt; margin: 0px auto; text-align: center; background: url(../img/index/factionBG.png) 0px -671px; no-repeat; }
.ib3 .factionBlock .desc p{margin:0;text-shadow: #000000 1px 1px 3px; font-size:36pt; text-transform: uppercase;}
.ib3 .factionBlock .descHover p{margin:0;text-shadow: #000000 1px 1px 3px; font-size:36pt; text-transform: uppercase;}
.ib3 .factionBlock li{text-transform: uppercase;padding-left: 10px; line-height: 26px; font-size:24pt; color:#fff; text-indent:15px; background:url(../img/index/factionBG.png) -644px -727px no-repeat;}
.ib3 .factionBlock:hover .desc{color:#32c5f4;}
.ib3 .factionBlock ul{margin-top:20px; margin-left: 10px; width:450px;color:#fff;}
.ib3 .factionBlock ul li{color:#fff; list-style: none;}
.ib3 .factionBlock ul.checked li,.ib3 .factionBlock:hover ul li{color:#32c5f4;  background:url(../img/index/factionBG.png) -644px -683px no-repeat;}
/*index ib3 faction end*/

/*index ib6 factionv2 start*/
.ib6 .factionBlock{width:1013px; height: 488px; background: url(../img/index/factionv2Bg.png) no-repeat; margin: 38px auto 0px auto;}
/*index ib6 factionv2 end*/
/*index ib9 factionv3 start*/
.ib9 .blockTitle{z-index: 7;}
.ib9 .blockMain{width:1167px; height:500px; margin: 0px auto;  position: relative; z-index: 3;}
.ib9 .blockMain span, .ib9 .blockMain2 span{display: none;}
.ib9 .blockMain .eu{ cursor: pointer; width:393px; height: 392px; background: url(../img/index/factionv3_eu.png) no-repeat; position: absolute; z-index: 3; top:60px; left:0px;}
.ib9 .blockMain .ru{ cursor: pointer; width:393px; height: 392px; background: url(../img/index/factionv3_ru.png) no-repeat; position: absolute; z-index: 3; top:60px; left:775px;}
.ib9 .cover{ display: none; width: 100%; height: 100%; position: absolute; left:0px; top:0px; z-index: 5;  background: #000;
			 filter:alpha(opacity=70);
			 -moz-opacity:0.7;
			 -khtml-opacity: 0.7;
			 opacity: 0.7;
}
.ib9 .blockMain2{ display: none; width:1167px; height:754px; margin: 0px auto;  position: absolute; z-index: 6;top:0px; left:50%; margin-left: -583.5px;}
.ib9 .blockMain2 .eu{ display: none;  cursor: pointer;  width:616px; height: 732px; background: url(../img/index/factionv3_eu_hover.png) no-repeat; position: absolute; z-index: 6; left:-32px; top:22px; }
.ib9 .blockMain2 .ru{ display: none;   cursor: pointer; width:671px; height: 732px; background: url(../img/index/factionv3_ru_hover.png) no-repeat; position: absolute; z-index: 6;left:591.5px; top:21px; }
/*index ib9 factionv3 end*/
/*index ib9 factionv4 start*/
.ib9 .blockMain .jsf{ cursor: pointer; width:378px; height: 392px; background: url(../img/index/factionv4_jsf.png) no-repeat; position: absolute; z-index: 3; top:60px; left:395px;}
.ib9 .blockMain2 .jsf{display: none;  cursor: pointer;  width:860px; height: 718px; background: url(../img/index/factionv4_jsf_hover.png) no-repeat; position: absolute; z-index: 6; left:149px; top:37px;}
/*index ib9 factionv4 end*/
/*index ib4 HEROS start*/
.ib4 .main{height:760px; position: relative;}
.ib4 h1{height:23px; line-height: 23px; font-size:23pt; color:#32c5f4; font-weight: bold; font-family: HelveticaLight45;margin-bottom:10px;}
.ib4 h2{height:47px; font-size: 16pt; color:#fff; font-weight: bold; font-family: HelveticaLight45; margin-bottom:10px;}
.ib4 .desc{width:480px; margin:5px 0px 5px 0px; height:200px; line-height: 30px; color:#cdcdcd; font-size:18pt; text-indent: 0px;  text-align: justify; }
.ib4 .desc p{font-size:18pt;}
.ib4 ul.heroHeadImg {width:520px;height: 320px; margin-top:20px;}
.ib4 ul.heroHeadImg li{float:left; width: 100px; height: 100px; margin:0px 22px 47px 0px; border:3px solid #000; box-shadow: #000 3px 3px 5px; cursor:pointer;}
.ib4 ul.heroHeadImg li.checked,.ib4 ul.heroHeadImg li:hover{border:3px solid #32c5f4; margin:0px 22px 47px 0px;}
.ib4 .heroImg{position: absolute;left:50%; top:-37px; margin-left: 50px;}
.ib4 .heroGroup{position: absolute; left: 50%; top:460px;margin-left:120px; width:325px; height: 105px; background: url(../img/headerBG-hover.png) 0px -764px repeat-x;}
.ib4 .heroGroup .groupIcon{position: absolute; width:105px; height: 105px; left: 0px; top:0px; }
.ib4 .g1{background:url(../img/index/heroGroupBg.png) 0px 0px no-repeat;}
.ib4 .g2{background:url(../img/index/heroGroupBg.png) 0px -104px no-repeat;}
.ib4 .heroGroup p{color:#fff; font-size:24pt; line-height: 35px; text-transform:none; margin-left:120px; height: 35px; margin-bottom: 0px;}
.ib4 .heroGroup p.p1{margin-top:20px;}
/*index ib4 HEROS end*/
/*index ib7 Units start*/
.ib7 .g1{background:url(../img/index/heroGroupBg.png) 0px 0px no-repeat; left:0px;}
.ib7 .g2{background:url(../img/index/heroGroupBg.png) 0px -104px no-repeat;right:5px;}
.ib7 .groupIcon{position: absolute; width:105px; height: 105px; top:5px; z-index: 30;}
.ib7 .ib7Main {width:1143px; height: 535px; margin: 0px auto; position: relative;}
.ib7 .ib7Main2{width:1143px; height: 100px; margin: 0px auto; position: relative; z-index: 22;}
.ib7 .titleImg{margin: 0px auto; display: block; position: relative; z-index: 30; padding-top: 18px;}
.ib7 .ib7Left{position: absolute; left: 0px; top:0px; width: 572px; height: 100%;}
.ib7 .ib7Left .unitsImg{position: absolute; left: 0px; top:0px; z-index: 21; margin-top:40px;}
.ib7 .ib7Left div.unitsImg{position: absolute; left: 0px; top:0px; z-index: 22; margin-top:40px; width: 572px; height: 295px; display: none;}
.ib7 .ib7Left .info{position: absolute; left:0px;top:312px; width: 492px;height:200px; background: url(../img/index/b7title.png) 107px 33px no-repeat; z-index: 22;}
.ib7 .ib7Left .info .heroIcon{position: absolute; border:2px solid #000; top:3px; left: 8px;}
.ib7 .ib7Left .info h1{position: absolute; color:#fff; text-shadow: 0px 0px 3px #000; top:32px; left: 132px;font-size: 32pt; font-family: "Pakenham";}
.ib7 .ib7Left .info h2{position: absolute;color:#fff; text-shadow: 0px 0px 3px #000; top:66px; left: 132px;font-size: 24pt; font-family: "Pakenham";}
.ib7 .ib7Left .info .content {text-align: justify;position: absolute; line-height: 20px; left:10px;top:110px; width:480px; height:100px; color:#fff; font-size:15pt;  font-family: "Pakenham";}
.ib7 .ib7Right{position: absolute; right: 0px; top:0px; width: 572px; height: 100%; }
.ib7 .ib7Right .unitsImg{position: absolute; right: 0px; top:0px; z-index: 21; margin-top:40px;}
.ib7 .ib7Right div.unitsImg{position: absolute; left: 0px; top:0px; z-index: 22; margin-top:40px; width: 572px; height: 295px; display: none;}
.ib7 .ib7Right .info{position: absolute; right:0px;top:312px; width: 492px;height:200px; background: url(../img/index/b7title.png) 3px 33px no-repeat; z-index: 22;}
.ib7 .ib7Right .info .heroIcon{position: absolute; border:2px solid #000; top:3px; right: 8px;}
.ib7 .ib7Right .info h1{position: absolute; color:#fff; text-shadow: 0px 0px 3px #000; top:32px; right: 132px;font-size: 32pt; font-family: "Pakenham";}
.ib7 .ib7Right .info h2{position: absolute;color:#fff; text-shadow: 0px 0px 3px #000; top:66px; right: 132px;font-size: 24pt; font-family: "Pakenham";}
.ib7 .ib7Right .info .content {text-align: justify;position: absolute; line-height: 20px; right:10px;top:110px; width:480px; height:80px; color:#fff; font-size:15pt;  font-family: "Pakenham";}
.ib7 .ib7IconBlock {position: absolute; display: block; bottom:5px; left:144px;}
.ib7 .ib7IconBlock span{display: block; height: 91px; width: 93px;margin-right:2px; cursor: pointer; line-height: 91px; overflow: hidden; float: left; text-indent:10000px;}
.ib7 .ib7IconBlock .ib7SpanDiv {display: none;}
/*index ib7 Units start*/
/*index ib7 heros v4 start*/
.ib7 .g1{background:url(../img/index/herov4eu.png)no-repeat; left:0px;}
.ib7 .g2{background:url(../img/index/herov4ru.png) no-repeat;left:360px;}
.ib7 .g3{background:url(../img/index/herov4jsf.png) no-repeat; left:180px;}
.ib7 .g1.hover{background: url(../img/index/herov4euhover.png) no-repeat;width:240px;height:160px; background-size: 100% auto; top:30px; left:-47px; }
.ib7 .g2.hover{background: url(../img/index/herov4ruhover.png) no-repeat;width:240px;height:160px; background-size: 100% auto; top:30px; left:313px; }
.ib7 .g3.hover{background: url(../img/index/herov4jsfhover.png) no-repeat;width:240px;height:160px; background-size: 100% auto; top:30px; left:133px; }


.ib7 .groupIcon{position: absolute; width:150px; height: 100px; top:70px; z-index: 30; cursor: pointer;}
.ib7 .titleImg{position: absolute;left: 600px;top:70px;}
.ib7 .ib7Left .unitsImg{left:585px;top:165px;}
.ib7 .ib7Left .info{top:285px;}
/*index ib7 heros v4 end*/
/*index ib5 Maps start*/
.ib5 .main{height:580px; position: absolute; left:50%; width: 600px; z-index: 4;margin-left: 50px;}
.ib5 .mapBG{width: 100%;position: absolute; z-index: 2; height: 100%; left:0;top:0; }
.ib5 .mapBGCover{width: 100%;position: absolute; z-index: 3; height: 100%;left:0;top:0; background: url(../img/index/mapCoverBG.png) center top no-repeat; }
.ib5 h1{height:23px; line-height:23px;  font-size:23pt; color:#32c5f4; font-weight: bold; font-family: HelveticaLight45;margin-bottom:10px;}
.ib5 h2{height:57px; font-size: 16pt; color:#fff; font-weight: bold; font-family: HelveticaLight45; margin-bottom:10px;}
.ib5 .desc{width:500px; height:230px; line-height:34px;font-size:18pt; text-align: justify;}
.ib5 .desc p{margin-bottom: 25px; line-height: 34px; font-size:18pt;color:#cdcdcd; text-align: justify;}
.ib5 .mapIconBlock{width:550px;height: 160px;}
.ib5 .mapIconBlock li{width:110px; height: 154px; margin:0px 19px 0px 0px; border:3px solid #000;float: left; cursor: pointer;}
.ib5 .mapIconBlock li.checked , .ib5 .mapIconBlock li:hover{border:3px solid #32c5f4; margin:0px 19px 0px 0px;}
.ib5 .mapTitle{position: absolute; left:-610px ;top:484px;margin: 0px 0px 0px 0px; width:393px; height: 88px; background: url(../img/headerBG-hover.png) 0px -764px repeat-x ; line-height: 88px; text-align: center;font-size:36pt;color:#32c5f4; text-shadow: 0px 0px 8px #000,0px 0px 3px #000;}
/*index ib5 Maps end*/

/*index ib8 Maps v2 start*/
.ib8 .mapBGCover{width: 100%;position: absolute; z-index: 3; height: 100%;left:0;top:0; background: url(../img/index/mapCoverBG2.png) center top no-repeat; }
.ib8 .mapMain{width: 1100px;height:600px; margin:0px auto; position: relative; z-index: 4;}
.ib8 .ib8Icons{height: 110px; width: 700px; position: absolute;left:0px; bottom:0px; z-index: 4;}
.ib8 .ib8Icons img{cursor:pointer; border:2px solid #000; float:left; margin-right: 10px;}
.ib8 .ib8Icons img:hover,.ib8 .ib8Icons img.checked{border:2px solid #32c5f4;}
.ib8 .mapTitle {margin-left:50px;position: absolute; left: 50%;bottom:120px; height: 30px; line-height: 30px; width: 400px; z-index: 4; color:#fff; text-shadow: 0px 0px 4px #000; font-size: 36pt; font-family: "Pakenham";}
.ib8 .mapContent{margin-left:50px;position: absolute; left: 50%;text-align: justify; height: 110px;padding-left:4px; bottom:0px;color:#fff; text-shadow: 0px 0px 3px #000; line-height: 27px; font-size: 18pt; font-family: "Pakenham";}
/*index ib8 Maps v2 end*/


/*index ib8 Maps v3 start*/
.ib8 .blockTitle{z-index:14;}
.ib8 .mapBGCover{width: 100%;position: absolute; z-index: 13; height: 100%;left:0;top:0; background: url(../img/index/mapCoverBG2.png) center top no-repeat; }
.ib8 .layer2{width: 100%; position: absolute; height: 100%; left: 0;top:0; z-index: 4;}
.ib8 .layer3{width: 100%; position: absolute; height: 100%; left: 0;top:0; z-index: 5;}
.ib8 .layer4{width: 100%; position: absolute; height: 100%; left: 0;top:0; z-index: 6;}
.ib8 .mapMain{width: 1100px;height:600px; margin:0px auto; position: relative; z-index: 14;}
.ib8 .ib8Icons{height: 110px; width: 700px; position: absolute;left:0px; bottom:0px; z-index: 14;}
.ib8 .ib8Icons img{cursor:pointer; border:2px solid #000; float:left; margin-right: 10px;}
.ib8 .ib8Icons img:hover,.ib8 .ib8Icons img.checked{border:2px solid #32c5f4;}
.ib8 .mapTitle {margin-left:50px;position: absolute; left: 50%;bottom:120px; height: 30px; line-height: 30px; width: 400px; z-index: 14; color:#fff; text-shadow: 0px 0px 4px #000; font-size: 36pt; font-family: "Pakenham";}
.ib8 .mapContent{margin-left:50px;position: absolute; left: 50%;text-align: justify; height: 110px;padding-left:4px; bottom:0px;color:#fff;  z-index: 14; text-shadow: 0px 0px 3px #000; line-height: 27px; font-size: 18pt; font-family: "Pakenham";}
/*index ib8 Maps v3 end*/

/*index sideNav start*/
.sideNav{position: fixed; top:50%; left:0px; display: block;  width:250px; z-index: 23;}
.sideNav .nav{width: 100%; height: 30px; line-height: 28px; text-indent:27px; position: relative; overflow: hidden;z-index: 23;}
.sideNav .nav .bg{position: absolute;z-index: 24; left: 7px;top:2px; height: 24px; background:#32c5f4; border:1px solid #000; width:13px; box-shadow: 0px 0px 2px #000; }
.sideNav .nav a{display: block; position: relative;z-index: 25; color:#32c5f4; cursor: pointer; text-shadow: 0px 0px 1px #000; font-size:18pt;line-height:32px; font-family:'Pakenham'; font-weight: bold; }
.sideNav div.nav:hover a,.sideNav div.checked a{color:#000;}
.sideNav div.nav:hover .n0,.sideNav div.checked .n0{width:150px;}
.sideNav div.nav:hover .n1,.sideNav div.checked .n1{width:130px;}
.sideNav div.nav:hover .n2,.sideNav div.checked .n2{width:110px;}
.sideNav div.nav:hover .n3,.sideNav div.checked .n3{width:145px;}
.sideNav div.nav:hover .n4,.sideNav div.checked .n4{width:160px;}
/*index sideNav end*/
/*index end*/

/*news-list page start*/
/*listNewsAd start*/
.listNewsAd{height:370px; overflow: hidden; position: relative; z-index: 1; }
.listNewsAd ul {width:1182px; margin: 0px auto 0px auto; height: 340px;}
.listNewsAd ul li{width: 574px; height: 322px;float: left; position: relative;border:3px solid #000;  }
.listNewsAd ul li.l1{margin: 0px 15px 0px 0px;}
.listNewsAd ul li.l2{margin:0px;}
.listNewsAd ul li span.hot{position: absolute; left:492px; ;bottom:0; display: none;}
.listNewsAd ul li:hover,.listNewsAd ul li.hover{border:3px solid #32c5f4; border-radius: 5px;}
.listNewsAd ul li:hover span.hot,.listNewsAd ul li.hover span.hot{display: block;}
.listNewsAd ul li.mgr0{margin-right:0px;}
.listNewsAd ul li.mgr0:hover;{margin-right:0px;}
/*listNewsAd end*/

/*listNews start*/
.newsList{width: 1176px; margin: 0px auto;}
.newsList .newsH1{line-height:58px; height:58px; color:#fff; font-size:30pt; }
.newsList .newsH1 a{color:#fff; font-size:30pt; }
.newsList .newsH1 a:hover{color:#32c5f4;}
.categoryLink{height: 80px;}
.newsListBG {background:url(../img/news/newsListBG.png) repeat;padding-top: 20px; padding-bottom: 5px; margin-bottom: 20px;min-height:200px;}
.newsList .categorySelected{display: block; float: left; width:178px; height: 48px;border:2px solid#32c5f4; background: url(../img/news/categoryBG.jpg) center -1px no-repeat; color:#32c5f4;text-align:center; font-size:24pt; font-weight: bold; line-height: 50px; text-transform: uppercase; margin-right: 5px;}
.newsList .category{display: block; float: left; width:180px; height: 50px; border:1px solid#32c5f4; background: url(../img/news/categoryBG.jpg) no-repeat; color:#fff; text-align:center; font-size:24pt; line-height: 50px; text-transform: uppercase; margin-right: 5px;}
.newsList .category:hover{width:178px; height: 48px;border:2px solid#32c5f4;  font-weight: bold;color:#32c5f4;background: url(../img/news/categoryBG.jpg) center -1px no-repeat; line-height: 48px;}
.newsMore{width:1115px; height: 63px; margin:0px auto 20px auto;background: url(../img/news/newsmore_normal.png) center top no-repeat; cursor: pointer;}
.newsMore:hover{background: url(../img/news/newsmore.png) center top no-repeat; }
.newsList .newsListEach{ position: relative; width:1110px; height: 162px;cursor: pointer; border:3px solid #000; margin: 10px auto 10px auto; background: url(../img/news/newBG.png) repeat;}

.newsList .newsListEach .newsEachImg{ position: absolute; left:19px; top:11px;  border: 1px solid #32c5f4;  }
.newsList .newsTitle{ position: absolute; left:286px; top:13px;font-size:36pt; }
.newsList .newsTitle a{ color:#ffffff;}
.newsList .desc{position: absolute ;left:286px; top:60px; width:820px; height: 65px; line-height: 26px; font-size:20pt; color:#ffffff;}
.newsList .newsListEach span{position: absolute; display: block; left:286px; top:125px; font-size:18pt; color:#ffffff;}
.newsList .newsListEach:hover{border:3px solid #32c5f4;   }
.newsList .newsListEach:hover .newsTitle{color: #32c5f4;}
.newsList .newsListEach:hover .desc{color:#fff;}
.newsList .newsListEach:hover span{color:#fff;}
.newsList .newsListEach:hover .newsTitle a{ color:#32c5f4;}
/*listNews end*/

/*news-list page end*/

/*news-detail start*/
.newsDetail{width:1170px;  margin: 0px auto;}
.newsDetail .clear{display: block;}
.newsDetail .newsH1{line-height:58px; height:58px; color:#fff; font-size:30pt; }
.newsDetail .newsH1 a{color:#fff; font-size:30pt; }
.newsDetail .newsH1 a:hover{color:#32c5f4;}
.newsDetail .right{ float:right; width:290px; margin-bottom:24px; position: relative;}
.newsDetail .left{float:left; width:750px;  margin-bottom:24px; position: relative;} 
.newsDetail .nDLN{ height:430px; border: 1px solid #32c5f4; background:url(../img/news/newsDetailBg.png) repeat; padding:15px; width:310px;}
.newsDetail .nDLN h1{ font-size:30pt; line-height: 32px; margin-bottom: 25px;color:#fff; font-family: "Pakenham";}
.newsDetail .nDLN .nDEN{margin-bottom:40px; width:100%; height: 60px; }
.newsDetail .nDLN a.nDENI{ border:1px solid #32c5f4; width:90px; height: 51px;  display: block; float:left; margin-right:10px;}
.newsDetail .nDLN a.nDENT{font-size:18pt; color:#fff; line-height: 18px; word-break: break-all; display: block; width: 200px; float: left; height:18px; overflow: hidden; margin-bottom: 15px;}
.newsDetail .nDLN a.nDENT:hover{color:#32c5f4;}
.newsDetail .nDLN span.date{color:#888888; font-size:18pt;}
.newsDetail .nDLN .clear{display:block;}
.newsDetail .nDFBL{height: 70px; background: #535252; border-radius: 4px;}
.newsDetail .nDFBD{height:320px; margin-top:10px;}
.newsDetail .nDFB{height:450px;  border: 1px solid #32c5f4; background:url(../img/news/newsDetailBg.png) repeat; padding:25px;}
.newsDetail .nDFB h1{ font-size:30pt; line-height: 32px; margin-bottom: 25px;color:#fff; font-family: "Pakenham";}
.newsDetail .facebook-stream-container{color:#fff;font-family: helvetica;font-size: 14px; line-height: 24px;}
.newsDetail .facebook-stream-container img{border:1px solid #32c5f4; }
.newsDetail .nDFB .fb-like {position: absolute; right: 10px ; top:28px;}
.newsDetail .nM{ border: 1px solid #32c5f4;  background:url(../img/news/newsDetailBg.png) repeat;min-height: 800px;padding:25px; position: relative;}
.newsDetail .nM h1{line-height: 40px; font-size: 48pt; margin-bottom:30px; color:#32c5f4; text-transform: uppercase;}
.newsDetail .nM span.date{font-size:18pt; line-height: 20px; margin-bottom: 10px; color:#ffffff; font-family: "Pakenham"; display: block;}
.newsDetail .nM .comtN {display: none; width: 60px; height: 25px; color:#888888; background: url(../img/news/newsComtN.png) right  center no-repeat; position: absolute; top:93px; right:25px; line-height: 25px; font-size:20pt; text-align: right;padding-right:30px;}
.newsDetail .nM .litpic{ width:748px;  border: 1px solid #32c5f4;   display: block;margin-bottom: 30px; }
.newsDetail .contentSDK{margin-bottom:50px;}
.newsDetail .shareArea{position: absolute; width:790px;height:42px;left:5px; bottom: 5px;background:url(../img/news/newsDetailComt.png) 0px -300px repeat-x; }
.newsDetail .shareArea .twitter{position: absolute; left: 35px; top: 12px;}
.newsDetail .shareArea .facebook{position: absolute; left: 150px; top: 12px;}
.newsDetail .shareArea .socialShare{position: absolute;  left:640px; top:0px; height: 42px; line-height: 42px;}
.newsDetail .shareArea .socialShare span{display: block;  line-height: 42px; width:50px; font-size:18pt; color:#fff;}
.newsDetail .shareArea .socialShare #twitterShare{display: block;background:url(../img/social.png) -31px -2px no-repeat; position: absolute; top:12px; left:70px; height: 20px; line-height: 20px; overflow: hidden; text-indent: 30000px; width:20px;}
.newsDetail .shareArea .socialShare #facebookShare{display: block;background:url(../img/social.png) 0px 0px no-repeat; position: absolute; top:12px; left:105px; height: 20px; line-height: 20px; overflow: hidden; text-indent: 30000px; width:20px;}

/*news-detail end*/

/* comment start*/
.comt{ display: none; background:url(../img/news/newsDetailComt.png) repeat-x; height:173px;padding:0px; width:800px;float:left; ;  margin-bottom:24px; position: relative; }
.comtD{display: none; background:url(../img/news/newsDetailComt.png) 0px -178px repeat-x;  height:122px;padding:0px; width:800px; float:left; ;  margin-bottom:24px; position: relative; }
a.comment{display: block;position: absolute; bottom:65px;right:30px;width: 95px; height: 27px; line-height: 27px; text-indent: 20000px; overflow: hidden; background: url(../img/headerBG.png) 0px -717px no-repeat;}
a.comment:hover{background: url(../img/headerBG-hover.png) 0px -717px no-repeat;}
/* comment end*/

/*media start*/
.mediaAdd{position: absolute;right:1px; top:14px;width: 27px; height:27px; border:1px solid #32c5f4; background: url(../img/icon.png) no-repeat; cursor:pointer; }
.mediaAdd:hover{  background: url(../img/iconHover.png) no-repeat; }
.mediaMain{width:1165px; margin:0px auto;}
.mediaMain .clear{display: block;}
.mediaMain .mediaBlock{width:1200px; height: auto; margin: 0px auto; position: relative;}
.mediaMain .mediaBlock ul{position: relative; float:left; width:341px; height: 307px;border:3px solid #000;background: url(../img/index/mediaBlockBG.png) repeat;margin-right:62px; margin-bottom:40px;  }
.mediaMain .mediaBlock ul.last{margin-right: 0px;}
.mediaMain .mediaBlock ul:hover{border:3px solid  #32c5f4; }
.mediaMain .mediaBlock h1{margin:30px 30px 25px 30px; line-height: 28px; font-size:28pt; color:#fff;}
.mediaMain .mediaBlock h1 a{color:#fff;}
.mediaMain .mediaBlock h1 a:hover{color:#32c5f4;}
.mediaMain .mediaBlock a.play{position: absolute;left:129px;top:65px;}
.mediaMain .mediaBlock span{display: block;margin-left:30px; line-height: 22px; color:#fff;}
.mediaMain .mediaBlock li{width:341px; height: 307px; position: absolute; left:0;top:0; background: #000; opacity: 0.25; display: none;}
.mediaMain .mediaBlock ul:hover li{display: none;}
.mediaMain .imgBlock{width:1200px; height: auto; margin: 0px auto; position: relative}
.mediaMain .imgBlock div.img{position: relative; float:left; width:341px; height: 192px;padding:0px;border:3px solid #000;margin-right:62px; margin-bottom:40px; }
.mediaMain .imgBlock div.last{margin-right: 0px;}
.mediaMain .imgBlock div.img .mediaCover{position: absolute; left: 0;top:0;width: 341px; height: 192px; background: url(../img/mediaCover.png) no-repeat; display:none;}
.mediaMain .imgBlock div.img:hover .mediaCover{display: block;}
.mediaMain .imgBlock div.img:hover{border:3px solid #32c5f4; padding: 0; cursor: pointer;}
.mediaMore{width:1170px; height: 63px; margin:0px auto 20px auto;background: url(../img/news/newsmore_normal.png) center top no-repeat; cursor: pointer;}
.mediaMore:hover{background: url(../img/news/newsmore.png) center top no-repeat;}

/*media end*/


/** code below added by huangrenjie **/
/** create date : 2014 May 8th **/

/** support page  **/

/** support/faq page **/



.pageNumberWrapper{
    clear: both;
    margin-top: 13px;
    float: right;
    margin-right: 17px;
}

.pageNumberWrapper span{
    display: block;
    float: left;
    font-weight: bold;
    line-height: 27px;
    margin-left: 3px;
    margin-right: 6px
}


.pageNumberItem:hover{
    background-color: #32c5f1;
    color: #000;
}


.pageNumberItem{
    width: 15px;
    height: 31px;
    text-align: center;
    color: #32c5f1;
    display: block;
    float: left;
    margin-right:4px;
    border: solid #32c5f1 1px;
    font-size: 18px;
    line-height: 30px; 
}


.supportWrapper{
    width: 1164px;
    margin: auto;
    font-family: 'Pakenham';

}


.supportWrapperBg{
    width: 1164px;
    background-image: url(../img/support/support_background.png);
    background-repeat: repeat;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 23px;
    overflow: hidden;
}


.breadcume{
    color: white;
    font-size: 35px;
    font-weight: bold;
}

.supportTab{

    width: 1164px;
    height: 106px;
    margin-bottom: 27px;
}

.supportTab a{display: block;float: left; width: 582px;line-height:106px; text-indent: 100000px;overflow: hidden; height: 106px;background-position-x: 0px; background-image: url(../img/support/supportImg.png); background-repeat: no-repeat;}
.supportTab a.hover,.supportTab a:hover{ background-image: url(../img/support/supportImgHover.png); }
.supportTab a.supportTabFaq{background-image: url(../img/support/supportImg.png); background-position:0px 0px;}
.supportTab a.supportTabFaq:hover{background-image: url(../img/support/supportImgHover.png); background-position:0px 0px;}
.supportTab a.supportTabFaqHover{background-image: url(../img/support/supportImgHover.png); background-position:0px 0px;}

.supportTab a.supportTabTicket{ background-image: url(../img/support/supportImg.png); background-position: 0px -107px;}
.supportTab a.supportTabTicket:hover{ background-image: url(../img/support/supportImgHover.png); background-position: 0px -107px;}
.supportTab a.supportTabTicketHover{ background-image: url(../img/support/supportImgHover.png); background-position: 0px -107px;}

.supportTab ul li{
    float: left;
}

.supportTab .faqButton{
    width: 582px;
    height: 106px;
    background-image: url(../img/sprite_normal.png);
    background-position: 0px -22px;
}


.supportTab .faqButtonOverable:hover{
	background-image: url(../img/sprite_highlight.png);
}


.supportTab .faqButtonHl{
    width: 582px;
    height: 106px;
    background-image: url(../img/sprite_highlight.png);
    background-position: 0px -22px;
}


.supportTab .ticketButton{
    width: 582px;
    height: 106px;
    background-image: url(../img/sprite_normal.png);
    background-position: 0px -248px;

}


.supportTab .ticketButtonHl{
    width: 582px;
    height: 106px;
    background-image: url(../img/sprite_highlight.png);
    background-position: 0px -248px;
}


.supportTab .ticketButtonOverable:hover{
	background-image: url(../img/sprite_highlight.png);
}


.supportContent{
    width: 1134px;
    margin:auto;
}


.faqTab{
    width: 1134px;
    height: 56px;
}
.subsupportTab a{
    display: block;
    float: left;
    width: 183px;
    margin-right:7px;
    height: 56px;
    background-image: url(../img/support/supportImg.png);
    background-position: 0px -214px;
	text-transform: uppercase;
}
.subsupportTab a.last{margin-right:0px;}
.subsupportTab a:hover,.subsupportTab a.checked{
	background-image: url(../img/support/supportImgHover.png) !important;
}



.subsupportTab span{
    color: white;
    text-align: center;
    font-family: inherit;
    font-size: 28px;
    font-weight: bold;
    display: block;
    margin-top: 14px;
    letter-spacing: 1px;
    text-transform: uppercase; 
}
.subsupportTab a:hover span,.subsupportTab a.checked span{color:#33c5f4;}

.ticketTab{
    width:380px;
    height:56px;
    margin:auto;
}




.faqListWrapper{
    margin-top: 14px;
    width: 1132px;
    padding-top: 11px;
    padding-bottom: 14px;
    background-color: #545454;
	min-height: 400px;
	border:1px solid #33c5f4;

}



.faqItem{
    width: 1074px;
    margin: auto;
    background-color: #000;
	background-image:  url(../img/news/newBG.png);
	background-repeat: repeat;
    margin-top: 12px;
	border:2px solid #000;
}
.faqItem:hover{
	border:2px solid #33c5f4;
}


.faqItem .faqItemSubjectWrapper{
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    height: 42px;
    background-image: url(../img/support/icon1.png);
    background-repeat: no-repeat;
    background-position: 1032px 15px;
    padding-top: 15px;
    cursor: pointer;

}
.faqItem .faqItemSubjectWrapper:hover{
	background-image: url(../img/support/icon1Hover.png) !important;
	color:#33c5f4;
}
.faqItem .checked,.faqItem .checked:hover{
	background-image: url(../img/support/icon1Open.png) !important;
	color:#33c5f4;
}

.faqItemSubjectWrapper .faqItemIcon{
    width: 27px;
    height: 27px;
    float: right;
    margin-right: 10px;
    background-image: url(../img/support/support_icon.png);
    background-position: 0px 0px;
}


.faqItemOver{
    background-image: url(../img/support/support_icon.png) !important;
    background-position: 0px -27px !important;
}


.faqItemOpen{
    background-image: url(../img/support/support_icon.png) !important;
    background-position: 0px -54px !important;
}


.faqItem .faqItemSubjectWrapper .faqItemSubject{
    display: block;
    text-indent: 13px;
    float: left;
}



.faqItem .faqItemContentWrapper{
    width: 1070px;
    background-color: #000;
	color:#fff;
    clear: both;
}


.faqItem .faqItemContentWrapper .faqItemContentMask{
    width: 1070px;
    height: 0px;
}


.faqItem .faqItemContentWrapper .faqItemContentMask2{
    overflow: hidden;
    height: 0px;
}


.faqItem .faqItemContentWrapper .faqItemContent{
    display: block;
    color: #fff;
    padding:14px 14px 30px 14px;
    font-size: 22px;
	line-height:28px;
}

#faqLazyLoadButton{
    width: 1072px;
    height: 41px;
    background-image: url(../img/support/support_icon.png);
    background-position: 0px -90px;
    display: block;
    margin: auto;
    margin-top: 13px;
}


#faqLazyLoadButton:hover{
    background-image: url(../img/support/support_icon.png);
    background-position: 0px -150px;
}



#contactWrapper{
    width:940px;
    color: #ffffff;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    margin:auto;
    height: 300px;
}


#contactWrapper #contactSubject{
    font-size: 50px;
}

#contactWrapper #contactDescription{
    font-size: 21px;
}

#contactWrapper #contactAddress{
    font-size: 30px;
}

/** support/faq page end **/


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

/** support/ticket page start**/



#createTicketWrapper{
    width: 1124px;
    /*background-color: #757575;*/
    /*background-image: url(../img/support/opacity_bg_gray.png);*/
    padding-top: 13px;
    padding-bottom: 78px;
    margin: auto;
    margin-top: 17px;
	border:1px solid #32c5f4;
	color:#fff;
}

#createTicketInnerWrapper{
    width: 1074px;
    margin:auto;
}



.ticketDescriptionBox{
    width: 100%;
	/* background-color: #8f8f8f;*/

}


.ticketDescContent1{
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18pt;
    color: #fff;
    /*text-indent: 10px;*/
}


.ticketInputWrapper{
    width: 514px;

}

.ticketSubjectWrapper{
    overflow: hidden;
    margin-top: 13px;
}


.ticketInputSubject{
    font-family: inherit;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    display: block;
    float: left;
	text-transform: uppercase;
}


.ticketInputSubjectHint{
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    font-weight: bold;
    display: block;
    float: right !important;
	text-transform: uppercase;
}


.ticketInputBox{
    color: #fff;
    clear: both;
    margin-top: 5px;
    width: 518px;
	background: none;
    border: 1px solid #32c5f4;
    padding-left: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: inherit;
    font-size: 25px;
    *font-size:18px;

}


.ticketSubjectInput{
    height: 90px;
}


.ticketMessageInput{
    height: 192px;
}


.ticketCrateButtonWrapper{
    margin-top: 15px;
    overflow: hidden;
}


.ticketButton{
    width: 114px;
    height: 42px;
    background-color: #000;
	border:1px solid #32c5f4;
    color: #fff;;
    text-align: center;
    font-family: inherit;
    font-size: 28px;
    font-weight: bold;
    display: block;
    float: left;
    line-height: 42px;
}


.ticketButton:hover{
    color: #000;
	background: #32c5f4;
}


.ticketSubmitMarginLeft{
    margin-left: 9px;
}



.ticketResetMarginLeft{
    margin-left: 90px;
}


.ticketAttchButton{
    padding: 0px;
    margin: 0px;
    border: 1px solid #32c5f4;
    width: 181px;
    background-image: url(../img/support/support_icon.png);
    background-position: -70px -47px;
	background-color:#000;
	color:#fff;
    text-indent: 25px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.ticketAttchButton:hover{
	background-image: url(../img/support/support_icon.png);
	background-position: -70px -3px;
}

.uploadedItemWrapper{

}

.uploadedItem{
    width: 514px;
    height: 29px;
    background-color:#000;;
    font-size: 20px;
    color: #fff;
	border:1px solid #32c5f4;
    text-indent: 10px;
    line-height: 28px;
    margin-top: 10px;
    clear: right;
}


.uploadedItem .fileName{
    color: #fff;
    display: block;
    float: left;
}


.uploadedItem .fileRemoveButton{
    width: 12px;
    height: 14px;
    right: 10px;
    float: right;
    display: block;
    background-image: url(../img/support/support_icon.png);
    background-position: -348px -11px;
    margin-top: 6px;
    margin-right: 7px;
    cursor: pointer;
}
.uploadedItem:hover .fileRemoveButton{
	background-image: url(../img/support/support_icon.png);
    background-position: -398px -11px;
}

.ticketCategorySelelctorBox{
    width: 100px;
    width: 513px;
    height: 32px;
    color:#fff; 
    background: black;
    border:1px solid #32c5f4;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.ticketCategorySelelctorWrapper{
    position: relative;
    width: 518px;
}
.ticketCategorySelelctorWrapperDrop{width:26px; height: 27px; background: url(../img/support/support_icon.png) -485px -211px; position: absolute; left:490px;top:3px; cursor:pointer; z-index: 5;}
.ticketCategorySelelctor option{background: #000; border:1px solid #32c5f4; line-height: 32px; font-size: 23px; text-indent: 5px;}
.ticketCategorySelelctor{
	z-index: 6;
	cursor:pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 518px;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color:#fff; 
    padding: 3px 10px 2px 2px;
	background: none;
    border:1px solid #32c5f4;
    font-family: inherit;
    font-size: 23px;
    text-indent: 5px;
}

#selectorCustomorWrapper{
    position: absolute;
    left: 0px;
    top: 32px;

}

.ticketCategorySelelctorBox span{
    font-family: inherit;
    color: #000000;
    text-indent: 10px;
    font-size: 24px;
    line-height: 30px;
    display:block;
}


.myTicketListWrapper{
    width: 1122px;
    padding-top: 30px;
    padding-bottom: 55px;
    border: solid #32c5f4 1px;
    margin: auto;
    margin-top: 19px;
	background:#565656;

}

.ticketCateoryOption{
    width: 513px;
    height: 32px;
    display: block;
    text-indent: 10px;
    background-color: #333;
    font-size: 25px;
    color: #000
}

.ticketCateoryOptionOver{
    background-color: #666 !important;
}

.myTicketListInnerWrapper{
    width: 1051px;
    margin: auto;   
}

.myTicketListHeader{
    text-align: center;
    font-family: inherit;
    color: #ffffff;
    font-size: 25px;
    font-weight: 15px;
    width: 1051px;
    height: 41px;
    background:#111111;
    line-height: 38px;
}


.myTicketListItem{
    text-align: center;
    font-family: inherit;
    color: #fff;
    font-size: 25px;
    width: 1047px;
    height: 52px;
    overflow: hidden;
    background-image: url(../img/news/newBG.png);
	background-repeat: repeat;
    line-height: 52px;
    margin-top: 8px;
    right: 10px;
    border:2px solid #000 ;
}
.myTicketListItem:hover{
	border:2px solid #32c5f4 ;
}




.myTicketListItem:hover .ticketListDetailBtn{
    background-color: #32c5f4 !important;
    color: #000 !important;
}



.ticketListDetailBtn{
    width: 110px;
    height: 39px;
    text-align: center;
    color: #fff;
    display: block;
    background-color: #000;
    float: right;
    border:1px solid #32c5f4;
    font-weight: bold;
    margin-top: 7px;
    margin-right: 10px;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: inherit;
}

.ticketListColumn{
    float: left;
    display: block;
    text-indent: 50px;
}



.ticketListColumn1{
    text-align: left;
    width: 165px;
}


.ticketListColumn2{
    width: 400px;
}

.ticketListColumn3{
    width: 275px;
}



.ticketDetailWrapper{
    width: 1123px;
    margin-top: 19px;
    padding-top: 32px;
    padding-bottom: 72px;
    border: solid #32c5f4 1px;
    background: none;
}


.ticketDetailInnerWrapper{
    width: 1073px;
    margin:auto;
}

.ticketDetailDescItem{
    clear: both;
}

.ticketDetailDescWrapper{
    overflow: hidden;
}

.ticketDetailDescItem .ticketDetailColumn1{
    width: 160px;
    text-align: right;
    font-family: inherit;
    font-size: 25px;
    color: #fff;
    display: block;
    float: left;
}

.ticketDetailDescItem .ticketDetailColumn2{
    width: 160px;
    font-family: inherit;
    font-size: 22px;
    color: #fff;
    float: left;
    margin-left: 30px;
    line-height: 25px;
}


.ticketDetailTicketWrapper{
    width: 1052px;
    padding-top: 20px;
    padding-bottom: 28px;
    padding-left: 20px;
    background-color: #000;
    margin-top: 28px;
    color: #fff;
	border:1px solid #32c5f4;
    font-size: 25px;

}
.ticketDetailTicketWrapper pre{
	word-wrap: break-word;
	padding-right: 10px;
}

.ticketDetailMessage{
    font-size: 20px;
    display: block;
}



.ticketDetailTickerAnswerWrapper{	width: 1032px;	padding-top: 20px;	padding-bottom: 28px;	padding-right: 20px;	padding-left:20px;	background-color: #000;	border:1px solid #32c5f4;	margin-top: 18px;	color: #fff;}



.ticketDetailInputWrapper{
    width: 520px;
}


.ticketCheckBox{
    width: 20px;
    height: 20px;
    border-width: 0px;
    background: url(../img/support/checkbox_bg.jpg);
    float: left;
    display: block;
}

.checkboxhint {
    font-size: 20px;
    color: #000;
    text-indent: 17px;
    display: block;
    font-weight: bold;
    line-height: 24px;
}

/** support/ticket page end **/


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


/** support page end **/



/** founder page  **/



#founderWrapper{
    width: 1172px;
    margin: auto;
    margin-bottom: 50px;
}


#founderLockItemWrapper{
    margin-top: 24px;
    overflow: hidden;
}


#founderLockItemWrapper .unlockItem{
    width: 293px;
    height: 109px;
    display: block;
    float: left;
    background-image: url(../img/sprite_normal.png);
    background-position: -297px -356px;
}


#founderLockItemWrapper .unlockItem:hover{
    background-image: url(../img/sprite_highlight.png);
}



#founderLockItemWrapper .lockItem{
    width: 293px;
    height: 109px;
    display: block;
    float: left;
    background-image: url(../img/sprite_normal.png);
    background-position: 0px -356px;
}


#founderProgressWrapper{
    margin-top: 26px;
    width: 1172px;
    height: 30px;
    background-image: url(../img/founder/progress_bg.jpg);
    background-repeat: repeat;
}


#founderProgress{
    width: 423px;
    height: 20px;
    background-color: #32c5f4;
    position: relative;
    left: 5px;
    top: 5px;
}

#founderIndicatorWrapper{
    position: relative;
    left: 400px;
    top: -42px;
}



#founderIndicator{
    width: 81px;
    height: 61px;
    background-image: url(../img/founder/progress_icon.png);
}



.shareItem{
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../img/sprite_normal.png);
    float: left;
}



#founderTT{
    background-position: 0px -518px;
}


#founderFB{
    background-position:-27px -518px;
}


#founderGG{
    background-position: -54px -518px;
}


#packHeadWrapper{
    margin-top: 76px;
    overflow: hidden;
    width: 1172px;
}


#founderPackHeadBC{
    float: left;
}


#checkOrderHistryBtn{
    float: right;
    width: 229px;
    height: 30px;
    background-color: #32c5f4;
    text-align: center;
    font-size: 30px;
    line-height: 31px;
    text-align: center;
    color: #000;
}


#packWrapper{
    margin-top: 45px;
    overflow: hidden;
}



.founderYoutubeBtn{
    display: block;
    width: 60;
    height: 43px;
    background-image: url(../img/sprite_normal.png);
    background-position: 0px -469px;
    float: right;
}


.founderYoutubeBtn:hover{
    background-image: url(../img/sprite_highlight.png);
}

.noMarginRight{
    margin-right: 0px !important;
}


#commanderPackColumn{
    margin-right: 67px;
}


#generalPackColumn{
    margin-right: 67px;
}


.packColumn{
    width: 342px;
    float: left;
}


.packBuyBtn{
    width: 342px;
    height: 76px;
    display: block;
    background-image: url(../img/sprite_normal.png);
    background-position: -194px -132px;
}


.packBuyBtn:hover{
    background-image: url(../img/sprite_highlight.png);
}






.packDescItem{
    width: 340px;
    height: 122px;
    border: solid #42b7dc 1px;
    background-repeat: repeat-x;
    margin-top: 1px;
    display: block;
}


.packItemOverStyle{
    width: 336px;
    height: 118px;
    border: solid #42b7dc 3px;
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: -124px;
    display: none;
}



.packTypeName{
    width: 340px;
    height: 256px;
    overflow: hidden;
}


.packIcon{
    margin-left: 50px;
    margin-top:21px;
    width: 64px;
    height: 64px;
    background-color: #fff;
    float: left;
    margin-right: 26px;
}


.packDescWrapper{
    float: left;
}


.packDesc{
    display: block;
    color: #fff;
}


.packDescHead{
    margin-top: 26px;
    font-size: 30px;
}


.packDescDesc2{
    font-size: 22px;
}

.commanderBg{
    background-image: url(../img/founder/command_cell_bg.png);
}


.generalBg{
    background-image: url(../img/founder/general_cell.png);
}


.samBg{
    background-image: url(../img/founder/sam_cell.png);
}

.packDescSlideWrapper{
    width: 325px;
    border: solid #5a5959 1px;
    overflow: hidden;
    margin: auto;
    background-color: #000;
}

.packDescSlideMask{
    overflow: hidden;
    height: 0px;
}


.packDescSlideWrapper span{
    display: block;
    width: 272px;
    color: #42b7dc;
    font-size: 20px;
    padding-top: 23px;
    padding-bottom: 23px;
    margin: auto;
}

#founderFAQButton{
    width: 198px;
    height: 52px;
    background-color: #32c5f4;
    display: block;
    margin: auto;
    margin-top: 50px;
    font-size: 40px;
    line-height: 53px;
    color: #000;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;

}


#founderAcceptionOverlay{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 761px;
    height: 303px;
    margin-left: -380px;
    margin-top: -151px;
    background-image: url(../img/founder/overlayAccptionBg.png);
}


#founderAcceptionOverlay #acceptionWrapper{
    width: 352px;
    overflow: hidden;
    margin: auto;
    margin-top: 129px;
}


#founderAcceptionOverlay .checkBox{
    width: 19px;
    height: 19px;
    background-image: url(../img/founder/checkbox.jpg);
    display: block;
    float: left;
    margin-right: 20px;
}


#founderAcceptionOverlay a{
    font-family: inherit;
    color: #fff;
    font-size: 25px;
    line-height: 17px;

}

#termsLink{
    color: #42b7dc !important;
    text-decoration: underline;
}

#acceptionOverlayBtnWrapper{
    width: 273px;
    margin: auto;
    margin-top: 29px;
}


#acceptionOverlayBtnWrapper a{
    width: 112px;
    height: 26px;
    border: solid #42b7dc 1px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 43px;
    color: #fff;
    font-size: 25px;
    line-height: 25px;
}


#acceptionOverlayBtnWrapper a:hover{
    background-color: #42b7dc;
    color: #000;
}


#acceptionOverlayBtnWrapper #nextBtn{
    margin-right: 0px !important;
}


#founderImgOverlay{
    border:3px solid #000;
    border-radius:5px; 
    position: fixed;
    width: 600px;
    height: 400px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    background-color: #fff;
}


#descOverlay{
    width: 737px;
    height: 229px;
    background-image: url(../img/founder/overlay-opacity-bg.png);
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -368px;
    margin-top: -114px;
}

#descOverlayWrapper{
    width: 696px;
    margin: auto;
    margin-top: 13px;
}


#descOverlayWrapper img{
    display: block;
    float: left;
    margin-right: 14px;
}

#descOverlayDescWrapper{
    float: left;
    width: 330px;
}


#descOverlayWrapper span{
    display: block;
    color: #fff;
    width: 330px;
    font-size: 25px;
    font-weight: bold;

}

#descOverlayWrapper p{
    margin-top: 17px;
    color: #fff;
}

/** founder page end **/


/** history page **/

.orderHistoryTitle{
    display: block;
    padding-top: 25px;
    padding-bottom: 10px;
    overflow: hidden;
    text-indent: 33px;
    font-size: 60px;
    color: #42b7dc;
}


.orderContent{
    width: 1134px;
    margin:auto;
}


.orderListWrapper{
    width: 1122px;
    padding-top: 30px;
    padding-bottom: 55px;
    border: solid #32c5f4 1px;
    margin: auto;
    margin-top: 19px;
    background-image: url(../img/support/opacity_bg_gray.png);
}


.orderListInnerWrapper{
    width: 1051px;
    margin: auto;   
}



.orderListColumn{
    float: left;
    display: block;

}



.orderListColumn1{
    width: 171px;
}

.orderListColumn2{
    width: 134px;
}


.orderListColumn3{
    width: 224px;
}

.orderListColumn4{
    width: 130px;
}

.orderListColumn5{
    width: 155px;
}


.orderListColumn6{
    width: 106px;
}



.orderListColumn7{

}


.orderRefreshBtn{
    display: block;
    width: 37px;
    height: 37px;
    background-image: url(../img/sprite_normal.png);
    background-position: -67px -471px;
    margin-top: 10px;
}


.orderRefreshBtn:hover{
    background-image: url(../img/sprite_highlight.png);
}



.orderListItem{
    text-align: center;
    font-family: inherit;
    color: #000000;
    font-size: 25px;
    width: 1051px;
    height: 56px;
    overflow: hidden;
    background-image: url(../img/support/opacity_item_bg_gray.png);
    line-height: 56px;
    margin-top: 8px;
    right: 10px;
}


.orderListItemOver{
    border: solid #32c5f4 2px;
    width: 1047px;
    height: 52px;
    line-height: 52px;
}


.orderListItemOver .ticketListDetailBtn{
    margin-top: 6px !important;
    margin-right: 8px !important;
    background-color: #32c5f4 !important;
    color: #fff !important;
}


.ticketListHelpBtn{
    background-color: #797979 !important;
}


.orderListItemOver .orderRefreshBtn{
    margin-top: 8px !important;
}

#oerderTime{
    font-size: 20px;
    letter-spacing: 1px;
}


#orderPackType{
    display: block;
    width: 1122px;
    height: 76px;
    background-color: #787878;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-indent: 41px;
    line-height: 91px;
}

#orderPackTypeDesc{
    font-size: 22px;
}


#orderHistoryInnerWrapper{
    width: 1053px;
    margin:auto;
}


.orderHistorySubject{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    display: block;
    margin-top: 40px;
}



#historyNameInputWrapper{
    width: 660px;
    height: 57px;
    background-color: #828282;
    margin-top: 33px;

}


#historyNameInputBox{
    width: 464px;
    margin-left: 40px;
    display: block;
    border: 0px none;
    color: #8a8a8a;
    font-size: 18px;
    line-height: 25px;
    height: 40px;
    float: left;
    margin-top: 8px;
    text-align: center;
    text-indent: 10px;
}

.detailShowBox{
    width: 314px;
    height: 39px;
    background-color: #000;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 29px;
}


#historyNameSubmit{
    color: #fff !important;
    float: left !important;
    margin-right: 0px !important;
    margin-top: 8px;
    font-size: 25px;
}



.historyDetailRowItem{
    clear: both;
    width: 1052px;
    height: 57px;
    background-color: #828282;
    margin-top: 12px;
}


.historyDetailRowKeyName{
    font-size: 31px;
    color: #000;
    display: block;
    float: left;
    margin-left:29px; 
    width:280px;
    line-height: 56px;

}


.orderDetailCopy{
    color: #fff;
    font-size: 25px;
}


.orderDetailCopy:hover{
    color: #32c5f4;
}


#historyInputNameAlert{
    clear: both;
    width: 100%;
    text-align: center;
    color: #32c5f4;
    display: block;
    width: 660px;
    padding-top: 10px;
    font-size: 22px;
}


#founderMedalDescWrapper{
    width: 1053px;
    padding-top: 27px;
    padding-bottom: 27px;
    overflow: hidden;
    background-color: #828282;
    margin-top: 10px;
}

#founderMedalDesc{
    padding-left: 30px;
    color: #000;
    font-size: 25px;
    line-height: 20px;
    width: 200px;
    display: block;
}


#serverListWrapper{
    width: 1170px;
    margin: 20px auto auto; 
    overflow: hidden;
    margin-bottom: 100px;
}
.gameClientBlock{width: 560px; height: 480px; position: absolute; left: 50%; top:50%; margin: -240px 0px 0px -280px; border :2px solid #32c5f4; background: #000;}
.gameClientBlock h1{font-size:32pt; color:#fff;  line-height: 40px; padding-top: 36px; text-align: center; font-family: 'BanqueGothiqueRR LightExtCond'; margin-bottom: 10px;}
.gameClientBlock p{font-size:15pt; color:#fff; text-align: center; line-height: 20px; }
.gameClientBlock .playInBrowser{display:block; text-align:center;width:230px; height: 32px; font-size:20pt; font-weight: bold; line-height: 32px;  color:#000; background: #32c5f4; border:2px solid #32c5f4;  margin: 20px auto 0px auto;}
.gameClientBlock .playInBrowser:hover{background: #000; color:#32c5f4;}
.gameClientBlock .installGame{ background: url(../img/serverList/gameClientBG.jpg) no-repeat ; display: block;width:218px; height: 58px;border:2px solid #000; line-height: 58px; text-indent: 10000px; overflow: hidden;margin: 40px auto 10px auto;}
.gameClientBlock .installGame:hover{background: url(../img/serverList/gameClientBG_hover.jpg) no-repeat ; border:2px solid #faa61a;}
.installGameSmall{ display: inline-block;position: relative; background: url(../img/serverList/gameClientBG.jpg) no-repeat ; width:113px; height: 29px; margin-bottom: -7px; margin-left: 10px;background-size: 100% auto;border:1px solid #000; line-height: 58px; text-indent: 10000px; overflow: hidden;}
.installGameSmall:hover{background: url(../img/serverList/gameClientBG_hover.jpg) no-repeat ;  background-size: 100% auto;border:1px solid #faa61a;}
.gameClientBlock hr{ background: url(../img/serverList/gameClientHR.png) no-repeat; width:341px; height: 2px; margin: 38px auto 20px auto; border:0px; padding: 0;}
#serverToolWrapper{
    width: 1170px;
    height: 144px;
}

#serverToolWrapper #toolBtn{
    background-image: url(../img/serverList/serverList_btn.jpg);
	background-position: 0px -300px;
}
#serverToolWrapper .serverToolItem {position: relative;}
#serverToolWrapper .serverToolItem .overItem{display: none;}

#serverToolWrapper .serverToolItem:hover .overItem{display: block; z-index: 10;}
#serverToolWrapper .serverToolItem a{position: relative;z-index: 100;}
#serverToolWrapper .serverToolItem:hover a{color:#faa61a;}

#serverToolWrapper #founderPackBtn{
    background-image: url(../img/serverList/serverList_btn.jpg);

}

#serverToolWrapper #newsBtn{
    background-image: url(../img/serverList/serverList_btn.jpg);
	background-position: 0px -150px;
}

.serverToolItem{
    width: 382px;
    height: 142px;
    border: solid #32c5f4 1px;
    margin-right: 9px;
    display: block;
    float: left;
    cursor: pointer;
}


.itemLast{
    margin-right: 0px !important;
}


.serverToolItem a{
    width: 164px;
    height: 35px;
    background-image: url(../img/serverList/btn_bg.jpg);
    background-repeat: repeat-x;
    font-size: 25px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    line-height: 35px;
    position: relative;
    display: block;
    border: solid #32c5f5 1px;
    left: 128px;
    top: 89px;
}
#serverToolWrapper .serverToolItem a.advertisement{ background: none; width: 382px; height: 142px; position: relative;top:0px;left: 0px;left:100px; border:0; display: block; z-index: 9;}
#serverToolWrapper .serverToolItem  img.advertisement{width: 382px; height: 142px; position: relative;top:0px;left: 0px;left:100px; border:0; display: block; z-index: 9;}
.serverToolItem #founderPackItem{
    left: 161px;
    top: 96px;
}

.serverToolItemBtnOver{
    color: #faa61a;
}


.serverToolItem .overItem{
    width: 376px;
    height: 136px;
    border: solid #32c5f4 3px;
    display: none;
    position: absolute;
	top:0px ; left: 0px;
}

.serverListSubjectWrapper{
    height: 30px;
    margin-top: 50px;

}

.serverListSubject{
    color: #FFFFFF;
    display: block;
    font-size: 30px;
    font-weight: bold;
    float: left;
    margin-right: 20px;
}


.serverStatusWrapper{
    float: left;
    margin-right: 32px;
}


.serverStatusIcon{
    border: solid #000 1px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    margin-top: 11px;
}


.serverStatusText{
    display: block;
    float: left;
    font-size: 18px;
    color: #fff;
    text-indent: 6px;
    line-height: 35px;
}


.serverStatusOpen{
    background-color: #60ad23;
}

.serverStatusMaintain{
    background-color: #e20000;
}


.serverStatusClose{
    background-color: #5f5f5f;
}

.serverListRowWrapper{
    clear: left;
}


.serverItemWrapper{
    width: 384px;
    height: 217px;
    /*height: 497px;*/
    background-color: #000;
    float: left;
    margin-right: 3px;
    border: solid #000 2px;
    margin-bottom:20px;
    overflow: hidden;
	cursor: pointer;
}


.serverItemWrapper:hover{
    border: solid #32c5f4 2px;
}

.serverItemWrapper .activeMask{
    width: 376px;
    height: 208px;
    background-image: url(../img/serverList/activeMask.png);
    position: absolute;
    left: 3px;
    top: 3px;
    display: none;
}

.serverItemInnerWrapper{
    position: relative;
    left: 0px;
    top: 0px;
}
.serverItemInnerWrapper p{position:  absolute; left: 29px; top:17px; display: block; color:#fff; width:325px;}

.serverListRow{
    margin-top: 20px;
}

.serverListItemSplash{
    position: absolute;
    left: 1px;
    top: 1px;
}


.serverNewLabel{
    width: 54px;
    height: 54px;
    position: absolute;
    left: 1px;
    top: 1px;
}

.serverNewLabel img{
    padding: 0px;
    bottom: 0px none;
    margin: 0px;
}



.serverControlPanel{
    width: 382px;
    height: 76px;
    background-image: url(../img/serverList/control_panel_bg.png);
    position: absolute;
    left: 1px;
    top: 120px;
}


.serverControlPanel .serverStatusWrapper{
    width: 42px;
    height: 100%;
    float: left;
    margin-top: 15px;
    margin-right: 14px;
}

.serverControlPanel .serverStatus{
    width: 20px;
    height: 20px;
    float: right;
}


.serverControlPanel .serverLoginWrapper{
    float: left;
    margin-top: 12px;
    width: 186px;
}

.serverLoginWrapper .serverName{
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    display: block;
}


.serverLoginWrapper .lastLoginTime{
    font-size: 20px;
    color: #fff;
    display: block;
    margin-top: 5px;
}


.serverControlBtn{
    text-align: center;
    font-size: 25px;
    color: #fff;
    border: solid 2px #32c5f4;
    display: block;
}
.serverControlBtn2{
	width:124px; 
    text-align: center;
    font-size: 25px;
    color: #fff;
    border: solid 2px #32c5f4;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    font-weight: bold;
    background: #000;
}
.serverControlBtn2:hover{
    color: #000;
    background-color: #32c5f4;
}


.serverSelectedWrapper .serverControlBtn{
    width: 113px;
    height: 24px;
    float: left;
    margin-right: 42px;
    line-height: 26px;
    background-color: #000;
}


.serverItemWrapper:hover .serverControlBtn{
    color: #000;
    background-color: #32c5f4;
}


.serverItemInnerWrapper .serverControlBtn{
    width: 165px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 203px;
    top: 127px;
    font-weight: bold;
}
.pending{
	background: url(../img/pending.gif) no-repeat;
	display: block; overflow: hidden; text-indent: 30000px;
	border:2px solid #000; cursor: default;
}

.serverItemInnerWrapper .serverControlBtn:hover{
    color: #000;
    background-color: #32c5f4;
}


.serverSelectedWrapper{
    width: 384px;
    height: 280px;
    background-color: #3a3a3a;
    position: absolute;top:217px;
}

.serverSelectedWrapper .errorMsg{
    color: #FF0000;
    display: block;
    font-size: 19px;
    margin-top: 14px;
	height:20px;
	text-align: center;
}

.serverSelectedArrow{
    width: 84px;
    height: 17px;
    margin:auto;
}


.serverSelectedArrowDown{
    background-image: url(../img/serverList/serverList.png);
}


.serverSelectedArrowUp{
    background-image: url(../img/serverList/serverList.png);
    position: relative;
    top: -17px;
    background-position: 0px -17px;
}

.serverSelectedWrapper .serverKeySubject{
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px;
    letter-spacing: 1px;
}

.serverSelectedWrapper .keyInputWrapper{
    margin: auto;
    width: 348px;
    margin-top: 14px;
    height:36px; 
    background: #fff;
	font-size: 18px;
    color: #000;
    font-weight: bold;
	text-align: center;
}

.serverSelectedWrapper .keyInputWrapper .first{}

.serverSelectedWrapper .keyInput{
    border: 0px none;
    width: 348px;
    height: 36px;
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: bold;
    line-height: 35px;
	text-transform: uppercase;
}


.serverSelectedWrapper .serverTermWrapper{
    margin: 12px auto auto;
    overflow: hidden;
    width: 348px;
}


.serverTermWrapper .checkbox{
    width: 27px;
    height: 27px;
    background-image: url(../img/serverList/serverList.png);
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: -27px -43px !important;
} 


.serverTermWrapper .checked{
    background-image: url(../img/serverList/serverList.png) !important;
    background-position: 0px -43px !important;
}


.serverTermWrapper .terms{
    float: left;
    margin-left: 17px;
}
.serverServerSuccessWrapperClose{margin-top: 20px; text-align: center;position: relative;}
.serverServerSuccessWrapperClose .serverControlBtn2{left:50%;margin-left:-62px;}
.terms span{
    font-size: 20px;
    color: #fff;
    line-height: 18px;
}

.terms a{
    text-decoration: underline;
}

.serverSelectedWrapper .serverBtnWrapper{
    width: 278px;
    height: 28px;
    margin: auto;
    margin-top: 40px;
}
.serverSelectedWrapper .serverBtnWrapper2{
    width: 278px;
    height: 28px;
    margin: auto;
    margin-top: 40px;
	position: relative;
}
.serverSelectedWrapper .serverBtnWrapper2 .back{top:0px; left:0px;}
.serverSelectedWrapper .serverBtnWrapper2 .active{top:0px; left:150px;}
.serverServerSuccessWrapper span{
    display: block;
    text-align: center;
    font-size: 20px;
    color: #32c5f4;
    margin-top: 15px;
}


/** history page end **/



/** booste page begin **/


#boostWrapper1{
    width: 600px;
    margin: auto;
    margin-top: 50px;
}

#boostWrapper2{width: 600px;margin: auto; margin-top: 50px;}




.boostWrapper{
    margin-bottom: 120px !important;
    overflow: hidden;
}

.boostWrapper p{
    text-align: center;
    font-size: 34px;
    color: #fff;
    display: block;
    margin-bottom: 32px;
    letter-spacing: 1px;
}
.boostWrapper p span{
	font-size: 30pt;
}


.boostBackground{
	background-image: url(../img/boost/boost_background.jpg) !important;
	background-position-y: -200px;
}


.boostBtnWrapper a{
    width: 278px;
    height: 43px;
    float: left;
    border: solid #32c5f4 2px;
    display: block;
    margin-right: 21px;
    margin-bottom: 18px;
    color: #fff;
    overflow: hidden; 
	line-height: 43px; 
	text-indent: 10000px;
	background-image:url(../img/boost/boost.png);
}
.boostBtnWrapper a.boostFacebook{
	background:url(../img/boost/boost.png) 0px -1px;
}
.boostBtnWrapper a.boostSurvey{
	background:url(../img/boost/boost.png) -306px -1px;
}
.boostBtnWrapper a.boostFriend{
	background:url(../img/boost/boost.png) 0px -64px;
	background-image:url(../img/boost/boost.png);
}
.boostBtnWrapper a.boostForum{
	background:url(../img/boost/boost.png) -306px -64px;
}

.boostBtnWrapper a:hover{
    color: #000 !important;
	background-image:url(../img/boost/boostHover.png);
	background-color: #32c5f4;
}


.boostWrapper .icon{
    float: left;
    margin-top: 1px;
}


.boostWrapper .iconOver{
    background-image: url(../img/boost/sprite_over.png) !important;
}

.boostWrapper .fbIcon{
    width: 18px;
    height: 37px;
    background-image: url(../img/boost/sprite.png);
    background-position: -41px -54px;
    margin-left: 7px;
}



.boostWrapper .completeIcon{
    width: 29px;
    height: 35px;
    background-image: url(../img/boost/sprite.png);
    background-position: 0px -54px;
    margin-left: 6px;
}


.boostWrapper .inviteFriendIcon{
    width: 42px;
    height: 40px;
    background-image: url(../img/boost/sprite.png);
    background-position: -112px -54px;
    margin-left: 13px;
}

.boostWrapper .forumIcon{
    width: 42px;
    height: 34px;
    background-image: url(../img/boost/sprite.png);
    background-position: -71px -54px;
    margin-left: 19px;
}

.boostBtnWrapper .iconText{
    font-size: 23px;
    line-height: 41px;
    display: block;
    float: left;
    font-weight: normal;
}

.fbTxt{
    text-indent: 10px;
}

.completeTxt{
    text-indent: 10px;
}

.ifTxt{
    text-indent: 10px;
}

.forumTxt{
    text-indent: 10px;
}
#btnWrapper{
    width: 590px;
    margin-top: 18px;
}


.boostActiveWrapper{
    width: 304px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 20px;
}


.boostArrow{
    float: left;
    width: 20px;
    height: 30px;
    margin-right: 13px;
    margin-top: 11px;
}


.arrowLeft{
    background-image: url(../img/boost/boost_icon.png);
}


.arrowRight{
    background-image: url(../img/boost/boost_icon.png);
    background-position: -16px 0px;
}


#boostActiveBtn{
    width: 237px;
    height: 48px;
    background-repeat: no-repeat;
    background-image: url(../img/boost/sprite.png);
    display: block;
    float: left;
    margin-right: 13px;
}
#boostActiveBtn:hover{
    background-image: url(../img/boost/sprite_over.png);
}
#boostActiveBtn2{
    width: 237px;
    height: 48px;
    background-repeat: no-repeat;
    background-image: url(../img/boost/playalphanow.png);
    display: block;
    float: left;
    margin-right: 13px;
}
#boostActiveBtn2:hover{
    background-image: url(../img/boost/playalphanowHover.png);
}

#boostWrapper2 .tryNow{ width:327px; height: 91px; background: url(../img/boost/trynow.png) no-repeat; display: block; margin: 0px auto; line-height: 91px; text-indent: 10000px;overflow: hidden; }
#boostWrapper2 .tryNow:hover{background: url(../img/boost/trynowHover.png) no-repeat;}

#boostWrapper2 .activeWrapper{
    width: 375px;
    margin: auto;
    margin-bottom: 63px;
    overflow: hidden;
}


.activeWrapper .shopIcon{
    background-image: url("../img/boost/boost_icon.png");
    background-position: 0 -25px;
    float: left;
    height: 72px;
    margin-right: 28px;
    width: 78px;
}

.activeWrapper .activeBtn{
    width: 214px;
    height: 37px;
    border: solid #32c5f4 2px;
    font-size: 30px;
    text-align: center;
    display: block;
    float: left;
    line-height: 38px;
    color: #fff;
    background-image: url(../img/boost/btn_bg.png);
    margin-top: 19px;
}


.activeWrapper .activeBtn:hover{
    color: #faa61a;
}

.clearBoth{
    clear: both;
}


#boostWrapper2 #boostBtnWrapper{
    width: 840px;
    margin: auto;
}


#boostBtnWrapper a{
    width: 195px !important;
    height:35px !important;
    margin-right: 11px !important;
}



#boostBtnWrapper .fbIcon{
    width: 15px;
    height: 32px;
    background-image: url(../img/boost/sprite.png);
    background-position: -41px -100px;
    margin-left: 6px;
    margin-top: 2px;
}



.boostWrapper .completeIcon{
    width: 24px;
    height: 29px;
    background-image: url(../img/boost/sprite.png);
    background-position: 0px -100px;
    margin-left: 5px;
}


.boostWrapper .inviteFriendIcon{
    width: 37px;
    height: 27px;
    background-image: url(../img/boost/sprite.png);
    background-position: -112px -100px;
    margin-left: 11px;
}

.boostWrapper .forumIcon{
    width: 28px;
    height: 27px;
    background-image: url(../img/boost/sprite.png);
    background-position: -71px -100px;
    margin-left: 16px;
}

.boostWrapper .icon{
    margin-top: 3px;
}

.boostWrapper .iconText{
    font-size: 21pt;
    line-height: 40px;
}

/** boost page end **/

/**Game Test Page start*/
#ndaContent{width:800px;margin: 0px auto; overflow-y: scroll; height: 400px; color:#fff;}
.nda-form{width:800px; margin: 0px auto;color:#fff; margin-top: 10px; font-size: 22px;}
.nda-form p{margin-bottom: 20px;}
#flashContent{margin:0px;padding:0px;}
#altContent{display:none;}

.flashPosition{width:100%; height: auto;min-height:380px; margin: 0px auto; }
.errorDisplay{width: 900px; min-height: 300px; margin: 0px auto;color:#fff; }
#preloader{display: block; margin: 0px auto;}
.errorDisplay h1{ font-size: 24px; text-align:center; line-height:35px; }
.errorDisplay h1 span{font-size:28px; font-weight: bold;}
.errorDisplay h1 span.blue{color:#32c5f4; font-weight:normal;}
.errorDisplay h1 img{display:inline;}
.errorDisplay div,.errorDisplay p{display: none;}

.errorDisplay a.errorHelp{display:block;margin:20px auto 30px auto; width:125px; height:25px; text-align:center; color:#fff; background:#32c5f4; line-height:25px; font-size:22px; font-weight:bold;}
.errorDisplay a.errorHelp:hover{color:#fff; background:#32c5f4;}
a.blueLink{display:block;margin:20px auto 30px auto; width:123px; height:23px;border:1px solid #32c5f4; text-align:center; color:#fff; background:#000; line-height:25px; font-size:22px; font-weight:bold;}
a.blueLink:hover{color:#000; background:#32c5f4;}

.gameTestBlock{width: 1100px; position: relative; margin: 0px auto; background: #000;margin-bottom: 100px;}
.gameTestBlock h1{text-align:center;color:#fff; font-size:30px; padding-top: 30px;}
.gameTestBlock p{ text-align: center;}

.FPSBenchmark{margin: 10px auto 10px auto; width: 1000px;}
.FPSBenchmark .score{display: none; line-height: 30px; font-size:30px; font-family: "Pakenham"}
.FPSBenchmark .white{color:#fff;}
.FPSBenchmark .basic,.FPSBenchmark .chrome{ text-align: center; color:#fff;}
.FPSBenchmark .chrome p{width: 660px; text-align:left; margin:30px auto; line-height: 30px; font-size:30px;}
.FPSBenchmark .chrome{color:#32c5f4;}
.FPSBenchmark .addon{color:#32c5f4;text-align: center;}
.FPSBenchmark a{line-height: 30px; font-size:30px; font-family: "Pakenham";color:#b60927;}

/* Game test Page end*/

/** nda page start*/
.nda-wrapper{color:#fff; border : 1px solid #32c5f4; background: url(../img/news/newsDetailBg.png) repeat ; padding:50px;}
.nda-wrapper strong{font-weight:bold;}
.nda-wrapper h1{ text-align: center; padding-bottom: 20px; font-size:30pt; color:#32c5f4;font-family: Arial;}
.nda-wrapper h2{ text-align: left; padding-bottom: 10px; font-size:18pt; color:#32c5f4; font-family: Arial;}
/**nda page end*/

/*Luck Draw Page start*/
.luckDrawWinAccess{ width:1170px; height: 217px; display: block; margin: -55px auto 0px auto; background: url(../img/luckdraw/title.png) no-repeat; }
.luckDrawMain{width:1273px; min-height: 433px; background: url(../img/luckdraw/mainBG.png) no-repeat;margin: -60px auto 0px auto; position: relative; }
.luckDrawMain .showBlock{width:915px; height: 185px; position: relative; padding-left:169px;  padding-top:70px;}
/*.luckDrawMain .showBlock .ready{width:915px; height:68px; position: relative;  background: url(../img/luckdraw/ready.png) -70px 0px no-repeat;margin-left:0px; margin-top:60px;}*/
.luckDrawMain .showBlock .ready{width:915px; height:185px; position: relative;   background: url(../img/luckdraw/luckydrawready.jpg) no-repeat;}

.luckDrawMain .tryNow{display:block;width: 327px; height: 91px; background: url(../img/luckdraw/trynow.png) no-repeat; line-height: 91px; overflow: hidden; text-indent: 10000px;}
.luckDrawMain .tryNow:hover{ background: url(../img/luckdraw/trynowHover.png) no-repeat;}
.luckDrawMain .tryNowGray{display:block; cursor:auto;width: 327px; height: 91px; background: url(../img/luckdraw/trynow_gray.png) no-repeat; line-height: 91px; overflow: hidden; text-indent: 10000px;}
.luckDrawMain .tryNowPosition{margin: 25px auto 0px auto;}
.luckDrawMain .ndaCheck{height:60px;line-height: 60px; position: relative; width: 914px; margin: 0px auto;}
.luckDrawMain .ndaCheck .terms{color:#fff;font-size: 19pt;line-height: 60px; font-family: "Pakenham"; width: 600px; height: 60px; position: absolute; left:235px;}
.luckDrawMain .ndaCheck .checkbox{position: absolute; left:200px; top:15px; width: 27px;height: 27px;background: url(../img/serverList/serverList.png)  -27px -43px  no-repeat;    display: block;   float: left;} 
.luckDrawMain .ndaCheck .checked{background: url(../img/serverList/serverList.png)  0px -43px  no-repeat;}
.luckDrawMain .rules{width:650px; color:#fff;font-size: 18pt; font-family: "Pakenham";  margin: 50px auto 100px auto; }
.luckDrawMain .rules h1{font-size:22pt;}
.luckDrawMain .showBlock .title{width:460px; height: 110px; color:#fff; position: absolute; left:260px; top:120px;}
.luckDrawMain .showBlock .title h1{ font-size:32pt; line-height: 47px; height: 47px;  }
.luckDrawMain .showBlock .successTitle {font-size:36pt; line-height: 185px; text-align: center; color:#fff;}
.luckDrawMain .timeBlock{ font-size:60pt; line-height: 114px;color:#32c5f4; font-family: "DIGITAL"; text-align: center;width: 293px; height: 119px; background:url(../img/luckdraw/failure.png) no-repeat; position: absolute; left:757px; top:104px;}
.luckDrawMain .empty{height: 100px;}
.luckDrawMain .success {margin-top:70px;}
.luckDrawMain .success .playalpha{ margin: 0px auto;}
.luckDrawMain .success .backToHome{display: block; margin: 20px auto 20px auto; height:42px; width: 210px; color:#fff;text-align:center;line-height:42px; font-size:24pt; font-family:  "Pakenham";background:url(../img/luckdraw/backtohome.jpg) repeat-x; border:1px solid #32c5f4;}
.luckDrawMain .success .backToHome:hover{background:#32c5f5; color:#000;}
.luckDrawMain .failureBlock{ width: 380px; margin-top:0px;margin-left:113px; height:150px;color:#fff; float:left; background: url(../img/luckdraw/failure-arrow.gif) right no-repeat;}
.luckDrawMain .failureBlock p{display: none;}
.luckDrawMain .failureBlock .img{margin-left:37px; margin-top:10px;width:319px; height: 132px; display: block; background: url(../img/luckdraw/boost-failure.png) no-repeat;}

/*Luck Draw Page end*/

/*SHOP page start*/
.shopBlock h1.shopTitle{ display: block;text-align: center; padding-top: 10px; margin: 0px auto; height: 150px; }
.shopBlockBg {height:222px;position: relative;}
.shopBlockBg2{background:url(../img/shop/shopBg2.png) repeat;padding-top:40px;}
.shopBlock .shopServerBlock{ display: block; width: 1176px; margin: 0px auto; position: absolute;top:80px; z-index: 10; height:75px; background:url(../img/shop/selectAccountBg.png) repeat;}
.shopBlock ul.shopServerTitle{ width:420px;position: absolute; left:90px; top:10px; height: 25px; line-height: 25px; color:#fff;  background: #000;}
.shopBlock ul.shopServerTitle li{width:105px; text-indent: 25px; line-height: 25px;  color:#fff; font-size:16pt; font-family: "Pakenham"; float: left;}
.shopBlock ul.shopServerDefault{ cursor: pointer; width:414px;position: absolute; left:90px; top:35px; margin-left: 0px; height: 27px; border:3px solid #d7ae62; line-height: 19px; color:#fff;  background: #000;}
.shopBlock ul.shopServerDefault li{width:103.5px;text-indent: 25px; overflow: hidden;height: 27px; line-height: 27px;  color:#d7ae62; font-size:16pt; font-family: "Pakenham"; float: left;}
.shopBlock a.shopOrderHistory{ cursor: pointer;width:184px; height: 45px; background: url(../img/shop/btnOrderHistory.jpg) no-repeat; color:#d7ae62; display: block;   position: absolute; right:96px ; top:15px; line-height: 45px; overflow: hidden; text-align: left;  text-indent: 10000px;font-weight: bold; font-family:  "Pakenham";}
.shopBlock a.shopOrderHistory:hover{background: url(../img/shop/btnOrderHistoryHover.jpg) no-repeat; }
.shopBlock a.shopFAQ{ cursor: pointer;width:56px; height: 48px; background: url(../img/shop/btnFAQ.png) no-repeat; color:#d7ae62; display: block;   position: absolute; right:24px ; top:13px; line-height: 48px; text-align: left;  text-indent: 10000px; text-align: center; font-weight: bold; font-family:  "Pakenham";}
.shopBlock a.shopFAQ:hover{color: #000;  background: url(../img/shop/btnFAQHover.png) no-repeat; }
.shopBlock .shopServerSelect{ display:  none; width: 420px; position: absolute; z-index: 11; top:70px; min-height:40px; background: #000; left: 90px; margin-left: 0px;}
.shopBlock .shopServerSelect ul{ cursor: pointer; width:414px;height: 27px; border:3px solid #000; line-height: 19px; color:#fff;  background: #000;}
.shopBlock .shopServerSelect ul:hover{border:3px solid #d7ae62; }
.shopBlock .userIcon{position: absolute; left: 21px ;top:9px; width: 57px; height:57px; display: block; border:1px solid #d7ae62;}
.shopBlock .shopServerSelect li{width:103.5px;text-indent: 25px; overflow: hidden;height: 27px; line-height: 27px;  color:#d7ae62; font-size:16pt; font-family: "Pakenham"; float: left;}
.shopBlock .shopSwitchCharacter{position: absolute; left: 480px; top:38px;  cursor: pointer; margin-left: 0px;width: 26px;overflow: hidden;  height: 26px; border:0; line-height: 26px;font-size:12pt;font-family: "Pakenham"; width:95px; color:#d7ae62; background: url(../img/shop/shopSwitchCharacter.png) no-repeat; overflow: hidden; text-indent: 10000px;  }
.shopBlock .shopSwitchCharacter:hover{color:#000;  }
.shopBlock .shopGoodsBlock{width:1065px; margin: 30px auto 50px auto; height: auto; }
.shopBlock .shopGoodsBlock .clear{display: block;height:30px;}
.shopBlock .shopGoodsBlock ul{border:2px solid #000; cursor: pointer; display: block; background: #2d2514; margin:0px 20px 45px 0px; width:247px; height:281px;overflow: hidden; float:left; }
.shopBlock .shopGoodsBlock ul li{height: 157px;}
.shopBlock .shopGoodsBlock ul:hover{border:2px solid #32c5f4;}
.shopBlock .shopGoodsBlock ul:hover .buynow{ background: url(../img/shop/buynowHover.jpg) no-repeat;cursor: pointer;}
.shopBlock .shopGoodsBlock ul .p1{ margin: 0px auto; height:70px; line-height: 70px; width: 100%; color:#ffe26b; text-align: center; font-size:32pt;  font-family:  'BanqueGothiqueRR LightExtCond'; word-break:keep-all;white-space:nowrap;}
.shopBlock .shopGoodsBlock ul .p1 img{width:247px; height: 70px;display:block; border: 0; padding: 0;margin: 0;}
.shopBlock .shopGoodsBlock ul .p1 span{  font-size: 38pt; color:#faa61a;  font-family:  'BanqueGothiqueRR LightExtCond','Pakenham';}
.shopBlock .shopGoodsBlock ul .p2{margin-bottom:0px;font-size:11pt; font-family: 'pakenham'; color:#e7d489; background: #362f21; height: 20px; line-height: 20px;  text-align: center; }
.shopBlock .shopGoodsBlock ul.last{margin-right:0px;}
.shopBlock .shopGoodsBlock ul:nth-child(4n){margin-right:0px;}
.shopNotice{ padding-bottom:50px; margin-bottom: 50px;}
.shopNotice .shopLunchGame{font-weight: bold;display:block;background:#000;width:395px; height:90px; padding:10px 0px 10px 0px;line-height: 45px;margin: 30px auto 30px auto; text-align: center;font-size:24pt; color:#ffdb84; border:2px solid #ffdb84;  }
.shopNotice .shopLunchGame:hover{background: #ffdb84; color:#000;}
.shopNotice .shopLunchGame span{font-size: 28pt;}

.shopTitle {display: block; margin: 0px auto; width:568px; height: 113px; background: url(../img/shop/shopTitle.png) no-repeat; line-height: 113px; overflow: hidden;text-indent:100000px;}
.shopNotice h1.noCharacter{padding-top: 30px;padding-bottom: 10px; line-height: 34px; font-weight: bold; font-size:34pt; font-family: 'Pakenham'; text-align:center;color:#ffdb84;}
.shopNotice p{color:#ffdb84; font-size:24pt; line-height: 30px; text-align: center; text-indent: 0px;}
.buynow{display: block; background: url(../img/shop/buynow.jpg) no-repeat; width:246px; height: 54px; line-height: 54px; text-indent: 1100000px; overflow: hidden; }
.buynow:hover{ background: url(../img/shop/buynowHover.jpg) no-repeat;}

/*shopOrderSummary*/
.shopOrderSummary{position: absolute; left: 50%; top:50%; background: #000; width: 560px; height: 810px; margin-left:-280px; margin-top:-405px;border:3px solid #ffdb84;}
.shopOrderSummary .orderSummaryMain{display: block; width: 100%; height: 100%; overflow:  hidden; position: relative;}
.orderSummaryMain h1{font-size:30pt; height: 30px; padding-top:30px; color:#ffdb84; font-family:  'BanqueGothiqueRR LightExtCond','Pakenham'; text-align:center; padding-bottom:20px;}
.orderSummaryMain hr{width: 450px; height: 2px; overflow: hidden;display: block; background: #ffdb84;border:0; margin:0px auto 15px auto; }
.orderSummaryMain ul.orderSummaryAccount{width:450px;height: 80px; margin:0px 0px 0px 100px;position: relative;}
.orderSummaryMain ul.orderSummaryAccount li{white-space:nowrap;display: block;width:100px;margin-right:12px; overflow: hidden; float:left; line-height: 28px; color:#fff; font-size:18pt; text-align: left; }
.orderSummaryMain ul.orderSummaryAccount li span{color:#ffdb84;}
.orderSummaryMain ul.orderSummaryAccount img.userIcon{position: absolute; left:-80px;top:0px; width: 57px;height:57px; border:1px solid #ffdb84;}
.orderSummaryMain .orderSummaryInfo{width:450px; height: 130px; margin: 10px auto 25px auto;  position: relative;}
.orderSummaryMain img{position: absolute; left:6px; top:6px; width:180px; height: 114px;  }
.orderSummaryMain ul.orderSummaryDetail{position: absolute; width:200px; height: 120px; left:220px; top:10px;}
.orderSummaryMain ul.orderSummaryDetail li{height: 35px;line-height: 35px; width: 100%;}
.orderSummaryMain ul.orderSummaryDetail li span{display: inline-block; font-size:24pt;}
.orderSummaryMain ul.orderSummaryDetail li span.s1{float:left; color:#fff;}
.orderSummaryMain ul.orderSummaryDetail li span.s2{float:right;color:#ffdb84;}
.orderSummaryMain a.orderSummarySubmit{cursor:pointer;font-weight: bold; display: block;font-size:24pt;border:0; background: #ffdb84; color:#000; width:138px; height: 38px; line-height:38px; text-align:center; margin: 0px auto 20px auto;}
.orderSummaryMain a.orderSummarySubmit.disabled,.orderSummaryMain a.orderSummarySubmit.disabled:hover{color:#000;background: #9c9c9c; cursor: default;}

.orderSummaryMain a.orderSummarySubmit:hover{background: #32c5f4; color:#000;}
.orderSummaryMain p{color:#000; text-align:center; font-size:11pt;}
.orderSummaryMain p a{color:#32c5f4; text-decoration: underline; font-size:11pt;}
.orderSummaryMain form{display: none;}
.orderSummaryMain .orderSummaryPaymentSelect {width: 100%; margin: 0px auto 10px auto; text-align:center;}
.orderSummaryMain .orderSummaryPaymentSelect h1{font-size:24pt; margin: 0 auto 10px auto;padding: 0;}


.orderSummaryMain .orderSummaryPaymentSelect ul.tabs{background: #291d00; width: 520px;  margin: 0px auto;padding:0;}
.orderSummaryMain .orderSummaryPaymentSelect ul.tabs li{cursor: pointer; font-size:16pt; color:#fff;  background: #3c3c3c; width: 255px; margin: 0;padding: 0; display: inline-block; line-height: 30px; height: 30px; overflow: hidden;}
.orderSummaryMain .orderSummaryPaymentSelect ul.tabs li.selected{background: #291d00; }

.orderSummaryMain .orderSummaryPaymentSelect ul.payments{    width: 520px;    height: 265px; margin: 0px auto;    padding: 0; text-align: left;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments li{cursor:pointer; display: inline-block;overflow: hidden; position: relative; margin:2px; border:3px solid #ffdb84 ;width:160px; height: 117px;  background: url(../img/shop/paymentbg.jpg) 0px -117px repeat-x;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments span.showNotice{display: block;text-align: center; font-weight: bold; position: absolute; width: 20px; height: 20px; border-radius: 20px; background: #000;color:#fff; line-height: 20px; font-size:16pt; left:3px; top:3px; cursor: pointer;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments .notice{display: none; position: absolute;  background: #291d00;  color:#fff; left:0px; top:0px; text-align: left;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments .notice p{color:#fff; text-align: left; padding: 4px;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments li a{display: block; width: auto;margin: 15px auto 15px auto;  height:50px; text-align: center;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments li img{width:auto; height:50px; position: static;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments li.selected , .orderSummaryMain .orderSummaryPaymentSelect ul.payments li:hover{border:#32c5f4 3px solid; background: url(../img/shop/paymentbg.jpg) 0px 0px repeat-x;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments li p.title{text-transform: uppercase; width: 108px; height: 30px; margin: 0px auto; font-weight: bold; background: #32c5f4;text-align: center; color:#000;font-size:18pt; line-height: 30px; padding: 0px 5px 0px 5px;}
.orderSummaryMain .orderSummaryPaymentSelect ul.payments li.selected p.title{ background: url(../img/shop/btnHover.png)  center top no-repeat; background-size: 100% 100%;}
.shopOrderSummary .noAccount{width:560px; height: 480px; position: relative; display: block;}
.shopOrderSummary .noAccount h1{text-transform: uppercase;width:446px; height:95px;font-size:28pt;text-align:center;margin: 57px auto 37px auto; border-top:  1px solid #ffdb84; border-bottom:  1px solid #ffdb84; color:#ffdb84;line-height:32px;padding:40px 0px 10px 0px;}
.shopOrderSummary .noAccount a.a1{display:block;text-align:center;width:240px; height: 62px;line-height: 30px;font-size: 24pt;font-weight: bold;background: #ffdb84; color:#000; margin: 0px auto;border:2px solid #ffdb84;}
.shopOrderSummary .noAccount a.a1:hover{background: #000;color: #ffdb84;}
.shopOrderSummary .noAccount a.a2{display:block;text-align:center;width:190px; height: 36px;line-height: 36px;font-size: 24pt;background: #000;font-weight: bold;color: #ffdb84;border:2px solid #ffdb84;margin: 0px auto;}
.shopOrderSummary .noAccount a.a2:hover{background: #ffdb84; color:#000; margin: 0px auto;}
.shopOrderSummary .noAccount p{line-height: 48px; font-weight: bold; text-align: center; color:#ffdb84;}

/*SHOP Page end*/

/*vip Page*/
.shopBlock .shopNav{height: 53px; margin: 0; width: 544px; padding:0px;}
.shopBlock .shopNav a{display: inline-block; border:0; width:270px; height: 53px; line-height: 53px; overflow: hidden;text-indent: 100000px; }
.shopBlock .shopNav a.goldNav{background: url(../img/shop/navGOLD.png)left top no-repeat; background-color: #1c0d02;}
.shopBlock .shopNav a.vipNav{background: url(../img/shop/navVIP.png)left top no-repeat; background-color: #1c0d02;}
.shopBlock .shopNav a.selected.goldNav{opacity:1; background: url(../img/shop/navGOLDhover.png)left top no-repeat;}
.shopBlock .shopNav a.selected.vipNav{opacity:1; background: url(../img/shop/navVIPhover.png)left top no-repeat;}
.vip{}
.vipBg{background: url(../img/shop/vipBg.png) no-repeat;padding-top: 30px; background-size: 100% auto; padding-bottom: 50px;}
.vipBg2{background: url(../img/shop/vipBg.png) no-repeat;}
.vipBg .clear{display: block;}
.vipBg .hr{width: 40px; height: 59px; position: absolute; background: url(../img/shop/arrow.png) no-repeat;left:26px; top:160px;}
.vipBg .h1{color:#ffdb84; font-weight: normal; font-size:18pt; line-height: 20px; margin: 0;padding:0; text-indent: 30px; margin-bottom: 5px;}
.shopBlock.vipBg .shopGoodsBlock{margin:0px;  width: 525px; height: 285px; padding: 20px 30px 20px 30px; float:left;}
.shopBlock.vipBg .shopGoodsBlock ul{margin-bottom: 10px;}
.shopBlock.vipBg .shopGoodsBlock ul:last-child{margin-right: 0px;}
.shopBlock.vipBg .shopGoodsBlock ul:nth-child(2n){margin-right: 0px;}

.shopBlock.vipBg .goodsBlock{float:left;margin-left: 105px; margin-top: 30px;}
.shopBlock.vipBg .vipPosition{position: relative; float:left; width: 282px; height: 345px;padding-left:94px; margin: 30px auto;}
.shopBlock.vipBg .vipBlock{background: url(../img/shop/vipOff.png) no-repeat; width: 262px; height: 305px; position: relative; }
.shopBlock.vipBg .vipBlock.vipOn{background: url(../img/shop/vipOn.png) no-repeat; }
.shopBlock.vipBg .vipPosition .shopBlockBg2{ padding: 10;}
.shopBlock.vipBg .vipPosition span,.shopBlock.vipBg .vipPosition p{width:100%;position: absolute; display: block; color:#7d7d7d; line-height: 30px;font-size:18pt; text-align:center;}
.shopBlock.vipBg .vipPosition span{top:197px;}
.shopBlock.vipBg .vipPosition p{top:235px;}
.shopBlock.vipBg .vipPosition .vipBlock.vipOn span{color:#ffdb84; text-transform: uppercase;}
.shopBlock.vipBg .vipPosition .vipBlock.vipOn p{color:#fff;}
.featureBlock{text-align: center; margin-bottom: 50px;padding-top:5px;}
.featureBlock .feature{margin: 5px 17px 10px 17px;}
.feature{display: inline-block; width: 333px ;height:131px; background: url(../img/shop/featureBg.png) no-repeat; position: relative; overflow: hidden;}
.feature img{width: 70px; height: 70px; float:left; margin-left:9px ; margin-top:11px; margin-right:12px;}
.feature .featureTitle{float:left;width: 220px; height: 72px;line-height: 36px; margin-top: 12px; color:#ffdb84;text-align:left;}
.feature .featureTitle .f1{font-size:30pt;}
.feature .featureTitle .f2{font-size:15pt;}
.feature .featureContent{color:#fff; line-height: 18px; font-size:14pt; margin-top: 5px; padding-left: 10px; padding-right:10px; text-align:left;}
/*vip page end*/
/*shop login start*/
.shopLogin{width: 100%; height: 390px; margin: 0px auto; background: url(../img/shop/shopLoginBg.png) center top no-repeat; margin-bottom: 80px;padding-top:110px;}
.shopLogin .shopLoginMain{width: 877px; height: 343px; margin: 0px auto 0px auto; padding: 0;  }
.shopLogin .shopLoginMain h1{color:#ffdb84; font-size:34pt;line-height: 75px; padding-top: 22px; text-align: center;}
.shopLogin .shopLoginMain h2{color:#fff; font-size:30pt;line-height: 60px; margin-bottom: 10px;text-align: center; }
.shopLogin .shopLoginMain a.login{width: 217px; height: 70px; line-height: 70px;overflow: hidden; text-indent: 100000; text-align: center; background: url(../img/shop/loginNormal.png) no-repeat; display: block;margin: 20px auto 0px auto; }
.shopLogin .shopLoginMain a.login:hover{background: url(../img/shop/loginHover.png) no-repeat;}
.shopLogin .shopLoginMain .arrow{margin: 0px auto; width: 64px; height:44px; background: url(../img/shop/shopArrowDown.png) no-repeat;}
/*shop login end*/
/*Success Page*/
.successPage{background: url(../img/shop/successbg.png) no-repeat; width: 1094px; margin: 0px auto; padding-top: 110px; min-height: 590px;}
.successPage h1{line-height: 70px; text-align: center; color:#ffdb84; font-size:34pt;}
.successPage h2{line-height: 22pt; text-align: left; color:#fff; height: 36px; width: 800px; margin: 0px auto;}
.successPage ul.orderSummaryAccount{width:460px;height: 55px; margin:20px auto 0px auto;}
.successPage ul.orderSummaryAccount li{white-space:nowrap;display: block;text-indent:5px;text-align:center;width:100px;margin-right:0px; overflow: hidden; float:left; line-height: 28px; color:#fff; font-size:18pt; text-align: left; }
.successPage ul.orderSummaryAccount li span{color:#ffdb84;text-indent:5px;display: block;}
.successPage ul.orderSummaryAccount li div {background: #000;text-indent:5px;}
.successPage .orderSummaryInfo{width:450px; height: 130px; margin: 10px auto 25px auto;  position: relative;}
.successPage img{position: absolute; left:6px; top:6px; width:180px; height: 114px;  }
.successPage ul.orderSummaryDetail{position: absolute; width:200px; height: 120px; left:220px; top:10px;}
.successPage ul.orderSummaryDetail li{height: 35px;line-height: 35px; width: 100%;}
.successPage ul.orderSummaryDetail li span{display: inline-block; font-size:24pt;}
.successPage ul.orderSummaryDetail li span.s1{float:left; color:#fff;}
.successPage ul.orderSummaryDetail li span.s2{float:right;color:#ffdb84;}
.successPage h3{text-align:center; font-size: 20pt; line-height: 36px; color:#fff;}
.successPage .btn{width: auto; display: inline-block; height: 40px; line-height: 40px; font-size:20pt;font-weight: bold; text-align:center; padding:0px 10px 0px 10px; }
.successPage .left{float:left;margin-left:10px;}
.successPage .right{float:right; margin-right:-10px;}
.successPage .brown{color:#000; background: #ffdb84;}
.successPage .brown:hover{background: #32c5f4;}
.successPage .blue{color:#000; background: #32c5f4;}
.successPage .blue:hover{background: #ffdb84;}
.successPage .btnBlock{width:876px; margin: 30px auto;}
.successPage .btnBlock .clear{display: block;}
.successPage .btnBlock p{text-align: right; font-size: 14pt; color:#fff; padding-top: 15px;margin-right:-10px;}
/*Success Page end*/

/*Game Home Page Start*/
.gameHome {margin-bottom:50px;}
.gameHome .gameBlockTitle img{margin-bottom:-215px;}
.gameHome .gameBlockTitle p{text-align: justify;font-size:24pt; font-family: 'Pakenham'; line-height: 32px; text-shadow: #000 1px 1px 5px; color:#fff;padding-left:20px; padding-right:30px;}
.gameHome .gameBlock{margin-bottom:40px;}
.gameHome .gameBlock img{ margin-bottom: 15px;}
.gameHome .gameBlock h1{font-size:36pt; line-height: 50px; color:#32c5f4; font-weight: bold; padding-left:20px;}
.gameHome .gameBlock p{text-align: justify;font-size:20pt; font-family: 'Pakenham'; line-height: 28px; text-shadow: #000 1px 1px 5px; color:#fff;padding-left:20px; padding-right:30px;}
/*Game Home Page End*/

/*Client Frame Page Start*/
.clientFrame{overflow: hidden; width:600px; height: 371px; background: url(../img/micro/clientFrameBg.jpg) no-repeat; position: relative; margin: 0; padding: 0;}
.clientFrame h1{padding-top: 25px; color:#32c5f4; font-size:24pt; font-family: 'BanqueGothiqueRR LightExtCond','pakenham'; line-height:34px;margin-left:24px; margin-bottom: 10px; height: 34px;}
.clientFrame ul{margin-left:24px; color:#fff; line-height: 26px; height:104px; margin-bottom: 28px; }
.clientFrame ul li{height: 26px; line-height: 26px; font-size:18pt; color:#fff; font-family: 'pakenham'; width: 576px; overflow: hidden;}
.clientFrame ul li a{color:#fff;}
.clientFrame ul li a:hover{color:#32c5f4;}
.clientFrame ul li span{float:right;padding-right:5px; width:150px; text-align: justify; font-family: 'pakenham';letter-spacing:1px;word-spacing:5px;text-transform:uppercase;}
.clientFrame .clientAdBlock{margin-left: 23px;}
.clientFrame .clientAdBlock a{width:269px; height: 151px; display: block; border:2px solid #000; float:left;}
.clientFrame .clientAdBlock a.adRight{margin-left:11px;}
.clientFrame .clientAdBlock a:hover{border:2px solid #32c5f4;}
/*Client Frame Page End*/

/*Member Order Start*/
.orderMain{width:1176px; margin: 0px auto 100px auto; padding-bottom:30px;min-height: 500px; background: url(../img/news/newsDetailBg.png) repeat;}
.orderList{position: relative;}
.orderList h1{font-size:48pt; line-height: 48px; padding: 25px; height: 48px; color:#32c5f4; font-family: 'pakenham'; }
.orderList .table{display: block; background: url(../img/order/orderListBg.png) repeat; width:1050px; margin:0px auto; border:1px solid #32c5f4;padding:20px 45px 20px 45px;}
.orderList .table li{float:left;height:48px;line-height: 48px;}
.orderList .table li.t1{width:177px;}
.orderList .table li.t2{width:165px;}
.orderList .table li.t3{width:222px;}
.orderList .table li.t4{width:142px;}
.orderList .table li.t5{width:119px;}
.orderList .table li.t6{width:75px;}
.orderList .table li.t7{width:139px;}
.orderList .table li.t7 a {text-indent: 0px;font-weight: bold;display: block; width:108px; height: 36px;line-height: 36px;text-align: center; font-size:22pt;border:1px solid #32c5f4; background: #000; color:#32c5f4; margin: 4px auto;} 
.orderList .table li.t7 a:hover{background: #32c5f4; color:#000; }
.orderList .table .thead li{height:40px;}
.orderList .table .thead{width:1050px; height: 40px; line-height: 40px; background: #000; color:#fff; font-weight: bold;font-size:22pt;text-indent: 10px;margin:0px auto 15px auto;}
.orderList .table .tbody .tr{ width:1046px; height: 48px; line-height: 48px; border:2px solid #000; background: #000; color:#fff;font-size:20pt; text-indent: 10px; margin:10px auto 10px auto; }
.orderList .table .tbody .tr:hover{border:2px solid #32c5f4;}
.orderList .itemCounter{display: none;}
.orderList .pageNavigator{}
.orderList .pagination .left{float:right; margin-right: 50px;}
.orderList .pagination .left a,.orderList .pagination .left span{margin-right:5px;text-indent:0px;display: inline-block; width:30px; height: 30px; border:2px solid #32c5f4; text-align: center; line-height: 30px; }
.orderList .pagination .left span{background: #32c5f4; color:#000;}
.orderList .pagination .left a span{display: inline; border:none; text-indent:0px; background: #000; color:#32c5f4;}
.orderList .pagination {margin:30px auto 30px auto;}
.orderList span.pending{display: block; width: 40px; height: 40px;margin-top:2px; cursor:pointer; background: url(../img/order/refresh_normal.png) no-repeat; }
.orderList span.pending:hover{background: url(../img/order/refresh_hover.png) no-repeat;}
.orderDetail{position: relative;}
.orderDetail h1{font-size:40pt; line-height: 48px; padding: 25px; height: 48px; color:#32c5f4; font-family: 'pakenham'; }
.orderDetail h1 span{font-size:16pt; line-height: 48px; padding: 25px; height: 48px; color:#32c5f4; font-family: 'pakenham'; }
.orderDetail h2{font-size:32pt; font-weight: bold;  line-height: 50px; height: 50px;  padding:20px; color:#fff;}
.orderDetail .orderDetailMain{background: url(../img/order/orderListBg.png) repeat;padding:20px;}
.orderDetail .table{display: block; background: url(../img/order/detail.png) repeat; width:1050px; margin:0px auto; padding:20px 45px 20px 45px;}
.orderDetail .table li{float:left;height:48px;line-height: 48px;}
.orderDetail .table li.t1{width:177px;}
.orderDetail .table li.t2{width:147px;}
.orderDetail .table li.t3{width:222px;}
.orderDetail .table li.t4{width:142px;}
.backToShop{margin: 15px auto 15px auto; display: block; color:#32c5f4; border:2px solid #32c5f4; background: #000; line-height: 35px; height: 35px; padding-left: 5px; padding-right: 5px; text-decoration: none; width: 240px; font-size: 24pt;text-align:center;}
.backToShop:hover{ background: #32c5f4; color:#000; font-weight: bold;}
.orderDetail .table li.t5{width:119px;}
.orderDetail .table li.t6{width:75px;}
.orderDetail .table li.t7{width:139px;}
.orderDetail .table li.t7 a {text-indent: 0px;font-weight: bold;display: block; width:108px; height: 36px;line-height: 36px;text-align: center; font-size:22pt;border:1px solid #32c5f4; background: #000; color:#32c5f4; margin: 4px auto;} 
.orderDetail .table li.t7 a:hover{background: #32c5f4; color:#000; }
.orderDetail .table .thead li{height:40px;}
.orderDetail .table .thead{width:1050px; height: 40px; line-height: 40px; background: #000; color:#fff; font-weight: bold;font-size:22pt;text-indent: 10px;margin:0px auto 15px auto;}
.orderDetail .table .tbody .tr{ width:1046px; height: 48px; line-height: 48px; background: none; color:#fff;font-size:20pt; text-indent: 10px; margin:10px auto 10px auto; }

.orderDetail .back{display: block; width: 110px;text-align:center; line-height: 36px; font-size:24pt; height: 36px; border:1px solid #32c5f4; background: #000; color:#32c5f4; margin: 10px auto 10px auto;}
.orderDetail .back:hover{background:#32c5f4;color:#000;}
/*Member Order End*/

/*Beginner Offer Start*/
#beginnerOfferBG {position: absolute;z-index: 1;background:  url(../img/beginneroffer.png) center top no-repeat;width: 100%;height: 1004px;overflow-x: hidden;overflow-y: auto;left: 0;top: 200px;}
.beginnerOffer {height:1104px; z-index: 2; position: relative;}
.beginnerOffer .beginnerOfferRecharge{ display: block;  left:496px; top:627px;position: absolute; width:199px;  height: 44px; padding: 5px; background: url(../img/recharge_normal.png) no-repeat; color:#000; font-size:36pt; font-weight: bold; overflow: hidden; text-indent:109000px;}
.beginnerOffer .beginnerOfferRecharge:hover{background:url(../img/recharge_hover.png) no-repeat;}
/*Beginner Offer End*/

/*fortressModeBG Start*/
.fortressModeBG{background:  url(../img/fortress/fortressModeBG.jpg) center top no-repeat;}
.fortressMode{ background: url(../img/fortress/fortressModeBG2.png)  center top no-repeat; margin-bottom: 50px;}
.fortressMode img{margin: 0px auto; display:block;padding-top:30px;padding-bottom: 30px;}
/*fortressModeBG End*/

/**armor game login*/
#newsBackground.armorBG{background:#000  url(../img/armor/armorbg.jpg) center top no-repeat;}
.armorBlock{width:616px; height: 700px; position: fixed; left:50%; top:200px; margin-left: -308px;}
.armorLogin{width:534px; height: 250px; position: relative;padding:53px 38px 79px 44px;background: url(../img/armor/haslogin.png) no-repeat; margin-top: 50px;}
.armorContent{width: 471px; height:36px; position: absolute; left:70px; top:-30px; background: url(../img/armor/logincontent.png) no-repeat; line-height: 36px; overflow: hidden;text-indent: 100000px; z-index: 100; }
.armorReg{width: 410px; height: auto; position: relative;padding:70px 100px 74px 106px;background: url(../img/armor/regbg.png) no-repeat; background-size:100% 100%;}
.armorBlock h1{font-size:30px; color:#fff; margin-bottom:  20px;}
.armorBlock label{font-size:19pt;color:#fff; display: block;}
.armorBlock .armorEach{margin-bottom: 28px;}
.armorBlock input[type=text],.armorBlock select{ text-indent: 5px;border:1px solid #32c5f4; background: #e2e2e2;color:#000; height: 30px; line-height: 30px; width: 100%;}
.armorBlock ul.ul1 li{ display: inline-block; width: 120px; margin-right: 24px;}
.armorBlock ul.ul1 li:last-child{margin-right: 0px;}
.armorBlock .terms{margin-top: 20px; margin-bottom: 30px; color:#32c5f4; font-size:19px; line-height: 20px;}
.armorBlock .terms a{color:#32c5f4; font-size:19px;  text-decoration: underline;}
.armorBlock ul.ul2 li{ display: inline-block; width: 190px; margin-right: 24px;}
.armorBlock ul.ul2 li:last-child{margin-right: 0px;}
.armorBlock ul.ul3 {width: 420px; margin: 0px auto; padding-top:20px;}
.armorBlock ul.ul3 li{ display: inline-block; width: 190px; margin-right: 24px;}
.armorBlock ul.ul3 li:last-child{margin-right: 0px;}
.armorBlock .playNow{width: 180px; height: 40px;line-height: 40px; margin: 0px auto; font-size:28pt; color:#000;background: #32c5f4;font-weight: bold; text-align: center;text-decoration: none; display: block;}
.armorBlock .playNow.disabled{background: #555555; color:#fff;}
.armorLogo{width: 458px;height:167px; background: url(../img/logo.png) no-repeat;margin:20px auto 0px auto;}


.armorBlock ul.regionSelectBlock {height:auto;padding-bottom: 5px; overflow:  hidden; text-transform: uppercase;margin-left:  0px auto;   }
.armorBlock ul.regionSelectBlock div{float:left; width: 49%;}
.armorBlock h2.armorContent2{color:#fff; font-size:18pt; padding-bottom: 10px;}
.armorBlock ul.regionSelectBlock .left{width: 170px;} 
armorBlock .regionSelectBlock .clear{display: block;}
.armorBlock ul.regionSelectBlock li {width: 100%; height: 40px; text-align: center; color:#fff; font-size:20pt; }
.armorBlock ul.regionSelectBlock span{color:#fff; font-size:16pt; text-align: center; display: block; height: 27px; line-height: 26px;}
.armorBlock ul.regionSelectBlock a{width:147px; height: 25px; display: block;line-height:25px; text-align: center; margin: 2px auto 0px auto; font-weight: bold; font-size:14pt; color:#6f7173;}
.armorBlock ul.regionSelectBlock a:hover{color:#32c5f4; }
.armorBlock ul.regionSelectBlock a.selected{ background: url(../img/armor/armor_region_bg.png) no-repeat; color:#32c5f4; border:1px solid #32c5f4;}
.armorBlock ul.regionSelectBlock button{border:0; background: #32c5f4; color:#000; cursor: pointer; width: 120px; height: 22px;line-height: 22px; display: block; margin: 0px auto;font-family: 'Pakenham'; font-size:14pt;}
.armorBlock ul.regionSelectBlock button[disabled=disabled]{background: #232323; color:#848181; cursor: default; }
.armorBlock .content{color:#fff; font-size:15pt;}
.armorBlock .content span{color:#32c5f4;}
.armorBlock .content a{color:#32c5f4;}

/*in-game goods popup*/
.cover{position: fixed;width: 100%;height:100%; z-index: 1000;left:0;top:0; background: #000; opacity: 0.7; display: none;}
.ingamePopupFrameBG{width: 950px; height: 506px; opacity: 0.8; background: #000; overflow:  hidden; position: fixed; left: 50%;top:50%; z-index: 999; margin-left: -475px; margin-top: -253px; border:2px solid #d7ae62;display: none;}
.ingamePopup{width: 950px; height: 506px; background: #000; overflow:  hidden; position: fixed; left: 50%;top:50%; z-index: 1001; margin-left: -475px; margin-top: -253px; border:2px solid #d7ae62;display: none;}
.ingamePopup .loading{width: 950px; height: 506px; background: #000 url(../img/lazyLoad2.gif) center 120px no-repeat;}
.ingamePopup .title{width: 100%; height: 30px; line-height: 30px; background: #523a00; color:#d7ae62; font-size:20pt;text-indent: 7px; text-align: left;}
.ingamePopup .closeCover{width: 30px; height: 30px; border:0;padding:0; position: absolute;right:5px; top:0px; cursor:pointer;background: url(../img/shop/coverClose.png) no-repeat; }
.ingamePopup .closeCover:hover{background: url(../img/shop/coverClose_hover.png) no-repeat; }

.ingamePopup h1{font-size:30pt; height: 30px; padding-top:30px; color:#ffdb84; font-family:  'BanqueGothiqueRR LightExtCond','Pakenham'; text-align:center; padding-bottom:20px;}
.ingamePopup hr{width: 450px; height: 2px; overflow: hidden;display: block; background: #ffdb84;border:0; margin:0px auto 15px auto; }
.ingamePopup ul.orderSummaryAccount{ position: absolute; left: 45px; top:65px; width:280px;height: 130px; margin:0px 0px 0px 100px;position: absolute;}
.ingamePopup ul.orderSummaryAccount li{display: block; background: url(../img/shop/accountBg.png) no-repeat; width:190px; overflow: hidden; height: 22px; position: relative;  line-height: 22px; color:#fff; font-size:18pt; text-align: left; margin-bottom: 8px; }
.ingamePopup ul.orderSummaryAccount li span{color:#ffdb84; position: absolute; left:100px; font-weight: bold; display: block; top:0px;}
.ingamePopup ul.orderSummaryAccount img.userIcon{position: absolute; left:-80px;top:0px; width: 57px;height:57px; border:1px solid #ffdb84;}
.ingamePopup .orderSummaryInfo{width:270px; height: 280px; margin: 10px auto 25px auto;  position: absolute;left:46px;top:195px;}
.ingamePopup img{width:238px; height: 148px; display: block; margin: 0px auto;  }
.ingamePopup ul.orderSummaryDetail{width:200px; height: 120px;  margin: 25px auto;}
.ingamePopup ul.orderSummaryDetail li{height: 28px;line-height: 28px; width: 100%;background: url(../img/shop/accountBg.png) center center repeat-y; margin-bottom: 5px; }
.ingamePopup ul.orderSummaryDetail li span{display: inline-block; font-size:24pt;}
.ingamePopup ul.orderSummaryDetail li span.s1{float:left; color:#fff;}
.ingamePopup ul.orderSummaryDetail li span.s2{float:right;color:#ffdb84;}
.ingamePopup a.orderSummarySubmit{cursor:pointer;font-weight: bold; display: block;font-size:24pt;border:0; background: #ffdb84; color:#000; width:138px; height: 38px; line-height:38px; text-align:center; position: absolute; right:5px; top:5px;}
.ingamePopup a.orderSummarySubmit.disabled,.ingamePopup a.orderSummarySubmit.disabled:hover{color:#000;background: #9c9c9c; cursor: default;}

.ingamePopup a.orderSummarySubmit:hover{background: #32c5f4; color:#000;}
.ingamePopup p{color:#000; text-align:left; font-size:11pt;}
.ingamePopup p a{color:#32c5f4; text-decoration: underline; font-size:11pt;}
.ingamePopup form{display: none;}
.ingamePopup .orderSummaryPaymentSelect {width: 525px; height: 340px;  text-align:center; position: absolute;left:395px; top:65px;}
.ingamePopup .orderSummaryPaymentSelect h1{font-size:24pt; margin: 0 auto 10px auto;padding: 0;}


.ingamePopup .orderSummaryPaymentSelect ul.tabs{background: #523a00; width: 520px;  margin: 0px auto;padding:3px;}
.ingamePopup .orderSummaryPaymentSelect ul.tabs li{cursor: pointer; font-size:16pt; color:#fff;  background: #3c3c3c; width: 255px; margin: 0;padding: 0; display: inline-block; line-height: 30px; height: 30px; overflow: hidden;}
.ingamePopup .orderSummaryPaymentSelect ul.tabs li.selected{background: #523a00; }

.ingamePopup .orderSummaryPaymentSelect ul.payments{    width: 520px;    height: 265px; margin: 0px auto;    padding: 3px; background: #523a00; text-align: left;}
.ingamePopup .orderSummaryPaymentSelect ul.payments li{cursor:pointer; display: inline-block;overflow: hidden; position: relative; margin:2px; border:3px solid #ffdb84 ;width:160px; height: 117px;  background: url(../img/shop/paymentbg.jpg) 0px -117px repeat-x;}
.ingamePopup .orderSummaryPaymentSelect ul.payments span.showNotice{display: block;text-align: center; font-weight: bold; position: absolute; width: 20px; height: 20px; border-radius: 20px; background: #000;color:#fff; line-height: 20px; font-size:16pt; left:3px; top:3px; cursor: pointer;}
.ingamePopup .orderSummaryPaymentSelect ul.payments .notice{display: none; position: absolute;  background: #291d00;  color:#fff; left:0px; top:0px; text-align: left;}
.ingamePopup .orderSummaryPaymentSelect ul.payments .notice p{color:#fff; text-align: left; padding: 4px;}
.ingamePopup .orderSummaryPaymentSelect ul.payments li a{display: block; width: auto;margin: 15px auto 15px auto;  height:50px; text-align: center;}
.ingamePopup .orderSummaryPaymentSelect ul.payments li img{width:auto; height:50px; position: static;}
.ingamePopup .orderSummaryPaymentSelect ul.payments li.selected , .ingamePopup .orderSummaryPaymentSelect ul.payments li:hover{border:#32c5f4 3px solid; background: url(../img/shop/paymentbg.jpg) 0px 0px repeat-x;}
.ingamePopup .orderSummaryPaymentSelect ul.payments li p.title{text-transform: uppercase; width: 108px; height: 30px; margin: 0px auto; font-weight: bold; background: #32c5f4;text-align: center; color:#000;font-size:18pt; line-height: 30px; padding: 0px 5px 0px 5px;}
.ingamePopup .orderSummaryPaymentSelect ul.payments li.selected p.title{ background: url(../img/shop/btnHover.png)  center top no-repeat; background-size: 100% 100%;}
.ingamePopup .submitBlock{position: absolute; right:26px; bottom:10px; height:70px; width:300px;  }
.ingamePopup .submitBlock .termofsalse{display: block; width: 300px; position: absolute; bottom: 0px ;right:0px; color:#fff;}
.ingamePopup .line{display: block; width: 1px ; height:390px; position: absolute; border: 0; background: #ffdb84; left: 358px; top: 64px; }
/*in-game goods popup end*/

/**loginfloat start*/
.loginFloat{width:378px;height:366px; background: url(../img/login/loginPopUpbg.png) no-repeat; position: absolute; left:50%;top:50%;margin-left:-189px; margin-top: -183px; }
.loginFloat h1{color:#fff;font-size:18pt; line-height: 20px; width: 360px; margin: 40px auto; text-align:center;}
.loginFloat span.uplayLogin{cursor:pointer;width:303px; height: 82px; display: block; margin: 0px auto 18px auto; background: url(../img/login/uplayBtn.png) no-repeat}
.loginFloat span.facebookLogin{cursor:pointer;width:303px; height: 82px; display: block; margin: 0px auto 18px auto; background: url(../img/login/facebookBtn.png) no-repeat}
.loginFloat span.googleLogin{cursor:pointer;width:303px; height: 82px; display: block; margin: 0px auto 18px auto; background: url(../img/login/googleBtn.png) no-repeat}
/**loginfloat end*/

/*landing*/
.landing h1.facebookLoginH1{text-align: center; width: 400px; margin: 10px auto 10px auto;}
.landing a.enlist{width:362px; height: 107px; background: url(../img/landing/playnow.png) no-repeat;}
.landing a.enlist:hover{background: url(../img/landing/playnowHover.png) no-repeat;}
.landing #landingEnlistButton .shape{top:31px;}
.landing a.facebookLogin{cursor:pointer;width:296px; height: 89px; display: block; margin: 0px auto 18px auto; background: url(../img/landing/facebook.png) no-repeat; background-size: 100% 100%;}
.landing a.facebookLogin:hover{background: url(../img/landing/facebookHover.png) no-repeat; background-size: 100% 100%;}
/*landing end*/

/*landing*/
.landing h1.facebookLoginH1{text-align: center; width: 400px; margin: 10px auto 10px auto;}
.landing a.enlist{width:432px; height: 108px; background: url(../img/landing/playnow.png) no-repeat;}
.landing a.enlist:hover{background: url(../img/landing/playnowHover.png) no-repeat;}
.landing #landingEnlistButton .shape{top:33px;}
.landing a.facebookLogin{cursor:pointer;width:296px; height: 89px; display: block; margin: 0px auto 18px auto; background: url(../img/landing/facebook.png) no-repeat; background-size: 100% 100%;}
.landing a.facebookLogin:hover{background: url(../img/landing/facebookHover.png) no-repeat; background-size: 100% 100%;}
/*landing end*/



/*facebook loading page*/
.fbNav{display: block;position: relative; width: 100%; height: 59px; background: url(../img/facebook/fbtopnavbg.png) 0px 0px no-repeat; z-index: 1;}
.fbNav h1{position: absolute;left:10px;;top:1.5px; width: 162px; height: 57px; background: url(../img/facebook/logo.png) 0px 0px; line-height: 57px; overflow: hidden;text-indent: 10000px;}
.fbNav ul{position: absolute;top:0;right:0px; height: 59px; background: url(../img/facebook/fbnavbg.png) repeat-x; border-left:2px solid #010d11;}
.fbNav ul li{padding: 0 40px 0px 40px ;margin: 0; list-style: none; height: 59px; line-height: 59px; display: inline-block;  border-left:2px solid #010d11; border-right:2px solid #010d11;}
.fbNav ul li a{color:#fff; font-size:28px; font-weight: bold; text-transform: uppercase;}
.fbNav ul li:hover{background: url(../img/facebook/fbnavbgHover.png) no-repeat; background-size: 100% 100%;}
.fbNav ul li:hover a{color:#32c5f4;}
.fbNav #fb-like{position: absolute; left:280px; top:19px; z-index: 2;}
.fbMain .armorLogin{margin: 150px auto 150px auto;}
.fbMain h1{font-size:30px; color:#fff; margin-bottom:  20px;}
.fbMain label{font-size:19pt;color:#fff; display: block;}
.fbMain .armorEach{margin-bottom: 0px;}
.fbMain input[type=text],.armorBlock select{ text-indent: 5px;border:1px solid #32c5f4; background: #e2e2e2;color:#000; height: 30px; line-height: 30px; width: 100%;}
.fbMain ul.ul1 li{ display: inline-block; width: 120px; margin-right: 24px;}
.fbMain ul.ul1 li:last-child{margin-right: 0px;}
.fbMain .terms{margin-top: 0px; margin-bottom: 10px; color:#32c5f4; font-size:19px; line-height: 20px;}
.fbMain .terms a{color:#32c5f4; font-size:19px;  text-decoration: underline;}
.fbMain ul.ul2 li{ display: inline-block; width: 190px; margin-right: 24px;}
.fbMain ul.ul2 li:last-child{margin-right: 0px;}
.fbMain ul.ul3 {width: 420px; margin: 0px auto; padding-top:20px;}
.fbMain ul.ul3 li{ display: inline-block; width: 190px; margin-right: 24px;}
.fbMain ul.ul3 li:last-child{margin-right: 0px;}
.fbMain .playNow{width: 180px; height: 40px;line-height: 40px; margin: 0px auto; font-size:28pt; color:#000;background: #32c5f4;font-weight: bold; text-align: center;text-decoration: none; display: block;}
.fbMain .playNow.disabled{background: #555555; color:#fff;}
.fbMain ul.regionSelectBlock {height:auto;padding-bottom: 5px; overflow:  hidden; text-transform: uppercase;margin-left:  0px auto;   }
.fbMain ul.regionSelectBlock div{width: 49%; margin: 0px auto;}
.fbMain h2.armorContent2{color:#fff; font-size:18pt; padding-bottom: 10px;}
.fbMain ul.regionSelectBlock .left{width: 170px;} 
.fbMain .regionSelectBlock .clear{display: block;}
.fbMain ul.regionSelectBlock li {width: 100%; height: 36px; text-align: center; color:#fff; font-size:20pt; line-height: 40px;}
.fbMain ul.regionSelectBlock span{color:#fff; font-size:16pt; text-align: center; display: block; height: 27px; line-height: 26px;}
.fbMain ul.regionSelectBlock a{width:147px; height: 25px; display: block;line-height:25px; text-align: center; margin: 2px auto 0px auto; font-weight: bold; font-size:14pt; color:#6f7173;}
.fbMain ul.regionSelectBlock a:hover{color:#32c5f4; }
.fbMain ul.regionSelectBlock a.selected{ background: url(../img/armor/armor_region_bg.png) no-repeat; color:#32c5f4; border:1px solid #32c5f4;}
.fbMain ul.regionSelectBlock button{border:0; background: #32c5f4; color:#000; cursor: pointer; width: 120px; height: 22px;line-height: 22px; display: block; margin: 0px auto;font-family: 'Pakenham'; font-size:14pt;}
.fbMain ul.regionSelectBlock button[disabled=disabled]{background: #232323; color:#848181; cursor: default; }
.fbBanner {text-align: center; margin: 10px auto 10px auto;;}
/*facebook loading page end*/