@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@font-face {
  font-family: "ITCAvantGardeGothicLTBookRegular";
  src:url("/assets/fonts/ITCAvantGardeGothicLTBookRegular.eot");
  src:url("/assets/fonts/ITCAvantGardeGothicLTBookRegular.eot?#iefix") format("embedded-opentype"),
      url("/assets/fonts/ITCAvantGardeGothicLTBookRegular.woff") format("woff"),
      url("/assets/fonts/ITCAvantGardeGothicLTBookRegular.ttf") format("truetype"),
      url("/assets/fonts/ITCAvantGardeGothicLTBookRegular.svg#ITCAvantGardeGothicLTBookRegular") format("svg");
}
@font-face {
  font-family: "ITCAvantGardeGothicLTBold";
  src:url("/assets/fonts/ITCAvantGardeGothicLTBold.eot");
  src:url("/assets/fonts/ITCAvantGardeGothicLTBold.eot?#iefix") format("embedded-opentype"),
      url("/assets/fonts/ITCAvantGardeGothicLTBold.woff2") format("woff2"), /* chrome、firefox */
      url("/assets/fonts/ITCAvantGardeGothicLTBold.woff") format("woff"),
      url("/assets/fonts/ITCAvantGardeGothicLTBold.ttf") format("truetype"),
      url("/assets/fonts/ITCAvantGardeGothicLTBold.svg#ITCAvantGardeGothicLTBold") format("svg");
}
@font-face {
    font-family: "NewsGothicMT";
    src: url("/assets/fonts/NewsGothicMT.eot");
    src: url("/assets/fonts/NewsGothicMT.eot?#iefix") format("embedded-opentype"),
         url("/assets/fonts/NewsGothicMT.woff") format("woff"),
         url("/assets/fonts/NewsGothicMT.ttf") format("truetype"),
         url("/assets/fonts/NewsGothicMT.svg#NewsGothicMT") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*************************
 *** Vendor: Bootstrap ***
 *************************/

.modal { 
  color: #000; 
}
.modal-body {
  padding: 3rem 1rem 2rem 1rem;
}
.modal-body .close {
    position: absolute;
    float: none;
    top: 0;
    right: 0;
    font-size: 4rem;
    padding: .5rem 1rem;
}

@media (max-width: 575.98px) {
  .modal-dialog {
      margin: 1.75rem 1rem 3.75rem;
  }
}

.custom-control-input.is-invalid~.custom-control-label, 
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label, 
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-select.is-valid, 
.form-control.is-valid, 
.was-validated .custom-select:valid, 
.was-validated .form-control:valid {
    color: inherit;
}

.custom-control-input.is-valid~.custom-control-label::before, 
.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #dee2e6;
}

.custom-control-input.is-valid:checked~.custom-control-label::before, 
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #007bff;
}

.custom-select.is-valid, 
.form-control.is-valid, 
.was-validated .custom-select:valid, 
.was-validated .form-control:valid {
    border-color: #ced4da;
}

.custom-select.is-invalid-2~.invalid-feedback-2, 
.custom-select.is-invalid-2~.invalid-tooltip-2, 
.form-control.is-invalid-2~.invalid-feedback-2, 
.form-control.is-invalid-2~.invalid-tooltip-2 {
    display: block;
}

.custom-control-label {
    cursor: pointer;
}

.custom-select {
  color: #495057 !important;
}

.invalid-feedback {
    color: #F1B6B8;
}
.invalid-feedback-2 {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #F1B6B8;
}

.btn-dark { 
    background-color: #000;
    border-color: #000;
}

/******************************
 *** Vendor: intl-tel-input ***
 ******************************/

.intl-tel-input {
    display: block;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, 
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], 
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 98px;
}


/**********************
 *** Vendor: swiper ***
 **********************/

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      width: auto;
      height: 100%;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


/********************
 *** Image picker ***
 ********************/
ul.thumbnails.image_picker_selector { width: 100%; }
ul.thumbnails.image_picker_selector li { margin: 0; padding: 5px; }
ul.thumbnails.image_picker_selector li .thumbnail { padding: 6px; border: 1px solid #dddddd; cursor: pointer; }
ul.thumbnails.image_picker_selector li .thumbnail img { max-width: 100%; background-color: #ffffff; }
/********************
 *** Custom Style ***
 ********************/


.masthead h1 { max-width: 850px; margin-left: auto; margin-right: auto; }
.masthead h5 { max-width: 420px; margin-left: auto; margin-right: auto; }

@media (max-width: 991.98px) {
  .masthead h1 { font-size: 1.5rem; }  
  .masthead h5 { font-size: 1rem; }  
}
@media (max-width: 575.98px) {
  .masthead h1 { font-size: 1.3rem; }  
  .masthead h5 { font-size: .8rem; }  
}

body { font-family: 'NewsGothicMT', 'Noto Sans TC'; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 900; }
ol { padding-left: 25px; }
a { color: #000; }
.sit { font-family: 'ITCAvantGardeGothicLTBookRegular'; }
.sit-bold { font-family: 'ITCAvantGardeGothicLTBold'; }
.textlink { color: #fff; text-decoration: underline; }
.lead { font-size: 0.9rem; line-height: 1.6; }
#tnc .lead { font-size: .8rem; }
	
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

.pt-6, .py-6 { padding-top: 8rem; }
.pb-6, .py-6 { padding-bottom: 8rem; }
.mt-6, .my-6 { margin-top: 6rem; }
.mb-6, .my-6 { margin-bottom: 6rem; }

#footer { 
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #000; }

.text-black { color: #000; }
.bg-black { background-color: #000; }
.head-logo { max-width: 110px; margin: 0 auto; }
.head-title { max-width: 320px; width: 100%; }
.head-img { max-width: 100%; width: auto; }

.content-section-middle { padding-bottom: 98px; }

/* .mfp-counter { display: none; } */

.navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.dropdown-item {
    padding: 0;
}
.dropdown-item a {
    display: block;
    padding: .25rem 1.5rem;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #c1c1c1;
}
    


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { ... }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { ... }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sit { font-family: 'ITCAvantGardeGothicLTBold'; }
}