body{  font-family:Arial, Helvetica, sans-serif;    
    font-size:14px;
    line-height:20px;
}

.logo a:hover,.logo a:visited{ text-decoration:none;}

#content{
    padding:10px 0 0px;
}
.content{
    margin:0 20px;
}
.wrapper{
	width:100%;
	overflow:hidden;
	padding-top:30px;
	margin-top:10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	
}

.wrapper_1{
	width:100%;
	overflow:hidden;
	padding-top:20px;
	margin-top:30px;
	
	
}

h2{
    font-size:22px;
    color:#838383;
    line-height:20px;
    padding:5px 0 20px 0
}
h4{
	font-size:21px;
	padding-bottom: 12px;
	margin-top:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C4CAC8;
	color:#666666;
}

a{
    text-decoration:none;
}
.clear{
    clear:both;
  
}

header#head{
	height:90px;
	
	background: url(../image/bg-top.jpg) repeat-x;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
}

.top{
	width:1000px;
	position:relative;
	overflow:hidden;
	margin:0 auto 20px;
	
}

.top .logo{
	color:#efefef;
	width:155px;
	height:75px;
	float:left;
	padding-top:12px;
	font-size:28px;
	margin-right:25px;
	background-image: url(../image/icon/logo.png);
	background-repeat: no-repeat;
	background-position: center;
}

