@charset "UTF-8";
@import url(magnific-popup.css);
@import url(_mg_popup.css);
.site-content-wrapper .sfc-btn.sb-diff-w, .scb-form dl, .scb-form .sf-radio-box2, .scb-form .sf-check-box2, .scb-form .sfc-file, .scb-form .sfc-captcha, .scb-form .sfc-inpbtn, .scb-form .sfc-birth, .scb-form .sfc-address, .scb-form .sfc-address2, .scb-form .sfc-tel, .scb-form .sfc-sort, .rvw-process, .sf-mobile-tip .smt-box, .sfc-tab-wrap .sfc-tabs {
  zoom: 1; }

.site-content-wrapper .sfc-btn.sb-diff-w:after, .scb-form dl:after, .scb-form .sf-radio-box2:after, .scb-form .sf-check-box2:after, .scb-form .sfc-file:after, .scb-form .sfc-captcha:after, .scb-form .sfc-inpbtn:after, .scb-form .sfc-birth:after, .scb-form .sfc-address:after, .scb-form .sfc-address2:after, .scb-form .sfc-tel:after, .scb-form .sfc-sort:after, .rvw-process:after, .sf-mobile-tip .smt-box:after, .sfc-tab-wrap .sfc-tabs:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

@media (max-width: 768px) {
  .no-header {
    padding-top: 0; } }

