#invest-popup-outer { display: none; } /* hiding invest popup */
#invest-popup-outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); overflow-y: auto; overflow-x: hidden; z-index: 10000; }
#invest-popup { display: table; width: 100%; height: 100%; color: #222; letter-spacing: -0.2px; word-break: keep-all; }
#invest-popup-inner { display: table-cell; padding: 3.125rem 1.25rem; width: 100%; height: 100%; vertical-align: middle; overflow-y: auto; }

#invest-popup .clear { clear: both; }

#invest-popup .step-common { margin: 0 auto; max-width: 620px; width: 100%; background-color: #fff; }
#invest-popup .step-common .step-inner { display: table; width: 100%; }
#invest-popup .step-common .side-common { position: relative; display: table-cell; width: 51px; height: 100%; -webkit-box-shadow: 1px 2px 6px 0.56px rgba(0, 0, 0, 0.05); box-shadow: 1px 2px 6px 0.56px rgba(0, 0, 0, 0.05); z-index: 2; }
#invest-popup .step-common .side-common .lock { position: relative; display: table-cell; width: 51px; height: 50px; text-align: center; vertical-align: middle; background-color: #0074d9; }
/* #invest-popup .step-common .side-common .lock .circle { position: absolute; top: 24%; right: 0; left: 0; display: block; margin: 0 auto; width: 26px; height: 26px; border: 2px solid #fff; border-radius: 50%; } */
#invest-popup .step-common .side-common .lock i { display: block; margin: 0 auto; width: 26px; height: 26px; font-size: 14px; color: #fff; text-align: center; line-height: 23px; border: 2px solid #fff; border-radius: 50%; }
#invest-popup .step-common .side-common .progress-step { padding: 2.5rem 0 2.8125rem; text-align: center; }
#invest-popup .step-common .side-common .progress-step .step-common { position: relative; font-size: 0; line-height: 0; }
#invest-popup .step-common .side-common .progress-step .step-common .dot { position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; width: 11px; height: 11px; background-color: #fff; border: 2px solid #eaecef; border-radius: 50%; }
#invest-popup .step-common .side-common .progress-step .step-common .line { display: inline-block; width: 1px; background-color: #eaecef; }
#invest-popup .step-common .side-common .progress-step .step1 {  }
#invest-popup .step-common .side-common .progress-step .step1 .line { height: 200px; }
#invest-popup .step-common .side-common .progress-step .step2 {  }
#invest-popup .step-common .side-common .progress-step .step2 .line { height: 370px; }
#invest-popup .step-common .side-common .progress-step .step3 {  }
#invest-popup .step-common .side-common .progress-step .active {  }
#invest-popup .step-common .side-common .progress-step .active .dot { width: 15px; height: 15px; background-color: #0074d9; }

