/* CSS Document */
body { background: #F2F2F2; }	
div, form, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0; border:0;}
.clear{clear:both;}
.clear img { margin:0; bottom:0;}
.fl { float:left; }
.fr { float:right; }
h1 { font-size:2.2em; color:#000; font-weight:normal; margin: 0.7em 0 0.6em 0;}
h2 { font-size:1.4em; font-weight:normal; margin: 0.8em 0 0.8em 0; color: #666;}
h3 { font-size:1.2em; margin: 0.4em 0 0.6em 0; }
h4 { font-size:1.1em; color:#333; margin: 0 0 0.4em 0;}
h5 { font-size:16px;  margin: 0 0 0.4em 0;}

a img { border: 0 none; margin-right: 8px; margin-bottom: 8px; }	
a:hover, a:focus {text-decoration: underline;}
.clearfix {display: block;}

.contb { width:100%; margin:0; padding:10px 0 55px 0; text-align:center; background-color:#fff;}
.contb-min{ width:92%; margin:auto;}
.contb-lf { float:left; width:21%; height:auto; margin:auto 2%;}
.contb-lf img { width:76%;}
.font4s{ font-size:1.8em; color:#333; margin:45px 0; }
.font11{ font-size:15px;color:#222; height:40px; font-weight:600;}
.font11 a{ color:#222; text-decoration:none;}

.hrss { height:1px; width:97%; text-align:center; border:none; border-top:1px solid #d2e0e8;}
#pnav { height: 42px; padding: 0; margin:0 auto; margin-top:5px; }
#gotop{ margin:0 auto; margin-bottom:13px;}
#indexcontent { border:1px solid #e2e2e2; box-shadow: 0 2px 2px -1px #aaa; background-color:#FFF; border-radius:5px;}

#indexcontent a{ text-decoration:none; color:#0093D0;}
#indexcontent a:hover { text-decoration:underline;}
#indexcontent a:visited{border: medium none; color: #0093D0;}

#indexcontent h3{ padding:10px 0; font-size:16px;}
#indexcontent ul{ padding:10px 0; list-style: none outside none;}
#indexcontent li{ color:#444; line-height:1.8em; padding-left:15px;}

/* left side */
#content { width:70%; float:left; padding:2%; }
#content #any, #content #any1 { /*float:left;*/ font-size:12px; line-height:18px; }
#content #any .underline { border-bottom:#ccc 1px solid;}
#content  img{ max-width:97%; }

#any1 ul { padding:10px 0; list-style: none outside none;}

#any1 li {
	background:url(../../images/newstyle/bgs-3.png) no-repeat scroll 2px -144px transparent;
	color:#444;
	line-height:1.8em;
	padding-left:15px;
}
#content h3 {font-size:16px;}

/* right side */
#sidebar {
    float:right;
    width: 20%;
	padding:2%;
	font-size:12px;
}
#sidebar #benefit{
	/*float:left;*/
	border:1px solid #F5F5F5;
	box-shadow: 0 1px 1px -1px #aaa; -moz-box-shadow: 0 1px 1px -1px #aaa; -webkit-box-shadow: 0 1px 1px -1px #aaa;
	background:url(../../images/newstyle/bg_overview_callout.png) repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:15px 10px;	
	margin-bottom:20px;
}
#sidebar #benefit h4{
	font-size:13px;
	padding-bottom:8px;
}
#sidebar #benefit ul{
    list-style: none outside none;
}
#sidebar #benefit li{
	background:url(../../images/newstyle/check.png) no-repeat scroll ;
	color:#444;
	line-height:1.6em;
	padding-left:35px;
	padding-bottom:8px;
}

#sidebar #usersay{
	/*float:left;*/
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; -moz-box-shadow: 0 1px 1px -1px #aaa; -webkit-box-shadow: 0 1px 1px -1px #aaa;
	background: url(../../images/newstyle/bg_overview_callout.png) repeat-x 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:15px 10px;
	margin-bottom:20px;
	line-height:1.6em;
}
#sidebar #usersay ul{
    list-style: none outside none;
}
#sidebar #usersay li{
	background:url(../../images/newstyle/bgs-3.png) no-repeat scroll 2px -148px transparent;
	color:#444;
	line-height:1.4em;
	padding-left:15px;
	padding-bottom:8px;
}
#sidebar #usersay li a:link   { color: #616161; }
#sidebar #usersay li a:visited{ color: #616161; }
#sidebar #usersay li a:hover  { color: #000; text-decoration:none;}
#sidebar #usersay h4 { font-size:13px; padding-bottom:8px;}

