@font-face {

	font-family: 'CandaraRegular';

	src: url('../font/candara-webfont.eot');

	src: local('☺'), url('../font/candara-webfont.woff') format('woff'), url('../font/candara-webfont.ttf') format('truetype'), url('../font/candara-webfont.svg#webfontAnhA9GrW') format('svg');

	font-weight: normal;

	font-style: normal;

}



/*****************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,

blockquote,th,td{margin:0; padding:0; font:normal 11px/150% Verdana; font-family:"Verdana", Lucida, Arial, Helvetica,sans-serif; vertical-align:middle; !important }

body{color:#444; background:#fff;}

table{border-collapse :collapse;border-spacing:0;}

img{border:0;}

a:focus{ outline:none;}

a{blr:expression(this.onFocus=this.blur());}

a{ color:#444; text-decoration:none;}

a:hover{ text-decoration:none;}

ol,ul{list-style:none;}

caption,th{text-align:left; }

h1,h2,h3,h4,h5,h6{ font-weight: normal; font-style: normal; line-height:normal; font-family: 'CandaraRegular', sans-serif; !important }

.img_middle{ vertical-align:middle;}

#clear{ clear:both;}



/*****************************/

#head{ height:82px; background:url(../images/headbg.gif) 0 0 repeat-x;}

	.head{ width:960px; height:82px; margin:0 auto; background:url(../images/head-img.jpg) 100% 0 no-repeat;}

	.logo{ padding-top:21px; width:402px; float:left;}

	.ntb{ width:295px; float:left; padding-top:42px;}

	.search{ width:262px; float:left; padding-top:42px; height:23px; overflow:hidden;}

	.ntb a{ height:23px; line-height:23px; font-size:12px; color:#666;}

	.h-ns{ background:url(../images/h-ns.png) 0 50% no-repeat; padding-left:23px; margin-right:13px;}

	.h-tm{ background:url(../images/h-tm.png) 0 50% no-repeat; padding-left:13px; margin-right:11px;}

	.h-bm{ background:url(../images/h-bm.png) 0 50% no-repeat; padding-left:18px;}

	#s-c{ background:url(../images/h-search.png) 0 0 no-repeat; width:208px; border:none; float:left; vertical-align:middle;  padding:4px 5px 2px 13px; height:17px; overflow:hidden; font-size:11px; line-height:17px;}

	#s-b{ background:url(../images/h-submit.png) 0 0 no-repeat; width:30px; height:23px; border:none;}

	

/** Nav **/

#nav{ height:36px; background:url(../images/nav-bg.gif) 0 0 repeat-x;}

	.nav{ width:960px; margin:0 auto;}

	.nav li{ display:inline;}

	.nav li a{ background:url(../images/nav-line.png) 100% 0 no-repeat; height:36px; *height:35px; line-height:36px; *line-height:35px; display:inline-block;}

	.nav li a span{ text-transform:uppercase; font-size:13px; color:#fff; padding:0px 14px; }

	.nav li.last a{ background:none;}

	.nav li a:hover , .nav li a.active{ background:url(../images/nav-active.png) 0 0 repeat-x;}

	

/** Index Content **/

#main-con{ width:960px; margin:10px auto 0px auto;}

	.mtop{ background:url(../images/main-top.png) 0 0 no-repeat; height:9px; width:960px; overflow:hidden;}

	.mcenter{ background:url(../images/main-con.png) 0 0 repeat-y; width:960px;}

	.mbottom{ background:url(../images/main-bottom.png) 0 0 no-repeat; width:960px; height:10px;}



/** Hot Tags **/

#hot-tags{ width:947px; margin:0 auto; padding:25px 0px 20px 0px;}

#hot-tags li{ display:inline; padding:0px 5px; }

#hot-tags li a{ color:#0573dc; text-decoration:underline; }

#hot-tags li a:hover{ color:#2d93f5; text-decoration:underline;}

#hot-tags li span.hottags{ color:#fc0a08; font-weight:bold;}



/** Footer Nav **/

#foot-nav{ height:31px; background:url(../images/foot-bg.gif) 0 0 repeat-x;}

.foot-nav{ width:960px; margin:0 auto; text-align:center;}

.foot-nav li{ display:inline;}

.foot-nav li a{ color:#fff; padding:0 12px; border-right:1px solid #fff; font-size:12px; line-height:30px;}

.foot-nav li a.last{ border-right:none;}

.foot-nav li a:hover{ text-decoration:underline; color:#fff;}



/** copyright **/

#copyright{ width:960px; margin:0 auto; height:60px; text-align:center; line-height:42px; font-size:11px; color:#aeaeae;}



/** Warper **/

#warper1{ width:1018px; margin:0 auto; background:url(../images/contact-bg.gif) 100% 0px no-repeat;}

#warper2{ background:url(../images/re-banner.jpg) 0 0 no-repeat; width:1132px; margin:0 auto;}

	

/** Mcon **/

.mcon{ padding:17px 29px 40px 30px; width:901px; }



/** Contact Us **/

	

	.con-l{ width:605px; float:left;}

	.con-r{ background:url(../images/r-bg.gif) #fff 0 0 repeat-x; width:276px; float:left; padding-left:18px;}

	.uc-lcon , .link-lcon , .pro-lcon , .tutor-lcon , .con-lcon , .website{ width:561px;}

	

	/* Right */

	.r-fp h3{ color:#dc2819; font-size:22px; font-weight:bold; line-height:36px;}

	.rfp li{ height:30px; border-bottom:1px solid #cdcdcd; margin-bottom:1px;}

	.rfp li a{ font-size:12px; color:#444; cursor:pointer;}	

	.rfp li a span{ background:url(../images/r-fpli.png) 5px 12px no-repeat; line-height:30px; padding-left:15px; display:inline-block;}

	.rfp li a:hover , .rfp li a.active{ background:#f0f0f0; height:30px; display:block;}

	

	.r-tt{ padding-top:30px;}

	.r-tt h3{background:url(../images/r-tt.png) 0 50% no-repeat; font-size:22px; color:#444; font-weight:bold; line-height:40px; padding-left:49px;}

	.r-ttli{ padding-left:8px;}

	.r-ttli li{ background:url(../images/r-ttl.png) 0 8px no-repeat; padding-left:10px; padding-bottom:3.5px;}

	.r-ttli li a{ color:#0573dc; text-decoration:underline; line-height:20px; }

	.r-ttli li a:hover{ text-decoration:underline; color:#2d93f5;}

	

	.r-vd{ padding-top:26px;}

	.r-vdt{ height:37px; background:url(../images/r-vdline.png) 0px 100% no-repeat; width:257px; margin-bottom:10px;}

	.r-vdt h3{ background:url(../images/r-vd.png) 4px 50% no-repeat; line-height:37px; font-size:22px; color:#444; font-weight:bold; padding-left:34px;}

	

	.r-vdc{ width:100%; text-align:center; padding-top:18px;}

	.r-vdc img{ margin-bottom:6px;}

	.r-vdc a{ font-size:12px; color:#0573dc; text-decoration:underline; line-height:24px;}

	.r-vdc a:hover{ color:#2d93f5; text-decoration:underline;}

	

/** Bread **/



#bread{ width:960px; height:40px; margin:0 auto;}

#bread a{ line-height:40px; color:#0573dc;}

#bread span{ color:#555;}

#bread a.home{ background:url(../images/bread.gif) 3px 50% no-repeat; padding-left:16px; text-decoration:underline; color:#0573dc;}	

#bread a:hover{ text-decoration:underline; color:#2d93f5;}



/** Title **/

#title{ height:73px; width:960px; margin:0 auto;}

#title h3{ font-size:30px; color:#0e8e0f; font-weight:bold; line-height:40px;}



/** Select **/

.select{ height:17px; overflow:hidden; }

.select1 a , .select a{ width:17px; height:17px; line-height:17px; text-align:center; background:#ededed; font-size:12px; color:#383838; margin-right:1px; display:block;}

.select1 a:hover , .select1 a.active , .select a:hover , .select a.active{ background:#53ab00; color:#fff;}

.select1{ height:17px; overflow:hidden; margin-top:36px; }





/** up top **/

#topup{ width:100%; text-align:right; height:29px; padding-top:11px; border-top:1px #bdbdbd dotted;}

#topup a img{ display:inline-block; cursor:pointer;}



/** Demo **/



.demo-guid{ width:100%; text-align:center; padding:10px 0px 20px 0px;}