body {
		background-color:#aeaeae;
		margin:0px;
		font: 15px/1.5 Helvetica, Arial, sans-serif;
	}
	a {
		color:#2471bf;
	}

	img {
		width:100%;
		height:auto;
		border:none;
	}

	div.container {
		text-align:center;
		padding:0px 20px;
	}
	div.body {
		background-color:#ffffff;
		text-align:center;
		margin:auto;
		max-width:700px;
		color:#666666;
		padding:15px 75px;
		border:6px solid #999999;
		border-top:0px;
	}
	hr {
		color: #ffffff;
		border: 1px dotted #666666;
		border-style: none none dotted;
	}
	div.headerDiv {
		margin:10px;
	}

	div.headerDiv img {
		max-width:300px;
	}

	div.welcome {
		padding:5px;
		display:inline-block;
		font:bold 24px/32px Helvetica, Verdana, Arial, sans-serif;
		margin:auto;
		text-align:center;
	}
	.title {
		text-align:center;
		text-decoration:none;
		color:#666;
		font:bold 20px Helvetica, Verdana, Arial, sans-serif;
	}
	.subTitle {
		color:#8f8f8f;
		font-size:13px;
	}
	div.txt_body {
		text-align:left;
	}

	a.btn {
		margin:auto;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:10px;
		background-color: #F4F4F4;
		color:#0079C1;
		font-weight:bold;
		font-size:16px;
		line-height:1.25;
		text-align:center;
		text-decoration: none;
		display:block;
		border:1px solid #c6c6c6;
		cursor:pointer;
	}

	a.btn:hover {
		background-color: #F9F9F9;
		border:1px solid #939393;
	}

	div.btn-box {
		border-radius:13px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		text-align:center;
		border:6px solid #E0E0E0;
		padding:20px;
		margin:30px 0px 50px 0px;
	}

	div.btn-box a {
		display:inline-block;
		width:30%;
		box-sizing:border-box;
	}

	div.two-link a {
		display:inline-block;
		width:48%;
		box-sizing:border-box;
	}

	@-moz-document url-prefix() { 
		a.btn {
			padding:10px 5px 7px 5px;
		}
	}

	.btn_container {
		text-align:center;
		margin:auto;
		font-size:15px;
		color:#000;
		display:inline-block;
	}

	ul {
		margin-top:8px;
	}
	
	table, th, td {
		padding:8px;
		border:1px solid #d3d3d3;
		font-size:15px;
	}

	table {
		width:100%;
		margin:-3px auto 10px auto;
    border-spacing: 5px;
    border-collapse: collapse;
		border:1px solid grey;
	}

	table th {
		background-color:#d3d3d3;
		color:#000;
		font-weight:bold;
		font-size:18px;
		text-align:center;
	}

	img.bm {
		max-width:254px;
		margin:8px;
	}

	img.pm {
		max-width:278px;
		margin:8px;
	}

	span.green {
		color:#20a500;
	}

	span.red {
		color:#e50000;
	}

	div.social img {
		margin:10px;
		max-width:48px;
	}

	div.alert, div.info {
		padding:10px;
		border: 1px solid #e5e5e5;
		background-color:#f7f7f7;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
    background-repeat: no-repeat;
		background-position: left 10px top 17px;
    background-size: 25px 25px;
    padding-left: 45px;
	}

	div.alert {
    background-image: url("../img/ico_alert.png");
		margin-top:20px;
	}

	div.info {
		background-image: url("../img/ico_info.png");
		margin-top:10px;
 		opacity: 0;
		transition: opacity 0.2s ease-out;
	}

	a.help {
		display:inline !important;
		opacity:0.75;
		padding:4px 8px;
		font:bold 14px/1 Helvetica, Arial, Verdana, sans-serif;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin-left:5px;
	}
	a.help:hover {
		opacity:1;
	}

[tooltip]{
  margin:20px;
  position:relative;
  display:inline-block;
}
[tooltip]::before {
    content: "";
    position: absolute;
    top:-6px;
    left:50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent     transparent;
    z-index: 100;
    opacity:0;
}
[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%)   translateY(-100%);
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    padding:8px 4px;
    font-size: 12px;
    min-width: 150px;
    border-radius: 5px;
    pointer-events: none;
    opacity:0;
}

[tooltip-position='top']::before{
  left:50%;
}

[tooltip-position='top']::after{
  left:50%;
}

[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1
}

	@-moz-document url-prefix() { 
		a.help {
			padding:7px 9px 4px 9px;
		}
	}

	@media ( max-width : 650px) {
		div.body {
			padding:15px 25px;
		}
	}

	@media ( max-width : 500px) {
		div.body {
			border:none;
		}
		div.container {
			padding:0px;
		}
		div.btn-box a {
			width:100%;
			margin-bottom:5px;
		}
		div.btn-box a br {
			display:none;
		}
		img.bm, img.pm {
			margin:6px 0px;
		}
	}

	@media \0screen {img { width: auto !important } }

	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }