@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,textarea{font-family:"Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color: inherit; font-size: inherit; line-height: 1.2;}
img{ max-width:100%;}
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; overflow-x: hidden;}
 textarea:focus{outline: none;}
.homebot b{ font-weight: normal;} 
.dsn { display: none; }
.wrap { width: 100%; background: url("https://imobie-resource.com/en/support/img/cancel_subscription_bg.jpg") no-repeat; background-size: cover; overflow: hidden;} 
.wrap_ar{ direction:rtl;}
/*.submit_cancel,*/.submit_success{ display: none;}
.submit_cancel { max-width: 840px; margin: 0 auto; }
.cancel_main{ box-sizing: border-box; max-width: 1000px; width: 100%; background: url(https://imobie-resource.com/en/support/img/ban_bgimg.png) no-repeat; background-color: #fff; margin: 100px auto; padding: 70px 50px; border-radius: 15px; text-align: center; color: #000;} 
.cancel_main h1, .submit_success h2{ font-size: 42px; font-weight: normal;}
.cancel_main h3 { font-size: 36px; font-weight: 600; line-height: 54px; margin-top: 10px; }
.desc{ margin: 20px auto; font-size: 18px; line-height: 27px;} 
.desc span { color: #3BBA54; }
.submit_ipt::after { content: "123"; display: block; width: 10px; height: 10px; position: absolute; top: 0; z-index: 9; }
.submit_item{ width: 100%; max-width: 612px; vertical-align: middle; margin:20px auto 0; position: relative; display: inline-block;} 
.submit_item input{width: 100%; height: 60px; font-size: 16px; box-sizing: border-box; display: block; padding: 0 3%; line-height: 58px; border-radius: 5px; border: none; background-color: #fff; position: relative; z-index: 2; border: 1px solid #F0F0F0;}
.submit_btn{max-width: 160px;}
.submit_btn a {height: 60px; display:block; margin: 0 auto; background-color: #5589ff; border-radius: 5px; font-size: 18px; font-weight: 600; line-height: 60px; color: #fff; position: relative; z-index: 2; text-align: center; text-decoration: none; cursor: pointer;} 
/* .submit_btn a:hover{ text-decoration: none; background-color: #7da5ff;} */
.submit_load{ width:110px; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);}
.ospop { background-color: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
.ospop_content { max-width: 600px; box-sizing: border-box; width: 100%; min-height: 444px; background: url(https://imobie-resource.com/en/support/img/content_bgimg.png) top center no-repeat; background-color: #fff; border-radius: 15px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 70px 0; text-align: center; }
.ospop_content h2 { font-size: 24px; font-weight: 600; line-height: 36px; margin: 40px auto; max-width: 565px; }
.ospop_content h2 a { text-decoration: underline; color: #4992FF; font-size: 24px; font-weight: 600; }
.btn_box a { max-width: 240px; width: 100%; box-sizing: border-box; height: 60px; border: 1px solid #2C67FF; text-decoration: none; display: inline-block; border-radius: 5px; line-height: 60px; margin: 0 10px; }
.btn_box .btn_y { background-color: #fff; color: #2C67FF; }
.btn_box .btn_n { background-color: #2C67FF; color: #fff; }
.ospop_close { position: absolute; top: 15px; right: 20px; color: #000; cursor: pointer; font-size: 30px; font-weight: 600; }
.submit_btn .disabled { background-color: #CCCCCC; cursor:not-allowed }

.errmsg{ color: #f25454; font-size: 14px; position: absolute; left: 0; bottom: 0;  opacity: 0;  transform: translateY(0); transition: all 0.3s ease-out;}
.errmsgshow{ transform: translateY(25px); opacity: 1;}
 
 
 .submit_success{ width: 78%; margin: 0 auto;}
 .note{ width: 90%; margin: 10px auto; border: 1px dashed #3f3f40; color: #fefad9; font-size: 16px;}
 .note p{ margin: 20px; line-height: 1.5;}


.wrap_ar .submit_item input{ font-size:16px;}
.wrap_ar .errmsg{ left:auto; right:0;}
@media screen and (max-width: 980px){
	.pw980{ margin: 0 auto;}
	.cancel_main{ max-width: 80%; padding: 50px 5%;}
	.cancel_main h1, .submit_success h2{ font-size: 30px;}
	.desc{ font-size: 16px;}
	.errmsg{ font-size: 13px; left: 5px; top: 70%; text-align: left;}
	.order_item { max-width: 60%; }
}

@media screen and (max-width: 750px) {
	.cancel_main { max-width: 100%; margin: 0; border-radius: 0; }
	.submit_btn,.order_item { max-width: 100%; }
	.submit_btn a { background-color: #2C67FF; padding: 0; border: none; margin: 20px auto 0; }
	.cancel_main h3 { margin-top: 40px; }
	.desc { font-size: 15px; }
	.ospop_content { width: 94%; padding: 35px 0; min-height: 320px; border-radius: 10px; }
	.ospop_content h2,.ospop_content h2 a { margin: 15px auto; max-width: 375px; width: 90%; font-size: 18px; }
	.btn_box .btn_y { margin: 10px; }
	.submit_load { bottom: 0; }
}

.note_style{text-align: left; margin-top: 40px; padding-left: 20px; font-size: 14px; color: #999;}