@charset 'utf-8';

/**
	Date: 2015.06.15;
	Author: www.jihestudio.com;
**/

.header-menu { display: none; }
@media screen and (max-width: 1024px){
	.navigation { margin-left: 30px; }
	.header { position: relative; min-width: inherit; }
	.advShow { position: relative; padding-top: 0; padding-bottom: 170px; height: auto; background-size: cover; }
	.wrap,.mainpan .topthree,.mainpan_2 .maincontent,.banner_box,.footer .foot_box,.footer-center-container { width: 100%; }
	.banner_learn { position: absolute; padding: 5px 20px; bottom: 50px; left: 18.08%; display: inline-block; width: auto; height: auto; font-size: 16px; }
	.mainpan .topthree .ttcol { margin: 0; padding: 0 1.5%; width: 30%; }
	.mainpan .topthree .ttcol img.tthreeimg { width: 100%; height: auto; }

	.mainpan_2 .maincontent .contentbox h2.cboxtitle { padding: 15px 0 10px; margin-left: 10px; width: 100%; }
	.mainpan_2 .maincontent .contentbox .cbcol02 { margin: 10px 0 20px; padding: 1%; width: 48%; }
	.mainContent .col01 { padding: 15px 1.5%; width: 63.6%; }
	.mainContent .col01 .news { padding: 0 0 0 1%; width: 49%; border-left: none; }
	.mainContent .col02 { padding: 15px 1.5%; width: 30.3%; }
	.mainContent .col02 .col02con { padding: 0 15px; }
	.mediacon { overflow: hidden; }

	/** ios-data-eraser **/
	#main,.pro_main_box_01,#guide_box,.nav_guide { width: 100%; border: none; }
	.left_box { padding-bottom: 30px; height: auto; }
	.left_box .left { width: 40%; }
	.left_box .left img { max-width: 100%; height: auto; }
	.left_box .pro_text { width: 50%; } 

	.fea_left,.article_left,.t_left { margin-left: 0; padding-left: 10px; padding-right: 20px; width: 70%; box-sizing: border-box; }
	.pros .pro { margin-bottom: 20px; width: 100%; height: auto; }
	.pros .pro:after { display: block; content: ""; clear: both; visibility: hidden; height: 0; font-size: 0; }
	.pros .pro .img { width: 15%; height: auto; }
	.pros .pro .img img { width: 100%; height: auto; }
	.pros .pro .info { width: 80%; }
	.feature_part img { max-width: 100%; }
	#sidebar,.author_box { width: 30%; border: none; }
	#sidebar .title,.userReviews { width: auto; }
	.userReviews p { margin: 0 10px; width: auto; }

	/** tutorials **/
	.article_title { height: auto; }

	.nav ul li { margin-bottom: 10px; }
	.jian { display: none; }


}
@media screen and (max-width: 960px){
	.body-active { overflow: hidden; }
	.header-menu.show { display: block; }
	.advShow { margin-top: 57px; padding-bottom: 145px; }
	a.logo { margin-left: 10px; padding-top: 0; width: 200px; }
	a.logo img { width: 100%; height: auto; }
	.header { position: fixed; top: 0; left: 0; padding: 5px 0; width: 100%; height: 47px; z-index: 100; }
	.header .navigation,.input { display: none; }
	.header-icon { position: absolute; top: 0; right: 0; width: 57px; height: 57px; cursor: pointer; z-index: 100; }
	.header-icon:before,.header-icon:after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; margin-left: -12px;}
	.header-icon:before { height: 20px; margin-top: -16px; border-top: 2px solid #66C0F1; border-bottom: 2px solid #66C0F1; }
	.header-icon:after { height: 2px; margin-top: -5px; background: #66C0F1; }
	.header-menu { position: fixed; top: 57px; right: 0; bottom: 0; left: 0; width: 100%; background: #e7e7e7; overflow-y: auto; z-index: 9999; }
	.header-menu ul.menu,.header-menu ul.menu li { float: none; width: 100%; }
	.header-menu ul.menu li .sub_nav { position: relative; top: 0; display: block; border: none; }
	.header-menu ul.menu li a,.header-menu .sub_nav dl dt,.header-menu .sub_nav dl dd { width: 100%; height: 48px; line-height: 48px; color: #666; text-indent: 24px; text-align: left; } 
	.header-menu ul.menu li a:hover,.header-menu ul.menu li a.active { background: #ccc; color: #06b0ff; border-bottom: 0; }
	.header-menu .navigation { margin-left: 0; width: 100%; }
	.header-menu .sub_nav,.header-menu ul.menu li .sub_nav dl { margin-left: 0; padding-right: 0; width: 100%!important; background: #e7e7e7; border: none; }
	.header-menu .sub_nav dl dt,.header-menu .sub_nav dl dd { float: none; margin-top: 0; margin-left: 0; }
	.header-menu .sub_nav dl dt { color: #999; text-indent: 48px; }
	.header-menu ul.menu li .sub_nav dd a { text-indent: 48px; padding-left: 0; margin-left: 0; }
	.header-menu .menu li .sub_nav dt img { vertical-align: middle; }
}
@media screen and (max-width: 768px){
	.advShow { padding-bottom: 110px; } 
	.banner_learn { bottom: 30px; }
	.fea_left,#sidebar,.article_left,.t_left ,.author_box { float: none; width: 100%; }
	.pros .pro { width: 100%; }
	.fea_left,.article_left { padding-right: 10px; } 
	.pros .pro-line { margin: 10px 0; width: 100%; }
	.article_left .firstdes { display: none; }
	.article_left .firstdes:nth-child(2),.article_left .firstdes:nth-child(3),.article_left .firstdes:nth-child(4),.article_left .firstdes:nth-child(5)
	,.article_left .firstdes:nth-child(6),.article_left .firstdes:nth-child(7) { display: block; }
	#sidebar { margin-top: 20px; }
	.pro-btn { margin-top: -20px; }
	#sidebar ul { padding-left: 10px; width: auto; }
	#sidebar a img { width: 100%; height: auto; }
	.pro_pic01 img { /*width: 100%; height: auto;*/ }

	/** tutorials **/
	.article_left img { width: 100%; height: auto; }
	.author_box { padding: 0 10px; box-sizing: border-box; }
	.autho_pic { width: auto;  }
	.author_disc p { margin-top: 10px; }
	.author_in,.share { float: left; margin-left: 10px; }

	/** recover-iphone-contacts-mac **/
	.t_list { width: 100%; }
	.t_list ul li { position: relative; margin-top: 10px; height: auto; }
	.t_list ul li a { padding-left: 25px; height: auto; line-height: 20px; background-position: 0 3px; text-indent: 0; }
	.t_list ul li a:hover { text-indent: 0; }
	.t_list p { display: none; }

}
@media screen and (max-width: 640px){
	.header .navigation,.header .input { display: none; }
	.advShow { position: relative; margin-bottom: 10px; padding-top: 0; padding-bottom: 62px; height: auto; background-size: cover; }
	.banner_learn { position: absolute; padding: 5px 20px; bottom: 20px; left: 18.08%; display: inline-block; width: auto; height: auto; font-size: 16px; }
	.mainpan .topthree .ttcol ul.ttdesc { margin-left: 10px; }
	.mainpan { overflow: inherit; } 
	.mainpan .topthree { height: auto; }
	.mainpan .topthree .ttcol { float: none; padding: 0; width: 100%; height: auto; }
	.mainpan .topthree .ttcol .tttile { margin-top: 10px; padding-left: 10px; }
	.topthree a { display: block; } 
	#sidebar ul { padding-right: 10px; }

	.mainpan_2 .maincontent { margin-top: 20px; }
	.mainpan_2 .maincontent .contentbox .cbcol02 p.cbcolr { padding-right: 10px; float: none; width: auto; }
	.mainpan_2 .maincontent .contentbox h2.cboxtitle { margin: 0 0 10px; padding-left: 10px; }
	.mainpan_2 .maincontent .contentbox .cbcol02 { margin: 10px 0 10px 10px; padding: 0; width: 98%; }

	.mainContent .col01 { padding: 0 0 0 10px; }
	.mainContent .col01,.mainContent .col01 .news { float: none; width: 100%; height: auto; } 
	.mainContent .col01 .news { padding-left: 0; }
	.mainContent .col01 .news ul.ntitle {  margin-top: 10px; width: 100%; }
	.mainContent .col02 { padding: 15px 0; width: 100%; height: auto; }
	.mainContent .col02 .col02con { padding: 0 0 0 10px; width: 100%; }

	.footer { padding-bottom: 10px; height: auto; }
	.footer .foot_box .footer-top-item { width: 50%; }
	.footer .foot_box .footer-top-item h3,.footer .foot_box .footer-top-item p { padding-left: 10px; }
	.footer .foot_box .footer-top-item:nth-child(3) { width: 100%; }
	.footer .foot_box .footer-top-item:nth-child(3) h3 { margin-top: 10px; }
	.footer .foot_box .footer-top-item p img { margin-right: 20px; }

	.footer-center-container { margin-top: 0; }

	/** ios-data-eraser **/
	.left_box .left { float: none; width: 100%; }
	.left_box .left img { width: 100%; }
	.left_box .pro_text { float: none; width: 100%; }
	.left_box .pro_text{ padding-left: 10px; box-sizing: border-box; }

	.feature_part img,.fea_left ul li img { margin-bottom: 10px; display: block; width: 100%; height: auto; }

}

@media screen and (max-width: 480px){
	.advShow { padding-bottom: 35px; }
	.banner_learn { bottom: 10px; padding: 5px 10px; font-size: 14px; }

	.pros .pro .img { width: 25%; height: auto; }
	.pros .pro .info { width: 68%; }

	/** tutorials **/
	.author_in { float: left; }
	.nav-guide-box { padding-bottom: 9px; height: auto; }
	.pro-btn a.win-try,.pro-btn a.win-buy { font-size: 16px; width: 85px; }


}

@media screen and (max-width: 360px){
	.pros .pro { margin-left: 0; }
	.pros .pro .img,.pros .pro .info { float: none; padding-right: 10px; width: 100%; box-sizing: border-box; }
	.pros .pro .info { margin-top: 10px; }
	.article_left h1 { font-size: 20px; }
	.article_left h2 { font-size: 18px; }
	.advShow { padding-bottom: 20px; }
	.mainpan_2 .maincontent .contentbox .cbcol02 p.cbcolr span.ccrtitle { margin: 0 0 5px; }
	.pro-btn a.win-try,.pro-btn a.win-buy { margin-right: 10px; font-size: 14px; width: 75px; }
	.pro-btn a.win-buy { margin-right: 0; }
	.footer .foot_box .footer-top-item { width: 100%; }
	.footer .foot_box .footer-top-item h3 { margin-top: 10px; }
}