@charset "utf-8";

* {margin:0;padding:0}
body {color:#5a5a5a;font-size:12px;line-height:1.6;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal;}
hr {display:none}
ul, ol, li {list-style-type:none}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:12px}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
code, pre {font-size:12px}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
div, p, span, li, table td {word-break:break-all}

img{border:0 none}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}

a, a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none;}
a:hover {text-decoration:none}

/* layout */
html, body{height:100%}
body > #wrapper{height:auto;min-height:100%}
.wrapper{position:relative;width:100%;height:100%;background:url(../../img/echoss/bg_wrapper.jpg) 0 0 no-repeat;background-size:100% 100%;}
header{overflow:hidden;position:relative;height:41px;border-bottom: solid 1px rgba(255,255,255,0.20);}

html,div,img,button {outline-style:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-webkit-touch-callout:none;}

/* General styles for the modal */

.msg-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width:86%;
	/*max-width: 630px;*/
	display:block;
	/*min-width: 320px;*/
	height: auto;
	z-index: 4000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background:#fff;
	background-size:94px 86px;
	border-radius:12px;
	
}
.msg-modal.type2{
	margin:1.3%;
	width:97.4%;
	height:96%;
	top:48%;
	left:48.5%;
}
.msg-modal.type3{
	background:none;
}

.stamp-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display:block;
	height: 100%;
	z-index: 4000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.stamp-modal img{
	margin-left:20%;
	margin-top:48%;
	position: absolute;
	width: 60%;
}

.stamp-modal img.changeImgShow {
  -webkit-animation: rotate 1.5s linear infinite 0s;
  -moz-animation: rotate 1.5s linear infinite 0s;
  -ms-animation: rotate 1.5s linear infinite 0s;
  animation: rotate 1.5s linear infinite 0s;

}
/* rotate */

@-webkit-keyframes rotate {
  from{-webkit-transform:rotate(0deg)}
  to{-webkit-transform:rotate(1080deg)}
}
@-moz-keyframes rotate {
  from{-moz-transform:rotate(0deg)}
  to{-moz-transform:rotate(1080deg)}
}
@-ms-keyframes rotate {
  from{-ms-transform:rotate(0deg)}
  to{-ms-transform:rotate(1080deg)}
}
@-o-keyframes rotate {
  from{-o-transform:rotate(0deg)}
  to{-o-transform:rotate(1080deg)}
}
@keyframes rotate {
  from{transform:rotate(0deg)}
  to{transform:rotate(1080deg)}
}

.effect-show {
	visibility: visible;
}


.msg-show {
	visibility: visible;
}

.msg-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 3000;
	opacity: 0;
	background: rgba(0,0,0,0.46);
/*
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;	
	transition: all 0.3s;
*/
}

.overlay-show {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.msg-content {
	color: #515151;
	position: relative;
	margin: 0 auto;
	line-height : 1;
}

.msg-content h3 {
	margin: 0 40px;
	padding: 33px 0 29px;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	color:#515151;
	
	border-bottom:1px solid #666;
}

.msg-content h4 {
	margin: 0 20px;
	padding: 33px 0 29px;
	text-align: center;
	font-size: 15px;
	color:#515151;
	
}

.msg-content > div p {
	margin: 0;
	padding: 10px 0;
}

.msg-content h4.popBtn {
	display: inline-block;
	width:100%;
	margin: 0 0 20px 0;
	padding:8px 0 6px;
	position:initial;
	font-weight:bold;	
	right:0;
	bottom:0;
	color:#ffffff;
	cursor:pointer;
	background:#fff url(../../img/echoss/btn_popup_ok.png) 50% 0 no-repeat;
}
.msg-content .popBtn a {
	display: inline-block;
	width:100%;
	margin: 0 auto;
	padding:16px 0;
	text-align:center;
	color:#2c235f;
	font-weight:bold;
	border-top:1px solid #23a5a4;
	background:#fff url(../../img/echoss/btn_popup_ok.png) 100% 0 no-repeat;
	
	font-size:16px;
	position:initial;
	right:0;
	bottom:0;
}
.msg-content .popBtn.type2{
	overflow:hidden;
}
.msg-content .popBtn.type2 a{
	float:left;
	width:50%;
}
.msg-content .popBtn.type2 a:first-child{
	margin-left:-1px;
	border-right:1px solid #bebbcd;
}

.msg-content .md-close {
	position:absolute;right:20px;top:10px;
}
.msg-content .md-close img {
	width:14px;
	height:14px;
}

.mask {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.6;z-index:5;}
.loading{width:58px;height:58px;position:fixed;z-index:10000;left:50%;top:50%;margin-left:-29px;margin-top:-29px;}
@-webkit-keyframes rotate{
from{-webkit-transform: rotate(360deg);}
to{-webkit-transform: rotate(0deg);}
}
.loading{-webkit-animation-name:rotate;-webkit-animation-duration:0.5s;-webkit-animation-iteration-count:infinite;-webkit-transition-timing-function:linear;}