@charset "UTF-8";
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-size: 15px;
  font-family: "微軟正黑體修正", "微軟正黑體";
  vertical-align: baseline;
  letter-spacing: 1px;
}

ol,
ul {
  list-style: none;
}

article,
aside,
picture,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

p,
dl {
  max-width: 100%;
  width: 100%;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

a:focus {
  outline: 0;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: "微軟正黑體";
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C""\201D""\2018""\2019";
}

small {
  font-size: 80%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

.border-button {
  padding: 4px;
  border-radius: 4px;
  background: #1890ff;
  cursor: pointer;
}

.text-white {
  color: #fff;
}

button,
input,
select,
textarea {
  font-family: "微軟正黑體";
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html {
  -webkit-scrollbar-face-color: #000000;
  -webkit-scrollbar-highlight-color: #000000;
  -webkit-scrollbar-track-color: #000000;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
  color: black;
  outline: none;
}

hr {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

/*去除input在ios上的圓角*/
input {
  border-radius: 0;
  -webkit-appearance: none;
}

/* 去除input藍色框框 */
input,
button,
select,
textarea {
  outline: none;
}

/* placeholder 點一下後快速消失 */
input:focus,
textarea:focus {
  outline: none;
}

input:focus:placeholder {
  color: transparent;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

/* 修正粗體 */
@font-face {
  font-family: "微軟正黑體修正";
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(Yu Gothic), local(MS Gothic);
}

/* 一般粗細的時候改回微軟正黑 */
@font-face {
  font-family: "微軟正黑體修正";
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體);
}

@-webkit-keyframes show {
  0% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes show {
  0% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes motion1 {
  0% {
    border-radius: 125px 105px 125px 100px;
  }
  50% {
    border-radius: 80px 75px 105px 90px;
  }
  100% {
    border-radius: 125px 105px 125px 100px;
  }
}

@keyframes motion1 {
  0% {
    border-radius: 125px 105px 125px 100px;
  }
  50% {
    border-radius: 80px 75px 105px 90px;
  }
  100% {
    border-radius: 125px 105px 125px 100px;
  }
}

@-webkit-keyframes motion2 {
  0% {
    border-radius: 73px 52px 70px 69px;
  }
  50% {
    border-radius: 95px 70px 60px 78px;
  }
  100% {
    border-radius: 73px 52px 70px 69px;
  }
}

@keyframes motion2 {
  0% {
    border-radius: 73px 52px 70px 69px;
  }
  50% {
    border-radius: 95px 70px 60px 78px;
  }
  100% {
    border-radius: 73px 52px 70px 69px;
  }
}

@-webkit-keyframes motion3 {
  0% {
    border-radius: 100px 125px 105px 125px;
  }
  50% {
    border-radius: 125px 95px 80px 100px;
  }
  100% {
    border-radius: 100px 125px 105px 125px;
  }
}

@keyframes motion3 {
  0% {
    border-radius: 100px 125px 105px 125px;
  }
  50% {
    border-radius: 125px 95px 80px 100px;
  }
  100% {
    border-radius: 100px 125px 105px 125px;
  }
}

@-webkit-keyframes motion4 {
  0% {
    border-radius: 69px 70px 55px 73px;
  }
  50% {
    border-radius: 73px 54px 63px 68px;
  }
  100% {
    border-radius: 69px 70px 55px 73px;
  }
}

@keyframes motion4 {
  0% {
    border-radius: 69px 70px 55px 73px;
  }
  50% {
    border-radius: 73px 54px 63px 68px;
  }
  100% {
    border-radius: 69px 70px 55px 73px;
  }
}

@keyframes show {
  0% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes motion1 {
  0% {
    border-radius: 125px 105px 125px 100px;
  }
  50% {
    border-radius: 80px 75px 105px 90px;
  }
  100% {
    border-radius: 125px 105px 125px 100px;
  }
}

@keyframes motion2 {
  0% {
    border-radius: 73px 52px 70px 69px;
  }
  50% {
    border-radius: 95px 70px 60px 78px;
  }
  100% {
    border-radius: 73px 52px 70px 69px;
  }
}

@keyframes motion3 {
  0% {
    border-radius: 100px 125px 105px 125px;
  }
  50% {
    border-radius: 125px 95px 80px 100px;
  }
  100% {
    border-radius: 100px 125px 105px 125px;
  }
}

@keyframes motion4 {
  0% {
    border-radius: 69px 70px 55px 73px;
  }
  50% {
    border-radius: 73px 54px 63px 68px;
  }
  100% {
    border-radius: 69px 70px 55px 73px;
  }
}

.title01 {
  font-size: 2.25rem;
  margin-bottom: 18px;
}
@media only screen and (max-width: 800px) {
  .title01 {
    font-size: 1.875rem;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .title01 {
    font-size: 1.625rem;
  }
}

.title01-eng {
  font-size: 3.125rem;
  font-family: Arial, sans-serif, "微軟正黑體";
}
@media only screen and (max-width: 800px) {
  .title01-eng {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 600px) {
  .title01-eng {
    font-size: 2.375rem;
  }
}

.title02 {
  font-size: 1.25rem;
}
@media only screen and (max-width: 800px) {
  .title02 {
    font-size: 1.125rem;
  }
}

.title02-eng {
  font-size: 2.5rem;
  font-family: Arial, sans-serif, "微軟正黑體";
}
@media only screen and (max-width: 800px) {
  .title02-eng {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 600px) {
  .title02-eng {
    font-size: 1.5rem;
  }
}

.title02-eng2 {
  font-size: 1.875rem;
  font-family: Arial, sans-serif, "微軟正黑體";
}
@media only screen and (max-width: 800px) {
  .title02-eng2 {
    font-size: 1.625rem;
  }
}
@media only screen and (max-width: 600px) {
  .title02-eng2 {
    font-size: 1.125rem;
  }
}

.page-in {
  position: relative;
}
.page-in:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ecebeb;
  width: 100%;
  height: 700px;
}
@media only screen and (max-width: 800px) {
  .page-in:after {
    height: 65vh;
  }
}
.page-in .main {
  max-width: 1280px;
  margin: auto;
  padding: 280px 0 100px;
}
@media only screen and (max-width: 1200px) {
  .page-in .main {
    padding: 280px 5% 100px;
  }
}
@media only screen and (max-width: 800px) {
  .page-in .main {
    padding: 180px 5% 100px;
  }
}
.page-in .main .banner {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-in .main .top {
  text-align: center;
  max-width: 840px;
  margin: 0 auto;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page-in .main .top.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page-in .main .top dl dd {
  line-height: 200%;
  letter-spacing: 1px;
  margin: 50px auto;
  max-width: 500px;
}
.page-in .main .top .page-title {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .page-in .main .top .page-title {
    font-size: 1.375rem;
  }
}
.page-in .main .top .page-title-eng {
  font-size: 3rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
@media only screen and (max-width: 800px) {
  .page-in .main .top .page-title-eng {
    font-size: 2.625rem;
  }
}
@media only screen and (max-width: 600px) {
  .page-in .main .top .page-title-eng {
    font-size: 2.25rem;
  }
}

.page-in2 {
  position: relative;
}
.page-in2 .main .banner {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.page-in2 .main .banner img {
  display: block;
}
.page-in2 .main .banner .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.page-in2 .main .top {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -70%);
  -ms-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  padding: 0;
  text-align: center;
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 600px) {
  .page-in2 .main .top {
    padding: 0 5%;
  }
}
.page-in2 .main .top.show {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page-in2 .main .top dl dd {
  line-height: 200%;
  letter-spacing: 1px;
  margin: 50px auto 0;
  max-width: 500px;
}
.page-in2 .main .page-title {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .page-in2 .main .page-title {
    font-size: 1.375rem;
  }
}
.page-in2 .main .page-title-eng {
  font-size: 3rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
@media only screen and (max-width: 800px) {
  .page-in2 .main .page-title-eng {
    font-size: 2.625rem;
  }
}
@media only screen and (max-width: 600px) {
  .page-in2 .main .page-title-eng {
    font-size: 2.25rem;
  }
}
.page-in2 .main .circle-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 840px;
}
@media only screen and (max-height: 700px) {
  .page-in2 .main .circle-box {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .page-in2 .main .circle-box {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 468px) {
  .page-in2 .main .circle-box {
    margin-top: 0;
  }
}
.page-in2 .main .circle-box .step {
  text-align: center;
  position: relative;
}
.page-in2 .main .circle-box .step:not(:first-child):after {
  content: "";
  border-top: 1px solid #656565;
  width: calc(840px / 3 - 56px);
  height: 1px;
  position: absolute;
  top: calc(56px / 2);
  right: 56px;
}
@media only screen and (max-width: 800px) {
  .page-in2 .main .circle-box .step:not(:first-child):after {
    width: calc((100vw - 10%) / 3 - 56px);
  }
}
.page-in2 .main .circle-box .step.checked .circle:after {
  background: #2781e2;
}
.page-in2 .main .circle-box .step.checked:not(:first-child):after {
  border-color: #2781e2;
}
.page-in2 .main .circle-box .step span {
  display: block;
  margin: auto;
  color: #fff;
}
.page-in2 .main .circle-box .step .circle {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.875rem;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.page-in2 .main .circle-box .step .circle:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 56px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #656565;
}
.page-in2 .main .content {
  max-width: 840px;
  margin: auto;
  padding: 100px 0;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .page-in2 .main .content {
    padding: 100px 5%;
  }
}
.page-in2 .main .content .circle {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.875rem;
  position: relative;
  z-index: 1;
  margin: 0 auto 20px;
  color: #fff;
}
.page-in2 .main .content .circle:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 56px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #2781e2;
}

.page-show {
  position: relative;
}
.page-show .main {
  padding: 180px 0 0;
}
.page-show .main .page-title2 {
  font-size: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .page-show .main .page-title2 {
    font-size: 1.375rem;
  }
}
.page-show .main .page-title2-eng {
  font-size: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .page-show .main .page-title2-eng {
    font-size: 1.375rem;
  }
}
.page-show .main .top .page-title {
  font-size: 1.875rem;
}
@media only screen and (max-width: 800px) {
  .page-show .main .top .page-title {
    font-size: 1.625rem;
  }
}
.page-show .main .top dd {
  font-size: 1.125rem;
}

@media only screen and (max-width: 600px) {
  .link-box .soc {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .link-box .soc li:first-child {
    width: 100%;
  }
}

.link-box .link {
  line-height: 150%;
}

.privacy-box {
  padding: 194px 8% 100px;
}
@media only screen and (max-width: 800px) {
  .privacy-box {
    padding: 15% 8% 10%;
  }
}
.privacy-box .show01 .txt {
  text-align: center;
  padding: 0 90px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .privacy-box .show01 .txt {
    padding: 0;
  }
}
.privacy-box .show01 .txt.line {
  border-bottom: 6px solid #d9d9d9;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.privacy-box .show01 .txt .page-title {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 800px) {
  .privacy-box .show01 .txt .page-title {
    font-size: 1.625rem;
  }
}
.privacy-box .show01 .txt p {
  font-size: 1.125rem;
  letter-spacing: 1px;
}
.privacy-box .show02 .type {
  padding: 40px 130px;
}
@media only screen and (max-width: 800px) {
  .privacy-box .show02 .type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
.privacy-box .show02 .type b {
  font-weight: bold;
  display: block;
  line-height: 200%;
  letter-spacing: 1px;
}
.privacy-box .show02 .type p {
  margin-bottom: 40px;
  line-height: 200%;
  letter-spacing: 1px;
}
.privacy-box .show02 .type ul {
  list-style-type: decimal;
  padding-left: 22px;
}
.privacy-box .show02 .type ul li {
  line-height: 200%;
  letter-spacing: 1px;
}
.privacy-box .btn-box-out a {
  color: #ffffff;
}

.form-box-input .form-title {
  margin: 45px auto;
  text-align: center;
}
.form-box-input .form-title span {
  padding: 5px;
}

.form-box-input form .form {
  margin-bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.form-box-input form .form.show {
  -webkit-animation: show 0.5s;
  animation: show 0.5s;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.form-box-input form input {
  background: none;
  border: none;
  width: 100%;
}

.form-box-input form .code-cover {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.form-box-input form .code {
  width: 80px;
}

.form-box-input form .link {
  margin-left: 10px;
  font-weight: bold;
}
.form-box-input form .link:before {
  content: "/";
  display: inline;
  width: 100%;
  height: 100%;
  margin-right: 10px;
  font-size: small;
}
.form-box-input form .link:after {
  content: "+";
  display: inline;
  width: 100%;
  height: 100%;
  margin-left: 10px;
  font-weight: bold;
}

.form-box-input form .title02 {
  padding: 30px 0;
  width: 100%;
}

.form-box-input form .item {
  padding: 4px;
  width: 100%;
}
.form-box-input form .item.half {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .form-box-input form .item.half {
    width: 100%;
  }
}
.form-box-input form .item.half .item-title {
  min-width: 115px !important;
}
.form-box-input form .item .menulist {
  background: #ecebeb;
  padding: 20px;
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.form-box-input form .item .menulist.oops {
  border: 1px solid #1d6bbe;
}
.form-box-input form .item .menulist .item-title {
  padding: 0 20px;
  font-weight: bold;
  min-width: 170px;
  max-width: 170px;
  width: auto;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .form-box-input form .item .menulist .item-title {
    min-width: 115px;
    max-width: none;
  }
}
@media only screen and (max-width: 600px) {
  .form-box-input form .item .menulist .item-title {
    padding: 0 10px;
  }
}
.form-box-input form .item .menulist .required:before {
  content: "*";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.form-box-input form .item .menulist ul {
  top: 58px;
  text-align: left;
  background: #d9d6d6;
}
.form-box-input form .item .menulist ul li {
  padding: 20px 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  .form-box-input form .item .menulist ul li {
    padding: 20px 30px;
  }
}
.form-box-input form .item .menulist ul li:hover {
  background: #ecebeb;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-box-input form .item .menulist .select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 800px) {
  .form-box-input form .item .menulist .select {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.form-box-input form .item .menulist .select label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.form-box-input form .item .menulist .select label input[type="checkbox"],
.form-box-input form .item .menulist .select label input[type="radio"] {
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  border: 2px solid #000;
  margin-right: 10px;
}
.form-box-input
  form
  .item
  .menulist
  .select
  label
  input[type="checkbox"]:checked,
.form-box-input form .item .menulist .select label input[type="radio"]:checked {
  background: #000;
}
.form-box-input form .item .menulist .select label input[type="text"] {
  width: auto;
}
.form-box-input form .item .menulist .select label .checkbox-2 {
  border-radius: 0 !important;
}
.form-box-input form .item .menulist .select label span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: keep-all;
  margin-right: 10px;
  text-align: left;
}
.form-box-input form .item .menulist .select .icon-calendar {
  width: 100%;
}
.form-box-input form .item .menulist .select .icon-calendar:before {
  position: absolute;
  right: 35px;
  pointer-events: none;
  font-size: 1.25rem;
}
.form-box-input form .item .menulist .selectMenu {
  padding-right: 45px;
  text-align: left;
}
.form-box-input form .item .menulist .selectMenu > p {
  color: #888888;
}
.form-box-input form .item .menulist .selectMenu > p.black {
  color: #000000;
}
.form-box-input form .item .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 18px 0;
  text-align: right;
}
@media only screen and (max-width: 800px) {
  .form-box-input form .item .notice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.form-box-input form .item .notice .ps {
  color: #1d6bbe;
}
.form-box-input form .item .notice .ps:before {
  content: "*";
  display: inline;
  width: 100%;
  height: 100%;
  margin-right: 10px;
}
@media only screen and (max-width: 800px) {
  .form-box-input form .item .notice .ps {
    padding: 0 0 10px;
  }
}

.form-box-check form {
  border-top: 6px solid #d9d9d9;
  border-bottom: 6px solid #d9d9d9;
  padding: 20px 0;
}
.form-box-check form .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.form-box-check form .form.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 600px) {
  .form-box-check form .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.form-box-check form .form:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.form-box-check form .form .item-title {
  min-width: 280px;
  font-weight: bold;
  padding: 30px 0;
  width: auto;
}
@media only screen and (max-width: 800px) {
  .form-box-check form .form .item-title {
    min-width: 30%;
  }
}
@media only screen and (max-width: 600px) {
  .form-box-check form .form .item-title {
    min-width: auto;
  }
}
.form-box-check form .form .item-in {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
@media only screen and (max-width: 600px) {
  .form-box-check form .form .item-in {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 15px;
  }
}
.form-box-check form .form .item-in p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.form-box-check form .form .item-in p span {
  font-size: 0.875rem;
}
.form-box-check form .form .item-in p .f01 {
  font-weight: bold;
  min-width: 140px;
}
.form-box-check form .form .item-in p .ps {
  font-size: small;
  opacity: 0.7;
}

.law-checkbox {
  display: block;
}
.law-checkbox .law-btn {
  padding: 30px 0;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.law-checkbox .law-btn .checkbox {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 2px solid #000;
  margin-right: 10px;
  position: relative;
}
.law-checkbox .law-btn .checked {
  background: #1c6abe;
  border-color: #1c6abe;
}
.law-checkbox .law-btn span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: keep-all;
}

.hide_lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.law .law-box {
  background: #ecebeb;
  overflow-y: auto;
  overflow-x: hidden;
  letter-spacing: 1px;
  line-height: 150%;
  position: absolute;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100%;
  min-height: 100vh;
  padding: 194px 8% 100px;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 1200px) {
  .law .law-box {
    width: 85vw;
  }
}
@media only screen and (max-width: 800px) {
  .law .law-box {
    padding: 15% 8% 10%;
  }
}
@media only screen and (max-width: 600px) {
  .law .law-box {
    width: 100vw;
  }
}
.law .law-box .top {
  text-align: center;
  margin: 0 auto;
}
.law .law-box .top dl dd {
  line-height: 200%;
  letter-spacing: 1px;
  margin: 50px auto;
  max-width: 500px;
}
.law .law-box .page-title {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .law .law-box .page-title {
    font-size: 1.375rem;
  }
}
.law .law-box .page-title-eng {
  font-size: 3rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
@media only screen and (max-width: 800px) {
  .law .law-box .page-title-eng {
    font-size: 2.625rem;
  }
}
@media only screen and (max-width: 600px) {
  .law .law-box .page-title-eng {
    font-size: 2.25rem;
  }
}
.law .law-box ul {
  text-align: left;
  list-style-type: decimal-leading-zero;
  margin-left: 30px;
  font-size: 1rem;
  line-height: 200%;
  letter-spacing: 1px;
}
.law .law-box ul li {
  margin-bottom: 50px;
}

.law .close-btn {
  position: fixed;
  left: 50vw;
  top: 50vh;
  z-index: 999;
  border: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
@media only screen and (max-width: 1200px) {
  .law .close-btn {
    left: 15vw;
  }
}
@media only screen and (max-width: 600px) {
  .law .close-btn {
    top: 0;
    left: 0;
  }
}

.law.open .law-box {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.law.open .close-btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .law.open .close-btn {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.law.close .law-box {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.law.close .close-btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.menu .menu-box {
  background: #ecebeb;
  overflow-y: auto;
  overflow-x: hidden;
  letter-spacing: 1px;
  line-height: 150%;
  position: absolute;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100%;
  min-height: 100vh;
  padding: 194px 8% 50px;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
}
@media only screen and (max-height: 700px) {
  .menu .menu-box {
    height: auto;
    padding: 8%;
  }
}
@media only screen and (max-width: 1200px) {
  .menu .menu-box {
    width: 85vw;
  }
}
@media only screen and (max-width: 800px) {
  .menu .menu-box {
    padding: 15% 8% 10%;
  }
}
@media only screen and (max-width: 600px) {
  .menu .menu-box {
    width: 100vw;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 50px 30px;
    display: block;
  }
}
.menu .menu-box ul {
  line-height: 200%;
  letter-spacing: 1px;
}
.menu .menu-box nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 95px;
}
@media only screen and (max-height: 700px) {
  .menu .menu-box nav {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.menu .menu-box nav.HH {
  height: auto;
  padding-top: 50px;
}
.menu .menu-box nav ul {
  width: 50%;
  height: 100%;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav ul {
    width: 100%;
    height: auto;
    display: block;
  }
}
.menu .menu-box nav ul li {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav ul li {
    margin-bottom: 10px;
  }
}
.menu .menu-box nav ul li span {
  font-size: 1.25rem;
  display: block;
}
@media only screen and (max-width: 800px) {
  .menu .menu-box nav ul li span {
    font-size: 1rem;
  }
}
.menu .menu-box nav ul li a:hover span {
  color: #004ea2;
}
.menu .menu-box nav .menu-1 {
  border-right: 1px solid #dadada;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav .menu-1 {
    border: none;
  }
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav .menu-1 li {
    display: none;
  }
}
.menu .menu-box nav .menu-1 .top-title.s {
  margin-top: 80px;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav .menu-1 .top-title.s {
    margin: 0 0 10px;
  }
}
.menu .menu-box nav .menu-1 .top-title span {
  display: inline;
  font-size: 1.5rem;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .menu .menu-box nav .menu-1 .top-title span {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav .menu-1 .top-title span {
    font-size: 1rem;
  }
}
.menu .menu-box nav .rwd-top-title {
  display: none;
}
.menu .menu-box nav .rwd-top-title:after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 60px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav .rwd-top-title {
    display: block !important;
  }
}
.menu .menu-box nav .rwd-top-title span {
  display: inline;
  font-size: 1.5rem;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .menu .menu-box nav .rwd-top-title span {
    font-size: 1.25rem;
  }
}
.menu .menu-box nav .manu-2 {
  margin-left: 80px;
}
@media only screen and (max-height: 700px) {
  .menu .menu-box nav .manu-2 {
    line-height: 1.7;
  }
}
@media only screen and (max-width: 600px) {
  .menu .menu-box nav .manu-2 {
    margin: 0;
    padding-top: 5%;
  }
}
.menu .menu-box nav .manu-2 a:hover span {
  font-weight: bold;
}
.menu .menu-box nav .manu-2 .c {
  font-size: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .menu .menu-box nav .manu-2 .c {
    font-size: 1.25rem;
  }
}
.menu .menu-box nav .manu-2 .e {
  font-size: 1.25rem;
}
@media only screen and (max-width: 800px) {
  .menu .menu-box nav .manu-2 .e {
    font-size: 1rem;
  }
}
.menu .menu-box .others {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box .others {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ecebeb;
    padding: 15px 50px;
  }
}
.menu .menu-box .others .search-bar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
}
.menu .menu-box .others .search-bar a .icon {
  margin-right: 10px;
}
.menu .menu-box .others .soc {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box .others .soc {
    width: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
.menu .menu-box .others .soc li {
  margin-left: 35px;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box .others .soc li {
    margin: 0;
  }
}
.menu .menu-box .others .soc li p {
  font-weight: bold;
}
.menu .menu-box .others .soc li a:hover span {
  opacity: 1;
  color: #004ea2;
}
.menu .menu-box .others .soc li a span {
  font-size: 1.25rem;
  opacity: 0.3;
}
@media only screen and (max-width: 600px) {
  .menu .menu-box .others .soc li a span {
    font-size: 1.125rem;
  }
}

.menu .close-btn {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  border: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 0;
}

.menu.open .menu-box {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.menu.open .close-btn {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  opacity: 1;
}

.menu.close .menu-box {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.menu.close .close-btn {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.members .member-box,
.privacy .member-box,
.video .member-box {
  background: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  letter-spacing: 1px;
  line-height: 150%;
  position: absolute;
  top: 0;
  right: calc((100% - 1440px) / 2);
  max-width: 1440px;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 1400px) {
  .members .member-box,
  .privacy .member-box,
  .video .member-box {
    width: 100vw;
    right: 0;
  }
}

.members .close-btn,
.privacy .close-btn,
.video .close-btn {
  position: fixed;
  right: calc((100% - 1440px) / 2);
  top: 0;
  z-index: 999;
  border: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 0;
}
@media only screen and (max-width: 1400px) {
  .members .close-btn,
  .privacy .close-btn,
  .video .close-btn {
    right: 0;
  }
}

.members.open .member-box,
.privacy.open .member-box,
.video.open .member-box {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.members.open .close-btn,
.privacy.open .close-btn,
.video.open .close-btn {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  opacity: 1;
}

.members.close .member-box,
.privacy.close .member-box,
.video.close .member-box {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.members.close .close-btn,
.privacy.close .close-btn,
.video.close .close-btn {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.members .nicescroll-rails,
.privacy .nicescroll-rails,
.video .nicescroll-rails {
  top: 0 !important;
}

.video {
  height: auto;
}
.video .member-box {
  background: none;
}
.video .video-box {
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .video .video-box {
    height: 40vh;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 45px;
}
@media only screen and (max-width: 800px) {
  .breadcrumbs {
    margin-bottom: 30px;
  }
}
.breadcrumbs li {
  padding: 0 14px;
}
.breadcrumbs li:not(:last-child) {
  border-right: 1px solid #a5a5a5;
}
.breadcrumbs li:first-child {
  padding-left: 0;
}
.breadcrumbs li:last-child a {
  color: #004ea2;
}
.breadcrumbs li a {
  font-size: 0.875rem;
  font-weight: bold;
}

.more-btn01 {
  display: table;
  padding: 10px 0;
  border-bottom: 5px solid #009944;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 auto;
}

.goBack-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .goBack-btn {
    display: none;
  }
}
.goBack-btn:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid;
  border-left: 2px solid;
}

.onlile-talk {
  background: #094;
  color: #ffffff;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  left: 50px;
  bottom: 50px;
  z-index: 1;
}
@media only screen and (max-width: 800px) {
  .onlile-talk {
    width: 50px;
    height: 50px;
    left: 20px;
    bottom: 20px;
  }
}
.onlile-talk span {
  font-size: 40px;
}
@media only screen and (max-width: 800px) {
  .onlile-talk span {
    font-size: 30px;
  }
}

.gototop.fixed,
.home-service.fixed,
.clinicoshop.fixed {
  position: fixed;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.gototop {
  position: absolute;
  width: 48px;
  height: 48px;
  right: 48px;
  bottom: 36px;
  transform: translate(50%, 50%);
  border: 1px solid;
  border-radius: 50px;
  background: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gototop:hover {
  background: #333333;
  color: #ffffff;
  border-color: #333333;
}

.gototop span {
  font-size: 40px;
}

.home-service {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 48px;
  bottom: 44px;
  transform: translate(50%, 50%);
  background: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-service.float-up {
  bottom: 120px;
}

.clinicoshop {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 48px;
  bottom: 132px;
  transform: translate(50%, 50%);
  background: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clinicoshop.float-up {
  bottom: 208px;
}

@media only screen and (max-width: 800px) {
  .gototop {
    width: 36px;
    height: 36px;
  }

  .gototop span {
    font-size: 30px;
  }

  .home-service,
  .clinicoshop {
    width: 64px;
    height: 64px;
  }
}

.menu-btn {
  cursor: pointer;
  width: 80px;
  height: 80px;
  background: #dcaa10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 800px) {
  .menu-btn {
    width: 50px;
    height: 50px;
  }
}
.menu-btn span {
  width: 32px;
  height: 1px;
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: 2.5px 0;
}

.close-btn {
  cursor: pointer;
  width: 80px;
  height: 80px;
  background: #dcaa10;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.close-btn:hover .cross {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.close-btn:hover .cross:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media only screen and (max-width: 800px) {
  .close-btn {
    width: 50px;
    height: 50px;
  }
}
.close-btn .cross {
  width: 30px;
  height: 1px;
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.close-btn .cross:after {
  content: "";
  width: 30px;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: #fff;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.txt-a {
  color: #004ea2;
  text-decoration: underline;
}

.btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 100px;
  max-width: 840px;
}
.btn-box .menulist {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin: 0 2px;
}
.btn-box .menulist > p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin: auto;
}
.btn-box .menulist.basic {
  background: #5c5c5c;
}
.btn-box .menulist.basic ul li {
  background: #525151;
}
.btn-box .menulist.basic ul li:hover {
  background: #5c5c5c;
}
.btn-box .menulist.blue {
  background: #2781e2;
}
.btn-box .menulist.blue ul li {
  background: #2478d2;
}
.btn-box .menulist.blue ul li:hover {
  background: #2781e2;
}
.btn-box .menulist.green {
  background: #53b67f;
}
.btn-box .menulist.green2 {
  background: #39ae94;
}
.btn-box .menulist.blue2 {
  background: #397eae;
}
.btn-box .menulist.red {
  background: #ae3939;
}
.btn-box .menulist .selectMenu {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin: auto;
}
.btn-box .menulist .selectMenu:after {
  border-top-color: inherit;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  .btn-box .menulist .selectMenu:after {
    right: 20px;
  }
}
.btn-box .menulist .selectMenu.open:after {
  color: #dcaa10;
  opacity: 1;
}
.btn-box .menulist .selectMenu p {
  margin: auto;
}
.btn-box .menulist ul {
  top: 46px;
}
.btn-box .menulist ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
  height: auto;
  position: relative;
}
.btn-box .menulist ul li:after {
  content: "";
  width: 10px;
  height: 1px;
  border-top: 1px solid #dcaa10;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 600px) {
  .btn-box .menulist ul li:after {
    right: 20px;
  }
}
.btn-box .menulist ul li p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  padding: 0 70px;
}
@media only screen and (max-width: 600px) {
  .btn-box .menulist ul li p {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}

.btn-box-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 460px;
  width: 100%;
  margin: 70px auto 0;
}
.btn-box-out a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 2px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-box-out a:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-box-out a span {
  margin: 0 2px;
}
.btn-box-out a .ch {
  font-weight: bold;
}
.btn-box-out a .en {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  text-transform: uppercase;
}
.btn-box-out .prev-btn {
  background: #eeeded;
}
.btn-box-out .next-btn {
  background: #dcaa10;
}
.btn-box-out .xx-btn {
  background: #3f85d1;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 45px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .video-container {
    height: 40vh;
  }
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.DropdownList {
  margin: 0 auto;
}
.DropdownList .menulist {
  position: relative;
}
.DropdownList .menulist p {
  opacity: 1;
  line-height: 1.5rem;
  letter-spacing: 0.06rem;
}
.DropdownList .menulist span.selectMenu {
  cursor: pointer;
}
.DropdownList .menulist span.selectMenu:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.DropdownList .menulist .selectMenu {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.DropdownList .menulist .selectMenu.open:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.DropdownList .menulist ul {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 14px);
  -ms-transform: translate(-50%, 14px);
  transform: translate(-50%, 14px);
  width: 100%;
  z-index: 99;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 800px) {
  .DropdownList .menulist ul::-webkit-scrollbar {
    width: 15px;
  }
  .DropdownList .menulist ul::-webkit-scrollbar-thumb {
    background-color: #707070;
  }
  .DropdownList .menulist ul::-webkit-scrollbar-track-piece {
    background-color: #d9d6d6;
  }
}
.DropdownList .menulist ul li {
  cursor: pointer;
  width: 100%;
}
.DropdownList .menulist ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.DropdownList .menulist ul li p {
  font-size: 1.125rem;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: fixed;
  top: 0;
  z-index: 3;
  width: 100%;
  max-height: 80px;
  height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  .header {
    max-height: 50px;
  }
}
.header.fixed {
  background: #ecebeb;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header.static {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header .logo {
  padding: 22px 0 22px 56px;
}
@media only screen and (max-width: 1024px) {
  .header .logo {
    padding: 22px 0 22px 26px;
  }
}
@media only screen and (max-width: 800px) {
  .header .logo {
    max-width: 100px;
    padding: 5px 15px;
  }
  .header .logo img {
    max-height: 35px;
    width: auto;
  }
}
.header .Original {
  display: block;
}
.header .white-type {
  display: none;
}
.header .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 1024px) {
  .header .menu {
    display: none;
  }
}
.header .menu li {
  padding: 22px;
}
.header .tool-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.header .tool-box .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 0.875rem;
  padding: 22px 15px;
}
@media only screen and (max-width: 800px) {
  .header .tool-box .item {
    padding: 12px 15px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 50px;
  }
}
.header .tool-box .item li {
  padding: 0 20px;
}
@media only screen and (max-width: 800px) {
  .header .tool-box .item li {
    padding: 0 5px;
  }
}
.header .tool-box .item li a {
  display: block;
  color: #004ea2;
}
.header .tool-box .item li a p {
  font-size: 1rem;
  word-break: keep-all;
}
.header.white .Original {
  display: none;
}
.header.white .white-type {
  display: block;
}
.header.white .menu li a {
  color: #fff;
}
.header.white .tool-box .item li a {
  color: #ffffff;
}

.footer {
  position: relative;
  background: #ecebeb;
}
.footer .footer-box {
  max-width: 1500px;
  margin: auto;
}
@media only screen and (max-width: 1500px) {
  .footer .footer-box {
    padding: 0 5%;
  }
}
.footer .footer-box .f01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 200px;
  border-bottom: 6px solid #d9d9d9;
}
@media only screen and (max-width: 1200px) {
  .footer .footer-box .f01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f01 {
    padding: 30px;
  }
}
@media only screen and (max-width: 360px) {
  .footer .footer-box .f01 {
    padding: 30px 10px;
  }
}
.footer .footer-box .f01 .logo-box {
  width: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
@media only screen and (max-width: 1200px) {
  .footer .footer-box .f01 .logo-box {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f01 .logo-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
.footer .footer-box .f01 .logo-box img {
  max-width: 95px;
  width: auto;
}
.footer .footer-box .f01 .logo-box figcaption {
  padding: 0 50px;
  line-height: 200%;
}
@media only screen and (max-width: 1200px) {
  .footer .footer-box .f01 .logo-box figcaption {
    padding-right: 0;
  }
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f01 .logo-box figcaption {
    padding: 25px 0;
    width: 100%;
    text-align: center;
  }
}
.footer .footer-box .f01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f01 ul {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
.footer .footer-box .f01 ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  width: calc(100% / 3);
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f01 ul li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
.footer .footer-box .f01 ul li a {
  display: block;
}
.footer .footer-box .f01 ul li a:hover .i {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.footer .footer-box .f01 ul li a:hover p {
  opacity: 0.8;
}
.footer .footer-box .f01 ul li .i {
  width: 56px;
  height: 56px;
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 16px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.footer .footer-box .f01 ul li .i:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.footer .footer-box .f01 ul li p {
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f01 ul li p {
    word-break: break-all;
  }
}
.footer .footer-box .f01 ul li .i01 {
  color: #fff;
}
.footer .footer-box .f01 ul li .i01:after {
  background: #62bb8a;
}
.footer .footer-box .f01 ul li .i02 {
  color: #fff;
}
.footer .footer-box .f01 ul li .i02:after {
  background: #3a8be3;
}
.footer .footer-box .f01 ul li .i03:after {
  background: #eac248;
}
.footer .footer-box .f02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: center;
  padding: 97px 150px 77px;
}
@media only screen and (max-width: 1200px) {
  .footer .footer-box .f02 {
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f02 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .footer .footer-box .f02 {
    display: none;
  }
}
.footer .footer-box .f02 ul {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f02 ul {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    margin: 50px 0;
  }
  .footer .footer-box .f02 ul:nth-child(2n + 1) {
    border-right: 1px solid #d9d9d9 !important;
  }
}
@media only screen and (max-width: 600px) {
  .footer .footer-box .f02 ul {
    margin: 10px 0;
  }
}
.footer .footer-box .f02 ul:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f02 ul:not(:last-child) {
    border: none;
  }
}
.footer .footer-box .f02 ul li .title {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.5625rem;
}
@media only screen and (max-width: 800px) {
  .footer .footer-box .f02 ul li .title {
    font-size: 1.25rem;
  }
}
.footer .footer-box .f02 ul li a {
  display: block;
  padding: 8px 0;
}
.footer .footer-box .f02 ul li a:hover {
  color: #004ea2;
}
.footer .footer-box .f03 {
  padding: 0 50px 45px;
}
.footer .footer-box .f03 .soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer .footer-box .f03 .soc li {
  padding: 15px;
}
.footer .footer-box .f03 .soc li a {
  display: block;
}
.footer .footer-box .f03 .soc li a:hover span {
  color: #004ea2;
}
.footer .footer-box .f03 .soc li a span {
  color: #a5a4a4;
}
.footer .footer-box .f03 .cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .footer .footer-box .f03 .cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer .footer-box .f03 .cover .outdoor,
.footer .footer-box .f03 .cover p,
.footer .footer-box .f03 .cover a {
  font-size: 0.8125rem;
  color: #767575;
  padding: 5px;
  width: auto;
}
.footer .footer-box .f03 .cover a:hover {
  color: #004ea2;
}

@keyframes show {
  0% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes motion1 {
  0% {
    border-radius: 125px 105px 125px 100px;
  }
  50% {
    border-radius: 80px 75px 105px 90px;
  }
  100% {
    border-radius: 125px 105px 125px 100px;
  }
}

@keyframes motion2 {
  0% {
    border-radius: 73px 52px 70px 69px;
  }
  50% {
    border-radius: 95px 70px 60px 78px;
  }
  100% {
    border-radius: 73px 52px 70px 69px;
  }
}

@keyframes motion3 {
  0% {
    border-radius: 100px 125px 105px 125px;
  }
  50% {
    border-radius: 125px 95px 80px 100px;
  }
  100% {
    border-radius: 100px 125px 105px 125px;
  }
}

@keyframes motion4 {
  0% {
    border-radius: 69px 70px 55px 73px;
  }
  50% {
    border-radius: 73px 54px 63px 68px;
  }
  100% {
    border-radius: 69px 70px 55px 73px;
  }
}

.home {
  background: #ecebeb;
}
.home .header {
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home .header.fixed {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main > section {
  width: 100%;
  overflow: hidden;
}
.home main .txt dl dd {
  line-height: 150%;
  max-width: 400px;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  .home main .txt dl dd {
    max-width: 100%;
  }
  .home main .txt dl dd br {
    display: none;
  }
}
.home main .txt .title02 {
  margin-bottom: 5px;
}
.home main .txt .title02-eng {
  color: #9a9a9a;
}
.home main .txt .p-box {
  font-size: 1rem;
}
@media only screen and (max-width: 600px) {
  .home main .txt .p-box span {
    display: block;
  }
}
.home main .txt .p-box .p1 {
  font-weight: bold;
  margin-right: 10px;
}
.home main .txt .p-box .p2 {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
.home main .cover {
  height: 80vh;
  overflow: hidden;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .home main .cover {
    height: auto;
  }
}
@media only screen and (max-height: 700px) {
  .home main .cover {
    height: auto;
  }
}
.home main .cover.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.home main .cover img {
  max-width: none;
  width: auto;
  min-height: 80vh;
}
@media only screen and (max-width: 1024px) {
  .home main .cover img {
    width: auto;
    min-height: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .home main .cover img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.home main .txt {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
}
.home main .txt.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.home main .side-box:nth-child(odd) {
  padding-left: 90px;
}
@media only screen and (max-width: 600px) {
  .home main .side-box:nth-child(odd) {
    padding-left: 50px;
  }
}
.home main .side-box:nth-child(odd) .txt {
  padding-left: 90px;
}
@media only screen and (max-width: 800px) {
  .home main .side-box:nth-child(odd) .txt {
    padding: 50px 90px 70px 0px !important;
  }
}
@media only screen and (max-width: 600px) {
  .home main .side-box:nth-child(odd) .txt {
    padding: 30px 50px 50px 0px !important;
  }
}
.home main .side-box:nth-child(even) {
  padding-right: 90px;
}
.home main .side-box:nth-child(even) .txt {
  padding-right: 90px;
}
@media only screen and (max-width: 600px) {
  .home main .side-box:nth-child(even) .txt {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .home main .side-box:nth-child(even) .txt {
    padding: 50px 0 70px 90px !important;
  }
}
@media only screen and (max-width: 600px) {
  .home main .side-box:nth-child(even) .txt {
    padding: 30px 0 50px 50px !important;
  }
}
@media only screen and (max-width: 600px) {
  .home main .side-box .txt {
    padding: 20px 50px 30px;
  }
}
.home main .top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 90vh;
  overflow: hidden;
}
.home main .top-box .banner {
  width: calc(100% - 214px);
}
@media only screen and (max-width: 1024px) {
  .home main .top-box .banner {
    width: 100%;
  }
}
.home main .top-box .banner .top-slick {
  height: 90vh;
}
.home main .top-box .banner .top-slick li {
  height: 90vh;
}
.home main .top-box .banner .top-slick li a {
  position: relative;
  display: block;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home main .top-box .banner .top-slick li a .banner-cover {
  height: 90vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (min-width: 1025px) and (max-aspect-ratio: 149 / 80) {
  .home main .top-box .banner .top-slick li a .banner-cover img {
    height: 100%;
    width: auto;
    max-width: none;
  }
}
@media all and (max-width: 1024px) and (min-width: 769px) and (max-aspect-ratio: 93 / 130) {
  .home main .top-box .banner .top-slick li a .banner-cover img {
    height: 100%;
    width: auto;
    max-width: none;
  }
}
@media all and (max-width: 768px) and (min-width: 451px) and (max-aspect-ratio: 3 / 4) {
  .home main .top-box .banner .top-slick li a .banner-cover img {
    height: 100%;
    width: auto;
    max-width: none;
  }
}
@media all and (max-width: 450px) and (max-aspect-ratio: 337 / 600) {
  .home main .top-box .banner .top-slick li a .banner-cover img {
    height: 100%;
    width: auto;
    max-width: none;
  }
}
.home main .top-box .banner .top-slick li a article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 10%;
  opacity: 0;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 1024px) {
  .home main .top-box .banner .top-slick li a article {
    padding: 25% 10%;
  }
}
@media only screen and (max-height: 700px) {
  .home main .top-box .banner .top-slick li a article {
    padding: 10%;
  }
}
.home main .top-box .banner .top-slick li a article.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.home main .top-box .banner .top-slick li a article.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.home main .top-box .banner .top-slick li a article.left dl {
  text-align: left;
}
.home main .top-box .banner .top-slick li a article.left dl .title01-eng:after {
  margin-left: -10px;
}
.home main .top-box .banner .top-slick li a article.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.home main .top-box .banner .top-slick li a article.center dl {
  text-align: center;
}
.home main .top-box .banner .top-slick li a article.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.home main .top-box .banner .top-slick li a article.right dl {
  text-align: right;
}
.home
  main
  .top-box
  .banner
  .top-slick
  li
  a
  article.right
  dl
  .title01-eng:after {
  margin-right: -10px;
}
.home main .top-box .banner .top-slick li a article dl dt h2.title01-eng:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #436292;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 18px auto;
}
.home main .top-box .banner .top-slick li a article dl dd h4 {
  font-size: 1.125rem;
}
.home main .top-box .banner .top-slick .slick-dots {
  width: 100vw;
  bottom: 5%;
}
.home main .top-box .banner .top-slick .slick-dots li {
  height: auto;
}
.home main .top-box .top-head {
  width: 214px;
  background: #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .home main .top-box .top-head {
    display: none;
  }
}
.home main .top-box .top-head .logo {
  padding: 30% 0;
}
.home main .top-box .top-head .menu li {
  padding: 14px 0;
}
@media only screen and (max-height: 850px) {
  .home main .top-box .top-head .menu li:nth-child(3),
  .home main .top-box .top-head .menu li:nth-child(4),
  .home main .top-box .top-head .menu li:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-height: 700px) {
  .home main .top-box .top-head .menu li:nth-child(1),
  .home main .top-box .top-head .menu li:nth-child(2) {
    display: none;
  }
}
.home main .top-box .top-head .menu li a {
  display: block;
}
.home main .top-box .top-head .menu li a:hover {
  color: #004ea2;
}
.home main .top-box .top-head .tool-box a {
  padding: 0 25px;
}
.home main .top-box .top-head .tool-box a:not(:last-child) {
  border-right: 2px solid #019944;
}
.home main .top-box .top-head .tool-box a:hover {
  color: #019944;
}
.home main .top-box .top-head .tool-box a span {
  font-size: 1.25rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .top-box .top-head .item {
  margin-bottom: 20%;
}
.home main .top-box .top-head .item li {
  padding: 20% 0;
}
@media only screen and (max-width: 1400px) {
  .home main .top-box .top-head .item li {
    padding: 10% 0;
  }
}
.home main .top-box .top-head .item li a {
  display: block;
}
.home main .top-box .top-head .item li a:hover span {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #004ea2;
  color: #fff;
  border-color: #004ea2;
}
.home main .top-box .top-head .item li a:hover p {
  color: #004ea2;
}
.home main .top-box .top-head .item li a span {
  font-size: 1.5625rem;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 15px auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .top-box .top-head .item li a p {
  font-size: 0.875rem;
}
.home main .content .item {
  height: 80vh;
  position: relative;
  color: #fff;
}
@media only screen and (max-width: 800px) {
  .home main .content .item {
    height: auto;
    color: #000000;
  }
}
@media only screen and (max-height: 700px) {
  .home main .content .item {
    height: auto;
  }
}
@media only screen and (max-width: 800px) {
  .home main .content .item.side-box:nth-child(odd) .txt {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .home main .content .item.side-box:nth-child(even) .txt {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.home main .content .item .txt {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}
@media only screen and (max-width: 800px) {
  .home main .content .item .txt {
    position: relative;
    color: inherit;
  }
}
.home main .content .item .txt.left {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.home main .content .item .txt.center {
  text-align: center;
}
.home main .content .item .txt.right {
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.home main .content .item .txt .title02-eng {
  opacity: 0.4;
  margin-bottom: 190px;
  color: #fff;
}
@media only screen and (max-width: 800px) {
  .home main .content .item .txt .title02-eng {
    margin-bottom: 15px;
    color: inherit;
  }
}
.home main .content .item.video-box {
  width: 75vw;
  height: 42.18vw;
  margin: auto;
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .home main .content .item.video-box {
    width: 90vw;
    height: 50.6vw;
  }
}
.home main .content .item.video-box:nth-child(odd) {
  margin-right: 0;
}
.home main .content .item.video-box:nth-child(even) {
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  .home main .content .item.video-box:nth-child(even) {
    margin-bottom: 70px;
  }
}
.home main .content .item.video-box .video-container {
  height: 100%;
}
.home main .content .item .vd-box {
  display: block;
  position: relative;
}
.home main .content .item .vd-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.home main .content .item .vd-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
}
.home main .products {
  text-align: center;
  padding: 120px 0 160px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home main .products {
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .home main .products {
    padding: 30px;
  }
}
.home main .products .txt .title02-eng {
  color: #9a9a9a;
}
.home main .products .txt .title02-eng:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #436292;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 23px auto;
}
.home main .products .item-slick {
  margin: auto;
  max-width: 1490px;
  margin-top: 50px;
}
.home main .products .item-slick li a {
  border: 9px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 310px;
  margin: auto;
  display: block;
}
.home main .products .item-slick li a:hover {
  border-color: #d4d3d3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .products .item-slick li .item-box {
  display: block;
  margin: auto;
}
.home main .products .item-slick li .item-box img {
  width: 310px;
}
.home main .products .item-slick li .txt {
  padding: 0 0 55px;
}
.home main .products .item-slick li .txt .en {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.4375rem;
  margin-bottom: 18px;
  word-break: break-all;
}
@media only screen and (max-width: 600px) {
  .home main .products .item-slick li .txt .en {
    font-size: 1.125rem;
  }
}
.home main .products .item-slick li .txt .ch {
  font-size: 1rem;
}
.home main .products .Arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
.home main .products .Arrow:hover {
  opacity: 1;
}
.home main .products .Arrow span {
  font-size: 30px;
  color: #fff;
}
.home main .products .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.home main .products .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.home main .service {
  position: relative;
}
@media only screen and (max-width: 800px) {
  .home main .service {
    text-align: center;
  }
}
@media only screen and (max-height: 700px) {
  .home main .service .cover {
    height: auto;
  }
}
.home main .service .txt {
  position: absolute;
  top: 0;
  right: 15%;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 800px) {
  .home main .service .txt {
    position: static;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.home main .service .txt .title02-eng:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #436292;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 23px auto 23px -10px;
}
@media only screen and (max-width: 800px) {
  .home main .service .txt .title02-eng:after {
    margin: 23px auto;
  }
}
.home main .service .txt .item {
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  .home main .service .txt .item {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 468px) {
  .home main .service .txt .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.home main .service .txt .item li {
  margin-top: 50px;
}
.home main .service .txt .item li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media only screen and (max-width: 800px) {
  .home main .service .txt .item li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.home main .service .txt .item li a:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .service .txt .item li a:hover .p-box {
  border-bottom-color: #eabe36;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .service .txt .item li a:hover .p-box .p02 {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .service .txt .item li a img {
  width: 52px;
  opacity: 0.5;
}
.home main .service .txt .item li a .p-box {
  padding: 10px 0;
  margin: 0 22px;
  border-bottom: 5px solid #bebebd;
}
@media only screen and (max-width: 800px) {
  .home main .service .txt .item li a .p-box span {
    display: block;
  }
}
.home main .service .txt .item li a .p-box .p2 {
  opacity: 0.6;
}
.home main .select {
  position: relative;
  text-align: center;
  margin-left: 0 !important;
}
@media only screen and (max-height: 700px) {
  .home main .select .cover {
    height: auto;
  }
}
.home main .select .txt {
  position: absolute;
  top: 0;
  left: 15%;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 800px) {
  .home main .select .txt {
    position: static;
    padding: 50px 90px 70px;
  }
}
.home main .select .txt .title02-eng:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #436292;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 23px auto;
}
.home main .select .txt .item {
  margin: 70px auto;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 5px;
  column-gap: 5px;
}
@media only screen and (max-width: 800px) {
  .home main .select .txt .item {
    width: 100%;
  }
}
.home main .select .txt .item li {
  width: 270px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 800px) {
  .home main .select .txt .item li {
    width: 100%;
  }
}
.home main .select .txt .item li a {
  display: block;
  padding: 25px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .select .txt .item li a:hover {
  background: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home main .list {
  max-width: 1490px;
  text-align: center;
  padding: 135px 0 95px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .home main .list {
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .home main .list {
    padding: 30px;
  }
}
.home main .list .title02-eng:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #436292;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 23px auto;
}
.home main .list .grid {
  margin: 60px 0;
}
.home main .list .grid .grid-sizer {
  width: calc(100% / 3);
}
@media only screen and (max-width: 1200px) {
  .home main .list .grid .grid-sizer {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  .home main .list .grid .grid-sizer {
    width: 100%;
  }
}
.home main .list .grid:after {
  content: " ";
  display: block;
  clear: both;
}
.home main .list .grid li {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% / 3);
  height: 340px;
  float: left;
  opacity: 0;
}
@media only screen and (max-width: 360px) {
  .home main .list .grid li {
    height: 290px;
  }
}
.home main .list .grid li.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  .home main .list .grid li {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  .home main .list .grid li {
    width: 100%;
  }
}
.home main .list .grid li.height2 {
  height: 680px;
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li.height2 {
    height: 340px;
  }
}
.home main .list .grid li.width2 {
  width: calc((100% / 3) * 2);
}
@media only screen and (max-width: 1200px) {
  .home main .list .grid li.width2 {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li.width2 {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  .home main .list .grid li.width2 {
    width: 100%;
  }
}
.home main .list .grid li.width2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li.width2 a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.home main .list .grid li.width2 a picture {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li.width2 a picture {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
.home main .list .grid li.width2 a .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  width: 50%;
  padding: 40px 58px;
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li.width2 a .txt {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0px 30px 60px;
    width: 100%;
  }
}
.home main .list .grid li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.home main .list .grid li a .txt {
  width: 100%;
  text-align: left;
  padding: 0px 58px 40px;
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li a .txt {
    padding: 0px 30px 60px;
  }
}
.home main .list .grid li a .txt dt {
  font-weight: bold;
}
.home main .list .grid li a .txt dd {
  margin-top: 20px;
  max-width: 100%;
}
.home main .list .grid li a .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .home main .list .grid li a .img-box {
    height: 50%;
  }
}
.home main .list .grid li a .img-box img {
  width: auto;
}

#news.news:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ecebeb;
  width: 100%;
  height: 700px;
}
@media only screen and (max-width: 800px) {
  #news.news:after {
    height: 70vh;
  }
}

#news.news .main .top {
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  #news.news .main .top {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 600px) {
  #news.news .main .btn-box .menulist > p {
    display: none;
  }
}

#news.news .main .list-box .list .grid-sizer {
  width: calc(100% / 3);
}
@media only screen and (max-width: 1200px) {
  #news.news .main .list-box .list .grid-sizer {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #news.news .main .list-box .list .grid-sizer {
    width: 100%;
  }
}

#news.news .main .list-box .list li {
  width: calc(100% / 3);
  padding-bottom: 120px;
  opacity: 0;
}
@media only screen and (max-width: 1200px) {
  #news.news .main .list-box .list li {
    width: calc(100% / 2);
    padding: 0 40px 50px;
  }
}
@media only screen and (max-width: 600px) {
  #news.news .main .list-box .list li {
    width: 100%;
  }
}
#news.news .main .list-box .list li.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#news.news .main .list-box .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #news.news .main .list-box .list li a {
    width: 100%;
  }
}
#news.news .main .list-box .list li a .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
#news.news .main .list-box .list li a .txt {
  max-width: 100%;
  width: 100%;
}
#news.news .main .list-box .list li a .txt dl {
  padding: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}
#news.news .main .list-box .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 40px 0 30px;
  max-width: 100%;
}
#news.news .main .list-box .list li a .txt dl dd {
  padding: 15px 0;
  line-height: 150%;
  letter-spacing: 1px;
  max-width: 100%;
}
#news.news .main .list-box .list li a .txt time {
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
#news.news .main .list-box .list li a .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.news .main .list-box .list li a .txt time .month,
#news.news .main .list-box .list li a .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.news .main .list-box .list li a .txt time span {
  color: #666666;
}
#news.news .main .list-box .list li a .txt time span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#news.news .main .list-box .list li.on .txt {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
#news.news .main .list-box .list li.on .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#news.news .main .list-box .list li.on .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  padding: 40px 0 30px;
}
#news.news .main .list-box .list li.on .txt dl dd {
  padding: 15px 0;
}
#news.news .main .list-box .list li.off a {
  border-width: 0 6px 6px 0;
  border-style: solid;
  position: relative;
}
#news.news .main .list-box .list li.off a:before {
  content: "";
  border-top: 6px solid;
  border-color: inherit;
  width: 90%;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
}
#news.news .main .list-box .list li.off a:after {
  content: "";
  border-left: 6px solid;
  border-color: inherit;
  width: 6px;
  height: 45%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#news.news .main .list-box .list li.off .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
#news.news .main .list-box .list li.off .txt dl dt {
  padding: 0 57px;
}
#news.news .main .list-box .list li.off .txt dl dt:before {
  content: "";
  width: 60px;
  height: 2px;
  border-top: 2px solid;
  display: block;
  padding-bottom: 40px;
}
#news.news .main .list-box .list li.off .txt dl dd {
  font-size: 1.375rem;
  line-height: 150%;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  padding: 127px 0;
}
@media only screen and (max-width: 800px) {
  #news.news .main .list-box .list li.off .txt dl dd {
    padding: 60px 0;
  }
}
#news.news .main .list-box .list li.off .txt time {
  padding: 0 57px;
}

#news.detail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ecebeb;
  width: 100%;
  height: 700px;
}
@media only screen and (max-width: 800px) {
  #news.detail:after {
    height: 70vh;
  }
}

#news.detail .main .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
#news.detail .main .share time {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 2.25rem;
}
#news.detail .main .share .soc {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#news.detail .main .share .soc li {
  margin-left: 25px;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .share .soc li {
    margin: 25px 25px 0 0;
  }
}

#news.detail .main .breadcrumbs {
  margin-top: 90px;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .breadcrumbs {
    margin-top: 50px;
  }
}

#news.detail .main .soc {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#news.detail .main .soc li p {
  font-weight: bold;
}
#news.detail .main .soc li a:hover span {
  opacity: 1;
  color: #004ea2;
}
#news.detail .main .soc li a span {
  font-size: 1.25rem;
  opacity: 0.3;
}

#news.detail .main .show01 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show01 {
    padding: 0 5%;
  }
}
#news.detail .main .show01 .txt {
  padding: 0 90px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show01 .txt {
    padding: 0;
  }
}
#news.detail .main .show01 .txt.line {
  border-bottom: 6px solid #d9d9d9;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
#news.detail .main .show01 .txt .page-title {
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
#news.detail .main .show01 .txt p {
  letter-spacing: 1px;
}
#news.detail .main .show01 .banner {
  margin: 30px auto;
  text-align: center;
  opacity: 0;
}
#news.detail .main .show01 .banner.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#news.detail .main .show01 .banner ul li p {
  margin: 30px 0;
}
#news.detail .main .show01 .banner ul .slick-slide img {
  max-height: 600px;
  width: auto;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show01 .banner ul .slick-slide img {
    max-height: 40vh;
  }
}
#news.detail .main .show01 .banner .slick-dots {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: -100px;
  top: 50%;
  bottom: auto;
  width: auto;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show01 .banner .slick-dots {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#news.detail .main .show01 .banner .video-item .box {
  position: relative;
  padding: 56.25% 0 0;
}
#news.detail .main .show01 .banner .video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#news.detail .main .show02 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show02 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 {
    padding: 40px 5%;
  }
}
#news.detail .main .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#news.detail .main .show02 .type b {
  font-weight: bold;
}
#news.detail .main .show02 .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show02 .type dl {
    padding: 0 20px !important;
  }
}
#news.detail .main .show02 .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#news.detail .main .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#news.detail .main .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#news.detail .main .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#news.detail .main .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show02 .type .img-box figure {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#news.detail .main .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#news.detail .main .show02 .type .img-box img {
  opacity: 0;
}
#news.detail .main .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#news.detail .main .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 90px;
  }
}
#news.detail .main .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .type.wp .img-box {
    width: 100%;
  }
}
#news.detail .main .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#news.detail .main .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-left: 50px;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 90px;
  }
}
#news.detail .main .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .type.pw .img-box {
    width: 100%;
  }
}
#news.detail .main .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .link-box {
    padding: 50px 0 0;
  }
}
#news.detail .main .show02 .link-box .link p {
  font-size: 1.5rem;
}
#news.detail .main .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
#news.detail .main .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#news.detail .main .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#news.detail .main .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
#news.detail .main .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#news.detail .main .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}
#news.detail .main .show02 .link-box .soc li {
  margin: 15px;
}