#sidebar #guide{
	/*float:left;*/
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; -moz-box-shadow: 0 1px 1px -1px #aaa; -webkit-box-shadow: 0 1px 1px -1px #aaa;
	background: url(../../images/newstyle/other_grey_bg.png) repeat-x 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:15px 10px 15px 10px;
	margin-bottom:20px;
}
#sidebar #guide ul{
    list-style: none outside none;
}
#sidebar #guide li{
	background:url(../../images/newstyle/bgs-3.png) no-repeat scroll 2px -148px transparent;
	color:#444;
	line-height:1.4em;
	padding-left:15px;
	padding-bottom:8px;
}

#sidebar #guide li a:link        { color: #616161; }
#sidebar #guide li a:visited     { color: #616161; }
#sidebar #guide li a:hover       { color: #000; text-decoration:none;}

#sidebar #guide h4{
	font-size:13px;
	padding-bottom:8px;
}

#pnav h1 {
	float: left; 
	font-size:22px;
	padding:8px 0 0 3px;
}

#pnav ul.navigation {
	float:right;
	margin-top: 25px;
	margin-right: 15px;
}
#pnav ul.navigation li {
    float: left;
    list-style:none outside none;
    font-size: 13px; 
}
#pnav ul.navigation li a {
    text-decoration: none; 
	padding: 5px 10px; 
	font-size: 1.1em; 
}
#pnav ul.navigation li a:link        { color: #616161; }
#pnav ul.navigation li a:visited     { color: #616161; }
#pnav ul.navigation li a:hover       { color: #06f; }
#pnav ul.navigation li a:active      { color: #616161; }
#pnav ul.navigation li.selected a    { color: #000; } 

#contentlist {/*float:left;*/ margin-bottom:20px; border-bottom:1px solid #CCC; padding-bottom:25px; font-size:12px; line-height:18px;}

#pbanner {
	min-height:345px; 
	margin-bottom:20px; 
	background:url(../../images/newstyle/pbanner_bg.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; 
	-moz-box-shadow: 0 1px 1px -1px #aaa; 
	-webkit-box-shadow: 0 1px 1px -1px #aaa;
}

#pbanner h2 { font-size:18px; padding:5px 20px 0 0; color:#333; float:right; width:50%;
}

#pbanner .iconscr {
	float:left;
	width:46%;
}
		
#pbanner .desc {
	float:right;
	width:50%;
	font-size:12px;
	padding:0 20px 5px 0;
	line-height:22px;
}

#pbanner .desc ul{
	padding:10px 0 10px 0;
    list-style: none outside none;
}
#pbanner .desc li{
	background:url(../../images/newstyle/bgs-3.png) no-repeat scroll 2px -144px transparent;
	color:#444;
	line-height:1.8em;
	padding-left:15px;
}
#pbanner ul.btn {
	list-style: none outside none; 
	height:38px;
	float:right;
	width:50%;
}
#pbanner ul.btn li {
    color:#444;
    line-height:1.8em;
	padding-left:15px;
    padding: 5px 5px;
	float:left;
}
#pbanner ul.btn li a{ color:#eee;}
#content ul.btn li { padding: 5px 5px;float:left; }
#content ul.btn li a{ color:#eee;}

