/* Scss Document */
body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "noto_sansregular", "noto_sans_thairegular", "NotoSansCJKjp_Regular", sans-serif; }

.wrapper-page {
  display: inline-block;
  width: 100%; }

.wrapper-content {
  display: inline-block;
  width: 100%;
  background: url(../images/bg-help-center.jpg) center no-repeat;
  background-size: cover;
  padding: 16px 0 90px 0; }

.content-box {
  width: 90%;
  margin: 0 auto; }

.logo {
  display: inline-block;
  width: 40%;
  float: left;
  max-width: 245px;
  margin: 0 0 0 -10px;
  line-height: 0; }

.logo img {
  display: inline-block;
  width: 100%; }

.menu-profile {
  display: inline-block;
  width: 40%;
  float: right;
  text-align: right; }

.img-profile {
  display: inline-block;
  width: 24px;
  cursor: pointer;
  position: relative; }

.img-profile img {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  width: 24px;
  height: 24px; }

.menu-list-profile {
  display: none;
  width: 130px;
  background: #fff;
  position: absolute;
  right: 0;
  margin-right: -10px; }

.menu-list-profile span {
  display: block;
  text-align: left;
  border-bottom: 1px solid #eee; }

.menu-list-profile span a {
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  text-decoration: none;
  color: #333;
  font-size: 13px; }

.menu-list-profile span.signout a {
  color: #c30; }

.menu-list-profile:before {
  content: "\f0de";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 15px;
  margin: 0;
  color: #fff;
  font-size: 15px;
  z-index: 999;
  margin-top: -5px; }

.clear {
  clear: both; }

.title-page {
  text-align: center;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  color: #fff;
  margin: 32px 0 0 0;
  font-size: 1.4em; }

.box-search {
  width: 100%;
  border: 1px solid #6d6e6f;
  background: #fff;
  height: 48px;
  line-height: 48px;
  margin: 14px auto 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  max-width: 700px; }

.box-search input {
  border: none;
  background: none;
  display: inline-block;
  float: left;
  width: 80%;
  line-height: 48px;
  padding: 0 16px 0 24px;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px; }

.box-search button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #2babaf;
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  width: 20%;
  float: left;
  background: none;
  font-size: 22px;
  cursor: pointer;
  text-align: right;
  padding: 0 24px 0 0;
  outline: none; }

.box-search button:hover {
  color: #22898c; }

.wrapper-content-bottom {
  display: inline-block;
  width: 100%; }

.wrap-list-help {
  margin: 32px 0; }

.list-help {
  display: inline-block;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 16px; }

.list-help a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 32px 16px;
  text-decoration: none;
  color: #2babaf;
  line-height: 32px;
  box-sizing: border-box; }

.list-help:hover {
  background: #fcfcfc; }

.list-help:hover a {
  color: #238a8d; }

.list-help-icon {
  display: block;
  font-size: 32px; }

.list-help-text {
  display: block;
  font-size: 18px;
  font-family: "noto_sansregular", "noto_sans_thairegular", "NotoSansCJKjp_Regular", sans-serif;
  color: #555; }

.breadcrumb-bar {
  background: #f6f6f6;
  border-bottom: 1px solid #ececec;
  padding: 16px 0;
  color: #666;
  font-size: 14px; }

.breadcrumb-bar a {
  color: #666;
  display: inline-block;
  text-decoration: none;
  margin-right: 4px; }

.breadcrumb-bar a:hover {
  text-decoration: underline; }

.breadcrumb-bar span {
  margin-left: 4px; }

.content-box-page {
  border: 1px solid #eee;
  padding: 16px 32px;
  margin: 40px 0 70px 0;
  line-height: 30px; }

.content-box-page h2 {
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  font-weight: normal; }

.content-box-page img {
  max-width: 100%; }

.text-center {
  text-align: center; }

.text-bold {
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

.break-part {
  border-bottom: 1px solid #eee;
  padding: 12px 0 0 0;
  margin-bottom: 32px; }

.title-paragraph {
  margin-top: 36px; }

.indentP {
  text-indent: 32px; }

.content-box-page ol,
.content-box-page ul {
  margin: 0;
  padding: 0; }

.content-box-page ol {
  counter-reset: item; }

.content-box-page ol > li {
  margin-left: 49px;
  margin-bottom: 10px;
  counter-increment: item; }
  .content-box-page ol > li ol > li {
    display: block; }
  .content-box-page ol > li ol > li:before {
    content: counters(item,".") " ";
    margin-left: -20px; }

.content-box-page ul {
  margin: 10px 0 0 0; }

.content-box-page ul > li {
  list-style: disc;
  margin-left: 32px;
  margin-bottom: 14px; }

.email {
  color: #22898c; }
  .email a {
    text-decoration: none;
    color: #22898c; }

.input-field {
  display: inline-block;
  border: 1px solid #ccc;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  outline: none;
  padding: 0 16px;
  box-sizing: border-box; }

.form-report label,
.title-form {
  font-size: 14px;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

.area-field {
  display: inline-block;
  border: 1px solid #ccc;
  line-height: 26px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  outline: none;
  padding: 0 16px;
  box-sizing: border-box;
  height: 100px; }

ul.list-img-report {
  padding: 0;
  margin: 0; }

ul.list-img-report > li {
  display: list-item;
  width: 100%;
  float: left;
  margin: 0 0 10px 32px;
  padding: 0;
  list-style-type: disc; }

ul.list-img-report > li img {
  display: inline-block;
  width: 150px;
  vertical-align: text-top;
  border: 1px solid #eee;
  cursor: pointer; }

ul.list-img-report > li a {
  display: inline-block; }

.del-image {
  vertical-align: middle;
  color: #ccc; }
  .del-image :hover {
    color: #B80000;
    cursor: pointer; }

.bt-add-img {
  display: inline-block;
  background: #fff;
  color: #333;
  border: 1px solid #999;
  cursor: pointer;
  padding: 3px 16px;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-left: 32px; }

.bt-add-img:hover {
  color: #000;
  border: 1px solid #666; }

.text-file-size {
  margin-left: 32px;
  font-size: 13px;
  color: #999; }

.captcha {
  margin: 16px 0; }

.bt-send {
  display: inline-block;
  background: #2babaf;
  color: #fff;
  padding: 12px 16px;
  font-size: 14px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer; }

.mar-8 {
  margin: 8px 0;
  line-height: 0; }

.mar-8 img {
  line-height: 0; }

.text-error {
  color: #DE3308;
  font-size: 13px; }

.signin-bt {
  display: inline-block;
  width: 60%;
  float: right;
  text-align: right;
  line-height: 48px; }

.signin-bt-text {
  cursor: pointer;
  color: #f3f3f3;
  font-size: 0.85em; }

.signin-bt-text:hover {
  color: #fff; }

.signup-bt {
  display: inline-block;
  border: 1px solid #fff;
  line-height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  padding: 0 10px;
  margin-right: 8px; }

.signup-bt:hover {
  color: #0F0B08;
  background: #fff;
  -webkit-transition: background 0.5s, color 0.5s;
  /* Safari */
  transition: background 0.5s, color 0.5s; }

.login-modal {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  z-index: 9997; }

.wrap-box-content {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  left: 50%;
  margin: 24px 0;
  padding: 0 16px 16px;
  position: absolute;
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, 0);
  box-sizing: border-box;
  width: 95%; }

.or-text {
  background: #fff; }

.close-login-modal {
  color: #ccc;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 6px; }

.close-login-modal:hover {
  color: #333; }

.brand-logo {
  text-align: center;
  margin: 32px 0 16px 0;
  width: 100%; }

.introduction {
  color: #666;
  font-size: 13.5px;
  line-height: 24px;
  margin: 0 0 16px 0; }

.introduction a {
  color: #666;
  text-decoration: underline; }

.introduction-signin {
  color: #666;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 16px 0;
  text-align: center; }

.bt-signupWith {
  display: inline-block;
  width: 100%; }

.bt-signupWith a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  width: 100%; }

.with-facebook {
  background: #38569a;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  height: 40px; }

.with-google {
  background: #df4a32;
  border-radius: 3px;
  display: inline-block;
  margin: 10px 0 0 0;
  width: 100%;
  height: 40px; }

.with-email,
.signup-with-email {
  background: #556270;
  border-radius: 3px;
  display: inline-block;
  margin: 0;
  width: 100%;
  height: 40px; }

.icon-socials {
  display: inline-block;
  text-align: center;
  width: 48px !important; }

.name-button {
  display: inline-block;
  margin: 0 0 0 16px; }

.or {
  display: inline-block;
  border-top: 1px solid #ccc;
  margin: 32px 0 25px 0;
  width: 100%; }

.or-text {
  background: #fff;
  color: #999;
  display: inline-block;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  left: 50%;
  margin: -15px 0 0 -22px;
  padding: 0 8px;
  position: absolute; }

.formSignup {
  display: inline-block;
  width: 100%; }

.wrap-textField {
  display: inline-block;
  margin: 0 0 8px 0;
  width: 100%; }

.wrap-buttonSubmit {
  border-radius: 3px;
  background: #556270;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: block;
  line-height: 40px;
  margin: 16px 0 0 0;
  width: 100%;
  height: 40px; }

.wrap-buttonSubmit-signin {
  border-radius: 3px;
  background: #556270;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: block;
  line-height: 40px;
  margin: 0;
  width: 100%;
  height: 40px; }

.link-not-member {
  color: #666;
  display: inline-block;
  font-size: 13px;
  margin: 12px 0 0 0;
  text-align: center;
  width: 100%; }

.link-not-member > a,
.signup-link,
.signin-link {
  color: #005c6a;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  text-decoration: underline;
  width: auto; }

.link-terms {
  color: #666;
  display: inline-block;
  font-size: 11px;
  margin: 16px 0 0 0;
  text-align: center;
  width: 100%; }

.link-terms a {
  color: #666;
  font-weight: normal;
  line-height: 20px;
  text-decoration: underline;
  font-size: 10px; }

.label {
  color: #333;
  cursor: pointer;
  font-size: 12px;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

.text-field {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 14px;
  padding: 0 8px;
  width: 100%;
  height: 40px;
  box-sizing: border-box; }

.text-field:disabled {
  background: #ebebeb;
  border: 1px solid #e3e3e3;
  color: #999; }

.text-field:focus {
  border: 1px solid #00A6BF;
  outline: none; }

.text-field-error {
  border: 1px solid #DE3308; }

.keep-signed-in {
  color: #666;
  display: inline-block;
  font-size: 12px;
  float: left;
  vertical-align: middle; }

.forget-link {
  color: #666;
  display: inline-block;
  float: right;
  font-size: 12px; }

.forget-link > a {
  color: #666;
  font-weight: normal;
  line-height: 0;
  text-decoration: underline;
  font-size: 12px; }

.keep-me-signed-in {
  background: #ebebeb;
  border: 1px solid #b7b7b7;
  vertical-align: middle;
  width: 14px;
  height: 14px; }

.label-checkbox {
  margin: 0 4px;
  vertical-align: middle; }

.rules-pass {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin: 3px 0 0 0; }

.rule-arrow {
  display: none !important; }

.password-strength {
  color: #666;
  font-size: 11px; }

.weak {
  color: #b10101; }

.moderate {
  color: #F68703; }

.strong {
  color: #33ad1e; }

.rulesBox {
  color: #888;
  font-size: 13px;
  padding: 10px; }

.rulesBox-title {
  color: #333;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

.rulesBox-list {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0; }

.rulesBox-list > li {
  display: inline-block;
  width: 100%;
  line-height: 24px; }

.rulesBox-list > li:before {
  content: "\f10c";
  font-family: 'FontAwesome';
  font-size: 9px;
  line-height: 18px;
  margin: 0 8px 0 0;
  vertical-align: middle; }

.rulesBox-list > li.pass:before {
  content: "\f111";
  color: #33ad1e; }

.rulesBox-list > li.fail:before {
  color: #d90505; }

.rulesBox-list > li.fail {
  color: #d90505; }

.submit-bt {
  -webkit-appearance: none;
  background: none;
  border: none;
  display: inline-block;
  font-size: 15px;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  outline: none;
  width: 100%;
  height: 40px;
  color: #fff; }

.fade-dialog {
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9998; }

.dialog {
  background: #fbfcfd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.5);
  left: 50%;
  margin: -175px 0 0 -150px;
  position: absolute;
  top: 50%;
  width: 300px;
  height: auto;
  min-height: 100px;
  z-index: 9990; }

.title-dialog {
  color: #222;
  font-size: 19px;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  margin: 0;
  padding: 24px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: inherit;
  line-height: 24px; }

.detail-dialog,
.detail-dialog-auto-height {
  color: #666;
  display: inline-block;
  font-size: 13px;
  padding: 8px 16px 16px 16px;
  width: 100%;
  word-wrap: break-word; }

#modal-upload-logo .detail-dialog {
  max-height: 260px;
  overflow: auto; }

.detail-dialog-auto-height {
  height: 90%; }

.detail-dialog-max-height500 {
  color: #666;
  font-size: 13px;
  line-height: 24px;
  max-height: 250px;
  overflow: auto;
  padding: 0 24px 8px 24px;
  word-wrap: break-word;
  margin-bottom: 16px; }

.button-dialog {
  padding: 8px 16px; }

.have-border {
  border-top: 1px solid #ddd; }

.button-dialog {
  padding: 8px 24px; }

.button-dialog-auto-height {
  bottom: 0;
  padding: 8px 16px;
  position: absolute;
  width: 100%; }

.buttonLists-dialog {
  display: inline-block;
  width: 100%; }
  .buttonLists-dialog > li {
    color: #2BACB1;
    float: right;
    font-size: 15px;
    font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
    display: inline-block;
    padding: 0 0 0 32px; }
  .buttonLists-dialog > li > a {
    color: #0082d4;
    display: inline-block;
    text-decoration: none; }

.accept,
.accept2 {
  cursor: pointer;
  display: inline-block; }

.cancel,
.cancel-this {
  color: #909090;
  cursor: pointer;
  display: inline-block; }

.dialog-small {
  background: #fbfcfd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.5);
  left: 50%;
  margin: -175px 0 0 -150px;
  position: absolute;
  top: 50%;
  width: 300px;
  min-height: 100px;
  z-index: 9990; }

.dialog-medium {
  background: #fbfcfd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.5);
  left: 50%;
  margin: -175px 0 0 -150px;
  position: absolute;
  top: 50%;
  width: 300px;
  min-height: 100px;
  z-index: 9990; }

.dialog-large {
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  background: #fbfcfd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.5);
  left: 50%;
  /*margin: -175px 0 0 -150px;*/
  position: absolute;
  top: 50%;
  width: 300px;
  min-height: 100px;
  z-index: 9990; }

.dialog-auto-height {
  background: #fbfcfd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.5);
  margin: 10px auto;
  position: relative;
  width: 300px;
  height: 90%;
  z-index: 9990; }

.align-center {
  text-align: center; }

.txt-bold {
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

.txt-bold i {
  color: #000; }

.txt-italic {
  font-style: italic; }

.text-email {
  color: #042c64; }

.close-modal {
  color: #999;
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 3px; }

.close-modal:hover {
  color: #c00; }

.watermark {
  background: url(../images/logo-watermark.png) repeat; }

#termAndCondition .title-dialog {
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

#termAndCondition p,
#termAndCondition ol li {
  font-size: 1.1em;
  color: #222; }

#termAndCondition .buttonLists-dialog > li {
  font-size: 1em; }

.g-recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }

.col-left {
  display: inline-block;
  width: 100%;
  margin: 24px 0; }

.left-nav-box {
  border: 1px solid #cceded;
  display: inline-block;
  width: 100%; }

.now-nav {
  background: #ddf6f7;
  display: inline-block;
  width: 100%;
  padding: 12px 10px;
  box-sizing: border-box;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  color: #249194; }

.left-nav-list {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.left-nav-list > li {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #cceded;
  color: #666;
  font-size: 14px; }

.left-nav-list > li > a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  padding: 10px;
  color: #666;
  box-sizing: border-box;
  outline: none; }

.left-nav-list > li.active > a,
.left-nav-list > li:hover > a,
.left-nav-list > li.active .titleSubNav {
  color: #2cb0b4; }

.left-nav-list > li.active .titleSubNav {
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif; }

.left-nav-list > li:last-child {
  border-bottom: none; }

.left-nav-back {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #cceded;
  font-size: 13px; }

.left-nav-back > a {
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  text-decoration: none;
  color: #666; }

.subList {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.left-nav-list > li.active .subList {
  display: inline-block; }

.subList > li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box; }

.subList > li a {
  display: inline-block;
  width: 100%;
  padding: 8px 10px 8px 20px;
  text-decoration: none;
  color: #666;
  box-sizing: border-box; }

.subList > li.active a,
.subList > li:hover a {
  color: #2cb0b4; }

.wrapTitleSubNav {
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  cursor: pointer; }

.titleSubNav {
  display: inline-block;
  width: 80%;
  float: left; }

.iconSubNav {
  display: inline-block;
  width: 20%;
  float: right;
  text-align: right; }

.hide {
  display: none; }

.link {
  text-decoration: underline;
  color: #333; }

.link:hover {
  color: #238C90; }

.icon-p-8 {
  padding: 0 8px;
  color: #666;
  text-indent: initial;
  line-height: 0;
  display: inline-block; }

.text-bottom {
  vertical-align: text-bottom; }

figure {
  margin: 0;
  margin-bottom: 24px; }

figcaption {
  text-align: center;
  font-style: italic;
  font-size: 13px;
  color: #666; }

.border-circle {
  border: 1px solid #666;
  background: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  font-size: 12px; }

.border-rounded-rectangle {
  border: 1px solid #aaa;
  background: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 24px;
  font-size: 12px; }

.verifiedBadge {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  line-height: 0; }

.verifiedBadge i {
  position: relative; }

.verifiedBadge i i {
  color: #fff;
  position: absolute;
  left: 0;
  font-size: 9px;
  width: 17px;
  text-align: center;
  top: 25%; }

.companyBadge {
  color: #03afb1; }

.personBadge {
  color: #f60; }

.mLeft-32 {
  margin-left: 32px; }

.text-underline {
  text-decoration: underline; }

.content-box-page a {
  color: #03afb1;
  text-decoration: underline; }

table {
  width: 100%; }

table td {
  background: #f6f6f6;
  border: 2px solid #fff;
  padding: 10px 8px; }

.space-32 {
  margin-bottom: 32px; }

.iconInP {
  text-indent: 0;
  margin: 0 8px; }

.lineButton:before {
  content: "\6f";
  display: inline-block;
  font-family: "ng-font";
  font-size: 8px;
  line-height: 16px;
  margin: 0 auto;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  text-indent: 0; }

.ShareSocialLine {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: #666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  position: relative;
  margin: 0 8px -1px; }

@media screen and (min-width: 480px) {
  .logo {
    width: 40%; }

  .menu-profile {
    width: 30px; }

  .img-profile img {
    height: 30px;
    width: 30px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px; }

  .logo {
    margin: 0; } }
@media screen and (min-width: 600px) {
  .logo {
    width: 30%; }

  .title-page {
    margin: 48px 0 0 0;
    font-size: 36px; }

  .box-search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 16px;
    color: #999; }

  .box-search input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 16px;
    color: #999; }

  .box-search input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 16px;
    color: #999; }

  .box-search input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 16px;
    color: #999; }

  .list-help {
    width: 48%;
    float: left;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 24px; }

  .list-help:nth-child(even) {
    margin-right: 0;
    margin-left: 2%; }

  .manage-icon {
    margin: -10px 0 8px 0; }

  .list-help-text {
    font-size: 14px; } }
@media screen and (min-width: 760px) {
  .content-box {
    width: 750px; }

  .box-search {
    margin: 14px auto 24px; }

  .list-help-text {
    font-size: 20px; }

  .wrap-list-help {
    margin: 70px 0; }

  .signup-bt {
    margin-right: 13px; }

  .wrap-box-content {
    top: 50%;
    margin: 0;
    -ms-transform: translate(-50%, -55.1%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -55.1%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -55.1%);
    width: 320px; }

  .signin-bt-text {
    font-size: 1em; }

  .signup-bt {
    margin-right: 12px; }

  .dialog-large {
    /*margin: -175px 0 0 -350px;*/
    width: 700px; }

  .detail-dialog-max-height500 {
    max-height: 400px; }

  .g-recaptcha {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }
@media screen and (min-width: 1100px) {
  .content-box {
    width: 1000px; }

  .logo {
    width: 200px; }

  .title-page {
    margin: 80px 0 40px 0; }

  .box-search {
    height: 56px;
    line-height: 58px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    border-radius: 28px; }

  .box-search input {
    line-height: 58px; }

  .box-search button {
    height: 56px;
    line-height: 58px; }

  .title-page {
    font-size: 40px; }

  .list-help {
    width: 317px;
    height: 200px;
    margin-right: 24px; }

  .list-help:nth-child(even) {
    margin-right: 24px;
    margin-left: 0; }

  .list-help:nth-child(3),
  .list-help:nth-child(6),
  .list-help:nth-child(9),
  .list-help:nth-child(12),
  .list-help:nth-child(15) {
    margin-right: 0;
    margin-left: 0; }

  .list-help:nth-child(4),
  .list-help:nth-child(7),
  .list-help:nth-child(10),
  .list-help:nth-child(13),
  .list-help:nth-child(16) {
    margin-left: 0;
    margin-right: 24px; }

  .list-help-icon {
    font-size: 44px;
    line-height: 0; }

  .list-help-text {
    font-size: 17px;
    line-height: 48px; }

  .list-help a {
    padding: 54px 16px; }

  .col-left {
    float: left;
    width: 230px;
    margin-top: 40px; }

  .col-right {
    float: right;
    width: 750px; }

  .left-nav-list > li > a {
    padding: 14px 10px; }

  .wrapTitleSubNav {
    padding: 12px 10px; }

  .list-help:nth-child(5) .list-help-icon,
  .list-help:nth-child(6) .list-help-icon {
    margin-top: -2px; } }

/*# sourceMappingURL=help-center.css.map */