@charset "UTF-8";

/* reset */
*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  font-family: Calibri, Arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #ffffff;
  margin-bottom: 0; }

p,
li,
input[type='text'],
select,
a,
td {
  font-size: 1rem; }

button,
textarea {
  font-size: 1rem;
  font-family: Calibri, Arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif, sans-serif; }

/* common */
input[type='text'].es-material-input,
input[type='number'].es-material-input,
input[type='email'].es-material-input,
input[type='date'].es-material-input,
input[type='tel'].es-material-input,
select.es-material-input,
.datepicker,
.popover,
.popover .popover-header,
.popover .popover-body {
  font-family: Calibri, Arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif, sans-serif; }

.main-container {
  max-width: none;
  padding-bottom: 0; }

.content {
  width: 100%;
  padding: 0; }

.lead {
  font-weight: 400; }

.content-container {
  padding-bottom: 15; }

#content-container {
  max-width: 1146px;
  color: #68737a;
  font-family: Calibri, Arial, microsoft jhenghei, 微軟正黑體, sans-serif, sans-serif;
  font-size: 1rem;
  line-height: 1.15;
  margin: 0 auto;
  overflow: hidden; }

@media handheld, only screen and (max-width: 1040.98px) {
  .content-container {
    padding: 0; } }

@media handheld, only screen and (max-width: 767px) {
  .content-container {
    box-shadow: none; } }

/* override eselling.css */
.mobile-overlay > .content-container > .content {
  padding: 0; }

#content-container {
  max-width: none; }

.es-content > *:not(.modal) {
  max-width: calc(1146px - 22px - 22px);
  margin: 0 auto;
  overflow: hidden; }

.es-content > .es-stepper {
  margin-top: 30px;
  margin-bottom: 30px; }

.banner-header.style1 {
  max-width: 1146px;
  /*padding: 0;*/
  margin: 0 auto; }
  .banner-header.style1 h2 {
    font-size: 30px;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
    color: #68737a;
    width: 100%;
    padding: 3px calc(1.375rem - 10px) 0 1.375rem;
    font-style: normal;
    line-height: 1.65;
    float: none; }
  .banner-header.style1 + .py-15.font-size-header {
    line-height: 1.15;
    padding-left: 1.375rem !important;
    padding-right: calc(1.375rem - 10px) !important;
    margin-top: calc(3px + 10px); }

.es-checkbox {
  line-height: 1.15; }

.es-checkbox input[type='checkbox'] + *:before,
.es-checkbox input[type='checkbox'] + *:after {
  top: 3px; }

.card {
  line-height: 1.15; }

.es-card--heading {
  line-height: 1.15; }

#content-container .es-overseas-study-start-panel-container {
  background-size: 1102px auto; }

#content-container .es-working-holiday-start-panel-container {
  background-size: 1102px auto; }

@media (min-width: 1041px) {
  .mobile-overlay > .content-container > .content {
    width: auto; } }

@media handheld, only screen and (max-width: 1040.98px) {
  .banner-header.style1 {
    /*background: none;*/ }
    .banner-header.style1 h2 {
      padding: 3px calc(1.375rem - 10px) 0 1.375rem; } }

@media (max-width: 767.98px) {
  .banner-header.style1 {
    padding-bottom: 20px; }
    .banner-header.style1 h2 {
      font-size: 24px;
      line-height: normal;
      padding: 3px calc(1.375rem - 10px) 7px 1.375rem; }
    .banner-header.style1 + .py-15.font-size-header {
      margin-top: 0px; } }

/* /override eselling.css */
/* font-size update */
html[lang='en'] .lead {
  font-size: 1.125rem; }

html[lang='en'] .display-1 {
  font-size: 6.125rem; }

html[lang='en'] .display-2 {
  font-size: 5.625rem; }

html[lang='en'] .display-3 {
  font-size: 4.625rem; }

html[lang='en'] .display-4 {
  font-size: 1.625rem; }
  
html[lang='en'] .display-5 {
  font-size: 1.375rem; }

html[lang='en'] .es-content {
  font-size: 18px; }
  html[lang='en'] .es-content p,
  html[lang='en'] .es-content li,
  html[lang='en'] .es-content input[type='text'],
  html[lang='en'] .es-content select,
  html[lang='en'] .es-content a,
  html[lang='en'] .es-content td {
    font-size: 18px; }
  html[lang='en'] .es-content .font-size-header {
    font-size: 20px !important; }
    html[lang='en'] .es-content .font-size-header p,
    html[lang='en'] .es-content .font-size-header li,
    html[lang='en'] .es-content .font-size-header input[type='text'],
    html[lang='en'] .es-content .font-size-header select,
    html[lang='en'] .es-content .font-size-header a,
    html[lang='en'] .es-content .font-size-header td {
      font-size: 20px; }
  html[lang='en'] .es-content .font-size-label {
    font-size: 18px !important; }
  html[lang='en'] .es-content .es-blockquote {
    font-size: 18px; }
    html[lang='en'] .es-content .es-blockquote a {
      color: #68737a;
      font-size: 18px; }
  html[lang='en'] .es-content .es-smallnote {
    font-size: 14px; }

