@charset "utf-8";
/* CSS Document */
.blankW {background:#fff;}
.blank3 {clear:both; height:3px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank9 {clear:both; height:9px; overflow:hidden; display:block;}
.blank9w {background:#ffffff; clear:both; height:9px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}

.hs-header h1 { display:none;}
.hs-db-content { width:975px; margin:22px auto 0;  background:url(../images/content-bg-top.jpg) no-repeat center top #141414;}

/* Left */
.content-left { width:225px; padding:20px 20px 0 10px; float:left;}
.content-left .hs-db-logo { background:url(../images/hs-db-logo.png) no-repeat; width:190px; height:110px; margin:10px 0 0 20px; position:relative;}
.content-left .hs-db-logo .logo{ width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; z-index:10; text-indent:-9999px;}
.content-left .hs-db-logo .db-version { width:40px; height:40px; position:absolute; top:75px; left:160px; z-index:20}
.content-left .hs-db-logo .db-version span { display:block; color:#fff;}
.content-left .hs-db-logo .db-version .db-language { background:url(../images/version-icon.gif) no-repeat right center; color:#c17824;}
.content-left .this-version { width:225px; height:20px; color:#49453a; text-align:center; line-height:20px;}
.content-left .db-nav { margin:10px 0;}
.content-left .db-nav .nav-title { font-size:16px; color:#f7f4ea; background:url(../images/nav-title-bg.png) no-repeat center bottom; height:18px; text-align:center; line-height:18px; padding:0 0 10px; margin:5px 0;}
.content-left .db-nav li { float:left; padding:2px 5px;}
.content-left .db-nav li a { display:block; height:25px; line-height:25px; width:90px; border:1px solid #474747; background:#141414; text-align:center; color:#958b70; }
.content-left .db-nav li a:hover { background:#2e1212; border:1px solid #958b70; color:#ccc; font-weight:bold;}
.content-left .db-nav-top { background:url(../images/nav-top.jpg) no-repeat center top; height:10px;}
.content-left .db-nav-center { background:url(../images/nav-center.jpg) repeat-y center; padding:10px;}
.content-left .db-nav-bottom { background:url(../images/nav-bottom.jpg) no-repeat center bottom; height:10px;}

/* Right */
.content-right { width:710px; float:left; padding:0 0 10px;}
.content-right .filter { background:#141414; border:1px solid #464646; box-shadow:0 0 5px #000; padding:10px; margin:20px 0 0 0;}

.m-search{ color:#847B64; background:#141414;padding:18px 10px; border:1px solid #2F2F2F}
.m-search .cnt,.m-search .s-main{ float:left; display:inline-block;*zoom:1; width:336px;}
.m-search .s-main{ margin-right:20px;}
.m-search .cnt{ width:70px; margin:0 18px;}
.m-search .cnt dd{ line-height:21px;}
.m-search .cnt dt{ font-size:14px; color:#fff; font-weight:bold; height:27px; line-height:16px;}
.m-search .s-radio{ height:15px; display:inline-block; float:left; margin:3px 5px 3px 0px;*zoom:1; width:15px; background:url(../images/searchbg.png) -185px -58px no-repeat;cursor:pointer;}
.m-search .s-radio-select{ background-position:-185px -84px; }
.m-search .s-text{ width:165px; background:#212020 url(../images/searchbg.png) 6px -174px no-repeat; height:28px; border:1px solid #474747; color:#847B64; line-height:28px; padding-left:35px; padding-right:10PX;float:left; display:inline-block;*zoom:1; margin-right:8px;}
.m-search input:focus.s-text{ border:1px solid #958B70; background:#393939 url(../images/searchbg.png) 6px -136px no-repeat;}
.m-search .s-info{ float:left;display:inline-block;*zoom:1; line-height:21px; margin-top:5px;}
.m-search .s-options { height:34px;}
.m-search .s-options .option1,.m-search .s-options .option2,.m-search .s-options .option3{ float:left; display:inline-block;*zoom:1;border:1px solid #474747;margin-right:8px;background:#212020;}
.m-search .s-options .option1{ width:117px; position:relative;}
.m-search .s-options .option2{ width:117px;position:relative;}
.m-search .s-options .option3{ width:50px;height:23px; padding:0 5px; color:#847B64; margin-right:0px;}
.m-search .s-options .tips{height:23px; line-height:23px; padding-left:5px;cursor:pointer; }
.m-search .s-options .tips span{width:23px; border-left:1px solid #474747; display:inline-block; background:#141414 url(../images/searchbg.png) -183px -17px no-repeat;height:23px; float:right}
.m-search .s-options ul{ display:none;line-height:23px; padding:8px 0px; position: absolute; top:23px; left:-1px; z-index:20;border:1px solid #474747;background:#212020; width:100%; }
.m-search .s-options ul.scroll{overflow-y:scroll;max-height:200px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<200?"200px":"")}
.m-search .s-options .on ul{ display:block;}
.m-search .s-options .on .tips span{background-position:-183px 6px;}
.m-search .s-options li dd{ padding-left:12px; cursor:pointer}
.m-search .s-options li dt{ color:#C17824; font-weight:bold; padding-left:5px;}
.m-search .s-options .option2 li{ cursor:pointer; padding-left:5px}
.m-search .s-submit{ width:119px; padding:0px; border:none; background:url(../images/searchbg.png) no-repeat; height:32px; cursor:pointer; color:#fff; font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; display:inline-block; text-align:center; line-height:32px;*zoom:1; margin-right:10px;}
.m-search .s-submit:hover{ background-position:0 -64px;}
.m-search .s-clear{ width:89px; padding:0px; border:none; background:url(../images/searchbg.png) 0 -32px no-repeat; height:32px; cursor:pointer; color:#fff; font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; display:inline-block; text-align:center; line-height:32px;}
.m-search .s-clear:hover{ background-position:0 -96px}

/* Card */
.card-box { background:url(../images/part-bg.jpg) no-repeat center top; border:1px solid #2d2d2d; padding:30px 10px 10px; position:relative; margin:10px 0 0;}
.card {}
.card .card-quality { background:url(../images/tabard.png) no-repeat 0 0; width:148px; height:59px; position:absolute; left:85px; top:-5px; line-height:40px; font-size:14px; text-align:center;}
.card .card-quality span{ cursor:pointer;}
.card .card-quality .on{ font-weight:bold; color:#fff}
.card .card-image { width:265px;float:left; padding:30px 0 0 20px;}
.card .card-image img{display:none;}
.card .card-image .on{ display:block;}

.card .card-attribute { float:left;width:350px; padding:30px 0 0 40px;}
.card .card-attribute h2 { background:url(../images/test/card-title-bg-icon.png) no-repeat right 25px; border-bottom:1px solid #2d2d2d; color:#fff; font-size:20px; height:40px; line-height:40px;}
.card .card-attribute h2 a,.card .card-attribute h2 a:visited{ color:#fff;}
.card .card-attribute h2 span { width:19px; height:16px; display:block; margin:13px 5px 0 0; float:left; background:url(http://img3.cache.netease.com/game/blizzard/hs/template/images/top-image-active.png) no-repeat;}
.card .card-attribute p { color:#c17824; margin:20px 0; font-size:14px; line-height:25px;}
.card .card-attribute li { border-bottom:1px solid #1b1a1a; height:25px; line-height:25px;}
.card .card-attribute li a {}
.card .card-attribute .cite-text { color:#999; border-radius:5px; box-shadow:0 0 5px #000; padding:10px; border:1px solid #282828; font-size:12px; line-height:21px;}

.class-icon { display:inline-block; margin:0 5px 2px 0; overflow: hidden; padding: 1px; background-color: #000; background-position: 1px 1px; background-repeat: no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #434445; border-bottom-color: #2f3032; border-top-color: #b1b2b4; vertical-align:bottom;}
.cards .class-icon {  margin:0 5px 0 0 !important;}

.hs-db-content .cards { border:1px solid #2d2d2d; margin:50px 0 0 0; padding:10px; position:relative; z-index:0; }
.cards .cards-menu { position:absolute; top:-37px; left:-1px; z-index:1;}
.cards .cards-menu li { padding:0 5px 0 0; float:left;}
.cards .cards-menu li a { display:block; width:100px; height:35px; border:1px solid #2d2d2d; border-bottom:0; background:url(../images/tab-menu-bg.jpg) no-repeat 0 0; text-align:center; line-height:35px;}
.cards .cards-menu li a.active { background:url(../images/tab-menu-bg.jpg) no-repeat 0 -35px #141414; height:36px;}
.cards .cards-table { display:none}
.cards .cards-cnts .active{ display:block;}
.cards .cards-table td { border:1px solid #2d2d2d; padding:10px 20px; color:#958b70; }
.cards .cards-table .even{ background:#1c1c1c}
.cards .cards-table tr { width:100%;}
.cards .cards-table .tab-title { background:#0a0a0a; font-weight:bold; font-size:14px;}
.cards .card-cost { background:url(../images/hs-icons-16.png) no-repeat left -32px; padding:0 0 0 20px;}
.cards .card-attack { background:url(../images/hs-icons-16.png) no-repeat left 0; padding:0 0 0 20px;}
.cards .card-health { background:url(../images/hs-icons-16.png) no-repeat left -16px; padding:0 0 0 20px;}

.line { height:2px; background:url(../images/line.png) no-repeat center 0; margin:10px 0 0;}

/* Card quality */
.color-q5 { color:#FF8000 !important;}	/* orange */
.color-q4 { color:#A335EE !important;}	/* purple */
.color-q3 { color:#0070DD !important;}	/* blue */
.color-q2 { color:#1EFF00 !important;}	/* green */
.color-q1 { color:#fff !important;} 		/* white */
.color-q0 { color:#9D9D9D !important;}	/* gray */



/* Page */
.page-number { border:1px solid #2d2d2d; }