@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:12px; vertical-align:baseline; background:transparent; font-family: Arial, tahoma, sans-serif; }
body { line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
ul ,li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
h1,h2,h3,h4,h5,h6{ font-family: Arial, tahoma, sans-serif;}
.h1{ height: 1px; clear: both;}
.dv_load { background-color: #FFFFFF; border: 1px solid #DDDDDD; color: #333; display: none; font-size: 15px; padding: 5px 10px; position: fixed; text-align: center; z-index: 100; }
.notification { font-family: Arial, Helvetica, clean, sans-serif; font-size: large; font-weight: bold; background-color: rgb(247, 247, 247); color: red; }
.success { font-family: Arial, Helvetica, clean, sans-serif; font-size: large; font-weight: bold; background-color: #acfa58; color: black; }
.fail { font-family: Arial, Helvetica, clean, sans-serif; font-size: large; font-weight: bold; background-color: #fe2e2e; color: white; }
.w1032{ width: 1032px; margin: 0 auto; position: relative;}
.w1098{ width: 1098px; margin: 0 auto; position: relative;}
body{ position: relative; background: url("../images/bg.jpg") center top no-repeat #000000; }
.center{ width: 100%; position: relative; }

/* header */
header{ width: 100%; height: 570px; }
/*header .nav-decorate-left{ width: 16px; height: 97px; left: 0; bottom: -8px; display: block; position: absolute; background: url("../images/navleft.png") 0 0 no-repeat;}
header .nav-decorate-right{ width: 16px; height: 97px; right: 0; bottom: -8px; display: block; position: absolute; background: url("../images/navright.png") 0 0 no-repeat;}*/
header .playnow{ width: 345px; height: 350px; left: -25px; bottom: 5px; position: absolute; z-index: 10;}
header .logo{ width: 460px; height: 220px; top: 10px; left: 10px; position: absolute;}
header .logo a{ position: absolute; right: 0; top: 0; width: 320px; height: 180px; display: block;}
nav.main_nav{bottom: 0; left: 0; height: 138px; width: 1097px; position: absolute;  }
nav.main_nav ul{  height: 60px; left: 270px; top: 39px; position: absolute; z-index: 15;}
nav.main_nav ul li{ height: 80px;}
nav.main_nav ul li.active, nav.main_nav ul li:hover{ background: url("../images/nav_hover.png") center top no-repeat;  margin-top: 0;}
nav.main_nav .fl{ float: left;}
nav.main_nav .fr{ float: right;}
nav.main_nav .navline{ width: 2px; height: 60px; background: url("../images/navline.png") 0 0 no-repeat; margin-top: 14px;}
nav.main_nav ul li a {float: left; margin-top: 14px;}
nav.main_nav ul li a span{ display: block; height: 60px; margin: 0 20px; background: url("../images/nav.png") 0 0 no-repeat; outline:none;}
nav.main_nav ul li.n1 a span{ background-position: 0 0; width: 75px; margin: 0 20px;}
nav.main_nav ul li.n2 a span{ background-position: 0 -60px; width: 66px;}
nav.main_nav ul li.n3 a span{ background-position: 0 -120px; width: 82px;}
nav.main_nav ul li.n4 a span{ background-position: 0 -180px; width: 80px;}
nav.main_nav ul li.n5 a span{ background-position: 0 -240px; width: 104px;}
nav.main_nav ul li.n6 a span{ background-position: 0 -300px; width: 123px;}

nav.main_nav ul li.n1.active a span, nav.main_nav ul li.n1:hover a span{ background-position: -123px 0;}
nav.main_nav ul li.n2.active a span, nav.main_nav ul li.n2:hover a span{ background-position: -123px -60px;}
nav.main_nav ul li.n3.active a span, nav.main_nav ul li.n3:hover a span{ background-position: -123px -120px;}
nav.main_nav ul li.n4.active a span, nav.main_nav ul li.n4:hover a span{ background-position: -123px -180px;}
nav.main_nav ul li.n5.active a span, nav.main_nav ul li.n5:hover a span{ background-position: -123px -240px;}
nav.main_nav ul li.n6.active a span, nav.main_nav ul li.n6:hover a span{ background-position: -123px -300px;}

/* header end*/
/* main */
.main{}
.main .main_body{min-height: 100px; max-height: 1696px; }
.main .main_footer{ height: 1px; clear: both;}
.main .main_left{ float: left; width: 570px; padding-left: 50px;}
.main .main_right{ float: left; padding-left: 30px; width: 350px;}
/* main end*/
/* banner */
.main .main_body .banner{ height: 310px; width: 1000px; overflow: hidden; color: #FFFFFF; position: relative; margin: 0 auto; z-index: 7; }
#myFocus {width:926px; height:259px; overflow: visible; margin: 0 auto;}
/* banner end*/
/* left article_list*/
.article_list{ background:#140401; border: 1px solid #450400; box-shadow: 1px 1px 0 #000001, -1px -1px 0 #000000;}
.article_list li{ float: left; width: 110px; height: 48px; background: url("../images/tabsnav.png") 0 0 no-repeat;}
.article_list li.t1{ background-position: 0 0; width: 114px;}
.article_list li.t2{ background-position: -114px 0; width: 104px;}
.article_list li.t3{ background-position: -218px 0; width: 118px;}
.article_list li.t4{ background-position: -336px 0; width: 124px;}
.article_list li.t5{ background-position: -460px 0; width: 108px;}
.article_list li.t1:hover, .article_list li.t1.ui-state-active{ background-position: 0 -49px;}
.article_list li.t2:hover, .article_list li.t2.ui-state-active{ background-position: -114px -49px;}
.article_list li.t3:hover, .article_list li.t3.ui-state-active{ background-position: -218px -49px;}
.article_list li.t4:hover, .article_list li.t4.ui-state-active{ background-position: -336px -49px;}
.article_list li.t5:hover, .article_list li.t5.ui-state-active{ background-position: -460px -49px;}
.article_list li a{ display: block; width: 110px; height: 48px; outline:none; text-align: center; text-decoration: none; line-height: 152px; overflow: hidden; font-family: 'times new roman', Arial, sans-serif; text-shadow:1px 1px 1px #000000; font-size: 16px; color: #bf7556;}
.article_list li a:hover{ color: #d59132;}
.article_list li.line{ width: 1px; float: left; height: 48px; background: url("../images/server-ui.png") -198px -253px no-repeat;}
.article_list li.line2{ width: 2px; float: left; height: 48px; background: url("../images/server-ui.png") -198px -253px no-repeat;}
.article_list li.border{ height: 51px; width: 400px; background: url("../images/server-ui.png") 0 -304px repeat-x;}

.article-wrapper{ display: block; height: 103px; padding: 26px 0 7px; clear: both; background: url("../images/newsline.png") center top no-repeat;}
.nobg{ background: none;}
.article-wrapper a{ text-decoration: none; font-size: 12px;}
.article-image{ width: 98px; height: 98px; margin-left: 10px; position: relative; float:left; display: block; border: 1px solid #000000;}
.article-image img{ width: 98px; height: 98px; }
.article-content{ padding:0 10px 0 15px; overflow: hidden;}
.article-content h2{ font-size: 18px; color: #ffc776; font-weight: 100; height: 32px; line-height: 32px; padding-bottom: 3px; overflow: hidden; display: block;}
.article-wrapper:hover h2{ color: #FFE769;}
.article-wrapper a .article-summary{ color: #c58c3d; font-size: 14px; line-height: 18px; display: block; height: 36px; overflow: hidden;}
.article-wrapper:hover a .article-summary{ color: #e9a64a;}
.article-meta{  color: #7c4902; font-size: 14px; padding-top: 10px; padding-right: 10px;}
.article-wrapper:hover .article-meta{ color:#705000; }
.article-wrapper .article-meta .more{ float: right; color: #e03405}
.article-wrapper:hover .article-meta .more{ color: #FF3700}
/* left article_list end*/

/* left guides_list*/
.guides_list .main_left{ padding: 20px 14px 0 36px;}
.guides_list .main_right{ padding-top: 20px;}
.guides_list .g_list{ position: relative;}
.guides_list .g_list .ltop .gtitle{ position: absolute; background: url("../images/guides_title.png") 0 0 no-repeat; height: 60px;}
.guides_list .g_list.l1 .ltop .gtitle{ top: -7px; left: 0; width:323px; background-position: 0 0;}
.guides_list .g_list.l2 .ltop .gtitle{ top: -7px; right: 0; width:310px; background-position: 0 -60px;}
.guides_list .g_list.l3 .ltop .gtitle{ top: -7px; left: 0; width:379px; background-position: 0 -120px;}
.guides_list .g_list.l4 .ltop .gtitle{ top: -7px; right: 0; width:213px; background-position: 0 -180px;}
.guides_list .g_list.l5 .ltop .gtitle{ top: -7px; left: 0; width:130px; background-position: 0 -240px;}
.guides_list .g_list.l6 .ltop .gtitle{ top: -9px; right: 0; width:341px; background-position: 0 -300px;}
.guides_list .g_list .gimg{ position: absolute; background: url("../images/guides_img.png") 0 0 no-repeat; z-index: 10;}
.guides_list .g_list.l1 .gimg{ right: 0; top: 0; width: 226px; height: 146px; background-position: -74px 0;}
.guides_list .g_list.l2 .gimg{ left: 0; top: 0; width: 158px; height: 158px; background-position: 0 -200px;}
.guides_list .g_list.l3 .gimg{ right: 0; top: 0; width: 175px; height: 146px; background-position: -126px -400px;}
.guides_list .g_list.l4 .gimg{ left: 0; top: 0; width: 192px; height: 163px; background-position: 0 -600px;}
.guides_list .g_list.l5 .gimg{ right: 0; top: 0; width: 155px; height: 160px; background-position: -144px -800px;}
.guides_list .g_list.l6 .gimg{ left: 0; top: -25px; width: 245px; height: 200px; background-position: -14px -1000px;}

.guides_list .g_list .ltop{ width: 570px; height: 63px; background: url("../images/guides_bg.jpg") 0 50px no-repeat; position: relative;}
.guides_list .g_list .lmid{ width: 570px; min-height: 80px; background: url("../images/guides_bg.jpg") -570px 0 repeat-y; position: relative;}
.guides_list .g_list .lbot{ width: 570px; height: 20px; background: url("../images/guides_bg.jpg") 0 bottom no-repeat; position: relative;}
.guides_list .g_list .list_warp{ padding: 0 15px; line-height: 2;}
.guides_list .g_list .list_warp a{ color:#c39f6c; font-size: 16px; font-family: 'times new roman', Arial, sans-serif; text-decoration: none;}
.guides_list .g_list .list_warp a:hover{ color: #debb88; }
.guides_list .g_list .list_warp span{ color:#c39f6c; font-size: 16px; font-family: 'times new roman', Arial, sans-serif; margin: 0 5px; }
.guides_list .g_list.l1 .list_warp{ width: 380px; float: left;}
.guides_list .g_list.l2 .list_warp{ width: 380px; float: right;}
.guides_list .g_list.l3 .list_warp{ width: 380px; float: left;}
.guides_list .g_list.l4 .list_warp{ width: 350px; float: right;}
.guides_list .g_list.l5 .list_warp{ width: 380px; float: left;}
.guides_list .g_list.l6 .list_warp{ width: 320px; float: right;}
/* left guides_list end*/
/*artwork*/
.artwork .main_left{ padding: 20px 14px 0 46px;}
.artwork .main_right{ padding-top: 20px;}
.artwork .article_list li{ background: url("../images/artworknav.png") 0 0 no-repeat;}
.artwork .article_list li.t1{ background-position: 0 0; width: 114px;}
.artwork .article_list li.t2{ background-position: -114px 0; width: 174px;}
.artwork .article_list li.t3{ background-position: -288px 0; width: 172px;}
.artwork .article_list li.t4{ background-position: -460px 0; width: 108px;}
.artwork .article_list li.t1:hover, .artwork .article_list li.t1.ui-state-active{ background-position: 0 -49px;}
.artwork .article_list li.t2:hover, .artwork .article_list li.t2.ui-state-active{ background-position: -114px -49px;}
.artwork .article_list li.t3:hover, .artwork .article_list li.t3.ui-state-active{ background-position: -288px -49px;}
.artwork .article_list li.t4:hover, .artwork .article_list li.t4.ui-state-active{ background-position: -460px -49px;}
.artwork .list #tab2, .artwork .list #tab3, .artwork .list #tab4{ padding: 22px;}
.thumb-wrapper {float: left; width: 145px; height: 103px; border: 2px solid #99552c; margin: 10px; }
.artwork .artwork-title{width: 632px; height: 84px; display: block; background: url("../images/news-list-title-bg.png") center center no-repeat; position: relative;}
.artwork .artwork-title span{ position: absolute; left: 40px; top: 5px; width: 160px; height: 72px; background: url("../images/artwork-title.png") 0 0 no-repeat; }
.artwork .artwork-title span.t2{ background-position: 0 -82px;}
.video{ padding: 10px 0;}
.video .video-border{ width: 317px; height: 200px; float: left; margin-left: 10px; border: 1px solid #94452d; background: #000000;}
.video .video-info { float: left; margin-left: 15px; width: 200px; }
.video .video-info h4{ color: #debb88; font-size: 18px; line-height: 30px; }
.video .video-info p{ color: #6c5c46; font-size: 12px;}
.video .video-info p.info{ color: #c2c2c2; font-size: 14px; line-height: 24px; height: 144px; overflow: hidden; margin-top: 10px;}
/*artwork end*/
/* view */
.view article{ padding: 20px 40px; max-height: 1555px; overflow-x:hidden; overflow-y:auto;}
.view article h1{ font-size: 24px; color: #fff3dc; margin-bottom: 10px; text-align: center;}
.view article .article-meta{ width: 976px; background: url("../images/viewline.png") center top no-repeat; margin: 0 0 0 -13px; padding-top: 10px; text-align: center;}
.view article img{ max-width: 610px; margin: 0 auto 20px; display: block;}
.view article .article-content{ color: #b2b2b2 !important; font-size: 14px !important; line-height: 180%; padding: 30px 0;}
.view article .article-content a{ color: #3bb2f6 !important; font-style: 14px !important;}
/* view end */
/* right sidebar-widget */
.sidebar-widget{ width: 326px; margin-top: 10px;}
.sidebar-widget .link{ padding-bottom: 10px;}
.sidebar-widget-title, .sidebar-widget-body, .sidebar-widget-bot{ background: url("../images/sidebar-bg.jpg") 0 0 no-repeat; width: 331px;}
.sidebar-widget-title{ height: 50px; background-position: 0 0; position: relative;}
.sidebar-widget-body{ min-height: 100px; background-position:-331px 0; background-repeat: repeat-y;}
.sidebar-widget-bot{ height: 17px; background-position: left bottom;}
.sidebar-widget-title h3{ color: #ffc8a7; font-size: 22px; padding: 0; height: 50px; line-height: 120px; overflow: hidden; display: block; background: url("../images/right_title.png") 0 0 no-repeat;}
.sidebar-widget-title.t1 h3{ background-position: 15px 0;}
.sidebar-widget-title.t2 h3{ background-position: 15px -50px;}
.sidebar-widget-title.t3 h3{ background-position: 15px -100px;}
.sidebar-widget-title .btn{width: 64px; height: 37px; position: absolute; right: 13px; top: 6px; background: url("../images/sidebar-btn.png") 0 0 no-repeat;}
.sidebar-widget-title .btn.more{ background-position: 0 0;}
.sidebar-widget-title .btn.fb{ background-position: -64px 0;}
.sidebar-widget-title .btn.tw{ background-position: -128px 0;}
.sidebar-widget-title .btn.more:hover{ background-position: 0 -37px;}
.sidebar-widget-title .btn.fb:hover{ background-position: -64px -37px;}
.sidebar-widget-title .btn.tw:hover{ background-position: -128px -37px;}
ul.server{ padding: 10px 30px 10px 0;}
ul.server li{display: block; width: 240px; padding-left: 25px; margin: 0 auto; background: url("../images/serverbtn.png") 0 0 no-repeat;}
ul.server li a{display: block; width: 240px; height: 25px; line-height: 25px; color: #98733f; text-decoration: none;}
ul.server li a:hover{ color: #debb88;}
ul.server li.active{ background-position: -244px -17px;}
ul.server li.beta{ background-position: -244px -78px;}
ul.server li.offline{ background-position: -244px -137px;}
/* right sidebar-widget end*/
/* right link */
.link a img{ margin-bottom: 10px;}
/* right link end */
/* right subscribe */
.subscribe{ position: relative; height: 120px;}
.subscribe h4{ color: #ffe8c8; font-size: 16px; display: block; height: 28px; line-height: 28px; text-transform: uppercase;}
.subscribe p{ color: #9a8a73; font-size: 13px; line-height: 18px;}
.subscribe input{ background-image: url("../images/submit.jpg"); background-color: transparent; position: absolute; height: 41px; background-repeat: no-repeat; margin: 0; padding: 0; border: 0;}
.subscribe input.txt{ width: 188px; background-position: 0 0; top: 70px; left: 0; text-indent: 10px;}
.subscribe input.btn{ width: 146px; background-position: right top; top: 70px; left: 188px; line-height: 120px; text-indent: -300px; overflow: hidden; cursor: pointer;}
.subscribe input.btn:hover{ background-position: right bottom;}
/* right subscribe end */
/* server list */
.serverlist { position: relative;}
.serverlist .list .list-title{ width: 950px; height: 70px; margin: 14px auto 0; position: relative; background: url("../images/server-ui.png") 0 0 no-repeat; z-index: 10;}
.serverlist .list .list-title.t1{ background-position: 0 0;}
.serverlist .list .list-title.t2{ background-position: 0 -70px;}
.serverlist .list .list-title.t3{ background-position: 0 -140px;}
.serverlist .list .list-title h4{ width: 980px; height: 52px; line-height: 122px; overflow: hidden; display: block; text-align: center; color: #e2ebed; font-size: 24px; position: absolute; bottom: 0; }

.serverlist .list-content ul{ width:928px; margin: 0 auto; padding-top: 40px;}
.serverlist .list-content ul li{ width: 220px; height: 61px; float: left; margin: 0 2px 5px; background-image: url("../images/serverbtn.png"); background-color: transparent; background-repeat: no-repeat;}
.serverlist .list-content ul li.active{ background-position: 0 0;}
.serverlist .list-content ul li.active:hover{ background-position: 0 -61px;}
.serverlist .list-content ul li.beta{ background-position:0 -122px;}
.serverlist .list-content ul li.beta:hover{ background-position: 0 -183px;}
.serverlist .list-content ul li.offline{ background-position: 0 -244px;}
.serverlist .list-content ul li a{ display: block; line-height: 61px; height: 61px; color: #FFFFFF; text-decoration: none; background: url("../images/serverbtn.png") 0 0 no-repeat; padding-left: 40px;}
.serverlist .list-content ul li.active a{ background-position: -230px 2px;}
.serverlist .list-content ul li.beta a{ background-position: -230px -59px;}
.serverlist .list-content ul li.offline a{ background-position: -230px -120px;}
.server_search{position: relative; width: 937px; height: 43px; margin: 10px auto 0; background: url("../images/server-ui.png") 0 -210px no-repeat;}
.server_search h4{ display: none;}
.server_search input{ background-image: url("../images/server-ui.png"); background-repeat: no-repeat; background-color: transparent; border: 0 none; position: absolute; z-index: 10;}
.server_search input.txt{ width: 209px; height: 41px; background-position: -602px -210px; left: 602px; top: 0; text-indent: 10px; line-height: 30px; color: #000000; outline: none;}
.server_search input.btn{ width: 126px; height: 41px; background-position: -811px -210px; left: 811px; top: 0; cursor: pointer; outline: none;}
.server_search input.btn:hover{ background-position: -811px -253px;}
.server_nav{ width: 935px; height: 60px; margin: 20px auto 0; }
.server_nav li{ float: left; width: 130px; height: 51px; background: url("../images/server-ui.png") 0 -253px no-repeat;}
.server_nav li:hover{ background-position: 0 -253px;}
.server_nav li.ui-state-active{ background-position: -200px -253px;}
.server_nav li.ui-state-active:hover{ background-position: -200px -253px;}
.server_nav li a{ display: block; width: 130px; height: 51px; outline:none; text-align: center; text-decoration: none; line-height: 52px; font-family: 'times new roman', Arial, sans-serif; text-shadow:1px 1px 1px #000000; font-size: 16px; color: #bf7556;}
.server_nav li a:hover{ color: #d59132;}
.server_nav li.line{ width: 1px; float: left; height: 51px; background: url("../images/server-ui.png") -198px -253px no-repeat;}
.server_nav li.line2{ width: 2px; float: left; height: 51px; background: url("../images/server-ui.png") -198px -253px no-repeat;}
.server_nav li.border{ height: 51px; width: 400px; background: url("../images/server-ui.png") 0 -304px repeat-x;}
.serverlist .list-content{max-height: 934px; overflow-y: auto; padding-bottom: 20px; width: 995px; margin: 0 auto;}
/* server list end */

/* Pagination */
.pagination {margin-top: 15px; text-align: center; }
.pagination a {height: 17px; width: 17px; }
.pagination a, .pagination span {color: #B87A24; height: 37px; line-height: 37px; display: inline-block; overflow: hidden; margin: 0 5px; width: 17px; }
.pagination .current {color: #ECC767; }
.pagination .current.prev, .pagination .current.next {color: #B87A24; margin: 0 5px;  }
.pagination .prev, .pagination .next{width: 88px; height: 37px; overflow: hidden; line-height: 100px; display: inline-block; background: url("../images/page.png") 0 0 no-repeat;}
.pagination .prev:hover{ background-position: 0 -37px;}
.pagination .next{ background-position: -88px 0;}
.pagination .next:hover{ background-position: -88px -37px;}
#Pagination{clear:both; }


/* Pagination end */

/* footer */
footer{ height: 245px; width: 100%; background-color: #000000; border-top: 1px solid #484329; margin-top: 50px; clear: both;}
footer a.gototop{ width: 30px; height: 55px; top: 0; right: 50px; position: absolute; background: url("../images/totop.png") 0 0 no-repeat;}
footer .column{ float: left; width:200px; padding: 60px 10px 0;}
footer .column.c4{ width: 260px;}
footer .column h2{ color: #ff9c00; font-size: 22px; margin-bottom: 10px;}
footer .column a{ color: #FFFFFF; text-decoration: none; font-size: 14px; line-height: 140%;}
footer .column a:hover{ color: #FFFFFF;}
footer .column p{ color: #7b7b7b; font-size: 12px; margin: 0 0 4px;}
footer .column ul.img_link li{ float: left;}
footer .column ul.img_link li a {width: 30px; height: 31px; display: block; background: url("../images/img_link.png") no-repeat; padding: 0 10px 10px 0; }
footer .column ul.img_link li a.link_1 {background-position: 0 0; }
footer .column ul.img_link li a.link_2 {background-position: -40px 0; }
footer .column ul.img_link li a.link_3 {background-position: -80px 0; }
footer .column ul.img_link li a.link_4 {background-position: -120px 0; }
footer .column ul.img_link li a.link_5 {background-position: -160px 0; }
/* footer */