@charset "UTF-8";

/*------------------------------------*\
    LAYER
\*------------------------------------*/

.alertLayer,
.topLayer {
	background-color:#000;
	opacity:0.75;
	height: 100%;
	left: 0;
	top:0;
	overflow: auto;
	position: fixed;
	width: 100%;
	z-index:998;
}
.topLayer{
	display:none;
}
.layerContent {
	width: 100%;
	max-width:500px;
	background-color: #fff;
	z-index:999;
	margin:0;
	text-align:center;
}
.main_layer{
	font-size:14px;
}
.topButton_layer {
	float: right;
	height: 0;
	overflow: visible;
	position: relative;
	right: 15px;
    top: 15px;
}
.topButton_layer > span{
	cursor:pointer;
	font-size:22px;
	color:#474747;
}
.layerContent h3 {
	font-size:18px;
	margin-bottom:15px;
	padding:18px;
	background:#eeeeee;
}
.layerContent h3 i{
	font-size:22px;
	vertical-align: bottom;
}
.layerContent p {
	color: #8a939a;
	margin:25px;
	font-size:14px;
	line-height:1.2em;
}
.layerContent .close_layer,
.layerContent .accept{
	position:relative;
	display:inline-block;
	width:160px;
	height:44px;
    padding: 14px 0;
	margin:25px;
    color: #555;
    font-size: 14px;
	text-align: center;
	letter-spacing:1px;
    font-family: 'Prompt-SemiBold';
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:middle;
    border: 1px solid #ffeb00;
    background: #ffeb00;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
  cursor: pointer;
}
.layerContent .cancel{
	position:relative;
	display:inline-block;
	width:140px;
	height:35px;
    padding: 11px 0;
	margin:25px;
    color: #121920;
    font-size: 12px;
	text-align: center;
	letter-spacing:1px;
    font-family: 'Prompt-Medium';
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:middle;
    border: 2px solid #121920;
  cursor: pointer;
}
.layerContent .cancel:hover{
	background:#121920;
	color:#FFF;
}