.prompt-wrapper {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 1080;
}

.prompt {
  font-size: 16px;
  color: #1b1b1b;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 24px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.prompt-icon {
  flex-shrink: 0;
  align-self: center;
  width: 20px;
  height: 20px;
  background: center no-repeat;
  background-size: cover;
}

.prompt-icon.success-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAfJJREFUSA3VlT1LA0EQht+LH0lAQUFQg1aiKMTKWEVbaw3+AxvBxiZiYWFlofgDVPAHWMS0gpVaWMTKxKAQ7WIlCqLxozhnNrebvTWXizFNFpK9nZt53tmd3T2g1ZtVawJTGbvjq4R5WPSzEbOBCPtTUJH+MmRLd4aRvopZ314cT4Houb1AkB2CjHgFC7uFAvkks7PWcTW/gGnctO1A9MLeJnvKF87B5QRSHMOxJu/XDAScMjId6xrTjLMz1pru6xIQy8KZ/68l9OVSAlzQzw/k61oWLYEwLcpwGLh7c4xUk2AIE7Lwas3EbvErqAbmx+424HAS2BrVXhBDsByTEhBbUfPze+wi+H4UGAgCyVvDm7e10yoCtM+l0a9n+IEDX7oGHkpGhMZSAvIQSVfOboNOgCqS80JmPkiZM/zehJOfzlICEiz7o0cg0U/rOwZIJwmPMDxbHS7jZS9jOdOiNHJ/+gSs5oG5PmB3HOhpB/ZoVhJeeNe93c86SwmQQsbtBpw9Ays3QLwXOJkGhkLlzGvBBUNjVQTo4jIFeHz5AizngNxrec194RyksVQNGz1ozHM1r4MmTl6jd5CuQAx5itlcWSIaiDuEr+hGG192xrXtEmDuYhzrVPC/i1CMiDWSUzUw7GjWB8dTgAWb8ck0E2+98Q99qaMXzP2slgAAAABJRU5ErkJggg==);
}

.prompt-icon.warning-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAiNJREFUSA3VlUFLVUEUx3/z3rPISPDBiwppEwgSKkK08gtIm2ofEYFba6H4DYrctFFciBv3KrRr0wfwKfheIS2KoJTAVKyg1J63M3PvzJ377nvXp+jCA3PnzMz//GfmnDnnwnkXlXWBIKCNKvcJpMEdaTci/Ib0ZRSL9LKoFAfRfKprukFQ5QGHTAj5rZSVP6H4RI5R1cuCP2311AZy6hwVXgrxqAW11Cs5TB/jcptDH1/wB0Y/Cbk21AeqGIYx840+iRsYt9SY9wFOb7sJlwchdwX+LElbcUsJJc9D311uAxPQCmsNfd75GLqmQeWFS0yUXHzzNWw8T3CbgY5JHz028DmHCF9LOqCFa0I+Bb/fQbUDPshD2n0DpWdwacCZO0U/Cs0VSbxB+BTtfNy33xW3tMP2rPj5L9Q2YWcuXL/YE+N8zePyg6zfeVp+vYX3JSHeidc6hkJ972M8l9Qcl7+BTaIk1JxaTm7l6jgUn8DWjAR62c7W944rdlE9pNG48xFcfwE/JuHbcCNEas7fQKd/thSfwv5XWB8RXJCFdVy+i8pi0Z1lxU95PQffBVLLhMmi5jIS30AXrqMkX5QcuHAUSqeK42ot0TRlQeJ2ez100ZpkdTNplmgm86QqNrPjn7j18z344nKoMVRXVq98uxtYdLDKq2NXUmssFVX1kyh2cQwsSEqu+HDCDlvuo3Jdj0/dwALO7IdjN9D9afwyfb7zqf8HgXGRGgdc6WcAAAAASUVORK5CYII=);
}

.prompt-icon.error-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAdlJREFUSA3VVaFOA0EQfXsBXUMQOFIC1FcgCA5fSgKEIKrqESUocpKkf1BVgQASoB4HFZDgi6AhQSAIppqky76929u9ba/i0oqO6ExnZt/bnZ2dA+ZdxKQDyHp9EZ+DCiQqKq8MKVd0vhDfSr9BoIPVQke0Wn9ZOJkEcvdoD0PZBGQxa3HkF30EoiEerx/G5Y0QyDAM0O1dqt02xi3I9AnRxHbpXITh0M1ZcP9oOw84F3JD3R6tM/4YSZ0gKsvw3gRz6SCouuUKDIi+UF1z41F6eQnY2XIcnskYc1xRGBor9iUEulv8C91cAy5OgZN9FyKy6WOMOSlRTcHOi8USRK1o/JF+egHat0DtQJFUbYw2fYwxxxcHy73ksp+n/1/dRe7aoQ3TJriJ2YixEixLYB6RSXG1ATIk7RsFPqEXHCxbIhdwirY9AZ+/lOtjsZOaq51TzEmyThGNEp1qCThbgFECDc6ae2WZTEIsLZaAg0vi2AS0Zp/rC/XA9c7VG2XsS809v5OIFUvykvXj6A96qeHGR7ShZt3zq8lPa27g/QP4+XX8avgVCyUzYRMCZsx0VJBAzxBOxbyi1rpziDCjbapGLvKQxOPa31uqRG5wZh+cFMkUPpku3nza/zabrpZbZ/OnAAAAAElFTkSuQmCC);
}

