@import url('https://fonts.google.com/noto/specimen/Noto+Sans+SC');
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

.member_only_overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   color: #ffffff;
   font-family: 'Quicksand', sans-serif;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: opacity 0.25s;
}

.member_only_overlay--blur {
   backdrop-filter: blur(5px);
  box-shadow: 0 0 10px 0 rgb(10, 10, 10);
   border-radius: 5px;
}
/* Grouping James*/
.renew-btn {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.renew-btn:hover .renew-btn-slide-show-text1 {
  margin-left: 65px;
}
.renew-btn-moving-gradient {
  color: rgb(255, 255, 255);
  cursor: pointer;
  background-size: 300% 100%;
  padding: 6px 18px;
  border-radius: 50px;
  line-height: 1.2;
  width: auto;
  text-decoration: none;
}
.renew-btn-moving-gradient:hover {
  transition: all 0.5s ease-in-out 0s;
  background-position: 100% 0;
}
.renew-btn-moving-gradient--orange {
  background-image: linear-gradient(90deg, rgb(255, 132, 0), rgb(255, 191, 0), rgb(255, 174, 0), rgb(251, 176, 59));
  box-shadow: rgb(204, 153, 0) 0 4px 15px 0;
}

.member_only_overlay > * {
   transform: translateY(20px);
   transition: transform 0.25s;
}

.member_only_overlay:hover {
   opacity: 1;
}

.member_only_overlay:hover > * {
   transform: translateY(0);
}

.member_only_title {
   font-size: 2em;
   font-weight: bold;
}

.member_only_description {
   font-size: 1.25em;
   margin-top: 0.25em;
}
.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}


.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.nav_link {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #051638;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}

.nav_link:hover {
  color: #14adf6;
}

.nav_link.nav_dd_toggle {
  padding-right: 0;
  padding-left: 0;
  float: left;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
  color: #43c3f2;
  cursor: pointer;
}

.navbar {
  z-index: 1200;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  background-color: transparent;
}

.brand {
  width: 9%;
  max-width: 112px;
}

.brand:hover {
  opacity: 0.7;
}

.container_1180 {
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.container_1180.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95vw;
  padding-top: 24px;
  padding-bottom: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
}

.wrapper {
  width: 100%;
}

.wrapper.c_020e2d {
  background-color: #020e2d;
}

.wrapper.c_2149a5 {
  padding-top: 42px;
  padding-bottom: 32px;
  background-color: #2149a5;
}

.wrapper.c_f3f3f3 {
  background-color: #f3f3f3;
}

.wrapper.c_ee6c39 {
  background-color: #ee6c39;
  color: #fff;
}

.footer_col_33 {
  width: auto;
}

.footer_h2 {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #ee6c39;
  font-size: 28px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
}

.footer_link {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
}

.footer_link:hover {
  color: #ee6c39;
}

.footer_ul {
  padding-top: 18px;
  padding-bottom: 23px;
  padding-left: 17px;
  color: #ee6c39;
  list-style-type: square;
}

.footer_li {
  padding-top: 8px;
  padding-bottom: 8px;
}

.footer_col_100 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 88px;
  padding-bottom: 35px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footnotes_payment .payment-icon {
  width: 38px;
  height: 24px;
  border-radius: 4px;
}

.footer_contact i {
  margin-right: 4px;
  font-size: 20px;
  vertical-align: middle;
}

.footer_contact a {
  text-decoration: none;
  color: #ffffff;
}

.footer_link_wrapper {
  width: 50%;
}

.footnotes_wrapper {
  /*width: 75%;*/
  /*float: left;*/
  display: flex;
  justify-content: space-between;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
}

.footnotes_payment {
  padding: 2.5px;
  height: 30px
}

.footnotes {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4;
}

.footnotes_link_each {
  color: #fff;
  text-decoration: none;
}

.footnotes_link_each:hover {
  color: #afc5f8;
}

.footnotes_link {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4;
}

.footnotes_slogan {
  width: 25%;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 700;
  text-align: right;
}

.b2t {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  width: 44px;
  height: 44px;
  padding: 10px;
  background-color: #0e1f78;
}

.b2t:hover {
  background-color: #2149a5;
}

.sidebar_wrapper {
  width: 19%;
  margin-right: 1%;
  padding-top: 15px;
  padding-bottom: 11%;
  padding-left: 15px;
  float: left;
  border-radius: 12px;
  background-color: #f3f3f3;
}

.content_wrapper {
  position: relative;
  width: 79%;
  margin-left: 1%;
  float: left;
}

.main_wrapper {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar_bg {
  position: relative;
  margin-right: 15px;
  padding-top: 33.25%;
  border-radius: 12px;
  background-color: #14adf6;
  background-image: url('../images/account_sidebar_p.svg');
  background-position: 100% 50%;
  background-size: 100px;
  background-repeat: no-repeat;
}

.sidebar_title {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #f3f3f3;
  font-size: 38px;
  line-height: 0.9;
  font-weight: 400;
  text-shadow: 6px 0 6px rgba(0, 0, 0, 0.19);
}

.sidebar_menu {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 0;
  list-style-type: none;
}

.sidebar_link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 7px 17px 7px 19px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #686868;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
}

.sidebar_link:hover {
  color: #ee6c39;
}

.sidebar_link.current {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #fff;
  color: #ee6c39;
  font-weight: 500;
}

.sidebar_icon {
  width: 22px;
  margin-right: 8px;
}

.page_title {
  margin-bottom: 25px;
  padding-left: 12px;
  border-left: 5px solid #f28339;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #4d4a48;
  font-size: 24px;
  line-height: 0.9;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.page_title.search {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/search_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.page_title.suggested {
  margin-bottom: 30px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/lightblub.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #575757;
}

.page_title.possible {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/possible_icon.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #575757;
}

.page_title.order_num {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 65px;
  border-left-style: none;
  background-image: url('../images/orderNum.svg');
  background-position: 0 50%;
  background-size: 42px 43px;
  background-repeat: no-repeat;
  line-height: 1.4;
}

.page_title.h3 {
  font-size: 20px;
}

.page_title.subdomain {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 50px;
  border-left-style: none;
  background-image: url('../images/subdomain_icon.svg');
  background-position: 0 50%;
  background-size: 38px;
  background-repeat: no-repeat;
  color: #575757;
}

.page_title.current_domain {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 59px;
  border-left-style: none;
  background-image: url('../images/current_domain_icon.svg');
  background-position: 0 50%;
  background-size: 49px;
  background-repeat: no-repeat;
  color: #575757;
}

.page_title.mt-3 {
  margin-top: 3px;
}

.page_title.mt-3.mb-15 {
  margin-bottom: 15px;
}

.page_title.transfer {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 36px;
  border-left-style: none;
  background-image: url('../images/transfer_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.page_title.info {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 36px;
  border-left-style: none;
  background-image: url('../images/general_info_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.page_title._21pt {
  font-size: 21px;
}

.page_title._21pt.normal {
  font-weight: 400;
}

.page_title._21pt.mb-40 {
  margin-bottom: 40px;
}

.page_title._21pt.orange.mb-20 {
  margin-bottom: 20px;
}

.page_title._21pt.orange.mb-10 {
  margin-bottom: 10px;
}

.page_title._21pt.orange.mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.page_title._21pt.orange.mt-0 {
  margin-top: 0;
  padding-top: 0;
}

.page_title._21pt.orange.mt-0.mb-10 {
  padding-bottom: 0;
}

.page_title.orange {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
  border-left-style: none;
  color: #ee6c39;
}

.page_title.orange._21pt.mb-10 {
  margin-bottom: 10px;
}

.page_title.orange.mb-10 {
  margin-bottom: 10px;
}

.page_title._14pt {
  font-size: 14px;
}

.page_title._18pt {
  font-size: 18px;
}

.page_title._24pt.orange.mb-10 {
  margin-bottom: 10px;
}

.page_title._24pt.orange.mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.page_title._16pt.orange.mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.page_title._16pt.orange.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.page_title._16pt.orange.mt-10.mb-4 {
  margin-bottom: 4px;
}

.domain_status_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  align-content: center;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #4d4a48;
}

.domain_status_row.th {
  /*padding-left: 4%;*/
  /*display: block*/
}

.domain_status_blk_left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;

  border-left: 1px solid #bbbdc4;
  padding-left: 2%;
}

.domain_status_blk_left.th {
  display: block;
  width: 40%;
}

.domain_status_blk_tick.th {
  display: block;
  width: 7.2%;
}

.domain_status_blk_tick {
  width: 5%;
  display: flex;
}

.domain_status_blk_tick .check {
  margin: 0;
  cursor: pointer;
  width: 20px
}

.domain_status_blk_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.domain_status_blk_right.th {
  display: block;
  width: 37.3%;
}

.domain_status_blk_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19%;
  margin-right: 3%;
  margin-left: 3%;
  padding-left: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #bbbdc4;
  border-left: 1px solid #bbbdc4;
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
}

.domain_status_blk_center.th {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19.1%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.domain_status_name {
  width: 100%;
  padding-bottom: 3px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
}

.domain_status_desc {
  color: #a3a3a3;
  line-height: 1.4;
}

.domain_status_color {
  display: inline-block;
  width: auto;
  padding: 6px 18px;
  border-radius: 30px;
  background-color: #dfdfdf;
  color: #fff;
  line-height: 1.2;
}

.domain_status_color.lightred {
  width: auto;
  background-color: #ff9999;
}

.domain_status_color.red {
  background-color: #fa3800;
}

.domain_status_color.green {
  background-color: #50C878;
}

.domain_status_color.black {
  background-color: #787e80;
}

.domain_dd_toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d4a48;
  text-decoration: none;
}

.domain_dd_toggle:hover {
  color: #f28339;
  text-decoration: underline;
}

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

.dd_arrow {
  width: 9px;
  margin-left: 8px;
}

.domain_status_color_wrapper {
  width: 43%;
  white-space: nowrap;
}

.domain_status_each {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 17px 2% 19px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  box-shadow: 1px 1px 11px -1px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  cursor: pointer;
}

.domain_status_each:hover {
  background-color: rgb(184,182,236,0.03);
  box-shadow: 0 0 10px #9ecaed;

}

.checked_color, .checked_color:hover {
  background-color: rgb(184,182,236,0.20);
  box-shadow: 0 0 10px #9ecaed;
}

.div-block-14 {
  margin-top: 15px;
  border-top: 1px solid #d9d9d9;
}

.dns_form {
  position: relative;
  display: none;
  margin-top: 15px;
  margin-bottom: 0;
  padding-right: 2%;
  padding-left: 2%;
  border-top: 1px solid #d9d9d9;
}

.form_inner {
  width: 100%;
  padding-top: 12px;
}

.form_inner.manage {
  margin-left: -1%;
}

.form_inner.flex_lc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.globe_input {
  border-style: solid;
  border-width: 1px;
  border-color: #f7f7f7;
  border-radius: 12px;
  box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.08);
}

.globe_input.thick-border {
  padding: 28px 29px;
  border-color: #d9d9d9;
  background-color: transparent;
}

.globe_input.thick-border._24pt {
  font-size: 24px;
  font-weight: 700;
}

.globe_input.thick-border._24pt {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 24px;
  line-height: 1;
}

.globe_input.thick-border._24pt.relative {
  position: relative;
}

.globe_input.thick-border._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.globe_input.thick-border._18pt {
  padding-right: 21px;
  padding-left: 21px;
  font-size: 18px;
  line-height: 1.4;
}

.globe_input.thick-border._18pt.captcha {
  width: 84%;
  margin-right: 20px;
}

.globe_input.thick-border._18pt.solid {
  background-color: #fff;
}

.globe_input.thick-border._18pt.inline.col_745 {
  width: 74.5%;
}

.globe_input.thick-border._18pt.col_20 {
  width: 20%;
}

.globe_input.thick-border._18pt.col_70 {
  width: 70%;
  margin-left: 10px;
}

.globe_input.thick-border._18pt.bg_fff {
  background-color: #fff;
}

.globe_input.thick-border._18pt.bg_fff.radius_50 {
  border-radius: 50px;
}

.globe_input.thick-border.whitebg {
  background-color: #fff;
}

.globe_input.thick-border.whitebg._18pt.rounded {
  padding-left: 28px;
  border-color: #fff;
  border-radius: 50px;
}

.globe_input.thick-border._18pt.bg_fff.input:hover {
  background-color: rgba(0, 187, 255, 0.15);
  border-color: darkblue;
}

.globe_input.input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 5px #90bafb;
}

.globe_input.input {
  transition: border-color 0.1s ease, box-shadow 0.1s ease;
  outline: none;
}
.globe_input.thick-border.col_30 {
  width: 30%;
}

.globe_input.thick-border.col_30.mh-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.globe_input.thick-border._14px {
  padding: 13px;
  font-size: 14px;
}

.globe_input.thick-border._14px.min-height-120 {
  min-height: 120px;
}

.globe_input.thin-border {
  border-color: #d9d9d9;
}

.globe_input.thin-border.col_20 {
  width: 20%;
}

.globe_input.thin-border.col_80 {
  width: 80%;
}

.globe_input.thin-border.col_738 {
  width: 73.8%;
}

.globe_input.thin-border.col_50 {
  width: 50%;
}

.globe_input.thin-border.col_30 {
  width: 30%;
}

.globe_input.inline.col_30 {
  width: 30%;
}

.globe_input.inline.col_30.mh-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.form_title_txt {
  display: inline-block;
  width: auto;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #14adf6;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.form_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-label {
  display: inline-block;
  margin-bottom: 10px;
  color: #4d4a48;
}

.savebtn {
  margin-left: 16px;
  padding: 4px 27px;
  border-radius: 30px;
  background-color: #14adf6;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.savebtn:hover {
  background-color: #4dc4fd;
}

.savebtn.absolute_right_bottom {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  margin-right: 15px;
  margin-bottom: 9px;
}

.form_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form_row.col_75 {
  width: 75%;
  white-space: nowrap;
}

.form_row.col_25 {
  width: 25%;
}

.form_row.flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.form_row.th {
  border-bottom: 1px solid #ee6c39;
}

.form_row.th.p-lr-2p {
  border-bottom-style: none;
}