.ipad-btn { display:inline-block;width:120px;line-height:33px;text-align:center;color:#fff;border-radius:4px;font-size:17px; background:#01c4e2;}
.ipad-btn2{ display:inline-block;width:120px;line-height:33px;text-align:center;color:#fff;border-radius:4px;font-size:17px; background:#ffa200;}

.vers { float:right; width:50%; color:#666; font-size:11px; padding-left:1px;}


#content #spfeaturelist{ width:46%; min-height:150px; margin-right:4%; float:left; font-size:12px; color:#666; line-height:18px; }
#content #spfeaturelist p img{ width:30%;}
#content #spfeaturelist h4{
	font-size:13px;
	padding-bottom:3px;
}

#content #spfeaturelist img{
	float:left;
	padding-right:5px;
}

#content #lpfeaturelist{
	float:left;
	font-size:12px;
	margin-bottom:20px;
	color:#666;
	line-height:18px;
}
#content #lpfeaturelist .desc{
	width:60%; 
	float:left;
	font-size:12px;
	color:#666;
	line-height:18px;
}
#content #lpfeaturelist .img {
    width:40%;
	text-align:center;
}
#content #lpfeaturelist .img img {
    width:90%; 
}
#content #lpfeaturelist .desc ul{
    list-style: none outside none;
}
#content #lpfeaturelist .desc li{
	background:url(../../images/newstyle/bgs-3.png) no-repeat scroll 2px -144px transparent;
	color:#444;
	line-height:1.8em;
	padding-left:15px;
}

#content #lpfeaturelist .desc h4{
	font-size:13px;
	padding-bottom:3px;
}
#gallery img{
	padding:3px;
    margin:3px;
	border:1px solid #d4d4d4;
	cursor:url(../../images/newstyle/zoomin.cur),pointer !important;
 }
 
#gallery li{
	float:left;
	list-style:none;
}
 
#gallery img:hover{
	border:1px solid #999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:2px 2px 10px #e3e3e3;
	-moz-box-shadow:2px 2px 10px #e3e3e3;
	box-shadow:2px 2px 10px #e3e3e3;
	cursor:url(../../images/newstyle/zoomin.cur),pointer !important;
}

/*old css*/
.price {
    color:#FF0000; text-align:center; font-weight:bold; font-size:15px;}
.sprice {
    color:#FF0000; text-align:center; font-weight:bold; font-size:12px;}
	
#header {
	position: relative;
	width:1000px;
	margin:0 auto;
}

#logo {float:left; width:350px; }



#topright {float:right; width:450px; padding-top:3px; color:#999; font-size:12px; text-align:right; margin-top:10px;}
#topright a{ color:#999; text-decoration:none; }
#topright a:hover { color:#999; text-decoration:underline; }

#header ul.navigation {
	font-size: 14px;
	list-style: none outside none;
	width: 1000px;
	height:34px;
	float:left;
	background: url(../../images/newstyle/bg_global_nav_up.png) repeat-x 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#header ul.navigation li {
    float: left;
    list-style: none outside none;
    margin-bottom: 0;
	line-height: 1.2; 
	border-right: 1px solid #7195a5; 
}
	
#header ul.navigation li a {
    color: #333;
    display: block;
    padding: 0 15px;
    text-decoration: none;
	text-shadow: 1px 1px 1px #ddd; 
}
	
#header ul.navigation li a div {
    padding: 8px 8px;}
	
#header ul.navigation li a:hover {
    color: #333;
    margin-bottom: 0;
	background: url(../../images/newstyle/bg_global_nav_over.png) repeat-x 0;
	height:34px;
}
	
#header ul.navigation li.active a{
    color: #fff;
    margin-bottom: 0;
	background: url(../../images/newstyle/bg_global_nav_selected.png) repeat-x 0;
	height:34px;
	}
	
#header ul.navigation li.first a{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	}

#indexbanner {
    height: 300px;
    width: 1000px;
	margin:0 auto;
    margin-top:16px;
}


