body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,div,p,span,em,a{margin:0;padding:0;box-sizing:border-box;
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none;
}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:none;}
:focus{outline:none;}

html{height:100%;height:100%}
body{width:100%;height:100%;text-align:center;border-radius:3px;background:transparent;}

#appView{height:100%;background:#F5F6FA;border-radius:3px;display:table;overflow:hidden;min-width:100%;}
.section{display:table-cell;text-align:center;vertical-align:middle;padding:30px 0 60px;}
/*.section.type_pc{display:block;padding-top:170px}*/
.txt_top{font-size:18px;line-height:1.2em;margin:0 auto;padding:0 20px 20px}
.txt_top p{font-size:13px;color:#737171;padding-top:2px}
.txt_top strong{color:#FF5224}
.txt_btm{font-size:13px;line-height:1.4em;margin:0 auto;padding:10px 20px 0;color:#737171}

.bx_cont{max-width:400px;margin:0 auto}
.bx_cont .bx{position:relative;margin:10px;text-align:left;}
.bx_cont .bx_sel{position:relative;height:36px;text-align:center}
.bx_cont .bx_sel select{width:32.5%;height:100%;border:1px solid #C5C5C5;display:inline-block;apperance:none;-webkit-appearance: none;padding:0 6px;background:url(../img/ic_sel.png) 0 0 no-repeat;background-size:16px auto;background-position:95% 13px;background-color:#fff;color:#1e1e1e}
.bx_cont .bx_sel select:disabled{color:red}
.bx_cont .bx_sel .sel1{position:absolute;left:0}
.bx_cont .bx_sel .sel3{position:absolute;right:0}
.bx_cont .stl{position:absolute;top:0;font-size:14px;width:100%;height:35px;line-height:35px;color:#1E1E1E;cursor:default;transition: all 0.3s ease-out;}
.bx_cont .stl.on{top:-14px;font-size:12px;height:14px;line-height:14px;color:#959595}
.bx_cont .bx_ipt{margin-top:18px;}
.bx_cont .bx_ipt .ipt{width:100%;height:35px;font-size:18px;line-height:35px;border:0;display:block;background:transparent}
.bx_cont .bx_ipt .ipt_txt{width:100%;height:35px;font-size:18px;line-height:35px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bx_cont .bx_line{width:100%;height:3px;background:#BDBEC3;}
.bx_cont .bx_line .bar{width:0;height:100%;background:#FD5338;margin:0 auto;transition: all 0.3s ease-in;}
.bx_cont .bx_line .bar.on{width:100%;}
.bx_cont .bx_msg{font-size:14px;color:#FD5338;padding:5px 0;display:none}

.bx_btn{position:relative;height:44px;margin:10px auto 0;font-size:0;overflow:hidden}
.bx_btn_bg{background:#D7D6D6}
.bx_btn .btn{position:relative;display:inline-block;width:100%;height:100%;color:#FFF;font-size:16px;line-height:44px;text-align:center;cursor:pointer;z-index:2;font-weight:bold;background:#D7D6D6}
.bx_btn span{float:left;width:50%;text-align:center}
.bx_btn span .btn{background:#6E6E7A}
.bx_btn .btn_l{padding-right:5px;}
.bx_btn .btn_r{padding-left:5px;}
.bx_btn .bx_btn_bg .btn{background:transparent}

.bx_btn .btn_resend{color:#313131;border:1px solid #b0b7c5;background:#e8ebf1;font-size:14px;font-weight:normal}
.btn_change{position:absolute;right:-8px;top:0;width:33px;height:35px;background:url(../img/btn_change.png) 0 0 no-repeat;background-size:33px auto;cursor:pointer}
.loading{position:absolute;width:100%;margin-top:-20px;height:20px;background:url(../img/loading.gif) 50% 50% no-repeat;background-size:auto 20px}

#btnAni{position:absolute;left:50%;top:50%;margin:0;width:0;height:0;background:#FD5338;border-radius:50%;z-index:1;transition: all 0.3s ease-out;}
#btnAni.on{left:-10px;top:-200px;width:420px;height:420px;}
#btnCheckAgree{background:#FD5338}
#emailText2{padding-right:30px}

.x_100 { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); -sand-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); -khtml-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); }
.x100 { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); -sand-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); -khtml-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); }
.motion0 { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s linear; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s linear; -ms-transition: -ms-transform 0.3s ease-out, opacity 0.3s linear; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s linear; -sand-transition: -sand-transform 0.3s ease-out, opacity 0.3s linear; -khtml-transition: -khtml-transform 0.3s ease-out, opacity 0.3s linear; transition: transform 0.3s ease-out, opacity 0.3s linear; }
.opacity0 { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; -sand-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

html[lang="ar"]{direction:rtl}
html[lang="ar"] .btn_change{left:0;right:auto}
html[lang="ar"] .bx_cont{text-align:right}
html[lang="ar"] .bx_cont .stl{right:0}
html[lang="ar"] #emailText2{padding-left:40px;padding-right:0}