@charset "utf-8";
/* CSS Document */

.code-box 			{ background:#FFF; padding:1px; }
.code-content 		{ padding:1em 3em 2em;}
.code-content h2 	{ color:#02233E; font-size:2.4em; margin-top:0.6em; }
.code-content h3	{ color:#B78A04; font-size:2em; margin-top:0.7em; }

.code-content p			{}
.code-content p.para1	{ font-size:1.3em; color:#B20000; }
.code-content p.para2	{ font-size:1.1em; color:#02233E; }


.code-content .code-logo 			{ float:right; width:40%; max-width:300px; height:1px; padding-bottom:18%; }
.code-content .code-logo .img 		{ position:absolute; top:0; right:0; height:100%; width:100%; }
.code-content .code-logo .img img 	{ display:block; height:100%; width:100%; object-fit:contain; object-position:top right; }

.code-content .code-proceed 		{ padding-top:1px; font-size:calc(1em - 1px); }
.code-content .code-proceed p.btn-row { padding-top:1em !important; }
.code-content .code-proceed p b 	{ color:#111; }

.code-content .code-proceed ul.list 		{ margin:0.9em 0; }
.code-content .code-proceed ul li 			{ padding:0 !important; margin-bottom:0.6em; font-weight:400; color:#A27A04; }
.code-content .code-proceed ul li b 		{ font-size:1.1em; font-weight:500; } 

.code-proceed ul.list > li.list-hd > b 		{ font-size:1.1em; }

.code-proceed ul.list-arrows 				{ padding-left:3em; }
.code-proceed ul.list-arrows > li::before 	{ top:0.15em; left:-2em; height:0.8em; }

.code-checking {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background:#0B5B9D;
	border: 4px solid #FFF;
	z-index:2;
}
.code-checking .lds-roller {
	/* see main.css -> .lds-roller */
	position:absolute;
	top:50%; left:50%;
	width:80px; height:80px;
	margin:-40px 0 0 -40px;
}
.code-checking .lds-roller div:after { background:#fff; }