.form_row.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.form_row.mtb-20.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form_row.mtb-20.flex-btm {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.form_row.p-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.form_row.p-lr-2p {
  padding-right: 2%;
  padding-left: 2%;
}

.form_row.stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.form_row.m_hor.mh-6 {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form_row.m_hor.mh-6.m_vertical.mv-20 {
  padding-bottom: 20px;
}

.form_row.underline {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebeb;
}

.form_row.underline:hover {
  opacity: 1;
}

.form_row.underline.last {
  border-bottom-style: none;
}

.form_row.underline.mv-20 {
  padding-bottom: 20px;
}

.form_row.underline.ma-20 {
  padding: 20px;
}

.form_row.underline.strech {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.form_row.underline.strech.last {
  border-bottom-style: none;
}

.form_row.underline.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form_row.mh-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.form_row.mh-20.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.form_row.mh-6 {
  padding-right: 6px;
  padding-left: 6px;
}

.form_row.mh-6.mb-0 {
  padding-bottom: 0;
}

.form_row.mv-20 {
  padding-top: 20px;
  padding-bottom: 12px;
}

.form_row.full-width {
  width: 104%;
  margin-bottom: -27px;
  margin-left: -2%;
  padding: 25px 2% 60px;
}

.form_row.full-width.bg_f8f8f8 {
  padding-right: 2%;
  padding-left: 2%;
  border-top: 1px solid #d9d9d9;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #f8f8f8;
}

.form_row.full-width.bg_f8f8f8.mt-20.opm {
  padding-top: 10px;
  padding-bottom: 20px;
}

.form_row.full-width.bg_14adf6 {
  margin-top: -18px;
  margin-bottom: 0;
  padding-right: 2%;
  padding-bottom: 25px;
  padding-left: 2%;
  border-top: 1px solid #d9d9d9;
  border-radius: 12px 12px 0 0;
  background-color: #14adf6;
}

.form_row.full-width.bg_14adf6.th {
  width: 104.1%;
  margin-top: -18px;
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom-style: none;
  border-radius: 12px 12px 0 0;
}

.form_row.full-width.bg_14adf6.mh-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.form_row.full-width.bg_0371ec {
  margin-top: -18px;
  margin-bottom: 0;
  padding-right: 2%;
  padding-bottom: 25px;
  padding-left: 2%;
  border-top: 1px solid #d9d9d9;
  border-radius: 12px 12px 0 0;
  background-color: #0371ec;
}

.form_row.full-width.bg_0371ec.th {
  width: 104.1%;
  margin-top: -18px;
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom-style: none;
  border-radius: 12px 12px 0 0;
}

.form_row.full-width.bg_0371ec.th.mv-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.form_row.full-width.bg_0371ec.th.mv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form_row.full-width.bg_0371ec.mh-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.form_row.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.form_row.left.mv-20 {
  padding-bottom: 20px;
}

.form_row.left.mv-20.mb-40 {
  padding-bottom: 40px;
}

.form_row.left.mh-2p {
  padding-right: 2%;
  padding-left: 2%;
}

.form_row.mb-30 {
  margin-bottom: 30px;
}

.form_row.underline_df1021 {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #df1021;
}

.form_row.underline_df1021:hover {
  opacity: 1;
}

.form_row.underline_df1021.last {
  border-bottom-style: none;
}

.form_row.underline_df1021.mt-60 {
  margin-top: 60px;
}

.form_row.mt-20 {
  margin-top: 20px;
}

.form_row.col_50 {
  width: 50%;
  margin-right: 2%;
  margin-left: 2%;
}

.form_row.ma-20 {
  padding: 20px;
}

.form_row.mv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.form_row.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form_row.right.mv-20._22pt {
  font-size: 22px;
}

.form_row.right.mv-20._22pt.bold {
  font-weight: 700;
}

.form_row.right.mv-20._22pt.bold.mr-2p {
  padding-right: 2%;
}

.form_row.right.mv-20.mb-40 {
  padding-bottom: 40px;
}

.form_row.right.mb-20 {
  margin-bottom: 20px;
}

.form_row.right.mb-40 {
  margin-bottom: 40px;
}

.form_row.flex-top {
  max-height: 174px;
}

.form_row.flex-top.topline {
  border-top: 1px solid #d7d8dd;
}

.form_row.flex-top.paymentmethods {
  max-height: none;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form_row.mv-12 {
  color: #706f6f;
}

.morebtn {
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #b9b9b8;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.25px;
  text-decoration: none;
}

.text-span {
  position: relative;
  top: 2px;
  margin-right: 2px;
  font-size: 23px;
}

.form_date {
  display: inline-block;
  padding-left: 24px;
  background-image: url('../images/clock.svg');
  background-position: 0 0;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  color: #949393;
  line-height: 1.2;
}

.manage_form {
  display: none;
  margin-top: 15px;
  margin-bottom: 0;
  padding-right: 2%;
  padding-left: 2%;
  border-top: 1px solid #d9d9d9;
}

.checkbox {
  display: none;
}

.slider.round {
  padding: 0;
}

.div-block-17 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.div-block-17:hover {
  opacity: 0.79;
}

.manage_form_each {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 31%;
  margin: 15px 1%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.manage_form_label {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  background-image: url('../images/dnssec_icon.svg');
  background-position: 0 2px;
  background-size: 23px 21px;
  background-repeat: no-repeat;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.manage_form_label.forward {
  background-image: url('../images/forward_icon.svg');
  background-size: 23px 23px;
}

.manage_form_label.dnssec {
  background-image: url('../images/dnssec_icon.svg');
}

.manage_form_label.lock {
  background-image: url('../images/hklock_icon.svg');
  background-size: 19px 23px;
}

.manage_form_label.parking {
  background-image: url('../images/parking_icon.svg');
  background-size: 22px 23px;
}

.manage_form_label.minisite {
  background-image: url('../images/minisite_icon.svg');
  background-size: 24px 22px;
}

.manage_form_label.hosting {
  background-image: url('../images/dnsHosting_icon.svg');
  background-size: auto 23px;
}

.domain_arrow {
  width: 12px;
  margin-right: 5%;
  margin-left: 5%;
}

.manage_form_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 104%;
  margin-left: -1%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.buybtn {
  padding: 4px 13px;
  border-radius: 30px;
  background-color: #14adf6;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.buybtn:hover {
  background-color: #4dc0f6;
}

.activationbtn {
  padding: 4px 13px;
  border-radius: 30px;
  background-color: #40d0d0;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.activationbtn:hover {
  background-color: #49ecec;
}

.lb_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lb_wrapper.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.lb_wrapper.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.lb_inner {
  width: 90vw;
  max-width: 720px;
  min-height: 20vh;
  padding: 50px 40px 32px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: hsla(0, 0%, 100%, 0.95);
  text-align: center;
}

.lb_title {
  margin-bottom: 32px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #14adf6;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;
}

.lb_content {
  width: 100%;
  max-width: 604px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 700;
}

.lb_btn {
  margin-right: 2%;
  margin-left: 2%;
  padding: 12px 42px 12px 56px;
  border-radius: 100px;
  background-color: #ddd;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
}

.lb_btn.yes {
  background-color: #05c487;
}

.lb_btn.yes:hover {
  opacity: 0.7;
}

.lb_btn.no {
  background-color: #fa3800;
}

.lb_btn.no:hover {
  opacity: 0.7;
}

.lb_btn.ok {
  padding-right: 56px;
  background-color: #05c487;
}

.lb_btn.ok:hover {
  opacity: 0.7;
}

.text-block-13 {
  padding-right: 0;
}

.text-block-13.yes {
  padding-right: 28px;
  background-image: url('../images/yes_icon.svg');
  background-position: 100% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.text-block-13.no {
  padding-right: 28px;
  background-image: url('../images/no_icon.svg');
  background-position: 100% 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.preloader.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.preloader.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.lottie-animation {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.preloader_lottie {
  width: 20%;
  margin-right: auto;
  margin-left: auto;
}

.preloader_content {
  width: 100%;
  max-width: 564px;
  margin: 32px auto;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 700;
}

.preloader_inner {
  width: 90vw;
  max-width: 720px;
  min-height: 20vh;
  padding: 50px 40px 32px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: hsla(0, 0%, 100%, 0.95);
  text-align: center;
}

.text-block-14 {
  display: inline-block;
  padding-bottom: 5px;
  color: #ee6c39;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.div-block-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-size: 16px;
}

.sort_arrow {
  width: 10px;
  margin-left: 4px;
  opacity: 0.2;
}

.sort_arrow:hover {
  opacity: 0.43;
}

.sort_arrow.current {
  opacity: 1;
}

.sort_arrow.asc.current:hover {
  opacity: 0.55;
}

.text-block-15 {
  margin-right: 8px;
}

.domain_status_th.left {
  width: 30%;
}

.domain_status_th.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 18%;
  padding-right: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #bbbdc4;
  border-left: 1px solid #bbbdc4;
}

.domain_status_th.right {
  width: 40%;
}

.domain_status_th_row {
  display: none;
  padding-left: 4%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  align-content: center;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #4d4a48;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.link-block {
  width: 10px;
  margin-left: 4px;
  opacity: 0.2;
}

.account_cart_blk_one {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  margin-right: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #d7d8dd;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.account_cart_blk_one.th {
  display: block;
  width: 33.2%;
}

.account_cart_blk_two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 17%;
  margin-right: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #d7d8dd;
}

.account_cart_blk_two.th {
  display: block;
  width: 33.2%;
}

.account_cart_blk_three {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 21%;
  margin-right: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #d7d8dd;
}

.account_cart_blk_three.th {
  display: block;
  width: 33.2%;
}

.account_cart_blk_four {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 17%;
  margin-right: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.account_cart_blk_four.th {
  display: block;
  width: 33.2%;
}

.account_cart_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  align-content: center;
  border-bottom: 1px solid #ebebeb;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #4d4a48;
}

.account_cart_row.th {
  padding: 0 2% 0 4%;
  border-bottom-style: none;
}

.account_status_blk {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 17px 2% 19px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  box-shadow: 1px 1px 11px -1px rgba(0, 0, 0, 0.08);
}

.step_bar_wrapper {
  padding-top: 16px;
  padding-bottom: 81px;
}

.step_title {
  padding-top: 42px;
  padding-bottom: 42px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #0371ec;
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.step_bar {
  overflow: hidden;
  width: 100%;
  border-radius: 7px 0 0 7px;
  background-color: #fff;
  box-shadow: -6px 0 3px -3px rgba(0, 0, 0, 0.16);
}

.step_each {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  height: 66px;
  padding-right: 21px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #c7c7c7;
  line-height: 1.1;
  font-weight: 700;
}

.step_each.current {
  background-color: #0371ec;
  color: #fff;
}

.step_each.minisite {
  width: 16.66%;
  color: #ee6c39;
}

.step_each.minisite.current {
  color: #fff;
}

.step_num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 11px;
  padding: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #c7c7c7;
  color: #fff;
}

.step_num.current {
  background-color: #ee6c39;
}

.div-block-20 {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 140px;
}

.div-block-20.f2f2f2 {
  padding-bottom: 60px;
  background-color: #f2f2f2;
}

.div-block-20.f2f2f2.mv-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.searchbtn {
  position: absolute;
  right: 0;
  margin-right: 35px;
  padding: 7px 31px 7px 38px;
  border-radius: 20px;
  background-color: #ee6c39;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  text-decoration: none;
}

.searchbtn:hover {
  background-color: #ffa75f;
}

.searchbtn.xs {
  margin-right: 13px;
  padding: 10px;
}

.searchbtn.center {
  position: static;
  padding-top: 9px;
  padding-bottom: 9px;
}

.searchbtn.black {
  margin-right: 23px;
  padding: 16px;
  background-color: transparent;
  background-image: url('../images/searchBtn_000_icon.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.div-block-21 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
}

.div-block-21.bundle {
  width: 80%;
  margin-right: 16px;
  margin-bottom: 0;
  margin-left: 16px;
}

.search-txt-field {
  position: absolute;
  left: 0;
  right: 0;
  margin-bottom: 0;
  padding: 34px 32px 35px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.06);
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.search-txt-field.bundle {
  padding-top: 27px;
  padding-bottom: 27px;
  border-color: transparent;
  border-radius: 50px;
}

.page_btn {
  display: inline-block;
  margin-right: 2%;
  margin-left: 2%;
  padding: 14px 80px;
  border-radius: 80px;
  background-color: #ee6c39;
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 1px;
  text-decoration: none;
}

.page_btn:hover {
  background-color: #f7a253;
}

.page_btn.mh-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.page_btn.mh-40.pay_later {
  background-color: #858585;
}

.page_btn.mh-40.pay_later:hover {
  background-color: silver;
}

.page_btn.reset {
  background-color: #858585;
}

.page_btn.reset:hover {
  background-color: silver;
}

.page_btn.grey {
  background-color: #858585;
}

.page_btn.grey:hover {
  background-color: silver;
}

.page_btn.grey.save_edit {
  padding-right: 63px;
  padding-left: 63px;
}

.page_btn.modify_admin {
  background-color: #40d0d0;
}

.page_btn.modify_admin:hover {
  background-color: #57f1f1;
}

.page_btn.changeSchedule {
  background-color: #14adf6;
}

.page_btn.changeSchedule:hover {
  background-color: #48e0ff;
}

.page_btn.changeSchedulePending {
  background-color: #14adf6;
}

.page_btn.changeSchedulePending:hover {
  background-color: #48e0ff;
}

.page_btn.request_unlock {
  background-color: #14adf6;
}

.page_btn.request_unlock:hover {
  background-color: #48e0ff;
}

.page_btn.modify {
  background-color: #14adf6;
}

.page_btn.modify:hover {
  background-color: #3cbefc;
}

.page_btn.blue {
  background-color: #14adf6;
}

.page_btn.blue:hover {
  background-color: #4ccfff;
}

.page_btn.green {
  background-color: #17ce1b;
}

.page_btn.green.preview {
  padding-right: 66px;
  padding-left: 74px;
}

.page_btn.green.preview:hover {
  background-color: #18e025;
}

.page_btn.green.publish {
  padding-right: 65px;
}

.page_btn.publish {
  background-color: #40d0d0;
}

.page_btn.publish:hover {
  opacity: 0.67;
}

.page_btn.purple {
  background-color: #593dd4;
}

.page_btn.purple.save_edit {
  padding-right: 53px;
  padding-left: 60px;
}

.page_btn.purple.save_edit:hover {
  opacity: 0.65;
}

.page_btn.mh-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.page_btn.mh-60.pay_later {
  background-color: #858585;
}

.page_btn.mh-60.pay_later:hover {
  background-color: silver;
}

.div-block-22 {
  margin-top: 100px;
  text-align: center;
}

.page_btn_txt {
  padding-right: 29px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.page_btn_txt.cart {
  padding-right: 34px;
  background-image: url('../images/cart_w_icon.svg');
  background-position: 98% 50%;
  background-size: 21px 22px;
}

.page_btn_txt.checkout {
  background-image: url('../images/cart_check.svg');
  background-size: 19px 20px;
}

.page_btn_txt.reset {
  background-image: url('../images/reset.svg');
  background-size: 19px 20px;
}

.page_btn_txt.pay_later {
  background-image: url('../images/cart_w_icon.svg');
  background-size: 19px 20px;
}

.page_btn_txt.details {
  background-image: url('../images/details_icon.svg');
  background-size: 20px 20px;
}

.page_btn_txt.login {
  padding-right: 35px;
  background-image: url('../images/login_icon.svg');
  background-position: 98% 50%;
  background-size: 25px 25px;
}

.page_btn_txt.save {
  background-image: url('../images/login_icon.svg');
  background-size: 18px 18px;
}

.page_btn_txt.download {
  background-image: url('../images/download_button.svg');
  background-size: 18px 18px;
}

.page_btn_txt.cancel {
  background-image: url('../images/no_icon.svg');
  background-size: 16px 16px;
}

.page_btn_txt.modify_service {
  padding-right: 32px;
  background-image: url('../images/mod_service_w_icon.png');
  background-size: 19px;
}

.page_btn_txt.modify_admin {
  padding-right: 35px;
  background-image: url('../images/mod_admin_w_icon.png');
  background-size: 25px;
}

.page_btn_txt.unlock {
  padding-right: 31px;
  background-image: url('../images/lock_w_icon.png');
  background-size: 17px;
}

.page_btn_txt.change_unlock {
  padding-right: 31px;
  background-image: url('../images/change_unlock_w_icon.png');
  background-size: 17px;
}

.page_btn_txt.modify {
  background-image: url('../images/mod_service_w_icon.png');
  background-size: 18px;
}

.page_btn_txt.previous {
  padding-right: 0;
  padding-left: 29px;
  background-image: url('../images/previous_icon.svg');
  background-position: 0 50%;
  background-size: 18px 18px;
}

.page_btn_txt.preview {
  padding-right: 42px;
  background-image: url('../images/preview_icon.svg');
}

.page_btn_txt.publish {
  padding-right: 37px;
  background-image: url('../images/publish_icon.svg');
  background-size: 24px 24px;
}

.page_btn_txt.save_edit {
  padding-right: 34px;
  background-image: url('../images/saveEdit_icon.svg');
  background-size: 20px 20px;
}

.page_btn_txt.no-bg {
  padding-right: 0;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.page_btn_txt.search {
  background-image: url('../images/searchBtn_icon.svg');
  background-position: 100% 50%;
  background-size: 18px;
}

.page_btn_txt.none {
  padding-right: 0;
  background-image: none;
}

.div-block-23 {
  padding: 34px 32px;
}

.search_result_toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.06);
}

.search_result_toggle.selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.prize_txt {
  margin-right: 16px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.prize_txt.c_ee6c39 {
  color: #ee6c39;
  font-size: 40px;
}

.prize_txt.c_ee6c39.inline {
  display: inline-block;
}

.add_cart {
  padding: 7px 19px 7px 23px;
  border-radius: 40px;
  background-color: #14adf6;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 400;
  text-decoration: none;
}

.add_cart:hover {
  background-color: #5acaff;
}

.add_cart.xs {
  padding: 19px 20px 17px 16px;
  background-image: url('../images/cart_add.svg');
  background-position: 45% 50%;
  background-size: 19px 20px;
  background-repeat: no-repeat;
}

.div-block-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart_globe_txt {
  width: 100%;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
}

.cart_globe_txt.checked {
  padding-bottom: 3px;
  padding-left: 36px;
  background-image: url('../images/blue_check.svg');
  background-position: 0 9px;
  background-size: 22px;
  background-repeat: no-repeat;
  color: #ee6c39;
}

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

.cart_globe_txt.orange {
  color: #ee6c39;
}

.cart_globe_txt.orange.m_th {
  display: none;
}

.div-block-26 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.add_cart_txt {
  padding-top: 5px;
  padding-right: 22px;
  padding-bottom: 5px;
}

.search_result_each {
  margin-top: 25px;
  margin-bottom: 25px;
}

.search_result_list {
  position: relative;
  display: none;
  width: 100%;
  padding: 23px 29px 13px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f8f8f8;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-weight: 700;
}

.search_result_service_each {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 46%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2%;
  padding-right: 2%;
  float: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #000;
}

.search_result_service_col50 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search_result_service_wrapper {
  width: 104%;
  margin-left: -2%;
  padding-top: 3px;
  padding-bottom: 5px;
}

.search_form_label {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  background-image: url('../images/dnssec_icon.svg');
  background-position: 0 2px;
  background-size: 23px 21px;
  background-repeat: no-repeat;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.search_form_label.forward {
  background-image: url('../images/forward_icon.svg');
  background-size: 23px 23px;
}

.search_form_label.dnssec {
  background-image: url('../images/dnssec_icon.svg');
}

.search_form_label.lock {
  background-image: url('../images/hklock_icon.svg');
  background-position: 0 3px;
  background-size: 19px 23px;
}

.search_form_label.parking {
  background-image: url('../images/parking_icon.svg');
  background-size: 22px 23px;
}

.search_form_label.minisite {
  background-image: url('../images/minisite_icon.svg');
  background-position: 0 4px;
  background-size: 24px 22px;
}

.search_form_label.hosting {
  background-image: url('../images/dnsHosting_icon.svg');
  background-size: auto 23px;
}

.qmark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 17px;
  height: 17px;
  margin-left: 7px;
  padding-bottom: 1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #40d0d0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  text-decoration: none;
}

.qmark:hover {
  background-color: #49f5ec;
}

.div-block-32 {
  background-color: #ee6c39;
}

.submit-button {
  background-color: transparent;
}

.text-block-19 {
  padding-right: 25px;
  background-image: url('../images/searchBtn_icon.svg');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.text-block-19.xs {
  padding-right: 7px;
  padding-left: 7px;
}

.text-block-19.copy {
  background-image: url('../images/copyBtn.svg');
}

.form_col_64 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 64%;
  margin-right: 19.5%;
  padding-top: 20px;
  padding-bottom: 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.form_col {
  display: block;
  width: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form_col.col_32 {
  width: 32%;
}

.form_col.col_14 {
  width: 14%;
}

.form_col.col_50 {
  display: inline-block;
  width: 50%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_50.right {
  text-align: right;
}

.form_col.col_50.m_col_100.m_hor {
  padding-right: 0;
  padding-left: 0;
}

.form_col.col_50.m_col_100.mh-0p {
  padding-right: 0;
  padding-left: 0;
}

.form_col.col_50._17pt {
  font-size: 17px;
}

.form_col.col_50._17pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col.col_50._17pt.bold.c_4d4a48.p-0 {
  padding-right: 0;
  padding-left: 0;
}

.form_col.col_50.hori {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.form_col.col_50.mh-0p {
  padding-right: 0;
  padding-left: 0;
}

.form_col.col_20 {
  display: inline-block;
  width: 20%;
}

.form_col.col_20._17pt {
  font-size: 17px;
}

.form_col.col_48 {
  width: 48%;
}

.form_col.col_48.m_col_100.nowrap {
  white-space: nowrap;
}

.form_col.col_100 {
  width: 100%;
}

.form_col.col_100.mh-28 {
  margin-right: 28px;
  margin-left: 28px;
}

.form_col.col_100._20pt {
  font-size: 20px;
}

.form_col.col_100._20pt.bold {
  font-weight: 700;
}

.form_col.col_100._20pt.bold.right {
  text-align: right;
}

.form_col.col_100._16pt {
  line-height: 1.4;
}

.form_col.col_100.mv-15 {
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_100.mt-20 {
  margin-top: 20px;
}

.form_col.col_100.right {
  text-align: right;
}

.form_col.col_46 {
  width: 46%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_46.mh-0p {
  padding-right: 0;
  padding-left: 0;
}

.form_col.col_18 {
  width: 18%;
}

.form_col.col_18.mh-12 {
  margin-right: 12px;
  margin-left: 12px;
}

.form_col.col_32 {
  width: 32%;
}

.form_col.col_40 {
  width: 40%;
}

.form_col.col_40._17pt {
  font-size: 17px;
}

.form_col.col_40._17pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col.col_28 {
  width: 28%;
}

.form_col.col_44 {
  width: 44%;
}

.form_col.th {
  color: #f28339;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.form_col.th.col_17 {
  width: 17%;
}

.form_col.th.col_21 {
  width: 21%;
}

.form_col.col_31 {
  width: 31%;
  margin-right: 2%;
  margin-left: 2%;
}

.form_col.col_30 {
  width: 30%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_25 {
  width: 25%;
}

.form_col.dual_pw_digi_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 28px;
  margin-left: 28px;
  padding-top: 0;
  padding-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form_col.m_col_100.m_mb-10 {
  margin-bottom: 0;
}

.form_col.col_10 {
  width: 10%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_92 {
  width: 92%;
}

.form_col.col_92._20pt {
  font-size: 20px;
}

.form_col.col_92._20pt.bold {
  font-weight: 700;
}

.form_col.col_92._20pt.bold.right {
  text-align: right;
}

.form_col.col_40 {
  width: 40%;
}

.form_col.col_40.hori {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form_col.col_16 {
  width: 20%;
}

.form_col.col_16.hori {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form_col._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col._18pt.bold {
  font-weight: 700;
}

.form_col._18pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col.bold {
  font-weight: 700;
}

.form_col.col_17 {
  margin-right: 2%;
  margin-left: 2%;
}

.form_col.col_17._17pt {
  font-size: 17px;
}

.form_col.col_39 {
  width: 39%;
}

.form_col.col_60 {
  width: 60%;
  font-size: 17px;
}

.form_col.col_60.m_col_100.nowrap {
  white-space: nowrap;
}

.form_col.col_12 {
  width: 12%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_70 {
  width: 70%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.mh-2p {
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_90 {
  width: 90%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_90._21pt {
  font-size: 21px;
  line-height: 1.4;
}

.form_col.col_90._21pt.bold {
  width: 91%;
}

.form_col.col_91 {
  width: 91%;
  padding-right: 2%;
  padding-left: 2%;
}

.form_col.col_91._21pt {
  font-size: 21px;
  line-height: 1.4;
}

.form_col._24pt {
  font-size: 24px;
  line-height: 1.4;
}

.form_col._24pt.bold.m_18pt {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
}

.form_col.col_21 {
  width: 21%;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
  padding-top: 8px;
}

.divider {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}

.divider.col_96p {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}

.divider.static {
  position: static;
}

.divider.static.mv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.divider.static.mv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 0;
  padding-bottom: 0;
}

.from_col.col_50 {
  width: 50%;
}

.from_col.col_14 {
  width: 14%;
}

.from_col.col_32 {
  width: 32%;
}

.from_col.col_32.relative {
  position: relative;
}

.from_col.th {
  padding-bottom: 15px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #ee6c39;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.from_col.th.col_14.center {
  text-align: center;
}

.from_col.th.col_32.content_wrapper {
  text-align: center;
}

.from_col.th.col_18 {
  width: 18%;
}

.from_col.th.col_36 {
  width: 36%;
}

.from_col.th.col_17 {
  width: 17%;
}

.from_col.th.col_28 {
  width: 28%;
}

.globe_select {
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #f7f7f7;
  border-radius: 12px;
  box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.08);
}

.globe_select.thick-border {
  height: 59px;
  padding-right: 15px;
  padding-left: 15px;
  border-color: #d9d9d9;
  background-color: transparent;
  background-image: url('../images/select_arrow.svg');
  background-position: 88% 56%;
  background-size: 12px 10px;
  background-repeat: no-repeat;
  color: #000;
}

.globe_select.thick-border._24pt {
  padding-left: 22px;
  font-size: 24px;
  font-weight: 700;
}

.globe_select.thick-border._24pt {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 24px;
  line-height: 1;
}

.globe_select.thick-border._18pt {
  padding-right: 21px;
  padding-left: 21px;
  background-position: 96% 56%;
  color: #7e7e7e;
  font-size: 18px;
  line-height: 1.4;
}

.globe_select.thick-border._18pt.solid {
  background-color: #fff;
}

.globe_select.thick-border._18pt.col_70 {
  width: 70%;
  margin-left: 10px;
}

.globe_select.thick-border._17pt {
  height: auto;
  font-size: 17px;
  line-height: 1;
  text-align: center;
}

.globe_select.thick-border._17pt.mt-10 {
  margin-top: 10px;
}

.globe_select.thick-border._17pt.mv-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.globe_select.thick-border._14pt {
  height: 38px;
  padding-right: 12px;
  padding-left: 12px;
  background-position: 96% 56%;
  color: #7e7e7e;
  font-size: 14px;
}

.form_cancel_btn {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 20px;
  background-image: url('../images/form_cancel.svg');
  background-position: 50% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.form_cancel_btn:hover {
  opacity: 0.64;
}

.form_cancel_btn.absolute_right {
  position: absolute;
  right: 0;
}

.form_cancel_btn.absolute_right.m_hide.renew {
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  margin-top: 20px;
}

.form_cancel_btn.right {
  margin-left: 20px;
}

.more_services {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 5px 25px;
  border-radius: 20px;
  background-color: #14adf6;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 1.4;
}

.link {
  color: #fff;
}

.link:hover {
  opacity: 0.7;
}

.cart_item_each {
  padding-top: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid #d6d6d6;
}

.cart_item_each.last {
  border-bottom-style: none;
}

.div-block-33 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-34 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.applybtn {
  margin-left: 16px;
  padding: 6px 27px;
  border-radius: 30px;
  background-color: #40d0d0;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.applybtn:hover {
  background-color: #62eeee;
}

.applybtn.mh-18 {
  padding-right: 18px;
  padding-left: 18px;
}

.removebtn {
  display: inline-block;
  margin-left: 16px;
  padding: 6px 19px;
  border-radius: 30px;
  background-color: #858585;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.removebtn:hover {
  background-color: silver;
}

.text-block-20 {
  display: inline-block;
  margin-right: 20px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.page_btn_wrapper {
  margin-top: 100px;
  text-align: center;
}

.page_btn_wrapper.col_50 {
  display: inline-block;
  width: 60%;
  margin-top: 0;
}

.page_btn_wrapper.col_50.right {
  text-align: right;
}

.page_btn_wrapper.mt-40 {
  margin-top: 40px;
}

.page_btn_wrapper.mt-40.login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page_btn_wrapper.left {
  margin-left: -2%;
  text-align: left;
}

.page_btn_wrapper.left.m_center.mt-40 {
  margin-top: 40px;
}

.page_btn_wrapper.mt-60 {
  margin-top: 60px;
}

.page_btn_wrapper.mt-60.between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 104%;
  margin-left: -2%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page_btn_wrapper.mt-60.right {
  margin-right: -2%;
  text-align: right;
}

.page_btn_wrapper.mt-60.col_50 {
  width: 49.8%;
}

.page_btn_wrapper.right {
  margin-right: -2%;
  text-align: right;
}

.page_btn_wrapper.mt-20 {
  margin-top: 20px;
}

.page_btn_wrapper.mt-20.mb-40 {
  margin-bottom: 40px;
}

.page_btn_wrapper.mv-40 {
  margin-top: 0;
}

.terms_checkfield {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 32px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  line-height: 1.4;
}

.terms_checkfield.absolute-top-left {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}

.terms_checkfield.button {
  margin-right: 0.6%;
  margin-left: 0.6%;
  padding: 7px 43px 10px 59px;
  border-radius: 20px;
  background-color: #fff;
}

.terms_checkfield.ml-9 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 11px;
}

.terms_checkfield.c_000 {
  color: #000;
}

.terms_checkfield.c_000.right {
  padding-left: 0;
}

.terms_checkfield.c_000.right.col_100 {
  width: 100%;
}

.terms_checkfield.mv-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-36 {
  padding-top: 24px;
  padding-bottom: 0;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  line-height: 1.6;
}

.c_ee6c39 {
  color: #ee6c39;
  text-decoration: none;
}

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

.c_ee6c39.underline:hover {
  opacity: 0.76;
}

.c_ee6c39._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.c_ee6c39._17pt.mv_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.c_ee6c39._21pt {
  font-size: 21px;
  line-height: 1.4;
}

.c_ee6c39._21pt.bold.mv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.terms_checkbox {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  margin-left: -29px;
  border-radius: 1px;
  font-size: 15px;
}

.terms_checkbox.w--redirected-checked {
  border-color: #ccc;
  border-radius: 1px;
  background-color: #ee6c39;
}

.terms_checkbox.w--redirected-focus {
  border-color: transparent;
  box-shadow: 0 0 3px 1px #ee6c39;
}

.terms_checkbox.hide {
  display: none;
}

.terms_checkbox.button {
  margin-left: -22px;
}

.terms_checkbox.mt-8 {
  margin-top: 8px;
}

.terms_checkbox.mt-8 {
  margin-top: 8px;
}

.terms_checkbox.right {
  margin-top: 10px;
  margin-left: 20px;
  float: right;
}

.terms_checkbox.right.mt-3 {
  margin-top: 3px;
}

.terms_checkbox.mt-5 {
  margin-top: 5px;
}

.warn_span {
  margin-top: 10px;
  padding-left: 16px;
  background-image: url('../images/warn.svg');
  background-position: 0 60%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  color: #ee6c39;
  font-size: 12px;
  font-weight: 400;
}

.tab-link-tab-1 {
  background-color: #ee6c39;
}

.tab-link-tab-1.w--current {
  background-color: #ee6c39;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.tab-link {
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f3f3f3;
  font-family: 'Open Sans', sans-serif;
  color: #5d5d5d;
  font-size: 18px;
  line-height: 1.4;
}

.tab-link:hover {
  opacity: 0.68;
}

.tab-link.w--current {
  background-color: #ee6c39;
  color: #fff;
}

.tabs-menu {
  border-bottom: 1px solid #ee6c39;
}

.contact_form_field {
  margin-bottom: 10px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #4d4a48;
  font-size: 18px;
  line-height: 1.4;
}

.contact_form_field.inline.col_56 {
  width: 56%;
}

.contact_form_field._16pt {
  margin-bottom: 0;
}

.asterisks {
  color: #ee6c39;
  font-size: 24px;
}

.asterisks.xs {
  font-size: 16px;
}

.asterisks._18pt {
  font-size: 18px;
}

.form_cap {
  color: #706f6f;
}

.form_cap.right {
  text-align: right;
}

.form_cap.inline {
  display: inline-block;
}

.form_cap.inline.col_70 {
  width: 70%;
}

.form_cap.inline.col_60 {
  width: 55%;
}

.form_cap.inline.col_60._16pt.m_col_100 {
  line-height: 1.4;
}

.form_cap.inline.col_60._16pt.m_col_100.m_mb-10.bold {
  font-weight: 700;
}

.form_cap.inline.col_60._16pt.m_col_100.m_mb-10.bold.c_4d4a48 {
  width: 60%;
  color: #4d4a48;
}

.form_cap.mr-10 {
  margin-right: 10px;
}

.text-block-21 {
  margin-top: 20px;
  margin-bottom: 17px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

.captcha_btn {
  width: 27px;
  height: 27px;
  margin-right: 1%;
  margin-left: 1%;
  border-radius: 100%;
  background-color: #ee6c39;
}

.captcha_btn:hover {
  background-color: #f7a253;
}

.captcha_btn.listen {
  background-image: url('../images/laba.svg');
  background-position: 50% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.captcha_btn.refresh {
  background-image: url('../images/refresh.svg');
  background-position: 50% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.form_intro {
  margin-top: 20px;
  padding-bottom: 10px;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.4;
}

.form_intro.right {
  text-align: right;
}

.form_intro.underline {
  padding-bottom: 26px;
  border-bottom: 1px solid #ee6c39;
}

.tabs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.copybtn {
  position: absolute;
  right: 0;
  margin-right: 35px;
  padding: 7px 31px 7px 38px;
  border-radius: 20px;
  background-color: #ee6c39;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  text-decoration: none;
}

.copybtn:hover {
  background-color: #fdb761;
}

.copybtn.xs {
  margin-right: 13px;
  padding: 10px;
}

.radio-button-field {
  display: inline-block;
  margin-left: 15px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
}

.radio-button-field._18pt {
  font-size: 18px;
}

.radio-button.w--redirected-checked {
  border-color: #ee6c39;
}

.radio-button.w--redirected-focus {
  box-shadow: 0 0 3px 1px #e9ec38;
}

.cart_order_table {
  margin-top: 25px;
  margin-bottom: 25px;
}

.cart_order_table_th {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #d9d9d9;
  border-radius: 10px 10px 0 0;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.06);
}

.cart_order_table_th.selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.cart_order_table_tr {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 29px;
  padding-left: 29px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f8f8f8;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-weight: 700;
}

.ssl_txt {
  display: inline-block;
  width: 40%;
  max-width: 281px;
  padding-left: 89px;
  background-image: url('../images/ssl_icon.svg');
  background-position: 0 0;
  background-size: 75px;
  background-repeat: no-repeat;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #14adf6;
  font-size: 16px;
  line-height: 1.4;
}

.div-block-37 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ececec;
}

.div-block-37.flex-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-37.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.col_47 {
  width: 47%;
}

.col_53 {
  width: 53%;
}

.paragraph {
  max-width: 270px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.6;
}

.paragraph-2 {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.6;
}

.c_14adf6 {
  color: #14adf6;
  text-decoration: none;
}

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

.c_14adf6.underline:hover {
  opacity: 0.7;
}

.more_details_btn {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 47px;
  border-radius: 80px;
  background-color: #14adf6;
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 1px;
  text-decoration: none;
}

.more_details_btn:hover {
  background-color: #4dcaff;
}

.more_details_btn.mrl-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.more_details_btn.mrl-40.pay_later {
  background-color: #858585;
}

.more_details_btn.reset {
  background-color: #858585;
}

.m_sidebar_toggle {
  position: relative;
  display: none;
  margin-right: 15px;
  padding-top: 33.25%;
  border-radius: 12px;
  background-color: #14adf6;
  background-image: url('../images/account_sidebar_p.svg');
  background-position: 100% 50%;
  background-size: 100px;
  background-repeat: no-repeat;
}

.m_expiredate {
  display: none;
  padding-bottom: 5px;
  color: #ee6c39;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.m_sidebar_toggle_close {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: none;
}

.m_sidebar_close {
  display: none;
}

.menu-button:hover {
  color: #43c3f2;
}

.menu-button.w--open {
  background-color: transparent;
  color: #43c3f2;
}

.nav-menu {
  width: 100%;
  margin-top: 1px;
  padding: 40px 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 5px 6px -5px rgba(0, 0, 0, 0.2);
}

.m_step_title {
  display: none;
  padding-top: 42px;
  padding-bottom: 42px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #0371ec;
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.step_txt {
  color: #c7c7c7;
  text-decoration: none;
}

.step_txt:hover {
  opacity: 0.8;
}

.step_txt.orange {
  color: #ee6c39;
  text-decoration: none;
}

.step_txt.white {
  color: #fff;
}

.div-block-38 {
  width: 70%;
  -webkit-align-self: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.div-block-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.m_form_cancel_btn {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: auto;
  display: none;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 20px;
  background-image: url('../images/form_cancel.svg');
  background-position: 50% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.m_form_cancel_btn:hover {
  opacity: 0.64;
}

.div-block-40 {
  padding-top: 159px;
  padding-bottom: 159px;
}

.div-block-41 {
  overflow: hidden;
  width: 100%;
  max-width: 890px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
}

.div-block-42 {
  position: relative;
  width: 100%;
  padding-top: 16.11%;
  background-image: url('../images/login_header_bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #f2f2f2;
  font-size: 54px;
  line-height: 0.9;
  font-weight: 700;
  text-align: center;
}

.text-block-22 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
  line-height: 0.89;
  text-shadow: 0 -1px 6px rgba(0, 0, 0, 0.19);
}

.form {
  padding: 38px 90px;
  background-color: #f2f2f2;
}

.text-block-23 {
  padding-top: 14px;
  padding-bottom: 21px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #ee6c39;
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.login_field {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 27px 23px;
  border: 1px none #000;
  border-radius: 50px;
  font-size: 18px;
  line-height: 1.4;
}

.login_text_link {
  margin-top: 26px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: grey;
  text-decoration: none;
}

.login_text_link:hover {
  opacity: 0.77;
}

.form-block-2 {
  margin-bottom: 0;
}

.widget_btn {
  display: inline-block;
  width: auto;
  padding: 6px 23px 6px 16px;
  border-radius: 30px;
  background-color: #14adf6;
  color: #fff;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.widget_btn:hover {
  background-color: #4ccfff;
}

.widget_btn.yellow {
  width: auto;
  background-color: #ffc03c;
}

.widget_btn.red {
  background-color: #fa3800;
}

.widget_btn.black {
  background-color: #787e80;
}

.widget_btn.absolute-t-r {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
}

.widget_btn.absolute_right {
  position: absolute;
  right: 0;
  margin-top: 8px;
}

.widget_btn.reload {
  margin-right: 10px;
  margin-left: 10px;
}

.widget_btn.calculate {
  margin-right: 10px;
  padding-right: 16px;
  background-color: #40d0d0;
  font-size: 14px;
  font-weight: 400;
}

.widget_btn.mh-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.auto_renew_sub_txt {
  padding-left: 26px;
  background-image: url('../images/refresh.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.sidebar_submenu {
  display: none;
  margin-right: 12px;
  padding: 14px 19px;
  border-radius: 12px;
  background-color: #e6e6e6;
}

.sidebar_submenu_link {
  display: block;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #c9c9c9;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #686868;
  font-size: 13px;
  text-decoration: none;
}

.sidebar_submenu_link:hover {
  color: #ee6c39;
}

.globe_paragraph {
  margin-bottom: 0;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.4px;
}

.globe_paragraph.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.globe_paragraph.max-width_900 {
  max-width: 900px;
}

.globe_paragraph.max-width_900.mb-20 {
  margin-bottom: 20px;
}

.globe_paragraph.pt14 {
  font-size: 14px;
}

.globe_paragraph.mtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.globe_paragraph.mtb-40._14pt {
  font-size: 14px;
}

.globe_paragraph.bold {
  font-weight: 700;
}

.globe_paragraph.bold.c_4d4a48 {
  color: #4d4a48;
}

.globe_paragraph.bold.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.globe_paragraph.bold.mv-10.ls-0 {
  letter-spacing: 0;
}

.globe_paragraph._18pt {
  font-size: 18px;
}

.globe_paragraph._14pt {
  font-size: 14px;
  line-height: 1.6;
}

.globe_paragraph._14pt.c_4d4c4c {
  color: #4d4c4c;
}

.globe_paragraph._14pt.c_706f6f.justify {
  text-align: justify;
}

.globe_paragraph._14pt.mb-20 {
  margin-bottom: 20px;
}

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

.globe_paragraph.center.c_818181 {
  color: #818181;
}

.globe_paragraph.c_706f6f {
  color: #706f6f;
}

.globe_paragraph.c_706f6f.mb-20 {
  margin-bottom: 20px;
}

.globe_paragraph.c_706f6f.mv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.globe_paragraph.c_706f6f.mb-10 {
  margin-bottom: 10px;
}

.globe_paragraph.c_706f6f.mb-100 {
  margin-bottom: 100px;
}

.globe_paragraph.mb-40 {
  margin-bottom: 40px;
}

.globe_paragraph.prewrap {
  display: inline-block;
  width: 100%;
  white-space: pre-line;
}

.globe_paragraph.p-rl-2 {
  padding-right: 2%;
  padding-left: 2%;
}

.globe_paragraph.mv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.auto_renew_update_txt {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 26px;
  background-image: url('../images/cog.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.card_info_title {
  display: block;
  margin-right: 10px;
  float: left;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.card_info_title.absolute-top {
  position: absolute;
  top: 0;
}

.card_info_txt {
  display: block;
  float: left;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.card_info_wrapper {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.card_info_row {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}

.card_info_row.inline {
  display: inline-block;
  width: auto;
  margin-right: 20px;
}

.card_info_row.float-left {
  float: left;
}

.form_col_divider {
  width: auto;
  padding-right: 2%;
  padding-left: 2%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #d7d8dd;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
}

.form_col_divider.col_32 {
  width: 32%;
}

.form_col_divider.col_14 {
  width: 14%;
}

.form_col_divider.col_14._17pt.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form_col_divider.col_14._16pt {
  font-size: 16px;
}

.form_col_divider.col_14._16pt.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form_col_divider.col_14.stretch {
  position: relative;
  padding-top: 37px;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_50 {
  display: inline-block;
  width: 50%;
}

.form_col_divider.col_50.right {
  text-align: right;
}

.form_col_divider.col_50._17pt {
  line-height: 1.7;
}

.form_col_divider.col_50._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_50._17pt.bold.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form_col_divider.col_50._17pt.last.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form_col_divider.col_50._17pt.last.c_0371ec {
  color: #0371ec;
}

.form_col_divider.col_50.bold {
  font-weight: 700;
}

.form_col_divider.col_20 {
  display: inline-block;
  width: 20%;
}

.form_col_divider.col_20._17pt {
  font-size: 17px;
}

.form_col_divider.col_20._17pt.mv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form_col_divider.col_20._17pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_20._22pt {
  font-size: 22px;
}

.form_col_divider.col_20._20pt {
  font-size: 20px;
}

.form_col_divider.col_20._20pt.bold {
  font-weight: 700;
}

.form_col_divider.col_20._20pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col_divider.col_20._16pt {
  line-height: 1.4;
}

.form_col_divider.col_20._16pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_20._16pt.stretch.last.m_col_100 {
  color: #706f6f;
}

.form_col_divider.col_48 {
  width: 48%;
}

.form_col_divider.col_100 {
  width: 100%;
}

.form_col_divider.col_46 {
  width: 46%;
}

.form_col_divider.col_46.p-0 {
  padding-right: 0;
  padding-left: 0;
}

.form_col_divider.col_46.p-0._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_46.p-0._17pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col_divider.col_46.pr-2 {
  padding-left: 0;
}

.form_col_divider.col_46.pr-2._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_46.pr-2._17pt.bold.c_4d4a48 {
  width: 55%;
  color: #4d4a48;
}

.form_col_divider.col_46.m_col_100.m_mh-0 {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_18 {
  width: 18%;
}

.form_col_divider.col_18._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_18._17pt.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form_col_divider.col_18._17pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_18._16pt {
  font-size: 16px;
}

.form_col_divider.col_18._16pt.mv-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
}

.form_col_divider.col_18._16pt.center {
  text-align: center;
}

.form_col_divider.col_18._16pt.center.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_18._16pt.center.mv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.form_col_divider.col_18._16pt.center.mv-15.stretch.m_col_100.m_bg_0371ec.m_mh-20 {
  padding-left: 1%;
}

.form_col_divider.col_18.last._22pt {
  font-size: 22px;
}

.form_col_divider.col_18.last._22pt.bold {
  font-weight: 700;
}

.form_col_divider.col_18.p-rl-0 {
  padding-right: 0;
  padding-left: 0;
}

.form_col_divider.col_18.p-rl-0.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_18._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col_divider.col_18._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_18._18pt.bold.center {
  text-align: center;
}

.form_col_divider.col_18._18pt.bold.center.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_32 {
  width: 32%;
}

.form_col_divider.col_40 {
  width: 40%;
}

.form_col_divider.col_40._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_40.stretch {
  position: relative;
  padding-top: 30px;
}

.form_col_divider.col_40._16pt.stretch {
  padding-top: 0;
}

.form_col_divider.col_40._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col_divider.col_40._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_40._18pt.bold.stretch {
  padding-top: 0;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_28 {
  width: 28%;
}


.form_col_divider.col_28._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_28._17pt.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form_col_divider.col_28._16pt {
  font-size: 16px;
}

.form_col_divider.col_28._16pt.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form_col_divider.col_28._16pt.center.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_28._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col_divider.col_28._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_28._18pt.bold.center {
  text-align: center;
}

.form_col_divider.col_44 {
  width: 44%;
}

.form_col_divider.th {
  color: #f28339;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.form_col_divider.th.col_36 {
  width: 36%;
}


.form_col_divider.th.col_17 {
  width: 17%;
}

.form_col_divider.th.col_17.last.stretch {
  padding-top: 0;
}

.form_col_divider.th.col_28.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.th.col_21 {
  width: 21%;
}

.form_col_divider.th.col_10 {
  width: 10%;
}

.form_col_divider.th.col_10.stretch {
  padding-top: 0;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.th.col_25 {
  width: 25%;
}

.form_col_divider.th.col_30 {
  width: 30%;
}

.form_col_divider.th.col_15 {
  width: 15%;
}

.form_col_divider.th.col_16 {
  width: 16%;
}

.form_col_divider.th.col_16.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.th.col_14.stretch {
  padding-top: 0;
}

.form_col_divider.th.white {
  border-right-style: none;
  color: #fff;
}

.form_col_divider.th.white.col_100._24pt {
  font-size: 24px;
}

.form_col_divider.th.white.col_80 {
  width: 80%;
}

.form_col_divider.th.white.col_37 {
  width: 37%;
}

.form_col_divider.th.white.col_8 {
  width: 8%;
}

.form_col_divider.th.white.col_8.mh-0p {
  text-align: center;
}

.form_col_divider.th.white.col_6 {
  width: 6%;
}

.form_col_divider.th.col_35 {
  width: 35%;
}

.form_col_divider.th.col_19.stretch {
  padding-top: 0;
}

.form_col_divider.col_36 {
  width: 36%;
}

.form_col_divider.col_36._22pt {
  font-size: 22px;
  line-height: 1.4;
}

.form_col_divider.col_36._22pt.bold {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 700;
}

.form_col_divider.col_36._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_17 {
  width: 17%;
}

.form_col_divider.col_17._17pt {
  width: 17%;
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_17.stretch {
  position: relative;
  padding-top: 37px;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_27 {
  width: 27%;
}

.form_col_divider.col_27._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_10 {
  width: 10%;
}

.form_col_divider.col_10._22pt {
  font-size: 22px;
  line-height: 1.4;
}

.form_col_divider.col_10.stretch {
  position: relative;
  padding-top: 37px;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_25 {
  width: 25%;
}

.form_col_divider.col_25._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_25._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_25._17pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col_divider.col_25._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col_divider.col_25._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_25._18pt.bold.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_13 {
  width: 13%;
}

.form_col_divider.col_39 {
  width: 31%;
}

.form_col_divider.col_39.stretch {
  position: relative;
  width: 39%;
  padding-top: 38px;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_39.stretch.last {
  border-right-style: none;
}

.form_col_divider.col_9 {
  width: 9%;
}

.form_col_divider.col_15 {
  width: 15%;
}

.form_col_divider.col_15.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_12 {
  width: 12%;
}

.form_col_divider.col_12._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider.col_12.stretch {
  position: relative;
  padding-top: 37px;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.last {
  border-right-style: none;
}

.form_col_divider.auto.stretch {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2%;
  padding-top: 40px;
  padding-right: 5%;
  padding-left: 4%;
  float: left;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.form_col_divider.auto.stretch.last {
  border-right-style: none;
}

.form_col_divider.col_49 {
  width: 49%;
}

.form_col_divider.col_49.stretch {
  position: relative;
}

.form_col_divider.col_49.stretch.last {
  padding-top: 37px;
}

.form_col_divider.col_52 {
  width: 52%;
}

.form_col_divider.col_52._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.form_col_divider._17pt {
  font-size: 17px;
}

.form_col_divider._17pt.col_60 {
  width: 60%;
}

.form_col_divider._17pt.col_60.mr-10p {
  padding-right: 10%;
}

.form_col_divider._17pt.col_60.mr-10p.m_col_70 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.form_col_divider.col_24 {
  width: 24%;
}

.form_col_divider.col_24._17pt.mv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form_col_divider.col_24.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_22 {
  width: 22%;
}

.form_col_divider.col_22._17pt.mv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form_col_divider.col_16 {
  width: 16%;
}

.form_col_divider.col_16._20pt {
  font-size: 20px;
}

.form_col_divider.col_16.bold {
  font-weight: 700;
}

.form_col_divider.col_16.bold._20pt {
  line-height: 1.4;
}

.form_col_divider.col_21 {
  width: 21%;
}

.form_col_divider.col_21._16pt.mv-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form_col_divider.col_21._17pt {
  line-height: 1.4;
}

.form_col_divider.col_21._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_21._20pt {
  font-size: 20px;
  line-height: 1.4;
}

.form_col_divider.col_31 {
  width: 31%;
}

.form_col_divider.col_31.bold {
  font-weight: 700;
}

.form_col_divider.col_31.bold._20pt {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.form_col_divider.col_11 {
  width: 11%;
}

.form_col_divider.col_12 {
  width: 12%;
}

.form_col_divider.col_16 {
  width: 16%;
}

.form_col_divider.col_23 {
  width: 23%;
}

.form_col_divider.col_25 {
  width: 25%;
}

.form_col_divider.col_35 {
  width: 35%;
}

.form_col_divider.col_33 {
  width: 33%;
}

.form_col_divider.col_33._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_33._17pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col_divider.col_55 {
  width: 55%;
}

.form_col_divider.col_55.pr-2 {
  padding-left: 0;
}

.form_col_divider.col_55.pr-2._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_55.pr-2._17pt.bold.c_4d4a48 {
  color: #4d4a48;
}

.form_col_divider.col_30 {
  width: 30%;
}

.form_col_divider.col_30.stretch {
  position: relative;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_30._18pt {
  font-size: 18px;
}

.form_col_divider.col_30._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_30._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_19 {
  width: 19%;
}

.form_col_divider.col_19.stretch {
  position: relative;
  padding-top: 37px;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_19.stretch.mt-0 {
  padding-top: 0;
}

.form_col_divider.col_35 {
  width: 35%;
}

.form_col_divider.col_35._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_35._17pt.bold.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_35.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_44 {
  width: 44%;
}

.form_col_divider.col_54 {
  width: 54%;
}

.form_col_divider.col_54.m_col_100.m_mh-0 {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_34 {
  width: 34%;
}

.form_col_divider.col_34._17pt {
  line-height: 1.4;
}

.form_col_divider.col_34._17pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_34._17pt.stretch.m_col_100.mv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form_col_divider.col_34._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_34._20pt {
  font-size: 20px;
  line-height: 1.4;
}

.form_col_divider.col_23 {
  width: 23%;
}

.form_col_divider.col_23._17pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_60 {
  width: 60%;
}

.form_col_divider.col_60._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col_divider.col_60._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_60._18pt.bold.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_80 {
  width: 80%;
}

.form_col_divider.col_80._16pt {
  line-height: 1.4;
}

.form_col_divider.col_80._16pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_80._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.form_col_divider.col_80._18pt.stretch {
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form_col_divider.col_80._18pt.bold {
  font-weight: 700;
}

.form_col_divider.col_80._18pt.bold.orange {
  color: #f28339;
}

.form_col_divider.col_80._18pt.bold.orange.stretch.mv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.form_col_divider.col_8.bold {
  font-weight: 700;
}

.form_col_divider.col_8.bold._20pt {
  font-size: 20px;
  line-height: 1.4;
}

.form_col_divider.col_37 {
  width: 37%;
}

.form_col_divider.col_37._17pt.bold {
  font-weight: 700;
}

.form_col_divider.col_63 {
  width: 63%;
}

.form_col_divider.col_29 {
  width: 29%;
}

.globe_item_blk {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 17px 2% 28px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  box-shadow: 1px 1px 11px -1px rgba(0, 0, 0, 0.08);
}

.globe_item_blk.mv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.globe_item_blk.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.globe_item_blk.mv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.globe_item_blk.mh-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.globe_item_blk.mh-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.globe_item_blk.mv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.globe_item_blk.mt-0 {
  margin-top: 0;
}

.globe_item_blk.mb-30 {
  margin-bottom: 30px;
}

.globe_item_blk.mb-40 {
  margin-bottom: 40px;
}

.globe_item_blk.mt-60 {
  margin-top: 60px;
}

.subtotal {
  display: block;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 23px;
  line-height: 1.4;
  font-weight: 700;
  text-align: right;
}

.subtotal.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.subtotal_number {
  padding-right: 12px;
  padding-left: 12px;
}

.txt_link {
  display: inline-block;
  padding-right: 10px;
  padding-left: 29px;
  float: right;
  background-image: url('../images/dump.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #3f3f3f;
}

.txt_link:hover {
  opacity: 0.74;
}

.txt_link.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.btnset2 {
  display: none;
}

.btnset1 {
  display: none;
}

.btnset1.show {
  display: block;
}

.nav_dd {
  display: block;
  width: 18%;
  margin-right: 2%;
  float: left;
}

.nav_sub_dd_list {
  z-index: 1000;
  display: none;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nav_sub_dd_list.relative {
  display: none;
  padding-left: 20px;
  box-shadow: none;
  -ms-transform: none;
  transform: none;
}

.nav_ul {
  width: 100%;
  margin-top: 10px;
  padding-left: 0;
  float: left;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-weight: 400;
  list-style-type: none;
}

.nav_li {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.text-span-3 {
  color: #43c3f2;
  font-size: 15px;
  font-weight: 700;
}

.nav_dd_link {
  color: #6d6a68;
  text-decoration: none;
}

.nav_dd_link:hover {
  color: #ff8b3d;
}

.nav_dd_link.mb-10 {
  display: inline-block;
  margin-bottom: 10px;
}

.nav_dd_link.mv-5 {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  color: #8c8a89;
  font-size: 13px;
  line-height: 1.4;
}

.nav_dd_container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 40px;
}

.nav_dd_close {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: none;
  width: 100%;
}

.nav_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav_col.lang_bar {
  margin-right: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.langbtn {
  display: inline-block;
  margin-top: 2px;
  margin-right: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-radius: 20px;
  background-color: #0371ec;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  line-height: 1.2;
  font-weight: 500;
  text-decoration: none;
}

.langbtn:hover {
  background-color: #14adf6;
}

.nav_iconbtn {
  position: relative;
  z-index: 998;
  width: 21px;
  height: 18px;
  margin-right: 6px;
  margin-left: 6px;
  color: #000;
}

.nav_iconbtn:hover {
  color: #43c3f2;
}

.nav_iconbtn.nav_searchbtn {
  width: 17px;
  height: 17px;
  margin-top: 1px;
}

.text-block-24 {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.add_txt {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 26px;
  background-image: url('../images/add_circle_outline_48px_352006.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.relative {
  position: relative;
}

.mb_40 {
  margin-bottom: 40px;
}

.text-block-24c {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.text-block-25 {
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 28px;
  background-image: url('../images/correct_3855625.svg');
  background-position: 0 60%;
  background-size: 20px 18px;
  background-repeat: no-repeat;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #05c487;
  font-size: 18px;
  line-height: 1.4;
}

.btn_xs {
  padding: 12px 42px 12px 56px;
  border-radius: 100px;
  background-color: #ddd;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
}

.btn_xs.yes {
  background-color: #05c487;
}

.btn_xs.yes:hover {
  opacity: 0.7;
}

.btn_xs.no {
  background-color: #fa3800;
}

.btn_xs.no:hover {
  opacity: 0.7;
}

.btn_xs.ok {
  padding-right: 56px;
  background-color: #05c487;
}

.btn_xs.ok:hover {
  opacity: 0.7;
}

.div-block-43 {
  width: 100%;
}

.section_title {
  margin-top: 41px;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f28339;
  border-left: 5px none #f28339;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #f28339;
  font-size: 24px;
  line-height: 0.9;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.section_title.search {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/search_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.section_title.suggested {
  margin-bottom: 30px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/lightblub.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #575757;
}

.section_title.possible {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/possible_icon.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #575757;
}

.section_title.order_num {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 65px;
  border-left-style: none;
  background-image: url('../images/orderNum.svg');
  background-position: 0 50%;
  background-size: 42px 43px;
  background-repeat: no-repeat;
  line-height: 1.4;
}

.section_title.h3 {
  font-size: 20px;
}

.section_title.subdomain {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 50px;
  border-left-style: none;
  background-image: url('../images/subdomain_icon.svg');
  background-position: 0 50%;
  background-size: 38px;
  background-repeat: no-repeat;
  color: #575757;
}

.section_title.current_domain {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 59px;
  border-left-style: none;
  background-image: url('../images/current_domain_icon.svg');
  background-position: 0 50%;
  background-size: 49px;
  background-repeat: no-repeat;
  color: #575757;
}

.section_title.h4 {
  margin-top: 25px;
  padding-bottom: 0;
  border-bottom-style: none;
  font-size: 20px;
}

.field-label-2 {
  margin-bottom: 8px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #494949;
  font-size: 16px;
  line-height: 1.4;
}

.text-block-26 {
  margin-bottom: 10px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.text-span-4 {
  font-size: 18px;
  font-weight: 400;
}

.text-span-4.orange {
  color: #ee6c39;
}

.dns_globe_txt {
  width: 100%;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.dns_globe_txt.checked {
  padding-bottom: 3px;
  padding-left: 36px;
  background-image: url('../images/blue_check.svg');
  background-position: 0 9px;
  background-size: 22px;
  background-repeat: no-repeat;
  color: #ee6c39;
}

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

.dns_globe_txt.orange {
  color: #ee6c39;
}

.dns_globe_txt.orange.m_th {
  display: none;
}

.dns_globe_txt._17pt {
  font-size: 17px;
}

.select_btn {
  padding: 7px 19px 7px 23px;
  border-radius: 40px;
  background-color: #14adf6;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 400;
  text-decoration: none;
}

.select_btn:hover {
  background-color: #5acaff;
}

.select_btn.xs {
  padding: 19px 20px 17px 16px;
  background-image: url('../images/cart_add.svg');
  background-position: 45% 50%;
  background-size: 19px 20px;
  background-repeat: no-repeat;
}

.select_btn_txt {
  padding-top: 5px;
  padding-right: 22px;
  padding-bottom: 5px;
}

.form_col_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form_col_inner.flex_h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form_col_inner.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.form_col_inner.center.m_left.max_width_100 {
  max-width: 100px;
  margin-right: auto;
  margin-left: auto;
}

.form_col_inner.flex_between {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form_col_inner.success {
  padding-left: 24px;
  background-image: url('../images/blue_check.svg');
  background-position: 0 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.form_col_inner.warning {
  padding-left: 24px;
  background-image: url('../images/warn.svg');
  background-position: 0 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.textarea {
  width: 100%;
  margin-bottom: 0;
  border-radius: 6px;
}

.textarea.min-200 {
  min-height: 200px;
}

.list {
  padding-left: 0;
  font-size: 16px;
  line-height: 1.4;
  list-style-type: none;
}

.div-block-25b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.redirect_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.spinner {
  margin-left: 10px;
  padding: 0;
}

.div-block-44 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-42b {
  position: relative;
  width: 100%;
  padding-top: 12.12%;
  background-color: #14adf6;
  background-image: none;
  background-size: auto;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #f2f2f2;
  font-size: 54px;
  line-height: 0.9;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.div-block-42b.transfer {
  background-image: url('../images/transfer_hb.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.div-block-45 {
  position: absolute;
  top: 18px;
  right: 0;
  width: 16%;
  margin-right: 4%;
}

.text-block-27 {
  margin-bottom: 48px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #ee6c39;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

.text-block-27.mb-20 {
  margin-bottom: 20px;
}

.text-block-27.mb-10 {
  margin-bottom: 10px;
}

.text-block-27.mv-20 {
  margin-bottom: 0;
}

.text-block-27.mv-20.mb-10 {
  padding-bottom: 10px;
}

.text-block-28 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
  text-align: center;
}

.text-block-28.mv-20 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-46 {
  color: #14adf6;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.div-block-47 {
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 140px;
  border-radius: 12px;
  box-shadow: 0 0 11px 4px rgba(0, 0, 0, 0.11);
}

.div-block-48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.radio-button-label {
  margin-bottom: 5px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #14adf6;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.radio-button-2 {
  width: 18px;
  height: 18px;
  margin-top: 5px;
  margin-right: 9px;
}

.radio-button-2.w--redirected-checked {
  border-color: #e0e0e0;
  background-color: #ee6c39;
}

.div-block-49 {
  margin-right: 12px;
  margin-left: 12px;
  padding: 40px 10px;
  border-bottom: 1px solid #dcdcdc;
}

.div-block-49.last {
  border-bottom-style: none;
}

.radio-button-field-2 {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.radio-button-field-2.inline.mh-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.slider-2 {
  width: 102%;
  height: auto;
  margin-top: 20px;
  margin-left: -1%;
  background-color: transparent;
}

.slide {
  width: 18%;
  margin-right: 1%;
  margin-left: 1%;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}

.left-arrow {
  display: none;
}

.right-arrow {
  display: none;
}

.text-block-29 {
  margin-left: 7px;
}

.div-block-50 {
  width: 100%;
  padding-top: 123.46%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-50.p1 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.dummy2 {
  background-image: url('../images/minisite_dummy_lg_preview.jpg');
}

.div-block-50.p3 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p4 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p5 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p6 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p7 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p8 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p9 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p10 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p11 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p12 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p13 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p14 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.p15 {
  background-image: url('../images/minisite_dummy_preview.jpg');
}

.div-block-50.dummy3 {
  background-image: url('../images/minisite_dummy_lg_preview.jpg');
}

.div-block-50.dummy4 {
  background-image: url('../images/minisite_dummy_lg_preview.jpg');
}

.div-block-50.dummy5 {
  background-image: url('../images/minisite_dummy_lg_preview.jpg');
}

.div-block-50.dummy6 {
  background-image: url('../images/minisite_dummy_lg_preview.jpg');
}

.hide {
  display: none;
}

.tabs-2 {
  width: 60%;
  float: left;
}

.div-block-51 {
  width: 36%;
  margin-right: 4%;
  padding: 14px 15px;
  float: left;
  background-color: #fff;
  position: sticky;
  top: 100px;
}

.div-block-52 {
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #df1021;
}

.form_upload_section {
  border-bottom: 1px solid #dcdcdc;
}

.form_upload_section.last {
  border-bottom-style: none;
}

.div-block-53 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
}

.text-block-30 {
  margin-right: 20px;
}

.banner_add_txt {
  padding: 0 25px 0 12px;
  background-image: url('../images/banner_add.svg');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.del_btn {
  display: block;
  width: 28px;
  margin-left: 20px;
}

.del_btn:hover {
  opacity: 0.76;
}

.text-block-29b {
  margin-top: 5px;
  margin-left: 7px;
  font-size: 14px;
}

.radio-button-3 {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 9px;
}

.radio-button-3.w--redirected-checked {
  border-color: #f2f2f2;
  background-color: #ee6c39;
}

.digi_wrapper {
  display: inline-block;
  width: 37px;
  height: 37px;
  margin-right: 5px;
  border-radius: 10px;
  background-color: #fff;
  color: #4d4a48;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.div-block-54 {
  padding-top: 7px;
}

.digi_text_field {
  margin-bottom: 3px;
  border-radius: 9px;
}

.text-block-31 {
  white-space: nowrap;
}

.form-block-3 {
  margin-bottom: 0;
}

.div-block-55 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.div-block-56 {
  padding: 13px 25px 7px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  background-color: #ee6c39;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.div-block-57 {
  padding: 13px 23px 22px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #fff;
  box-shadow: 4px 4px 13px -3px rgba(0, 0, 0, 0.09);
}

.div-block-58 {
  border-radius: 9px;
}

.radio-button-label-2 {
  margin-bottom: 5px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.radio-button-field-3 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.radio-button-field-3.inline.mr-10 {
  margin-right: 10px;
}

.radio-button-4 {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 9px;
}

.radio-button-4.w--redirected-checked {
  border-color: #e0e0e0;
  background-color: #ee6c39;
}

.pdf_btn {
  width: 29px;
  height: 33px;
  margin-left: 10%;
  float: left;
}

.pdf_btn:hover {
  opacity: 0.7;
}

.text-block-32 {
  float: left;
}

._16pt {
  font-size: 16px;
}

.mv-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.inline {
  display: inline-block;
}

.inline.mh-6 {
  position: relative;
  top: -2px;
  padding-right: 6px;
  padding-left: 6px;
}

.inline._18pt {
  font-size: 18px;
  line-height: 1.4;
}

.inline._18pt.mh-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.inline._18pt.mh-10 {
  margin-right: 10px;
  margin-left: 10px;
  color: #838383;
  font-size: 16px;
}

.inline._14pt {
  font-size: 14px;
}

.inline._14pt.mh-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.inline.nav_dd_arrow {
  width: 10px;
  margin-left: 8px;
  cursor: pointer;
}

.inline.nav_dd_arrow:hover {
  opacity: 0.7;
}

.form-block-4 {
  display: inline-block;
  margin-bottom: 0;
  float: right;
}

.div-block-59 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchbtn_xs {
  margin-left: 12px;
  padding: 10px 22px;
  border-radius: 20px;
  background-color: #ee6c39;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  text-decoration: none;
}

.searchbtn_xs:hover {
  background-color: #ffa75f;
}

.searchbtn_xs.xs {
  margin-right: 13px;
  padding: 10px;
}

.text-span-4b {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.text-span-4b.orange {
  color: #ee6c39;
}

.div-block-60 {
  width: 100%;
}

.div-block-61 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.upload_preview {
  margin-bottom: 20px;
}

.gmap {
  width: 100%;
  margin-top: 14px;
  padding-top: 56.25%;
  background-color: #ddd;
}

.edit_btn {
  display: block;
  width: 25px;
  height: 25px;
  color: #fff;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.edit_btn:hover {
  opacity: 0.7;
}

.edit_btn.yellow {
  width: auto;
  background-color: #ffc03c;
}

.edit_btn.red {
  background-color: #fa3800;
}

.edit_btn.black {
  background-color: #787e80;
}

.edit_btn.absolute-t-r {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 20;
  margin-top: 25px;
  margin-right: 30px;
}

.edit_btn.absolute_right {
  position: absolute;
  right: 0;
  margin-top: 8px;
}

.edit_btn.reload {
  margin-right: 10px;
  margin-left: 10px;
}

.profile_feature_button_wrapper {
  width: 104%;
  margin-left: -2%;
}

.profile_feature_button_each {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 29%;
  min-height: 350px;
  margin: 1.8% 2%;
  padding: 20px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.13);
  text-align: center;
  text-decoration: none;
}

.profile_feature_button_each:hover {
  opacity: 0.52;
}

.profile_feature_button_title {
  color: #22105f;
  font-size: 28px;
  line-height: 1.4;
  text-decoration: none;
}

.profile_feature_buttuon_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile_feature_buttuon_img.p2 {
  width: 38%;
}

.profile_feature_buttuon_img.p1 {
  width: 30%;
}

.profile_feature_buttuon_img.p3 {
  width: 28%;
}

.profile_feature_buttuon_img.p4 {
  width: 28%;
}

.index_slider {
  height: auto;
  background-color: transparent;
}

.mask {
  height: auto;
}

.index_slide_each {
  height: auto;
}

.index_slide_p {
  width: 100%;
  padding-top: 35.93%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.index_slide_p.p1 {
  background-image: url('../images/index_banner_s1.jpg');
}

.list-2 {
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.list-item {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5;
}

.div-block-63 {
  width: 66%;
  margin-top: 25px;
}

.index_heading {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  color: #22105f;
  font-size: 42px;
  line-height: 1.4;
  text-align: center;
}

.div-block-64 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 90px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-2 {
  width: 62%;
  margin-top: 0;
  margin-bottom: 0;
  color: #22105f;
  font-size: 26px;
  line-height: 1.4;
}

.index_feature_button_wrapper {
  width: 104%;
  margin-left: -2%;
}

.index_feature_button_each {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23%;
  min-height: 350px;
  margin: 1.8% 1%;
  padding: 20px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.13);
  text-align: center;
  text-decoration: none;
}

.index_feature_button_each:hover {
  opacity: 0.52;
}

.mv-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.mv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.mt-40 {
  padding-top: 40px;
}

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

.index_doc_wrapper {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.index_doc_each {
  width: 46%;
  margin: 30px 1.9%;
}

.index_doc_each_p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  height: 10%;
  min-height: 74px;
  min-width: 74px;
  margin-right: 20px;
  padding-right: 12px;
  padding-left: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #00a7f5;
}

.index_doc_each_p.p1 {
  padding-top: 2px;
  padding-right: 8px;
  padding-left: 10px;
}

.index_doc_each_p.p2 {
  padding-right: 17px;
  padding-bottom: 4px;
  padding-left: 17px;
}

.index_doc_each_p.p6 {
  padding-bottom: 3px;
}

.div-block-67 {
  width: 84%;
}

.index_doc_each_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index_doc_each_title {
  margin-top: 0;
  margin-bottom: 0;
  color: #22105f;
  line-height: 1.4;
}

.index_feature_button_title {
  color: #22105f;
  font-size: 28px;
  line-height: 1.4;
  text-decoration: none;
}

.index_feature_buttuon_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index_feature_buttuon_img.p2 {
  width: 38%;
}

.index_feature_buttuon_img.p1 {
  width: 33%;
}

.index_feature_buttuon_img.p3 {
  width: 32%;
}

.index_feature_buttuon_img.p4 {
  width: 36%;
  margin-top: 20px;
}

.div-block-68 {
  width: 28%;
  margin-right: 6%;
}

.between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mv-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.rounded {
  opacity: 1;
}

.index_searchbtn {
  margin-right: 15px;
  padding: 10px 21px 10px 25px;
  border-radius: 20px;
  background-color: #ee6c39;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  text-decoration: none;
}

.index_searchbtn:hover {
  background-color: #ffa75f;
}

.index_searchbtn.xs {
  margin-right: 13px;
  padding: 10px;
}

.select-field {
  width: 165px;
  margin-right: 20px;
  margin-bottom: 0;
  padding-right: 6px;
  border: 1px none #000;
  background-color: transparent;
  color: #999;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.25px;
}

.div-block-69 {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-item-2 {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #8f8f8f;
  line-height: 1.4;
  list-style-type: none;
}

.list-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  padding-right: 21px;
  padding-left: 27px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c_25205c {
  color: #25205c;
}

.c_11aad4 {
  color: #11aad4;
}

.form-block-5 {
  margin-bottom: 0;
}

.index_readmore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  margin-left: 4px;
  color: #22105f;
}

.icon {
  margin-left: 4px;
}

.transfer_button_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.transfer_button_each {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23%;
  min-height: 350px;
  margin-right: 2%;
  margin-bottom: 1.8%;
  margin-left: 2%;
  padding: 20px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.13);
  text-align: center;
  text-decoration: none;
}

.transfer_button_each:hover {
  opacity: 0.52;
}

.underline {
  color: #706f6f;
}

.underline:hover {
  opacity: 0.71;
}

.underline.c_ee6c39 {
  color: #ee6c39;
}

.div-block-70 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blue_h {
  margin-top: 0;
  margin-bottom: 40px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #0371ec;
  line-height: 1.4;
}

.blue_h.contact {
  padding-left: 66px;
  background-image: url('../images/contact_us_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.blue_h.app_form {
  padding-left: 48px;
  background-image: url('../images/application_forms_icon.svg');
  background-position: 0 10px;
  background-size: 38px;
  background-repeat: no-repeat;
}

.blue_h.app_form2 {
  padding-left: 48px;
  background-image: url('../images/application_forms2_icon.svg');
  background-position: 0 9px;
  background-size: 33px;
  background-repeat: no-repeat;
}

.blue_h.checkbill {
  display: inline-block;
  padding-left: 48px;
  background-image: url('../images/checkandbilling_icon.svg');
  background-position: 0 8px;
  background-size: 33px;
  background-repeat: no-repeat;
}

.blue_h.domaintransfer {
  display: inline-block;
  padding-left: 48px;
  background-image: url('../images/domain_transfer_icon.svg');
  background-position: 0 10px;
  background-size: 38px;
  background-repeat: no-repeat;
}

.blue_h.howtovideo {
  display: inline-block;
  padding-left: 60px;
  background-image: url('../images/how_to_video_icon.svg');
  background-position: 0 9px;
  background-size: 46px;
  background-repeat: no-repeat;
}

.blue_h.general {
  display: inline-block;
  padding-left: 50px;
  background-image: url('../images/general_icon.svg');
  background-position: 0 8px;
  background-size: 38px;
  background-repeat: no-repeat;
}

.blue_h.account_management {
  display: inline-block;
  padding-left: 40px;
  background-image: url('../images/account_management_icon.svg');
  background-position: 0 9px;
  background-size: 28px;
  background-repeat: no-repeat;
}

.blue_h.domain {
  display: inline-block;
  padding-left: 55px;
  background-image: url('../images/domain_icon.svg');
  background-position: 0 14px;
  background-size: 42px;
  background-repeat: no-repeat;
}

.blue_h.job_vacancy {
  padding-left: 48px;
  background-image: url('../images/job_vacancy_icon.svg');
  background-position: 0 10px;
  background-size: 36px;
  background-repeat: no-repeat;
}

.blue_h.minisite {
  padding-left: 43px;
  background-image: url('../images/hklock_icon.svg');
  background-position: 0 6px;
  background-size: 32px;
  background-repeat: no-repeat;
}

.blue_h.reghow {
  padding-left: 44px;
  background-image: url('../images/regHow.svg');
  background-position: 0 15px;
  background-size: 33px;
  background-repeat: no-repeat;
}

.blue_h.eligibility {
  padding-left: 38px;
  background-image: url('../images/eligibility_icon.svg');
  background-position: 0 15px;
  background-size: 30px;
  background-repeat: no-repeat;
}

.blue_h.fee {
  padding-left: 43px;
  background-image: url('../images/fee_icon.svg');
  background-position: 0 10px;
  background-size: 36px;
  background-repeat: no-repeat;
}

.blue_h.sitemap {
  padding-left: 47px;
  background-image: url('../images/sitemap_hb_icon.svg');
  background-position: 0 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}

.blue_h.customer_charter {
  padding-left: 47px;
  background-image: url('../images/customer_charter_hb_icon.svg');
  background-position: 0 50%;
  background-size: 37px;
  background-repeat: no-repeat;
}

.blue_h.tender {
  padding-left: 45px;
  background-image: url('../images/tenders_hb_icon.svg');
  background-position: 0 50%;
  background-size: 37px;
  background-repeat: no-repeat;
}

.blue_h.rule_of_procedure {
  padding-left: 48px;
  background-image: url('../images/rule_of_procedure_icon.svg');
  background-position: 0 10px;
  background-size: 38px;
  background-repeat: no-repeat;
}

.blue_h.hkiac_hb_icon {
  padding-left: 53px;
  background-image: url('../images/HKIAC_hb_icon.svg');
  background-position: 0 2px;
  background-size: 38px;
  background-repeat: no-repeat;
}

.blue_h.service_partner_hb {
  padding-left: 53px;
  background-image: url('../images/service_partner_hb.svg');
  background-position: 0 5px;
  background-size: 44px;
  background-repeat: no-repeat;
}

.blue_h.dispute_hb_icon {
  padding-left: 58px;
  background-image: url('../images/dispute_hb_icon.svg');
  background-position: 0 3px;
  background-size: 44px;
  background-repeat: no-repeat;
}

.blue_h.about_hkdnr {
  padding-left: 64px;
  background-image: url('../images/about_hkdnr_hb.svg');
  background-position: 0 11px;
  background-size: 55px;
  background-repeat: no-repeat;
}

.blue_h.hk_lock {
  padding-left: 43px;
  background-image: url('../images/loginPin_icon.svg');
  background-position: 0 3px;
  background-size: 33px;
  background-repeat: no-repeat;
}

.blue_h.ssl_hb {
  padding-left: 43px;
  background-image: url('../images/ssl_hb_icon.svg');
  background-position: 0 5px;
  background-size: 33px;
  background-repeat: no-repeat;
}

.blue_h.code_of_conduct {
  padding-left: 52px;
  background-image: url('../images/coc_hb_icon.svg');
  background-position: 0 5px;
  background-size: 44px;
  background-repeat: no-repeat;
}

.blue_h.dispute-policy {
  padding-left: 52px;
  background-image: url('../images/dispute_policy_hb.svg');
  background-position: 0 7px;
  background-size: 44px;
  background-repeat: no-repeat;
}

.transfer_textarea {
  min-height: 200px;
  border: 1px none #000;
  border-radius: 20px;
}

.warn_span2 {
  margin-top: 20px;
  margin-bottom: 6px;
  color: red;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.text-block-33 {
  color: #14adf6;
  font-size: 12px;
  font-weight: 400;
}

.text-span-5 {
  position: relative;
  top: -2px;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
}

.div-block-71 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-72 {
  margin-top: 9px;
  font-size: 12px;
  white-space: normal;
}

.col_45 {
  width: 45%;
}

.col_45.right {
  text-align: right;
}

.contact_ul {
  width: 100%;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.contact_ul.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact_li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px 30px;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.4;
  list-style-type: none;
}

.contact_li.address {
  background-image: url('../images/contact_address_icon.svg');
  background-position: 0 0;
  background-size: 20px;
  background-repeat: no-repeat;
}

.contact_li.phone {
  background-image: url('../images/contact_phone_icon.svg');
  background-position: 0 3px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.contact_li.phone.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact_li.phone.mv-12 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  background-position: 0 12px;
}

.contact_li.fax {
  background-image: url('../images/contact_fax_icon.svg');
  background-position: 0 3px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.contact_li.fax.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact_li.fax.mv-12 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  background-position: 0 14px;
}

.contact_li.email {
  background-image: url('../images/contact_email_icon.svg');
  background-position: 0 6px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.contact_li.email.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact_li.email.mv-12 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  background-position: 0 15px;
}

.contact_li.clock {
  background-image: url('../images/contact_clock_icon.svg');
  background-position: 0 4px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.settingbtn {
  display: block;
  width: 14px;
  height: 14px;
  min-height: 14px;
  min-width: 14px;
  margin-top: -2px;
  margin-left: 2%;
  opacity: 0.46;
}

.settingbtn:hover {
  opacity: 0.78;
}

.searchbar_wrapper {
  display: none;
  width: 100%;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background-color: rgba(20, 173, 246, 0.8);
}

.searchbar_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-73 {
  width: 21px;
  height: 21px;
  margin-right: 11px;
}

.searchbar_field {
  width: 100%;
  max-height: 32px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0;
  float: left;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 rgba(255, 255, 255, 0.4);
  background-color: transparent;
  color: #fff;
}

.searchbar_field:focus {
  border-bottom-color: #fff;
}

.remove_icon_wrapper {
  width: 15px;
  height: 15px;
  color: #4a8ae9;
}

.remove_icon_wrapper.white {
  margin-left: 10px;
  color: #fff;
}

.remove_icon_wrapper.white:hover {
  opacity: 0.7;
}

.user_sidebar_icon_embed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.remove_btn {
  width: 24px;
}

.remove_btn:hover {
  opacity: 0.7;
}

.div-block-74 {
  display: inline-block;
  padding: 6px 10px 11px 12px;
  border-radius: 100%;
  background-color: #ee6c39;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.div-block-74:hover {
  opacity: 0.84;
}

.p-rl-2 {
  padding-right: 2%;
  padding-left: 2%;
}

.mt-10 {
  margin-top: 10px;
}

.edit_link {
  color: #333;
  text-decoration: none;
}

.edit_link:hover {
  color: #ee6c39;
  text-decoration: underline;
}

.add_toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  padding: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #858585;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.16);
  line-height: 1;
  cursor: pointer;
}

.add_toggle.current {
  background-color: #ee6c39;
}

.mh-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.mv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.text-block-19b {
  padding-right: 25px;
  background-image: url('../images/searchBtn_icon.svg');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.text-block-19b.xs {
  padding-right: 7px;
  padding-left: 7px;
}

.text-block-19b.copy {
  background-image: url('../images/copyBtn.svg');
}

.dl_btn {
  display: block;
  width: 9%;
  padding: 18px 3%;
  -webkit-align-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background-color: #ee6c39;
}

.dl_btn:hover {
  background-color: #ffaf59;
}

.dl_item_each {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
}

.dl_item_each.mv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dl_item_each.mv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dl_item_each.mv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dl_item_each.mh-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.dl_item_each.mh-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.dl_item_each.mv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.dl_item_each.mt-0 {
  margin-top: 0;
}

.qa_toggle {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 50px;
  padding-left: 15px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #4d4a48;
  font-size: 21px;
  line-height: 1.5;
  font-weight: 700;
  cursor: pointer;
}

.qa_toggle.search {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/search_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.qa_toggle.suggested {
  margin-bottom: 30px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/lightblub.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #575757;
}

.qa_toggle.possible {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 46px;
  border-left-style: none;
  background-image: url('../images/possible_icon.svg');
  background-position: 0 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #575757;
}

.qa_toggle.order_num {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 65px;
  border-left-style: none;
  background-image: url('../images/orderNum.svg');
  background-position: 0 50%;
  background-size: 42px 43px;
  background-repeat: no-repeat;
  line-height: 1.4;
}

.qa_toggle.h3 {
  font-size: 20px;
}

.qa_toggle.subdomain {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 50px;
  border-left-style: none;
  background-image: url('../images/subdomain_icon.svg');
  background-position: 0 50%;
  background-size: 38px;
  background-repeat: no-repeat;
  color: #575757;
}

.qa_toggle.current_domain {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 59px;
  border-left-style: none;
  background-image: url('../images/current_domain_icon.svg');
  background-position: 0 50%;
  background-size: 49px;
  background-repeat: no-repeat;
  color: #575757;
}

.qa_toggle.mt-3 {
  margin-top: 3px;
}

.qa_toggle.mt-3.mb-15 {
  margin-bottom: 15px;
}

.qa_toggle.transfer {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 36px;
  border-left-style: none;
  background-image: url('../images/transfer_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.qa_toggle.info {
  margin-bottom: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 36px;
  border-left-style: none;
  background-image: url('../images/general_info_icon.svg');
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ee6c39;
}

.qa_toggle._21pt {
  font-size: 21px;
}

.qa_toggle._21pt.normal {
  font-weight: 400;
}

.qa_list {
  display: none;
  padding-right: 16px;
  padding-left: 16px;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.4px;
}

.qa_each {
  margin-bottom: 40px;
}

.qa_each.mb-10 {
  margin-bottom: 10px;
}

.qa_toggle_txt {
  display: inline-block;
}

.qa_arrow {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  display: inline-block;
  margin-top: 7px;
  color: #f28339;
}

.qa_bullet {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: 5px;
  height: 17px;
  margin-top: 7px;
  background-color: #f28339;
}

.mb-0 {
  margin-bottom: 0;
}

.qa_wrapper {
  width: 100%;
  text-align: left;
}

.video-container {
  position: relative;
  z-index: 2;
}

.list-item-3 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ee6c39;
  font-size: 16px;
  line-height: 1.4;
}

.c_706f6f {
  color: #706f6f;
  text-decoration: none;
}

.c_706f6f.sitemap:hover {
  color: #f28339;
}

.list-4 {
  margin-top: 20px;
  margin-bottom: 38px;
  padding-left: 20px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
}

.list-4.mt-0 {
  margin-top: 0;
}

.list-4.mt-0.mb-20 {
  margin-bottom: 20px;
}

.list-4.mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.list-4.mb-20 {
  margin-bottom: 20px;
}

.list-4.mb-100 {
  margin-bottom: 100px;
}

.white {
  color: #fff;
}

.white._17pt {
  font-size: 17px;
  line-height: 1.4;
}

.white._17pt.bold {
  font-weight: 700;
}

.col_100 {
  width: 100%;
}

.col_100.mb-20 {
  margin-bottom: 20px;
}

.col_100.mb-60 {
  margin-bottom: 60px;
}

.col_100.center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.heading-3 {
  font-size: 18px;
  line-height: 1.4;
}

.c_4d4a48 {
  color: #4d4a48;
}

.img_wrapper {
  display: inline-block;
  width: auto;
}

.col_50 {
  width: 50%;
}

.col_70 {
  width: 70%;
}

.col_70.center {
  margin-right: auto;
  margin-left: auto;
  background-color: #f2f2f2;
}

.div-block-75 {
  width: 62%;
  margin-right: auto;
  margin-left: auto;
  padding: 66px 40px;
  border-radius: 25px;
  background-color: #f2f2f2;
}

.c_0371ec.mb-10 {
  margin-bottom: 10px;
}

.text-block-34 {
  margin-bottom: 10px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #0371ec;
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
}

.mh-0p {
  padding-right: 0;
  padding-left: 0;
}

.text-block-35 {
  color: #706f6f;
}

.m_list {
  display: none;
}

.m_list_each {
  line-height: 1.4;
}

.mv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.list-5 {
  padding-right: 20px;
  padding-left: 20px;
}

.list-item-4 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-76 {
  width: 33%;
  margin-bottom: 20px;
}

.div-block-76b {
  width: 18%;
  margin-bottom: 20px;
}

.sitemap_each {
  display: inline-block;
  width: 22%;
  margin-right: 1.3%;
  margin-left: 1.3%;
}

.sitemap_each_icon {
  width: 40%;
  margin-top: 33px;
  margin-bottom: 31px;
}

.col_40 {
  width: 40%;
}

.col_40.mb-20 {
  margin-bottom: 20px;
}

.col_40.mb-30 {
  margin-bottom: 30px;
}

.sitemap_each_icon_p {
  width: 100%;
  padding-top: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sitemap_each_icon_p.p1 {
  background-image: url('../images/sitemap_p01.svg');
}

.sitemap_each_icon_p.p2 {
  background-image: url('../images/sitemap_p02.svg');
}

.sitemap_each_icon_p.p3 {
  background-image: url('../images/sitemap_p03.svg');
}

.sitemap_each_icon_p.p4 {
  background-image: url('../images/sitemap_p04.svg');
}

.sitemap_each_icon_p.p5 {
  background-image: url('../images/sitemap_p05.svg');
}

.sitemap_each_icon_p.p6 {
  background-image: url('../images/sitemap_p06.svg');
}

.sitemap_each_icon_p.p7 {
  background-image: url('../images/sitemap_p07.svg');
}

.sitemap_each_icon_p.p8 {
  background-image: url('../images/sitemap_p08.svg');
}

.mb-60 {
  margin-bottom: 60px;
}

.div-block-77 {
  width: 100%;
  margin-bottom: 60px;
}

.div-block-78 {
  width: 46%;
  margin-right: 2%;
  float: left;
}

.div-block-79 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-80 {
  padding-left: 15px;
  border-left: 5px solid #ee6d40;
  line-height: 1.4;
}

.text-block-36 {
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.coc_each {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dedede;
}

.coc_each.last {
  border-bottom-style: none;
}

.div-block-81 {
  width: 15%;
}

.div-block-82 {
  width: 85%;
}

.coc_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #706f6f;
  font-size: 16px;
  line-height: 1.7;
  text-align: justify;
}

.coc_row._21pt {
  font-size: 21px;
}

.list-6 {
  padding-left: 20px;
  list-style-type: lower-roman;
}

.list-item-5 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.num_ul {
  margin-bottom: 40px;
  padding-left: 0;
  list-style-type: none;
}

.num_ul.ml-30 {
  padding-left: 30px;
}

.div-block-83 {
  width: 40%;
}

.div-block-84 {
  width: 60%;
}

.mh-3p {
  padding-right: 3%;
  padding-left: 3%;
}

.div-block-85 {
  display: inline-block;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 21px;
  line-height: 1.4;
}

.text-block-37 {
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 700;
}

.text-block-37b {
  padding-top: 6px;
  padding-bottom: 6px;
}

.div-block-85b {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #e1e1e1;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 21px;
  line-height: 1.4;
}

.div-block-45b {
  position: absolute;
  top: 0;
  right: 0;
  width: 13%;
  margin-top: 1%;
  margin-right: 20%;
}

.div-block-21b {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 63%;
  margin: 20px auto 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
}

.div-block-21b.bundle {
  width: 80%;
  margin-right: 16px;
  margin-bottom: 0;
  margin-left: 16px;
}

.div-block-86 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.link-2 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #14adf6;
  font-size: 18px;
  line-height: 1.4;
  text-decoration: none;
}

.whois_terms_h {
  margin-bottom: 20px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #706f6f;
  line-height: 1.4;
}

.mb-100 {
  margin-bottom: 100px;
}

.container_900 {
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-87 {
  padding-right: 40px;
  padding-left: 40px;
}

.pay_method_logo {
  display: inline-block;
  width: 10%;
  max-width: 52px;
  margin-right: 1%;
  margin-left: 1%;
}

.lang_dd_link {
  display: block;
  margin-bottom: 5px;
  padding: 0 12px;
  float: left;
  clear: both;
  border-radius: 20px;
  background-color: #ee6c39;
  color: #fff;
}

.lang_dd_link:hover {
  background-color: #14adf6;
}

.lang_dd_list {
  background-color: transparent;
}

.lang_dd_list.w--open {
  margin-top: 5px;
  padding-left: 0;
}

.lang_dd_toggle {
  padding: 0;
}

.text-span-7 {
  float: left;
  clear: both;
  font-size: 11px;
}

._17pt {
  font-size: 17px;
  line-height: 1.4;
}
/*Grouping Email  by James Chan*/

.red_bold {
  color: #df6c59;
  font-weight: 700;
  cursor: pointer;
}

label.domainCheck {
  font-weight: normal;
}
.rnwReminderMsg {
  margin-top: 0.5rem;
  margin-block-end: 0;
}

.mr-1 {
  margin-right: 0.25rem;
}

.rnwReminderMsgWrapper{
  display: flex;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  font-size: 15px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(197 183 255);
  background-color: rgb(247 245 255 / 33%);
  border-radius: .375rem;
  padding: 1rem 1.5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.rnwReminderTitle {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 17px ;
}

.rnwReminderBtnWrapper {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  align-items: center;
}

.rnwReminderHeader {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #fa3800;
}

.rnwReminderBtn{
  display: inline-block;
  padding: 6px 18px;
  border-radius: 30px;
  color: #fff;
  line-height: 1.2;
  width: auto;
  background-color: #ffc03c;
  text-decoration: none;
}

.errorMsgWrapper {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #fa3800;
  background-color: rgb(247 245 255 / 33%);
  border-radius: .375rem;
  padding: 1rem 1.5rem;
  box-shadow: 1px 1px 11px -1px rgba(0, 0, 0, 0.08)
}

.errorMsgHeader {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #fa3800;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.selectedDomainsMsg {
  margin-top: 5px;
}
/* James Grouping Email */
.cart_icon_dot {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-right: -8px;
  padding-top: 1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: red;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}

html.w-mod-js *[data-ix="fadein-up-1"] {
  opacity: 0;
  -ms-transform: translate(0, 25px);
  transform: translate(0, 25px);
}

html.w-mod-js *[data-ix="fadein-right-1"] {
  opacity: 0;
  -ms-transform: translate(-25px, 0);
  transform: translate(-25px, 0);
}

html.w-mod-js *[data-ix="fadein-left-1"] {
  opacity: 0;
  -ms-transform: translate(25px, 0);
  transform: translate(25px, 0);
}

html.w-mod-js *[data-ix="scalein-1-1"] {
  opacity: 0;
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

@media screen and (max-width: 1024px) {
  .footer_link_wrapper {
    width: 40%;
  }
}
/*james - Grouping Email Start*/
@media screen and (max-width: 991px) {
  .container  {
    text-align: center;
  }
  .page_title.orange.center {
    text-align: center;
  }

  .rnwReminderMsg {
    margin-block-end: 1em;
  }

  .rnwReminderMsgWrapper {
    align-items: initial;
    flex-direction: column;
  }
  .rnwReminderBtnWrapper {
    align-items: center;
  }

  .domain_status_blk_tick .check {
    width: 16px;
  }

  .domain_status_blk_right.th {
    width: 31.3%
  }
  /*james - Grouping Email END*/
  .nav_link {
    display: none;
  }

  .nav_link.nav_dd_toggle {
    display: inline-block;
    width: 100%;
    padding: 17px 20px;
    float: left;
    background-image: url('../images/select_arrow.svg');
    background-position: 95% 50%;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    color: #051638;
    text-align: left;
  }

  .nav_link.m_show {
    display: block;
    margin-right: auto;
    margin-left: 0;
    padding: 0;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .brand {
    width: 10%;
    max-width: 70px;
  }

  .container_1180 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .container_1180.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0 6px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .wrapper.c_2149a5 {
    padding-top: 30px;
  }

  .footer_h2 {
    font-size: 22px;
  }

  .footer_link {
    font-size: 15px;
  }

  .footer_ul {
    padding-top: 10px;
    padding-bottom: 12px;
  }

  .footer_li {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .footer_col_100 {
    padding-top: 60px;
  }

  .sidebar_wrapper {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 0 0 0;
  }

  .content_wrapper {
    width: 100%;
    margin-left: 0;
  }

  .main_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .main_wrapper.left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .sidebar_bg {
    display: none;
  }

  .sidebar_title {
    display: inline-block;
    font-size: 28px;
  }

  .sidebar_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    display: none;
    width: 40%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 53px;
    padding-left: 20px;
    background-color: #e7e7e7;
  }

  .sidebar_icon.close {
    width: 12px;
    margin-right: 0;
    margin-left: 5px;
  }

  .page_title {
    font-size: 20px;
    line-height: 1.4;
  }

  .page_title.search {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .page_title.suggested {
    margin-bottom: 20px;
    padding-left: 37px;
    background-size: 27px;
  }

  .page_title.possible {
    background-size: 33px;
  }

  .page_title.order_num {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 51px;
    background-size: 38px;
  }

  .page_title.subdomain {
    padding-left: 45px;
    background-size: 36px;
  }

  .page_title.current_domain {
    padding-left: 53px;
    background-size: 40px;
  }

  .page_title.mt-3.inline {
    margin-bottom: 5px;
  }

  .page_title.transfer {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .page_title.info {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .page_title._21pt {
    font-size: 19px;
  }

  .page_title._21pt.orange.mv-0 {
    padding-top: 0;
  }

  .page_title._21pt.m_mb-10 {
    margin-bottom: 10px;
  }

  .page_title._21pt.m_mb-10.m_mt-40 {
    margin-top: 40px;
  }

  .page_title.orange {
    margin-top: 0;
    margin-bottom: 10px;
    background-image: none;
  }

  .page_title._14pt.m_mb-0 {
    margin-bottom: 0;
  }

  .domain_status_blk_left {
    width: 50%;
  }

  .domain_status_blk_left.th {
    width: 47.7%;
  }

  .domain_status_blk_right {
    width: 30%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .domain_status_blk_center {
    width: 24%;
    padding-right: 0;
    font-size: 15px;
  }

  .domain_status_blk_center.th {
    width: 22.9%;
  }

  .domain_status_name {
    font-size: 20px;
  }

  .domain_status_desc {
    font-size: 12px;
  }

  .domain_status_color {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .domain_dd_toggle {
    margin-bottom: 8px;
  }

  .globe_input {
    border-color: #ddd;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.08);
  }

  .globe_input.thick-border._24pt {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 14px 25px;
    font-size: 20px;
  }

  .globe_input.thick-border._17pt {
    padding: 22px 25px;
    font-size: 17px;
  }

  .globe_input.thick-border._18pt {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .globe_input.thick-border._18pt.inline.col_745 {
    width: 75.5%;
  }

  .globe_input.thick-border._18pt.col_70.m_col_100 {
    width: 100%;
    margin-left: 0;
  }

  .globe_input.thick-border.whitebg._18pt.rounded {
    font-size: 16px;
  }

  .globe_input.thin-border.inline.col_30.mh-20 {
    margin-right: 28px;
    margin-left: 28px;
  }

  .globe_input.thin-border.inline.col_30.mh-20.m_col_50 {
    width: 50%;
  }

  .globe_input.thin-border.col_738.inline {
    width: 75.4%;
  }

  .form_title_txt {
    font-size: 16px;
  }

  .form_title {
    font-size: 12px;
  }

  .form_row {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form_row.th {
    display: none;
  }

  .form_row.mtb-20.coupon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_row.mtb-20.m_vertical {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_row.p-tb-20 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_row.m_block {
    display: block;
  }

  .form_row.m_vertical {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_row.m_vertical.m_mt-40 {
    padding-top: 40px;
  }

  .form_row.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .form_row.m_hor.mh-6.m_vertical {
    margin-right: 0;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form_row.underline.mv-20 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .form_row.underline.flex-top.hide {
    display: none;
  }

  .form_row.underline.m_mv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_row.underline.m_mt-0 {
    padding-top: 0;
  }

  .form_row.underline.m_underline_hide {
    border-bottom-style: none;
  }

  .form_row.underline.m_underline_hide.mv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_row.underline.mb-20 {
    padding-bottom: 20px;
  }

  .form_row.underline.m_mv-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form_row.underline.m_mb-40 {
    padding-bottom: 40px;
  }

  .form_row.mh-20 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .form_row.mh-20.relative.m_mtb_0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_row.mh-20.m_mtb_0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_row.mh-6 {
    padding-right: 6px;
    padding-left: 6px;
  }

  .form_row.full-width.bg_f8f8f8 {
    margin-top: 10px;
    margin-bottom: -28px;
    padding-right: 4%;
    padding-bottom: 50px;
    padding-left: 4%;
  }

  .form_row.full-width.bg_14adf6.mh-40.m_mh-20 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .form_row.full-width.bg_14adf6.mh-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form_row.full-width.bg_0371ec.th.m_th {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form_row.full-width.bg_0371ec.mh-40.m_mh-20 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .form_row.full-width.bg_0371ec.mh-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form_row.m_mh-15 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .form_row.underline_df1021 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .form_row.col_50.m_col_100 {
    width: 100%;
  }

  .form_row.ma-20.m_mb-0 {
    padding-bottom: 0;
  }

  .form_row.m_mh_12 {
    padding-right: 12px;
    padding-left: 12px;
  }

  .form_row.mv-30.m_mv-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_row.right.mv-20._22pt.bold.mr-2p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .form_row.right.mv-20._22pt.bold.mr-2p.m_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form_row.right.mv-20.mb-40.m_hori {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .form_row.right.mv-20.m_mv-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_row.flex-top {
    max-height: 280px;
  }

  .form_row.flex-top.topline.hide {
    display: none;
  }

  .text-span {
    top: 3px;
  }

  .form_date {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .manage_form_each {
    width: 100%;
    margin: 12px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .manage_form_label {
    margin-bottom: 0;
  }

  .manage_form_row {
    width: 100%;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lb_title {
    font-size: 26px;
  }

  .lb_content {
    font-size: 16px;
  }

  .text-block-14 {
    font-size: 17px;
  }

  .div-block-18 {
    font-size: 12px;
  }

  .sort_arrow {
    width: 8px;
  }

  .step_bar_wrapper {
    padding-top: 10px;
    padding-bottom: 28px;
  }

  .step_title {
    display: none;
  }

  .step_bar {
    display: none;
  }

  .step_each {
    height: 50px;
    padding-right: 0;
  }

  .div-block-20 {
    padding-top: 20px;
    padding-bottom: 120px;
  }

  .div-block-20.f2f2f2 {
    padding-top: 40px;
  }

  .searchbtn {
    margin-right: 20px;
    font-size: 16px;
  }

  .div-block-21 {
    margin-bottom: 23px;
  }

  .page_btn {
    font-size: 16px;
  }

  .page_btn.mh-40.pay_later {
    margin-top: 20px;
  }

  .page_btn.modify_admin.mh-40 {
    margin-top: 20px;
  }

  .page_btn.request_unlock.mh-40 {
    margin-top: 20px;
  }

  .page_btn.mh-60.pay_later {
    margin-top: 20px;
  }

  .div-block-22 {
    margin-top: 80px;
  }

  .page_btn_txt.login {
    margin-left: 16px;
    background-size: 23px 23px;
  }

  .search_result_toggle {
    padding: 11px 21px 14px;
  }

  .prize_txt {
    font-size: 16px;
  }

  .prize_txt.c_ee6c39.inline {
    font-size: 32px;
  }

  .add_cart {
    font-size: 16px;
  }

  .cart_globe_txt {
    font-size: 20px;
  }

  .cart_globe_txt.checked {
    padding-left: 27px;
    background-position: 0 6px;
  }

  .cart_globe_txt.center {
    width: auto;
  }

  .cart_globe_txt.center.m_left {
    width: auto;
    text-align: left;
  }

  .cart_globe_txt.orange.m_th {
    display: block;
    width: auto;
    margin-top: 7px;
    margin-right: 10px;
    margin-bottom: 7px;
    font-size: 18px;
  }

  .cart_globe_txt.orange.m_th.m_16pt {
    font-size: 16px;
  }

  .cart_globe_txt.orange.m_th.c_0371ec {
    color: #0371ec;
  }

  .cart_globe_txt.orange.m_th.m_c_fff {
    color: #fff;
  }

  .cart_globe_txt.orange.m_th.mh-2p {
    padding-right: 2%;
    padding-left: 2%;
  }

  .cart_globe_txt.orange.m_th.inline {
    display: inline-block;
  }

  .search_result_each {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .search_result_list {
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .search_result_service_each {
    width: 48%;
    margin-left: 2%;
    padding-right: 2%;
  }

  .search_form_label {
    font-size: 16px;
  }

  .form_col_64 {
    margin-right: 20px;
  }

  .form_col_64.bundle {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .form_col.col_32.m_float {
    float: left;
  }

  .form_col.col_32.m_col_100 {
    width: 100%;
  }

  .form_col.col_32.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col.col_14 {
    margin-right: 2%;
  }

  .form_col.col_14.m_float {
    margin-left: 2%;
    float: left;
  }

  .form_col.col_14.m_col_100 {
    width: 100%;
    margin-right: 0;
  }

  .form_col.col_14.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col.col_50.right {
    text-align: left;
  }

  .form_col.col_50.right.m_col_100.m_mb-0 {
    margin-bottom: 0;
  }

  .form_col.col_50.m_float {
    float: left;
  }

  .form_col.col_50.m_col_100 {
    width: 100%;
    margin-bottom: 14px;
  }

  .form_col.col_50.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col.col_50.m_col_64 {
    width: 64%;
  }

  .form_col.col_50._17pt.bold.c_4d4a48.p-0.m_p-2 {
    padding-right: 2%;
    padding-left: 2%;
  }

  .form_col.col_50.hori.m_col_100.m_left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .form_col.col_20._17pt.bold.c_4d4a48.m_col_100.m_mb-10 {
    width: 100%;
  }

  .form_col.col_20.m_col_100 {
    width: 100%;
  }

  .form_col.col_48.m_col_100 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .form_col.col_48.m_col_100.m-mh-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-0.m_mb-0 {
    padding-bottom: 0;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-1p {
    padding-right: 1%;
    padding-left: 1%;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-1p.m_mb-0 {
    padding-bottom: 0;
  }

  .form_col.col_100.mv-20.m_mb-0 {
    padding-bottom: 0;
  }

  .form_col.col_100.mt-20.m_mh-2p {
    padding-right: 2%;
    padding-left: 2%;
  }

  .form_col.col_46.mh-0p._16pt.c_706f6f.m_col_100 {
    width: 100%;
  }

  .form_col.col_46.mh-0p._16pt.c_706f6f.m_col_100.mb-40 {
    margin-bottom: 40px;
  }

  .form_col.col_18.mh-12.m_col_100 {
    display: inline-block;
  }

  .form_col.col_18.mh-12.m_col_32 {
    display: inline-block;
    width: 32%;
  }

  .form_col.col_40._17pt.bold.c_4d4a48.m_col_100 {
    width: 100%;
  }

  .form_col.col_40._17pt.bold.c_4d4a48.m_mb-5 {
    margin-bottom: 5px;
  }

  .form_col.col_40._17pt.bold.c_4d4a48.m_mb-10 {
    margin-bottom: 10px;
  }

  .form_col.col_28.m_col_100 {
    width: 100%;
  }

  .form_col.col_28.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col.col_44.m_col_100 {
    width: 100%;
  }

  .form_col.col_44.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col.col_31.m_col_100 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .form_col.col_31.m_col_96 {
    width: 96%;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .form_col.col_30 {
    display: inline-block;
    width: 50%;
  }

  .form_col.col_30.m_col_100 {
    width: 100%;
    margin-top: 10px;
  }

  .form_col.col_30.m_col_80 {
    width: 80%;
  }

  .form_col.m_col_100.m_mb-10 {
    margin-bottom: 10px;
  }

  .form_col.m_col_100.m_hor.m_mv-10{
    display: block;
  }

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

  .form_col.col_40.hori.m_col_100 {
    display: block;
    width: 100%;
    margin-left: 0;
  }

  .form_col.col_16.hori {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .form_col.col_16.hori.m_col_30 {
    width: 30%;
  }

  .form_col.col_16.hori.m_col_30.m_mb-20 {
    margin-bottom: 20px;
  }

  .form_col.col_39.m_col_100 {
    width: 100%;
  }

  .form_col.col_60.m_col_100 {
    width: 100%;
  }

  .form_col.col_12.m_mb-10 {
    margin-bottom: 10px;
  }

  .form_col.col_70.bold {
    display: inline-block;
    width: 50%;
  }

  .form_col.col_91._21pt.bold {
    font-size: 18px;
  }

  .form_col._24pt.bold.m_18pt {
    font-size: 20px;
  }

  .form_col.col_21._24pt.bold.mh-2p.m_right {
    text-align: right;
  }

  .divider.static.mv-60 {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .from_col.th {
    padding-bottom: 11px;
    font-size: 16px;
  }

  .globe_select.thick-border._24pt {
    width: auto;
    height: 50px;
    padding: 14px 60px;
    font-size: 20px;
  }

  .globe_select.thick-border._18pt {
    height: 53px;
  }

  .globe_select.thick-border._17pt {
    font-size: 16px;
  }

  .form_cancel_btn {
    width: 15px;
    height: 15px;
    margin-right: 0;
    margin-left: 0;
    background-size: 15px 15px;
  }

  .form_cancel_btn.m_hide {
    display: none;
  }

  .more_services {
    font-size: 16px;
  }

  .cart_item_each {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .applybtn {
    font-size: 13px;
  }

  .removebtn:hover {
    background-color: silver;
  }

  .text-block-20 {
    font-size: 18px;
  }

  .page_btn_wrapper {
    margin-top: 80px;
  }

  .page_btn_wrapper.col_50.right {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }

  .page_btn_wrapper.left.m_center {
    margin-left: 0;
    text-align: center;
  }

  .page_btn_wrapper.mt-60.between.m_center {
    display: block;
    width: 100%;
    margin-left: 0;
  }

  .page_btn_wrapper.mt-60.right.m_center {
    text-align: center;
  }

  .page_btn_wrapper.mt-60.col_50 {
    width: 100%;
    margin-top: 40px;
  }

  .page_btn_wrapper.mt-60.m_mt-40 {
    margin-top: 40px;
  }

  .page_btn_wrapper.right.m_center {
    margin-right: 0;
    text-align: center;
  }

  .terms_checkfield {
    margin-bottom: 0;
  }

  .terms_checkfield.absolute-top-left {
    margin-top: 10px;
  }

  .terms_checkfield.ml-9 {
    padding-left: 16px;
  }

  .terms_checkfield.c_000.right {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-36 {
    padding-top: 10px;
  }

  .c_ee6c39._21pt.bold.mv-20 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 19px;
  }

  .terms_checkbox.mt-8 {
    margin-top: 6px;
  }

  .contact_form_field {
    font-size: 16px;
  }

  .asterisks {
    font-size: 20px;
  }

  .asterisks._14pt {
    position: relative;
    bottom: 3px;
    font-size: 14px;
  }

  .asterisks._16pt {
    font-size: 16px;
  }

  .form_cap.inline.col_60._16pt.m_col_100 {
    width: 100%;
  }

  .form_cap.inline.col_60._16pt.m_col_100.m_mb-10 {
    margin-bottom: 10px;
  }

  .form_cap.inline.col_60._16pt.m_col_100.m_mb-10.bold.c_4d4a48 {
    width: 100%;
  }

  .text-block-21 {
    font-size: 15px;
  }

  .captcha_btn {
    width: 29px;
  }

  .copybtn {
    margin-right: 20px;
  }

  .radio-button-field._18pt {
    font-size: 16px;
  }

  .cart_order_table_th {
    display: none;
  }

  .cart_order_table_tr {
    padding-right: 22px;
    padding-left: 22px;
    border-top-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .ssl_txt {
    width: 50%;
  }

  .div-block-37.flex-between {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
  }

  .more_details_btn {
    font-size: 16px;
  }

  .m_sidebar_toggle {
    display: block;
    margin-right: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    background-image: url('../images/icons8-xbox-menu-96.png'), url('../images/account_sidebar_p.svg');
    background-position: 2% 50%, 100% 44%;
    background-size: 48px 48px, 30%;
    background-repeat: no-repeat, no-repeat;
    text-align: center;
    cursor: pointer;
  }

  .m_sidebar_toggle:hover {
    background-color: #3abdfc;
  }

  .m_expiredate {
    font-size: 17px;
  }

  .m_sidebar_toggle_close {
    z-index: 1;
  }

  .m_sidebar_close {
    position: absolute;
    left: auto;
    top: 2%;
    right: 3%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
    color: #a09e9d;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
  }

  .m_sidebar_close:hover {
    color: #ee6c39;
  }

  .menu-button {
    color: #373737;
  }

  .menu-button.w--open {
    background-color: transparent;
    color: #14adf6;
  }

  .nav-menu {
    position: relative;
    width: 100%;
    padding: 0 0;
    background-color: #fff;
  }

  .m_step_title {
    display: block;
    padding-top: 26px;
    padding-bottom: 13px;
    font-size: 24px;
    line-height: 1.7;
  }

  .m_step_title.minisite {
    padding-top: 0;
    padding-bottom: 0;
  }

  .step_txt {
    display: none;
  }

  .text-span-2 {
    display: inline-block;
    margin-bottom: 9px;
    padding-right: 12px;
    padding-left: 10px;
    border-radius: 8px;
    background-color: #0371ec;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.2px;
  }

  .div-block-38 {
    width: 50%;
    -webkit-align-self: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .m_form_cancel_btn {
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-right: 14px;
    margin-left: 0;
    background-size: 15px 15px;
  }

  .m_form_cancel_btn.m_hide {
    display: none;
  }

  .m_form_cancel_btn.renew {
    top: 0;
    margin-top: 7px;
    margin-right: 0;
  }

  .div-block-40 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-42 {
    padding-top: 18%;
    font-size: 48px;
  }

  .form {
    padding-right: 40px;
    padding-left: 40px;
  }

  .text-block-23 {
    font-size: 32px;
  }

  .login_field {
    font-size: 16px;
  }


  .widget_btn {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 12px;
  }

  .widget_btn.reload {
    margin-top: 0;
  }

  .sidebar_submenu {
    display: none;
    margin-left: 17px;
    padding: 6px 15px;
    background-color: #d1d1d1;
  }

  .sidebar_submenu_link {
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
  }

  .globe_paragraph {
    font-size: 15px;
  }

  .globe_paragraph.max-width_900 {
    max-width: none;
  }

  .globe_paragraph.bold._18pt.mv-10 {
    font-size: 16px;
  }

  .globe_paragraph._18pt.bold.c_4d4a48 {
    font-size: 16px;
  }

  .globe_paragraph.c_706f6f.mb-100 {
    margin-bottom: 80px;
  }

  .globe_paragraph.mb-40 {
    margin-bottom: 20px;
  }

  .card_info_title {
    font-size: 16px;
  }

  .card_info_title.absolute-top {
    position: static;
    float: none;
  }

  .card_info_title.absolute-top.m_orange {
    color: #ee6c39;
  }

  .card_info_txt {
    font-size: 16px;
  }

  .card_info_wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_col_divider {
    border-right-style: none;
  }

  .form_col_divider.col_32.m_float {
    float: left;
  }

  .form_col_divider.col_32.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_32.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col_divider.col_14 {
    margin-right: 2%;
  }

  .form_col_divider.col_14.m_float {
    margin-left: 2%;
    float: left;
  }

  .form_col_divider.col_14.m_col_100 {
    width: 100%;
    margin-right: 0;
  }

  .form_col_divider.col_14.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col_divider.col_14._17pt.m_col_100.m_mb-20 {
    font-size: 16px;
  }

  .form_col_divider.col_14._16pt.mv-12.m_col_100 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_14.stretch.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0;
  }

  .form_col_divider.col_50.right {
    text-align: left;
  }

  .form_col_divider.col_50.m_float {
    float: left;
  }

  .form_col_divider.col_50.m_col_100 {
    width: 100%;
    margin-bottom: 14px;
  }

  .form_col_divider.col_50.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col_divider.col_50._17pt.bold.flex_center.m_col_100 {
    display: block;
    margin-bottom: 6px;
  }

  .form_col_divider.col_20._17pt.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    white-space: nowrap;
  }

  .form_col_divider.col_20._17pt.m_col_100.m_vert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_col_divider.col_20._17pt.m_col_100.m_vert.m_mb-20 {
    margin-bottom: 20px;
  }

  .form_col_divider.col_20._17pt.m_col_100.m_block {
    display: block;
    float: none;
  }

  .form_col_divider.col_20._17pt.stretch.m_col_50 {
    width: 50%;
  }

  .form_col_divider.col_20._17pt.stretch.m_col_50.mv-15 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_col_divider.col_20._20pt.bold.c_4d4a48.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_20._20pt.bold.c_4d4a48.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .form_col_divider.col_20.stretch {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .form_col_divider.col_20.stretch.m_col_22 {
    width: 22%;
    padding-top: 7px;
  }

  .form_col_divider.col_20.stretch.m_width_auto {
    width: auto;
  }

  .form_col_divider.col_20._16pt.stretch.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_20._16pt.stretch.m_col_100.m_mv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_20._16pt.stretch.m_col_100.m_mt-0 {
    padding-top: 0;
  }

  .form_col_divider.col_100.m_th {
    display: block;
  }

  .form_col_divider.col_46.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_46.m_col_100.m_mh-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .form_col_divider.col_18 {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }

  .form_col_divider.col_18.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .form_col_divider.col_18._17pt.stretch.last.m_col_100.mv-15 {
    display: block;
  }

  .form_col_divider.col_18._17pt.m_col_100.m_block {
    display: block;
  }

  .form_col_divider.col_18._17pt.m_col_100.m_block.m_mb-20 {
    font-size: 16px;
  }

  .form_col_divider.col_18.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
  }

  .form_col_divider.col_18._16pt.center.mv-15.stretch.m_col_100.m_bg_0371ec {
    border-radius: 11px;
    background-color: #0371ec;
  }

  .form_col_divider.col_18._16pt.center.mv-15.stretch.m_col_100.m_bg_0371ec.m_mh-20 {
    padding: 5px 20px;
  }

  .form_col_divider.col_18._16pt.center.mv-15.stretch.m_col_100.m_vert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form_col_divider.col_18.last._22pt.bold.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }

  .form_col_divider.col_18.p-rl-0.stretch.m_col_100.m_mv-20 {
    padding: 20px 2%;
  }

  .form_col_divider.col_40._17pt.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    float: left;
  }

  .form_col_divider.col_40._16pt.stretch.last.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_40._18pt.bold.stretch.m_col_100 {
    width: 100%;
    font-size: 16px;
  }

  .form_col_divider.col_28 {
    width: 28%;
  }

  .form_col_divider.col_28.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_28.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col_divider.col_28._17pt {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }

  .form_col_divider.col_28._17pt.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
  }

  .form_col_divider.col_28._16pt.mv-12.m_col_100 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_28._16pt.center.mv-15.stretch.m_col_100.m_vert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form_col_divider.col_28.m_col_50 {
    width: 50%;
  }

  .form_col_divider.col_44.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_44.m_col_100.m_hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form_col_divider.th.white.col_100._24pt.m_16pt {
    font-size: 20px;
  }

  .form_col_divider.col_36._22pt.bold {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }

  .form_col_divider.col_36._22pt.bold.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 20px;
  }

  .form_col_divider.col_36._17pt.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .form_col_divider.col_17 {
    width: auto;
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }

  .form_col_divider.col_17.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .form_col_divider.col_17.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
  }

  .form_col_divider.col_17._17pt.m_col_100.m_block {
    display: block;
  }

  .form_col_divider.col_17._17pt.m_col_100.m_block.m_mb-20 {
    font-size: 16px;
  }

  .form_col_divider.col_17.stretch.m_col_50 {
    padding-top: 0;
  }

  .form_col_divider.col_17.stretch.m_col_100 {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0;
  }

  .form_col_divider.col_27.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
  }

  .form_col_divider.col_10._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_10._17pt.m_col_100.m_mb-20 {
    font-size: 16px;
  }

  .form_col_divider.col_25._17pt.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    white-space: nowrap;
  }

  .form_col_divider.col_25.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .form_col_divider.col_13._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_39.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    white-space: nowrap;
  }

  .form_col_divider.col_39.stretch.last.m_col_100 {
    padding-top: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_col_divider.col_39.stretch.m_col_100 {
    margin-top: 0;
    margin-bottom: 16px;
    padding-top: 0;
  }

  .form_col_divider.col_15.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
  }

  .form_col_divider.col_15.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_15.stretch._17pt.mh-0p.m_col_100 {
    padding-right: 2%;
    padding-left: 2%;
  }

  .form_col_divider.col_12._17pt.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    float: left;
  }

  .form_col_divider.col_12._17pt.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .form_col_divider.col_12.stretch.m_col_100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0;
  }

  .form_col_divider.col_49.stretch.last.m_col_100 {
    width: 100%;
    padding-top: 0;
  }

  .form_col_divider.col_52._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider._17pt.col_60.mr-10p {
    padding-right: 2%;
  }

  .form_col_divider._17pt.col_60.mr-10p.m_col_70 {
    width: 70%;
  }

  .form_col_divider.col_24.stretch.m_col_100 {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 15px;
  }

  .form_col_divider.col_16._16pt.mv-12.m_col_100 {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_16.bold._20pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_16._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_16._17pt.m_col_100.m_mb-20 {
    font-size: 16px;
  }

  .form_col_divider.col_21._16pt.mv-5.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_21._17pt.bold.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_21._20pt.last.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_31.bold._20pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_11.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_11.m_col_50 {
    width: 50%;
  }

  .form_col_divider.col_11.m_col_20 {
    width: 20%;
  }

  .form_col_divider.col_55.pr-2._17pt.bold.c_4d4a48.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_30.stretch.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_30._18pt.bold.stretch.m_col_100.m_mv-10 {
    font-size: 16px;
    line-height: 1.4;
  }

  .form_col_divider.col_30._16pt.stretch.m_col_100.m_mv-10 {
    line-height: 1.4;
  }

  .form_col_divider.col_30._17pt.bold.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_19.stretch.m_col_100.last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0;
  }

  .form_col_divider.col_19.stretch.mt-0.m_col_50 {
    width: 50%;
    padding-top: 7px;
    padding-bottom: 15px;
  }

  .form_col_divider.col_19._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_35._17pt.bold.stretch.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_35._17pt.bold.stretch.m_col_100.m_mv-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form_col_divider.col_35.stretch._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_54.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_54.m_col_100.m_mh-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .form_col_divider.col_34._17pt.stretch.m_col_100 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_34._17pt.stretch.m_col_100.mv-15 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_col_divider.col_34.m_col_68 {
    width: 68%;
  }

  .form_col_divider.col_34.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_34.m_col_88 {
    width: 88%;
  }

  .form_col_divider.col_23._17pt.stretch.m_col_50 {
    width: 50%;
  }

  .form_col_divider.col_60._18pt.stretch.last.m_col_100 {
    width: 100%;
    font-size: 16px;
  }

  .form_col_divider.col_80._16pt.last.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_80._18pt.bold.orange.stretch.m_col_100 {
    width: 100%;
    color: #706f6f;
    font-size: 16px;
  }

  .form_col_divider.col_8.bold._20pt.last.m_col_32 {
    width: 32%;
  }

  .form_col_divider.col_37.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_29._17pt.m_col_100 {
    width: 100%;
  }

  .form_col_divider.col_29._17pt.m_col_100.m_mb-20 {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .globe_item_blk.m_mt-0 {
    margin-top: 0;
    padding-top: 0;
  }

  .globe_item_blk.mv-20 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .globe_item_blk.mv-12 {
    padding-top: 0;
  }

  .globe_item_blk.mh-40 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .globe_item_blk.m_mv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .globe_item_blk.m_mv-10 {
    width: 100%;
  }

  .globe_item_blk.m_mt-5 {
    padding-top: 5px;
  }

  .subtotal.mtb-20 {
    font-size: 20px;
  }

  .nav_dd {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #f7f7f7;
  }

  .nav_dd.col_100 {
    border-bottom-style: none;
  }

  .nav_sub_dd_list {
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fbfbfb;
  }

  .nav_ul {
    display: none;
    margin-top: -5px;
    margin-right: 0;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }

  .nav_dd_link {
    padding-right: 20px;
    padding-left: 30px;
  }

  .nav_col {
    margin-right: 0;
  }

  .nav_col.lang_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .langbtn {
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    background-color: transparent;
    color: #373737;
  }

  .langbtn:hover {
    background-color: transparent;
    color: #14adf6;
  }

  .nav_iconbtn.nav_searchbtn {
    margin-right: 8px;
    margin-left: 8px;
  }

  .section_title {
    font-size: 20px;
    line-height: 1.4;
  }

  .section_title.search {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .section_title.suggested {
    margin-bottom: 20px;
    padding-left: 37px;
    background-size: 27px;
  }

  .section_title.possible {
    background-size: 33px;
  }

  .section_title.order_num {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 51px;
    background-size: 38px;
  }

  .section_title.subdomain {
    padding-left: 45px;
    background-size: 36px;
  }

  .section_title.current_domain {
    padding-left: 53px;
    background-size: 40px;
  }

  .text-span-4 {
    font-size: 14px;
  }

  .dns_globe_txt {
    font-size: 20px;
  }

  .dns_globe_txt.checked {
    padding-left: 27px;
    background-position: 0 6px;
  }

  .dns_globe_txt.center {
    width: auto;
  }

  .dns_globe_txt.center.m_left {
    width: auto;
    text-align: left;
  }

  .dns_globe_txt.orange.m_th {
    display: block;
    width: auto;
    margin-top: 7px;
    margin-right: 10px;
    margin-bottom: 7px;
  }

  .select_btn {
    font-size: 16px;
  }

  .form_col_inner.center.m_left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .form_col_inner.center.m_left.max_width_100 {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }

  .form_col_inner.center.m_left.m_hori {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-25b {
    display: block;
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
    text-align: right;
  }

  .div-block-42b {
    padding-top: 18%;
    font-size: 48px;
  }

  .div-block-45 {
    top: 29px;
    width: 21%;
    margin-right: 2%;
  }

  .text-block-27 {
    margin-bottom: 40px;
    font-size: 22px;
  }

  .text-block-28 {
    margin-top: 30px;
  }

  .radio-button-label {
    font-size: 18px;
  }

  .div-block-49 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .radio-button-field-2.inline.m_col_100 {
    width: 100%;
  }

  .text-block-30 {
    margin-top: 16px;
  }

  .del_btn {
    margin-top: 16px;
  }

  .div-block-56 {
    padding-bottom: 11px;
    font-size: 16px;
  }

  .radio-button-label-2 {
    font-size: 16px;
  }

  .radio-button-field-3 {
    font-size: 14px;
  }

  .pdf_btn {
    width: 25px;
    height: 29px;
    margin-left: 10px;
  }

  .inline.nav_dd_arrow {
    width: 10px;
    margin-right: 4.5%;
    float: right;
  }

  .m_col_100 {
    width: 100%;
  }

  .searchbtn_xs {
    margin-right: 20px;
    font-size: 16px;
  }

  .text-span-4b {
    font-size: 14px;
  }

  .text-span-4b.orange {
    margin-top: 6px;
  }

  .edit_btn {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 12px;
  }

  .edit_btn.absolute-t-r {
    width: 23px;
    height: 23px;
    margin-top: 24px;
    margin-right: 23px;
  }

  .edit_btn.reload {
    margin-top: 0;
  }

  .profile_feature_button_each {
    width: 46%;
    min-height: 380px;
  }

  .profile_feature_button_title {
    font-size: 23px;
  }

  .index_slide_p {
    padding-top: 45.93%;
  }

  .index_slide_p.p1 {
    padding-top: 45.93%;
  }

  .index_heading {
    font-size: 34px;
  }

  .div-block-64 {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .heading-2 {
    font-size: 22px;
  }

  .index_feature_button_each {
    width: 46%;
    min-height: 380px;
    margin: 2% 1.9%;
  }

  .mv-40 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .index_doc_each_title {
    font-size: 22px;
  }

  .index_feature_button_title {
    font-size: 23px;
  }

  .between.m_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .index_searchbtn {
    margin-right: 20px;
    font-size: 16px;
  }

  .select-field {
    width: 150px;
    margin-right: 10px;
    padding-right: 6px;
    font-size: 16px;
  }

  .list-item-2 {
    margin-right: 40px;
  }

  .list-3 {
    display: block;
    padding-right: 27px;
    padding-left: 27px;
  }

  .index_readmore {
    margin-top: 20px;
  }

  .transfer_button_each {
    width: 46%;
    min-height: 380px;
    margin: 2% 1.9%;
  }

  .blue_h {
    font-size: 34px;
    text-align: center;
  }

  .blue_h.contact {
    margin-bottom: 30px;
  }

  .blue_h.app_form {
    padding-left: 42px;
    background-size: 34px;
  }

  .blue_h.app_form2 {
    padding-left: 40px;
    background-position: 0 8px;
    background-size: 28px;
  }

  .blue_h.checkbill {
    padding-left: 40px;
    background-position: 0 7px;
    background-size: 28px;
  }

  .blue_h.domaintransfer {
    padding-left: 47px;
    background-position: 0 8px;
    background-size: 36px;
  }

  .blue_h.howtovideo {
    padding-left: 52px;
    background-position: 0 9px;
    background-size: 38px;
  }

  .blue_h.general {
    padding-left: 45px;
    background-position: 0 7px;
    background-size: 34px;
  }

  .blue_h.account_management {
    background-position: 0 7px;
    background-size: 26px;
  }

  .blue_h.domain {
    padding-left: 47px;
    background-position: 0 13px;
    background-size: 38px;
  }

  .blue_h.job_vacancy {
    padding-left: 42px;
    background-position: 0 10px;
    background-size: 30px;
  }

  .blue_h.minisite {
    padding-left: 39px;
    background-position: 0 4px;
    background-size: 30px;
  }

  .blue_h.reghow {
    padding-left: 43px;
    background-position: 0 10px;
    background-size: 32px;
  }

  .blue_h.eligibility {
    background-position: 0 11px;
  }

  .blue_h.fee {
    background-position: 0 7px;
  }

  .blue_h.rule_of_procedure {
    padding-left: 42px;
    background-size: 34px;
  }

  .blue_h.hkiac_hb_icon {
    padding-left: 45px;
    background-size: 34px;
  }

  .blue_h.service_partner_hb {
    padding-left: 48px;
    background-position: 0 3px;
    background-size: 40px;
  }

  .blue_h.dispute_hb_icon {
    padding-left: 51px;
    background-position: 0 2px;
    background-size: 40px;
  }

  .blue_h.about_hkdnr {
    padding-left: 54px;
    background-position: 0 9px;
    background-size: 48px;
  }

  .blue_h.hk_lock {
    padding-left: 41px;
    background-position: 0 2px;
    background-size: 32px;
  }

  .blue_h.ssl_hb {
    padding-left: 44px;
    background-position: 0 4px;
    background-size: 32px;
  }

  .blue_h.code_of_conduct {
    padding-left: 45px;
    background-position: 0 3px;
    background-size: 40px;
  }

  .blue_h.dispute-policy {
    padding-left: 45px;
    background-position: 0 5px;
    background-size: 40px;
  }

  .contact_li.address {
    background-size: 18px;
  }

  .contact_li.phone {
    background-size: 20px;
  }

  .contact_li.fax {
    background-size: 20px;
  }

  .contact_li.email {
    background-position: 0 7px;
    background-size: 20px;
  }

  .contact_li.clock {
    background-size: 20px;
  }

  .searchbar_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 7%;
  }

  .searchbar_inner {
    padding: 18px 24px;
  }

  .searchbar_field {
    border-bottom-style: solid;
  }

  .mv-15 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dl_btn {
    width: 13%;
    padding: 15px 4%;
  }

  .dl_item_each.m_mt-0 {
    margin-top: 0;
    padding-top: 0;
  }

  .dl_item_each.mv-20 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .dl_item_each.mv-12 {
    padding-top: 0;
  }

  .dl_item_each.mh-40 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .qa_toggle {
    padding-right: 43px;
    font-size: 17px;
    line-height: 1.4;
  }

  .qa_toggle.search {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .qa_toggle.suggested {
    margin-bottom: 20px;
    padding-left: 37px;
    background-size: 27px;
  }

  .qa_toggle.possible {
    background-size: 33px;
  }

  .qa_toggle.order_num {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 51px;
    background-size: 38px;
  }

  .qa_toggle.subdomain {
    padding-left: 45px;
    background-size: 36px;
  }

  .qa_toggle.current_domain {
    padding-left: 53px;
    background-size: 40px;
  }

  .qa_toggle.mt-3.inline {
    margin-bottom: 5px;
  }

  .qa_toggle.transfer {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .qa_toggle.info {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    background-size: 31px;
  }

  .qa_toggle._21pt {
    font-size: 19px;
  }

  .qa_list {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
  }

  .qa_each {
    margin-bottom: 27px;
  }

  .qa_arrow {
    margin-top: 5px;
  }

  .qa_bullet {
    height: 14px;
    margin-top: 5px;
  }

  .list-item-3 {
    font-size: 15px;
  }

  .list-4 {
    margin-top: 15px;
    margin-bottom: 33px;
  }

  .list-4.mv-0.m_mt-neg-10 {
    margin-top: -10px;
  }

  .list-4.mb-100 {
    margin-bottom: 80px;
  }

  .col_100.mb-60.m_mb-40 {
    margin-bottom: 40px;
  }

  .heading-3 {
    font-size: 16px;
  }

  .div-block-75 {
    width: 70%;
    margin-top: 23px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .text-block-34 {
    font-size: 30px;
  }

  .m_mv-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .m_hide {
    display: none;
  }

  .text-block-35 {
    color: #0371ec;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
  }

  .m_list {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    text-align: left;
    list-style-type: none;
  }

  .m_list.fee {
    width: 104%;
  }

  .m_list_each {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 13px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ecfaff;
    color: #373737;
    font-size: 14px;
  }

  .text-span-6 {
    color: #2bb6e9;
  }

  .div-block-76 {
    width: 20%;
  }

  .div-block-76b {
    width: 12%;
  }

  .sitemap_each {
    width: 47%;
    margin-bottom: 40px;
  }

  .sitemap_each_icon {
    width: 30%;
  }

  .div-block-77 {
    margin-bottom: 50px;
  }

  .div-block-79 {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image {
    margin-right: 41px;
  }

  .div-block-80 {
    width: 100%;
  }

  .coc_each {
    margin-top: 35px;
    margin-bottom: 35px;
    padding-bottom: 35px;
  }

  .div-block-85 {
    font-size: 19px;
  }

  .div-block-85b {
    font-size: 19px;
  }

  .div-block-45b {
    top: 1px;
    width: 21%;
    margin-right: 2%;
  }

  .div-block-21b {
    margin-bottom: 23px;
  }

  .link-2 {
    font-size: 16px;
  }

  .container_900 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .div-block-87 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .lang_dd_link {
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 5px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: transparent;
    color: #373737;
  }

  .lang_dd_link:hover {
    background-color: transparent;
    color: #14adf6;
  }

  .lang_dd_list {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .lang_dd_list.w--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .lang_dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-right: 0;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
  }

  .text-span-7 {
    display: inline-block;
    float: none;
    clear: none;
  }

  .text-span-8 {
    display: inline-block;
    margin-right: 8px;
    float: none;
  }

  .m_mb-20 {
    margin-bottom: 20px;
  }

  ._17pt {
    font-size: 16px;
  }
}


@media screen and (max-width: 767px) {
  .rnwReminderTitle {
    font-size: 15px;
  }
  .rnwReminderMsgWrapper {
    font-size: 12px;
  }

  .domain_status_blk_tick {
    display: none;
    border-left: none;
  }

  .domain_status_blk_left {
    border-left: none;
  }

  .nav_link.nav_dd_toggle {
    background-position: 92% 50%;
    font-size: 14px;
  }

  .nav_link.m_show {
    font-size: 14px;
  }

  .navbar {
    padding-top: 7px;
    padding-bottom: 3px;
  }

  .brand {
    width: 16%;
  }

  .container_1180 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .wrapper.c_2149a5 {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }

  .footer_h2 {
    font-size: 20px;
  }

  .footer_link {
    font-size: 14px;
  }

  .footer_ul {
    margin-bottom: 0;
    padding-top: 5px;
  }

  .footer_li {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .footer_col_100 {
    padding-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footnotes_wrapper {
    width: 100%;
    flex-direction: column;
  }

  .footer_link_wrapper {
    width: 100%;
  }

  .footnotes {
    margin-bottom: 4px;
    font-size: 12px;
  }

  .footnotes_link {
    font-size: 12px;
  }

  .footnotes_slogan {
    width: 100%;
    text-align: center;
  }

  .sidebar_title {
    font-size: 22px;
  }

  .sidebar_menu {
    width: 60%;
  }

  .page_title {
    font-size: 18px;
  }

  .page_title.search {
    padding-left: 38px;
  }

  .page_title.suggested {
    margin-bottom: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .page_title.possible {
    margin-bottom: 20px;
    padding-left: 37px;
    background-size: 28px;
  }

  .page_title.order_num {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 42px;
    background-size: 32px 33px;
  }

  .page_title.h3 {
    padding-left: 10px;
    font-size: 18px;
  }

  .page_title.subdomain {
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .page_title.current_domain {
    margin-bottom: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .page_title.mt-3.inline {
    margin-bottom: 11px;
  }

  .page_title.transfer {
    padding-left: 38px;
  }

  .page_title.info {
    padding-left: 38px;
  }

  .page_title._21pt {
    font-size: 17px;
  }

  .page_title.orange {
    margin-bottom: 5px;
  }

  .page_title.orange._21pt.mb-10 {
    margin-bottom: 5px;
  }

  .page_title._18pt.c_ee6c39 {
    font-size: 16px;
  }

  .domain_status_row {
    position: relative;
    padding-right: 1%;
    padding-left: 1%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .domain_status_row.th {
    display: none;
  }

  .domain_status_blk_left {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .domain_status_blk_right {
    width: 100%;
    margin-top: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .domain_status_blk_center {
    z-index: 0;
    width: 100%;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 1%;
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right-style: none;
    border-left-style: none;
    font-size: 13px;
  }

  .domain_status_name {
    font-size: 18px;
  }

  .domain_status_color {
    margin-top: 0;
    margin-bottom: 0;
  }

  .domain_dd_toggle {
    margin-top: 0;
    margin-bottom: 0;
  }

  .globe_input {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  }

  .globe_input.thick-border._24pt {
    padding: 10px 22px;
    font-size: 18px;
  }

  .globe_input.thick-border._17pt {
    font-size: 15px;
  }

  .globe_input.thick-border._18pt {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
  }

  .globe_input.thick-border._18pt.inline.col_745 {
    width: 74%;
  }

  .globe_input.thin-border.col_738.inline {
    width: 73.5%;
  }

  .globe_input.thin-border.col_50.inline {
    width: 64.5%;
  }

  .form_title_txt {
    font-size: 14px;
  }

  .field-label {
    margin-bottom: 0;
    font-size: 13px;
  }

  .savebtn {
    padding-right: 18px;
    padding-left: 18px;
    font-size: 13px;
  }

  .form_row.flex-left.bundle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_row.mtb-20.coupon {
    margin-bottom: 10px;
  }

  .form_row.mtb-20.m_vertical {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form_row.mtb-20.m_vertical.coupon {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .form_row.m_vertical.m_mt-40 {
    padding-top: 20px;
  }

  .form_row.m_hor.mh-6.m_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form_row.m_hor.mh-6.m_vertical.mv-20 {
    padding-right: 0;
    padding-left: 0;
  }

  .form_row.underline.mv-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_row.mh-6 {
    padding-right: 12px;
    padding-left: 12px;
  }

  .form_row.mv-20.m_mv-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_row.full-width.bg_f8f8f8 {
    margin-top: 12px;
    margin-bottom: -28px;
    padding-bottom: 40px;
  }

  .form_row.full-width.bg_0371ec.th.m_th {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .form_row.m_mh-15 {
    padding-right: 11px;
    padding-left: 11px;
  }

  .form_row.right.mv-20._22pt.bold.mr-2p {
    font-size: 18px;
  }

  .form_row.flex-top {
    max-height: 270px;
  }

  .morebtn {
    font-size: 13px;
  }

  .form_date {
    font-size: 12px;
  }

  .div-block-17 {
    font-size: 12px;
  }

  .manage_form_each {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .manage_form_label {
    margin-bottom: 0;
    font-size: 13px;
  }

  .manage_form_label.forward {
    padding-top: 3px;
    padding-bottom: 5px;
    background-position: 0 2px;
    background-size: 20px 20px;
  }

  .manage_form_label.lock {
    background-size: 17px 21px;
  }

  .manage_form_label.parking {
    background-size: 18px 21px;
  }

  .manage_form_label.hosting {
    background-size: 20px;
  }

  .domain_arrow {
    display: block;
  }

  .manage_form_row {
    width: 100%;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .buybtn {
    padding: 2px 12px;
    font-size: 12px;
  }

  .activationbtn {
    padding: 2px 10px;
    font-size: 12px;
  }

  .lb_inner {
    padding-top: 34px;
  }

  .lb_title {
    font-size: 22px;
  }

  .lb_content {
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 14px;
  }

  .lb_btn {
    padding: 8px 32px 8px 46px;
    font-size: 16px;
  }

  .lb_btn.ok {
    padding-left: 56px;
  }

  .step_bar_wrapper {
    margin-bottom: 20px;
  }

  .step_num {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }

  .div-block-20 {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .div-block-20.f2f2f2 {
    padding-top: 30px;
  }

  .searchbtn {
    margin-right: 11px;
    padding: 15px;
    background-image: url('../images/searchBtn_icon.svg');
    background-position: 50% 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
  }

  .searchbtn.center {
    padding-right: 30px;
    padding-left: 30px;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
  }

  .div-block-21 {
    margin-bottom: 16px;
  }

  .div-block-21.bundle {
    width: 100%;
    margin-right: 11px;
    margin-left: 0;
  }

  .search-txt-field.bundle {
    padding: 0 20px;
  }

  .page_btn {
    margin-bottom: 20px;
    padding: 12px 60px;
    font-size: 14px;
  }

  .page_btn.mh-40.pay_later {
    margin-top: 20px;
  }

  .page_btn.reset {
    margin-top: 20px;
  }

  .page_btn.green.preview {
    padding-right: 46px;
    padding-left: 50px;
  }

  .page_btn.mh-60 {
    margin-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .page_btn.mh-60.pay_later {
    margin-top: 20px;
  }

  .div-block-22 {
    margin-top: 60px;
  }

  .page_btn_txt.login {
    margin-left: 13px;
    padding-right: 30px;
    background-size: 20px 20px;
  }

  .search_result_toggle {
    padding: 16px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .prize_txt {
    margin-right: 13px;
    font-size: 14px;
  }

  .prize_txt.c_ee6c39.inline {
    font-size: 28px;
  }

  .add_cart {
    padding: 3px 22px 3px 26px;
    font-size: 14px;
  }

  .div-block-25 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .cart_globe_txt {
    font-size: 18px;
  }

  .cart_globe_txt.checked {
    background-size: 17px;
  }

  .cart_globe_txt.center.m_left {
    width: auto;
  }

  .cart_globe_txt.orange.m_th {
    font-size: 16px;
    white-space: normal;
  }

  .div-block-26 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .search_result_each {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .search_result_list {
    padding-top: 20px;
    padding-bottom: 18px;
    font-size: 13px;
  }

  .search_result_service_each {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 0;
    padding-right: 0;
    border-right-style: none;
  }

  .search_result_service_wrapper {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 6px;
  }

  .text-block-19 {
    display: none;
  }

  .form_col_64.bundle {
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form_col.col_32 {
    width: 35%;
  }

  .form_col.col_32.m_float {
    margin-top: 15px;
    float: right;
  }

  .form_col.col_14 {
    width: 35%;
  }

  .form_col.col_14.m_float {
    margin-right: 0;
    margin-left: 0;
  }

  .form_col.col_50 {
    margin-right: 2%;
  }

  .form_col.col_50.bold.xs_100 {
    width: 100%;
  }

  .form_col.col_48.m_col_100 {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .form_col.col_48.m_col_100.m-mh-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-0.m_mb-0 {
    font-size: 16px;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-1p.m_mb-0 {
    font-size: 16px;
  }

  .form_col.col_18.mh-12.m_col_32 {
    width: 34%;
    margin-right: 0;
    margin-left: 0;
  }

  .form_col.col_28.m_col_100.m_hor {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .form_col.col_30 {
    display: block;
  }

  .form_col.col_30.xs_100 {
    width: 100%;
  }

  .form_col.col_16.hori.m_col_30.m_mb-20 {
    width: 34%;
  }

  .form_col._18pt.bold.c_4d4a48 {
    font-size: 16px;
  }

  .form_col.col_12.m_mb-10 {
    width: 15%;
  }

  .form_col.col_70.bold.xs_100 {
    width: 100%;
  }

  .form_col.col_91._21pt.bold {
    font-size: 15px;
  }

  .form_col._24pt.bold.m_18pt {
    font-size: 18px;
  }

  .form_col.col_21._24pt.bold.mh-2p.m_right {
    width: 30%;
  }

  .from_col.th {
    padding-bottom: 7px;
    font-size: 15px;
  }

  .globe_select.thick-border._24pt {
    height: 40px;
    padding: 10px 43px;
    background-position: 88% 50%;
    background-size: 8px 6px;
    font-size: 18px;
  }

  .globe_select.thick-border._18pt {
    font-size: 16px;
  }

  .globe_select.thick-border._17pt {
    font-size: 15px;
  }

  .form_cancel_btn {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-right: 12px;
    background-size: 12px 12px;
  }

  .more_services {
    font-size: 14px;
  }

  .more_services.m_float {
    margin-top: 21px;
  }

  .cart_item_each {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .cart_item_each.renew {
    padding-top: 0;
    padding-bottom: 0;
  }

  .applybtn {
    font-size: 12px;
  }

  .removebtn {
    font-size: 13px;
  }

  .text-block-20 {
    font-size: 16px;
  }

  .page_btn_wrapper {
    margin-top: 60px;
  }

  .page_btn_wrapper.col_50.right {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .page_btn_wrapper.mt-60.left.m_center {
    margin-top: 40px;
  }

  .page_btn_wrapper.mt-60.col_50 {
    margin-top: 0;
  }

  .page_btn_wrapper.mt-60.m_mt-40 {
    margin-top: 0;
  }

  .terms_checkfield {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
  }

  .terms_checkfield.absolute-top-left {
    position: static;
    margin-left: 2%;
  }

  .terms_checkfield.c_000.right {
    font-size: 20px;
  }

  .terms_checkfield.c_000.right.col_100 {
    font-size: 14px;
  }

  .div-block-36 {
    padding-top: 0;
  }

  .c_ee6c39._21pt.bold.mv-20 {
    font-size: 17px;
  }

  .terms_checkbox.right {
    margin-top: 8px;
  }

  .tab-link {
    font-size: 16px;
  }

  .contact_form_field {
    font-size: 14px;
  }

  .asterisks {
    font-size: 16px;
  }

  .form_cap {
    font-size: 13px;
    line-height: 1.4;
  }

  .text-block-21 {
    font-size: 14px;
  }

  .form_intro {
    font-size: 14px;
  }

  .form_intro.underline {
    padding-bottom: 10px;
  }

  .copybtn {
    margin-right: 15px;
    padding: 14px;
    background-image: url('../images/copyBtn.svg');
    background-position: 50% 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
  }

  .radio-button-field._18pt {
    font-size: 15px;
  }

  .cart_order_table_tr {
    padding-right: 18px;
    padding-left: 18px;
  }

  .ssl_txt {
    width: auto;
    padding-left: 80px;
    background-size: 64px;
    font-size: 14px;
  }

  .div-block-37.flex-between {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-block-37.flex-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .col_47 {
    width: 100%;
    margin-bottom: 40px;
  }

  .col_53 {
    width: 100%;
  }

  .paragraph {
    max-width: none;
    font-size: 14px;
  }

  .paragraph-2 {
    font-size: 14px;
  }

  .more_details_btn {
    margin-top: 12px;
    padding: 12px 36px 12px 40px;
    font-size: 14px;
  }

  .m_sidebar_toggle {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .m_sidebar_toggle:hover {
    background-position: 2% 44%, 90% 46%;
  }

  .m_expiredate {
    display: block;
    margin-right: 5px;
    padding-bottom: 0;
    font-size: 13px;
  }

  .m_step_title {
    font-size: 20px;
  }

  .text-span-2 {
    margin-bottom: 10px;
  }

  .div-block-38 {
    width: 100%;
    margin-bottom: 6px;
  }

  .div-block-39 {
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .m_form_cancel_btn {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-right: 12px;
    background-size: 12px 12px;
  }

  .div-block-40 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-42 {
    padding-top: 20%;
    font-size: 40px;
  }

  .form {
    padding-top: 23px;
  }

  .text-block-23 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
  }

  .login_field {
    padding-top: 23px;
    padding-bottom: 23px;
    font-size: 14px;
  }

  .widget_btn {
    margin-top: 14px;
  }

  .globe_paragraph {
    font-size: 14px;
  }

  .globe_paragraph.mtb-20 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .globe_paragraph.mtb-40 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .globe_paragraph.mtb-40._14pt {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
  }

  .globe_paragraph.bold._18pt.mv-10 {
    font-size: 15px;
  }

  .globe_paragraph._18pt.bold.c_4d4a48 {
    font-size: 15px;
  }

  .globe_paragraph._14pt.c_4d4c4c {
    font-size: 13px;
  }

  .globe_paragraph._14pt.c_706f6f {
    font-size: 12px;
  }

  .globe_paragraph.center.c_818181 {
    font-size: 13px;
  }

  .globe_paragraph.c_706f6f.mb-100 {
    margin-bottom: 60px;
  }

  .card_info_title {
    font-size: 15px;
  }

  .card_info_title._16pt {
    font-size: 14px;
  }

  .card_info_txt {
    font-size: 15px;
  }

  .card_info_txt._16pt {
    font-size: 14px;
  }

  .card_info_wrapper {
    padding-bottom: 0;
  }

  .form_col_divider.col_32 {
    width: 35%;
  }

  .form_col_divider.col_32.m_float {
    margin-top: 15px;
    float: right;
  }

  .form_col_divider.col_14 {
    width: 35%;
  }

  .form_col_divider.col_14.m_float {
    margin-right: 0;
    margin-left: 0;
  }

  .form_col_divider.col_14._17pt.m_col_100.m_mb-20 {
    font-size: 15px;
  }

  .form_col_divider.col_14._16pt.mv-12.m_col_100 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .form_col_divider.col_50 {
    margin-right: 2%;
  }

  .form_col_divider.col_50._17pt.bold.flex_center.m_col_100 {
    font-size: 15px;
  }

  .form_col_divider.col_50._17pt.last.c_14adf6.m_col_100.m_mv-10 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
  }

  .form_col_divider.col_50._17pt.last.c_ee6c39.m_col_100.m_mv-10 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
  }

  .form_col_divider.col_50.xs_100 {
    width: 100%;
  }

  .form_col_divider.col_20._17pt.m_col_100 {
    display: block;
  }

  .form_col_divider.col_20._17pt.m_col_100.m_block {
    float: none;
  }

  .form_col_divider.col_20._17pt.stretch.m_col_50.mv-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_20.stretch.m_width_auto {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .form_col_divider.col_20._16pt.stretch.m_col_100.m_mt-0 {
    font-size: 15px;
  }

  .form_col_divider.col_20._16pt.stretch.last.m_col_100 {
    font-size: 15px;
  }

  .form_col_divider.col_48.m_col_100 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .form_col_divider.col_18._17pt.stretch.last.m_col_100.mv-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_18._17pt.m_col_100.m_block.m_mb-20 {
    font-size: 15px;
  }

  .form_col_divider.col_18._16pt.center.mv-15.stretch.m_col_100.m_bg_0371ec.m_mh-20 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_18.p-rl-0.stretch.m_col_100.m_mv-20 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .form_col_divider.col_40._18pt.bold.stretch.m_col_100 {
    font-size: 14px;
  }

  .form_col_divider.col_28.m_col_100.m_hor {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .form_col_divider.col_28._17pt.m_col_100 {
    font-size: 15px;
  }

  .form_col_divider.col_28._16pt.mv-12.m_col_100 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .form_col_divider.th.white.col_100._24pt.m_16pt {
    font-size: 16px;
  }

  .form_col_divider.col_36._22pt.bold.m_col_100 {
    font-size: 18px;
  }

  .form_col_divider.col_17._17pt.m_col_100.m_block.m_mb-20 {
    font-size: 15px;
  }

  .form_col_divider.col_17.stretch.m_col_100 {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .form_col_divider.col_27.m_col_100 {
    display: block;
  }

  .form_col_divider.col_10._17pt.m_col_100.m_mb-20 {
    font-size: 15px;
  }

  .form_col_divider.col_25._17pt.m_col_100 {
    display: block;
  }

  .form_col_divider.col_39.m_col_100 {
    display: block;
  }

  .form_col_divider.col_15.stretch._17pt.mh-0p.m_col_100.m_mv-10 {
    padding-bottom: 3px;
    font-size: 16px;
  }

  .form_col_divider.auto.stretch {
    padding-top: 20px;
  }

  .form_col_divider._17pt.col_30 {
    font-size: 16px;
  }

  .form_col_divider._17pt.col_30.m_col_50 {
    width: 50%;
  }

  .form_col_divider._17pt.col_60.mr-10p.m_col_70 {
    font-size: 16px;
  }

  .form_col_divider.col_24.stretch.m_col_100 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .form_col_divider.col_16._16pt.mv-12.m_col_100 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .form_col_divider.col_16._17pt.m_col_100.m_mb-20 {
    font-size: 15px;
  }

  .form_col_divider.col_21._16pt.mv-5.m_col_100 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .form_col_divider.col_11.m_col_20 {
    width: 30%;
  }

  .form_col_divider.col_30._18pt.bold.stretch.m_col_100.m_mv-10 {
    font-size: 14px;
  }

  .form_col_divider.col_30._16pt.stretch.m_col_100.m_mv-10 {
    font-size: 14px;
  }

  .form_col_divider.col_30._17pt.bold.m_col_100.m_mv-10 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_19.stretch.mt-0.m_col_50 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .form_col_divider.col_35._17pt.bold.stretch.m_col_100.m_mv-20 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .form_col_divider.col_35.stretch._17pt.m_col_100.m_mv-10 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
  }

  .form_col_divider.col_34._17pt.stretch.m_col_100.mv-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_23._17pt.stretch.m_col_50.mv-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col_divider.col_60._18pt.stretch.last.m_col_100 {
    font-size: 14px;
  }

  .form_col_divider.col_80._16pt.last.m_col_100 {
    font-size: 15px;
  }

  .form_col_divider.col_80._18pt.bold.orange.stretch.m_col_100 {
    font-size: 14px;
  }

  .form_col_divider.col_70._17pt.m_col_100.m_mv-10 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
  }

  .form_col_divider.col_29._17pt.m_col_100.m_mb-20 {
    font-size: 15px;
  }

  .globe_item_blk.mv-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .globe_item_blk.mv-12 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .globe_item_blk.mh-40 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .globe_item_blk.mv-30 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .subtotal.mtb-20 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .txt_link {
    font-size: 13px;
  }

  .nav_dd_link {
    font-size: 13px;
  }

  .nav_dd_link.mv-5 {
    font-size: 12px;
  }

  .btn_xs {
    padding: 8px 32px 8px 46px;
    font-size: 16px;
  }

  .btn_xs.ok {
    padding-left: 56px;
  }

  .section_title {
    margin-top: 30px;
    font-size: 18px;
  }

  .section_title.search {
    padding-left: 38px;
  }

  .section_title.suggested {
    margin-bottom: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .section_title.possible {
    margin-bottom: 20px;
    padding-left: 37px;
    background-size: 28px;
  }

  .section_title.order_num {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 42px;
    background-size: 32px 33px;
  }

  .section_title.h3 {
    padding-left: 10px;
    font-size: 18px;
  }

  .section_title.subdomain {
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .section_title.current_domain {
    margin-bottom: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .field-label-2 {
    font-size: 15px;
  }

  .text-span-4 {
    font-size: 13px;
  }

  .dns_globe_txt {
    font-size: 18px;
  }

  .dns_globe_txt.checked {
    background-size: 17px;
  }

  .dns_globe_txt.center.m_left {
    width: auto;
  }

  .dns_globe_txt.orange.m_th {
    white-space: normal;
  }

  .dns_globe_txt._17pt {
    font-size: 16px;
  }

  .select_btn {
    padding: 3px 22px 3px 26px;
    font-size: 14px;
  }

  .form_col_inner {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .div-block-25b {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .div-block-42b {
    padding-top: 20%;
    font-size: 40px;
  }

  .div-block-45 {
    top: 21px;
    width: 24%;
  }

  .text-block-27 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .text-block-28 {
    margin-top: 20px;
    font-size: 14px;
  }

  .div-block-46 {
    font-size: 18px;
  }

  .radio-button-label {
    font-size: 16px;
  }

  .div-block-49 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-49.last {
    border-bottom-style: none;
  }

  .radio-button-field-2 {
    font-size: 14px;
  }

  .slider-2 {
    width: 100%;
    margin-left: 0;
    padding-right: 23px;
    padding-left: 23px;
  }

  .slide {
    width: 31.3%;
    padding: 5px;
  }

  .left-arrow {
    display: block;
    width: 18px;
    color: #14adf6;
    font-size: 18px;
  }

  .right-arrow {
    display: block;
    width: 18px;
    color: #14adf6;
    font-size: 18px;
  }

  .tabs-2 {
    width: 100%;
  }

  .div-block-51 {
    width: 80%;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    float: none;
    position: static;
  }

  .div-block-52 {
    margin-right: 25px;
    margin-bottom: 40px;
    margin-left: 25px;
  }

  .div-block-53 {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .text-block-30 {
    margin-top: 0;
    font-size: 14px;
  }

  .del_btn {
    width: 20px;
    margin-top: 8px;
    float: right;
  }

  .digi_wrapper {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .digi_text_field {
    width: 30px;
    height: 30px;
    border-radius: 6px;
  }

  .div-block-55 {
    position: relative;
    top: -2px;
    margin-left: 8px;
    font-size: 13px;
  }

  .div-block-56 {
    padding-right: 22px;
    padding-left: 22px;
    font-size: 15px;
  }

  .div-block-57 {
    padding: 9px 20px 17px;
  }

  .radio-button-label-2 {
    font-size: 15px;
  }

  .radio-button-field-3 {
    font-size: 13px;
  }

  .inline.nav_dd_arrow {
    width: 7px;
    margin-right: 9%;
  }

  .form-block-4 {
    display: block;
    float: none;
  }

  .searchbtn_xs {
    margin-right: 11px;
    padding: 15px;
    background-image: url('../images/searchBtn_icon.svg');
    background-position: 50% 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
  }

  .text-span-4b {
    font-size: 13px;
  }

  .text-span-4b.orange {
    margin-top: 4px;
  }

  .upload_preview {
    margin-bottom: 15px;
  }

  .edit_btn {
    margin-top: 14px;
  }

  .edit_btn.absolute-t-r {
    width: 21px;
    height: 21px;
    margin-top: 20px;
    margin-right: 20px;
  }

  .profile_feature_button_each {
    min-height: 320px;
  }

  .profile_feature_button_title {
    font-size: 20px;
  }

  .index_slide_p {
    padding-top: 51.93%;
  }

  .index_slide_p.p1 {
    padding-top: 51.93%;
  }

  .div-block-63 {
    width: 100%;
  }

  .index_heading {
    font-size: 30px;
  }

  .div-block-64.m_flex_h {
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heading-2 {
    width: 100%;
  }

  .heading-2.m_center {
    font-size: 20px;
    text-align: center;
  }

  .index_feature_button_each {
    min-height: 300px;
  }

  .mv-40 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .index_doc_each {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .index_doc_each_title {
    font-size: 18px;
  }

  .index_feature_button_title {
    font-size: 20px;
  }

  .index_feature_buttuon_img.p4 {
    margin-top: 0;
  }

  .div-block-68 {
    width: 40%;
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }

  .between.mv-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .between.mv-60.m_flex_v {
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .index_searchbtn {
    margin-right: 11px;
    padding: 15px;
    background-image: url('../images/searchBtn_icon.svg');
    background-position: 50% 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
  }

  .select-field {
    width: 150px;
    margin-right: 10px;
    font-size: 16px;
  }

  .list-item-2 {
    margin-right: 38px;
  }

  .list-3 {
    text-align: left;
  }

  .index_readmore {
    margin-top: 15px;
    font-size: 13px;
  }

  .transfer_button_each {
    min-height: 300px;
  }

  .blue_h {
    font-size: 30px;
  }

  .blue_h.contact {
    margin-bottom: 20px;
  }

  .blue_h.app_form {
    background-position: 0 5px;
  }

  .blue_h.app_form2 {
    padding-left: 36px;
    background-size: 24px;
  }

  .blue_h.checkbill {
    padding-left: 36px;
    background-size: 24px;
  }

  .blue_h.domaintransfer {
    padding-left: 43px;
    background-position: 0 7px;
    background-size: 32px;
  }

  .blue_h.howtovideo {
    padding-left: 48px;
    background-position: 0 8px;
    background-size: 36px;
  }

  .blue_h.general {
    padding-left: 40px;
    background-position: 0 6px;
    background-size: 30px;
  }

  .blue_h.account_management {
    padding-left: 36px;
    background-position: 0 4px;
    background-size: 25px;
  }

  .blue_h.domain {
    padding-left: 39px;
    background-position: 0 13px;
    background-size: 30px;
  }

  .blue_h.job_vacancy {
    padding-left: 37px;
    background-position: 0 8px;
    background-size: 28px;
  }

  .blue_h.minisite {
    padding-left: 37px;
    background-position: 0 4px;
    background-size: 28px;
  }

  .blue_h.reghow {
    padding-left: 38px;
    background-size: 29px;
  }

  .blue_h.eligibility {
    background-position: 0 9px;
  }

  .blue_h.fee {
    background-position: 0 6px;
    background-size: 33px;
  }

  .blue_h.tender {
    padding-left: 43px;
  }

  .blue_h.rule_of_procedure {
    background-position: 0 5px;
  }

  .blue_h.hkiac_hb_icon {
    padding-left: 40px;
    background-position: 0 2px;
    background-size: 28px;
  }

  .blue_h.service_partner_hb {
    padding-left: 44px;
    background-position: 0 3px;
    background-size: 36px;
  }

  .blue_h.dispute_hb_icon {
    padding-left: 44px;
    background-position: 0 3px;
    background-size: 34px;
  }

  .blue_h.about_hkdnr {
    padding-left: 49px;
    background-position: 0 6px;
    background-size: 44px;
  }

  .blue_h.hk_lock {
    padding-left: 35px;
    background-position: 0 2px;
    background-size: 28px;
  }

  .blue_h.ssl_hb {
    padding-left: 41px;
    background-position: 0 2px;
    background-size: 30px;
  }

  .blue_h.code_of_conduct {
    padding-left: 43px;
    background-position: 0 2px;
    background-size: 36px;
  }

  .blue_h.dispute-policy {
    padding-left: 43px;
    background-position: 0 4px;
    background-size: 36px;
  }

  .col_45.right._16pt.m_col_100 {
    font-size: 15px;
  }

  .contact_li {
    font-size: 15px;
  }

  .contact_li.address {
    background-position: 0 2px;
    background-size: 16px;
  }

  .contact_li.phone {
    background-position: 0 5px;
    background-size: 18px;
  }

  .contact_li.fax {
    background-size: 18px;
  }

  .contact_li.email {
    background-position: 0 8px;
    background-size: 18px;
  }

  .contact_li.clock {
    background-size: 18px;
  }

  .settingbtn {
    width: 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    margin-top: -4px;
  }

  .remove_icon_wrapper {
    width: 14px;
    height: 14px;
  }

  .mh-20.m_mh-10 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .dl_btn {
    width: 17%;
    padding: 12px 5%;
  }

  .dl_item_each {
    padding-left: 15px;
  }

  .dl_item_each.mv-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dl_item_each.mv-12 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .dl_item_each.mh-40 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .dl_item_each.mv-30 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .qa_toggle {
    margin-bottom: 7px;
    padding-right: 42px;
    padding-left: 13px;
    font-size: 16px;
  }

  .qa_toggle.search {
    padding-left: 38px;
  }

  .qa_toggle.suggested {
    margin-bottom: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .qa_toggle.possible {
    margin-bottom: 20px;
    padding-left: 37px;
    background-size: 28px;
  }

  .qa_toggle.order_num {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 42px;
    background-size: 32px 33px;
  }

  .qa_toggle.h3 {
    padding-left: 10px;
    font-size: 18px;
  }

  .qa_toggle.subdomain {
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .qa_toggle.current_domain {
    margin-bottom: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 36px;
    background-size: 24px;
  }

  .qa_toggle.mt-3.inline {
    margin-bottom: 11px;
  }

  .qa_toggle.transfer {
    padding-left: 38px;
  }

  .qa_toggle.info {
    padding-left: 38px;
  }

  .qa_toggle._21pt {
    font-size: 17px;
  }

  .qa_list {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 14px;
    line-height: 1.6;
  }

  .qa_each {
    margin-bottom: 24px;
  }

  .qa_arrow {
    margin-top: 5px;
  }

  .qa_bullet {
    width: 4px;
  }

  .list-item-3 {
    font-size: 14px;
  }

  .list-4 {
    margin-top: 12px;
    margin-bottom: 30px;
  }

  .list-4.mb-100 {
    margin-bottom: 60px;
  }

  .col_100.mb-60.m_mb-40 {
    margin-bottom: 20px;
  }

  .heading-3 {
    font-size: 14px;
  }

  .div-block-75 {
    width: 80%;
    margin-top: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-block-34 {
    font-size: 24px;
  }

  .div-block-76 {
    width: 29%;
  }

  .div-block-76b {
    width: 14%;
  }

  .sitemap_each {
    margin-right: 1.1%;
    margin-bottom: 30px;
    margin-left: 1.1%;
  }

  .sitemap_each_icon {
    width: 31%;
  }

  .div-block-77 {
    margin-bottom: 40px;
  }

  .div-block-78 {
    width: 100%;
    margin-right: 0;
  }

  .div-block-79 {
    padding-right: 43px;
    padding-left: 43px;
  }

  .image {
    margin-right: 25px;
  }

  .coc_each {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .coc_row {
    font-size: 14px;
  }

  .coc_row._21pt {
    font-size: 19px;
  }

  .div-block-83 {
    width: 35%;
    margin-right: 5%;
    text-align: left;
  }

  .div-block-85 {
    font-size: 17px;
  }

  .text-block-37 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .text-block-37b {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .div-block-85b {
    font-size: 17px;
  }

  .div-block-45b {
    top: 6px;
    width: 24%;
  }

  .div-block-21b {
    margin-bottom: 16px;
  }

  .div-block-21b.bundle {
    width: 100%;
    margin-right: 11px;
    margin-left: 0;
  }

  .link-2 {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .whois_terms_h {
    font-size: 16px;
  }

  .div-block-87 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .pay_method_logo {
    min-width: 32px;
  }

  ._17pt {
    font-size: 15px;
  }
}

@media screen and (max-width: 479px) {
  .nav_link.nav_dd_toggle {
    font-size: 13px;
  }

  .nav_link.m_show {
    font-size: 13px;
  }

  .navbar {
    padding-top: 4px;
    padding-bottom: 0;
  }

  .brand {
    width: 18%;
    max-width: 60px;
    padding-left: 0;
  }

  .container_1180 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .wrapper.c_2149a5 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .footer_h2 {
    font-size: 18px;
  }

  .footer_link {
    font-size: 13px;
  }

  .footer_ul {
    padding-top: 0;
    padding-bottom: 5px;
  }

  .footer_col_100 {
    padding-top: 30px;
  }

  .footnotes {
    margin-bottom: 8px;
  }

  .main_wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sidebar_title {
    font-size: 18px;
  }

  .sidebar_menu {
    width: 100%;
  }

  .sidebar_icon.close {
    width: 11px;
  }

  .page_title {
    font-size: 16px;
  }

  .page_title.search {
    padding-left: 34px;
    background-size: 25px;
  }

  .page_title.suggested {
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 31px;
    background-size: 20px;
  }

  .page_title.possible {
    margin-bottom: 10px;
    padding-left: 33px;
    background-size: 25px;
  }

  .page_title.order_num {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    background-size: 26px 27px;
  }

  .page_title.h3 {
    padding-left: 8px;
    font-size: 16px;
  }

  .page_title.subdomain {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 42px;
    background-size: 30px;
  }

  .page_title.current_domain {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 34px;
    background-size: 30px;
  }

  .page_title.transfer {
    padding-left: 34px;
    background-size: 25px;
  }

  .page_title.info {
    padding-left: 34px;
    background-size: 25px;
  }

  .page_title._21pt {
    font-size: 15px;
  }

  .page_title._21pt.m_mb-10.m_mt-40 {
    margin-top: 30px;
  }

  .page_title.orange {
    margin-bottom: 0;
    background-image: none;
  }

  .page_title.orange._21pt.mb-10 {
    margin-bottom: 0;
  }

  .page_title._18pt.c_ee6c39 {
    font-size: 14px;
  }

  .domain_status_blk_left {
    padding-left: 2px;
  }

  .domain_status_blk_center {
    font-size: 12px;
  }

  .domain_status_name {
    font-size: 17px;
  }

  .domain_status_desc {
    font-size: 11px;
  }

  .domain_dd_toggle {
    font-size: 12px;
  }

  .domain_status_each {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .globe_input.thick-border._24pt {
    padding: 8px 12px;
    font-size: 14px;
  }

  .globe_input.thick-border._17pt {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
  }

  .globe_input.thick-border._18pt {
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 14px;
  }

  .globe_input.thick-border._18pt.inline.col_745 {
    width: 70%;
  }

  .globe_input.thick-border.whitebg._18pt.rounded {
    font-size: 14px;
  }

  .globe_input.thin-border.col_738.inline {
    width: 67.5%;
  }

  .globe_input.thin-border.col_50.inline {
    width: 59%;
  }

  .form_title_txt {
    font-size: 14px;
  }

  .form_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .field-label {
    font-size: 12px;
  }

  .savebtn {
    padding: 2px 15px;
    font-size: 12px;
  }

  .form_row.mtb-20.coupon {
    margin-bottom: 10px;
  }

  .form_row.m_vertical.m_mt-40 {
    padding-top: 24px;
  }

  .form_row.full-width.bg_f8f8f8 {
    margin-bottom: -30px;
    padding-bottom: 30px;
  }

  .form_row.full-width.bg_14adf6.mh-20 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .form_row.full-width.bg_0371ec.th.m_th {
    padding-bottom: 13px;
  }

  .form_row.full-width.bg_0371ec.mh-20 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .form_row.m_mh-15 {
    padding-right: 8px;
    padding-left: 5px;
  }

  .form_row.right.mv-20._22pt.bold.mr-2p {
    font-size: 14px;
  }

  .form_row.flex-top {
    max-height: 270px;
  }

  .form_date {
    margin-top: 10px;
    font-size: 11px;
  }

  .lb_inner {
    padding: 30px 20px 20px;
  }

  .lb_title {
    font-size: 18px;
  }

  .lb_content {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .lb_btn {
    padding: 5px 22px 5px 32px;
  }

  .step_bar_wrapper {
    margin-bottom: 20px;
  }

  .step_each {
    height: 40px;
  }

  .step_num {
    width: 22px;
    height: 22px;
    margin-right: 15px;
    font-size: 13px;
  }

  .div-block-20.f2f2f2 {
    padding-bottom: 40px;
  }

  .searchbtn {
    padding: 13px;
  }

  .searchbtn.xs {
    margin-right: 11px;
  }

  .div-block-21 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .page_btn {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 7px 30px;
    font-size: 12px;
  }


  .page_btn.reset {
    margin-top: 25px;
  }

  .page_btn.green.preview {
    padding-right: 36px;
    padding-left: 36px;
  }

  .page_btn.mh-60 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .div-block-22 {
    margin-top: 40px;
  }

  .page_btn_txt.login {
    margin-left: 11px;
    padding-right: 25px;
    background-size: 16px 16px;
  }

  .page_btn_txt.cancel {
    background-size: 12px 12px;
  }

  .page_btn_txt.search {
    padding-right: 20px;
    background-size: 16px;
  }

  .search_result_toggle {
    padding: 10px 12px 12px;
  }

  .prize_txt {
    margin-right: 10px;
    font-size: 12px;
  }

  .prize_txt.c_ee6c39.inline {
    font-size: 22px;
  }

  .add_cart {
    padding: 3px 20px 3px 22px;
    font-size: 12px;
  }

  .add_cart.xs {
    padding: 15px;
    background-size: 18px;
  }

  .cart_globe_txt {
    font-size: 16px;
  }

  .cart_globe_txt.orange.m_th {
    font-size: 14px;
  }

  .cart_globe_txt.orange.m_th.m_16pt {
    font-size: 14px;
  }

  .div-block-26 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .search_result_list {
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 12px;
  }

  .search_form_label {
    font-size: 14px;
  }

  .form_col_64.bundle {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-0.m_mb-0 {
    font-size: 14px;
  }

  .form_col.col_100.mv-15._18pt.bold.c_ee6c39.m_mh-1p.m_mb-0 {
    font-size: 14px;
  }

  .form_col.col_31.m_col_96 {
    width: 93%;
  }

  .form_col.dual_pw_digi_wrapper {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }

  .form_col.col_16.hori.m_col_30.m_mb-20 {
    width: 50%;
  }

  .form_col._18pt.bold.c_4d4a48 {
    font-size: 15px;
  }

  .form_col.col_12.m_mb-10 {
    width: 20%;
  }

  .form_col.col_91._21pt.bold {
    font-size: 13px;
  }

  .form_col.col_21._24pt.bold.mh-2p.m_right {
    width: 40%;
  }

  .divider.static.mv-60 {
    margin-bottom: 20px;
  }

  .from_col.th {
    padding-bottom: 4px;
    font-size: 14px;
  }

  .globe_select.thick-border._24pt {
    height: 32px;
    padding: 8px 32px;
    font-size: 14px;
  }

  .globe_select.thick-border._18pt {
    height: 42px;
    font-size: 14px;
  }

  .globe_select.thick-border._17pt {
    font-size: 14px;
  }

  .form_cancel_btn {
    width: 8px;
    height: 8px;
    margin-top: 3px;
    margin-right: 7px;
    background-size: 8px 8px;
  }

  .more_services {
    font-size: 12px;
  }

  .cart_item_each {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .applybtn {
    margin-left: 5px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .removebtn {
    margin-left: 5px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px;
  }

  .text-block-20 {
    font-size: 14px;
  }

  .page_btn_wrapper {
    margin-top: 40px;
  }

  .page_btn_wrapper.left.m_center {
    margin-top: 60px;
  }

  .page_btn_wrapper.mt-60 {
    margin-top: 40px;
  }

  .page_btn_wrapper.mt-60.left.m_center {
    margin-top: 30px;
  }

  .page_btn_wrapper.mt-60.col_50 {
    margin-top: 0;
  }

  .terms_checkfield {
    padding-left: 24px;
    font-size: 12px;
  }

  .terms_checkfield.button {
    padding: 6px 22px 7px 41px;
  }

  .terms_checkfield.ml-9 {
    padding-left: 9px;
  }

  .div-block-36 {
    padding-top: 0;
  }

  .c_ee6c39._21pt.bold.mv-20 {
    font-size: 16px;
  }

  .terms_checkbox {
    margin-left: -22px;
  }

  .terms_checkbox.button {
    margin-top: 2px;
  }

  .terms_checkbox.mt-8 {
    margin-top: 2px;
  }

  .warn_span {
    background-position: 0 5px;
  }

  .tab-link {
    display: inline-block;
    margin-right: 0;
    margin-left: 10px;
    font-size: 14px;
  }

  .contact_form_field.inline.col_56 {
    width: 100%;
  }

  .text-block-21 {
    font-size: 13px;
  }

  .form_intro {
    margin-top: 0;
    font-size: 12px;
  }

  .form_intro.underline {
    margin-top: 20px;
    padding-bottom: 16px;
  }

  .copybtn {
    margin-right: 10px;
  }

  .radio-button-field._18pt {
    font-size: 13px;
  }

  .radio-button-field._18pt.m_ml-0 {
    margin-left: 0;
  }

  .cart_order_table_tr {
    padding-right: 12px;
    padding-left: 12px;
  }

  .paragraph {
    font-size: 12px;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .more_details_btn {
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .m_sidebar_toggle {
    padding-top: 7px;
    padding-bottom: 7px;
    background-position: 2% 44%, 100% 44%;
    background-size: 28px 28px, 30%;
  }

  .m_expiredate {
    font-size: 12px;
  }

  .m_step_title {
    font-size: 18px;
  }

  .text-span-2 {
    margin-bottom: 8px;
  }

  .div-block-39 {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .m_form_cancel_btn {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    margin-right: 14px;
    background-size: 8px 8px;
  }

  .m_form_cancel_btn.renew {
    width: 15px;
    height: 15px;
  }

  .div-block-40 {
    padding-top: 40px;
  }

  .div-block-42 {
    padding-top: 25%;
    font-size: 32px;
  }

  .form {
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-block-23 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 22px;
  }

  .login_field {
    padding: 20px;
    font-size: 12px;
  }

  .widget_btn {
    position: relative;
    margin-top: 0;
  }

  .widget_btn.absolute-t-r {
    position: relative;
  }

  .widget_btn.absolute_right {
    padding: 3px 0 3px 3px;
  }

  .widget_btn.reload {
    margin-right: 0;
    margin-left: 4px;
  }

  .globe_paragraph {
    font-size: 12px;
  }

  .globe_paragraph.mtb-20 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .globe_paragraph.mtb-40 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .globe_paragraph.mtb-40._14pt {
    font-size: 12px;
  }

  .globe_paragraph.bold._18pt.mv-10 {
    font-size: 14px;
  }

  .globe_paragraph._14pt.c_4d4c4c {
    font-size: 12px;
  }

  .globe_paragraph._14pt.mb-40 {
    font-size: 13px;
  }

  .globe_paragraph.center.c_818181 {
    font-size: 12px;
  }

  .globe_paragraph.c_706f6f.mb-100 {
    margin-bottom: 40px;
  }

  .globe_paragraph.mb-40 {
    margin-bottom: 10px;
  }

  .card_info_title {
    font-size: 14px;
  }

  .card_info_txt {
    font-size: 14px;
  }

  .card_info_wrapper {
    padding-bottom: 10px;
  }

  .form_col_divider.col_14._17pt.m_col_100.m_mb-20 {
    font-size: 14px;
  }

  .form_col_divider.col_50._17pt.m_col_100 {
    margin-right: 0;
    padding-right: 4%;
    padding-left: 4%;
  }

  .form_col_divider.col_50._17pt.bold.flex_center.m_col_100 {
    font-size: 14px;
  }

  .form_col_divider.col_50._17pt.last.c_14adf6.m_col_100.m_mv-10 {
    padding: 3px 2% 0;
    font-size: 14px;
  }

  .form_col_divider.col_50._17pt.last.c_ee6c39.m_col_100.m_mv-10 {
    padding: 3px 2% 0;
    font-size: 14px;
  }

  .form_col_divider.col_20._17pt.stretch.m_col_50.mv-15 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_20._20pt.bold.c_4d4a48.m_col_50 {
    width: 100%;
  }

  .form_col_divider.col_20.stretch.m_width_auto {
    padding-bottom: 0;
  }

  .form_col_divider.col_20._16pt.stretch.m_col_100.m_mt-0 {
    font-size: 14px;
  }

  .form_col_divider.col_20._16pt.stretch.last.m_col_100 {
    font-size: 13px;
  }

  .form_col_divider.col_18._17pt.stretch.last.m_col_100.mv-15 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_18._17pt.m_col_100.m_block.m_mb-20 {
    font-size: 14px;
  }

  .form_col_divider.col_18.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    float: none;
  }

  .form_col_divider.col_18.p-rl-0.stretch.m_col_100.m_mv-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_col_divider.col_40._17pt.m_col_100 {
    display: block;
  }

  .form_col_divider.col_28._17pt.m_col_100 {
    font-size: 14px;
  }

  .form_col_divider.th.white.col_100._24pt.m_16pt {
    font-size: 14px;
  }

  .form_col_divider.col_36._22pt.bold.m_col_100 {
    font-size: 16px;
  }

  .form_col_divider.col_36._17pt.m_col_100 {
    display: block;
  }

  .form_col_divider.col_17.m_col_100 {
    display: block;
  }

  .form_col_divider.col_17.m_col_50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    float: none;
  }

  .form_col_divider.col_17._17pt.m_col_100.m_block.m_mb-20 {
    font-size: 14px;
  }

  .form_col_divider.col_27.m_col_100 {
    float: none;
  }

  .form_col_divider.col_10._17pt.m_col_100.m_mb-20 {
    font-size: 14px;
  }

  .form_col_divider.col_25._17pt.m_col_100 {
    float: none;
  }

  .form_col_divider.col_25.m_col_100 {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
  }

  .form_col_divider.col_13 {
    float: left;
  }

  .form_col_divider.col_13._17pt.m_col_100.m_mb-20 {
    float: none;
  }

  .form_col_divider.col_15.m_col_50 {
    width: 100%;
  }

  .form_col_divider.col_15.stretch._17pt.mh-0p.m_col_100.m_mv-10 {
    font-size: 15px;
  }

  .form_col_divider.col_12._17pt.m_col_50 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .form_col_divider.auto.stretch {
    margin-left: 0;
    padding-left: 2%;
  }

  .form_col_divider._17pt.col_30 {
    font-size: 14px;
  }

  .form_col_divider._17pt.col_60.mr-10p.m_col_70 {
    font-size: 14px;
  }

  .form_col_divider.col_24.stretch.m_col_100 {
    padding-bottom: 0;
  }

  .form_col_divider.col_16._17pt.m_col_100.m_mb-20 {
    font-size: 14px;
  }

  .form_col_divider.col_11.m_col_20 {
    width: 40%;
  }

  .form_col_divider.col_30._16pt.stretch.m_col_100.m_mv-10 {
    font-size: 13px;
  }

  .form_col_divider.col_30._17pt.bold.m_col_100.m_mv-10 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_19.stretch.mt-0.m_col_50 {
    padding-bottom: 0;
  }

  .form_col_divider.col_35._17pt.bold.stretch.m_col_100.m_mv-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .form_col_divider.col_35.stretch._17pt.m_col_100.m_mv-10 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .form_col_divider.col_34._17pt.stretch.m_col_100.mv-15 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_23._17pt.stretch.m_col_50.mv-15 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_col_divider.col_80._16pt.last.m_col_100 {
    font-size: 14px;
  }

  .form_col_divider.col_80._18pt.bold.orange.stretch.m_col_100 {
    font-size: 13px;
  }

  .form_col_divider.col_70._17pt.m_col_100.m_mv-10 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
  }

  .form_col_divider.col_29._17pt.m_col_100.m_mb-20 {
    font-size: 14px;
  }

  .globe_item_blk {
    padding-top: 15px;
    padding-bottom: 30px;
  }

  .globe_item_blk.mv-20 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .globe_item_blk.mh-40 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .globe_item_blk.mv-30 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .subtotal.mtb-20 {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .txt_link {
    background-size: 18px 19px;
    font-size: 12px;
  }

  .nav_dd_link {
    font-size: 12px;
  }

  .add_txt {
    padding-left: 0;
    color: transparent;
  }

  .add_txt.renew {
    padding-left: 24px;
    color: #fff;
  }

  .text-block-24c {
    font-size: 16px;
  }

  .btn_xs {
    padding: 5px 22px 5px 32px;
  }

  .section_title {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .section_title.search {
    padding-left: 34px;
    background-size: 25px;
  }

  .section_title.suggested {
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 31px;
    background-size: 20px;
  }

  .section_title.possible {
    margin-bottom: 10px;
    padding-left: 33px;
    background-size: 25px;
  }

  .section_title.order_num {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    background-size: 26px 27px;
  }

  .section_title.h3 {
    padding-left: 8px;
    font-size: 16px;
  }

  .section_title.subdomain {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 42px;
    background-size: 30px;
  }

  .section_title.current_domain {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 34px;
    background-size: 30px;
  }

  .field-label-2 {
    font-size: 14px;
  }

  .text-span-4 {
    font-size: 12px;
  }

  .dns_globe_txt {
    font-size: 16px;
  }

  .dns_globe_txt._17pt {
    font-size: 14px;
  }

  .select_btn {
    padding: 3px 20px 3px 22px;
    font-size: 12px;
  }

  .select_btn.xs {
    padding: 15px;
    background-size: 18px;
  }

  .form_col_inner.flex_between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-42b {
    padding-top: 25%;
    font-size: 32px;
  }

  .div-block-45 {
    display: none;
  }

  .text-block-27 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .text-block-28 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
  }

  .radio-button-label {
    font-size: 15px;
  }

  .div-block-49 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .radio-button-field-2 {
    font-size: 12px;
  }

  .slide {
    width: 48%;
    padding: 2px;
  }

  .div-block-52 {
    margin-right: 15px;
    margin-bottom: 40px;
    margin-left: 15px;
  }

  .text-block-30 {
    margin-bottom: 10px;
    font-size: 13px;
  }

  .banner_add_txt {
    padding-right: 23px;
    padding-left: 7px;
  }

  .del_btn {
    width: 18px;
    margin-top: 0;
  }

  .digi_text_field {
    width: 24px;
    height: 28px;
    font-size: 13px;
  }

  .div-block-55 {
    top: -2px;
  }

  .div-block-56 {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
  }

  .div-block-57 {
    padding: 0 12px 11px;
  }

  .radio-button-label-2 {
    font-size: 14px;
  }

  .radio-button-field-3 {
    font-size: 12px;
  }

  .searchbtn_xs {
    padding: 13px;
  }

  .searchbtn_xs.xs {
    margin-right: 11px;
  }

  .text-span-4b {
    font-size: 12px;
  }

  .text-span-4b.orange {
    margin-top: 2px;
  }

  .upload_preview {
    margin-bottom: 10px;
  }

  .edit_btn {
    position: relative;
    margin-top: 0;
  }

  .edit_btn.absolute-t-r {
    width: 19px;
    height: 19px;
    margin-top: 17px;
    margin-right: 14px;
  }

  .edit_btn.absolute_right {
    padding: 3px 0 3px 3px;
  }

  .edit_btn.reload {
    margin-right: 0;
    margin-left: 4px;
  }

  .profile_feature_button_each {
    min-height: 240px;
    padding: 15px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.12);
  }

  .profile_feature_button_title {
    font-size: 16px;
  }

  .index_heading {
    font-size: 26px;
  }

  .heading-2.m_center {
    font-size: 18px;
  }

  .index_feature_button_each {
    min-height: 240px;
    padding: 15px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.12);
  }

  .mv-40 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .index_doc_each_p {
    min-height: 65px;
    min-width: 65px;
  }

  .index_doc_each_title {
    font-size: 16px;
  }

  .index_feature_button_title {
    margin-top: 15px;
    font-size: 16px;
  }

  .index_feature_buttuon_img {
    width: 32%;
  }

  .index_feature_buttuon_img.p1 {
    width: 39%;
  }

  .index_feature_buttuon_img.p3 {
    width: 38%;
  }

  .index_feature_buttuon_img.p4 {
    width: 40%;
  }

  .div-block-68 {
    width: 55%;
    margin-bottom: 0;
  }

  .between.mv-60.m_flex_v {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .index_searchbtn {
    padding: 13px;
  }

  .index_searchbtn.xs {
    margin-right: 11px;
  }

  .select-field {
    width: 136px;
    margin-right: 7px;
    font-size: 14px;
  }

  .list-item-2 {
    margin-right: 16px;
  }

  .list-3 {
    padding-right: 0;
    padding-left: 0;
  }

  .index_readmore {
    margin-top: 10px;
    font-size: 12px;
  }

  .transfer_button_each {
    min-height: 240px;
    padding: 15px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.12);
  }

  .blue_h {
    font-size: 26px;
  }

  .blue_h.contact {
    margin-bottom: 10px;
  }

  .blue_h.app_form {
    padding-left: 35px;
    background-position: 0 4px;
    background-size: 30px;
  }

  .blue_h.app_form2 {
    padding-left: 33px;
    background-position: 0 4px;
  }

  .blue_h.checkbill {
    padding-left: 33px;
    background-position: 0 4px;
    background-size: 26px;
  }

  .blue_h.domaintransfer {
    padding-left: 36px;
    background-position: 0 6px;
    background-size: 27px;
  }

  .blue_h.howtovideo {
    padding-left: 40px;
    background-position: 0 6px;
    background-size: 32px;
  }

  .blue_h.general {
    padding-left: 38px;
    background-position: 0 5px;
    background-size: 28px;
  }

  .blue_h.account_management {
    padding-left: 33px;
    background-position: 0 2px;
    background-size: 24px;
  }

  .blue_h.domain {
    padding-left: 36px;
    background-position: 0 10px;
    background-size: 28px;
  }

  .blue_h.job_vacancy {
    padding-left: 34px;
    background-position: 0 6px;
    background-size: 26px;
  }

  .blue_h.minisite {
    padding-left: 36px;
    background-position: 0 2px;
    background-size: 26px;
  }

  .blue_h.reghow {
    padding-left: 33px;
    background-position: 0 8px;
    background-size: 25px;
  }

  .blue_h.eligibility {
    background-position: 0 6px;
  }

  .blue_h.fee {
    background-position: 0 3px;
    background-size: 31px;
  }

  .blue_h.tender {
    padding-left: 42px;
    background-size: 35px;
  }

  .blue_h.rule_of_procedure {
    padding-left: 37px;
    background-position: 0 4px;
    background-size: 30px;
  }

  .blue_h.hkiac_hb_icon {
    padding-left: 37px;
    background-position: 0 4px;
    background-size: 24px;
  }

  .blue_h.service_partner_hb {
    padding-left: 39px;
    background-position: 0 3px;
    background-size: 31px;
  }

  .blue_h.dispute_hb_icon {
    padding-left: 38px;
    background-position: 0 2px;
    background-size: 30px;
  }

  .blue_h.about_hkdnr {
    background-position: 0 5px;
    background-size: 40px;
  }

  .blue_h.hk_lock {
    background-position: 0 0;
    background-size: 26px;
  }

  .blue_h.ssl_hb {
    padding-left: 37px;
    background-position: 0 0;
    background-size: 29px;
  }

  .blue_h.code_of_conduct {
    padding-left: 38px;
    background-position: 0 1px;
    background-size: 32px;
  }

  .blue_h.dispute-policy {
    padding-left: 38px;
    background-position: 0 6px;
    background-size: 32px;
  }

  .div-block-71 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .col_45.right._16pt.m_col_100 {
    font-size: 14px;
  }

  .contact_li {
    padding-left: 27px;
    font-size: 14px;
  }

  .contact_li.address {
    background-position: 0 3px;
    background-size: 14px;
  }

  .contact_li.phone {
    background-position: 0 4px;
    background-size: 16px;
  }

  .contact_li.fax {
    background-position: 0 4px;
    background-size: 17px;
  }

  .contact_li.clock {
    background-size: 16px;
  }

  .remove_icon_wrapper {
    width: 13px;
    height: 13px;
  }

  .mh-20.m_mh-10 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .dl_item_each {
    padding-left: 10px;
  }

  .dl_item_each.mv-20 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .dl_item_each.mh-40 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .dl_item_each.mv-30 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .qa_toggle {
    padding-right: 40px;
    padding-left: 12px;
    font-size: 14px;
  }

  .qa_toggle.search {
    padding-left: 34px;
    background-size: 25px;
  }

  .qa_toggle.suggested {
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 31px;
    background-size: 20px;
  }

  .qa_toggle.possible {
    margin-bottom: 10px;
    padding-left: 33px;
    background-size: 25px;
  }

  .qa_toggle.order_num {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    background-size: 26px 27px;
  }

  .qa_toggle.h3 {
    padding-left: 8px;
    font-size: 16px;
  }

  .qa_toggle.subdomain {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 42px;
    background-size: 30px;
  }

  .qa_toggle.current_domain {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 34px;
    background-size: 30px;
  }

  .qa_toggle.transfer {
    padding-left: 34px;
    background-size: 25px;
  }

  .qa_toggle.info {
    padding-left: 34px;
    background-size: 25px;
  }

  .qa_toggle._21pt {
    font-size: 15px;
  }

  .qa_list {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.4;
  }

  .qa_each {
    margin-bottom: 25px;
  }

  .qa_arrow {
    margin-top: 4px;
  }

  .qa_bullet {
    height: 11px;
    margin-top: 4px;
  }

  .list-item-3 {
    font-size: 13px;
  }

  .list-4 {
    margin-bottom: 25px;
  }

  .list-4.mb-100 {
    margin-bottom: 40px;
  }

  .div-block-75 {
    width: 100%;
    padding: 28px 20px;
  }

  .text-block-34 {
    font-size: 22px;
  }

  .text-block-35 {
    font-size: 18px;
  }

  .m_list_each.fee {
    font-size: 12px;
  }

  .div-block-76 {
    width: 38%;
  }

  .div-block-76b {
    width: 23%;
  }

  .sitemap_each {
    margin-right: 1.1%;
    margin-bottom: 20px;
    margin-left: 1.1%;
  }

  .sitemap_each_icon {
    width: 40%;
  }

  .div-block-77 {
    margin-bottom: 20px;
  }

  .div-block-79 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .image {
    margin-right: 13px;
  }

  .coc_each {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .coc_row {
    font-size: 12px;
    text-align: left;
  }

  .coc_row._21pt {
    font-size: 16px;
  }

  .div-block-83 {
    width: 35%;
    margin-right: 5%;
  }

  .div-block-85 {
    font-size: 15px;
  }

  .div-block-85b {
    margin-left: 15px;
    padding-left: 15px;
    font-size: 15px;
  }

  .div-block-45b {
    display: none;
  }

  .div-block-21b {
    padding-top: 0;
    padding-bottom: 0;
  }

  .link-2 {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .container_900 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .pay_method_logo {
    min-width: 42px;
  }

  ._17pt {
    font-size: 14px;
  }
}

  .w90 {
  width: 90%;
	}

.pd5{
  padding-left: 5px!important;
  padding-right: 5px!important;
  text-align:center;
  }


/* Jimmy Lee */
.bg-popContainer {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: center;
  display: none;
}

.pop-box {
  width: 90vw;
    max-width: 600px;
    min-height: 12vh;
    padding: 50px 40px 32px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
  background-color: hsl(0deg 0 100% / 97%);
    text-align: center;
   	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 7;
}

.lb_btn {
  margin-right: 2%;
  margin-left: 2%;
  padding: 12px 42px 12px 56px;
  border-radius: 100px;
  background-color: #ddd;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
}

.lb_title {
  margin-bottom: 32px;
  font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
  color: #14adf6;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;
}

.text-block-13.yes { /* For yes button */
  padding-right: 28px;
  background-image: url(https://www.hkdnr.hk/apps/images/yes_icon.svg);
  background-position: 100% 50%;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  
}


.text-block-13.no { /*For no buton */
  padding-right: 28px;
  background-image: url(https://www.hkdnr.hk/apps/images/no_icon.svg);
  background-position: 100% 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.lb_btn.yes { /*Yes Button background */
  background-color: #05c487;
}

.lb_btn.no { /*No button background */
  background-color: #fa3800;
}

.lb_content { /*hello*/
    width: 100%;
    max-width: 604px;
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    font-family: 'Noto Sans HK', 'Noto Sans SC', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 700;
}

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

.cont {
  border-radius: 20px;
}

input {
  width: 50%;
  display: block;
  margin: 15px auto;
  padding: 5px;
}

.closer {
  position: absolute;
  top: 20px;
  right: 14px;
  font-size: 42px;
  transform: rotate(45deg);
  cursor: pointer;
}

.closer:hover {
  color: rgb(51, 185, 134);
}

.toast {
  position: absolute;
  top: 150px;
  right: 30px;
  border-radius: 12px;
  background: #fff;
  padding: 20px 35px 20px 25px;
  box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}

.toast.active {
  transform: translateX(0);
}

.toast .toast-content {
  display: flex;
  align-items: center;
}

.toast-content .check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #4070f4;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
}

.toast-content .message {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.message .text {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

.message .text.text-1 {
  font-weight: 600;
  color: #333;
}

.toast .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
}

.toast .close:hover {
  opacity: 1;
}

.toast .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;

}

.toast .progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #4070f4;
}

.progress.active:before {
  animation: progress 5s linear forwards;
}

@keyframes progress {
  100% {
    right: 100%;
  }
}

.toast.active ~ button {
  pointer-events: none;
}

/*End By Jimmy Lee*/