@charset "utf-8";

@font-face
{
font-family: mplus-1p-regular;
src: url('../resource/mplus-1p-regular.ttf')
     format("truetype");
}

* {margin:0;padding:0}
body {color:#5a5a5a;font-size:12px;line-height:1.6;font-family: mplus-1p-regular;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal;font-family: mplus-1p-regular;}
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(../resource/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;
	font-family: mplus-1p-regular;
}
.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: 75%;
	left: 75%;
	width: 100%;
	/*max-width: 630px;*/
	display:block;
	/*min-width: 320px;*/
	height: 100%;
	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-size:94px 86px;
	border-radius:12px;
 */
}

.stamp-modal img{
	position: absolute;
	width : 50%;
}

.rotateImgSlow {
	-webkit-animation: rotate 10s linear infinite 0s;
	-moz-animation: rotate 10s linear infinite 0s;
	-ms-animation: rotate 10s linear infinite 0s;
	animation: rotate 10s linear infinite 0s;
}

.rotateImgFast {
	-webkit-animation: rotate 2s linear infinite 0s;
	-moz-animation: rotate 2s linear infinite 0s;
	-ms-animation: rotate 2s linear infinite 0s;
	animation: rotate 2s linear infinite 0s;
}

.rotateReverseImgFast {
	-webkit-animation: rotate_reverse 2s linear infinite 0s;
	-moz-animation: rotate_reverse 2s linear infinite 0s;
	-ms-animation: rotate_reverse 2s linear infinite 0s;
	animation: rotate_reverse 2s linear infinite 0s;
}

.scaleUpImg {
	-webkit-animation: scaleUp 1s linear infinite 0s;
	-moz-animation: scaleUp 1s linear infinite 0s;
	-ms-animation: scaleUp 1s linear infinite 0s;
	animation: scaleUp 1s linear infinite 0s;
}

/* ANIMATION - ROTATE */
@-webkit-keyframes rotate {
 from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
 from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
 from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
/* ANIMATION - ROTATE REVERSE */
@-webkit-keyframes rotate_reverse {
 from { -webkit-transform: rotate(360deg); }
  to { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes rotate_reverse {
 from { -moz-transform: rotate(360deg); }
  to { -moz-transform: rotate(0deg); }
}
@-ms-keyframes rotate_reverse {
 from { -ms-transform: rotate(360deg); }
  to { -ms-transform: rotate(0deg); }
}
/* ANIMATION - SCALE UP */
@-webkit-keyframes scaleUp {
 from { -webkit-transform: scale(0.1); opacity: 1; }
  to { -webkit-transform: scale(2.0); opacity: 0; }
}
@-moz-keyframes scaleUp {
 from { -moz-transform: scale(0.1); opacity: 1; }
  to { -moz-transform: scale(2.0); opacity: 0; }
}
@-ms-keyframes scaleUp {
 from { -ms-transform: scale(0.1); opacity: 1; }
  to { -ms-transform: scale(2.0); opacity: 0; }
}
.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;
}

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

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

.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;
	background:#fff url(../resource/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(../resource/btn_popup_ok.png) 100% 0 no-repeat;
	font-family: mplus-1p-regular;
	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;
}