/**reset: */
html,body{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:1;}
fieldset,img{border:0;}
a img{vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
/*-*/
/**common setting: */
body{font-size:14px; line-height:1.7;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*-*/
/** default setting: */
strong{font-weight:bold;}
a{color:#767676;}
a:hover{color:#EB6F1C; text-decoration:none;}
a.red{color:#ED721A;}
/*-*/
/**layout: */
body{ background:#eee url(../images/index/wraprp.jpg) repeat-y center; color:#3d3636; font-size:12px;}
.wrap{position:relative; z-index:2; background:url(../images/index/wrap.jpg) no-repeat center 661px; min-width:1000px; width:100%;}
.page{width:1000px; margin:auto;}
.header,.bodyer,.footer{position:relative;}
.header{height:661px; width:1000px; margin:auto;}
.header h1,.header p{display:none;}
.bodyer{height:auto !important; height:400px; min-height:400px; padding-top:10px; padding-bottom:40px; padding-left:30px;}
.main{width:600px; float:left; overflow:hidden;}
.side{width:354px; float:right;}
.footer{background:url(../images/index/footer.jpg) no-repeat;}
.wrap-headbg{position:absolute; top:0; left:0; z-index:1; width:100%; height:661px; background:url(../images/index/head.jpg) no-repeat center top; top:40px; min-width:1000px;}
/*-*/
/**NIE Elements: */
#NIE-topBar{height:40px;}
#NIE-topnav{float:right; color:#c60000; height:26px; font-size:12px;}
#NIE-topnav a{color:#c60000; padding-left:5px;}
#NIE-topnav li{float:left; line-height:24px; padding:0 9px;}
#NIE-copyRight,#NIE-copyRight a{color:#8d8d8d;}
#NIE-copyRight{padding:30px 20px; font-size:12px;}
#NIE-logo{display:block; background:#000; opacity:0.01; filter:alpha(opacity=1); position:absolute; top:12px; left:20px; width:150px; height:70px; text-indent:-9999px;}
.mod{}
.mod-name{text-indent:-9999px;}
.mod-hd{height:30px; width:auto;}
.mod-more{float:right; color:#5d5d5d; font-size:12px; margin-right:5px; line-height:30px; height:30px;}
/*-*/
/** header: */
#slide{width:600px; height:270px; overflow:hidden; position:absolute; top:390px; left:29px;}
#global-nav{padding-top:20px;}
#quickguide{background:url(../images/index/head_qk_1.png) no-repeat 0 0; width:376px; height:189px; position:absolute; top:469px; right:0;}
#quickguide-in{background:url(../images/index/head_qk_2.jpg) no-repeat 0 32px; width:376px; height:189px;}
#hotNav{height:92px;overflow:hidden;}
#hotNav a{display:block; position:absolute; background:#000; opacity:0.01; filter:alpha(opacity=1);}
#hotNav-nb{width:100px; height:41px; top:17px; left:20px;}
#hotNav-dl{width:137px; height:37px; top:0; left:120px;}
#hotNav-reg{width:137px; height:37px; top:37px; left:120px;}
#hotNav-fea{width:100px; height:41px; top:17px; left:257px;}
#hotServer{background:url(../images/index/quickguide_map.gif) no-repeat 0 -88px; position:absolute; top:95px; left:30px; padding-top:30px; color:#94989e;}
#hotServer p{display:block; line-height:24px;}
#hotServer strong{color:#f08619; margin-right:20px; font-weight:normal;}
#hotServer i{color:#525860; margin:3px; font-style:normal;}
#serverscroll{position:relative;width:170px;height:48px;overflow:hidden}
#hotServer .content{position:absolute;top:0px;height:auto;width:170px}
#newServer {position:relative;}
#hotLink{width:135px; float:right; padding-top:11px; padding-right:23px; position:absolute; top:75px; right:0;}
#hotLink li{height:25px; margin-bottom:6px;}
#hotLink a{display:block; width:135px; height:25px; background:url(../images/index/quickguide_map.gif) no-repeat 0 -200px; text-indent:-9999px;}
#hotLink-1 a:hover{background-position:0 0;}
#hotLink-2 a:hover{background-position:0 -31px;}
#hotLink-3 a:hover{background-position:0 -62px;}
/*-*/
/** main: */
#roles{width:600px; height:316px; background:url(../images/index/modbg.jpg) no-repeat 0 0;}
#roles .mod-bd{position:relative;}
#roles-tab{padding-top:20px; width:80px; position:absolute; top:0; left:0;}
#roles-tab li{width:auto; height:23px; line-height:23px; padding-left:10px; margin-bottom:6px; font-size:12px;}
.webkit #roles-tab li, . mozilla #roles-tab li{float:left;}
#roles-tab a{display:block; width:100%; height:23px; padding-right:10px; cursor:pointer; }
#roles-tab li, #roles-tab a{background:url(../images/index/roles_tag.gif) no-repeat 0 -40px;}
#roles-tab li.current{background-position:0 0;}
#roles-tab li.current a{background-position:top right;}
#roles-content{width:100%; height:265px; overflow:hidden; background:no-repeat;}
#roles-player{width:235px; height:165px; background:#fff; padding:1px; border:1px solid #aaa8a8; position:absolute; top:22px; right:6px;}
#roles-des{position:absolute; top:200px; right:8px; width:235px; color:#7c7c7c; font-size:12px;}
#roles-des span{text-indent:2em;}
#roles-des a{float:right; color:#7c7c7c;}
#screen{width:600px; height:185px; background:url(../images/index/modbg.jpg) no-repeat 0 -646px;}
#screen .piclist{}
#screen .piclist li{float:left; padding:10px 5px;}
#screen .piclist a{display:block; width:135px; height:110px; padding:1px; background:#fff; border:1px solid #bbbbbb;}
#screen .piclist a:hover{background:#000;}
#video{width:600px; height:330px; background:url(../images/index/modbg.jpg) no-repeat 0 -316px;}
#video .mod-bd{position:relative; height:300px;}
#video-tab{position:absolute; top:30px; right:10px;}
#video-tab li{width:112px; padding-left:5px; background:url(../images/index/arr.gif) no-repeat 0 -60px; text-align:center; height:80px; color:#7c7c7c;}
#video-tab img{border:2px solid #e9e9e9;}
#video-tab a{display:block; padding:1px; background:#fff; width:112px; cursor:pointer;}
#video-tab .current a{background:#e9e9e9;}
#video-tab .current{background-position:0 20px;}
#video-player{width:390px; height:205px; position:absolute; top:33px; left:38px; background:#000;}
#zone{width:600px; height:243px; background:url(../images/index/modbg.jpg) no-repeat 0 -831px; font-size:12px;}
.tv-a{width:290px; float:left; padding-top:20px; float:left;}
.tv-a-tab{height:30px; background:url(../images/index/taba.gif) repeat-x; padding-left:1px;}
.tv-a-tab a{color:#727272; line-height:30px; vertical-align:middle; display:block; width:100%; height:100%; background:url(../images/index/taba.gif) no-repeat 0 -30px; cursor:pointer;}
.tv-a-tab li{width:82px; height:30px; text-align:center; color:#727272; float:left; margin-left:-1px;}
.tv-a-tab .current{width:81px;}
.tv-a-tab .current a, .tv-a-tab a:hover{background-position: 0 -60px; color:#ed721a;}
.tv-a-content{display:none;}
#zone .tv-a-content.current{display:block;}
#zone .tv-a-tab, #zone .tv-a-tab a{background-image:url(../images/index/tabc.gif);}
#zone .tv-a-tab li{width:65px;}
#zone .tv-a-tab .current{width:64px;}
.news-list{color:#ef7b1b; padding-top:15px;}
.news-list .news-time{float:right; color:#767676;}
.news-list li{height:24px; line-height:24px;background:url(../images/index/i-icon.png) no-repeat scroll 3px -31px; padding-left:13px;}
.news-list a:hover{color:#EB6F1C;}
.news-type{margin:0 5px 0 0;}
.news-title{color:#7c7c7c;}
.img-list{width:298px; float:right; padding-top:15px;}
.img-list img{background:#fff; padding:1px; border:1px solid #c2c2c2;}
.img-list li{padding:5px; float:left; text-align:center; }
.img-list span{display:block; color:#7c7c7c;}
.img-list a{display:block; margin-bottom:10px;}
.img-list a:hover{zoom:1;}
.img-list a:hover img{background:#000;}
#service{width:600px; height:141px; background:url(../images/index/modbg.jpg) no-repeat 0 -1074px;}
#service .mod-bd{margin-top:15px; margin-left:5px; padding:0 10px; border-left:1px dotted #b2b2b2; color:#7c7c7c; line-height:24px;}
#service a{color:#7c7c7c; margin:5px;}
/*main End*/
/* side Start*/
.side{float:right;width:354px;}
.side a{color:#7c7c7c;}
.side a.red{color:#ef6b55;}
.side a:hover{color:#EB6F1C;}
.dFocus{position:relative;width:347px;height:145px;background:url(../images/index/i-tabpic.png) no-repeat 0 0;margin-bottom:20px;}
.jdt{width:339px;height:135px;overflow:hidden;position:absolute;left:4px;top:5px;}
.slide_cnt li{}
.slide_cnt li img{width:339px;height:135px;}
.slide_nav{height:11px;position:absolute;right:10px;bottom:10px;}
.slide_nav a{display:inline;float:left;width:11px;height:11px;line-height:11px;margin:2px;text-decoration:none;color:#FFFFC7;text-align:center;background:url(../images/index/i-icon.png) no-repeat 0 0;overflow:hidden;}
.slide_nav a.current{color:#000;background-position:-13px 0;}
.news{width:346px;font-size:12px;}
.news-tab{height:31px;background:url(../images/index/i-tabpic.png) no-repeat 0 -161px;}
.news-ul-tab{width:346px;height:31px;overflow:hidden;}
.news-ul-tab li {float: left; display:inline; height: 31px; line-height:31px; width:70px;text-align:center }
.news-ul-tab li a {display: block; height: 37px; outline: medium; }
.news-con{height:180px; overflow:hidden;}
.news_cnt{height:180px;}
.headline{padding:0 20px 0 10px;height:30px; color:#FA0; background:none; line-height:30px;}
.headline h3{line-height:30px; font-size:14px;}
.headline a{color:#747474; font-weight:bold;}
.news_cnt li{padding-left:13px;height:24px; line-height:24px; color:#ED721A; background:url(../images/index/i-icon.png) no-repeat 3px -31px; overflow:hidden;}
.news_cnt li span{float:right;color:#B0B0B0}
.news_cnt li a{margin-left:5px}
.news_cnt li a:hover{color:#EB6F1C;text-decoration:none}
.news_cnt{display:none}
.news_cnt.current{display:block}
#nt1.current a,#nt1 a:hover{font-weight:bold;color:#ED721A;background:url(../images/index/i-tabpic.png) no-repeat 0 -198px; }
#nt2.current a,#nt2 a:hover{background:url(../images/index/i-tabpic.png) no-repeat -70px -198px; }
#nt3.current a,#nt3 a:hover{background:url(../images/index/i-tabpic.png) no-repeat -140px -198px;}
#nt4.current a,#nt4 a:hover{background:url(../images/index/i-tabpic.png) no-repeat -210px -198px;}
#nt5.current a,#nt5 a:hover{background:url(../images/index/i-tabpic.png) no-repeat -336px -361px;}
.news-search{width:345px;height:33px;background:url(../images/index/i-tabpic.png) no-repeat 0 -244px; }
.news-search .i-text{width:264px;background:none;border:none;margin-left:15px;margin-top:9px;}
.news-search .bt-s{}
#abc{background-repeat: no-repeat; width:354px; height:81px;}
#abc a{float:left; width:50%; height:81px; text-indent:-9999px; opacity:0.01; filter:alpha(opacity=1);}
.side .mod-more{height:20px; line-height:20px;}
.side .mod-hd{height:23px;}
#newbie{width:355px; background:url(../images/index/side.jpg) no-repeat 0 0; height:170px; margin-top:20px;}
#newbie .mod-bd{padding-top:10px;}
.newbie-tag{height:46px;}
.newbie-tag li{height:46px; width:87px; float:left; text-align:center; font-weight:bold;}
.newbie-tag span{color:#818181; display:block;}
.newbie-tag strong{color:#ed721a;}
.newbie-link{width:87px; float:left; text-align:center; line-height:24px;}
#guide{width:355px; background:url(../images/index/side.jpg) no-repeat -355px -89px; height:170px;}
#guide{overflow:hidden;}
#guide .mod-bd{padding-top:10px; width:370px;}
.guide-hot{height:45px; width:370px;}
.guide-hot li{width:90px; float:left; height:45px;}
.guide-hot a{display:block; width:84px; height:100%; overflow:hidden; background:url(../images/index/guide_but_hover.png) no-repeat; opacity:0.01; filter:alpha(opacity=1); text-indent:-9999px;}
.guide-hot .but-1{background-position:1px 0;}
.guide-hot .but-2{background-position:-89px 0;}
.guide-hot .but-3{background-position:-179px 0;}
.guide-hot .but-4{background-position:-269px 0;}
.guide-link{width:89px; float:left; text-align:center; line-height:24px; padding:10px 0; background:url(../images/index/dotline.gif) no-repeat left;}
.guide-link strong{color:red}
.tv-b{width:252px; padding-top:20px;}
.tv-b-tab{height:30px; background:url(../images/index/tabb.gif) repeat-x; padding-left:1px;}
.tv-b-tab a{color:#727272; line-height:30px; vertical-align:middle; display:block; width:100%; height:100%; background:url(../images/index/tabb.gif) no-repeat 0 -30px; cursor:pointer;}
.tv-b-tab li{width:82px; height:30px; text-align:center; color:#727272; float:left; margin-left:-1px;}
.tv-b-tab .current{width:81px;}
.tv-b-tab .current a, .tv-b-tab a:hover{background-position:0 -60px; color:#ed721a;}
.tv-b-content{display:none; height:80px;}
#zhidao .tv-b-content.current{display:block;}
#zhidao{width:355px; background:url(../images/index/side.jpg) no-repeat -710px -147px; height:200px;}
#zhidao .news-list{padding-top:5px;}
#zhidao .mod-bd{position:relative;}
#zhidao-types{border:1px solid #fff; width:75px; height:100px; background:#ebebeb; position:absolute; top:20px; right:0; line-height:24px; padding-left:20px; padding-top:5px;}
#zhidao-search{padding-top:10px;clear:both;}
#zhidao-search form{background:url(../images/index/zhidao_search.gif) no-repeat; border:1px solid #f3f3f3; height:20px; width:auto; clear:both; padding:4px; text-align:center;}
#zhidao-search .f-text{border:1px solid #a6a6a6; background:#f3f3f3; height:20px; width:180px; color:#333; text-align:left; overflow:hidden;}
#zhidao-do{background:url(../images/index/zhidao_search.gif) no-repeat 0 -38px; width:39px; height:22px; color:#fff; border:0;}
#zhidao-ask{background:url(../images/index/zhidao_search.gif) no-repeat -45px -38px; width:39px; height:22px; color:#fff; border:0;}
#quicklink{width:355px; background:url(../images/index/side.jpg) no-repeat -1065px -148px; height:170px; overflow:hidden; margin-top:20px;}
#quicklink .mod-bd{width:370px;}
.quicklink-link{width:80px; float:left; line-height:24px; padding:10px 0; background:url(../images/index/dotline.gif) no-repeat right; margin-right:12px;}
#search{background:url(../images/index/i-tabpic.png) no-repeat 0 -244px; width:344px; height:27px; padding-top:6px; margin-bottom:10px;}
#search .f-text{width:264px; height:20px; overflow:hidden; border:0; background:none; margin:0 5px 0 15px;}
#search .doSubmit{background: url(../images/index/zhidao_search.gif) no-repeat 0 -38px; width: 39px; height: 22px; color: white; border:0;}
/* side End*/
/* bottom Start */
#partern{border-top:1px solid #d4d4d4; clear:both; padding-top:15px;}
#partern strong{background:url(../images/index/arrri.gif) no-repeat left; padding-left:10px; color:#242222; line-height:33px; float:left;}
#partern a{margin:0 7px; float:left;}
/* bottom End */
/*
* zone img-list scrollview
* @author mrhanta
* @version 1.120223
*/
.img-list{height:189px;}
.img-list li{height:174px; width:139px;}
.scrollview{position:relative; float:right;}
.scrollview-screen{position:relative; overflow:hidden;}
.scrollview-nav{position:absolute; height:23px; bottom:0; left:0; text-align:center; width:100%; background:url(../images/index/scrollview_nav.jpg) no-repeat center;}
.scrollview-content{position:absolute; left:0; top:0;}
.scrollview-nav ul{margin:auto;}
.scrollview-nav li{display:inline; float:left; padding:3px; background:url(../images/index/scrollview_ico.gif) no-repeat -34px 4px; cursor:pointer; text-indent:-9999px; width:13px; height:13px;}
.scrollview-nav li.current{background-position:-20px 4px;}
.scrollview-prev,.scrollview-next{position:absolute; display:block; width:7px; height:13px; top:5px; text-indent:-9999px; cursor:pointer; background:url(../images/index/scrollview_ico.gif) no-repeat;}
.scrollview-prev{background-position:0 0; left:40px;}
.scrollview-next{background-position:right; right:40px;}
.scrollview-emptymore{float:left; background:url(../images/index/scrollview_more.jpg) no-repeat; width:65px; padding:25px 35px; height:60px; border:1px solid #C2C2C2; color:#e96d15;}