html[lang='en'] .es-btn {
  font-size: 20px; }
  html[lang='en'] .es-btn > .es-btn__text-with-arrow:after {
    font-size: 12px; }

html[lang='en'] a.es-btn {
  font-size: 20px; }

html[lang='en'] .es-btn2 .es-btn2__text {
  font-size: 16px; }
  html[lang='en'] .es-btn2 .es-btn2__text [class^='es-icon-'],
  html[lang='en'] .es-btn2 .es-btn2__text [class*=' es-icon-'],
  html[lang='en'] .es-btn2 .es-btn2__text [class^='es-imgicon-'],
  html[lang='en'] .es-btn2 .es-btn2__text [class*=' es-imgicon-'] {
    font-size: 32px; }

html[lang='en'] .es-toggle__slider {
  font-size: 18px; }

html[lang='en'] input[type='text'].es-material-input,
html[lang='en'] input[type='number'].es-material-input,
html[lang='en'] input[type='email'].es-material-input,
html[lang='en'] input[type='date'].es-material-input,
html[lang='en'] input[type='tel'].es-material-input {
  font-size: 18px; }

html[lang='en'] select.es-material-input {
  font-size: 18px; }

html[lang='en'] .es-material-input-container.es-material-input-container--withlabel label {
  font-size: 18px; }

html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class^='es-icon-'],
html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class*=' es-icon-'] {
  font-size: 24px; }

html[lang='en'] .es-material-input-container.es-material-input-container--withicon input.es-material-input ~ [class^='es-icon-'],
html[lang='en'] .es-material-input-container.es-material-input-container--withicon input.es-material-input ~ [class*=' es-icon-'] {
  font-size: 24px; }
  
html[lang='en'] .selectize-dropdown [data-selectable].option {
  font-size: 18px; }

html[lang='en'] .es-material-input.selectize-control.single .selectize-input [data-value],
html[lang='en'] .es-material-input.selectize-control.multi .selectize-input [data-value] {
    font-size: 18px; }

html[lang='en'] .es-material-input.selectize-control.single .selectize-input > input,
html[lang='en'] .es-material-input.selectize-control.multi .selectize-input > input {
  font-size: 18px; }

@media (min-width: 768px) {
  html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class^='es-icon-'],
  html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class*=' es-icon-'] {
    font-size: 32px; } }

html[lang='en'] .es-stepper__item--current .es-stepper__no {
  font-size: 20px; }

html[lang='en'] .es-stepper__item--current .es-stepper__text {
  font-size: 20px; }

html[lang='en'] .es-card--heading {
  font-size: 20px; }

@media (min-width: 768px) {
  html[lang='en'] .es-card--heading-with-img .es-card--heading {
    font-size: 20px; } }

html[lang='en'] .es-btn-group label .es-btn {
  font-size: 18px; }
  html[lang='en'] .es-btn-group label .es-btn [class^='es-icon-'],
  html[lang='en'] .es-btn-group label .es-btn [class*=' es-icon-'],
  html[lang='en'] .es-btn-group label .es-btn [class^='es-imgicon-'],
  html[lang='en'] .es-btn-group label .es-btn [class*=' es-imgicon-'] {
    font-size: 28px; }

@media (min-width: 768px) {
  html[lang='en'] .es-btn-group label .es-btn {
    font-size: 18px; } }

html[lang='en'] .popover,
html[lang='en'] .popover a {
  font-size: 15px; }

/* /font-size update */

