
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
input{background:0 0;border:none}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none;padding:0}
body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-size:12px;word-break:break-all;word-wrap:break-word}
a{color:#E22C14;text-decoration:none}
a:visited{color:#E22C14}
a:hover{text-decoration:underline}
.clearFix:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.clearFix{display:block;*display:inline-block}
* html .clearFix{height:1%}
.padT{padding-top:10px}
.padB{padding-bottom:10px}
.marB{margin-bottom:10px}
html{background: url("images/setbg.jpg") repeat-y center 0;overflow-x:hidden}

:focus,a{outline:0}
h1.logo{position:absolute;width:300px;height:115px;top:60px}
h1.logo a{width:100%;height:100%;display:block}
#header{background:url(img/top.jpg) no-repeat 50% 0;height:223px;position:relative;width:1160px;margin-left:-580px;left:50%;top:0;z-index:10}
#header .nav-icon{width:30px;height:9px;display:block;background:url(img/navIcon.jpg) no-repeat 0 0;position:absolute;left:167px;top:223px;z-index:9}


#container {
  left: 50%;
  margin-left: -600px;
  min-height: 1000px;
  position: relative;
  width: 1200px;
  z-index: 2;
}
#header_news{height:280px;background:url(img/banner_top.jpg) no-repeat 50% 0}
#header_news h1 a{display:block;width:320px;height:138px;margin:0 auto;text-indent:-999em;padding-top:75px}
#footer{height:329px;background:url(img/bottom.jpg) no-repeat 50% 0;margin:0;padding:0;position:static;width:auto;z-index:0}
#footer .logo_bz{display:inline-block;background:url(img/logo_blizzard.png) no-repeat 0 0;width:140px;height:80px;overflow:hidden;vertical-align:middle}
#footer .logo_ne{display:inline-block;background:url(img/logo_ne.png) no-repeat 0 0;width:125px;height:38px;overflow:hidden;margin:0 0 0 25px;vertical-align:middle}
#footer .logo3{background-position:-322px -1410px;width:40px}
#footer .cprt{text-align:center;width:1000px;margin:0 auto 8px;padding:0;border-bottom:1px solid #20140d}
#footer .cprt .info{width:625px;display:inline-block;text-align:left;padding:20px 0 0 16px;color:#552c09;vertical-align:middle;position:relative;*display:inline;*zoom:1}
#footer p{font-size:12px;color:#552c09}
#footer a{text-decoration:none;color:#552c09}
#footer a:hover{color:#fefefe}
#footer .integrity{position:absolute;right:-50px;top:54px}
#footer .tips{color:#432914;text-align:center}
.share{width:200px;margin:0 auto}
.share li.sharetip{height:24px;line-height:24px}
.share li{float:left;margin-right:8px}
.share li a{width:24px;height:24px;display:block;transition:background .3s cubic-bezier(0.17,.67,.88,1.25) 0s,color .2s linear 0s;background:url(img/share_v3.png) no-repeat 0 0}
.share li a.jiathis_button_t163{background-position:-51px 0}
.share li a.jiathis_button_tsina{background-position:-101px 0}
.share li a.jiathis_button_tqq{background-position:-1px 0}
.share li a.jiathis_button_qzone{background-position:-151px 0}
.share li a.jiathis_button_tieba{background-position:-301px 0}
.share li a.jiathis_button_t163:hover{background-position:-51px -25px}
.share li a.jiathis_button_tsina:hover{background-position:-101px -25px}
.share li a.jiathis_button_tqq:hover{background-position:-1px -25px}
.share li a.jiathis_button_qzone:hover{background-position:-151px -25px}
.share li a.jiathis_button_tieba:hover{background-position:-301px -25px}
#sidebar{width:144px;position:absolute;top:100px;right:5px;z-index:99;text-align:center}
#sidebar .fastNav{width:53px;height:130px;position:absolute;right:93px;background:url(img/fast.png) no-repeat 0 0}
#sidebar ul{padding-top:25px;width:117px;margin:0 auto;background:url(img/sidebar.png) no-repeat 0 0;height:282px;position:absolute;right:-13px}
#sidebar .weixin{width:92px;height:92px;margin-left:13px;display:inline;background:url(img/weixin.gif) no-repeat 0 0}
#sidebar li a{color:#fff}
#sidebar li a:hover{text-decoration:underline}
#sidebar li{height:38px;float:left;width:117px;line-height:46px;_line-height:38px}
#sidebar li.ts{line-height:40px}
#sidebar li.mark{height:30px;line-height:normal}

.btn_light{display:block;cursor:pointer;height:73px;padding-right:107px;width:145px;background:url(img/light_btn.png) no-repeat 104px -180px}
.btn_light span{display:block;background:url(img/light_btn.png) no-repeat 0 0;height:73px}
.btn_light:hover{background-position:104px -265px}
.btn_light:hover span{background-position:0 -94px}
.btn_small{display:inline-block;cursor:pointer;height:27px;width:96px;line-height:24px;padding-left:22px;color:#fff!important;background:url(img/btn_small.png) no-repeat 0 0}
.btn_small span{display:block;background:url(img/btn_small.png) no-repeat right -81px;height:27px}
.btn_small:hover{background-position:0 -27px}
.btn_small:hover span{background-position:-204px -108px}
.btn_pop{display:block;cursor:pointer;height:38px;line-height:36px;padding-right:70px;width:145px;background:url(img/btn_pop.png) no-repeat 145px -106px}
.btn_pop span{display:block;background:url(img/btn_pop.png) no-repeat 0 0;height:38px;padding-left:70px;text-align:center}
.btn_pop:hover{background-position:145px -148px;text-decoration:none}
.btn_pop:hover span{background-position:0 -42px;text-decoration:none}
.btn_apply{position:absolute;left:50%;margin:26px 0 0 -125px}
.btn_apply img{padding:22px 0 0 57px}
.flower{height:46px;background:url(img/flower.png) no-repeat 50% 0}
.news_line{height:31px;background:url(img/line.png) no-repeat 50% 0}
.try{width:341px;height:55px;margin:0 auto;background:url(img/try.png) no-repeat 0 0}
.font_blue{color:#113F68}
.font_red{color:red}
#applyBox{width:788px;position:absolute;z-index:999999;top:0;left:0;color:#000;display:none}
#applyBox .applyIcon{width:177px;height:171px;position:absolute;right:-43px;bottom:-74px;background:url(img/wa.png) no-repeat 0 0}
#applyBox .boxt{height:287px;background:url(img/pop_t.png) no-repeat 0 0}
#applyBox .boxt h3{text-align:center;font-size:22px;height:105px;line-height:70px}
#applyBox .boxt p{width:600px;margin:0 auto;font-size:12px;color:#f3d0a4}
#applyBox .boxm{display:none}
#applyBox .boxb{height:345px;background:url(img/pop_b.png) no-repeat 0 0}
#applyBox .nav{position:relative;padding-top:90px}
#applyBox .nav .leftArrow{position:absolute;width:69px;height:63px;left:48px;background:url(img/arrow.png) no-repeat 0 0}
#applyBox .nav .rightArrow{position:absolute;width:69px;height:63px;right:42px;background:url(img/arrow.png) no-repeat 0 -68px}
.ui-nav{width:715px;height:58px;margin:0 auto;background:url(img/nav.png) no-repeat 0 0}
.ui-nav li{float:left;display:inline;margin-right:-4px;width:190px;height:44px;padding-top:5px}
.ui-nav li.login{margin-left:78px}
.ui-nav li a{display:block;text-align:center;cursor:default;height:100%;width:186px;line-height:44px;color:#ffdb60;font-size:16px;background:url(img/nav_bg.jpg) no-repeat 0 0}
.ui-nav li a.active,.ui-nav li a:hover{background-position:0 -44px;text-decoration:none;color:#fff}
.ui-nav li a.disable:hover{color:#ffdb60;background-position:0 0}
.ui-nav li a.active:hover{color:#fff;background-position:0 -44px}
.ui-nav li.finish a{width:190px}
.ui-nav li.finish{margin-right:0}
#applyForm{width:472px;margin:0 auto;padding-top:12px;font-size:14px}
#applyForm label{display:inline-block;vertical-align:middle;text-align:right;width:73px;padding-right:17px}
#applyForm input.input_txt{display:inline-block;vertical-align:middle;width:275px;height:30px;line-height:30px;color:#000;background:#fff;border:1px solid #97673C}
#applyBox .closeBtn,#popBox .closeBtn{width:44px;display:block;height:46px;position:absolute;top:48px;right:12px;text-indent:-999em;background:url(img/lightbox.png) no-repeat -84px 0}
#applyBox .closeBtn:hover{background-position:-128px 0}
.applyLogin{padding-top:20px}
.applyLogin a{color:#FF4E25}
.applyLogin a#sendCode{color:#000;display:inline-block;width:95px;height:35px;line-height:35px;margin-left:5px;text-align:center;background:url(img/code.png) no-repeat 0 0}
.applyLogin a#sendCode:hover{text-decoration:none;color:#fff}
.applyLogin div{padding-bottom:10px;position:relative}
.applyLogin #submitLogin{width:283px;margin:0 auto}
.applyLogin #submitLogin a{color:#fff;font-size:14px}
.applyLogin #submitLogin a:hover{text-decoration:none}
.applyLogin .error{color:red;height:24px;padding-left:97px}
.applyFinish{display:none;padding-top:30px}
#popBox{position:absolute;z-index:999999;display:none}
#boxModel{background-color:#000;display:none;position:absolute;z-index:999998;left:0;top:0}
.faq{margin-left:-65px;position:relative;width:614px;display:none}
.faqWrap{height:226px;position:relative;overflow:hidden;width:605px}
.faqCon{position:absolute}
.faqCon input{border:none;margin-left:10px}
.faqCon p{line-height:20px}
.faqCon h4{font-weight:700;padding:10px 0 5px}
.faq .faqBar{position:absolute;right:0;top:0;width:16px;padding-bottom:20px;background:url(img/scroll_b.png) no-repeat 0 bottom}
.faq .faqBar .bar{height:100%;position:relative;background:url(img/scroll_top.png) no-repeat 0 0}
.faq .faqBar .trackbar{cursor:pointer;height:28px;position:absolute;top:0;width:24px;left:-4px;margin-top:11px;background:url(img/scroll_on.png) no-repeat 0 0}
.radioLine .title{display:inline-block}
.radioInput{display:inline-block;width:430px}
.checkboxInput a,.radioInput a{display:inline-block;cursor:pointer;color:#333;width:125px;text-decoration:none}
.radioInput a span{display:inline-block;width:27px;height:26px;vertical-align:middle;background:url(img/formStyle.png) no-repeat -54px -22px}
.radioInput a.checked span,.radioInput a:hover span{background-position:-19px -24px}
.checkboxInput a span{background:url(img/formStyle.png) no-repeat scroll -55px -59px;display:inline-block;height:26px;vertical-align:middle;width:27px}
.checkboxInput a.checked span{background-position:-20px -59px}
.radioT{width:130px;display:inline-block;*float:left;text-align:right;padding-right:10px;vertical-align:top;padding-top:2px}
.radioBlock{display:block;width:100%}
#submitFaq{padding-top:20px}
#submitFaq a{background:url(img/faq.png) no-repeat 0 -4px;width:162px;height:60px;display:block;margin:0 auto}
#submitFaq a:hover{background-position:0 -65px}


#bar{background:#282c30;height:33px;border-bottom:1px solid #000;overflow:hidden;position:relative;z-index:9998;width:1920px;margin-left:-960px;left:50%;top:0}
#bar .con{position:relative}
#bar .btn_small{position:absolute;right:100px;border:none;height:27px;margin-top:7px;width:83px}
#bar .btn_small:hover span{background-position:-217px -108px}
#bar a.link{color:#00a6f0;display:inline-block;padding:0 10px;margin-top:8px;height:18px;border-right:1px dotted #6f704f}
.barwrap{width:1000px;margin:0 auto}
#bar .share{top:8px;left:677px}
#bar .share li.sharetip{color:#848484}
.icons{float:right;padding-top:6px;color:#fff}
.icons span{display:inline-block;vertical-align:middle}
.icon_ios{width:20px;height:23px;background:url(img/icon01.png) no-repeat 0 0}
.icon_w{width:34px;height:23px;margin-left:5px;background:url(img/icon01.png) no-repeat -48px 0}
.banner{position:relative;left:50%;width:100%;margin-left:-839px}
#JIATHISSWF{display:none}
a.collapse-button{display:block;width:103px;height:28px;background:url(img/collapse-button.png) no-repeat 0 -36px}
a.collapse-button:hover{background-position:0 -108px}
a.collapse-button-show{background-position:right 0}
a.collapse-button-show:hover{background-position:right -72px}
.dot5{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:url(img/dot5.png)}
.video_btn{display:block;width:128px;height:112px;position:absolute;left:50%;top:50%;margin-left:-64px;margin-top:-56px;background:url(img/btn_video.png) no-repeat 0 0}
.pic_btn{width:46px;height:46px;position:absolute;display:block;left:50%;top:50%;margin-left:-23px;margin-top:-23px;background:url(img/artwork-zoom.png) no-repeat 0 0}
a.btn_yellow{padding-left:11px;display:inline-block;color:#fff;_width:80px;cursor:pointer;background:url(img/button3.png) no-repeat 0 0}
a.btn_yellow span{display:block;min-width:62px;text-align:center;height:24px;line-height:24px;padding-right:11px;background:url(img/button3.png) no-repeat right -48px}
a.btn_yellow:hover{color:#DAAC55;background-position:0 -24px;text-decoration:none}
a.btn_yellow:hover span{background-position:right -72px}
a.btn_audio{display:inline-block;width:46px;height:27px;background:url(img/audio-controls.png) no-repeat 0 0}
a.btn_audio:hover{background-position:-46px 0}
a.btn_audio_play{background-position:-92px 0}
a.btn_audio_play:hover{background-position:-138px 0}
a.btn_down{padding-left:16px;display:inline-block;background:url(img/download.gif) no-repeat 0 4px}
.font_gray_bar{color:#848484}
.iconCommon{background-image:url(img/icon.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-right:5px;width:30px;height:30px}
.iconHot{background-position:-4px -5px}
.iconSns{background-position:-4px -42px}
.iconCard{background-position:-4px -80px}
.iconVote{background-position:-4px -116px}
.iconJian{background-position:-4px -153px}
.iconChui{background-position:-4px -189px}
.iconFaq{background-position:-48px -3px}
.iconOfficial{background-position:-47px -38px}
.iconZh{background-position:-87px -4px}
.iconTj{background-position:-87px -39px}
.iconStep{background-position:-129px -4px}
.iconDownload{background-position:-132px -39px}
.iconMt{background-position:-46px -74px}
.iconComment{width:18px;height:19px;background-position:-80px -112px;margin-right:2px}
a:hover .iconComment{background-position:-80px -129px}
.iconSmallArrow{background-position:-135px -143px;height:12px;width:10px}
.iconBlueArrow{background-position:-135px -128px;height:12px;width:10px}
a:hover .iconBlueArrow,a:hover .iconSmallArrow{background-position:-135px -113px}
.iconMapHome{width:22px;height:24px;background-position:-7px -230px}
.iconMapGame{width:22px;height:24px;background-position:-7px -261px}
.iconMapAccout{width:22px;height:24px;background-position:-7px -289px}
.iconMapOnline{width:22px;height:24px;background-position:-7px -318px}
.line_mid{background:url(img/line_mid.png) no-repeat 0 0;width:697px;height:7px}
a.borderLink{border-bottom:1px dotted #e22c14;color:#e22c14!important}
a.borderLink:hover{color:#ff7800!important;border-bottom:1px dotted #ff7800}
.yellowAlphaBg{background:url(img/dot.png) repeat scroll 0 0}
#service{position:absolute;width:1160px;left:50%;top:0;margin-left:-580px;z-index:999}
.service-bar{-moz-user-select:none;display:inline-block;font-size:12px;position:absolute;right:0;text-align:right;z-index:75}
.service-bar .dropdown-menu{background-color:#C5C5C5;border-radius:2px 0 2px 2px;box-shadow:0 3px 4px #1B1B1B;color:#000;display:none;line-height:normal;padding:10px;position:absolute;right:0;text-align:left;top:33px;width:150px}
.service-bar .dropdown-menu a{border-radius:2px;color:#000;display:block;padding:5px}
.service-bar .dropdown-menu a:hover{background:none repeat scroll 0 0 #D6D6D6;color:#000;text-decoration:none}
.service-cell{background:url(img/background.png) repeat-x scroll 0 -200px;color:#8694A1;display:block;float:left;line-height:32px;padding:0 0 7px;position:relative}
.service-cell a{color:#00B6FF;text-decoration:none;font-size:12px}
.service-cell a:hover{color:#FFF}
.service-home{background-position:0 0;background-repeat:no-repeat}
.service-home a{background:url(img/background.png) no-repeat scroll 0 -40px;border-left:0 none;display:block;line-height:33px;padding:0 0 0 7px;text-indent:-9999px;width:48px}
.service-home.service-maintenance a{background-position:0 -120px}
.service-home.service-alert a{background-position:0 -160px}
.service-home a:focus,.service-home a:hover{background-color:;background-position:0 -80px}
.service-welcome{padding:0 15px 7px}
.service-welcome .employee{background:url(img/employee.gif) no-repeat scroll center center;display:inline-block;height:32px;vertical-align:middle;width:27px}
.service-link{border-left:1px solid #33373B;display:block;font-size:10px;line-height:33px;padding:0 1.5em;text-transform:uppercase}
.service-link:focus,.service-link:hover{background-color:#343434}
.service-cell a.active{background:none repeat scroll 0 0 #C5C5C5;color:#000}
.service-news a{background:url(img/background.png) repeat-x scroll -117px -160px;border-left:0 none;border-right:1px solid #33373B;display:block;width:50px}
.service-bar .service-news.opened{padding:0}
.service-bar .service-news.opened a,.service-bar .service-news.opened a:focus,.service-bar .service-news.opened a:hover{background-color:#D37201;border-right-color:#D37201;height:40px}
.service-support-enhanced{background-position:100% -241px}
.service-support a.service-link-dropdown{background:url(img/background.png) repeat-x scroll 100% -240px;display:block;padding:0 38px 0 1.5em}
.service-support a.service-link-dropdown:hover{background-position:100% -280px}
.service-support a.active,.service-support a.active:focus,.service-support a.active:hover{background:url(img/background.png) repeat-x scroll 100% -320px;color:#FFF}
.service-explore{background-position:100% 0;padding:0 0 7px}
.service-explore a.dropdown{background:url(img/background.png) repeat-x scroll 100% -40px;color:#FFF!important;display:block;line-height:33px;padding:0 40px 0 1.5em;text-transform:uppercase}
.service-explore a.dropdown:focus,.service-explore a.dropdown:hover{background-position:100% -80px}
.service-explore a.active,.service-explore a.active:focus,.service-explore a.active:hover{background-position:100% -120px}
.service-language a{background:url(img/map.png) no-repeat scroll 50% 6px;height:33px;padding:0;width:65px}
.service-language a:hover{background-position:50% -40px}
.no-support-tickets{display:none}
.open-support-tickets{background:url(img/background.png) repeat-x scroll -188px -168px;color:#722600;display:block;height:16px;line-height:16px;overflow:hidden;padding:1px 1px 4px;position:absolute;right:11px;text-align:center;top:8px;width:17px}
.service-support a.active .open-support-tickets,.service-support a.active:focus .open-support-tickets,.service-support a.active:hover .open-support-tickets{color:#722600}
.service-auth .service-link,.service-auth .service-link.active{background:url(img/security-alert.png) no-repeat scroll 50% 50%;display:block;height:33px;padding:0 8px;width:20px}
.service-auth .service-link:focus,.service-auth .service-link:hover{background-color:#343434}
.service-auth .service-link.active{background-color:#343C46}
.support-menu{position:absolute;right:0;text-align:left;top:33px;width:295px;z-index:85}
.support-primary{background:none repeat scroll 0 0 #343C46;line-height:1.5;overflow:hidden;padding:1em 13px 12px 15px}
.support-secondary{display:none}
.support-caption{color:#E8EBF0;display:block;font-size:16px;font-weight:400;letter-spacing:-1px;line-height:1.333;margin:0}
.support-nav{margin:0;padding:0}
.support-nav li{list-style:none outside none}
.support-nav a.support-category{border-bottom:3px solid #2A5164;color:#94989F;display:block;margin:0 0 .5em;padding:0 0 .75em}
.support-nav a.support-category:active,.support-nav a.support-category:focus,.support-nav a.support-category:hover{border-color:#FFF;color:#FFF}
.explore-menu{background:none repeat scroll 0 0 #343C46;box-shadow:-1px 1px 14px rgba(0,0,0,.6);position:absolute;right:7px;text-align:left;top:33px;width:439px;z-index:85}
.explore-primary{background:none repeat scroll 0 0 #343C46;line-height:1.5;overflow:hidden;padding:1em 16px}
.explore-menu .explore-caption{color:#B2BAC7;display:block;font-size:16px;font-weight:400;letter-spacing:-1px;line-height:1.333;margin:0}
.explore-nav{margin:0;padding:0}
.explore-nav li{list-style:none outside none}
.explore-nav{float:left;width:50%}
.explore-nav a{border-bottom:3px solid #2A5164;color:#94989F;display:block;margin:0 0 .5em;padding:.5em 0 .75em}
.explore-nav a:active,.explore-nav a:focus,.explore-nav a:hover{border-color:#FFF;color:#FFF}
.explore-nav a:active .explore-caption,.explore-nav a:focus .explore-caption,.explore-nav a:hover .explore-caption{color:#FFF}
.explore-links{float:right;width:40%}
.explore-links ul{margin:0;padding:0}
.explore-links ul li{list-style:none outside none}
.explore-links .explore-caption{font-size:14px;margin:0 0 .25em;padding:0 4px;white-space:normal}
.explore-links a{border-radius:2px;color:#94989F;display:block;margin:0 0 .1em;padding:2px 4px}
.explore-links a:active,.explore-links a:focus,.explore-links a:hover{background:none repeat scroll 0 0 #212832}
.explore-secondary{background:none repeat scroll 0 0 #232A31;height:160px;line-height:1.1;margin:0;overflow:visible;padding:0}
.explore-secondary li{float:left;list-style:none outside none;width:110px}
.explore-secondary .explore-game-sc2{width:109px}
.explore-secondary .explore-caption{display:block;font-size:15px;padding-bottom:4px;text-align:center;white-space:normal}
.explore-secondary a{color:#94989F;display:block;height:158px;width:110px}
.explore-secondary .explore-game-sc2 a{width:109px}
.explore-secondary a:hover .explore-caption{color:#FFF}
.explore-secondary .explore-game-inner{display:block;padding:110px 0 0}
.explore-secondary span{display:block;font-size:11px;overflow:hidden;padding-bottom:4px;white-space:nowrap}
.explore-game a{background:url(img/explore-menu_v2.jpg) no-repeat scroll -434px -190px;height:160px;position:relative}
.explore-game a:hover{background:url(img/explore-menu_v2.jpg) no-repeat scroll -434px -125px}
.explore-game-sc2 a{background-position:0 0}
.explore-game-wow a{background-position:-109px 0}
.explore-game-hs a{background-position:-329px 0}
.explore-game-heroes a{background-position:-439px 0}
.explore-game-sc2 a:hover{background-position:-550px 0}
.explore-game-wow a:hover{background-position:-659px 0}
.explore-game-hs a:hover{background-position:-879px 0}
.explore-game-heroes a:hover{background-position:-989px 0}
.sitemapWrap{height:307px;left:50%;margin-left:-960px;position:relative;width:1920px;background:url(img/bottom_list_bg.jpg) no-repeat 0 0}
#sitemap{width:1000px;margin:0 auto;padding-top:90px}
#sitemap h3{border-bottom:1px solid #714e20;margin-bottom:10px;padding-bottom:10px;font-size:16px}
#sitemap h3 a{color:#e5d2a7}
#sitemap h3 a:hover{color:#fefefe;text-decoration:none}
#sitemap h3.bnet{background-position:0 0}
#sitemap h3.games{background-position:2px -50px}
#sitemap h3.classic{background-position:0 -100px}
#sitemap h3.account{background-position:2px -150px}
#sitemap h3.support{background-position:0 -200px}
#sitemap .column{float:left;padding-bottom:20px;width:25%;overflow:hidden}
#sitemap .column ul a{display:block;margin:2px 0;color:#8c6228;font-size:12px}
#sitemap .column ul a:hover{color:#fefefe;text-decoration:none}
#sitemap .column ul li{_height:16px;_overflow:hidden}
#sitemap.promotions .column{width:170px}
.ui-breadcrumbs{color:#150603;height:24px;padding:22px 0 0 56px;position:relative;z-index:2}
.ui-breadcrumbs a{display:inline-block;color:#113F68}
.ui-breadcrumbs a:hover{border-bottom:1px dotted #E22C14;color:#E22C14;text-decoration:none}
.ui-breadcrumbs a.active{border-bottom:1px dotted #E22C14;color:#E22C14;cursor:default}
.sup_tm{font-size:8px!important;display:inline-block;-webkit-transform:scale(0.65)}
.vm{vertical-align:middle}
.widthAuto{width:1000px;margin:0 auto}
.font_gray{color:#666}
.commentNum{vertical-align:middle;display:inline-block}
a.btn_close{background:url(img/lightbox.png) repeat-x scroll -84px 0;display:block;float:right;height:46px;position:absolute;right:-9px;top:-7px;width:45px;z-index:9007}
a.btn_close:hover{background-position:-128px 0}
.icon_stive{width:30px;height:21px;display:inline-block;vertical-align:middle;background-image:url(img/icon_hero.png);background-repeat:no-repeat}
.icon_gain{background-position:-4px -198px}
.icon_consume{background-position:-4px -166px}
.icon_hero{width:28px;height:21px;display:inline-block;vertical-align:middle;background-image:url(img/icon_hero.png);background-repeat:no-repeat}
.icon_hero_neutral{background:0 0}
.icon_hero_druid{background-position:-48px -240px}
.icon_hero_hunter{background-position:-48px 0}
.icon_hero_mage{background-position:-48px -210px}
.icon_hero_paladin{background-position:-48px -180px}
.icon_hero_priest{background-position:-48px -150px}
.icon_hero_rogue{background-position:-48px -120px}
.icon_hero_shaman{background-position:-48px -90px}
.icon_hero_warlock{background-position:-48px -60px}
.icon_hero_warrior{background-position:-48px -30px}
#nv {
  background: url("img/nav_vv3.png") no-repeat;
  height: 63px;
  left: 50%;
  margin-left: -580px;
  position: relative;
  width: 1160px;
}
#wraper{overflow-x:hidden;position:relative}
.homeCon {
  background-image: url("img/bg_r.jpg");
}
.wraperCon{width:1160px;margin:0 auto;position:relative;background:url(img/bg_r.jpg) repeat-y center 0;padding-bottom:80px}
.wraperConArea{width:1110px;margin:0 auto;}
.con_bottom{background:url(img/con_bottom.jpg) no-repeat 0 0;height:116px;width:1200px;left:50%;position:relative;margin-left:-600px}
.top_shadow {
  background: url("images/bg_showtop.png") no-repeat;
  height: 54px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1160px;
}
.paging{height:32px;margin:20px 0;text-align:center}
.paging .hide{display:none!important}
.paging .ellipsis,.paging .head,.paging .next,.paging .num,.paging .page-input,.paging .page-prompt,.paging .prev,.paging .selnum,.paging .submit,.paging .tail{display:inline-block;vertical-align:middle}
.paging .head,.paging .next,.paging .prev,.paging .submit,.paging .tail{background:url(img/paging.gif) no-repeat scroll 0 0 transparent}
.paging .next,.paging .prev,.paging .submit{background:url(img/button4.png) repeat scroll 100% -48px;display:inline-block;height:24px;padding:0}
.paging .next span,.paging .prev span,.paging .submit span{background:url(img/button4.png) repeat scroll 0 0;color:#FFF;display:block;font-size:11px;height:24px;line-height:24px;margin:0;padding:0 9px}
.paging .head,.paging .tail{height:32px;line-height:32px;width:78px}
.paging .next:hover,.paging .prev:hover,.paging .submit:hover{background-position:100% -72px}
.paging .next:hover span,.paging .prev:hover span,.paging .submit:hover span{background-position:0 -24px}
.paging .next{margin-left:5px}
.paging .prev{margin-right:5px}
.paging .head{background-position:-569px -32px;margin-right:5px}
.paging .head:hover{background-position:-569px -65px}
.paging .tail{background-position:-649px -32px;margin-left:5px}
.paging .tail:hover{background-position:-649px -65px}
.paging .submit{margin-left:5px;float:none}
.paging .page-prompt{color:#000;font-size:12px;margin:0 6px}
.paging .page-input{background:#fff;border:1px solid #D7C090;color:#150603;font-size:12px;height:20px;line-height:20px;margin:6px 0;text-align:center;width:36px;padding:1px}
.paging .current,.paging .num{font-family:Tahoma,Arial,Sans Serif;font-size:12px;margin:2px;position:relative;text-align:center;text-decoration:none;vertical-align:middle}
.paging .num{background:url(img/button4.png) repeat scroll 100% -48px;display:inline-block;height:24px;padding:0}
.paging .num span{background:url(img/button4.png) repeat scroll 0 0;color:#FFF;display:block;font-size:11px;height:24px;line-height:24px;margin:0;padding:0 9px}
.paging .num:hover{background-position:100% -72px}
.paging .num:hover span{background-position:0 -24px}
.paging .current{display:inline-block;height:24px;color:#fff;padding:0;background:url(img/button4.png) repeat scroll 100% -72px}
.paging .current .selnum{height:24px;line-height:24px;padding:0 9px;display:block;font-size:11px;margin:0;color:#fff;background:url(img/button4.png) repeat scroll 0 -24px}
.paging .ellipsis{color:#000;font-size:14px;height:32px;line-height:32px;margin:0 2px;text-align:center;width:12px}
.paging .bdb,.paging .bdl,.paging .bdr,.paging .bdt{background:none repeat scroll 0 0 #05295A;position:absolute}
.paging .num:hover .bdb,.paging .num:hover .bdl,.paging .num:hover .bdr,.paging .num:hover .bdt,.paging .selnum .bdb,.paging .selnum .bdl,.paging .selnum .bdr,.paging .selnum .bdt{background:none repeat scroll 0 0 #C1FFFF;position:absolute}
.paging .bdt{height:1px;left:0;top:-1px;width:100%}
.paging .bdl{height:100%;left:-1px;top:0;width:1px}
.paging .bdb{bottom:-1px;height:1px;right:0;width:100%}
.paging .bdr{bottom:0;height:100%;right:-1px;width:1px}
.paging .rcbl,.paging .rcbr,.paging .rctl,.paging .rctr{background:url(img/paging.gif) no-repeat scroll 0 0 transparent;height:3px;position:absolute;width:3px}
.paging .rctl{background-position:-182px -37px;left:-1px;top:-1px}
.paging .rctr{background-position:-241px -37px;right:-1px;top:-1px}
.paging .rcbl{background-position:-182px -56px;bottom:-1px;left:-1px}
.paging .rcbr{background-position:-241px -56px;bottom:-1px;right:-1px}
.paging .num:hover .rctl,.paging .selnum .rctl{background-position:-148px -37px;left:-1px;top:-1px}
.paging .num:hover .rctr,.paging .selnum .rctr{background-position:-173px -37px;right:-1px;top:-1px}
.paging .num:hover .rcbl,.paging .selnum .rcbl{background-position:-148px -56px;bottom:-1px;left:-1px}
.paging .num:hover .rcbr,.paging .selnum .rcbr{background-position:-173px -56px;bottom:-1px;right:-1px}
.tag_hs{position:absolute;width:136px;height:105px;display:block;background:url(img/cd.jpg) no-repeat 0 0;left:50%;margin-left:-68px;top:118px;opacity:0;filter:alpha(opacity=0);transition:opacity .5s ease 0s}
.tag_hs:hover{background-position:0 0;opacity:1;filter:alpha(opacity=100);transition:opacity .5s ease 0s}
.common_line{background:url(img/bread_line.png) no-repeat scroll center 0;height:71px}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){#header{background-image:url(img/top01.jpg)}}.minisiteFooter{background-image:url(img/bottom01.jpg)!important}
.minisiteFooter .cprt{padding-top:60px!important}
#popBox .isMobilePop .McloseBtn{position:absolute;text-indent:-999em;width:140px;height:140px;right:0;top:0;background:#dcc695 url(img/ismobile.png) no-repeat -95px -195px}
.isMobilePop{position:relative;width:1200px;margin:0 auto;border:8px solid #87613b;background:#e6d3a9;text-align:center;padding:150px 0 120px}
.isMobilePop .title{font-size:80px;color:#6e2410;font-weight:700;padding:0 0 30px;display:block}
.isMobilePop p{font-size:50px;color:#000;line-height:62px}
.isMobilePop a.btn{width:640px;height:172px;display:inline-block;margin:50px 0 120px;text-indent:-999em;background:url(img/ismobile.png) no-repeat 0 -15px}
.isMobilePop p a{color:#000;text-decoration:underline;padding-right:20px;font-size:32px;vertical-align:middle}
.isMobilePop p a:after{content:"";display:inline-block;background:url(img/ismobile.png) no-repeat -458px -247px;width:22px;height:26px;margin-left:10px}
.isMobilePop p span{background:url(img/ismobile.png) no-repeat -294px -230px;width:109px;height:53px;display:inline-block;text-indent:-999em;vertical-align:middle}
.toMobile{cursor:pointer;display:block;position:fixed;left:8px;bottom:8px;height:96px;width:95px;z-index:99;background:url(img/ismobile.png) no-repeat 0 -208px}
#lightbox-anchor{position:absolute;top:10%;left:0;z-index:9005;width:100%}
#lightbox-container{width:890px;height:641px;position:relative;*float:left;display:none;margin:0 auto;background-color:#000}
#lightbox-container .ui-element{background:url(img/lightbox.png) no-repeat}
#lightbox-content{background:#0d0804;z-index:9005;position:relative}
#lightbox-title{position:relative;background:transparent url(img/lightbox-title.jpg);height:26px;font:400 13px/26px "Palatino Linotype",Times,serif;color:#fff;padding-left:20px;text-transform:uppercase}
#lightbox-container .lightbox-close{display:block;position:absolute;float:right;right:-9px;top:-7px;width:45px;height:46px;background:url(img/lightbox.png) -84px 0 repeat-x;z-index:9007}
#lightbox-container .lightbox-close:hover{background-position:-128px 0}
#lightbox-container .border{position:absolute;float:left;z-index:9006}
#lightbox-container #lb-border-top{height:18px;top:-18px;left:0;width:100%;background:url(img/lightbox-frame.png) 50% 0 repeat-x;padding-right:12px}
#lightbox-container #lb-border-right{width:18px;top:0;right:-18px;height:100%;background:url(img/lightbox.png) -272px 0 repeat-y;padding-bottom:9px}
#lightbox-container #lb-border-bottom{height:18px;bottom:-18px;left:0;width:100%;background:url(img/lightbox-frame.png) 50% -19px repeat-x;padding-right:12px}
#lightbox-container #lb-border-left{width:18px;top:0;left:-18px;height:100%;background:url(img/lightbox.png) -254px 0 repeat-y;padding-bottom:9px}
#lightbox-container .corner{position:absolute;background:url(img/lightbox.png) no-repeat;width:38px;height:38px;float:left;z-index:9007}
#lightbox-container .corner-top-left{background-position:-176px 0;top:-18px;left:-16px}
#lightbox-container .corner-bottom-left{background-position:-174px -39px;bottom:-18px;left:-18px}
#lightbox-container .corner-top-right{background-position:-214px 0;top:-18px;right:-18px}
#lightbox-container .corner-bottom-right{background-position:-214px -39px;bottom:-18px;right:-18px}
#lightbox-container .control-wrapper{height:47px;position:relative;width:100%;z-index:9006;background:transparent url(img/lightbox-controls-bg.jpg) no-repeat}
#lightbox-container .control-wrapper .lightbox-controls{height:47px;margin:0 auto;position:relative}
#lightbox-container .control-wrapper .lightbox-controls.ui-element{background:0 0}
#lightbox-container .control-wrapper a{display:block;height:47px;float:left}
#lightbox-container .control-wrapper a.previous{width:37px;background-position:0 5px;margin-left:10px}
#lightbox-container .control-wrapper a.previous:hover{background-position:0 -40px}
#lightbox-container .control-wrapper a.gallery-view{width:76px;background-position:-84px -8px}
#lightbox-container .control-wrapper a.gallery-view:hover{background-position:-84px -58px}
#lightbox-container .control-wrapper a.next{width:37px;background-position:-46px 5px;float:right;margin-right:10px}
#lightbox-container .control-wrapper a.next:hover{background-position:-46px -40px}
#lightbox-container .control-wrapper.no-paging .lightbox-controls{height:47px}
#lightbox-container .control-wrapper.no-paging a.gallery-view{margin:0}
#lightbox-container .control-wrapper.no-paging a.next,#lightbox-container .control-wrapper.no-paging a.previous{display:none}
#lightbox-container .control-wrapper.no-gallery .lightbox-controls.ui-element{background:0 0}
#lightbox-container .control-wrapper.no-gallery a.gallery-view{display:none}
#lightbox-container .control-wrapper.no-gallery.no-paging{height:47px}
#lightbox-container .lightbox-error{text-align:center;font-size:16px;background:#000;vertical-align:text-bottom;line-height:550px}
.ie6 #lightbox-container #lb-border-left,.ie6 #lightbox-container #lb-border-right,.ie6 #lightbox-container .corner,.ie6 #lightbox-container .ui-element{background-image:url(img/lightbox.gif)}
.ie6 #lightbox-container{zoom:1}
