/* line 5, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Program Files (x86)/Prepros/resources/app/ruby/ruby_gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../sass/helpers/_animate.scss */
.animate-show {
  opacity: 1;
}

/* line 6, ../sass/helpers/_animate.scss */
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
  transition: all linear 3s;
}

/* line 11, ../sass/helpers/_animate.scss */
.animate-show.ng-hide {
  opacity: 0;
}

/* line 1, ../sass/foundation/_base.scss */
* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

/* line 8, ../sass/foundation/_base.scss */
a {
  text-decoration: none;
  color: #3C4D66;
  font-size: 14px;
}

/* line 14, ../sass/foundation/_base.scss */
body {
  font-family: Arial, "Helvetica Neue", Helvetica, Microsoft JhengHei, sans-serif;
}

/* line 18, ../sass/foundation/_base.scss */
header {
  overflow: auto;
  padding: 25px 130px;
}

/* line 23, ../sass/foundation/_base.scss */
footer {
  padding: 25px 130px;
}

/* line 27, ../sass/foundation/_base.scss */
img {
  max-width: 100%;
}

/* line 31, ../sass/foundation/_base.scss */
p {
  color: #3C4D66;
  font-size: 14px;
}

/* line 36, ../sass/foundation/_base.scss */
label {
  color: #3C4D66;
}

/* line 40, ../sass/foundation/_base.scss */
input {
  font-size: 16px;
  border-radius: 3px;
}

/* line 45, ../sass/foundation/_base.scss */
button {
  font-family: Arial, "Helvetica Neue", Helvetica, Microsoft JhengHei, sans-serif;
}

/* line 49, ../sass/foundation/_base.scss */
select {
  font-family: Arial, "Helvetica Neue", Helvetica, Microsoft JhengHei, sans-serif;
  font-size: 16px;
  color: #3C4D66;
}

/* line 3, ../sass/layout/_footer.scss */
.footer-p {
  color: #3C4D66;
  font-size: 14px;
  line-height: 28px;
  float: left;
}

/* line 10, ../sass/layout/_footer.scss */
.footer-admin-p {
  display: inline-block;
  float: right;
  cursor: pointer;
}
/* line 15, ../sass/layout/_footer.scss */
.footer-admin-p .footer-admin-img {
  width: 25px;
  margin: 0 0 0 5px;
}

/* line 6, ../sass/layout/_header.scss */
.logo {
  float: left;
  width: 130px;
  cursor: pointer;
}
/* line 10, ../sass/layout/_header.scss */
.logo.logo-nopointer {
  cursor: default;
}

/* line 15, ../sass/layout/_header.scss */
.usergreeting {
  float: right;
  display: inline-block;
  line-height: 25px;
  margin: auto 10px auto auto;
}

/* line 22, ../sass/layout/_header.scss */
.header-p-usermanual {
  position: absolute;
  right: 131px;
  top: 64px;
}

/* line 28, ../sass/layout/_header.scss */
.a-usermanual {
  border-bottom: 1px solid #3C4D66;
}
/* line 30, ../sass/layout/_header.scss */
.a-usermanual:hover {
  color: #3A88BF;
  border-bottom: 1px solid #3A88BF;
}

/* line 2, ../sass/layout/_container.scss */
.container {
  max-width: 1000px;
  overflow: hidden;
  margin: 0 auto;
}
/* line 6, ../sass/layout/_container.scss */
.container.container-default {
  text-align: center;
}

