body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a,button{outline:0}.fld-sub-btn,.reg-hint-con>a,.swipe-info>p{text-shadow:rgba(0,0,0,.3) 1px 1px 1px}@font-face{font-family:Muli;src:url(../fonts/Muli.ttf) format('truetype')}@font-face{font-family:Muli;font-weight:700;src:url(../fonts/Muli-Bold.ttf) format('truetype')}@font-face{font-family:Raleway;src:url(../fonts/Raleway-Regular.ttf) format('truetype')}@font-face{font-family:Raleway;font-weight:700;src:url(../fonts/Raleway-Bold.ttf) format('truetype')}@font-face{font-family:Microsoft Tai Le;src:url(../fonts/taile.ttf) format('truetype')}@font-face{font-family:Microsoft Tai Le;font-weight:700;src:url(../fonts/taileb.ttf) format('truetype')}*{box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:Microsoft Tai Le,Arial;background:url(../images/bg-pattern.jpg);color:#333;text-align:center}h1,h2,h3,h4,h5,h6{font-family:Raleway,Arial;color:#333}h4,h5,h6{font-weight:400;color:#333}a{text-decoration:none!important;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}.reg-hint,button{transition:ease-in-out .3s}p{color:#000;font-size:14px;font-family:Microsoft Tai Le,Arial}button{border:none;cursor:pointer;-webkit-transition:ease-in-out .3s}.clr{clear:both}.sn-page-wrapper{margin:0 auto;padding:0;width:100%}.sn-page-section{display:block;margin:0 auto;padding:0;width:100%}.fld-data01,.fld-data03,.sn-title>p{display:inline-block;vertical-align:middle}.sn-bg1{position:fixed;top:0;box-shadow:rgba(0,0,0,.3) 0 2px 5px;z-index:1;background:rgba(0,0,0,.6)}.sn-menu{width:96%;margin:0 auto;padding:5px 0}.sn-menu>a>img{margin:0;float:left}.sn-menu-list{margin:15px 10px;float:right}.sn-menu-list>a{margin:5px;padding:5px 15px;color:#59626a;font-size:14px;font-weight:700;font-family:Raleway,Arial;border:2px solid #59626a;border-radius:15px}.sn-menu-list>a:hover{background:#59626a;color:#fff!important}.sn-bg-content{margin:auto}.sn-content{width:980px;margin:0 auto;padding:20px 0}.sn-title{margin:10px auto 15px;text-align:left}.sn-title>p{margin:0;color:#000;font-size:20px;font-weight:700}.sn-title>i{font-size:36px;vertical-align:middle}.sn-title>p>span{display:block;margin:0 auto;font-size:14px;font-style:italic;font-weight:400;color:#4a3279}.left-heart{color:#f93;margin:-5px 0 0}.right-heart{color:#090;transform:rotate(20deg);-webkit-transform:rotate(20deg);margin:0 0 -5px -10px}.sn-new-reg{display:block;margin:40px auto 0;padding:20px;width:100%;height:100%;border-radius:8px;box-shadow:rgba(0,0,0,.3) 1px 2px 8px;overflow:hidden;background:#fff;text-align:center}.sn-new-reg-form{display:block;width:100%;margin:0 auto}.new-form-info,.new-form-sec{display:block;margin:0 auto;position:relative}.new-form-sec{min-height:350px;width:100%;display:flex;display:-webkit-flex;display:-webkit-box;align-items:center;-webkit-align-items:center;-webkit-box-align:center}.new-form-info{margin:20px auto}.new-form-info>p{display:table;margin:-10px auto 0;padding:0;font-size:13px;font-family:Muli,Arial}input,select{height:100%;padding:8px 10px;font-size:16px;-webkit-appearance:none;border:none;width:100%;outline:0}.reg-success-msg>h3,input,select{font-family:Microsoft Tai Le}#astro_id,#born_id,#caste_id,#challenge_id,#child_id,#complex_id,#contact_hint,#contact_id,#createby_id,#disable_id,#dob_hint,#dob_id,#email_hint,#email_id,#employ_id,#fam_hint,#fam_id,#gender_id,#height_id,#income_id,#kids_id,#lang_id,#living_id,#marital_id,#mathhab_id,#name_id,#natcity_id,#nation_id,#natstate_id,#occup_id,#qualify_id,#reg_success_id,#rel_id,#relint_id,#rescity_id,#resnation_id,#resstate_id,#same_id,#special_id,#sub_id,#verify_id{display:none}select::-ms-expand{display:none}select{-moz-appearance:none;-o-appearance:none;appearance:none;background:url(../images/opt-arr1.png) center right no-repeat,#f6f6f6}input{-moz-appearance:none;-o-appearance:none;appearance:none;background:#f6f6f6}.fld-data01,.fld-data02>select,.fld-data03{border-bottom:1px solid #999}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.u-line{position:relative;display:block;width:100%}.u-line:after,.u-line:before{content:'';height:2px;width:0;bottom:0;position:absolute;background:#76b852;transition:all .2s ease;-webkit-transition:all .2s ease}.fld-data04,.fld-data05,.fld-data06,.new-form-fld{position:relative}.fld-data01>.u-line:before,.fld-data03>.u-line:before{left:150px}.fld-data01>.u-line:after,.fld-data03>.u-line:after{right:150px}.fld-data01>input:focus~.u-line:after,.fld-data01>input:focus~.u-line:before,.fld-data01>select:focus~.u-line:after,.fld-data01>select:focus~.u-line:before,.fld-data03>input:focus~.u-line:after,.fld-data03>input:focus~.u-line:before,.fld-data03>select:focus~.u-line:after,.fld-data03>select:focus~.u-line:before{width:150px}.fld-data02>.u-line:before,.fld-data05>.u-line:before{left:75px}.fld-data02>.u-line:after,.fld-data05>.u-line:after{right:75px}.fld-data02>input:focus~.u-line:after,.fld-data02>input:focus~.u-line:before,.fld-data02>select:focus~.u-line:after,.fld-data02>select:focus~.u-line:before,.fld-data05>input:focus~.u-line:after,.fld-data05>input:focus~.u-line:before,.fld-data05>select:focus~.u-line:after,.fld-data05>select:focus~.u-line:before{width:75px}.new-form-fld{display:block;width:100%;margin:0 auto;padding:20px}.reg-form-logo{margin:0 auto 20px}.title-txt{margin:0 auto 50px;font-size:18px}.new-form-fld-name{display:block;margin:0 auto 20px}.new-form-fld-name>p{font-size:18px;color:#333}.new-form-fld-name>p>span{display:block;font-weight:400;margin:10px auto}.fld-height>span,.fld-sub-btn{font-weight:700}.new-form-fld-data01,.new-form-fld-data02{display:block;width:100%;margin:30px auto 0}.fld-data01,.fld-data03{position:relative;margin:0 auto;width:300px;height:45px;background:#f1f1f1}.fld-data02,.fld-data04,.fld-data05{margin:10px;vertical-align:middle;height:45px;display:inline-block}.fld-data02{width:150px}.fld-data04{width:500px}.fld-data05{width:150px}.fld-data06{display:inline-block;vertical-align:middle;margin:0 auto 20px;width:300px;height:45px}.fld-data-btn,.fld-nxt-btn{vertical-align:middle;width:45px;height:45px;font-size:20px;font-weight:700;color:#fff;background:#76b852;box-shadow:rgba(0,0,0,.3) 1px 2px 3px}.fld-data-btn{display:inline-block;margin:0 auto}.fld-nxt-btn{display:block;margin:20px auto 0}.fld-data-btn:hover,.fld-nxt-btn:hover{background:#069}.fld-mar-ext{margin-top:20px}.fld-mar-ext1{margin-top:40px}.fld-range{width:96%;height:15px;background:#ccc;border-radius:5px;outline:0;opacity:.8;appearance:none;-webkit-appearance:none;transition:opacity .3s;-webkit-transition:opacity .3s}.fld-range:hover{opacity:1}.fld-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:#76b852;cursor:pointer}.fld-range::-moz-range-thumb,.fld-range::-ms-thumb,input[type=range]::-ms-thumb{width:25px;height:25px;border-radius:50%;background:#76b852;cursor:pointer}.height-max,.height-min{margin:0 auto;padding:2px 5px 0;position:absolute;top:-3px;font-size:16px;color:#333;background:#eee;border-radius:5px;border:1px solid #ccc}.height-min{right:100%}.height-max{left:100%}.fld-height{font-size:16px;margin:20px auto}.note-no{margin:20px auto 0;font-size:14px}.note-no>a{color:#930;padding:0 5px}.note-no>a:hover{background:#930;color:#fff;border-radius:3px}.fld-sub-btn{display:block;width:150px;margin:30px auto 0;padding:10px 0;font-size:18px;color:#fff;background:#76b852;box-shadow:rgba(0,0,0,.3) 1px 2px 3px}.fld-sub-btn:hover{background:#069}.outer-box{display:block;width:400px;padding:40px 0;border:1px solid #ddd;background:#f6f6f6;border-radius:10px}.control,.gender-btn{width:100%;height:100%;position:relative}.outer-box>.fld-data01>input,.outer-box>.fld-data03>input{background:#fff!important}.fld-info{display:block;margin:30px auto}.fld-info>p{display:inline-block;margin:0 auto;padding:5px 10px;background:#f6f6f6;border:1px solid #eee;border-radius:3px}.control{display:block;cursor:pointer;margin:0 auto}.gender-btn{display:block;margin:0 auto;padding-top:10px;font-size:16px;background:#fafafa;color:#069;border:1px solid #069;border-radius:25px;transition:ease .3s;-webkit-transition:ease .3s}.md-select,.ui-radio{position:absolute}.gender-btn>i{margin-right:15px}.control>input,.ui-radio>input{cursor:pointer;position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%!important;height:100%!important}.control>input:checked~.gender-btn,.control>input:hover~.gender-btn,.ui-radio>input:checked~.gender-btn,.ui-radio>input:hover~.gender-btn{background:#069;color:#fff}.md-select{z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;margin:10px auto;min-width:150px}.md-select label span{background:#f1f1f1;border-bottom:1px solid #999;color:#333;cursor:default;display:block;padding:10px 0;position:relative;width:100%;z-index:1}.md-select [type=button]:hover,.md-select label span:focus{background:rgba(0,0,0,.1)}.md-select label span:after{content:'\25be';float:right;padding-right:10px;border-bottom:1px solid transparent}.md-select ul[role=listbox]{background:#fff;cursor:default;list-style:none;margin:0;max-height:0;overflow:hidden;position:absolute;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .15s cubic-bezier(.35,0,.25,1);transition:all .15s cubic-bezier(.35,0,.25,1);width:100%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)!important}.md-select ul[role=listbox] li{height:45px;margin:0;padding:10px 0;outline:0;overflow:hidden}.md-select ul[role=listbox] li.active,.md-select ul[role=listbox] li:focus,.md-select ul[role=listbox] li:hover{background:rgba(0,0,0,.1)}.md-select.active ul{max-height:200px;overflow:auto;padding:8px 0 16px;z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}.md-select-ext{min-width:100%!important}.md-select-ext label span{background:#fff!important}.md-select-opt{z-index:1;display:block;margin:3px auto;width:100%;height:100%}.reg-hint{position:absolute;top:10px;right:10px;cursor:pointer;-webkit-transition:ease-in-out .3s}.reg-hint>p{position:relative;padding:5px 0;font-size:16px;color:#069;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}.reg-hint>p:hover{color:#333}.reg-hint>p>i{position:absolute;top:-7px;left:-8px;font-size:36px;color:#76b852}.reg-hint-con>a,.reg-hint-title{font-size:16px;color:#fff;font-weight:700}.reg-hint-pop{z-index:2;position:fixed;top:0;bottom:0;left:0;right:0;margin:0 auto;background:rgba(0,0,0,.7);display:flex;display:-webkit-flex;display:-webkit-box;align-items:center;-webkit-align-items:center;-webkit-box-align:center}.reg-hint-con{display:block;margin:0 auto;width:400px;background:#fff;border-radius:3px;overflow:hidden;box-shadow:rgba(0,0,0,.5) 2px 2px 8px}.reg-hint-con>a{display:inline-block;margin:0 auto 20px;padding:8px 25px;background:#76b852;box-shadow:rgba(0,0,0,.3) 1px 2px 3px}.reg-hint-con>a:hover{background:#999}.reg-hint-title{position:relative;margin:0 auto;padding:15px 0;background:linear-gradient(to bottom right,#069,#036);background:-webkit-linear-gradient(to bottom right,#069,#036)}.reg-hint-title>span{position:absolute;top:5px;right:10px;cursor:pointer;font-size:24px}.sn-loader1,.swipe-news{z-index:11;position:fixed;top:0;bottom:0;left:0;height:100%}.reg-hint-points{display:table;margin:20px;text-align:left}.reg-hint-line{display:table-row;font-size:16px}.reg-hint-line>i{display:table-cell;color:#f93;padding:5px}.reg-hint-line>span{display:table-cell;color:#333;padding:5px}.reg-sucsess{margin:0 auto}.reg-sucsess>i{font-size:64px;color:#76b852;margin:20px auto}.reg-sucsess>p{font-size:20px;font-weight:700;color:#069}.reg-sucsess>p>span{display:block;margin:10px auto;font-size:16px;font-weight:400;color:#666}.reg-success-msg{margin:20px auto}.reg-success-msg>h3{margin:0 auto 10px;font-size:20px;color:#000}.reg-success-msg>p{font-size:18px;font-weight:700;color:#069}.reg-success-msg>p>span{display:block;margin-top:10px;font-size:16px;font-weight:400;color:#333}.hor-line{display:block;width:30%;margin:10px auto;border-bottom:1px dashed #ccc}.reg-success-btn{display:block;margin:30px auto 10px}.reg-suc-btn01,.reg-suc-btn02{display:inline-block;width:150px;margin:10px;padding:10px 0;font-size:16px;font-weight:700;border:2px solid #069}.reg-suc-btn01{color:#069;background:#fff}.reg-suc-btn01:hover,.reg-suc-btn02{color:#fff;background:#069}.reg-suc-btn02:hover{color:#069;background:#fff}.page,.ui-loader{display:none}@media screen and (min-width:1300px){.sn-content{width:80%}}.sn-anim-fade{-webkit-animation-name:animatefade;-webkit-animation-duration:.8s;animation-name:animatefade;animation-duration:.8s}@-webkit-keyframes animatefade{from{opacity:0}to{opacity:1}}@keyframes animatefade{from{opacity:0}to{opacity:1}}.sn-anim-zoom{-webkit-animation-name:animatezoom;-webkit-animation-duration:.8s;animation-name:animatezoom;animation-duration:.8s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.load-spin{-webkit-animation-name:animspin;-webkit-animation-duration:2s;-webkit-animation-fill-mode:linear;-webkit-animation-iteration-count:infinite;animation-name:animspin;animation-duration:2s;animation-fill-mode:linear;animation-iteration-count:infinite}@-webkit-keyframes animspin{0&{-webkit-transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg)}}@keyframes animspin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}.one-spin{-webkit-animation-name:onespin;-webkit-animation-duration:8s;-webkit-animation-fill-mode:linear;-webkit-animation-iteration-count:infinite;animation-name:onespin;animation-duration:8s;animation-fill-mode:linear;animation-iteration-count:infinite}@-webkit-keyframes onespin{0&{-webkit-transform:rotateY(0)}100%,20%{-webkit-transform:rotateY(360deg)}}@keyframes onespin{0%{transform:rotateY(0)}100%,20%{transform:rotateY(360deg)}}.sn-loader1{right:0;width:100%;background:rgba(255,255,255,.7);display:flex;display:-webkit-flex;display:-webkit-box;align-items:center;-webkit-align-items:center;-webkit-box-align:center}.sn-loader1-sec{display:block;margin:0 auto;padding:100px 0;width:100%}.sn-loader1-sec>img{margin:0 auto;width:40px}.sn-loader1-sec>p{margin:0 auto 10px;font-size:18px;color:#069}.swipe-news{display:flex;display:-webkit-flex;display:-webkit-box;align-items:center;-webkit-align-items:center;-webkit-box-align:center;width:100%;background:rgba(0,0,0,.8)}.swipe-info{margin:0 auto;padding:60px 30px;width:300px;height:300px}.swipe-info>p{color:#fff;font-size:18px}.swipe-info>img{margin:20px auto}.demo-btn,.demo-btn>a{margin:0 auto}.demo-btn>a{font-size:16px;font-weight:700;padding:5px 20px;color:#000;background:#ff9;border-radius:3px;box-shadow:rgba(0,0,0,.5) 1px 2px 3px}