/* bannerswap */	
.h_banner {position:relative;height:300px; width:1000px; margin:0 auto; margin-top:12px; margin-bottom:20px; background-color:#FFF;	-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border:1px solid #e2e2e2;box-shadow: 0 2px 2px -1px #aaa; -moz-box-shadow: 0 2px 2px -1px #aaa; -webkit-box-shadow: 0 2px 2px -1px #aaa;}
.h_banner img {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border:1px solid #e2e2e2;box-shadow: 0 2px 2px -1px #aaa; -moz-box-shadow: 0 2px 2px -1px #aaa; -webkit-box-shadow: 0 2px 2px -1px #aaa;}
.h_banner .imgs li {position:absolute;list-style-type:none;}
.h_banner .num {
	position:absolute;
	bottom:3px;
	right:6px;
	z-index:10;
	height: 30px;
	width: 88px;
}
.h_banner .num li {color:#000;float:left;margin:3px;padding:0 4px;background:#fff;font:normal 11px/1.4em Arial;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;list-style-type:none;}
.h_banner .num li.curr {background:#FFFFFF;filter:alpha(opacity=100);-moz-opacity:0.8;opacity:0.8;color:#03243a;font-weight:bold;list-style-type:none;}
/* End bannerswap */


#appnav {
    background: url("../../images/link_border.png") repeat-x scroll 0 0 transparent;
	margin-bottom:10px;
	border-top:1px solid #e2e2e2;
}
a .title {
    color: #000000;
	font-size:13px;
}
.appnavgrid{ display: inline; float: left; margin: 0 0 0 1px; padding: 20px 20px 0; position: relative; width:209px; 
}
.appnavgrida{ display: inline; float: left; margin: 0 0 0 1px; padding: 20px 20px 0; width:520px; height: 270px;
}
.appnavgridb{ display: inline; float: left; margin: 0 0 0 1px; padding: 20px 20px 0; width:300px; height: 130px;
}
.appnavgridc{ display: inline; float: left; margin: 0 0 0 1px; padding: 20px 20px 0; width:200px; height: 130px;
}

.aabbcc { width:209px;}
.appnav {
    background: none repeat scroll 0 0 #FFFFFF;
}
.appnav:hover {
    background: url("../../images/link_bg.png") repeat-x scroll 0 0 transparent;
}
.appnav.alpha {
    margin-left: 0;
    width: 208px;
}
.appnav.first {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.grid{
    display: inline;
    float: left;
    position: relative;
}

#indexother {
	width:1000px;
    position: relative;
	margin:0 auto;
	margin-bottom:25px;
	margin-top:25px;
}

.indexcompany {
	width:490px;
	height:100px;
	float:left;
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; -moz-box-shadow: 0 1px 1px -1px #aaa; -webkit-box-shadow: 0 1px 1px -1px #aaa;
	background: url(../../images/newstyle/other_grey_bg.png) repeat-x 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:15px 0 15px 0;
}

.othertitle {padding-left:12px; padding-bottom:10px;}
.otherdesc  { font-size:12px;padding-left:12px;}
	
.indexnews {
	width:490px;
	height:100px;
	padding-right:10px;
	float:right;
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; -moz-box-shadow: 0 1px 1px -1px #aaa; -webkit-box-shadow: 0 1px 1px -1px #aaa;
	background: url(../../images/newstyle/other_grey_bg.png) repeat-x 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:15px 0px 15px 0px;
}
	
#pnava { width:650px; height: 20px; padding: 0; margin:0 auto; margin-top:5px; }

.buttonred {
	color: #fff !important; 
	background: #76020E url(../../images/newstyle/bg_button_red.png) repeat-x 0 0;
	border: 1px solid #350104; 
	padding: 5px 14px !important; 
	margin-left:15px;
	text-decoration: none !important; 
	letter-spacing: .08em; 
	border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	box-shadow: 0 0 5px #777; 
	-moz-box-shadow: 0 0 5px #777; 
	-webkit-box-shadow: 0 0 5px #777;
	text-shadow: 1px 1px 1px #333;
	-moz-text-shadow: 1px 1px 1px #333;
	-webkit-text-shadow: 1px 1px 1px #333;
	display: inline;
}

.buttongreen {
	color: #fff !important; 
	background: #3C791E url(/images/newstyle/bg_button_green.png) repeat-x 0 0; 
	border: 1px solid #666; 
	padding: 5px 14px !important; 
	margin-left:15px;
	text-decoration: none !important; 
	letter-spacing: .08em; 
	border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	box-shadow: 0 0 5px #777; 
	-moz-box-shadow: 0 0 5px #777; 
	-webkit-box-shadow: 0 0 5px #777;
	text-shadow: 1px 1px 1px #333;
	-moz-text-shadow: 1px 1px 1px #333;
	-webkit-text-shadow: 1px 1px 1px #333;
	display: inline;
}

#main {
	width:1200px;
	margin:0 auto;
	background-color:#FFF; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; 
	-moz-box-shadow: 0 1px 1px -1px #aaa; 
	-webkit-box-shadow: 0 1px 1px -1px #aaa;
	clear: both;
}

#main ul.btn {
	padding:10px 20px 15px 340px; 
	list-style: none outside none; 
	height:54px;
	background:url(../../images/newstyle/endbtn-bg.jpg) no-repeat;
}

#main ul.btn li {
    color:#444;
    line-height:1.8em;
	padding-left:15px;
    padding: 5px 5px;
	float:left;
}