/* line 1, ../sass/components/_loading.scss */
.animate-leave,
.animate-enter {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 16, ../sass/components/_loading.scss */
.animate-animate-container > * {
  display: block;
  padding: 10px;
}

/* line 21, ../sass/components/_loading.scss */
.animate-enter {
  left: -100vw;
}

/* line 24, ../sass/components/_loading.scss */
.animate-enter.animate-enter-active {
  left: 0;
}

/* line 28, ../sass/components/_loading.scss */
.animate-leave {
  top: 0;
}

/* line 31, ../sass/components/_loading.scss */
.animate-leave.animate-leave-active {
  left: -100vw;
}

/* line 2, ../sass/components/_btns.scss */
.btn {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border-style: solid;
}
.btn.btn-type {
  padding: 12px 14px;
  font-size: 20px;
  background-color: #fff;
  min-width: 100px;
  margin: auto 10px;
  border-radius: 15px;
  border-width: 2px;
    }
/* line 7, ../sass/components/_btns.scss */
.btn.btn-index {
  line-height: 40px;
  font-size: 20px;
  width: 120px;
  border: none;
  background-color: #5B81AF;
  color: #ffffff;
  margin: 2vh 0 auto;
  border-radius: 15px;
}
/* line 18, ../sass/components/_btns.scss */
.btn.btn-logout {
  float: right;
  border: 1px solid #3C4D66;
  line-height: 21px;
  border-radius: 7px;
  padding: 1px 3px;
}
/* line 24, ../sass/components/_btns.scss */
.btn.btn-logout:hover {
  color: #3A88BF;
  border-color: #3A88BF;
}
/* line 30, ../sass/components/_btns.scss */
.btn.btn-changepassword {
  float: right;
  line-height: 21px;
  padding: 0 3px;
  border: none;
  border-bottom: 1px solid #3C4D66;
  margin: 0 7px 0 0;
}
/* line 37, ../sass/components/_btns.scss */
.btn.btn-changepassword:hover {
  color: #3A88BF;
  border-bottom: 1px solid #3A88BF;
}
/* line 43, ../sass/components/_btns.scss */
.btn.btn-default {
  display: inline-block;
  text-align: center;
  min-width: 200px;
  margin: 56px 40px;
  background: white;
  padding: 0 0 20px;
  box-shadow: 0px 12px 31px -6px rgba(103, 141, 163, 0.75);
}
/* line 55, ../sass/components/_btns.scss */
.btn.btn-default .p-default-btn {
  font-size: 20px;
  line-height: 24px;
}
/* line 58, ../sass/components/_btns.scss */
.btn.btn-default .p-default-btn.p-default-region {
  font-size: 24px;
  font-weight: bold;
  margin: auto auto 8px;
  background: #3A88BF;
  line-height: 40px;
  color: white;
}
/* line 67, ../sass/components/_btns.scss */
.btn.btn-default .p-default-btn.p-default-time {
  color: #6C7E93;
}
/* line 71, ../sass/components/_btns.scss */
.btn.btn-default:hover {
  box-shadow: none;
  transform: translateY(5px);
}
/* line 83, ../sass/components/_btns.scss */
.btn.btn-block {
  display: block;
}
/* line 87, ../sass/components/_btns.scss */
.btn.btn-blue {
  border-color: #6D9AC6;
  color: #6D9AC6;
}
/* line 91, ../sass/components/_btns.scss */
.btn.btn-blue:hover {
  background-color: #6D9AC6;
  color: #ffffff;
}
/* line 96, ../sass/components/_btns.scss */
.btn.btn-orange {
  border-color: #EFAC06;
  color: #EFAC06;
}
/* line 100, ../sass/components/_btns.scss */
.btn.btn-orange:hover {
  background-color: #EFAC06;
  color: #ffffff;
}
/* line 106, ../sass/components/_btns.scss */
.btn.btn-s-xs {
  border-radius: 7px;
  font-size: 16px;
  background-color: #fff;
  padding: 3px 3px;
  margin: 1px auto;
  min-width: 100px;
  border-width: 1px;
}
/* line 114, ../sass/components/_btns.scss */
.btn.btn-s-xs.btn-adminpage-table {
  min-width: 50px;
  margin: 2px 0;
}
/* line 120, ../sass/components/_btns.scss */
.btn.btn-s-s {
  padding: 6px 10px;
  font-size: 16px;
  background-color: #fff;
  min-width: 117px;
  margin: auto 4px;
  border-radius: 11px;
  border-width: 2px;
}
/* line 131, ../sass/components/_btns.scss */
.btn.btn-s-m {
  padding: 12px 14px;
  font-size: 20px;
  background-color: #fff;
  min-width: 146px;
  margin: auto 11px;
  border-radius: 15px;
  border-width: 2px;
}
/* line 145, ../sass/components/_btns.scss */
.btn.btn-disabled {
  cursor: default;
  color: grey;
  padding: 0;
  border: none;
  outline: none;
}
/* line 153, ../sass/components/_btns.scss */
.btn.btn-result {
  background-color: transparent;
  margin: 20px auto;
}

/* line 2, ../sass/components/_table.scss */
.table {
  margin: 0 auto;
  color: #3C4D66;
}
/* line 5, ../sass/components/_table.scss */
.table .table-title {
  background-color: #3A88BF;
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  padding: 0 36px;
  border-bottom: 12px solid #C2E59C;
  margin: auto auto 32px;
}

/* line 18, ../sass/components/_table.scss */
.form-result-area {
  padding: 0px 8%;
}

/* line 22, ../sass/components/_table.scss */
.table-enquiry {
  text-align: center;
  width: 100%;
  font-size: 16px;
}
/* line 28, ../sass/components/_table.scss */
.table-enquiry.table-enquiry-newuser {
  width: 80%;
}
/* line 32, ../sass/components/_table.scss */
.table-enquiry thead tr {
  background-color: #3A88BF;
  color: #ffffff;
}
/* line 36, ../sass/components/_table.scss */
.table-enquiry thead .p-table-enquiry-thead {
  color: #ffffff;
  font-size: 16px;
}
/* line 40, ../sass/components/_table.scss */
.table-enquiry thead .table-th-w5 {
  width: 5%;
}
/* line 43, ../sass/components/_table.scss */
.table-enquiry thead .table-th-w10 {
  width: 10%;
}
/* line 46, ../sass/components/_table.scss */
.table-enquiry thead .table-th-w15 {
  width: 15%;
}
/* line 49, ../sass/components/_table.scss */
.table-enquiry thead .table-th-w21 {
  width: 21%;
}
/* line 52, ../sass/components/_table.scss */
.table-enquiry thead .table-th-w26 {
  width: 26%;
}
/* line 57, ../sass/components/_table.scss */
.table-enquiry th,
.table-enquiry td {
  text-align: center;
}
/* line 61, ../sass/components/_table.scss */
.table-enquiry th {
  padding: 20px 2px;
  font-weight: bold;
}
/* line 65, ../sass/components/_table.scss */
.table-enquiry td {
  background-color: #ffffff;
  padding: 10px 2px;
  border-bottom: 1px solid #85B2E0;
  border-top: 1px solid #85B2E0;
}
/* line 74, ../sass/components/_table.scss */
.table-enquiry .table-tr-detail td {
  border-bottom: none;
  background-color: transparent;
}
/* line 79, ../sass/components/_table.scss */
.table-enquiry .table-situation-success {
  color: #8EB25F;
}
/* line 82, ../sass/components/_table.scss */
.table-enquiry .table-icon-moredetail {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../img/ic_form.png") 0 0;
  cursor: pointer;
}
/* line 88, ../sass/components/_table.scss */
.table-enquiry .table-icon-moredetail:hover {
  background: url("../img/ic_form.png") 0 -27px;
}

/* line 94, ../sass/components/_table.scss */
.table-result {
  width: 60%;
  box-shadow: 0px 12px 41px -3px rgba(103, 141, 163, 0.75);
}
/* line 98, ../sass/components/_table.scss */
.table-result .table-result-title {
  font-size: 24px;
  line-height: 48px;
  padding: 0 36px;
  margin: auto auto 32px;
  background-color: #C2E59C;
  color: #647F40;
  font-weight: bold;
  text-align: center;
}
/* line 112, ../sass/components/_table.scss */
.table-result .table-result-sp-top td {
  padding-top: 24px;
}
/* line 117, ../sass/components/_table.scss */
.table-result .table-result-sp-bot td {
  padding-bottom: 24px;
}
/* line 121, ../sass/components/_table.scss */
.table-result td {
  background-color: #fff;
  padding: 8px 22px;
}
/* line 127, ../sass/components/_table.scss */
.table-result td:nth-child(1) {
  width: 38%;
  padding-left: 70px;
}
/* line 132, ../sass/components/_table.scss */
.table-result td:nth-child(2) {
  width: 60%;
  padding-right: 70px;
}

/* line 144, ../sass/components/_table.scss */
.table-confirm .table-confirm-companyCode td {
  font-weight: bold;
}
/* line 148, ../sass/components/_table.scss */
.table-confirm .table-btn-area {
  text-align: center;
  padding-left: 0;
}

/* line 153, ../sass/components/_table.scss */
.confirm-btn-area {
  width: 60%;
  margin: auto auto;
  background-color: white;
  padding: 25px;
}

/* line 160, ../sass/components/_table.scss */
.admin-result-area {
  padding: 0 4%;
}
/* line 163, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-no {
  width: 5%;
}
/* line 166, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-emailid {
  width: 23%;
}
/* line 169, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-password {
  width: 11%;
}
/* line 172, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-name {
  width: 15%;
}
/* line 175, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-area {
  width: 10%;
}
/* line 178, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-authority {
  width: 10%;
}
/* line 181, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-status {
  width: 8%;
}
/* line 184, ../sass/components/_table.scss */
.admin-result-area .table-th-admin-action {
  width: 10%;
}
/* line 187, ../sass/components/_table.scss */
.admin-result-area .table-admin-labelblock {
  display: block;
  margin: 3px 0;
}
/* line 192, ../sass/components/_table.scss */
.admin-result-area .btn-adminresult-output {
  float: right;
  margin: -40px 20px 10px 0;
  border-bottom: 1px solid #3C4D66;
  padding: 2px;
  cursor: pointer;
}
/* line 198, ../sass/components/_table.scss */
.admin-result-area .btn-adminresult-output:hover {
  background: white;
}

/* line 4, ../sass/components/_form.scss */
.form-area {
  width: 80%;
  background-color: #fff;
  margin: 0 auto;
  box-shadow: 0px 12px 41px -3px rgba(103, 141, 163, 0.75);
  margin: 36px auto 80px;
}
/* line 12, ../sass/components/_form.scss */
.form-area.form-area-admin {
  width: 44%;
  margin: 5% auto;
}
/* line 16, ../sass/components/_form.scss */
.form-area .form-title {
  background-color: #3A88BF;
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  padding: 0 36px;
  border-bottom: 12px solid #C2E59C;
  margin: auto auto 32px;
}
/* line 24, ../sass/components/_form.scss */
.form-area .form-title.form-title-admin {
  border-bottom: none;
  text-align: center;
}
/* line 28, ../sass/components/_form.scss */
.form-area .form-title.form-title-adminpage {
  text-align: center;
}
/* line 33, ../sass/components/_form.scss */
.form-area .form-inner-area {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 50px;
}
/* line 38, ../sass/components/_form.scss */
.form-area .form-input-area {
  display: block;
  margin: 10px 20px;
}
/* line 41, ../sass/components/_form.scss */
.form-area .form-input-area.form-input-area-admin {
  text-align: center;
}
/* line 44, ../sass/components/_form.scss */
.form-area .form-input-area.form-p-necessary {
  color: #BC3B3B;
}
.form-area .form-input-area.form-p-necessary2 {
  color: #fa2525;
  font-size: 20px;
  margin: 0px 0px;
}
.form-area .form-input-area.form-p-necessary3 {
  color: #2468d3;
  font-size: 50px;
  text-align:center;
}
/* line 48, ../sass/components/_form.scss */
.form-area .form-input-area .form-label {
  width: 250px;
  display: inline-block;
}
/* line 51, ../sass/components/_form.scss */
.form-area .form-input-area .form-label.form-label-admin {
  width: 100%;
  margin: 0 0 4px;
}
/* line 55, ../sass/components/_form.scss */
.form-area .form-input-area .form-label.form-label-adminpage {
  width: 25%;
}
/* line 58, ../sass/components/_form.scss */
.form-area .form-input-area .form-label .form-span-necessary {
  color: #BC3B3B;
}
/* line 61, ../sass/components/_form.scss */
.form-area .form-input-area .form-label.form-label-confirm {
  width: 30%;
}
/* line 64, ../sass/components/_form.scss */
.form-area .form-input-area .form-label.form-label-short {
  width: 100px;
}
/* line 68, ../sass/components/_form.scss */
.form-area .form-input-area .form-label-area {
  display: inline-block;
  vertical-align: top;
  width: calc( 100% - 260px);
}
/* line 72, ../sass/components/_form.scss */
.form-area .form-input-area .form-label-area.form-label-area-inline {
  display: inline;
}
/* line 75, ../sass/components/_form.scss */
.form-area .form-input-area .form-label-area .select-currency[disabled] {
  background-color: #ececec;
}
/* line 80, ../sass/components/_form.scss */
.form-area .form-input-area .form-tooltip {
  display: inline-block;
  position: relative;
}
/* line 83, ../sass/components/_form.scss */
.form-area .form-input-area .form-tooltip:hover .form-tooltiptxt {
  display: inline-block;
  transition: .3s;
}
/* line 88, ../sass/components/_form.scss */
.form-area .form-input-area .form-tooltip .form-tooltiptxt {
  position: absolute;
  width: 250px;
  background-color: #3A88BF;
  color: white;
  padding: 12px;
  font-size: 15px;
  line-height: 1.5;
  display: none;
  top: 32px;
  left: 19px;
  box-shadow: 4px 3px 6px #bbb;
  z-index: 1;
}
/* line 104, ../sass/components/_form.scss */
.form-area .form-input-area .form-tooltip .form-tooltiptxt::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 0 17px;
  border-color: transparent transparent transparent #3A88BF;
  top: -12px;
  left: 0;
}
/* line 116, ../sass/components/_form.scss */
.form-area .form-input-area .form-currency-note {
  font-size: 14px;
  color: #2d6993;
  display: inline-block;
}
/* line 123, ../sass/components/_form.scss */
.form-area .form-admin-errormsg {
  text-align: center;
  color: #c70101;
}
/* line 128, ../sass/components/_form.scss */
.form-area .form-btn-area {
  text-align: center;
  margin: 24px auto auto;
}
/* line 133, ../sass/components/_form.scss */
.form-area .form-btn-groupNumberCheck {
  display: inline-block;
  line-height: 24px;
  background: #6D9AC6;
  padding: 0 7px;
  border-radius: 7px;
  color: #ffffff;
}
/* line 140, ../sass/components/_form.scss */
.form-area .form-btn-groupNumberCheck:hover {
  background: #ffffff;
  border: 1px solid #6D9AC6;
  color: #6D9AC6;
  cursor: pointer;
}
/* line 148, ../sass/components/_form.scss */
.form-area .form-itrMsg {
  padding-left: 30%;
  padding-right: 11%;
  margin-top: -6px;
  color: #76964d;
}
/* line 153, ../sass/components/_form.scss */
.form-area .form-itrMsg.form-itrMsg-blue {
  color: #3A88BF;
}
/* line 158, ../sass/components/_form.scss */
.form-area .form-p-passwordrule {
  text-align: center;
  padding: 0px 20%;
  color: #2d6993;
  margin-top: -6px;
}
/* line 165, ../sass/components/_form.scss */
.form-area .form-errMsg {
  font-size: 16px;
  color: #c70101;
  line-height: 1.25;
}
/* line 172, ../sass/components/_form.scss */
.form-area .form-admin-errMsgArea {
  margin-top: 25px;
}
/* line 174, ../sass/components/_form.scss */
.form-area .form-admin-errMsgArea .form-admin-errMsg {
  font-size: 16px;
  color: #c70101;
  line-height: 1;
}
/* line 180, ../sass/components/_form.scss */
.form-area .form-label-emailid {
  border-bottom: 1px solid #3C4D66;
}
/* line 184, ../sass/components/_form.scss */
.form-area .form-newPw-msg {
  margin: 20px 0 -5px;
  font-size: 16px;
}
/* line 187, ../sass/components/_form.scss */
.form-area .form-newPw-msg.form-newPw-successMsg {
  color: #20a036;
  font-weight: bold;
  text-align: center;
}