#news.detail .main .show03 {
  background: #f2f2f2;
}
#news.detail .main .show03 .btn-box {
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show03 .btn-box {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show03 .btn-box {
    position: relative;
    padding-top: 180px;
  }
}
#news.detail .main .show03 .btn-box li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#news.detail .main .show03 .btn-box li.Back {
  text-align: center;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show03 .btn-box li.Back {
    position: absolute;
    top: 0;
  }
}
#news.detail .main .show03 .btn-box li.Back .txt {
  padding: 50px 32px 20px;
  opacity: 1;
}
#news.detail .main .show03 .btn-box li.Back:hover {
  opacity: 1;
}
#news.detail .main .show03 .btn-box li.Next {
  text-align: right;
}
#news.detail .main .show03 .btn-box li a {
  display: block;
  padding: 100px 0 60px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show03 .btn-box li a {
    padding: 10px 0;
  }
}
#news.detail .main .show03 .btn-box li a:after {
  content: "";
  border-bottom: 6px solid #e8e8e8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show03 .btn-box li a:after {
    border: none;
  }
}
#news.detail .main .show03 .btn-box li a:hover:after {
  border-bottom: 10px solid #dcaa10;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#news.detail .main .show03 .btn-box li a:hover .txt {
  opacity: 1;
}
#news.detail .main .show03 .btn-box li .txt {
  padding: 0 32px 40px;
  opacity: 0.5;
}
#news.detail .main .show03 .btn-box li .txt p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 150%;
}
#news.detail .main .show03 .btn-box li .txt time {
  display: block;
  margin-bottom: 30px;
}
#news.detail .main .show03 .btn-box li .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.detail .main .show03 .btn-box li .txt time .month,
#news.detail .main .show03 .btn-box li .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.detail .main .show03 .btn-box li .txt time span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#news.detail .main .show03 .btn-box li .btn {
  font-size: 1.5rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.detail .main .show03 .others {
  max-width: 1280px;
  margin: auto;
  padding: 140px 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show03 .others {
    padding: 140px 5%;
  }
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show03 .others {
    padding: 50px 5%;
  }
}
#news.detail .main .show03 .others > p {
  font-size: 1.5rem;
}
#news.detail .main .show03 .list {
  padding: 80px 0;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show03 .list {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show03 .list li.others-item {
    padding: 0 40px 50px;
  }
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show03 .list li.others-item {
    padding: 0 40px;
  }
}
#news.detail .main .show03 .list li.others-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #news.detail .main .show03 .list li.others-item a {
    width: 100%;
  }
}
#news.detail .main .show03 .list li.others-item a .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
#news.detail .main .show03 .list li.others-item a .txt {
  max-width: 100%;
  width: 100%;
}
#news.detail .main .show03 .list li.others-item a .txt dl {
  padding: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}
#news.detail .main .show03 .list li.others-item a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 40px 0 30px;
  max-width: 100%;
}
#news.detail .main .show03 .list li.others-item a .txt dl dd {
  padding: 15px 0;
  max-width: 100%;
  letter-spacing: 1px;
}
#news.detail .main .show03 .list li.others-item a .txt time {
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
#news.detail .main .show03 .list li.others-item a .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.detail .main .show03 .list li.others-item a .txt time .month,
#news.detail .main .show03 .list li.others-item a .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#news.detail .main .show03 .list li.others-item a .txt time span {
  color: #666666;
}
#news.detail
  .main
  .show03
  .list
  li.others-item
  a
  .txt
  time
  span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#news.detail .main .show03 .list li.others-item.on .txt {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
#news.detail .main .show03 .list li.others-item.on .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#news.detail .main .show03 .list li.others-item.on .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  padding: 40px 0 30px;
}
#news.detail .main .show03 .list li.others-item.on .txt dl dd {
  padding: 15px 0;
}
#news.detail .main .show03 .list li.others-item.off a {
  border-width: 0 6px 6px 0;
  border-style: solid;
  position: relative;
}
#news.detail .main .show03 .list li.others-item.off a:before {
  content: "";
  border-top: 6px solid;
  border-color: inherit;
  width: 90%;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
}
#news.detail .main .show03 .list li.others-item.off a:after {
  content: "";
  border-left: 6px solid;
  border-color: inherit;
  width: 6px;
  height: 45%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#news.detail .main .show03 .list li.others-item.off .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
