@charset "utf-8";
/* CSS Document */
/*main css begin*/
HTML,BODY,DIV,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,PRE,FORM,P,BLOCKQUOTE,FIELDSET,INPUT,IMG {margin: 0;padding: 0; }
BODY,H1,H2,H3,H4,H5,H6,PRE,CODE,ADDRESS,CAPTION,CITE,CODE,EM,TH,P,A,LI,TD,DL,DT,DD {FONT: 11px/1.8em Verdana, Arial, Helvetica, sans-serif;}
BODY {background-color:#f2f2f2;}
H1 {FONT: 16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
H4 {FONT: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
H5 {FONT: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
span{font-weight:bold;}
.red14{{font:14px;color:#FF0000;font-weight:bold;}

a {
	color:#666; font:Arial, Helvetica, sans-serif 12px;text-decoration:none;}
}
a:link {
	color:#666;text-decoration:none;
}
a:visited {
	color:#666;text-decoration:none;
}
a:active {
	color:#666;text-decoration:none;
}
a:hover {
	COLOR: #000; text-decoration:underline;
}
/*----------------head css------------------*/
#headCnt {clear:both; margin:9px auto 0px auto;width:883px; height:92px;}
#logo {MARGIN-TOP: 0px; DISPLAY: block; background:url(../img/logo.gif) no-repeat; FLOAT: left; WIDTH: 300px; HEIGHT: 50px}
#headCnt .slogan{float:left; margin:23px 0px 0px 30px;}

#globalNav { clear:both; margin:0 auto 0 0; width:819px; height:34px; display:block; padding:0;}
#globalNav Li {list-style:none; float:left; width:117px; height:34px; display:inline;}

#globalNav Li A{FLOAT: left;WIDTH: 117px; PADDING-TOP: 34px; HEIGHT: 0px;overflow:hidden; background:url(../img/headerNav.gif) no-repeat;}

#globalNav Li#nav-home A {BACKGROUND-POSITION: 0px 0px}
#globalNav Li#nav-p A {BACKGROUND-POSITION: -117px 0px}
#globalNav Li#nav-fr A {BACKGROUND-POSITION: -234px 0px}
#globalNav Li#nav-d  A {BACKGROUND-POSITION: -351px 0px}
#globalNav Li#nav-blog A {BACKGROUND-POSITION: -468px 0px}
/*#globalNav Li#nav-guide A {BACKGROUND-POSITION: -585px 0px}
#globalNav Li#nav-support A {BACKGROUND-POSITION: -702px 0px}*/

#globalNav Li#nav-home A:hover {BACKGROUND-POSITION: 0px -34px}
#globalNav Li#nav-p A:hover {BACKGROUND-POSITION: -117px -34px}
#globalNav Li#nav-fr A:hover {BACKGROUND-POSITION: -234px -34px}
#globalNav Li#nav-d A:hover {BACKGROUND-POSITION: -351px -34px}
#globalNav Li#nav-blog A:hover {BACKGROUND-POSITION: -468px -34px}
/*#globalNav Li#nav-guide A:hover {BACKGROUND-POSITION: -585px -34px}
#globalNav Li#nav-support A:hover {BACKGROUND-POSITION: -702px -34px}*/

#globalNav Li#nav-home A:active  {BACKGROUND-POSITION: 0px -68px}
#globalNav Li#nav-p A:active {BACKGROUND-POSITION: -117px -68px}
#globalNav Li#nav-fr A:active {BACKGROUND-POSITION: -234px -68px}
#globalNav Li#nav-d A:active {BACKGROUND-POSITION: -351px -68px}
#globalNav Li#nav-blog A:active {BACKGROUND-POSITION: -468px -68px}
/*#globalNav Li#nav-guide A:active {BACKGROUND-POSITION: -585px -68px}
#globalNav Li#nav-support A:active {BACKGROUND-POSITION: -702px -68px}*/

.home#globalNav Li#nav-home A{background-position:0px -102px}
.p#globalNav Li#nav-p A,
.p#globalNav Li#nav-p A:hover,
.p#globalNav Li#nav-p A:active{background-position:-117px -102px}

.fr#globalNav Li#nav-fr A,
.fr#globalNav Li#nav-fr A:hover,
.fr#globalNav Li#nav-fr A:active{background-position:-234px -102px}

.blog#globalNav Li#nav-blog A,
.blog#globalNav Li#nav-blog A:hover,
.blog#globalNav Li#nav-blog A:active{background-position:-468px -102px}


.d#globalNav Li#nav-d A,
.d#globalNav Li#nav-d A:hover,
.d#globalNav Li#nav-d A:active{background-position:-351px -102px}
/*
.guide#globalNav Li#nav-guide A,
.guide#globalNav Li#nav-guide A:hover,
.guide#globalNav Li#nav-guide A:active{background-position:-585px -102px}

.spport#globalNav Li#nav-support A,
.spport#globalNav Li#nav-support A:hover,
.spport#globalNav Li#nav-support A:active{background-position:-702px -102px}
*/

/*----------content-------------*/

#banner {clear:both;width:883px; height:249px; margin:0px auto 10px auto; }

#content { clear:both;width:883px; height:auto; margin:0px auto 10px auto; overflow:hidden;}
#pdt { float:left; width:252px; padding:0; margin-left:10px}
.menutitle {width:206px; height:22px;background:url(../img/menutitle.gif) no-repeat; padding-left:46px; padding-top:10px;}
.menumid  {width:100%; height:100%; background:url(../img/menutitle-2.gif) repeat-y; padding-top:10px; padding-bottom:10px;}
.menumid ul li{list-style:none; padding:3px 0 3px 25px; background:url(../img/ico-1.gif) 17px 11px no-repeat;}
#menubtm { width:100%; height:6px; background:url(../img/menutitle-3.gif) no-repeat; margin:0;}

/*-------------------wallpaper-------------------------*/
.r-image{float:left;width:150px; height:204px; padding:12px;}
.d-box-r { width:871px;height:228px; margin:0px auto 10px auto; overflow:hidden; border: 1px solid #d0d0d0; padding:5px;}
.r-title{ height:29px; background:url(../img/menutitle_02.png) repeat-x;padding-left:20px;padding-top:3px;}
.r-title h1 a{font-size:16px; font-family:"Times New Roman", Times, serif;text-decoration:none;}
.r-title h1 a:link {color:#000;text-decoration:none;}
.r-title h1 a:visited {color:#000;text-decoration:none;}
.r-title h1 a:active {color:#000;text-decoration:none;}
.r-title h1 a:hover {COLOR: #000; text-decoration:underline;}

.r-txt{float:left;width:auto; height:230px; padding:10px;}
/*-----------------foot-----------------------*/
#footblank {
	clear:both;
	display:block;
	width:819px;
	height:10px;
	margin:0px auto 10px auto;
	text-align:center;
	overflow:hidden;
}
#footLink {
	clear:both;
	display:block;
	width:819px;
	height:30px;
	margin:0px auto 10px auto;
	text-align:center;
	background-color:#f8f8f8;
	padding-top:5px;
	border: 1px solid #d0d0d0;
}
.learn,.learn:link,.learn:visited,.learn:active{ color:#006699;}