#invest-popup .step-common .container-common { display: table-cell; height: 100%; vertical-align: top; }
#invest-popup .step-common .popup-head { display: table; width: 100%; height: 50px;
    background: #0074d9;
    background: -webkit-linear-gradient(left, #0074d9 0%, #40c1c8 67%);
    background: -webkit-gradient(linear, left top, right top, from(#0074d9), color-stop(67%, #40c1c8));
    background: linear-gradient(to right, #0074d9 0%, #40c1c8 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074d9', endColorstr='#40c1c8', GradientType=1 );
}
#invest-popup .step-common .popup-head .popup-head-inner { display: table-cell; padding: 0 1.875rem; font-size: 0.9375rem; font-weight: 500; color: #e4f0f6; vertical-align: middle; }
#invest-popup .step-common .popup-head .popup-head-inner .head-logo { display: inline-block; width: 94px; height: 25px; }
#invest-popup .step-common .popup-head .popup-head-inner .head-text { display: inline-block; position: relative; top: 1px; margin-left: 7px; padding-left: 11px; }
#invest-popup .step-common .popup-head .popup-head-inner .head-text:before { content: ""; position: absolute; top: -2px; bottom: 0; left: 0; margin: auto; display: block; width: 3px; height: 3px; background-color: #fff; border-radius: 50px; }

#invest-step1 .popup-body { padding: 0 1.875rem; background-color: #f4f5f7; }
#invest-step1 .popup-body .product-info { padding: 2.5rem 0 1.5rem; border-bottom: 1px dashed #ddd; }
#invest-step1 .popup-body .product-info .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step1 .popup-body .product-info .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step1 .popup-body .product-info .content { margin-left: 140px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
#invest-step1 .popup-body .product-info .content .product-data { padding: 1.5625rem 1.5625rem 0.625rem; background-color: #fff; }
#invest-step1 .popup-body .product-info .content .product-data .data-item { margin-bottom: 0.625rem; padding-bottom: 0.5rem; font-size: 0.875rem; font-weight: 300; border-bottom: 1px solid #e7e7e7; }
#invest-step1 .popup-body .product-info .content .product-data .data-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#invest-step1 .popup-body .product-info .content .product-data .data-item .name { float: left; width: 80px; color: #999; }
#invest-step1 .popup-body .product-info .content .product-data .data-item .value { margin-left: 80px; }
#invest-step1 .popup-body .product-info .content .product-amount { padding: 0.9375rem 1.75rem 0.8125rem; font-size: 0.875rem; font-weight: 300; color: #0074d9; background-color: #fafafa; border-top: 1px solid #e7e7e7; }
#invest-step1 .popup-body .product-info .content .product-amount i { margin-right: 0.25rem; }
#invest-step1 .popup-body .product-info .content .product-amount .invested-amount { font-size: 1.125rem; font-weight: 400; }

#invest-step1 .popup-body .enter-amount { padding: 1.5625rem 0 1.4375rem; border-bottom: 1px dashed #ddd; }
#invest-step1 .popup-body .enter-amount .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step1 .popup-body .enter-amount .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step1 .popup-body .enter-amount .content { margin-left: 140px; }
#invest-step1 .popup-body .enter-amount .content .input-amount { position: relative; }
#invest-step1 .popup-body .enter-amount .content .input-amount input { padding: 0.5rem 3.4375rem 0.5rem 0.625rem; width: 100%; font-size: 1rem; font-weight: 300; text-align: right; border: 1px solid #ddd; border-radius: 4px; }
#invest-step1 .popup-body .enter-amount .content .input-amount input::-webkit-inner-spin-button,
#invest-step1 .popup-body .enter-amount .content .input-amount input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
#invest-step1 .popup-body .enter-amount .content .input-amount label { position: absolute; top: 0.5625rem; right: 0.9375rem; font-size: 1rem; font-weight: 300; }
#invest-step1 .popup-body .enter-amount .content .user-data { margin-top: 0.625rem; font-size: 0.875rem; font-weight: 300; text-align: right; }
#invest-step1 .popup-body .enter-amount .content .user-data .refresh-icon { display: inline-block; }
#invest-step1 .popup-body .enter-amount .content .user-data .refresh-icon a { position: relative; top: 0.25rem; display: block; margin-right: 0.1875rem; width: 20px; height: 20px; font-size: 0.625rem; color: #008fd2; text-align: center; background-color: #fff; border: 1px solid #008fd2; border-radius: 50%; }
#invest-step1 .popup-body .enter-amount .content .user-data .refresh-icon i { position: absolute; top: -1px; right: 0; bottom: 0; left: 0; width: 10px; height: 10px; margin: auto; }
#invest-step1 .popup-body .enter-amount .content .user-data .user-name { color: #0074d9; }
#invest-step1 .popup-body .enter-amount .content .user-data .user-balance { color: #0074d9; }
#invest-step1 .popup-body .enter-amount .content .user-data .user-balance:before { content: ""; position: relative; top: 2px; display: inline-block; margin: 0 7px 0 4px; width: 2px; height: 14px; background-color: #ddd; }

#invest-step1 .popup-body .verification-method { padding: 1.5625rem 0 1.4375rem; border-bottom: 1px dashed #ddd; }
#invest-step1 .popup-body .verification-method .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step1 .popup-body .verification-method .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step1 .popup-body .verification-method .content { margin-left: 140px; }
#invest-step1 .popup-body .verification-method .content label { float: left; display: block; width: 50%; }
#invest-step1 .popup-body .verification-method .content label:last-child { margin-left: -1px; }
#invest-step1 .popup-body .verification-method .content label input { display: none; }
#invest-step1 .popup-body .verification-method .content label span { float: left; display: block; padding: 0.688rem 0.313rem; width: 100%; font-size: 0.875rem; text-align: center; border: 1px solid #ddd; border-radius: 4px; opacity: 0.4; cursor: pointer; }
#invest-step1 .popup-body .verification-method .content input:checked ~ span { background-color: #fff; opacity: 1; }
#invest-step1 .popup-body .verification-method .content input[disabled="disabled"] ~ span { opacity: 0.3; }
#invest-step1 .popup-body .verification-method .content label:not(:last-child) span { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#invest-step1 .popup-body .verification-method .content label:not(:first-child) span { border-top-left-radius: 0; border-bottom-left-radius: 0; }
#invest-step1 .popup-body .verification-method .content .desc { padding-top: 0.625rem; font-size: 0.875rem; font-weight: 300; text-align: right; }

#invest-step1 .popup-body .validity-period { padding: 1.5625rem 0 1.4375rem; border-bottom: 1px dashed #ddd; }
#invest-step1 .popup-body .validity-period .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step1 .popup-body .validity-period .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step1 .popup-body .validity-period .content { margin-left: 140px; }
#invest-step1 .popup-body .validity-period .content label { float: left; display: block; width: 50%; }
#invest-step1 .popup-body .validity-period .content label:last-child { margin-left: -1px; }
#invest-step1 .popup-body .validity-period .content label input { display: none; }
#invest-step1 .popup-body .validity-period .content label span { float: left; display: block; padding: 0.688rem 0.313rem; width: 100%; font-size: 0.875rem; text-align: center; border: 1px solid #ddd; border-radius: 4px; opacity: 0.4; cursor: pointer; }
#invest-step1 .popup-body .validity-period .content input:checked ~ span { background-color: #fff; opacity: 1; }
#invest-step1 .popup-body .validity-period .content input[disabled="disabled"] ~ span { opacity: 0.3; }
#invest-step1 .popup-body .validity-period .content label:not(:last-child) span { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#invest-step1 .popup-body .validity-period .content label:not(:first-child) span { border-top-left-radius: 0; border-bottom-left-radius: 0; }
#invest-step1 .popup-body .validity-period .content .desc { padding-top: 0.625rem; font-size: 0.875rem; font-weight: 300; text-align: right; }

#invest-step1 .popup-body .terms { padding: 1.5625rem 0 1.4375rem; }
#invest-step1 .popup-body .terms .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step1 .popup-body .terms .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step1 .popup-body .terms .content { margin-left: 140px; }
#invest-step1 .popup-body .terms .content input { float: left; position: relative; top: 0.1875rem; width: 25px; }
#invest-step1 .popup-body .terms .content input[type="checkbox"] {
	-webkit-appearance: checkbox;
	   -moz-appearance: checkbox;
	        appearance: checkbox;
}
#invest-step1 .popup-body .terms .content label { display: block; margin-left: 25px; font-size: 0.875rem; font-weight: 300; color: #585858; }
#invest-step1 .popup-body .terms .content label a { color: #008fd2; }

#invest-popup .step-common .popup-buttons { padding: 1.5625rem 1.875rem 1.4375rem; text-align: right; background-color: #eceef1; }
#invest-popup .step-common .popup-buttons .button { display: inline-block; padding: 0.5625rem 1.875rem; font-size: 0.9375rem; font-weight: 500; color: #999; border: 1px solid #ddd; background-color: #fff; border-radius: 20px; }
#invest-popup .step-common .popup-buttons .button:not(:last-child) { margin-right: 3px; }
#invest-popup .step-common .popup-buttons .cancel {  }
#invest-popup .step-common .popup-buttons .color { color: #fff; background-color: #40c1c8; }

#invest-popup .step-common .popup-footer { position: relative; padding: 0.9375rem 1.875rem; font-size: 0.875rem; font-weight: 300; color: #bebfc0; background-color: #e0e4e9; z-index: 3; }
#invest-popup .step-common .popup-footer img { display: block; margin-top: 0.1875rem; }

@media all and (max-width: 600px) {
	#invest-step1 .popup-body .product-info .title,
	#invest-step1 .popup-body .enter-amount .title,
	#invest-step1 .popup-body .verification-method .title,
	#invest-step1 .popup-body .validity-period .title,
	#invest-step1 .popup-body .terms .title { float: none; margin-bottom: 0.3125rem; font-size: 0.9375rem; }
	#invest-step1 .popup-body .product-info .title .subtitle,
	#invest-step1 .popup-body .enter-amount .title .subtitle,
	#invest-step1 .popup-body .verification-method .title .subtitle,
	#invest-step1 .popup-body .validity-period .title .subtitle,
	#invest-step1 .popup-body .terms .title .subtitle { display: none; }
	#invest-step1 .popup-body .product-info .content,
	#invest-step1 .popup-body .enter-amount .content,
	#invest-step1 .popup-body .verification-method .content,
	#invest-step1 .popup-body .validity-period .content,
	#invest-step1 .popup-body .terms .content { margin: 0; }

	#invest-step1 .popup-body { padding: 0 1.25rem; }
	#invest-step1 .popup-body .product-info { padding: 1.25rem 0; }
	#invest-step1 .popup-body .product-info .content .product-data { padding: 0.9375rem 1.25rem 0.625rem; }
	#invest-step1 .popup-body .product-info .content .product-amount { padding: 0.625rem 1.25rem 0.625rem; font-size: 0.75rem; }
	#invest-step1 .popup-body .product-info .content .product-amount .invested-amount { font-size: 0.875rem; }

	#invest-step1 .popup-body .enter-amount { padding: 0.9375rem 0 0.8125rem; }
	#invest-step1 .popup-body .enter-amount .content .user-data { font-size: 0.8125rem; text-align: left; }

	#invest-step1 .popup-body .verification-method .content .desc,
	#invest-step1 .popup-body .validity-period .content .desc { text-align: left; }

	#invest-step1 .popup-body .terms { padding: 1.25rem 0 1.125rem; }
	#invest-step1 .popup-body .terms .content input { width: inherit; }
	#invest-step1 .popup-body .terms .content label { margin-left: 1.25rem; font-size: 0.8125rem; }
}

#invest-step2 {  }
#invest-step2 .popup-body { padding: 0 1.875rem; background-color: #f4f5f7; }
#invest-step2 .popup-body .review-investment { padding: 2.5rem 0 1.5rem; border-bottom: 1px dashed #ddd; }
#invest-step2 .popup-body .review-investment .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step2 .popup-body .review-investment .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step2 .popup-body .review-investment .content { margin-left: 140px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
#invest-step2 .popup-body .review-investment .content .product-data { padding: 1.5625rem 1.5625rem 0.625rem; background-color: #fff; }
#invest-step2 .popup-body .review-investment .content .product-data .data-item { margin-bottom: 0.625rem; padding-bottom: 0.5rem; font-size: 0.875rem; font-weight: 300; border-bottom: 1px solid #e7e7e7; }
#invest-step2 .popup-body .review-investment .content .product-data .data-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#invest-step2 .popup-body .review-investment .content .product-data .data-item .name { float: left; width: 80px; color: #999; }
#invest-step2 .popup-body .review-investment .content .product-data .data-item .value { margin-left: 80px; }
#invest-step2 .popup-body .review-investment .content .invest-amount { padding: 0.9375rem 1.75rem 0.8125rem; font-size: 0.875rem; font-weight: 300; color: #0074d9; background-color: #fafafa; border-top: 1px solid #e7e7e7; }
#invest-step2 .popup-body .review-investment .content .invest-amount i { margin-right: 0.25rem; }
#invest-step2 .popup-body .review-investment .content .invest-amount .invested-amount { font-size: 1.125rem; font-weight: 400; }

#invest-step2 .popup-body .sms-verify { padding: 1.5625rem 0 4.375rem; }
#invest-step2 .popup-body .sms-verify .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step2 .popup-body .sms-verify .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step2 .popup-body .sms-verify .content { margin-left: 140px; }
#invest-step2 .popup-body .sms-verify .content .verifying { padding: 1.875rem 1.5625rem 1.75rem; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
#invest-step2 .popup-body .sms-verify .content .verifying .spinner { position: relative; float: left; display: block; width: 45px; height: 45px; }
#invest-step2 .popup-body .sms-verify .content .verifying .message { margin-left: 60px; padding-top: 0.25rem; font-size: 0.875rem; font-weight: 300; }
#invest-step2 .popup-body .sms-verify .content .verifying .message a { color: #0074d9; }
#invest-step2 .popup-body .sms-verify .content .desc { margin-top: 1.25rem; font-size: 0.8125rem; font-weight: 300; color: #999; }

@media all and (max-width: 600px) {
	#invest-step2 .popup-body .review-investment .title,
	#invest-step2 .popup-body .sms-verify .title { float: none; margin-bottom: 0.3125rem; font-size: 0.9375rem; }
	#invest-step2 .popup-body .review-investment .title .subtitle,
	#invest-step2 .popup-body .sms-verify .title .subtitle { display: none; }
	#invest-step2 .popup-body .review-investment .content,
	#invest-step2 .popup-body .sms-verify .content { margin: 0; }

	#invest-step2 .popup-body { padding: 0 1.25rem; }
	#invest-step2 .popup-body .review-investment { padding: 1.25rem 0; }
	#invest-step2 .popup-body .review-investment .content .product-data { padding: 0.9375rem 1.25rem 0.625rem; }
	#invest-step2 .popup-body .review-investment .content .invest-amount { padding: 0.625rem 1.25rem 0.625rem; font-size: 0.75rem; }
	#invest-step2 .popup-body .review-investment .content .invest-amount .invested-amount { font-size: 0.875rem; }

	#invest-step2 .popup-body .sms-verify { padding: 1.5625rem 0; }
	#invest-step2 .popup-body .sms-verify .content .verifying { padding: 0.9375rem 1.25rem 0.625rem; }
	#invest-step2 .popup-body .sms-verify .content .verifying .spinner { float: none; margin: 0 auto 0.625rem; }
	#invest-step2 .popup-body .sms-verify .content .verifying .message { margin: 0; text-align: center; }
}

#invest-step3 {  }
#invest-step3 .popup-body { padding: 0 1.875rem; background-color: #f4f5f7; }
#invest-step3 .popup-body .review-investment { padding: 2.5rem 0 1.5rem; border-bottom: 1px dashed #ddd; }
#invest-step3 .popup-body .review-investment .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step3 .popup-body .review-investment .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step3 .popup-body .review-investment .content { margin-left: 140px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
#invest-step3 .popup-body .review-investment .content .product-data { padding: 1.5625rem 1.5625rem 0.625rem; background-color: #fff; }
#invest-step3 .popup-body .review-investment .content .product-data .data-item { margin-bottom: 0.625rem; padding-bottom: 0.5rem; font-size: 0.875rem; font-weight: 300; border-bottom: 1px solid #e7e7e7; }
#invest-step3 .popup-body .review-investment .content .product-data .data-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#invest-step3 .popup-body .review-investment .content .product-data .data-item .name { float: left; width: 80px; color: #999; }
#invest-step3 .popup-body .review-investment .content .product-data .data-item .value { margin-left: 80px; }
#invest-step3 .popup-body .review-investment .content .invest-amount { padding: 0.9375rem 1.75rem 0.8125rem; font-size: 0.875rem; font-weight: 300; color: #0074d9; background-color: #fafafa; border-top: 1px solid #e7e7e7; }
#invest-step3 .popup-body .review-investment .content .invest-amount i { margin-right: 0.25rem; }
#invest-step3 .popup-body .review-investment .content .invest-amount .invested-amount { font-size: 1.125rem; font-weight: 400; }

#invest-step3 .popup-body .success-invested { padding: 1.5625rem 0 4.375rem; }
#invest-step3 .popup-body .success-invested .title { float: left; width: 140px; font-size: 1rem; font-weight: 500; color: #0074d9; }
#invest-step3 .popup-body .success-invested .title .subtitle { display: block; color: #aeaeae; font-weight: 200; }
#invest-step3 .popup-body .success-invested .content { margin-left: 140px; }
#invest-step3 .popup-body .success-invested .content .success { display: table; padding: 0 1.5625rem; width: 100%; height: 116px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
#invest-step3 .popup-body .success-invested .content .success .success-icon { display: table-cell; font-size: 2.125rem; color: #0074d9; vertical-align: middle; }
#invest-step3 .popup-body .success-invested .content .success .message { display: table-cell; padding-left: 0.625rem; font-size: 0.875rem; font-weight: 300; vertical-align: middle; }
#invest-step3 .popup-body .success-invested .content .success .message a { color: #0074d9; }
#invest-step3 .popup-body .success-invested .content .desc { margin-top: 1.25rem; font-size: 0.8125rem; font-weight: 300; color: #999; }

@media all and (max-width: 600px) {
	#invest-step3 .popup-body .review-investment .title,
	#invest-step3 .popup-body .success-invested .title { float: none; margin-bottom: 0.3125rem; font-size: 0.9375rem; }
	#invest-step3 .popup-body .review-investment .title .subtitle,
	#invest-step3 .popup-body .success-invested .title .subtitle { display: none; }
	#invest-step3 .popup-body .review-investment .content,
	#invest-step3 .popup-body .success-invested .content { margin: 0; }

	#invest-step3 .popup-body { padding: 0 1.25rem; }
	#invest-step3 .popup-body .review-investment { padding: 1.25rem 0; }
	#invest-step3 .popup-body .review-investment .content .product-data { padding: 0.9375rem 1.25rem 0.625rem; }
	#invest-step3 .popup-body .review-investment .content .invest-amount { padding: 0.625rem 1.25rem 0.625rem; font-size: 0.75rem; }
	#invest-step3 .popup-body .review-investment .content .invest-amount .invested-amount { font-size: 0.875rem; }

	#invest-step3 .popup-body .success-invested { padding: 1.25rem 0; }
	#invest-step3 .popup-body .success-invested .content .success { display: block; padding: 0.9375rem 1.25rem; height: inherit; }
	#invest-step3 .popup-body .success-invested .content .success .success-icon { display: block; margin: 0 0 0; text-align: center; }
	#invest-step3 .popup-body .success-invested .content .success .message { display: block; text-align: center; }
}

@media all and (max-width: 600px) {
	#invest-popup .step-common .side-common { display: none; }
	#invest-popup .step-common .popup-head .popup-head-inner { padding: 0 1.25rem; }

	#invest-popup .step-common .popup-buttons { padding: 1.25rem 0.9375rem 1.125rem; }
	#invest-popup .step-common .popup-buttons .button { font-size: 0.875rem; }

	#invest-popup .step-common .popup-footer { padding: 0.9375rem 1.25rem 1.25rem; }
	#invest-popup .step-common .popup-footer img { margin-top: 0.625rem; }
}

html.invest-popup { overflow: hidden; }
html.invest-popup #invest-popup-outer { display: block; }
html.invest-popup {  }
html.invest-popup {  }
html.invest-popup {  }
html.invest-popup {  }

/*
 * 170516 invest-popup
 */
#invest-step1 .popup-body .terms .content input[type="text"] { width: 100%; margin-top: 0.625rem; padding: 0.5rem 0.625rem; border: 1px solid #ddd; border-radius: 4px; text-align: center; }
#invest-step1 .popup-body .terms .content input[type="text"]::-webkit-input-placeholder { text-align: center; color: #ddd; font-size: 1rem; }
#invest-step1 .popup-body .terms .content input[type="text"]::-moz-input-placeholder { text-align: center; color: #ddd; font-size: 1rem; }
#invest-step1 .popup-body .terms .content input[type="text"]::-ms-input-placeholder { text-align: center; color: #ddd; font-size: 1rem; }
#invest-step1 .popup-body .terms .content input[type="text"]:-moz-input-placeholder { text-align: center; color: #ddd; font-size: 1rem; }