body 
{
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#363636;
	background-color:#fff;
	background:url(../images/hed_bg.jpg) top center no-repeat;
}

 img { margin: 0px; padding: 0px; border: none; }
.fleft { float:left;}
.fright { float:right;}	
.font { font-family:Arial; font-size:13px; line-height:20px; text-align:justify; font-style:normal; font-weight:500; color:#02496c; }
.fontsmall { font-family:Arial; font-size:10px; line-height:15px;  font-style:normal; font-weight:400; color:#02496c; }
.readmore{ font-size:12px; color:#990000; float:right;}
.contcttext {font-family:Arial; font-size:13px; font-style:normal; font-weight:bold; padding: 0px; margin:0px; color:#3979c7;}



.alignright { text-align:right;}
.aligncenter { text-align:center;}
.star{ font-size:14px; color:Red;}

a { text-decoration:none; }
a:link, a:visited { color: #000000; text-decoration:none; font-weight: normal; } 
a:active, a:hover { color:red; text-decoration: none; }
hr{  width: 80%; height: 1px; float:left; margin-top:5px;
    margin-bottom:5px; clear:both; border: none;
border-top: dashed 1px #0f7ac3; }

.pad { padding:4px; font-family:Arial; font-size:13px; color:#363636; font-style:normal; font-weight:normal; line-height:20px; }
.pad01 { padding:8px; font-family:Arial; font-size:18px; color:#0080d8; font-style:normal; font-weight:normal; line-height:20px;  
         background-image:url(../images/h2bg.gif); background-repeat:repeat-x; padding-left:40px; }
.pad02 { padding:4px; font-family:Arial; font-size:13px; color:#363636; font-style:normal; font-weight:700; text-align:right; }
         


p { margin: 0px; padding: 0 0 10px 0; }

.clear { clear: both; width: 100%; height: 0px; font-size: 0px; }
.clear_h10 { clear: both; width:100%; height: 10px; }
.clear_h20 { clear: both; width:100%; height: 20px; }
.clear_h30 { clear: both; width:100%; height: 30px; }

.strong  {padding: 0;margin: 0;font-size: 1.1em;line-height:20px;font-weight: normal;color: #365DA0;}

h1 { font-family:Arial; font-size:20px; font-size:22px;  font-weight: normal; padding: 0;margin: 0;color: #02496c;}
h2 { font-family:Arial; font-size:20px; font-style:normal; font-weight:500; padding: 0px; margin:0px; color:#02496c;}
h3 { font-family:Arial; font-size:18px; font-style:normal; font-weight:500; padding: 0px; margin:0px; color:#02496c;}
h4 { font-family:Arial; font-size:16px; font-style:normal; font-weight:bold; padding: 0px; margin:0px; color:#3979c7;}
h5 { font-family:Arial; font-size:14px; font-style:normal; font-weight:500; padding: 0px; margin:0px; color:#02496c;}
h6 { font-family:Arial; font-size:12px; font-style:normal; font-weight:500; padding: 0px; margin:0px; color:#02496c;}

.maincontone{ width:980px; height:auto; margin:auto;}
.main{ width:980px; height:100%; margin:auto;}
.logo { width:980px; height:120px; margin:0 auto;}
.logoleft { width:50%; height:105px; float:left; padding-top:65px;}
.logoright { width:40%; height:60px; float:right; text-align:right; padding-top:0px; margin-right:-10%;}

.maindiv { width:980px; height:100%; margin:0 auto; background-color:#FFFFFF; 
border-left:# solid 10px;
border-bottom:# solid 10px;
border-top:# solid 4px;
border-right:# solid 4px;
background-color:#ccccc;
-moz-box-shadow: 0px 0px 3px #888888;
-webkit-box-shadow: 0px 0px 3px #888888;
box-shadow: 0px 0px   5px #888888; }
	
#slide1{ width:980px; height:auto; margin:0 auto; background-color:#FFFFFF; }
#slide1left { width:770px; float:left; height:300px; }
#slide1right { width:200px; height:auto; float:right; background-image:url(../images/online-demo.png); background-repeat:no-repeat; }

#latestnews { width:180px; height:155px; padding-top:40px; padding-bottom:30px; padding-left:20px; background-image:url(../images/latestnews.gif); background-repeat:no-repeat;}

#signaccount { width:200px; height:55px; background-image:url(../images/signaccount.gif); background-repeat:no-repeat; margin-top:6px;}

#loginaccout {  width:200px; height:115px; background-image:url(../images/sign.gif); background-repeat:no-repeat; margin-top:6px;}

.logtext { width:150px; height:21px; border:1px solid #00b0eb;}
.login_btn { width:65px; height:26px; background-image:url(../images/login.png); background-repeat:no-repeat; border:none;}

#card{ width:980px; height:135px; margin:0 auto; font-size:9px; }
.card-01{ width:284px; padding-left:6px; height:135px; float:left; line-height:18px; color:#064974; font-size:12px; text-align:center; background-image:url(../images/card_bg.png); background-repeat:no-repeat; }
.card-02{  width:284px; height:135px; padding-left:6px; float:left; line-height:18px; color:#064974; font-size:12px; text-align:left; margin:0px 20px 0px 20px; background-image:url(../images/card_bg.png); background-repeat:no-repeat;}
.card-03{width:354px; height:135px; padding-left:6px; float:left; line-height:22px; color:#064974; font-size:12px; text-align:justify; background-image:url(../images/card_bg2.png); background-repeat:no-repeat;}


#card_hed{ width:980px; height:25px; margin:0 auto; font-size:10px; }
.card_hed-01{ width:290px; height:25px; float:left; line-height:18px; color:#064974; font-size:13px; text-align:left; }
.card_hed-02{  width:290px; height:25px; float:left; line-height:18px; color:#064974; font-size:13px; text-align:left; margin:0px 20px 0px 20px;}
.card_hed-03{width:360px; height:25px; float:left; line-height:22px; color:#064974; font-size:14px; text-align:justify; }

.welcometext { width:980px; height:auto; margin:0 auto; }
.welcometextleft { width:220px; float:left; height:390px; padding-top:40px; background-image:url(../img/imgside.jpg); background-repeat:no-repeat;}
.welcometextright{ width:755px; float:right; height:auto; background-color:#FFFFFF;}

.welcomeborder { width:755px; height:360px; margin:auto;}
.welcomeborderleft {background-image:url(../images/borderside.png); background-repeat:repeat-y; width:5px; height:365px; float:left; }
.welcomebordermidle { width:692px; float:left; padding:5px 25px 0px 30px; background-image:url(../img/welcome-repeat.jpg); background-repeat:repeat-y; }
.welcomeborderright {background-image:url(../images/borderside.png); background-repeat:repeat-y; width:1px; height:365px; float:left; }


#foot { width:100%; margin-top:10px;  }
.foot{ width:570px; height:30px; margin:0 auto; margin-right:-140px; }
.foot ul { padding:0px; margin:0px; position:relative; width:100%;   }
.foot ul li { padding:0px; margin:0px;  display:inline;   }
.foot ul li a{ font-family:Arial; text-decoration:none; display:inline-block; font-size:10px; padding:5px 6px 5px 6px; list-style:none; color:#FFF; text-transform:uppercase; }
.foot ul li a:hover { color:Black; }

.follow { padding-top: 15px; width:100%; height: auto; margin: 50px auto 0 auto; color:White; border-top: 1px solid #dddddd; min-height: 50px; }
.follow p {width: 700px; float: right; text-align: right; display:block; font-family: Arial, Helvetica, sans-serif; color: #4286DB; font-size: 12px; }
.follow p a { text-decoration: none; color: #4286DB; }
.followleft { float:left; width:275px; }
.followleft ul { list-style: none; margin: 0px; }
.followleft li { padding: 0 10px 0 0; float: left; }
.followleft li img { display: block; float: left; }



/*................menu.........................*/

#trans-nav {
  height: 22px;
  width:980px; 
  margin:0 auto;
  padding:0px;
  font-family:Arial;
}

#trans-nav { list-style-type: none; height: 18px; padding: 0; margin: 0; font-family:Arial;   }

#trans-nav li { float: left; position: relative; padding: 0; line-height: 20px; list-style:none; font-family:Arial;}

#trans-nav li:hover { background-position: 0 -20px; }

#trans-nav li a { display: block; padding: 0 20px; margin:0 10px; color: #fff; font-weight:normal; font-size:14px; font-family:Arial; text-decoration: none; list-style:none; letter-spacing:1px; }

#trans-nav li a:hover { color: #0effff; }

#trans-nav li ul { opacity: 0; position: absolute; left: 0; width:180px; background: #00b0eb; list-style-type: none; padding: 0; margin: 0;  }

#trans-nav li:hover ul { opacity: 1; }

#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none; width:120px; padding:0px; margin:0px; }

#trans-nav li:hover ul li { height: 35px; line-height: 30px; padding:0px; margin:0px;}

#trans-nav li ul li a { background: #2e6ba2;  width:120px;  }

#trans-nav li ul li a:hover { background: #363636; }

#trans-nav li { -webkit-transition: all 0.2s; }

#trans-nav li a { -webkit-transition: all 0.5s; }

#trans-nav li ul { -webkit-transition: all 1s; }

#trans-nav li ul li { -webkit-transition: height 0.5s; }
                      
.contul{ margin:0px; padding:0px;  }
.contul ul {margin:0px; padding-left:20px; font-family:Arial; font-size:13px;  text-align:justify; font-style:normal; font-weight:600; color:#02496c;  }
.contul ul li { padding:4px; font-family:Arial; font-size:13px; text-align:justify; font-style:normal; font-weight:600; color:#02496c; }

.contright { width:900px; height:auto;text-align:justify; line-height:22px; margin:0 auto; }
.contright01{ float:left; width:620px; height:auto; }
.contright02{ float:right; width:250px; height:auto; }

.schoolp{ padding:0px; margin:0px; }
.schoolp ul { padding:0px; margin:0; }
.schoolp ul li { padding-top:5px;  color:Navy; line-height:30px; text-decoration:none; list-style:none; display:block; font-size:11px; font-weight:bold; border-bottom:1px; border-bottom-style:dotted; border-bottom-color:Black; }
.schoolp ul li:hover { color:#b13525; cursor:pointer;}

/*.............................*/
.query01
{
 margin:0;
 height:40px;
 width:121px;
 background: url(../images/text01.png) no-repeat;
 padding-bottom:2px;
 padding-top:0px;
 padding-left:10px;
 border:none;
}


.enquiry_btn { width:90px; height:30px; background-image:url(../images/submit.gif); background-repeat:no-repeat; border:none;}