@charset "utf-8";
/* CSS Document */


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

/*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*/
.top_logo {position:absolute; left:50%; margin-top:30px; margin-left:-480px; width:310px; height:169px; background:url(../img/toplogo.png) 0 0 no-repeat;}
.top_logo a {display:block; width:265px; height:166px;}

/*gamestart*/
.gamestart {position:absolute; left:50%; margin-top:220px; margin-left:-480px; width:244px; height:244px;}
.gamestart a {display:block; width:244px; height:244px; background:url(../images/gamestart.png) 0 0 no-repeat ;}
.gamestart a:hover {display:block; width:244px; height:244px; background:url(../images/gamestart.png) 0 -244px no-repeat ;}

/*content css*/

.content {width:1000px; height:auto; margin:0 auto; 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;}

/*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:#f9f9f9;}
/*notice css*/
.notice {position:relative; width:510px; height:420px; background:url(../img/noticebg.jpg) no-repeat;}
.notice_tabs_list { position:relative; width:490px; margin:auto; margin-bottom:10px; overflow:hidden;}
.notice_tabs_list h2 {height:48px; text-indent:-9999px;}
.notice_tabs_list ul {overflow:hidden; height:30px;}
.notice_tabs_list ul li {float:left; width:94px; height:30px; margin:0 1px; cursor:pointer; background:url(../img/tabslist_bg.png) 0 0 no-repeat; color:#555; text-align:center; line-height:32px;}
.notice_tabs_list ul li:hover ,.notice_tabs_list ul li.active {float:left; width:94px; height:30px; margin:0 1px; cursor:pointer; background:url(../img/tabslist_bg.png) 0 -30px no-repeat; color:#ef1919; line-height:35px;}

.tabs {width:500px; 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 solid #23170e;  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:#bfbdbc;}
.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: 0px;}
.morebtn a { width: 82px; height: 27px; text-indent: -9999px; display: block;  background: url(../img/morebtn.png) right no-repeat;}

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



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

.wrap_sp {min-width:1000px; background:url(../img/bg2.jpg) center top no-repeat; padding-bottom:20px;}
.wrap_sp .header{ height:250px;}

.wrap_sp .header .top_logo {margin-top:15px; margin-left:-425px;}
.pagecontent {display:block; width:1000px; margin:0 auto; min-height:500px;}

.subtitle {width:1000px; height:112px; 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:525px; height:45px; line-height:45px; margin:auto; padding-top:13px;}
.sp_page_right_top {width:740px; margin:15px auto; text-align:right; color:#333;}
.subpagenav a {color:#0730e1; font-weight:bold; text-shadow:0 0 10px #28ffe1;}
.subpagenav_current {color:#333;}

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

/*sp guide css*/
.guide {height:450px; overflow-y:scroll;}
.guide_menu {margin-bottom:15px;}
.guidemenutit {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:#eee;}
.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:#eee;}

.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:#a8a8a8;}
.page_dital {height:890px; overflow-y:scroll;}
.page_dital h4 {margin-bottom:10px; font-size:120%; font-weight:bold; color:#fff300;}
.page_dital strong, .page_dital p strong {font-weight:bold;}
.page_dital img, .page_dital p img {max-width:700px; margin:5px 0;}
.page_dital img , .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 #353332;  display: block; overflow:hidden;}
.spnotice li span { display: block; float: left; }
.spnotice li .t1 a { color: #333; }
.spnotice li:hover { background:#d94410 }
.spnotice li .t3 { float: right; color: #333; 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:#333; border:1px solid #393939; font-size:95%;}
ul.sppagination li a:hover, ul.sppagination li a.active {color:#fff800; background:#898989;}
ul.sppagination a{color:#838383;}

/*noticepage css*/
.page_dital p {margin-bottom:5px;}
.page_dital strong, .page_dital p strong {color:#a46007;}
.page_dital table {margin-bottom:5px; border:2px solid #A26C47;}
.page_dital table tr { line-height:25px;}
.page_dital table tr th , .page_dital table tr td {font-size:13px; border-top:1px solid #A26C47; border-left:1px solid #A26C47;color:black; border-bottom: 1px solid #A26c47;}
.page_dital table tr th {padding:3px; background:#542A0F; font-weight:bold; color:#FEFFEE;}

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

/*sp faq css*/
.spfaq {height:980px; overflow-y:scroll;}
.spfaq li {margin-bottom:30px;}
.question {padding-left:40px; margin-bottom:10px; color:#a77600; 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:#fff; line-height:36px; font-weight:bold; background:#480e0e; border-bottom:1px solid #160c05;}
.buy_text {padding:10px 20px; margin-bottom:15px; color:#333; 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:200px; height:100px;}
.buy_links ul li a {display:block; width:200px; height:100px; background:url(../img/spbuylistbg.jpg) 0 0 no-repeat;}
.buy_linkstit {display:block; width:180px; padding:18px 10px 0 10px; text-align:right; font-size:14px; color:#bf1d13;}
.buy_linkscon {display:block; width:180px; padding:11px 10px; text-align:right; font-size:85%; color:#333;}
.buy_links ul li a:hover >span {color:#834118;}

/*sp server css*/
.servercon {overflow:hidden; padding:10px 50px;}
.server_set {position:relative; float:left; width:198px; margin:10px 7px 8px 7px;}
.server_iconNomal a { display:block; width:198px; height:60px; background:url(../img/server_icon_bg.png) 0 0 no-repeat;} 
.server_iconNomal a:hover {width:198px; 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.gif) 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:#ffeb7e;}

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

.server_iconCommingsoon {width:198px; 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:#fefb3b; 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:#000;}
.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: #ffffff;}
.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:#000;}
.spcontact .list_tt li .days {float:right; font-size:90%; color:#000;}