#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}#jquery-lightbox a img{border:none;}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box > #lightbox-nav{left:0;}#lightbox-nav a{outline:none;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}#lightbox-container-image-data{padding:0 10px;color:#666;}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:bold;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}


#featuredpbanner {
	height:300px; 
	width:1000px; 
	margin:0 auto;
	margin-top:2px; 
	margin-bottom:20px; 
	background-color:#FFF; 
	background:url(../../images/newstyle/featurep_bg.jpg);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; 
	-moz-box-shadow: 0 1px 1px -1px #aaa; 
	-webkit-box-shadow: 0 1px 1px -1px #aaa;
}

#featuredpbanner1 {
	height:300px; 
	width:1000px; 
	margin:0 auto;
	margin-top:2px; 
	margin-bottom:20px; 
	background-color:#FFF; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	border:1px solid #e2e2e2;
	box-shadow: 0 1px 1px -1px #aaa; 
	-moz-box-shadow: 0 1px 1px -1px #aaa; 
	-webkit-box-shadow: 0 1px 1px -1px #aaa;
}

#featuredpbanner #left {
    width:600px;
	float:left;
}

#featuredpbanner #left h2 {
	font-size:18px;
	padding:18px 20px 0 20px;
	color:#333;
}

#featuredpbanner  #left .desc {
	font-size:12px;
	padding:0 20px 5px 0;
	line-height:22px;
	float:right;
	width:390px;
}
#featuredpbanner  #left .box {
	width:150px;
	margin-left:20px;
	float:left;
	text-align:center;
}

#featuredpbanner  #left  .desc ul{
	padding:10px 0 10px 0;
    list-style: none outside none;
}
#featuredpbanner  #left .desc li{
	background:url(../../images/newstyle/bgs-3.png) no-repeat scroll 2px -144px transparent;
	color:#444;
	line-height:1.8em;
	padding-left:15px;
}

#featuredpbanner #right {
    width:260px;
	float:right;
	font-size:12px;
	margin-top:20px;
	padding:10px 20px;
}
#featuredpbanner #right h4{
	font-size:13px;
	margin-bottom:5px;
}

.td_font{
	font-size:12px;
	color:#000;
	line-height:20px;
	
	}
.td_color{
	font-size:12px;
	color:#F00;
}

/* tablesheet */	

