@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 300;
		src: local(''),
			url('/open-sans-300.woff2') format('woff2'),
			url('/open-sans-300.woff') format('woff');
		font-display: swap;
	}

	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		src: local(''),
			url('/open-sans-400.woff2') format('woff2'),
			url('/open-sans-400.woff') format('woff');
		font-display: swap;
	}

	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		src: local(''),
			url('/open-sans-600.woff2') format('woff2'),
			url('/open-sans-600.woff') format('woff');
		font-display: swap;
	}



	* {
		outline: none !important;
		box-sizing: inherit;
		position: relative;
		margin: 0;
		padding: 0;
		border: 0 none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
	}

	html,
	body {
		text-transform: none;
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		background-color: #EEE;
	}
	
	body {
	    display: flex;
	    flex-direction: column;
	}
	
	#content, #content_modal {
	    flex: auto;
    	display: flex;
	}
	
	#content_modal {
		align-items: center;
		justify-content: center;
	}
	
	#content > div, #content_modal > div {
		margin-left: auto;
		margin-right: auto;
		max-width: 560px;
		width: 100%;
		padding: 12px;
		text-align: center;
	}
	
	.check {
		padding: 24px;
		text-align: center;
		background-color: #FFF;
	}
	
	table, td {
	border: 1px solid #000;
	border-collapse: collapse;
	vertical-align: center;
	}
	
	td {
	
	padding: 6px;
	
	}
	
	
	.check table {
	width: 100%;

	}


		img {width: 30px; height: auto;}
	
	table div {display: inline-block;}
	
	.font_weight_300 {font-weight: 300;}
	.font_weight_400 {font-weight: 400;}
	.font_weight_600 {font-weight: 600;}
	
	.inline_js {display: none;}
	.js .inline_js {display: inline-block;}