#news.detail .main .show03 .list li.others-item.off .txt dl dt {
  padding: 0 57px;
}
#news.detail .main .show03 .list li.others-item.off .txt dl dt:before {
  content: "";
  width: 60px;
  height: 2px;
  border-top: 2px solid;
  display: block;
  padding-bottom: 40px;
}
#news.detail .main .show03 .list li.others-item.off .txt dl dd {
  font-size: 1.375rem;
  line-height: 150%;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  padding: 127px 0;
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show03 .list li.others-item.off .txt dl dd {
    padding: 60px 0;
  }
}
#news.detail .main .show03 .list li.others-item.off .txt time {
  padding: 0 57px;
}
#news.detail .main .show03 .Arrow-box {
  position: absolute;
  top: 100px;
  right: 0;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  #news.detail .main .show03 .Arrow-box {
    right: 5%;
  }
}
@media only screen and (max-width: 800px) {
  #news.detail .main .show03 .Arrow-box {
    top: 50px;
  }
}
#news.detail .main .show03 .Arrow-box .Arrow {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  #news.detail .main .show03 .Arrow-box .Arrow {
    display: none !important;
  }
}
#news.detail .main .show03 .Arrow-box .Arrow:hover {
  opacity: 1;
}
#news.detail .main .show03 .Arrow-box .Arrow span {
  font-size: 30px;
  color: #fff;
}
#news.detail .main .show03 .Arrow-box .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#news.detail .main .show03 .Arrow-box .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#experience.experience .btn-box p {
  font-weight: bold;
}

#experience.experience .btn-box a {
  position: relative;
}
#experience.experience .btn-box a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 0;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
}
#experience.experience .btn-box a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#experience.experience .btn-box a:hover:after {
  border-width: 7px;
  -webkit-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}
#experience.experience .btn-box a:hover:nth-child(1):after {
  border-top-color: #53b67f;
}
#experience.experience .btn-box a:hover:nth-child(2) {
  background: #3a7abf;
}
#experience.experience .btn-box a:hover:nth-child(2):after {
  border-top-color: #3a7abf;
}
#experience.experience .btn-box a:hover:nth-child(3) {
  background: #d7a200;
}
#experience.experience .btn-box a:hover:nth-child(3):after {
  border-top-color: #d7a200;
}

#experience.experience .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 100px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#experience.experience .list-box .list.show {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
#experience.experience .list-box .list:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
}
#experience.experience .list-box .list:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list:nth-child(odd) .txt {
    padding-right: 50px;
  }
}
#experience.experience .list-box .list:nth-child(odd).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#experience.experience .list-box .list:nth-child(odd) .img-box {
  margin-right: 80px;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list:nth-child(odd) .img-box {
    margin: 0;
    padding-right: 50px;
  }
}
#experience.experience .list-box .list:nth-child(odd) .title02-eng2 {
  color: #5c5c5c;
}
#experience.experience .list-box .list:nth-child(even) {
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list:nth-child(even) .txt {
    padding-left: 50px;
  }
}
#experience.experience .list-box .list:nth-child(even).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#experience.experience .list-box .list:nth-child(even) .img-box {
  margin-left: 80px;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list:nth-child(even) .img-box {
    margin: 0;
    padding-left: 50px;
  }
}
#experience.experience .list-box .list .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  height: 480px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%;
    width: 100%;
  }
}
#experience.experience .list-box .list .img-box img {
  display: block;
  max-width: none;
  width: auto;
  min-height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#experience.experience .list-box .list .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list .img-box img {
    max-width: 100%;
    width: 100%;
    min-height: auto;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
#experience.experience .list-box .list .txt {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list .txt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 0;
  }
}
#experience.experience .list-box .list .txt .title02 {
  font-weight: bold;
}
#experience.experience .list-box .list .txt dl {
  max-width: 350px;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list .txt dl {
    max-width: 100%;
  }
}
#experience.experience .list-box .list .txt dl dt,
#experience.experience .list-box .list .txt dl dd {
  line-height: 150%;
}
#experience.experience .list-box .list .txt dl dd {
  margin: 42px 0;
}
#experience.experience .list-box .list .txt button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 27px 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  color: #ffffff;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .list .txt button {
    padding: 10px 30px;
    position: static;
  }
}
#experience.experience .list-box .list .txt button span {
  padding: 4px;
}
#experience.experience .list-box .list .txt button span:first-child {
  font-weight: bold;
}

#experience.experience .list-box .e01 .txt {
  background: #f3f3f3;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e01 .txt {
    background: none;
  }
}

#experience.experience .list-box .e01 button {
  background: #53b67f;
}

#experience.experience .list-box .e01:hover .txt {
  background: #53b67f;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e01:hover .txt {
    background: none;
    color: inherit;
  }
}
#experience.experience .list-box .e01:hover .txt button {
  background: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e01:hover .txt button {
    background: #53b67f;
  }
}

#experience.experience .list-box .e02 .txt {
  background: #3a7abf;
  color: #ffffff;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e02 .txt {
    background: none;
    color: inherit;
  }
}

#experience.experience .list-box .e02 button {
  background: #5c5c5c;
}

#experience.experience .list-box .e02:hover .txt button {
  background: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e02:hover .txt button {
    background: #5c5c5c;
  }
}

#experience.experience .list-box .e03 .txt {
  background: #efefef;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e03 .txt {
    background: none;
  }
}

#experience.experience .list-box .e03 button {
  background: #d7a200;
}

#experience.experience .list-box .e03:hover .txt {
  background: #d7a200;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e03:hover .txt {
    background: none;
    color: inherit;
  }
}
#experience.experience .list-box .e03:hover .txt button {
  background: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 800px) {
  #experience.experience .list-box .e03:hover .txt button {
    background: #d7a200;
  }
}

#appointment.appointment_r {
  position: relative;
}
#appointment.appointment_r .ox {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 600px) {
  #appointment.appointment_r .ox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #appointment.appointment_r .ox .item-title {
    padding: 0 0 25px;
  }
}
#appointment.appointment_r .ox .select {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#appointment.appointment_r .ox .select label {
  width: 100%;
}
#appointment.appointment_r .ox .select label:not(:last-child) {
  margin-bottom: 25px;
}
#appointment.appointment_r .ox .select .checkbox-2 {
  border-radius: 10px !important;
}

#appointment.appointment_r2 .main {
  max-width: 840px;
  margin: auto;
  padding: 50px 0 100px;
}
@media only screen and (max-width: 800px) {
  #appointment.appointment_r2 .main {
    padding: 100px 5%;
  }
}

#appointment.appointment_r3 .main {
  min-height: 100vh;
}
#appointment.appointment_r3 .main .banner {
  height: 100%;
}
#appointment.appointment_r3 .main .top dl a {
  color: inherit;
  text-decoration: underline;
}

#service .main .content dl {
  line-height: 200%;
  letter-spacing: 1px;
}
#service .main .content dl dd {
  margin: 50px auto 100px;
}

#service.step1 .main .content .circle {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#service.step1 .main .content .circle.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#service.step2 .main .content {
  text-align: left;
}
#service.step2 .main .content .form-box-input .all {
  display: block;
}
@media only screen and (max-width: 468px) {
  #service.step2 .main .content .form-box-input .all {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#service.step2 .main .content .form-box-input .all .item-title {
  max-width: none;
  min-width: auto;
}
#service.step2 .main .content .form-box-input .all .select {
  counter-reset: num;
  display: block;
}
@media only screen and (max-width: 600px) {
  #service.step2 .main .content .form-box-input .all .select {
    width: 100%;
  }
}
@media only screen and (max-width: 468px) {
  #service.step2 .main .content .form-box-input .all .select {
    padding: 10px 0;
  }
}
#service.step2 .main .content .form-box-input .all .select .cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 0 0;
  margin: 0 20px;
  line-height: 180%;
}
@media only screen and (max-width: 600px) {
  #service.step2 .main .content .form-box-input .all .select .cover {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 0 7px;
  }
}
#service.step2 .main .content .form-box-input .all .select .cover:before {
  counter-increment: num;
  content: counter(num) ". ";
  padding: 2px 5px;
  display: inline;
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover:not(:last-child) {
  border-bottom: 1px solid #d4d3d3;
  padding-bottom: 20px;
}
#service.step2 .main .content .form-box-input .all .select .cover .stronghold {
  width: 25%;
}
@media only screen and (max-width: 600px) {
  #service.step2
    .main
    .content
    .form-box-input
    .all
    .select
    .cover
    .stronghold {
    position: relative;
    width: 90%;
  }
  #service.step2
    .main
    .content
    .form-box-input
    .all
    .select
    .cover
    .stronghold:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 10px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
  }
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .stronghold
  > p {
  font-size: 1rem;
  font-weight: bold;
}
#service.step2 .main .content .form-box-input .all .select .cover .time-box {
  width: 75%;
}
@media only screen and (max-width: 600px) {
  #service.step2 .main .content .form-box-input .all .select .cover .time-box {
    width: 100%;
    padding-left: 27px;
    margin-top: 20px;
    display: none;
  }
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .info {
  margin-bottom: 20px;
  position: relative;
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .info
  .map {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 18px;
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .info
  .number
  span {
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  #service.step2
    .main
    .content
    .form-box-input
    .all
    .select
    .cover
    .time-box
    .info
    .number
    .n-box {
    display: block;
  }
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .info
  .number
  .tel:after {
  content: "";
  display: inline;
  margin-right: 10px;
  padding: 0 10px;
  border-right: 2px solid #c1c1c1;
  width: 100%;
  height: 13px;
}
@media only screen and (max-width: 600px) {
  #service.step2
    .main
    .content
    .form-box-input
    .all
    .select
    .cover
    .time-box
    .info
    .number
    .tel:after {
    display: none;
  }
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .info
  .number
  .tel:hover {
  text-decoration: underline;
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .info
  .text {
  font-size: 1rem;
}
#service.step2
  .main
  .content
  .form-box-input
  .all
  .select
  .cover
  .time-box
  .time {
  -webkit-column-count: 2;
  column-count: 2;
}
@media only screen and (max-width: 600px) {
  #service.step2
    .main
    .content
    .form-box-input
    .all
    .select
    .cover
    .time-box
    .time {
    -webkit-column-count: auto;
    column-count: auto;
  }
}
#service.step2 .main .content .form-box-input .all .select label {
  width: 100%;
  margin-bottom: 8px;
}
#service.step2 .main .content .form-box-input .select {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#service.step2 .main .content .form-box-input .select label {
  width: calc(100% / 3);
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
@media only screen and (max-width: 800px) {
  #service.step2 .main .content .form-box-input .select label {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #service.step2 .main .content .form-box-input .select label {
    width: 100%;
  }
  #service.step2 .main .content .form-box-input .select label:not(:last-child) {
    margin-bottom: 20px;
  }
}
#service.step2 .main .content .circle {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#service.step2 .main .content .circle.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#service.step3 .main .content .form-box-check {
  text-align: left;
}
#service.step3 .main .content .form-box-check form .form {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#service.step3 .main .content .form-box-check form .form .item-title {
  text-align: left;
}
#service.step3 .main .content .form-box-check .form-title {
  margin: 45px auto;
  text-align: center;
}
#service.step3 .main .content .form-box-check .stronghold {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#service.step3 .main .law-checkbox .law-btn span {
  text-align: left;
}

#service.step4 .main .content dl dd {
  font-size: 1.25rem;
}

#service.step4 .main .content .circle {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#service.step4 .main .content .circle.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#service.consent .main {
  max-width: 1020px;
  width: 90%;
  margin: auto;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  #service.consent .main {
    margin: auto 5%;
  }
}
#service.consent .main .circle-box {
  max-width: 840px;
  margin: 0 auto;
  padding: 50px 0;
  position: fixed;
  width: 840px;
  top: 0;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 1024px) {
  #service.consent .main .circle-box {
    width: 80%;
    max-width: 100%;
    padding: 50px 0 30px;
  }
}
#service.consent .main .circle-box:after {
  content: "";
  width: 100vw;
  height: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#service.consent .main .circle-box .step {
  width: 90px;
}
@media only screen and (max-height: 700px) {
  #service.consent .main .circle-box .step {
    width: 120px;
  }
}
#service.consent .main .circle-box .step:not(:first-child):after {
  width: calc(840px / 6 - 56px / 2);
}
@media only screen and (max-width: 1024px) {
  #service.consent .main .circle-box .step:not(:first-child):after {
    border: none;
  }
}
#service.consent .main .circle-box .step .circle {
  color: #656565;
}
#service.consent .main .circle-box .step .circle:after {
  background: #fff;
}
#service.consent .main .circle-box .step.checked .circle {
  color: #fff;
}
#service.consent .main .circle-box .step.checked .circle:after {
  background: #2781e2;
}
#service.consent .main .circle-box .step.checked:not(:first-child):after {
  border-color: #2781e2;
}
#service.consent .main .circle-box .step.checked span.ch {
  color: rgba(0, 0, 0, 0.9);
}
#service.consent .main .circle-box span.ch {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75rem;
}
#service.consent .main .tag {
  display: block;
  color: #0853a5;
  font-weight: bold;
}
#service.consent .main .content {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  padding: 280px 0 100px;
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#service.consent .main .content.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 600px) {
  #service.consent .main .content {
    padding: 200px 0 50px;
  }
}
#service.consent .main .content dl {
  padding: 60px 0 0;
}
#service.consent .main .content dl dt {
  font-weight: bold;
  font-size: 1.875rem;
  margin-bottom: 35px;
}
#service.consent .main .content dl dd {
  margin: auto;
}
#service.consent .main .content dl dd ul {
  text-align: left;
  list-style-type: decimal-leading-zero;
  margin-left: 30px;
}
#service.consent .main .content .circle {
  color: #2781e2;
}
#service.consent .main .content .circle:after {
  background: none;
  border: 1px solid #2781e2;
}
#service.consent .main a.btn {
  height: 60px;
  width: 100%;
  background: #2781e2;
  color: #fff;
  margin: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#service.consent .main a.btn:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#service.consent .main a.btn span {
  margin: 0 2px;
}
#service.consent .main a.btn .ch {
  font-weight: bold;
}

#service.none_agree {
  background: #ecebeb;
}
#service.none_agree .main {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#service.none_agree .main .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#service.none_agree .main .content dl dd {
  font-size: 1.25rem;
}
#service.none_agree .main .prev-btn {
  background: #ffffff;
}

.about img {
  display: block;
}

.about p,
.about dl {
  max-width: none;
  width: auto;
}

.about .content .title {
  text-align: center;
  margin-bottom: 70px;
}
.about .content .title .h4 {
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0 0 10px;
  color: #5c5c5c;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
.about .content .title .h5 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0 0 30px;
}
.about .content .title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.about .content .title li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 20px 30px;
}
.about .content .title li:hover a {
  color: #666666;
}
.about .content .title li:hover a::before {
  width: 100%;
  left: 0;
}
.about .content .title li a {
  padding: 10px 0;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.about .content .title li a::before {
  content: "";
  width: 0%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.about .content .title li:nth-child(2n-1) a::before {
  background-color: #50a675;
}
.about .content .title li:nth-child(2n) a::before {
  background-color: #3a8be3;
}
.about .content .title li:not(:last-child) {
  position: relative;
}
.about .content .title li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 8px;
  background: #666666;
}

.about .main .content {
  max-width: 100%;
}
.about .main .content .itembox .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .about .main .content .itembox .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about .main .content .itembox .items:not(:last-child) {
  margin-bottom: 80px;
}
.about .main .content .itembox .items:nth-child(2n-1) .btn {
  color: #50a675;
}
.about .main .content .itembox .items:nth-child(2n-1) .btn:hover {
  background: #50a675;
}
.about .main .content .itembox .items:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  .about .main .content .itembox .items:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about .main .content .itembox .items:nth-child(2n) .btn {
  color: #3a8be3;
}
.about .main .content .itembox .items:nth-child(2n) .btn:hover {
  background: #3a8be3;
}
.about .main .content .itembox .img {
  width: 55%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  .about .main .content .itembox .img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
}
.about .main .content .itembox .txt {
  width: 30%;
  padding: 0 90px;
  text-align: left;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1500px) {
  .about .main .content .itembox .txt {
    width: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .about .main .content .itembox .txt {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .about .main .content .itembox .txt {
    padding: 0 10%;
  }
}
.about .main .content .itembox .txt span {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0 0 20px;
  color: #5c5c5c;
  display: inline-block;
}
.about .main .content .itembox .txt h2 {
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0 0 40px;
}
.about .main .content .itembox .txt p {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 0 60px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.5rem;
}
.about .main .content .itembox .txt .btn {
  display: inline-block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 15px 0;
}
.about .main .content .itembox .txt .btn p {
  margin: 0;
}
.about .main .content .itembox .txt .btn:hover {
  padding: 15px 50px;
  color: #fff;
}

#about .content {
  padding: 100px 0 190px;
}
#about .content img {
  opacity: 0;
}
#about .content img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#about .content .txt {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
}
#about .content .txt.show {
  -webkit-transition: all 0.5s 0.3s;
  -o-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

#about_brand .content {
  padding: 100px 0 0;
}

.about .brandbox {
  position: relative;
}
.about .brandbox p {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0;
}
.about .brandbox .h5 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
}
.about .brandbox .boxs .txt {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
}
.about .brandbox .boxs .txt.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.about .brandbox .boxs .img img {
  opacity: 0;
}
.about .brandbox .boxs .img img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}

.about .brandbox .up {
  width: 80%;
  margin: 0 auto 110px;
  color: #000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 900px) {
  .about .brandbox .up {
    width: 100%;
  }
}
.about .brandbox .up > div {
  position: relative;
  color: #fff;
  margin-bottom: 70px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 170px 0 150px;
  opacity: 0;
}
.about .brandbox .up > div.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .about .brandbox .up > div {
    padding: 130px 0 100px;
  }
}
.about .brandbox .up > p {
  width: 660px;
  font-size: 1rem;
  line-height: 1.875rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .about .brandbox .up > p {
    width: 80%;
  }
}
.about .brandbox .up .txt {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.about .brandbox .up .txt .h4 {
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0 0 10px;
}
.about .brandbox .up .txt .h5 {
  margin: 0 0 40px;
}
.about .brandbox .up .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
  .about .brandbox .up .txt ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about .brandbox .up .txt ul li:not(:last-child) {
  position: relative;
}
@media only screen and (max-width: 900px) {
  .about .brandbox .up .txt ul li:not(:last-child) {
    margin-bottom: 50px;
  }
}
.about .brandbox .up .txt ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 30px;
  display: inline-block;
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  top: 20px;
}
@media only screen and (max-width: 900px) {
  .about .brandbox .up .txt ul li:not(:last-child)::after {
    display: none;
  }
}
.about .brandbox .up .txt ul li i {
  font-size: 3.125rem;
  margin: 0 100px 10px;
  display: inline-block;
}
@media only screen and (max-width: 1100px) {
  .about .brandbox .up .txt ul li i {
    margin: 0 80px 10px;
  }
}

.about .brandbox .center {
  width: 75%;
  margin: 0 auto 190px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 600px) {
  .about .brandbox .center {
    width: 85%;
  }
}
.about .brandbox .center .boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about .brandbox .center .boxs.full .txt {
  width: 100%;
  text-align: center;
}
.about .brandbox .center .boxs.full .txt .btn {
  background: #3f85d1;
}
.about .brandbox .center .boxs.full .txt .btn:hover {
  background: rgba(0, 0, 0, 0);
  color: #3f85d1;
}
.about .brandbox .center .boxs:first-child {
  margin-bottom: 40px;
}
.about .brandbox .center .boxs:first-child .txt {
  padding-top: 15%;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs:first-child .txt {
    padding-top: 50px;
  }
}
.about .brandbox .center .boxs:nth-child(2) {
  margin-bottom: 90px;
}
.about .brandbox .center .boxs:nth-child(2) .txt {
  padding-top: 190px;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs:nth-child(2) .txt {
    padding-top: 0;
  }
}
.about .brandbox .center .boxs:nth-child(2) .txt > div:not(:last-child) {
  margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs:nth-child(2) .txt > div:not(:last-child) {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs:nth-child(2) .txt > div:last-child {
    margin-bottom: 50px;
  }
}
.about .brandbox .center .boxs:nth-child(2) .txt > div:last-child .btn {
  background: #53b67f;
}
.about .brandbox .center .boxs:nth-child(2) .txt > div:last-child .btn:hover {
  background: rgba(0, 0, 0, 0);
  color: #53b67f;
}
.about .brandbox .center .boxs:nth-child(2) img {
  width: 75%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs:nth-child(2) img {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  .about .brandbox .center .boxs:nth-child(2) img {
    width: 100%;
  }
}
.about .brandbox .center .boxs .img {
  width: 50%;
  text-align: left;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs .img {
    width: 100%;
  }
}
.about .brandbox .center .boxs .txt {
  width: 50%;
  text-align: left;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs .txt {
    width: 100%;
  }
}
.about .brandbox .center .boxs .txt .h5 {
  margin: 0 0 40px;
}
.about .brandbox .center .boxs .txt p {
  margin: 0 0 40px;
}
.about .brandbox .center .boxs .txt > div {
  width: 50%;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  .about .brandbox .center .boxs .txt > div {
    width: 80%;
  }
}
.about .brandbox .center .boxs .btn {
  display: inline-block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 15px 50px;
  color: #fff;
}
.about .brandbox .center .boxs .btn p {
  margin: 0;
}

.about .brandbox .down > div {
  padding: 200px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.about .brandbox .down .txt {
  text-align: center;
  color: #fff;
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .about .brandbox .down .txt {
    width: 90%;
  }
}
.about .brandbox .down .txt > div {
  width: 660px;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .about .brandbox .down .txt > div {
    width: 70%;
  }
}
@media only screen and (max-width: 600px) {
  .about .brandbox .down .txt > div {
    width: 80%;
  }
}
.about .brandbox .down .txt .h5 {
  margin-bottom: 40px;
  line-height: 1.875rem;
}
.about .brandbox .down .txt p {
  margin-bottom: 90px;
}
.about .brandbox .down .txt .brandslick .slick-slide {
  background: #fff;
  padding: 90px 15px 40px;
  height: 350px;
  margin: 0 5px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
}
.about .brandbox .down .txt .brandslick .slick-slide.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.about .brandbox .down .txt .brandslick .slick-slide div {
  max-height: 70px;
}
.about .brandbox .down .txt .brandslick .slick-slide div img {
  width: auto;
  margin: 0 auto;
}
.about .brandbox .down .txt .brandslick .slick-slide p {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  margin: 0;
}
.about .brandbox .down .txt .slick-dots {
  bottom: -50px;
}
.about .brandbox .down .txt .slick-dots .slick-active button::before {
  color: #004ea2;
}
.about .brandbox .down .txt .slick-dots li {
  background: rgba(0, 0, 0, 0);
}
.about .brandbox .down .txt .slick-dots li button::before {
  font-size: 1.0625rem;
  color: #fff;
  opacity: 1;
}

#about_history {
  background: #f3f3f3;
}
#about_history .content {
  padding: 50px 0 200px;
}
#about_history .content .title.fixed {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  padding: 20px 0 0;
  background: #f3f3f3;
}
#about_history .content .title li.active a {
  color: #666666;
}
#about_history .content .title li.active a::before {
  width: 100%;
  left: 0;
}
#about_history .content .title li:nth-child(2n-1) a::before,
#about_history .content .title li:nth-child(2n) a::before {
  background-color: #d5a308;
}
#about_history .content .title li:not(:last-child)::after {
  display: none;
}

.about .historybox .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1100px) {
  .about .historybox .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about .historybox .items.noimg {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.about .historybox .items.noimg .txt {
  background: #e3e3e3;
}
.about .historybox .items.noimg .txt > div {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.about .historybox .items.noimg .txt ul {
  width: 60%;
}
@media only screen and (max-width: 600px) {
  .about .historybox .items.noimg .txt ul {
    width: 100%;
  }
}
.about .historybox .items.noimg .txt ul li:not(:last-child)::after {
  background: #d5a206;
}
.about .historybox .items.noimg .txt .year {
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
  .about .historybox .items.noimg .txt .year {
    top: -130px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.about .historybox .items.noimg .history_slick {
  display: none;
}
.about .historybox .items:not(:last-child) {
  margin-bottom: 90px;
}
.about .historybox .items:nth-child(2n-1).noimg .txt {
  padding: 200px 0;
}
.about .historybox .items:nth-child(2n-1).noimg .txt ul {
  margin: 0 0 0 auto;
}
.about .historybox .items:nth-child(2n-1) .txt {
  padding: 0 0 0 10%;
}
.about .historybox .items:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1100px) {
  .about .historybox .items:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about .historybox .items:nth-child(2n).noimg .txt {
  padding: 200px 0;
}
.about .historybox .items:nth-child(2n).noimg .txt > div {
  margin: 0 auto;
}
.about .historybox .items:nth-child(2n).noimg .year {
  right: 0;
}
.about .historybox .items:nth-child(2n) .txt {
  padding: 0 10% 0 0;
}
@media only screen and (max-width: 600px) {
  .about .historybox .items:nth-child(2n) .txt {
    padding: 0 10%;
  }
}
.about .historybox .items:nth-child(2n) .txt > div {
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 600px) {
  .about .historybox .items:nth-child(2n) .txt > div {
    margin: 0 auto;
  }
}
.about .historybox .items .history_slick {
  width: 45%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.about .historybox .items .history_slick.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 1100px) {
  .about .historybox .items .history_slick {
    width: 100%;
    margin-bottom: 100px;
  }
}
.about .historybox .items .history_slick img {
  width: auto;
}
.about .historybox .items .history_slick .slick-dots {
  bottom: -40px;
}
.about .historybox .items .history_slick .slick-dots li button:before {
  font-size: 1.0625rem;
}
.about .historybox .items .txt {
  width: 65%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
}
.about .historybox .items .txt.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
@media only screen and (max-width: 1100px) {
  .about .historybox .items .txt {
    width: 100%;
  }
}
.about .historybox .items .txt > div {
  width: 70%;
}
@media only screen and (max-width: 900px) {
  .about .historybox .items .txt > div {
    width: 80%;
    margin: 0 auto;
  }
}
.about .historybox .items .txt .year {
  font-size: 3rem;
  line-height: 3.4375rem;
  margin: 0 0 50px;
  color: #d5a206;
  -webkit-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
}
.about .historybox .items .txt li {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin: 0;
  counter-increment: num;
  position: relative;
}
.about .historybox .items .txt li::before {
  content: counter(num) ".";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.about .historybox .items .txt li:not(:last-child) {
  margin-bottom: 40px;
}
.about .historybox .items .txt li:not(:last-child)::after {
  content: "";
  width: 100%;
  height: 1px;
  display: inline-block;
  background: #d5d5d5;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.about .historybox .items .txt li p {
  padding-left: 20px;
}

#about_medical .banner {
  z-index: 1;
}

#about_medical .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #f3f3f3;
  padding: 0;
  position: relative;
}

#about_medical .map {
  width: 70%;
  padding: 100px 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  #about_medical .map {
    display: none;
  }
}
#about_medical .map.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
#about_medical .map.fixed.tobottom {
  bottom: 0;
  top: auto;
  position: absolute;
  left: 0;
}
#about_medical .map > div {
  width: 80%;
  margin: 0 auto;
}
#about_medical .map .maptitle {
  text-align: center;
  margin: 0 0 40px;
}
#about_medical .map .maptitle p:first-child {
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0 0 10px;
  color: #5c5c5c;
}
#about_medical .map .maptitle p:last-child {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
}
#about_medical .map .maptitle p:last-child b {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
  font-weight: lighter;
}

#about_medical .more {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0;
  display: inline-block;
  width: 30%;
  padding: 40px 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #fff;
}
@media only screen and (max-width: 1024px) {
  #about_medical .more {
    display: none;
  }
}
#about_medical .more p {
  position: relative;
  display: inline-block;
}
#about_medical .more p::after {
  content: "";
  width: 100%;
  height: 5px;
  display: inline-block;
  background: #d4a000;
  position: absolute;
  left: 0;
  bottom: -10px;
}

#about_medical .mapbox {
  width: 100%;
  height: 60vh;
}
#about_medical .mapbox iframe {
  width: 100%;
  height: 100%;
}

#about_medical .medicalbox {
  width: 30%;
  background: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  #about_medical .medicalbox {
    width: 100%;
  }
}
#about_medical .medicalbox .itemsbox {
  margin-bottom: 40px;
}
#about_medical .medicalbox .items {
  color: #000;
  text-align: left;
  counter-increment: nb;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 30px 0 0;
}
#about_medical .medicalbox .items.active {
  color: #fff;
  background: #3f85d1;
}
#about_medical .medicalbox .items.active a {
  color: #fff;
}
#about_medical .medicalbox .items.active a p {
  opacity: 1;
}
#about_medical .medicalbox .items.active a i::before {
  z-index: 10;
  position: relative;
}
#about_medical .medicalbox .items.active a i::after {
  width: 30px;
  height: 30px;
  background: #659dda;
}
@media only screen and (max-width: 1024px) {
  #about_medical .medicalbox .items.active .mapbox {
    height: 40vh;
  }
}
#about_medical .medicalbox .items .mapbox {
  height: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#about_medical .medicalbox .items .detail {
  width: 70%;
  margin: 0 auto;
  border-bottom: 1px #cccccc solid;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 500px) {
  #about_medical .medicalbox .items .detail {
    width: 75%;
  }
}
#about_medical .medicalbox .items .detail::after {
  content: counter(nb);
  display: inline-block;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0;
  position: absolute;
  left: -15%;
  top: -8px;
}
@media only screen and (max-width: 500px) {
  #about_medical .medicalbox .items .detail::after {
    left: -9%;
  }
}
#about_medical .medicalbox .items .detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
#about_medical .medicalbox .items .detail > p {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  margin: 0 0 30px;
}
#about_medical .medicalbox .items h3 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 1300px) {
  #about_medical .medicalbox .items h3 {
    width: calc(100% - 20px);
  }
}
#about_medical .medicalbox .items a {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  margin: 0;
  width: 100px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1300px) {
  #about_medical .medicalbox .items a {
    width: 20px;
  }
}
#about_medical .medicalbox .items a p {
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-right: 20px;
}
@media only screen and (max-width: 1300px) {
  #about_medical .medicalbox .items a p {
    display: none;
  }
}
#about_medical .medicalbox .items a i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
}
#about_medical .medicalbox .items a i::after {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}
#about_medical .medicalbox .items ul {
  margin-bottom: 30px;
}
#about_medical .medicalbox .items ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0;
}
#about_medical .medicalbox .items ul li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  #about_medical .medicalbox .items ul li:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#about_medical .medicalbox .items ul li:first-child b {
  margin-right: 10px;
  display: inline-block;
  font-weight: lighter;
}
#about_medical .medicalbox .items ul li:first-child p:first-child {
  margin-right: 40px;
  position: relative;
}
#about_medical .medicalbox .items ul li:first-child p:first-child::after {
  content: "";
  width: 2px;
  height: 13px;
  display: inline-block;
  position: absolute;
  background: #d6d6d6;
  right: -21px;
  top: 5px;
}
@media only screen and (max-width: 600px) {
  #about_medical .medicalbox .items ul li:first-child p:first-child::after {
    display: none;
  }
}

