﻿@charset "UTF-8";
/*-- show or hide --*/
/* line 9, ../sass/mobile.scss */
.mobile, .show-block {
  display: block;
}

/* line 13, ../sass/mobile.scss */
.tablet {
  display: none;
}

/* line 17, ../sass/mobile.scss */
.pc {
  display: none;
}

/* line 21, ../sass/mobile.scss */
.mobile-clear {
  clear: both;
}

/* line 25, ../sass/mobile.scss */
.mobile-hide {
  display: none !important;
}

/* line 29, ../sass/mobile.scss */
.mt300 {
  margin-top: 150px;
}

/* line 33, ../sass/mobile.scss */
.textName {
  font-size: 1.2em;
}

/*---------------------------------- 頁首 ----------------------------------*/
/* line 39, ../sass/mobile.scss */
.header .container {
  width: 90%;
}
/* line 41, ../sass/mobile.scss */
.header .container li:first-child {
  width: 60%;
  padding-right: 10px;
}
/* line 45, ../sass/mobile.scss */
.header .container li:first-child a {
  padding: 0;
}
/* line 47, ../sass/mobile.scss */
.header .container li:first-child a img {
  width: 100%;
}
/* line 51, ../sass/mobile.scss */
.header .container li:nth-child(2) a {
  font-size: 1.1em;
  padding: 0 0 0 5px;
}

/*---------------------------------- 頁尾 ----------------------------------*/
/* line 59, ../sass/mobile.scss */
#footerInfo {
  padding: 5px 0;
}
/* line 62, ../sass/mobile.scss */
#footerInfo ul li {
  display: block;
  margin: 5px 0;
}
/* line 65, ../sass/mobile.scss */
#footerInfo ul li span {
  margin: 0 5px;
}

/* line 74, ../sass/mobile.scss */
#footer .container ul {
  width: 100%;
}
/* line 76, ../sass/mobile.scss */
#footer .container ul li {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/* line 81, ../sass/mobile.scss */
#footer .container ul li img.logo {
  display: block;
  margin: 5px auto;
}
/* line 85, ../sass/mobile.scss */
#footer .container ul li a {
  display: none;
}
/* line 90, ../sass/mobile.scss */
#footer .container div.right {
  display: none;
}

/*---------------------------------- 下方有一條兩個顏色的線(綠、灰)的標題 ----------------------------------*/
/* line 100, ../sass/mobile.scss */
.TwoColorTitle {
  height: 34px;
}
/* line 103, ../sass/mobile.scss */
.TwoColorTitle .Text {
  padding: 5px 0;
  font-size: 24px;
  line-height: 24px;
  padding-right: 5px;
}