table.compare { background-color: #dcdcdc;}
td.compare { background-color: #ffffff;}
td.descc { text-align:left; background-color: #ffffff;}
td.descl { text-align:center; background-color: #ffffff;}
td.title{ text-align:center; background-color: #e1e1e1;}
table.sample { background-color: #ffffff; border: none;}
table.sample td { background: transparent url(../../images/sample-bg.gif) no-repeat scroll center 0;}
table.sample td img { margin-left: 18px; margin-top: -8px; }
table.sample td.narrow { background: transparent url(../../images/sample-bg-s.gif) no-repeat scroll center 0;}
table.sample td.narrow img {  margin-top: -8px; }
/* End tablesheet */
/*
#footer {
    color: #363636;
    margin-top: 20px;
	width:1000px;
	margin:0 auto;
	font-size: 11px;
}
#footer p, #footer li {
    font-size: 11px;
}*/

p#copyright {
    clear: both;
    color: #7E7E7E;
    line-height: 8px;
    padding: 15px 1px;
    text-align: center;
}
/*
#footer ul.tags {
    float: left;
    list-style: none outside none;
    margin: 0 auto;
	width:980px;
    padding: 20px 2px;
}
#footer ul.tags li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#footer ul.tags li a {
    border-right: 1px solid #FBFBFB;
    color: #363636;
    display: block;
    line-height: 15px;
    padding: 0 1em;
    text-decoration: none;
}
#footer ul.tags li:last-of-type a {
    border-right: medium none;
}
#footer ul.tags li a:hover {
    text-decoration: underline;
}
#footer ul.tags li.last a {
    border-right: 0 none;
    padding-right: 5px;
}

#footer .navigation{color:#7E7E7E; text-align:center;}
#footer .navigation a{padding:0 5px;color:#7E7E7E;text-decoration:none;}
#footer .navigation a:hover{text-decoration:underline;}
#footer .block a{height:120px; color:#6f6f6f; text-decoration:none;padding-right:8px;}
#footer .block a:hover{text-decoration:underline; height:120px; }
#footer .block {width:1000px;color:#666; text-align:left; overflow:hidden;height:120px; 
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}*/
.links-l {width:130px; padding:0 5px 0 0; float:left;  margin:10px 0 10px 15px; margin-top:10px;}
.links-m {width:620px; padding:0 5px 0 0; float:left;  margin:10px 0 10px 0;}
.menu-title {width:200px; font-size:12px; font-weight:bold;}
.menu-des {width:200px; line-height:8px; margin-top:13px;}
.menu-us {line-height:8px; margin-top:10px;}
.menu-tag {line-height:20px; margin-top:8px;}
.menu-tag span {width:400px; line-height:15px; font-size:12px; margin:0 0 0 1px;}
.links-r { width:180px; float:right; margin:10px 0 10px 0; }


/* old styles */	

#sidetopbg{background:url(../../images/sidebar-topbg.jpg) no-repeat;height:34px;width:200px; margin:0 auto;font-size:12px;line-height:34px;}
#sidebg{background:url(../../images/sidebar-midbg.gif) repeat-y;zoom:1; width:200px;margin:0 auto;}
#sidebtmbg{background:url(../../images/sidebar-btmbg.gif) no-repeat;height:10px; width:200px;margin:0 auto;}
#sidebar ul.list1{padding:1px 6px;}
#sidebar ul.list1 li{background:url(../../images/dot.gif) no-repeat 0 12px; list-style:none; padding-left:12px;margin-bottom:5px;line-height:30px;}
#sidebar .side_box210{overflow:hidden;padding:10px;background-color:#F2F2F2;-webkit-box-shadow:#E1E1E1 0 2px 2px;-moz-box-shadow:#E1E1E1 0 2px 2px;box-shadow:#E1E1E1 0 2px 2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:10px 0}
#sidebar .side_box210 h4{background:#3D565F;height:18px;line-height:18px;font-weight:bold;font-size:13px;color:#fff;padding:0 10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
#sidebar p{color:#666;padding:5px 0;line-height:16px}
#sidebar p{color:#666;padding:5px 0;line-height:16px}
#sidebar .pic{text-align:center;padding:10px 0;cursor:pointer}

#bottom{
	width:200px;
	
	margin:0 auto;
	border:1px #CCC solid;
	}


#page-nav {
    font-size: 12px;
    list-style: none outside none;
    margin-top: 20px;
    overflow: visible;
}
#page-nav li {
    margin: 0;
    padding: 0 10px;
}
#page-nav li a {
    color: #363636;
    display: block;
    line-height: 18px;
    padding: 3px 0;
    text-decoration: none;
	margin:12px 0 12px 0;
}
#page-nav li a div {
    -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 18px;
    padding: 0 3px;
    text-decoration: none;
}
#page-nav li a:hover div, #page-nav li a:active div {
    text-decoration:underline;
}
#page-nav li.listtitle div {
    -moz-border-radius: 4px 4px 4px 4px;
    background: none no-repeat scroll 8px 50% #D7D7D7;
    color: #333;
	height:22px;
	padding: 10px 0 0 6px;
	font-weight:bold;
	margin-bottom:3px;}