.about .recruitbox {
  width: 80%;
  margin: 0 auto 100px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  .about .recruitbox {
    width: 90%;
  }
}
.about .recruitbox .items {
  text-align: center;
}
.about .recruitbox .items:not(:last-child) {
  margin-bottom: 190px;
}
@media only screen and (max-width: 900px) {
  .about .recruitbox .items:not(:last-child) {
    margin-bottom: 130px;
  }
}
.about .recruitbox .items:nth-child(2n-1) .img {
  padding: 0 5%;
}
.about .recruitbox .items .h4 {
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0 0 15px;
}
.about .recruitbox .items .h5 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
}
.about .recruitbox .items .p {
  font-size: 1rem;
  line-height: 1.875rem;
  margin: 0;
}
@media only screen and (max-width: 500px) {
  .about .recruitbox .items .p {
    text-align: justify;
  }
}
.about .recruitbox .items > div {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .about .recruitbox .items .img {
    margin-bottom: 40px;
  }
}
.about .recruitbox .items .img img {
  opacity: 0;
}
.about .recruitbox .items .img img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.about .recruitbox .items .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 650px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.about .recruitbox .items .txt.show {
  -webkit-transition: all 0.5s 0.3s;
  -o-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s;
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  .about .recruitbox .items .txt {
    width: 80%;
  }
}
@media only screen and (max-width: 1024px) {
  .about .recruitbox .items .txt {
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: auto;
    top: auto;
    margin: 0 auto;
  }
}
.about .recruitbox .items.white .txt {
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .about .recruitbox .items.white .txt {
    color: #000;
  }
}
.about .recruitbox .items.popen .h5 {
  margin-bottom: 40px;
}
.about .recruitbox .items.pdown > div {
  margin-bottom: 70px;
}
.about .recruitbox .items.pdown .p {
  width: 650px;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1200px) {
  .about .recruitbox .items.pdown .p {
    width: 80%;
  }
}
.about .recruitbox .items.pup .h5 {
  margin-bottom: 70px;
}

#about_recruit .hrefbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  #about_recruit .hrefbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#about_recruit .hrefbox a {
  padding: 20px 60px;
  color: #fff;
  margin: 0 5px;
}
@media only screen and (max-width: 600px) {
  #about_recruit .hrefbox a {
    margin: 0;
  }
}
#about_recruit .hrefbox a p {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin: 0;
}
#about_recruit .hrefbox a:first-child {
  background: #53b67f;
}
@media only screen and (max-width: 600px) {
  #about_recruit .hrefbox a:first-child {
    margin: 0 0 20px;
  }
}
#about_recruit .hrefbox a:last-child {
  background: #3f85d1;
}

#about_recruit .single-item {
  padding: 0 80px;
}
@media only screen and (max-width: 800px) {
  #about_recruit .single-item {
    padding: 0;
  }
}

#about_recruit .video-item iframe {
  width: 100%;
  height: 720px;
}
@media only screen and (max-width: 1200px) {
  #about_recruit .video-item iframe {
    height: 40vh;
  }
}

#about_recruit .slick-dots {
  position: static;
  margin: 50px auto 0;
}
#about_recruit .slick-dots li button:before {
  font-size: 40px;
}

#about_csr .main .content .brandbox {
  max-width: 1000px;
  margin: auto;
}
#about_csr .main .content .brandbox .type {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#about_csr .main .content .brandbox .type:nth-child(odd) dl:before {
  color: #3a8be3;
}
#about_csr .main .content .brandbox .type:nth-child(even) dl:before {
  color: #53b67f;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
#about_csr .main .content .brandbox .type b {
  font-weight: bold;
}
#about_csr .main .content .brandbox .type dl {
  text-align: left;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #about_csr .main .content .brandbox .type dl {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
#about_csr .main .content .brandbox .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#about_csr .main .content .brandbox .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#about_csr .main .content .brandbox .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#about_csr .main .content .brandbox .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #about_csr .main .content .brandbox .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#about_csr .main .content .brandbox .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #about_csr .main .content .brandbox .type .img-box figure {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#about_csr .main .content .brandbox .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#about_csr .main .content .brandbox .type .img-box img {
  opacity: 0;
}
#about_csr .main .content .brandbox .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#about_csr .main .content .brandbox .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 0;
  }
}
#about_csr .main .content .brandbox .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type.wp .img-box {
    width: 100%;
  }
}
#about_csr .main .content .brandbox .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type.pw {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#about_csr .main .content .brandbox .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-left: 50px;
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  #about_csr .main .content .brandbox .type.pw dl {
    padding: 0;
    margin: 0;
  }
}
#about_csr .main .content .brandbox .type.pw dl:before {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-bottom: 50px;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type.pw dl:before {
    position: absolute;
    top: 0;
    left: -60px;
    margin-bottom: 0;
    -webkit-transform: translate(-35px, -25%);
    -ms-transform: translate(-35px, -25%);
    transform: translate(-35px, -25%);
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  #about_csr .main .content .brandbox .type.pw dl:before {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto 30px;
  }
}
#about_csr .main .content .brandbox .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #about_csr .main .content .brandbox .type.pw .img-box {
    width: 100%;
  }
}

#product .main .content > .txt {
  line-height: 200%;
}
#product .main .content > .txt dl dt {
  margin-bottom: 15px;
}

#product .main .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #666666;
  padding: 40px 0;
}
@media only screen and (max-width: 600px) {
  #product .main .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#product .main .share time {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 2.25rem;
}
#product .main .share .breadcrumbs {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#product .main .share .breadcrumbs li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  #product .main .share .breadcrumbs li {
    margin: 0 0 14px;
  }
}

#product .main .soc {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#product .main .soc li {
  margin-left: 25px;
}
@media only screen and (max-width: 600px) {
  #product .main .soc li {
    margin: 25px 25px 0 0;
  }
}
#product .main .soc li p {
  font-weight: bold;
}
#product .main .soc li a:hover span {
  opacity: 1;
  color: #004ea2;
}
#product .main .soc li a span {
  font-size: 1.25rem;
  opacity: 0.3;
}

#product .product-list-cover {
  background: #f5f5f5;
  padding-top: 80px;
}
#product .product-list-cover .product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 1280px;
  margin: auto;
  text-align: center;
}
#product .product-list-cover .product-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 35px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #product .product-list-cover .product-list li {
    padding: 35px 5px;
  }
}
#product .product-list-cover .product-list li:not(:last-child):after {
  content: "";
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  width: 1px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#product .product-list-cover .product-list li:before {
  content: "";
  border-bottom: 6px solid;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#product .product-list-cover .product-list li.p01:before,
#product .product-list-cover .product-list li.p04:before {
  border-color: #3a7abf;
}
#product .product-list-cover .product-list li.p02:before {
  border-color: #555555;
}
#product .product-list-cover .product-list li.p03:before {
  border-color: #53b67f;
}
#product .product-list-cover .product-list li.p05:before {
  border-color: #e7af05;
}
#product .product-list-cover .product-list li:hover:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product .product-list-cover .product-list li a {
  display: block;
  text-align: center;
}
#product .product-list-cover .product-list li a img {
  max-width: 64px;
}
#product .product-list-cover .product-list li a p {
  font-weight: bold;
}

#product.product .main {
  padding-top: 150px;
  max-width: calc(1280px + 170px);
}
#product.product .main .banner {
  position: static;
  height: auto;
}
#product.product .main .top dl dt {
  color: #201b1b;
}
#product.product .main .top dl dd {
  max-width: 610px;
}
#product.product .main .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#product.product .main .list-box .cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
#product.product .main .list-box .cover:nth-child(odd) {
  padding-right: 170px;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .cover:nth-child(odd) {
    padding-right: 70px;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .cover:nth-child(odd) {
    padding: 0;
  }
}
#product.product .main .list-box .cover:nth-child(even) {
  padding-left: 170px;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .cover:nth-child(even) {
    padding-left: 70px;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .cover:nth-child(even) {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#product.product .main .list-box .list {
  width: 46%;
  position: relative;
  margin: 4% 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .list {
    width: 48%;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .list {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .list {
    padding-bottom: 50px;
  }
  #product.product .main .list-box .list:nth-child(odd) {
    padding-right: 50px;
  }
  #product.product .main .list-box .list:nth-child(even) {
    padding-left: 50px;
  }
}
#product.product .main .list-box .list .img-box {
  max-height: 700px;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .list .img-box {
    max-height: none;
  }
}
#product.product .main .list-box .list .img-box img {
  display: block;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#product.product .main .list-box .list .img-box img.show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product.product .main .list-box .list .txt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 90px 80px;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#product.product .main .list-box .list .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .list .txt {
    padding: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  #product.product .main .list-box .list .txt {
    padding: 35px;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .list .txt {
    position: static;
    padding: 35px 0;
  }
}
#product.product .main .list-box .list:before {
  content: "";
  background: rgba(0, 78, 162, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #product.product .main .list-box .list:before {
    display: none;
  }
}
#product.product .main .list-box .list.w2 {
  width: 100%;
}
#product.product .main .list-box .list.w2 dl {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .list.w2 dl {
    width: 100%;
  }
}
#product.product .main .list-box .list.w2 .btn {
  position: static;
  margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .list.w2 .btn {
    margin-top: 30px;
  }
}
#product.product .main .list-box .list:hover:before {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#product.product .main .list-box .list:hover dl {
  color: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 600px) {
  #product.product .main .list-box .list:hover dl {
    color: #000;
  }
}
#product.product .main .list-box .list:hover dl .title02-eng2 {
  color: #fff;
}
@media only screen and (max-width: 600px) {
  #product.product .main .list-box .list:hover dl .title02-eng2 {
    color: #000;
  }
}
#product.product .main .list-box .list .title02-eng2 {
  color: #5c5c5c;
}
#product.product .main .list-box .list .title02 {
  font-weight: bold;
  margin: 20px 0 45px;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .list .title02 {
    margin: 10px 0 20px;
  }
}
#product.product .main .list-box .list dl {
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.product .main .list-box .list dl dd {
  line-height: 200%;
}
#product.product .main .list-box .list .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 40px;
  border: none;
  color: #ffffff;
}
@media only screen and (max-width: 1200px) {
  #product.product .main .list-box .list .btn {
    padding: 15px 30px;
  }
}
@media only screen and (max-width: 800px) {
  #product.product .main .list-box .list .btn {
    position: static;
    margin-top: 30px;
  }
}
#product.product .main .list-box .list .btn span {
  padding: 4px;
}
#product.product .main .list-box .list .btn span:first-child {
  font-weight: bold;
}

#product.series .main .content {
  padding: 0;
  max-width: 1440px;
}
@media only screen and (max-width: 1400px) {
  #product.series .main .content {
    padding: 0 5%;
  }
}
#product.series .main .content > .txt {
  line-height: 200%;
}
#product.series .main .content > .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 44px 0 85px;
}
#product.series .main .content > .txt ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 20px 30px;
}
#product.series .main .content > .txt ul li:hover a {
  color: #666666;
}
#product.series .main .content > .txt ul li:hover a::before {
  width: 100%;
  left: 0;
}
#product.series .main .content > .txt ul li a {
  padding: 10px 0;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#product.series .main .content > .txt ul li a:hover {
  font-weight: bold;
  -webkit-transform: all 0.3s;
  -ms-transform: all 0.3s;
  transform: all 0.3s;
}
#product.series .main .content > .txt ul li:not(:last-child) {
  position: relative;
}
#product.series .main .content > .txt ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 8px;
  background: #666666;
}

#product.series .main .list-box {
  overflow: hidden;
}
#product.series .main .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 100px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series .main .list-box .list.show {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
#product.series .main .list-box .list:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
}
#product.series .main .list-box .list:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list:nth-child(even) {
    padding-right: 50px;
  }
}
#product.series .main .list-box .list:nth-child(even).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#product.series .main .list-box .list:nth-child(even) .img-box {
  margin-right: 80px;
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list:nth-child(even) .img-box {
    margin: 0;
  }
}
#product.series .main .list-box .list:nth-child(odd) {
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list:nth-child(odd) {
    padding-left: 50px;
  }
}
#product.series .main .list-box .list:nth-child(odd).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#product.series .main .list-box .list:nth-child(odd) .img-box {
  margin-left: 80px;
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list:nth-child(odd) .img-box {
    margin: 0;
  }
}
#product.series .main .list-box .list .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 480px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list .img-box {
    height: auto;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
#product.series .main .list-box .list .img-box img {
  display: block;
  max-width: none;
  width: auto;
  min-height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series .main .list-box .list .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list .img-box img {
    max-width: 100%;
    width: 100%;
    min-height: auto;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
#product.series .main .list-box .list .txt {
  width: 50%;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 12%;
}
@media only screen and (max-width: 800px) {
  #product.series .main .list-box .list .txt {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 40px 50px;
  }
}
#product.series .main .list-box .list .txt .title02 {
  font-weight: bold;
}
#product.series .main .list-box .list .txt dl {
  max-width: 100%;
  text-align: left;
}
#product.series .main .list-box .list .txt dl dt,
#product.series .main .list-box .list .txt dl dd {
  line-height: 150%;
}
#product.series .main .list-box .list .txt dl dd {
  margin: 42px 0;
}
#product.series .main .list-box .list .txt button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  border: none;
  color: #ffffff;
  position: relative;
}
#product.series .main .list-box .list .txt button:after {
  content: "";
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#product.series .main .list-box .list .txt button span {
  padding: 4px;
}
#product.series .main .list-box .list .txt button span:first-child {
  font-weight: bold;
}

#product.series_list .main {
  padding: 130px 0 0;
}
#product.series_list .main .banner {
  display: none;
}
#product.series_list .main .top {
  max-width: 1280px;
}
#product.series_list .main .top dl.left {
  text-align: left;
}
#product.series_list .main .top dl.left dd {
  margin-left: 0;
}
#product.series_list .main .top dl.right {
  text-align: right;
}
#product.series_list .main .top dl.right dd {
  margin-right: 0;
}
#product.series_list .main .content {
  padding: 0;
  max-width: 1280px;
}
@media only screen and (max-width: 1300px) {
  #product.series_list .main .content {
    padding: 0 5%;
  }
}
#product.series_list .main .content > .txt {
  line-height: 200%;
}
#product.series_list .main .content .DropdownList {
  padding: 45px 0;
}
#product.series_list .main .content .DropdownList .menulist {
  background: #ecebeb;
}
#product.series_list .main .content .DropdownList .menulist span:after {
  border-top-color: #000000;
}
@media only screen and (max-width: 600px) {
  #product.series_list .main .content .DropdownList .menulist span:after {
    right: auto;
    top: 80%;
  }
}
#product.series_list .main .content .DropdownList .menulist p {
  color: #000000;
  text-align: center;
  padding: 0 20px;
}
@media only screen and (max-width: 600px) {
  #product.series_list .main .content .DropdownList .menulist p {
    padding: 5px 10px;
  }
}
#product.series_list .main .content .DropdownList .menulist ul {
  background: #dedede;
}
#product.series_list .main .content .DropdownList .menulist ul li:hover {
  background: #ecebeb;
}
#product.series_list .main .content .DropdownList .menulist ul li:after {
  display: none;
}
#product.series_list .main .content .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#product.series_list .main .content .list-box .list li {
  width: calc(100% / 5);
}
@media only screen and (max-width: 1024px) {
  #product.series_list .main .content .list-box .list li {
    width: calc(100% / 4);
  }
}
@media only screen and (max-width: 800px) {
  #product.series_list .main .content .list-box .list li {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 600px) {
  #product.series_list .main .content .list-box .list li {
    width: calc(100% / 2);
  }
}
#product.series_list .main .content .list-box .list li a {
  border: 9px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 310px;
  margin: auto;
  display: block;
}
#product.series_list .main .content .list-box .list li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#product.series_list .main .content .list-box .list li a:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_list .main .content .list-box .list li .item-box {
  display: block;
  margin: auto;
  overflow: hidden;
}
#product.series_list .main .content .list-box .list li .item-box img {
  width: 250px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#product.series_list .main .content .list-box .list li .item-box img.show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product.series_list .main .content .list-box .list li .txt {
  padding: 30px 0 115px;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#product.series_list .main .content .list-box .list li .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product.series_list .main .content .list-box .list li .txt .en {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.25rem;
  margin-bottom: 18px;
}
#product.series_list .main .content .list-box .list li .txt .ch {
  font-size: 1rem;
}

#product.series_info .main .show01 {
  max-width: 1020px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #product.series_info .main .show01 {
    padding: 0 5%;
  }
}
#product.series_info .main .show01 .txt {
  text-align: center;
  margin-top: 60px;
}
#product.series_info .main .show01 .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#product.series_info .main .show01 .txt ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 20px 30px;
}
#product.series_info .main .show01 .txt ul li:hover a {
  color: #666666;
}
#product.series_info .main .show01 .txt ul li:hover a::before {
  width: 100%;
  left: 0;
}
#product.series_info .main .show01 .txt ul li a {
  padding: 10px 0;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#product.series_info .main .show01 .txt ul li a:hover {
  font-weight: bold;
  -webkit-transform: all 0.3s;
  -ms-transform: all 0.3s;
  transform: all 0.3s;
}
#product.series_info .main .show01 .txt ul li:not(:last-child) {
  position: relative;
}
#product.series_info .main .show01 .txt ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 8px;
  background: #666666;
}
#product.series_info .main .show01 .features-cover {
  margin-bottom: 100px;
}
#product.series_info .main .show01 .features-cover .products-pic {
  width: 100%;
  margin-bottom: 95px;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show01 .features-cover .products-pic {
    margin-bottom: 30px;
  }
}
#product.series_info .main .show01 .features-cover .products-pic img {
  width: 360px;
  margin: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#product.series_info .main .show01 .features-cover .products-pic img.show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product.series_info .main .show01 .features-cover .t-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show01 .features-cover .t-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#product.series_info .main .show01 .features-cover .features-txt {
  max-width: 840px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 200%;
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  margin: 0 auto;
}
#product.series_info .main .show01 .features-cover .features-txt.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show01 .features-cover .features-txt {
    width: 100%;
  }
}
#product.series_info .main .show01 .features-cover .features-txt .t {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0 30px;
}
#product.series_info .main .show01 .features-cover .features-txt ul {
  padding: 30px 0;
}
#product.series_info .main .show01 .features-cover .features-txt ul li {
  list-style-type: decimal;
  list-style-position: inside;
}
#product.series_info .main .show01 .features-cover .features-list {
  width: 45%;
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
  opacity: 0;
  margin-left: 10%;
}
#product.series_info .main .show01 .features-cover .features-list.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show01 .features-cover .features-list {
    width: 100%;
    margin: 0;
  }
}
#product.series_info .main .show01 .features-cover .features-list li {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#product.series_info
  .main
  .show01
  .features-cover
  .features-list
  li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
#product.series_info
  .main
  .show01
  .features-cover
  .features-list
  li
  > span:first-child {
  min-width: 100px;
  margin-right: 10px;
}
#product.series_info
  .main
  .show01
  .features-cover
  .features-list
  li
  .star-rating {
  unicode-bidi: bidi-override;
  color: #cccccc;
  font-size: 0;
  height: 25px;
  position: relative;
  display: table;
  padding: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#product.series_info
  .main
  .show01
  .features-cover
  .features-list
  li
  .star-rating
  span {
  padding: 5px;
  font-size: 20px;
}
#product.series_info
  .main
  .show01
  .features-cover
  .features-list
  li
  .star-rating-top {
  color: #333333;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}
#product.series_info
  .main
  .show01
  .features-cover
  .features-list
  li
  .star-rating-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

#product.series_info .main .show02 {
  background: #f3f3f3;
}
#product.series_info .main .show02 .content {
  max-width: 1020px;
  margin: auto;
}
#product.series_info .main .show02 .content > .txt {
  margin-bottom: 50px;
}
#product.series_info .main .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #product.series_info .main .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#product.series_info .main .show02 .type b {
  font-weight: bold;
}
#product.series_info .main .show02 .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show02 .type dl {
    padding: 0 20px !important;
  }
}
#product.series_info .main .show02 .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#product.series_info .main .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#product.series_info .main .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#product.series_info .main .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#product.series_info .main .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show02 .type .img-box figure {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#product.series_info .main .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#product.series_info .main .show02 .type .img-box img {
  opacity: 0;
}
#product.series_info .main .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#product.series_info .main .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #product.series_info .main .show02 .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 90px;
  }
}
#product.series_info .main .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #product.series_info .main .show02 .type.wp .img-box {
    width: 100%;
  }
}
#product.series_info .main .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#product.series_info .main .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 50px;
}
@media only screen and (max-width: 800px) {
  #product.series_info .main .show02 .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 90px;
  }
}
#product.series_info .main .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #product.series_info .main .show02 .type.pw .img-box {
    width: 100%;
  }
}

#product.series_info .main .show03 {
  max-width: 1280px;
  margin: auto;
  text-align: center;
  padding: 100px 0;
}
#product.series_info .main .show03 > .txt {
  line-height: 200%;
}
#product.series_info .main .show03 > .txt dl dt {
  margin-bottom: 15px;
}
#product.series_info .main .show03 .others {
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show03 .others {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
#product.series_info .main .show03 .others .slick-slider {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show03 .others .slick-slider {
    width: 100%;
    padding: 30px;
  }
}
#product.series_info .main .show03 .others .slick-slider:first-child:after {
  content: "";
  border-left: 1px solid #cccccc;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #product.series_info .main .show03 .others .slick-slider:first-child:after {
    border-left: none;
    border-top: 1px solid #cccccc;
    top: 100%;
    right: 0;
    width: 100%;
    height: 1px;
  }
}
#product.series_info .main .show03 .others .slick-slider .slick-slide a {
  display: block;
  max-width: 250px;
  margin: auto;
}
#product.series_info .main .show03 .others .slick-slider img {
  max-width: 250px;
  margin: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#product.series_info .main .show03 .others .slick-slider img.show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product.series_info .main .show03 .others .slick-slider .txt {
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#product.series_info .main .show03 .others .slick-slider .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#product.series_info .main .show03 .others .slick-slider .txt .en {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.25rem;
  margin-bottom: 18px;
}
#product.series_info .main .show03 .others .slick-slider .txt .ch {
  font-size: 1rem;
}
#product.series_info .main .show03 .others .slick-dots {
  position: static;
  margin: 50px auto 0;
}
#product.series_info .main .show03 .btn-box-out {
  max-width: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#product.series_info .main .show03 .btn-box-out a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 0 40px;
}
#product.series_info .main .show03 .btn-box-out a span {
  color: #ffffff;
}
#product.series_info .main .show03 .btn-box-out .green {
  background: #53b67f;
}
#product.series_info .main .show03 .btn-box-out .blue {
  background: #3f85d1;
}
#product.series_info .main .show03 .btn-box-out .yellow {
  background: #d4a000;
}

#product.series_article .main {
  padding: 0;
}
#product.series_article .main .content {
  padding: 0;
  max-width: 1280px;
}
@media only screen and (max-width: 1300px) {
  #product.series_article .main .content {
    padding: 0 5%;
  }
}
#product.series_article .main .content .share {
  max-width: 1022px;
  margin: auto;
}
#product.series_article .main .content > .txt {
  max-width: 1022px;
  margin: auto;
}
#product.series_article .main .content > .txt dl dt {
  line-height: 200%;
}
#product.series_article .main .content > .txt dl dd {
  line-height: 200%;
  max-width: 830px;
  margin: 44px auto 0;
}
#product.series_article .main .content > .txt .btn-box-out {
  max-width: none;
}
@media only screen and (max-width: 600px) {
  #product.series_article .main .content > .txt .btn-box-out {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#product.series_article .main .content > .txt .btn-box-out a {
  color: #fff;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 20px;
}
#product.series_article .main .content > .txt .btn-box-out .blue {
  background: #3a8be3;
}
#product.series_article .main .content > .txt .btn-box-out .basic {
  background: #5c5c5c;
}
#product.series_article .main .content .list-box .txt .title02-eng2 {
  color: #5c5c5c;
  margin-bottom: 18px;
}
#product.series_article .main .content .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#product.series_article .main .content .list-box .list li {
  width: calc(50% - 40px);
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 1024px) {
  #product.series_article .main .content .list-box .list li {
    width: 100%;
  }
}
#product.series_article .main .content .list-box .list li:nth-child(odd) {
  margin-right: 80px;
}
@media only screen and (max-width: 1024px) {
  #product.series_article .main .content .list-box .list li:nth-child(odd) {
    margin: 0;
  }
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):last-child,
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):nth-last-child(2) {
  border: none;
}
@media only screen and (max-width: 1024px) {
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(odd):last-child,
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(odd):nth-last-child(2) {
    border-bottom: 1px solid #cccccc;
  }
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(odd)
  a
  button {
  color: #4aa371;
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):hover
  .txt
  dl
  dt {
  color: #4aa371;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):hover
  a
  button:after {
  background: #4aa371;
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(even):last-child {
  border: none;
}
@media only screen and (max-width: 1024px) {
  #product.series_article .main .content .list-box .list li:nth-child(even) a {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  #product.series_article .main .content .list-box .list li:nth-child(even) a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
@media only screen and (max-width: 1024px) {
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(even)
    a
    .txt {
    padding-left: 0 !important;
    padding-right: 40px !important;
  }
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(even)
  a
  button {
  color: #d4a000;
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(even):hover
  .txt
  dl
  dt {
  color: #d4a000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article
  .main
  .content
  .list-box
  .list
  li:nth-child(even):hover
  a
  button:after {
  background: #d4a000;
}
#product.series_article .main .content .list-box .list li:nth-child(4n + 3) a,
#product.series_article .main .content .list-box .list li:nth-child(4n + 4) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  #product.series_article .main .content .list-box .list li:nth-child(4n + 3) a,
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 4)
    a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 1300px) {
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 3)
    a
    .txt,
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 4)
    a
    .txt {
    padding-left: 0;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 3)
    a
    .txt,
  #product.series_article
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 4)
    a
    .txt {
    padding-left: 0;
    padding-right: 0;
  }
}
#product.series_article .main .content .list-box .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 70px 0;
}
@media only screen and (max-width: 600px) {
  #product.series_article .main .content .list-box .list li a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding-bottom: 0;
  }
}
#product.series_article .main .content .list-box .list li a .img-box {
  width: 60%;
  max-width: 320px;
  max-height: 320px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #product.series_article .main .content .list-box .list li a .img-box {
    width: 100%;
  }
}
#product.series_article .main .content .list-box .list li a .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#product.series_article .main .content .list-box .list li a .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#product.series_article .main .content .list-box .list li a .txt {
  width: 40%;
  text-align: left;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#product.series_article .main .content .list-box .list li a .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 1300px) {
  #product.series_article .main .content .list-box .list li a .txt {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #product.series_article .main .content .list-box .list li a .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 600px) {
  #product.series_article .main .content .list-box .list li a .txt {
    width: 100%;
    padding: 40px 0;
  }
}
#product.series_article .main .content .list-box .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article .main .content .list-box .list li a .txt dl dd {
  padding: 50px 0 80px;
  line-height: 150%;
}
@media only screen and (max-width: 600px) {
  #product.series_article .main .content .list-box .list li a .txt dl dd {
    padding-bottom: 50px;
  }
}
#product.series_article .main .content .list-box .list li a .txt button {
  text-transform: uppercase;
  width: auto;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  float: right;
  position: relative;
  z-index: 1;
}
#product.series_article .main .content .list-box .list li a .txt button:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article .main .content .list-box .list li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article .main .content .list-box .list li a:hover button {
  width: 160px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article .main .content .list-box .list li a:hover button:after {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#product.series_article_info .main {
  padding: 130px 0 0;
}

#product.series_article_info .breadcrumbs li:first-child {
  padding-left: 0;
}

#product.series_article_info .show01 {
  max-width: 1280px;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  #product.series_article_info .show01 {
    padding: 0 5%;
  }
}
#product.series_article_info .show01 .txt {
  max-width: calc(1280px - 260px);
  margin: auto;
  position: relative;
  padding: 60px 90px;
  border-bottom: 6px solid #d9d9d9;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show01 .txt {
    padding: 30px 0;
  }
}
#product.series_article_info .show01 .txt .page-title {
  line-height: 120%;
  padding-bottom: 22px;
}

#product.series_article_info .show02 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #product.series_article_info .show02 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 {
    padding: 40px 5%;
  }
}
#product.series_article_info .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#product.series_article_info .show02 .type b {
  font-weight: bold;
}
#product.series_article_info .show02 .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show02 .type dl {
    padding: 0 20px;
  }
}
#product.series_article_info .show02 .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#product.series_article_info .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#product.series_article_info .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#product.series_article_info .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#product.series_article_info .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show02 .type .img-box figure {
    width: 100%;
  }
}
#product.series_article_info .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#product.series_article_info .show02 .type .img-box img {
  opacity: 0;
}
#product.series_article_info .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#product.series_article_info .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 90px;
  }
}
#product.series_article_info .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .type.wp .img-box {
    width: 100%;
  }
}
#product.series_article_info .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#product.series_article_info .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 90px;
  }
}
#product.series_article_info .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .type.pw .img-box {
    width: 100%;
  }
}
#product.series_article_info .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .link-box {
    padding: 50px 0 0;
  }
}
#product.series_article_info .show02 .link-box .link p {
  font-size: 1.5rem;
}
#product.series_article_info .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
#product.series_article_info .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#product.series_article_info .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#product.series_article_info .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
#product.series_article_info .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#product.series_article_info .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}
#product.series_article_info .show02 .link-box .soc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#product.series_article_info .show02 .link-box .soc li {
  margin: 15px;
}

