/* Global CSS */

body {text-align:center;font-family:ËÎÌå,serif,Tahoma;background:#ffffff;font-size:12px; color:#2B2B2B;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,td,th,pre,form,fieldset,input,textarea,blockquote,cite{padding:0; margin:0;}   
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}   
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}   
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
/* link color font */
a {color:#2B2B2B;text-decoration:none;}
a:visited {color:#83006f;text-decoration:none;}
a:hover {color:#ff6600;text-decoration:underline;}
a:active {color:#1E50A2;}
.cWhite,.cWhite:visited,.cWhite a{color:#fff;}
.cYellow,.cYellow:visited{color:#ff0;}
.cGreen,.cGreen:visited{color:#008000;}
.cGray,.cGray:visited,.cGray a{color:#333;}
.cDGray,.cDGray:visited,.cDGray a{color:#727171;}
.cBlack,.cBlack:visited,.cBlack a{color:#000;}
.cBlue,.cBlue:visited,.cBlue a{color:#1E50A2;}
.cRed,.cRed:visited,.cRed a{color:Red;}
.cDRed,.cDRed:visited,.cDRed a{color:#ba2636;}
.cOrange,.cOrange:visited,.cOrange a{color:#FF6600;}
.cRed a:hover,a.cRed:hover,.cBlue a:hover,a.cBlue:hover,.cDRed a:hover,a.cDRed:hover,.cGray a:hover,a.cGray:hover,.cDGray a:hover,a.cDGray:hover,.cWhite a:hover,a.cWhite:hover,.cBlack a:hover,a.cBlack:hover,.cGreen a:hover,a.cGreen:hover,.cYellow a:hover,a.cYellow:hover{color:#ba2636;}
button{ border:0; cursor:pointer;}
.fB{font-weight:bold;}
.fI{font-style: italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.unLine,.unLine a{text-decoration:none;}
.noBorder{border:none;}
/* icon */
.I_V_ {background:url(img/icon.gif) left center no-repeat; padding-left:16px;}

/* foot */
.foot{margin:0 auto; width:960px; line-height:21px; clear:both; border-top:1px solid #ccc; margin-top:11px; padding-top:6px;}
.foot .text{padding:5px 0 4px; border-bottom:1px solid #dcdddd; margin:0 0 6px;}
.foot a{color:#717171;}
.foot a:visited{color:#000;}

/* span blank */
.clear {clear:both; height:0; overflow:hidden; display:block;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.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;}


/*===index heard===*/
#header{ margin:0 auto; text-align:left; /*width:960px;*/}
.wrap-inhd{width:960px;margin:0 auto;}
.logoarea{ float:left; width:300px; height:83px; padding-left:6px; overflow:hidden; position:relative;}
.logoarea img { vertical-align:middle; margin-top:4px;}
.logoarea .ppimg{margin-left:17px; margin-right:8px;}
.logoarea button{ background:url(img/pp13.gif) no-repeat; width:75px; height:25px; overflow:hidden; text-indent:-100px; position:absolute; left:196px; top:26px;}
.search{ float:right; width:353px; height:83px;  overflow:hidden;}
.search cite{ padding-top:22px; display:block; height:17px; color:#1F3A87; padding-left:27px;}
.search cite a,.search cite a:visited{ color:#1F3A87;}
.search cite .on,.search cite .on:visited{color:#2B2B2B; font-weight:bold;}
.gosearch{ background:url(img/pp11.gif) no-repeat 0 5px; padding-left:25px; height:30px;}
.gosearch span{ border:2px solid #E7E7E7; clear:both; display:block; height:26px; float:left}
.gosearch span *{ float:left;}
.gosearch span input{width:239px; border:1px solid #ccc; border-right:0; padding-top:3px; height:21px; overflow:hidden;}
.gosearch span button{ background:url(img/pp12.gif) no-repeat; width:80px; height:26px; overflow:hidden; text-indent:-1000px;}

.Menu{ clear:both;background:#D7ECFB; /*width:960px;*/ height:63px;/*margin:0 auto; _overflow:hidden;*/}
.wrapmainnav{background:#4DA6E1;}
.wrapsubnav{width:960px;margin:0 auto; overflow:hidden;}

.Msty{}
.mainnav{ height:33px; /*background:#4DA6E1;*/width:960px;margin:0 auto;  padding-left:11px; overflow:hidden; }
.mainnav li{ float:left; height:23px; margin-top:5px;background:url(img/pp30.gif) no-repeat 0 2px; padding:0 8px 0 10px; }
.mainnav li a,.mainnav li a:visited{ height:23px;overflow:hidden; font-size:14px; font-weight:bold; cursor:pointer; color:#fff;display:block; text-decortation:none; padding-left:9px; padding-top:2px; _width:85px;}

.mainnav .p{ height:23px;overflow:hidden; font-size:14px; font-weight:bold; cursor:pointer; color:#fff;display:block; text-decortation:none; padding-left:9px; padding-top:2px; _width:40px;}
.mainnav li a span{ line-height:20px; padding-right:9px;}
.mainnav li a:hover{ background:url(img/pp29.gif) no-repeat; color:#2286C8; padding-top:0; text-decoration:none; }
.mainnav li a:hover span{ background:url(img/pp29.gif) no-repeat right 0; padding-right:9px; display:block; height:23px; line-height:23px; overflow:hidden;}

.mainnav .on{margin-right:-1px; position:relative; background:none; padding:0; }
.mainnav .on a,.mainnav .on a:visited,.mainnav on a:hover{ background:url(img/pp29.gif) no-repeat; color:#2286C8;  padding:0px; padding-left:3px; _width:40px;}
.mainnav .on a span{ background:url(img/pp29.gif) no-repeat right 0; padding-right:2px; display:block; height:23px; line-height:23px; overflow:hidden;}
.mainnav .mn1{ background:none;}
.mainnav .mn1 a,.mainnav .mn1 a:visited,.mainnav .mn1 a:hover{_width:78px;}


.mainnav .mn2{ background:none;}
.mainnav .mn2 a,.mainnav .mn2 a:visited,.mainnav .mn2 a:hover{_width:85px;}

.mainnav .mn3{ background:none;}
.mainnav .mn3 a,.mainnav .mn3 a:visited,.mainnav .mn3 a:hover{width:80px;}


.subnav{ width:500px;float:left; padding-left:16px;}
.Menu cite{ float:right; text-align:right; width:400px; text-align:right; height:30px;line-height:30px;padding-right:17px;}
.Menu .userinfo{ color:#1E50A2; padding-right:13px;}
.Menu .userinfo a,.Menu .userinfo a:visited{color:#1E50A2;}
.Menu .username{ padding-top:4px; position:relative;}
.Menu .username .other,.Menu .username .other:visited{padding-left:26px;background:url(img/pp29.gif) no-repeat 0 0; padding-top:4px; color:#1E50A2;}
.Menu .username span{ width:125px; height:31px; position:absolute; left:0; top:18px; background:url(img/pplb11.gif) no-repeat center 0;*top:22px;}
.Menu .username span strong{ padding-top:4px; text-align:center; font-weight:normal; display:block; color:#000;}
.Menu .username span a,.Menu .username span a:visited{color:#000;}
.subnav li{ display:none; height:30px; line-height:30px; margin-right:17px; overflow:hidden; padding-left:10px; }
.subnav li.on{ display:block;}
.subnav li a,.subnav li a:visited{margin-right:17px; background:url(img/pp31.gif) no-repeat; padding-left:16px; color:#000; font-size:12px;}
.subnav li a:hover{ background:url(img/pp31.gif) no-repeat; font-weight:bold; font-size:12px; margin-right:15px; color:#2492DB; text-decoration:none;}
.subnav li .l1n1,.subnav li .l1n1:visited{ background-position:0 0;}
.subnav li .l1n2,.subnav li .l1n2:visited{ background-position:0 -28px;}
.subnav li .l1n3,.subnav li .l1n3:visited{ background-position:0 -60px;}
.subnav li .l1n4,.subnav li .l1n4:visited{ background-position:0 -93px;}
.subnav li .l1n5,.subnav li .l1n5:visited{ background-position:0 -128px;}
.subnav li .l1n1:hover{background-position:0 -158px;}
.subnav li .l1n2:hover{background-position:0 -186px;}
.subnav li .l1n3:hover{background-position:0 -218px;}
.subnav li .l1n4:hover{background-position:0 -251px;}
.subnav li .l1n5:hover{background-position:0 -286px;}
.ppArea{ width:960px; margin:0 auto; clear:both; text-align:left;margin-top:10px;}
.mode_box2{ width:280px; float:right;overflow:hidden;}
.mode_box1{ width:666px; float:left; overflow:hidden;}
.ppArea h6.titles{ padding-left:8px; background:url(img/pp16.gif) no-repeat 0 4px; height:20px; color:#000;}
.ppArea h6.titles,.area h6.titles a{ font-size:14px;}
.ppArea h5.titles{font-weight:bold; font-size:14px; background:#F2F9FD; height:37px; overflow:hidden; line-height:37px; padding-left:20px;}
.ppArea h5.titles cite{float:right; font-size:12px; text-align:right; padding-right:20px;}
.ppArea h5.titles cite,.ppArea h5.titles cite a{color:#1E50A2; }

/*==two grade page header==*/
.headstyle{height:27px; background:#DEEFFA; overflow:hidden; margin-bottom:15px;}
.headsearch{text-align:left;  line-height:27px; width:960px; margin:0 auto;}
.headsearch cite{float:right; width:245px; text-align:right;padding:6px 0px 0 22px;  background:url(img/pppd01.gif) no-repeat left 8px;}
.headsearch cite input{border:1px solid #ccc; border-right:0; width:185px; padding-left:6px; height:19px; float:left;}
.headsearch cite button{width:50px; height:21px; background:url(img/pppd02.gif) no-repeat; text-indent:-1000px;  overflow:hidden; float:left}


/*==typeset style==*/
.picdeclist li{line-height:0; height:84px;}
.picdeclist li img{ float:right; padding:3px; border:1px solid #ddd; margin-left:13px;}
.picdeclist li strong{ line-height:18px; padding-top:7px; display:block;}
.picdeclist li strong img{ vertical-align:middle; border:0; padding:0; margin-left:2px; float:none;}
.picdeclist li p{ line-height:18px; padding-top:2px;}

.piclist{}
.piclist li{float:left;}
.piclist li cite{ display:block;}
.piclist li img{padding:3px; border:1px solid #ddd; margin-bottom:7px;}

.focusimg{}
.focusimg li{width:180px; float:left; margin-right:10px; line-height:20px;}
.focusimg li .titles{font-size:14px; font-weight:bold;}
.focusimg li cite{display:block;}
.focusimg li cite,.focusimg li cite a{font-size:12px;}
.focusimg li img{margin-bottom:5px;}
.focusimg li.other{width:356px; background:#6A6D6F; color:#fff; height:225px; margin-right:12px;}
.focusimg li.other .titles{ float:left; line-height:25px; margin-left:8px; color:#fff;}
.focusimg li.other cite{float:right; text-align:right; padding-right:8px; line-height:25px;}
.focusimg li.other cite,.focusimg li.other cite a{color:#fff;}
.focusimg li.other img{margin-bottom:0;}

.f12Textlist{ clear:both;}
.f12Textlist li{padding-left:9px; background:url(img/pp21.gif) no-repeat left 7px; line-height:20px;}

.login163{ width:410px; height:240px; border:1px solid #aaa;text-align:left; position:relative; background:#fff;}
.login163 h1{background:transparent url(img/pplogin01.gif) repeat-x scroll 0 0;
color:#333333;font-size:14px;font-weight:bold;height:31px;line-height:30px;overflow:hidden;
padding-left:10px;}
.login163 h1 a{ background:url(img/pplogin02.gif) no-repeat; width:15px; height:15px; float:right; text-indent:-1000px; overflow:hidden; margin:6px 7px 0 0; display:block;}
.login163 dl{padding:30px 0 0 70px; display:block;}
.login163 dt{ display:block; height:29px; line-height:29px; padding-left:55px; overflow:hidden;color:#aaa;}
.login163 dd{ line-height:22px; height:24px; overflow:hidden; margin-bottom:12px;}
.login163 dd .it_212{ width:212px; background:#fff; border:1px solid #ddd; height:20px; vertical-align:middle;}
.login163 dd .b_CFCFCF{ border-color: #CFCFCF;}
.login163 dd cite{ display:block; padding-left:50px; padding-right:4px;}
.login163 dd cite a{ float:right; text-decoration:underline;}
.login163 dd cite input{ margin-right:4px; vertical-align:middle;}
.login163 p{ padding-left:120px; display:block;}
.login163 p .substyle{ width:98px; height:24px; line-height:24px; font-size:14px; text-align:center; color:#000; margin-right:16px; font-weight:bold;}
.login163 p a{ text-decoration:underline;}
.login163 .showlogin{ position:absolute; top:114px; left:118px; background:#fff; border:10px; width:212px; border:1px solid #CFCFCF; }
.login163 .showlogin h6{ color:#000; font-weight:bold;padding:3px 9px; line-height:22px;}
.login163 .showlogin ul{padding:3px; padding-top:0; line-height:20px;}
.login163 .showlogin li{padding:0 6px; color:#777; font-family:Arial,Helvetica,Sans-Serif;}
.login163 .showlogin li.on{ color:#777; background:#ddd;}


.pages{ text-align:center; clear:both;}
.pages a,.pages a:visited{ margin-right:7px; color:#666; padding:2px 6px 2px 7px; background:#F7FAFD; border:1px solid #9BD0F0; }
.pages a.on,.pages a:hover{background:#5CB3E7; color:#fff; font-weight:bold; padding:2px 6px 2px 6px;text-decoration:none;}
.pages a.pre{margin-right:6px;}
.pages a.pre:hover{padding:2px 5px 2px 5px;}
.pages span{margin-right:6px; font-weight:bold;}
.pages a.next{}
.pages a.next:hover{padding:2px 5px 2px 5px;}



/* iFocus style */
#ifocus { width:664px; height:245px; border:1px solid #ccc; background:#F8F8F8; }
#ifocus_pic { display:inline; position:relative; float:left; width:545px; height:235px; overflow:hidden; margin:5px 5px 5px 5px; }
#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:545px; height:234px; overflow:hidden; }
#ifocus_piclist img { width:545px; height:234px; }
#ifocus_btn { display:inline; float:right; width:91px; margin:9px 5px 0 0; }
#ifocus_btn li { width:95px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; }
#ifocus_btn .current { background: url(img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:550px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx .normal { display:none; }


.friend_link{width:960px;margin:0 auto; height:50px; border:1px solid #e6e6e6;}
.friend_link h2{}
.friend_link ul li{
	width:114px;
	height:15px;
	float:left;
	margin-right:2px;
}
.friend_link ul li a{
	color:#999;
	
}
.friend_link ul li a:hover{
	color:#333;
}
.more_friend_link{
	display:block;
	position:absolute;
	z-index:22;
	width:80px;
	height:19px;
	margin-left:915px;
}
.more_friend_link a{
	color:#999;
}