/* CSS Document */

/*atc popup box*/	
.atcmask {display: none}
.atcmask_bg{background-color:rgba(0,0,0,.5);}
.atcmask, .atcmask_bg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000;}
.atcmask_cont{ max-width:430px; width:90%; height:650px; background-color:#FFF; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:1000; box-shadow:0 2px 8px 0 rgba(0,0,0,0.14);}
.atcmask .atcclose{ font-size:26px; position:absolute; left:10px; top:0; z-index:199; opacity:0.5; color:#08c;}
.atcmask .atcclose:hover{ text-decoration:none;}
.SIGNUP {position: absolute;top: 0;left: 0; right:0;}
.specs_cont{max-width: 980px !important;margin-left: auto;margin-right: auto;}

/*nav feature*/
.pw980{max-width: 1400px;width: 100%;}
.sub_cloud_nav{ height:60px; border-bottom:1px solid #cccccc; z-index:10;}
.sub_cloud_nav h2{ color:#333333; line-height:61px;}
.sub_cloud_nav sup{ font-size:12px;}
.cloud_nav_pc{ display:inline-block; vertical-align:middle;}
.cloud_nav_pc ul li{margin-left:15px; display:inline-block; vertical-align:middle;}
.cloud_nav_link a{ font-size:14px; color:#333333; line-height:60px;}
.cloud_nav_link a:hover{ color:#0792ff; text-decoration:none;}
.cloud_nav_login{ border:1px solid #439beb; color:#439beb; display:inline-block; vertical-align:middle; margin-left:15px; position:relative;}
.cloud_nav_login>span{ width:1px; height:10px; position:absolute; left:0; right:25px; top:0; bottom:0; margin:auto; z-index:5; background:#439beb;}
.cloud_nav_login:hover span{ display:none;}
.cloud_nav_login a{ padding:8px; margin-left:0; line-height:1; color:#439beb; position:relative; overflow:hidden; display:inline-block; vertical-align:middle;}
.cloud_nav_login a em{ width:100%; height:100%; background:#0790ff; content:""; display:block; position:absolute; top:30px; left:0; z-index:1;  transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; text-align:center; font-size:14px; line-height:30px; color:#fff;}
.cloud_nav_login a:hover em{top:0; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
.cloud_nav_signup:after{ position:absolute; content:""; display:block; background:#0790ff; z-index:5;}
.sub_nav_float.sub_cloud_nav{ max-width:100%; height:auto; padding:5px 0; position:fixed; top:0; left:0; color:#333; box-shadow:0 0 15px rgba(0,0,0,0.2); background-color:#fff; overflow:visible; z-index:1000;}
.sub_nav_float .sub_cloud_navcont{ margin:0 auto; position:relative; color:#000; background-color:#fff; border:none; }
.sub_nav_cont{ margin-top:10px;}

.nav_arrow{ position:relative;}
.nav_arrow>a:after{content:"\e800"; font-family:"iconfont"; margin-left:1px; vertical-align: middle;}
.nav_arrow dl{ position:absolute; width:330px; top:50px; left:-120px; right:0; margin:auto; background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,0.2);z-index:-1; opacity:0; transform:translateY(0); transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; padding:20px 0; display:none;}
.nav_arrow dl:before{ width:0; height:0; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; display:block; position:absolute; left:0; right:0; top:-10px; margin:auto; content:""; z-index:10;
}
.nav_arrow dl dd{ display:block; padding:10px 30px; }
.nav_arrow dl dd b{ width:6px; height:6px; border-radius:6px; background:#0792ff; vertical-align:middle; display:none; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; }
.nav_arrow dl dd a{ line-height:1; display:inline-block; vertical-align:middle; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;}
.nav_arrow dl dd:hover b{ display:inline-block; }
.nav_arrow dl dd:hover a{ margin-left:10px; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;}
.nav_arrow:hover dl{ z-index:20; opacity:1; display:block; transform:translateY(5px); transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;}

.white .sub_cloud_nav h2,.white .cloud_nav_link a{ color:#fff;}
.white .sub_cloud_nav.sub_nav_float h2,.white .sub_nav_float .cloud_nav_link a{ color:#333;}
.white .cloud_nav_link a:hover{ text-decoration:underline;}
.white .sub_cloud_nav{ border-bottom:1px solid rgba(255,255,255,0.2);}
.white .cloud_nav_login{ border:1px solid #fff; background:none;}
.white .sub_nav_float .cloud_nav_login{ border:1px solid #439beb;}
.white .sub_nav_float .cloud_nav_login>span{ background:#439beb;}
.white .sub_nav_float .cloud_nav_login>a{ color:#439beb;}
.white .sub_nav_float a:hover{ color:#0792ff; text-decoration:none;}
.white .cloud_nav_login>span{ background:#fff;}

.regpop{position:relative; z-indez:3; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
.regpop:hover{transform:translate3d(0,-5px,3px); -webkit-transform:translate3d(0,-5px,3px); -moz-transform:translate3d(0,-5px,3px);}
.regpop:hover:after{content:""; display:inline-block; max-width:329px; width:100%; height:81px; background:url(https://imobie-resource.com/fr/anytrans/img/regpopbtn.png) center no-repeat; background-size:100%; position:absolute; bottom:-35px; left:0; right:0; margin:0 auto; z-index:-1;}
.cloud_nav_moul{ display:none;}

/*2020-02-27*/
.atclayout{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.6); left:0; top:0; z-index:8; }
.atclaycnt{ width:733px; height:378px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:9; background:url(https://imobie-resource.com/fr/anytrans/img/atclayout.png) center no-repeat; background-size:cover;}
.atclaytxt{ width:400px; margin:100px 0 0 235px; text-align:center;}
.atclaytxt p{ font-size:20px; color:#333333; margin-top:10px; line-height:1.6;}
.atclaytxt a{ font-size:inherit; color:#0790ff; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){
.atclaycnt{background:url(https://imobie-resource.com/fr/anytrans/img/atclayout@2x.png) center no-repeat; background-size:cover;}	
}
@media screen and (max-width: 980px){
.bottom_cont{width:96%;}
.sub_cloud_nav{ position:relative;}
.sub_cloud_nav.sub_cloud_nav_an{ color:#333; position:fixed; top:0; z-index:9; border-bottom:1px solid #eee;}
.sub_cloud_nav.sub_cloud_nav_an ul{ display:block;}
.sub_cloud_nav h2{ width:auto;}
.sub_nav_float .sub_cloud_navcont,.sub_cloud_nav{ width:94%;}
.sub_cloud_nav{ border-bottom:1px solid #ccc;}
.cloud_nav_pc{ display:none;}
.cloud_nav_mo{ display:inline-block; vertical-align:middle; }
.cloud_nav_moarrow { width:32px; display:block; position: absolute; left:0; right:0; margin:0 auto; cursor:pointer; color:inherit; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; top:15px;}
.cloud_nav_moarrow:after{ content:"\e800"; font-family:"iconfont"; font-size:30px;}
.cloud_nav_moopen.cloud_nav_moarrow{ transform:rotate(180deg);}
.cloud_nav_moul{ width:100%; height:100%; background-color:#fff; position:fixed; z-index:9; display:none; left:0;}
.cloud_nav_moul li>a { margin: 20px 0; display:block; line-height:1; font-size:16px; color:inherit;}
.cloud_nav_moul li{ margin:0 2%; color:#333; border-bottom: 1px solid #ccc;}
.cloud_nav_moul li a:hover{ text-decoration: none; color:#2d8ae8;}
.cloud_nav_login{ margin-top:15px;}
.regpop:hover:after{ display:none;}
}
@media screen and (max-width:768px){
.atclaycnt{ width:80%; height:auto; }	
.atclaytxt{ width:80%; margin:20px 10%; padding:20px 0;}
}
@media screen and (max-width:568px){	
.atclaytxt p{ font-size:16px;}
}
@media screen and (max-width: 458px){
	.sub_cloud_nav h2{ font-size:14px; line-height:56px;}
	.atcmask_cont{ height:620px;}
}
@media screen and (max-width: 375px){
	.sub_nav_float .sub_cloud_navcont,.sub_cloud_nav{ width:98%;}
	.sub_cloud_nav h2{ font-size:12px; line-height:56px;}
	.cloud_nav_login a{ padding:8px 4px; font-size:12px;}
}
@media screen and (max-width: 325px){
	.atcmask_cont{ height:550px;}
}