@charset "UTF-8";

  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  select { padding: 1px; }
  html,body{ height:100%}
  body {
    color: #444;
    background: #7caad1 url(../images/bg.gif) center repeat-y;
    text-align: left;
	font: 11px Verdana, Arial, sans-serif;
  }
  img { border: 0 solid; }
  ul,li {
	list-style:none
  }
  q:before, q:after { content: ""; }


a { text-decoration: none;cursor:pointer; color:#48738e;outline: none; }
a:hover { text-decoration: none; color:#bf2e30;}

/* layout*/
#main { width:950px; margin:0 auto; padding:0 20px;}

#center { float:left; background:#f8fdff; padding:0 20px 18px 20px; width:910px}
#left { float:left; width:685px; padding-top:12px; }
#right { float:right; width:206px; margin-left:18px}


.red { color:#bf2e30}
.blue { color:#396d8d}
h1,h2,h3 { font-family:Arial,Verdana }
h3 { font-size:12px ; font-weight:bold; color:#487390;  }
 /*-----------------------------------------header-------------------------------------------------------------*/
  #header { position:relative; height: 126px; width:950px; z-index:999; background:url(../images/headerbg.png) top left repeat-x }
	  #header #logo { position:absolute; top:0; left:0; }
/* header-- menu*/ 	  
	  #header #menu { position:absolute;top:56px;left:375px;}
	  	#menu .mbody,#menu .mbody1 {float:left; margin-right:12px;text-align:center; }
		#menu .mbody1 {margin-right:4px }
  			#menu .mbody a, #menu .mbody1 a {float:left; display:block; padding:0 12px; height:31px;line-height:31px; font-family:Arial; font-size:13px; font-weight:bold ; color:#333;  }
  			#menu .mbody1 a{ color:#fff; background:url(../images/menubgm.gif) top left repeat-x; }
  			#menu .mbody1 .ml {float:left; background:url(../images/menubg.gif) 0 0 no-repeat; width:4px; height:31px;}
  			#menu .mbody1 .mr {float:left; background:url(../images/menubg.gif) -7px 0 no-repeat; width:4px; height:31px;}
			
/* header-- search*/ 			
	  #header #search { position:absolute; top: 10px; right: 24px }
	  	      #search span { float:left;background:url(../images/search.gif) 0 0 no-repeat; width:87px; height:21px; margin-top:4px; margin-right:12px }
			  #search .searchbox { float:left; width:200px}
			  	      .searchbox .searchinput { border:1px #ca2d2f solid; height:16px; padding-top:3px; color:#ccc; padding-left:5px; width:171px;vertical-align:middle; font-size:11px;}
					  .searchbox .searchbtn { background:url(../images/search.gif) -88px 0 no-repeat; width:22px; height:21px; border:0; cursor:pointer;vertical-align:middle }
					  
/* header-- find exams */  
	  #header .find { position:absolute; bottom:0; left:0; width:710px ; height:39px; }
	 	      .find img { padding-left:15px; float:left; }
	    	  .find .choose { float:left; position:relative; margin:9px 0 9px 12px; height:19px; width:195px; background:#fff; border:1px #557799 solid; overflow:hidden }
			  		.choose .narrow { position:absolute; top:0; right:0; background:#fff url(../images/narrow.gif) 0 -19px no-repeat; width:19px; height:19px; }
      	 			.choose .choosebox { color:#ccc; text-align: left; line-height:19px; }
							.choosebox span { float:left;width:19px; height:19px;color:#fff;background:#557799; font-weight:bold; text-align: center; margin-right:3px}
	  						.choosebox a { color:#ccc }
							
			 .up { position:absolute; bottom:1px; left:293px;width:195px; height:9px; border:1px #48738e solid; border-top:0; border-bottom:0; background:#fff; z-index:1000; display:none}
			 .examup { left:502px; } 
			 .listbox { position:absolute; top:126px; left:293px; width:590px; border:1px #48738e solid; z-index:100; background:#fff url(../images/rankbg.gif) bottom left repeat-x; display:none; overflow:hidden; margin-top:-2px; }
			 .vendor,.exams { left:107px;  }

/* header-- shopinfo */  	  
	  #header .shopcart { position:absolute; bottom:0; right:0; width:222px; padding-top:16px; text-align:left; height:23px;}
	  		  .shopcart img { float:left; display: block; margin-right:12px; } 
	  		  .shopcart span { color:#4b7c9b }
  
  
.listbox .qt { position:absolute; bottom:0; height:24px; width:195px; }
.listbox .qt a { display:block; float:left; width:27px; height:24px;background:#e5f0f7; text-align:center; padding:0 35px; }
.listbox .qt a.down { float:right;}
.listbox .qt a span { display:block; background:#e5f0f7 url(../images/jt.gif) 0 -48px no-repeat; width:17px; height:24px;}
.listbox .qt a.down span { background-position: 0 -72px; }
/*---------------------------------------------------------------------------------------*/


/*---------------------------------------------- footer---------------------------------------------- */
#footer { clear:both; margin:0 auto; text-align:center; height:100px;  background:#fff url(../images/footbg.png) top left repeat-x; width:950px; padding-top:10px; }
#footer .link a{ font-family:Arial; font-size:12px; color:#434343;line-height:24px  }
#footer .tag a{ color:#02498f; line-height:16px;text-decoration:underline; font-size:10px}
#footer .copyright{ padding-top:5px; line-height:14px; }
#footer .announce{ width:950px; padding-top:5px; text-align:center;font-size:14px; color:#4186cb; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.box { float:left; width:100%; margin-bottom:18px }
.box1 { float:none} 


/* -----------------------------------------side------------------------------------------------------ */ 
	.side { position:relative;width:198px;}
	.side1,.side2 { width:206px; }
	.side3 { width:265px; }
	.side4 { width:131px;}
	.side9 { width:445px;}
	.side51 { width:335px;}
	.side5,.side6,.side7,.side8{ width:685px;}
		.s1,.s2,.s3,.s4 { background:url(../images/6-6.gif) no-repeat;overflow:hidden;position:absolute;font-size:1px;width:6px;height:6px; }
		.s12,.s22,.s32,.s42 { background:url(../images/navside.gif) no-repeat; width:7px;}
		.s15,.s25,.s35,.s45 { background:url(../images/7-7.gif) no-repeat; width:7px; height:7px}
		.s1,.s15{background-position:0 0;top:-1px;left:-1px;}
		.s2{background-position:-6px 0;top:-1px;right:-1px;}
		.s3{background-position:0 -6px;bottom:-1px;left:-1px;}
		.s4{background-position:-6px -6px;bottom:-1px;right:-1px;}
		.s16 {background-position:0 -48px;}
		.s26 {background-position:-6px -48px;}
		.s36 {background-position:0 -54px;}
		.s46 {background-position:-6px -54px;}
		.s17 {background-position:0 -60px;}
		.s27 {background-position:-6px -60px;}
		.s37 {background-position:0 -66px;}
		.s47 {background-position:-6px -66px;}
		.s18 {background-position:0 -78px;}
		.s28 {background-position:-6px -78px;}
		.s38 {background-position:0 -84px;}
		.s48 {background-position:-6px -84px;}
		.s39 {background-position:0 -90px;}
		.s49 {background-position:-6px -90px;}
		.s310 {background-position:0 -96px;}
		.s410 {background-position:-6px -96px;}
		.s311 {background-position:0 -102px;}
		.s411 {background-position:-6px -102px;}
		.s112 {background-position:0 -108px;}
		.s212 {background-position:-6px -108px;}
		.s312 {background-position:0 -114px;}
		.s412 {background-position:-6px -114px;}
		.s11 {background-position:0 -12px;}
		.s21 {background-position:-6px -12px;}
		.s31 {background-position:0 -18px;}
		.s41 {background-position:-6px -18px;}
		.s12 {background-position:0 0; height:28px; }
		.s22 {background-position:-7px 0; height:28px; }
		.s32 {background-position:0 -28px; height:24px; }
		.s42 {background-position:-7px -28px; height:24px; }
		.s13 {background-position:0 -24px; }
		.s23 {background-position:-6px -24px; }
		.s33 {background-position:0 -30px;}
		.s43 {background-position:-6px -30px;}
		.s34 {background-position:0 -36px;}
		.s44 {background-position:-6px -36px;}
		.s25 {background-position:-7px 0px;}
		.s35 {background-position:0px -7px;}
		.s45 {background-position:-7px -7px;}

		
/*Clear Fix
=========================================================*/ 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; } 
.clearfix {display:block;}


/*----------------------------------------------right-------------------------------------------------*/ 
.rzm { position:relative; top:-2px; z-index:1000 }
/* box--- loginbox navbox */

.loginbox {border:2px #b0c1cb solid; border-top:0; border-bottom:0; background:#f5f7f8 url(../images/righttopbg.gif) top left repeat-x;width:202px;}

.rtitle { height:24px; line-height:24px;font-size:13px; font-weight:bold;color:#4a7a99; padding-left:15px; padding-top:6px;font-family:Arial}
.rtitle span { font-weight:normal }
.loginbbody ,.loginsbody{ padding:12px 15px 8px 15px;}
.loginbbody p { margin-bottom:12px }
.loginsbody { padding:8px 15px;}
.loginsbody p { margin-bottom:6px; border:1px #a4c3cd solid; line-height:23px; background:#fff url(../images/login_bg.gif) top left repeat-x; padding:0 12px; color:#48738e; }
.loginsbody p.lucenter { background:#fff none; }
.loginsbody p.lucenter a { margin:0 2px; padding-left:18px; background:url(../images/plisticon.gif) center left no-repeat } 
.loginsbody p a:hover { text-decoration:underline}  

.loginbbody .p2 { margin-bottom:16px }
.loginbbody .reg { text-decoration:underline }
.inputtext { border:1px #7699bb solid; color:#4a7a99; padding:3px 4px; width:162px; height:14px; font-size:11px; font-family:Verdana }
.loginbtn {  background:url(../images/btn-login.gif) left center no-repeat; width:78px; height:23px; border:0; cursor:pointer }


/* box--- shopping cart */
.shopbox { width:204px; border:1px solid #abbdc8; background:#fff; padding-bottom:8px; }
.shopbox h2 { background:#f0f2f3; line-height:26px; color:#bf2e30; font-size:12px; padding-left:12px }
.shopbox ul { padding:8px 12px 5px 12px }
.shopbox ul li {font-size:10px; line-height:24px; border-bottom:1px #ccc dashed  }
.shopbox ul li .sc1 { float:left; width:100px }
.shopbox ul li .sc2 { float:left; width:15px; padding-top:6px }
.shopbox ul li span { float:left; width:65px; color:#48738e; }


.shopbox p { color:#48738e; padding:4px 10px;text-align:center; }


/* box--- navbox */
.navbox {border:1px #83a1b4 solid; background:#f3f6f7 url(../images/navbg.gif) bottom left repeat-x; }
.navbox .rtitle { background:#48738e url(../images/navbgm.gif) top left repeat-x; color:#fff; padding-top:2px} 
.navbbody { margin:12px 18px; }
.navbbody li { float:left; width:44% }
.listbox .navbbody li { float:left; width:17%; margin:0 6px;}
.navbbody2 li { width:100%; }
.navbbody .l {  margin-right:18px; }

.navbbody li a { display:block; height:24px; line-height:24px; border-bottom:1px #ddd dashed; word-break:all;word-wrap:break-word; overflow:hidden}
.navbbody li .more{border:1px #ddd solid; color:#333;background:#fff; text-align:center  }
.navbbody li a:hover { background:#eee; border-bottom:1px #bf2e30 dashed; color:#bf2e30; padding-left:6px; } 
.navbbody li .more:hover {border:1px #ddd solid; color:#333; text-align:center; padding:0  }
.viewall a { display:block; height:24px; padding-right:12px; line-height:24px; text-align:right }