/* 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 "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
img{max-width:100%;}
.pw1400{max-width:1400px; width:94%; margin-left:auto; margin-right:auto;}
.learn_more {margin-top: 100px;}
.learn_more a { text-decoration: none; display: inline-block; padding: 12px 90px; background-color: #fff; border: 1px solid #333333; border-radius: 6px; font-weight: 500; color: #000; font-size: 24px;}
.learn_more a:hover { border: 1px solid #7057EA; color: #7057EA; }
.learn_more:hover a { box-shadow: none; }
.mt130 { margin-top: 130px; }

.banner h1{font-size:48px; font-weight: 500; color: #000;}
.banner p {color:#666;}

.links{padding:20px 0; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
.links b{font-size:22px; font-weight:400; color:#666; margin-right:70px;}
.links b span { display: inline-block; border: 6px solid transparent; border-color: transparent transparent transparent #7057EA; border-radius: 0.8px; }
.links .act{color:#7057EA; font-weight: 600;}
/* .links .act:before{content:""; display:inline-block; vertical-align:middle; margin-right:8px; width:8px; height:16px; background:url(../anytrans/img/install_complete_triangle.png) no-repeat; background-size:cover;} */
.links b a{font-size:inherit; font-weight:inherit; color:inherit;}

.secs{padding:0 60px; border-radius:10px; height:380px; background:#f7fbff;}
.secs:nth-child(6), .secs:nth-child(4) { padding: 0 80px; }
.secs h2{font-size:30px; font-weight:500; color: #000; position: relative;}
/* .secs h2 img { position: absolute; left: -54px; top: 0; } */
.secs p{font-size:18px; color:#666; margin-top:15px;}
a.readbtn{display:block; width:300px; line-height:54px; font-size:20px; font-weight:bold; color:#7057EA;  border-radius:5px; text-align:center; text-decoration:none;}
a.readbtn:hover{background:linear-gradient(90deg, #20A6F5 3.09%, #2378FE 100%);}
.imgcont{width:650px; height:458px; position:relative; margin-top: -14px; background: #4E5057; position: relative; text-align: center; }
.imgcont.left { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.imgcont.right { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.imgcont img { margin-top: 40px; border-radius: 8px; }
.imgcont.right:before{content:""; position:absolute; top:0; right:-25px; width:0; height:0; border-bottom:14px solid #4E5057; border-right:25px solid transparent;}
.imgcont.right:after{content:""; position:absolute; bottom:0; right:-25px; width:0; height:0; border-top:14px solid #4E5057; border-right:25px solid transparent;}
.imgcont.left:before{content:""; position:absolute; top:0; left:-25px; width:0; height:0; border-bottom:14px solid #4E5057; border-left:25px solid transparent;}
.imgcont.left:after{content:""; position:absolute; bottom:0; left:-25px; width:0; height:0; border-top:14px solid #4E5057; border-left:25px solid transparent;}
.sectext { width:508px; }
.sectext1{ margin-left: 54px;}
.sectext3{ margin-left: 54px;}

a.dlbtn{display:block;font-size:24px;font-weight:bold;color:#fff; background:#08B761; border-radius:5px; width:250px; line-height:60px; text-align:center; text-decoration:none; margin:40px auto 60px;}
.recont{display:inline-block; margin:120px 0px 0; width:650px; height:405px; border: 4px solid #ECE9FF; box-shadow: 0px 0px 20px rgba(161, 143, 255, 0.2); border-radius: 20px; box-sizing: border-box; vertical-align: text-top; }
.recont:hover { border: 4px solid #7057EA; }
.recommond .recont:nth-child(2), .recommond .recont:nth-child(4) { margin-right: 90px; }
.recommond h2 { font-weight: 500; }
.recont img{margin-top:-64px;}
.recont p{padding:0 60px;}

/* 2022/11/07 */
.sns_share{max-width: 1206px;background: #F7FBFF;min-height: 350px;box-sizing: border-box; margin-left: auto;margin-right: auto;padding: 61px 20px; background: url(https://imobie-resource.com/en/landing/img/coupon_snsbg1.png) no-repeat center;}
.sns_share h2{font-weight: 600;font-size: 40px;line-height: 54px;text-align: center;	color: #000000;}
.sns_share>p{font-size: 18px;line-height: 25px;text-align: center;max-width: 643px;margin: 30px auto;color: #666666;}
.sns_share a{margin: 0 15px; line-height: 53px; display: inline-block;vertical-align: bottom; width: 178px;height: 53px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.sns_share a.fb{background: #2765E5;}
.sns_share a.tt{background: #3F9CF3;}
.sns_share a.rd{background: #FD4701;}
.sns_share a span{display: inline-block;font-weight: 600;font-size: 20px;line-height: 27px;text-align: center;vertical-align: middle;color: #FFFFFF;margin-left: 10px;}

.coupon_pop{display: none; z-index: 9; position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0, .2);top: 0;left: 0;}
.coupon_pop_container{width: 788px;height: 360px; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.coupon_pop_container .coupon_close{position: absolute;font-style: normal;width: 28px;height: 28px;border-radius: 50%;background: rgba(0, 0, 0, 0.3);border: 2px solid white;text-align: center;line-height: 24px;box-sizing: border-box;right: 29px;top: 64px;cursor: pointer;}
.coupon_pop_container .coupon_close::after{content: "\e813";font-family: iconfont;font-size: 14px;font-weight: 700;color: white;}
.coupon_pop_container .coupon_text{position: absolute;width: 354px;height: 156px;bottom: 76px;right: 117px;}
.coupon_text p{font-weight: 700;font-size: 28px;line-height: 38px;text-align: center;margin-bottom: 20px;color: #000000;}
.coupon_text input[type=text]{display: inline-block;width: 200px;height: 59.26px;background: #FFFFFF;border: 3px solid #000000;border-radius: 5px;font-weight: 700;font-size: 24px;line-height: 53.26px;text-align: center;letter-spacing: 0.2em;box-sizing: border-box;color: #F8A401;}
.coupon_text button{position:relative; display: inline-block;width: 140px;height: 59.26px;margin-left: 10px;background: #F7302E;border: 3px solid #000000;border-radius: 5px;font-weight: 600;cursor: pointer;font-size: 24px;line-height: 53.26px;box-sizing: border-box;text-align: center;text-decoration: none;color: #FFFFFF;}
.coupon_text button::after{transition: .3s; position: absolute;content: "Copied!";color: #000;bottom: -18px;left: 50%;font-size: 14px;line-height: 14px;transform: translateX(-50%);opacity: 0;}
.coupon_text button.active::after{opacity: 1;}
.coupon_text textarea{opacity: 0;position: fixed;z-index: -1;}

/* anymiro */
.anymiro_cont a.dlbtn { background-color: #fff; border: 2px solid #7057EA; color: #7057EA; font-weight: 500; }
.anymiro_cont a.dlbtn:hover { background-color: #7057EA; color: #fff; }
.anymiro_cont a.readbtn { border: 1px solid #7057EA;  box-shadow: none; font-size: 24px; font-weight: normal; width: 370px; line-height: 70px; border-radius: 6px; }
.anymiro_cont a.readbtn:hover { background: #7057EA; color: #fff; }
.anymiro_cont .secs { background: #F4F2FF; height: 430px; border-radius: 0; }

@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) {
}
@media screen and (max-width: 1500px){
	.recommond .recont:nth-child(2), .recommond .recont:nth-child(4) { margin: 120px 2% 0; }
	.recommond .recont { width: 45%; margin: 120px 2% 0; }
	.sectext{max-width:45%;}
	.imgcont { background: none; max-width: 45%; margin-top: 0; vertical-align: middle; }
	.imgcont img { margin-top: 40px; }
	.imgcont:before,.imgcont:after{display:none;}
	.imgcont { height: auto; }
}

@media screen and (max-width: 1400px){ 
	.left, .right { float: none; }
	.sectext, .imgcont { display: inline-block; vertical-align: middle; }
	.secs:nth-child(3), .secs:nth-child(5) { direction: rtl; }
	.sectext1 { direction: ltr; margin-right: 2%; margin-top: 0; }
	.sectext2 { margin-left: 8%; margin-top: 0; }
	.sectext3 { direction: ltr; margin-right: 2%; margin-top: 0; }
	.sectext4 { margin-left: 8%; margin-top: 0; }
	.imgcont img { margin-top: 0; }
	.anymiro_cont .secs { height: auto; padding: 40px 60px; }
}

@media screen and (max-width: 1300px){
	.anymiro_cont .secs { height: auto; }
	.imgcont img{margin-left:10px; margin-right:10px; max-width:calc(100% - 20px);}
}

@media screen and (max-width: 1200px){
	.recommond .recont { max-width: 605px; width: 100%; }
}
@media screen and (max-width: 980px){
	.secs{text-align:center;}
	.imgcont,.sectext{max-width:564px; width:auto; display:inline-block; vertical-align:middle; float:none;}
	.imgcont{height:auto;}
	.imgcont img{margin:10px;}
	.sectext{text-align:left; margin-top: 40px;}
	.sectext2{ margin-left: 54px;}
	.sectext4{ margin-left: 54px;}
	.anymiro_cont a.readbtn { margin-top: 40px; }
}
@media screen and (max-width: 750px){
	.learn_more { margin-top: 50px; }
	.banner h1{font-size:30px;}
	.links{padding:10px 0; margin-top:20px;}
	.links b{font-size:16px; margin-right:20px;}
	.secs{margin-top:50px;}
	.secs h2{font-size:21px;}
	.recommond h2 { font-size: 24px; }
	.secs p,.recont p{font-size:16px;}
	.sectext{margin-top:30px;}
	.recommond{margin-top:50px;}
	.recommond .recont:nth-child(2), .recommond .recont:nth-child(4) { margin: 60px auto 0; }
	.recommond .recont { height: auto; margin: 60px auto 0; }
	a.dlbtn { margin: 20px auto 30px; }
	.recommond h3{font-size:20px;}
	.recont{width:100%; display:block; margin:50px auto 0; height:auto; padding-bottom:10px;}
	.recont img{width:64px; margin-top:-32px;}

	.sns_share a{display: block;width: 90%;max-width: 300px;margin: 20px auto;}
	.anymiro_cont a.readbtn { width: 300px; font-size: 20px; font-weight: 700; line-height: 50px; margin-bottom: 10px; }
	.anymiro_cont .secs { padding: 4% 20px; }
	.sectext1,.sectext2,.sectext3,.sectext4 { margin-left: 0; }
}