a {
  color: #588c3f; }
  a:not(.btn) {
    text-decoration: underline; }
  a.on-touch {
    text-decoration: underline; }

.red {
  color: #f85766; }

/*-- 詳細內容區塊 START
------------------- */
.site-content-wrapper .content-title {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: bold;
  color: #333;
  text-align: center; }

.site-content-wrapper .content-des {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 1.7; }
  .site-content-wrapper .content-des.ctd-margin {
    margin-top: 60px; }
  .site-content-wrapper .content-des .ctd-hl {
    display: inline-block;
    font-weight: bold;
    color: #588C3F;
    margin: 0 5px; }

.site-content-wrapper .content-list {
  font-size: 17px;
  color: #555;
  line-height: 1.7;
  padding-left: 28px;
  list-style-type: disc;
  list-style-position: outside; }
  .site-content-wrapper .content-list li {
    margin-bottom: 5px; }
  .site-content-wrapper .content-list ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 22px; }

.site-content-wrapper .site-content {
  width: 100%;
  max-width: 600px;
  margin: 0px auto 50px;
  padding: 40px 108px;
  top: 30px;
  position: relative;
  background: white;
  border: 1px solid #EBEBEB;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); }
  .site-content-wrapper .site-content + .site-content {
    margin-top: 20px; }

.site-content-wrapper .sc-subtitle {
  width: 100%;
  max-width: 600px;
  padding: 15px 10px;
  margin: 0 auto 15px;
  border-bottom: 1px solid #CCC;
  font-size: 18px;
  font-weight: bold;
  color: #588c3f;
  line-height: 1.4; }

.site-content-wrapper .sc-subtitle2 {
  width: 100%;
  padding: 6px 8px;
  margin: 20px 0 15px;
  background: #eef4eb;
  font-size: 14px;
  color: #333;
  line-height: 1.4; }

.site-content-wrapper .sc-subtitle3 {
  width: 100%;
  margin: 0 0 8px 0;
  text-align: left;
  font-size: 16px;
  color: #333;
  line-height: 1.7; }
  .site-content-wrapper .sc-subtitle3 .sst-txt {
    font-size: 15px;
    line-height: 1.4;
    color: #333; }
  .site-content-wrapper .sc-subtitle3 + .sf-margin {
    margin-top: 20px; }

.site-content-wrapper .sfc-btn {
  width: 100%;
  max-width: 386px;
  margin: 35px auto 0;
  display: block;
  text-align: center; }
  .site-content-wrapper .sfc-btn .btn {
    width: 100%;
    margin: 0; }
  .site-content-wrapper .sfc-btn.sb-diff-w .btn {
    margin-right: 16px; }
    .site-content-wrapper .sfc-btn.sb-diff-w .btn:last-child {
      margin-right: 0; }
  .site-content-wrapper .sfc-btn.sb-diff-w .btn-1 {
    float: left;
    width: 30%; }
  .site-content-wrapper .sfc-btn.sb-diff-w .btn-2 {
    float: right;
    width: calc(70% - 16px); }

@media (max-width: 1170px) {
  .site-content-wrapper .content-des, .site-content-wrapper .content-list {
    padding: 0 2.5%; }
  .site-content-wrapper .content-list {
    margin-left: 28px; } }

@media (max-width: 768px) {
  .site-content-wrapper .content-list {
    padding: 0 3% 0 3%;
    margin-left: 26px; }
  .site-content-wrapper .site-content {
    max-width: 100%;
    margin-bottom: 0;
    padding: 40px 15px 50px;
    top: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; } }

@media (max-width: 568px) {
  .site-content-wrapper .content-title {
    margin-bottom: 30px; }
  .site-content-wrapper .sfc-btn {
    margin-top: 30px; }
    .site-content-wrapper .sfc-btn .btn {
      width: 100%; } }

/*----*/
/*-- 表單 --*/
.scb-form {
  width: 100%;
  margin: 0 auto; }
  .scb-form.sf-w1 {
    max-width: 340px; }
  .scb-form.sf-w2 {
    max-width: 570px; }
    .scb-form.sf-w2 dt {
      width: calc(100% - 405px); }
    .scb-form.sf-w2 dd {
      width: 385px; }
  .scb-form + .scb-form {
    margin-top: 15px; }
  .scb-form + .sc-subtitle {
    margin-top: 25px; }
  .scb-form .sf-oneline dt {
    padding-top: 0;
    margin-top: -2px; }
  .scb-form .sf-content.sfc-2 {
    text-align: right; }
    .scb-form .sf-content.sfc-2 dt {
      text-align: right; }
  .scb-form .sf-content + .sf-content {
    margin-top: 20px; }
  .scb-form .no-title dd {
    width: 100%; }
  .scb-form dl, .scb-form dd, .scb-form dt, .scb-form a, .scb-form .radio {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .scb-form dl {
    width: 100%;
    position: relative;
    margin-bottom: 16px;
    vertical-align: top; }
    .scb-form dl:last-child {
      margin-bottom: 0; }
    .scb-form dl.sf-margin {
      margin-bottom: 30px; }
  .scb-form dt {
    width: 110px;
    display: inline-block;
    margin-right: 14px;
    padding-top: 7px;
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
    color: #333; }
  .scb-form dd {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.2;
    text-align: left; }
  .scb-form .inp-required {
    color: red;
    font-size: 13px;
    font-weight: bold;
    margin-left: 4px;
    vertical-align: 2px; }
  .scb-form input {
    width: 100%;
    height: 40px; }
  .scb-form textarea {
    width: 100%;
    min-height: 260px; }
    .scb-form textarea.txa-mini {
      min-height: 120px; }
  .scb-form .input-error {
    border: 1px solid #f85766; }
  .scb-form .inp-required {
    color: #f85766;
    font-size: 13px;
    font-weight: bold;
    margin-left: 2px;
    vertical-align: top; }
  .scb-form .sf-radio-box {
    margin-bottom: -15px;
    text-align: left; }
    .scb-form .sf-radio-box .def-radio {
      margin: 0 10px 15px 0;
      display: inline-block; }
      .scb-form .sf-radio-box .def-radio + .input-tip-txt2 {
        margin-top: -10px; }
  .scb-form .sf-radio-box2, .scb-form .sf-check-box2 {
    display: block;
    position: relative; }
    .scb-form .sf-radio-box2 dd, .scb-form .sf-check-box2 dd {
      width: 100%; }
    .scb-form .sf-radio-box2 .sr2-radio, .scb-form .sf-radio-box2 .sc2-check, .scb-form .sf-check-box2 .sr2-radio, .scb-form .sf-check-box2 .sc2-check {
      width: calc(50% - 8px);
      margin-right: 10px;
      display: inline-block; }
      .scb-form .sf-radio-box2 .sr2-radio:nth-child(2n), .scb-form .sf-radio-box2 .sc2-check:nth-child(2n), .scb-form .sf-check-box2 .sr2-radio:nth-child(2n), .scb-form .sf-check-box2 .sc2-check:nth-child(2n) {
        margin-right: 0px; }
      .scb-form .sf-radio-box2 .sr2-radio input[type="radio"], .scb-form .sf-radio-box2 .sr2-radio input[type="checkbox"], .scb-form .sf-radio-box2 .sc2-check input[type="radio"], .scb-form .sf-radio-box2 .sc2-check input[type="checkbox"], .scb-form .sf-check-box2 .sr2-radio input[type="radio"], .scb-form .sf-check-box2 .sr2-radio input[type="checkbox"], .scb-form .sf-check-box2 .sc2-check input[type="radio"], .scb-form .sf-check-box2 .sc2-check input[type="checkbox"] {
        display: none; }
      .scb-form .sf-radio-box2 .sr2-radio.disabled, .scb-form .sf-radio-box2 .sc2-check.disabled, .scb-form .sf-check-box2 .sr2-radio.disabled, .scb-form .sf-check-box2 .sc2-check.disabled {
        color: #afc0c1; }
      .scb-form .sf-radio-box2 .sr2-radio .radio, .scb-form .sf-radio-box2 .sr2-radio .checkbox, .scb-form .sf-radio-box2 .sc2-check .radio, .scb-form .sf-radio-box2 .sc2-check .checkbox, .scb-form .sf-check-box2 .sr2-radio .radio, .scb-form .sf-check-box2 .sr2-radio .checkbox, .scb-form .sf-check-box2 .sc2-check .radio, .scb-form .sf-check-box2 .sc2-check .checkbox {
        width: 100%;
        height: 150px;
        cursor: pointer;
        overflow: visible;
        display: inline-block;
        position: relative;
        vertical-align: top;
        background: #FFF;
        color: #FFF;
        font-size: 18px;
        text-align: center;
        border: 3px solid #CCC;
        padding: 55px 15px 20px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; }
        .scb-form .sf-radio-box2 .sr2-radio .radio .sr2-title, .scb-form .sf-radio-box2 .sr2-radio .checkbox .sr2-title, .scb-form .sf-radio-box2 .sc2-check .radio .sr2-title, .scb-form .sf-radio-box2 .sc2-check .checkbox .sr2-title, .scb-form .sf-check-box2 .sr2-radio .radio .sr2-title, .scb-form .sf-check-box2 .sr2-radio .checkbox .sr2-title, .scb-form .sf-check-box2 .sc2-check .radio .sr2-title, .scb-form .sf-check-box2 .sc2-check .checkbox .sr2-title {
          font-size: 18px;
          line-height: 1.3;
          color: #333; }
        .scb-form .sf-radio-box2 .sr2-radio .radio .sr2-txt, .scb-form .sf-radio-box2 .sr2-radio .checkbox .sr2-txt, .scb-form .sf-radio-box2 .sc2-check .radio .sr2-txt, .scb-form .sf-radio-box2 .sc2-check .checkbox .sr2-txt, .scb-form .sf-check-box2 .sr2-radio .radio .sr2-txt, .scb-form .sf-check-box2 .sr2-radio .checkbox .sr2-txt, .scb-form .sf-check-box2 .sc2-check .radio .sr2-txt, .scb-form .sf-check-box2 .sc2-check .checkbox .sr2-txt {
          font-size: 13px;
          line-height: 1.4;
          color: #666;
          margin-top: 2px; }
        .scb-form .sf-radio-box2 .sr2-radio .radio.on-touch, .scb-form .sf-radio-box2 .sr2-radio .checkbox.on-touch, .scb-form .sf-radio-box2 .sc2-check .radio.on-touch, .scb-form .sf-radio-box2 .sc2-check .checkbox.on-touch, .scb-form .sf-check-box2 .sr2-radio .radio.on-touch, .scb-form .sf-check-box2 .sr2-radio .checkbox.on-touch, .scb-form .sf-check-box2 .sc2-check .radio.on-touch, .scb-form .sf-check-box2 .sc2-check .checkbox.on-touch {
          border-color: #a9ce98;
          background: #f9fff6; }
      .scb-form .sf-radio-box2 .sr2-radio label.radio:before, .scb-form .sf-radio-box2 .sr2-radio label.checkbox:before, .scb-form .sf-radio-box2 .sc2-check label.radio:before, .scb-form .sf-radio-box2 .sc2-check label.checkbox:before, .scb-form .sf-check-box2 .sr2-radio label.radio:before, .scb-form .sf-check-box2 .sr2-radio label.checkbox:before, .scb-form .sf-check-box2 .sc2-check label.radio:before, .scb-form .sf-check-box2 .sc2-check label.checkbox:before {
        background: white;
        content: '';
        position: absolute;
        top: 20px;
        left: calc(50% - 12px);
        width: 24px;
        height: 24px;
        border: 2px solid #d4d4d4;
        background: #FFF;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .scb-form .sf-radio-box2 .sr2-radio label.radio:after, .scb-form .sf-radio-box2 .sr2-radio label.checkbox:after, .scb-form .sf-radio-box2 .sc2-check label.radio:after, .scb-form .sf-radio-box2 .sc2-check label.checkbox:after, .scb-form .sf-check-box2 .sr2-radio label.radio:after, .scb-form .sf-check-box2 .sr2-radio label.checkbox:after, .scb-form .sf-check-box2 .sc2-check label.radio:after, .scb-form .sf-check-box2 .sc2-check label.checkbox:after {
        opacity: 0;
        content: '';
        position: absolute;
        top: 24px;
        left: calc(50% - 4px);
        width: 6px;
        height: 11px;
        border: 2px solid transparent;
        border-left: none;
        border-top: none;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:checked + label.radio,
      .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:checked + label.checkbox, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:checked + label.radio,
      .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:checked + label.checkbox, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:checked + label.radio,
      .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:checked + label.checkbox, .scb-form .sf-check-box2 .sc2-check input[type=radio]:checked + label.radio,
      .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:checked + label.checkbox {
        background: #68a54b;
        border-color: #3b6e22; }
        .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:checked + label.radio .sr2-title, .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:checked + label.radio .sr2-txt,
        .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:checked + label.checkbox .sr2-title,
        .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:checked + label.checkbox .sr2-txt, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:checked + label.radio .sr2-title, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:checked + label.radio .sr2-txt,
        .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:checked + label.checkbox .sr2-title,
        .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:checked + label.checkbox .sr2-txt, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:checked + label.radio .sr2-title, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:checked + label.radio .sr2-txt,
        .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:checked + label.checkbox .sr2-title,
        .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:checked + label.checkbox .sr2-txt, .scb-form .sf-check-box2 .sc2-check input[type=radio]:checked + label.radio .sr2-title, .scb-form .sf-check-box2 .sc2-check input[type=radio]:checked + label.radio .sr2-txt,
        .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:checked + label.checkbox .sr2-title,
        .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:checked + label.checkbox .sr2-txt {
          color: #FFF; }
      .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:checked + label:before,
      .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:checked + label:before, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:checked + label:before,
      .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:checked + label:before, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:checked + label:before,
      .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:checked + label:before, .scb-form .sf-check-box2 .sc2-check input[type=radio]:checked + label:before,
      .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:checked + label:before {
        border-color: white;
        background: #68a54b; }
      .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:checked + label:after,
      .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:checked + label:after, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:checked + label:after,
      .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:checked + label:after, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:checked + label:after,
      .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:checked + label:after, .scb-form .sf-check-box2 .sc2-check input[type=radio]:checked + label:after,
      .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:checked + label:after {
        opacity: 1;
        border-color: white; }
      .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:disabled + label.radio,
      .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:disabled + label.checkbox, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:disabled + label.radio,
      .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:disabled + label.checkbox, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:disabled + label.radio,
      .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:disabled + label.checkbox, .scb-form .sf-check-box2 .sc2-check input[type=radio]:disabled + label.radio,
      .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:disabled + label.checkbox {
        background: #EEE;
        border-color: #CCC; }
        .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:disabled + label.radio .sr2-title, .scb-form .sf-radio-box2 .sr2-radio input[type=radio]:disabled + label.radio .sr2-txt,
        .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:disabled + label.checkbox .sr2-title,
        .scb-form .sf-radio-box2 .sr2-radio input[type=checkbox]:disabled + label.checkbox .sr2-txt, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:disabled + label.radio .sr2-title, .scb-form .sf-radio-box2 .sc2-check input[type=radio]:disabled + label.radio .sr2-txt,
        .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:disabled + label.checkbox .sr2-title,
        .scb-form .sf-radio-box2 .sc2-check input[type=checkbox]:disabled + label.checkbox .sr2-txt, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:disabled + label.radio .sr2-title, .scb-form .sf-check-box2 .sr2-radio input[type=radio]:disabled + label.radio .sr2-txt,
        .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:disabled + label.checkbox .sr2-title,
        .scb-form .sf-check-box2 .sr2-radio input[type=checkbox]:disabled + label.checkbox .sr2-txt, .scb-form .sf-check-box2 .sc2-check input[type=radio]:disabled + label.radio .sr2-title, .scb-form .sf-check-box2 .sc2-check input[type=radio]:disabled + label.radio .sr2-txt,
        .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:disabled + label.checkbox .sr2-title,
        .scb-form .sf-check-box2 .sc2-check input[type=checkbox]:disabled + label.checkbox .sr2-txt {
          color: #666; }
  .scb-form .sf-check-box {
    margin-bottom: -15px;
    text-align: left; }
    .scb-form .sf-check-box .def-check {
      margin: 0 10px 15px 0;
      display: inline-block; }
  .scb-form .def-select + input {
    margin-top: 8px; }
  .scb-form .sfc-file {
    display: block;
    position: relative;
    margin: 0px 0 0; }
    .scb-form .sfc-file dt {
      width: 100%;
      margin: 0 0 8px 0;
      text-align: left; }
    .scb-form .sfc-file dd {
      width: calc(50% - 5px);
      float: left;
      margin: 0 10px 15px 0; }
      .scb-form .sfc-file dd:nth-of-type(2n) {
        margin-right: 0; }
      .scb-form .sfc-file dd img {
        width: 100%; }
    .scb-form .sfc-file .tdl-photo-file {
      position: relative;
      width: 100%;
      height: 0px;
      padding-top: 66.5%;
      background: #f0f0f0 url("../images/ic-add-img.svg") center center/28px 28px no-repeat;
      border: 2px solid #ccc; }
      .scb-form .sfc-file .tdl-photo-file .tdl-img-holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background-size: contain;
        overflow: hidden;
        z-index: 10; }
      .scb-form .sfc-file .tdl-photo-file .tdl-input-file {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 11;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
      .scb-form .sfc-file .tdl-photo-file .tdl-file-close {
        display: none;
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 12;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background: url("../images/ic-del-full.svg") top left/contain no-repeat; }
    .scb-form .sfc-file .input-file-cover {
      width: 100%;
      margin: 0; }
    .scb-form .sfc-file .ifc-input {
      display: block;
      height: 50px;
      padding-right: 40px; }
    .scb-form .sfc-file .input-file-box {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      width: 100%;
      height: 50px; }
    .scb-form .sfc-file .input-file {
      width: 100%;
      height: 100%;
      cursor: pointer;
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
    .scb-form .sfc-file .input-file-clear {
      width: 20px;
      height: 20px;
      line-height: 17px;
      text-align: center;
      font-size: 19px;
      font-weight: bold;
      color: #EEE;
      display: block;
      background: #888;
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 6;
      cursor: pointer;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
      -webkit-border-radius: 99em;
      -moz-border-radius: 99em;
      border-radius: 99em; }
    .scb-form .sfc-file:hover .ifc-input {
      border: 1px solid #588c3f; }
  .scb-form .sf-tip {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-top: 5px;
    position: relative; }
    .scb-form .sf-tip a {
      text-decoration: underline; }
  .scb-form .sfc-contact-way .sf-select {
    width: calc(50% - 10px);
    margin-left: 16px; }
    .scb-form .sfc-contact-way .sf-select:first-child {
      margin-left: 0; }
  .scb-form .sfc-captcha {
    width: 100%;
    position: relative; }
    .scb-form .sfc-captcha li {
      display: inline-block;
      vertical-align: middle;
      /*&:before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				height: 100%;
				width: 0;
				margin-right: -5px;
			}*/ }
      .scb-form .sfc-captcha li:nth-child(1) {
        width: 40%; }
      .scb-form .sfc-captcha li:nth-child(2) {
        width: 100px; }
      .scb-form .sfc-captcha li:nth-child(3) {
        width: auto; }
    .scb-form .sfc-captcha .acp-pic img {
      width: 100%;
      max-height: 44px;
      display: inline-block;
      vertical-align: bottom; }
    .scb-form .sfc-captcha .acp-refresh {
      font-size: 15px; }
      .scb-form .sfc-captcha .acp-refresh a {
        text-decoration: underline; }
  .scb-form .sfc-inpbtn .si-inp {
    float: left;
    width: calc(100% - 60px); }
  .scb-form .sfc-inpbtn .si-btn {
    float: left;
    width: 50px;
    margin-left: 10px; }
    .scb-form .sfc-inpbtn .si-btn .btn {
      width: 100%;
      height: 40px;
      line-height: 40px;
      margin: 0;
      padding: 0 8px; }
  .scb-form .sfc-birth {
    margin-top: 10px; }
    .scb-form .sfc-birth .def-select {
      float: left;
      width: calc(33.33% - 10px);
      margin-left: 15px; }
      .scb-form .sfc-birth .def-select:first-child {
        margin-left: 0; }
  .scb-form .sfc-address {
    margin-bottom: 10px; }
    .scb-form .sfc-address .def-select {
      float: left;
      width: calc(50% - 8px);
      margin-left: 16px; }
      .scb-form .sfc-address .def-select:first-child {
        margin-left: 0; }
  .scb-form .sfc-address2 {
    margin-bottom: 10px; }
    .scb-form .sfc-address2 .def-select {
      float: left;
      width: calc(50% - 48px);
      margin-left: 10px; }
      .scb-form .sfc-address2 .def-select:first-child {
        margin-left: 0; }
    .scb-form .sfc-address2 .zipcode {
      float: right;
      width: 76px;
      margin: 0 0 0 10px; }
  .scb-form .sfc-tel .st-area {
    float: left;
    width: 70px; }
  .scb-form .sfc-tel .st-nb {
    float: left;
    width: calc(100% - 190px);
    margin-left: 10px; }
    .scb-form .sfc-tel .st-nb:first-child {
      margin-left: 0; }
  .scb-form .sfc-tel .st-extension {
    float: right;
    width: 100px;
    margin-left: 10px; }
  .scb-form .sf-tel-box .sfc-tel, .scb-form .sf-tel-box .sfc-mobile {
    margin-top: 10px; }
  .scb-form .sfc-sort {
    display: block;
    position: relative;
    margin-top: 15px; }
    .scb-form .sfc-sort dt {
      width: 100%;
      margin: 0 0 8px 0;
      text-align: left; }
    .scb-form .sfc-sort dd {
      width: 100%;
      padding: 15px 0 20px;
      border-bottom: 2px solid #e6e6e6; }
      .scb-form .sfc-sort dd:first-of-type {
        padding-top: 0; }
      .scb-form .sfc-sort dd:last-child {
        border-bottom: none;
        padding-bottom: 5px; }
    .scb-form .sfc-sort .ssr-subtitle {
      font-size: 15px;
      color: #333;
      margin-bottom: 10px;
      position: relative; }
      .scb-form .sfc-sort .ssr-subtitle.srst-hl {
        color: #f85766; }
      .scb-form .sfc-sort .ssr-subtitle .srst-del {
        padding: 6px 10px 0;
        height: 30px;
        text-align: center;
        font-size: 13px;
        color: #242424;
        position: absolute;
        top: -7px;
        right: 0;
        opacity: .7;
        background: transparent;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
        .scb-form .sfc-sort .ssr-subtitle .srst-del:before {
          content: "";
          width: 13px;
          height: 16px;
          display: inline-block;
          vertical-align: middle;
          background: url("../images/ic-del-hover.svg") center center/contain no-repeat; }
        .scb-form .sfc-sort .ssr-subtitle .srst-del .sd-txt {
          display: inline-block;
          vertical-align: middle;
          margin-left: 4px; }
        .scb-form .sfc-sort .ssr-subtitle .srst-del.on-touch {
          opacity: 1;
          background: #f2f2f2; }
    .scb-form .sfc-sort .def-select {
      width: calc(50% - 9px);
      margin-left: 12px;
      display: inline-block; }
      .scb-form .sfc-sort .def-select:first-of-type {
        margin-left: 0; }
    .scb-form .sfc-sort .ssr-add-btn {
      width: 100%; }
      .scb-form .sfc-sort .ssr-add-btn .btn {
        width: 100%;
        height: 40px;
        line-height: 36px;
        text-align: center;
        margin: 0; }
        .scb-form .sfc-sort .ssr-add-btn .btn:before {
          content: '';
          width: 13px;
          height: 13px;
          margin-right: 7px;
          display: inline-block;
          vertical-align: middle;
          background: url("../images/ic-add-img.svg") center center/contain no-repeat; }
        .scb-form .sfc-sort .ssr-add-btn .btn span {
          display: inline-block;
          vertical-align: middle; }
  @media (max-width: 768px) {
    .scb-form {
      max-width: 569px; }
      .scb-form.sf-w2 dt {
        width: 100%;
        margin-right: 0px; }
      .scb-form.sf-w2 dd {
        width: 100%; }
      .scb-form .sf-content.sfc-2 {
        text-align: left; }
        .scb-form .sf-content.sfc-2 dt {
          text-align: left; }
      .scb-form dt {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        margin-bottom: 10px;
        text-align: left; }
      .scb-form dd {
        width: 100%; } }
  @media (max-width: 568px) {
    .scb-form dl {
      margin-bottom: 25px; }
    .scb-form .sfc-file dt {
      width: 100%;
      margin: 0 0 8px 0;
      text-align: left; }
    .scb-form .sfc-file dd {
      width: 100%;
      float: none;
      margin-right: 0px;
      margin-bottom: 15px; }
      .scb-form .sfc-file dd img {
        width: 100%; }
    .scb-form .sf-radio-box2 .sr2-radio, .scb-form .sf-radio-box2 .sc2-check, .scb-form .sf-check-box2 .sr2-radio, .scb-form .sf-check-box2 .sc2-check {
      width: 100%;
      max-width: 350px;
      margin: 0 auto 10px;
      display: block; }
      .scb-form .sf-radio-box2 .sr2-radio:nth-child(2n), .scb-form .sf-radio-box2 .sc2-check:nth-child(2n), .scb-form .sf-check-box2 .sr2-radio:nth-child(2n), .scb-form .sf-check-box2 .sc2-check:nth-child(2n) {
        margin-right: auto; }
      .scb-form .sf-radio-box2 .sr2-radio:last-child, .scb-form .sf-radio-box2 .sc2-check:last-child, .scb-form .sf-check-box2 .sr2-radio:last-child, .scb-form .sf-check-box2 .sc2-check:last-child {
        margin-bottom: 0; }
      .scb-form .sf-radio-box2 .sr2-radio .radio, .scb-form .sf-radio-box2 .sr2-radio .checkbox, .scb-form .sf-radio-box2 .sc2-check .radio, .scb-form .sf-radio-box2 .sc2-check .checkbox, .scb-form .sf-check-box2 .sr2-radio .radio, .scb-form .sf-check-box2 .sr2-radio .checkbox, .scb-form .sf-check-box2 .sc2-check .radio, .scb-form .sf-check-box2 .sc2-check .checkbox {
        height: auto;
        min-height: 150px; } }

/*----*/
/*----*/
.sc-nomobile-tip {
  display: none;
  width: 100%;
  padding: 8px 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #f85766;
  background: #fee5e8; }
  @media (max-width: 768px) {
    .sc-nomobile-tip {
      display: block; } }

/*----*/
/*-- 注意事項 --*/
.sc-note {
  width: 100%;
  max-width: 780px;
  border: 1px solid #d7d7d7;
  background: #f8f8f8;
  padding: 20px 30px;
  margin: 50px auto 0; }
  .sc-note.scn-width {
    max-width: 570px; }
  .sc-note.scn-width2 {
    max-width: 600px; }
  .sc-note + .scb-form {
    margin-top: 15px; }
  .sc-note .scn-title {
    font-size: 14px;
    color: #f85766;
    margin-bottom: 8px; }
  .sc-note .scn-list {
    width: 100%;
    padding-left: 20px;
    list-style-type: decimal;
    font-size: 14px;
    line-height: 1.5;
    color: #444; }
    .sc-note .scn-list li {
      margin-bottom: 8px; }
      .sc-note .scn-list li:last-child {
        margin-bottom: none; }
    .sc-note .scn-list + .scn-title {
      margin-top: 15px; }
  @media (max-width: 568px) {
    .sc-note {
      padding: 20px 20px; } }

/*----*/
/*-- 進度 --*/
.rvw-process {
  width: 100%;
  max-width: 340px;
  margin: 0 auto 40px; }
  .rvw-process li {
    float: left;
    width: calc(50% - 60px + 40px);
    text-align: center;
    position: relative; }
    .rvw-process li:after {
      content: "";
      width: calc(100% - 20px);
      height: 6px;
      display: block;
      background: #d2d3d8;
      position: absolute;
      left: 30px;
      bottom: 18px; }
    .rvw-process li:last-child {
      width: 40px; }
      .rvw-process li:last-child:after {
        display: none; }
    .rvw-process li.rp-act:after {
      background-color: #588c3f;
      background-image: -webkit-gradient(linear, left, right, from(#588c3f), to(#d2d3d8));
      background-image: -webkit-linear-gradient(left, #588c3f, #d2d3d8);
      background-image: -moz-linear-gradient(right, #588c3f, #d2d3d8);
      background-image: -ms-linear-gradient(right, #588c3f, #d2d3d8);
      background-image: -webkit-gradient(linear, left top, right top, from(#588c3f), to(#d2d3d8));
      background-image: -o-linear-gradient(left, #588c3f, #d2d3d8);
      background-image: linear-gradient(to right, #588c3f, #d2d3d8); }
    .rvw-process li.rp-act .rp-status {
      background: url("../images/ing-01@2x.png") center center/contain no-repeat; }
    .rvw-process li.rp-finish:after {
      background: #5d6274; }
    .rvw-process li.rp-finish .rp-status {
      background: url("../images/ing-01-dark.svg") center center/contain no-repeat; }
    .rvw-process li .rp-box {
      width: 40px; }
    .rvw-process li .rp-icon {
      height: 54px;
      margin-bottom: 15px;
      display: inline-block; }
      .rvw-process li .rp-icon:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -5px; }
      .rvw-process li .rp-icon img {
        width: 100%;
        display: inline-block;
        vertical-align: middle; }
    .rvw-process li .rp-status {
      width: 40px;
      height: 40px;
      display: inline-block;
      background: url("../images/gray.svg") center center/26px 26px no-repeat; }
  .rvw-process .rp-1 .rp-icon {
    width: 40px; }
  .rvw-process .rp-1.rp-act .rp-icon {
    background: url("../images/ic-cell-green.svg") center center/contain no-repeat; }
  .rvw-process .rp-1.rp-finish .rp-icon {
    background: url("../images/ic-cell-dark.svg") center center/contain no-repeat; }
  .rvw-process .rp-1-2 .rp-icon {
    width: 45px; }
  .rvw-process .rp-1-2.rp-act .rp-icon {
    background: url("../images/ic-indentity-green.svg") center center/contain no-repeat; }
  .rvw-process .rp-1-2.rp-finish .rp-icon {
    background: url("../images/ic-indentity-dark.svg") center center/contain no-repeat; }
  .rvw-process .rp-2 .rp-icon {
    width: 47px; }
  .rvw-process .rp-2 .rp-icon {
    background: url("../images/ic-mail-gray.svg") center center/contain no-repeat; }
  .rvw-process .rp-2.rp-act .rp-icon {
    background: url("../images/ic-mail-green.svg") center center/contain no-repeat; }
  .rvw-process .rp-2.rp-finish .rp-icon {
    background: url("../images/ic-mail-dark.svg") center center/contain no-repeat; }
  .rvw-process .rp-2-2 .rp-icon {
    width: 47px; }
  .rvw-process .rp-2-2 .rp-icon {
    background: url("../images/ic-edit-gray.svg") center center/contain no-repeat; }
  .rvw-process .rp-2-2.rp-act .rp-icon {
    background: url("../images/ic-edit-green.svg") center center/contain no-repeat; }
  .rvw-process .rp-2-2.rp-finish .rp-icon {
    background: url("../images/ic-edit-dark.svg") center center/contain no-repeat; }
  .rvw-process .rp-3 .rp-icon {
    width: 39px; }
  .rvw-process .rp-3 .rp-icon {
    background: url("../images/ic-succ-gray.svg") center center/contain no-repeat; }
  .rvw-process .rp-3.rp-act .rp-icon {
    background: url("../images/ic-succ-green.svg") center center/contain no-repeat; }
  .rvw-process .rp-3.rp-finish .rp-icon {
    background: url("../images/ic-succ-dark.svg") center center/contain no-repeat; }

/*----*/
/*-- 驗證碼至手機號碼提示 --*/
.sf-mobile-tip {
  width: 100%;
  max-width: 340px;
  margin: 0 auto 20px; }
  .sf-mobile-tip .smt-txt {
    font-size: 16px;
    line-height: 1.5;
    color: #588c3f;
    margin-bottom: 10px; }
  .sf-mobile-tip .smt-box .sb-phone {
    float: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #588c3f; }
  .sf-mobile-tip .smt-box .sb-time {
    float: right;
    font-size: 15px;
    line-height: 1;
    color: #f85766;
    padding-top: 7px; }

/*----*/
/*-- 提示文字 --*/
.sf-content-tip {
  width: 100%;
  max-width: 340px;
  margin: 0 auto 20px; }
  .sf-content-tip .sct-txt {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    color: #588c3f;
    text-align: center; }

/*----*/
/*-- 服務連結 --*/
.sc-service-box {
  width: 100%;
  max-width: 780px;
  border: 1px solid #d7d7d7;
  background: #f8f8f8;
  padding: 20px 30px;
  margin: 50px auto 0; }
  .sc-service-box .ssb-w1 {
    max-width: 570px; }
  .sc-service-box .ssb-title {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #588c3f;
    margin-bottom: 15px; }
  .sc-service-box .ssb-list {
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    color: #474747;
    text-align: center; }
    .sc-service-box .ssb-list li {
      display: inline-block;
      vertical-align: middle; }
      .sc-service-box .ssb-list li:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 10px;
        border-left: 1px solid #979797; }
      .sc-service-box .ssb-list li:last-child:after {
        display: none; }
      .sc-service-box .ssb-list li a {
        padding: 0 13px 0 10px;
        color: #474747;
        text-decoration: none; }
        .sc-service-box .ssb-list li a.on-touch {
          text-decoration: underline; }
  @media (max-width: 568px) {
    .sc-service-box {
      padding: 20px 20px; } }

/*----*/
/*-- 申請資料 --*/
.sc-apply-detail {
  width: 100%;
  max-width: 570px;
  background: #f8f8f8;
  padding: 10px 15px;
  margin: 0px auto 20px; }
  .sc-apply-detail .sadt-content {
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
    text-align: left; }
    .sc-apply-detail .sadt-content .sdc-highlight {
      color: #588c3f; }

/*----*/
/*-- 表格標籤切換 --*/
.sfc-tab-wrap {
  width: 100%;
  position: relative;
  z-index: 11; }
  .sfc-tab-wrap .sfc-tabs {
    width: 100%;
    margin: 0 auto 25px;
    text-align: center; }
    .sfc-tab-wrap .sfc-tabs li {
      float: left;
      display: block;
      width: calc(33.33% - 6px);
      height: 110px;
      padding: 55px 5px 10px;
      margin-right: 9px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      color: #333;
      cursor: pointer;
      position: relative;
      background: #FFF;
      border: 3px solid #CCC;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px; }
      .sfc-tab-wrap .sfc-tabs li:last-child {
        margin-right: 0px; }
      .sfc-tab-wrap .sfc-tabs li.on-touch {
        background: #f9fff6;
        border-color: #a9ce98; }
      .sfc-tab-wrap .sfc-tabs li.active {
        background: #68a54b;
        border-color: #3b6e22;
        color: #FFF; }
        .sfc-tab-wrap .sfc-tabs li.active:before {
          border-color: white;
          background: #68a54b; }
        .sfc-tab-wrap .sfc-tabs li.active:after {
          opacity: 1;
          border-color: white; }
      .sfc-tab-wrap .sfc-tabs li .sft-txt {
        display: inline-block;
        vertical-align: middle; }
      .sfc-tab-wrap .sfc-tabs li:before {
        background: white;
        content: '';
        position: absolute;
        top: 20px;
        left: calc(50% - 12px);
        width: 24px;
        height: 24px;
        border: 2px solid #d4d4d4;
        background: #FFF;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .sfc-tab-wrap .sfc-tabs li:after {
        opacity: 0;
        content: '';
        position: absolute;
        top: 24px;
        left: calc(50% - 4px);
        width: 6px;
        height: 11px;
        border: 2px solid transparent;
        border-left: none;
        border-top: none;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .sfc-tab-wrap .sfc-tab-content {
    width: 100%;
    position: relative; }
  .sfc-tab-wrap .st-page {
    width: 100%;
    font-size: 16px;
    position: relative;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s; }
  @media (max-width: 568px) {
    .sfc-tab-wrap .sfc-tabs li {
      float: none;
      display: block;
      width: 100%;
      height: auto;
      padding: 20px 20px 19px 60px;
      margin: 0 0 15px 0;
      text-align: left; }
      .sfc-tab-wrap .sfc-tabs li:last-child {
        margin-bottom: 0px; }
      .sfc-tab-wrap .sfc-tabs li:before {
        top: 19px;
        left: 20px; }
      .sfc-tab-wrap .sfc-tabs li:after {
        top: 23px;
        left: 28px; } }

/*----*/