#product.series_article_info .show03 {
  background: #f2f2f2;
}
#product.series_article_info .show03 .btn-box {
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1200px) {
  #product.series_article_info .show03 .btn-box {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .btn-box {
    position: relative;
    padding-top: 180px;
  }
}
#product.series_article_info .show03 .btn-box li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#product.series_article_info .show03 .btn-box li.Back {
  text-align: center;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .btn-box li.Back {
    position: absolute;
    top: 0;
  }
}
#product.series_article_info .show03 .btn-box li.Back .txt {
  opacity: 1;
}
#product.series_article_info .show03 .btn-box li.Back:hover {
  opacity: 1;
}
#product.series_article_info .show03 .btn-box li.Next {
  text-align: right;
}
#product.series_article_info .show03 .btn-box li a {
  display: block;
  padding: 100px 0 60px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .btn-box li a {
    padding: 10px 0;
  }
}
#product.series_article_info .show03 .btn-box li a:after {
  content: "";
  border-bottom: 6px solid #e8e8e8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .btn-box li a:after {
    border: none;
  }
}
#product.series_article_info .show03 .btn-box li a:hover:after {
  border-bottom: 10px solid #dcaa10;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#product.series_article_info .show03 .btn-box li a:hover .txt {
  opacity: 1;
}
#product.series_article_info .show03 .btn-box li .txt {
  padding: 0 32px 40px;
  opacity: 0.5;
}
#product.series_article_info .show03 .btn-box li .txt p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 150%;
}
#product.series_article_info .show03 .btn-box li .txt time {
  display: block;
  margin-bottom: 30px;
}
#product.series_article_info .show03 .btn-box li .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#product.series_article_info .show03 .btn-box li .txt time .month,
#product.series_article_info .show03 .btn-box li .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#product.series_article_info
  .show03
  .btn-box
  li
  .txt
  time
  span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#product.series_article_info .show03 .btn-box li .btn {
  font-size: 1.5rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#product.series_article_info .show03 .others {
  max-width: 1280px;
  margin: auto;
  padding: 140px 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  #product.series_article_info .show03 .others {
    padding: 140px 5%;
  }
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show03 .others {
    padding: 50px 5%;
  }
}
#product.series_article_info .show03 .others > p {
  font-size: 1.5rem;
}
#product.series_article_info .show03 .others .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#product.series_article_info .show03 .others .list li {
  padding-right: 80px;
}
@media only screen and (max-width: 1024px) {
  #product.series_article_info .show03 .others .list li {
    padding-right: 5px;
  }
}
#product.series_article_info .show03 .others .list li a button {
  color: #4aa371;
}
#product.series_article_info .show03 .others .list li:hover .txt dl dt {
  color: #4aa371;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .list li:hover a button:after {
  background: #4aa371;
}
#product.series_article_info .show03 .others .list li:nth-child(even) a button {
  color: #d4a000;
}
#product.series_article_info
  .show03
  .others
  .list
  li:nth-child(even):hover
  .txt
  dl
  dt {
  color: #d4a000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info
  .show03
  .others
  .list
  li:nth-child(even):hover
  a
  button:after {
  background: #d4a000;
}
#product.series_article_info .show03 .others .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 70px 0;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .others .list li a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding-bottom: 0;
  }
}
#product.series_article_info .show03 .others .list li a .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 320px;
  max-height: 320px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .others .list li a .img-box {
    width: 100%;
  }
}
#product.series_article_info .show03 .others .list li a .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .list li a .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  padding-left: 40px;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .others .list li a .txt {
    padding: 40px 0;
  }
}
#product.series_article_info .show03 .others .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .list li a .txt dl dd {
  padding: 50px 0 80px;
  line-height: 150%;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .others .list li a .txt dl dd {
    padding-bottom: 50px;
  }
}
#product.series_article_info .show03 .others .list li a .txt button {
  text-transform: uppercase;
  width: auto;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  float: right;
  position: relative;
  z-index: 1;
}
#product.series_article_info .show03 .others .list li a .txt button:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .list li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .list li a:hover button {
  width: 160px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .list li a:hover button:after {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#product.series_article_info .show03 .others .slick-dots li {
  padding: 0;
}
#product.series_article_info .show03 .Arrow-box {
  position: absolute;
  top: 100px;
  right: 0;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  #product.series_article_info .show03 .Arrow-box {
    right: 5%;
  }
}
@media only screen and (max-width: 800px) {
  #product.series_article_info .show03 .Arrow-box {
    top: 50px;
  }
}
#product.series_article_info .show03 .Arrow-box .Arrow {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  #product.series_article_info .show03 .Arrow-box .Arrow {
    display: none !important;
  }
}
#product.series_article_info .show03 .Arrow-box .Arrow:hover {
  opacity: 1;
}
#product.series_article_info .show03 .Arrow-box .Arrow span {
  font-size: 30px;
  color: #fff;
}
#product.series_article_info .show03 .Arrow-box .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#product.series_article_info .show03 .Arrow-box .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#doctor.column .main {
  padding: 0;
}
#doctor.column .main .content {
  padding: 100px 0 0;
  max-width: 1280px;
}
@media only screen and (max-width: 1300px) {
  #doctor.column .main .content {
    padding: 100px 5%;
  }
}
#doctor.column .main .content .share {
  max-width: 1022px;
  margin: auto;
}
#doctor.column .main .content > .txt {
  max-width: 840px;
  margin: auto;
}
#doctor.column .main .content > .txt dl dt {
  line-height: 200%;
}
#doctor.column .main .content > .txt dl dd {
  line-height: 200%;
  max-width: 830px;
  margin: 44px auto 0;
}
#doctor.column .main .content > .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 44px 0;
}
#doctor.column .main .content > .txt ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 20px 30px;
}
#doctor.column .main .content > .txt ul li:hover a {
  color: #666666;
}
#doctor.column .main .content > .txt ul li:hover a::before {
  width: 100%;
  left: 0;
}
#doctor.column .main .content > .txt ul li a {
  padding: 10px 0;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#doctor.column .main .content > .txt ul li a::before {
  content: "";
  width: 0%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#doctor.column .main .content > .txt ul li:nth-child(2n-1) a::before {
  background-color: #50a675;
}
#doctor.column .main .content > .txt ul li:nth-child(2n) a::before {
  background-color: #3a8be3;
}
#doctor.column .main .content > .txt ul li:not(:last-child) {
  position: relative;
}
#doctor.column .main .content > .txt ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 8px;
  background: #666666;
}
#doctor.column .main .content .list-box .txt .title02-eng2 {
  color: #5c5c5c;
  margin-bottom: 18px;
}
#doctor.column .main .content .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#doctor.column .main .content .list-box .list li {
  width: calc(50% - 40px);
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li {
    width: 100%;
  }
}
#doctor.column .main .content .list-box .list li:nth-child(odd) {
  margin-right: 80px;
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li:nth-child(odd) {
    margin: 0;
  }
}
#doctor.column .main .content .list-box .list li:nth-child(odd):last-child,
#doctor.column
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):nth-last-child(2) {
  border: none;
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li:nth-child(odd):last-child,
  #doctor.column
    .main
    .content
    .list-box
    .list
    li:nth-child(odd):nth-last-child(2) {
    border-bottom: 1px solid #cccccc;
  }
}
#doctor.column .main .content .list-box .list li:nth-child(odd) a button {
  color: #4aa371;
}
#doctor.column
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):hover
  .txt
  dl
  dt {
  color: #4aa371;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor.column
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):hover
  a
  button:after {
  background: #4aa371;
}
#doctor.column .main .content .list-box .list li:nth-child(even):last-child {
  border: none;
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li:nth-child(even) a {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  #doctor.column .main .content .list-box .list li:nth-child(even) a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li:nth-child(even) a .txt {
    padding-left: 0 !important;
    padding-right: 40px !important;
  }
}
#doctor.column .main .content .list-box .list li:nth-child(even) a button {
  color: #d4a000;
}
#doctor.column
  .main
  .content
  .list-box
  .list
  li:nth-child(even):hover
  .txt
  dl
  dt {
  color: #d4a000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor.column
  .main
  .content
  .list-box
  .list
  li:nth-child(even):hover
  a
  button:after {
  background: #d4a000;
}
#doctor.column .main .content .list-box .list li:nth-child(4n + 3) a,
#doctor.column .main .content .list-box .list li:nth-child(4n + 4) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li:nth-child(4n + 3) a,
  #doctor.column .main .content .list-box .list li:nth-child(4n + 4) a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 1300px) {
  #doctor.column .main .content .list-box .list li:nth-child(4n + 3) a .txt,
  #doctor.column .main .content .list-box .list li:nth-child(4n + 4) a .txt {
    padding-left: 0;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li:nth-child(4n + 3) a .txt,
  #doctor.column .main .content .list-box .list li:nth-child(4n + 4) a .txt {
    padding-left: 0;
    padding-right: 0;
  }
}
#doctor.column .main .content .list-box .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 70px 0;
}
@media only screen and (max-width: 600px) {
  #doctor.column .main .content .list-box .list li a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding-bottom: 0;
  }
}
#doctor.column .main .content .list-box .list li a .img-box {
  width: 60%;
  max-width: 320px;
  max-height: 320px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #doctor.column .main .content .list-box .list li a .img-box {
    width: 100%;
  }
}
#doctor.column .main .content .list-box .list li a .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#doctor.column .main .content .list-box .list li a .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#doctor.column .main .content .list-box .list li a .txt {
  width: 40%;
  text-align: left;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#doctor.column .main .content .list-box .list li a .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 1300px) {
  #doctor.column .main .content .list-box .list li a .txt {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #doctor.column .main .content .list-box .list li a .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 600px) {
  #doctor.column .main .content .list-box .list li a .txt {
    width: 100%;
    padding: 40px 0;
  }
}
#doctor.column .main .content .list-box .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor.column .main .content .list-box .list li a .txt dl dd {
  padding: 50px 0 80px;
  line-height: 150%;
}
@media only screen and (max-width: 600px) {
  #doctor.column .main .content .list-box .list li a .txt dl dd {
    padding-bottom: 50px;
  }
}
#doctor.column .main .content .list-box .list li a .txt button {
  text-transform: uppercase;
  width: auto;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  float: right;
  position: relative;
  z-index: 1;
}
#doctor.column .main .content .list-box .list li a .txt button:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor.column .main .content .list-box .list li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor.column .main .content .list-box .list li a:hover button {
  width: 160px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor.column .main .content .list-box .list li a:hover button:after {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#doctor.column_detail {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ecebeb;
  width: 100%;
  height: 700px;
}
@media only screen and (max-width: 800px) {
  #doctor.column_detail {
    height: 70vh;
  }
}

#doctor .main .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  #doctor .main .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
#doctor .main .share time {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 2.25rem;
}
#doctor .main .share .soc {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#doctor .main .share .soc li {
  margin-left: 25px;
}
@media only screen and (max-width: 600px) {
  #doctor .main .share .soc li {
    margin: 25px 25px 0 0;
  }
}

#doctor .main .soc {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#doctor .main .soc li p {
  font-weight: bold;
}
#doctor .main .soc li a:hover span {
  opacity: 1;
  color: #004ea2;
}
#doctor .main .soc li a span {
  font-size: 1.25rem;
  opacity: 0.3;
}

#doctor .main .show01 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show01 {
    padding: 0 5%;
  }
}
#doctor .main .show01 .txt {
  padding: 0 90px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show01 .txt {
    padding: 0;
  }
}
#doctor .main .show01 .txt.line {
  border-bottom: 6px solid #d9d9d9;
  padding: 60px 90px;
  margin-bottom: 60px;
}
#doctor .main .show01 .txt .page-title {
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
#doctor .main .show01 .txt p {
  letter-spacing: 1px;
}
#doctor .main .show01 .banner {
  margin: 30px auto;
  text-align: center;
  opacity: 0;
}
#doctor .main .show01 .banner.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#doctor .main .show01 .banner ul li p {
  margin: 30px 0;
}
#doctor .main .show01 .banner ul .slick-slide img {
  max-height: 600px;
  width: auto;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show01 .banner ul .slick-slide img {
    max-height: 40vh;
  }
}
#doctor .main .show01 .banner .slick-dots {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: -100px;
  top: 50%;
  bottom: auto;
  width: auto;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show01 .banner .slick-dots {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#doctor .main .show01 .banner .video-item .box {
  position: relative;
  padding: 56.25% 0 0;
}
#doctor .main .show01 .banner .video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#doctor .main .show02 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show02 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #doctor .main .show02 {
    padding: 40px 5%;
  }
}
#doctor .main .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #doctor .main .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#doctor .main .show02 .type b {
  font-weight: bold;
}
#doctor .main .show02 .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show02 .type dl {
    padding: 0 20px;
  }
}
#doctor .main .show02 .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#doctor .main .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#doctor .main .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
  word-break: break-all;
}
#doctor .main .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#doctor .main .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show02 .type .img-box figure {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#doctor .main .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#doctor .main .show02 .type .img-box img {
  opacity: 0;
}
#doctor .main .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#doctor .main .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-right: 50px;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show02 .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#doctor .main .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #doctor .main .show02 .type.wp .img-box {
    width: 100%;
  }
}
#doctor .main .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#doctor .main .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-left: 50px;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show02 .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#doctor .main .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #doctor .main .show02 .type.pw .img-box {
    width: 100%;
  }
}
#doctor .main .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #doctor .main .show02 .link-box {
    padding: 50px 0 0;
  }
}
#doctor .main .show02 .link-box .link p {
  font-size: 1.5rem;
}
#doctor .main .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #doctor .main .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
#doctor .main .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#doctor .main .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#doctor .main .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
#doctor .main .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#doctor .main .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}
#doctor .main .show02 .link-box .soc li {
  margin: 15px;
}

#doctor .main .show03 {
  background: #f2f2f2;
}
#doctor .main .show03 .btn-box {
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show03 .btn-box {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .btn-box {
    position: relative;
    padding-top: 180px;
  }
}
#doctor .main .show03 .btn-box li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#doctor .main .show03 .btn-box li.Back {
  text-align: center;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .btn-box li.Back {
    position: absolute;
    top: 0;
  }
}
#doctor .main .show03 .btn-box li.Back .txt {
  opacity: 1;
}
#doctor .main .show03 .btn-box li.Back:hover {
  opacity: 1;
}
#doctor .main .show03 .btn-box li.Next {
  text-align: right;
}
#doctor .main .show03 .btn-box li a {
  display: block;
  padding: 100px 0 60px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .btn-box li a {
    padding: 10px 0;
  }
}
#doctor .main .show03 .btn-box li a:after {
  content: "";
  border-bottom: 6px solid #e8e8e8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .btn-box li a:after {
    border: none;
  }
}
#doctor .main .show03 .btn-box li a:hover:after {
  border-bottom: 10px solid #dcaa10;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#doctor .main .show03 .btn-box li a:hover .txt {
  opacity: 1;
}
#doctor .main .show03 .btn-box li .txt {
  padding: 0 32px 40px;
  opacity: 0.5;
}
#doctor .main .show03 .btn-box li .txt p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 150%;
}
#doctor .main .show03 .btn-box li .txt time {
  display: block;
  margin-bottom: 30px;
}
#doctor .main .show03 .btn-box li .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#doctor .main .show03 .btn-box li .txt time .month,
#doctor .main .show03 .btn-box li .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#doctor .main .show03 .btn-box li .txt time span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#doctor .main .show03 .btn-box li .btn {
  font-size: 1.5rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#doctor .main .show03 .others {
  max-width: 1280px;
  margin: auto;
  padding: 140px 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show03 .others {
    padding: 140px 5%;
  }
}
@media only screen and (max-width: 800px) {
  #doctor .main .show03 .others {
    padding: 50px 5%;
  }
}
#doctor .main .show03 .others > p {
  font-size: 1.5rem;
}
#doctor .main .show03 .others .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#doctor .main .show03 .others .list li {
  padding-right: 80px;
}
@media only screen and (max-width: 1024px) {
  #doctor .main .show03 .others .list li {
    padding-right: 5px;
  }
}
#doctor .main .show03 .others .list li a button {
  color: #4aa371;
}
#doctor .main .show03 .others .list li:hover .txt dl dt {
  color: #4aa371;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li:hover a button:after {
  background: #4aa371;
}
#doctor .main .show03 .others .list li:nth-child(even) a button {
  color: #d4a000;
}
#doctor .main .show03 .others .list li:nth-child(even):hover .txt dl dt {
  color: #d4a000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li:nth-child(even):hover a button:after {
  background: #d4a000;
}
#doctor .main .show03 .others .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 70px 0;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .others .list li a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding-bottom: 0;
  }
}
#doctor .main .show03 .others .list li a .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 320px;
  max-height: 320px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .others .list li a .img-box {
    width: 100%;
  }
}
#doctor .main .show03 .others .list li a .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li a .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-align: left;
  padding-left: 40px;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .others .list li a .txt {
    padding: 40px 0;
  }
}
#doctor .main .show03 .others .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li a .txt dl dd {
  padding: 50px 0 80px;
  line-height: 150%;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .others .list li a .txt dl dd {
    padding-bottom: 50px;
  }
}
#doctor .main .show03 .others .list li a .txt button {
  text-transform: uppercase;
  width: auto;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  float: right;
  position: relative;
  z-index: 1;
}
#doctor .main .show03 .others .list li a .txt button:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li a:hover button {
  width: 160px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .list li a:hover button:after {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#doctor .main .show03 .others .slick-dots li {
  padding: 0;
}
#doctor .main .show03 .Arrow-box {
  position: absolute;
  top: 100px;
  right: 0;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  #doctor .main .show03 .Arrow-box {
    right: 5%;
  }
}
@media only screen and (max-width: 800px) {
  #doctor .main .show03 .Arrow-box {
    top: 50px;
  }
}
#doctor .main .show03 .Arrow-box .Arrow {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  #doctor .main .show03 .Arrow-box .Arrow {
    display: none !important;
  }
}
#doctor .main .show03 .Arrow-box .Arrow:hover {
  opacity: 1;
}
#doctor .main .show03 .Arrow-box .Arrow span {
  font-size: 30px;
  color: #fff;
}
#doctor .main .show03 .Arrow-box .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#doctor .main .show03 .Arrow-box .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#faq .main .item,
#faq .ans-box .item {
  border-top: 6px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding: 50px 0;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  #faq .main .item,
  #faq .ans-box .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0;
    margin: 150px 0 50px;
  }
}
#faq .main .item:before,
#faq .ans-box .item:before {
  content: "";
  width: 120px;
  height: 6px;
  border-top: 6px solid;
  position: absolute;
  top: -6px;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  #faq .main .item:before,
  #faq .ans-box .item:before {
    width: 60px;
  }
}
#faq .main .item:nth-child(4n + 1):before,
#faq .ans-box .item:nth-child(4n + 1):before {
  border-color: #2781e2;
}
#faq .main .item:nth-child(4n + 1) h4:before,
#faq .ans-box .item:nth-child(4n + 1) h4:before {
  background: #2781e2;
}
#faq .main .item:nth-child(4n + 1) ul li:hover a:after,
#faq .ans-box .item:nth-child(4n + 1) ul li:hover a:after {
  border-left-color: #2781e2;
}
#faq .main .item:nth-child(4n + 2):before,
#faq .ans-box .item:nth-child(4n + 2):before {
  border-color: #62bb8a;
}
#faq .main .item:nth-child(4n + 2) h4:before,
#faq .ans-box .item:nth-child(4n + 2) h4:before {
  background: #62bb8a;
}
#faq .main .item:nth-child(4n + 2) ul li:hover a:after,
#faq .ans-box .item:nth-child(4n + 2) ul li:hover a:after {
  border-left-color: #62bb8a;
}
#faq .main .item:nth-child(4n + 3):before,
#faq .ans-box .item:nth-child(4n + 3):before {
  border-color: #eac248;
}
#faq .main .item:nth-child(4n + 3) h4:before,
#faq .ans-box .item:nth-child(4n + 3) h4:before {
  background: #eac248;
}
#faq .main .item:nth-child(4n + 3) ul li:hover a:after,
#faq .ans-box .item:nth-child(4n + 3) ul li:hover a:after {
  border-left-color: #eac248;
}
#faq .main .item:nth-child(4n + 4):before,
#faq .ans-box .item:nth-child(4n + 4):before {
  border-color: #666666;
}
#faq .main .item:nth-child(4n + 4) h4:before,
#faq .ans-box .item:nth-child(4n + 4) h4:before {
  background: #666666;
}
#faq .main .item:nth-child(4n + 4) ul li:hover a:after,
#faq .ans-box .item:nth-child(4n + 4) ul li:hover a:after {
  border-left-color: #666666;
}
#faq .main .item h4,
#faq .ans-box .item h4 {
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  #faq .main .item h4,
  #faq .ans-box .item h4 {
    width: 100%;
    position: absolute;
    top: -90px;
    left: 0;
  }
}
#faq .main .item h4:before,
#faq .ans-box .item h4:before {
  content: "Q";
  font-size: 1.875rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 56px;
  color: #ffffff;
  margin-right: 30px;
}
@media only screen and (max-width: 600px) {
  #faq .main .item h4:before,
  #faq .ans-box .item h4:before {
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    margin-right: 20px;
  }
}
#faq .main .item ul,
#faq .ans-box .item ul {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  counter-reset: num;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
}
#faq .main .item ul.show,
#faq .ans-box .item ul.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1024px) {
  #faq .main .item ul,
  #faq .ans-box .item ul {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
#faq .main .item ul li,
#faq .ans-box .item ul li {
  padding: 22px 0 22px 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#faq .main .item ul li:before,
#faq .ans-box .item ul li:before {
  counter-increment: num;
  content: counter(num) ". ";
}
#faq .main .item ul li:not(:last-child),
#faq .ans-box .item ul li:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
#faq .main .item ul li:hover,
#faq .ans-box .item ul li:hover {
  color: #666666;
}
#faq .main .item ul li:hover a,
#faq .ans-box .item ul li:hover a {
  color: #666666;
}
#faq .main .item ul li a,
#faq .ans-box .item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-left: 10px;
}
#faq .main .item ul li a:after,
#faq .ans-box .item ul li a:after {
  content: "";
  display: block;
  width: 60px;
  height: 0;
  margin-left: 60px;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #000000;
}
@media only screen and (max-width: 600px) {
  #faq .main .item ul li a:after,
  #faq .ans-box .item ul li a:after {
    width: 30px;
    margin-left: 30px;
  }
}
#faq .main .item ul li a p,
#faq .ans-box .item ul li a p {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

#faq.faq .main {
  padding: 0;
}
#faq.faq .main .content {
  padding: 0;
  max-width: none;
}
#faq.faq .main .content > .txt {
  margin: auto;
}
#faq.faq .main .content > .txt.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #ecebeb;
}
#faq.faq .main .content > .txt.GoSearch {
  background: #ecebeb;
}
#faq.faq .main .content > .txt.GoSearch .search-open {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#faq.faq .main .content > .txt dl dt {
  line-height: 200%;
}
#faq.faq .main .content > .txt dl dd {
  line-height: 200%;
  max-width: 830px;
  margin: 44px auto 0;
}
#faq.faq .main .content > .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media only screen and (max-width: 800px) {
  #faq.faq .main .content > .txt ul {
    padding: 20px 5%;
  }
}
#faq.faq .main .content > .txt ul.off li {
  display: none;
}
#faq.faq .main .content > .txt ul.off li.search-btn {
  display: block;
}
#faq.faq .main .content > .txt ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 20px;
}
#faq.faq .main .content > .txt ul li:hover a {
  color: #666666;
}
#faq.faq .main .content > .txt ul li:hover a::before {
  width: 100%;
  left: 0;
}
#faq.faq .main .content > .txt ul li.close {
  display: none;
}
#faq.faq .main .content > .txt ul li a {
  padding: 10px 0;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 600px) {
  #faq.faq .main .content > .txt ul li a {
    padding: 0;
  }
}
#faq.faq .main .content > .txt ul li a::before {
  content: "";
  width: 0%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#faq.faq .main .content > .txt ul li a .icon {
  margin: 0 10px;
  cursor: pointer;
}
#faq.faq .main .content > .txt ul li:nth-child(4n + 1) a::before {
  background-color: #2781e2;
}
#faq.faq .main .content > .txt ul li:nth-child(4n + 2) a::before {
  background-color: #62bb8a;
}
#faq.faq .main .content > .txt ul li:nth-child(4n + 3) a::before {
  background-color: #eac248;
}
#faq.faq .main .content > .txt ul li:nth-child(4n + 4) a::before {
  background-color: #666666;
}
#faq.faq .main .content > .txt ul li:not(:last-child) {
  position: relative;
}
#faq.faq .main .content > .txt ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 8px;
  background: #666666;
}
#faq.faq .main .content > .txt ul .search-btn {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#faq.faq .main .content > .txt ul .search-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#faq.faq .main .content > .txt ul .search-btn.open {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 840px;
  margin: auto;
}
#faq.faq .main .content > .txt ul .search-btn.open a {
  display: none;
}
#faq.faq .main .content > .txt ul .search-btn .btn-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
}
#faq.faq .main .content > .txt .search-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px 0;
  position: relative;
  max-width: 840px;
  margin: auto;
  display: none;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}
@media only screen and (max-width: 800px) {
  #faq.faq .main .content > .txt .search-open {
    padding: 20px 5%;
  }
}
#faq.faq .main .content > .txt .search-open .icon {
  margin: 0 10px;
  cursor: pointer;
}
#faq.faq .main .content > .txt .search-open .key {
  border: none;
  background: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 10px 0;
}
@media only screen and (max-width: 600px) {
  #faq.faq .main .content > .txt .search-open .key {
    padding: 0;
  }
}
#faq.faq .main .content .item-box {
  max-width: 1280px;
  width: 90%;
  margin: 50px auto 0;
}
@media only screen and (max-width: 800px) {
  #faq.faq .main .content .item-box {
    padding: 0 5%;
  }
}

#faq .faq_ans .ans-box {
  background: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  letter-spacing: 1px;
  line-height: 150%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 65vw;
  height: 100%;
  min-height: 100vh;
  padding-top: 194px;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  #faq .faq_ans .ans-box {
    width: 85vw;
  }
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box {
    padding: 100px 0 0;
  }
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .ans-box {
    width: 100vw;
  }
}
#faq .faq_ans .ans-box .show01 {
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #faq .faq_ans .ans-box .show01 {
    padding: 0 5%;
  }
}
#faq .faq_ans .ans-box .show01 .txt {
  padding: 0 90px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .ans-box .show01 .txt {
    padding: 0;
  }
}
#faq .faq_ans .ans-box .show01 .txt:after {
  content: "Q:";
  font-size: 1.875rem;
  color: #2781e2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#faq .faq_ans .ans-box .show01 .txt.line {
  border-bottom: 6px solid #d9d9d9;
  padding: 0 90px 40px 90px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .ans-box .show01 .txt.line {
    padding: 0 50px 40px;
  }
}
#faq .faq_ans .ans-box .show01 .txt .page-title {
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 60px;
  font-size: 1.875rem;
  font-weight: bold;
}
#faq .faq_ans .ans-box .show01 .txt p {
  letter-spacing: 1px;
}
#faq .faq_ans .ans-box .show02 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #faq .faq_ans .ans-box .show02 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 {
    padding: 40px 5%;
  }
}
#faq .faq_ans .ans-box .show02 .type {
  padding: 40px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#faq .faq_ans .ans-box .show02 .type:first-child:after {
  content: "A:";
  font-size: 1.875rem;
  color: #2781e2;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 .type:first-child:after {
    top: 0;
  }
}
#faq .faq_ans .ans-box .show02 .type b {
  font-weight: bold;
}
#faq .faq_ans .ans-box .show02 .type dl {
  padding: 0 90px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .ans-box .show02 .type dl {
    padding: 0 50px;
  }
}
#faq .faq_ans .ans-box .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#faq .faq_ans .ans-box .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#faq .faq_ans .ans-box .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .ans-box .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#faq .faq_ans .ans-box .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .ans-box .show02 .type .img-box figure {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#faq .faq_ans .ans-box .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#faq .faq_ans .ans-box .show02 .type .img-box img {
  opacity: 0;
}
#faq .faq_ans .ans-box .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#faq .faq_ans .ans-box .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-right: 50px;
}
#faq .faq_ans .ans-box .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 .type.wp .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#faq .faq_ans .ans-box .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#faq .faq_ans .ans-box .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding-left: 50px;
}
#faq .faq_ans .ans-box .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 .type.pw .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#faq .faq_ans .ans-box .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 .link-box {
    padding: 50px 0 0;
  }
}
#faq .faq_ans .ans-box .show02 .link-box .link p {
  font-size: 1.5rem;
}
#faq .faq_ans .ans-box .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
#faq .faq_ans .ans-box .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#faq .faq_ans .ans-box .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#faq .faq_ans .ans-box .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
#faq .faq_ans .ans-box .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#faq .faq_ans .ans-box .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}
#faq .faq_ans .ans-box .show03 {
  padding: 100px 210px;
  background: #f2f2f2;
}
@media only screen and (max-width: 800px) {
  #faq .faq_ans .ans-box .show03 {
    padding: 100px 10% 50px;
  }
}
#faq .faq_ans .ans-box .show03 > p {
  font-size: 1.5rem;
  margin-bottom: 80px;
}
#faq .faq_ans .ans-box .show03 .item {
  padding: 25px 0;
  margin: 0;
}
#faq .faq_ans .ans-box .show03 .item:before {
  border-color: #2781e2;
}
#faq .faq_ans .ans-box .show03 .item ul {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
#faq .faq_ans .ans-box .show03 .item ul li:hover a:after {
  border-left-color: #2781e2;
}

#faq .faq_ans .close-btn {
  position: fixed;
  left: 35vw;
  top: 50vh;
  z-index: 999;
  border: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
@media only screen and (max-width: 1200px) {
  #faq .faq_ans .close-btn {
    left: 15vw;
  }
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans .close-btn {
    top: 0;
    left: 0;
  }
}

#faq .faq_ans.open .ans-box {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#faq .faq_ans.open .close-btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  #faq .faq_ans.open .close-btn {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

#faq .faq_ans.close .ans-box {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#faq .faq_ans.close .close-btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

@media only screen and (max-width: 800px) {
  #share .main .banner .txt {
    padding: 0 5%;
  }
}

#share .main .banner .btn-box {
  margin: 0 auto;
}
#share .main .banner .btn-box p {
  font-weight: bold;
}
#share .main .banner .btn-box a {
  position: relative;
}
#share .main .banner .btn-box a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 0;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
}
#share .main .banner .btn-box a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .banner .btn-box a:hover:after {
  border-width: 7px;
  -webkit-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}
#share .main .banner .btn-box .green2:hover:after {
  border-top-color: #39ae94;
}
#share .main .banner .btn-box .blue2:hover:after {
  border-top-color: #397eae;
}
#share .main .banner .btn-box .red:hover:after {
  border-top-color: #ae3939;
}

#share .main .btn-cover {
  background: #676767;
}
#share .main .btn-cover .DropdownList .menulist ul {
  background: #676767;
}
#share .main .btn-cover .DropdownList .menulist ul li:after {
  display: none;
}
#share .main .btn-cover .DropdownList .menulist ul li p {
  text-align: center;
  padding: 0 20px;
}
@media only screen and (max-width: 600px) {
  #share .main .btn-cover .DropdownList .menulist ul li p {
    padding: 20px 10px;
  }
}

#share .main .content {
  max-width: none;
  padding: 0;
}
#share .main .content .cover {
  padding: 100px 0;
}
@media only screen and (max-width: 1400px) {
  #share .main .content .cover {
    padding: 100px 5%;
  }
}
#share .main .content .cover:nth-child(even) {
  background: #f3f3f3;
}
#share .main .content .cover dl {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover dl.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover .list {
  max-width: 1440px;
  margin: 85px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#share .main .content .cover .list li {
  width: calc(100% / 3);
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover .list li {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #share .main .content .cover .list li {
    width: 100%;
  }
}
#share .main .content .cover .list a,
#share .main .content .cover .list .a {
  display: block;
  margin: 0 auto;
  padding: 60px 50px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover .list a:hover .img-box img,
#share .main .content .cover .list .a:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover .list a .img-box,
#share .main .content .cover .list .a .img-box {
  max-height: 360px;
  height: auto;
  max-width: 360px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
}
#share .main .content .cover .list a .img-box .icon-arrow_up,
#share .main .content .cover .list .a .img-box .icon-arrow_up {
  width: 47px;
  height: 47px;
  border-radius: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #dcaa10;
  color: #ffffff;
  position: absolute;
  left: 5%;
  bottom: 5%;
  z-index: 1;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 1.875rem;
}
#share .main .content .cover .list a .img-box img,
#share .main .content .cover .list .a .img-box img {
  max-width: none;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#share .main .content .cover .list a .img-box img.show,
