@charset "utf-8";
/* CSS Document */
body{ background:url(../img/bgrepare.jpg);}

.wrap { min-width:1000px; background:url(../img/bg.jpg) center top no-repeat;}
.header {position:relative; margin:0 auto; height:564px;}


/*nav css*/
.nav {width:1000px; height:60px; margin:0 auto;}
.navs { width: 1000px; height: 60px;}
/*nav common css*/
.navs li { display: block; float: left; width: 166px; height: 60px; position: relative; }

.navs_v { width: 1000px; height: 60px; position: relative; text-align:center;}
/*nav vector css*/
.navs_v li { display: inline-block; float: left\9; width: 166px; height: 60px; position: relative; }

.nav_tit { display: block; height: 60px; background: url(../img/navcon.png) no-repeat; text-indent: -9999px; }
.nav_tit1 { background-position: 0px -0px; }
.nav_tit1:hover { background-position: 0px -60px; }
.nav_tit2 { background-position: -166px 0px; }
.nav_tit2:hover { background-position: -166px -60px; }
.nav_tit3 { background-position: -332px -0px; }
.nav_tit3:hover { background-position: -332px -60px; }
.nav_tit4 { background-position: -498px -0px; }
.nav_tit4:hover { background-position: -498px -60px; }
.nav_tit5 { background-position: -498px -0px; }
.nav_tit5:hover { background-position: -498px -60px; }
.nav_tit6 { background-position: -664px -0px; }
.nav_tit6:hover { background-position: -664px -60px; }
.nav_tit7 { background-position: -830px -0px; }
.nav_tit7:hover { background-position: -830px -60px; }
.nav_list { position: absolute; width: 153px; height: auto; background: url(../img/shadow.png) repeat; display: none; z-index: 99; }
.nav_list li { background: none; width: 153px; line-height: 40px; text-align: center; height: 40px; }
.nav_list li a { font-size: 14px; color: #fff; font-weight: bold; }
.navs li:hover >.nav_list { display: block; }
.navs_v li:hover >.nav_list { display: block; }

/*logo & gamestart*/
.top_logo {position: absolute;width:343px;top:80px; left:50%; margin-left:-500px;}	
.top_logo a {display:inline-block;/*! background:url(../images/top_logo.png) no-repeat; */width:343px;height:252px;text-indent:-99999px;}
.gamestart {position: absolute;width:250px; height:164px; top:390px; left:50%; margin-left:-494px;}
.gamestart a { display:block; width:250px; height:164px; background:url(../img/gamestart.jpg) 0 0 no-repeat;}

/*content css*/

.content {width:1000px; height:auto; margin:0 auto; padding-bottom:20px; overflow:hidden;}
.sidebar {float:left; width:250px; height:auto; margin-left:5px;}
.column {float:right; width:740px; height:auto; overflow:hidden;min-height:500px;}

/*sidebar css*/
.leftlinks {display:block; margin-bottom:10px;}
.leftlinks:hover img {opacity:0.95;}

/*banner css*/
.columnbanner {position:relative; width:740px; height:224px; margin-bottom:10px; background:#555;}
#slides li{display:block; float:left; width:740px; height:224px;}
#slides li a img { width:740px; height:224px;}
#dots{position:absolute; padding:0 10px; bottom:3px; right:15px; z-index:99;}
#dots li{ float:left; margin:5px; }
#dots li a{ width:10px; display:block; height:10px; background-color:#fff; border-radius:15px;}
#dots li.act a{background-color:#e87013; border:1px solid #ab4d04;}

/**/
.columncontent {width:740px; overflow:hidden;}

.columncontentl {float:left; width:510px; min-height:400px; margin-bottom:10px;/* background:#555;*/}
/*notice css*/
.notice {position:relative; width:510px; height:420px;/* background:url(../img/noticebg.jpg) no-repeat;*/ background: #FFFFFF;}
.notice_tabs_list { position:relative; width:495px; margin:auto; margin-bottom:10px; overflow:hidden;}
.notice_tabs_list h2 {height:30px; font-size:130%; font-weight:bold; line-height:30px; border-bottom:1px solid #555; margin-bottom:10px;}
.notice_tabs_list ul {overflow:hidden; height:30px;}
.notice_tabs_list ul li {float:left; width:94px; height:30px; margin:0 3px 0 2px; cursor:pointer; background:url(../img/tabslist_bg.png) 0 0 no-repeat; color:#333; text-align:center; line-height:30px; text-shadow:1px 0px 2px #fff;}
.notice_tabs_list ul li:hover ,.notice_tabs_list ul li.active {float:left; width:94px; height:28px; margin:0 3px 0 2px; padding-top:2px; cursor:pointer; background:url(../img/tabslist_bg.png) 0 -30px no-repeat; color:#f85d20;}

.tabs {width:490px; min-height:290px; margin:auto;}
.tabs ul { width: 100%; overflow: hidden; }
.tabs ul li {position: relative; display:none; overflow: hidden; width: 100%; padding-bottom: 25px; }
.tabs ul li ul li { height: 25px; line-height: 25px; padding: 2px 0px; border-bottom:1px dotted #777472;  display: block; }
.tabs ul li ul li span { display: block; float: left; }
.tabs ul li .t1 a { color: #333; }
.tabs ul li ul li:hover { background:#eee }
.icon { width: 50px; height: 15px; margin-top: 5px; margin-right: 5px; }

/*icons type*/
.ic_type23 { background: url(../img/icontype.png) no-repeat 0px -0px; }
.ic_type22 { background: url(../img/icontype.png) no-repeat 0px -45px; }
.ic_type21 { background: url(../img/icontype.png) no-repeat 0px -15px; }
.ic_type20 { background: url(../img/icontype.png) no-repeat 0px -30px; }

.icon_type30 { background: url(../img/icontype.png) no-repeat -50px 0; }
.icon_type31 { background: url(../img/icontype.png) no-repeat -50px -15px; }
.icon_type32 { background: url(../img/icontype.png) no-repeat -50px -30px; }
.icon_type33 { background: url(../img/icontype.png) no-repeat -50px -45px; }

.ic_bbsglve { background: url(../img/icontype.png) no-repeat -50px 0; }
.ic_bbszwen { background: url(../img/icontype.png) no-repeat -50px -15px; }
.ic_bbsztan { background: url(../img/icontype.png) no-repeat -50px -30px; }
.ic_bbselse { background: url(../img/icontype.png) no-repeat -50px -45px; }
.ic_guide { background: url(../img/icontype.png) no-repeat -50px -60px; }

.text a { color: #a8a8a8; }
.tabs ul li .date { float: right; color: #333; font-size:95%; }
.tabs ul li .t3 { float: right; color: #333; font-size:95%; }
.morebtn { width: 82px; height: 27px; display: block; position: absolute; right: 8px;}
.morebtn a { width: 82px; height: 27px; text-indent: -9999px; display: block;  background: url(../img/morebtn.png) right no-repeat;}

/*sshot*/
.sshot{position:relative; width:495px; height:200px; padding-left:8px; padding-right:7px;}
.sshot .mtit {height:30px;border-bottom:1px solid #555;}
.sshot .mtit h2 {float:left; font-size:120%; font-weight:bold; line-height:30px; }
.sshotcon {padding:10px; border:1px solid #d7d7d7; border-top:none;}
.sshotcon ul { overflow:hidden;}
.sshotcon ul li { float:left; width:148px; margin:0 4px;}

/**/
.columncontentr {float:right; width:220px; margin-right:5px;}


/**************
*secondarypages css*
***************/

.wrap_sp {min-width:1000px; background:url(../img/bg2.jpg) center top no-repeat;}
.wrap_sp .header{height:250px;}
.wrap_sp .header .top_logo {margin-left:-503px; height: 250px;}
.pagecontent {display:block; width:1000px; margin:0 auto; min-height:500px; background:#212121; margin-bottom:20px;}

.subtitle {width:1000px; height:110px; background:url(../img/sp_tit_bg.png) center top no-repeat;}
.spcontain {width:1000px; height:auto; min-height:580px; background:url(../img/sp_cen_bg.png) center top repeat-y;}
.spbottom {width:1000px; height:25px; background:url(../img/sp_btm_bg.png) center top no-repeat;}


/*subtitle css*/
.subtitle h2 {width:300px; height:60px; line-height:60px; margin:auto;}
.sp_page_right_top {width:740px; margin:25px auto 0px; text-align:right; color:#9c9c9c;}
.subpagenav a {color:#f69918; font-weight:bold; text-shadow:0 0 10px #f2ff28;}
.subpagenav_current {color:#9c9c9c;}

.spcontainer {width:740px;margin:0 auto; padding:20px 0; color:#262626;}


/*sp guide css*/
.guide {height:550px; overflow-y:scroll;}
.guide_menu {margin-bottom:15px;}
.guidemenutit {width:178px; height:36px; padding:10px 0;}
.guidemenucon {width:696px; margin:0 auto;}
.guidemenucon ul { overflow:hidden;}
.guidemenucon ul li {float:left; width:158px; height:30px; margin:5px 8px;}
.guidemenucon ul li a {display:block; width:158px; height:30px; background:url(../img/guidelistbg.png) 0 0 no-repeat; text-align:center; line-height:30px; color:#08090e;}
.guidemenucon ul li a:hover {display:block; width:158px; height:30px; background:url(../img/guidelistbg.png) 0 -30px no-repeat; text-align:center; line-height:30px; color:#08090e;}

.page_tit {margin-bottom:15px;}
.page_tit h3 { width:730px; height:36px; padding-left:10px; margin-bottom:10px; line-height:36px; font-size:22px; color:#fff; font-weight:bold; text-shadow:0 1px 1px #000; background:url(../img/guide/h3_borderbtmline.jpg) 0 0 no-repeat;}
.pages_date {display:block; width:740px; height:25px; line-height:25px; text-align:right; font-size:95%; color:#a19f9e;}
.page_dital { height:890px; overflow-y:scroll;}
.page_dital h4 {margin-bottom:10px; font-size:120%; font-weight:bold; color:#f85d20;}
.page_dital p strong {font-weight:bold;}
.page_dital p img {max-width:700px;}
.page_dital table {max-width:700px;}


/*sp notice css*/
.spnotice {margin-bottom:15px;}
.spnotice li { height: 25px; line-height: 25px; padding: 2px 0px; border-bottom:1px solid #23170e;  display: block; overflow:hidden; }
.spnotice li span { display: block; float: left; }
.spnotice li .t1 a { color: #001c32; }
.spnotice li:hover { background:#e4e4e4;}
.spnotice li .t3 { float: right; color: #777472; font-size:95%; }
ul.sppagination {position:relative; text-align:center; margin-top:15px;}
ul.sppagination li {display:inline-block;}
ul.sppagination li a {display:block; padding:3px 10px; color:#fffed8; border:1px solid #23170e; font-size:95%;}
ul.sppagination li a:hover, ul.sppagination li a.active {color:#fffed8; background:#001c32;}

/*noticepage css*/
.page_dital p {margin-bottom:5px;}
.page_dital p strong {color:#e87013;}
.page_dital table {margin-bottom:5px; border:2px solid #001c32;}
.page_dital table tr { line-height:25px;}
.page_dital table tr th , .page_dital table tr td {font-size:13px; border-top:1px solid #001c32; border-left:1px solid #001c32; }
.page_dital table tr th {padding:3px; background:#001c32; font-weight:bold; color: #FFFED8;}

.back_btn {background:url(../img/buttonbg.png) 0 0 no-repeat; width:180px; height:40px; margin:0px auto;}
.back_btn a {display:inline-block; width:180px; height:40px; line-height:40px; text-align:center; color:#555;}

/*sp faq css*/
.spfaq {height:1020px; overflow-y:scroll;}
.spfaq li {margin-bottom:30px;}
.question {padding-left:40px; margin-bottom:10px; color:#c15c12; font-weight:bold; background:url(../img/qaicon.png) 0 0 no-repeat; line-height:30px;}
.answer {font-siae:95%; color:#333; padding:5px 5px 5px 40px; background:url(../img/qaicon.png) 0 -29px no-repeat;}

/*sp hero css*/
/*.sphero {height:450px; padding:10px; overflow-y:scroll;}*/
.h_i_tab_tit { width: 740px; height: 40px; display: block; border:none; margin:10px 2px 20px 2px; overflow:hidden;}
.h_i_tab_tit li { width: 120px; height: 40px; border:none; float: left; margin:0 1px; }
.h_i_tab_tit li:last-child { border-right: none; }
.h_i_tab_tit li a { display: block; width: 120px; height: 40px; background: url(../img/hero/heronav.png) no-repeat; }
.h_i_tab_tit li .tab1 { background-position: 0px 0px; }
.h_i_tab_tit .on .tab1 { background-position: 0px -40px; }
.h_i_tab_tit li .tab2 { background-position: -120px 0px; }
.h_i_tab_tit .on .tab2 { background-position: -120px -40px; }
.h_i_tab_tit li .tab3 { background-position: -240px 0px; }
.h_i_tab_tit .on .tab3 { background-position: -240px -40px; }
.h_i_tab_tit li .tab4 { background-position: -360px 0px; }
.h_i_tab_tit .on .tab4 { background-position: -360px -40px; }
.h_i_tab_tit li .tab5 { background-position: -480px 0px; }
.h_i_tab_tit .on .tab5 { background-position: -480px -40px; }
.h_i_tab_tit li .tab6 { background-position: -600px 0px; }
.h_i_tab_tit .on .tab6 { background-position: -600px -40px; }

.h_i_tab_con { width: 710px; height: auto; }
.h_i_tab_con li { display: none; }
.h_i_tab_con li ul { overflow: hidden; }
.h_i_tab_con li ul li { display: block; float: left; width:100px; height:130px; margin:8px; cursor:pointer; background:#3c2b1b;}
.h_i_tab_con li ul li span {display:block; width:100px; text-align:center; line-height:30px; color:#fffed8;}
.h_i_tab_con li ul li:hover > img {opacity:0.8;}
.h_i_tab_con li ul li:hover >span {color:#fff;}

.mask{ width: 100%; height: 100%; background: #000000; opacity: 0.7; display: none; position: fixed; top: 0; left: 0; transition: 0.3s;}

.herocon_01 li,.herocon_02 li,.herocon_03 li , .herocon_04 li , .herocon_05 li, .herocon_06 li{ width: 900px; height: 540px;position: fixed; z-index: 999; top: 50%; left: 50%; margin-top: -270px; margin-left: -450px; display: none; }
.herocon_01 li img,.herocon_02 li img,.herocon_03 li img, .herocon_04 li img, .herocon_05 li img, .herocon_06 li img {max-width:900px;}

.herocon_01 li .left_btn,.herocon_02 li .left_btn,.herocon_03 li .left_btn, .herocon_04 li .left_btn, .herocon_05 li .left_btn, .herocon_06 li .left_btn  { position: absolute; width: 64px; height: 536px; display: block; top: 0; left: 0; background: url(../img/hero/prev.png) 0 -31px no-repeat; opacity: 0; transition: 0.6s; cursor: pointer;}
.herocon_01 li .left_btn:hover,.herocon_02 li .left_btn:hover,.herocon_03 li .left_btn:hover, .herocon_04 li .left_btn:hover, .herocon_05 li .left_btn:hover , .herocon_06 li .left_btn:hover{ opacity: 1;}
.herocon_01 li .right_btn,.herocon_02 li .right_btn,.herocon_03 li .right_btn, .herocon_04 li .right_btn, .herocon_05 li .right_btn , .herocon_06 li .right_btn { position: absolute; width: 64px; height: 536px; display: block; top: 0; right: 0; background: url(../img/hero/next.png) 0 -31px no-repeat; opacity: 0; transition: 0.6s; cursor: pointer;}
.herocon_01 li .right_btn:hover,.herocon_02 li .right_btn:hover,.herocon_03 li .right_btn:hover, .herocon_04 li .right_btn:hover, .herocon_05 li .right_btn:hover , .herocon_06 li .right_btn:hover{ opacity: 1;}


/*sp buy css*/
.spbuy{padding:0 30px;}
.spbuy h2 {padding-left:20px; margin-bottom:10px; font-size:18px; color:#eee; line-height:36px; font-weight:bold; background:#2b2b2b; border-bottom:1px solid #160c05;}
.buy_text {padding:10px 20px; margin-bottom:15px; color:#2b2b2b; font-size:95%;}
.buy_links {width:690px; margin:0 auto;}
.buy_links ul {overflow:hidden;}
.buy_links ul li {float:left; margin:5px 10px; width:210px; height:100px;}
.buy_links ul li a {display:block; width:210px; height:100px; background:url(../img/spbuylistbg.jpg) 0 0 no-repeat;}
.buy_linkstit {display:block; width:190px; padding:14px 10px 0 10px; text-align:right; font-size:14px; color:#ffa20f;}
.buy_linkscon {display:block; width:190px; padding:0 10px; text-align:right; font-size:95%; color:#fff;}
.buy_links ul li a:hover >span {color:#fff;}

/*sp server css*/
.servercon {overflow:hidden; padding:10px 50px;}
.server_set {position:relative; float:left; width:200px; margin:10px 6px 8px 6px;}
.server_iconNomal a { display:block; width:200px; height:60px; background:url(../img/server_icon_bg.png) 0 0 no-repeat;} 
.server_iconNomal a:hover {width:200px; height:60px; background:url(../img/server_icon_bg_on.png) 0 0 no-repeat; text-decoration:none;} 
.newIcon { position:absolute; top:-10px; right:3px; width:35px; height:35px; background:url(../img/newIcon.png) 0 0 no-repeat;}
.serverName { text-align:center; font-size:14px; color:#fff; padding:10px 2px 5px 2px;}
.serverDate { text-align:center; font-size:93%; color:#08090e;}

.server_iconMente {width:200px; height:60px; background:url(../img/server_icon_maintebg.png) 0 0 no-repeat;}
.server_iconMente .serverDate {color:#9e9e9e;}

.server_iconCommingsoon {width:200px; height:60px; background:url(../img/server_icon_conningsoonbg.png) 0 0 no-repeat;}
.server_iconCommingsoon a:hover {color:#fff; text-decoration:none;}

/*sp agreement css */
.spagreement {padding:0 30px; height:570px; overflow-y:scroll;}
.spagreement h4 {margin-bottom:0; font-size:14px; color:#001c32; line-height:36px; font-weight:bold;}
.spagreement p {padding:0px 5px 10px 5px;}
.spagreement ul {padding:5px 20px;}
.spagreement ul li {list-style:square; color:#bca67f;}
.spagreement .section p {font-size:95%; color:#fffed8; padding:0px 10px;}


/*footer css*/
.footer { height: 121px; width: 100%; background: #fcfcfc; }
.foot { width: 1000px; margin: 0 auto; display: block; overflow: hidden; padding-top: 20px; }
.ingame_icon { float: left; width: 230px; height: 87px; padding-left: 188px; }
.foot_con { width: 450px; height: auto; line-height: 30px; float: left; padding-top: 10px; }
.foot_con p { text-align: center; color: #333; }
.foot_con a { color: #333; }

/* contact css*/
.spcontact { padding:0 30px;}
.spcontact h3 {line-height:30px; font-size:130%; font-weight:bold; margin-bottom:20px; color:#fff;}
.spcontact table{margin-bottom:5px; border:2px solid #A26C47;}
.spcontact table tr { line-height:25px;}
.spcontact table tr th , .spcontact table tr td {font-size:13px; border-top:1px solid #A26C47; border-left:1px solid #A26C47; }
.spcontact table tr th {padding:5px; background:#542A0F; font-weight:bold; color: white;}
.spcontact table tr td {padding:5px 10px;}
.spcontact table tr td table {border:none;}
.spcontact table tr td textarea, .spcontact table tr td input {padding:5px;}
.spcontact .formbt {width:740px; padding-top:10px; padding-bottom: 15px;}
	
.spcontact .formbt .submit_button {background:url(../img/confirm_btn.png) 0 0 no-repeat;width:180px;height:40px;border:0;cursor:pointer;margin-left:282px;}


.spcontact .formbt .back_button {background:url(../img/confirm_btnback.png) 0 0 no-repeat;width:180px;height:40px;border:0;cursor:pointer;margin-left:100px;}
.spcontact .formbt .send_button {background:url(../img/confirm_btnsend.png) 0 0 no-repeat;width:180px;height:40px;border:0;cursor:pointer;margin-left:100px;}
.return_button {background:url(../img/confirm_btnreturn.png) 0 0 no-repeat;width:180px;height:40px;border:0;cursor:pointer;margin-left:100px;}

.spcontact .list_tt {}
.spcontact .list_tt li { overflow:hidden; border-bottom:1px dashed #23170e; margin:5px 0;}
.spcontact .list_tt li .icon {float:left; text-indent:-9999px; margin-top:2px;}
.spcontact .list_tt li .ch01 {background:url(../img/iconch.jpg) 0 0 no-repeat; text-indent:-9999;}
.spcontact .list_tt li .ch02 {background:url(../img/iconch.jpg) 0 -15px no-repeat; text-indent:-9999;}
.spcontact .list_tt li .ch03 {background:url(../img/iconch.jpg) 0 -30px no-repeat; text-indent:-9999;}
.spcontact .list_tt li .title {color:black;}
.spcontact .list_tt li .days {float:right; font-size:90%;}