/* /fix non MS device font-size issue */
@media handheld, only screen and (max-width: 1040.98px) {
  html[lang='en'] .lead {
    font-size: 1rem; }

  html[lang='en'] .display-1 {
    font-size: 6rem; }

  html[lang='en'] .display-2 {
    font-size: 5.5rem; }

  html[lang='en'] .display-3 {
    font-size: 4.5rem; }

  html[lang='en'] .display-4 {
    font-size: 1.5rem; }
  
  html[lang='en'] .display-5 {
    font-size: 1.25rem; }

  html[lang='en'] .es-content {
    font-size: 16px; }
    html[lang='en'] .es-content p,
    html[lang='en'] .es-content li,
    html[lang='en'] .es-content input[type='text'],
    html[lang='en'] .es-content select,
    html[lang='en'] .es-content a,
    html[lang='en'] .es-content td {
      font-size: 16px; }
    html[lang='en'] .es-content .font-size-header {
      font-size: 18px !important; }
      html[lang='en'] .es-content .font-size-header p,
      html[lang='en'] .es-content .font-size-header li,
      html[lang='en'] .es-content .font-size-header input[type='text'],
      html[lang='en'] .es-content .font-size-header select,
      html[lang='en'] .es-content .font-size-header a,
      html[lang='en'] .es-content .font-size-header td {
        font-size: 18px; }
    html[lang='en'] .es-content .font-size-label {
      font-size: 16px !important; }
    html[lang='en'] .es-content .es-blockquote {
      font-size: 16px; }
      html[lang='en'] .es-content .es-blockquote a {
        font-size: 16px; }
    html[lang='en'] .es-content .es-smallnote {
      font-size: 12px; }

  html[lang='en'] .es-btn {
    font-size: 18px; }
    html[lang='en'] .es-btn > .es-btn__text-with-arrow:after {
      font-size: 10px; }

  html[lang='en'] a.es-btn {
    font-size: 18px; }

  html[lang='en'] .es-btn2 .es-btn2__text {
    font-size: 14px; }
    html[lang='en'] .es-btn2 .es-btn2__text [class^='es-icon-'],
    html[lang='en'] .es-btn2 .es-btn2__text [class*=' es-icon-'],
    html[lang='en'] .es-btn2 .es-btn2__text [class^='es-imgicon-'],
    html[lang='en'] .es-btn2 .es-btn2__text [class*=' es-imgicon-'] {
      font-size: 30px; }

  html[lang='en'] .es-toggle__slider {
    font-size: 16px; }

  html[lang='en'] input[type='text'].es-material-input,
  html[lang='en'] input[type='number'].es-material-input,
  html[lang='en'] input[type='email'].es-material-input,
  html[lang='en'] input[type='date'].es-material-input,
  html[lang='en'] input[type='tel'].es-material-input {
    font-size: 16px; }

  html[lang='en'] select.es-material-input {
    font-size: 16px; }

  html[lang='en'] .es-material-input-container.es-material-input-container--withlabel label {
    font-size: 16px; }

  html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class^='es-icon-'],
  html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class*=' es-icon-'] {
    font-size: 22px; }

  html[lang='en'] .es-material-input-container.es-material-input-container--withicon input.es-material-input ~ [class^='es-icon-'],
  html[lang='en'] .es-material-input-container.es-material-input-container--withicon input.es-material-input ~ [class*=' es-icon-'] {
    font-size: 22px; }

  html[lang='en'] .selectize-dropdown [data-selectable].option {
    font-size: 16px; }

  html[lang='en'] .es-material-input.selectize-control.single .selectize-input [data-value],
  html[lang='en'] .es-material-input.selectize-control.multi .selectize-input [data-value] {
    font-size: 16px; }

  html[lang='en'] .es-material-input.selectize-control.single .selectize-input > input,
  html[lang='en'] .es-material-input.selectize-control.multi .selectize-input > input {
    font-size: 16px; }

  html[lang='en'] .es-stepper__item--current .es-stepper__no {
    font-size: 18px; }

  html[lang='en'] .es-stepper__item--current .es-stepper__text {
    font-size: 18px; }

  html[lang='en'] .es-card--heading {
    font-size: 18px; }

  html[lang='en'] .es-btn-group label .es-btn {
    font-size: 16px; }
    html[lang='en'] .es-btn-group label .es-btn [class^='es-icon-'],
    html[lang='en'] .es-btn-group label .es-btn [class*=' es-icon-'],
    html[lang='en'] .es-btn-group label .es-btn [class^='es-imgicon-'],
    html[lang='en'] .es-btn-group label .es-btn [class*=' es-imgicon-'] {
      font-size: 26px; }

  html[lang='en'] .popover,
  html[lang='en'] .popover a {
    font-size: 13px; }
    
  html[lang='en'] .es-checkbox input[type='checkbox'] + *:before,
  html[lang='en'] .es-checkbox input[type='checkbox'] + *:after {
    top: 1px; }
}

@media (min-width: 768px) {
  html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class^='es-icon-'],
  html[lang='en'] .es-material-input-container.es-material-input-container--withicon select.es-material-input ~ [class*=' es-icon-'] {
    font-size: 30px; } }
    
  html[lang='en'] .es-card--heading-with-img .es-card--heading {
    font-size: 20px; }
    
  html[lang='en'] .es-btn-group label .es-btn {
    font-size: 16px; } }
}
/* /fix non MS device font-size issue */