#box {width:150px; float:left; padding-top:10px; }
#box a.download { color: #333; font-size: 13px; font-weight: bold; padding: 11px 0 10px 22px; margin-left:13px;  background: url(../../images/icon_download.gif) no-repeat scroll 0;line-height:28px;  }
#box a.buy { color: #333; font-size: 13px; font-weight: bold; padding: 11px 0 10px 22px; margin-left:13px; background: url(../../images/icon_buy.gif) no-repeat scroll 0;line-height:28px; }
#productdes {width:520px; float:right;line-height:20px;margin-top:26px;}
#productdes2 {width:520px; float:right;line-height:20px;margin-top:16px;}
#productdes1 {width:520px; float:right;line-height:20px;}
#productdes ul li{background:url(../../images/listdot.gif) no-repeat 0 center;padding-left:10px;line-height:20px; list-style:none;}

.item{width:330px; margin-top:15px;}
.item .sbox{width:100px; float:left; margin-right:5px;}
.item .sdes{width:220px; float:left; margin-bottom:6px;}
.item h3 a{font-size:14px;height:25px;line-height:25px;}
.item h3 .btn{float:right;height:25px;}
.item img{float:left;margin-top:5px;}
.item .text{padding-left:95px;}
.item .text .dd{padding:8px 0;margin-top:8px;line-height:18px;}
#contentlist ul li{background:url(../../images/listdot.gif) no-repeat 0 8px;;padding-left:10px; list-style:none; margin-bottom:3px; }
#contentlistnone ul li{background:url(../../images/listdot.gif) no-repeat 0 8px;;padding-left:10px; list-style:none; margin-bottom:3px; }

.probg {background:url(../../images/pro_bg.gif) repeat-x; height:208px;}
.probg1 {height:208px;}

#suitedes {width:420px; float:left;line-height:20px;}
#suitebox {width:250px; float:right; padding-top:40px; text-align:center; }
#suitedes1 {width:394px; float:right;line-height:20px;}
#suitebox1 {width:276px; float:left; text-align:center; }


#contentlistlast {width:688px; float:left; font-size:12px; line-height:18px;}
#contentlistlast .tips {padding: 10px 0;}
#contentlistlast .item{width:220px; float:left; margin-right:6px;}
#contentlistlast ul li{background:url(../../images/listdot.gif) no-repeat 0 8px;;padding-left:10px; list-style:none; margin-bottom:3px;}
#contentlistlast .featurelist {width:155px; margin-right:15px; float:left;}
#contentlistlast .featurelist1 {width:325px; margin-right:15px; float:left;}

#contentlisttitle {width:688px; float:left; margin-bottom:20px;  border-bottom:1px solid #78A1B8;}
#contentlistnone  {width:100%; float:left; margin-bottom:20px; font-size:12px; line-height:18px; }