.prompt-icon.info-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAiNJREFUSA3VlUFLVUEUx3/z3rPISPDBiwppEwgSKkK08gtIm2ofEYFba6H4DYrctFFciBv3KrRr0wfwKfheIS2KoJTAVKyg1J63M3PvzJ377nvXp+jCA3PnzMz//GfmnDnnwnkXlXWBIKCNKvcJpMEdaTci/Ib0ZRSL9LKoFAfRfKprukFQ5QGHTAj5rZSVP6H4RI5R1cuCP2311AZy6hwVXgrxqAW11Cs5TB/jcptDH1/wB0Y/Cbk21AeqGIYx840+iRsYt9SY9wFOb7sJlwchdwX+LElbcUsJJc9D311uAxPQCmsNfd75GLqmQeWFS0yUXHzzNWw8T3CbgY5JHz028DmHCF9LOqCFa0I+Bb/fQbUDPshD2n0DpWdwacCZO0U/Cs0VSbxB+BTtfNy33xW3tMP2rPj5L9Q2YWcuXL/YE+N8zePyg6zfeVp+vYX3JSHeidc6hkJ972M8l9Qcl7+BTaIk1JxaTm7l6jgUn8DWjAR62c7W944rdlE9pNG48xFcfwE/JuHbcCNEas7fQKd/thSfwv5XWB8RXJCFdVy+i8pi0Z1lxU95PQffBVLLhMmi5jIS30AXrqMkX5QcuHAUSqeK42ot0TRlQeJ2ez100ZpkdTNplmgm86QqNrPjn7j18z344nKoMVRXVq98uxtYdLDKq2NXUmssFVX1kyh2cQwsSEqu+HDCDlvuo3Jdj0/dwALO7IdjN9D9afwyfb7zqf8HgXGRGgdc6WcAAAAASUVORK5CYII=);
}

.promptMessage {
  word-wrap: break-word;
  padding: 0 10px;
  line-height: 28px;
  display: inline-block;
  border-radius: 6px;
  max-width: 800px;
}

.platform-mobile .promptMessage {
  word-break: normal;
  white-space: pre;
}

.toast-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 50px;
  margin: auto 0;
  text-align: center;
  width: 100%;
  display: flex;
}

.toast {
  color: #fff;
  line-height: 50px;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.5);
  margin: auto;
}html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
thead,
tbody,
tfoot,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
}

ol {
  list-style: inside decimal;
}

ul {
  list-style: inside disc;
}

html {
  -webkit-text-size-adjust: none;
  width: 100%;
}

body {
  font-family: 'Helvetica', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, arial, sans-serif;
  -webkit-touch-callout: none;
  width: 100%;
}

a {
  text-decoration: none;
  color: #4886ff;
  cursor: pointer;
}

a:hover {
  color: #6e9eff;
}

a:active {
  color: #4077e6;
}

img {
  user-select: none;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

html {
  padding: 0;
  height: 100%;
}

body {
  background: url(//s0.ipstatp.com/803d80ac07f7c2fd03d2ada740185f40.jpg) no-repeat center top;
  background-size: cover;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}

.not-found {
  margin: 0 auto;
  padding-top: 10%;
  box-sizing: border-box;
  text-align: center;
}

.not-found .error-code {
  font-size: 200px;
  font-family: Ayuthaya;
  width: auto;
  margin: 0 auto;
  text-align: center;
  height: auto;
}

.not-found .error-msg {
  font-size: 45px;
  margin: -25px 0 15px 0;
  font-family: Ayuthaya;
  text-align: center;
}

.not-found .error-detail-msg {
  font-size: 24px;
  font-family: Helvetica;
  text-align: center;
  color: #4a4a4a;
}

.not-found .go-home-btn {
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  background-color: #e43635;
  text-align: center;
  margin: 30px auto 0;
  padding: 0 30px;
  color: white;
}

.not-found .go-home-btn:hover {
  background-color: #d3282c;
  opacity: 0.7;
}

.not-found .go-home-btn:visited,
.not-found .go-home-btn:active {
  color: none;
}

.platform-mobile .not-found {
  width: 80%;
}

.platform-mobile .not-found .error-code {
  font-size: 100px;
}

.platform-mobile .not-found .error-msg {
  font-size: 22px;
  margin-top: 5px;
}

.platform-mobile .not-found .error-detail-msg {
  font-size: 12px;
}.not-found.deactive {
  margin-top: 100px;
  min-width: 300px;
  width: 40%;
}

.not-found.deactive .error-msg {
  font-size: 30px;
}