#share .main .content .cover .list .a .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover .list a .txt,
#share .main .content .cover .list .a .txt {
  text-align: left;
  max-width: 360px;
  width: 100%;
  margin: auto;
  padding: 40px 0;
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#share .main .content .cover .list a .txt.show,
#share .main .content .cover .list .a .txt.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#share .main .content .cover .list a .txt .class,
#share .main .content .cover .list .a .txt .class {
  margin-bottom: 50px;
}
#share .main .content .cover .list a .txt .class > span,
#share .main .content .cover .list .a .txt .class > span {
  font-weight: bold;
  color: #004ea2;
}
#share .main .content .cover .list a .txt .class > span:not(:last-child):after,
#share
  .main
  .content
  .cover
  .list
  .a
  .txt
  .class
  > span:not(:last-child):after {
  content: "";
  display: inline;
  width: 1px;
  height: 100%;
  border: 1px solid;
  margin: 0 10px;
}
#share .main .content .cover .list a .txt .class .model:before,
#share .main .content .cover .list .a .txt .class .model:before {
  content: "機種 : ";
  width: 100%;
  height: 100%;
  display: inline;
}
#share .main .content .cover .list a .txt .class .decibel:before,
#share .main .content .cover .list .a .txt .class .decibel:before {
  content: "聽力 : ";
  width: 100%;
  height: 100%;
  display: inline;
}
#share .main .content .cover .list a .txt p,
#share .main .content .cover .list .a .txt p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 200%;
}
#share .main .content .cover02 .list li a .more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list li a .more span:first-child {
  padding: 0 15px;
}
#share .main .content .cover02 .list li a .more span {
  color: #ffffff;
  font-weight: bold;
}
#share .main .content .cover02 .list li a .more .icon-x {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #dcaa10;
  font-size: 1.875rem;
}
#share .main .content .cover02 .list li a .more .icon-x:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#share .main .content .cover02 .list li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list li a:hover .img-box .icon-arrow_up {
  left: 50%;
  bottom: 50%;
  -webkit-transform: rotate(90deg) translate(50%, 50%);
  -ms-transform: rotate(90deg) translate(50%, 50%);
  transform: rotate(90deg) translate(50%, 50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list li a:hover .txt {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list li a:hover .txt .class > span,
#share .main .content .cover02 .list li a:hover .txt p {
  color: #ffffff;
}
#share .main .content .cover02 .list li a:hover .more {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list .a .more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list .a .more span:first-child {
  padding: 0 15px;
}
#share .main .content .cover02 .list .a .more span {
  color: #ffffff;
  font-weight: bold;
}
#share .main .content .cover02 .list .a .more .icon-x {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #dcaa10;
  font-size: 1.875rem;
}
#share .main .content .cover02 .list .a .more .icon-x:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#share .main .content .cover02 .list .a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list .a:hover .img-box .icon-arrow_up {
  left: 50%;
  bottom: 50%;
  -webkit-transform: rotate(90deg) translate(50%, 50%);
  -ms-transform: rotate(90deg) translate(50%, 50%);
  transform: rotate(90deg) translate(50%, 50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list .a:hover .txt {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover02 .list .a:hover .txt .class > span,
#share .main .content .cover02 .list .a:hover .txt p {
  color: #ffffff;
}
#share .main .content .cover02 .list .a:hover .more {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share .main .content .cover03 .list .a {
  position: relative;
  padding: 0 50px;
}
@media only screen and (max-width: 800px) {
  #share .main .content .cover03 .list .a {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  #share .main .content .cover03 .list .a:not(:last-child) {
    padding-bottom: 85px;
  }
}
#share .main .content .cover03 .list .a:not(:last-child):after {
  content: "";
  width: 1px;
  height: 100%;
  border-right: 1px solid #cccccc;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 800px) {
  #share .main .content .cover03 .list .a:not(:last-child):after {
    display: none;
  }
}
#share .main .content .cover03 .list .a .txt {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  padding-bottom: 0;
}
@media only screen and (max-width: 800px) {
  #share .main .content .cover03 .list .a .txt {
    max-width: none;
  }
}
#share .main .content .cover03 .list .a .txt dl {
  text-align: center;
}
#share .main .content .cover03 .list .a .txt dl dt {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 200%;
}
#share .main .content .cover03 .list .a .txt dl dd {
  line-height: 200%;
  margin: 48px 0 0;
}
#share .main .content .cover04 {
  position: relative;
  padding: 0;
}
#share .main .content .cover04 .img-box img {
  display: block;
}
#share .main .content .cover04 .txt {
  position: absolute;
  left: calc((100% - 1280px) / 2);
  top: 0;
  padding: 0;
  text-align: center;
  max-width: 1280px;
  width: 50%;
  height: 100%;
  margin: 0 auto;
  padding: 145px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover04 .txt {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 5% 5% 10%;
    width: 100%;
  }
}
#share .main .content .cover04 .txt dl {
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover04 .txt dl {
    width: 100%;
  }
}
#share .main .content .cover04 .txt dl dt {
  font-size: 1.875rem;
  line-height: 200%;
}
#share .main .content .cover04 .txt dl dd {
  line-height: 200%;
}
#share .main .content .cover05 {
  color: #ffffff;
  background-size: cover;
  padding-bottom: 0;
}
#share .main .content .cover05 .txt {
  max-width: 1440px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  #share .main .content .cover05 .txt {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover05 .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#share .main .content .cover05 .txt .cover-title {
  font-size: 1.875rem;
  line-height: 200%;
  font-size: 1.625rem;
}
#share .main .content .cover05 .txt > dl {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-align: left;
  margin-bottom: 75px;
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover05 .txt > dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#share .main .content .cover05 .txt ul {
  -webkit-box-flex: 2.5;
  -ms-flex: 2.5 0 0%;
  flex: 2.5 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover05 .txt ul {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#share .main .content .cover05 .txt ul li {
  width: calc(50% - 75px);
  text-align: left;
  margin: 0 0 75px 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  #share .main .content .cover05 .txt ul li {
    margin-left: 0;
    width: 50%;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 600px) {
  #share .main .content .cover05 .txt ul li {
    width: 100%;
    padding: 0;
  }
}
#share .main .content .cover05 .txt ul dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#share .main .content .cover05 .txt ul dl dt {
  margin-bottom: 16px;
}
#share .main .content .cover05 .txt ul .icon {
  margin-right: 20px;
  width: 32px;
  height: 32px;
}
#share .main .content .cover05 .ps {
  max-width: 1440px;
  margin: auto;
  border-top: 1px solid #ffffff;
  padding: 38px 0;
  font-size: 0.75rem;
  width: 90%;
}

#share .main .more-btn01 {
  border-bottom-color: #d4a000;
}

#share.opn .main .cover02 .list .a:hover {
  background: #dcaa10;
}

#share.detail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ecebeb;
  width: 100%;
  height: 700px;
}
@media only screen and (max-width: 800px) {
  #share.detail:after {
    height: 70vh;
  }
}

#share.detail .main .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
#share.detail .main .share time {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 2.25rem;
}
#share.detail .main .share .soc {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#share.detail .main .share .soc li {
  margin-left: 25px;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .share .soc li {
    margin: 25px 25px 0 0;
  }
}

#share.detail .main .soc {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#share.detail .main .soc li p {
  font-weight: bold;
}
#share.detail .main .soc li a:hover span {
  opacity: 1;
  color: #004ea2;
}
#share.detail .main .soc li a span {
  font-size: 1.25rem;
  opacity: 0.3;
}

#share.detail .main .show01 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show01 {
    padding: 0 5%;
  }
}
#share.detail .main .show01 .txt {
  padding: 0 90px 55px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show01 .txt {
    padding: 0;
  }
}
#share.detail .main .show01 .txt.line {
  border-bottom: 6px solid #d9d9d9;
  padding: 60px 90px;
  margin-bottom: 60px;
}
#share.detail .main .show01 .txt .page-title {
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
#share.detail .main .show01 .txt p {
  letter-spacing: 1px;
}
#share.detail .main .show01 .banner {
  margin: 30px auto;
  text-align: center;
  opacity: 0;
}
#share.detail .main .show01 .banner.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#share.detail .main .show01 .banner ul li p {
  margin: 30px 0;
}
#share.detail .main .show01 .banner ul .slick-slide img {
  max-height: 600px;
  width: auto;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show01 .banner ul .slick-slide img {
    max-height: 40vh;
  }
}
#share.detail .main .show01 .banner .slick-dots {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: -100px;
  top: 50%;
  bottom: auto;
  width: auto;
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show01 .banner .slick-dots {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#share.detail .main .show01 .banner .video-item .box {
  position: relative;
  padding: 56.25% 0 0;
}
#share.detail .main .show01 .banner .video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#share.detail .main .show02 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show02 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show02 {
    padding: 40px 5%;
  }
}
#share.detail .main .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#share.detail .main .show02 .type b {
  font-weight: bold;
}
#share.detail .main .show02 .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show02 .type dl {
    padding: 0 20px;
  }
}
#share.detail .main .show02 .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#share.detail .main .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#share.detail .main .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#share.detail .main .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#share.detail .main .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show02 .type .img-box figure {
    width: 100%;
  }
}
#share.detail .main .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#share.detail .main .show02 .type .img-box img {
  opacity: 0;
}
#share.detail .main .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#share.detail .main .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
#share.detail .main .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show02 .type.wp .img-box {
    width: 100%;
  }
}
#share.detail .main .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#share.detail .main .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 50px;
}
#share.detail .main .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show02 .type.pw .img-box {
    width: 100%;
  }
}
#share.detail .main .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show02 .link-box {
    padding: 50px 0 0;
  }
}
#share.detail .main .show02 .link-box .link p {
  font-size: 1.5rem;
}
#share.detail .main .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
#share.detail .main .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#share.detail .main .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share.detail .main .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
#share.detail .main .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share.detail .main .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}
#share.detail .main .show02 .link-box .soc li {
  margin: 15px;
}

#share.detail .main .show03 .model {
  background: #ecebeb;
}
#share.detail .main .show03 .model .cover {
  max-width: 1020px;
  margin: auto;
  overflow: hidden;
}
#share.detail .main .show03 .model .cover .txt {
  padding: 90px 90px 100px;
  border-bottom: 1px solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1024px) {
  #share.detail .main .show03 .model .cover .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show03 .model .cover .txt {
    padding: 90px 50px 100px;
  }
}
#share.detail .main .show03 .model .cover .txt.show {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#share.detail .main .show03 .model .cover .txt dt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  #share.detail .main .show03 .model .cover .txt dt {
    margin-bottom: 30px;
  }
}
#share.detail .main .show03 .model .cover .txt dt span {
  display: block;
  line-height: 150%;
  letter-spacing: 1px;
}
#share.detail .main .show03 .model .cover .txt dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 200%;
  letter-spacing: 1px;
}
#share.detail .main .show03 .model .cover .pic {
  padding: 45px 90px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1024px) {
  #share.detail .main .show03 .model .cover .pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show03 .model .cover .pic {
    padding: 45px 50px 50px;
  }
}
#share.detail .main .show03 .model .cover .pic.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#share.detail .main .show03 .model .cover .pic picture {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 60px;
}
@media only screen and (max-width: 1024px) {
  #share.detail .main .show03 .model .cover .pic picture {
    padding: 0;
  }
}
#share.detail .main .show03 .model .cover .pic figcaption {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  #share.detail .main .show03 .model .cover .pic figcaption {
    width: 100%;
  }
}
#share.detail .main .show03 .model .cover .pic p {
  line-height: 150%;
  letter-spacing: 1px;
}
#share.detail .main .show03 .model .cover .pic .title02 {
  font-weight: bold;
}
#share.detail .main .show03 .model .cover .pic .title02:first-child {
  margin-bottom: 40px;
}
#share.detail .main .show03 .model .cover .pic .name {
  font-size: 1.875rem;
  color: #5c5c5c;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show03 .model .cover .pic .name {
    font-size: 1.625rem;
  }
}
#share.detail .main .show03 .model .cover .btn-box-out {
  display: block;
  margin-left: 0;
  padding-right: 60px;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show03 .model .cover .btn-box-out {
    padding: 0;
  }
}
#share.detail .main .show03 .model .cover .btn-box-out a {
  background: #2781e2;
  color: #ffffff;
}
#share.detail .main .show03 .model .cover .btn-box-out a .icon-arrow_up {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 1.5625rem;
  margin-left: 60px;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show03 .model .cover .btn-box-out a .icon-arrow_up {
    margin: 0;
  }
}

#share.detail .main .show03 .others {
  max-width: 1280px;
  margin: auto;
  padding: 140px 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show03 .others {
    padding: 140px 5%;
  }
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show03 .others {
    padding: 50px 5%;
  }
}
#share.detail .main .show03 .others > p {
  font-size: 1.5rem;
}

#share.detail .main .show03 .list {
  padding: 80px 0;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show03 .list {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show03 .list li.others-item {
    padding: 0 40px 50px;
  }
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show03 .list li.others-item {
    padding: 0 40px;
  }
}
#share.detail .main .show03 .list li.others-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #share.detail .main .show03 .list li.others-item a {
    width: 100%;
  }
}
#share.detail .main .show03 .list li.others-item a .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
#share.detail .main .show03 .list li.others-item a .txt {
  max-width: 100%;
  width: 100%;
}
#share.detail .main .show03 .list li.others-item a .txt dl {
  padding: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}
#share.detail .main .show03 .list li.others-item a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 40px 0 30px;
  max-width: 100%;
}
#share.detail .main .show03 .list li.others-item a .txt dl dd {
  padding: 15px 0;
  max-width: 100%;
  letter-spacing: 1px;
}
#share.detail .main .show03 .list li.others-item a .txt time {
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
#share.detail .main .show03 .list li.others-item a .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#share.detail .main .show03 .list li.others-item a .txt time .month,
#share.detail .main .show03 .list li.others-item a .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#share.detail .main .show03 .list li.others-item a .txt time span {
  color: #666666;
}
#share.detail
  .main
  .show03
  .list
  li.others-item
  a
  .txt
  time
  span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#share.detail .main .show03 .list li.others-item.on .txt {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
#share.detail .main .show03 .list li.others-item.on .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#share.detail .main .show03 .list li.others-item.on .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  padding: 40px 0 30px;
}
#share.detail .main .show03 .list li.others-item.on .txt dl dd {
  padding: 15px 0;
}
#share.detail .main .show03 .list li.others-item.off a {
  border-width: 0 6px 6px 0;
  border-style: solid;
  position: relative;
}
#share.detail .main .show03 .list li.others-item.off a:before {
  content: "";
  border-top: 6px solid;
  border-color: inherit;
  width: 90%;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
}
#share.detail .main .show03 .list li.others-item.off a:after {
  content: "";
  border-left: 6px solid;
  border-color: inherit;
  width: 6px;
  height: 45%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#share.detail .main .show03 .list li.others-item.off .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
#share.detail .main .show03 .list li.others-item.off .txt dl dt {
  padding: 0 57px;
}
#share.detail .main .show03 .list li.others-item.off .txt dl dt:before {
  content: "";
  width: 60px;
  height: 2px;
  border-top: 2px solid;
  display: block;
  padding-bottom: 40px;
}
#share.detail .main .show03 .list li.others-item.off .txt dl dd {
  font-size: 1.375rem;
  line-height: 150%;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  padding: 127px 0;
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show03 .list li.others-item.off .txt dl dd {
    padding: 60px 0;
  }
}
#share.detail .main .show03 .list li.others-item.off .txt time {
  padding: 0 57px;
}

#share.detail .main .show03 .Arrow-box {
  position: absolute;
  top: 100px;
  right: 0;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  #share.detail .main .show03 .Arrow-box {
    right: 5%;
  }
}
@media only screen and (max-width: 800px) {
  #share.detail .main .show03 .Arrow-box {
    top: 50px;
  }
}
#share.detail .main .show03 .Arrow-box .Arrow {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  #share.detail .main .show03 .Arrow-box .Arrow {
    display: none !important;
  }
}
#share.detail .main .show03 .Arrow-box .Arrow:hover {
  opacity: 1;
}
#share.detail .main .show03 .Arrow-box .Arrow span {
  font-size: 30px;
  color: #fff;
}
#share.detail .main .show03 .Arrow-box .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#share.detail .main .show03 .Arrow-box .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#locationMap.locationMap .main .banner {
  z-index: 1;
}
@media only screen and (max-width: 800px) {
  #locationMap.locationMap .main .banner {
    max-height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  #locationMap.locationMap .main .banner .top {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #locationMap.locationMap .main .banner .top br {
    display: none;
  }
}
@media only screen and (max-width: 1400px) {
  #locationMap.locationMap .main .banner .img-box img {
    height: 100%;
    max-width: none;
    width: auto;
  }
}
#locationMap.locationMap .main .banner .DropdownList {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 600px) {
  #locationMap.locationMap .main .banner .DropdownList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#locationMap.locationMap .main .banner .DropdownList .menulist {
  height: auto;
  display: block;
}
#locationMap.locationMap .main .banner .DropdownList .menulist p {
  width: 100%;
  text-align: left;
  padding: 0 40px;
}
#locationMap.locationMap .main .banner .DropdownList .menulist .p-top {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25rem;
  color: #ffffff;
}
#locationMap.locationMap .main .banner .DropdownList .menulist .selectMenu {
  background: #ffffff;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  position: relative;
}
#locationMap.locationMap
  .main
  .banner
  .DropdownList
  .menulist
  .selectMenu.oops:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #2781e2;
  position: absolute;
  left: 0;
  top: 0;
}
#locationMap.locationMap .main .banner .DropdownList .menulist .ps {
  display: none;
  text-align: center;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: bold;
}
#locationMap.locationMap .main .banner .DropdownList .menulist .ps:before {
  content: "*";
  margin-right: 5px;
  width: 100%;
  height: 100%;
  display: inline;
}
#locationMap.locationMap .main .banner .DropdownList .menulist ul {
  -webkit-transform: translate(-50%, 5px);
  -ms-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  top: 120px;
  background: #ffffff;
}
#locationMap.locationMap .main .banner .DropdownList .menulist ul li {
  color: #000000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#locationMap.locationMap .main .banner .DropdownList .menulist ul li:hover {
  background: #f1f1f1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#locationMap.locationMap .main .banner .DropdownList .menulist ul li:after {
  display: none;
}
#locationMap.locationMap
  .main
  .banner
  .DropdownList
  .menulist
  ul
  li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#locationMap.locationMap .main .content {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  position: relative;
  display: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#locationMap.locationMap .main .content.open {
  display: -webkit-box;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#locationMap.locationMap .main .map {
  width: 100%;
  padding: 100px 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  #locationMap.locationMap .main .map {
    display: none;
  }
}
#locationMap.locationMap .main .map.fixed {
  top: 0;
  left: 0;
}
#locationMap.locationMap .main .map.fixed.tobottom {
  bottom: 0;
  top: auto;
  position: absolute;
  left: 0;
}
#locationMap.locationMap .main .map > div {
  width: 100%;
  margin: 0 auto;
}
#locationMap.locationMap .main .map .maptitle {
  text-align: center;
  margin: 0 0 40px;
}
#locationMap.locationMap .main .map .maptitle p:nth-child(1) {
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin: 0 0 10px;
  color: #5c5c5c;
}
#locationMap.locationMap .main .map .maptitle p:nth-child(2) {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0 0 35px;
}
#locationMap.locationMap .main .map .maptitle p b {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
  font-weight: lighter;
}

#locationMap.locationMap .main .more {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0;
  display: inline-block;
  width: 30%;
  padding: 40px 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #f3f3f3;
}
@media only screen and (max-width: 1024px) {
  #locationMap.locationMap .main .more {
    display: none;
  }
}
#locationMap.locationMap .main .more p {
  position: relative;
  display: inline-block;
}
#locationMap.locationMap .main .more p::after {
  content: "";
  width: 100%;
  height: 5px;
  display: inline-block;
  background: #d4a000;
  position: absolute;
  left: 0;
  bottom: -10px;
}

#locationMap.locationMap .main .mapbox {
  width: 100%;
  height: 60vh;
}
#locationMap.locationMap .main .mapbox iframe {
  width: 100%;
  height: 100%;
}

#locationMap.locationMap .main .medicalbox {
  width: 100%;
  background: #f3f3f3;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  #locationMap.locationMap .main .medicalbox {
    width: 100%;
  }
}
#locationMap.locationMap .main .medicalbox .itemsbox {
  margin-bottom: 40px;
  display: flex;
  flex-flow: row wrap;
}
#locationMap.locationMap .main .medicalbox .items {
  color: #000;
  width: 50%;
  text-align: left;
  counter-increment: nb;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 30px 0 0;
}

@media only screen and (max-width: 800px) {
  #locationMap.locationMap .main .medicalbox .items {
    width: 800px;
  }
}
#locationMap.locationMap .main .medicalbox .items .item-in p .f01 {
  font-weight: bold;
  margin-right: 10px;
}
/* #locationMap.locationMap .main .medicalbox .items.active a {
      color: #3f85d1; }
      #locationMap.locationMap .main .medicalbox .items.active a p {
        opacity: 1; }
      #locationMap.locationMap .main .medicalbox .items.active a i {
        color: #3f85d1; }
        #locationMap.locationMap .main .medicalbox .items.active a i::before {
          z-index: 10;
          position: relative; }
        #locationMap.locationMap .main .medicalbox .items.active a i::after {
          width: 30px;
          height: 30px;
          color: #3f85d1; } */
/* #locationMap.locationMap .main .medicalbox .items.active .detail {
      border-bottom-width: 3px;
      border-bottom-color: #3f85d1;
      display: flex;
      flex-flow: column; } */
/* #locationMap.locationMap .main .medicalbox .items.active .detail::after {
        color: #3f85d1; } */
/* #locationMap.locationMap .main .medicalbox .items.active .detail h3 {
        color: #3f85d1; } */
@media only screen and (max-width: 1024px) {
  #locationMap.locationMap .main .medicalbox .items.active .mapbox {
    height: 40vh;
  }
}
#locationMap.locationMap .main .medicalbox .items .mapbox {
  height: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#locationMap.locationMap .main .medicalbox .items .detail {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  border-bottom: 1px #cccccc solid;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: flex;
  flex-flow: column;
}
@media only screen and (max-width: 800px) {
  #locationMap.locationMap .main .medicalbox .items .detail {
    width: 90%;
  }
}
/* #locationMap.locationMap .main .medicalbox .items .detail::after {
        content: counter(nb);
        display: inline-block;
        font-size: 1.875rem;
        line-height: 2.1875rem;
        margin: 0;
        font-weight: bold;
        position: absolute;
        left: -15%;
        top: -8px; }
        @media only screen and (max-width: 500px) {
          #locationMap.locationMap .main .medicalbox .items .detail::after {
            left: -9%; } } */
#locationMap.locationMap .main .medicalbox .items .detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
#locationMap.locationMap .main .medicalbox .items .detail > p {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  margin: 0 0 30px;
}
#locationMap.locationMap .main .medicalbox .items .detail .cover_image {
  display: block;
  width: 100%;
  border-radius: 0.45rem;
  padding: 0.25rem;
  background-color: #d9d6d6;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #ddd;
}
#locationMap.locationMap .main .medicalbox .items .detail .inside {
  display: flex;
  margin-top: auto;
  aspect-ratio: 410 / 180;
}

#locationMap.locationMap
  .main
  .medicalbox
  .items
  .detail
  .inside
  > div:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  aspect-ratio: 224 / 148;
  width: 65%;
}
#locationMap.locationMap
  .main
  .medicalbox
  .items
  .detail
  .inside
  > div:nth-child(2) {
  width: 35%;
  margin-left: 5px;
}
#locationMap.locationMap .main .medicalbox .items h3 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 0;
  width: 100%;
  font-weight: bold;
}
#locationMap.locationMap .main .medicalbox .items a {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  margin: 0;
  width: 120px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1300px) {
  #locationMap.locationMap .main .medicalbox .items a {
    width: 20px;
  }
}
#locationMap.locationMap .main .medicalbox .items a p {
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-right: 20px;
}
@media only screen and (max-width: 1300px) {
  #locationMap.locationMap .main .medicalbox .items a p {
    display: none;
  }
}
#locationMap.locationMap .main .medicalbox .items a i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 1.875rem;
  color: #000000;
  position: relative;
}
#locationMap.locationMap .main .medicalbox .items ul {
  margin-top: 5px;
  margin-bottom: 30px;
}
#locationMap.locationMap .main .medicalbox .items ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0;
}
#locationMap.locationMap .main .medicalbox .items ul li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  #locationMap.locationMap .main .medicalbox .items ul li:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#locationMap.locationMap .main .medicalbox .items ul li:first-child b {
  margin-right: 10px;
  display: inline-block;
  font-weight: lighter;
}
#locationMap.locationMap
  .main
  .medicalbox
  .items
  ul
  li:first-child
  p:first-child {
  margin-right: 40px;
  position: relative;
}
#locationMap.locationMap
  .main
  .medicalbox
  .items
  ul
  li:first-child
  p:first-child::after {
  content: "";
  width: 2px;
  height: 13px;
  display: inline-block;
  position: absolute;
  right: -21px;
  top: 5px;
}
@media only screen and (max-width: 600px) {
  #locationMap.locationMap
    .main
    .medicalbox
    .items
    ul
    li:first-child
    p:first-child::after {
    display: none;
  }
}

#locationMap2.location_detail .main {
  max-width: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#locationMap2.location_detail .main .cover {
  width: 50vw;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover {
    width: 100%;
    margin-top: 78px;
  }
}
@media only screen and (max-width: 800px) {
  #locationMap2.location_detail .main .cover {
    margin-top: 50px;
  }
}
#locationMap2.location_detail .main .cover.left {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left {
    position: static;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: none;
    height: auto;
  }
}
#locationMap2.location_detail .main .cover.left .tab-content {
  width: 100%;
  height: calc(100vh - 78px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left .tab-content {
    height: auto;
  }
}
#locationMap2.location_detail .main .cover.left .tab-content.open {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left .tab-content.open {
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left .tab-content.content-1 {
    height: 65vh;
  }
}
#locationMap2.location_detail .main .cover.left .tab-content.content-1 iframe {
  width: 100%;
  height: 100%;
}
#locationMap2.location_detail .main .cover.left .tab-content.content-2 {
  background: #ecebeb;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left .tab-content.content-2 {
    background: none;
  }
}
#locationMap2.location_detail
  .main
  .cover.left
  .tab-content.content-2
  .slick-slider {
  max-width: 660px;
  width: 100%;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail
    .main
    .cover.left
    .tab-content.content-2
    .slick-slider {
    width: 100%;
    max-width: 100%;
  }
}
#locationMap2.location_detail
  .main
  .cover.left
  .tab-content.content-2
  .slick-slider
  li {
  text-align: center;
}
#locationMap2.location_detail
  .main
  .cover.left
  .tab-content.content-2
  .slick-slider
  li
  p {
  padding: 30px;
  text-align: center;
}
#locationMap2.location_detail
  .main
  .cover.left
  .tab-content.content-2
  .slick-arrow {
  display: none !important;
}
#locationMap2.location_detail
  .main
  .cover.left
  .tab-content.content-2
  .slick-dots {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: -100px;
  top: 50%;
  bottom: auto;
  width: auto;
}
@media only screen and (max-width: 1200px) {
  #locationMap2.location_detail
    .main
    .cover.left
    .tab-content.content-2
    .slick-dots {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#locationMap2.location_detail
  .main
  .cover.left
  .tab-content.content-2
  .video-item
  iframe {
  width: 100%;
  height: 390px;
}
@media only screen and (max-width: 1200px) {
  #locationMap2.location_detail
    .main
    .cover.left
    .tab-content.content-2
    .video-item
    iframe {
    height: 40vh;
  }
}
#locationMap2.location_detail .main .cover.left .btn-box-out {
  width: 100%;
  max-width: none;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left .btn-box-out {
    top: 0;
    bottom: auto;
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 800px) {
  #locationMap2.location_detail .main .cover.left .btn-box-out {
    width: calc(100% - 50px);
  }
}
#locationMap2.location_detail .main .cover.left .btn-box-out .tab-btn {
  height: 78px;
  margin: 0;
  background: #5c5c5c;
  color: #cccccc;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.left .btn-box-out .tab-btn {
    height: 80px;
  }
}
@media only screen and (max-width: 800px) {
  #locationMap2.location_detail .main .cover.left .btn-box-out .tab-btn {
    height: 50px;
  }
}
@media only screen and (max-width: 600px) {
  #locationMap2.location_detail .main .cover.left .btn-box-out .tab-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#locationMap2.location_detail .main .cover.left .btn-box-out .tab-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#locationMap2.location_detail .main .cover.left .btn-box-out .tab-btn.hover {
  background: #dcaa10;
  color: #000000;
}
#locationMap2.location_detail
  .main
  .cover.left
  .btn-box-out
  .tab-btn.hover:after {
  top: -10px;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #dcaa10 transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail
    .main
    .cover.left
    .btn-box-out
    .tab-btn.hover:after {
    top: auto;
    bottom: -10px;
    border-width: 10px 5px 0 5px;
    border-color: #dcaa10 transparent transparent transparent;
  }
}
#locationMap2.location_detail .main .cover.right {
  padding: 10% 5% 5%;
  position: relative;
  min-height: 100vh;
  height: 100%;
  margin-left: 50vw;
}
@media only screen and (max-width: 1024px) {
  #locationMap2.location_detail .main .cover.right {
    position: static;
    min-height: auto;
    margin: 0;
  }
}
#locationMap2.location_detail .main .cover.right .top {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
#locationMap2.location_detail .main .cover.right .form-box-check form {
  border-top: 6px solid #d9d9d9;
  border-bottom: 6px solid #d9d9d9;
  padding: 20px 0;
}
#locationMap2.location_detail .main .cover.right .form-box-check form .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 800px) {
  #locationMap2.location_detail .main .cover.right .form-box-check form .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form
  .item-title {
  min-width: 280px;
  font-weight: bold;
  padding: 30px 0;
  width: auto;
}
@media only screen and (max-width: 1400px) {
  #locationMap2.location_detail
    .main
    .cover.right
    .form-box-check
    form
    .form
    .item-title {
    min-width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  #locationMap2.location_detail
    .main
    .cover.right
    .form-box-check
    form
    .form
    .item-title {
    min-width: auto;
    width: 100%;
  }
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form
  .item-in {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 800px) {
  #locationMap2.location_detail
    .main
    .cover.right
    .form-box-check
    form
    .form
    .item-in {
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form
  .item-in
  p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form
  .item-in
  p
  span {
  font-size: 0.875rem;
  line-height: 180%;
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form
  .item-in
  p
  .f01 {
  font-weight: bold;
  min-width: 140px;
}
#locationMap2.location_detail
  .main
  .cover.right
  .form-box-check
  form
  .form
  .item-in
  p
  .ps {
  font-size: small;
  opacity: 0.7;
}
#locationMap2.location_detail .main .gototop {
  position: static !important;
  margin: 5% auto 0;
}

#kids .main .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #666666;
  padding: 40px 0;
}
@media only screen and (max-width: 600px) {
  #kids .main .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#kids .main .share time {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 2.25rem;
}
#kids .main .share .breadcrumbs {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#kids .main .share .breadcrumbs li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  #kids .main .share .breadcrumbs li {
    margin: 0 0 14px;
  }
}

#kids .main .soc {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#kids .main .soc li {
  margin-left: 25px;
}
@media only screen and (max-width: 600px) {
  #kids .main .soc li {
    margin: 25px 25px 0 0;
  }
}
#kids .main .soc li p {
  font-weight: bold;
}
#kids .main .soc li a:hover span {
  opacity: 1;
  color: #004ea2;
}
#kids .main .soc li a span {
  font-size: 1.25rem;
  opacity: 0.3;
}

#kids.detail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 400px;
}
@media only screen and (max-width: 800px) {
  #kids.detail:after {
    height: 45vh;
  }
}

#kids.detail .main {
  padding: 130px 0 0;
}

#kids.detail .breadcrumbs li:first-child {
  padding-left: 0;
}

