* {margin:0;padding:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html #Content {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
ul {list-style:none;}
a img {border:0;}
a {color:#1F3A89;text-decoration:none;}
a:hover {text-decoration:underline;}
.hide {display:none;}
li .date {float:right;color:#999;}

/*---- index ----*/
body {background:#1A1D1E url(../images/bg.gif) repeat-y center;color:#000; font-family: Tahoma;font-size:12px;}
#wrap {padding:0 5px;background:#fff;width:982px;margin:0 auto;}
#header,#dbsearch,#main,#footer {}
/** header */
#header {background: url(../images/header_bg.gif) repeat-x left bottom;height:125px;position:relative;}
#header h1 {text-indent:-9999px;background:url(../images/wow_sa20_logo.gif) no-repeat;width:306px;height:125px;position:absolute;}
#header #nav {height:52px;position:absolute;left:314px;top:73px;}
#header #topnav li a {display:block;text-indent:20px;font-size:14px;font-weight:bold;color:#fff;background: url(../images/topnav_bg.gif) no-repeat left top;height:30px;line-height: 30px;padding-right:10px;float:left;}
#header #topnav {margin:0 0 0 60px;}
#header #topnav li {float:left;margin:0 10px 0 0;}
#header #topnav li a.here,#header #topnav li a:hover {background-position: 0 -40px;}
#header #topnav li a:hover {text-decoration: none;}
#header #secnav {padding:3px 0 0 0;}
#header #secnav li {display:inline;background:url(../images/top_arrow.gif) no-repeat left center;padding-left:10px;margin-right:10px;}
#header #secnav li a {color:#52492C;}
#header #secnav li a:hover {color:#D25400;}
#header #top_annc {position:absolute;left:306px;width:676px;height:73px;background: url(../images/top_annc_bg.gif) repeat-x;}
#header #top_annc .annc {position:absolute;left:200px;top:8px;color:#fff;height:16px;overflow:hidden; }
#header #top_annc .annc a {color:#fff;}

/** dbsearch */
#dbsearch {margin-top:5px;background:#A9CF58 url(../images/dbsearch_bg.gif) repeat-x;height:65px;}
#dbsearch ul {margin:0 0 0 300px;}
#dbsearch li {float:left;margin-right:10px;text-align:center;cursor:pointer;}
#dbsearch li a {display:block;font-size:12px;float:left;color:#000;height:27px;line-height:27px;font-weight:bold;}
#dbsearch li a:hover {text-decoration: none;}
#dbsearch li a span {float:left;display:block;height:27px;padding:0 10px;}
#dbsearch li a.here {background:url(../images/db_tab_bg.gif) no-repeat left top;font-size:14px;}
#dbsearch li a.here span {background:url(../images/db_tab_bg.gif) no-repeat right -27px;}
#dbsearch .search_input {background: url(../images/db_search.gif) no-repeat 18px 0;height:30px;padding-left:58px;padding-top:8px;}
#dbsearch .search_input input {border:2px solid #c4c4c4;background:#fff;font-size:12px;vertical-align: middle;}
#dbsearch .search_input .input {width:480px;padding: 2px;}
#dbsearch .search_input span {margin-left:20px;}
#dbsearch .search_input span a {color:#252724;}

/** main */
#main {margin-top:5px;background: #E4EED6;}
#left {float:left;width:612px;}
#right {float:right;width:360px;}
.wide #left {width:732px;}
.wide #right {width:240px;}

/*** left */
.lbox {border:1px solid #82B41F;margin-top:5px;padding-bottom:5px;background: #fff;}
.lbox .title {width:98%;margin:0 auto;background:url(../images/line2.gif) repeat-x left bottom;}
.lbox .title span.right {float: right;padding: 5px 5px 0 0;}
.lbox .title div.right {float:right;padding:3px 10px 0 0;}
.lbox .title div.right a {display:block;float:left;height:22px;line-height: 22px;margin-right:5px;}
.lbox .title div.right a span {padding:0 5px;display:block;}
.lbox .title div.right a:hover,.lbox .title div.right a.here {background:url(../images/digg_tab.gif) no-repeat right -28px;}
.lbox .title div.right a.here {font-weight: bold;}
.lbox .title div.right a:hover span,.lbox .title div.right a.here span {background:url(../images/digg_tab.gif) no-repeat left 0;}
.lbox h2,.rbox h2 {font-size:12px;color:#1F3A89;text-indent:25px;background-repeat: no-repeat;background-position: 4px center;line-height:27px;height:27px;}
.lbox h2 {padding:0;}
.lbox .twocol .img a,.split .img a,.rbox .img a {border:2px solid #cfcfcf;display:inline;float:left;padding:5px;margin:5px 0px 5px 8px;width:78px;text-align:center;text-decoration: none;color:#000;height:90px;overflow:hidden;}
.lbox .twocol .img a:hover,.split .img a:hover,.rbox .img a:hover {border-color:#666;}
.split .img {width:100px;float:left;}
.lbox .twocol .img img,.split .img img {width:78px;height:58px;vertical-align: top;margin-bottom: 2px;}
.lbox .twocol ul {padding:5px;}
.lbox .twocol li {float:left;width:48%;padding:3px 5px;}
.split {width:301px;float:left;}
#digg,#recommend,#video_index,#new_add {margin-top:0;}

/**** digg */
#digg {border-top-width:5px;}
#digg h2 {background-image: url(../images/title1.gif);font-weight: normal;}
.digg_btn {float:left;display:inline;width:49px;height:42px;background: url(../images/digg_btn.gif) no-repeat;text-align:center;margin:10px;cursor:hand;cursor:pointer;}
.digg_btn em {font-weight:bold;font-style:normal;font-size:14px;}
#digg .content li {padding:5px 0;width:100%;}

#digg dl {float:left;width:540px;}
#digg .little_img_link {display:block;border:2px solid #cfcfcf;padding:3px;}
#digg .little_img_link:hover {border-color:#666;}
#digg dl.dl_img {float:left;width:430px;}
#digg .little_img {width:80px;height:60px;text-align:center;cursor:hand;cursor:pointer;}
#digg .img_frame{float:left;clear:none;overflow: hidden;width:90px;height:73px;margin:5px;}



.lists #digg dl {width:650px;}
#search_result .lists #digg dl {width: 700px;}
#digg dl dt {font-weight:bold;font-size: 14px;font-family: "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑",arial,helvetica,sans-serif;margin-bottom: 3px;}
#digg dl dd {padding:2px;}
#digg dl dd.summary {color:#777;}
#digg dl dd.meta {border-top:1px solid #BDCDDA;background:#F2F2F4;color:#52708C;}
#digg dl dd.meta a {color:#52708C;}
#digg dl dd.meta img {vertical-align: middle;}
#digg dl dd.meta span{float:left;width:85px;height:20px;overflow:hidden;}
#digg dl dd.meta .postrank{float:right;width:auto;}
#digg dl dd.meta .poststime {width:120px;}
#digg dl dd.meta .postclick {width:90px;}
#digg dl dd.meta .postsource {width:125px;}

/**** video */
#video h2 {background-image: url(../images/title2.gif);}

/**** race */
#race h2 {background-image: url(../images/title3.gif);}
#race .title div.right a {color: #F1731C;}

/**** pictrue */
#pictrue h2 {background-image: url(../images/title4.gif);}
#pictrue .content a {display:inline;text-align:center;float:left;border:2px solid #cfcfcf;width:96px;padding:5px;margin:5px 0 5px 10px;text-decoration:none;overflow: hidden;height: 90px;}
#pictrue .content a:hover {border-color:#666;}
#pictrue .content a img {width:96px;height:72px;vertical-align: top;margin-bottom: 4px;}

/**** article */
#article h2 {background-image: url(../images/title5.gif);}
#article_1,#article_3 {margin-right: 6px;}
#article #article_2 h2 {background-image: url(../images/title18.gif);}
#article #article_3 h2 {background-image: url(../images/title19.gif);}
#article #article_4 h2 {background-image: url(../images/title20.gif);}
#article .content ul {width:190px;float:left;padding:0 0 0 10px;}
#article .content li,#recommend .content li,.maincate .rbox li,.maincate .split .list li,#bbs_rec .content li {background: url(../images/dot.gif) no-repeat left center;padding:3px 0 3px 10px;list-style-position: outside;}

/*** right */
.rbox {border:1px solid #82B41F;margin-top:5px;border-top-width:5px;padding:1px;background: #fff;}
.rbox .title {background: url(../images/rbox_title_bg.jpg) repeat-x left top;}
.rbox h2 {width:98%;border-bottom:1px solid #ccc;margin:0 auto;}
.rbox .img {width:120px;float:left;margin:0 5px;display:inline;}
.rbox .img a {width:110px;margin:5px 0;height:113px;}
.rbox .img a:hover {}
.rbox .img a img {width:110px;height:83px;}
.rbox li .viewcount {float:right;color:#666;font-size:11px;}
.maincate .rbox ul {padding:5px 10px 5px 10px;}

/**** recommend */
#recommend h2 {background-image: url(../images/title6.gif);}
#recommend .content ul,#recommend .recommend {width:215px;float:right;display:inline;margin:5px 5px 0 0;}
#recommend .recommend h3 {background:#fffdde;color:#fe0000;text-align: center;padding:2px 0;font-size:14px;}
#recommend .recommend h3 a {color:#fe0000;}
#recommend .recommend p {color:#767676;line-height: 18px;border-bottom:1px dotted #000;}

/**** exchange */
#exchage {border: 0;background:#E3DDAD url(../images/zone_bg.gif) repeat-x left top;height: 28px;line-height: 28px;}
#exchage .content {background: url(../images/title11.gif) no-repeat 5px center;padding-left: 40px;}
#exchage .content li {float: left;margin-right: 5px;}

/**** rec_links */
#rec_links h2 {background-image: url(../images/title7.gif);}
#rec_links td,#guide td,#intro td,#information td {padding:3px 0 3px 2px;}
#rec_links td.doted {background: url(../images/top_arrow.gif) no-repeat left center;padding-left: 10px;}
#rec_links table,#guide table,#intro table {margin:0 auto;}

/**** guide */
#guide h2 {background-image: url(../images/title8.gif);}
#guide .con,#intro .con {padding:5px;line-height:16px;}
#guide .con .b,#intro .con .b {background: #FFFDDE;padding: 2px;}
/**** intro */
#intro h2 {background-image: url(../images/title9.gif);}

/**** information */
#information h2 {padding: 0 0 0 25px;background-image: url(../images/title10.gif);text-indent: 0;width: 91%;}
#information .team {height: 27px;line-height: 27px;float: right;width: 125px;padding-left:20px;background: url(../images/title17.gif) no-repeat left center;}

/**** bbs_rec */
#bbs_rec h2 {background-image: url(../images/title21.gif);}
#bbs_rec .content ul {margin: 5px;}

/** footer */
#footer {color:#E7E9D4;text-align: center;background:#1F2318 url(../images/bottom_bg.gif) repeat-x left top;padding-top:10px;margin-top:20px;line-height: 18px;}
#footer a {color:#FFCC00;}
#footer .img a {margin-right:15px;margin-top: 5px;}

/*---- video_index ----*/
#video_index,.lists #digg {padding:5px;}
#video_tags {margin:0;background: url(../images/line2.gif) repeat-x left bottom;padding: 2px 3px 10px 3px;}
#video_tags h3 {background: url(../images/fl_bg_03.gif) no-repeat;width:51px;height:47px;float:left; margin:0 0 10px 0}
#video_tags h4 {background: url(../images/fl_test_03.gif) no-repeat;width:51px;height:47px;float:left; margin:0 0 10px 0}
#video_tags .tags {padding:0 10px;margin:2px 0 0 55px; border-bottom:1px solid #f7f7f7; line-height:20px;}
#video_cate h2 {background-image: url(../images/title12.gif);}
.maincate .split {width:50%;}
.maincate .split .img a {height:58px;margin:0;background: #fff;}
.maincate .split .img a:hover {}
.maincate .split ul.listimg {margin: 4px;}
.maincate .split ul.listimg li {background: #F0F6E8;margin: 4px 0;}
.maincate .split dl {float:left;width:240px;height:58px;overflow:hidden;margin:5px 0px 5px 5px;}
.maincate .split dt { line-height:26px;}
.maincate .split dd {color:#7C7C7C;}
.maincate .split ul.list {margin:5px 10px;border-top:1px dashed #ccc;}
.maincate .split ul.list li {border-bottom:1px dashed #ccc; line-height:14px;}
.maincate .rbox li {background-image: url(../images/top_arrow.gif);} 
/** new_add */
#new_add h2 {background-image: url(../images/title5.gif);}
/** new_video */
#new_video h2 {background-image: url(../images/title13.gif);}
/** hot_rank */
#hot_rank h2 {background-image: url(../images/title14.gif);}
#hot_rank .content {background: url(../images/order_bg.gif) no-repeat left top;}
.maincate #hot_rank ul {padding-top:0;}
.maincate #hot_rank li {padding:8px 0 8px 25px;background: none;}
/** other_dis */
#other_dis h2 {background-image: url(../images/title15.gif);}
/** rec_comment */
#rec_comment h2 {background-image: url(../images/title16.gif);}
.maincate #rec_comment li {background: none;padding-left: 0;}
/** hot_tags */
#hot_tags h2 {background-image: url(../images/title14.gif);}
#hot_tags .content {padding: 5px;line-height: 20px;}

/*---- article ----*/
#p_path {background: url(../images/line2.gif) repeat-x left bottom;padding: 3px 0 6px 0;margin-bottom: 1px;}
.arc_arc .digg_btn {float:none;display:block;margin-left: auto;margin-right: auto;}
.arc_body {line-height:20px;font-size:14px;padding:10px;}
.arc_body p {text-indent: 27px;}
#arc_content h2,#arc_content .meta {padding:8px;background: #f2f2f2;}
#arc_content h2 {font-size:16px;text-indent:0;color:#000;}
#arc_content .meta {color:#7e7e7e;}
#arc_content .arc_bottom .date {float: right;}
#arc_content .meta span {margin-right:5px;}
#post_comment,#comments {padding:5px;}
#post_comment p {padding:5px 0;}
#post_comment textarea {background: url(../images/wowshell_b_logo.gif) no-repeat right 0;}
#comments ol {list-style: none;}
#comments li div,#comments li p {padding:3px;}
#comments li div {background: #EDF4E4;color: #666;}

/* Page Numbers */
.pages {padding:10px;}
.pages a, .pages span {display: block;float: left;padding: 0.2em 0.5em;margin-right: 0.1em;border: 1px solid #fff;background: #fff;}
.pages span.current {border: 1px solid #2E6AB1;font-weight: bold;background: #2E6AB1;color: #fff;}
.pages a {border: 1px solid #9AAFE5;text-decoration: none;}
.pages a:hover {border-color: #2E6AB1;}
.pages a.nextprev {font-weight: bold;}
.pages span.nextprev {color: #666;}
.pages span.nextprev {border: 1px solid #ddd;color: #999;}
.single_content {padding: 10px;}

/* meta */
.gray {color: #666666}
.style1,.style2 {color: red;}
#default .google_ad {clear: both;width: 336px;margin: 0 auto;padding-top: 5px;}
#arc_article .google_ad,#arc_flash .google_ad,#arc_image .google_ad {float: right;width: 336px;padding: 0 0 5px 5px;}
#toolbarshowbtn {width:400px; background:url(../images/backsa20.gif) no-repeat 12px 3px;height:30px;position:absolute;}
#toolbarframe { position:absolute; z-index:999;}


/* style */

.test{ margin:0 0 2px; padding:0 2px 0 2px; background:#FBF9F0; height:30px; overflow:hidden;}
.test2{ margin:0 0 2px; padding:0 2px 0 2px; background:#FBF9F0; height:15px; overflow:hidden;}
.right_style{padding:0 0 0 5px}

.quot_div {border:4px solid #cccccc; background:#ffffff; padding:5px; color:#666666; line-height:25px;}

/* cmsstyle */
.font_color1 { color:#FF0000;}
.font_color2 { color:#0000FF;}
.font_weight { font-weight:bold;}
.font_size_1 { font-size:14px}
.font_size_2 { font-size:16px}

/*分页*/
.p_redirect {
	float: left; background-color: #FFFFFF; border: 1px solid #A3C2E0; margin-right: 1px; font-size: 11px !important;
}

.p_input {
	margin: 0; padding: 0; border: none; width: 40px; height: 14px !important; background: #FFFFFF;
}

.p_pages {
	float: left; background-color: #F5FBFF; border: 1px solid #6699CC; margin-right: 1px; vertical-align: middle; font-weight: bold; color: #0066FF;
}
.p_curpage {
	float: left; font-weight: bold; padding: 1px 4px;
}

.p_num {
	float: left; padding: 1px 4px;
}
.p_total {
	float: left; margin-right: 1px; padding: 1px;
}
.p_bar {
	margin: 1px 0; float: left; width: 100%; height: 22px; padding-top: 3px; padding-bottom: 1px !important;
}
.p_bar a {
	float: left; padding: 1px 4px; font-size: 12px;
}