@import url("common.css");
/* CSS Document */

body {padding:8px;background-color:#fff; border:#777 solid 8px;color:#494949;font-family:"ËÎÌå",arial,helvetica,sans-serif;min-width:900px; line-height:150%; font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{ border:1px solid #ccc;padding:3px;}
.focus{background-color:#F6FCFF;border:1px solid #55B05A!important;}
input[type="checkbox"].chk{border:1px solid #ccc;}
input[type="submit"],input[type="button"],.button{background-color:#55B05A;color:white!important;border:none; padding:3px;cursor:pointer;}
.email{ background:transparent url(/images/email.gif) no-repeat; width:150px; height:20px;display:inline-block}
/*header */
div#header {background-color:white;height:70px;position:relative; }
a#pipcn_logo {left:25px;position:absolute;top:10px;}
div#banner{ position:absolute; left:230px; top:20px; background:transparent url(img/mission.gif) no-repeat; width:360px; height:60px;}
div#headsearch{position:absolute;top:20px; right:20px;}
div#headsearch input[type="text"]{background:transparent url(img/search.gif) no-repeat scroll 0 3px;font-size:120%;padding-left:20px;padding-top:4px; min-width:200px; color:#999999; font-weight:bold}
div#headsearch input[type="button"]{ padding:3px 5px; letter-spacing:3px;background-color:#365d95;}

#headnav {background-color:#365d95;height:26px; position:relative; border-bottom:1px solid #4B679F; color:#fff;}
#loginstatus{font-size:100%;height:25px;position:absolute;left:10px; bottom:0;}
#loginstatus a{ color:#FFFFFF; line-height:25px; text-decoration:underline; margin:0 3px;}
#div_login{ display:none}
#headmenu{font-size:120%;height:25px;position:absolute; right:10px; bottom:0;}
#headmenu a, #headmenu span{padding:5px 9px 1px; display:block; float:left;letter-spacing:3px; margin-right:3px; color:#D0DCEE;}
#headmenu a:hover{ color:#ffffff;}
#headmenu span{ background-color:#fff; border-color:#4B679F #4B679F white;border-style:solid;border-width:1px;color:#111;}
/*main */
#main {_float:left;background-color:#F7F7F7;/*border-top:5px solid #4B679F;*/overflow:hidden;padding-left:180px;}
#main .column {float:left;position:relative;}
#main.column_3 {padding-right:190px; }
#main.column_2 {padding-right:25px;}
.text{ padding:5px;}
.mb-10{ margin-bottom:10px;}
/*footer */
#footnav {clear:both;background-color:#eef;border-color:#CCCCCC;border-style:solid;border-width:1px 0;color:inherit;padding:3px 6px;letter-spacing:1px;line-height:22px}
#footnav a{color:#003060; padding:3px 5px;}
#footer{background-color:#f7f7f7; font-size:80%;letter-spacing:0.2em; text-align:left; border-top:1px solid #cccccc; height:60px}
#footer span{float:right; padding-top:5px; background:url(/images/cn_flag.gif) no-repeat left 12px; padding-left:50px;}

/*main_left */
#main_l{background:#F7F7F7 none repeat scroll 0 0;margin-left:-100%;padding:10px 0;right:211px;width:160px;_right:181px;}
#main_l h4{border-bottom:1px solid #CACACA;color:#444;font-size:120%;margin:20px 0 0 10px;}
#main_l h5 {font-size:100%;font-weight:bold;margin:10px 0 0 10px;}
#main_l ul {list-style:none;margin-left:15px;margin-top:5px;padding-left:0;}
#main_l li {background:transparent url(img/www-fun-a-v.gif) no-repeat scroll 0 50%;padding:1px 0 1px 15px;}
#main_l li a {display:block;}
#main_l .box{ margin-left:10px; margin-top:5px;}
#main_l p{ text-indent:20px; margin-left:10px;margin-top:5px;}

ul#dir li {font-size:100%;background-image:url(img/box-0.gif);padding:1px 0 1px 15px;}
ul#dir li a:hover {text-decoration:underline;}
ul#dir li a {text-decoration:none;}
ul#dir .home{background-image:url(img/caret-t.gif);border-bottom:1px solid #CCCCCC;
margin-bottom:5px;font-size:120%}
ul#dir .top{background-image:url(img/caret-u.gif);border-bottom:1px solid #CCCCCC;
margin-bottom:5px;font-size:120%}
ul#dir .active{font-weight:bold;background-image:url(img/box-1.gif);}

/*main_right */
#main_r{margin-right:-190px;padding:10px; margin-top:200px;width:140px;}
#main_r hr{ height:1px; border:1px solid #ccc;}

/*main>content */
#content{width:100%;_width:auto;border-left:1px dashed #ccc;background-color:#ffffff;min-height:500px;padding:10px 15px 20px;}
#content a:visited{ color:#999}
.tab{ border-bottom:1px solid #365d95; margin-top:10px;; height:22px; font-size:100%; clear:both}
.tab a { display:block; float:left; margin-left:5px; padding:3px 10px 0;background-color:#EAEBEE; }
.tab a.active{ background-color:#365d95; color:#fff; height:20px}
.tab span{ float:right; margin-right:5px;}
/*article*/
#title {margin-top:10px; position:relative}
#title h1 {border-bottom:1px solid #CACACA;padding-bottom:5px;font-size:180%;margin:20px 0 5px;}
#art_i{position:relative}
#toolbar{text-align:right}
#toolbar a,#toolbar a:visited{ background-color:#55B05A; color:#fff; text-decoration:none; border:; padding:3px 5px; border-bottom:1px solid #ccc;border-right:1px solid #ccc}
/**art_main*/
a.keylink{}
#art_des{ background-color:#f7f7f7; margin-right:160px; padding:5px;}
#art_des p{text-indent:20px;}
#art_url{color:#55B05A;}
#art_url a,#art_url a:visited{border-bottom:1px dashed #55B05A;color:#55B05A; text-decoration:none; font-family:Georgia}
#art_more{float:right; background:#F7F7F7; border-left:1px solid #eee; width:150px;position:relative; margin-left:10px;}
#art_more .to,#art_more .bo{background:#F7F7F7 url(images/side-round-bg.gif) no-repeat top left; height:5px; margin-left:-1px;}
#art_more .bo{ background-position:bottom left}
#art_more .h{border-bottom:1px solid #365d95; margin:5px 10px; padding-left:5px;}
#art_more .h span{background-color:#365d95; color:#fff;padding:2px 5px;height:20px;}
#art_more ul {margin-left:10px;margin-top:5px; }
#art_more li {margin:2px 0;background:transparent url(img/box-0.gif) no-repeat scroll 0 5px;padding-left:12px;}
#art_con h3{ font-size:100%; font-weight:normal}
#art_con{ font-size:120%; line-height:150%; padding-top:10px;}
#art_con p{ margin:10px 0;}
#art_con td,#art_con th{ border-top:1px solid #365d95;border-left:1px solid #365d95}
#declare{ border:1px solid #ccc; padding:5px 10px; background-color:#F7F7F7; font-size:120%; line-height:150%; }
#declare span{border-bottom:1px dashed green; color:green;font-weight:bold;}
#declare textarea{ width:98%; height:30px;overflow:hidden; border:1px dashed #ccc}
.pages{padding-left:10px;}
.pages a,.pages span{ display:inline-block; padding:0 5px; height:20px; line-height:20px; border:1px solid #ccc; background-color:#ffffff; color:#365d95; text-decoration:none}
.pages span{ background-color:#365d95; color:#fff;}
/**art_digg*/
.newdigg{width:406px;height:51px;margin:8px auto;clear:left;overflow:hidden;padding-left:118px; background:url(images/comment.gif) no-repeat left 10px}
.diggbox{width:195px;height:51px;float:left;margin-right:8px;overflow:hidden;cursor:pointer;}
.diggbox .digg_act{font-size:120%;float:left;line-height:31px;text-indent:32px;height:29px;overflow:hidden;font-weight:bold;}
.diggbox .digg_num{float:left;line-height:29px;text-indent:5px;}
.diggbox .digg_percent{width:180px;clear:both;padding-left:10px;overflow:hidden;}
.diggbox .digg_percent .digg_percent_bar{width:100px;height:7px;background:#E8E8E8;border-right:1px solid #CCC;float:left;overflow:hidden;margin-top:3px;}
.diggbox .digg_percent .digg_percent_num{font-size:85%;float:left;padding-left:10px;}
.diggbox .digg_percent .digg_percent_bar span{display:block;height:5px;overflow:hidden;background:#000;}
.newdigg .digg_good{background:url(images/newdigg-bg.png) left top no-repeat;}
.newdigg .digg_bad{background:url(images/newdigg-bg.png) right top no-repeat;}
.newdigg .digg_good .digg_act{color:#C30;}
.newdigg .digg_good .digg_num{color:#C63;}
.newdigg .digg_bad .digg_act{color:#36C;}
.newdigg .digg_bad .digg_num{color:#39C;}
.newdigg .digg_good .digg_percent .digg_percent_bar span{border:1px solid #E37F24;background:#FFC535;}
.newdigg .digg_bad .digg_percent .digg_percent_bar span{border:1px solid #689ACC;background:#94C0E4;}
/**art_comment*/
#clist{ margin-top:5px;}
#clist dt{background:#f7f7f7; border-top:1px dotted #ccc; padding:2px 5px;}
#clist dd.po{ padding:5px 10px;font-size:120%;}
#clist dd.re{ text-align:right; padding:0 20px 5px;}
#clist a{ margin:0 2px;}
.blue { background-color:#eef; padding:0 5px;}
.reply { border-style: solid; border-color: #eef; border-width: 1px 1px 1px 5px; margin: 10px auto; padding: 5px 10px; font-size: 100%; text-indent: 0pt; line-height: 180%; color:#999; }
#post{margin-top:10px; padding-bottom:10px; border:1px solid #ccc; }
#post #comment{ width:90%; height:100px; border:1px solid #ccc; font-size:120%;}
#post div{ margin-bottom:5px;}
#post h3{border:1px solid #fff;border-bottom:1px dotted #ccc;margin-bottom:10px;background:transparent url(images/login_bg.gif) no-repeat scroll 5px -72px; padding:5px 30px; font-weight:bold; font-size:120%;background-color:#f7f7f7; }
#post h3 span{ float:right; font-weight:normal; color:#cc3300; font-size:80%;}
#post div{ margin:0 20px 5px;}
#post p{ text-align:center; color:#cc3300; margin-top:10px; font-size:120%;}

/*index|list*/
#intr{width:100%}
#intr h1{color:#4B679F; letter-spacing:1px; margin-top:20px; padding-bottom:5px;font-size:180%;border-bottom:3px solid #4B679F;}
#intr h1 span{float:right; font-weight:normal; color:#999; font-size:12px;}
.table{display:table; clear:both;}
.td{float:left; display:table-cell; padding:10px 0; overflow:hidden}
.w5{width:50%;}
.w7{width:70%}
.w6{width:60%}
.w4{width:40%}
.w3{width:30%}
#ilist .tab{ width:96%;}
#ilist .tab span a{ background-color:#fff}
#ilist h2{ width:96%;letter-spacing:1px;margin-top:5px; padding-top:3px; padding-bottom:5px;font-size:160%;border-bottom:1px solid #4B679F;}
#ilist h2 span{ float:right; font-weight:normal; font-size:100%; margin-right:5px;}
#ilist h3{ margin-top:10px; font-size:120%;}
#ilist h4{ margin-top:5px; font-size:120%; font-weight:normal}
#ilist .meta{width:96%; margin:2px 0;}
#ilist .intr{width:96%; margin:2px 0; min-height:60px;}
#ilist .intr img{float:right; height:60px; padding:1px; border:1px solid #cccccc; margin-left:10px;}
#ilist p{text-indent:20px;}
#ilist ul {margin-left:10px;margin-top:5px; }
#ilist li {margin:2px 0;background:transparent url(img/arrow.gif) no-repeat scroll 0 7px;padding-left:12px;}
/**list>score*/
.score{ color:red; background:transparent url(img/star.png) no-repeat; padding-left:80px;height:15px; margin:0 2px;}
.score i{ color:#999; font-style:normal}
.star5{ background-position:left 1px;}
.star4{ background-position:left -14px;}
.star3{ background-position:left -29px;}
.star2{ background-position:left -44px;}
.star1{ background-position:left -59px;}
.star0{ background-position:left -74px;}
/**list>type*/
a.t35{ background:transparent url(img/t-yc.gif) no-repeat top right; padding-right:30px;}
a.t{ background:transparent url(img/t-zz.gif) no-repeat top right; padding-right:30px;}
a.t40{ background:transparent url(img/t-fy.gif) no-repeat top right; padding-right:30px;}
a.t34{ background:transparent url(img/t-dj.gif) no-repeat top right; padding-right:30px;}
/*others*/
/*ajax waiting*/
#loading{ border:2px solid #FFCC66; background:#FFFF99 url(img/loading.gif) no-repeat 5px 50%; position:fixed; top:50%; left:50%; z-index:9; padding:15px 20px 15px 50px; font-size:140%; display:none; font-weight:bold}
#loading a{ position:absolute; right:3px; top:0;color:#FFCC66}
/*pages*/
#pages { line-height:26px; text-align:center; margin: 5px 2px; padding: 3px; }
#pages a { padding: 3px 5px 2px; border: 1px solid #ccc; color: #666; margin:0 3px }
#pages a:hover{ background-color:#99A9C1; color: #FFF; text-decoration: none; border-color: #848FB3; }
/*member*/
#usercp{ margin:20px 20px 50px 50px;}
.table_form{ line-height:150%}
.table_form caption{ font-size:120%; text-align:left; margin-bottom:10px}
.table_form tr{ height:22px;}
.table_form th{text-align:right;padding-top:8px; vertical-align:top;font-weight:normal}
.table_form th i{color:red}
.table_form td { padding-top:5px;}

h1.icon {background:transparent url(images/login_bg.gif) no-repeat scroll -1px -72px;border-bottom:1px solid #CCCCCC;font-size:150%;height:30px;line-height:30px;margin:10px;padding-left:30px;}
#usercp p{line-height:150%; margin-bottom:5px;}
#usercp h3{ font-size:120%; border-bottom:1px solid #ccc; margin-bottom:10px;}

/* ajax dialog  */
.ajaxdiv { position:absolute; display:none; padding:5px; border:1px solid #BBB; background:#FCFFEF; text-align:left; }
.ajaxdiv h5 { line-height:24px; font-size:1em; margin:0; color:green }
.ajaxdiv h5 a { float:right; font-weight:normal; }
.ajaxcontent { padding:8px; border:1px solid #EEE; background:#FFF; }
.ajaxcontent form { margin:0; }
.ajaxcontent tr td { padding: 2px 0; }