/* line 196, ../sass/components/_form.scss */
.form-input {
  border: 1px solid #8C9DAD;
  line-height: 24px;
}
/* line 200, ../sass/components/_form.scss */
.form-input.form-input-xs {
  width: 40px;
}
/* line 203, ../sass/components/_form.scss */
.form-input.form-input-s {
  width: 150px;
}
/* line 206, ../sass/components/_form.scss */
.form-input.form-input-m {
  width: 200px;
}
/* line 209, ../sass/components/_form.scss */
.form-input.form-input-l {
  width: 300px;
}
/* line 212, ../sass/components/_form.scss */
.form-input.form-input-adminpage {
  width: 67%;
}
/* line 218, ../sass/components/_form.scss */
.form-input.form-input-center {
  text-align: center;
}

/* line 224, ../sass/components/_form.scss */
.form-detail {
  background-color: #fff;
  overflow: auto;
  margin: 0 auto 20px;
  color: #3C4D66;
}
/* line 230, ../sass/components/_form.scss */
.form-detail .form-detail-title {
  font-weight: bold;
  color: #ffffff;
  background-color: #89BEE3;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}
/* line 238, ../sass/components/_form.scss */
.form-detail .form-detail-wrapper {
  padding: 18px 24px 12px;
  overflow: auto;
}
/* line 242, ../sass/components/_form.scss */
.form-detail .form-detail-column {
  width: 45%;
  overflow: hidden;
  float: left;
}
/* line 246, ../sass/components/_form.scss */
.form-detail .form-detail-column.form-detail-column-left {
  margin-left: 5%;
}
/* line 249, ../sass/components/_form.scss */
.form-detail .form-detail-column.form-detail-column-right {
  margin-right: 5%;
}
/* line 253, ../sass/components/_form.scss */
.form-detail .form-detail-div {
  float: left;
  margin: 4px;
}
/* line 256, ../sass/components/_form.scss */
.form-detail .form-detail-div .form-detail-name,
.form-detail .form-detail-div .form-detail-value {
  display: inline-block;
  line-height: 40px;
  float: left;
}
/* line 263, ../sass/components/_form.scss */
.form-detail .form-detail-div .form-detail-name {
  background-color: #89BEE3;
  color: #ffffff;
  min-width: 153px;
  text-align: center;
  padding: 0 10px;
}
/* line 270, ../sass/components/_form.scss */
.form-detail .form-detail-div .form-detail-value {
  min-width: 153px;
  text-align: left;
  padding-left: 10px;
}
/* line 274, ../sass/components/_form.scss */
.form-detail .form-detail-div .form-detail-value.form-detail-value-addr {
  line-height: 1.6;
  padding-top: 10px;
}

/* line 283, ../sass/components/_form.scss */
.form-confirm {
  margin: auto auto 35px;
}
/* line 285, ../sass/components/_form.scss */
.form-confirm .form-confirm-bold {
  font-weight: bold;
}

/* line 2, ../sass/components/_pop.scss */
.pop {
  position: fixed;
  background-color: #ffffff;
  top: 30%;
  left: 50%;
  margin-left: -165px;
  min-width: 330px;
  z-index: 20;
}
/* line 12, ../sass/components/_pop.scss */
.pop .pop-btn-close {
  display: inline-block;
  float: right;
  width: 29px;
  height: 29px;
  background-image: url("../img/pop-btn-close.png");
  background-size: cover;
  margin: 5px 4px auto auto;
}
/* line 23, ../sass/components/_pop.scss */
.pop .pop-title {
  font-size: 24px;
  background-color: #3A88BF;
  line-height: 36px;
  color: #ffffff;
  text-align: center;
  margin: 48px 0 0;
}
/* line 33, ../sass/components/_pop.scss */
.pop .pop-msg {
  font-size: 24px;
  background-color: #3A88BF;
  line-height: 43.2px;
  margin: 70px 0 0;
  text-align: center;
}
/* line 39, ../sass/components/_pop.scss */
.pop .pop-msg.pop-msg-green {
  color: #647F40;
  background-color: #C2E59C;
}
/* line 43, ../sass/components/_pop.scss */
.pop .pop-msg.pop-msg-blue {
  color: #ffffff;
  background-color: #3A88BF;
}
/* line 49, ../sass/components/_pop.scss */
.pop .pop-wrapper {
  padding: 16px 30px 27px;
  width: 360px;
}
/* line 54, ../sass/components/_pop.scss */
.pop .pop-p {
  font-size: 16px;
  margin: 7px 0;
}
/* line 57, ../sass/components/_pop.scss */
.pop .pop-p .pop-input {
  border: none;
  border-bottom: 1px solid #3C4D66;
  border-radius: 0;
  width: 140px;
}
/* line 63, ../sass/components/_pop.scss */
.pop .pop-p.pop-p-paddingleft {
  padding-left: 27px;
}
/* line 66, ../sass/components/_pop.scss */
.pop .pop-p.pop-p-companycode {
  color: #3a88bf;
  font-weight: bold;
  margin: 8px 0 5px;
}
/* line 73, ../sass/components/_pop.scss */
.pop .pop-p-codearea {
  font-size: 16px;
  padding-left: 27px;
  line-height: 1.3;
  margin-bottom: 15px;
}
/* line 79, ../sass/components/_pop.scss */
.pop .pop-p-codearea .pop-p-codenumber {
  border-bottom: 1px solid #3a88bf;
}
/* line 83, ../sass/components/_pop.scss */
.pop .pop-p-errmsg {
  color: #c70101;
  margin: 7px 0;
  text-align: center;
}
/* line 89, ../sass/components/_pop.scss */
.pop .pop-p-errmsg2 {
  font-size: 16px;
  margin-top: 7px;
  line-height: 1.3;
  width: 260px;
  margin: 0 auto;
}
/* line 97, ../sass/components/_pop.scss */
.pop .pop-p-ifnotinform {
  text-align: center;
  color: #3A88BF;
}
/* line 102, ../sass/components/_pop.scss */
.pop .pop-edit-companyCode {
  width: 85%;
  margin: 0 auto;
}
/* line 105, ../sass/components/_pop.scss */
.pop .pop-edit-companyCode caption {
  caption-side: top;
  font-size: 20px;
  margin: auto auto 5px;
  color: #3a88bf;
}
/* line 114, ../sass/components/_pop.scss */
.pop .pop-edit-companyCode td {
  padding: 3px 3px;
}
/* line 119, ../sass/components/_pop.scss */
.pop .pop-p-errmsgcurrency {
  padding-top: 10px;
  text-align: center;
  color: #c70101;
}
/* line 125, ../sass/components/_pop.scss */
.pop .pop-p-userid {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
/* line 131, ../sass/components/_pop.scss */
.pop .pop-btn-area {
  text-align: center;
  margin: 20px auto 0;
}

/* line 138, ../sass/components/_pop.scss */
.pop-overlay {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  position: fixed;
  left: 0;
  top: 0;
}

/* line 1, ../sass/components/_page.scss */
.pagination {
  height: 32px;
  margin: 20px auto;
}
.paginationForMess {
  height: 20px;
  margin: 20px auto;
  color:#f53030;
  font-size: 20px;
}
/* line 5, ../sass/components/_page.scss */
.pagination .page {
  display: inline-block;
  padding: 0 2px;
  text-align: center;
  cursor: pointer;
  color: #B4C6CC;
  margin: 0 8px;
  vertical-align: middle;
}
/* line 13, ../sass/components/_page.scss */
.pagination .page.active {
  color: #6D9AC6;
  font-weight: bold;
}
/* line 17, ../sass/components/_page.scss */
.pagination .page.disabled {
  display: none;
}
/* line 21, ../sass/components/_page.scss */
.pagination .page-arrow-start {
  vertical-align: middle;
  background-image: url("../img/arrow_left.png");
  width: 10px;
  text-indent: -9999px;
}
/* line 27, ../sass/components/_page.scss */
.pagination .page-arrow-end {
  vertical-align: middle;
  background-image: url("../img/arrow_right.png");
  width: 10px;
  text-indent: -9999px;
}

/* line 2, ../sass/components/_dropdown.scss */
.dropdown-select-nation {
  display: inline-block;
  border: 1px solid #8C9DAD;
  padding: 2px 4px;
  position: relative;
  vertical-align: middle;
}
/* line 10, ../sass/components/_dropdown.scss */
.dropdown-select-nation.dropdown-noborder {
  border: none;
}
/* line 13, ../sass/components/_dropdown.scss */
.dropdown-select-nation.dropdown--disabled {
  border: none;
}
/* line 16, ../sass/components/_dropdown.scss */
.dropdown-select-nation.dropdown--disabled .dropdown-arrow {
  display: none;
}
/* line 20, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-result {
  height: 20px;
}
/* line 23, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-flag {
  display: inline-block;
  background-color: #f00;
  vertical-align: middle;
}
/* line 27, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-flag.dropdown-flag--hide {
  display: none;
}
/* line 32, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  border-color: #464f56 transparent transparent transparent;
  float: right;
  margin: 6px 0 0 6px;
}
/* line 41, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-list {
  position: absolute;
  max-height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  width: 200%;
  left: -1px;
  top: 22px;
  background: #FFF;
  border: 1px solid #8C9DAD;
  max-width: 300px;
}
/* line 53, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-option {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 18px;
  padding: 2px 4px;
  text-align: left;
  box-sizing: content-box;
  line-height: 18px;
  white-space: nowrap;
  margin: 2px 0;
}
/* line 64, ../sass/components/_dropdown.scss */
.dropdown-select-nation .dropdown-option:hover {
  background: #8c9dad;
  color: white;
}

/* line 71, ../sass/components/_dropdown.scss */
.dropdown-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 2, ../sass/structure/_index.scss */
.index-body {
  background: rgba(52, 135, 203, 0.2);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(105deg, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-75deg, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-75deg, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-75deg, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* Standard syntax */
}

/* line 6, ../sass/structure/_index.scss */
.index-lang {
  float: right;
}
/* line 8, ../sass/structure/_index.scss */
.index-lang .a-index-lang {
  cursor: pointer;
}
/* line 10, ../sass/structure/_index.scss */
.index-lang .a-index-lang:hover {
  color: #3A88BF;
}

/* line 16, ../sass/structure/_index.scss */
.index-main {
  overflow: hidden;
  background-color: #ffffff;
}
/* line 19, ../sass/structure/_index.scss */
.index-main .index-img {
  float: left;
  background-image: url("../img/id-woman.png");
  width: 50%;
  height: 65vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
/* line 29, ../sass/structure/_index.scss */
.index-main .index-form {
  float: right;
  width: 50%;
  text-align: center;
  padding: 2vh 0 0;
  position: relative;
  height: 65vh;
}
/* line 37, ../sass/structure/_index.scss */
.index-main .index-form .index-title {
  font-size: 24px;
  line-height: 48px;
  background-color: #264777;
  color: #ffffff;
  width: 70%;
  margin: 0 auto;
}
/* line 45, ../sass/structure/_index.scss */
.index-main .index-form .index-title-en {
  height: 20px;
  background-image: url("../img/wns-title-en.png");
  background-repeat: no-repeat;
  background-position: center;
}
/* line 52, ../sass/structure/_index.scss */
.index-main .index-form .index-input-area {
  margin: 4vh 0 0;
}
/* line 56, ../sass/structure/_index.scss */
.index-main .index-form .input-index {
  width: 70%;
  border: 1px solid #315CA9;
  padding: 0 0 0 50px;
  background-size: auto 78%;
  background-repeat: no-repeat;
  background-position: 13px;
  padding: 0 0 0 48px;
  height: 32px;
}
/* line 67, ../sass/structure/_index.scss */
.index-main .index-form .index-userid {
  background-image: url("../img/id-ic_user-silhouette.png");
}
/* line 71, ../sass/structure/_index.scss */
.index-main .index-form .index-password {
  background-image: url("../img/id-ic_house-key.png");
}
/* line 74, ../sass/structure/_index.scss */
.index-main .index-form .index-p-contactadmin {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.3rem;
  font-size: 16px;
  width: 57%;
  line-height: 1;
  margin: 0 auto;
}
/* line 86, ../sass/structure/_index.scss */
.index-main .index-form .index-p-suggest {
  width: 75%;
  bottom: 3.2rem;
}
/* line 93, ../sass/structure/_index.scss */
.index-main .form-index-errormsg {
  color: #c70101;
  margin: 16px auto 0;
  font-weight: bold;
}
/* line 97, ../sass/structure/_index.scss */
.index-main .form-index-errormsg.form-index-errormsg2 {
  margin: 4px auto 0;
}

/* line 2, ../sass/structure/_default.scss */
.default-body {
  background: rgba(52, 135, 203, 0.2);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(52, 135, 203, 0.2) 0%, rgba(52, 135, 203, 0.2) 30%, rgba(130, 167, 88, 0.2) 100%);
  /* Standard syntax */
}

/* line 6, ../sass/structure/_default.scss */
.default-p {
  text-align: center;
  font-size: 24px;
  background-color: #ffffff;
  line-height: 72px;
}

/* line 13, ../sass/structure/_default.scss */
.default-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 19px 0 19px;
  border-color: #ffffff transparent transparent transparent;
  position: relative;
  margin: 0 auto;
}

/* line 3, ../sass/structure/_enquirytw.scss */
.form-div-isGetResult {
  background: white;
  box-shadow: 0px 3px 8px -2px #a1b9ca;
}

/* line 7, ../sass/structure/_enquirytw.scss */
.eq-p-noresult {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  background: white;
  color: #2d6993;
  box-shadow: 0px 3px 8px -2px #a1b9ca;
  padding: 10px;
}

/* line 16, ../sass/structure/_enquirytw.scss */
.eq-p-noresult2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 12px;
}