/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{ background-color:#FAFAFA;}

body,nav,hgroup,.content1,.content2,.content3,.content4,.content5,p,div{ margin: 0; padding: 0; display:block; }
nav,hgroup,.content1,.content2,.content3,.content4,.content5,ul{ margin: 0 auto;}
body{background:#ffffff; width:100%;}
p,p a{ line-height:30px; font-size:16px;}
h1{ text-align:center; font-size:48px; padding-top:66px; padding-bottom:70px;}
h2{ font-size:30px; padding-top:40px; padding-bottom:30px;}
.step{font-size:20px; font-weight:normal;}
h1,h2{ font-weight: 600;}
p,h1,h2,h3,h4,h5,h6,a,span{ font-family:'Open Sans'; }
img,span{ display:inline-block;}
.content2, .content4, .content6{ width:100%;}
.content1,.content2, .content3, .content4, .content5, .content6{ padding-bottom:80px;}
.first_h2{ padding-top:0 }
p{ margin-bottom:8px;}

.nav_cont ul{float: left; margin-left: 100px;}
.nav_cont ul li{width: 112px; height: 54px; float: left;}
.head_cont2 .nav_cont ul li{ width: 134px;}
.head_cont2 .nav_cont ul li a{width:130px;}
.nav_cont ul li a{width: 100px; float: left; color:#666; text-align: center; font:400 14px/54px "Open Sans";}
.nav_cont ul li a:hover,.nav_cont ul li .nav_sel{color: #000;}
.nav_pro>a{/*background:url(../img/nav_arror.png) 80px center no-repeat;*/}
.nav_pro>a:after{font-family:"iconfont"; content:"\e800"; font-size:14px; position:absolute; margin-left:3px;}
.nav_pro_list{display:none;}

.upgrade{ background: #257963 url(https://imobie-resource.com/fr/support/img/ios11_top_bg.jpg) no-repeat; background-size: cover;}
hgroup{  text-align: center; color: #FFFFFF; width: 756px; }
hgroup .top_img{ margin: 72px auto 26px auto;}
hgroup h1{ width: 100%;  color:#ffffff ; padding:0 ; }
hgroup p{ line-height: 35px; color:#ffffff ; margin:22px 60px 15px 40px;}
.hgios12{width:910px;}


.change_language{ width:532px; height:60px; line-height:60px; border-top:1px solid #e6e6e6; padding-left:5px; margin:10px auto;}
.change_language a{ display:inline-block; padding:0 10px; color:#b7f2ff; font-size:16px;}
.change_language span{ background:#d1d1d1; width:1px; height:18px;}

.content1{ text-align:center;}
.content1 p{ margin:0 115px 34px 115px;}
.content1 ul{ text-align:center;}
.content1 ul li{ padding:5px; display:inline-block;}
.content1 ul.ios12con1 li{width:14%; vertical-align:top;}
.content1 ul li b{ width:100px; height:100px; display:inline-block;  border:1px solid #eaeaea; border-radius:50%;  margin-bottom:10px;}
.content1 ul li img{ padding:26px;}
.content1 ul.ios12con1 li img{ padding:8px;}

.content2{ background:#fafafa; padding-bottom:80px;}
.content2 .content2_content article{ width:536px; margin-right:10px;}
.content2 .content2_content article.ios12atc{width:auto;}
.content2 .content2_content .content2_img{ margin-top:80px}
.content2 .content2_content article.ios12atc .dsb{margin:0 50px 0 0;}
.content2 p{ margin-bottom:15px}

.content3{ text-align:center;}
.content3 article{ margin-top:65px; text-align:left;}
.con3ios12 article{margin-top:0;}
.content3 .content3_img{ margin: 10px -150px 0 60px; max-width:100%; height:auto;}
.con3ios12 .content3_img{margin: 40px -150px 0 60px;}
.content3 ul.ulcircle li,.content4 ul.ulcircle li,.content5 ul.ulcircle li{font-size:16px; line-height:2;}
.con3ios12>p{text-align:left;}

.content4{ background:#fafafa; }
.content4 .content4_img{margin-top:100px;}
.content4 .ios11_devices_p{ line-height:73px; margin-top:12px}
.content4 .ios11_devices_boldp{ line-height:26px;}
.content4 .ios11_devices_boldp img{ margin-right:10px; vertical-align:middle;max-width:5%;}
.content4 .step{ margin:30px 0 20px 0;}
.content4 .ipad_icon{ margin-top:5px;  vertical-align:bottom ;}
/** twolinediv **/
.twolinediv {  width:760px; margin:40px auto; border:1px solid #d6d6d6;}
.twolinediv div{ text-align:center; margin:40px auto; padding:0 20px;  }
.twolinediv .img_div1{width:340px; border-right:1px solid #d6d6d6;}
.twolinediv .img_div2{width:339px;}
.twolinediv .text_div{ column-count:2}
.twolinediv div ul{ text-align:left;}
.twolinediv_h3{ font-size:18px; font-weight:bold; padding:20px 0;}
.twolinediv ul li{ font-size:14px; line-height:2;}

.content5 p{ z-index:99999; margin-bottom:10px;}
.content5 .ios11_devices_p{line-height:73px;}
.content5 img{max-width:690px; margin:-100px auto;position:relative; z-index:-1; left: 50%; margin-left:-345px;}
.ios12con5 img{margin:0; position:inherit;}

.content6{ background:#fafafa; padding:0;}
.content6 h1{ text-align:left;}
.content6 .pic{ margin-top:40px; max-width:100%; height:auto;}
.support_guide_img{ width:980px; margin:20px auto; }
.support_guide_img img{ display:block; max-width:95%; height:auto; }
 /*.nva_meau1 {width: 19px;height: 16px;background: url(../../img/meau.png) no-repeat;float: right;}*/
.fthin{ font-weight:300;}
a:hover,a:visited,a:active,a{color: #0088cc;}
.ios11_devices_boldp b{font-size: 16px;}
b{font-weight:bold;}
/*new adv*/
.pr_support_adv{ height:90px; width:100%; position:fixed; z-index:999; top:100%; margin-top:0px; background:#bedcf4 url(https://imobie-resource.com/fr/support/img/new_spadv_pr_bg.jpg) center no-repeat;}
.pr_support_adv_wrap{width:980px; height:90px; margin:0 auto; position:relative; }
.pr_support_adv_wrap>a{ display:block; width:100%; height:100%; }
.pr_support_adv_wrap>a>img{ float:left; }
.pr_support_adv_wrap p{ width:560px; float:left; margin:18px 0 0 13px; line-height:1.7; font-size:18px;}
.pr_support_adv_wrap p span{ font-size:18px; color:#20428d; }
.pr_support_adv_wrap .pr_support_adv_btn{ width:160px; height:42px; line-height:42px; float:right; margin-top:25px; border-radius:5px; color:#fff;  font-size:18px; text-align:center; background-color:#1eac1a; }
.pr_support_adv_btn:hover{ background-color:#24b920; }
.pr_support_close:after{position:absolute; display:inline-block; top:20px; right:-63px; content:"\e813"; font-family:"iconfont"; font-size:24px; color:#88d2e4; text-align:center; cursor:pointer; line-height:28px; }
@media screen and (max-width: 980px) {
	/*nav style**/
	 .nva_meau{display:block;}
	 .nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow:hidden; display: none;}
	 .nav_cont ul li{float:none; text-align:left;}
	 .nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
	 .nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
	 .language{display:none;}
	 .nav_pro_list{margin-left:50px; display:none;}
	 .nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
	 .nav_pro_list>a:hover{text-decoration: underline;}
	 .head_cont {width: 95%;overflow: hidden;}
	.wrap{ width:90%; margin:0 auto;}
	h1{ font-size:36px; padding-top:46px; padding-bottom:50px;}
	h2{ font-size:26px; padding-top:30px; padding-bottom:20px;}
	.content1,.content2, .content3, .content4, .content5, .content6{ padding-bottom:60px;}
	p{ margin-bottom:6px;}
	.content3 ul.ulcircle li,.content4 ul.ulcircle li,.content5 ul.ulcircle li{font-size:14px;}
	.step{font-size:16px; }
	.upgrade,hgroup,.hgios12,.content1{ width: 100%; margin: 0 auto; height: auto;}
	hgroup .top_img{max-width: 120px; height: auto; margin: 32px auto 12px auto;}
	hgroup h1{ font-size: 32px; line-height:52px;}
	hgroup p{ font-size: 16px; line-height:24px; margin:12px auto 24px auto;}
	hgroup .icon_img{ max-width: 16px; height: auto;}
	
	.change_language{line-height:50px; padding-left:5px; font-size:14px;}
	.change_language a{ height:14px; font-size:14px;}
	.change_language span{ height:14px; }

	.content1 p{ margin:0 10px 20px 10px; font-size:14px; line-height:22px}
	.content1 ul {padding:0 7%;}
	.content1 ul li{ padding:2%;}
	.content1 ul li b{ max-width:80px; height:80px; margin-bottom:8px;}
	.content1 ul li img,.content1 ul.ios12con1 li img{ padding: 15px; max-width:50px; height:auto}
		
	.content2 .content2_content{ width:100%; text-align:center;}
	.content2 .content2_content article{ width:90%; float:none; margin:0 auto}
	.content2 .content2_content .content2_img{ max-width:50%; height:auto; margin-top:20px; display:block; margin:0 auto; float:none;}
	.content2 p{ line-height:22px; font-size:14px; text-align:left;}
	
	.content3{ max-width:90%;}
	.content3 p{ font-size:14px; line-height:22px;}
	.content3 article{ margin-top:20px}
	.content3 .content3_img{ max-width:50%; height:auto; display:block; margin:0 auto; margin-top:20px; float:none;}
	
	.content4 p{ line-height:22px; font-size:14px;}
	.content4 .ios11_update{ margin:34px 0;}
	.content4 .content4_img{margin-top:50px; max-width:30%; }
	.content4 .ios11_devices_p{ font-size:22px; line-height:60px; margin-bottom:10px}
	.content4 .ios11_devices_boldp{ line-height:20px;}
	.content4 .ipad_icon{ margin-top:0; }
	.content4 .step{ margin:20px 0 10px 0;}
	/** twolinediv **/
	.twolinediv {  width:100%; margin:40px auto; border:1px solid #d6d6d6;}
	.twolinediv div{margin:0 auto; margin:30px 0px 20px 10px; padding:0 }
	.twolinediv .img_div1{width:300px; padding:20px 1% ; margin:0 auto; border-right:none;}
	.twolinediv .img_div2{width:300px; padding:20px 1% ; margin:0 auto; border-top:1px solid #d6d6d6;}
	
	.content5{ width:90%;}
	.content5 p{ line-height:22px; font-size:14px;}
	.content5 img{max-width:80%; margin: -80px auto; margin-left:-280px;}
	.content5 img.right{max-width:40%; margin:0;}
	
	.content6 .wrap{ padding-bottom:0 ;}
	.content6 p{ line-height:22px; font-size:14px;}
	.content6 .pic{ max-width:80%; height:auto;}
	
	.support_guide_more,.support_guide_img{ width:100%; }
	.support_guide_img{ margin-bottom:0; }
	.bottom_cont{width:100%;}

}
@media screen and (max-width: 736px) {
	.wrap{ padding:26px 0; width:90%; margin:0 auto;}
	h1{ font-size:28px; padding-top:30px; padding-bottom:45px;}
	h2{ font-size:22px; padding-top:20px; padding-bottom:10px;}
	.content1,.content2, .content3, .content4, .content5, .content6{ padding-bottom:50px;}
	.step{font-size:14px; }
	p a{ font-size:12px;}
	p{ margin-bottom:4px;}
	
	hgroup .top_img{width: 100px; height: 100px; margin-top: 18px;}
	hgroup h1{ font-size: 24px; line-height:42px;}
	hgroup p{ font-size: 12px; line-height:18px; margin:12px auto 24px auto;}
	hgroup .icon_img{ width: 12px; height: 25px;}
	.content3 ul.ulcircle li,.content4 ul.ulcircle li,.content5 ul.ulcircle li{font-size:13px;}
	
	.change_language{line-height:40px; font-size:12px; text-align:left; width:95%;}
	.change_language a{ font-size:12px;}
	.change_language span{ height:12px;}
 
	.content1 p{ margin:0 10px 10px 10px; font-size:13px; line-height:20px}
	.content1 ul{ padding:0 5%;}
	.content1 ul li b{ max-width:60px; height:60px; margin-bottom:8px;}
	.content1 ul li img{ padding: 15px; max-width:30px; }
	.content1 ul.ios12con1 li img{padding:5px;}
	
	.content2 .content2_content .content2_img{ margin-top:20px; display:block; margin:0 auto; float:none;}
	.content2 p{ line-height:22px; font-size:14px; text-align:left;}
	
	.content3{ width:90%;}
	.content3 p{ font-size:13px; line-height:20px;}
	.content3 article{ margin-top:15px}
	
	.content4 p{ line-height:20px; font-size:13px;}
	.content4 .ios11_update{ margin:24px 0;}
	.content4 .content4_img{ margin-top:20px; max-width:40%;}
	.content4 .ios11_devices_p{ font-size:18px; line-height:40px; margin-top:8px}
	.content4 .ios11_devices_boldp{ line-height:26px;}
	.content4 .ipad_icon{ margin-top:5px;}
	.content4 .step{  margin:15px 0 5px 0;}
	/** twolinediv **/
	.twolinediv { margin:30px auto; border:1px solid #d6d6d6;}
	.twolinediv div{ margin:10px; padding:0;}
	.twolinediv div ul{ width:90%; margin:0 auto;}
	.twolinediv .img_div1{ width:100%; max-width:100%; padding:20px 10px 0 10px; margin:0;}
	.twolinediv .img_div2{ width:100%; max-width:100%; padding:20px 0 0 0; border-top:1px solid #d6d6d6; border-left:none;}
	.twolinediv .text_div{ column-count:1}

	.content5 p{ line-height:20px; font-size:13px; }
	.content5 img{width:320px; margin: -60px auto; margin-left: -155px;}

	.content6 p{ line-height:20px; font-size:13px;}
	.content6 .pic{ max-width:60%; height:auto; float:none; margin:0 auto; display:block;}
}