#kids.detail .show01 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show01 {
    padding: 0 5%;
  }
}
#kids.detail .show01 .txt {
  padding: 0 90px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show01 .txt {
    padding: 0;
  }
}
#kids.detail .show01 .txt.line {
  border-bottom: 6px solid transparent;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show01 .txt.line {
    padding: 0;
    margin: 0;
  }
}
#kids.detail .show01 .txt .page-title {
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
#kids.detail .show01 .txt p {
  letter-spacing: 1px;
}
#kids.detail .show01 .banner {
  margin: 30px auto;
  text-align: center;
  opacity: 0;
}
#kids.detail .show01 .banner.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#kids.detail .show01 .banner ul li p {
  margin: 30px 0;
}
#kids.detail .show01 .banner ul .slick-slide img {
  max-height: 600px;
  width: auto;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show01 .banner ul .slick-slide img {
    max-height: 40vh;
  }
}
#kids.detail .show01 .banner .slick-dots {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: -100px;
  top: 50%;
  bottom: auto;
  width: auto;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show01 .banner .slick-dots {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#kids.detail .show01 .banner .video-item .box {
  position: relative;
  padding: 56.25% 0 0;
}
#kids.detail .show01 .banner .video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#kids.detail .show02 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show02 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 {
    padding: 40px 5%;
  }
}
#kids.detail .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#kids.detail .show02 .type b {
  font-weight: bold;
}
#kids.detail .show02 .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show02 .type dl {
    padding: 0 20px !important;
  }
}
#kids.detail .show02 .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#kids.detail .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#kids.detail .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#kids.detail .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#kids.detail .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show02 .type .img-box figure {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#kids.detail .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#kids.detail .show02 .type .img-box img {
  opacity: 0;
}
#kids.detail .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#kids.detail .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 90px;
  }
}
#kids.detail .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .type.wp .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#kids.detail .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#kids.detail .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 90px;
  }
}
#kids.detail .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .type.pw .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
#kids.detail .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .link-box {
    padding: 50px 0 0;
  }
}
#kids.detail .show02 .link-box .link p {
  font-size: 1.5rem;
}
#kids.detail .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #kids.detail .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
#kids.detail .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#kids.detail .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.detail .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
#kids.detail .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.detail .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}
#kids.detail .show02 .link-box .soc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#kids.detail .show02 .link-box .soc li {
  margin: 15px;
}

#kids.detail .show03 {
  background: #f2f2f2;
}
#kids.detail .show03 .btn-box {
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show03 .btn-box {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .btn-box {
    position: relative;
    padding-top: 180px;
  }
}
#kids.detail .show03 .btn-box li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#kids.detail .show03 .btn-box li.Back {
  text-align: center;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .btn-box li.Back {
    position: absolute;
    top: 0;
  }
}
#kids.detail .show03 .btn-box li.Back .txt {
  opacity: 1;
}
#kids.detail .show03 .btn-box li.Back:hover {
  opacity: 1;
}
#kids.detail .show03 .btn-box li.Next {
  text-align: right;
}
#kids.detail .show03 .btn-box li a {
  display: block;
  padding: 100px 0 60px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .btn-box li a {
    padding: 10px 0;
  }
}
#kids.detail .show03 .btn-box li a:after {
  content: "";
  border-bottom: 6px solid #e8e8e8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .btn-box li a:after {
    border: none;
  }
}
#kids.detail .show03 .btn-box li a:hover:after {
  border-bottom: 10px solid #dcaa10;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.detail .show03 .btn-box li a:hover .txt {
  opacity: 1;
}
#kids.detail .show03 .btn-box li .txt {
  padding: 0 32px 40px;
  opacity: 0.5;
}
#kids.detail .show03 .btn-box li .txt p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 150%;
}
#kids.detail .show03 .btn-box li .txt time {
  display: block;
  margin-bottom: 30px;
}
#kids.detail .show03 .btn-box li .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.detail .show03 .btn-box li .txt time .month,
#kids.detail .show03 .btn-box li .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.detail .show03 .btn-box li .txt time span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#kids.detail .show03 .btn-box li .btn {
  font-size: 1.5rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.detail .show03 .others {
  max-width: 1280px;
  margin: auto;
  padding: 140px 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show03 .others {
    padding: 140px 5%;
  }
}
@media only screen and (max-width: 800px) {
  #kids.detail .show03 .others {
    padding: 50px 5%;
  }
}
#kids.detail .show03 .others > p {
  font-size: 1.5rem;
}
#kids.detail .show03 .others .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kids.detail .show03 .others .list li {
  padding-right: 80px;
}
@media only screen and (max-width: 1024px) {
  #kids.detail .show03 .others .list li {
    padding-right: 5px;
  }
}
#kids.detail .show03 .others .list li a button {
  color: #4aa371;
}
#kids.detail .show03 .others .list li:hover .txt dl dt {
  color: #4aa371;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li:hover a button:after {
  background: #4aa371;
}
#kids.detail .show03 .others .list li:nth-child(even) a button {
  color: #d4a000;
}
#kids.detail .show03 .others .list li:nth-child(even):hover .txt dl dt {
  color: #d4a000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li:nth-child(even):hover a button:after {
  background: #d4a000;
}
#kids.detail .show03 .others .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 70px 0;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .others .list li a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding-bottom: 0;
  }
}
#kids.detail .show03 .others .list li a .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 320px;
  max-height: 320px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .others .list li a .img-box {
    width: 100%;
  }
}
#kids.detail .show03 .others .list li a .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li a .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  padding-left: 40px;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .others .list li a .txt {
    padding: 40px 0;
  }
}
#kids.detail .show03 .others .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li a .txt dl dd {
  padding: 50px 0 80px;
  line-height: 150%;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .others .list li a .txt dl dd {
    padding-bottom: 50px;
  }
}
#kids.detail .show03 .others .list li a .txt button {
  text-transform: uppercase;
  width: auto;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  float: right;
  position: relative;
  z-index: 1;
}
#kids.detail .show03 .others .list li a .txt button:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li a:hover button {
  width: 160px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .list li a:hover button:after {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.detail .show03 .others .slick-dots li {
  padding: 0;
}
#kids.detail .show03 .Arrow-box {
  position: absolute;
  top: 100px;
  right: 0;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  #kids.detail .show03 .Arrow-box {
    right: 5%;
  }
}
@media only screen and (max-width: 800px) {
  #kids.detail .show03 .Arrow-box {
    top: 50px;
  }
}
#kids.detail .show03 .Arrow-box .Arrow {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  #kids.detail .show03 .Arrow-box .Arrow {
    display: none !important;
  }
}
#kids.detail .show03 .Arrow-box .Arrow:hover {
  opacity: 1;
}
#kids.detail .show03 .Arrow-box .Arrow span {
  font-size: 30px;
  color: #fff;
}
#kids.detail .show03 .Arrow-box .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#kids.detail .show03 .Arrow-box .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#kids.kids .main .banner .img-box {
  background: #ffffff;
}

#kids.kids .main .banner .top {
  max-width: 1280px;
}
#kids.kids .main .banner .top .anchor-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1280px;
  margin: auto;
}
#kids.kids .main .banner .top .anchor-box a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 145px;
  height: 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
#kids.kids .main .banner .top .anchor-box a:after {
  content: "";
  width: 80%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #b0b0b0;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.kids .main .banner .top .anchor-box a:nth-child(4n + 1):after {
  -webkit-animation: motion1 5s both infinite;
  animation: motion1 5s both infinite;
}
#kids.kids .main .banner .top .anchor-box a:nth-child(4n + 2):after {
  -webkit-animation: motion2 5s both infinite;
  animation: motion2 5s both infinite;
}
#kids.kids .main .banner .top .anchor-box a:nth-child(4n + 3):after {
  -webkit-animation: motion3 5s both infinite;
  animation: motion3 5s both infinite;
}
#kids.kids .main .banner .top .anchor-box a:nth-child(4n + 4):after {
  -webkit-animation: motion4 5s both infinite;
  animation: motion4 5s both infinite;
}
#kids.kids .main .banner .top .anchor-box a:hover {
  color: #ffffff;
}
#kids.kids .main .banner .top .anchor-box a:hover:after {
  background: #29abcc;
  border-color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.kids .main .banner .top .anchor-box a .icon {
  font-size: 1.875rem;
  margin-bottom: 20px;
}

#kids.kids .main .content {
  max-width: none;
  padding: 0;
}
#kids.kids .main .content.list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
#kids.kids .main .content.list-box .list:nth-child(odd) {
  text-align: left;
}
#kids.kids .main .content.list-box .list:nth-child(odd) .txt {
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.kids .main .content.list-box .list:nth-child(odd) .txt.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.kids .main .content.list-box .list:nth-child(odd) .btn {
  float: left;
}
#kids.kids .main .content.list-box .list:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list:nth-child(even) {
    text-align: left;
  }
}
#kids.kids .main .content.list-box .list:nth-child(even) .txt {
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.kids .main .content.list-box .list:nth-child(even) .txt.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.kids .main .content.list-box .list:nth-child(even) .btn {
  float: right;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list:nth-child(even) .btn {
    float: left;
  }
}
#kids.kids .main .content.list-box .list:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
#kids.kids .main .content.list-box .list .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 720px;
  max-height: 90vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}
#kids.kids .main .content.list-box .list .img-box img {
  max-width: none;
  width: auto;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list .img-box img {
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}
#kids.kids .main .content.list-box .list .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.5s 1s;
  -o-transition: all 0.5s 1s;
  transition: all 0.5s 1s;
}
#kids.kids .main .content.list-box .list .txt {
  width: calc(50% - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 1200px) {
  #kids.kids .main .content.list-box .list .txt {
    padding: 10% 5%;
  }
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list .txt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 15%;
  }
}
#kids.kids .main .content.list-box .list .txt dl {
  max-width: 485px;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list .txt dl {
    max-width: 100%;
  }
}
#kids.kids .main .content.list-box .list .txt dl dt,
#kids.kids .main .content.list-box .list .txt dl dd {
  line-height: 150%;
}
#kids.kids .main .content.list-box .list .txt dl dd {
  margin: 42px 0;
}
#kids.kids .main .content.list-box .list .txt .e {
  font-size: 1.25rem;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list .txt .e {
    font-size: 1.125rem;
  }
}
#kids.kids .main .content.list-box .list .txt .c {
  font-size: 1.875rem;
}
@media only screen and (max-width: 800px) {
  #kids.kids .main .content.list-box .list .txt .c {
    font-size: 1.625rem;
  }
}
#kids.kids .main .content.list-box .list .txt .btn {
  width: 250px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  background: none;
}
#kids.kids .main .content.list-box .list .txt .btn span {
  color: #ffffff;
  font-weight: bold;
}

#kids.hearing_doctor .main {
  padding: 0;
}
#kids.hearing_doctor .main .content {
  background: url("../../upload/kids/hd_bg.png") right top no-repeat;
  max-width: none;
  margin: auto;
  padding: 0;
  text-align: left;
}
#kids.hearing_doctor .main .content .txt {
  max-width: 1022px;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  #kids.hearing_doctor .main .content .txt {
    padding: 40px 50px;
  }
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .txt {
    padding: 40px 20px;
  }
}
#kids.hearing_doctor .main .content .txt dl dt {
  line-height: 200%;
}
#kids.hearing_doctor .main .content .txt dl dd {
  line-height: 200%;
  max-width: 830px;
  margin: 44px auto 0;
}
#kids.hearing_doctor .main .content .breadcrumbs {
  margin-bottom: 0;
}
#kids.hearing_doctor .main .content .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
#kids.hearing_doctor .main .content .type b {
  font-weight: bold;
}
#kids.hearing_doctor .main .content .type dl {
  padding: 0 90px;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .type dl {
    padding: 0 20px !important;
  }
}
#kids.hearing_doctor .main .content .type dl.show {
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#kids.hearing_doctor .main .content .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
#kids.hearing_doctor .main .content .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
#kids.hearing_doctor .main .content .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#kids.hearing_doctor .main .content .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .type .img-box figure {
    width: 100%;
  }
}
#kids.hearing_doctor .main .content .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
#kids.hearing_doctor .main .content .type .img-box img {
  opacity: 0;
}
#kids.hearing_doctor .main .content .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#kids.hearing_doctor .main .content .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .type.wp dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 90px;
  }
}
#kids.hearing_doctor .main .content .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .type.wp .img-box {
    width: 100%;
  }
}
#kids.hearing_doctor .main .content .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#kids.hearing_doctor .main .content .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .type.pw dl {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 90px;
  }
}
#kids.hearing_doctor .main .content .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .type.pw .img-box {
    width: 100%;
  }
}
#kids.hearing_doctor .main .content .link-box {
  border-top: 6px solid #fceea4;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .link-box {
    padding: 50px;
  }
}
#kids.hearing_doctor .main .content .link-box .link p {
  font-size: 1.5rem;
}
#kids.hearing_doctor .main .content .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .link-box .link ul {
    padding: 30px 0;
  }
}
#kids.hearing_doctor .main .content .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
#kids.hearing_doctor .main .content .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.hearing_doctor .main .content .link-box .link ul li:hover {
  color: #0853a5;
}
#kids.hearing_doctor .main .content .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#kids.hearing_doctor .main .content .link-box .link ul li:hover a {
  color: #0853a5;
}
#kids.hearing_doctor .main .content .link-box .soc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#kids.hearing_doctor .main .content .show01 {
  max-width: 1280px;
  margin: auto;
  padding: 0 130px;
}
@media only screen and (max-width: 1200px) {
  #kids.hearing_doctor .main .content .show01 {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 800px) {
  #kids.hearing_doctor .main .content .show01 {
    padding: 40px 5%;
  }
}
#kids.hearing_doctor .main .content .show02 {
  background: #fcf5d7;
  padding-top: 95px;
}
@media only screen and (max-width: 1024px) {
  #kids.hearing_doctor .main .content .show02 {
    padding: 95px 5% 0;
  }
}
#kids.hearing_doctor .main .content .show02 .type-box {
  max-width: 840px;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  #kids.hearing_doctor .main .content .show02 .type-box {
    padding: 0 5%;
  }
}
#kids.hearing_doctor .main .content .show02 .type-box .type dl {
  width: 100%;
}
#kids.hearing_doctor .main .content .show02 .type-box .type dl dt {
  text-align: center;
  margin-top: 50px;
}
#kids.hearing_doctor .main .content .show02 .share {
  max-width: 1022px;
  margin: auto;
}
#kids.hearing_doctor .main .content .show02 .table-box {
  max-width: 840px;
  margin: 50px auto 0;
  padding: 20px 0;
  width: 100%;
  border-bottom: 6px solid #fceea4;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box {
    margin-top: 0;
  }
}
#kids.hearing_doctor .main .content .show02 .table-box.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#kids.hearing_doctor .main .content .show02 .table-box caption {
  padding: 30px 0;
  border-bottom: 6px solid #fceea4;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box caption:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 10px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
  }
  #kids.hearing_doctor .main .content .show02 .table-box caption.open:after {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box tr {
    display: block;
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box tr:first-child {
    display: none;
  }
}
#kids.hearing_doctor .main .content .show02 .table-box tr:not(:last-child) {
  border-bottom: 1px solid #fceea4;
}
#kids.hearing_doctor .main .content .show02 .table-box tr th {
  padding: 30px 0;
}
#kids.hearing_doctor .main .content .show02 .table-box tr th:nth-child(3),
#kids.hearing_doctor .main .content .show02 .table-box tr th:nth-child(4) {
  text-align: right;
}
#kids.hearing_doctor .main .content .show02 .table-box tr td {
  padding: 30px 0;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box tr td {
    padding: 10px 0;
    display: block;
    width: 100%;
  }
}
#kids.hearing_doctor .main .content .show02 .table-box tr td:nth-child(3) {
  text-align: right;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box tr td:nth-child(3) {
    width: 70%;
    text-align: left;
    float: left;
  }
  #kids.hearing_doctor
    .main
    .content
    .show02
    .table-box
    tr
    td:nth-child(3):before {
    content: "名額限制 :";
    width: 100%;
    height: 100%;
    display: inline;
    margin-right: 5px;
  }
}
#kids.hearing_doctor
  .main
  .content
  .show02
  .table-box
  tr
  td:nth-child(3):after {
  content: "人";
  width: 100%;
  height: 100%;
  display: inline;
}
#kids.hearing_doctor .main .content .show02 .table-box tr td:nth-child(4) {
  text-align: right;
  font-weight: bold;
}
#kids.hearing_doctor .main .content .show02 .table-box tr td span {
  display: block;
  line-height: 200%;
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box tr td span {
    display: inline-block;
  }
  #kids.hearing_doctor
    .main
    .content
    .show02
    .table-box
    tr
    td
    span:nth-child(2) {
    float: right;
  }
}
@media only screen and (max-width: 600px) {
  #kids.hearing_doctor .main .content .show02 .table-box tr td .tel {
    float: right;
  }
}
#kids.hearing_doctor .main .content .show02 .table-box tr td .day,
#kids.hearing_doctor .main .content .show02 .table-box tr td .name {
  font-weight: bold;
}
#kids.hearing_doctor .main .content .show02 .table-box tr .full {
  color: #004ea2;
}

@media only screen and (max-width: 800px) {
  #kids.resources .main {
    padding-bottom: 0;
  }
}

#kids.resources .main .top {
  margin-bottom: 125px;
}

#kids.resources .list-box {
  position: relative;
}
#kids.resources .list-box:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -320px;
  bottom: -200px;
  z-index: -1;
  background: url("../../upload/kids/kr_bg.png") left bottom no-repeat;
}
#kids.resources .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 100px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.resources .list-box .list.show {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
#kids.resources .list-box .list:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-filter: none;
    filter: none;
  }
}
#kids.resources .list-box .list:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
#kids.resources .list-box .list:nth-child(even).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#kids.resources .list-box .list:nth-child(even) .img-box {
  margin-right: 80px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list:nth-child(even) .img-box {
    margin: 0;
    padding-right: 50px;
  }
}
#kids.resources .list-box .list:nth-child(even) .txt {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list:nth-child(even) .txt {
    text-align: left;
  }
}
#kids.resources .list-box .list:nth-child(odd) {
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
}
#kids.resources .list-box .list:nth-child(odd).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#kids.resources .list-box .list:nth-child(odd) .img-box {
  margin-left: 80px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list:nth-child(odd) .img-box {
    margin: 0;
    padding-left: 50px;
  }
}
#kids.resources .list-box .list:nth-child(odd) .txt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#kids.resources .list-box .list .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 40px;
  max-height: 480px;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list .img-box {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
#kids.resources .list-box .list .img-box img {
  display: block;
  max-width: none;
  width: auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.resources .list-box .list .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.5s 1s;
  -o-transition: all 0.5s 1s;
  transition: all 0.5s 1s;
}
@media only screen and (max-width: 1200px) {
  #kids.resources .list-box .list .img-box img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list .img-box img {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
#kids.resources .list-box .list .txt {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 40px;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list .txt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 50px;
  }
}
#kids.resources .list-box .list .txt .title02 {
  font-weight: bold;
}
#kids.resources .list-box .list .txt .title02-eng2 {
  color: #5c5c5c;
}
#kids.resources .list-box .list .txt dl {
  max-width: 350px;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list .txt dl {
    max-width: 100%;
  }
}
#kids.resources .list-box .list .txt dl dt,
#kids.resources .list-box .list .txt dl dd {
  line-height: 150%;
}
#kids.resources .list-box .list .txt dl dd {
  margin: 42px 0;
}
#kids.resources .list-box .list .txt button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 27px 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  color: #ffffff;
}
@media only screen and (max-width: 800px) {
  #kids.resources .list-box .list .txt button {
    padding: 10px 30px;
    position: static;
  }
}
#kids.resources .list-box .list .txt button span {
  padding: 4px;
}
#kids.resources .list-box .list .txt button span:first-child {
  font-weight: bold;
}

#kids.products .main .content > .txt {
  line-height: 200%;
}
#kids.products .main .content > .txt dl dt {
  margin-bottom: 15px;
}

#kids.products_index .main {
  padding: 0;
}
#kids.products_index .main .content {
  padding: 0;
  max-width: 1280px;
}
@media only screen and (max-width: 1300px) {
  #kids.products_index .main .content {
    padding: 0 5%;
  }
}
#kids.products_index .main .content .share {
  max-width: 1022px;
  margin: auto;
}
#kids.products_index .main .content .txt {
  max-width: 1022px;
  margin: auto;
}
#kids.products_index .main .content .txt dl dt {
  line-height: 200%;
}
#kids.products_index .main .content .txt dl dd {
  line-height: 200%;
  max-width: 830px;
  margin: 44px auto 0;
}
#kids.products_index .main .content .txt .btn-box-out {
  max-width: none;
}
@media only screen and (max-width: 600px) {
  #kids.products_index .main .content .txt .btn-box-out {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#kids.products_index .main .content .txt .btn-box-out a {
  color: #fff;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 20px;
}
#kids.products_index .main .content .txt .btn-box-out .blue {
  background: #3a8be3;
}
#kids.products_index .main .content .txt .btn-box-out .blue2 {
  background: #2197b5;
}
#kids.products_index .main .content .txt .btn-box-out .blue3 {
  background: #0aa7df;
}
#kids.products_index .main .content .list-box .txt .title02-eng2 {
  color: #5c5c5c;
  margin-bottom: 18px;
}
#kids.products_index .main .content .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kids.products_index .main .content .list-box .list li {
  width: calc(50% - 40px);
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 1024px) {
  #kids.products_index .main .content .list-box .list li {
    width: 100%;
  }
}
#kids.products_index .main .content .list-box .list li:nth-child(odd) {
  margin-right: 80px;
}
@media only screen and (max-width: 1024px) {
  #kids.products_index .main .content .list-box .list li:nth-child(odd) {
    margin: 0;
  }
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):last-child,
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):nth-last-child(2) {
  border: none;
}
@media only screen and (max-width: 1024px) {
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(odd):last-child,
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(odd):nth-last-child(2) {
    border-bottom: 1px solid #cccccc;
  }
}
#kids.products_index .main .content .list-box .list li:nth-child(odd) a button {
  color: #4aa371;
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):hover
  .txt
  dl
  dt {
  color: #4aa371;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(odd):hover
  a
  button:after {
  background: #4aa371;
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(even):last-child {
  border: none;
}
@media only screen and (max-width: 1024px) {
  #kids.products_index .main .content .list-box .list li:nth-child(even) a {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  #kids.products_index .main .content .list-box .list li:nth-child(even) a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
@media only screen and (max-width: 1024px) {
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(even)
    a
    .txt {
    padding-left: 0 !important;
    padding-right: 40px !important;
  }
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(even)
  a
  button {
  color: #d4a000;
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(even):hover
  .txt
  dl
  dt {
  color: #d4a000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.products_index
  .main
  .content
  .list-box
  .list
  li:nth-child(even):hover
  a
  button:after {
  background: #d4a000;
}
#kids.products_index .main .content .list-box .list li:nth-child(4n + 3) a,
#kids.products_index .main .content .list-box .list li:nth-child(4n + 4) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  #kids.products_index .main .content .list-box .list li:nth-child(4n + 3) a,
  #kids.products_index .main .content .list-box .list li:nth-child(4n + 4) a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 1300px) {
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 3)
    a
    .txt,
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 4)
    a
    .txt {
    padding-left: 0;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 3)
    a
    .txt,
  #kids.products_index
    .main
    .content
    .list-box
    .list
    li:nth-child(4n + 4)
    a
    .txt {
    padding-left: 0;
    padding-right: 0;
  }
}
#kids.products_index .main .content .list-box .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 70px 0;
}
@media only screen and (max-width: 600px) {
  #kids.products_index .main .content .list-box .list li a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding-bottom: 0;
  }
}
#kids.products_index .main .content .list-box .list li a .img-box {
  width: 60%;
  max-width: 320px;
  max-height: 320px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #kids.products_index .main .content .list-box .list li a .img-box {
    width: 100%;
  }
}
#kids.products_index .main .content .list-box .list li a .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#kids.products_index .main .content .list-box .list li a .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#kids.products_index .main .content .list-box .list li a .txt {
  width: 40%;
  text-align: left;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#kids.products_index .main .content .list-box .list li a .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
@media only screen and (max-width: 1300px) {
  #kids.products_index .main .content .list-box .list li a .txt {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #kids.products_index .main .content .list-box .list li a .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 600px) {
  #kids.products_index .main .content .list-box .list li a .txt {
    width: 100%;
    padding: 40px 0;
  }
}
#kids.products_index .main .content .list-box .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.products_index .main .content .list-box .list li a .txt dl dd {
  padding: 50px 0 80px;
  line-height: 150%;
}
@media only screen and (max-width: 600px) {
  #kids.products_index .main .content .list-box .list li a .txt dl dd {
    padding-bottom: 50px;
  }
}
#kids.products_index .main .content .list-box .list li a .txt button {
  text-transform: uppercase;
  width: auto;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  float: right;
  position: relative;
  z-index: 1;
}
#kids.products_index .main .content .list-box .list li a .txt button:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.products_index .main .content .list-box .list li a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.products_index .main .content .list-box .list li a:hover button {
  width: 160px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.products_index .main .content .list-box .list li a:hover button:after {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#kids.products_detail:after {
  background: #d7f4fc;
}

#kids.products_detail .show03 {
  background: #d7f4fc;
}

#kids.column_index {
  background: #fcf5d7;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .main {
    padding-bottom: 0;
  }
}
#kids.column_index .main .top {
  margin-bottom: 125px;
}
#kids.column_index .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 100px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-filter: drop-shadow(10px 10px 0px #ede8d0);
  filter: drop-shadow(10px 10px 0px #ede8d0);
}
#kids.column_index .list-box .list.show {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
#kids.column_index .list-box .list:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-filter: none;
    filter: none;
  }
}
#kids.column_index .list-box .list:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list:nth-child(odd) .txt {
    padding-right: 50px;
  }
}
#kids.column_index .list-box .list:nth-child(odd).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#kids.column_index .list-box .list:nth-child(odd) .img-box {
  margin-right: 80px;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list:nth-child(odd) .img-box {
    margin: 0;
    padding-right: 50px;
  }
}
#kids.column_index .list-box .list:nth-child(even) {
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list:nth-child(even) .txt {
    padding-left: 50px;
  }
}
#kids.column_index .list-box .list:nth-child(even).show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#kids.column_index .list-box .list:nth-child(even) .img-box {
  margin-left: 80px;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list:nth-child(even) .img-box {
    margin: 0;
    padding-left: 50px;
  }
}
#kids.column_index .list-box .list .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 480px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%;
    width: 100%;
    -webkit-filter: drop-shadow(10px 10px 0px #ede8d0);
    filter: drop-shadow(10px 10px 0px #ede8d0);
  }
}
#kids.column_index .list-box .list .img-box img {
  display: block;
  max-width: none;
  width: auto;
  min-height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#kids.column_index .list-box .list .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list .img-box img {
    max-width: 100%;
    width: 100%;
    min-height: auto;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
#kids.column_index .list-box .list .txt {
  background: #f3f3f3;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list .txt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 0;
    background: none;
  }
}
#kids.column_index .list-box .list .txt .title02 {
  font-weight: bold;
}
#kids.column_index .list-box .list .txt .title02-eng2 {
  color: #5c5c5c;
}
#kids.column_index .list-box .list .txt dl {
  max-width: 350px;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list .txt dl {
    max-width: 100%;
  }
}
#kids.column_index .list-box .list .txt dl dt,
#kids.column_index .list-box .list .txt dl dd {
  line-height: 150%;
}
#kids.column_index .list-box .list .txt dl dd {
  margin: 42px 0;
}
#kids.column_index .list-box .list .txt button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 27px 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  color: #ffffff;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .list .txt button {
    padding: 10px 30px;
    position: static;
  }
}
#kids.column_index .list-box .list .txt button span {
  padding: 4px;
}
#kids.column_index .list-box .list .txt button span:first-child {
  font-weight: bold;
}
#kids.column_index .list-box .e01 button {
  background: #f68535;
}
#kids.column_index .list-box .e01:hover .txt {
  background: #f68535;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .e01:hover .txt {
    background: none;
    color: inherit;
  }
}
#kids.column_index .list-box .e01:hover .txt button {
  background: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .e01:hover .txt button {
    background: #f68535;
  }
}
#kids.column_index .list-box .e02 button {
  background: #f63535;
}
#kids.column_index .list-box .e02:hover .txt {
  background: #f63535;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .e02:hover .txt {
    background: none;
    color: inherit;
  }
}
#kids.column_index .list-box .e02:hover .txt button {
  background: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .e02:hover .txt button {
    background: #f63535;
  }
}
#kids.column_index .list-box .e03 button {
  background: #d7a200;
}
#kids.column_index .list-box .e03:hover .txt {
  background: #d7a200;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .e03:hover .txt {
    background: none;
    color: inherit;
  }
}
#kids.column_index .list-box .e03:hover .txt button {
  background: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 800px) {
  #kids.column_index .list-box .e03:hover .txt button {
    background: #d7a200;
  }
}

#kids.column_detail {
  background: url("../../upload/kids/kc_bg.png") center -20px repeat-y;
}
#kids.column_detail:after {
  background: #fcf5d7;
}
#kids.column_detail .show03 {
  background: #fcf5d7;
}
#kids.column_detail .show03 .others .list li:nth-child(odd) a .img-box {
  -webkit-filter: drop-shadow(10px 10px 0px #f63535);
  filter: drop-shadow(10px 10px 0px #f63535);
}
#kids.column_detail .show03 .others .list li:nth-child(even) a .img-box {
  -webkit-filter: drop-shadow(10px 10px 0px #d7a200);
  filter: drop-shadow(10px 10px 0px #d7a200);
}
#kids.column_detail .main .share {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#kids.news {
  background: url("../../upload/kids/kn_bg2.png") center top repeat-y;
}
#kids.news:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #d7e2fc;
  width: 100%;
  height: 700px;
}
@media only screen and (max-width: 800px) {
  #kids.news:after {
    height: 70vh;
  }
}
#kids.news .main .top {
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  #kids.news .main .top {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 600px) {
  #kids.news .main .btn-box .menulist > p {
    display: none;
  }
}
#kids.news .main .list-box .list .grid-sizer {
  width: calc(100% / 3);
}
@media only screen and (max-width: 1200px) {
  #kids.news .main .list-box .list .grid-sizer {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #kids.news .main .list-box .list .grid-sizer {
    width: 100%;
  }
}
#kids.news .main .list-box .list li {
  width: calc(100% / 3);
  padding-bottom: 120px;
  opacity: 0;
}
@media only screen and (max-width: 1200px) {
  #kids.news .main .list-box .list li {
    width: calc(100% / 2);
    padding: 0 40px 50px;
  }
}
@media only screen and (max-width: 600px) {
  #kids.news .main .list-box .list li {
    width: 100%;
  }
}
#kids.news .main .list-box .list li.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#kids.news .main .list-box .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #kids.news .main .list-box .list li a {
    width: 100%;
  }
}
#kids.news .main .list-box .list li a .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
#kids.news .main .list-box .list li a .txt {
  max-width: 100%;
  width: 100%;
}
#kids.news .main .list-box .list li a .txt dl {
  padding: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}
