*{margin:0; padding:0; font-family:georgia,'times new roman',times,serif; font-size:12px}
html, body{color:#333; background:#d7d7d7 url(../images/bg.jpg) repeat-x top;line-height:200%}
td{line-height:200%}
a{text-decoration:none}
a:link{color:#222}
a:visited{color:#666}
a:hover{color:#d5386a}
li{list-style-position:inside}
#header{width:1003px; clear:both; height:178px; margin:0 auto}
#header-top{height:124px}
#left-fish{background:url(../images/fish.jpg) no-repeat right top; height:178px; width:185px; margin-left:-46px; float:left}
#logo{background:url(../images/logo.gif) no-repeat; height:113px; width:309px; float:left; margin-top:11px; overflow:hidden}
#logo .font-up{font-size:12px; text-transform:uppercase; white-space:nowrap; display:block; margin-left:80px; margin-top:82px; line-height:1em; color:#333}
#logo .font-bottom{font-size:15px; text-transform:uppercase; display:block; margin-left:80px; line-height:15px; color:#333}
#top-search{height:66px; width:225px; float:right; text-align:left; margin-top:48px; padding-left:68px; margin-right:68px; background:url(../images/icon-search.gif) no-repeat left; white-space:nowrap}
#top-search .inputbox{width:150px; height:18px; font-size:14px; line-height:18px; background:transparent; border:1px solid #999; margin-top:16px; padding:1px; font-weight:bold}
#top-search .button{height:22px; font-size:12px; border:0; background-image:url(../images/btn-search.gif); width:67px; margin-left:2px; cursor:pointer; color:#fff; font-weight:bold; text-transform:capitalize}
#right-fish{background:url(../images/fish.jpg) no-repeat left top; height:60px; width:68px; float:right; margin-bottom:-60px}
#topmenu{height:53px; margin-left:10px; text-transform:uppercase; color:#fff; float:left; width:839px; background:url(../images/topmenu.gif) repeat-x left -45px; overflow:hidden}
#topmenu #center{margin-top:17px; height:28px;  float:left; letter-spacing:0.4px; font-weight:bold; width:800px;}
#topmenu #center img{vertical-align:middle; margin-right:2px}
#topmenu #center ul{list-style:none}
#topmenu #center li{float:left; white-space:nowrap; padding:0 5px; +padding:0 9px}
#topmenu #left{background:url(../images/topmenu.gif) no-repeat left top; height:45px; width:25px; float:left; margin-top:9px}
#topmenu #right{background:url(../images/topmenu.gif) no-repeat right top; height:45px; width:10px; float:right; margin-top:9px}
#topmenu #center a.mainlevel{color:#fff;}
#topmenu #center a.mainlevel:visited{color:#eee}
#topmenu #center a.mainlevel:hover{color:#f90; border-bottom:1px dotted #f90}
#topmenu #center a.mainlevel:active{color:#fc3}
#topmenu #center a.mainlevel#active_menu{border-bottom:1px dotted #efefef}
#mainpage{width:970px; margin:0 auto 5px; clear:both}
#cometop{width:970px; margin:0 auto; clear:both; white-space:nowrap}
a.cometopfont{padding-right:5px; line-height:20px; font-size:9px; display:block; cursor:pointer; width:50px; float:right; text-align:right}
a.cometopfont:hover{border:0}
#mainpage #mainbody{width:782px; clear:left; float:left; margin:0}
#pathway{height:18px; width:770px; text-align:right; float:left; color:#5f5f5f; line-height:18px}
.pathway, a.pathway{font-size:14px; font-weight:bold}
a.pathway:hover{color:#666}
a.pathway:visited{color:#888}
#content{width:782px; float:left}
#content #content-top{background:url(../images/content.gif) no-repeat left top; height:15px; width:782px; font-size:1px}
#content #content-left{background:#fff url(../images/content-left.gif) repeat-y left; width:782px}
#content #content-right{background:url(../images/content-right.gif) repeat-y right; width:782px;-width:765px}
#content #content-ctop{background:url(../images/content-ctop.gif) repeat-x top; margin-right:8px; margin-left:9px; width:auto!important; width:100%}
#content #content-cbottom{padding:0; background:url(../images/content-cbottom.gif) repeat-x bottom; }
#content #content-inter{padding:10px 0 20px; margin:0 20px;position:relative}
#content #content-bottom{background:url(../images/content.gif) no-repeat left -15px; ; height:14px; width:782px; font-size:1px}
#mainmenu{width:183px}
#mainmenu .module{background:#cb004d url(../images/mainmenu_bg.jpg) no-repeat top; padding:0}
#mainmenu .module div{background:url(../images/mainmenu_foot.jpg) no-repeat bottom; padding:0}
#mainmenu .module div div{background:transparent; padding:5px 5px 10px}
#mainmenu li{list-style-type:none; list-style-position:outside; text-transform:capitalize}
#mainmenu a.mainlevel{color:#fff; text-decoration:none; display:block; width:100%; font-weight:bold;  border-bottom:1px dotted #d7d7d7}
#mainmenu a.mainlevel:visited{color:#efefef}
#mainmenu a.mainlevel:hover{color:#f90; border-bottom:1px dotted #f90}
#mainmenu a.mainlevel:active{color:#fc3; border-bottom:1px dotted #fc3}
#mainmenu a.mainlevel#active_menu{color:#fc3; border-bottom:1px dotted #fc3}
#others{margin-bottom:10px; color:#555}
#others a.mainlevel, #others a.mainlevel:visited{color:#555}
#others a.mainlevel:hover{color:#d5386a; border:0}
#others div.module{background:url(../images/right-others-top.gif) no-repeat left top; padding:10px 0 0; margin:0; width:183px; overflow:hidden}
#others div.module h3{color:#555}
#mod_login_username{background:url(../images/loginbg.gif) no-repeat 1px 0; padding-left:23px; margin-bottom:3px; background-color:#fff}
#mod_login_password{background:#fff url(../images/loginbg.gif) no-repeat 1px -18px; padding-left:23px; margin-bottom:5px; }
#others div.module div{background:#ebebeb url(../images/right-others-bottom.gif) no-repeat left bottom; padding:0; margin:0;}
#others div.module div div{background:transparent; padding:0; margin:0}
#others div.module div div div{padding:3px 8px 10px; background:transparent; line-height:170%}
#others div.module div div div div{background:transparent; padding:0}
div.syndicate{background:transparent; margin:3px 0 0 ; padding:0; width:auto!important; width:100%}
div.syndicate a:hover{border:0}
form{width:auto!important; width:100%}
.syndicate div{background:transparent; margin:0; padding:0; line-height:100%; width:auto!important; width:100%; display:inline}
#others  h3{font-weight:bold; height:22px; color:#333; font-size:14px}
#mainpage #right{width:183px; float:right; clear:right}
#footer{clear:both; height:73px; background:url(../images/foot_bg.jpg); margin:20px auto 0; width:100%}
#footer_wrap{width:1003px; margin:0 auto; height:73px}
#footer #footlogo{background:url(../images/foot_logo.jpg) no-repeat 10px 8px; height:73px; padding-left:110px}
#footer #footlogo .cpfont{font-size:11px; color:#b2b2b2; padding-top:15px; display:block; line-height:15px}
#footer #footlogo .cpfont a{color:#b2b2b2;font:11px "pmingliu"}
#footer #footlogo .cpfont a:hover{color:#fff}
.freelinks a{display:block; text-align:center;padding-bottom:2px}
.contentpaneopen{width:100%}
.contentpaneopen p{text-indent:0;margin:0 0 1em}
.contentpaneopen ul.con{margin:10px 0}
.contentpaneopen p a, .blocknumber a,.blockquote a,.message a,.contentpaneopen ul.con a{border-bottom:1px solid #ddd}
.contentpaneopen p a:hover, .blocknumber a:hover,.blockquote a:hover,.message a:hover,.contentpaneopen ul.con a:hover{border:0}
#footlogo a{color:#333}
#footlogo a:hover{color:#666}
.componentheading, .contentheading{font-weight:bold; font-size:14px; text-align:left; margin:0 0 5px; border-bottom:1px dotted #ccc}
a.contentpagetitle, a.contentpagetitle, a.newsfeeds_title, .contentheading h1{border:0; font-size:18px; font-family:"microsoft yahei"; font-weight:bold; color:#111; border-left:8px solid #d5386a;padding-left:10px;line-height:35px; height:35px}
a.newsfeeds_title:hover{color:#d5386a}
.newsfeeds{list-style-position:inside}
.newsfeeds li{list-style-type:none}
.newsfeeds{width:710px; word-break:break-all; word-wrap:break-word}
.small{font-family:arial; font-size:9px; font-weight:bold; color:#777; text-align:left; width:auto!important; width:100%}
sup.small{font-size:11px}
.article_seperator{background:url(../images/seperator.gif) no-repeat top center; display:block; width:100%; clear:both; margin-top:5px}
.inputbox{font-family:georgia,'times new roman',times,serif; background:#f8f8f8;border:1px solid; border-color:#ccc #fff #fff #ccc; font-size:12px; padding:1px; line-height:14px}
.inputbox:hover, .inputbox:focus{border:1px solid;border-color:#111 #fff #fff #111}
.button{font-family:georgia,'times new roman',times,serif; border:0px; background:#747474 url(../images/btn-search.gif)  repeat-x top; color:#fff; font-weight:bold; text-transform:capitalize; font-size:12px; padding:2px 4px}
#user1{float:left; width:49%}
#user2{float:right; width:49%}
#user3{width:100%}
#user1,#user2,#user3{margin-top:20px}
.clr{clear:both}
#user1 h3, #user2 h3, #user3 h3{color:#555; padding-left:6px; font-size:15px; border-bottom:1px dotted #ccc}
#user1 h3:hover, #user2 h3:hover, #user3 h3:hover{color:#d5386a}
#user1 li, #user2 li, #user3 li{text-indent:1em}
h1{font-size:16px}
h2{font-size:14px}
h3{font-size:12px}
h4{font-size:12px; text-transform:uppercase}
fieldset{padding:10px}
fieldset a{}
hr{border:1px solid #aeaeae; border-width:1px 0 0 ; height:1px}
a img{border:0}
form{margin:0; padding:0}
.readon{background:url('../images/readmore.png') no-repeat 0 100%; font-weight:bold; font-size:13px; font-family:"microsoft yahei"; margin-top:5px; display:block; float:left; width:150px; height:24px; line-height:21px; padding-left:40px; color:#888!important}
.readon:hover{background-position:0 0;color:#fff!important}
.sectiontableheader{background:#6f6f6f; padding-left:3px; font-weight:bold; color:#fff}
table.contentpaneopen,td.contentheading{width:100%}
tr.sectiontableentry1 td, .sectiontableentry1, .sectiontableentry1 td{border-bottom:1px solid #ececec; padding:2px 0}
tr.sectiontableentry2 td, .sectiontableentry2, .sectiontableentry2 td{background:#fbfbfb; border-bottom:1px solid #ececec; padding:2px 0}
.sectiontableentry2 .category, .sectiontableentry1 .category{border:0; font-size:14px; font-weight:bold; color:#000; border-left:5px solid #d5386a; padding-left:10px; line-height:35px; height:35px}
a.category:hover, a.contentpagetitle:hover{color:#d5386a; border-bottom:0}
#fireboard input.button{border:0; padding:1px}
#fb_searchbox .fb_search_button, .buttonfb_, .fbjumpgo{font-family:georgia,'times new roman',times,serif; border:0; background-image:url(../images/btn-search.gif); color:#fff; font-weight:bold; text-transform:capitalize; font-size:12px; padding:1px}
.php{width:auto!important; width:100%; word-break:break-all; word-wrap:break-word}
#yahoolinkinto{display:block; margin-left:8px; float:left}
.alphaimg{filter:alpha(opacity=50)}
.alphaimg img,{filter:alpha(opacity=50)}
.alphaimg img:hover, .alphaimg img:active, .alphaimg img:focus{filter:alpha(opacity=100)}
.blog{width:auto!important; width:100%}
.pagenav, .pagenav_next, .pagenav_prev{font-family:'microsoft yahei' !important; text-align:center; color:#aeaeae; padding:2px 5px; font-size:11px; background:#666; font-weight:bold}
a.pagenav:hover, .pagenav_next:hover, .pagenav_prev:hover{text-align:center; font-family:'microsoft yahei' !important; background:#d5386a; color:#fff}
a.pagenav_next, a.pagenav_prev{font-family:'microsoft yahei' !important; color:#fff; white-space:nowrap}
.pagenav_next a:hover, .pagenav_prev a:hover{font-family:'microsoft yahei' !important; color:#fff}
.pagenavcounter{text-align:center; font-weight:bold; font-family:'microsoft yahei' !important}
a.pagenav, a.pagenav:visited{color:#fff; font-family:'microsoft yahei' !important}
a.pagenav:hover{color:#f7f7f3; font-family:'microsoft yahei' !important; text-decoration:none}
.pagenavbar{text-align:center; font-family:'microsoft yahei' !important}
.jwts_slidecontent .moduletable, .jwts_slidecontent table{width:165px; table-layout:fixed; border-collapse:collapse}
.jwts_slidecontent table a{color:#555}
.jwts_slidecontent table a:hover{color:#d5386a}
.category, .category a{font-weight:bold}

ul .level_1{padding-left:2em; white-space:nowrap}
.mosimage{padding:0; margin:5px 10px; border:3px solid #f0f0f0}
.mosimage_caption{margin-top:2px; padding:1px 2px; color:#333; background:#f0f0f0}
.mosimage img{margin:0; padding:0}
.code{margin:10px 0; padding:15px 25px 15px 30px; background:url(../images/tp-code.gif) no-repeat top left #f7f7f7; font:12px/1.5 consolas,verdana,monospace}
blockquote{background:url(../images/quote.gif) 5px 0 no-repeat;  margin:0; padding:5px 40px 5px 45px}
div.blockquote{background:url(../images/quote-right.gif) no-repeat bottom right; margin:0; padding:0}
blockquote,blockquote strong,.blockquote a{font:12px/2em Arial,Verdana,'Trebuchet MS';}
blockquote strong{font-weight:bold}
.dropcap{float:left; padding:0 5px 0 0; display:block; color:#666; font:bold 50px/40px "times new roman",times,serif}
p.error{padding:5px 5px 5px 25px; background:url(../images/bullet-error.gif) no-repeat center left; color:#c00}
.message{padding:5px 5px 5px 30px ; background:#fff url(../images/bullet-info.gif) no-repeat 5px center ; color:#ab0035; border:2px solid #efefef;}
p.tips{padding:5px 5px 5px 25px; background:url(../images/bullet-tips.gif) no-repeat center left}
.highlight{border-bottom:1px dotted #333; padding:0 1px; background:#333; font-weight:bold; color:#fff}
p.stickynote{background:url(../images/sticky-bg.gif) no-repeat top right #f7f7f7; padding:40px 90px 15px 25px}
p.pinnote{background:url(../images/pin-bg.gif) no-repeat top right #f7f7f7; padding:40px 90px 15px 25px}
p.clipnote{background:url(../images/clip-bg.gif) no-repeat top right #f7f7f7; padding:40px 90px 15px 25px}
ul.checklist{list-style:none}
ul.checklist li{background:url(../images/checklist-bg.gif) no-repeat top left; margin-left:3px; padding:5px 0 5px 32px}
.bignumber{background:url(../images/ol-bg.gif) no-repeat top center; color:#fff; display:block; float:left; font:bold 15px/normal arial,sans-serif; margin-right:4px; width:27px; height:27px; line-height:27px; text-align:center}
.blocknumber{clear:both; margin:5px 0; padding:10px 15px; position:relative}
div.bubble1, div.bubble2, div.bubble3, div.bubble4{margin:15px 0}
div.bubble1 div{margin:0; width:100%; background:url(../images/bub-br-bg.gif) no-repeat bottom right}
div.bubble1 div div{background:url(../images/bub-bl-bg.gif) no-repeat bottom left}
div.bubble1 div div div{background:url(../images/bub-tr-bg.gif) no-repeat top right}
div.bubble1 div div div div{background:url(../images/bub-tl-bg.gif) no-repeat top left}
div.bubble1 div div div div div{margin:0; padding:15px 15px 30px 15px; width:auto}
div.bubble2{width:99%; background:url(../images/bub-arrow-bg.gif) no-repeat bottom left}
div.bubble2 div{border:1px solid #ccc; border-bottom:0; margin-bottom:12px; padding:10px 15px 15px; background:#f7f7f7}
div.bubble3 div{margin:0; width:100%; background:url(../images/bub2-br-bg.gif) no-repeat bottom right}
div.bubble3 div div{background:url(../images/bub2-bl-bg.gif) no-repeat bottom left}
div.bubble3 div div div{background:url(../images/bub2-tr-bg.gif) no-repeat top right}
div.bubble3 div div div div{background:url(../images/bub2-tl-bg.gif) no-repeat top left}
div.bubble3 div div div div div{margin:0; padding:15px 15px 50px; width:auto}
div.bubble4{width:99%; background:url(../images/bub2-arrow-bg.gif) no-repeat bottom left}
div.bubble4 div{border:1px solid #ccc; margin-bottom:30px; padding:10px 15px 15px; background:#f7f7f7}
.caption, .captionbox, .captionbox-hilite, .story-hilite{border:1px solid #ccc; padding:15px 10px 10px; margin:20px 0 19px; position:relative; line-height:normal}
.captionbox h3, .captionbox-hilite h3{position:absolute; top:-7px; left:10px; margin:0 0 0 -2px; padding:0 2px; font-size:125%; font-weight:bold; background:#fff; text-transform:uppercase}
.captionbox-hilite{border:1px solid #333}
.captionbox-hilite h3{color:#333}
.caption span.title{position:absolute; top:-7px; left:10px; margin:0 0 0 -2px; padding:0 2px; line-height:14px; background:#fff; color:#999}
.story-hilite h3{position:absolute; top:0; margin:0 0 0 -2px; padding:0 5px; background:#333; font-size:125%; font-weight:bold; color:#fff; text-transform:uppercase}
.story-hilite{border:1px solid #333; padding-top:25px}
.box-grey, .box-hilite{border:1px solid #ccc; background:#f7f7f7; margin:20px 0 0; padding:10px}
.box-hilite{border:1px solid #333; background:#f1f1f1}
.video, .video:hover, .video:active{background:url(../images/video.gif) no-repeat top left; margin:0; padding:0 0 0 25px; border-bottom:0}
.comment, .comment:hover, .comment:active{background:url(../images/comment-icon.gif) no-repeat top left; margin:0; padding:0 0 0 25px; border-bottom:0}
.rss, .rss:hover, .rss:active{background:url(../images/rss.gif) no-repeat top left; margin:0; padding:0 13px 3px; border-bottom:none}
.but-download{background:url(../images/down.gif) no-repeat left 1px; margin:0; padding-left:15px; text-decoration:none}
a.but-download:hover{background-position:left -25px}
a.but-download:hover span.download strong{color:#ff6}
span.download{background:url(../images/download-left-bg.gif) no-repeat top left; cursor:pointer; display:block; line-height:normal; margin:0; padding:18px 0; text-align:left; width:228px}
span.download strong{color:#fff; display:block; font:22px/normal arial,sans-serif; letter-spacing:-1px; margin:0; padding:0 10px 0 70px; text-align:left}
span.download span{color:#b4e4f0; font:11.5px/normal arial,sans-serif; padding-left:70px}
a.but-signup{background:url(../images/signup-right-bg.gif) no-repeat top right #66bd64; display:block; margin:0; padding:0; text-decoration:none; width:228px}
a.but-signup:hover{text-decoration:none}
a.but-signup:hover span.signup strong{color:#ff6}
span.signup{background:url(../images/signup-left-bg.gif) no-repeat top left; cursor:pointer; display:block; line-height:normal; margin:0; padding:18px 0; width:228px}
span.signup strong{color:#fff; display:block; font:22px/normal arial,sans-serif; letter-spacing:-1px; margin:0; padding:0 10px 0 90px; text-align:left}
span.signup span{color:#b4e2b3; font:11px/normal arial,sans-serif; padding-left:90px; text-align:left}
.chat_qq{background:url(../images/qq_chat.gif) no-repeat left top; height:58px; width:137px; display:block}
.chat_qq:hover{background-position:left bottom}
#absolute{position:absolute; z-index:15; top:0; left:0; width:100%}
.bookmark a img{filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4}
.bookmark a:hover img{filter:alpha(opacity=100) none; -moz-opacity:1; opacity:1}
.public_tag{font-family:"microsoft yahei"; font-size:11px}
#relateditemtitle, #olderitemtitle, #neweritemtitle{color:#555; padding-left:6px; font-size:15px; font-weight:bold; margin:5px 0 2px}
#relateditemtitle:hover, #olderitemtitle:hover, #neweritemtitle:hover{color:#d5386a}
#olderitemlist li, #relateditemlist li, #neweritemlist li{text-indent:1em}
.author_bar{margin-top:-5px; margin-bottom:6px; -margin-top:0; font-family:arial; font-size:9px; font-weight:bold; color:#777}
.author_bar_section{font-size:10px; font-family:"microsoft yahei"}
.p_rightimg{float:right; clear:right; margin:0 0 10px 10px}
.p_leftimg{float:left; margin:0 10px 10px 0}
.tags{text-align:right; width:100%; display:block; clear:both;}
.break{overflow:hidden; text-overflow:ellipsis}
.easylast_name{font-weight:bold}
.easylast_text{font-family:arial;display:block; overflow:hidden; width:165px; text-overflow:ellipsis;}
.easylast_view a{font-weight:bold}
.easylast_view a:hover{color:#d5386a}
#link_option-wrap{ position:absolute;margin-left:710px; +margin-left:570px;}
#link_option {color:#efefef;padding:0px 15px 5px 10px;text-align:center;background: url(../images/linkoption_bg.png);width:180px;}
#link_option_b {width:100px; margin-left:60px}
#link_option_b #center {background: url(../images/linkoption_b_m.gif);width:60px;line-height:19px;text-align:center;float:left}
#link_option_b #l {background: url(../images/linkoption_b_l.gif) no-repeat left top;height:19px;width:20px;float:left}
#link_option_b #r {background: url(../images/linkoption_b_r.gif) no-repeat left top;height:19px;width:20px;float:right}
#link_option_b a {cursor:pointer;color:#fff;font-size:85%}
#link_option_b input,#link_option_b LABEL{padding:0;margin:0}
.ps_after{position:relative}
.ps_after span{position:absolute; display:none; -position:relative; -display:block}
a.ps_after:hover span{display:block}
.Sponsors{text-align:center;height:66px}
#ad468{background: url(../images/468_60ad.gif) no-repeat 0 0;height:93px;width:489px;text-align:center; padding-top:22px;overflow:hidden}
.right_m2{margin-top:10px;background: url(../images/right_m2_bg.jpg);width:183px}
.right_m2 div{background: url(../images/right_m2_t.jpg) no-repeat 0 0;width:183px}
.right_m2 div div{background: url(../images/right_m2_b.jpg) no-repeat 0 100%; padding:35px 0 15px;text-align:center}
.right_m2 div div div{background-image:none; padding:0;}
.right_m2 .small{color:#827559;margin-bottom:5px;display:block;text-align:center}
.footad{text-align:center;padding-top:18px}
.pagenavcounter{right:0;top:16px;z-index:10;position:absolute;background: url(../images/pagenavcounter.gif) no-repeat 0 0;width:97px;height:24px;line-height:18px;color:#fff;text-align:center}

#footer #footlogo .cpfont a.yuthemes{font-family:georgia,'times new roman',times,serif}
#footer #footlogo .cpfont a.yuthemes:hover{color:#b2b2b2}