/*---------------------------------- 內容 ----------------------------------*/
/*---------------- step ----------------*/
/* line 114, ../sass/mobile.scss */
.fromBg .chooseStep {
  margin: 0 auto 5px auto;
}
/* line 116, ../sass/mobile.scss */
.fromBg .chooseStep .container {
  width: 90%;
}
/* line 120, ../sass/mobile.scss */
.fromBg .applyForm {
  width: 95%;
  min-height: 230px;
  margin: 0 2.5% 20px 2.5%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  overflow: hidden;
}
/* line 129, ../sass/mobile.scss */
.fromBg .msgAlert span.magBlock img {
  display: none;
}
/* line 134, ../sass/mobile.scss */
.fromBg .msgPoint {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

/*---------------- 欄位_必填 ----------------*/
/* line 142, ../sass/mobile.scss */
.mustWrite:after {
  content: "*";
  color: #eb8300;
  padding-left: 2px;
}

/*---------------- 下拉選單調整 ----------------*/
/*------- 寬度 -------*/
/* line 154, ../sass/mobile.scss */
.transformSelect-down-div .transformSelect {
  width: 49%;
  margin-bottom: 10px;
}
/* line 157, ../sass/mobile.scss */
.transformSelect-down-div .transformSelect:last-of-type {
  float: right;
}
/* line 160, ../sass/mobile.scss */
.transformSelect-down-div .transformSelect ul {
  width: 100%;
}

/* line 167, ../sass/mobile.scss */
.mobileWide .transformSelect {
  width: 100%;
}
/* line 169, ../sass/mobile.scss */
.mobileWide .transformSelect ul {
  width: 100%;
}

/* line 176, ../sass/mobile.scss */
.mobile-wp80 .transformSelect {
  width: 80%;
}
/* line 178, ../sass/mobile.scss */
.mobile-wp80 .transformSelect ul {
  width: 100%;
}

/* line 185, ../sass/mobile.scss */
.mobile-mb10 .transformSelect {
  margin-bottom: 10px;
}

/*---------------- 下拉選單調整結束 ----------------*/
/* line 192, ../sass/mobile.scss */
a.midBtn {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #1f8b85;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2ZGJjZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBiOWFjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA5YzkxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -moz-linear-gradient(270deg, #36dbcf 0%, #00b9ac 50%, #009c91 100%);
  background: -webkit-linear-gradient(270deg, #36dbcf 0%, #00b9ac 50%, #009c91 100%);
  background: linear-gradient(180deg, #36dbcf 0%, #00b9ac 50%, #009c91 100%);
  color: #fff;
  font-size: 24px;
  width: 45%;
  padding: 15px 0px;
}
/* line 201, ../sass/mobile.scss */
a.midBtn:after {
  display: none;
}

/* line 204, ../sass/mobile.scss */
a.midBtn.greyBtn {
  background-color: #e5e5e5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDNkM2QzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzZjNmM2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -moz-linear-gradient(270deg, #e5e5e5 0%, #d3d3d3 50%, #c6c6c6 100%);
  background: -webkit-linear-gradient(270deg, #e5e5e5 0%, #d3d3d3 50%, #c6c6c6 100%);
  background: linear-gradient(180deg, #e5e5e5 0%, #d3d3d3 50%, #c6c6c6 100%);
}
a.midBtn.greyBtn.off {
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
a.midBtn.greyBtn.off:hover {
    padding:15px 0;
}
/* line 211, ../sass/mobile.scss */
.two a.midBtn:first-of-type {
  margin-right: 3%;
}
/* line 214, ../sass/mobile.scss */
.two a.mobileWide {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

/* line 221, ../sass/mobile.scss */
a.sendit {
  float: none;
  width: 100%;
  padding: 5px 0px;
  margin-bottom: 20px;
}

/* line 228, ../sass/mobile.scss */
.respond-field {
  *zoom: 1;
  clear: both;
}
/* line 28, ../sass/custom/_mixin.scss */
.respond-field:before, .respond-field:after {
  content: " ";
  display: table;
}
/* line 33, ../sass/custom/_mixin.scss */
.respond-field:after {
  clear: both;
}
/* line 230, ../sass/mobile.scss */
.respond-field:not(:last-of-type) {
  margin-bottom: 20px;
}
/* line 234, ../sass/mobile.scss */
.respond-field .respond-field-txt {
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 239, ../sass/mobile.scss */
.respond-field .respond-field-input input {
  width: 95.5%;
}
/* line 242, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-w30 {
  width: 30px;
}
/* line 245, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-w50 {
  width: 50px;
}
/* line 248, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp15 {
  width: 15%;
}
/* line 251, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp18 {
  width: 18%;
}
/* line 254, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp35 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 35%;
}
/* line 258, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp40 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 40%;
}
/* line 262, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp45 {
  width: 45%;
}
/* line 265, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp50 {
  width: 50%;
}
/* line 268, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp58 {
  width: 58%;
}
/* line 271, ../sass/mobile.scss */
.respond-field .respond-field-input input.mobile-wp80 {
  width: 80%;
}
/* line 274, ../sass/mobile.scss */
.respond-field .respond-field-input textarea {
  width: 90%;
}
/* line 278, ../sass/mobile.scss */
.respond-field .respond-field-input .codePic img {
  width: 110px;
  margin: 10px 0 0 0;
}
/* line 283, ../sass/mobile.scss */
.respond-field .respond-field-input .reFreshBtn {
  color: #009d99;
  cursor: pointer;
}
/* line 287, ../sass/mobile.scss */
.respond-field .respond-field-input .vt-btnRadio {
  width: 95%;
  height: 400px;
  overflow: hidden;
}
/* line 291, ../sass/mobile.scss */
.respond-field .respond-field-input .vt-btnRadio span {
  display: block;
  padding: 10px;
  border: #dddddd 1px solid;
}
/* line 296, ../sass/mobile.scss */
.respond-field .respond-field-input .vt-btnRadio span:first-child {
  margin: 20px auto 0 auto;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
/* line 301, ../sass/mobile.scss */
.respond-field .respond-field-input .vt-btnRadio span:last-child {
  border-radius: 0 0 10px 10px;
}
/* line 307, ../sass/mobile.scss */
.respond-field .respond-block-end {
  margin-bottom: 20px;
}
/* line 310, ../sass/mobile.scss */
.respond-field .respond-field-detail {
  color: #888888;
  padding: 0 0 10px 0;
  border-bottom: #dddddd 1px dotted;
}

/* line 319, ../sass/mobile.scss */
.upLoad-field .fileBlock .fileTitle {
  background-image: url(../images/bg_file_title_mobile.jpg);
  background-repeat: repeat-x;
}

/* line 326, ../sass/mobile.scss */
.prettycheckbox label {
  width: 85%;
}

/* line 329, ../sass/mobile.scss */
.accordion h3, .collapse h3 {
  height: initial;
  padding-bottom: 7px;
}

/* line 333, ../sass/mobile.scss */
.accordion h3:after {
  right: 10px;
}

/* line 337, ../sass/mobile.scss */
.accordion h3 span, .collapse h3 span {
  line-height: 20px;
  display: block;
  padding: 10px 35px 0 10px;
}

/* line 344, ../sass/mobile.scss */
div.paperBlock .iframeScroll {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
/* line 347, ../sass/mobile.scss */
div.paperBlock .iframeScroll iframe {
  overflow-y: hidden;
}

/*# sourceMappingURL=mobile.css.map */
