@charset "utf-8";
.ui-progress__bar .progress-bar__step:after{content:"";display:block;clear:both}
.ui-progress__bar .progress-bar__step{border:1px solid #dedede;overflow:hidden}
.ui-progress__bar .progress-bar__step li{position:relative;height:55px;float:left;width:20%;background-color:#f4f5f8;}
.ui-progress__bar .progress-bar__step li:before{display:inline-block;position:absolute;top: 3px;right: -28px;width:50px;height:50px;background-color:#f4f5f8;border-top: 1px solid #dedede;border-right: 1px solid #dedede;content:"";transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);z-index:10}
.ui-progress__bar .progress-bar__step li.ov{background-color:#3f3f48;}
.ui-progress__bar .progress-bar__step li.ov p{color:#fff;}
.ui-progress__bar .progress-bar__step li.ov:before{display:inline-block;position:absolute;top: 3px;right: -28px;width:50px;height:50px;background-color:#3f3f48;border-top: 1px solid #3f3f48;border-right: 1px solid #3f3f48;content:"";transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.ui-progress__bar .progress-bar__step li p{position: absolute;top: 50%;left: 69%;margin-top:0;text-align: center;color: #545454;font-size: 15.07px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); z-index: 20;}
.ui-progress__bar .progress-bar__step li.ov p:before{display: inline-block;position: absolute;top: -4px;left: -39px;width: 30px;height: 30px;background-color: #fff;border-radius: 50%;content: "";}
.ui-progress__bar .progress-bar__step li.ov p:after{display: inline-block;position: absolute;top: 2px;left: -28px;width: 7px;height: 12px;border-bottom: 2px solid #3f3f48;border-right: 2px solid #3f3f48;transform: rotate(45deg);content: "";font-size:0;}
.ui-progress__bar .progress-bar__step li p:before{display: inline-block;position: absolute;top: -4px;left: -39px;width: 30px;height: 30px;background-color: #b5b5b5;border-radius: 50%;content: "";}
.ui-progress__bar .progress-bar__step li p:after{display: inline-block;position: absolute;top: 0px;left: -28px;content: "";color: #fff;font-size: 15.06px;}
.ui-progress__bar .progress-bar__step li:nth-child(1) p:after{content: "1";}
.ui-progress__bar .progress-bar__step li:nth-child(2) p:after{content: "2";}
.ui-progress__bar .progress-bar__step li:nth-child(3) p:after{content: "3";}
.ui-progress__bar .progress-bar__step li:nth-child(4) p:after{content: "4";}
.ui-progress__bar .progress-bar__step li:nth-child(5) p:after{content: "5";}
.ui-progress__bar .progress-bar__step li.ov p:after{display: inline-block;position: absolute;top: 2px;left: -28px;content: "";color: #fff;font-size: 0px;}
.ui-progress__bar .progress-bar__step li.ov:nth-child(1) p:after{content: "1";}
.ui-progress__bar .progress-bar__step li.ov:nth-child(2) p:after{content: "2";}
.ui-progress__bar .progress-bar__step li.ov:nth-child(3) p:after{content: "3";}
.ui-progress__bar .progress-bar__step li.ov:nth-child(4) p:after{content: "4";}
.ui-progress__bar .progress-bar__step li.ov:nth-child(5) p:after{content: "5";}
.ui-progress__bar .line{display:block;border-bottom: 1px dotted #ddd;padding-bottom: 50px;}


.ui-list__column .inner .item{position:relative;}
.ui-list__column .inner:nth-child(1) .item:before{display:block;width: 149px;height: 126px;margin:0 auto;background: url(/images/prog/mem/prog_ir.png);background-position: -511px -36px !important;content:"";}
.ui-list__column .inner:nth-child(2) .item:before{display:block;width: 149px;height: 126px;margin:0 auto;background: url(/images/prog/mem/prog_ir.png);background-position: -512px -189px !important;content:"";}
.ui-list__column .inner .item h3{margin-top: 35px;font-size: 18px;color: #333333;font-weight: bold;}
.ui-list__column .inner .item p{margin-top: 14px;font-size: 15px;color: #5c5c5c;}

.privacy-info{padding:60px;margin-top:12px;background-color:#f8f8f8;border:none;}
.privacy-info p{text-align:center;font-size:15px;color:#5c5c5c;}
.privacy-info p b{color:#d72429;}
.privacy-info .txt-tip:before{top: -15px;left: 48px;width: 54px;height: 46px;background: url(/images/prog/mem/prog_ir.png) -686px -34px no-repeat;}

.ui_rule--box .inner{border:1px solid #ddd;}
.ui_rule--box .ui_text--box .box-text__scroll{height:260px;padding: 23px 62px 10px 48px;overflow-x: hidden;overflow-y: auto;}
.agree--box .txt-h5{margin-left:37px !important;}
.inquiry--form .agree--box.scroll{height:262px;}
.inquiry--form .agree--box{border-top:1px solid #e0e0e0;background:rgba(0,0,0,0)}
.inquiry--btn{text-align:right;}
.ui_rule--box{position:relative;margin-bottom:30px;margin-top:-3px;border:1px solid #ddd;background-color:#fcfcfc;}
.ui_rule--box:after{display:block;clear:both;content:'';}
.ui_rule--box .inner{position:relative;width:100%}
.ui_rule--box .ui_text--box{position:relative;}
.ui_rule--box .ui_text--box .h2{margin-bottom:0;padding-top:0;padding-bottom:15px;background:none;font-size: 21px;border-bottom:1px solid #ddd;}
.ui_rule--box .ui_text--box .h2:before{display:none;}
.ui_radio--custom{border-bottom:1px dotted #cccccc;text-align:right;}
.ui_radio--custom_bor{border-bottom:1px solid #ccc !important;}
.ui_radio--custom > div{margin-bottom:0px;}
.ui_rule--box .ui_text--box .txt-tip{margin-top:10px;padding-top:10px;border-top: 1px dashed #ddd;}
.ui_rule--box .ui_text--box .txt-tip:before{top:14px}
.ui_rule--box .ui_text--box .ui_radio--custom{position: absolute;top:-22px;right:0;margin:0;display:inline-block;border:none}
.ui_radio--custom label span{display:inline-block;padding-left:5px;font-size:14px;color:#555555;font-weight:500;}
.ui_radio--custom input[type="radio"] {position:absolute; left:0; top:0; width:1px; height:1px; opacity:0;}
/* .ui_radio--custom input[type='checkbox']:focus + label:before {outline: 1px dashed #333;outline:-webkit-focus-ring-color:5px;} */
/* .ui_radio--custom input[type='checkbox']:focus + label:before {outline: 1px dashed #333;outline:-webkit-focus-ring-color:5px;} */
.ui_radio--custom input[type='radio'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}
/* .ui_radio--custom input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; border: 1px solid #767676;} */
.ui_radio--custom input[type='radio']:checked + label:before {display:inline-block;width:16px;height:16px;background-color:#d72429;border:1px solid #d72429;border-radius: 4px;content:"";}
.ui_radio--custom input[type='radio'] + label:before{border-radius:4px;}
.ui_radio--custom input[type='radio']:checked + label:after{display:inline-block;position:absolute;top: 9px;left: 6.5px;width: 3px;height: 7px;border-bottom: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);content:"";}
.ui_radio--custom input[type='radio']:checked + label{overflow:hidden;position:relative;}
.ui_rule--box{margin-bottom:0;border:none;background-color:rgba(0,0,0,0)}
.ui_radio--custom{margin-top:16px;border-bottom:none;}
.ui_radio--custom input[type="checkbox"] {position:absolute; left:0; top:0; width:1px; height:1px; opacity:0;}
/* .ui_radio--custom input[type='checkbox']:focus + label:before {outline: 1px dashed #333;outline:-webkit-focus-ring-color:5px;} */
/* .ui_radio--custom input[type='checkbox']:focus + label:before {outline: 1px dashed #333;outline:-webkit-focus-ring-color:5px;} */
.ui_radio--custom input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}
/* .ui_radio--custom input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; border: 1px solid #767676;} */
.ui_radio--custom input[type='checkbox']:checked + label:before {display:inline-block;width:16px;height:16px;background-color:#d72429;border:1px solid #d72429;border-radius: 4px;content:"";}
.ui_radio--custom input[type='checkbox'] + label:before{border-radius:4px;}
.ui_radio--custom input[type='checkbox']:checked + label:after{display:inline-block;position:absolute;top: 9px;left: 6.5px;width: 3px;height: 7px;border-bottom: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);content:"";}
.ui_radio--custom input[type='checkbox']:checked + label{overflow:hidden;position:relative;}
.ui_radio--custom .check-all{border-top:1px dotted #ddd !important;}



.clearfix{padding:0;border-top:none;}
.clearfix .item span{margin:0 auto;display:inherit;}
.clearfix .item{width:100%;}
.clearfix .item a{font-weight: inherit;}
.clearfix .item:first-child{border: 1px solid #efefef;}
.clearfix .inner:nth-child(1) .item:before{display:none}
.clearfix .inner:nth-child(2) .item:before{display:none}
.clearfix .item .icon{width: 149px;height: 126px;background: url(/images/prog/mem/prog_ir.png);}
.clearfix .item .icon2{background-position: -332px -36px;}
.clearfix .item .icon1{background-position: -335px -189px;}
.clearfix .ui-list__column .inner .item h2{margin-top:37px;font-size:18px;color:#333333;font-weight:bold;}
.clearfix .item .list-box{background-color:#f8f8f8;padding:25px;}
.clearfix .ui-list__column .inner .item{padding: 30px 34px;}
.clearfix .list-box{height:169px;}
.clearfix .ir-bbs{background: url(/images/prog/mem/prog_ir.png) no-repeat;}
.clearfix .ir-bbs{background-position: -18px -620px;}
.clearfix .btn-default, .btn-default:link, .btn-default:visited{background-color:rgba(0,0,0,0);font-weight:inherit;}
.clearfix .btn-icon .arrow:after {height:12px;}
.clearfix .btn-icon .arrow:before{height:12px;}

.ui-list__column.finish-list{margin:46px 0 0 0;border-top:2px solid #d72b30;}
.ui-list__column.finish-list .inner{border:none;}
.ui-list__column.finish-list .inner .item{padding: 60px 20px;text-align:center;}
.ui-list__column.finish-list .inner .item h1{font-size:28px;text-align:center;}
.ui-list__column.finish-list .inner .item h1 b{color:#d72c31;}
.ui-list__column.finish-list .inner .circle{width: 318px;height: 230px;margin-top: 24px;border-radius: inherit;background-color: rgba(0,0,0,0) !important;}
.ui-list__column.finish-list .ir-icon__line{display:inline-block;width: 318px;height: 232px;margin: 0 auto;margin-top: 28px;background: url(/images/prog/mem/prog_ir.png) -0px -346px no-repeat;}
.ui-list__column.finish-list .txt-fouse:before{display:none;}
.ui-list__column.finish-list .txt-fouse{color:#555555;text-align:center;}
.ui-list__column.finish-list .txt-box{margin-top:30px;border:none;}
.ui-list__column.finish-list .txt-box{background-color:#f8f8f8;}
.ui-list__column.finish-list .txt-fouse-name{font-size:18px;color:#222222;}
.ui-list__column.finish-list .txt-fouse-id{font-size:18px;color:#d72429;}
.ui-list__column.finish-list .ui-list__column .inner .item{padding: 30px 55px;}
.ui-list__column.finish-list .btn-css{margin: 40px 0 20px 0;}
.ui-list__column.finish-list .inner:nth-child(1) .item:before{display:none;}
.ui-list__column.finish-list .inner .item p{margin:0;padding:0;}

.ui-list__column.News .inner .item{min-height: auto;padding: 30px 50px;}
.ui-list__column.News .inner:nth-child(1) .item:before{display:none}
.ui-list__column.News .list-1st li:before{display:inline-block;position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background-color:#535353;content:"";}
.ui-list__column.News .list-1st li{position:relative;}

.certification__inner{margin-top:30px;padding: 50px 40px;border-top:2px solid #d72429;border-right:1px solid #efefef;border-bottom:1px solid #efefef;border-left:1px solid #efefef;}
.certification__inner .item .h6{font-size:22px; color:#000; text-align:center;}
.certification__inner > .clearfix .item{height: 432px;}
.certification__inner .item .txt-h6{font-size:15px; color:#8b8b8b; text-align:center;}
.certification__inner .member{max-width:720px;padding:0;}
.certification__inner .member .box{position:relative;border:none; padding: 20px 54px 59px 143px;}
.certification__inner .member .box:before{display:inline-block;position:absolute;top:17px;left:0;width:110px;height:110px;border-radius:50%;background: url(/images/prog/mem/prog_ir.png) -808px -13px no-repeat;
background-color:#f8f8f8;content:"";}
.certification__inner .input-info label{display:inline-block;width:100px;}
.certification__inner .member .box .login .input-info div label{position: static;font-size:15px;color:#000;}
.certification__inner .member .box .login .input-info div #name{width:300px}
.certification__inner .member .box .login .input-info div #mobile1,
.certification__inner .member .box .login .input-info div #mobile2,
.certification__inner .member .box .login .input-info div #mobile3{width:92px;}
.certification__inner .member .box .login button{width: 105px;height: 85px;background-color:#d72429;}
.certification__inner .member .box .login button em{position: absolute;top: -13px;left: 30px;}
.certification__inner .member .box .login button:before{display: inline-block;position: absolute;top: 47px;left: 36px;width: 31px;height: 22px;background: url(/images/prog/mem/prog_ir.png) -10px -656px no-repeat;content: "";}
.certification__inner .member .box .login{padding-right: 115px;}
.certification__inner .txt-tip{padding-left: 93px;}
.certification__inner .list-1st dd:before, .list-1st li:before{top: 10px;left: 0;width: 5px;height: 1px;border-radius: inherit;background: #545454;}
.certification__inner .list-1st dd, .list-1st li{display:inline-block;font-weight:500}
.certification__inner form[name=form_ipin] a{margin-top:24px}


.certification__inner.pw_Find_Form .member .box:before{top:43px;}
.certification__inner.pw_Find_Form .member .box .login button{top:31px;}
.certification__inner.pw_Find_Form > div .clearfix .item{height: 432px;}
.certification__inner.pw_Find_Form .member .box .login .input-info div #id{width:300px}
.certification__inner.pw_Find_Form .inner:nth-child(2) .item a{margin-top:24px;}


.form-horizontal .txt-h4, .txt-h5, .txt-h6{margin:0;}
.form-horizontal .list-2st dd:before, .list-2st li:before{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
.form-horizontal.jq_box .form-group:nth-child(n+2){display:none;}
.form-horizontal label{font-weight:bold;margin-bottom:0;}
.form-horizontal .toggle-password{width:auto;margin-top:10px;cursor:pointer;}

.ui-list__card .list-num li{position:relative;padding-left:21px;font-size:14px;color:#666666;}
.ui-list__card .badge, .circle, .ir, .ullist li, .ullist li a{display:initial}
.ui-list__card .obj .item .card--body .ui-list__title{font-size:27px;}
.ui-list__card .ui-list__title b{color:#d72429}
.ui-list__card .ui-list__title span{color:#282828}
.ui-list__card .list-num{margin-top:50px;}
.ui-list__card .col1 .item{padding:85px 70px;}
.ui-list__card .list-num .badge{position: absolute;top: 1px;left: 21px;width:21px;height:21px;background-color: #64656f;padding: 1.5px 6px;}
.ui-list__card .col1 .item{position:relative;}
.ui-list__card .col1 .item:before{display: inline-block;position: absolute;top: 65px;right: 33px;width: 303px;height: 298px;background: url(/images/prog/mem/prog_ir.png) -390px -373px no-repeat;content: "";}
.ui-list__card .col1 .item.ui-item__right .card--body{padding: 0 10% 0 0;}

.ui-topbox.newMem .ir-icon{top:65px;}
.ui-topbox.newMem .txtwrap .list-1st li{position:relative;color:#545454;font-size:15px;}
.ui-topbox.newMem .txtwrap .list-1st li b{color:#d72429;}
.ui-topbox.newMem .txtwrap .list-1st li:before{display: inline-block;position: absolute;top: 9px;left: 0;width: 5px;height: 5px;background-color: #545454;border-radius: 50%;content: "";}

.certification__inner.newMem .txt-tip:before{top: 2px;width: 18px;height: 16px;background: url(/images/prog/mem/prog_ir.png) -689px -109px no-repeat;}
.certification__inner.newMem .txt-tip{display:inline-block;margin-top:10px;padding-left:20px;font-size:15px;}
.certification__inner.newMem .item .h6{margin: 5px 0 5px;} 
.certification__inner.newMem .item .h6:before{display:block;width:107px;height:107px;margin:0 auto;margin-bottom: 30px;border-radius:50%;background: url(/images/prog/mem/prog_ir.png) -888px -16px no-repeat;background-color:#f9f8f6;content:"";}
.certification__inner.newMem .member .box:before{display:none;}
.certification__inner.newMem .member .box{padding: 0 20px;}
.certification__inner.newMem .member .box .login{padding:0 124px;}
.certification__inner.newMem .member .box .login input::placeholder{text-align:center;font-size:14px;color:#b1b1b1;}
.certification__inner.newMem .member .box .login input::-webkit-input-placeholder{text-align:center;font-size:14px;color:#b1b1b1;}
.certification__inner.newMem .member .box .login input:-ms-input-placeholder{text-align:center;font-size:14px;color:#b1b1b1;}
.certification__inner.newMem .member .box .login .input-info div .text{height:38px;}
.certification__inner.newMem .ui-bottom-box{padding: 30px;margin-top:57px;background-color:#f8f8f8;}
.certification__inner.newMem .ui-bottom-box ul li{display: inline-block;position:relative;width: 100%;margin-top: -1px;margin-left: -1px;padding: 10px 10px 0px 15px;border: none;background-color: rgba(0,0,0,0);text-align: left;line-height: 1.3;font-size:15px;color:#5c5c5c}
.certification__inner.newMem .ui-bottom-box ul li > span{display:inline-block;position:absolute;top:9px;left:0;}
.certification__inner.newMem .ui-bottom-box ul li .color-orange{color:#d72429;font-weight:bold;}
.certification__inner.newMem .ui-bottom-box ul li p{display:inline-block;margin:0;padding-left:2px;width:760px;}
.certification__inner.newMem .ui-bottom-box ul{margin:0;padding:0;}
.certification__inner.newMem .ui-bottom-box{border-top:none;}

.btn-css{padding:12px 0;width:100px;}

.btn-default .ir-home, .btn-default:focus .ir-home, .btn-default:hover .ir-home{background-position: -18px -620px;}



@media(max-width:1280px){	
	.privacy-info .txt-tip:before{display:none;}
}

@media(max-width:980px){
	.certification__inner .mt_30 .clearfix .inner{width:100%;}
	.certification__inner.pw_Find_Form > div .clearfix .item{height: auto;}
	.certification__inner .list-1st dd, .list-1st li{display:block;}
	.certification__inner .list-1st dd:before, .list-1st li:before{display:none;}
}

@media(max-width:960px){	
	.privacy-info .txt-tip{padding-left:0;}
	.certification__inner.newMem .ui-bottom-box ul li p{width:100%;}
	
}


@media(max-width:900px){
	.certification__inner .member .box:before{display:none;}
	.certification__inner .member .box{padding:20px;}		
	.certification__inner .member .box .login button{position:static;width: 30%;margin-top:10px;}
	.certification__inner .member .box .login button em{position:static;}
	.certification__inner .member .box .login{padding-right:0;overflow:inherit;text-align:center;}
	
	
}

@media(max-width:902px){
	.ui-progress__bar .progress-bar__step li{width:25%;border:1px solid #dedede}
	.ui-progress__bar .progress-bar__step{border:none;}
	.ui-progress__bar .progress-bar__step li:before{display:none;}
	.ui-progress__bar .progress-bar__step li.ov:before{display:none;}
	.ui-progress__bar .progress-bar__step li p{left:58%;}
	
}

@media(max-width:810px){
	.ui-list__card .col1 .item.ui-item__right .card--body{padding: 0 17% 0 0;}
}

@media(max-width:700px){
	.certification__inner.newMem .member .box .login{padding:0 50px;}
}

@media(max-width:768px){
	.ui-list__column.col2 .inner{width:100%;}
	.ui-list__column .inner .item{min-height:auto;}
	.ui-progress__bar .progress-bar__step li{width:33.3333%;}
	#ipin_realname .list-box{height:auto;}
	#ipin_realname .txt-h2, .txt-h3{padding-left:0;}	
	.ui-list__column.finish-list .ir-icon__line{display:none;}
	.form-horizontal span.form-group{display:block;text-align:center;}
	.ui-list__card .col1 .item:before{display:none;}
	.ui-list__card .col1 .item.ui-item__right .card--body{padding: 0;width:100%;}
	.ui-list__card .obj .item .card--body .ui-list__title{text-align:center}
	.ui-list__card .list-num .badge{top:-1px;}
	.certification__inner.newMem .item .h6{padding-left:0;}
	
}

@media(max-width:600px){	
	.certification__inner.newMem .txt-tip:before{display:none;}
	.certification__inner.newMem .txt-tip{padding-left:0;}
}


@media(max-width:583px){	
	.ui-progress__bar .progress-bar__step li{width:50%;}
	.privacy-info{padding:20px;}
}

@media(max-width:563px){
	.certification__inner .member .box .login .input-info div label{width:100%;}
	.certification__inner{padding:20px;}
	
}

@media(max-width:520px){
	.certification__inner.newMem .member .box .login{padding:0 0px;}
}

@media(max-width:510px){
	.ui-list__card .col1 .item{padding:30px;}
}

@media(max-width:476px){
	.ui-list__column.finish-list .inner .item .btn-css a:nth-child(n+2){margin-top:10px;}
}

@media(max-width:409px){
	.certification__inner .member .box .login button{width: 50%;}	
}

@media(max-width:430px){	
	.certification__inner.pw_Find_Form .member .box .login .input-info div #id{width:100%}
	.certification__inner .member .box .login .input-info div #name{width:100%;}
	.certification__inner .member .box .login .input-info div #mobile1, .certification__inner .member .box .login .input-info div #mobile2, .certification__inner .member .box .login .input-info div #mobile3{width:100%;}
}

@media(max-width:414px){
	.ui_rule--box .ui_text--box .box-text__scroll{padding:20px;}
	.txt-h4, .txt-h5, .txt-h6{margin:0;}
	.ui-list__card .list-num .badge{top:0;}
}

@media(max-width:358px){	
	.ui-progress__bar .progress-bar__step li{width:100%;}
	.privacy-info{padding:20px;}
	.ui-list__column.col1 .inner .item{padding:20px;}
}

@media(max-width:350px){	
	.ui-member-card .sign_button a:nth-child(n+2){margin-top:10px;}
}




















.privacy-info .row > div:nth-child(2){padding:14px 0px;}
.ui-list__column .inner .item div:nth-child(2) b{color:#fff;}
.title_h{margin:75px 0 10px;}
.title_h2{margin:75px 0 10px;font-size: 34px;color:#2678cc;line-height: 1;font-weight: bold;}
.title_h2 em{color: #08326e;font-weight: bold;}
.find-svg{position: relative;width: 200px;height: 200px;margin:0 auto 20px;}
.mobile > .col-sm-3{width:30%;}
.mobile > .col-sm-1{width:5%;}
.login_box > div{padding:0 !important; border-top:1px dotted #ddd !important; border-bottom:none !important}
#find-circles, #find-circles-shadow {
  width: 200px;
  height: 200px;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  animation: dash0 1.5s ease;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
  transform: rotate(0deg);
}

@keyframes dash0 {
  0% {transform: rotate(0deg) scale(1)}
  35% {transform: rotate(10deg) scale(1.1)}
  50% {transform: rotate(10deg) scale(1.1)}  
  60% {transform: rotate(10deg) scale(1)}
  65% {transform: rotate(-5deg) scale(1)}
  80% {transform: rotate(5deg) scale(1)}
  100% {transform: rotate(0deg) scale(1)} 
}
.circles, .circles-shadow {
  position: absolute;  
  fill: none;
  stroke: #fff;  
  stroke-linecap: round;
  stroke-dashoffset: 820;
  stroke-dasharray: 820;
}
.circles-shadow {
  stroke: #d72429;
}

@keyframes dash1 {
  from {stroke-dashoffset: -820;}
  to {stroke-dashoffset: 0;}
}

.el1 {
  top: 80px;
  left: 40px;
  stroke-width: 8;
  fill: #f7888b;
  animation: dash1 2s ease;
  animation-fill-mode: forwards;
}
.el2 {
  top: 130px;
  left: 80px;
  stroke-width: 5;
  animation: dash1 2s ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.el3-box {
  top: 0px;
  position: absolute; 
  animation: dash2 1s ease;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
}
@keyframes dash2 {
  0% {top: 0}
  80% {top: -10px}
  100% {top: 30px;} 
}
.el3 {
  top: 0px;
  left: 46px;
  stroke-width: 10;
  transform: scale(0.8);
  z-index: -1;
  animation: dash1 2s ease;
  animation-delay: 0.5s;
  animation-fill-mode: forwards; 
}
.el4 {
  top: 155px;
  left: 95px;
  stroke-width: 6;
  animation: dash1 2s ease;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}



.confetti {
  position: absolute;
  animation: grow 1.4s cubic-bezier(0.42, 0, 0.275, 1.155) infinite;
}
.confetti:nth-child(1) {
  width: 12px;
  height: 12px;
  left: 12px;
  top: 16px;
}
.confetti:nth-child(2) {
  width: 18px;
  height: 18px;
  left: 168px;
  top: 84px;
}
.confetti:nth-child(3) {
  width: 10px;
  height: 10px;
  left: 32px;
  top: 162px;
}
.confetti:nth-child(4) {
  width: 20px;
  height: 20px;
  left: 82px;
  top: -12px;
}
.confetti:nth-child(5) {
  width: 14px;
  height: 14px;
  left: 125px;
  top: 162px;
}
.confetti:nth-child(6) {
  width: 10px;
  height: 10px;
  left: 16px;
  top: 16px;
}
.confetti:nth-child(1) {
  animation-delay: 0.7s;
}
.confetti:nth-child(2) {
  animation-delay: 1.4s;
}
.confetti:nth-child(3) {
  animation-delay: 2.1s;
}
.confetti:nth-child(4) {
  animation-delay: 2.8s;
}
.confetti:nth-child(5) {
  animation-delay: 3.5s;
}
.confetti:nth-child(6) {
  animation-delay: 4.2s;
}

.checkmark {
  position: relative;
  padding: 30px;
  animation: checkmark 5.6s cubic-bezier(0.42, 0, 0.275, 1.155);
}

.checkmark__check {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate3d(-50%, -50%, 0);
  fill: #fff;
}

.checkmark__back {
  animation: rotate 35s linear both infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes grow {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes checkmark {
  0%, 100% {
    opacity: 0;
    transform: scale(0);
  }
  10%, 50%, 90% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes spinOne {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinOne {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spinTwo {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinTwo {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


@keyframes slide {
    0% { opacity:1; transform: translateX(3px); }  
   20% { opacity:1; transform: translateX(6px); }   
   80% { opacity:1; transform: translateX(-3px); }  
  100% { opacity:1; transform: translateX(3px); } 
}


.ui-member-card{padding: 30px;background: white;overflow: hidden;box-shadow:1px 1px 1px 0 rgba(0,0,0, 0.1);border-radius: 4px;border:1px solid #ddd;border-top: 3px solid #d72429;}
#welcome{margin:0 auto 10px;;max-width:360px;}
.ui-member-card .ui-progress__bar{border-bottom:1px solid #d9d9d9;margin-bottom:20px;padding-bottom:20px;}
.member_ok p{text-align:center;color: #2678cc;font-weight: bold;font-size: 34px;}
.member_ok p span{display:block;font-size:16px;color:#888;font-weight:normal}

.ui-certification.ui-check{padding:30px 0}
.ui-certification.ui-check .item{width:33.33%;padding: 10px 15px;min-height:306px;}
.ui-certification.ui-check .item .list-box li{line-height:1.4}
.ui-certification.ui-check .item .list-box p.tel{padding-right:26px;}


@keyframes spinspin2 {
  0% {transform: rotate(0deg);}
  100% {transform:rotate(720deg);}
}