.top .logo a{
	width: 144px;
	height: 75px;
	display: block;
	text-indent: -9999px;
}
.top .navBtn{
	display: none;
}
.navMenu{
    float:right;
	padding-top:45px;
	width:620px; float:right;
	margin-left:30px;
	padding-left:20px;	
	
}
.navMenu li{
    float:left;
	
	
}
.navMenu li a{
	display:block;
	padding-left:20px;
	padding-right:20px;
	font-size:15px;
	line-hight:40px;
	color:#707070;
	
}
.navMenu li a:hover{
	color:#FF9933;
	text-decoration: none;
	padding-bottom:25px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;
	
}
.navMenu .m1{ color:#FF9933;}

.navMenu .m20{padding-bottom:25px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;}




/*pad*/
@media screen and (max-width:1024px){
	
	body{overflow-x: hidden;}
	
	/*header*/
	.top { width:100%;height: 80px;	border-bottom: 1px solid #dedad6;overflow: visible;	z-index: 100;}
	.top .logo {background:url(../image/icon/logo.png) no-repeat;color:#efefef;width:149px;height:77px;font-size:28px;}
	.top .navBtn{width: 30px;height: 30px;background: url(../image/icon/icon_nav.png) center left no-repeat;position: absolute;	right: 25px;	top: 25px;	z-index: 0;
		text-indent: -9999px;display: block;}
	.top ul.navMenu{
		width: 100%;
		margin: 0px auto;
		font-size: 16px;
		padding-top: 0px;
		top: 80px;
		display: none;
	}
	.top ul.navMenu li{
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background: #f8f3f5;
		border-top: 1px solid #dedad6;
	}
	.top ul.navMenu li a{
		display: block;
		color: #000;
		padding-left:0;
		font-size:18px;
	}
	.navMenu li a:hover{
		color:#FF0000;
		text-decoration: none;
		
	}
	.navMenu .m1{width: 100%; color:#fff;height: 50px;line-height: 50px;text-align: center;	background: #79CAFF;border-top: 1px solid #dedad6;}
	.btn { margin-left:45px !important}
	.use .user2 { margin:0; padding:0;}
	
	
}


/*phone*/
@media screen and (max-width: 640px) {
	.top{
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		background:#fff;
	}
	
	/*WE FOCUS ON*/
	.user_title { width:96% !important;;}
	.u_list{width:100% !important;margin:0 auto;padding-top:20px;margin-bottom:10px;}
	.user_list { width: 100%;}
	.use { width:96% !important; margin:2% auto; float: none !important;}
	.user2 { width: 96%; background: #fff; margin-left: 2% !important; float: left !important; }
	.main { width:100%;}
	.wrapper_1 { padding-top:40px;}
	.btm { width:100%;}
	.btm ul li { width: 100% !important; padding: 30px 0 !important;}
	.btm dl dt{text-align:center;}
	.btm dl dd {font-size:14px;color:#797979;  margin-top:25px; width: 96%; margin: 2% !important;}
	.btm dl dd.date{font-size:12px; color:#8f8f8f;}
	.btm ul li.blue { width: 100% !important;}
	.feat li { margin-left:20px;}
	.user_tips { width: 100%;}
	.new_box { width: 100% !important;}
	.news{ width: 100% !important;}
	.weixin { width: 100%; margin-right: 0px !important;padding-right:0px !important;}

	/*product*/
	.foot_bg { width: 100% !important; padding-bottom: 30px; height: auto !important;}
	.foot_bg .support_h1 { width: 100% !important;line-height: 35px;color: #FFFFFF;}
	.foot_bg .p_text { width: 100% !important;}
	.foot_bg .p_text p { width: 98% !important; word-wrap:break-word; padding-left: 1%;}
	.store_1 { width: 100% !important; height: auto !important;}
	.m6 {width: 100% !important; margin-bottom: 50px !important;}
	.store_left { width: 100% !important; float: none !important;}
	.store_line { width: 100% !important;}
	.store_line img { width: 100% !important;}
	.product_box { width: 100% !important; float: none !important;}
	.store_pic_box { text-align: center; float: none !important; width: 100% !important;}
	.store_text_box { width: 98% !important; margin-left: 2% !important; float: none !important;}
	.store_right { width: 100% !important; float: left !important;}
	.btn { margin-left:45px !important; float: none !important;}

	/*support*/
	.support_h1 { width: 100% !important; margin-left:0 !important;}
	.s11 { width: 100% !important;}
	.foot_box { width: 96% !important; padding-left: 4% !important;}
	.store_text_box_1 { width: 100% !important; float: none !important; margin-left: 0 !important;}
	.store_text_box_1 p { width: 96% !important; margin-left: 2%;}
	.store_text_box_1 h3 { width: 96% !important; margin-left: 2%;}


	/*tutorial*/
	.nav_a { width: 100% !important;}
	.tutorial_box { width: 100% !important; height: auto !important;}
	.store_text_box_1 .title13 { width: 100% !important;}
	.store_pro { width: 100% !important; height: auto !important; margin-bottom: 0px !important;}
	.store_pro h2 { width: 100% !important; }
	.store_pro p{ width: 98% !important; height: auto !important; padding-left: 1%;}
	.store_pro li { width: 100% !important;}
	.store_pro_img_left { width: 100% !important; float: none !important;}
	.store_pro_img_right { width: 100% !important; float: none !important;}
	.store_pro_text_right { width: 100% !important; float: none !important;}
	.store_pro_text { width: 100% !important; float: none !important;}
	.store_pro_img { width: 100% !important; float: none !important;}

	/*iphone-data-eraser*/
	.guide_nav { width: 98%; margin-left: 2%;}
	.contain_part { width: 100%;}
	.contain_part .left { width: 100%;}
	.contain_part .h1bg {float:none !important; background-color:#79CAFF; height:auto; width:100%; }
	.contain_part .h1bg h1 { width: 98%; margin-left: 1%;}
	.contain_part .left_body { width: 98%; margin:0 1%; padding-right:0; float: none !important;padding-left: 0px !important;}
	.download_box { width: 100%; text-align: center;}
	.left p { width: 100%;}
	.left_body p img { width: 100%;}
	.specialArea { width: 100%;}
	.related_box { width: 100%;}
	.contain_part .author { width: 70%; margin: 0 auto;	float:none !important;}
	.contain_part .hotpro { width: 70%; margin: 0 auto; float:none !important;}
	.contain_part .right{ width: 90%; margin: 0 auto; float:none !important;}
	.contain_part .right, .hotpro .title { height: auto;}
	.h4title { width: 100%; padding-left: 0;}

	/*ios-data-eraser*/
	.banner {width: 100%; height: auto !important;}
	.w_box { padding-bottom:20px;}
	a.orangeBtn-b { width: 80% !important; margin-left:10%;}
	.blueBtn-b, .orangeBtn-b { width: 80% !important; margin-right: 0 !important; margin-left:10%;}
	.blueBtn-b .name, .orangeBtn-b .name { font-size:14px !important;}
	.bann_box { width: 100% !important;}
	.banner .text_box { width: 100% !important; float: none !important;}
	.pb_left { width: 98%; margin-left: 2%;}
	#autotab { width: 100% !important; padding-bottom:20px;}
	#autotab_con ul { width:100% !important;}
	#autotab_con ul li { width:300px !important;  word-wrap:break-word;}
	.feature_1 { width: 100% !important; height: auto !important;}
	.fea_pic_box { width: 100% !important; float: none !important;}
	.fea_pic_box img { width:98% !important; margin:0 auto;}
	.fea_text_box { width: 100% !important; float: none !important;}
	.fea_text_box p{ width: 98% !important; margin: 0 auto;}
	.fea_text_box .title13 {width: 98% !important; margin: 0 auto;}
	.line { width: 100% !important; float: none !important;}
	.fea_pic_box_right { width: 100% !important; float: none !important;}
	.fea_pic_box_right img { width:98% !important; margin:0 auto;}
	.fea_text_box_left { width: 100% !important; float: none !important;}
	.fea_text_box_left .title13 { width: 98% !important; margin: 0 auto;}
	.fea_text_box_left table { width: 100% !important; height: auto !important;}
	.fea_text_box_left  p { width:98% !important; padding-left:2%;}
	.autotab_control { top:107px !important; left:60% !important;}

	
	
    /*footer*/
    #foot { width:100%;}
	.container { width:100% !important;}	
	.ros_prod .span3 { margin:0 auto; width:180px;}
	.ros_prod .mt20 { margin-left: 0px !important; width: 100% !important; text-align: center;}
	.h3line { width: 100% !important;}
	.ros_prod .mt22 { margin-left: 0px !important; width: 100% !important; text-align: center;}
	.mt30 { text-align: center;}
	.ros_prod .span { float: none !important; margin-right: 0px !important;}
	.protext p { width: 100% !important;}


}


.col1{
	float:left;
	height:89px;
	display:block;
	margin:0 20px 50px;
	width:72px;
	display:inline-block;
	background-repeat: no-repeat;
}
.feat li{
    display:inline-block;
}
.des{
    float:left;
    width:184px;
    margin-right:20px;
}
.des p{font-size:13px;}
.feat-1{
    background-position:0 -11px;
}
.feat-2{
    background-position:-42px -13px;
}
.feat-3{
}
.feat-4{
    background-position:-216px 0px;
}
.feat-5{
    
}
.feat-6{
    background-position:-360px -2px;
}
.col1 li.funcs li img{
    width:120px;
    height:108px;
}
.col1 li h3{
    font-size:16px;
    color:#363636;
    margin:-2px auto 5px;
    _margin-top:0;
}
.wrapper-root{
    background-color:#EFEFEF;
    border-bottom:1px solid #dddddd;
    height:355px;
	
}

/*WE FOCUS ON*/
.u_list{width:1000px;margin:0 auto;padding-top:20px;margin-bottom:10px;}
.user_title{}
.user_list{height:380px;}
.use{
	float:left;
	width:310px;
	
}
.user2{margin-left:30px;}
.u_list p{font-size:14px;margin-top:10px;}
.c_left a:hover{color:#0BA8FF;}

.pro_1 {width:310px;float:left;	background-color:#00BDAA;margin-right: 32px;}
.pro-imag { margin:0 auto; width:120px;
	
	
}
.pro_2 {
	width:313px;
	float:left;
	background-color:#009999;
	

}
.protitle {font-size:20px;color:#FFFFFF;margin-left:15px; float:left;} 
.protitle a {color:#FFFFFF;}
.use .protitle a:hover{color: #333333;text-decoration: none;}

  .bluebtn{padding:0;font-size:13px;height:33px;line-height:33px;width:100px;margin-right:37px;}
  .btn{margin-right: 22px;margin-bottom: 0;margin-left: auto;padding-top: 5px;padding-right: 0;
	padding-bottom: 0;padding-left: 0; margin-top:10px;}
.orangebtn, .orangebtn-s {
background: #F6772C;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.bluebtn, .bluebtn-s, .orangebtn, .orangebtn-s, .graybtn {
	display: inline-block;
	color: white !important;
	padding: 0 3px;
	font-size: 19px;
	font-weight:600;
	height: 36px;
	padding: 0 10px;
	line-height: 36px;
	text-align: center;
	border-radius: 3px;
	text-decoration: none !important;

-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	background-color: #0099CC;
}




.orangebtn:hover, .orangebtn-s:hover {
background: #FF8238;
text-decoration: none;
}


.propic {height:200px;	background-image: url(../image/ios_eraser.jpg);
	background-repeat: no-repeat;
 padding-top:5px;}


.propic2 {height:200px;	background-image: url(../image/ios_rescuer_banner.jpg);
	background-repeat: no-repeat;
 padding-top:5px;}

/*END*/


.col2,.col3{
    padding-top:40px;
}
.col2 li{
    background:url(../image/feature-root.png) no-repeat;
    float:left;
    width:210px;
    height:104px;
    padding:0 0 0 110px;
}
.col2 li.feat-1{
    background-position:0 0px;
}
.col2 li.feat-2{
    background-position:0 -104px;
}
.col2 li.feat-3{
    background-position:0 -208px;
}
.col2 li p{
    margin:20px;
    font-size:15px;
    line-height:25px;
}
.col3 li{
    background:url(../image/logo-bg.png) no-repeat;
    float:left;
    width:290px;
    height:125px;
    margin:0 20px 0px;
    padding:0 0 0 150px;
}
.col3 h2{
    padding-top:20px;
    line-height:0
}
.col3 li.feat-1{
    background-position:0 0px;
}
.col3 li.feat-2{
    background-position:0 -125px;
}

.line{
    text-align:center;
    margin:15px 0
}

.store_line{
    text-align:left;
    margin:15px 0;
	width:700px;
}
.store_right {width:250px; float:right;}
.content-left{
    float:left
}
.content-right{
    float:right;
}

.news{
    background:url(../image/newsbj.jpg) no-repeat;
    float:left;
    padding-left:18px;
    width:280px;
}
.new_box .m2{margin-left:50px;}
.news .user_tip {
	font-size:16px;
	width:250px;
	height:30px;
	margin-bottom:5px;
	padding-top:5px;
	color:#FFFFFF;
	padding-left:15px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	background-color: #008CBB;
}





.news ul.tip_list{ margin:0 5px 0 10px;}
.news ul.tip_list li{ margin-bottom:2px; margin-left:15px;}
.news  .tip_list li{
	padding-right:0px;
	
	color:#999999;
	list-style-position: outside;
	list-style-type: disc;
	font-size:10px;
	margin-left:15px;
}
.news  .tip_list li a{display:block;color:#8C8C8C;padding-top: 6px;padding-right: 0;padding-left: 1px; font-size:13px;} 





.new_box {
	width:700px;
	
	float: left;
}

.weixin{
    float:right;
    border-left:1px solid #ccc;
    padding-left:35px;
    padding-right:25px;

	margin-right:50px;
	
}



/*bottom*/ 
.bottom{ background:#2f3337;padding:20px 0 50px 0; }
.bottom h3{
	font-weight:bold;
	color:#BEBEBE;
	font-size:15px;

}
.bottom li a{color: #808080; text-align:left; line-height:2.2em; font-size:10px; ;}


/*footer*/

footer#foot{
	background:#2f3337;
	color:#a6aeb1;
	padding-bottom:20px;
	text-align:center;
	line-height:1.8em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C4C4C;
}
footer a{color:#a6aeb1;}

.totop{ display:none; background:url(images/btn_img.png) no-repeat 0 -30px; position:fixed; z-index:2;  width:43px; height:43px; bottom:30px; right:0; font-size:16px; text-indent:-9999px;}


.container{
	width:960px;

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}  
.container p{font-size:10px;}
.ros_prod {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.ros_prod:before,.ros_prod:after {display: table;line-height: 0;content: "";} 
.ros_prod .span{float: left; display: block; margin-left: 2.564102564102564%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-right:40px; }

.ros_prod .span:first-child {margin-left: 0;}
.ros_prod .span2 { width: 48.717948717948715%;  }
.ros_prod .span3 { width: 180px;  }


.mt15 {font-size:10px;}
.h3line {width:120px;}
.ros_prod .mt22 {margin-left:40px;}

.banner {
	margin:auto 0;
	height:530px;
	background-color:#0099CC;
	background-image: url(../image/ios-big-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.m11{background-image: url(../image/dat-wipe-software.jpg);
	background-repeat: no-repeat;
	background-position: center;}


.bann_box {width:1000px; margin: 0 auto;}
.bann_box  .pic_box  {width:430px; padding-top:35px; float:left;}
.banner .text_box {
	width:550px;
	color:#FFFFFF;
	padding-top:30px;
	float:left;
	font-size: 18px;
}
.banner .text_title {color:#FFFFFF; padding-top:20px;}
.pb_left ul li{font-size:14px;line-height:25px;}
.pb_left ul {margin-bottom:10px;}

.M11{ line-height:1.5em; margin-bottom:10px; font-size:20px;}


.Twobutton{float:left;width:500px;display:inline;margin-right: 20px;margin-left: 10px;margin-top: 20px;margin-bottom: 20px;  }
.buttonstype{ float:left;width:215px; height:60px; display:block; color:#fff; font-size:10px;}
.buttonBUY{color:#fff;background-color: #FF0000; float:left; border-radius: 5px;}
.buttonBUY:link{color:#fff;background-color: #FF6600;text-decoration: none;}
.buttonBUY:hover{color:#fff;background-color: #FF0000;}
.button_ico{float: left;padding-top: 13px;width: 56px;height: 44px;line-height: 44px;text-align: center;margin-right: 18px;}
.button_ico{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B61025;
}
.button_text{color:#fff;font-size: 24px;line-height: 30px;padding: 8px 0px 0px;}
.buttonDOWN{background-color:#009944; margin-left:48px; float:left;overflow:hidden;color:#fff; border-radius: 5px;}
.buttonDOWN:link{color:#fff;background-color:#FF6600;text-decoration: none;}
.buttonDOWN:hover{color:#fff;background-color:#008c3e;}
.button_ico2{border-right:#007842 1px solid;}
.computer_img{float:left; width:450px; padding-top:50px;}
.sonpage_banner_bottom_con{width:1000px;}
.sonpage_banner_bottom_user1{float:left;width:446px; height:118px; color:#525151; font-size:12px; margin:42px 20px 0px 20px;display:inline;}
.title1{font-size:22px;color:#FFFFFF;margin-top: 30px;margin-left: 5px;line-height: 23px;}


.fea_pic_box {width:390px; float:right;}
.fea_text_box {width:480px; float:left;}
.fea_text_box .title13 {
	color:#919191;
	font-size:21px;
	margin-bottom:20px;
	line-height:23px;
}


.feature_box_1{padding-top:50px;padding-bottom:80px;}
.feature_1 {width:1000px; height:320px; margin:0 auto;}
.m4 {margin-top:50px;}
.fea_pic_box_right {width:370px; height:320px; float:right;}
.fea_text_box_left {width:480px; float:left;}
.fea_text_box_left .title13 {
	color:#7C7C7C;
	font-size:21px;
	margin-bottom:20px;
	line-height:23px;
}



.banner_box{
	margin:0 auto;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



#travel_focus ul li{list-style:none;float:left;}




.clear{clear:both;}
.thRelative{position:relative;top:0;left:0;}


/*======== travel_banner start =======*/
.travel_banner{width:100%;margin:0 auto;height:220px;}
.travel_focus{
	width:100%;
	height:393px;
	overflow:hidden;
	position:relative;
	background-image: url(images/icon/android-transfer-banner.png);
}
.travel_focus ul{height:100%; position:absolute;}
.travel_focus ul li{width:100%;height:393px;overflow:hidden; position:relative; background:#000;}
.travel_focus ul li div{position:absolute; overflow:hidden;}
.travel_focus .btn {position:absolute;height:22px;left:392px;bottom:10px;z-index:200;}
.travel_focus .btn span {display:inline-block; _display:inline; _zoom:1;text-align:center;color:#fff;width:30px;height:8px;line-height:20px;_font-size:0; margin-left:10px; cursor:pointer; background:#81C000;}
.travel_focus .btn span.on {background-color:gainsboro;}
.travel_focus .preNext{width:45px;height:50px;position:absolute;top:150px;background:url(../images/destin_main.png) no-repeat -4px -52px; cursor:pointer;}
.travel_focus .pre {left:0;}
.travel_focus .next {right:0; background-position:-50px 0;}

/*======== travel_banner end =======*/


.bran_list_img,.bran_list_img ul,.bran_list_img ul li{width:1350px;}
.bran_list_img .btn span{margin-left:2px;}
.bran_list_img .travel_btn{width:1530px;height:32px;position:relative;left:-10px;top:350px;}
.bran_list_img .travel_btn_bg{position:absolute;left:0;bottom:0;width:700px;height:32px;opacity:0.66;filter:alpha(opacity = 66);z-index:1;}
.bran_list_img .btn{left:640px;bottom:5px;}
.bran_list_img .travel_btn_text{color:#fff;position:absolute;left:10px;bottom:0;height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:32px;z-index:100;font-size:14px;}
.bran_list_img .travel_btn_text p{height:32px;overflow:hidden;position:relative;}


  .bluebtn{padding:0;font-size:13px;height:33px;line-height:33px;width:100px;margin-right:37px;}
  .btn{margin-right: 22px;margin-bottom: 0;margin-left: auto;padding-top: 5px;padding-right: 0;
	padding-bottom: 0;padding-left: 0; margin-top:10px; float:left;}


.protext p{
	text-align:left;
}


#autotab{ width:1000px; margin:0 auto; position:relative; height:80px; padding-top:20px;  color: #7B7B7B;overflow:hidden;}
#autotab_con{ width:1000px; position:relative;}
#autotab_con ul{ margin-left:0; width:4000px; float:left; height:80px; overflow:hidden;}
#autotab_con ul li{ float:left; width:1000px; height:80px; font-style:italic; line-height:20px; font-size:14px;}
#autotab_con ul li span{ color:#555; font-style:italic; }
.autotab_control{position:absolute; width:120px; height:25px; top:70px; left:80%; z-index:2;}
.autotab_control ul{list-style:none; overflow:hidden;}
.autotab_control ul li{ float:left; width:23px; height:6px; margin-right:6px; background:#bbb; cursor:pointer;}
.autotab_control ul li.cur{ background:#3198ce;}

.more{font-size:19px; margin-bottom:10px;}



/* sidebar */
.sidebar{
	float:left;
	border: thin solid #E4E4E4;
}
.sidebar .cart-tit{
	height:58px;
	line-height:58px;
	color:#fff;
	padding:0 15px;
	background-color: #00B1EC;
	
}
.m33 {margin-top:10px; margin-bottom:10px; background-color:#00CC99;height:58px;
	line-height:58px;
	color:#fff;
	padding:0 15px;
	}
.m34 {margin-top:10px; margin-bottom:10px; background-color:#FF9933;height:58px;
	line-height:58px;
	color:#fff;
	padding:0 15px;
	}
	
	
.sidebar .gray{ background:#f3f3f3;padding:20px;}
.sidebar .search {background:#fff; border-radius:5px; padding:5px 30px 5px 8px; margin-top:3px; position:relative;}
.sidebar .search .text {display:inline-block; border:0; width:100%; height:22px; line-height:22px; border-radius:5px; color:#999; background:none;}
.sidebar .search .text:focus {color:#333;}
.sidebar .search .search-btn {display:inline-block; position:absolute; top:5px; right:2px; background:url(images/btn_img.png) no-repeat 3px 3px; border:0; width:22px; height:22px; overflow:hidden; text-indent:-99999px; cursor:pointer;}
.sidebar .title{ font-weight:bold; line-height:40px;margin-top:10px;}
.sidebar .nav dl{border-top:1px solid #ccd5da;padding:5px 0 15px 0;}
.sidebar .nav dt{ background:url(images/sidebar_arrow.png) no-repeat 5px center;font-weight:bold; line-height:2em;padding-left:20px;}
.sidebar .nav dt.curr {background:url(images/dot-arrow2.png) no-repeat 7px center #CCD5DA;}
.sidebar .nav dd{padding-left:20px;}
.sidebar .nav dd a{color:#939393; line-height:2em;}
.sidebar .nav dd.curr {background:#CCD5DA;}
.sidebar .nav dd.curr a {color:#333;}
@media (max-width: 979px) {
	.sidebar{width:30%;}
}
@media (max-width: 767px) {
	.sidebar{float:none;width:100%;}
	.sidebar .title{ line-height:58px;height:58px; cursor:pointer; background:url(images/sidebar_arrow2.png) no-repeat right center;}
	.sidebar .nav{display:none;}
	.sidebar .nav.hidden{ display:block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
}
@media (max-width: 736px) {
	.feature_1 { width: 100% !important;}
	.fea_pic_box_right { width: 100%; height: 320px;}
	.fea_text_box_left { width: 96%; margin-left: 2%;}

	.fea_pic_box  { width: 100%; height: 320px;}
	.fea_text_box { width: 96%; margin-left: 2%;}

}
@media (max-width: 667px) {
	.feature_1 { width: 100% !important;}
	.fea_pic_box_right { width: 100%; height: 320px;}
	.fea_text_box_left { width: 96%; margin-left: 2%;}
	
	.fea_pic_box  { width: 100%; height: 320px;}
	.fea_text_box { width: 96%; margin-left: 2%;}
}
.sidebar-l{float:left;width:24%;}

.pop-link{ padding:10px 25px;}
.pop-link dt{ font-weight:bold;border-bottom:1px solid #ccd5da;padding-bottom:15px;}
.pop-link dd{border-bottom:1px solid #ccd5da;}
.pop-link dd a{ background:url(images/sidebar_arrow.png) no-repeat 0 center;  line-height:40px;}
.side-livechat {text-align:center;}
.side-livechat .txt{ background:#6ec2e8; text-align:center; line-height:54px;color:#fff; font-weight:bold;}
.sidebar-bbox{ padding:0 25px 15px 15px;}
.sidebar-bbox .item{
	padding-top:15px;
	padding-bottom:20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
}
.sidebar-bbox .item .text{padding-left:45px; color:#797979;}
.sidebar-bbox .item .text dt{ font-weight:bold;}
@media (max-width: 979px) {
	.sidebar-l{width:30%;}
.foot_box { width: 100% !important;}
}
@media (max-width: 767px) {
	.sidebar-l{float:none;width:auto; margin-top:20px;}
}
.f2 {width:50px; float:left;}
.mr15 {
	color:#FFFFFF;
	font-weight: bold;
}


.foot_left {
	width:680px;
	float:left;
	border: thin solid #E1E1E1;
	padding-left:20px;
	padding-right:20px;
}



/*==tutorial_page===================*/
#content_turoial{
	position:relative;
	width:69%;
	float:left;
	padding-left:29px;
	zoom:1;
	border: thin solid #E6E6E6;
}
#content_turoial .title1{border-bottom:1px solid #e5e5e5;padding:15px 0}
#content_turoial .title1 h1{font-size:22px;font-weight:bold}
#content2{padding:0 29px;zoom:1}
#content2 .title1{border-bottom:1px solid #e5e5e5;padding:15px 0}
#content2 .title1 h1{font-size:25px;font-weight:bold}
#content p .step{display:block;float:left;margin-right:5px;padding-right:4px;width:18px;height:18px;background:url(img_style/step_bg.gif) left top no-repeat;font:bolder 12px/140% arial;color:#FFF;text-align:center;line-height:18px}
/*2010-09-26*/
#content_turoial .exp{margin:15px;float:left;width:285px}
#content_turoial .r_exp{margin:15px;float:right;width:285px}
#content_turoial .exp .text{padding-left:55px}
#content_turoial .exp .text a.free{background:url(img_style/icon_free.gif) no-repeat 0 center;width:70px;line-height:20px;float:left;display:block;padding-left:15px;font-size:11px}
#content_turoial .exp .text a.buy{background:url(img_style/icon_buy.gif) no-repeat 0 center;width:70px;line-height:20px;float:left;display:block;padding-left:15px;font-size:11px}
#content_turoial .exp p{line-height:18px;padding-bottom:10px}
#content_turoial h3{font-size:14px;font-weight:bold;line-height:18px;margin:5px 0}
#content_turoial h3 a{color:#004986;font-size:14px;font-weight:bold}


.topics_list {padding:5px 0;display:block; overflow:hidden; _zoom:1;}
.topics_list a {color:#333; text-decoration:none;}
.topics_list a:hover {text-decoration:underline;}
.topics_list li {display:block; float:left; width:170px; padding:0 15px 5px 10px;background:url(img_style/dot_icon1.gif) no-repeat left 7px;}

.box_tags{ padding:5px 0px 0px 10px;}
.box_tags a{line-height:22px;padding:0 5px;color:#004986;}
.box_tags a:hover{color:#004986; text-decoration:underline;}
.box_tags a.one{font-size:16px;font-weight:bold;}
.box_tags a.two{font-size:14px;font-weight:bold;}
.box_tags a.three{font-weight:bold;}

.hot_list {padding:5px 0;}
.hot_list a {color:#333; text-decoration:none;}
.hot_list a:hover {text-decoration:underline;}
.hot_list li {display:block; padding:0 0 5px 10px;background:url(img_style/dot_icon1.gif) no-repeat left 7px; float:left; width:196px;}


.r_top_column {background:url(img_style/top_bg.jpg) no-repeat left bottom; padding:20px 40px;}
.r_top_column .img {float:left;}
.r_top_column .img img {max-width:100%;}
.r_top_column .title {padding:10px 0 10px 300px; font-size:30px; font-weight:normal;}
.r_top_column .info {padding:0 20px 0 300px;}
.r_top_column .info p {padding:5px 0 0 0;}
.r_top_column .info li a{ width:260px; display:block; float:left;}
.r_content {padding:20px 0;}
.l_content {width:720px;float:left;border:solid 1px #c3c3c3;border-radius:6px; padding:16px;}
.r_sidebar {margin:20px 20px 0 0;}

.r_column h1 {float:left; font-size:22px;font-weight:normal;}
.r_column span { float:right; font-size:12px; color:#666; padding:5px 0 0 0;font-weight:normal;}
.tag_list {padding:0;}
.tag_list dl {padding:15px 5px; display:block; border-bottom:dashed 1px #dcdcdc;}
.tag_list dl dt {display:block;}
.tag_list dl dt span {display:block; font-size:11px; color:#999;line-height:18px;}
.tag_list a {
	font-size:14px;
	color: #0099FF;
}
.tag_list dd{color: #585858;}
.tag_list_page {text-align:center; padding-top:20px;}
.tag_list_page a {color:#2e4b87; font-size:14px; padding:0 5px; text-align:center; display:inline-block; text-decoration:underline;}
.tag_list_page a:hover {text-decoration:none;}
.tag_list_page strong {font-size:16px; padding:0 5px; text-align:center; display:inline-block;}
.tag_list_page .prev {background:url(img_style/page_jt.png) no-repeat left 4px; padding:0 15px; width:30px; text-decoration:none;}
.tag_list_page .next {background:url(img_style/page_jt.png) no-repeat right -35px; padding:0 15px; width:30px; text-decoration:none;}
.r_side_banner {text-align:center; padding:0 0 10px 0;}


.user_title {
	width:1000px;
	margin:0 auto;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.tab{
	border:0px;
	background-color: #EAEAEA;
}
.tab th{ text-align:left; font-weight:normal; color:#000; }
.tab td{
	padding-left:8px;
	background-color: #fff;
	color:#797979;
}



.left .probox{ background:#1eade7;color:#fff;padding:30px 40px;margin-top:40px; position:relative;}
.left .probox .arrow{ position:absolute;height:22px;top:-22px;left:20px;}
.left .probox h3{ font-size:20px; font-weight:500; line-height:1.2em;}
.left .probox .txt{ font-size:20px;margin-top:5px;}
.left .probox ul{margin-top:1px;}
.left .probox li{ list-style:disc;margin-left:15px;}

