body { text-align: center; font-family:Segoe UI, Arial, sans-serif; font-size:13px; line-height: 23px; margin:0; padding:0; height:100%; overflow:auto;width:100%;}
* { padding: 0;margin:0px;}
* html{overflow-x:auto; overflow-y:auto;}
img {border: 0;vertical-align: middle;}

a:link {text-decoration: none;color: #03C;}
a:visited {text-decoration: none;color: #3556A2;}
a:hover {text-decoration: none;color: #08C;}
a:active {text-decoration: none;color:#FF0000;}
a.White:link, a.White:visited, a.White:active {text-decoration: none;color: #0c29da;}
a.White:hover {text-decoration: none;color: #F60;}

.ClearBoth {clear: both;height:0;line-height:0;}
.LeftFloat { float: left; padding:2px; margin-right: 5px;}
.RightFloat { float: right; padding:5px;}
.AlignLeft { text-align: left;}
.AlignRight {text-align: right;}
.AlignCenter {text-align: center;}

ul li {margin-left: 20px; text-align: left;}
dl dt { margin-left:10px; margin-top: 15px;}
dd { margin-left:25px;}

/*Title Style*/
h1 {font-family: "Open Sans"; color: black; text-rendering: optimizeLegibility; padding-top: 0.273em; line-height: 1.15538em; padding-bottom: 0.273em; font: inherit; font-size: 35px; text-align:left; margin-bottom:13px; color:#4C4C4C}
h2 { line-height:35px; color: #000000; text-align:left;	font-size: 20px; font-weight: normal; margin:5px;
	-moz-text-shadow:2px 2px 0px #FFF,-2px -2px 0px #FFF,3px 3px 1px #ccc;
	-webkit-text-shadow:2px 2px 0px #FFF,-2px -2px 0px #FFF,3px 3px 1px #ccc;
	text-shadow:2px 2px 0px #FFF,-2px -2px 0px #FFF,3px 3px 1px #ccc;}
h3 {font-size: 30px; text-align:left; margin-bottom:13px;}
h4 {font-size:100%;color:#EEE;line-height: 24px; padding-left:20px;margin-top:10px;margin-bottom:10px;clear: both;text-align: left; border: 0;}
h5 {font-size:100%;color:#03C;line-height: 26px;background: #F3F3F3 url('/images/h2-bg.gif') no-repeat 8px center;padding-left:27px;margin-top:10px;margin-bottom:10px;clear: both;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC; text-align: left;}

/*Translate*/
#google_translate_element {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 145px; PADDING-RIGHT: 0px; ZOOM: 1; FLOAT: right; HEIGHT: 30px; OVERFLOW: hidden;}
.trans { padding:5px}

/* Main Style */
.Logo { float:left; margin-top:5px} 
#logo {width:1020px; margin:0 auto; height:65px}
.cen { width:1020px; margin:0 auto;}
.banner{ -moz-border-radius:8px;
    -webkit-border-radius: 8px;
	border-radius:8px;
	border:#f5f5f5 3px solid; margin-bottom:3px; width:994px; height:238px;}
#mbanner {background:url(/images/banner1.jpg) center no-repeat; background-color:#477baa; width:100%; height:400px; border-top:#ccc 3px solid; margin-bottom:20px}
#mbanner ul li {list-style-image: url('/images/yes.png'); margin-left: 28px; font-weight: normal; margin-top:5px; color:#fff; font-size:17px;}
	
#trust { width:100%; background-color:#D2E8FB;  height:60px; border-top:#ccc 1px solid; vertical-align:middle; margin-top:15px;}
.trust { width:1020px; margin:0 auto; vertical-align:middle; padding-top:8px;}
.trust P {font-size:100%; font-family:Tahoma, Geneva, sans-serif}	
.logo-f { float:left; padding-left:5px; margin-top:35px; color:#2286bf; font-family:Tahoma, Geneva, sans-serif; font-size:90%; text-align:left}
.crumbs {background: url('/images/home-icon.gif') no-repeat left center; padding-left: 22px;text-align: left; font-weight:normal; margin-top:10px; margin-bottom:5px;}
.Center { clear: both; text-align: left;}


/*Blocks*/
.firstpage {background: url('/images/box-back.gif') repeat-x; float: right; width:475px; margin-top:7px; -moz-border-radius:8px; -webkit-border-radius: 8px; border-radius:8px; border:1px solid #eff7fe; text-align:justify; height:auto}


/* nav */
#Nav {float:right; margin-left:130px; margin-top:20px}
nav ul li {margin-left:0px; COLOR: #fff;}
nav {
	text-align: center;
	
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul { 
	border-radius: 6px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
		float: left; font-size:17px; height:45px;
	}
nav ul li:hover {
			background: #3098d3;
		}
			nav ul li:hover a {
				color: #fff;
			}
		
nav ul li a {
			display: block; padding: 10px 40px;
			color: #333; text-decoration: none;
		}
nav ul li a:link {color:#333}	
nav ul li a:visited {color:#333;}
nav ul li a:hover {
				color: #fff;
			}		
		
nav ul ul {
		background: #3098d3; border-radius: 0px; padding: 0;
		position: absolute; top: 100%; min-width:170px;
		-moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #fff;
    box-shadow: 0px 0px 15px #fff;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=180, Color='#ffffff');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=180, Color='#ffffff');
	}
nav ul ul li {
			float: none; 
			border-top: 1px solid #f8f5f5;
			border-bottom: 0px solid #f5f5f5; position: relative;
			text-align:left; font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			height:40px;
		}
nav ul ul li a {
				padding: 8px 20px;
				color: #fff;
			}	
nav ul ul li a:link {color:#fff}	
nav ul ul li a:visited {color:#fff;}			
				nav ul ul li a:hover {
					background: #2286bf;
				}
		
nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}


/*Other Styles*/
#share {display:block;top:250px; right:15px; width:35px; position:fixed;}
#chat {display:block;bottom:5px; right:5px; position:fixed;}
.line {background:url(/images/line.gif) no-repeat; width:990px; height:20px;}
.line2 {background:url(/images/line2.gif) no-repeat; width:100%; height:15px;}
.crossline { border-top:#ccc 1px solid; width:100%; height:1px; margin-top:15px; margin-bottom:30px}
.clients {width:970; margin-top:3px; margin-left:25px;}
.tip { background: #D2E8FB url('/images/tips.gif') no-repeat 5px 10px; padding: 5px 5px 5px 25px; border-radius:10px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic; font-size:12px; COLOR: #394a5b; TEXT-DECORATION: none;}
.tip a:link {border-bottom: 1px dashed;}
/* cutline */
.cl{width:700px; margin:0px auto;; height:50px;}
.cl ul{margin-left:2px; width:650px; float:left;}
.cl ul li{ display:inline; float:left; height:40px; padding-right:2px;}
.cl ul li h3 a{ font-size:13px; padding-left:8px; padding-top:5px; float:left;  height:30px; display:block;color:#2f547d; font-weight:bold; border-bottom:1px dashed #F60;}
.cl ul li a:hover{ text-decoration:underline; color:#F60;}
#cl1 a{ width:100px;}
#cl2 a{width:135px; }
#cl3 a{ width:120px; }
#cl4 a{ width:100px; }
#cl4{background:none;}

#LeftContent {width: 240px; float: right; margin-top:5px; margin-right:5px;}
#RightContent {width: 740px; float: left; -moz-border-radius:8px;
    -webkit-border-radius: 8px;
	border-radius:8px; border:1px solid #f5f5f5;
	margin-top:10px; margin-left:3px; margin-bottom:10px;}
	
/*Center Main*/
.main { padding: 2px; margin-top:2px;}
.TextRight { float: right; padding:2px; width: 500px;}
.TextRight2 { float: right; padding:2px; width: 520px; background-color: #ddeaf1}
.main DIV.Left { PADDING-LEFT: 5px; WIDTH: 380px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 5px}
.main DIV.Right { PADDING-LEFT: 5px; WIDTH: 300px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 5px}
.main ul { margin-bottom: 5px;}
.main ul li {list-style-image: url('/images/yes.gif'); margin-left: 28px; font-weight: normal; margin-bottom:2px;}
.main ul.ul1 li {list-style-image: url('/images/ul-right.gif'); margin-left: 30px; font-weight: normal; vertical-align:middle;}
.main ul.ul2 li {list-style-image: url('/images/icon-t.gif'); margin-left: 35px; vertical-align:middle;}
.main ul.ul3 li {list-style-image: url('/images/yes-2.gif'); margin-left: 40px; font-weight: normal; vertical-align:middle;}
.main ol { margin-bottom: 12px;PADDING-LEFT: 10px;}
.main ol li {list-style-image: url('/images/table-ul.gif'); margin-left: 18px;}
.main ul.FontNormal li {font-weight: normal;}
.main p { margin-bottom: 5px; vertical-align:middle;}
.main table { -moz-border-radius:8px;
    -webkit-border-radius: 8px;
	border-radius:8px; border:1px solid #cfcbcb; margin-top:5px; margin-bottom:5px;}
.main table tr td { padding: 5px; text-align:center; border-bottom:#ccc 1px dashed;}
.main table tr td ul li {list-style-image: url('/images/table-ul.gif'); margin-left: 20px; text-align: left;}
.main table tr.last td{border-bottom:none;}
.main .pic { text-align:center; margin-bottom:10px; margin-top:5px;}
.main .pic img {border: 0;vertical-align: middle; -moz-box-shadow: 0px 5px 10px #5d5c5c;
    -webkit-box-shadow: 0px 5px 10px #5d5c5c;
    box-shadow: 0px 5px 10px #5d5c5c;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#5d5c5c');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#5d5c5c');}

/* box content*/
#box {width:100%; height:500px}
.box_green {width:450px; background:#59b395; padding:8px; margin:10px; float:left; height:120px; display:block; margin-left:30px;}
.box_red {width:450px; background:#b36859; padding:8px; margin:10px; float:left; height:120px; display:block}
.box_blue { width:450px; background:#5986b3; padding:8px; margin:10px; float:left; height:120px; display:block; margin-left:30px;}
.box_yellow {width:450px; background:#b39559; padding:8px; margin:10px;float:left; height:120px; display:block; margin-left:30px;}
.box_purple {width:450px; background:#b36ba7; padding:8px; margin:10px;float:left; height:120px; display:block}
.box_lightblue {width:450px; background:#2a91cb; padding:8px; margin:10px; float:left; height:120px; display:block}
#box .title {font-size:22px; color:#fff; margin-top:10px; margin-bottom:15px;}
#box p {font-size:16px; color:#fff; text-align:justify}
.download {width:120px; background:#59b395; margin-right:10px; margin-top:10px; margin-bottom:10px; float:left; height:30px; display:block; color:#fff; font-size:18px; padding-left:10px; padding-top:6px;}
.buy {width:120px; background:#b36859; margin-left:10px; margin-top:10px; margin-bottom:10px; float:left; height:30px; display:block; color:#fff; font-size:18px; padding-left:10px; padding-top:6px;}
.box_block {width:280px; height:400px; float:left; margin-left:30px; margin-right:25px;}
.box_box {width:280px; height:200px; background:#f5f5f5; padding-top:40px;}
#box2 {width:100%; height:410px; margin-top:30px; margin-bottom:30px;}
#box2 p.gray{font-size:16px; color:#414141; text-align:justify}
#box2 .title2 {font-size:22px; color:#444; margin-top:10px; margin-bottom:10px; text-align:center}

/*screencast*/
#demo {overflow:hidden; border: 1px dashed #CCC;}
#demo img {border: 3px solid #F2F2F2;}
#indemo {float: left;}
#demo1 {float: left;}
#demo2 {float: left;}

/* right content*/
.navright { background: url('/images/nav_top.gif'); color:#f8f5f5; padding:10px 10px 5px 70px;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 13px; font-style: italic; font-weight: bold; text-shadow: 0 -1px 1px #3f5c71;}
.nav {width: 228px; background:#f5f5f5; text-align: left; color: rgb(50, 50, 50); margin-left:10px; margin-bottom:8px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; border-left:#0c75f2 1px solid; border-right:#0c75f2 1px solid; border-bottom:#0c75f2 1px solid; padding-bottom:10px;
border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;
-khtml-border-bottom-left-radius: 8px; -khtml-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;
}
.nav P {padding-left:5px; padding-right:3px; padding-bottom:8px;}
.nav li {list-style: inside; padding-top: 1px;}
.nav ul {margin-left:15px;}
.nav ul li {list-style-image: url('/images/table-ul.gif'); margin-left: 10px; font-weight: normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding-left:1px;}
.nav ul li a:hover {font-style:oblique; color:#FF6600;}

/* right related content*/
.rrc {width: 228px; background:#f5f5f5; text-align: left; color: rgb(50, 50, 50); margin-left:10px; margin-bottom:8px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; border-left:#0c75f2 1px solid; border-right:#0c75f2 1px solid; border-bottom:#0c75f2 1px solid; padding-bottom:10px;
border-bottom-left-radius: 11px; border-bottom-right-radius: 11px;
-webkit-border-bottom-left-radius: 11px; -webkit-border-bottom-right-radius: 11px;
-khtml-border-bottom-left-radius: 11px; -khtml-border-bottom-right-radius: 11px;
-moz-border-radius-bottomleft: 11px; -moz-border-radius-bottomright: 11px;}
.rrc li {list-style: inside;}
.rrc ul {margin-left:10px; margin-top:3px;}
.rrc ul li {list-style-image: url('/images/ui.gif'); margin-left: 2px; font-weight: normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;}

/* Font */
.white1 {color:#59b368; font-size:22px; text-align:left; font-weight:bold; margin-top:40px; margin-bottom:20px; text-shadow: -1px -1px 0 #ccc,1px 1px 0 #333,1px 1px 0 #444; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.white2 {color:#fff; font-size:14px; text-align:left; font-weight:400; margin-top:20px; margin-bottom:8px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.Bold {font-weight: bold;}
.DeleteFont {color: #660000;text-decoration: line-through;}
.RedBold {color: #E1614A;font-weight: bold;}
.blue {color: #0a478c;font-weight: bold;}
.orange {color: #ec6700; text-shadow:1px 0 0 #8aa7b7;}
.G { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic; font-size:12px; COLOR: #0e1b29; TEXT-DECORATION: none; font-weight:bold;}
.ft {font-size:13px; color:#446b81; font-weight:bold; line-height: 20px; padding-left:10px; margin-top:4px; margin-bottom:4px; clear: both; text-align: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: italic; text-shadow:1px 0 0 #fff;}
.fo {font-size:13px; color:#f3861c; font-weight:bold; line-height: 20px; padding-left:10px; margin-top:4px; margin-bottom:4px; clear: both; text-align: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: italic; text-shadow:1px 0 0 #fff;}
.bo {font-weight: bold; font-size:15px; color:#EE8720; padding:5px; text-shadow:0 0 1px #069;}
.fc {font-size:15px; color:#0052A4; font-weight:bold; padding-left:10px; margin-top:4px; margin-bottom:4px; text-align:left; text-shadow:0 0 1px #F90; font-family:"Comic Sans MS", cursive;}
.fo-b {font-size:14px; color:#f3861c; font-weight:bold; padding-left:10px; text-shadow:0 0 1px #F90; font-family:"Comic Sans MS", cursive;}

/*Tab for AD*/
.none {display:none;}
.aTab{width:100%; margin-bottom:6px; margin-top:8px;}
.aTab ul li {LIST-STYLE: none none outside;} 	
.aTab .TabTitle{font-size: 15px;
width:100%; height:42px; background:#2286bf;
	font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif; margin-bottom:10px;
	border-top:#ccc 3px solid; border-bottom:#ccc 2px solid;
} 
.aTab .TabTitle ul{border:0; margin:0; padding:0;} 
.aTab .TabTitle li{float: left; min-width: 120px; cursor: pointer; padding-top: 10px; list-style-type: none; text-align:center; color:#fff; height:32px;} 
.aTab .TabTitle .active{background: #3098d3;} 
.aTab .TabTitle .normal{background:#2286bf; text-decoration:none;} 
.aTab .TabContent{ width:1020px; margin:0 auto; padding:3px; margin-top:5px; margin-bottom:20px}
.aTab .TabContent p {text-align:left}
.aTab .TabContent ol {text-align:left; padding-left:16px;}
.aTab .TabContent ul li {list-style-image: url('/images/yes-2.gif'); margin-left: 40px; font-weight: normal; vertical-align:middle;}
.aTab .TabContent ul.ul3 li {list-style-image: url('/images/ul-right.gif'); margin-left: 30px; font-weight: normal; vertical-align:middle;}
.aTab table { -moz-border-radius:8px;
    -webkit-border-radius: 8px;
	border-radius:8px;
	border:1px solid #E6E6E6; margin-top:5px;}
.aTab table tr td { padding: 8px; text-align: center; border-bottom:#ccc 1px dashed;}
.aTab table tr.last td{border-bottom:none;}
.aTab table tr a:link {color:#f3861c}
.aTab p.c {text-align:center; margin-top:10px;}
.aTab img.pic  {border: 0;vertical-align: middle; -moz-box-shadow: 0px 5px 10px #5d5c5c;
    -webkit-box-shadow: 0px 5px 10px #5d5c5c;
    box-shadow: 0px 5px 10px #5d5c5c;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#5d5c5c');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#5d5c5c');}


#media {border: 0;vertical-align: middle; margin-left:40px; margin-bottom:10px; width:640px; -moz-box-shadow: 0px 0px 15px #304f5e;
    -webkit-box-shadow: 0px 0px 15px #304f5e;
    box-shadow: 0px 0px 15px #304f5e;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#304f5e');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#304f5e');}
	
#noUpdate
            {
                margin: 0 auto;
                font-family:Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #cccccc;
                text-align: left;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }	
			

/* Page Bottom Style*/
#bottom {
	height:400px;
	width:100%;
	border-top:#ccc 2px solid;
	margin-top:0px;
	background: #4b545f;}
#bottom P {
	TEXT-ALIGN: center; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; COLOR: #f8f5f5; PADDING-TOP: 2px; font-size:14px; text-shadow: 0 -1px 1px #3f5c71;
}
#bottom A:link {
	COLOR: #ccc; TEXT-DECORATION: none; text-shadow: 0 -1px 1px #3f5c71;
}
#bottom A:visited {
	COLOR: #ccc; TEXT-DECORATION: none
}
#bottom A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
#bottom A:active {
	COLOR: #ccc; TEXT-DECORATION: none
}
#bottom DIV.block {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: 300px; margin-left:10px; margin-right:20px; FLOAT: left; margin-TOP: 10px; margin-bottom:20px;}
#bottom DIV.block2 {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: 300px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 10px}
#bottom UL {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: inline; FLOAT: left; HEIGHT: auto; PADDING-TOP: 10px;}
#bottom UL LI {
	LIST-STYLE: none none outside; TEXT-ALIGN: left; margin:5px; font-size:13px; font-weight:bold; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color:#f5f5f5;
}
#bottom H3 {font-size:20px; color:#fff; margin-top:30px; margin-bottom:15px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; padding-left:14px; }