#content .articleInfo{ margin:0px 10px 20px 0; border:1px solid #f1f1f1; overflow:hidden; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fefefe',endcolorstr='#f1f1f1',gradientType=0); background: -moz-linear-gradient(top, #fefefe, #f1f1f1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f1f1f1)); }
#content .articleInfo p{ margin:10px 0 0 70px;}
#content .articleInfo .countRating{ background:url(../../images/count-rating-icon.png) no-repeat;float:right;width:30px; padding-left:25px;overflow:hidden;line-height:19px; margin:12px 0 0 0px; color:#70b33c;}
.page_btn {padding:30px 5px;}

#sys {width:688px; border-top: 1px solid #CCC;  border-bottom:1px solid #CCC; padding:10px 0 10px 0; margin:15px 0 20px 0;}



#qcklink {width:600px;}
#qcklink a.download {  font-size: 13px; font-weight: bold; padding: 11px 0 10px 22px;  background: url(../../images/icon_download.gif) no-repeat scroll 0;line-height:28px;  }
#qcklink a.buy {   font-size: 13px; font-weight: bold; padding: 11px 0 10px 22px;   margin-left:30px; background: url(../../images/icon_buy.gif) no-repeat scroll 0;line-height:28px; }

#platform_nav {
    display: block;
    list-style: none outside none;
	
}
#platform_nav li {
    float: left;
    margin: 5px 15px 12px 0;
	font-weight:bold;
}
#platform_nav li a {
    color: #666;
    display: block;
    line-height: 15px;
    padding: 0 0;
    text-decoration: none;
}
#platform_nav li a div {
    -moz-border-radius: 6px 6px 6px 6px;
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 22px;
    padding: 0 4px;
    text-decoration: none;
}
#platform_nav li a:active div {
    -moz-border-radius: 6px 6px 6px 6px;
    background: none repeat scroll 0 0 #49B7E5;
    color: #F3F3F3;
}
#platform_nav li.active a div {
    background: none no-repeat scroll 8px 50% #095F8A;
    color: #F3F3F3;
    cursor: default;}

#dlbuy{
	width:688px;
	text-align:center;
	margin-top:10px;
}
#pbanner .desc p strong { font-weight: bold; }

.re_bottom{width:23%;float: left;margin-right: 10px;}

@media all and (max-width:1439px) {
	#pbanner {  min-height:380px;  background:#fff;  }
	#content #spfeaturelist{ min-height:156px;}
}
@media all and (max-width:1023px) {
	#pbanner {  min-height:505px;  }
	#content #spfeaturelist{ min-height:175px;}
	#pbanner .iconscr img{width:94%;}
}



@media all and (max-width: 639px){
	#content{float: none;width: 99%}
	#sidebar{float: none;width: 95%}
	#contentlistlast{width: 100%;padding-top:25px}
	#productdes1{width: 96%}
	#box{width: 100%;text-align: center}
	.p_center{text-align: center}
	#indexcontent ul{margin-left: -10px}

	#pbanner{padding-left: 5px}
	#pbanner h2{width: 100%;float: none;padding-top: 25px}
	#pbanner .iconscr{float: none;width: 100%}
	.addthis_toolbox{top:210px!important;}
	#pbanner .desc{float: none;width: 100%}


	#content ul.btn li{float: none;text-align: center}
	#sidebar #benefit h4{text-align: center}
	#content #spfeaturelist{width: 100%;float: none}
	#content #lpfeaturelist .desc{float: none;width: 100%}
	#content #lpfeaturelist .img{width: 100%}

	.re_bottom{margin:10px auto}
	#pbanner ul.btn{float: none;width: auto}
	.vers{float: none;width: auto}

}
@media all and (max-width: 480px){
	.re_bottom{width:50%;float: none;}
	.addthis_toolbox{top:168px!important;}
	#pbanner ul.btn li{width: 100%}
}