@font-face									{ font-family: "PtSansBook"; src: url("/system/fonts/PtSansBook.eot"); src: url("/system/fonts/PtSansBook.eot?#iefix") format("embedded-opentype"), url("/system/fonts/PtSansBook.woff") format("woff"), url("/system/fonts/PtSansBook.svg") format("svg"); }
@font-face									{ font-family: "PtSansBold"; src: url("/system/fonts/PtSansBold.eot"); src: url("/system/fonts/PtSansBold.eot?#iefix") format("embedded-opentype"), url("/system/fonts/PtSansBold.woff") format("woff"), url("/system/fonts/PtSansBold.svg") format("svg"); }

*										{ box-sizing: border-box; border-radius: 0; outline: 0; font-family: PtSansBook; -webkit-tap-highlight-color: transparent; }


html										{ width: 100%; height: 100%; padding: 0; margin: 0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; font-size: min(calc(1vw*100/16.8), 26px); }
body										{ width: 100%; height: 100%; margin: 0; padding: 1rem 1.25rem; }

p										{ color: #cccccc; margin: -1rem 0 0 0; }
a										{ color: #4ba6df; }
div										{ display: block; float: left; width: 100%; font-size: 1rem; line-height: 155%; }
sup, sub									{ line-height: 0; }

div#input									{ position: absolute; top: 1.32rem; right: 1.45rem; content: ""; width: 1.5rem; height: 1rem; }
div#input	img								{ display: block; width: 0.69rem; height: 0.69rem; margin: 0.1rem 0 0 0.55rem; opacity: 0.5; }

input										{ display: block; width: 100%; padding: 0 1.5rem 0.07rem 0.3rem; border: thin solid #d0d0d0; margin-bottom: 1.25rem; font-size: 1rem; color: #b0b0b0; }
input::placeholder								{ color: #e0e0e0; }

div#info									{ display: none; border: thin solid #d0d0d0; border-radius: 0.6rem; padding: 0.8rem 1rem 0 1rem; }
div#info	div								{ margin-bottom: 0.8rem; color: #a0a0a0; }
div#info	div			label					{ display: block; color: #404040; }

div#info	div.cpdiv		span					{ color: #a0a0a0; }
div#info	div.cpdiv		span			span		{ color: #404040; }

div#status									{ display: none; margin-top: -12px; }
div#status	span.error							{ color: red; }

div#choice									{ display: none; border: thin solid #d0d0d0; border-radius: 0.6rem; padding: 0.8rem 1rem; }

a.shortcut									{ text-decoration: none; border-bottom: 1px dashed #4ba6df; }


@media screen and (min-width: 1280px)
{
 div#info	div:nth-child(even)						{ width: 19%; margin-right: calc(62% - 1rem); }
 div#info	div:nth-child(odd)						{ width: 19%; margin-right: 1rem; }

 div#info	div.cpdiv							{ width: 100%; margin-bottom: 0; }
 div#info	div.cpdiv:last-of-type						{ margin-bottom: 0.8rem; }
}

div#pcp		label			span:nth-of-type(1)			{ text-decoration: overline; }