html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
.bottomLine dl dt, .bottomLine dl dd {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.phone {
  background: transparent;
}
.overFlow-Center {
  position: relative;
  overflow: hidden;
}
@media (min-width: 0px) and (max-width: 480px) {
  .overFlow-Center {
    width: 100%;
  }
  /* 20200107 Linda start */
  .cell-hide {
    display: none;
  }
  /* 20200107 Linda end */
}
@media (min-width: 481px) and (max-width: 1170px) {
  .overFlow-Center {
    width: 100%;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .overFlow-Center {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 480px) {
  .flexBox {
    display: block;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .flexBox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .flexBox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
.nav-fixed nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.nav-fixed, .show::before {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.darkPink {
  color: #ea1675;
}
.darkOrange {
  color: #ea5413;
}
.lightGreen {
  color: #b5d220;
}
.pink {
  color: #ff3f7e;
}
.cyan {
  color: #1fb0b5;
}
.purple {
  color: #6902ab;
}
.blue {
  color: rgb(29, 106, 214);
}
.skyBlue {
  color: #0d6fb8;
}
.darkBlue {
  color: #172e5e;
}
.lightBlue {
  color: #2ea7e0;
}
.darkYellow {
  color: rgb(255, 179, 1);
}
.brown {
  color: #b35900;
}
.lightBrown {
  color: #d58947;
}
img {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
b {
  font-weight: bold;
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  font-size: 15px;
  font-family: "FontAwesome", "Century Gothic", "Arial", "cwTeXYen", "Noto Sans TC", "微軟正黑體";
  font-weight: 100;
  margin: 0;
  padding: 0;
}
.overFlow-Center {
  text-align: center;
}
.clearBoth {
  clear: both;
}
.divine-2-box {
  position: relative;
  overflow: hidden;
}
.divine-2-box .divine-left {
  float: none;
}
@media only screen and (min-width: 481px) {
  .divine-2-box .divine-left {
    float: left;
  }
}
.divine-2-box .divine-right {
  float: none;
}
@media only screen and (min-width: 481px) {
  .divine-2-box .divine-right {
    float: right;
  }
}
.top-link .top-link-nav, .top-link .top-link-nav a, .vbanner-extend ul, .secbox-1 .title, .secbox-2 .title, .secbox-3 .title, .secbox-4 .title, .secbox-5 .title, .secbox-6 .title, .secbox-3 .class-box dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.btn-top, .btn-top:active, .btn-top:focus, .btn-go-form, header, .videoBox, .secbox-3 section, .secbox-3 section main, .secbox-3 a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-top, .btn-top:active, .btn-top:focus, .btn-top:hover, .btn-top:active:hover, .btn-top:focus:hover, .btn-top.cd-is-visible, .btn-top.cd-fade-out, .btn-go-form, .btn-go-form:hover, .secbox-3 section:nth-of-type(1) a:hover, .secbox-3 section:nth-of-type(2) a:hover {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.btn-top, .btn-top:active, .btn-top:focus {
  display: block;
  position: fixed;
  bottom: 53px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 85%;
  color: #fff !important;
  text-align: center;
  background-color: #d61518;
  cursor: pointer;
  border-radius: 100rem;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
}
@media only screen and (min-width: 481px) {
  .btn-top, .btn-top:active, .btn-top:focus {
    bottom: 53px;
    right: 15px;
    width: 40px;
    height: 40px;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) {
  .btn-top, .btn-top:active, .btn-top:focus {
    bottom: 80px;
    right: 20px;
    width: 55px;
    height: 55px;
    padding: 20px 0;
  }
}
.btn-top:hover, .btn-top:active:hover, .btn-top:focus:hover {
  color: #d61518 !important;
  background-color: #fff;
}
.btn-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.btn-top.cd-fade-out {
  opacity: 1;
}
.btn-go-form {
  display: inline-block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 75%;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.5px;
  font-family: "Noto Sans TC", "微軟正黑體";
  color: #fff !important;
  background-color: #d61518;
  font-weight: normal;
  cursor: pointer;
  border-radius: 100rem;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
  padding: 7px 0 15px 0;
  z-index: 5;
}
@media only screen and (min-width: 481px) {
  .btn-go-form {
    bottom: 10px;
    right: 15px;
    width: 40px;
    height: 40px;
    font-size: 23%;
    padding: 5px 0 15px 0;
  }
}
@media only screen and (min-width: 768px) {
  .btn-go-form {
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    font-size: 100%;
    padding: 9px 0 20px 0;
  }
}
.btn-go-form:hover {
  color: #d61518 !important;
  background-color: #fff;
  font-weight: bold;
}
.top-link {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 28px;
  color: #fff;
  background-color: #d61518;
  z-index: 999;
}
@media only screen and (min-width: 481px) {
  .top-link {
    height: 27px;
  }
}
@media only screen and (min-width: 768px) {
  .top-link {
    height: 30px;
  }
}
.top-link .top-link-nav {
  margin: 6px 0 0 0;
  justify-content: center;
}
.top-link .top-link-nav a {
  color: #fff;
  font-size: 100%;
  padding: 0 4px;
}
.top-link .top-link-nav dt {
  display: none;
}
.fab.fa-teamspeak {
  padding: 0 0 0 10px;
}
@media only screen and (min-width: 481px) {
  .top-link .top-link-nav {
    margin: 6px 0 0 0;
    justify-content: flex-end;
  }
  .top-link .top-link-nav a {
    font-size: 80%;
    padding: 0 10px;
  }
  .top-link .top-link-nav dt {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .top-link .top-link-nav {
    margin: 6px 0 0 0;
    justify-content: flex-end;
  }
  .top-link .top-link-nav a {
    font-size: 110%;
    padding: 0 10px;
  }
  .top-link .top-link-nav dt {
    display: block;
  }
}
@media only screen and (min-width: 1100px) {
  .top-link .top-link-nav {
    margin: 6px 0 0 0;
    justify-content: flex-end;
  }
  .top-link .top-link-nav a {
    font-size: 110%;
    padding: 0 10px;
  }
  .top-link .top-link-nav dt {
    display: block;
  }
}
.top-link .top-link-nav a:hover {
  color: #000 !important;
}
.top-link .top-link-nav a:not(:last-of-type) {
  border-right: #fff 1px solid;
  padding: 0 20px 0 20px;
}
.top-link .top-link-nav dt, .top-link .top-link-nav dd {
  margin: 0 0;
  padding: 0 0 0 5px;
}
@media only screen and (min-width: 481px) {
  .top-link .top-link-nav dt, .top-link .top-link-nav dd {
    margin: 0 4px;
  }
}
@media only screen and (min-width: 768px) {
  .top-link .top-link-nav dt, .top-link .top-link-nav dd {
    margin: 0 4px;
  }
}
@media only screen and (min-width: 1100px) {
  .top-link .top-link-nav dt, .top-link .top-link-nav dd {
    margin: 0 4px;
  }
}
.edm-wrapper-default {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.edm-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.secbox-sendForm {
  background: rgb(36, 146, 137);
}
.secbox-sendForm table {
  background: #fff;
  color: #000;
  margin-bottom: 1.5%;
}
.secbox-sendForm section, .secbox-sendForm .red_word, .secbox-sendForm u {
  color: #fff;
}
.secbox-sendForm .red_word {
  font-size: 120%;
  margin-bottom: 1.5%;
  color: #fff;
}
.send {
  margin-top: 3rem;
}
.send a {
  color: #fff;
  background: rgb(217, 97, 0);
  border-radius: 5px;
  font-size: 140%;
  font-weight: bold;
}
.formb1 {
  color: #000;
  text-align: center;
  line-height: 1.4em;
  letter-spacing: .06em;
}
.formb1 a {
  white-space: nowrap;
  font-weight: bold;
  color: red;
  text-decoration: underline;
  position: relative;
}
.formb1 a::before {
  content: '';
  background: url(../images/fin.png)no-repeat;
  width: 19px;
  height: 19px;
  z-index: 6;
  background-size: 100%;
  position: absolute;
  bottom: -5px;
  right: -7px;
}
.formb1 a:hover {
  font-style: italic;
  color: #e78a03;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper {
    width: 100%;
    padding: 0;
  }
  .secbox-sendForm .edm-wrapper {
    width: 95%;
    margin: 0 auto;
    padding: 8% 0;
  }
  .formb1 {
    font-size: 190%;
    margin: 8% 0 12% 0;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .edm-wrapper {
    width: 100%;
    padding: 0;
  }
  .secbox-sendForm .edm-wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 2% 0;
  }
  .formb1 {
    font-size: 185%;
    margin: 6% 0 10% 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper {
    width: 100%;
    padding: 0;
  }
  .secbox-sendForm .edm-wrapper {
    width: 80%;
    padding: 5% 0;
  }
  .formb1 {
    font-size: 210%;
    margin: 3% 0 8% 0;
  }
}
.edm-wrapper-T0 {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper-T0 {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper-T0 {
    width: 100%;
    padding: 0 0 30px 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper-T0 {
    width: 1200px;
    padding: 0 0 30px 0;
  }
}
.edm-wrapper-B0 {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper-B0 {
    width: 100%;
    padding: 20px 0 0 0;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper-B0 {
    width: 100%;
    padding: 30px 0 0 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper-B0 {
    width: 1200px;
    padding: 30px 0 0 0;
  }
}
.edm-wrapper-TB0 {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  .edm-wrapper-TB0 {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .edm-wrapper-TB0 {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1170px) and (max-width: 9999px) {
  .edm-wrapper-TB0 {
    width: 1200px;
    padding: 0;
  }
}
.flexBox {
  justify-content: space-between;
  align-items: top;
  overflow: hidden;
}
.gray-divine {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: #cfcfcf;
  overflow: hidden;
}
.gray-dashDivine {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  border-bottom: #cfcfcf 1px dashed;
  overflow: hidden;
}
.gray-dotDivine {
  width: 90%;
  height: 1px;
  margin: 0 auto;
  border-bottom: #999999 1px dotted;
  overflow: hidden;
}
.blue-divine {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: #9ed7f6;
  overflow: hidden;
}
@media (min-width: 0px) and (max-width: 480px) {
  .blue-divine {
    width: 90%;
    margin: 0 auto;
  }
}
@media (min-width: 481px) and (max-width: 1170px) {
  .blue-divine {
    width: 90%;
    margin: 0 auto;
  }
}
.bottomLine {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  background: -moz-linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  background: -webkit-linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  background: -o-linear-gradient(0deg, #025d95 50%, #5fbae4 50%);
  overflow: hidden;
}
.bottomLine dl {
  position: relative;
  display: table;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1170px) {
  .bottomLine dl {
    width: 1100px;
  }
}
.bottomLine dl dt {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
}
@media only screen and (min-width: 481px) {
  .bottomLine dl dt {
    width: 7%;
    padding: 5px 15px;
  }
}
.bottomLine dl dt img {
  width: 100%;
}
.bottomLine dl dd {
  display: table-cell;
  color: #fff;
  font-size: 120%;
  line-height: 1.4rem;
  text-align: left;
  vertical-align: middle;
  background-color: #5fbae4;
  padding: 3px 15px 3px 15px;
}
@media only screen and (min-width: 769px) {
  .bottomLine dl dd {
    font-size: 200%;
    line-height: 1.8rem;
    padding: 5px 20px 5px 55px;
  }
}
@media only screen and (min-width: 481px) {
  .bottomLine dl dd::before {
    content: "";
  }
}
@media only screen and (min-width: 769px) {
  .bottomLine dl dd::before {
    content: "";
    position: absolute;
    left: 7%;
    bottom: 0;
    width: 0;
    height: 0;
    border: 33px solid transparent;
    border-left: 33px solid #025d95;
    border-bottom: 33px solid #025d95;
  }
}
.nav-fixed {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  background: rgba(105, 60, 6, 0.95);
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  opacity: 0;
  z-index: 10;
}
.nav-fixed nav {
  position: relative;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (min-width: 481px) {
  .nav-fixed nav {
    width: 90%;
    justify-content: space-between;
    padding: 10px 0;
  }
}
.nav-fixed nav a {
  color: #fff;
  text-decoration: none;
  font-size: 120%;
  margin: 0 0 4px 0;
  padding: 10px 5px;
  font-family: "cwTeXKai", "Century Gothic", "Arial", "cwTeXYen", "Noto Sans TC", "微軟正黑體";
}
.nav-fixed nav a:hover {
  color: #ffff00;
}
.show {
  top: 0;
  opacity: 1 !important;
}
header {
  position: relative;
  width: 100%;
  margin: 0 auto -2px auto;
  padding: 0;
  overflow: visible;
  height: auto;
}
header img {
  width: 100%;
}
.red {
  color: rgb(255, 0, 21);
}
.green {
  color: rgb(31, 153, 34);
}
.total-container {
  width: 100%;
}
.secbox-0 img, .secbox-1 img, .secbox-2 img, .secbox-3 img, .secbox-4 img, .secbox-5 img, .secbox-6 img, .secbox-7 img {
  width: 100%;
}
.b-pc {
  display: none;
}
.b-mobile {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
}
.btn-logo {
  text-align: center;
  display: block;
  position: absolute;
  top: 7%;
  left: 30%;
  width: 40%;
  margin: 0 auto;
  height: 9%;
  background: transparent;
  z-index: 2;
}
.btn-logo a {
  height: 100%;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 481px) {
  .b-pc {
    display: none;
    position: relative;
    background: url(../images/visual_banner_m.png)no-repeat top center;
    background-size: 100%;
    padding-bottom: 53%;
  }
  .b-mobile {
    display: block;
  }
  .btn-logo {
    text-align: right;
    display: block;
    position: absolute;
    top: 8%;
    left: 0%;
    width: 15%;
    margin: 0;
    height: 15%;
    background: transparent;
    z-index: 2;
  }
  .btn-logo a {
    height: 100%;
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .b-pc {
    display: block;
    position: relative;
    background: url(../images/visual_banner_p.png)no-repeat top center;
    background-size: 100%;
    padding-bottom: 41.5%;
  }
  .b-mobile {
    display: none;
  }
  .btn-logo {
    text-align: center;
    display: block;
    position: relative;
    top: 2.6em;
    left: 0%;
    width: 14%;
    margin: 2% auto -3em auto;
    height: 3em;
    background: transparent;
    z-index: 2;
  }
  .btn-logo a {
    height: 100%;
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .btn-logo {
    text-align: center;
    display: block;
    position: relative;
    top: 3.5em;
    left: 0%;
    width: 14%;
    margin: 2% auto -4em auto;
    height: 4em;
    background: transparent;
    z-index: 2;
  }
}
@media only screen and (min-width: 1100px) {
  .b-pc {
    display: block;
    position: relative;
    background: url(../images/visual_banner_p.png)no-repeat top center;
    background-size: 100%;
    padding-bottom: 41.5%;
  }
  .b-mobile {
    display: none;
  }
  .btn-logo {
    text-align: center;
    display: block;
    position: relative;
    top: 4em;
    left: 0%;
    width: 14%;
    margin: 2% auto -6em auto;
    height: 6em;
    background: transparent;
    z-index: 2;
  }
  .btn-logo a {
    height: 100%;
    display: inline-block;
    width: 208px;
  }
}
@media only screen and (min-width: 1600px) {
  .b-pc {
    display: block;
    position: relative;
    background: url(../images/visual_banner_p.png)no-repeat top center;
    background-size: 100%;
    padding-bottom: 41.5%;
  }
  .b-mobile {
    display: none;
  }
  .btn-logo {
    text-align: center;
    display: block;
    position: relative;
    top: 5.5em;
    left: 0%;
    width: 14%;
    margin: 2% auto -6.1em auto;
    height: 6.1em;
    background: transparent;
    z-index: 2;
  }
  .btn-logo a {
    height: 100%;
    display: inline-block;
    width: 208px;
  }
}
@media only screen and (min-width:1800px) {
  .b-pc {
    display: block;
    position: relative;
    background: url(../images/visual_banner_p.png)no-repeat top center;
    background-size: 100%;
    padding-bottom: 41.5%;
  }
  .b-mobile {
    display: none;
  }
  .btn-logo {
    text-align: center;
    display: block;
    position: relative;
    top: 6em;
    left: 0%;
    width: 14%;
    margin: 1% auto -8em auto;
    height: 8em;
    background: transparent;
    z-index: 2;
  }
  .btn-logo a {
    height: 100%;
    display: inline-block;
    width: 208px;
  }
}
.yellow {
  color: rgb(255, 203, 0);
}
.tsu {
  font-weight: bold;
}
.hide {
  display: none!important;
}
.show {
  display: block;
}
.red {
  color: rgb(176, 14, 12);
}
big {
  font-size: 130%;
}
small {
  font-size: 80%;
}
.btn02 {
  transition: .1s;
  cursor: pointer;
}
.btn02:hover {
  transform: scale(1.05);
}
.secbox-1 a, .secbox-2 a, .secbox-3 a {
  transition: .1s;
  cursor: pointer;
}
.secbox-1 a:hover, .secbox-2 a:hover, .secbox-3 a:hover {
  transform: scale(1.05);
}
.secbox-1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  z-index: 0;
}
.secbox-1 dl {
  width: 97%;
  margin: 6% auto 3% auto;
}
.secbox-1 h1 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: #000000;
  font-weight: 400;
  font-size: 125%;
  width: 98%;
  margin: 0 auto;
  line-height: 1.3;
  text-align: center;
}
.secbox-1 h1 .tticon {
  width: 10%;
  padding: 5px 5px;
}
.secbox-1 h1 .tticon img {
  width: 100%;
}
.secbox-1 aside {
  width: 95%;
  font-size: 120%;
  line-height: 1.2em;
  margin: 3% auto;
}
.secbox-1 a {
  width: 60%;
  margin: 4% auto 15% auto;
  padding-bottom: 30px;
  display: block;
}
/*  20210112 start*/

.secbox-1 .sec01pic {
  position: absolute;
  top: 58%;
  right: 0;
  width: 80%;
  z-index: -1;
}
.secbox-1 .sec02pic {
  position: absolute;
  top: 60%;
  width: 15%;
  z-index: -1;
}
.secbox-1.web {
  display: none;
}
.secbox-1.phone {
  display: block;
}
.secbox-1.phone .sec1_title_img {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.secbox-1.phone .sec1_title p {
  font-size: 170%;
  font-family: 'Noto Sans TC';
  font-weight: 600;
  color: #0f3e52;
  line-height: 125%;
}
.secbox-1.phone .sec1_title {
  text-align: center;
}
.sec1_mb_people {
  width: 55%;
  margin: -8% auto 0 17%;
  text-align: center;
}
@media only screen and (min-width: 410px) {
  body {
    font-size: 105%;
  }
}
@media only screen and (min-width: 481px) {
  .secbox-1 dl {
    width: 95%;
    margin: 5% auto;
  }
  .secbox-1 h1 {
    align-items: flex-start;
    width: 90%;
    font-size: 160%;
    margin: 0 auto 2% auto;
  }
  .secbox-1 h1 .tticon {
    width: 5%;
    padding: 5px 5px;
  }
  .secbox-1 h1 .tticon img {
    width: 100%;
  }
  .secbox-1 aside {
    font-size: 140%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-1 a {
    width: 50%;
    margin: 4% auto 6% auto;
    padding-bottom: 30px;
    display: block;
  }
  .secbox-1 .sec01pic {
    position: absolute;
    top: 55%;
    width: 50%;
    z-index: -1;
  }
  .secbox-1 .sec02pic {
    position: absolute;
    top: 0;
    width: 10%;
    z-index: -1;
  }
  body {
    font-size: 130%;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-1 dl {
    width: 95%;
    margin: 0% auto 0% auto;
  }
  .secbox-1 h1 {
    font-size: 210%;
  }
  .secbox-1 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-1 h1 .tticon img {
    width: 100%;
  }
  .secbox-1 aside {
    font-size: 150%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-1 a {
    width: 40%;
    margin: 2% auto 4% auto;
  }
  .secbox-1 .sec01pic {
    position: absolute;
    top: 30%;
    right: 0;
    width: 50%;
    z-index: -1;
  }
  .secbox-1 .sec02pic {
    position: absolute;
    top: 0;
    width: 8%;
    z-index: -1;
  }
  .sec1_title {
    text-align: center;
  }
  .sec1_title p {
    font-size: 130%;
    font-family: 'Noto Sans TC';
    font-weight: 600;
    color: #0f3e52;
    line-height: 125%;
  }
  .secbox-1 .sec1_title_img {
    position: relative;
    width: 33%;
    margin: 0 auto;
  }
  .secbox-1 .sec1_title_img #img01 {
    margin: -9% auto 0 auto;
    z-index: 3;
  }
  .secbox-1 .edm-wrapper {
    overflow: visible;
  }
  .secbox-1.web {
    display: block;
  }
  .secbox-1.phone {
    display: none;
  }
  .secbox-1 .sec1_tbox2 {
    text-align: center;
  }
  .secbox-1 .sec1_tbox2 .sec1_d_box1 {
    position: relative;
    width: 30%;
    left: -5%;
    margin: 0 auto;
  }
  .secbox-1 .sec1_tbox2 p {
    width: 100%;
  }
  .secbox-1 .sec1_tbox2 .sec1_vg2 {
    width: 18%;
    position: absolute;
    height: auto;
    left: 21%;
    top: 47%;
  }
  .secbox-1 .sec1_tbox2 .sec1_vg3 {
    width: 20%;
    position: absolute;
    height: auto;
    left: 57%;
    top: 37%;
  }
  body {
    font-size: 95%;
  }
}
/*20210112 end*/

@media only screen and (min-width: 1024px) {
  .sec1_title p {
    font-size: 180%;
  }
   body {
    font-size: 96%;
  }
}
@media only screen and (min-width: 1100px) {
  body {
    font-size: 95%;
  }
  .secbox-1 {
    margin: 0 auto;
  }
  .secbox-1 dl {
    margin: 0% auto 0 auto;
  }
  .secbox-1 h1 {
    font-size: 240%;
    margin: 0 auto 2% auto;
  }
  .secbox-1 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-1 h1 .tticon img {
    width: 100%;
  }
  .secbox-1 aside {
    width: 85%;
    margin: 0 auto 5% auto;
    font-size: 178%;
    line-height: 1.4;
  }
  .secbox-1 a {
    width: 25%;
    margin: 1% auto 2% auto;
    padding-bottom: 100px;
  }
  .secbox-1 .sec01pic {
    position: absolute;
    top: 30%;
    width: 45%;
    z-index: -1;
  }
  .secbox-1 .sec02pic {
    position: absolute;
    top: 0;
    width: 8%;
    z-index: -1;
  }
  .sec1_title p {
    font-size: 220%;
  }
  .secbox-1 .sec1_title_img #img01 {
    margin: -6% auto 0 auto;
  }
}
@media only screen and (min-width: 1300px) {
  .sec1_title p {
    font-size: 240%;
  }
}
@media only screen and (min-width: 1400px) {
  .sec1_title p {
    font-size: 255%;
  }
}
@media only screen and (min-width: 1600px) {
  .sec1_title p {
    font-size: 285%;
  }
}
@media only screen and (min-width: 1800px) {
  .sec1_title p {
    font-size: 340%;
  }
}
.secbox-1 .sec01pic img {
  width: 100%;
}
.secbox-1 .sec02pic img {
  width: 100%;
}
.secbox-2 {
  position: relative;
  width: 100%;
  margin: -1.5% auto;
  background-color: #f4f7f0;
  z-index: 0;
}
.secbox-2 dl {
  width: 97%;
  margin: 2% auto 0% auto;
}
.secbox-2 h1 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: #000000;
  font-weight: 400;
  font-size: 125%;
  width: 98%;
  margin: 0 auto;
  line-height: 1.3;
  text-align: center;
}
.secbox-2 h1 .tticon {
  width: 15%;
  padding: 5px 5px;
}
.secbox-2 h1 .tticon img {
  width: 100%;
}
.secbox-2 aside {
  width: 95%;
  font-size: 120%;
  line-height: 1.2em;
  margin: 3% auto;
}
.secbox-2 .btn02 {
  width: 75%;
  margin: 4% auto 4% auto;
  padding-bottom: 50px;
  display: block;
}
/*20210112 start*/

.secbox-2 .sec01pic {
  position: absolute;
  top: 80%;
  right: 0;
  width: 100%;
  z-index: -1;
}
.secbox-2.web {
  display: none;
}
.secbox-2.phone {
  display: block;
}
.secbox-2.phone {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0% auto 0 auto;
  background: #fbf59d;
}
.secbox-2.phone dl {
  width: 97%;
  margin: 0% auto 0% auto;
}
.secbox-2.phone .edm-wrapper {
  overflow: unset;
}
.sec2_phone_box {
  position: relative;
  padding: 0 0 7% 0;
  overflow: hidden;
}
.sec2_phone_p0 {
  width: 30%;
  left: 0;
  top: 2%;
}
.sec2_phone_img01 {
  width: 24%;
  left: 21%;
  position: absolute;
  top: -14%;
  z-index: 3;
}
.secbox-2.phone .sec2_title2 {
  position: absolute;
  top: 12%;
  right: 15%;
  font-size: 150%;
}
.secbox-2.phone .sec2_title2 p {
  width: 100%;
  text-align: center;
  color: #37383a;
  font-weight: 600;
}
.secbox-2.phone .hr_sec2 {
  width: 95%;
  height: 2px;
  background: #fcdd34;
  margin: 4% 0 0% 0;
}
.secbox-2.phone .sec2_text01 {
  width: 95%;
  margin: 0% auto;
  padding: 3% 0 0 0;
  line-height: 120%;
  font-weight: 600;
  font-size: 125%;
  position: relative;
  color: #0f3f55;
  text-align: justify;
  z-index: 2;
}
.secbox-2.phone .sec2_text01 p {
  position: inherit;
  margin: 0 0 0 7%;
}
.secbox-2.phone .ans_dot {
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.secbox-2.phone .ans_dot img {
  width: 200%;
}
@media only screen and (min-width: 481px) {
  .secbox-2 dl {
    width: 95%;
    margin: 5% auto;
  }
  .secbox-2 h1 {
    align-items: flex-start;
    width: 90%;
    font-size: 160%;
    margin: 0 auto 2% auto;
  }
  .secbox-2 h1 .tticon {
    width: 5%;
    padding: 5px 5px;
  }
  .secbox-2 h1 .tticon img {
    width: 100%;
  }
  .secbox-2 aside {
    font-size: 140%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-2 .btn02 {
    width: 50%;
    margin: 4% auto 6% auto;
    padding-bottom: 30px;
    display: block;
  }
  .secbox-2 .sec01pic {
    position: absolute;
    top: 60%;
    width: 100%;
    z-index: -1;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-2 dl {
    width: 95%;
    margin: 0% auto 0% auto;
  }
  .secbox-2 h1 {
    align-items: flex-start;
    width: 95%;
    font-size: 200%;
  }
  .secbox-2 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-2 h1 .tticon img {
    width: 100%;
  }
  .secbox-2 aside {
    font-size: 150%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-2 .btn02 {
    width: 40%;
    margin: 2% auto 4% auto;
  }
  .secbox-2 .sec01pic {
    position: absolute;
    top: 60%;
    right: 0;
    width: 100%;
    z-index: -1;
  }
  .secbox-2.web {
    display: block;
  }
  .secbox-2.phone {
    display: none;
  }
  .secbox-2.web .edm-wrapper {
    background: #fbf59d;
    overflow: unset;
  }
  .secbox-2.web .sec2_poly {
    width: 100%;
    height: 45px;
  }
  .secbox-2.web .sec2_poly p {
    position: relative;
    text-align: center;
    margin: 0 auto 0 auto;
    top: -45%;
    left: -2%;
    width: 5%;
    z-index: 2;
  }
  .secbox-2.web .sec2_box1 {
    position: relative;
    margin: 0 auto;
    width: 70%;
    height: 10rem;
  }
  .secbox-2.web .sec2_am01 {
    position: absolute;
    left: -5%;
    bottom: 0;
    width: 25.5%;
    z-index: 1;
  }
  .secbox-2.web .sec2_cloud01 {
    position: absolute;
    left: 15%;
    top: -41%;
    width: 20%;
  }
  .secbox-2.web .sec2_text_01 {
    position: absolute;
    top: -17%;
    right: 8%;
    text-align: center;
    font-weight: 700;
    line-height: 120%;
    font-size: 150%;
    color: #373739;
  }
  .secbox-2.web .sec2_hr01 {
    width: 65%;
    height: 2px;
    background-color: #fddd34;
    margin: 0px auto 0 30%;
    position: absolute;
    top: 23%;
  }
  .secbox-2.web .sec2_text02 {
    text-align: left;
    font-size: 105%;
    font-weight: bold;
    color: #113e55;
    line-height: 120%;
    right: 6%;
    position: absolute;
    top: 30%;
    z-index: 1;
  }
  .secbox-2.web .sec2_dot_bg {
    position: absolute;
    bottom: 0;
  }
}

@media only screen and (min-width: 900px) {
 .secbox-2.web .sec2_text_01 {
    right: 6%;
 }
 
}


@media only screen and (min-width: 1024px) {
  .secbox-2.web .sec2_poly p {
    top: -60%;
  }
  .secbox-2.web .sec2_box1 {
    height: 15rem;
  }
  .secbox-2.web .sec2_cloud01 {
    top: -29%;
  }
  .secbox-2.web .sec2_am01 {
    width: 25.8%;
    left: -5.5%;
  }
  .secbox-2.web .sec2_text_01 {
    top: -8%;
    right: 7%;
    font-size: 200%;
  }
  .secbox-2.web .sec2_hr01 {
    top: 28%;
  }
  .secbox-2.web .sec2_text02 {
    font-size: 140%;
    top: 33%;
  }
}
/*20210112 end*/

@media only screen and (min-width: 1100px) {
  .secbox-2 dl {
    margin: 0% auto 0 auto;
  }
  .secbox-2 h1 {
    align-items: center;
    font-size: 240%;
    margin: 0 auto 2% auto;
  }
  .secbox-2 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-2 h1 .tticon img {
    width: 100%;
  }
  .secbox-2 aside {
    width: 85%;
    margin: 0 auto 5% auto;
    font-size: 178%;
    line-height: 1.4;
  }
  .secbox-2 .btn02 {
    width: 35%;
    margin: 1% auto 2% auto;
    padding-bottom: 100px;
  }
  .secbox-2 .sec01pic {
    position: absolute;
    width: 100%;
    z-index: -1;
  }
  .secbox-2.web .sec2_poly p {
    top: -70%;
  }
  .secbox-2.web .sec2_box1 {
    height: 20rem;
  }
  .secbox-2.web .sec2_am01 {
    left: -6.5%;
  }
  .secbox-2.web .sec2_cloud01 {
    top: -23%;
    left: 13.5%;
    width: 22%;
  }
  .secbox-2.web .sec2_text_01 {
    top: 0%;
    right: 7%;
    font-size: 250%;
  }
  .secbox-2.web .sec2_hr01 {
    top: 32%;
  }
  .secbox-2.web .sec2_text02 {
    font-size: 170%;
    top: 36%;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-2.web .sec2_poly p {
    top: -80%;
  }
  .secbox-2.web .sec2_cloud01 {
    top: -25%;
    left: 13.5%;
    width: 20.5%;
  }
  .secbox-2.web .sec2_text_01 {
    top: -3%;
    font-size: 270%;
  }
  .secbox-2.web .sec2_text02 {
    font-size: 185%;
  }
}
@media only screen and (min-width: 1400px) {
  .secbox-2.web .sec2_box1 {
    height: 23rem;
  }
  .secbox-2.web .sec2_am01 {
    width: 27%;
    left: -7.5%;
  }
  .secbox-2.web .sec2_cloud01 {
    top: -22%;
    left: 13.5%;
    width: 21.5%;
  }
  .secbox-2.web .sec2_text_01 {
    top: 0%;
    font-size: 280%;
  }
  .secbox-2.web .sec2_text02 {
    font-size: 190%;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-2.web .sec2_poly p {
    top: -95%;
  }
  .secbox-2.web .sec2_box1 {
    height: 25rem;
  }
  .secbox-2.web .sec2_am01 {
    width: 26.5%;
  }
  .secbox-2.web .sec2_text_01 {
    top: 0%;
    font-size: 310%;
  }
  .secbox-2.web .sec2_text02 {
    font-size: 215%;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-2.web .sec2_poly p {
    top: -110%;
  }
  .secbox-2.web .sec2_box1 {
    height: 31rem;
  }
  .secbox-2.web .sec2_am01 {
    left: -8%;
  }
  .secbox-2.web .sec2_cloud01 {
    top: -20%;
    left: 13%;
    width: 21.5%;
  }
  .secbox-2.web .sec2_text_01 {
    top: 1%;
    font-size: 370%;
  }
  .secbox-2.web .sec2_text02 {
    font-size: 255%;
  }
}
.secbox-2 .sec01pic img {
  width: 100%;
}
.secbox-2 .btn02 img {
  width: 100%;
}
.secbox-3 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #fdfbd5;
}
.secbox-3 dl {
  width: 97%;
  margin: 2% auto 3% auto;
}
.secbox-3 h1 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: #000000;
  font-weight: 400;
  font-size: 125%;
  width: 98%;
  margin: 0 auto;
  line-height: 1.3;
  text-align: center;
}
.secbox-3 h1 .tticon {
  width: 15%;
  padding: 5px 5px;
}
.secbox-3 h1 .tticon img {
  width: 100%;
}
.secbox-3 aside {
  width: 95%;
  font-size: 120%;
  line-height: 1.2em;
  margin: 3% auto;
}
.secbox-3 h2 {
  margin: 2% auto 5% auto;
  color: #121212;
  width: 95%;
  font-size: 120%;
  padding: 10px 10px;
  border-radius: 20px 20px;
  background-color: #fff;
  text-align: center;
}
.secbox-3 .studypic {
  display: none;
}
.secbox-3 .studypicmb {
  display: block;
  margin: 1% auto;
  width: 80%;
}
.secbox-3 .btn02 {
  width: 60%;
  margin: 4% auto 8% auto;
  padding-bottom: 10px;
  display: block;
}
.secbox-3 .sec01pic {
  position: absolute;
  top: 60%;
  right: 0;
  width: 100%;
  z-index: 1;
}
.secbox-3.web {
  display: none;
}
.secbox-3.phone {
  display: block;
}
.secbox-3.phone .sec3_cloud {
  width: 90%;
  margin: 0 auto;
}
.secbox-3.phone .sec3_title3 {
  margin: 0 auto;
  padding: 0 0 8% 0;
}
.secbox-3.phone .sec3_title3 p {
  line-height: 130%;
  color: #383838;
  letter-spacing: 4px;
  font-weight: 600;
  font-size: 150%;
  text-align: center;
}
.secbox-3.phone .sec3_title3 span {
  background: #fcdd34;
}
.secbox-3.phone .sec3_bg1 {
  position: relative;
}
.secbox-3.phone .sec3_tf3 {
  width: 120%;
}
.secbox-3.phone .sec3_text2 {
  position: absolute;
  width: 100%;
  font-size: 180%;
  font-weight: 600;
  color: #2c7885;
  text-align: center;
  top: 11%;
}
.secbox-3.phone .sec3_fvbg {
  width: 60%;
  margin: 6% auto;
  padding: 0 2% 0 2%;
  font-weight: 500;
  color: #2e2e2e;
  background: #f7cbbe;
}
.secbox-3.phone .sec3_fvbg.sdf1 {
  margin: 12% auto 5% auto;
  background: #99d9db;
}
.secbox-3.phone .sec3_list_text {
  color: #2e2e2e;
  width: 70%;
  font-size: 75%;
  line-height: 135%;
  font-weight: 500;
  margin: -3% auto;
  text-align: left;
}
.phone .mb_button {
  width: 90%;
  border: solid 1px #2b7986;
  border-radius: 5px;
  margin: 5% auto 13% auto;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
.phone .button_text {
  color: #fff;
  text-align: center;
  background: #2b7986;
  font-size: 135%;
  font-weight: 600;
  padding: 5% 0 5% 0;
  width: 87%;
  display: inline-block;
}
.phone .button_hand {
  width: 10%;
  display: inline-block;
}

.web .mb_button {
  width: 40%;
  border: solid 1px #2b7986;
  border-radius: 5px;
  margin: 5% auto 5% auto;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

.web .mb_button.web7_b {
  width: 47%; 
}

.web .button_text {
  color: #fff;
  text-align: center;
  background: #2b7986;
  font-size: 130%;
  font-weight: 600;
  padding: 4.5% 0 4.5% 0;
  width: 85%;
  display: inline-block;
}
.web .button_hand {
  width: 10%;
  vertical-align: middle;
  display: inline-block;
  text-align:center;
  margin:0 auto 0 2%;
}


@media only screen and (min-width: 481px) {
  .secbox-3 dl {
    width: 100%;
    margin: 5% auto;
  }
  .secbox-3 h1 {
    align-items: flex-start;
    width: 90%;
    font-size: 160%;
    margin: 0 auto 2% auto;
  }
  .secbox-3 h1 .tticon {
    width: 5%;
  }
  .secbox-3 h1 .tticon img {
    width: 100%;
  }
  .secbox-3 aside {
    font-size: 140%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-3 h2 {
    margin: 2% auto;
    width: 95%;
    font-size: 130%;
  }
  .secbox-3 .studypic {
    display: block;
    margin: 1% auto;
    width: 95%;
  }
  .secbox-3 .studypicmb {
    display: none;
  }
  .secbox-3 .btn02 {
    width: 50%;
    margin: 4% auto 6% auto;
    padding-bottom: 30px;
    display: block;
  }
  .secbox-3 .sec01pic {
    position: absolute;
    top: 60%;
    width: 100%;
  }
  .secbox-3.phone .sec3_tf3 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-3 dl {
    width: 95%;
    margin: 2% auto 7% auto;
  }
  .secbox-3 h1 {
    font-size: 210%;
  }
  .secbox-3 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-3 h1 .tticon img {
    width: 100%;
  }
  .secbox-3 aside {
    font-size: 150%;
    margin: 0 auto 5% auto;
  }
  .secbox-3 h2 {
    margin: 2% auto;
    width: 90%;
    font-size: 150%;
  }
  .secbox-3 .studypic {
    display: block;
    margin: 1% auto;
    width: 90%;
  }
  .secbox-3 .studypicmb {
    display: none;
  }
  .secbox-3 .btn02 {
    width: 40%;
    margin: 2% auto 4% auto;
  }
  .secbox-3 .sec01pic {
    position: absolute;
    top: 60%;
    right: 0;
    width: 100%;
    z-index: 1;
  }
  .secbox-3.web {
    display: block;
  }
  .secbox-3.phone {
    display: none;
  }
  .secbox-3.web .sec3_title1 {
    margin: 0 auto;
    width: 70%;
  }
  .secbox-3.web .sec3_text01 {
    position: relative;
    margin: 3% auto;
    text-align: center;
    line-height: 120%;
    font-size: 140%;
    font-weight: 600;
    letter-spacing: 2px;
    color: #383836;
  }
  .secbox-3.web .sec3_text01 span {
    background-color: #fcdd35;
  }
  .secbox-3.web .sec3_box1 {
    position: relative;
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
  .secbox-3.web .sec3_title2 {
    text-align: center;
    color: #2b7986;
    font-size: 170%;
    font-weight: 900;
    position: absolute;
    top: 18%;
    left: 24%;
  }
  .secbox-3.web .sec3_left_box {
    width: 35%;
    height: 100px;
    position: absolute;
    top: 30%;
    left: 13%;
  }
  .secbox-3.web .sec3_left_box p {
    color: #2e2e2e;
    font-size: 120%;
    font-weight: 600;
    padding: 1px 0 1px 0;
  }
  .secbox-3.web .sec3_right_box {
    width: 35%;
    height: 100px;
    position: absolute;
    top: 30%;
    right: 10%;
  }
  .secbox-3.web .sec3_right_box p {
    color: #2e2e2e;
    font-size: 120%;
    font-weight: 600;
    padding: 1px 0 1px 0;
  }
  .secbox-3.web .sec3_box_1 {
    width: 75%;
    text-align: center;
    background-color: #f7cbbe;
  }
  .secbox-3.web .sec3_box_2 {
    width: 75%;
    text-align: center;
    background-color: #99d8dd;
  }
  .secbox-3.web .sec3_left_box p.sec3_text {
    text-align: left;
    margin: 2% auto;
    font-size: 110%;
    font-weight: 600;
  }
  .secbox-3.web .sec3_right_box p.sec3_text {
    text-align: left;
    margin: 2% auto;
    font-size: 110%;
    font-weight: 600;
  }
  .secbox-3.web .hand {
    padding: 2.1% 1% 1.85% 1% !important;
  }
  .secbox-3.web .total_button {
    height: 3.2rem !important;
  }
  
  
  
  
}
@media only screen and (min-width: 1024px) {
  .secbox-3.web .sec3_text01 {
    font-size: 200%;
  }
  .secbox-3.web .sec3_title2 {
    font-size: 225%;
  }
  .secbox-3.web .sec3_left_box p {
    font-size: 155%;
  }
  .secbox-3.web .sec3_right_box p {
    font-size: 155%;
  }
  .secbox-3.web .sec3_left_box p.sec3_text {
    font-size: 145%;
    margin: 2.5% auto;
  }
  .secbox-3.web .sec3_right_box p.sec3_text {
    font-size: 145%;
    margin: 2.5% auto;
  }
  .secbox-3.web .total_button {
    height: 4rem !important;
  }
  .web .button_text {
	font-size: 160%;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-3 {
    margin: 0 auto;
  }
  .secbox-3 dl {
    margin: 5% auto 5% auto;
  }
  .secbox-3 h1 {
    font-size: 240%;
    margin: 0 auto 2% auto;
  }
  .secbox-3 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-3 h1 .tticon img {
    width: 100%;
  }
  .secbox-3 aside {
    width: 85%;
    margin: 0 auto 5% auto;
    font-size: 178%;
    line-height: 1.4;
  }
  .secbox-3 h2 {
    margin: 2% auto;
    width: 65%;
    font-size: 180%;
    padding: 10px 10px;
  }
  .secbox-3 .btn02 {
    width: 25%;
    margin: 6% auto 2% auto;
    padding-bottom: 50px;
  }
  .secbox-3 .sec01pic {
    position: absolute;
    width: 100%;
  }
  .secbox-3.web .sec3_text01 {
    font-size: 230%;
  }
  .secbox-3.web .sec3_title2 {
    font-size: 280% !important;
  }
  .secbox-3.web .sec3_left_box p {
    font-size: 200%;
  }
  .secbox-3.web .sec3_right_box p {
    font-size: 200%;
  }
  .secbox-3.web .sec3_left_box p.sec3_text {
    font-size: 180%;
    margin: 2.5% auto;
  }
  .secbox-3.web .sec3_right_box p.sec3_text {
    font-size: 180%;
    margin: 2.5% auto;
  }
  .secbox-3.web .hand {
    width: 3%;
    padding: 1.98% 1% 1.7% 1% !important;
  }
  .secbox-3.web .total_button {
    height: 5rem !important;
  }
  .web .button_text {
	font-size: 200%;
  }
}
@media (min-width: 1300px) and (min-height: 625px) {
  .secbox-3.web .hand {
    padding: 2% 1% 1.70% 1% !important;
  }
  .secbox-3.web .sec3_title2 {
    font-size: 300% !important;
  }
}
@media (min-width: 1300px) and (min-height: 768px) {
  .secbox-3.web .sec3_text01 {
    font-size: 250%;
  }
  .secbox-3.web .hand {
    padding: 2% 1% 1.75% 1% !important;
  }
  .secbox-3.web .total_button {
    height: 5rem !important;
  }
}
@media only screen and (min-width: 1400px) {
  .secbox-3.web .sec3_title2 {
    font-size: 315%!important;
  }
  .secbox-3.web .sec3_left_box p {
    font-size: 220%;
  }
  .secbox-3.web .sec3_right_box p {
    font-size: 220%;
  }
  .secbox-3.web .sec3_left_box p.sec3_text {
    font-size: 190%;
    margin: 2.5% auto;
  }
  .secbox-3.web .sec3_right_box p.sec3_text {
    font-size: 190%;
    margin: 2.5% auto;
  }
  .secbox-3.web .hand {
    padding: 2.1% 1% 1.8% 1% !important;
  }
  .secbox-3.web .total_button {
    height: 5.5rem !important;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-3.web .sec3_text01 {
    font-size: 280%;
  }
  .secbox-3.web .sec3_title2 {
    font-size: 350%!important;
  }
  .secbox-3.web .sec3_left_box p {
    font-size: 240%;
  }
  .secbox-3.web .sec3_right_box p {
    font-size: 240%;
  }
  .secbox-3.web .sec3_left_box p.sec3_text {
    font-size: 200%;
    margin: 2.5% auto;
  }
  .secbox-3.web .sec3_right_box p.sec3_text {
    font-size: 200%;
    margin: 2.5% auto;
  }
  .secbox-3.web .hand {
    padding: 2.1% 1% 1.95% 1% !important;
  }
  .secbox-3.web .total_button {
    height: 6.2rem !important;
  }
  .web .button_text {
	font-size: 250%;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-3.web .sec3_text01 {
    font-size: 350%;
  }
  .secbox-3.web .sec3_title2 {
    font-size: 425%!important;
  }
  .secbox-3.web .sec3_left_box p {
    font-size: 290%;
  }
  .secbox-3.web .sec3_right_box p {
    font-size: 290%;
  }
  .secbox-3.web .sec3_left_box p.sec3_text {
    font-size: 250%;
    margin: 2.5% auto;
  }
  .secbox-3.web .sec3_right_box p.sec3_text {
    font-size: 250%;
    margin: 2.5% auto;
  }
  .secbox-3.web .hand {
    width: 2.9%;
    padding: 1.85% 1% 1.6% 1% !important;
  }
  .secbox-3.web .total_button {
    height: 7.5rem !important;
  }
  .web .button_text {
	font-size: 300%;
  }
}
.secbox-3 .studypic img {
  width: 100%;
}
.secbox-3 .studypicmb img {
  width: 100%;
}
.secbox-3 .sec01pic img {
  width: 100%;
}
.secbox-3 .btn02 img {
  width: 100%;
}
.secbox-4 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  background-image: url(../images/bg.png) top right no-repeat;
}
.secbox-4 dl {
  width: 97%;
  margin: 2% auto 3% auto;
}
.secbox-4 h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-weight: 400;
  font-size: 130%;
  width: 98%;
  margin: 0 auto;
  line-height: 1.3;
  text-align: center;
}
.secbox-4 h1 .tticon {
  width: 10%;
  padding: 5px 5px;
}
.secbox-4 h1 .tticon img {
  width: 100%;
}
.secbox-4 aside {
  width: 95%;
  font-size: 120%;
  line-height: 1.2em;
  margin: 3% auto;
}
.secbox-4 h3 {
  width: 95%;
  align-items: flex-start;
  font-size: 120%;
  margin: 0 auto 2% auto;
}
.secbox-4 .studypic {
  display: none;
}
.secbox-4 .studypicmb {
  display: block;
  margin: 1% auto;
  width: 100%;
}
.secbox-4 .btn02 {
  width: 70%;
  margin: 4% auto 5% auto;
  padding-bottom: 10px;
  display: block;
}
.secbox-4 .sec01pic {
  position: absolute;
  top: 60%;
  right: 0;
  width: 100%;
  z-index: 1;
}
.secbox-4.web {
  display: none;
}
.secbox-4.phone {
  display: block;
}
.secbox-4.phone .sec1_title_img {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.secbox-4.phone .sec1_title p {
  font-size: 170%;
  font-family: 'Noto Sans TC';
  font-weight: 600;
  color: #0f3e52;
  line-height: 125%;
}
.secbox-4.phone .sec1_title {
  text-align: center;
}
.secbox-4.phone .sec4_phone_img p {
  width: 35%;
  padding: 4% 0 0 1%;
  display: inline-block;
}
.secbox-4.phone .sec4_phone_img p.img_text {
  width: 45%;
  padding: 0 0 0 5%;
}
.secbox-4.phone .sec4_phone_img p.img_text1 {
  width: 45%;
  padding: 0 2% 0 1%;
}
.secbox-4.phone .sec4_phone_img p.img02_sw {
  padding: 0 3% 0 0;
}
.secbox-4.phone .sec4_phone_img.img2 {
  text-align: right;
}
.secbox-4.phone .sec4_phone_box0 {
  width: 95%;
  background: #b1e2e6;
  font-size: 140%;
  font-weight: 600;
  color: #2f2e2c;
  line-height: 120%;
  padding: 6% 0 6% 0;
  margin: 11% auto;
  text-align: center;
}
.secbox-4.phone dl {
  margin: 2% auto 10% auto;
}
@media only screen and (min-width: 481px) {
  .secbox-4 dl {
    width: 95%;
    margin: 5% auto;
  }
  .secbox-4 h1 {
    align-items: center;
    width: 90%;
    font-size: 160%;
    margin: 0 auto 2% auto;
  }
  .secbox-4 h1 .tticon {
    width: 5%;
    padding: 5px 5px;
  }
  .secbox-4 h1 .tticon img {
    width: 100%;
  }
  .secbox-4 aside {
    font-size: 140%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-4 h3 {
    width: 100%;
    text-align: right;
    font-size: 110%;
  }
  .secbox-4 .studypic {
    display: block;
    margin: 1% auto;
    width: 95%;
  }
  .secbox-4 .studypicmb {
    display: none;
  }
  .secbox-4 .btn02 {
    width: 50%;
    margin: 4% auto 6% auto;
    padding-bottom: 30px;
    display: block;
  }
  .secbox-4 .sec01pic {
    position: absolute;
    top: 60%;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-4 dl {
    width: 95%;
    margin: 2% auto 7% auto;
  }
  .secbox-4 h1 {
    font-size: 210%;
  }
  .secbox-4 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-4 h1 .tticon img {
    width: 100%;
  }
  .secbox-4 aside {
    font-size: 150%;
    line-height: 1.2em;
    margin: 0 auto 5% auto;
  }
  .secbox-4 h3 {
    width: 95%;
    align-items: flex-end;
    font-size: 120%;
  }
  .secbox-4 .studypic {
    display: block;
    margin: 1% auto;
    width: 95%;
  }
  .secbox-4 .studypicmb {
    display: none;
  }
  .secbox-4 .btn02 {
    width: 40%;
    margin: 5% auto 4% auto;
  }
  .secbox-4 .sec01pic {
    position: absolute;
    top: 60%;
    right: 0;
    width: 100%;
    z-index: 1;
  }
  .secbox-4.web {
    display: block;
  }
  .secbox-4.phone {
    display: none;
  }
  .secbox-4.web .sec1_title {
    width: 50%;
    margin: 0 auto;
  }
  .secbox-4.web .sec4_box4_people {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .secbox-4.web .sec4_box4_people div.people01 {
    display: inline-block;
    width: 28%;
    margin: 2% 2% 0 2%;
    text-align: center;
  }
  .secbox-4.web .sec4_box4_people div.people02 {
    width: 22%;
    margin: 2% 5% 0 5%;
  }
  .secbox-4.web .sec4_text_box1 {
    width: 75%;
    text-align: center;
    background-color: #b1e2e6;
    padding: 2% 0 2% 0;
    margin: 3% auto;
    font-size: 120%;
    line-height: 110%;
    color: #2e2e2e;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) {
  .secbox-4.web .sec4_text_box1 {
    font-size: 170%;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-4 dl {
    margin: 5% auto 7% auto;
  }
  .secbox-4 h1 {
    font-size: 240%;
    margin: 0 auto 2% auto;
  }
  .secbox-4 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-4 h1 .tticon img {
    width: 100%;
  }
  .secbox-4 aside {
    width: 85%;
    margin: 0 auto 2% auto;
    font-size: 178%;
    line-height: 1.4;
  }
  .secbox-4 h3 {
    margin: 0 auto 2% auto;
    width: 85%;
    text-align: right;
    font-size: 120%;
  }
  .secbox-4 .studypic {
    display: block;
    margin: 1% auto;
    width: 85%;
  }
  .secbox-4 .studypicmb {
    display: none;
  }
  .secbox-4 .btn02 {
    width: 30%;
    margin: 6% auto 2% auto;
    padding-bottom: 50px;
  }
  .secbox-4 .sec01pic {
    position: absolute;
    width: 100%;
  }
  .secbox-4.web .sec4_text_box1 {
    font-size: 210%;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-4.web .sec4_text_box1 {
    font-size: 230%;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-4.web .sec4_text_box1 {
    font-size: 270%;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-4.web .sec4_text_box1 {
    font-size: 320%;
  }
}
.secbox-4 .studypic img {
  width: 100%;
}
.secbox-4 .studypicmb img {
  width: 100%;
}
.secbox-4 .sec01pic img {
  width: 100%;
}
.secbox-4 .btn02 img {
  width: 100%;
}
.secbox-5 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0%;
  background: #f3f3ec;
}
.secbox-5 h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-weight: 400;
  font-size: 130%;
  width: 98%;
  margin: 0 auto;
  text-align: center;
}
.secbox-5 h1 .tticon {
  width: 10%;
  padding: 1px 5px;
}
.secbox-5 h1 .tticon img {
  width: 100%;
}
.secbox-5.web {
  display: none;
}
.secbox-5.phone {
  display: block;
}
.secbox-5.phone {
  margin: 0% auto 0 auto;
}
.secbox-5.phone .sec2_title2 {
  font-size: 185%;
}
.secbox-5.phone .hr_sec2 {
  width: 100%;
}
/*Table*/

.secbox-5.phone .sec5_table {
  left: 0%;
  position: relative;
  border: solid 2px #2b7986;
  border-radius: 7px;
  border-spacing: 0;
  margin: 3% auto;
  z-index: 2;
}
.secbox-5.phone .sec5_table td.table_text {
  background: #b1e2e6;
  color: #2a7884;
  font-weight: bold;
}
.secbox-5.phone .sec5_table td.bg_color {
  background: #fff;
}
.secbox-5.phone .sec5_table td.text24 {
  border-bottom: 0px;
}
.secbox-5.phone .sec5_table td.text23 {
  font-weight: bold;
  color: #202020;
}
.secbox-5.phone .sec5_table td.text23 p.text56 {
  display: inline-block;
  margin: 0 0 0 2%;
}
.secbox-5.phone .sec5_table td.border03 {
  border-top: 1px;
  color: #2b7985;
  font-size: 120%;
  font-weight: bold;
}
.secbox-5.phone .sec5_table td.text23 p.text6 {
  width: 50%;
  background: #fdf69c;
  display: inline-block;
}
.secbox-5.phone .sec5_table td {
  text-align: center;
  border: solid 1px #2b7986;
}
.secbox-5.phone .text_104 {
  position: relative;
  text-align: center;
  z-index: 3;
}
.secbox-5.phone .ans_dot img {
  width: 320%;
}
.secbox-5.phone .mb_button {
  margin: 5% auto 5% auto;
}
.secbox-5.phone .sec2_phone_img01 {
  width: 25%;
  left: 23%;
  position: absolute;
  top: -6%;
  z-index: 3;
}
/*Table*/

@media only screen and (min-width: 481px) {
  .secbox-5 h1 {
    align-items: center;
    width: 90%;
    font-size: 160%;
    margin: 0 auto 2% auto;
  }
  .secbox-5 h1 .tticon {
    width: 5%;
    padding: 5px 5px;
  }
  .secbox-5 h1 .tticon img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-5 h1 {
    font-size: 210%;
  }
  .secbox-5 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-5 h1 .tticon img {
    width: 100%;
  }
  .secbox-5.web .sec2_poly {
    width: 100%;
    height: 45px;
  }
  .secbox-5.web .sec2_poly p {
    position: relative;
    text-align: center;
    margin: 0 auto 0 auto;
    top: -55%;
    left: -2%;
    width: 5%;
    z-index: 2;
  }
  .secbox-5.web .sec2_cloud01 {
    position: absolute;
    left: 18%;
    top: -33%;
    width: 18%;
  }
  .secbox-5.web .sec2_am01 {
    position: absolute;
    left: 2%;
    bottom: 0;
    width: 20%;
    z-index: 1;
  }
  .secbox-5.web .sec2_text_01 {
    position: absolute;
    top: -8%;
    right: 18%;
    text-align: center;
    font-weight: 700;
    line-height: 120%;
    font-size: 150%;
    color: #373739;
  }
  .secbox-5.web .sec2_hr01 {
    width: 67%;
    height: 2px;
    background-color: #fddd34;
    margin: 0px auto 0 30%;
    position: absolute;
    top: 13%;
  }
  .secbox-5.web .sec2_box1 {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 12rem;
    overflow-x: clip;
  }
  .secbox-5.web .sec2_text02 {
    text-align: left;
    font-size: 105%;
    font-weight: bold;
    color: #113e55;
    line-height: 120%;
    right: 6%;
    position: absolute;
    top: 20%;
    z-index: 1;
  }
  .secbox-5.web .sec2_dot_bg {
    position: absolute;
    bottom: 0;
  }
  .secbox-5.web .edm-wrapper {
    padding: 0 0 1% 0;
    z-index: 1;
    background: #fbf59d;
  }
  .secbox-5.web {
    display: block;
  }
  .secbox-5.phone {
    display: none;
  }
  .secbox-5.web .sec5_table {
    width: 65%;
    top: 19%;
    left: 30%;
    position: absolute;
    border: solid 2px #2b7986;
    border-radius: 7px;
    border-spacing: 0;
    z-index: 2;
  }
  .secbox-5.web .sec5_table td {
    text-align: center;
    border: solid 1px #2b7986;
  }
  .secbox-5.web .sec5_table td.border01 {
    border-top-left-radius: 5px;
  }
  .secbox-5.web .sec5_table td.border02 {
    border-top-right-radius: 5px;
  }
  .secbox-5.web .sec5_table td.border03 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px;
    color: #2b7985;
    font-size: 120%;
    font-weight: bold;
  }
  .secbox-5.web .sec5_table td.table_text {
    background: #b1e2e6;
    color: #2a7884;
    font-weight: bold;
  }
  .secbox-5.web .sec5_table td.table_color {
    color: #1f9e8b;
    font-weight: bold;
  }
  .secbox-5.web .sec5_table td.bg_color {
    background: #fff;
  }
  .secbox-5.web .sec5_table td.text23 {
    font-weight: bold;
    color: #202020;
  }
  .secbox-5.web .sec5_table td.text23 p.text6 {
    width: 50%;
    background: #fdf69c;
    display: inline-block;
  }
  .secbox-5.web .sec5_table td.text24 {
    border-bottom: 0px;
  }
  .secbox-5.web .sec5_table td.text25 {
    border-top: 0px;
  }
  .secbox-5.web .sec5_table td.text23 p.test33 {
    width: 80%;
    margin: 0 auto;
    background: #fdf69c;
  }
  .secbox-5.web .sec5_table td.text23 p.text56 {
    display: inline-block;
    margin: 0 0 0 2%;
  }
  .secbox-5.web .sec5_table td.text36 p {
    position: relative;
    margin: -28% auto;
  }
  .secbox-5.web p.text_104 {
    top: 100%;
    left: 53%;
    position: relative;
    z-index: 2;
  }
  .secbox-5.web .edm-wrapper {
    overflow: unset;
  }
  .secbox-5.web .hand {
    padding: 1.9% 1% 1.6% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .secbox-5.web .sec2_text_01 {
    font-size: 220%;
    top: -2%;
    right: 13%;
  }
  .secbox-5.web .sec2_hr01 {
    top: 19%;
  }
  .secbox-5.web .sec2_box1 {
    height: 18rem;
  }
  .secbox-5.web .sec5_table {
    top: 20%;
  }
  .secbox-5.web .sec2_cloud01 {
    top: -22%;
  }
  .secbox-5.web .sec5_table td {
    font-size: 160%;
  }
  .secbox-5.web .sec5_table td.border03 {
    border: solid 1px #2b7985;
    font-size: 180%;
  }
  .secbox-5.web .sec5_table td.text36 p {
    margin: -24% auto;
  }
  .secbox-5.web .sec5_table td.bg_color {
    padding: 2.5% 0 2.5% 0;
  }
  .secbox-5.web p.text_104 {
    top: 97%;
    left: 55%;
    font-size: 130%;
    position: relative;
  }
  .secbox-5.web .sec5_table {
    width: 63%;
    top: 22%;
    left: 32%;
  }
  .secbox-5.web .hand {
    padding: 1.807% 1% 1.5% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 65px;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-5 h1 {
    font-size: 240%;
    margin: 0 auto 2% auto;
  }
  .secbox-5 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
  .secbox-5 h1 .tticon img {
    width: 100%;
  }
  .secbox-5.web .sec2_text_01 {
    font-size: 245%;
    top: 3%;
    right: 19%;
  }
  .secbox-5.web .sec2_box1 {
    height: 22rem;
  }
  .secbox-5.web .sec2_cloud01 {
    top: -19%;
  }
  .secbox-5.web .sec2_poly p {
    top: -91%;
  }
  .secbox-5.web .sec2_hr01 {
    top: 22%;
  }
  .secbox-5.web .sec5_table {
    top: 27%;
  }
  .secbox-5.web .sec5_table td.text36 p {
    margin: -29% auto;
  }
  .secbox-5.web .sec5_table td {
    font-size: 150%;
  }
  .secbox-5.web .sec5_table td.border03 {
    border: solid 1px #2b7985;
    font-size: 170%;
  }
  .secbox-5.web .sec5_table td.bg_color {
    padding: 3% 0 3% 0;
  }
  .secbox-5.web p.text_104 {
    top: 95%;
    left: 49%;
    font-size: 140%;
  }
  .secbox-5.web .sec2_hr01 {
    width: 56%;
  }
  .secbox-5.web .sec5_table {
    width: 55%;
    top: 26%;
    left: 30%;
  }
  .secbox-5.web .hand {
    padding: 1.72% 1% 1.45% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 75px;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-5.web .hand {
    padding: 1.75% 1% 1.5% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 78px;
  }
}
@media only screen and (min-width: 1400px) {
  .secbox-5.web .sec2_box1 {
    height: 25rem;
  }
  .secbox-5.web .sec2_text_01 {
    font-size: 270%;
    top: 2%;
    right: 19%;
  }
  .secbox-5.web .sec2_hr01 {
    top: 22%;
  }
  .secbox-5.web .sec5_table td {
    font-size: 150%;
  }
  .secbox-5.web .sec5_table td.border03 {
    border: solid 1px #2b7985;
    font-size: 190%;
  }
  .secbox-5.web .sec5_table {
    top: 26%;
  }
  .secbox-5.web .sec5_table td.text36 p {
    margin: -29% auto;
  }
  .secbox-5.web .sec5_table td.bg_color {
    padding: 3% 0 3% 0;
  }
  .secbox-5.web p.text_104 {
    top: 90%;
    left: 51%;
    font-size: 150%;
  }
  .secbox-5.web .hand {
    padding: 1.85% 1% 1.6% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 83px;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-5.web .sec2_box1 {
    height: 27rem;
  }
  .secbox-5.web .sec2_cloud01 {
    top: -18%;
  }
  .secbox-5.web .sec2_poly p {
    top: -114%;
  }
  .secbox-5.web .sec2_text_01 {
    font-size: 300%;
  }
  .secbox-5.web .sec2_hr01 {
    top: 21%;
  }
  .secbox-5.web .sec5_table td {
    font-size: 170%;
  }
  .secbox-5.web .sec5_table td.border03 {
    border: solid 1px #2b7985;
    font-size: 230%;
  }
  .secbox-5.web .sec5_table {
    top: 25%;
  }
  .secbox-5.web .sec5_table td.text36 p {
    margin: -29% auto;
  }
  .secbox-5.web .sec5_table td.bg_color {
    padding: 3% 0 3% 0;
  }
  .secbox-5.web p.text_104 {
    top: 93%;
    font-size: 150%;
  }
  .secbox-5.web .hand {
    padding: 1.9% 1% 1.65% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 95px;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-5.web .sec2_box1 {
    height: 33rem;
  }
  .secbox-5.web .sec2_cloud01 {
    top: -18%;
  }
  .secbox-5.web .sec2_poly p {
    top: -135%;
  }
  .secbox-5.web .sec2_text_01 {
    font-size: 365%;
  }
  .secbox-5.web .sec5_table td {
    font-size: 220%;
  }
  .secbox-5.web .sec5_table td.border03 {
    border: solid 1px #2b7985;
    font-size: 270%;
  }
  .secbox-5.web .sec5_table {
    top: 25%;
  }
  .secbox-5.web .sec5_table td.text36 p {
    margin: -29% auto;
  }
  .secbox-5.web .sec5_table td.bg_color {
    padding: 3.5% 0 3.5% 0;
  }
  .secbox-5.web p.text_104 {
    top: 95%;
    font-size: 200%;
  }
  .secbox-5.web .hand {
    padding: 1.55% 1% 1.35% 1% !important;
  }
  .secbox-5.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-5.web .total_button {
    height: 105px;
  }
}
.secbox-6 {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 0%;
  background: #fff !important;
}
.secbox-6.web {
  display: none;
}
.secbox-6.phone {
  display: block;
}
.sec6_img_how {
  width: 70%;
  margin: 0 auto;
}
.sec6_s4_people {
  width: 95%;
  margin: -5% auto;
}
.secbox-6.phone .sec4_phone_box0 {
  width: 95%;
  background: #d6f0cd;
  font-size: 140%;
  font-weight: 600;
  color: #2f2e2c;
  line-height: 120%;
  padding: 6% 0 6% 0;
  margin: 11% auto;
  text-align: center;
}
@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 768px) {
  .secbox-6.web {
    display: block;
  }
  .secbox-6.phone {
    display: none;
  }
  .secbox-6 dl {
    width: 95%;
    margin: 2% auto 3% auto;
  }
  .secbox-6.web .sec1_title {
    width: 55%;
    margin: 0 auto;
  }
  .secbox-6.web .sec1_title img {
    width: 88%;
  }
  .secbox-6.web .sec6_how {
    margin: 0 auto;
    text-align: center;
    padding: 0.5% 0 0 8%;
    width: 20%;
  }
  .secbox-6.web .sec6_people {
    margin: -6% auto 3% auto;
    text-align: center;
    padding: 0.5% 0 0 4%;
    width: 40%;
    position: relative;
    top: -5%;
  }
  .secbox-6.web .sec6_text {
    width: 75%;
    padding: 2% 0 2% 0;
    text-align: center;
    margin: 0 auto;
    line-height: 110%;
    font-size: 120%;
    font-weight: 600;
    background: #d6f0cd;
    color: #2d2d2d;
  }
}
@media only screen and (min-width: 1024px) {
  .secbox-6.web .sec6_text {
    font-size: 170%;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-6.web .sec6_text {
    font-size: 210%;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-6.web .sec6_text {
    font-size: 230%;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-6.web .sec6_text {
    font-size: 270%;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-6.web .sec6_text {
    font-size: 320%;
  }
}
.secbox-7 {
  position: relative;
  width: 100%;
  height: 100%;
  margin: -2% auto;
  padding-bottom: 0%;
  background: #fbf59d;
}
.secbox-7.web {
  display: none;
}
.secbox-7.phone {
  display: block;
}
.secbox-7.phone .sec2_phone_p0 {
  width: 30%;
  position: relative;
  left: 0%;
  margin: 0 auto;
  top: 2%;
}
.secbox-7.phone .sec2_phone_img01 {
  left: 57%;
}
.secbox-7.phone .sec2_phone_img01 {
  top: -6%;
}
.sec7_left_box {
  padding: 3% 0 3% 0;
  color: #fff;
  width: 43%;
  margin: 2% 0 0 2%;
  font-size: 140%;
  text-align: center;
  border-radius: 5px;
  background: #2b7986;
}
.sec7_right_box {
  padding: 3% 0 3% 0%;
  color: #fff;
  width: 43%;
  margin: 2% 0 0 0%;
  font-size: 140%;
  text-align: center;
  border-radius: 5px;
  background: #49acd3;
}
.sec7_fgh div {
  display: inline-block;
}
.bgnh {
  margin: 2% 0 0 8% !important;
}
.text_box1 {
  border: solid 1px #2b7986;
  color: #3e3e3e;
  line-height: 420%;
  font-weight: 900;
  background: #ddf4f9;
  vertical-align: top;
  height: 5.4rem;
}
.text_box3 {
  line-height: 320%;
  height: 4.4rem;
  position: relative;
}
.s67 {
  position: relative;
  margin: -3% auto 0 auto;
}
.text_box2 {
  border: solid 1px #49acd3;
  color: #3e3e3e;
  background: #ddf4f9;
}
.text_box2 p.sd3 {
  color: #2b7986;
  font-size: 90%;
  font-weight: 600;
  text-decoration: underline;
}
.text_box2 p.sd5 {
  color: #3e3e3e;
  font-size: 80%;
}
.sec7_fgh div.phone_add {
  font-size: 250%;
  font-weight: 600;
  color: #3e3e3e;
  line-height: 335%;
  vertical-align: top;
}
.sec7_fgh div.add2 {
  line-height: 305%;
}
.secbox-7.phone .sec7_red_text {
  margin: 0 auto 0 auto;
  text-align: center;
}
.secbox-7.phone .sec7_red_text p {
  display: inline-block;
  margin: 0 auto 0 auto;
}
.secbox-7.phone .sec7_red_text p.sec7_pen {
  width: 5%;
}
.secbox-7.phone .sec7_red_text p.red_word {
  color: #d93a58;
  font-size: 130%;
  font-weight: 600;
}
.secbox-7.phone .sec2_phone_box {
  padding: 0 0 0% 0;
}
.secbox-7.phone .ans_dot img {
  width: 265%;
}
@media only screen and (min-width: 481px) {
  .bgnh {
    margin: 2% 0 0 6% !important;
  }
  .s67 {
    margin: 0% auto 0 auto;
  }
  .text_box1 {
    height: 7.5rem;
  }
  .text_box3 {
    height: 6rem;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-7.web {
    display: block;
  }
  .secbox-7.phone {
    display: none;
  }
  .secbox-7 dl {
    width: 95%;
    margin: 2% auto 2% auto;
  }
  .sec7_top {
    width: 5%;
    text-align: center;
    margin: 0 auto;
  }
  .secbox-7.web .sec2_box1 {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 14rem;
    overflow-x: clip;
  }
  .secbox-7.web .sec2_am01 {
    position: absolute;
    left: 2%;
    bottom: 0;
    width: 20%;
    z-index: 1;
  }
  .secbox-7.web .sec2_cloud01 {
    position: absolute;
    left: 18%;
    top: -13%;
    width: 18%;
  }
  .secbox-7.web .sec2_dot_bg {
    position: absolute;
    bottom: 0;
  }
  .secbox-7.web .edm-wrapper {
    overflow: unset;
  }
  .secbox-7.web .sec7_box3 {
    width: 55%;
    position: relative;
    left: 37%;
    padding: 0 0 1% 0;
    top: 5%;
    z-index: 2;
  }
  .secbox-7.web .sec7_c1 {
    padding: 2% 0 2% 0;
    display: inline-block;
    width: 45%;
    text-align: center;
    font-size: 110%;
    background: #2b7986;
    color: #fff;
    border-radius: 5px;
  }
  .secbox-7.web .sec7_c2 {
    padding: 2% 0 2% 0;
    position: absolute;
    display: inline-block;
    right: 0%;
    width: 45%;
    text-align: center;
    font-size: 110%;
    background: #49acd3;
    color: #fff;
    border-radius: 5px;
  }
  .secbox-7.web .sec7_c3 {
    background: #49acd3;
    display: inline-block;
    padding: 11.5% 0 11.5% 0;
    vertical-align: top;
    text-align: center;
    color: #3f3f3d;
    font-size: 110%;
    font-weight: 600;
    width: 45%;
    background: #ddf4f9;
    border: solid 1px #2b7985;
    border-radius: 5px;
  }
  .secbox-7.web .sec7_c6 {
    /* padding: 9% 0 9% 0;	 */
  }
  .secbox-7.web .sec7_c4 {
    display: inline-block;
    padding: 10% 0 10% 0%;
    margin: 0 0.8% 0 0.8%;
    font-size: 200%;
    vertical-align: top;
    text-align: center;
    color: #3f3f3d;
    font-weight: 600;
  }
  .secbox-7.web .sec7_c5 {
    color: #3f3f3f;
    font-size: 110%;
    background: #49acd3;
    display: inline-block;
    text-align: center;
    padding: 2% 0 2% 0;
    font-weight: 600;
    width: 45%;
    background: #ddf4f9;
    border: solid 1px #47add1;
    border-radius: 5px;
  }
  .secbox-7.web .sec7_c5 p.c5_title {
    color: #236d86;
    font-size: 110%;
    text-decoration: underline;
  }
  .secbox-7.web .edm-wrapper {
    padding: 0 0 20% 0;
  }
  .secbox-7.web .tect01 {
    display: inline-block;
  }
  .secbox-7.web .tect03 {
    width: 3.5%;
    vertical-align: top;
  }
  .secbox-7.web .tect02 {
    font-size: 120%;
    color: #da3b5b;
    font-weight: 600;
  }
  .secbox-7.web .box5 {
    top: 4%;
    left: 50%;
  }
  /* 按鈕樣式*/
  .section_button {
    width: 38%;
    background: #2b7986;
    display: inline-block;
    color: #fff;
    font-size: 120%;
    text-align: center;
    margin: 0 auto;
    padding: 2.1% 0 2.1% 0;
    border: solid 1px #2b7986;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    z-index: 2;
  }
  .hand {
    width: 3%;
    background: #ffffff;
    text-align: center;
    margin: 0 auto 0 -1%;
    padding: 2.1% 1% 2% 1%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .t_button .section_button {
    display: inline-block;
  }
  .t_button {
    margin: 3% auto;
    text-align: center;
    position: relative;
  }
  .total_button {
    position: absolute;
    width: 44%;
    height: 50px;
    text-align: center;
    top: 0%;
    left: 28%;
    cursor: pointer;
    z-index: 3;
  }
  /* 按鈕樣式*/
}
@media only screen and (min-width: 1024px) {
  .secbox-7.web .sec2_box1 {
    height: 20rem;
  }
  .secbox-7.web .sec2_cloud01 {
    top: -6%;
  }
  .secbox-7.web .sec7_box3 {
    font-size: 135%;
  }
  .t_button {
    font-size: 120%;
  }
  .hand {
    padding: 2.1% 1% 1.9% 1%;
  }
  .total_button {
    height: 60px;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-7.web .sec2_box1 {
    height: 24.5rem;
  }
  .secbox-7.web .sec2_cloud01 {
    top: -6%;
  }
  .secbox-7.web .sec7_box3 {
    font-size: 155%;
  }
  .t_button {
    font-size: 140%;
  }
  .hand {
    padding: 2.1% 1% 1.8% 1%;
  }
  .total_button {
    height: 81px;
  }
  .secbox-7.web .edm-wrapper {
    padding: 0px 0 15% 0;
  }
  .secbox-7.web .sec7_c3 {
    padding: 10.7% 0 10.7% 0;
  }
  .secbox-7.web .sec7_c2 {
    right: 1%;
  }
  .secbox-7.web .sec7_c6 {
    padding: 10.8% 0 10.8% 0;
  }
  .secbox-7.web .box5 {
    top: 3%;
  }
  .t_button {
    margin: 2% auto;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-7.web .sec2_box1 {
    height: 25.5rem;
  }
  .hand {
    width: 2.8%;
    padding: 2.1% 1% 1.8% 1%;
  }
  .secbox-7.web .sec7_c3 {
    padding: 10% 0 10.7% 0;
  }
  .secbox-7.web .sec7_c3 {
    padding: 10% 0 10.5% 0;
  }
  .secbox-7.web .sec7_c2 {
    right: 1.5%;
  }
}
@media only screen and (min-width: 1400px) {
  .secbox-7.web .sec2_box1 {
    height: 27rem;
  }
  .secbox-7.web .sec7_c6 {
    padding: 10% 0 9.7% 0;
  }
  .secbox-7.web .sec7_c3 {
    padding: 10% 0 9.7% 0;
  }
  .secbox-7.web .sec7_c2 {
    right: 2%;
  }
  .hand {
    width: 2.5%;
    padding: 2.1% 1% 1.8% 1%;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-7.web .sec2_box1 {
    height: 30rem;
  }
  .secbox-7.web .sec7_box3 {
    font-size: 174%;
  }
  .hand {
    width: 2.6%;
    padding: 2.1% 1% 2% 1%;
  }
  .t_button {
    font-size: 180%;
  }
  .secbox-7.web .total_button {
    height: 90px;
  }
  .section_button {
    font-size: 150%;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-7.web .sec2_box1 {
    height: 36rem;
  }
  .secbox-7.web .sec7_box3 {
    font-size: 208%;
  }
  .hand {
    width: 3%;
    padding: 1.9% 1% 1.7% 1%;
  }
  .secbox-7.web .total_button {
    height: 102px;
  }
}
.secbox-8 {
  position: relative;
  width: 100%;
  height: 100%;
  margin: -2% auto;
  padding-bottom: 0%;
  background: #ffffff;
}
.secbox-8.web {
  display: none;
}
.secbox-8.phone {
  display: block;
}
.secbox-8.phone .grade {
  font-size: 110%;
}
.secbox-8.phone .sec8_grade_title {
  padding: 2% 0 2% 0;
  background: #b4eaec;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.secbox-8.phone .s_school {
  width: 75%;
  vertical-align: top;
  text-align: left;
}
.secbox-8.phone .ye_bg {
  background: #fbf59d;
  color: #126a6b;
  font-weight: 600;
  padding: 1% 1.5% 1% 1.5%;
  border-radius: 6px;
  font-size: 120%;
}
.secbox-8.phone .stu_name {
  color: #373938;
  font-weight: 600;
  font-size: 160%;
}
.secbox-8.phone .sec8_grade_text {
  background: #d8f4ff;
  position: relative;
}
.secbox-8.phone .grade {
  width: 95%;
  padding: 1% 0 10% 0;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
.secbox-8.phone .sec8_df_text {
  width: 90%;
  text-align: justify;
  padding: 2% 0 2% 0;
  color: #383836;
  font-weight: 600;
  line-height: 120%;
  margin: 0 auto;
}
.secbox-8.phone .stu_school {
  display: inline-block;
}
.secbox-8.phone .sec8_grade_title.stu02_bg {
  background: #99ddb8;
}
.secbox-8.phone .s_school {
  font-size: 110%;
  color: #126a6b;
  font-weight: 600;
}
.secbox-8.phone .sec8_df_text {
  width: 85%;
  text-align: justify;
  padding: 2% 0 2% 0;
  color: #383836;
  font-weight: 300;
  line-height: 120%;
  margin: 0 auto;
}
.secbox-8.phone .stu_school.stu02_bg {
  color: #0e430d;
}
.secbox-8.phone .sec8_img01 {
  position: absolute;
  top: -1%;
  left: -3%;
  width: 9%;
  z-index: 2;
}
.secbox-8.phone .sec8_stu01 {
  position: relative;
}
.secbox-8.phone .sec8_stu02 {
  position: relative;
}
.secbox-8.phone .sec8_img02 {
  position: absolute;
  top: -3%;
  left: -3%;
  width: 11%;
  z-index: 2;
}
.secbox-8.phone .sec8_stu03 {
  position: relative;
  padding: 1% 0 7% 0;
}
.secbox-8.phone .sec8_img03 {
  position: absolute;
  top: -3%;
  left: -3%;
  width: 9.5%;
  z-index: 2;
}
.secbox-8.phone .sec8_solo {
  padding: 0 0 5% 0;
}
@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 768px) {
  .secbox-8.web {
    display: block;
  }
  .secbox-8.phone {
    display: none;
  }
  .secbox-8.web .sec1_title img {
    width: 88%;
  }
  .secbox-8.web .sec1_title {
    width: 55%;
    margin: 3% auto;
  }
  .secbox-8.web .grade {
    width: 75%;
    padding: 1% 0 1% 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
  }
  .secbox-8.web .stu_name {
    color: #373938;
    font-weight: 600;
    font-size: 160%;
  }
  .secbox-8.web .sec8_grade_title {
    padding: 2% 0 2% 0;
    background: #b4eaec;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .secbox-8.web .stu_school {
    display: inline-block;
  }
  .secbox-8.web .s_school {
    font-size: 120%;
    color: #126a6b;
    font-weight: 600;
  }
  .secbox-8.web .ye_bg {
    background: #fbf59d;
    color: #126a6b;
    font-weight: 600;
    padding: 1% 1.5% 1% 1.5%;
    border-radius: 6px;
    font-size: 120%;
  }
  .secbox-8.web .sec8_grade_text {
    background: #d8f4ff;
    position: relative;
  }
  .secbox-8.web .sec8_df_text {
    width: 90%;
    text-align: justify;
    padding: 2% 0 2% 0;
    color: #383836;
    font-weight: 600;
    line-height: 120%;
    margin: 0 auto;
  }
  .secbox-8.web .sec8_img01 {
    position: absolute;
    bottom: -4%;
    right: -6%;
    width: 10%;
  }
  .secbox-8.web .grade {
    padding: 0 0 7% 0;
  }
  .secbox-8.web .s_school {
    width: 87%;
    vertical-align: middle;
    text-align: left;
  }
  .secbox-8.web .sec8_img03 {
    width: 9%;
    bottom: -15%;
    right: -5%;
  }
  .secbox-8.web .sec8_img02 {
    width: 10%;
    bottom: -15%;
    left: -6%;
  }
  .secbox-8.web .sec8_grade_title.stu02_bg {
    background: #99ddb8;
  }
  .secbox-8.web .sec8_grade_text.stu02_bg {
    background: #c1edd6;
  }
  .secbox-8.web .stu_school.stu02_bg {
    color: #0e430d;
  }
  .secbox-8.web .sec8_text_font {
    width: 50%;
    padding: 1% 0 1% 0;
    font-family: 'cwTeXYen';
    font-weight: 900;
    font-size: 160%;
    text-align: center;
    margin: -3% auto 2% auto;
  }
  .secbox-8.web .sec8_text_font p {
    background: #fbf59d;
    width: 46%;
    margin: -2% auto;
    text-align: center;
    padding: 1.2% 0 1.2% 0;
  }
  .secbox-8.web .hand {
    padding: 1.9% 1% 1.65% 1% !important;
  }
  .secbox-8.web .section_button {
    padding: 1.9% 0% 1.9% 0%;
  }
  .secbox-8.web .t_button {
    padding: 0 0 3% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .secbox-8.web .grade {
    font-size: 137%;
  }
  .secbox-8.web .sec8_text_font {
    font-size: 220%;
  }
  .secbox-8.web .hand {
    padding: 1.8% 1% 1.48% 1% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-8.web .grade {
    font-size: 168%;
  }
  .secbox-8.web .hand {
    padding: 1.7% 1% 1.5% 1% !important;
  }
  .secbox-8.web .sec8_text_font {
    font-size: 270%;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-8.web .grade {
    font-size: 180%;
  }
  .secbox-8.web .hand {
    width: 3%;
    padding: 1.65% 1% 1.4% 1% !important;
  }
  .secbox-8.web .sec8_text_font {
    font-size: 290%;
  }
}
@media only screen and (min-width: 1400px) {
  .secbox-8.web .grade {
    font-size: 191%;
  }
  .secbox-8.web .hand {
    width: 3%;
    padding: 1.6% 1% 1.35% 1% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-8.web .grade {
    font-size: 210%;
  }
  .secbox-8.web .hand {
    width: 2.75%;
    padding: 1.85% 1% 1.6% 1% !important;
  }
  .secbox-8.web .sec8_text_font {
    font-size: 330%;
  }
  .secbox-8.web .total_button {
    height: 95px;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-8.web .grade {
    font-size: 255%;
  }
  .secbox-8.web .hand {
    width: 2.9%;
    padding: 1.6% 1% 1.4% 1% !important;
  }
  .secbox-8.web .sec8_text_font {
    font-size: 400%;
  }
  .secbox-8.web .total_button {
    height: 110px;
  }
}
.secbox-9 {
  position: relative;
  width: 100%;
  margin: 0% auto;
  padding-bottom: 0%;
  background: #fbf59d;
}
.secbox-9.web {
  display: none;
}
.secbox-9.phone {
  display: block;
}
.secbox-9.phone {
  padding: 11% 0 0 0;
}
.sec9_img01 {
  width: 90%;
  margin: 0 auto;
}
.sec9_img02 {
  width: 80%;
  margin: 0 auto;
  padding: 3% 0 0 0;
}
@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 768px) {
  .secbox-9.web {
    display: block;
  }
  .secbox-9.phone {
    display: none;
  }
  .secbox-9.web .title_text {
    color: #255b63;
    width: 60%;
    font-size: 160%;
    font-weight: 600;
    margin: 3% auto;
  }
  .secbox-9.web .title_text p {
    text-align: left;
  }
  .secbox-9.web p.footer_web {
    width: 60%;
    padding: 4% 0 0 0;
  }
  .secbox-9.web p.footer_img {
    width: 30%;
    position: absolute;
    bottom: 0;
    top: 10%;
    margin: 0 auto 0 1%;
    text-align: right;
  }
  .secbox-9.web p.in_s {
    display: inline-block;
  }
  .secbox-9.web p.title_adi {
    position: absolute;
    top: 30%;
    width: 7%;
    margin: 0 auto 0 -7%;
  }
}
@media only screen and (min-width: 1024px) {
  .secbox-9.web .title_text p {
    font-size: 140%;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-9.web .title_text p {
    font-size: 180%;
  }
}
@media only screen and (min-width: 1300px) {
  .secbox-9.web .title_text p {
    font-size: 190%;
  }
}
@media only screen and (min-width: 1400px) {
  .secbox-9.web .title_text p {
    font-size: 200%;
  }
}
@media only screen and (min-width: 1600px) {
  .secbox-9.web .title_text p {
    font-size: 220%;
  }
}
@media only screen and (min-width: 1800px) {
  .secbox-9.web .title_text p {
    font-size: 260%;
  }
}
.redtips {
  color: #d61518;
  font-size: 100%;
  line-height: 2;
  text-align: center;
}
@media only screen and (min-width: 481px) {
  .redtips {
    font-size: 130%;
  }
}
.s5b1 {
  color: rgb(32, 33, 37);
  font-weight: 400;
  font-family: 'Noto Sans TC', sans-serif;
}
.s5b1 span {
  color: #d61518;
  font-size: 180%;
  font-weight: 400;
}
.s5b2 {
  display: flex;
  justify-content: space-between;
}
.s5b2 dd {
  color: rgb(204, 212, 199);
  border: rgb(204, 212, 199) 3px solid;
  font-weight: bold;
  cursor: pointer;
}
.s5b2 .choose {
  background: #fff;
  color: #004687;
  border: none;
}
.s5b2 dl {
  color: #456455;
  font-weight: bold;
  letter-spacing: .2em;
}
/*	20210111 start*/

select.s5b3 {
  -o-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.s5b3 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  font-family: "FontAwesome", "Century Gothic", "Arial", "cwTeXYen", "Noto Sans TC", "微軟正黑體";
  background: #fff;
  letter-spacing: .3em;
  color: #456455;
  font-weight: bold;
}
.s5b3-1 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  font-family: "FontAwesome", "Century Gothic", "Arial", "cwTeXYen", "Noto Sans TC", "微軟正黑體";
  letter-spacing: .3em;
  font-weight: bold;
  color: #fff;
  background: rgb(37, 147, 138);
}
.s5b4 {
  display: flex;
  align-items: center;
  color: #456455;
  font-weight: bold;
}
.s5b6 table th {
  color: #fff;
  background: #456455;
  border: none;
  border-right: #456455 1px solid;
  padding: 10px 2px;
}
.s5b6 table td {
  background: #fff;
  border: #456455 1px solid;
  line-height: 1.2em;
}
.s5b6 table th, .s5b6 table td {
  text-align: center;
}
.s5b6 table td:last-child {
  text-align: left;
}
.s5b6 table th:first-child {
  width: 17%;
}
.s5b6 table th:nth-child(2) {
  width: 23%;
}
.s5b6 table th:nth-child(3) {
  width: 32%;
}
.s5b6 table th:last-child {
  width: 28%;
}
.secbox-5 h1 {
  font-size: 121%;
  margin: 9% auto 6% auto;
}
.secbox-5 h1 i {
  margin: 0 3%;
}
.s5b1 {
  font-size: 110%;
  width: 95%;
  margin: 6% auto;
  line-height: 1.5em;
  text-align: center;
}
.s5b2 {
  width: 90%;
  margin: 8% auto 4% auto;
}
.s5b2 dl {
  font-size: 190%;
  padding: 2% 0;
  display: none;
}
.s5b2 dd {
  font-size: 154%;
  padding: 2% 2.5%;
}
.s5b3img1 {
  width: 70%;
  font-size: 160%;
  color: #456455;
  margin: 68px auto -65px auto;
  padding: 0 10% 0 10%;
  display: flex;
  justify-content: space-between;
}
.s5b3img2 {
  width: 70%;
  font-size: 160%;
  color: #456455;
  margin: 50px auto -48px auto;
  padding: 0 10% 0 10%;
  display: flex;
  justify-content: space-between;
}
.s5b3 {
  width: 87%;
  font-size: 160%;
  padding: 20px 0px 20px 67px;
}
.s5b3:first-of-type {
  margin: 18px auto -14px auto;
}
.s5b3:last-of-type {
  margin: -14px auto 18px auto;
}
.s5b3-1 {
  width: 74%;
  font-size: 160%;
  margin: 18px auto;
  padding: 20px 5% 20px 8%;
}
.s5b4 {
  font-size: 158%;
  width: fit-content;
  width: -moz-fit-content;
  margin: 10% auto 4% auto;
  white-space: nowrap;
}
.s5b4 dt {
  width: 45px;
  float: left;
  padding-right: 2%;
}
.s5b6 {
  width: 98%;
  margin: 4% auto 5% auto;
}
.s5b6 table th {
  font-size: 110%;
}
.s5b6 table td {
  font-size: 88%;
  padding: 4px 2px;
}
.s5b6 table td:last-child {
  padding: 10px 2% 10px 2%;
}
@media only screen and (min-width: 481px) {
  .s5b6 table th:first-child {
    width: 15%;
  }
  .s5b6 table th:nth-child(2) {
    width: 20%;
  }
  .s5b6 table th:nth-child(3) {
    width: 29%;
  }
  .s5b6 table th:last-child {
    width: 36%;
  }
  .secbox-5 h1 {
    font-size: 190%;
    margin: 9% auto 6% auto;
  }
  .secbox-5 h1 i {
    margin: 0 3%;
  }
  .s5b1 {
    font-size: 150%;
    width: 90%;
    margin: 6% auto;
  }
  .s5b2 {
    width: 90%;
    margin: 8% auto 4% auto;
  }
  .s5b2 dl {
    font-size: 190%;
    padding: 2% 0;
    display: block;
  }
  .s5b2 dd {
    font-size: 190%;
    padding: 2% 4.5%;
  }
  .s5b3img1 {
    width: 74%;
    font-size: 200%;
    color: #456455;
    margin: 74px auto -74px auto;
    padding: 0 8% 0 10%;
  }
  .s5b3img2 {
    width: 74%;
    font-size: 200%;
    color: #456455;
    margin: 55px auto -55px auto;
    padding: 0 8% 0 10%;
  }
  .s5b3 {
    width: 87%;
    font-size: 200%;
    padding: 20px 100px 20px 100px;
  }
  .s5b3:first-of-type {
    margin: 18px auto -14px auto;
  }
  .s5b3:last-of-type {
    margin: -14px auto 18px auto;
  }
  .s5b3-1 {
    width: 74%;
    font-size: 200%;
    margin: 18px auto;
    padding: 20px 5% 20px 8%;
  }
  .s5b4 {
    font-size: 230%;
    width: fit-content;
    width: -moz-fit-content;
    margin: 10% auto 4% auto;
  }
  .s5b4 dt {
    width: 70px;
    float: left;
    padding-right: 2%;
  }
  .s5b6 {
    width: 98%;
    margin: 4% auto 5% auto;
  }
  .s5b6 table th {
    font-size: 160%;
  }
  .s5b6 table td {
    font-size: 130%;
    padding: 4px;
  }
  .s5b6 table td:last-child {
    padding: 10px 2% 10px 2%;
  }
}
@media only screen and (min-width: 410px) {
  .s5b1 {
    font-size: 130%;
    width: 90%;
    margin: 6% auto;
  }
}
@media only screen and (min-width: 550px) {
  .s5b1 {
    font-size: 100%;
    width: 95%;
    margin: 6% auto;
  }
}
@media only screen and (min-width: 768px) {
  .s5b6 table th:first-child {
    width: 23%;
  }
  .s5b6 table th:nth-child(2) {
    width: 23%;
  }
  .s5b6 table th:nth-child(3) {
    width: 23%;
  }
  .s5b6 table th:last-child {
    width: 31%;
  }
  .secbox-5 h1 {
    font-size: 220%;
    margin: 7% auto 4% auto;
  }
  .secbox-5 h1 i {
    margin: 0 2%;
  }
  .s5b1 {
    font-size: 150%;
    width: fit-content;
    width: -moz-fit-content;
    margin: 4% auto;
  }
  /*20210111 end*/
  .s5b2 {
    width: 90%;
    margin: 6% auto 2% auto;
  }
  .s5b2 dl {
    font-size: 220%;
    padding: 2% 0;
    display: block;
  }
  .s5b2 dd {
    font-size: 220%;
    padding: 2% 4.5%;
  }
  .s5b3img1 {
    width: 555px;
    font-size: 220%;
    color: #456455;
    margin: 96px auto -96px auto;
    padding: 0 0 0 0;
  }
  .s5b3img2 {
    width: 555px;
    font-size: 220%;
    color: #456455;
    margin: 80px auto -80px auto;
    padding: 0 0 0 0;
  }
  .s5b3 {
    width: 680px;
    font-size: 220%;
    padding: 40px 40px 40px 117px;
  }
  .s5b3:first-of-type {
    margin: 18px auto -14px auto;
  }
  .s5b3:last-of-type {
    margin: -14px auto 18px auto;
  }
  .s5b3-1 {
    width: 580px;
    font-size: 210%;
    margin: 18px auto;
    padding: 40px 40px 40px 60px;
  }
  .s5b4 {
    font-size: 250%;
    width: fit-content;
    width: -moz-fit-content;
    margin: 8% auto 2% auto;
  }
  .s5b4 dt {
    width: 80px;
    float: left;
    padding-right: 2%;
  }
  .s5b6 {
    width: 98%;
    margin: 2% auto 2% auto;
  }
  .s5b6 table th {
    font-size: 190%;
  }
  .s5b6 table td {
    font-size: 140%;
  }
  .s5b6 table td:last-child {
    padding: 10px 2% 10px 4%;
  }
}
@media only screen and (min-width: 1100px) {
  .s5b6 table th:first-child {
    width: 23%;
  }
  .s5b6 table th:nth-child(2) {
    width: 23%;
  }
  .s5b6 table th:nth-child(3) {
    width: 23%;
  }
  .s5b6 table th:last-child {
    width: 31%;
  }
  .secbox-5 h1 {
    font-size: 240%;
    margin: 5% auto 2.5% auto;
  }
  .secbox-5 h1 i {
    margin: 0 1%;
  }
  .s5b1 {
    font-size: 178%;
    width: fit-content;
    width: -moz-fit-content;
    margin: 2.5% auto;
  }
  .s5b2 {
    width: 720px;
    margin: 4% auto 1% auto;
  }
  .s5b2 dl {
    font-size: 240%;
    padding: 2% 0;
    display: block;
  }
  .s5b2 dd {
    font-size: 240%;
    padding: 2% 4.5%;
  }
  .s5b3img1 {
    width: 790px;
    font-size: 220%;
    color: #456455;
    margin: 96px auto -96px auto;
    padding: 0 170px 0 190px;
  }
  .s5b3img2 {
    width: 790px;
    font-size: 220%;
    color: #456455;
    margin: 80px auto -80px auto;
    padding: 0 170px 0 190px;
  }
  .s5b3 {
    width: 900px;
    font-size: 220%;
    padding: 40px 40px 40px 117px;
  }
  .s5b3:first-of-type {
    margin: 18px auto -11px auto;
  }
  .s5b3:last-of-type {
    margin: -11px auto 18px auto;
  }
  .s5b3-1 {
    width: 800px;
    font-size: 220%;
    margin: 23px auto;
    padding: 40px 40px 40px 60px;
  }
  .s5b4 {
    font-size: 350%;
    width: fit-content;
    width: -moz-fit-content;
    margin: 6% auto 1% auto;
  }
  .s5b4 dt {
    width: 80px;
    float: left;
    padding-right: 2%;
  }
  .s5b6 {
    width: 895px;
    margin: 1% auto 1% auto;
  }
  .s5b6 table th {
    font-size: 210%;
  }
  .s5b6 table td {
    font-size: 160%;
  }
  .s5b6 table td:last-child {
    padding: 10px 2% 10px 4%;
  }
}
.secbox-6 {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  margin: 0 auto;
  background: url(../images/bg2.png)bottom center no-repeat #f0f0f0;
  ;
}
.secbox-6 img {
  width: 100%;
}
.secbox-6 h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-weight: 400;
  font-size: 155%;
  width: 98%;
  margin: 3% auto;
  line-height: 1.3;
  text-align: center;
}
.secbox-6 h1 .tticon {
  width: 10%;
  padding: 5px 5px;
}
@media only screen and (min-width: 481px) {
  .secbox-6 h1 {
    align-items: center;
    width: 90%;
    font-size: 180%;
    margin: 3% auto 2% auto;
  }
  .secbox-6 h1 .tticon {
    width: 3%;
    padding: 5px 5px;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-6 h1 {
    font-size: 220%;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-6 h1 {
    font-size: 280%;
    margin: 3% auto 2% auto;
  }
}
.secbox-6 h1 .tticon img {
  width: 100%;
}
.s6b1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.s6b1 dl {
  border: 2px solid #acac9d;
  background: #fff;
}
.s6b1 dt {
  background: #6da0c3;
  color: #fbf3c8;
  font-weight: bold;
}
.s6b1 dl:nth-child(even) dt {
  background: #4b6f95;
}
.s6b1 dt span {
  font-size: 160%;
  color: #ffff;
  padding-right: 2%;
}
.s6b1 dd {
  line-height: 1.2em;
}
.s6b1 {
  width: 98%;
  margin: 4% auto 2% auto;
}
.s6b1 dl {
  width: 100%;
  margin: 2% 0;
}
.s6b1 dt {
  margin: 4% 0 4% 0;
  font-size: 110%;
  padding: 2% 0 2% 8%;
  display: flex;
  align-items: center;
}
.s6b1 dd {
  padding: 0px 3% 6% 3%;
  font-size: 110%;
}
.s6b1 dt span {
  font-size: 140%;
  display: initial;
}
.s6bg1 {
  position: absolute;
  width: 12%;
  left: 2%;
  top: 6%;
  z-index: -1;
}
.s6bg2 {
  position: absolute;
  width: 22%;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.s6bg3 {
  position: absolute;
  width: 20%;
  right: 0;
  top: 25%;
  z-index: -1;
}
.s6bg4 {
  position: absolute;
  width: 44%;
  right: 0;
  bottom: -1%;
  z-index: -1;
}
@media only screen and (min-width: 481px) {
  .s6b1 {
    width: 98%;
    margin: 4% auto 5% auto;
  }
  .s6b1 dl {
    width: 48%;
    margin: 2% 0;
    border: 4px solid #acac9d;
  }
  .s6b1 dt {
    margin: 4% 0 4% 0;
    font-size: 140%;
    padding: 2% 0 2% 3%;
    display: block;
  }
  .s6b1 dt :nth-child(2) {
    background: #4b6f95;
  }
  .s6b1 dd {
    padding: 0 3% 6% 5%;
    font-size: 146%;
  }
  .s6b1 dt span {
    font-size: 140%;
    display: block;
  }
  .s6bg1 {
    position: absolute;
    width: 12%;
    left: 2%;
    top: 6%;
    z-index: -1;
  }
  .s6bg2 {
    position: absolute;
    width: 22%;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .s6bg3 {
    position: absolute;
    width: 20%;
    right: 0;
    top: 25%;
    z-index: -1;
  }
  .s6bg4 {
    position: absolute;
    width: 36%;
    right: 0;
    bottom: -4%;
    z-index: -1;
  }
}
@media only screen and (min-width: 768px) {
  .s6b1 {
    width: 96%;
    margin: 4% auto 3% auto;
  }
  .s6b1 dl {
    width: 48%;
    margin: 2% 0;
    border-top: 4px solid #acac9d;
    border-left: 4px solid #acac9d;
    border-right: 4px solid #acac9d;
    border-bottom: 4px solid #acac9d;
  }
  .s6b1 dt {
    margin: 4% 0 4% 0;
    font-size: 155%;
    padding: 2% 0 2% 8%;
    display: block;
  }
  .s6b1 dd {
    padding: 0 6% 6% 8%;
    font-size: 155%;
  }
  .s6b1 dt span {
    font-size: 140%;
    display: block;
  }
  .s6bg1 {
    position: absolute;
    width: 12%;
    left: 2%;
    top: 6%;
    z-index: -1;
  }
  .s6bg2 {
    position: absolute;
    width: 22%;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .s6bg3 {
    position: absolute;
    width: 20%;
    right: 0;
    top: 25%;
    z-index: -1;
  }
  .s6bg4 {
    position: absolute;
    width: 36%;
    right: 0;
    bottom: -4%;
    z-index: -1;
  }
}
@media only screen and (min-width: 1100px) {
  .s6b1 {
    width: 1080px;
    margin: 4% auto 5% auto;
  }
  .s6b1 dt {
    font-size: 165%;
  }
  .s6b1 dd {
    padding: 0 12% 6% 8%;
    font-size: 165%;
  }
  .s6b1 dt span {
    font-size: 160%;
    display: initial;
  }
  .s6bg1 {
    position: absolute;
    width: 12%;
    left: 2%;
    top: 6%;
    z-index: -1;
  }
  .s6bg2 {
    position: absolute;
    width: 22%;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .s6bg3 {
    position: absolute;
    width: 20%;
    right: 0;
    top: 25%;
    z-index: -1;
  }
  .s6bg4 {
    position: absolute;
    width: 36%;
    right: 0;
    bottom: -7%;
    z-index: -1;
  }
}
.secbox-6 .picp {
  position: absolute;
  bottom: 70%;
  left: 80%;
  width: 30%;
  z-index: 3;
}
@media only screen and (min-width: 481px) {
  .secbox-6 .picp {
    position: absolute;
    bottom: 72%;
    left: -8%;
    width: 20%;
    z-index: 3;
  }
  .secbox-6 .picpic {
    position: absolute;
    bottom: 28%;
    left: 30%;
    width: 12%;
    z-index: 3;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-6 .picp {
    position: absolute;
    bottom: 72%;
    left: -8%;
    width: 18%;
    z-index: 3;
  }
}
@media only screen and (min-width: 1024px) {
  .secbox-6 .picp {
    position: absolute;
    bottom: 69%;
    left: -10%;
    width: 20%;
    z-index: 3;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-6 .picp {
    position: absolute;
    bottom: 71%;
    left: -5%;
    width: 20%;
    z-index: 3;
  }
}
.secbox-6 .picpi {
  position: absolute;
  bottom: 50%;
  left: 84%;
  width: 10%;
  z-index: 3;
}
.secbox-6 .picpic {
  position: absolute;
  bottom: 24%;
  left: 50%;
  width: 20%;
  z-index: 3;
}
@media only screen and (min-width: 481px) {
  .secbox-6 .picpic {
    position: absolute;
    bottom: 25%;
    left: 30%;
    width: 12%;
    z-index: 3;
  }
}
@media only screen and (min-width:1100px) {
  .secbox-6 .picpic {
    position: absolute;
    bottom: 29%;
    left: 30%;
    width: 12%;
    z-index: 3;
  }
}
.secbox-6 .picp img {
  width: 100%;
}
.secbox-6 .picpi img {
  width: 100%;
}
.secbox-6 .picpic img {
  width: 100%;
}
.secbox-6 .fo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-weight: 400;
  font-size: 150%;
  width: 98%;
  margin: 0 auto 2% auto;
  line-height: 1.3;
  text-align: center;
}
.secbox-6 .fo .tticon {
  width: 8%;
  padding: 5px 5px;
}
.secbox-6 .fo .tticon img {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  .secbox-6 .fo {
    align-items: center;
    width: 90%;
    font-size: 160%;
    margin: 0 auto 2% auto;
  }
  .secbox-6 .fo .tticon {
    width: 5%;
    padding: 5px 5px;
  }
}
@media only screen and (min-width: 768px) {
  .secbox-6 .fo {
    font-size: 210%;
  }
  .secbox-6 .fo .tticon {
    width: 3%;
    padding: 5px 5px;
  }
}
@media only screen and (min-width: 1100px) {
  .secbox-6 .fo {
    font-size: 240%;
    margin: 0 auto 8% auto;
  }
}
.secbox-sendForm section, .secbox-sendForm .red_word, .secbox-sendForm u {
  color: #fff;
}
.secbox-sendForm {
  margin: 0 auto;
  /* padding-bottom: 5%; */
  background-color: #398390;
}
.secbox-sendForm .send a {
  background-color: #ffc128;
  color: #1b1b19;
}
.secbox-sendForm .send a:hover {
  background-color: #ffd05b;
}
@media only screen and (min-width: 360px) {
  .end_title {
    width: 80%;
    font-size: 180%;
    font-weight: 800;
    margin: 0 auto 5% auto;
    color: #000;
    text-align: left;
    line-height: 130%;
  }
}
.rice_word {
  text-align: right;
  display: inline-block;
  position: absolute;
  right: 0%;
}
@media only screen and (min-width: 768px) {
  .end_title {
    width: 30%;
    font-size: 230%;
    font-weight: 800;
    margin: 0 auto 5% auto;
    color: #000;
    text-align: left;
    line-height: 130%;
  }
}
.end_line {
  width: 100%;
  background-color: #939d84;
  margin: 0% auto 3% auto;
  height: 1px;
  display: block;
}