#kids.news .main .list-box .list li a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 40px 0 30px;
  max-width: 100%;
}
#kids.news .main .list-box .list li a .txt dl dd {
  padding: 15px 0;
  line-height: 150%;
  letter-spacing: 1px;
  max-width: 100%;
}
#kids.news .main .list-box .list li a .txt time {
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
#kids.news .main .list-box .list li a .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.news .main .list-box .list li a .txt time .month,
#kids.news .main .list-box .list li a .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.news .main .list-box .list li a .txt time span {
  color: #666666;
}
#kids.news .main .list-box .list li a .txt time span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#kids.news .main .list-box .list li.on .txt {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
#kids.news .main .list-box .list li.on .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#kids.news .main .list-box .list li.on .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  padding: 40px 0 30px;
}
#kids.news .main .list-box .list li.on .txt dl dd {
  padding: 15px 0;
}
#kids.news .main .list-box .list li.off a {
  border-width: 0 6px 6px 0;
  border-style: solid;
  position: relative;
}
#kids.news .main .list-box .list li.off a:before {
  content: "";
  border-top: 6px solid;
  border-color: inherit;
  width: 90%;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
}
#kids.news .main .list-box .list li.off a:after {
  content: "";
  border-left: 6px solid;
  border-color: inherit;
  width: 6px;
  height: 45%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#kids.news .main .list-box .list li.off .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
#kids.news .main .list-box .list li.off .txt dl dt {
  padding: 0 57px;
}
#kids.news .main .list-box .list li.off .txt dl dt:before {
  content: "";
  width: 60px;
  height: 2px;
  border-top: 2px solid;
  display: block;
  padding-bottom: 40px;
}
#kids.news .main .list-box .list li.off .txt dl dd {
  font-size: 1.375rem;
  line-height: 150%;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  padding: 127px 0;
}
@media only screen and (max-width: 800px) {
  #kids.news .main .list-box .list li.off .txt dl dd {
    padding: 60px 0;
  }
}
#kids.news .main .list-box .list li.off .txt time {
  padding: 0 57px;
}

#kids.news_detail:after {
  background: #d7e2fc;
}

#kids.news_detail .show03 {
  background: url("../../upload/kids/kn_bg2.png") center top repeat-y;
}
#kids.news_detail .show03 .others2 {
  max-width: 1280px;
  margin: auto;
  padding: 140px 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  #kids.news_detail .show03 .others2 {
    padding: 140px 5%;
  }
}
@media only screen and (max-width: 800px) {
  #kids.news_detail .show03 .others2 {
    padding: 50px 5%;
  }
}
#kids.news_detail .show03 .others2 > p {
  font-size: 1.5rem;
}
#kids.news_detail .show03 .list {
  padding: 80px 0;
}
@media only screen and (max-width: 800px) {
  #kids.news_detail .show03 .list {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 1200px) {
  #kids.news_detail .show03 .list li.others-item {
    padding: 0 40px 50px;
  }
}
@media only screen and (max-width: 800px) {
  #kids.news_detail .show03 .list li.others-item {
    padding: 0 40px;
  }
}
#kids.news_detail .show03 .list li.others-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #kids.news_detail .show03 .list li.others-item a {
    width: 100%;
  }
}
#kids.news_detail .show03 .list li.others-item a .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
#kids.news_detail .show03 .list li.others-item a .txt {
  max-width: 100%;
  width: 100%;
}
#kids.news_detail .show03 .list li.others-item a .txt dl {
  padding: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}
#kids.news_detail .show03 .list li.others-item a .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: 1px;
  padding: 40px 0 30px;
  max-width: 100%;
}
#kids.news_detail .show03 .list li.others-item a .txt dl dd {
  padding: 15px 0;
  max-width: 100%;
  letter-spacing: 1px;
}
#kids.news_detail .show03 .list li.others-item a .txt time {
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
#kids.news_detail .show03 .list li.others-item a .txt time .year {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.news_detail .show03 .list li.others-item a .txt time .month,
#kids.news_detail .show03 .list li.others-item a .txt time .day {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
}
#kids.news_detail .show03 .list li.others-item a .txt time span {
  color: #666666;
}
#kids.news_detail
  .show03
  .list
  li.others-item
  a
  .txt
  time
  span:not(:last-child):after {
  content: ".";
  display: inline;
  width: 100%;
  height: 100%;
}
#kids.news_detail .show03 .list li.others-item.on .txt {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
#kids.news_detail .show03 .list li.others-item.on .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#kids.news_detail .show03 .list li.others-item.on .txt dl dt {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 150%;
  padding: 40px 0 30px;
}
#kids.news_detail .show03 .list li.others-item.on .txt dl dd {
  padding: 15px 0;
}
#kids.news_detail .show03 .list li.others-item.off a {
  border-width: 0 6px 6px 0;
  border-style: solid;
  position: relative;
}
#kids.news_detail .show03 .list li.others-item.off a:before {
  content: "";
  border-top: 6px solid;
  border-color: inherit;
  width: 90%;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
}
#kids.news_detail .show03 .list li.others-item.off a:after {
  content: "";
  border-left: 6px solid;
  border-color: inherit;
  width: 6px;
  height: 45%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#kids.news_detail .show03 .list li.others-item.off .txt dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
#kids.news_detail .show03 .list li.others-item.off .txt dl dt {
  padding: 0 57px;
}
#kids.news_detail .show03 .list li.others-item.off .txt dl dt:before {
  content: "";
  width: 60px;
  height: 2px;
  border-top: 2px solid;
  display: block;
  padding-bottom: 40px;
}
#kids.news_detail .show03 .list li.others-item.off .txt dl dd {
  font-size: 1.375rem;
  line-height: 150%;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  padding: 127px 0;
}
@media only screen and (max-width: 800px) {
  #kids.news_detail .show03 .list li.others-item.off .txt dl dd {
    padding: 60px 0;
  }
}
#kids.news_detail .show03 .list li.others-item.off .txt time {
  padding: 0 57px;
}

#member.member .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  #member.member .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#member.member .main .banner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  #member.member .main .banner {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
@media only screen and (max-width: 600px) {
  #member.member .main .banner {
    max-height: none;
  }
}
#member.member .main .banner .top {
  max-width: none;
  padding: 0 5%;
}
@media only screen and (max-width: 1024px) {
  #member.member .main .banner .top {
    top: 45%;
  }
}
#member.member .main .banner .top.show {
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
@media only screen and (max-height: 700px) {
  #member.member .main .banner .top.show {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 600px) {
  #member.member .main .banner .top.show {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 600px) {
  #member.member .main .banner .top dl dd {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #member.member .main .banner .top dl .page-title {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #member.member .main .banner .top dl .page-title-eng {
    font-size: 28px;
  }
}
#member.member .main .banner .img-box img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#member.member .main .banner:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#member.page .main .tab {
  max-width: 1280px;
  margin: auto;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  #member.page .main .tab {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #member.page .main .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#member.page .main .tab li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  height: auto;
}
#member.page .main .tab li.active a {
  opacity: 1;
}
#member.page .main .tab li.active a:after {
  border-bottom: 6px solid #4aa371;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#member.page .main .tab li a {
  display: block;
  padding: 100px 0;
  position: relative;
  opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
  #member.page .main .tab li a {
    padding: 150px 0 50px;
  }
}
#member.page .main .tab li a:after {
  content: "";
  border-bottom: 0 solid #4aa371;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  #member.page .main .tab li a:after {
    border: none;
  }
}
#member.page .main .tab li a:hover {
  opacity: 1;
}
#member.page .main .tab li a:hover:after {
  border-bottom: 6px solid #4aa371;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#member.page .main .tab li a p {
  line-height: 150%;
  letter-spacing: 1px;
}

#member.page .main .btn-box-out {
  max-width: 1440px;
  margin: 30px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#member.page .main .btn-box-out a {
  color: #fff;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 20px;
}
#member.page .main .btn-box-out .blue {
  background: #3a8be3;
}
#member.page .main .btn-box-out .blue2 {
  background: #2197b5;
}
#member.page .main .btn-box-out .blue3 {
  background: #0aa7df;
}

#member.page .main .content {
  background: #dedede;
  max-width: none;
}
#member.page .main .content > .txt {
  max-width: 1440px;
  margin: auto;
}
#member.page .main .content > .txt dl dd {
  padding: 45px 0 0;
  max-width: 540px;
  margin: auto;
  line-height: 200%;
}
#member.page .main .content > .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 45px;
}
#member.page .main .content > .txt ul li {
  font-size: 1rem;
  line-height: 1.5625rem;
  margin: 0 20px 30px;
}
#member.page .main .content > .txt ul li:hover a,
#member.page .main .content > .txt ul li.active a {
  color: #666666;
}
#member.page .main .content > .txt ul li:hover a::before,
#member.page .main .content > .txt ul li.active a::before {
  width: 100%;
  left: 0;
}
#member.page .main .content > .txt ul li a {
  padding: 10px 0;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#member.page .main .content > .txt ul li a::before {
  content: "";
  width: 0%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#member.page .main .content > .txt ul li:nth-child(2n-1) a::before,
#member.page .main .content > .txt ul li:nth-child(2n-1) .active::before {
  background-color: #50a675;
}
#member.page .main .content > .txt ul li:nth-child(2n) a::before,
#member.page .main .content > .txt ul li:nth-child(2n) .active::before {
  background-color: #3a8be3;
}
#member.page .main .content > .txt ul li:not(:last-child) {
  position: relative;
}
#member.page .main .content > .txt ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 8px;
  background: #666666;
}
#member.page .main .content .list-box {
  max-width: 1440px;
  margin: auto;
  margin: 85px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  #member.page .main .content .list-box li {
    width: 100%;
  }
}
#member.page .main .content .list-box a,
#member.page .main .content .list-box .item {
  display: block;
  padding: 30px 50px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#member.page .main .content .list-box a:hover .img-box img,
#member.page .main .content .list-box .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#member.page .main .content .list-box a .img-box,
#member.page .main .content .list-box .item .img-box {
  height: auto;
  max-width: 360px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#member.page .main .content .list-box a .img-box img,
#member.page .main .content .list-box .item .img-box img {
  max-width: none;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#member.page .main .content .list-box a .img-box img.show,
#member.page .main .content .list-box .item .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#member.page .main .content .list-box a .txt,
#member.page .main .content .list-box .item .txt {
  text-align: left;
  max-width: 360px;
  width: 100%;
  margin: auto;
  padding: 40px 0;
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#member.page .main .content .list-box a .txt.show,
#member.page .main .content .list-box .item .txt.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
#member.page .main .content .list-box a .txt.show dl dt span,
#member.page .main .content .list-box .item .txt.show dl dt span {
  font-weight: bold;
}
#member.page .main .content .list-box a .txt.show dl dt span:last-child:before,
#member.page
  .main
  .content
  .list-box
  .item
  .txt.show
  dl
  dt
  span:last-child:before {
  content: "";
  display: inline;
  width: 1px;
  height: 100%;
  border: 1px solid;
  margin: 0 10px;
}
#member.page .main .content .list-box a .txt.show dl dd,
#member.page .main .content .list-box .item .txt.show dl dd {
  padding: 40px 0;
  line-height: 200%;
}

#member.event .main .content .list-box li {
  width: calc(100% / 3);
}
@media only screen and (max-width: 1024px) {
  #member.event .main .content .list-box li {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #member.event .main .content .list-box li {
    width: 100%;
  }
}
#member.event .main .content .list-box li a .img-box {
  max-height: 360px;
  height: 360px;
}

#member.store .main .content .list-box li {
  width: calc(100% / 4);
}
@media only screen and (max-height: 700px) {
  #member.store .main .content .list-box li {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 1024px) {
  #member.store .main .content .list-box li {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 800px) {
  #member.store .main .content .list-box li {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #member.store .main .content .list-box li {
    width: 100%;
  }
}
#member.store .main .content .list-box li a .img-box {
  max-height: 130px;
  height: 130px;
  background: #ffffff;
  padding: 10px;
}
#member.store .main .content .list-box li a .img-box img {
  width: auto;
  height: 100%;
}

#member.point .main .content .list-box .item {
  width: calc(100% / 4);
}
@media only screen and (max-height: 700px) {
  #member.point .main .content .list-box .item {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 1024px) {
  #member.point .main .content .list-box .item {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 800px) {
  #member.point .main .content .list-box .item {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 600px) {
  #member.point .main .content .list-box .item {
    width: 100%;
  }
}
#member.point .main .content .list-box .item .img-box {
  position: relative;
  height: 350px;
}
#member.point .main .content .list-box .item .img-box .tag {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
  width: 56px;
  height: 56px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 56px;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 150%;
}
#member.point .main .content .list-box .item .img-box .tag1 {
  background: #2781e2;
}
#member.point .main .content .list-box .item .img-box .tag2 {
  background: #53b67f;
}
#member.point .main .content .list-box .item .img-box .tag3 {
  background: #999999;
}
#member.point .main .content .list-box .item .img-box .tag4 {
  background: #eabe36;
}
#member.point .main .content .list-box .item .txt {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  text-align: center;
}
#member.point .main .content .list-box .item .txt dl dt span:after {
  content: "點";
  display: inline;
  width: 100%;
  height: 100%;
}
#member.point .main .content .list-box .item .txt dl dd {
  padding: 10px 0 !important;
}

.member-box.detail-1 .show01 {
  padding: 194px 8% 0;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show01 {
    padding: 15% 8% 0;
  }
}
.member-box.detail-1 .show01 .txt {
  padding: 0 90px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .member-box.detail-1 .show01 .txt {
    padding: 0;
  }
}
.member-box.detail-1 .show01 .txt.line {
  border-bottom: 6px solid #d9d9d9;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.member-box.detail-1 .show01 .txt .page-title {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show01 .txt .page-title {
    font-size: 1.625rem;
  }
}
.member-box.detail-1 .show01 .txt p {
  font-size: 1.125rem;
  letter-spacing: 1px;
}

.member-box.detail-1 .show02 {
  padding: 0 8%;
}
.member-box.detail-1 .show02 .type {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show02 .type {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0;
  }
}
.member-box.detail-1 .show02 .type b {
  font-weight: bold;
}
.member-box.detail-1 .show02 .type dl {
  padding: 0 90px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .member-box.detail-1 .show02 .type dl {
    padding: 0 50px;
  }
}
.member-box.detail-1 .show02 .type dl dt {
  font-size: 1.25rem;
  padding-bottom: 45px;
  display: block;
}
.member-box.detail-1 .show02 .type dl dd {
  padding-bottom: 45px;
  line-height: 180%;
}
.member-box.detail-1 .show02 .type .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .member-box.detail-1 .show02 .type .img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
.member-box.detail-1 .show02 .type .img-box figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 3px;
}
@media only screen and (max-width: 600px) {
  .member-box.detail-1 .show02 .type .img-box figure {
    width: 100%;
  }
}
.member-box.detail-1 .show02 .type .img-box figure figcaption {
  font-size: 0.875rem;
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  padding: 30px 0;
}
.member-box.detail-1 .show02 .type .img-box img {
  opacity: 0;
}
.member-box.detail-1 .show02 .type .img-box img.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.member-box.detail-1 .show02 .type.wp dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
}
.member-box.detail-1 .show02 .type.wp .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show02 .type.wp .img-box {
    width: 100%;
  }
}
.member-box.detail-1 .show02 .type.pw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show02 .type.pw {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.member-box.detail-1 .show02 .type.pw dl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 50px;
}
.member-box.detail-1 .show02 .type.pw .img-box {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show02 .type.pw .img-box {
    width: 100%;
  }
}
.member-box.detail-1 .show02 .link-box {
  border-top: 6px solid #d9d9d9;
  text-align: center;
  padding: 100px 0;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show02 .link-box {
    padding: 50px 0 0;
  }
}
.member-box.detail-1 .show02 .link-box .link p {
  font-size: 1.5rem;
}
.member-box.detail-1 .show02 .link-box .link ul {
  padding: 15px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show02 .link-box .link ul {
    padding: 30px 0;
  }
}
.member-box.detail-1 .show02 .link-box .link ul li {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 25px;
  padding: 5px 0;
  position: relative;
}
.member-box.detail-1 .show02 .link-box .link ul li:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 2px solid #0853a5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.member-box.detail-1 .show02 .link-box .link ul li:hover {
  color: #0853a5;
}
.member-box.detail-1 .show02 .link-box .link ul li:hover:after {
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.member-box.detail-1 .show02 .link-box .link ul li:hover a {
  color: #0853a5;
}

.member-box.detail-1 .show03 {
  background: #f2f2f2;
  padding: 0 8%;
}
.member-box.detail-1 .show03 .others {
  padding: 140px 0 50px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .member-box.detail-1 .show03 .others {
    padding: 140px 5% 50px;
  }
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show03 .others {
    padding: 50px 5%;
  }
}
.member-box.detail-1 .show03 .others > p {
  font-size: 1.5rem;
}
.member-box.detail-1 .show03 .list-box {
  max-width: 1440px;
  margin: 85px auto 0;
}
.member-box.detail-1 .show03 .list-box a {
  display: block;
  margin: 0 auto;
  padding: 30px 50px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.member-box.detail-1 .show03 .list-box a:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.member-box.detail-1 .show03 .list-box a .img-box {
  max-height: 360px;
  max-width: 360px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.member-box.detail-1 .show03 .list-box a .img-box img {
  max-width: none;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.member-box.detail-1 .show03 .list-box a .img-box img.show {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.member-box.detail-1 .show03 .list-box a .txt {
  text-align: left;
  max-width: 360px;
  width: 100%;
  margin: auto;
  padding: 40px 0;
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px);
}
.member-box.detail-1 .show03 .list-box a .txt dl dt span {
  font-weight: bold;
}
.member-box.detail-1 .show03 .list-box a .txt dl dt span:last-child:before {
  content: "";
  display: inline;
  width: 1px;
  height: 100%;
  border: 1px solid;
  margin: 0 10px;
}
.member-box.detail-1 .show03 .list-box a .txt dl dd {
  padding: 40px 0;
  line-height: 200%;
}
.member-box.detail-1 .show03 .Arrow-box {
  position: absolute;
  top: 100px;
  right: 0;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .member-box.detail-1 .show03 .Arrow-box {
    right: 5%;
  }
}
@media only screen and (max-width: 800px) {
  .member-box.detail-1 .show03 .Arrow-box {
    top: 50px;
  }
}
.member-box.detail-1 .show03 .Arrow-box .Arrow {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .member-box.detail-1 .show03 .Arrow-box .Arrow {
    display: none !important;
  }
}
.member-box.detail-1 .show03 .Arrow-box .Arrow:hover {
  opacity: 1;
}
.member-box.detail-1 .show03 .Arrow-box .Arrow span {
  font-size: 30px;
  color: #fff;
}
.member-box.detail-1 .show03 .Arrow-box .ArrowPre {
  left: 5%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.member-box.detail-1 .show03 .Arrow-box .ArrowNext {
  right: 5%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.member-box.detail-2 {
  padding: 195px 8% 100px;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-2 {
    padding: 15% 8% 50px;
  }
}
.member-box.detail-2 .show01 {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .member-box.detail-2 .show01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.member-box.detail-2 .show01 .txt {
  position: relative;
}
.member-box.detail-2 .show01 .txt .page-title {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 1px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-2 .show01 .txt .page-title {
    font-size: 1.625rem;
  }
}
.member-box.detail-2 .show01 .txt p {
  font-size: 1.125rem;
  letter-spacing: 1px;
}
.member-box.detail-2 .show01 .img-box {
  max-width: 260px;
}
.member-box.detail-2 .form-box-check form {
  border-top: 6px solid #d9d9d9;
  border-bottom: 6px solid #d9d9d9;
  padding: 20px 0;
}
.member-box.detail-2 .form-box-check form .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-2 .form-box-check form .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.member-box.detail-2 .form-box-check form .form:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.member-box.detail-2 .form-box-check form .form .item-title {
  min-width: 280px;
  font-weight: bold;
  padding: 30px 0;
}
@media only screen and (max-width: 1400px) {
  .member-box.detail-2 .form-box-check form .form .item-title {
    min-width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  .member-box.detail-2 .form-box-check form .form .item-title {
    min-width: auto;
    width: 100%;
  }
}
.member-box.detail-2 .form-box-check form .form .item-in {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 800px) {
  .member-box.detail-2 .form-box-check form .form .item-in {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 15px;
  }
}
.member-box.detail-2 .form-box-check form .form .item-in p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.member-box.detail-2 .form-box-check form .form .item-in p span {
  font-size: 0.875rem;
}
.member-box.detail-2 .form-box-check form .form .item-in p .f01 {
  font-weight: bold;
  min-width: 140px;
}
.member-box.detail-2 .form-box-check form .form .item-in p .ps {
  font-size: small;
  opacity: 0.7;
}
.member-box.detail-2 .form-box-check form .form .item-in p a {
  display: block;
}
.member-box.detail-2 .form-box-check form .form .item-in .tel {
  display: block;
}
.member-box.detail-2 .form-box-check form .form .item-in .tel:before {
  content: "TEL";
  width: 100%;
  height: 100%;
  display: inline;
  font-size: 0.875rem;
}
.member-box.detail-2 .form-box-check .gototop {
  position: static !important;
  margin: 5% auto 0;
}

#contact.contact .main .banner {
  min-height: auto;
}

#contact.contact .main .content {
  max-width: none;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #contact.contact .main .content {
    padding: 50px 5%;
  }
}
#contact.contact .main .content:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  background: #ecebeb;
}
#contact.contact .main .content:after {
  content: "";
  width: 100%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: #3a5063;
}
#contact.contact .main .content .href-box {
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  #contact.contact .main .content .href-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#contact.contact .main .content .href-box li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 0 10px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #contact.contact .main .content .href-box li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding: 25px 0;
  }
}
#contact.contact .main .content .href-box li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 30px;
  border-right: 1px solid #bdbcbc;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
  #contact.contact .main .content .href-box li:not(:last-child):after {
    display: none;
  }
}
#contact.contact .main .content .href-box a {
  display: block;
  letter-spacing: 1px;
  line-height: 150%;
}
#contact.contact .main .content .href-box span {
  color: #666666;
  letter-spacing: 1px;
  line-height: 150%;
  margin: 0 10px;
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .href-box span {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  #contact.contact .main .content .href-box span {
    display: inline;
  }
}
#contact.contact .main .content .form-box-input {
  max-width: 840px;
  margin: 95px auto;
}
#contact.contact .main .content .form-box-input .form-title {
  margin-bottom: 10px;
}
#contact.contact .main .content .form-box-input form {
  padding-top: 50px;
}
#contact.contact .main .content .form-box-input form .item .menulist {
  background: #ffffff;
}
#contact.contact .main .content .form-box-input form .item textarea {
  width: 100%;
  border: none;
  min-height: 130px;
}
#contact.contact .main .content .others {
  max-width: 1020px;
  margin: 140px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#contact.contact .main .content .others article dl {
  margin-bottom: 40px;
}
#contact.contact .main .content .others article dl dt,
#contact.contact .main .content .others article dl dd {
  line-height: 150%;
  letter-spacing: 1px;
}
#contact.contact .main .content .others .link {
  color: #ffffff;
  margin: 0 20px;
  padding: 80px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others .link {
    margin: 25px 0;
  }
}
#contact.contact .main .content .others .link.show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#contact.contact .main .content .others .link ul {
  text-align: left;
}
#contact.contact .main .content .others .link ul li {
  padding: 20px 0;
}
#contact.contact .main .content .others .link ul li a {
  position: relative;
  display: block;
}
#contact.contact .main .content .others .link ul li a span {
  color: #ffffff;
  display: block;
  line-height: 150%;
  letter-spacing: 1px;
}
#contact.contact .main .content .others .link ul li a.icon-x:before {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
}
#contact.contact .main .content .others .link1 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background: #cc6c52;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others .link1 {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
#contact.contact .main .content .others .link1.show {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others .link1.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#contact.contact .main .content .others .link1 ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#contact.contact .main .content .others .link1 .title02-eng2 {
  color: #cccccc;
}
#contact.contact .main .content .others .link1 .icon-x:before {
  color: #ffffff;
}
#contact.contact .main .content .others .link2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  background: #38a4b5;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others .link2 {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
#contact.contact .main .content .others .link2.show {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others .link2.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#contact.contact .main .content .others .link2 .icon-x:before {
  background: #cccccc;
  color: #38a4b5;
}
#contact.contact .main .content .others .epaper {
  max-width: 660px;
  width: 100%;
  color: #ffffff;
  padding: 100px 0 0;
}
@media only screen and (max-width: 800px) {
  #contact.contact .main .content .others .epaper {
    padding: 50px 0;
  }
}
#contact.contact .main .content .others .epaper form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 20px;
}
#contact.contact .main .content .others .epaper form input {
  padding: 20px;
  border: none;
  background: #344859;
  color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-align: center;
}
#contact.contact .main .content .others .epaper form button {
  padding: 15px;
  background: #eabe36;
}

#search .main .tab {
  max-width: 840px;
  margin: auto;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  #search .main .tab {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 600px) {
  #search .main .tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#search .main .tab li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  height: auto;
}
#search .main .tab li.active.btn-1 a {
  color: #004ea2;
}
#search .main .tab li.active.btn-2 a {
  color: #e99f01;
}
#search .main .tab li.active a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 0;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 15px 13px;
  border-top-color: #ffffff;
}
#search .main .tab li a {
  display: block;
  padding: 100px 0 45px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  #search .main .tab li a {
    padding: 150px 0 50px;
  }
}
#search .main .tab li a p {
  line-height: 150%;
  letter-spacing: 1px;
}

#search .main .content {
  max-width: none;
  padding: 0;
  display: none;
}
#search .main .content .search-cover .search-box {
  text-align: left;
  max-width: 840px;
  margin: auto;
  padding: 40px 95px;
}
@media only screen and (max-width: 600px) {
  #search .main .content .search-cover .search-box {
    padding: 40px 50px;
  }
}
#search .main .content .search-cover .search-box form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#search .main .content .search-cover .search-box form .key {
  display: inline-block;
  background: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  padding: 30px 0;
  margin: 0;
}
#search .main .content .search-cover .search-box form .btn-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#search .main .content .search-cover .search-box form .btn-cover .icon {
  cursor: pointer;
}
#search .main .content .search-cover .search-box form .btn-cover .icon-x {
  display: inline-block;
  font-size: 1.875rem;
  margin-right: 30px;
}
@media only screen and (max-width: 600px) {
  #search .main .content .search-cover .search-box form .btn-cover .icon-x {
    margin-right: 10px;
  }
}
#search .main .content .search-cover .search-box form .btn-cover .icon-search2 {
  font-size: 0.9375rem;
  color: #ffffff;
  border-radius: 50px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  #search
    .main
    .content
    .search-cover
    .search-box
    form
    .btn-cover
    .icon-search2 {
    padding: 10px;
  }
}
#search .main .content .search-cover .search-box .tag-box {
  padding: 40px 0;
}
#search .main .content .search-cover .search-box .tag-box .title02 {
  line-height: 200%;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
#search .main .content .search-cover .search-box .tag-box .tag {
  font-weight: bold;
  line-height: 200%;
  letter-spacing: 1px;
}
#search
  .main
  .content
  .search-cover
  .search-box
  .tag-box
  .tag:not(:last-child):after {
  content: "‧";
  display: inline;
  width: 100%;
  height: 100%;
  margin: 0 10px;
}
#search .main .content > .txt {
  line-height: 200%;
  letter-spacing: 1px;
  padding: 100px 0;
}
@media only screen and (max-width: 600px) {
  #search .main .content > .txt {
    padding: 50px 5%;
  }
}
#search .main .content > .txt .ok {
  display: none;
}
#search .main .content > .txt p {
  line-height: 200%;
  letter-spacing: 1px;
}
#search .main .content > .txt .DropdownList {
  padding: 45px 0;
  display: none;
}
@media only screen and (max-width: 1024px) {
  #search .main .content > .txt .DropdownList {
    padding: 0 5%;
  }
}
#search .main .content > .txt .DropdownList .menulist {
  background: #ecebeb;
}
#search .main .content > .txt .DropdownList .menulist span:after {
  border-top-color: #000000;
}
@media only screen and (max-width: 600px) {
  #search .main .content > .txt .DropdownList .menulist span:after {
    right: auto;
    top: 80%;
  }
}
#search .main .content > .txt .DropdownList .menulist p {
  color: #000000;
  text-align: center;
  padding: 0 20px;
}
#search .main .content > .txt .DropdownList .menulist ul li {
  background: #dedede;
}
#search .main .content > .txt .DropdownList .menulist ul li:hover {
  background: #ecebeb;
}
#search .main .content > .txt .DropdownList .menulist ul li:after {
  display: none;
}
#search .main .content .list-box {
  display: none;
}
@media only screen and (max-width: 1024px) {
  #search .main .content .list-box {
    padding: 0 5%;
  }
}
#search .main .content .list-box .list-1 {
  max-width: 1020px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#search .main .content .list-box .list-1 li {
  width: calc(100% / 4);
}
@media only screen and (max-width: 1024px) {
  #search .main .content .list-box .list-1 li {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 600px) {
  #search .main .content .list-box .list-1 li {
    width: calc(100% / 2);
  }
}
#search .main .content .list-box .list-1 li a {
  border: 9px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 310px;
  margin: auto;
  display: block;
}
#search .main .content .list-box .list-1 li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#search .main .content .list-box .list-1 li a:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#search .main .content .list-box .list-1 li .item-box {
  display: block;
  margin: auto;
  overflow: hidden;
}
#search .main .content .list-box .list-1 li .item-box img {
  width: 250px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#search .main .content .list-box .list-1 li .item-box img.show {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#search .main .content .list-box .list-1 li .txt {
  padding: 30px 0 115px;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
}
#search .main .content .list-box .list-1 li .txt.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#search .main .content .list-box .list-1 li .txt .en {
  font-family: "微軟正黑體";
  letter-spacing: 1px;
  font-size: 1.25rem;
  margin-bottom: 18px;
}
#search .main .content .list-box .list-1 li .txt .ch {
  font-size: 1rem;
}
#search .main .content .list-box .list-2 {
  max-width: 840px;
  margin: auto;
  padding-left: 15px;
  text-align: left;
  counter-reset: num;
}
#search .main .content .list-box .list-2 li {
  padding: 50px 25px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#search .main .content .list-box .list-2 li:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 600px) {
  #search .main .content .list-box .list-2 li {
    padding: 50px 25px;
  }
}
#search .main .content .list-box .list-2 li:hover {
  background: #f3f3f3;
  border: 1px solid #cccccc;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#search .main .content .list-box .list-2 li:before {
  counter-increment: num;
  content: counter(num) ". ";
  margin-right: 10px;
}
#search .main .content .list-box .list-2 .title02 {
  font-weight: bold;
  line-height: unset;
  margin-bottom: 10px;
}
#search .main .content .list-box .list-2 p {
  line-height: 200%;
  letter-spacing: 1px;
}
#search .main .content .list-box .more-btn01 {
  border-bottom-color: #d4a000;
  margin: 100px auto;
}
@media only screen and (max-width: 600px) {
  #search .main .content .list-box .more-btn01 {
    margin: 50px auto;
  }
}
#search .main .content.content-p .search-cover {
  background: #b2e7ff;
}
#search .main .content.content-p .search-cover .icon-search2 {
  background: #004ea2;
}
#search .main .content.content-q .search-cover {
  background: #fff1b2;
}
#search .main .content.content-q .search-cover .icon-search2 {
  background: #e9bb01;
}
#search .main .content.up {
  display: block;
}
#search .main .content.open > .txt .ok {
  display: block;
}
#search .main .content.open > .txt .no {
  display: none;
}
#search .main .content.open > .txt .DropdownList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#search .main .content.open .list-box {
  display: block;
}

#locationMap.locationMap .main .medicalbox .items .detail > div > a.btn_style {
  padding: 5px;
  color: #fff;
  background-color: #ff9f01;
  border-color: #ff9f01;
  border-radius: 4px;
  max-width: 80px;
  width: auto;
}