/* CSS Document */

body
{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
    margin: 0;
    padding: 0;
}

ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a{color:#333333; }
.spacer
{
    clear: both;
    font-size: 0;
    line-height: 0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top--------------------*/
#block_info {display:none;}

#top
{
    width: 100%;
    background: url(images/top_bg.gif) 0 0 repeat-x;
    height: 152px;
    padding: 0px 0 0 0;
}
#topmain
{
    width: 893px;
	background: url(images/top_bg2.gif) 0 0 repeat-x;
    margin: 0 auto;
    height: 120px;
}
#top img.logo
{
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0px 0 0 0;
    float: left;
    margin: 0 200px 39px 0;
}
#top p.topTxt
{
    display: block;
    width: 365px;
    font-size: 12px;
    line-height: 19px;
    color: #D4F5FF;
    background-color: inherit;
    float: left;
    padding: 40px 0 0 0;
}
#top #nav
{
    width: 90%;
	_width:88%;
    height: 26px;
    padding: 0 0 0 120px;
	padding: 0 0 0 100px;
    float: left;
    margin-top: -25px;
	
	
	
}
#top #nav li
{
    float: left;
    margin: 0 3px 0 0;
    font-size: 0;
    line-height: 0;
	display:inline;
}
#top #nav li.noMargin
{
    margin: 0;
}
#top #nav  li .v a
{
    display: block;
    background: url(images/nav_bg.gif) 0 0 no-repeat;
    width: 82px;
    font: 11px/26px Verdana, Helvetica, sans-serif;
    color: #EBEBEB;
    background-color: inherit;
    text-decoration: none;
    text-align: center;
	
}

#top #nav li .v a:hover
{
    display: block;
    background: url(images/nav_bg_hover.gif) 0 0 no-repeat;
    width: 82px;
    
    font: bold 11px/26px Verdana;
    color: #444444;
    background-color: inherit;
    text-decoration: none;
    text-align: center;
    cursor:pointer;
}

.menu_hover
{
    display: block;
    background: url(images/nav_bg_hover.gif) 0 0 no-repeat;
    width: 82px;
    
    font: bold 11px/26px Verdana;
    color: #444444;
    background-color: inherit;
    text-decoration: none;
    text-align: center;
    cursor:pointer;
}

.menu_hover a
{
    display: block;
    background: url(images/nav_bg_hover.gif) 0 0 no-repeat;
    width: 82px;
    
    font: bold 11px/26px Verdana;
    color: #444444;
    background-color: inherit;
    text-decoration: none;
    text-align: center;
    cursor:pointer;
}


#top ul.sub
{
    width: 630px;
    height: 29px;
    padding: 0 0 0 220px;
    float: left;
}
#top ul.sub li
{
    float: left;
    background: url(images/nav_div.gif) right 4px no-repeat;
    padding: 0 2px 0 0;
}
#top ul.sub li.noImg
{
    background-image: none;
}
#top ul.sub li a
{
    padding: 0 14px;
    font: normal 11px/29px Arial, Helvetica, sans-serif;
    color: #1F2123;
    background-color: inherit;
    text-decoration: none;
	
}
#top ul.sub li a:hover
{
    color: #FF6604;
    background-color: inherit;
}
#nav{  height:39px; position:relative;  margin:0 auto; }
#nav .kind_menu { height:30px;*height:29px; line-height:30px;vertical-align:middle; position:absolute; top:27px;*top:29px; left:70px; text-align:left; display:none;  color:#656565; width:400px;}
#nav .kind_menu a{display: block;float:left; text-align:center; width:96px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

#nav .kind_menu a:hover { color:#ff4300; text-decoration:underline; font: bold 12px/26px Verdana;display: block;width:96px;}

.submenu_hover {color:#ff4300;  font: bold 12px/26px Verdana;display: block;width:96px;}

#nav .kind_menu span { font-size:10px;  color:#cecece; line-height:30px; *line-height:26px; float:left;display: block; }
	
#tmenu{ background:url(images/nav_bg1.gif) repeat-x bottom; height:28px; border-bottom:1px solid #eee;  }


#nav .l{height:39px; width:2px; float:left}
#nav .r{height:39px; width:2px; float:right}
#nav .bt_qnav { float:right; }	
#nav .bt_qnav a{ width:31px; height:29px;line-height:39px;display:block;padding:9px 2px 0 0;}
#nav .c{ float:left;margin:0;padding:0}
#nav li { float:left; list-style:none;}
#nav li .v a{ width:83px;height:39px; line-height:33px; display:block;float:left; font-family:"黑体"; font-size:16px; color:#333; }
#nav li .v a:hover,#nav li .v .sele{color:#c00; line-height:42px; font-size:16px;}
#tmenu{  height:27px; border-bottom:1px solid #eee; margin:0px;padding:0px;}

#nav .kind_menu span { font-size:12px;  color:#cecece; line-height:30px; *line-height:26px; float:left }	

/*------------------------------------------------top--------------------*/





/*------------------------------------------------bodyMain--------------------*/
#bodyMain
{
    width: 100%;
    background: url(images/bg_temp.jpg) 0 0 repeat-x #fff;
    color: #000;
    padding: 20px 0 0 0;
}
#bodyWraper
{
    width: 958px;
    padding: 0;
    margin: 0 auto;
}
#bodyContainer
{
    width: 100%;
    background: url(images/center_bg.jpg) 50% 0 no-repeat;
    color: #000;
}
#body
{
    width: 980px;
    margin: 0 auto;
    padding-top: 60px;
    font: normal 12px/20px Verdana;
}
#left
{
    width: 320px;
    float: left;
    background: url(images/left_bg.gif) 50% 0 no-repeat;
    height: 300px;
}

#center
{
    width: 320px;
    float: left;
    margin-left: 10px;
    background: url(images/center_bg.gif) 50% 0 no-repeat;
    height: 300px;
}

#right
{
    width: 320px;
    float: right;
    background: url(images/right_bg.gif) 50% 0 no-repeat;
    height: 300px;
}
.updatepheader
{
    padding: 5px 0 0 40px;
    font: bold 14px Verdana;
}
.updatecontent
{
    padding: 18px 0 0 20px;
    font-weight: 70px;
}

/*------------------------------------------------bodyMain--------------------*/


/*------------------------------------------------footer--------------------*/
#footerMain
{
    width: 100%;
    height: 80px;
    background: url(images/footer_bg.gif) 50% 0 no-repeat;
}
#footer
{
    width: 800px;
    margin: 0 auto;
    position: relative;
    height: 80px;
text-align:center;
top: 18px;
}
#footer ul
{
    width: 800px;
    top: 18px;
text-align:center;
}
#footer ul li
{
    float: left;
    font: normal 11px/18px Verdana;
    color: #666666;
    background-color: inherit;
}
#footer ul li a
{
    padding: 0 10px;
    font: normal 11px/18px Verdana;
    color: #666666;
    background-color: inherit;
    text-decoration: none;
}
#footer ul li a:hover
{
    text-decoration: underline;
}

#footer p.copyright
{
    font: normal 11px/18px Verdana;

    top: 37px;
    width: 800px;
    color: #999999;
    background-color: inherit;
    margin-top: 10px;

}
#footer p.copyright a
{
    padding: 0 10px;
    font: normal 11px/18px Verdana;
    color: #666666;
    background-color: inherit;
    text-decoration: none;
}
#footer p.copyright a:hover
{
    text-decoration: underline;
}
/*------------------------------------------------footer--------------------*/


TD
{
    font-weight: normal;
    font-size: 12px;
    color: #434343;
    
    font-family: "Arial" ， "宋体" , "Arial";
}
.home
{
    font-size: 12px;
    color: #434343;
    text-decoration: none;
}
.home:hover
{
    font-size: 12px;
    color: #FF6604;
    text-decoration: underline;
}
.dow
{
    font-size: 12px;
    color: #FF6604;
    text-decoration: underline;
}
.dow:hover
{
    font-size: 12px;
    color: #FF6604;
    text-decoration: underline;
}
.menu_left
{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.menu_left:hover
{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.menu_left2
{
    font-weight: bold;
    font-size: 14px;
    color: #000;
    font-family: 宋体;
    text-decoration: none;
}
.title
{
    font-weight: bold;
    font-size: 12px;
    color: #000;
    font-family: "Arial" , "宋体" , "黑体";
    text-decoration: none;
}

/*--------------------------------------------内容页-------------------------------------------*/
#main
{
    width: 100%;
    float: left;
}
#main H2.welcome
{
    background: url(images/welcome.gif) no-repeat 50% bottom;
    height: 60px;
    text-align: center;
    padding: 10px 0 0 0;
margin: 0 0 20px 0;
}
#main P.lftTxt
{
    color: #666;
    font: normal 14px/20px Verdana;
    margin: 0 0 20px 0;
}
#main P.lftTxt SPAN
{
    font: bold 14px/20px Verdana;
    color: #444;
}
#main P.lftTxt a
{
    margin-left:30px;
   background: url(images/d3.gif) 0 2px no-repeat;
    font: normal 14px/23px Verdana;
    color: #555;
    text-decoration: none;
    padding:0 0 0 15px;
}
#main P.lftTxt a:hover
{
    color: Blue;
     text-decoration: underline;
}

#main UL.link
{
    margin: 30px 0px 0px;
    width: 100%;
    height: 155px;
}
#main UL.link LI
{
    line-height: 0;
    float: left;
    font-size: 0px;
}
#main UL.link LI A.checkNote
{
    margin: 0px 18px 0px 0px;
    width: 166px;
    display: block;
    background: url(images/check_notes.gif) no-repeat 0px 0px;
    height: 155px;
}
#main UL.link LI A.checkNote:hover
{
    background: url(images/check_notes_hover.gif) no-repeat 0px 0px;
}
#main UL.link LI A.userinfo
{
    margin: 0px 18px 0px 0px;
    width: 166px;
    display: block;
    background: url(images/user_info.gif) no-repeat 0px 0px;
    height: 155px;
}
#main UL.link LI A.userinfo:hover
{
    background: url(images/user_info_hover.gif) no-repeat 0px 0px;
}
#main UL.link LI A.download
{
    margin: 0px 18px 0px 0px;
    width: 166px;
    display: block;
    background: url(images/downloads.gif) no-repeat 0px 0px;
    height: 155px;
}
#main UL.link LI A.download:hover
{
    background: url(images/downloads_hover.gif) no-repeat 0px 0px;
}


#main UL.hint
{
    width: 100%;
display: block;
}
#main UL.hint LI
{
    float: left;
    margin-left: 90px;
}
#main UL.hint LI a
{
    width: 80px;
    height: 30px;
    display: block;
    color: #333;
    text-decoration: none;
    padding: 8px 0 0 40px;
}
#main UL.hint LI a:hover
{
    color: Blue;
    text-decoration: underline;
}

#main UL.hint LI A.downit
{
    background: url(images/downit.png) no-repeat 0px 0px;
}
#main UL.hint LI A.howuse
{
    background: url(images/howuse.png) no-repeat 0px 0px;
}
#main UL.hint LI A.buy
{
    background: url(images/buy.png) no-repeat 0px 0px;
}


/*--------------------------------------------wraper start-------------------------------------------*/



#demo-wrapper
{
    margin: 0px auto;
    overflow: hidden;
    width: 958px;
    position: relative;
    height: 320px;
}
#demo-inner
{
    width: 2874px;
    position: relative;
    height: 320px;
}

#demo-bar
{
    padding: 0px;
    margin: 0px auto;
    width: 958px;
    height: 80px;
    border-bottom: 0px solid #426FA8;
}

.scrolling-content
{
    width: 139px;
    position: absolute;
    height: 73px;
    text-align: left;
}


#user1
{
    background: url(Images/icon.gif) no-repeat 575px top;
    padding-top: 75px;
    width: 958px;
    position: absolute;
    height: 210px;
    text-align: left;
    font: normal 12px/18px Verdana;
    color: #555;
}

#user2
{
    background: url(Images/002_top.gif) no-repeat 20px top;
    padding-top: 80px;
    width: 550px;
    position: absolute;
    height: 300px;
    text-align: left;
    font: normal 12px/18px Verdana;
    color: #555;
}

#user3
{
    padding: 20px 0 0 30px;
    width: 500px;
    position: absolute;
    height: 300px;
    text-align: left;
    font: normal 14px/20px Verdana;
    color: #555;
}

#content1
{
    background: url(images/top.gif) 0 0 no-repeat;
    left: 0px;
    width: 958px;
    top: 0px;
    height: 305px;
}
#content2
{
    background: url(/Images/supermonitor.png) no-repeat right top;
    left: 958px;
    width: 928px;
    top: 0px;
    height: 305px;
}
#content3
{
    background: url(/Images/002.jpg) no-repeat right top;
    left: 1916px;
    width: 958px;
    top: 0px;
    height: 305px;
}


#product1
{
    background: url(images/title_download.gif) no-repeat 25px bottom;
    width: 900px;
    height: 30px;
    padding: 38px 0 0 90px;
}
#product2
{
    background: url(images/download2.jpg) no-repeat 25px bottom;
    width: 500px;
    height: 30px;
    padding: 38px 0 0 90px;
}

.productdown
{
    background: url(images/download.png) no-repeat 25px bottom;
    width: 900px;
    height: 30px;
    padding: 38px 0 0 90px;
}
.productdown a:link
{
    font: bold 14px Verdana;
    color: #FF6604;
    text-decoration: none;
    background: none no-repeat 0px center;
    padding: 67px 0 0 10px;
}
.productdown a:hover
{
    color: #000;
    text-decoration: none;
    background: none no-repeat 0px center;
    width: 443px;
    height: 67px;
}

.exdown
{
    padding: 5px 0 0 25px;
    font: normal 12px/20px Verdana;
    color: #663300;
}
.exdown a:link
{
    color: #333399;
}
.exdown a:hover
{
    color: #669966;
}


UL#notice1, UL#notice2
{
    font-size: 12px;
    margin-left: 30px;
}
UL#notice1 LI, UL#notice2 LI
{
    background: url("Images/check.png") 0% 50% no-repeat;
    padding-left: 30px;
    margin-bottom: 5px;
}
UL#notice1 LI A:link, UL#notice2 LI A:link
{
    color: #434343;
    text-decoration: none;
}
UL#notice1 LI A:hover, UL#notice2 LI A:hover
{
    color: #FF6604;
    text-decoration: none;
}
UL#notice1 LI A:visited, UL#notice2 LI A:visited
{
    text-decoration: none;
}

UL#buttons LI
{
    width: 319px;
    height: 80px;
    float: left;
}
UL#buttons LI A:link
{
    display: block;
width: 319px;
    height: 80px;
}
UL#buttons LI A:visited
{
    display: block;
    width: 319px;
    height: 80px;
}

LI#but_intro
{
    background: url(images/safety_small.jpg) no-repeat 0% 100%;
}
LI#but_intro A:hover
{
    background: url(images/safety_small.jpg) no-repeat;
}
LI#but_intro A.active
{
    background: url(images/safety_small.jpg) no-repeat;
}

LI#but_flexible
{
    background: url(images/soft_small.jpg) no-repeat 0% 100%;
}
LI#but_flexible A:hover
{
    background: url(images/soft_small.jpg) no-repeat;
}
LI#but_flexible A.active
{
    background: url(images/soft_small.jpg) no-repeat;
}

LI#but_support
{
    background: url(images/service_small.jpg) no-repeat 0% 100%;
}
LI#but_support A:hover
{
    background: url(images/service_small.jpg) no-repeat;
}
LI#but_support A.active
{
    background: url(images/service_small.jpg) no-repeat;
}


/*--------------------------------------------wraper end-------------------------------------------*/

/*--------------------------------------------inner left-------------------------------------------*/

#innerleft
{
    width: 220px;
    float: left;
}
#innerleft ul
{
    width: 220px;
}
#innerleft ul li
{
    margin: 0 0 -1px 0;
}
#innerleft ul li a
{
    display: block;
    background: url(images/title_menu_2.gif) 0 0 no-repeat;
    padding: 5px 0 0 80px;
    font: bold 14px/20px Arial;
    color: #fff;
    text-decoration: none;
    height: 31px;
}
#innerleft ul li a:hover
{
    color: #333;
    background: url(images/title_menu_1.gif) 0 0 no-repeat;
}


/*--------------------------------------------inner left-------------------------------------------*/

/*--------------------------------------------inner item-------------------------------------------*/
.textimg
{
    float:left;
}

#friend
{
background-color:#def;
border: solid 1px #ccc;
color:#333;
width:100%;

margin: 0px 0 0px 0;
padding:0px 0 0 0px;
}

#friend a
{
    padding: 0 10px;
    font: normal 11px/18px Verdana;
    color: #666666;
    background-color: inherit;
    text-decoration: none;
}
/*--------------------------------------------inner item-------------------------------------------*/


/*--------------------------------------------pay-------------------------------------------*/
.PlanHeader{
	background:url(images/tab.gif) no-repeat left;
	width:122px;
	line-height:53px;
	
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	letter-spacing:-1px;
}
.PlanHeader2{
	background:url(images/PlansHeader.gif) no-repeat center bottom;
	/* width:106px; */
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	letter-spacing:-1px;
	padding:20px 20px 10px 20px;
}

.side{
	text-align:left;
	background:url(images/side.gif) no-repeat left;

	font-size:12px;
	font-weight:bold;
	color:#424242;
	padding:11px 11px 11px 20px;
	}
.side_guanjia{
	text-align:left;
	background:url(images/side.gif) no-repeat left;
	font-size:12px;
	font-weight:bold;
	color:#424242;
	padding:11px 11px 11px 20px;
	}	
.c1{
	text-align:center;
	background:url(images/bg_01.gif) repeat-x;
	border-left:1px solid #ccc;
	
	margin-top:2px;

	}
.c1_guanjia{
	text-align:center;
	background:url(images/bg_01.gif) repeat-x;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top:2px;
	width:238px;
	}		
.c2{
	text-align:center;
	background:url(images/bg_01.gif) repeat-x;
	border-left:1px solid #ccc;	
	width:120px;
	
	}
.c2_xieshou{
	text-align:center;
	background:url(images/bg_01.gif) repeat-x;
	width:116px;

	}			
.c3{
	text-align:center;
	background:url(images/bg_01.gif) repeat-x;	
	border-left:1px solid #ccc;
	width:120px;
	}	
.c4{
	text-align:center;
	background:url(images/side_01.gif) no-repeat right;
	border-left:1px solid #ccc;
	padding-right:12px;
	width:122px;
	
	}
.c4_guanjia{
	text-align:center;
	background:url(images/side_01.gif) no-repeat right;
	border-left:1px solid #ccc;
	width:235px;
}
.c4_xieshou{
	text-align:center;
	background:url(images/side_01.gif) no-repeat right;
	border-left:1px solid #ccc;
	
	width:116px;
	margin:0;
	padding:0;
}
.c4_xieshoutonglan{
	text-align:left;
	background:url(images/side_02.gif) no-repeat right;
	border-left:1px solid #ccc;
	width:474px;;
	

}		
.borderBottom{
	border-bottom:1px solid #f1f1f1;}

.Box {
	padding:10px;
	border:solid 1px #dadada;
	background-color:#f9f9f9;
}


div.tooltip
{
	position: absolute;
	z-index:100;
	padding:10px;
	border:solid 1px #dadada;
	background-color:#f9f9f9;
	width: 200px;
	text-align:left;
	font-size:12px;
}
.zhongyao
{
	font-weight:bold;
	color:#FF0000;
}
.shuoming
{
float:left;
margin-left:80px;
display:inline;
width:60px;
}
.xiangqing
{
float:right;
width:60px;
padding-right:10px;
}
/*--------------------------------------------pay-------------------------------------------*/