@charset "UTF-8";
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/jquery.scrollbar.css");
@import url("scss/plugins/slick/slick.css");
@import url("scss/plugins/slick/slick-theme.css");
@import url("scss/plugins/nice-select.css");
@import url("font/css/fontello.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("font/icomoon/style.css?20230612v3");
@font-face {
  font-family: "fontello";
  src: url("./font/font/fontello.eot?4443862");
  src: url("./font/font/fontello.eot?4443862#iefix") format("embedded-opentype"), url("./font/font/fontello.woff?4443862") format("woff"), url("./font/font/fontello.ttf?4443862") format("truetype"), url("./font/font/fontello.svg?4443862#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("./font/icomoon/fonts/icomoon.eot?20230612v3");
  src: url("./font/icomoon/fonts/icomoon.woff?20230612v3") format("woff"), url("./font/icomoon/fonts/icomoon.woff2?20230612v3") format("woff"), url("./font/icomoon/fonts/icomoon.ttf?20230612v3") format("truetype"), url("./font/icomoon/fonts/icomoon.svg?20230612v3") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*layouts*/
i label {
  margin-bottom: 0;
}

textarea {
  -webkit-appearance: none;
}

button,
input {
  line-height: normal;
  outline: 0;
  background: transparent;
  border: 0;
}

button,
select {
  text-transform: none;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  nowhitespace: afterproperty;
  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;
}

button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

figure,
address {
  padding: 0;
  margin: 0;
}

* {
  outline: 0;
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

/* ==========================================================================
    public
 ========================================================================== */
body {
  margin: 0;
  font-family: "Poppins", "Noto Sans TC";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  color: black;
  overflow-x: hidden;
  transition: opacity 0.3s;
}

.safari body {
  -webkit-text-size-adjust: none;
}

/* ==========================================================================
    public
 ========================================================================== */
/*不顯示外虛線*/
button, a {
  outline: none !important;
}

a, a:active {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  line-height: normal;
}

img {
  height: auto;
  border: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  image-rendering: -webkit-optimize-contrast;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

.hidden {
  display: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-inline-start: 0px;
}

ul > li {
  list-style: none;
}

textarea {
  resize: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #646464;
}

::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #646464;
}

::-o-placeholder { /* Mozilla Firefox 19+ */
  color: #646464;
}

::-ms-placeholder { /* Internet Explorer 10+ */
  color: #646464;
}

::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #646464;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s; /*透明*/
}

/**/
.scrollbar,
.scrollbarX,
.scrollbarY {
  -webkit-overflow-scrolling: touch;
}

.scrollbarX {
  overflow-x: auto;
}

table {
  -webkit-backface-visibility: visible;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.modal-content {
  border: 0;
}
.modal-content .modal-dialog {
  margin: 0;
}
.modal-content .close {
  text-shadow: none;
  opacity: 1;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  width: auto;
  margin: 0;
}

.bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
}

@keyframes indexVedioLineAni {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  40% {
    transform: translateX(100%);
    opacity: 1;
  }
  41% {
    transform: translateX(100%);
    opacity: 0;
  }
  59% {
    transform: translateX(-100%);
    opacity: 0;
  }
  60% {
    transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes indexVedioCircleAni {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 0.3;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes testListAni {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*Public*/
@media (min-width: 1200px) {
  .col-1200-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 1500px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1700px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1620px;
  }
}
@media (min-width: 1800px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1730px;
  }
}
.hide, .opacity0 {
  opacity: 0;
}

.menuOpen {
  overflow: hidden;
}

.overflowH {
  overflow: hidden;
}

.wordBreakAll {
  word-break: break-all;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fz-10 {
  font-size: 10px;
}

.fz-12 {
  font-size: 12px;
}

.fz-14 {
  font-size: 14px;
}

.fz-15 {
  font-size: 15px;
}

.fz-16 {
  font-size: 16px;
}

.fz-17 {
  font-size: 17px;
}

.fz-18 {
  font-size: 18px;
}

.fz-19 {
  font-size: 19px;
}

.fz-20 {
  font-size: 20px;
}

.fz-21 {
  font-size: 21px;
}

.fz-22 {
  font-size: 22px;
}

.fz-23 {
  font-size: 23px;
}

.fz-24 {
  font-size: 24px;
}

.fz-25 {
  font-size: 25px;
}

.fz-26 {
  font-size: 26px;
}

.fz-27 {
  font-size: 27px;
}

.fz-28 {
  font-size: 28px;
}

.fz-30 {
  font-size: 30px;
}

.fz-32 {
  font-size: 32px;
}

.fz-34 {
  font-size: 34px;
}

.fz-36 {
  font-size: 36px;
}

.fz-40 {
  font-size: 40px;
}

.fz-45 {
  font-size: 45px;
}

.fz-48 {
  font-size: 48px;
}

.fz-50 {
  font-size: 50px;
}

.fz-55 {
  font-size: 55px;
}

.fz-60 {
  font-size: 60px;
}

.fz-62 {
  font-size: 62px;
}

.fz-64 {
  font-size: 64px;
}

.fz-70 {
  font-size: 70px;
}

.fz-72 {
  font-size: 72px;
}

.fz-100 {
  font-size: 100px;
}

.fz-160 {
  font-size: 160px;
}

.ff-PoppNoto {
  font-family: "Poppins", "Noto Sans TC";
}

.ff-Popp {
  font-family: "Poppins";
}

.ff-Noto {
  font-family: "Noto Sans TC";
}

.ff-Rob {
  font-family: "Roboto";
}

.ff-RobNoto {
  font-family: "Roboto", "Noto Sans TC";
}

.lh-12 {
  line-height: 12px;
}

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-34 {
  line-height: 34px;
}

.lh-35 {
  line-height: 35px;
}

.lh-36 {
  line-height: 36px;
}

.lh-38 {
  line-height: 38px;
}

.lh-40 {
  line-height: 40px;
}

.lh-42 {
  line-height: 42px;
}

.lh-44 {
  line-height: 44px;
}

.lh-45 {
  line-height: 45px;
}

.lh-46 {
  line-height: 46px;
}

.lh-48 {
  line-height: 48px;
}

.lh-50 {
  line-height: 50px;
}

.lh-54 {
  line-height: 54px;
}

.lh-55 {
  line-height: 55px;
}

.lh-60 {
  line-height: 60px;
}

.lh-64 {
  line-height: 64px;
}

.lh-70 {
  line-height: 70px;
}

.lh-76 {
  line-height: 76px;
}

.lh-80 {
  line-height: 80px;
}

.lh-100 {
  line-height: 100px;
}

.lh-160 {
  line-height: 160px;
}

.ls-30 {
  letter-spacing: 0.03em;
}

.ls-50 {
  letter-spacing: 0.05em;
}

.ls-80 {
  letter-spacing: 0.08em;
}

.ls-100 {
  letter-spacing: 0.1em;
}

.ls-400 {
  letter-spacing: 0.4em;
}

.ls-500 {
  letter-spacing: 0.5em;
}

.colorDefaultBlue {
  color: #268DDE;
}

.colorDefaultDeepBlue {
  color: #234CAF;
}

.colorWhite {
  color: #fff;
}

.colorBlack {
  color: #000;
}

.colorBlack32 {
  color: #323232;
}

.colorGray64 {
  color: #646464;
}

.colorGray96 {
  color: #969696;
}

.colorGrayA {
  color: #aaa;
}

.bgWhite {
  background: #fff;
  position: relative;
}

.bgGray {
  background: #f5f5f5;
  position: relative;
}

.textJustify {
  text-align: justify;
}

.textCenter {
  text-align: center;
}

.maxW-1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.maxW-1100 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.maxW-1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.maxW-1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.maxW-1380 {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}

.maxW-1410 {
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
}

.maxW-1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.maxW-1540 {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
}

.maxW-1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}

.maxW-1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.maxW-1640 {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}

/*btn*/
.btn.defaultBtn, .defaultBtn {
  min-width: 200px;
  height: 50px;
  border: none;
  border-radius: 25px;
  padding: 0 25px;
  text-align: center;
  background: #268DDE;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.btn.defaultBtn:hover, .defaultBtn:hover {
  background: #234CAF;
}
.btn.defaultBtn:focus, .defaultBtn:focus {
  outline: none;
  box-shadow: none;
}
.btn.defaultBtn.borderBtn, .defaultBtn.borderBtn {
  background: #fff;
  color: #268DDE;
  border: solid 1px #268DDE;
}
.btn.defaultBtn.borderBtn:hover, .defaultBtn.borderBtn:hover {
  background: #268DDE;
  color: #fff;
}
.btn.defaultBtn.btnGray, .defaultBtn.btnGray {
  color: #fff;
  background: #969696;
}
.btn.defaultBtn.btnGray:hover, .defaultBtn.btnGray:hover {
  background: #555;
}

/*箭頭(預設右)*/
p {
  margin-bottom: 0;
}

.insidepageBanner {
  --bannerHeight: 520px;
  width: 100%;
  height: var(--bannerHeight);
  position: relative;
}
@media screen and (max-width: 991px) {
  .insidepageBanner {
    --bannerHeight: 400px;
  }
}
@media screen and (max-width: 767px) {
  .insidepageBanner {
    --bannerHeight: 320px;
  }
}
@media screen and (max-width: 575px) {
  .insidepageBanner {
    --bannerHeight: 280px;
  }
}
.insidepageBanner .img {
  width: 100%;
  height: calc(var(--bannerHeight) + 100px);
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 0;
}
.insidepageBanner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 991px) {
  .insidepageBanner .img {
    height: calc(var(--bannerHeight) + 80px);
  }
}
@media screen and (max-width: 767px) {
  .insidepageBanner .img {
    height: calc(var(--bannerHeight) + 60px);
  }
}
.insidepageBanner .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.insidepageBanner .shadow::before, .insidepageBanner .shadow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.insidepageBanner .shadow::before {
  width: 100%;
  height: 38.46%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}
.insidepageBanner .shadow::after {
  width: 78.75%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}
.insidepageBanner .container {
  height: 100%;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.insidepageBanner .title {
  margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
  .insidepageBanner .title {
    font-size: 60px;
    line-height: 64px;
  }
}
@media screen and (max-width: 575px) {
  .insidepageBanner .title {
    font-size: 50px;
    line-height: 52px;
  }
}
@media screen and (max-width: 374px) {
  .insidepageBanner .title {
    font-size: 46px;
    line-height: 48px;
  }
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  border-radius: 0rem;
  list-style: none;
  background: none;
  display: flex;
  align-items: center;
}
.breadcrumb > li {
  float: none;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .breadcrumb > li {
    font-size: 16px;
  }
}
.breadcrumb > li a {
  color: #fff;
}
.breadcrumb > li a:hover {
  opacity: 0.8;
}
.breadcrumb > li + li::before {
  color: #fff;
}
.breadcrumb > .active {
  color: #fff;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  width: 2px;
  height: 15px;
  margin: 0 10px 0 10px;
  padding: 0;
  background: #fff;
  transform: rotate(16deg);
  float: none;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -2px;
}
@media screen and (max-width: 767px) {
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    height: 12px;
  }
}

@media screen and (max-width: 575px) {
  .insidepage .container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 374px) {
  .insidepage .container {
    padding: 0 15px;
  }
}
.insidepage .pageTitle {
  margin-bottom: 0;
  padding-top: 101px;
  padding-bottom: 61px;
}
@media screen and (max-width: 991px) {
  .insidepage .pageTitle {
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 40px;
    line-height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .insidepage .pageTitle {
    font-size: 32px;
    line-height: 36px;
  }
}
@media screen and (max-width: 575px) {
  .insidepage .pageTitle {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

/*編輯器共用*/
.editorContainer::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
  float: none;
}
.editorContainer img {
  max-width: 100%;
  height: auto !important;
}
.editorContainer ul {
  list-style: disc;
  padding-inline-start: 40px;
}
.editorContainer ul > li {
  list-style: inherit;
}
.editorContainer .editorVideo {
  width: 100%;
  max-width: 100%;
  height: 565px;
  border: none;
}
@media screen and (max-width: 1199px) {
  .editorContainer .editorVideo {
    height: 523px;
  }
}
@media screen and (max-width: 991px) {
  .editorContainer .editorVideo {
    height: 388px;
  }
}
@media screen and (max-width: 767px) {
  .editorContainer .editorVideo {
    height: 287px;
  }
}
@media screen and (max-width: 450px) {
  .editorContainer .editorVideo {
    height: 200px;
  }
}

/*內頁共用*/
/*search form*/
.searchFormContainer {
  width: 100%;
  padding: 30px 0;
  background: #234CAF;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .searchFormContainer {
    padding: 15px 0;
  }
}
.searchFormContainer .searchBox {
  width: 100%;
  max-width: 915px;
  margin: 0 auto;
}
.searchFormContainer form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchFormContainer .searchInput {
  height: 40px;
  margin-right: 54px;
  border-bottom: solid 1px #fff;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 16px;
  flex-grow: 1;
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  -webkit-appearance: none; /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
  -moz-appearance: none; /* FireFox */
  appearance: none;
}
@media screen and (max-width: 991px) {
  .searchFormContainer .searchInput {
    height: 30px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .searchFormContainer .searchInput {
    max-width: calc(100% - 30px - 40px);
    margin-right: 30px;
  }
}
.searchFormContainer .searchInput::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.searchFormContainer .submitBtn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #268DDE;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .searchFormContainer .submitBtn {
    width: 40px;
    height: 40px;
  }
}
.searchFormContainer .submitBtn:hover {
  right: -5px;
}
.searchFormContainer .submitBtn .icon {
  width: 6px;
  height: 12px;
  position: relative;
  transition: all 0.4s;
}
.searchFormContainer .submitBtn .icon::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  display: block;
  transform: rotate(45deg);
  position: relative;
  top: 1px;
  right: 4px;
}

/*內頁選單*/
.pageNavContainer {
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 991px) {
  .pageNavContainer {
    background: transparent;
  }
}

.pageNavRwd {
  margin-top: -30px;
  margin-bottom: -30px;
  position: relative;
}
.pageNavRwd .openNavBtn {
  width: 100%;
  height: 60px;
  border-radius: 0px;
  border: solid 1px #234CAF;
  padding: 0 13px;
  background: #234CAF;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pageNavRwd .openNavBtn::before {
  content: "";
  width: 10px;
  height: 100%;
}
.pageNavRwd .openNavBtn:not(.collapsed) .icon {
  transform: rotateX(180deg);
  transition: all 0.4s 0s;
}
.pageNavRwd .openNavBtn .text {
  transition: all 0.4s 0.2s;
}
@media screen and (max-width: 320px) {
  .pageNavRwd .openNavBtn .text {
    font-size: 18px;
  }
}
.pageNavRwd .openNavBtn .icon {
  width: 16px;
  height: 8px;
  position: relative;
  transition: all 0.4s;
}
.pageNavRwd .openNavBtn .icon::after {
  content: "";
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  bottom: 2px;
  left: 2px;
  transform: rotate(-45deg);
}
.pageNavRwd .rwdNav {
  width: 100%;
  position: absolute;
  top: 60px;
  z-index: 30;
}
.pageNavRwd .rwdNav ul {
  width: 100%;
  height: auto;
  border-top: none;
  padding: 0;
  background: #f0f0f0;
  flex-direction: column;
}
.pageNavRwd .rwdNav ul li {
  width: 100%;
  padding: 0;
}
.pageNavRwd .rwdNav ul li:not(:last-child) {
  padding-bottom: 1px;
  position: relative;
}
.pageNavRwd .rwdNav ul li:not(:last-child)::after {
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  background: #fff;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.pageNavRwd .rwdNav ul a {
  width: 100%;
  padding: 12px 20px;
  display: block;
  position: relative;
  transition: all 0.4s;
  text-align: center;
}
.pageNavRwd .rwdNav ul a:hover {
  color: #268DDE;
}
.pageNavRwd .rwdNav ul a:hover:not(.active) {
  color: #234CAF;
}
.pageNavRwd .rwdNav ul a::after {
  display: none;
}
.pageNavRwd .rwdNav ul a.active {
  background: rgba(40, 140, 220, 0.15);
  color: #234CAF;
}

.pageNav {
  height: 78px;
}
.pageNav ul {
  display: flex;
  justify-content: center;
}
.pageNav li {
  position: relative;
}
.pageNav li:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #dbdbdb;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pageNav .item.active a {
  padding-top: 18px;
  padding-bottom: 37px;
  color: #fff;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .pageNav .item.active a {
    padding-top: 10px;
    padding-bottom: 28px;
  }
}
.pageNav .item.active a::before {
  height: calc(100% + 18px);
}
.pageNav .item:not(.active) a:hover {
  color: #234CAF;
}
.pageNav .item a {
  padding: 27px 41px 28px;
  line-height: 24px;
  display: block;
  color: #323232;
  position: relative;
  transition: all 0.4s;
}
@media screen and (max-width: 575px) {
  .pageNav .item a {
    padding: 20px 30px 20px;
  }
}
.pageNav .item a::before {
  content: "";
  width: 100%;
  height: 0;
  background: #234CAF;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
  z-index: 0;
}
.pageNav .item a .text {
  width: 100%;
  display: block;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.pageNav .slick-list {
  padding-top: 18px;
  margin-top: -18px;
}
.pageNav .slick-track {
  display: flex;
}
.pageNav .slick-slide {
  height: auto;
  float: none;
}
.pageNav .slickControl .prev, .pageNav .slickControl .next {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  transition: all 0.4s;
}
.pageNav .slickControl .prev .icon, .pageNav .slickControl .next .icon {
  width: 12px;
  height: 24px;
  position: relative;
  transition: all 0.4s;
}
.pageNav .slickControl .prev .icon::after, .pageNav .slickControl .next .icon::after {
  content: "";
  width: 19px;
  height: 19px;
  border-top: 2px solid #234CAF;
  position: absolute;
  top: 3px;
}
.pageNav .slickControl .prev {
  left: -50px;
}
@media screen and (max-width: 991px) {
  .pageNav .slickControl .prev {
    left: 25px;
  }
}
.pageNav .slickControl .prev:hover .icon {
  left: -5px;
}
.pageNav .slickControl .prev .icon {
  left: 0;
}
.pageNav .slickControl .prev .icon::after {
  border-left: 2px solid #234CAF;
  transform: rotate(-45deg);
  left: 3px;
}
.pageNav .slickControl .next {
  right: -50px;
}
@media screen and (max-width: 991px) {
  .pageNav .slickControl .next {
    right: 25px;
  }
}
.pageNav .slickControl .next:hover .icon {
  right: -5px;
}
.pageNav .slickControl .next .icon {
  right: 0;
}
.pageNav .slickControl .next .icon::after {
  border-right: 2px solid #234CAF;
  transform: rotate(45deg);
  right: 3px;
}

/*清單頁pagination*/
.customPagination {
  padding-top: 0px;
}
.customPagination .pagination {
  justify-content: center;
  align-items: center;
}
.customPagination .page-item.ellipsis .text {
  position: relative;
  top: -3px;
}
.customPagination .page-item:first-child .page-link, .customPagination .page-item:last-child .page-link {
  border-radius: 0;
}
.customPagination .page-item.pageNum {
  border: none;
  margin: 0 10px;
  font: 400 24px "Roboto";
  line-height: 24px;
}
.customPagination .page-item.pageNum .page-link {
  width: auto;
  max-width: none;
  height: auto;
  margin: 0px;
  border: none;
  border-radius: 0px;
  padding: 8px 8px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  line-height: 24px;
  transition: all 0.4s;
  overflow: hidden;
  color: #969696;
}
.customPagination .page-item.pageNum .page-link:hover {
  color: #268DDE;
}
.customPagination .page-item.active .page-link {
  font-weight: 500;
  color: #234CAF;
  background: transparent;
  position: relative;
}
.customPagination .page-item.active .page-link::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #234CAF;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 575px) {
  .customPagination .page-item:not(.active) {
    display: none;
  }
  .customPagination .page-item.first, .customPagination .page-item.last, .customPagination .page-item.prev, .customPagination .page-item.next {
    display: block;
  }
}
.customPagination .page-item.first,
.customPagination .page-item.last {
  margin: 0;
  border-radius: 0;
}
.customPagination .page-item.prev, .customPagination .page-item.next {
  width: 20px;
  height: 20px;
  background: transparent;
}
.customPagination .page-item.prev .page-link, .customPagination .page-item.next .page-link {
  width: 100%;
  height: 100%;
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #234CAF;
}
.customPagination .page-item.prev .page-link i, .customPagination .page-item.next .page-link i {
  position: relative;
  transition: all 0.4s;
}
.customPagination .page-item.prev {
  margin-right: 28px;
}
@media screen and (max-width: 575px) {
  .customPagination .page-item.prev {
    margin-right: 10px;
  }
}
.customPagination .page-item.prev i {
  left: 0;
}
@media screen and (min-width: 992px) {
  .customPagination .page-item.prev:not(.disabled):hover .page-link i {
    left: -5px;
  }
}
.customPagination .page-item.next {
  margin-left: 28px;
}
@media screen and (max-width: 575px) {
  .customPagination .page-item.next {
    margin-left: 10px;
  }
}
.customPagination .page-item.next i {
  right: 0;
}
@media screen and (min-width: 992px) {
  .customPagination .page-item.next:not(.disabled):hover .page-link i {
    right: -5px;
  }
}
.customPagination .page-link:focus {
  box-shadow: none;
}
.customPagination .page-item.disabled .page-link {
  opacity: 0.5;
}

/*detail 上下一則*/
.detailPagination {
  padding-top: 50px;
  padding-bottom: 140px;
  border-top: solid 1px rgba(50, 50, 50, 0.5);
}
@media screen and (max-width: 767px) {
  .detailPagination {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 575px) {
  .detailPagination {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
.detailPagination .goPage.prev:hover .iconBtn, .detailPagination .goPage.next:hover .iconBtn {
  background: #234CAF;
}
.detailPagination .goPage.prev .iconBtn, .detailPagination .goPage.next .iconBtn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #268DDE;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s;
  position: relative;
}
@media screen and (max-width: 575px) {
  .detailPagination .goPage.prev .iconBtn, .detailPagination .goPage.next .iconBtn {
    width: 50px;
    height: 50px;
  }
}
.detailPagination .goPage.prev .icon, .detailPagination .goPage.next .icon {
  width: 6px;
  height: 12px;
  display: block;
  position: relative;
}
.detailPagination .goPage.prev .icon::before, .detailPagination .goPage.next .icon::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-top: solid 2px #fff;
  position: relative;
  top: 1px;
}
.detailPagination .goPage.prev .text, .detailPagination .goPage.next .text {
  width: 160px;
  margin: 0 30px;
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .detailPagination .goPage.prev .text, .detailPagination .goPage.next .text {
    margin: 0 15px;
  }
}
@media screen and (max-width: 575px) {
  .detailPagination .goPage.prev .text, .detailPagination .goPage.next .text {
    display: none;
  }
}
.detailPagination .goPage.prev:hover .iconBtn {
  left: -5px;
}
.detailPagination .goPage.prev .iconBtn {
  left: 0;
}
.detailPagination .goPage.prev .icon::before {
  border-left: solid 2px #fff;
  transform: rotate(-45deg);
  left: 1px;
}
.detailPagination .goPage.next:hover .iconBtn {
  right: -5px;
}
.detailPagination .goPage.next .iconBtn {
  right: 0;
}
.detailPagination .goPage.next .icon::before {
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  right: 4px;
}
.listDisc {
  padding-left: 0.75em;
}
.listDisc li {
  position: relative;
}
.listDisc li::before {
  content: "";
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background: #646464;
  display: inline-block;
  position: absolute;
  top: calc(18px - 0.125em);
}
.listDisc li.colorDefaultDeepBlue::before {
  background: #234CAF;
}

.dafaultTable {
  width: 100%;
}
.dafaultTable tr:not(:last-child) {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.dafaultTable thead {
  border-left: 2px solid #268DDE;
  border-right: 2px solid #268DDE;
}
.dafaultTable > tbody {
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-left: 2px solid rgba(0, 0, 0, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  position: relative;
}
.dafaultTable th {
  border: none;
  padding: 26px 30px 22px;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 1499px) {
  .dafaultTable th {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .dafaultTable th {
    font-size: 18px;
    font-weight: 500;
  }
}
.dafaultTable th:not(:last-child)::after {
  content: "";
  width: 2px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  right: -1px;
  top: 0;
}
.dafaultTable td {
  padding: 0;
}
.dafaultTable table {
  width: 100%;
}
.dafaultTable .bgf0 {
  background: #f0f0f0;
}
.dafaultTable .bgBlue {
  background: #268DDE;
}

/*隱藏標頭*/
.hideHead {
  margin: 0;
  opacity: 0;
  height: 0;
  width: 0;
}

/*tab*/
.tabBox {
  margin: 0 0 35px;
}
.tabBox .tabInner li {
  transition: all 0.4s;
  position: relative;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .tabBox .tabInner li {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 575px) {
  .tabBox .tabInner li {
    margin: 0 12px 20px;
  }
}
.tabBox .tabInner li:not(:last-child) {
  margin: 0 60px 15px 0;
}
@media screen and (max-width: 767px) {
  .tabBox .tabInner li:not(:last-child) {
    margin: 0 30px 10px 0;
  }
}
@media screen and (max-width: 575px) {
  .tabBox .tabInner li:not(:last-child) {
    margin: 0 12px 20px;
  }
}
.tabBox .tabInner li:hover .tabBtn, .tabBox .tabInner li.active .tabBtn {
  color: #234CAF;
}
.tabBox .tabInner li:hover::after, .tabBox .tabInner li.active::after {
  width: 100%;
}
.tabBox .tabInner li::after {
  background: #234CAF;
  transition: width 0.4s;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 2px;
}
.tabBox .tabInner li .tabBtn {
  color: #646464;
  transition: all 0.4s;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  padding: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .tabBox .tabInner li .tabBtn {
    font-size: 18px;
    padding: 0 0 10px;
  }
}
@media screen and (max-width: 320px) {
  .tabBox .tabInner li .tabBtn {
    font-size: 16px;
  }
}

/*table清單*/
.tableList {
  overflow-x: auto;
}
.tableList table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.tableList table thead {
  background: #234CAF;
  color: #FFFFFF;
}
.tableList table thead tr th {
  white-space: nowrap;
  font-family: "Noto Sans TC";
  font-weight: 700;
  font-size: 20px;
  padding: 15px 10px;
}
@media screen and (max-width: 767px) {
  .tableList table thead tr th {
    font-size: 18px;
  }
}
.tableList table thead tr th.item {
  padding-left: 75px;
}
@media screen and (max-width: 991px) {
  .tableList table thead tr th.item {
    padding-left: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tableList table thead tr th.item {
    padding-left: 25px;
  }
}
.tableList table tbody tr:not(:last-child) {
  border-bottom: 1px solid #DEDEDE;
}
.tableList table tbody tr:last-child {
  border-bottom: 1px solid #234CAF;
}
@media screen and (min-width: 1080px) {
  .tableList table tbody tr:hover {
    background: #f8f8f8;
  }
}
.tableList table tbody tr td {
  color: #646464;
  font-family: "Noto Sans TC";
  font-weight: 500;
  font-size: 18px;
  padding: 21.5px 15px 21.5px 10px;
}
@media screen and (max-width: 767px) {
  .tableList table tbody tr td {
    font-size: 16px;
  }
}
.tableList table tbody tr td:not(:last-child) {
  position: relative;
}
.tableList table tbody tr td:not(:last-child)::after {
  background: #DEDEDE;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
  width: 1px;
  height: calc(100% - 30px);
}
.tableList table tbody tr td.item {
  padding-left: 75px;
  word-break: keep-all;
}
@media screen and (max-width: 991px) {
  .tableList table tbody tr td.item {
    padding-left: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tableList table tbody tr td.item {
    padding-left: 25px;
  }
}
.tableList table tbody tr td.update {
  white-space: nowrap;
  width: 246px;
}
@media screen and (max-width: 991px) {
  .tableList table tbody tr td.update {
    width: 166px;
  }
}
@media screen and (max-width: 767px) {
  .tableList table tbody tr td.update {
    width: 126px;
  }
}
@media screen and (max-width: 575px) {
  .tableList table tbody tr td.update {
    min-width: 120px;
  }
}
.tableList table tbody tr td.download {
  width: 130px;
}
@media screen and (max-width: 991px) {
  .tableList table tbody tr td.download {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .tableList table tbody tr td.download {
    width: 70px;
  }
}
@media screen and (max-width: 575px) {
  .tableList table tbody tr td.download {
    min-width: 60px;
  }
}
.tableList table tbody tr td .tableListDoc {
  width: fit-content;
  width: -moz-fit-content;
}
.tableList table tbody tr td .tableListDoc .tableListBtnDoc {
  color: #DEDEDE;
  font-size: 36px;
  margin: 0 41px 0 0;
}
@media screen and (max-width: 991px) {
  .tableList table tbody tr td .tableListDoc .tableListBtnDoc {
    margin: 0 26px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .tableList table tbody tr td .tableListDoc .tableListBtnDoc {
    font-size: 30px;
    margin: 0 15px 0 0;
  }
}
.tableList table tbody tr td .tableListBtnDownload {
  color: #313133;
  transition: all 0.4s;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .tableList table tbody tr td .tableListBtnDownload {
    font-size: 17px;
  }
}
.tableList table tbody tr td .tableListBtnDownload:hover {
  color: #268DDE;
}
.tableList.lastnodecro tbody tr:last-child {
  border-bottom: 1px solid #DEDEDE;
}

/*table資料*/
@media screen and (max-width: 1199px) {
  .tableData {
    overflow-x: auto;
  }
}
.tableData table thead {
  background: #268DDE;
  color: #FFFFFF;
  width: 100%;
}
.tableData table thead tr th {
  font-family: "Noto Sans TC";
  font-weight: 700;
  font-size: 20px;
  padding: 17px 5px 33px 50px;
}
@media screen and (max-width: 767px) {
  .tableData table thead tr th {
    font-size: 18px;
    padding: 17px 5px 33px 30px;
  }
}
.tableData table thead tr th:not(:last-child) {
  position: relative;
}
.tableData table thead tr th:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.2);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
}
.tableData table tbody tr td {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  color: #646464;
  position: relative;
  vertical-align: top;
  font-family: "Noto Sans TC";
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  padding: 16px 56px 40px 50px;
}
@media screen and (max-width: 767px) {
  .tableData table tbody tr td {
    font-size: 16px;
    line-height: 30px;
    padding: 16px 56px 40px 30px;
  }
}
.tableData table tbody tr td.date {
  min-width: 217px;
}
.tableData table tbody tr td.person {
  min-width: 269px;
}
.tableData table tbody tr td.person > p:not(:last-child) {
  margin: 0 0 4px;
}
.tableData table tbody tr td.item {
  min-width: 315px;
}
.tableData table tbody tr td.result {
  padding-right: 65px;
  min-width: 390px;
}
.tableData table tbody tr td::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
}
.tableData table tbody tr td:first-child::before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
}

/*搜尋*/
.searchBox {
  position: relative;
  z-index: 5;
  margin: 0 0 40px;
}
.searchBox .searchSelectBox {
  width: 180px;
}
@media screen and (max-width: 767px) {
  .searchBox .searchSelectBox {
    width: 170px;
  }
}
@media screen and (max-width: 375px) {
  .searchBox .searchSelectBox {
    width: calc(50% - 10px);
  }
}
.searchBox .searchSelectBox:not(:last-child) {
  margin: 0 25px 0 0;
}
@media screen and (max-width: 375px) {
  .searchBox .searchSelectBox:not(:last-child) {
    margin: 0 20px 0 0;
  }
}

/*表單樣式*/
body {
  min-height: 100vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  transition: opacity 0.4s 0.2s;
}

header, main, footer {
  flex-shrink: 0;
}

/*header*/
/*main*/
main {
  width: 100%;
  flex-grow: 1;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

/*footer*/
footer {
  width: 100%;
  position: relative;
  z-index: 100;
}

header.header {
  position: relative;
  z-index: 900;
  background: #fff;
}
@media screen and (max-width: 991px) {
  header.header .headerTop > .container {
    max-width: calc(100% - 85px);
  }
}
@media screen and (max-width: 575px) {
  header.header .headerTop > .container {
    max-width: calc(100% - 5px);
  }
}
header.header .headerBox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100px;
}
@media screen and (max-width: 991px) {
  header.header .headerBox {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  header.header .headerBox {
    height: 60px;
  }
}
header.header .logo {
  width: 405px;
  height: 50px;
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
  header.header .logo {
    width: 330px;
    height: auto;
  }
}
@media screen and (max-width: 1499px) {
  header.header .logo {
    width: 250px;
    height: auto;
  }
}
@media screen and (max-width: 1199px) {
  header.header .logo {
    width: 300px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  header.header .logo {
    width: 250px;
    height: auto;
  }
}
@media screen and (max-width: 991px) {
  header.header .logo {
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  header.header .logo {
    width: 245px;
    height: 30px;
  }
}
@media screen and (max-width: 576px) {
  header.header .logo {
    width: 220px;
    height: auto;
  }
}
@media screen and (max-width: 321px) {
  header.header .logo {
    width: 180px;
    height: auto;
  }
}
@media screen and (max-width: 280px) {
  header.header .logo {
    width: 150px;
    height: auto;
  }
}
header.header .logo a {
  display: block;
}
header.header .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header.header .headerNav {
  height: 100%;
  margin: 0 auto 0 116px;
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  header.header .headerNav {
    margin: 0 auto 0 65px;
  }
}
@media screen and (max-width: 1599px) {
  header.header .headerNav {
    margin: 0 auto 0 40px;
  }
}
@media screen and (max-width: 991px) {
  header.header .headerNav {
    display: none;
  }
}
header.header .headerNav > ul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header.header .headerNav > ul > li {
  height: 100%;
  position: relative;
}
header.header .headerNav > ul > li:not(:last-child) {
  margin: 0 40px 0 0;
}
@media screen and (max-width: 1499px) {
  header.header .headerNav > ul > li:not(:last-child) {
    margin: 0 20px 0 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  header.header .headerNav > ul > li:not(:last-child) {
    margin: 0 10px 0 0;
  }
}
header.header .headerNav > ul > li:not(:hover) a::after {
  height: 0;
}
header.header .headerNav > ul > li:not(:hover) .subList {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 1499px) {
  header.header .headerNav > ul > li {
    padding: 0 5px;
    font-size: 17px;
  }
}
@media screen and (max-width: 1199px) {
  header.header .headerNav > ul > li {
    padding: 0 5px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  header.header .headerNav > ul > li {
    font-size: 16px;
  }
}
@media screen and (max-width: 1699px) {
  header.header .headerNav > ul > li:lang(ja) {
    padding: 0 12px;
  }
}
@media screen and (max-width: 1499px) {
  header.header .headerNav > ul > li:lang(ja) {
    padding: 0 12px;
    font-size: 17px;
  }
}
header.header .headerNav > ul > li > a {
  height: 100%;
  padding-top: 28px;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.4s;
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
  header.header .headerNav > ul > li > a {
    padding-top: 15px;
  }
}
@media screen and (max-width: 1499px) {
  header.header .headerNav > ul > li > a {
    padding-top: 14px;
  }
}
header.header .headerNav > ul > li > a::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #234CAF;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}
header.header .headerNav .subList {
  width: max-content;
  padding-top: 10px;
  position: absolute;
  left: -3px;
  top: 100%;
  transition: all 0.4s;
}
@media screen and (max-width: 1499px) {
  header.header .headerNav .subList {
    max-width: 400px;
    font-size: 18px;
    left: 0px;
  }
}
@media screen and (max-width: 1199px) {
  header.header .headerNav .subList {
    max-width: 300px;
    font-size: 16px;
    line-height: 22px;
  }
}
header.header .headerNav .subList ul {
  background: #fff;
  padding: 15px 45px 7px 20px;
  box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1499px) {
  header.header .headerNav .subList ul {
    padding-right: 20px;
    padding-bottom: 15px;
  }
}
header.header .headerNav .subList a {
  padding: 10px 0;
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 1499px) {
  header.header .headerNav .subList a {
    padding: 8px 0;
  }
}
@media screen and (max-width: 1199px) {
  header.header .headerNav .subList a {
    padding: 6px 0;
  }
}
header.header .headerNav .subList a:hover {
  color: #268DDE;
}
header.header .functionBtn {
  display: flex;
  align-items: center;
  margin: 0 31px 0 0;
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
  header.header .functionBtn {
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 1499px) {
  header.header .functionBtn {
    margin: 0 15px 0 0;
  }
}
@media screen and (max-width: 1199px) {
  header.header .functionBtn {
    margin: 0;
  }
}
header.header .functionBtn .btnItem {
  padding: 0 8px;
}
@media screen and (max-width: 1499px) {
  header.header .functionBtn .btnItem {
    padding: 0 4px;
  }
}
@media screen and (max-width: 575px) {
  header.header .functionBtn .btnItem {
    margin-right: 35px;
  }
  header.header .functionBtn .btnItem.mail {
    display: none;
  }
}
@media screen and (max-width: 280px) {
  header.header .functionBtn .btnItem {
    margin-right: 30px;
  }
}
header.header .functionBtn .btnItem button, header.header .functionBtn .btnItem a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: solid 2px transparent;
  background: #234CAF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
  header.header .functionBtn .btnItem button, header.header .functionBtn .btnItem a {
    width: 50px;
    height: 50px;
  }
  header.header .functionBtn .btnItem button .icon-search, header.header .functionBtn .btnItem a .icon-search {
    font-size: 22px;
    padding: 0 0 5px;
  }
  header.header .functionBtn .btnItem button .icon-mail, header.header .functionBtn .btnItem a .icon-mail {
    font-size: 16px;
  }
}
@media screen and (max-width: 1499px) {
  header.header .functionBtn .btnItem button, header.header .functionBtn .btnItem a {
    width: 40px;
    height: 40px;
  }
  header.header .functionBtn .btnItem button .icon-search, header.header .functionBtn .btnItem a .icon-search {
    font-size: 18px;
    padding: 0 0 2px;
  }
  header.header .functionBtn .btnItem button .icon-mail, header.header .functionBtn .btnItem a .icon-mail {
    font-size: 13px;
  }
}
@media screen and (max-width: 280px) {
  header.header .functionBtn .btnItem button, header.header .functionBtn .btnItem a {
    width: 35px;
    height: 35px;
  }
  header.header .functionBtn .btnItem button .icon-search, header.header .functionBtn .btnItem a .icon-search {
    font-size: 16px;
    padding: 0 0 2px;
  }
}
header.header .functionBtn .btnItem button:hover, header.header .functionBtn .btnItem a:hover {
  border-color: #234CAF;
  background: #fff;
  color: #234CAF;
}
@media screen and (max-width: 1199px) {
  header.header .langNav {
    display: none;
  }
}
@media screen and (max-width: 1599px) {
  header.header .langNav {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1499px) {
  header.header .langNav {
    margin-right: 0;
  }
}
@media screen and (max-width: 1280px) {
  header.header .langNav {
    margin-right: 20px;
  }
}
header.header .langNav ul {
  display: flex;
  align-items: center;
}
header.header .langNav ul li {
  padding: 5px 0 0;
}
header.header .langNav ul li:not(:last-child) {
  margin: 0 14px 0 0;
}
@media screen and (max-width: 1499px) {
  header.header .langNav ul li:not(:last-child) {
    margin: 0 9px 0 0;
  }
}
@media screen and (max-width: 1499px) {
  header.header .langNav ul li {
    font-size: 17px;
  }
}
header.header .langNav ul li.active a {
  color: #234CAF;
}
header.header .langNav ul li.active a::after {
  width: calc(100% - 2px);
}
header.header .langNav ul a {
  padding: 3px 0;
  transition: all 0.4s;
  position: relative;
}
header.header .langNav ul a:hover::after {
  width: calc(100% - 2px);
}
header.header .langNav ul a::after {
  content: "";
  width: 0;
  height: 2px;
  background: #234CAF;
  position: absolute;
  left: 1px;
  bottom: 0;
  transition: all 0.4s;
}
header.header .nav-toggle {
  position: absolute;
  pointer-events: all;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
}
header.header .nav-toggle .wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
  transition: all 0.3s;
}
header.header .nav-toggle .wrapper > div {
  height: 3px;
  background-color: #234CAF;
  transition: width 0.5s ease, top 0.5s, transform 0.5s, -webkit-transform 0.5s;
  width: 23px;
  margin: 3px 0;
}
header.header .nav-toggle .wrapper:hover > div {
  width: 30px;
}

.headerSearchContainer {
  position: absolute;
  top: 100%;
  z-index: -1;
}
.headerSearchContainer:not(.show) {
  top: -120%;
}

.webMenuOuter {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  transition: all 0.4s;
}
.webMenuOuter:not(.showMenu) {
  left: 100%;
}
.webMenuOuter:not(.showMenu) .webMenu .webMenuItem .bgImg, .webMenuOuter:not(.showMenu) .webMenu .webMenuItem .menuNav, .webMenuOuter:not(.showMenu) .webMenu .webMenuItem .rwdLink {
  transition: all 0s;
}
.webMenuOuter:not(.showMenu) .webMenu .webMenuItem .bgImg {
  transform: translateY(-80%);
  opacity: 0;
}
.webMenuOuter:not(.showMenu) .webMenu .webMenuItem .menuNav, .webMenuOuter:not(.showMenu) .webMenu .webMenuItem .rwdLink {
  opacity: 0;
  transform: translateX(20px);
}
.webMenuOuter:not(.showMenu) .webMenu .webMenuItem .rwdLink {
  opacity: 0;
  transform: translateY(-15px);
}
@media screen and (max-width: 991px) {
  .webMenuOuter {
    overflow-y: scroll;
    overscroll-behavior: contain;
    -ms-scroll-chaining: contain;
  }
}

.webMenu {
  width: 100%;
  min-height: 100%;
  background: #242424;
  display: flex;
}
@media screen and (max-width: 991px) {
  .webMenu {
    min-height: 650px;
    flex-direction: column;
  }
}
.webMenu .mobileTop {
  display: flex;
  align-items: center;
}
.webMenu .mobileTop .logo {
  width: 106px;
  height: 34px;
}
.webMenu .mobileTop .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.webMenu .mobileTop .closeBtn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 30px;
  right: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  transition: all 0.4s;
}
.webMenu .mobileTop .closeBtn:hover {
  background: rgb(255, 255, 255);
}
.webMenu .mobileTop .closeBtn:hover .line:first-child {
  transform: translate(-50%, -50%) rotate(35deg);
}
.webMenu .mobileTop .closeBtn:hover .line:last-child {
  transform: translate(-50%, -50%) rotate(-35deg);
}
.webMenu .mobileTop .closeBtn .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.webMenu .mobileTop .closeBtn .line {
  width: 20px;
  height: 2px;
  background: #404040;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.4s;
}
.webMenu .mobileTop .closeBtn .line:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.webMenu .mobileTop .closeBtn .line:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 991px) {
  .webMenu .mobileTop {
    height: 90px;
    padding: 0 28px;
    align-items: center;
    justify-content: space-between;
  }
  .webMenu .mobileTop .closeBtn {
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    right: 0;
  }
  .webMenu .mobileTop .closeBtn .icon {
    width: 13px;
    height: 13px;
  }
  .webMenu .mobileTop .closeBtn .line {
    width: 16px;
  }
}
.webMenu .otherSection {
  width: 25%;
  padding-top: 80px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .webMenu .otherSection {
    width: 100%;
    padding-top: 23px;
    padding-bottom: 35px;
    order: 1;
  }
}
.webMenu .otherSection .logo {
  width: 180px;
  height: 57px;
}
.webMenu .otherSection .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.webMenu .otherSection .menuNav {
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .webMenu .otherSection .menuNav {
    padding-top: 160px;
  }
}
@media screen and (max-width: 991px) {
  .webMenu .otherSection .menuNav {
    padding-bottom: 40px;
  }
}
.webMenu .otherSection .menuNav ul li:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .webMenu .otherSection .menuNav ul li {
    font-size: 30px;
    line-height: 36px;
  }
  .webMenu .otherSection .menuNav ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .webMenu .otherSection .menuNav ul li {
    font-size: 24px;
    line-height: 30px;
  }
  .webMenu .otherSection .menuNav ul li:not(:last-child) {
    margin-bottom: 8px;
  }
}
.webMenu .otherSection .menuNav ul a {
  transition: all 0.4s;
}
.webMenu .otherSection .menuNav ul a:hover {
  opacity: 0.6;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .webMenu .otherSection .rwdLangNav {
    margin: auto 0 30px;
  }
}
@media screen and (max-width: 991px) {
  .webMenu .otherSection .rwdLangNav {
    margin-bottom: 20px;
  }
}
.webMenu .otherSection .rwdLangNav ul {
  display: flex;
}
.webMenu .otherSection .rwdLangNav li {
  padding: 0 20px;
  position: relative;
}
.webMenu .otherSection .rwdLangNav li + li::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #555;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.webMenu .otherSection .rwdLangNav a.active {
  color: #268DDE;
}
.webMenu .otherSection .socialNav ul {
  margin: 0 -8px;
  display: flex;
  align-items: center;
}
.webMenu .otherSection .socialNav ul li {
  padding: 0 8px;
}
.webMenu .otherSection .socialNav ul a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.4s;
}
.webMenu .otherSection .socialNav ul a:hover {
  background: rgb(255, 255, 255);
  opacity: 1;
}
.webMenu .webMenuItems {
  flex-grow: 1;
  display: flex;
}
@media screen and (max-width: 991px) {
  .webMenu .webMenuItems {
    flex-direction: column;
  }
}
.webMenu .webMenuItem {
  width: 33.33%;
  padding-top: 28.866vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s;
  position: relative;
}
@media screen and (max-width: 1499px) {
  .webMenu .webMenuItem {
    padding-top: 20vh;
  }
}
@media screen and (max-width: 991px) {
  .webMenu .webMenuItem {
    width: 100%;
    height: 33.33%;
    padding-top: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
  }
}
.webMenu .webMenuItem:nth-child(1) .bgImg {
  transition: all 0.4s 0.4s;
}
.webMenu .webMenuItem:nth-child(1) .menuNav, .webMenu .webMenuItem:nth-child(1) .rwdLink {
  transition: all 0.4s 0.8s;
}
.webMenu .webMenuItem:nth-child(2) .bgImg {
  transition: all 0.4s 0.5s;
}
.webMenu .webMenuItem:nth-child(2) .menuNav, .webMenu .webMenuItem:nth-child(2) .rwdLink {
  transition: all 0.4s 0.9s;
}
.webMenu .webMenuItem:nth-child(3) .bgImg {
  transition: all 0.4s 0.6s;
}
.webMenu .webMenuItem:nth-child(3) .menuNav, .webMenu .webMenuItem:nth-child(3) .rwdLink {
  transition: all 0.4s 1s;
}
.webMenu .webMenuItem:hover .bgImg img {
  transform: scale(1.05);
}
.webMenu .webMenuItem .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.webMenu .webMenuItem .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.webMenu .webMenuItem .menuNav {
  max-width: 270px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .webMenu .webMenuItem .menuNav {
    max-width: 220px;
  }
}
.webMenu .webMenuItem .title {
  margin-bottom: 26px;
}
@media screen and (max-width: 1199px) {
  .webMenu .webMenuItem .title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 32px;
  }
}
.webMenu .webMenuItem ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .webMenu .webMenuItem ul li {
    font-size: 17px;
    line-height: 22px;
  }
  .webMenu .webMenuItem ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.webMenu .webMenuItem ul a {
  transition: all 0.4s;
}
.webMenu .webMenuItem ul a:hover {
  opacity: 0.6;
}
.webMenu .webMenuItem .rwdLink {
  width: 100%;
  height: 100%;
  position: relative;
}
.webMenu .webMenuItem .rwdLink a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sideControl {
  width: 80px;
  height: 180px;
  background: #268DDE;
  position: fixed;
  right: 0;
  top: calc(50vh - 90px);
  z-index: 200;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .sideControl {
    width: 60px;
    height: 136px;
    opacity: 0.8;
  }
}
.sideControl:not(.showControl) {
  right: -180px;
}
@media screen and (max-width: 991px) {
  .sideControl:not(.showControl) {
    right: -100px;
  }
}
.sideControl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sideControl .menuOpenBtn, .sideControl .goTopBtn {
  width: 100%;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .sideControl .menuOpenBtn, .sideControl .goTopBtn {
    height: 68px;
  }
}
.sideControl .menuOpenBtn:hover .icon {
  transform: rotate(180deg);
}
@media screen and (max-width: 991px) {
  .sideControl .menuOpenBtn:hover .icon {
    transform: rotate(0);
  }
}
.sideControl .menuOpenBtn .icon {
  width: 42px;
  height: 42px;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .sideControl .menuOpenBtn .icon {
    width: 30px;
    height: 30px;
  }
}
.sideControl .menuOpenBtn .icon .square {
  width: 8px;
  height: 8px;
  margin: 3px;
  background: #fff;
  display: block;
  position: relative;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .sideControl .menuOpenBtn .icon .square {
    width: 6px;
    height: 6px;
    margin: 2px;
  }
}
.sideControl .menuOpenBtn .text {
  margin-top: 2px;
}
@media screen and (max-width: 991px) {
  .sideControl .menuOpenBtn .text {
    font-size: 12px;
  }
}
.sideControl .goTopBtn:hover .icon {
  top: -4px;
}
@media screen and (max-width: 991px) {
  .sideControl .goTopBtn:hover .icon {
    top: 0px;
  }
}
.sideControl .goTopBtn .icon {
  width: 16px;
  height: 9px;
  margin-bottom: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  position: relative;
  top: 0;
}
@media screen and (max-width: 991px) {
  .sideControl .goTopBtn .icon {
    width: 12px;
    height: 7px;
    margin-bottom: 5px;
  }
}
.sideControl .goTopBtn .icon .angle {
  width: 11px;
  height: 11px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(-45deg);
  position: relative;
  top: 3px;
  left: -1px;
}
@media screen and (max-width: 991px) {
  .sideControl .goTopBtn .icon .angle {
    width: 9px;
    height: 9px;
    top: 2px;
  }
}
.sideControl .goTopBtn .text {
  font-size: 14px;
  line-height: 16px;
}

footer.footer {
  background: #323232;
}
@media screen and (min-width: 1400px) and (max-width: 1499px) {
  footer.footer > .container {
    max-width: 1340px;
  }
}
footer.footer .topInfo {
  padding-top: 48px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  footer.footer .topInfo {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .topInfo {
    padding-top: 57px;
    padding-bottom: 17px;
  }
}
footer.footer .topInfo .logo {
  width: 180px;
  height: 57px;
  margin: 7px 83px 0 34px;
  flex-shrink: 0;
}
@media screen and (max-width: 1499px) {
  footer.footer .topInfo .logo {
    margin-left: 0;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1199px) {
  footer.footer .topInfo .logo {
    width: 150px;
  }
}
@media screen and (max-width: 991px) {
  footer.footer .topInfo .logo {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .topInfo .logo {
    margin-bottom: 52px;
  }
}
footer.footer .topInfo .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer.footer .topInfo .infoItem {
  height: 120px;
  padding-left: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1499px) {
  footer.footer .topInfo .infoItem {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .topInfo .infoItem {
    height: auto;
  }
}
footer.footer .topInfo .infoItem::before {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
footer.footer .topInfo .infoItem:not(:last-child) {
  margin-right: 32px;
}
@media screen and (max-width: 991px) {
  footer.footer .topInfo .infoItem:not(:last-child) {
    margin-right: 0px;
  }
}
footer.footer .topInfo .infoItem .topBox {
  margin-bottom: 8px;
  display: flex;
  align-items: flex-end;
  transition: all 0.4s;
  padding-left: 7px;
}
footer.footer .topInfo .infoItem .topBox:hover .icon {
  transform: rotateY(360deg);
  opacity: 0.7;
}
footer.footer .topInfo .infoItem .topBox:hover .slogen {
  opacity: 1;
}
footer.footer .topInfo .infoItem .topBox:hover .mainText {
  opacity: 1;
}
@media screen and (max-width: 991px) {
  footer.footer .topInfo .infoItem .topBox:hover .icon {
    transform: rotateY(0deg);
    opacity: 1;
  }
  footer.footer .topInfo .infoItem .topBox:hover .slogen {
    opacity: 0.9;
  }
  footer.footer .topInfo .infoItem .topBox:hover .mainText {
    opacity: 0.8;
  }
}
footer.footer .topInfo .infoItem .topBox .icon {
  width: 40px;
  margin-right: 27px;
  display: block;
  transition: all 0.4s;
}
footer.footer .topInfo .infoItem .topBox .icon .icon-mail {
  margin-bottom: 9px;
  display: inline-block;
}
footer.footer .topInfo .infoItem .topBox .leftBox {
  display: block;
}
footer.footer .topInfo .infoItem .topBox .slogen {
  margin-bottom: 0px;
  display: block;
  opacity: 0.9;
  transition: all 0.4s;
}
footer.footer .topInfo .infoItem .topBox .mainText {
  display: block;
  opacity: 0.8;
  transition: all 0.4s;
}
@media screen and (max-width: 415px) {
  footer.footer .topInfo .infoItem .topBox .mainText {
    font-size: 25px;
  }
}
footer.footer .topInfo .infoItem .bottomText {
  opacity: 0.9;
}
@media screen and (max-width: 575px) {
  footer.footer .topInfo .infoItem .bottomText {
    font-size: 15px;
    line-height: 24px;
  }
}
footer.footer .topInfo .infoItem .bottomText a {
  transition: all 0.4s;
}
footer.footer .topInfo .infoItem .bottomText a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 991px) {
  footer.footer .topInfo .phone {
    width: 55%;
    padding-left: 0;
  }
  footer.footer .topInfo .phone::before {
    display: none;
  }
  footer.footer .topInfo .phone .mainText {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .topInfo .phone {
    width: 100%;
    padding: 30px 0 32px;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
  }
}
footer.footer .topInfo .mail {
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  footer.footer .topInfo .mail {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .topInfo .mail {
    width: 100%;
    padding-left: 0;
  }
  footer.footer .topInfo .mail::before {
    display: none;
  }
}
footer.footer .middleNavs {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding-top: 37px;
  padding-bottom: 57px;
  padding-left: 21px;
}
@media screen and (max-width: 1199px) {
  footer.footer .middleNavs {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .middleNavs {
    padding-top: 33px;
    padding-bottom: 80px;
  }
}
footer.footer .middleNavs .middleNavsBlockBox {
  width: 1048px;
  margin: 0 20px 0 0;
}
@media screen and (min-width: 1400px) and (max-width: 1499px) {
  footer.footer .middleNavs .middleNavsBlockBox {
    width: 927px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer.footer .middleNavs .middleNavsBlockBox {
    width: 813px;
  }
}
@media screen and (max-width: 1199px) {
  footer.footer .middleNavs .middleNavsBlockBox {
    width: 100%;
    margin: 0;
  }
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock {
  width: 100%;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 991px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock {
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock:not(:last-child) {
    margin: 0 0 48px;
  }
}
@media screen and (max-width: 1199px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol {
    min-width: 160px;
  }
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol:first-child {
  width: 235px;
  margin: 0 16px 0 0;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol:first-child {
    width: 200px;
  }
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol:nth-child(2) {
  width: 266px;
  margin: 0 19px 0 0;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol:nth-child(2) {
    width: 231px;
  }
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol:nth-child(3) {
  width: calc(100% - 536px);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol:nth-child(3) {
    width: calc(100% - 466px);
  }
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol .title {
  margin-bottom: 12px;
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol .title a {
  transition: all 0.4s;
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol .title a:hover {
  opacity: 0.7;
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol .title a.realTitle:hover {
  color: #FFF;
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol ul li:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol ul li {
    font-size: 16px;
  }
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol ul a {
  opacity: 0.9;
  transition: all 0.4s;
}
footer.footer .middleNavs .middleNavsBlockBox .middleNavsBlock .navCol ul a:hover {
  opacity: 0.6;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  footer.footer .middleNavs .socialNav {
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    width: 100%;
    padding: 37px 0 0;
    margin: 37px 0 0;
  }
}
@media screen and (max-width: 991px) {
  footer.footer .middleNavs .socialNav {
    margin: 0 auto;
  }
}
footer.footer .middleNavs .socialNav .title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1199px) {
  footer.footer .middleNavs .socialNav .title {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  footer.footer .middleNavs .socialNav .title {
    margin-bottom: 13px;
  }
}
footer.footer .middleNavs .socialNav ul {
  margin: 0 -8px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  footer.footer .middleNavs .socialNav ul {
    justify-content: center;
  }
}
footer.footer .middleNavs .socialNav ul li {
  padding: 0 8px;
}
footer.footer .middleNavs .socialNav ul li:not(:last-child) {
  margin-bottom: 0;
}
footer.footer .middleNavs .socialNav ul a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.4s;
}
footer.footer .middleNavs .socialNav ul a:hover {
  background: rgb(255, 255, 255);
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  footer.footer .middleNavs .socialNav ul a {
    width: 50px;
    height: 50px;
  }
  footer.footer .middleNavs .socialNav ul a .icon-facebook {
    font-size: 22px;
  }
  footer.footer .middleNavs .socialNav ul a .icon-line {
    font-size: 25px;
  }
  footer.footer .middleNavs .socialNav ul a .icon-twitter {
    font-size: 18px;
  }
  footer.footer .middleNavs .socialNav ul a .icon-linkedin {
    font-size: 19px;
  }
}
footer.footer .copyrightContainer {
  height: 80px;
  background: #234CAF;
}
@media screen and (max-width: 991px) {
  footer.footer .copyrightContainer {
    height: auto;
    padding: 28px 0 34px;
  }
}
footer.footer .copyrightContainer .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  footer.footer .copyrightContainer .container {
    flex-direction: column;
    line-height: 26px;
  }
}
@media screen and (max-width: 575px) {
  footer.footer .copyrightContainer .container {
    padding: 0 40px;
  }
}
@media screen and (max-width: 575px) {
  footer.footer .copyrightContainer .copyright {
    margin-bottom: 7px;
    text-align: center;
  }
}
footer.footer .copyrightContainer .linkAnthor {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  footer.footer .copyrightContainer .linkAnthor {
    height: auto;
  }
}
@media screen and (max-width: 575px) {
  footer.footer .copyrightContainer .linkAnthor {
    flex-wrap: wrap;
  }
}
footer.footer .copyrightContainer .link, footer.footer .copyrightContainer .author {
  padding: 0 6px;
}
footer.footer .copyrightContainer .link {
  position: relative;
  top: 1px;
}
footer.footer .copyrightContainer .link::after {
  content: "";
  width: 1.5px;
  height: 14px;
  background: #fff;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
}
footer.footer .copyrightContainer a {
  position: relative;
}
footer.footer .copyrightContainer a:hover::after {
  width: 100%;
}
footer.footer .copyrightContainer a::after {
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 575px) {
  footer.footer > .container {
    padding: 0 20px;
  }
}

.cookieContainer {
  width: 100%;
  padding: 28px 0;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.cookieContainer .cookieBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .cookieContainer .cookieBox {
    flex-direction: column;
  }
}
.cookieContainer .text {
  max-width: 950px;
  margin-right: 30px;
}
@media screen and (max-width: 991px) {
  .cookieContainer .text {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .cookieContainer .text {
    font-size: 16px;
    line-height: 26px;
  }
}
.cookieContainer .text a {
  transition: all 0.4s;
  color: #268DDE;
}
.cookieContainer .text a:hover {
  color: #234CAF;
  opacity: 0.8;
}
.cookieContainer .text .textDecUnderline {
  text-decoration: underline;
}
.cookieContainer .btnContainer {
  width: 210px;
}
.cookieContainer .btnContainer .defaultBtn {
  width: 100%;
  font-weight: 400;
  color: #fff;
  background: #234CAF;
}
.cookieContainer .btnContainer .defaultBtn:hover {
  background: #268DDE;
}
@media screen and (max-width: 991px) {
  .cookieContainer .btnContainer .defaultBtn {
    height: 50px;
  }
}

.indexBanner {
  height: 700px;
}
@media screen and (max-width: 767px) {
  .indexBanner {
    height: 550px;
  }
}
@media screen and (max-width: 575px) {
  .indexBanner {
    height: calc(100vh - 60px - 100px);
  }
  .indexBanner .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 374px) {
  .indexBanner .container {
    padding: 0 15px;
  }
}
.indexBanner .slick {
  width: 100%;
  height: 100%;
}
.indexBanner .slick.slick-dotted {
  margin-bottom: 0;
}
.indexBanner .slick .slick-track, .indexBanner .slick .slick-list {
  height: 100%;
}
.indexBanner .slick .slickControl .prev, .indexBanner .slick .slickControl .next {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  z-index: 20;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .indexBanner .slick .slickControl .prev, .indexBanner .slick .slickControl .next {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .indexBanner .slick .slickControl .prev, .indexBanner .slick .slickControl .next {
    display: none;
  }
}
.indexBanner .slick .slickControl .prev:hover, .indexBanner .slick .slickControl .next:hover {
  background: rgba(0, 0, 0, 0.5);
}
.indexBanner .slick .slickControl .prev .icon, .indexBanner .slick .slickControl .next .icon {
  width: 8px;
  height: 16px;
  position: relative;
  transition: all 0.4s;
}
.indexBanner .slick .slickControl .prev .icon::after, .indexBanner .slick .slickControl .next .icon::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  position: absolute;
  top: 2px;
}
.indexBanner .slick .slickControl .prev {
  left: 40px;
}
@media screen and (max-width: 991px) {
  .indexBanner .slick .slickControl .prev {
    left: 25px;
  }
}
.indexBanner .slick .slickControl .prev:hover .icon {
  left: -5px;
}
.indexBanner .slick .slickControl .prev .icon {
  left: 0;
}
.indexBanner .slick .slickControl .prev .icon::after {
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  left: 2px;
}
.indexBanner .slick .slickControl .next {
  right: 40px;
}
@media screen and (max-width: 991px) {
  .indexBanner .slick .slickControl .next {
    right: 25px;
  }
}
.indexBanner .slick .slickControl .next:hover .icon {
  right: -5px;
}
.indexBanner .slick .slickControl .next .icon {
  right: 0;
}
.indexBanner .slick .slickControl .next .icon::after {
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 2px;
}
.indexBanner .slick .slick-dots {
  bottom: 177px;
}
@media screen and (max-width: 991px) {
  .indexBanner .slick .slick-dots {
    bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .indexBanner .slick .slick-dots {
    bottom: 90px;
  }
}
@media screen and (max-width: 575px) {
  .indexBanner .slick .slick-dots {
    bottom: 24px;
  }
}
.indexBanner .slick .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 2px;
}
.indexBanner .slick .slick-dots li.slick-active button {
  background: rgb(255, 255, 255);
}
.indexBanner .slick .slick-dots li button {
  width: 54px;
  height: 4px;
  padding: 0;
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.4s;
}
.indexBanner .slick .slick-dots li button::before {
  display: none;
}
.indexBanner .slick .slick-slide {
  height: 100%;
}
.indexBanner .slick .slick-slide.slick-current .item:before, .indexBanner .slick .slick-slide.slick-current .item:after {
  transform: translateX(-50%) scale(1);
  opacity: 1;
}
.indexBanner .slick .slick-slide.slick-current .item .article .title, .indexBanner .slick .slick-slide.slick-current .item .article .slogen, .indexBanner .slick .slick-slide.slick-current .item .article .content {
  top: 0;
  opacity: 1;
}
.indexBanner .slick .slick-slide.slick-current .item .article .content {
  opacity: 0.7;
}
.indexBanner .slick .slick-slide > div {
  height: 100%;
}
.indexBanner .item {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.indexBanner .item:before, .indexBanner .item:after {
  content: "";
  width: 765px;
  height: 765px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -176px;
  transform: translateX(-50%) scale(1.1);
  opacity: 0;
  transition: all 0.8s 0.2s;
}
@media screen and (max-width: 991px) {
  .indexBanner .item:before, .indexBanner .item:after {
    width: 650px;
    height: 650px;
    bottom: -120px;
  }
}
@media screen and (max-width: 767px) {
  .indexBanner .item:before, .indexBanner .item:after {
    width: 550px;
    height: 550px;
    bottom: -100px;
  }
}
@media screen and (max-width: 575px) {
  .indexBanner .item:before, .indexBanner .item:after {
    width: 604px;
    height: 604px;
    bottom: -140px;
  }
}
.indexBanner .item:before {
  border: solid 1px rgba(255, 255, 255, 0.2);
  filter: blur(5px);
  z-index: 1;
}
.indexBanner .item:after {
  background: rgba(255, 255, 255, 0.1);
}
.indexBanner .item .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-attachment: fixed;
}
.indexBanner .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.indexBanner .item .article {
  margin-bottom: 82px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .indexBanner .item .article {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .indexBanner .item .article {
    margin-top: 50px;
    margin-bottom: 0px;
  }
}
.indexBanner .item .title {
  margin-bottom: 16px;
  position: relative;
  top: 15px;
  opacity: 0;
  transition: all 0.6s 0.4s;
}
@media screen and (max-width: 991px) {
  .indexBanner .item .title {
    margin-bottom: 0px;
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .indexBanner .item .title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 575px) {
  .indexBanner .item .title {
    font-size: 36px;
    line-height: 48px;
  }
}
.indexBanner .item .slogen {
  margin-bottom: 40px;
  position: relative;
  top: 10px;
  opacity: 0;
  transition: all 0.6s 0.6s;
}
@media screen and (max-width: 991px) {
  .indexBanner .item .slogen {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .indexBanner .item .slogen {
    margin-bottom: 33px;
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 575px) {
  .indexBanner .item .slogen {
    font-size: 36px;
    line-height: 48px;
  }
}
.indexBanner .item .content {
  max-width: 430px;
  margin: 0 auto;
  position: relative;
  top: 8px;
  opacity: 0;
  transition: all 0.6s 0.8s;
}
@media screen and (max-width: 991px) {
  .indexBanner .item .content {
    font-size: 16px;
    line-height: 26px;
  }
}

.indexCdmo {
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 575px) {
  .indexCdmo > .container {
    padding: 0;
  }
}
.indexCdmo .itemList {
  height: 240px;
  margin-top: -120px;
  margin-bottom: -120px;
}
@media screen and (max-width: 991px) {
  .indexCdmo .itemList {
    height: 200px;
    margin-top: -100px;
    margin-bottom: -100px;
  }
}
@media screen and (max-width: 767px) {
  .indexCdmo .itemList {
    height: 150px;
    margin-top: -75px;
    margin-bottom: -75px;
  }
}
@media screen and (max-width: 575px) {
  .indexCdmo .itemList {
    height: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.indexCdmo .itemList ul {
  height: 100%;
  display: flex;
}
.indexCdmo .itemList ul li {
  width: 25%;
  height: 100%;
  flex: 0 0 25%;
}
.indexCdmo .itemList ul li:not(:last-child) .item a {
  border-right: solid 1px rgba(255, 255, 255, 0.2);
}
.indexCdmo .itemList .item {
  width: 100%;
  height: 100%;
}
.indexCdmo .itemList .item a {
  height: 100%;
  padding-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #234CAF;
  transition: all 0.4s;
}
.indexCdmo .itemList .item a:hover {
  background: #1A3F96;
}
.indexCdmo .itemList .item a:hover .img {
  transform: rotate(135deg) scale(1.1);
}
.indexCdmo .itemList .item .img {
  width: 72px;
  height: 72px;
  margin-bottom: 32px;
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .indexCdmo .itemList .item .img {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .indexCdmo .itemList .item .img {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .indexCdmo .itemList .item .img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
}
.indexCdmo .itemList .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.indexCdmo .itemList .item .name {
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .indexCdmo .itemList .item .name {
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .indexCdmo .itemList .item .name {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 575px) {
  .indexCdmo .itemList .item .name {
    font-size: 12px;
    line-height: 14px;
  }
}

.indexAbout {
  position: relative;
}
.indexAbout .decCitcle01, .indexAbout .decCitcle02 {
  border-radius: 50%;
  background: #f5f5f5;
  position: absolute;
}
.indexAbout .decCitcle01 {
  width: 1142px;
  height: 1142px;
  top: -320px;
  left: -375px;
}
.indexAbout .decCitcle02 {
  width: 474px;
  height: 474px;
  right: -60px;
  bottom: 0;
}
@media screen and (max-width: 1499px) {
  .indexAbout .decCitcle01 {
    width: 900px;
    height: 900px;
    top: 0;
    left: 0;
    transform: translate(-28%, -32.8%);
  }
  .indexAbout .decCitcle02 {
    width: 350px;
    height: 350px;
    right: 0px;
    bottom: 0;
    transform: translateX(12.66%);
  }
}
@media screen and (max-width: 1199px) {
  .indexAbout .decCitcle01 {
    width: 800px;
    height: 800px;
  }
  .indexAbout .decCitcle02 {
    width: 300px;
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .indexAbout .decCitcle01 {
    width: 600px;
    height: 600px;
  }
  .indexAbout .decCitcle02 {
    width: 272px;
    height: 272px;
  }
}
@media screen and (max-width: 575px) {
  .indexAbout .decCitcle01 {
    width: 426px;
    height: 426px;
    top: -129px;
    left: -200px;
    transform: translate(0, 0%);
  }
  .indexAbout .decCitcle02 {
    width: 272px;
    height: 272px;
    right: -198px;
    bottom: -139px;
    transform: translate(0%, 0%);
  }
  .indexAbout .container {
    padding: 0 13px;
  }
}
.indexAbout .aboutArticle {
  padding-top: 215px;
  padding-bottom: 213px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 991px) {
  .indexAbout .aboutArticle {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .indexAbout .aboutArticle {
    padding-top: 120px;
  }
}
@media screen and (max-width: 575px) {
  .indexAbout .aboutArticle {
    padding-top: 38px;
    padding-bottom: 86px;
  }
}
.indexAbout .aboutArticle .leftImg {
  width: 733px;
  height: 685px;
  margin-left: -67px;
}
@media screen and (max-width: 1699px) {
  .indexAbout .aboutArticle .leftImg {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle .leftImg {
    width: 50%;
    height: auto;
  }
}
@media screen and (max-width: 991px) {
  .indexAbout .aboutArticle .leftImg {
    width: 100%;
    max-width: 550px;
    height: 0;
    padding-bottom: 93.5%;
    margin: 0 auto 50px;
    overflow: visible;
  }
}
@media screen and (max-width: 575px) {
  .indexAbout .aboutArticle .leftImg {
    max-width: calc(100% - 18px);
    margin-bottom: 69px;
    position: relative;
  }
  .indexAbout .aboutArticle .leftImg .rwdImg {
    position: absolute;
  }
}
.indexAbout .aboutArticle .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-filter: drop-shadow(5px 5px 15px rgba(12, 78, 168, 0.4));
  filter: drop-shadow(5px 5px 15px rgba(12, 78, 168, 0.4));
}
@media screen and (max-width: 991px) {
  .indexAbout .aboutArticle .leftImg img {
    filter: drop-shadow(5px 5px 10px rgba(12, 78, 168, 0.2));
  }
}
.indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img01, .indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img02, .indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img03, .indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img04 {
  opacity: 0;
  transition-delay: 0s;
}
.indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img01 {
  transform: translate(100%, 0) scale(0.5);
}
.indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img02 {
  transform: translate(0, 100%) scale(0.5);
}
.indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img03 {
  transform: translate(-100%, 100%) scale(0.5);
}
.indexAbout .aboutArticle .leftImg:not(.aos-animate) .pcImgContainer .img04 {
  transform: translate(-100%, -100%) scale(0.5);
}
.indexAbout .aboutArticle .leftImg .pcImgContainer {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle .leftImg .pcImgContainer {
    height: 0;
    padding-bottom: 93.5%;
  }
}
.indexAbout .aboutArticle .leftImg .pcImgContainer .centerImg, .indexAbout .aboutArticle .leftImg .pcImgContainer .img01, .indexAbout .aboutArticle .leftImg .pcImgContainer .img02, .indexAbout .aboutArticle .leftImg .pcImgContainer .img03, .indexAbout .aboutArticle .leftImg .pcImgContainer .img04 {
  position: absolute;
  transition: all 0.6s;
  transition-timing-function: ease-out;
  transform: translate(0%, 0) scale(1);
}
.indexAbout .aboutArticle .leftImg .pcImgContainer .centerImg {
  width: 35.33%;
  height: 37.81%;
  left: 37.42%;
  top: 46.234%;
  z-index: 5;
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle .leftImg .pcImgContainer .centerImg {
    width: 35.5%;
    height: 38%;
    left: 37.3%;
    top: 46.1%;
  }
}
.indexAbout .aboutArticle .leftImg .pcImgContainer .img01 {
  width: 38.9%;
  height: 25.4%;
  left: 0%;
  top: 42.48%;
  transition-delay: 0.3s;
  transform-origin: right;
}
.indexAbout .aboutArticle .leftImg .pcImgContainer .img02 {
  width: 28.65%;
  height: 46.715%;
  left: 40.25%;
  top: 0%;
  transition-delay: 0.5s;
  transform-origin: bottom;
}
.indexAbout .aboutArticle .leftImg .pcImgContainer .img03 {
  width: 30.83%;
  height: 26.28%;
  right: 0%;
  top: 31.82%;
  transition-delay: 0.7s;
  transform-origin: left bottom;
}
.indexAbout .aboutArticle .leftImg .pcImgContainer .img04 {
  width: 21.4%;
  height: 23.6%;
  left: 65.87%;
  bottom: 0%;
  transition-delay: 0.9s;
  transform-origin: left top;
}
.indexAbout .aboutArticle .rightDoc {
  width: 620px;
  margin-right: 57px;
  margin-bottom: 67px;
}
@media screen and (max-width: 1699px) {
  .indexAbout .aboutArticle .rightDoc {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle .rightDoc {
    width: 45%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .indexAbout .aboutArticle .rightDoc {
    width: 100%;
  }
}
.indexAbout .aboutArticle .rightDoc .slogen {
  margin-bottom: 18px;
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle .rightDoc .slogen {
    margin-bottom: 17px;
    line-height: 21px;
  }
}
.indexAbout .aboutArticle .rightDoc .title {
  margin-top: 0;
  margin-bottom: 22px;
}
@media screen and (max-width: 1499px) {
  .indexAbout .aboutArticle .rightDoc .title {
    font-size: 36px;
    line-height: 48px;
  }
}
@media screen and (max-width: 575px) {
  .indexAbout .aboutArticle .rightDoc .title {
    font-weight: 700;
    margin-bottom: 20px;
  }
}
.indexAbout .aboutArticle .rightDoc .content {
  max-width: 510px;
  margin-bottom: 71px;
}
@media screen and (max-width: 1199px) {
  .indexAbout .aboutArticle .rightDoc .content {
    max-width: none;
    margin-bottom: 49px;
  }
}
.indexTest {
  margin-top: -203px;
}
@media screen and (max-width: 1499px) {
  .indexTest {
    margin-top: -120px;
  }
}
@media screen and (max-width: 991px) {
  .indexTest {
    margin-top: -60px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .indexTest {
    margin-top: -80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 575px) {
  .indexTest {
    margin-top: 0;
    padding-bottom: 53px;
  }
  .indexTest .container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 374px) {
  .indexTest .container {
    padding: 0 15px;
  }
}
.indexTest .testArticle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .indexTest .testArticle {
    flex-direction: column;
  }
}
.indexTest .leftDocSlider {
  width: 500px;
  margin-left: 74px;
}
@media screen and (max-width: 1499px) {
  .indexTest .leftDocSlider {
    width: 40%;
    margin-left: 0px;
  }
}
@media screen and (max-width: 991px) {
  .indexTest .leftDocSlider {
    width: 100%;
  }
}
.indexTest .leftDocSlider .slick-slide {
  height: 100%;
}
.indexTest .leftDocSlider .slick-slide.slick-current .item .title, .indexTest .leftDocSlider .slick-slide.slick-current .item .content, .indexTest .leftDocSlider .slick-slide.slick-current .item .linkBtn {
  left: 0;
  opacity: 1;
}
.indexTest .leftDocSlider .slick-slide > div {
  height: 100%;
}
.indexTest .leftDocSlider .item {
  margin-top: 70px;
}
@media screen and (max-width: 1499px) {
  .indexTest .leftDocSlider .item {
    margin-top: 0;
  }
}
.indexTest .leftDocSlider .item .title {
  margin-top: 0;
  margin-bottom: 21px;
  position: relative;
  left: 10px;
  opacity: 0;
  transition: all 0.4s 0.2s;
  word-wrap: break-word;
  white-space: pre-wrap;
}
@media screen and (max-width: 1499px) {
  .indexTest .leftDocSlider .item .title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (max-width: 1499px) {
  .indexTest .leftDocSlider .item .title {
    font-size: 36px;
  }
}
.indexTest .leftDocSlider .item .content {
  max-width: 510px;
  margin-bottom: 72px;
  position: relative;
  left: 10px;
  opacity: 0;
  transition: all 0.4s 0.3s;
}
@media screen and (max-width: 1499px) {
  .indexTest .leftDocSlider .item .content {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 991px) {
  .indexTest .leftDocSlider .item .content {
    max-width: none;
  }
}
.indexTest .leftDocSlider .item .linkBtn {
  position: relative;
  left: 10px;
  opacity: 0;
  transition: all 0.4s 0.4s;
}
.indexTest .rightImgSlider {
  width: 660px;
  height: 650px;
  position: relative;
}
@media screen and (max-width: 1499px) {
  .indexTest .rightImgSlider {
    width: 50%;
    height: 550px;
  }
}
@media screen and (max-width: 1199px) {
  .indexTest .rightImgSlider {
    height: 500px;
  }
}
@media screen and (max-width: 991px) {
  .indexTest .rightImgSlider {
    width: 100%;
    height: 500px;
    margin-bottom: 48px;
    order: -1;
  }
}
@media screen and (max-width: 767px) {
  .indexTest .rightImgSlider {
    height: 450px;
  }
}
@media screen and (max-width: 575px) {
  .indexTest .rightImgSlider {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    height: 400px;
  }
}
@media screen and (max-width: 399px) {
  .indexTest .rightImgSlider {
    height: 370px;
  }
}
@media screen and (max-width: 374px) {
  .indexTest .rightImgSlider {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}
.indexTest .rightImgSlider .imgSlick {
  height: 100%;
}
.indexTest .rightImgSlider .imgSlick .slick-track, .indexTest .rightImgSlider .imgSlick .slick-list {
  height: 100%;
}
.indexTest .rightImgSlider .imgSlick .item {
  height: 100%;
}
.indexTest .rightImgSlider .imgSlick .img {
  height: 100%;
}
.indexTest .rightImgSlider .imgSlick .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.indexTest .rightImgSlider .iconSlickContainer {
  width: 770px;
  position: absolute;
  bottom: 95px;
  right: 0;
  overflow: hidden;
}
@media screen and (max-width: 1499px) {
  .indexTest .rightImgSlider .iconSlickContainer {
    width: 116.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .indexTest .rightImgSlider .iconSlickContainer {
    width: 100%;
    bottom: 0px;
  }
}
.indexTest .rightImgSlider .iconSlickContainer::before {
  content: "";
  width: 110px;
  height: 110px;
  background: #234CAF;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1499px) {
  .indexTest .rightImgSlider .iconSlickContainer::before {
    width: 14.2857142857%;
    height: 100px;
  }
}
@media screen and (max-width: 499px) {
  .indexTest .rightImgSlider .iconSlickContainer::before {
    width: 22.2222222222%;
    height: 82px;
  }
}
.indexTest .rightImgSlider .iconSlick {
  width: 660px;
}
@media screen and (max-width: 1499px) {
  .indexTest .rightImgSlider .iconSlick {
    width: 85.7142857143%;
  }
}
@media screen and (max-width: 499px) {
  .indexTest .rightImgSlider .iconSlick {
    width: 88.8888888889%;
  }
}
.indexTest .rightImgSlider .iconSlick .slick-list {
  overflow: visible;
}
.indexTest .rightImgSlider .iconSlick .item {
  width: 110px;
  height: 110px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
@media screen and (max-width: 1499px) {
  .indexTest .rightImgSlider .iconSlick .item {
    width: 16.6666666667%;
    height: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .indexTest .rightImgSlider .iconSlick .item {
    height: 82px;
  }
}
@media screen and (max-width: 499px) {
  .indexTest .rightImgSlider .iconSlick .item {
    width: 25%;
  }
}
.indexTest .rightImgSlider .iconSlick .item.slick-current .icon {
  opacity: 1;
}
.indexTest .rightImgSlider .iconSlick .item:not(.slick-current):hover .icon {
  opacity: 1;
  transform: scale(1.05);
}
.indexTest .rightImgSlider .iconSlick .icon {
  width: 55px;
  height: 55px;
  opacity: 0.8;
  transition: all 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .indexTest .rightImgSlider .iconSlick .icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .indexTest .rightImgSlider .iconSlick .icon {
    width: 34px;
    height: 34px;
  }
}
.indexTest .rightImgSlider .iconSlick .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.indexNews {
  padding-top: 96px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1199px) {
  .indexNews {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 991px) {
  .indexNews {
    padding-top: 60px;
  }
}
@media screen and (max-width: 575px) {
  .indexNews {
    padding-top: 54px;
    padding-bottom: 81px;
  }
  .indexNews .container {
    padding: 0 20px;
  }
}
.indexNews .newsContainer .title {
  margin-top: 0;
  margin-bottom: 38px;
}
@media screen and (max-width: 991px) {
  .indexNews .newsContainer .title {
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 52px;
  }
}
@media screen and (max-width: 575px) {
  .indexNews .newsContainer .title {
    margin-bottom: 22px;
    font-size: 48px;
    line-height: 50px;
  }
}
.indexNews .newsContainer .listSlick {
  margin: 0 -30px 50px;
}
@media screen and (max-width: 1499px) {
  .indexNews .newsContainer .listSlick {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media screen and (max-width: 1199px) {
  .indexNews .newsContainer .listSlick {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .indexNews .newsContainer .listSlick {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 575px) {
  .indexNews .newsContainer .listSlick {
    margin-bottom: 80px;
  }
}
.indexNews .newsContainer .listSlick .slick-track {
  display: flex;
}
.indexNews .newsContainer .listSlick .slick-dots {
  bottom: -40px;
}
@media screen and (max-width: 575px) {
  .indexNews .newsContainer .listSlick .slick-dots {
    bottom: -30px;
  }
}
.indexNews .newsContainer .listSlick .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 8px;
}
.indexNews .newsContainer .listSlick .slick-dots li.slick-active button {
  background: #234CAF;
}
.indexNews .newsContainer .listSlick .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}
.indexNews .newsContainer .listSlick .slick-dots li button::before {
  display: none;
}
.indexNews .newsContainer .listSlick .item {
  height: auto;
  padding: 10px 30px;
  float: none;
}
@media screen and (max-width: 1499px) {
  .indexNews .newsContainer .listSlick .item {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .indexNews .newsContainer .listSlick .item {
    padding: 10px 10px;
  }
}
.indexNews .newsContainer .listSlick .item a {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
}
.indexNews .newsContainer .listSlick .item a:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 991px) {
  .indexNews .newsContainer .listSlick .item a:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  }
}
.indexNews .newsContainer .listSlick .item a:hover .img img {
  transform: scale(1.05);
}
@media screen and (max-width: 991px) {
  .indexNews .newsContainer .listSlick .item a:hover .img img {
    transform: scale(1);
  }
}
.indexNews .newsContainer .listSlick .item a:hover .itemTitle {
  color: #000;
}
@media screen and (max-width: 991px) {
  .indexNews .newsContainer .listSlick .item a:hover .itemTitle {
    color: #323232;
  }
}
.indexNews .newsContainer .listSlick .item .img {
  padding-bottom: 62.5%;
  position: relative;
  display: block;
  transition: all 0.4s;
  overflow: hidden;
}
.indexNews .newsContainer .listSlick .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  transition: all 0.4s;
}
.indexNews .newsContainer .listSlick .item .doc {
  padding: 32px 38px 48px;
  flex-grow: 1;
  display: block;
  background: #fff;
}
@media screen and (max-width: 1499px) {
  .indexNews .newsContainer .listSlick .item .doc {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.indexNews .newsContainer .listSlick .item .itemTitle {
  margin-bottom: 7px;
  max-height: 72px;
  overflow: hidden;
  line-height: 36px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.4s;
}
.indexNews .newsContainer .listSlick .item .content {
  margin-bottom: 22px;
  max-height: 48px;
  overflow: hidden;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexNews .newsContainer .listSlick .item .date {
  display: block;
}
.indexVedio .videoBtn {
  width: 100%;
  height: 400px;
  position: relative;
  display: flex;
  background: #234CAF;
}
.indexVedio .videoBtn:hover .leftBlock .contents .icon .circle::before {
  animation: indexVedioCircleAni 1.5s linear 0s infinite normal forwards;
}
@media screen and (max-width: 991px) {
  .indexVedio .videoBtn:hover .leftBlock .contents .icon .circle::before {
    animation: none;
  }
}
.indexVedio .videoBtn:hover .leftBlock .contents .icon .line::after {
  animation: indexVedioLineAni 1.5s linear 0s infinite normal forwards;
}
@media screen and (max-width: 991px) {
  .indexVedio .videoBtn:hover .leftBlock .contents .icon .line::after {
    animation: none;
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .videoBtn {
    height: auto;
    flex-direction: column;
  }
}
.indexVedio .leftBlock {
  height: 100%;
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 31px;
  }
}
.indexVedio .leftBlock .bgImg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.indexVedio .leftBlock .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.indexVedio .leftBlock .contents {
  padding-left: calc((100vw - 1440px) / 2);
  position: relative;
  display: flex;
}
@media screen and (max-width: 1499px) {
  .indexVedio .leftBlock .contents {
    width: 100%;
    padding-left: calc((100vw - 17px - 1110px) / 2);
    padding-right: 50px;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .indexVedio .leftBlock .contents {
    padding-left: calc((100vw - 17px - 930px) / 2);
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents {
    max-width: 720px;
    padding: 0 15px;
    margin: 0 auto;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .indexVedio .leftBlock .contents {
    max-width: 540px;
  }
}
@media screen and (max-width: 575px) {
  .indexVedio .leftBlock .contents {
    padding: 0 30px;
  }
}
@media screen and (max-width: 374px) {
  .indexVedio .leftBlock .contents {
    padding: 0 15px;
  }
}
.indexVedio .leftBlock .contents .left {
  margin-right: 180px;
  margin-bottom: 12px;
  text-align: left;
  display: block;
}
@media screen and (max-width: 1499px) {
  .indexVedio .leftBlock .contents .left {
    margin-right: 50px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .left {
    margin-bottom: 35px;
    margin-right: 0px;
  }
}
.indexVedio .leftBlock .contents .slogen {
  margin-bottom: 29px;
  display: block;
}
@media screen and (max-width: 1499px) {
  .indexVedio .leftBlock .contents .slogen {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .indexVedio .leftBlock .contents .slogen {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .slogen {
    text-align: center;
  }
}
.indexVedio .leftBlock .contents .title {
  display: block;
}
@media screen and (max-width: 1499px) {
  .indexVedio .leftBlock .contents .title {
    font-size: 42px;
    line-height: 48px;
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .title {
    text-align: center;
    font-size: 36px;
    line-height: 42px;
  }
}
@media screen and (max-width: 575px) {
  .indexVedio .leftBlock .contents .title {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
  }
}
.indexVedio .leftBlock .contents .right {
  margin-right: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1499px) {
  .indexVedio .leftBlock .contents .right {
    margin-right: 0;
  }
}
.indexVedio .leftBlock .contents .text {
  margin-right: 15px;
  margin-bottom: 35px;
  display: block;
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .text {
    margin-right: 30px;
    margin-bottom: 0px;
  }
}
.indexVedio .leftBlock .contents .icon {
  display: block;
  position: relative;
}
.indexVedio .leftBlock .contents .icon .circle {
  width: 104px;
  height: 104px;
  display: block;
  position: relative;
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .icon .circle {
    width: 80px;
    height: 80px;
  }
}
.indexVedio .leftBlock .contents .icon .circle::before, .indexVedio .leftBlock .contents .icon .circle::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.indexVedio .leftBlock .contents .icon .circle::before {
  width: 100%;
  height: 100%;
  border: solid 2px #fff;
}
.indexVedio .leftBlock .contents .icon .circle::after {
  width: 76.9%;
  height: 76.9%;
  background: #234CAF;
}
.indexVedio .leftBlock .contents .icon .line {
  width: 54px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -31px;
  transform: translateY(-50%);
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .icon .line {
    width: 40px;
    left: -22px;
  }
}
.indexVedio .leftBlock .contents .icon .line::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.indexVedio .leftBlock .contents .icon .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 20px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% + 3px);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 991px) {
  .indexVedio .leftBlock .contents .icon .triangle {
    border-width: 10px 0 10px 15px;
  }
}
.indexVedio .rightBlock {
  width: 12.5%;
  display: block;
}
@media screen and (max-width: 1499px) {
  .indexVedio .rightBlock {
    width: 10%;
  }
}
@media screen and (max-width: 1199px) {
  .indexVedio .rightBlock {
    width: 12%;
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .rightBlock {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.indexVedio .rightBlock .text {
  margin-top: 68px;
  margin-left: 29px;
  display: block;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
@media screen and (max-width: 1199px) {
  .indexVedio .rightBlock .text {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .indexVedio .rightBlock .text {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    transform: rotate(0);
  }
}

@media screen and (max-width: 575px) {
  .indexLinks {
    padding-bottom: 13px;
  }
  .indexLinks .container {
    padding: 0 20px;
  }
}
.indexLinks .linksContainer {
  padding-top: 60px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .indexLinks .linksContainer {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .indexLinks .linksContainer {
    padding-top: 42px;
  }
}
.indexLinks .leftDoc {
  width: 50%;
  padding-right: 65px;
  margin-bottom: 74px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .leftDoc {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .indexLinks .leftDoc {
    width: 40%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .indexLinks .leftDoc {
    width: 100%;
    padding-right: 0px;
  }
}
@media screen and (max-width: 575px) {
  .indexLinks .leftDoc {
    margin-bottom: 31px;
  }
}
.indexLinks .leftDoc .title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .leftDoc .title {
    font-size: 40px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1199px) {
  .indexLinks .leftDoc .title {
    font-size: 36px;
    line-height: 48px;
  }
}
@media screen and (max-width: 575px) {
  .indexLinks .leftDoc .title {
    margin-bottom: 19px;
  }
}
.indexLinks .leftDoc .content {
  margin-bottom: 67px;
}
@media screen and (max-width: 1199px) {
  .indexLinks .leftDoc .content {
    margin-bottom: 49px;
  }
}
.indexLinks .leftDoc .links ul {
  margin: 0 -18px;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .indexLinks .leftDoc .links ul {
    margin: 0 -10px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .indexLinks .leftDoc .links ul {
    justify-content: center;
  }
}
.indexLinks .leftDoc .links li {
  padding: 0 18px;
}
@media screen and (max-width: 1199px) {
  .indexLinks .leftDoc .links li {
    margin-bottom: 15px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 575px) {
  .indexLinks .leftDoc .links li {
    margin-bottom: 24px;
  }
}
.indexLinks .rightLinks {
  width: 690px;
  margin-right: 4px;
  position: relative;
}
@media screen and (max-width: 1499px) {
  .indexLinks .rightLinks {
    width: 50%;
    margin-right: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .indexLinks .rightLinks {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .indexLinks .rightLinks {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .indexLinks .rightLinks .bgImg {
    margin-left: -55px;
    margin-right: -63px;
  }
}
.indexLinks .rightLinks li {
  width: 46.377%;
  position: absolute;
}
@media screen and (max-width: 499px) {
  .indexLinks .rightLinks li {
    width: 65%;
  }
}
.indexLinks .rightLinks li:nth-child(1) {
  left: -22px;
  top: 70px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .rightLinks li:nth-child(1) {
    left: -3.188%;
    top: 14%;
  }
}
@media screen and (max-width: 499px) {
  .indexLinks .rightLinks li:nth-child(1) {
    left: -12.6%;
  }
}
.indexLinks .rightLinks li:nth-child(2) {
  right: -31px;
  top: 76px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .rightLinks li:nth-child(2) {
    right: -4.4927%;
    top: 15.2%;
  }
}
@media screen and (max-width: 499px) {
  .indexLinks .rightLinks li:nth-child(2) {
    right: -18.7%;
  }
}
.indexLinks .rightLinks li:nth-child(3) {
  left: 24px;
  bottom: 133px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .rightLinks li:nth-child(3) {
    left: 3.4782%;
    bottom: 26.6%;
  }
}
@media screen and (max-width: 499px) {
  .indexLinks .rightLinks li:nth-child(3) {
    left: -2.5%;
    bottom: 20%;
  }
}
.indexLinks .rightLinks li:nth-child(4) {
  right: 8px;
  bottom: 140px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .rightLinks li:nth-child(4) {
    right: 1.159%;
    bottom: 28%;
  }
}
@media screen and (max-width: 499px) {
  .indexLinks .rightLinks li:nth-child(4) {
    right: -13%;
  }
}
.indexLinks .rightLinks li:nth-child(5) {
  left: 170px;
  top: 170px;
}
@media screen and (max-width: 1499px) {
  .indexLinks .rightLinks li:nth-child(5) {
    left: 24.638%;
    top: 34%;
  }
}
@media screen and (max-width: 499px) {
  .indexLinks .rightLinks li:nth-child(5) {
    left: 15.6%;
  }
}
.indexLinks .rightLinks a {
  width: 100%;
  padding-bottom: 23.4375%;
  display: block;
  position: relative;
  transition: all 0.4s;
}
.indexLinks .rightLinks a:hover {
  transform: scale(1.05);
}
.indexLinks .rightLinks a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
}

#indexVideoModal {
  padding-right: 0 !important;
}
#indexVideoModal .closeModal {
  width: 70px;
  height: 70px;
  background: #234CAF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #indexVideoModal .closeModal {
    width: 70px;
    height: 70px;
  }
}
#indexVideoModal .closeModal:hover .closeLine::before {
  transform: translate(-50%, -50%) rotate(30deg);
}
#indexVideoModal .closeModal:hover .closeLine::after {
  transform: translate(-50%, -50%) rotate(-30deg);
}
#indexVideoModal .closeModal .closeLine {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  transition: all 0.4s;
}
#indexVideoModal .closeModal .closeLine::before, #indexVideoModal .closeModal .closeLine::after {
  content: "";
  width: 32px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.4s;
}
#indexVideoModal .closeModal .closeLine::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#indexVideoModal .closeModal .closeLine::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#indexVideoModal .modal-dialog {
  height: calc(100vh - 3.5rem);
  width: 79.166%;
  max-width: none;
  position: relative;
}
@media screen and (max-width: 991px) {
  #indexVideoModal .modal-dialog {
    height: auto;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  #indexVideoModal .modal-dialog {
    width: 100%;
    margin: 0;
  }
}
#indexVideoModal .modal-dialog .modal-content {
  height: 100%;
  background: #000;
  position: relative;
}
@media screen and (max-width: 991px) {
  #indexVideoModal .modal-dialog .modal-content {
    height: 600px;
  }
}
@media screen and (max-width: 767px) {
  #indexVideoModal .modal-dialog .modal-content {
    height: 435px;
  }
}
#indexVideoModal .modal-dialog .modal-content iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/*about 共用*/
@media screen and (max-width: 991px) {
  .aboutPage .pageNavContainer {
    background: transparent;
  }
}

.aboutLink {
  height: 450px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .aboutLink {
    height: 360px;
  }
}
@media screen and (max-width: 575px) {
  .aboutLink {
    height: 300px;
  }
}
.aboutLink .slick {
  height: 100%;
}
.aboutLink .slick .slick-track, .aboutLink .slick .slick-list {
  height: 100%;
}
.aboutLink .slick .slickControl .prev, .aboutLink .slick .slickControl .next {
  width: 16px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .aboutLink .slick .slickControl .prev, .aboutLink .slick .slickControl .next {
    left: 50%;
    top: auto;
    bottom: 30px;
    transform: translateY(0);
  }
}
.aboutLink .slick .slickControl .prev .icon, .aboutLink .slick .slickControl .next .icon {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.4s;
}
.aboutLink .slick .slickControl .prev .icon::after, .aboutLink .slick .slickControl .next .icon::after {
  content: "";
  width: 25px;
  height: 25px;
  border-top: 2px solid #fff;
  position: absolute;
  top: 3px;
}
.aboutLink .slick .slickControl .prev {
  left: 56px;
}
@media screen and (max-width: 991px) {
  .aboutLink .slick .slickControl .prev {
    left: 25px;
  }
}
@media screen and (max-width: 767px) {
  .aboutLink .slick .slickControl .prev {
    left: 50%;
    transform: translate(-300%, 0);
  }
}
.aboutLink .slick .slickControl .prev:hover .icon {
  left: -5px;
}
@media screen and (max-width: 767px) {
  .aboutLink .slick .slickControl .prev:hover .icon {
    left: 0px;
  }
}
.aboutLink .slick .slickControl .prev .icon {
  left: 0;
}
.aboutLink .slick .slickControl .prev .icon::after {
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  left: 5px;
}
.aboutLink .slick .slickControl .next {
  right: 56px;
}
@media screen and (max-width: 991px) {
  .aboutLink .slick .slickControl .next {
    right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .aboutLink .slick .slickControl .next {
    right: auto;
    transform: translate(200%, 0);
  }
}
.aboutLink .slick .slickControl .next:hover .icon {
  right: -5px;
}
@media screen and (max-width: 767px) {
  .aboutLink .slick .slickControl .next:hover .icon {
    right: 0px;
  }
}
.aboutLink .slick .slickControl .next .icon {
  right: 0;
}
.aboutLink .slick .slickControl .next .icon::after {
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 5px;
}
.aboutLink .slick .slick-slide {
  height: 100%;
}
.aboutLink .slick .slick-slide:not(.slick-current) .item .title {
  top: 5px;
  opacity: 0;
}
.aboutLink .slick .slick-slide:not(.slick-current) .item .linkBtn {
  top: 8px;
  opacity: 0;
}
.aboutLink .slick .slick-slide > div {
  height: 100%;
}
.aboutLink .item {
  width: 100%;
  height: 100%;
  position: relative;
}
.aboutLink .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.aboutLink .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutLink a {
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.aboutLink .title {
  margin-bottom: 21px;
  position: relative;
  top: 0;
  transition: all 0.4s 0.4s;
}
@media screen and (max-width: 767px) {
  .aboutLink .title {
    font-size: 40px;
    line-height: 42px;
  }
}
@media screen and (max-width: 499px) {
  .aboutLink .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.aboutLink .linkBtn {
  width: 200px;
  height: 50px;
  border: solid 2px #fff;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  transition: all 0.4s 0.6s;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .aboutLink .linkBtn {
    width: 160px;
    height: 40px;
    font-size: 16px;
    line-height: 16px;
  }
}

/*about頁*/
#about .pageNavContainer {
  background: transparent;
}

.aboutCompInfo {
  margin-top: -78px;
  padding-bottom: 160px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompInfo {
    padding-bottom: 80px;
  }
}
.aboutCompInfo .pageTitle {
  padding-top: 180px;
  padding-bottom: 81px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .pageTitle {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompInfo .pageTitle {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 499px) {
  .aboutCompInfo .pageTitle {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.aboutCompInfo .decCircle01, .aboutCompInfo .decCircle02 {
  border-radius: 50%;
  background: #F5F5F5;
  position: absolute;
}
.aboutCompInfo .decCircle01 {
  width: 620px;
  height: 620px;
  top: -80px;
  left: -210px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .decCircle01 {
    width: 550px;
    height: 550px;
    top: -60px;
    left: -180px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .decCircle01 {
    width: 500px;
    height: 500px;
    top: -50px;
    left: -150px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompInfo .decCircle01 {
    width: 450px;
    height: 450px;
    top: -50px;
    left: -150px;
  }
}
.aboutCompInfo .decCircle02 {
  width: 475px;
  height: 475px;
  right: -39px;
  top: 49.69%;
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .decCircle02 {
    width: 400px;
    height: 400px;
    right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .decCircle02 {
    width: 300px;
    height: 300px;
    right: -20px;
    top: 45%;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompInfo .decCircle02 {
    width: 250px;
    height: 250px;
    right: -30px;
    top: 50%;
  }
}
.aboutCompInfo .compInfoArticle {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compInfoArticle {
    flex-direction: column;
  }
}
.aboutCompInfo .compInfoArticle .imgBox {
  width: 100%;
  height: 100%;
}
.aboutCompInfo .compInfoArticle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutCompInfo .compInfoArticle .doc {
  padding-left: 100px;
  padding-right: 110px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compInfoArticle .doc {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .compInfoArticle .doc {
    margin-top: 25px;
  }
}
.aboutCompInfo .compInfoArticle .title {
  margin-bottom: 36px;
}
@media screen and (max-width: 1199px) {
  .aboutCompInfo .compInfoArticle .title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .compInfoArticle .title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .compInfoArticle .content {
    font-size: 16px;
    line-height: 24px;
  }
}
.aboutCompInfo .compInfoArticle .content p:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compInfoArticle .content p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .compInfoArticle .content p:not(:last-child) {
    margin-bottom: 15px;
  }
}
.aboutCompInfo .compHistory {
  margin-bottom: 146px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compHistory {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .compHistory {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompInfo .compHistory {
    margin-bottom: 60px;
  }
}
.aboutCompInfo .compHistory .leftImg {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compHistory .leftImg {
    width: 100%;
  }
}
.aboutCompInfo .compHistory .imgTop {
  width: 72.917%;
  height: 520px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compHistory .imgTop {
    height: auto;
  }
  .aboutCompInfo .compHistory .imgTop .imgBox {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
  }
  .aboutCompInfo .compHistory .imgTop img {
    position: absolute;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompInfo .compHistory .imgTop {
    width: 85%;
  }
}
.aboutCompInfo .compHistory .imgBottom {
  width: 50%;
  height: 360px;
  margin-left: auto;
  margin-top: -265px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compHistory .imgBottom {
    height: auto;
    margin-top: -15%;
  }
  .aboutCompInfo .compHistory .imgBottom .imgBox {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
  }
  .aboutCompInfo .compHistory .imgBottom img {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompInfo .compHistory .imgBottom {
    margin-top: -18%;
  }
}
.aboutCompInfo .compHistory .rightDoc {
  width: 50%;
  padding-bottom: 48px;
}
@media screen and (max-width: 1499px) {
  .aboutCompInfo .compHistory .rightDoc {
    padding-right: 0;
    padding-left: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .aboutCompInfo .compHistory .rightDoc {
    padding-bottom: 0px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compHistory .rightDoc {
    width: 100%;
    padding-left: 0px;
  }
}
.aboutCompInfo .compService .leftDoc {
  width: 48.264%;
  padding-bottom: 15px;
}
@media screen and (max-width: 1499px) {
  .aboutCompInfo .compService .leftDoc {
    padding-left: 0;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .aboutCompInfo .compService .leftDoc {
    padding-bottom: 0px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compService .leftDoc {
    width: 100%;
    padding-right: 0;
  }
}
.aboutCompInfo .compService .rightImg {
  width: 51.736%;
  height: 520px;
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compService .rightImg {
    width: 100%;
    order: -1;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompInfo .compService .rightImg {
    height: auto;
  }
  .aboutCompInfo .compService .rightImg .imgBox {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
  }
  .aboutCompInfo .compService .rightImg img {
    position: absolute;
  }
}

.aboutCompSlogen {
  width: 100%;
  height: 450px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .aboutCompSlogen {
    height: 450px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompSlogen {
    height: auto;
    padding: 80px 0px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompSlogen {
    padding: 60px 0px;
  }
}
.aboutCompSlogen .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.aboutCompSlogen .bgImg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
}
.aboutCompSlogen .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutCompSlogen .content {
  padding-top: 14px;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .aboutCompSlogen .content {
    padding-top: 0;
  }
}
.aboutCompSlogen .content .dInlineBlock {
  display: inline-block;
}
.aboutCompSlogen .content .dec {
  width: 48px;
  height: 36px;
}
.aboutCompSlogen .content .dec img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1199px) {
  .aboutCompSlogen .content .dec {
    width: 40px;
    height: 30px;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompSlogen .content .dec {
    width: 32px;
    height: 24px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompSlogen .content .dec {
    width: 24px;
    height: 18px;
  }
}
.aboutCompSlogen .content .decBottom {
  margin-left: auto;
  transform: rotate(180deg);
}
.aboutCompSlogen .content .text {
  padding: 11px 40px 47px;
}
@media screen and (max-width: 1199px) {
  .aboutCompSlogen .content .text {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompSlogen .content .text {
    padding: 30px 30px 30px;
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompSlogen .content .text {
    padding: 25px 20px;
    font-size: 20px;
    line-height: 26px;
  }
}

.aboutCompCertificate {
  padding-bottom: 55px;
}
@media screen and (max-width: 991px) {
  .aboutCompCertificate {
    padding-bottom: 40px;
  }
}
.aboutCompCertificate .pageTitle {
  padding-top: 124px;
  padding-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .aboutCompCertificate .pageTitle {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .aboutCompCertificate .pageTitle {
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 36px;
    line-height: 40px;
  }
}
.aboutCompCertificate .itemList .listRow {
  margin: 0 -35px;
}
@media screen and (max-width: 1499px) {
  .aboutCompCertificate .itemList .listRow {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompCertificate .itemList .listRow {
    margin: 0 -8px;
  }
}
.aboutCompCertificate .itemList .listCol {
  padding: 0 35px;
  margin-bottom: 75px;
}
@media screen and (max-width: 1499px) {
  .aboutCompCertificate .itemList .listCol {
    padding: 0 15px;
  }
}
@media screen and (max-width: 991px) {
  .aboutCompCertificate .itemList .listCol {
    margin-bottom: 50px;
    padding: 0 8px;
  }
}
.aboutCompCertificate .itemList .item {
  max-width: 400px;
  margin: 0 auto;
}
.aboutCompCertificate .itemList .item .img {
  width: 100%;
  padding-bottom: 132.35%;
  position: relative;
}
@media screen and (max-width: 575px) {
  .aboutCompCertificate .itemList .item .img {
    padding-bottom: 0%;
  }
}
.aboutCompCertificate .itemList .item .img .imgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .aboutCompCertificate .itemList .item .img .imgBox {
    height: auto;
    position: relative;
  }
}
.aboutCompCertificate .itemList .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(3px 3px 25px rgba(0, 0, 0, 0.2));
}
.aboutCompCertificate .itemList .item .title {
  margin-top: 41px;
}
@media screen and (max-width: 991px) {
  .aboutCompCertificate .itemList .item .title {
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .aboutCompCertificate .itemList .item .title {
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
  }
}

/*Milestones 頁*/
.milestonesYearList {
  margin-top: -19px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .milestonesYearList {
    margin-top: 0;
  }
}
.milestonesYearList::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #234CAF;
  position: absolute;
  left: 0;
  bottom: 10px;
  transform: translateY(50%);
}
.milestonesYearList .yearSlick {
  margin-bottom: -10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.milestonesYearList .yearSlick .slick-track, .milestonesYearList .yearSlick .slick-list {
  overflow: visible;
}
.milestonesYearList .yearSlick .slick-slide.slick-current .item .text {
  color: #323232;
}
@media screen and (min-width: 992px) {
  .milestonesYearList .yearSlick .slick-slide:not(.slick-current) .item:hover::before {
    width: 20px;
    height: 20px;
  }
  .milestonesYearList .yearSlick .slick-slide:not(.slick-current) .item:hover .text {
    color: #234CAF;
  }
}
.milestonesYearList .yearSlick .slick-slide:not(.slick-current) .item::after {
  height: 0;
}
.milestonesYearList .yearSlick .slick-slide:not(.slick-current) .item .text::before {
  width: 0;
  height: 0;
  opacity: 0;
}
.milestonesYearList .yearSlick .item {
  padding-bottom: 22px;
  display: flex !important;
  justify-content: center;
  position: relative;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .milestonesYearList .yearSlick .item {
    padding-bottom: 17px;
  }
}
.milestonesYearList .yearSlick .item::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #234CAF;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  transition: all 0.4s;
}
.milestonesYearList .yearSlick .item::after {
  content: "";
  width: 2px;
  height: 42px;
  background: #234CAF;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .milestonesYearList .yearSlick .item::after {
    height: 30px;
  }
}
.milestonesYearList .yearSlick .text {
  width: 126px;
  height: 126px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .milestonesYearList .yearSlick .text {
    width: 110px;
    height: 110px;
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesYearList .yearSlick .text {
    width: 90px;
    height: 90px;
    font-size: 24px;
    line-height: 26px;
  }
}
.milestonesYearList .yearSlick .text::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(35, 76, 175, 0.4);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.4s;
}

.milestonesArticleContainer {
  padding-top: 134px;
  padding-bottom: 131px;
  position: relative;
}
@media screen and (max-width: 575px) {
  .milestonesArticleContainer {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
.milestonesArticleContainer .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1199px) {
  .milestonesArticleContainer .bgImg {
    width: 1200px;
    height: auto;
  }
}
.milestonesArticleContainer .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.milestonesArticleContainer .articleSlick {
  position: relative;
}
.milestonesArticleContainer .articleSlick .slickControl .prev, .milestonesArticleContainer .articleSlick .slickControl .next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: solid 2px #234CAF;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 93px;
  z-index: 20;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev, .milestonesArticleContainer .articleSlick .slickControl .next {
    bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev, .milestonesArticleContainer .articleSlick .slickControl .next {
    top: -80px;
    bottom: auto;
  }
}
@media screen and (max-width: 767px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev, .milestonesArticleContainer .articleSlick .slickControl .next {
    width: 50px;
    height: 50px;
    top: -80px;
  }
}
@media screen and (max-width: 575px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev, .milestonesArticleContainer .articleSlick .slickControl .next {
    width: 50px;
    height: 50px;
    top: -65px;
  }
}
@media screen and (min-width: 992px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev:hover, .milestonesArticleContainer .articleSlick .slickControl .next:hover {
    background: #234CAF;
  }
  .milestonesArticleContainer .articleSlick .slickControl .prev:hover .icon::after, .milestonesArticleContainer .articleSlick .slickControl .next:hover .icon::after {
    border-color: #fff;
  }
}
.milestonesArticleContainer .articleSlick .slickControl .prev .icon, .milestonesArticleContainer .articleSlick .slickControl .next .icon {
  width: 6px;
  height: 12px;
  position: relative;
  transition: all 0.4s;
}
.milestonesArticleContainer .articleSlick .slickControl .prev .icon::after, .milestonesArticleContainer .articleSlick .slickControl .next .icon::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #234CAF;
  display: block;
  position: relative;
  top: 1px;
}
.milestonesArticleContainer .articleSlick .slickControl .prev {
  left: 80px;
}
.milestonesArticleContainer .articleSlick .slickControl .prev:hover {
  left: 75px;
}
@media screen and (max-width: 1499px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev {
    left: 0px;
  }
  .milestonesArticleContainer .articleSlick .slickControl .prev:hover {
    left: -5px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .articleSlick .slickControl .prev {
    left: 50%;
    transform: translateX(calc(-100% - 10px));
  }
  .milestonesArticleContainer .articleSlick .slickControl .prev:hover {
    left: 50%;
  }
}
.milestonesArticleContainer .articleSlick .slickControl .prev .icon {
  left: 0;
}
.milestonesArticleContainer .articleSlick .slickControl .prev .icon::after {
  border-left: 2px solid #234CAF;
  transform: rotate(-45deg);
  left: 1px;
}
.milestonesArticleContainer .articleSlick .slickControl .next {
  left: 155px;
}
.milestonesArticleContainer .articleSlick .slickControl .next:hover {
  left: 160px;
}
@media screen and (max-width: 1499px) {
  .milestonesArticleContainer .articleSlick .slickControl .next {
    left: 75px;
  }
  .milestonesArticleContainer .articleSlick .slickControl .next:hover {
    left: 80px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .articleSlick .slickControl .next {
    left: 50%;
    transform: translateX(10px);
  }
  .milestonesArticleContainer .articleSlick .slickControl .next:hover {
    left: 50%;
  }
}
.milestonesArticleContainer .articleSlick .slickControl .next .icon {
  right: 0;
}
.milestonesArticleContainer .articleSlick .slickControl .next .icon::after {
  border-right: 2px solid #234CAF;
  transform: rotate(45deg);
  right: 4px;
}
.milestonesArticleContainer .item {
  padding: 0 80px 0 80px;
  display: flex !important;
}
@media screen and (max-width: 1499px) {
  .milestonesArticleContainer .item {
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .item {
    flex-direction: column;
  }
}
.milestonesArticleContainer .item .leftContent {
  width: 50%;
  padding-top: 19px;
  padding-right: 80px;
  padding-bottom: 173px;
}
@media screen and (max-width: 1499px) {
  .milestonesArticleContainer .item .leftContent {
    width: 45%;
    padding-right: 50px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .item .leftContent {
    width: 100%;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .item .itemTitle {
    font-size: 50px;
    line-height: 56px;
  }
}
@media screen and (max-width: 767px) {
  .milestonesArticleContainer .item .itemTitle {
    font-size: 36px;
    line-height: 40px;
  }
}
.milestonesArticleContainer .item .content {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .milestonesArticleContainer .item .content {
    font-size: 16px;
    line-height: 24px;
  }
}
.milestonesArticleContainer .item .content .listDisc {
  padding-left: 14px;
  list-style: none;
}
.milestonesArticleContainer .item .content .listDisc li::before {
  left: -14px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .milestonesArticleContainer .item .content .listDisc li::before {
    top: calc(12px - 0.125em);
  }
}
.milestonesArticleContainer .item .rightImg {
  width: 50%;
  padding-right: 10px;
}
@media screen and (max-width: 1499px) {
  .milestonesArticleContainer .item .rightImg {
    width: 55%;
    padding-right: 0px;
  }
}
@media screen and (max-width: 991px) {
  .milestonesArticleContainer .item .rightImg {
    width: 100%;
  }
  .milestonesArticleContainer .item .rightImg img {
    margin: 0 auto;
  }
}

/*Team 頁*/
.teamTopList {
  padding-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .teamTopList {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList {
    padding-bottom: 20px;
  }
}
.teamTopList .pageTitle {
  padding-top: 102px;
  padding-bottom: 81px;
}
@media screen and (max-width: 767px) {
  .teamTopList .pageTitle {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList .pageTitle {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.teamTopList .chiefInfo {
  margin-bottom: 120px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .teamTopList .chiefInfo {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 991px) {
  .teamTopList .chiefInfo {
    max-width: 690px;
    margin: 0 auto 80px;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .teamTopList .chiefInfo {
    margin-bottom: 60px;
  }
}
.teamTopList .chiefInfo .leftImg {
  width: 690px;
  height: 460px;
  flex-shrink: 0;
}
@media screen and (max-width: 1499px) {
  .teamTopList .chiefInfo .leftImg {
    width: 49%;
  }
}
@media screen and (max-width: 1199px) {
  .teamTopList .chiefInfo .leftImg {
    width: 40%;
  }
}
@media screen and (max-width: 991px) {
  .teamTopList .chiefInfo .leftImg {
    width: 100%;
    margin-bottom: 30px;
    height: 0;
    padding-bottom: 66.7%;
    position: relative;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList .chiefInfo .leftImg {
    margin-bottom: 20px;
  }
}
.teamTopList .chiefInfo .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 991px) {
  .teamTopList .chiefInfo .leftImg img {
    position: absolute;
  }
}
.teamTopList .chiefInfo .rightDoc {
  padding: 0 0px 32px 90px;
  flex-grow: 1;
}
@media screen and (max-width: 1499px) {
  .teamTopList .chiefInfo .rightDoc {
    padding-left: 50px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1199px) {
  .teamTopList .chiefInfo .rightDoc {
    padding-left: 30px;
  }
}
@media screen and (max-width: 991px) {
  .teamTopList .chiefInfo .rightDoc {
    width: 100%;
    padding-left: 0px;
  }
}
.teamTopList .chiefInfo .name {
  margin-bottom: 14px;
}
@media screen and (max-width: 575px) {
  .teamTopList .chiefInfo .name {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (max-width: 499px) {
  .teamTopList .chiefInfo .name {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }
}
.teamTopList .chiefInfo .job {
  margin-bottom: 28px;
}
@media screen and (max-width: 575px) {
  .teamTopList .chiefInfo .job {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 499px) {
  .teamTopList .chiefInfo .job {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList .chiefInfo .content {
    font-size: 16px;
    line-height: 22px;
  }
}
.teamTopList .teamList .listRow {
  margin: 0 -30px;
}
@media screen and (max-width: 1499px) {
  .teamTopList .teamList .listRow {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 767px) {
  .teamTopList .teamList .listRow {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList .teamList .listRow {
    margin: 0px;
  }
}
.teamTopList .teamList .listCol {
  padding: 0 30px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1499px) {
  .teamTopList .teamList .listCol {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1199px) {
  .teamTopList .teamList .listCol {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .teamTopList .teamList .listCol {
    padding: 0 10px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList .teamList .listCol {
    padding: 0px;
  }
}
.teamTopList .teamList .item {
  max-width: 315px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .teamTopList .teamList .item {
    max-width: 350px;
  }
}
.teamTopList .teamList .item:hover .contentBox {
  opacity: 1;
  pointer-events: auto;
}
.teamTopList .teamList .item:hover .rwdBtn {
  background: rgb(38, 141, 222);
}
.teamTopList .teamList .item:hover .rwdBtn .icon {
  transform: rotate(180deg);
}
.teamTopList .teamList .item .imgContainer {
  width: 100%;
  margin-bottom: 29px;
  padding-bottom: 114.3%;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .teamTopList .teamList .item .imgContainer {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 991px) {
  .teamTopList .teamList .item .imgContainer {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .teamTopList .teamList .item .imgContainer {
    padding-bottom: 85%;
  }
}
.teamTopList .teamList .item .img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.teamTopList .teamList .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 575px) {
  .teamTopList .teamList .item .img img {
    object-position: top;
  }
}
.teamTopList .teamList .item .contentBox {
  width: 100%;
  height: 100%;
  padding: 34px 15px;
  position: absolute;
  background: #268DDE;
  opacity: 0;
  transition: all 0.4s;
  pointer-events: none;
}
.teamTopList .teamList .item .scrollBar {
  height: 100%;
}
.teamTopList .teamList .item .content {
  height: 100%;
  padding: 0 15px;
}
.teamTopList .teamList .item .rwdBtn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(38, 141, 222, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  transition: all 0.4s;
}
@media screen and (min-width: 992px) {
  .teamTopList .teamList .item .rwdBtn {
    display: none;
  }
}
.teamTopList .teamList .item .rwdBtn .icon {
  width: 25px;
  height: 25px;
  position: relative;
  transition: all 0.4s;
}
.teamTopList .teamList .item .rwdBtn .icon::before, .teamTopList .teamList .item .rwdBtn .icon::after {
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.teamTopList .teamList .item .rwdBtn .icon::before {
  width: 100%;
  height: 2px;
}
.teamTopList .teamList .item .rwdBtn .icon::after {
  width: 2px;
  height: 100%;
}
.teamTopList .teamList .item .name {
  margin-bottom: 11px;
}
@media screen and (max-width: 1499px) {
  .teamTopList .teamList .item .name {
    font-size: 26px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .teamTopList .teamList .item .name {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1499px) {
  .teamTopList .teamList .item .job {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .teamTopList .teamList .item .job {
    font-size: 16px;
    line-height: 20px;
  }
}
.teamTopList .teamList .item .scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.teamTopList .teamList .item .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  width: 4px;
  left: -4px;
}

.teamBottomInfo {
  padding-bottom: 147px;
}
@media screen and (max-width: 991px) {
  .teamBottomInfo {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .teamBottomInfo {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 499px) {
  .teamBottomInfo {
    padding-bottom: 60px;
  }
}
.teamBottomInfo hr {
  margin-top: 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 991px) {
  .teamBottomInfo hr {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .teamBottomInfo hr {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 499px) {
  .teamBottomInfo hr {
    margin-bottom: 40px;
  }
}
.teamBottomInfo .img {
  margin-bottom: 43px;
}
@media screen and (max-width: 991px) {
  .teamBottomInfo .img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 499px) {
  .teamBottomInfo .img {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .teamBottomInfo .slogen {
    font-size: 30px;
    line-height: 42px;
  }
}
@media screen and (max-width: 767px) {
  .teamBottomInfo .slogen {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 499px) {
  .teamBottomInfo .slogen {
    font-size: 18px;
    line-height: 28px;
  }
}

/*Facility 頁*/
.facilityTopImg {
  z-index: 0;
}
.facilityTopImg .pageTitle {
  padding-top: 102px;
  padding-bottom: 0;
  margin-bottom: -174px;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1499px) {
  .facilityTopImg .pageTitle {
    padding-top: 40px;
    margin-bottom: -112px;
  }
}
@media screen and (max-width: 991px) {
  .facilityTopImg .pageTitle {
    padding-top: 80px;
    margin-bottom: -126px;
  }
}
@media screen and (max-width: 767px) {
  .facilityTopImg .pageTitle {
    padding-top: 80px;
    margin-bottom: -116px;
    font-size: 32px;
    line-height: 36px;
  }
}
@media screen and (max-width: 575px) {
  .facilityTopImg .pageTitle {
    padding-top: 60px;
    margin-bottom: -96px;
  }
}
.facilityTopImg .img {
  width: 86.72%;
}
@media screen and (max-width: 1499px) {
  .facilityTopImg .img {
    width: 90%;
  }
}
@media screen and (max-width: 991px) {
  .facilityTopImg .img {
    width: 100%;
  }
}

.facilityList {
  padding-top: 141px;
  padding-bottom: 58px;
}
@media screen and (max-width: 1199px) {
  .facilityList {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .facilityList {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .facilityList {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.facilityList .listRow {
  margin: 0 -75px;
}
@media screen and (max-width: 1499px) {
  .facilityList .listRow {
    margin: 0 -50px;
  }
}
@media screen and (max-width: 1199px) {
  .facilityList .listRow {
    margin: 0 -25px;
  }
}
@media screen and (max-width: 991px) {
  .facilityList .listRow {
    margin: 0 -15px;
  }
}
.facilityList .listCol {
  padding: 0 75px;
  margin-bottom: 74px;
}
.facilityList .listCol.aos-animate .item .decLine::before {
  left: 0%;
}
@media screen and (max-width: 1499px) {
  .facilityList .listCol {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1199px) {
  .facilityList .listCol {
    padding: 0 25px;
  }
}
@media screen and (max-width: 991px) {
  .facilityList .listCol {
    padding: 0 15px;
  }
}
@media screen and (max-width: 575px) {
  .facilityList .listCol {
    margin-bottom: 60px;
  }
}
.facilityList .item .decLine {
  width: 100%;
  height: 3px;
  background: #DEDEDE;
  position: relative;
  display: flex;
}
.facilityList .item .decLine::before {
  content: "";
  height: 100%;
  width: 19.05%;
  background: #268DDE;
  position: absolute;
  left: 80.95%;
  transition: all 0.7s ease-out 0s;
}
.facilityList .item .itemTitle {
  margin-top: 44px;
  margin-bottom: 29px;
}
@media screen and (max-width: 991px) {
  .facilityList .item .itemTitle {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .facilityList .item .itemTitle {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 24px;
  }
}
.facilityList .item .img {
  width: 100%;
  padding-bottom: 60.3%;
  margin-bottom: 31px;
  position: relative;
}
.facilityList .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .facilityList .item .img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .facilityList .item .content {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 575px) {
  .facilityList .item .content {
    font-size: 16px;
    line-height: 26px;
  }
}
.facilityList .item .content .listDisc li::before {
  left: -0.75em;
}
@media screen and (max-width: 991px) {
  .facilityList .item .content .listDisc li::before {
    top: calc(14px - 0.125em);
  }
}
@media screen and (max-width: 575px) {
  .facilityList .item .content .listDisc li::before {
    top: calc(13px - 0.125em);
  }
}

/*Alliance 頁*/
.allianceList {
  padding-bottom: 140px;
}
@media screen and (max-width: 575px) {
  .allianceList {
    padding-bottom: 80px;
  }
}
.allianceList li:not(:last-child) {
  margin-bottom: 50px;
}
@media screen and (max-width: 575px) {
  .allianceList li:not(:last-child) {
    margin-bottom: 30px;
  }
}
.allianceList .item a {
  border: solid 1px #DEDEDE;
  padding: 20px 0;
  display: flex;
  transition: all 0.4s;
  position: relative;
}
@media screen and (max-width: 767px) {
  .allianceList .item a {
    padding: 30px 30px;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 575px) {
  .allianceList .item a {
    padding: 30px 20px;
  }
}
.allianceList .item a::after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 3px #234CAF;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
.allianceList .item a:hover {
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.allianceList .item a:hover::after {
  opacity: 1;
}
.allianceList .item a:hover .itemTitle {
  color: #234CAF;
}
.allianceList .item a:hover .linkIcon {
  color: #234CAF;
}
.allianceList .item .leftImg {
  width: 400px;
  height: 280px;
  padding: 0 60px 0 50px;
  flex-shrink: 0;
  display: block;
}
@media screen and (max-width: 1199px) {
  .allianceList .item .leftImg {
    width: 350px;
    padding: 0 30px 0 30px;
  }
}
@media screen and (max-width: 991px) {
  .allianceList .item .leftImg {
    width: 40%;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .allianceList .item .leftImg {
    width: 290px;
    max-width: 100%;
    height: 0;
    margin-bottom: 30px;
    padding-bottom: 90px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
}
@media screen and (max-width: 575px) {
  .allianceList .item .leftImg {
    width: 250px;
    padding-bottom: 80px;
  }
}
.allianceList .item .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .allianceList .item .leftImg img {
    position: absolute;
  }
}
.allianceList .item .itemInfo {
  padding-right: 50px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .allianceList .item .itemInfo {
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .allianceList .item .itemInfo {
    padding: 0;
  }
}
.allianceList .item .itemTitle {
  margin-bottom: 27px;
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .allianceList .item .itemTitle {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
  }
}
.allianceList .item .content {
  max-height: 130px;
  overflow: hidden;
  line-height: 26px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
  .allianceList .item .content {
    max-height: 100px;
    font-size: 16px;
    line-height: 20px;
  }
}
.allianceList .item .linkIcon {
  width: 90px;
  border-left: 1px solid #dedede;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #dedede;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .allianceList .item .linkIcon {
    width: 70px;
  }
}
@media screen and (max-width: 991px) {
  .allianceList .item .linkIcon {
    display: none;
  }
}

.newsListContainer {
  padding-bottom: 140px;
}
@media screen and (max-width: 991px) {
  .newsListContainer {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 575px) {
  .newsListContainer {
    padding-bottom: 80px;
  }
}
.newsList {
  padding-bottom: 30px;
}
.newsList li:first-child .item a {
  padding-top: 28px;
}
@media screen and (max-width: 767px) {
  .newsList li:first-child .item a {
    padding-top: 0px;
  }
}
.newsList li:not(:last-child) .item a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1199px) {
  .newsList li:nth-child(odd) .item .article {
    padding-right: 0;
  }
}
.newsList li:nth-child(even) .item .article {
  order: -1;
}
@media screen and (max-width: 1199px) {
  .newsList li:nth-child(even) .item .article {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .newsList li:nth-child(even) .item .article {
    order: 0;
  }
}
.newsList .item a {
  padding: 60px 0;
  display: flex;
}
@media screen and (max-width: 991px) {
  .newsList .item a {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .newsList .item a {
    flex-direction: column;
  }
}
.newsList .item a:hover .imgBox img {
  transform: scale(1.05);
}
.newsList .item a:hover .link .defaultBtn {
  background: #268DDE;
  color: #fff;
}
.newsList .item .imgBox {
  width: 44.44%;
  height: 400px;
  display: block;
  flex-shrink: 0;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .newsList .item .imgBox {
    width: 45%;
    height: 360px;
  }
}
@media screen and (max-width: 767px) {
  .newsList .item .imgBox {
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
    position: relative;
  }
}
.newsList .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .newsList .item .imgBox img {
    position: absolute;
  }
}
.newsList .item .article {
  padding: 57px 80px 0;
  display: block;
}
@media screen and (max-width: 1199px) {
  .newsList .item .article {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991px) {
  .newsList .item .article {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .newsList .item .article {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.newsList .item .date {
  margin-bottom: 7px;
  display: block;
}
.newsList .item .itemTitle {
  margin-bottom: 19px;
  max-height: 72px;
  overflow: hidden;
  line-height: 36px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
  .newsList .item .itemTitle {
    margin-bottom: 15px;
    max-height: 56px;
    font-size: 20px;
    line-height: 28px;
  }
}
.newsList .item .content {
  margin-bottom: 57px;
  display: block;
  max-height: 60px;
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 991px) {
  .newsList .item .content {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .newsList .item .content {
    max-height: 40px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 575px) {
  .newsList .item .content {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 575px) {
  .newsList .item .link .defaultBtn {
    min-width: auto;
    height: 44px;
    font-size: 16px;
  }
}

.newsDetailTopContainer {
  padding-top: 54px;
  padding-bottom: 75px;
  background: #F5F5F5;
  position: relative;
}
@media screen and (max-width: 767px) {
  .newsDetailTopContainer {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.newsDetailTopContainer .decLeft, .newsDetailTopContainer .decRight {
  height: 100%;
  position: absolute;
  top: 0;
}
.newsDetailTopContainer .decLeft img, .newsDetailTopContainer .decRight img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsDetailTopContainer .decLeft {
  left: 0;
}
@media screen and (max-width: 1499px) {
  .newsDetailTopContainer .decLeft {
    left: -50px;
  }
}
@media screen and (max-width: 991px) {
  .newsDetailTopContainer .decLeft {
    left: -100px;
  }
}
@media screen and (max-width: 575px) {
  .newsDetailTopContainer .decLeft {
    left: -150px;
  }
}
.newsDetailTopContainer .decRight {
  right: 0;
}
@media screen and (max-width: 1499px) {
  .newsDetailTopContainer .decRight {
    right: -200px;
  }
}
@media screen and (max-width: 575px) {
  .newsDetailTopContainer .decRight {
    right: -250px;
  }
}
.newsDetailTopContainer .container {
  position: relative;
}
.newsDetailTopContainer .breadcrumb {
  margin-bottom: 30px;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .newsDetailTopContainer .breadcrumb {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .newsDetailTopContainer .breadcrumb {
    margin-bottom: 15px;
  }
}
.newsDetailTopContainer .breadcrumb > li {
  color: #323232;
}
.newsDetailTopContainer .breadcrumb > li a {
  color: #323232;
}
.newsDetailTopContainer .breadcrumb > li + li::before {
  color: #323232;
}
.newsDetailTopContainer .breadcrumb > .active {
  color: #323232;
}
.newsDetailTopContainer .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  background: #323232;
}
.newsDetailTopContainer .title {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .newsDetailTopContainer .title {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .newsDetailTopContainer .title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .newsDetailTopContainer .title {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 991px) {
  .newsDetailTopContainer .date {
    font-size: 18px;
    line-height: 22px;
  }
}

.newsDetailArticle {
  padding-top: 70px;
}

.newsDetailInfo {
  padding-top: 48px;
}

.newsDetailBottom {
  padding-top: 60px;
  padding-bottom: 140px;
}
@media screen and (max-width: 575px) {
  .newsDetailBottom {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}
.newsDetailBottom .shareContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsDetailBottom .shareContainer .title {
  padding-top: 3px;
  margin-right: 51px;
}
@media screen and (max-width: 575px) {
  .newsDetailBottom .shareContainer .title {
    margin-right: 20px;
  }
}
.newsDetailBottom .shareContainer .list ul {
  margin: 0 -10px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .newsDetailBottom .shareContainer .list ul {
    margin: 0 -5px;
  }
}
.newsDetailBottom .shareContainer .list li {
  padding: 0 10px;
}
@media screen and (max-width: 575px) {
  .newsDetailBottom .shareContainer .list li {
    padding: 0 5px;
  }
}
.newsDetailBottom .shareContainer .list a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(50, 50, 50, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
@media screen and (max-width: 575px) {
  .newsDetailBottom .shareContainer .list a {
    width: 40px;
    height: 40px;
  }
  .newsDetailBottom .shareContainer .list a i {
    font-size: 16px;
  }
  .newsDetailBottom .shareContainer .list a i.icon-line {
    font-size: 20px;
  }
}
.newsDetailBottom .shareContainer .list a:hover {
  background: #234CAF;
}
.newsDetailBottom hr {
  margin: 50px 0 55px;
  border-color: rgba(50, 50, 50, 0.5);
}
@media screen and (max-width: 575px) {
  .newsDetailBottom hr {
    margin: 40px 0 40px;
  }
}
.cdmoList {
  padding-bottom: 61px;
}
.cdmoList li:nth-child(1), .cdmoList li:nth-child(2) {
  margin-top: -37px;
}
@media screen and (max-width: 991px) {
  .cdmoList li:nth-child(2) {
    margin-top: 0px;
  }
}
.cdmoList .listRow {
  margin: 0 -30px;
}
@media screen and (max-width: 1199px) {
  .cdmoList .listRow {
    margin: 0 -15px;
  }
}
.cdmoList .listCol {
  padding: 0 30px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1199px) {
  .cdmoList .listCol {
    padding: 0 15px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .cdmoList .listCol {
    margin-bottom: 30px;
  }
}
.cdmoList .item a {
  height: 320px;
  display: flex;
  background: #fff;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .cdmoList .item a {
    height: 280px;
  }
}
@media screen and (max-width: 575px) {
  .cdmoList .item a {
    height: auto;
  }
}
@media screen and (max-width: 499px) {
  .cdmoList .item a {
    flex-direction: column;
  }
}
.cdmoList .item a:hover {
  background: #234CAF;
}
.cdmoList .item a:hover .img img {
  transform: scale(1.05);
}
.cdmoList .item a:hover .title {
  color: #fff;
}
.cdmoList .item a:hover .decLine::before {
  width: 100%;
}
.cdmoList .item a:hover .content {
  color: rgba(255, 255, 255, 0.8);
}
.cdmoList .item .leftImg {
  width: 37.68%;
  height: 100%;
  display: block;
  flex-shrink: 0;
}
@media screen and (max-width: 575px) {
  .cdmoList .item .leftImg {
    height: auto;
  }
}
@media screen and (max-width: 499px) {
  .cdmoList .item .leftImg {
    width: 100%;
    height: 0px;
    padding-bottom: 45%;
    position: relative;
  }
}
.cdmoList .item .img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 499px) {
  .cdmoList .item .img {
    position: absolute;
  }
}
.cdmoList .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.cdmoList .item .rightArticle {
  padding: 51px 45px 45px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .cdmoList .item .rightArticle {
    padding: 30px 20px 30px;
  }
}
.cdmoList .item .title {
  max-height: 80px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .cdmoList .item .title {
    font-size: 25px;
    line-height: 32px;
  }
}
@media screen and (max-width: 575px) {
  .cdmoList .item .title {
    font-size: 22px;
    line-height: 30px;
  }
}
.cdmoList .item .decLine {
  margin: 26px 0 21px;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
}
.cdmoList .item .decLine::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #268DDE;
  transition: all 0.4s 0.2s;
}
@media screen and (max-width: 1199px) {
  .cdmoList .item .decLine {
    margin: 15px 0px;
  }
}
.cdmoList .item .content {
  max-height: 90px;
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.4s;
}
@media screen and (max-width: 575px) {
  .cdmoList .item .content {
    font-size: 16px;
    line-height: 24px;
  }
}

/*cdmo內頁*/
@media screen and (max-width: 1099px) {
  #cdmo .pageNav {
    padding: 0 40px;
  }
}
#cdmo .pageNav .item {
  height: 100%;
  max-width: 255px;
}
@media screen and (max-width: 1499px) {
  #cdmo .pageNav .item {
    max-width: 190px;
  }
}
#cdmo .pageNav .item a {
  height: 100%;
}
@media screen and (max-width: 1499px) {
  #cdmo .pageNav .item a {
    padding-right: 23px;
    padding-left: 23px;
  }
}
@media screen and (max-width: 1199px) {
  #cdmo .pageNav .item a {
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
  }
}

.cdmoDetailArticle {
  padding-top: 140px;
  padding-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .cdmoDetailArticle {
    padding-top: 100px;
  }
}
@media screen and (max-width: 575px) {
  .cdmoDetailArticle {
    padding-bottom: 50px;
  }
}

.cdmoEditor .topInfo {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .cdmoEditor .topInfo {
    flex-direction: column;
  }
}
.cdmoEditor .topInfo .leftImg {
  width: 45%;
  height: 320px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .cdmoEditor .topInfo .leftImg {
    width: 100%;
    height: auto;
  }
}
.cdmoEditor .topInfo .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cdmoEditor .topInfo .rightDoc {
  flex-grow: 1;
  padding-left: 70px;
  padding-bottom: 9px;
}
@media screen and (max-width: 1199px) {
  .cdmoEditor .topInfo .rightDoc {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  .cdmoEditor .topInfo .rightDoc {
    margin-bottom: 40px;
    padding-left: 0px;
    order: -1;
  }
}
.cdmoEditor .title {
  margin-bottom: 31px;
}
@media screen and (max-width: 991px) {
  .cdmoEditor .title {
    text-align: center;
  }
}
.cdmoEditor .subTitle {
  margin-bottom: 17px;
}
.cdmoEditor .defaultTable {
  margin-top: 19px;
}
@media screen and (max-width: 991px) {
  .cdmoEditor .tableImg {
    width: 100%;
    padding-bottom: 5px;
    overflow-x: scroll;
  }
  .cdmoEditor .tableImg .img {
    width: 1200px;
  }
  .cdmoEditor .tableBox {
    width: 100%;
    padding-bottom: 5px;
    overflow-x: scroll;
  }
  .cdmoEditor .tableBox .dafaultTable {
    width: 1200px;
  }
}
.cdmoEditor .cdmoTable td[colspan="5"] {
  width: 81%;
}
.cdmoEditor .cdmoTable td.cdmoTableTd01, .cdmoEditor .cdmoTable td.cdmoTableTd02, .cdmoEditor .cdmoTable td.cdmoTableTd03, .cdmoEditor .cdmoTable td.cdmoTableTd04, .cdmoEditor .cdmoTable td.cdmoTableTd05, .cdmoEditor .cdmoTable td.cdmoTableTd06 {
  padding: 13px 20px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .cdmoEditor .cdmoTable td.cdmoTableTd01, .cdmoEditor .cdmoTable td.cdmoTableTd02, .cdmoEditor .cdmoTable td.cdmoTableTd03, .cdmoEditor .cdmoTable td.cdmoTableTd04, .cdmoEditor .cdmoTable td.cdmoTableTd05, .cdmoEditor .cdmoTable td.cdmoTableTd06 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cdmoEditor .cdmoTable td.cdmoTableTd01:not(:last-child)::after, .cdmoEditor .cdmoTable td.cdmoTableTd02:not(:last-child)::after, .cdmoEditor .cdmoTable td.cdmoTableTd03:not(:last-child)::after, .cdmoEditor .cdmoTable td.cdmoTableTd04:not(:last-child)::after, .cdmoEditor .cdmoTable td.cdmoTableTd05:not(:last-child)::after, .cdmoEditor .cdmoTable td.cdmoTableTd06:not(:last-child)::after {
  content: "";
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -1px;
  top: 0;
}
.cdmoEditor .cdmoTable .cdmoTableTd01 {
  width: 19%;
}
.cdmoEditor .cdmoTable .cdmoTableTd02 {
  width: 21%;
}
.cdmoEditor .cdmoTable .cdmoTableTd03 {
  width: 20%;
}
.cdmoEditor .cdmoTable .cdmoTableTd04 {
  width: 13%;
}
.cdmoEditor .cdmoTable .cdmoTableTd05 {
  width: 13%;
}
.cdmoEditor .cdmoTable .cdmoTableTd06 {
  width: 13%;
}
.cdmoEditor .cdmoTable td .cdmoTableTd02 {
  width: 26.2%;
}
.cdmoEditor .cdmoTable td .cdmoTableTd03 {
  width: 25%;
}
.cdmoEditor .cdmoTable td .cdmoTableTd04 {
  width: 16.2%;
}
.cdmoEditor .cdmoTable td .cdmoTableTd05 {
  width: 16.3%;
}
.cdmoEditor .cdmoTable td .cdmoTableTd06 {
  width: 16.1%;
}
.cdmoEditor .cdmoTable .iconCircle, .cdmoEditor .cdmoTable .iconSolid {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.cdmoEditor .cdmoTable .iconCircle {
  border: solid 1px #323232;
}
.cdmoEditor .cdmoTable .iconSolid {
  background: #323232;
}

.testsContainer {
  height: 820px;
  display: flex;
}
@media screen and (max-width: 991px) {
  .testsContainer {
    height: auto;
    flex-direction: column;
  }
}
.testsContainer .leftDoc {
  width: 26%;
  height: 100%;
  padding-top: 243px;
  flex-shrink: 0;
  background: #234CAF;
  display: flex;
}
@media screen and (max-width: 991px) {
  .testsContainer .leftDoc {
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.testsContainer .leftDoc .container {
  padding-left: 23%;
}
@media screen and (max-width: 1799px) {
  .testsContainer .leftDoc .container {
    padding-left: 15%;
  }
}
@media screen and (max-width: 1499px) {
  .testsContainer .leftDoc .container {
    padding-left: 10%;
  }
}
@media screen and (max-width: 1199px) {
  .testsContainer .leftDoc .container {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .testsContainer .leftDoc .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.testsContainer .leftDoc .title {
  margin-bottom: 9px;
}
@media screen and (max-width: 1499px) {
  .testsContainer .leftDoc .title {
    font-size: 60px;
    line-height: 62px;
  }
}
@media screen and (max-width: 1199px) {
  .testsContainer .leftDoc .title {
    font-size: 55px;
    line-height: 58px;
  }
}
.testsContainer .leftDoc .breadcrumb {
  margin-bottom: 29px;
}
.testsContainer .leftDoc .content {
  max-width: 250px;
  margin-bottom: 31px;
  opacity: 0.5;
}
@media screen and (max-width: 1199px) {
  .testsContainer .leftDoc .content {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991px) {
  .testsContainer .leftDoc .content {
    max-width: 400px;
    margin-bottom: 0;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .testsContainer .leftDoc .sliderControl {
    display: none;
  }
}
.testsContainer .leftDoc .sliderControl .controlItem {
  width: 16px;
  height: 27px;
}
.testsContainer .leftDoc .sliderControl .controlItem .icon {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  transition: all 0.4s;
}
.testsContainer .leftDoc .sliderControl .controlItem .icon::before {
  content: "";
  width: 19px;
  height: 19px;
  display: block;
  border-top: solid 2px #fff;
  position: relative;
  top: 4px;
}
.testsContainer .leftDoc .sliderControl .prev {
  margin-right: 20px;
}
.testsContainer .leftDoc .sliderControl .prev .icon {
  left: 0;
}
.testsContainer .leftDoc .sliderControl .prev .icon:hover {
  left: -5px;
}
.testsContainer .leftDoc .sliderControl .prev .icon::before {
  border-left: solid 2px #fff;
  transform: rotate(-45deg);
  left: 5px;
}
.testsContainer .leftDoc .sliderControl .next .icon {
  right: 0;
}
.testsContainer .leftDoc .sliderControl .next .icon:hover {
  right: -5px;
}
.testsContainer .leftDoc .sliderControl .next .icon::before {
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  right: 8px;
}
.testsContainer .rightSlider {
  width: 74%;
  height: 100%;
  background: #000;
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider {
    width: 100%;
    background: none;
  }
}
.testsContainer .rightSlider ul {
  height: 100%;
}
.testsContainer .rightSlider ul .slick-track, .testsContainer .rightSlider ul .slick-list {
  height: 100%;
}
.testsContainer .rightSlider ul .slick-slide {
  height: 100%;
}
.testsContainer .rightSlider ul .slick-slide[data-slick-index="0"] a, .testsContainer .rightSlider ul .slick-slide[data-slick-index="1"] a, .testsContainer .rightSlider ul .slick-slide[data-slick-index="2"] a, .testsContainer .rightSlider ul .slick-slide[data-slick-index="3"] a, .testsContainer .rightSlider ul .slick-slide[data-slick-index="4"] a {
  transform: translateY(100%);
  opacity: 0;
}
.testsContainer .rightSlider ul .slick-slide[data-slick-index="0"] a {
  animation: testListAni 0.4s linear 0.2s 1 normal forwards;
}
.testsContainer .rightSlider ul .slick-slide[data-slick-index="1"] a {
  animation: testListAni 0.4s linear 0.4s 1 normal forwards;
}
.testsContainer .rightSlider ul .slick-slide[data-slick-index="2"] a {
  animation: testListAni 0.4s linear 0.6s 1 normal forwards;
}
.testsContainer .rightSlider ul .slick-slide[data-slick-index="3"] a {
  animation: testListAni 0.4s linear 0.8s 1 normal forwards;
}
.testsContainer .rightSlider ul .slick-slide[data-slick-index="4"] a {
  animation: testListAni 0.4s linear 1s 1 normal forwards;
}
.testsContainer .rightSlider ul .slick-slide:not(.slick-active) .item .icon {
  opacity: 0;
  left: 8px;
}
.testsContainer .rightSlider ul .slick-slide:not(.slick-active) .item .itemTitle {
  opacity: 0;
  top: 8px;
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider ul .slick-slide:not(.slick-active) .item .icon {
    opacity: 1;
    left: 0px;
  }
  .testsContainer .rightSlider ul .slick-slide:not(.slick-active) .item .itemTitle {
    opacity: 1;
    top: 0px;
  }
}
.testsContainer .rightSlider ul .slick-slide > div {
  height: 100%;
}
.testsContainer .rightSlider .item {
  height: 100%;
}
.testsContainer .rightSlider .item a {
  width: 100%;
  height: 100%;
  padding-top: 245px;
  padding-left: 36px;
  padding-right: 36px;
  display: block;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .testsContainer .rightSlider .item a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider .item a {
    padding-top: 0;
  }
}
.testsContainer .rightSlider .item a:hover::before {
  border-color: #fff;
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider .item a:hover::before {
    border-color: transparent;
  }
}
.testsContainer .rightSlider .item a:hover .bgImg img {
  opacity: 0.8;
  transform: scale(1.05);
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider .item a:hover .bgImg img {
    opacity: 0.4;
  }
}
.testsContainer .rightSlider .item a::before {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 2px transparent;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  transition: all 0.4s;
  z-index: 5;
}
.testsContainer .rightSlider .item .bgImg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 0;
  overflow: hidden;
}
.testsContainer .rightSlider .item .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
  transition: all 0.4s;
}
.testsContainer .rightSlider .item .content {
  display: block;
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider .item .content {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 575px) {
  .testsContainer .rightSlider .item .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.testsContainer .rightSlider .item .icon {
  width: 55px;
  height: 55px;
  margin-bottom: 24px;
  display: block;
  position: relative;
  left: 0;
  transition: all 0.4s 0.3s;
}
.testsContainer .rightSlider .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 575px) {
  .testsContainer .rightSlider .item .icon {
    margin-bottom: 15px;
  }
}
.testsContainer .rightSlider .item .itemTitle {
  display: block;
  position: relative;
  top: 0;
  transition: all 0.4s 0.3s;
}
@media screen and (max-width: 991px) {
  .testsContainer .rightSlider .item .itemTitle {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .testsContainer .rightSlider .item .itemTitle {
    font-size: 20px;
    line-height: 26px;
  }
}

/*detail*/
@media screen and (max-width: 1599px) {
  #test .pageNav {
    padding: 0 40px;
  }
}
#test .pageNav .item {
  height: 100%;
}
#test .pageNav .item a {
  height: 100%;
  padding-right: 32px;
  padding-left: 32px;
}
@media screen and (max-width: 1499px) {
  #test .pageNav .item a {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1199px) {
  #test .pageNav .item a {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.testDetailArticle {
  padding-top: 161px;
  padding-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .testDetailArticle {
    padding-top: 100px;
  }
}
@media screen and (max-width: 575px) {
  .testDetailArticle {
    padding-bottom: 50px;
  }
}

.testEditor .topInfo {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .testEditor .topInfo {
    flex-direction: column;
  }
}
.testEditor .topInfo .leftImg {
  width: 44.75%;
  height: 400px;
  flex-shrink: 0;
  display: flex;
  position: relative;
}
@media screen and (max-width: 991px) {
  .testEditor .topInfo .leftImg {
    width: 100%;
    height: 450px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .testEditor .topInfo .leftImg {
    height: auto;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .testEditor .topInfo .leftImg {
    margin-bottom: 30px;
  }
}
.testEditor .topInfo .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testEditor .topInfo .leftImg .imgLeft {
  width: 91.25%;
  height: 100%;
}
.testEditor .topInfo .leftImg .imgRight {
  width: 84px;
  position: absolute;
  right: 0;
  bottom: 32px;
}
@media screen and (max-width: 991px) {
  .testEditor .topInfo .leftImg .imgRight {
    width: 15.64%;
    bottom: 8%;
  }
}
.testEditor .topInfo .rightDoc {
  padding-left: 70px;
  flex-grow: 1;
}
@media screen and (max-width: 1199px) {
  .testEditor .topInfo .rightDoc {
    padding-left: 50px;
  }
}
@media screen and (max-width: 991px) {
  .testEditor .topInfo .rightDoc {
    padding-left: 0px;
  }
}
.testEditor .title {
  margin-bottom: 68px;
}
@media screen and (max-width: 991px) {
  .testEditor .title {
    font-size: 40px;
    line-height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .testEditor .title {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .testEditor .title {
    font-size: 30px;
    line-height: 36px;
  }
}
.testEditor ol {
  margin-top: 35px;
  padding-inline-start: 1em;
}
@media screen and (max-width: 767px) {
  .testEditor ol {
    margin-top: 15px;
  }
}
.testEditor ol li:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .testEditor ol li:not(:last-child) {
    margin-bottom: 0px;
  }
}
.testEditor .subTitle {
  margin-bottom: 17px;
}
.testEditor .detailRow {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .testEditor .detailRow {
    flex-direction: column;
  }
}
.testEditor .detailRow .leftDoc {
  padding-right: 75px;
  padding-bottom: 36px;
  flex-grow: 1;
}
@media screen and (max-width: 1199px) {
  .testEditor .detailRow .leftDoc {
    padding-right: 50px;
    padding-bottom: 0px;
  }
}
.testEditor .detailRow .rightImg {
  width: 45.83%;
  height: 340px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .testEditor .detailRow .rightImg {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    order: -1;
  }
}
.testEditor .detailRow .rightImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 991px) {
  .testEditor .tableImg {
    width: 100%;
    padding-bottom: 5px;
    overflow-x: scroll;
  }
  .testEditor .tableImg .img {
    width: 1200px;
  }
  .testEditor .tableBox {
    width: 100%;
    padding-bottom: 5px;
    overflow-x: scroll;
  }
  .testEditor .tableBox .dafaultTable {
    width: 1200px;
  }
}
.testEditor .testTable {
  text-align: left;
}
.testEditor .testTable td.testTableTd01, .testEditor .testTable td.testTableTd02, .testEditor .testTable td.testTableTd03 {
  padding: 45px 20px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .testEditor .testTable td.testTableTd01, .testEditor .testTable td.testTableTd02, .testEditor .testTable td.testTableTd03 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.testEditor .testTable td.testTableTd01::after {
  content: "";
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -1px;
  top: 0;
}
.testEditor .testTable td.testTableTd03::after {
  content: "";
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: -1px;
  top: 0;
}
.testEditor .testTable .testTableTd01 {
  width: 19%;
}
.testEditor .testTable .testTableTd02 {
  width: 41%;
  padding-left: 70px;
}
.testEditor .testTable .testTableTd03 {
  width: 40%;
}
.testEditor .testTable td.testTableTd02, .testEditor .testTable td.testTableTd03 {
  padding-left: 70px;
}
@media screen and (max-width: 1199px) {
  .testEditor .testTable td.testTableTd02, .testEditor .testTable td.testTableTd03 {
    padding-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .testEditor .testTable td.testTableTd02, .testEditor .testTable td.testTableTd03 {
    padding-left: 70px;
  }
}
.testEditor .testTable ul {
  padding-left: 20px;
}
.testEditor .testTable ul li {
  position: relative;
}
.testEditor .testTable ul li::before {
  content: "";
  width: 7px;
  height: 1px;
  display: block;
  background: #323232;
  position: absolute;
  left: -20px;
  top: 0.8em;
}
.testEditor .testTable ul li:not(:last-child) {
  margin-bottom: 12px;
}
.testEditor .testTable ul ~ p {
  margin-top: 12px;
}

@media screen and (max-width: 991px) {
  .contactPage .pageNavContainer {
    background: #fff;
  }
}
.contactPage .pageNav .item a {
  font-size: 20px;
  line-height: 22px;
}

.contactLocation {
  padding-bottom: 100px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .contactLocation {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .contactLocation {
    padding-bottom: 60px;
  }
}
.contactLocation .leftImg {
  width: 560px;
  height: 330px;
  margin-right: 80px;
  flex-shrink: 0;
}
@media screen and (max-width: 1499px) {
  .contactLocation .leftImg {
    width: 40%;
    margin-right: 30px;
  }
}
@media screen and (max-width: 991px) {
  .contactLocation .leftImg {
    width: 100%;
    height: 0;
    margin-bottom: 40px;
    margin-right: 0;
    padding-bottom: 45%;
    position: relative;
  }
}
@media screen and (max-width: 575px) {
  .contactLocation .leftImg {
    padding-bottom: 59%;
  }
}
.contactLocation .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 991px) {
  .contactLocation .leftImg img {
    position: absolute;
  }
}
.contactLocation .rightInfo {
  flex-grow: 1;
}
.contactLocation .rightInfo ul {
  display: flex;
  flex-wrap: wrap;
}
.contactLocation .rightInfo li:not(:first-child) {
  margin-top: 36px;
}
.contactLocation .rightInfo .item a {
  display: flex;
  align-items: center;
}
.contactLocation .rightInfo .item a:hover .icon {
  background: #234CAF;
}
.contactLocation .rightInfo .item a:hover .title {
  color: #234CAF;
}
.contactLocation .rightInfo .item a:hover .content {
  text-decoration: underline;
}
.contactLocation .rightInfo .item .icon {
  width: 60px;
  height: 60px;
  margin-right: 24px;
  border-radius: 50%;
  background: #969696;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  flex-shrink: 0;
}
@media screen and (max-width: 1199px) {
  .contactLocation .rightInfo .item .icon {
    margin-right: 15px;
  }
}
.contactLocation .rightInfo .item .contentBox {
  display: block;
  flex-grow: 1;
}
.contactLocation .rightInfo .item .title {
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .contactLocation .rightInfo .item .title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 449px) {
  .contactLocation .rightInfo .item .title {
    font-size: 20px;
    line-height: 22px;
  }
}
.contactLocation .rightInfo .item .content {
  margin-top: 6px;
  display: block;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .contactLocation .rightInfo .item .content {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 1199px) {
  .contactLocation .rightInfo .item .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.contactLocation .rightInfo .addItem {
  width: 100%;
}
.contactLocation .rightInfo .frontItem {
  width: 343px;
}
.contactLocation .rightInfo .BackItem {
  width: calc(100% - 343px);
}
@media screen and (max-width: 1499px) {
  .contactLocation .rightInfo .frontItem {
    width: 50%;
  }
  .contactLocation .rightInfo .BackItem {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .contactLocation .rightInfo .frontItem {
    width: 100%;
  }
  .contactLocation .rightInfo .BackItem {
    width: 100%;
  }
}

.contactFormContainer {
  padding-top: 84px;
  padding-bottom: 140px;
  border-top: 1px solid #DEDEDE;
}
@media screen and (max-width: 575px) {
  .contactFormContainer {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.contactFormContainer .title {
  margin-bottom: 21px;
}
@media screen and (max-width: 991px) {
  .contactFormContainer .title {
    font-size: 40px;
    line-height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .contactFormContainer .title {
    font-size: 40px;
    line-height: 46px;
  }
}
@media screen and (max-width: 575px) {
  .contactFormContainer .title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 40px;
  }
}
.contactFormContainer .content {
  max-width: 770px;
  margin: 0 auto 57px;
}
@media screen and (max-width: 991px) {
  .contactFormContainer .content {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .contactFormContainer .content {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 28px;
  }
}

.contactForm .listRow {
  margin: 0 -30px;
}
@media screen and (max-width: 1199px) {
  .contactForm .listRow {
    margin: 0 -10px;
  }
}
.contactForm .listCol {
  margin-bottom: 40px;
  padding: 0 30px;
}
@media screen and (max-width: 1199px) {
  .contactForm .listCol {
    padding: 0 10px;
  }
}
@media screen and (max-width: 991px) {
  .contactForm .listCol {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 575px) {
  .contactForm .listCol {
    margin-bottom: 15px;
  }
}
.contactForm .formItem {
  margin-bottom: 0;
  position: relative;
}
.contactForm .formItem label {
  padding-left: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .contactForm .formItem label {
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px;
  }
}
.contactForm .formItem input[type=text], .contactForm .formItem input[type=email], .contactForm .formItem input[type=password] {
  width: 100%;
  height: 70px;
  border: solid 1px #DEDEDE;
  border-radius: 0;
  padding-left: 120px;
}
@media screen and (max-width: 991px) {
  .contactForm .formItem input[type=text], .contactForm .formItem input[type=email], .contactForm .formItem input[type=password] {
    height: 60px;
    padding-left: 90px;
  }
}
.contactForm .formItem textarea {
  width: 100%;
  border: solid 1px #DEDEDE;
  border-radius: 0;
}
.contactForm .formItem input, .contactForm .formItem textarea {
  transition: all 0.4s;
}
.contactForm .formItem input:focus, .contactForm .formItem textarea:focus {
  border-color: #268DDE;
  outline: none;
  box-shadow: none;
}
.contactForm .formItemTextarea {
  margin-top: 13px;
}
@media screen and (max-width: 1199px) {
  .contactForm .formItemTextarea {
    margin-top: 0;
  }
}
.contactForm .formItemTextarea label {
  top: 25px;
  transform: translateY(0%);
}
@media screen and (max-width: 991px) {
  .contactForm .formItemTextarea label {
    top: 15px;
  }
}
.contactForm .formItemTextarea textarea {
  padding: 60px 30px 21px;
}
@media screen and (max-width: 991px) {
  .contactForm .formItemTextarea textarea {
    padding: 50px 15px 20px;
  }
}
@media screen and (max-width: 449px) {
  .contactForm .formItemCode label {
    top: 15px;
    transform: translateY(0%);
  }
}
.contactForm .formItemCode input[type=text] {
  padding-left: 240px;
  padding-right: 150px;
}
@media screen and (max-width: 991px) {
  .contactForm .formItemCode input[type=text] {
    padding-left: 190px;
    padding-right: 130px;
  }
}
@media screen and (max-width: 449px) {
  .contactForm .formItemCode input[type=text] {
    height: 100px;
    padding-top: 40px;
    padding-left: 15px;
  }
}
.contactForm .formItemCode a {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  .contactForm .formItemCode a {
    right: 15px;
  }
}
@media screen and (max-width: 449px) {
  .contactForm .formItemCode a {
    bottom: 15px;
    transform: translateY(0);
  }
}
.contactForm .formItemCode a img {
  width: 100px;
}
.contactForm .btnContainer {
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .contactForm .btnContainer {
    padding-top: 10px;
  }
}
.contactForm .btnContainer ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575px) {
  .contactForm .btnContainer ul {
    margin: 0 -10px;
  }
}
.contactForm .btnContainer li {
  padding: 0 20px;
}
@media screen and (max-width: 575px) {
  .contactForm .btnContainer li {
    width: 50%;
    padding: 0 10px;
  }
  .contactForm .btnContainer li .defaultBtn {
    width: 100%;
    min-width: auto;
  }
}

.contactSendArticle {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 118px;
  padding-bottom: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .contactSendArticle {
    padding-top: 90px;
    padding-bottom: 120px;
  }
}
.contactSendArticle .icon {
  width: 82px;
  margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
  .contactSendArticle .icon {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .contactSendArticle .title {
    font-size: 30px;
    line-height: 36px;
  }
}
.contactSendArticle .slogan {
  margin-top: 29px;
}
@media screen and (max-width: 767px) {
  .contactSendArticle .slogan {
    margin-top: 18px;
    font-size: 20px;
    line-height: 26px;
  }
}
.contactSendArticle .link {
  margin-top: 70px;
}

.privacyArticle {
  padding-bottom: 140px;
}
@media screen and (max-width: 575px) {
  .privacyArticle {
    font-size: 16px;
    line-height: 24px;
  }
}
.privacyArticle h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
}
@media screen and (max-width: 575px) {
  .privacyArticle h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
.privacyArticle h4 {
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
}
@media screen and (max-width: 575px) {
  .privacyArticle h4 {
    font-size: 24px;
    line-height: 30px;
  }
}
.privacyArticle h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
@media screen and (max-width: 575px) {
  .privacyArticle h5 {
    font-size: 20px;
    line-height: 24px;
  }
}
.privacyArticle h6 {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 575px) {
  .privacyArticle h6 {
    font-size: 16px;
    line-height: 24px;
  }
}
.privacyArticle p {
  line-height: 1.67em;
}
.privacyArticle p:not(:last-child) {
  margin-bottom: 12px;
}
.privacyArticle .ml-13em {
  margin-left: 1.3em;
}
@media screen and (max-width: 575px) {
  .privacyArticle .ml-13em {
    margin-left: 0;
  }
}
.privacyArticle ul {
  margin-bottom: 12px;
  line-height: 1.67em;
}
.privacyArticle ul.listDisc {
  list-style: none;
  padding-inline-start: 0px;
  padding-left: 1em;
}
.privacyArticle ul.listDisc li::before {
  width: 4px;
  height: 4px;
  background: #323232;
  left: -1em;
  top: calc((1.5em - 4px) / 2);
}
.privacyArticle li:not(:last-child) {
  margin-bottom: 12px;
}

.searchOuter {
  padding-bottom: 140px;
}
@media screen and (max-width: 575px) {
  .searchOuter {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 575px) {
  .searchOuter .pageTitle {
    font-size: 26px;
    line-height: 36px;
  }
}

.searchList {
  margin-bottom: 85px;
}
@media screen and (max-width: 575px) {
  .searchList {
    margin-bottom: 60px;
  }
}
.searchList li:first-child .item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.searchList .item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.searchList .item a {
  padding: 45px 30px 45px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .searchList .item a {
    padding-right: 0;
  }
}
@media screen and (max-width: 575px) {
  .searchList .item a {
    padding: 30px 0;
  }
}
.searchList .item a:hover .rightBtn {
  right: 0px;
  opacity: 1;
}
.searchList .item .leftInfo {
  margin-right: 50px;
  max-width: 1200px;
  flex-grow: 1;
}
@media screen and (max-width: 991px) {
  .searchList .item .leftInfo {
    margin-right: 0;
  }
}
.searchList .item .leftInfo .itemTitle {
  display: block;
}
@media screen and (max-width: 575px) {
  .searchList .item .leftInfo .itemTitle {
    font-size: 20px;
    line-height: 26px;
  }
}
.searchList .item .leftInfo .content {
  margin-top: 20px;
  max-height: 60px;
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 575px) {
  .searchList .item .leftInfo .content {
    max-height: 48px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
  }
}
.searchList .item .rightBtn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #268DDE;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: 10px;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .searchList .item .rightBtn {
    display: none;
  }
}
.searchList .item .rightBtn .icon {
  width: 6px;
  height: 12px;
  position: relative;
  transition: all 0.4s;
}
.searchList .item .rightBtn .icon::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  display: block;
  transform: rotate(45deg);
  position: relative;
  top: 1px;
  right: 4px;
}

.errorContainer {
  --contentW: 1600px;
  min-height: 700px;
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1699px) {
  .errorContainer {
    --contentW: 1410px;
  }
}
@media screen and (max-width: 1499px) {
  .errorContainer {
    --contentW: 1110px;
  }
}
@media screen and (max-width: 1199px) {
  .errorContainer {
    --contentW: 930px;
  }
}
@media screen and (max-width: 991px) {
  .errorContainer {
    --contentW: 690px;
  }
}
@media screen and (max-width: 767px) {
  .errorContainer {
    --contentW: 510px;
  }
}
@media screen and (max-width: 575px) {
  .errorContainer {
    --contentW: calc(100vw - 70px);
  }
}
@media screen and (max-width: 374px) {
  .errorContainer {
    --contentW: calc(100vw - 30px);
  }
}
@media screen and (max-width: 991px) {
  .errorContainer {
    align-items: flex-end;
  }
}
@media screen and (max-width: 575px) {
  .errorContainer {
    align-items: center;
  }
}
.errorContainer .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .errorContainer .bgImg {
    height: auto;
    top: 0;
  }
}
.errorContainer .bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
@media screen and (max-width: 991px) {
  .errorContainer .bgImg img {
    object-fit: contain;
    object-position: top;
  }
}
.errorContainer .topLogo {
  width: 400px;
  height: 45px;
  position: absolute;
  top: 7.13%;
  left: calc((100% - var(--contentW)) / 2);
}
@media screen and (max-width: 991px) {
  .errorContainer .topLogo {
    top: 38px;
    left: 46px;
  }
}
@media screen and (max-width: 575px) {
  .errorContainer .topLogo {
    max-width: calc(100% - 40px);
    top: 20px;
    left: 20px;
  }
}
.errorContainer .topLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.errorContainer .container {
  position: relative;
}
.errorContainer .errorArticle {
  max-width: 460px;
}
@media screen and (max-width: 991px) {
  .errorContainer .errorArticle {
    margin: 0 auto;
    padding-bottom: 20%;
  }
}
@media screen and (max-width: 575px) {
  .errorContainer .errorArticle {
    padding-top: 300px;
    padding-bottom: 200px;
  }
}
.errorContainer .errorArticle .title {
  margin-bottom: 35px;
}
@media screen and (max-width: 991px) {
  .errorContainer .errorArticle .title {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .errorContainer .errorArticle .title {
    font-size: 36px;
    line-height: 40px;
  }
}
.errorContainer .errorArticle .content {
  margin-bottom: 63px;
}
@media screen and (max-width: 991px) {
  .errorContainer .errorArticle .content {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .errorContainer .errorArticle .content {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 991px) {
  .errorContainer .errorArticle .link {
    justify-content: center;
  }
}

.InvestorsContainer {
  padding: 0 0 140px;
}
@media screen and (min-width: 576px) {
  .InvestorsContainer .container {
    padding: 0;
  }
}
.InvestorsContainer .container .pageTitle {
  padding-top: 97px;
  padding-bottom: 46px;
}
@media screen and (max-width: 575px) {
  .InvestorsContainer .container .pageTitle {
    line-height: 40px;
  }
}

.financePage .container .pageTitle {
  padding-bottom: 65px;
}
.financePage .financeBlockBox .financeBlock.month {
  width: 1329px;
}
@media screen and (max-width: 1499px) {
  .financePage .financeBlockBox .financeBlock.month {
    width: auto;
  }
}
.financePage .financeBlockBox .financeBlock:not(:last-child) {
  margin: 0 0 140px;
}
.financePage .financeBlockBox .financeBlock .financeBlockTitle {
  color: #323232;
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 58px;
}
.financePage .financeBlockBox .financeBlock .financeMonthImg {
  max-width: 871px;
  margin: 0 105px 0 0;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .financePage .financeBlockBox .financeBlock .financeMonthImg {
    max-width: 750px;
    margin: 0 90px 0 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .financePage .financeBlockBox .financeBlock .financeMonthImg {
    max-width: 570px;
    margin: 0 90px 0 0;
  }
}
@media screen and (max-width: 991px) {
  .financePage .financeBlockBox .financeBlock .financeMonthImg {
    max-width: 100%;
    margin: 0 0 70px;
  }
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo {
  max-width: 350px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .financePage .financeBlockBox .financeBlock .financeMonthInfo {
    max-width: 300px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .financePage .financeBlockBox .financeBlock .financeMonthInfo {
    flex: 1;
  }
}
@media screen and (max-width: 991px) {
  .financePage .financeBlockBox .financeBlock .financeMonthInfo {
    margin: 0 auto;
    text-align: center;
  }
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoTitle {
  color: #323232;
  font-family: "Noto Sans TC";
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoTitle span {
  color: #234CAF;
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoText {
  color: #000000;
  font-family: "Arial";
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  margin: 15px 0 35px;
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoBtn {
  background: #268DDE;
  color: #FFFFFF;
  transition: all 0.4s;
  border-radius: 999rem;
  max-width: 100%;
  width: 160px;
  padding: 16px 0;
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoBtn:hover {
  background: #234CAF;
}
@media screen and (max-width: 991px) {
  .financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoBtn {
    margin: 0 auto;
  }
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoBtn .financeMonthInfoBtnTxt {
  font-weight: 500;
  font-size: 18px;
  margin: 0 11px 0 0;
  line-height: 17px;
}
.financePage .financeBlockBox .financeBlock .financeMonthInfo .financeMonthInfoBtn i {
  color: #FFFFFF;
  font-size: 18px;
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport {
  border: 1px solid #DEDEDE;
  transition: background 0.4s, box-shadow 0.4s;
  position: relative;
  padding: 14px 33px 14px 75px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport {
    padding: 14px 33px 14px 55px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport {
    padding: 14px 33px 14px 40px;
  }
}
@media screen and (min-width: 321px) and (max-width: 575px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport {
    padding: 14px 18px 14px 25px;
  }
}
@media screen and (max-width: 320px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport {
    padding: 7px 8px 7px 15px;
  }
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport:hover {
  background: #FFFFFF;
  border: 1px solid #234CAF;
  box-shadow: 7px 10px 14px 0 rgba(0, 0, 0, 0.15);
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport:hover::after {
  opacity: 1;
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport:hover .financeReportLink {
  color: #234CAF;
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport:hover .financeReportDecro {
  opacity: 1;
  filter: unset;
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport::after {
  border: 2px solid #234CAF;
  transition: all 0.4s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport:not(:last-child) {
  margin: 0 0 20px;
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportDecro {
  filter: brightness(10) invert(0.7);
  opacity: 0.185;
  transition: opacity 0.4s;
  min-width: 29px;
  margin: 0 41px 0 0;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportDecro {
    margin: 0 30px 0 0;
  }
}
@media screen and (min-width: 321px) and (max-width: 575px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportDecro {
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 320px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportDecro {
    min-width: 22px;
    margin: 0 10px 0 0;
  }
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportTitle {
  border-right: 1px solid #DEDEDE;
  color: #646464;
  flex: 1;
  font-family: "Noto Sans TC";
  font-weight: 500;
  font-size: 18px;
  padding: 11.5px 5px 11.5px 0;
}
@media screen and (min-width: 321px) and (max-width: 575px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportTitle {
    padding: 7px 5px 7px 0;
  }
}
@media screen and (max-width: 320px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportTitle {
    font-size: 16px;
    padding: 0 5px 0 0;
  }
}
.financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportLink {
  color: #DEDEDE;
  transition: color 0.4s;
  margin: 0 0 0 auto;
  padding: 0 0 0 32px;
  font-size: 24px;
}
@media screen and (min-width: 321px) and (max-width: 575px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportLink {
    padding: 0 0 0 22px;
  }
}
@media screen and (max-width: 320px) {
  .financePage .financeBlockBox .financeBlock .financeReportBox .financeReport .financeReportLink {
    padding: 0 0 0 12px;
    font-size: 18px;
  }
}

.cordrctPage .tableList table tbody tr td.update {
  width: 237px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cordrctPage .tableList table tbody tr td.update {
    width: 157px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cordrctPage .tableList table tbody tr td.update {
    width: 117px;
  }
}
@media screen and (max-width: 575px) {
  .cordrctPage .tableList table tbody tr td.update {
    width: 110px;
  }
}
.cordrctPage .tableList table tbody tr td.download {
  width: 132px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cordrctPage .tableList table tbody tr td.download {
    width: 102px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cordrctPage .tableList table tbody tr td.download {
    width: 72px;
  }
}
@media screen and (max-width: 575px) {
  .cordrctPage .tableList table tbody tr td.download {
    width: 60px;
  }
}

.corcommitteePage .tableList table tbody tr td.update {
  width: 247px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .corcommitteePage .tableList table tbody tr td.update {
    width: 167px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .corcommitteePage .tableList table tbody tr td.update {
    width: 127px;
  }
}
@media screen and (max-width: 575px) {
  .corcommitteePage .tableList table tbody tr td.update {
    width: 110px;
  }
}
.corcommitteePage .tableList table tbody tr td.download {
  width: 132px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .corcommitteePage .tableList table tbody tr td.download {
    width: 102px;
  }
}
@media screen and (max-width: 767px) {
  .corcommitteePage .tableList table tbody tr td.download {
    width: 62px;
  }
}

.corinauditPage .tabBox {
  margin: 0 0 68px;
}
.corinauditPage .corinauditTopic {
  color: #323232;
  text-align: center;
  font-family: "Noto Sans TC";
  font-weight: 500;
  font-size: 30px;
  line-height: 48px;
  margin: 0 0 44px;
}
@media screen and (min-width: 321px) and (max-width: 767px) {
  .corinauditPage .corinauditTopic {
    font-size: 24px;
    line-height: 42px;
  }
}
@media screen and (max-width: 320px) {
  .corinauditPage .corinauditTopic {
    font-size: 20px;
    line-height: 38px;
  }
}
.corinauditPage .corinauditFore {
  color: #646464;
  font-family: "Noto Sans TC";
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  margin: 0 auto 64px;
  max-width: 740px;
}
@media screen and (max-width: 767px) {
  .corinauditPage .corinauditFore {
    font-size: 16px;
  }
}
.corinauditPage .corinauditFore > p:not(:last-child), .corinauditPage .corinauditFore > ol:not(:last-child), .corinauditPage .corinauditFore > ol li:not(:last-child) {
  margin: 0 0 12px;
}

.corregltPage .tableList {
  margin: 0 0 88px;
}

.meetingPage .tabBox {
  margin: 0 0 20px;
}
.meetingPage .tableList {
  margin: 0 0 88px;
}
.meetingPage .tableList table thead tr th.item {
  padding-left: 61px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .meetingPage .tableList table thead tr th.item {
    padding-left: 41px;
  }
}
@media screen and (max-width: 991px) {
  .meetingPage .tableList table thead tr th.item {
    padding-left: 25px;
  }
}
.meetingPage .tableList table tbody tr td.item {
  padding-left: 61px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .meetingPage .tableList table tbody tr td.item {
    padding-left: 41px;
  }
}
@media screen and (max-width: 991px) {
  .meetingPage .tableList table tbody tr td.item {
    padding-left: 25px;
  }
}
.meetingPage .tableList table tbody tr td.year {
  width: 151px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .meetingPage .tableList table tbody tr td.year {
    width: 141px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .meetingPage .tableList table tbody tr td.year {
    width: 105px;
  }
}
@media screen and (max-width: 767px) {
  .meetingPage .tableList table tbody tr td.year {
    min-width: 75px;
  }
}
.meetingPage .tableList table tbody tr td.kind {
  white-space: nowrap;
  width: 243px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .meetingPage .tableList table tbody tr td.kind {
    width: 210px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .meetingPage .tableList table tbody tr td.kind {
    width: 165px;
  }
}
@media screen and (max-width: 767px) {
  .meetingPage .tableList table tbody tr td.kind {
    min-width: 135px;
  }
}
.meetingPage .tableList table tbody tr td.download {
  width: 141px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .meetingPage .tableList table tbody tr td.download {
    width: 102px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .meetingPage .tableList table tbody tr td.download {
    width: 90px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .meetingPage .tableList table tbody tr td.download {
    width: 70px;
  }
}
@media screen and (max-width: 575px) {
  .meetingPage .tableList table tbody tr td.download {
    min-width: 60px;
  }
}

.sharelicfcPage .tabBox {
  margin: 0 0 20px;
}
.sharelicfcPage .tableList {
  margin: 0 0 88px;
}
.sharelicfcPage .tableList table thead tr th.item {
  padding-left: 61px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sharelicfcPage .tableList table thead tr th.item {
    padding-left: 41px;
  }
}
@media screen and (max-width: 991px) {
  .sharelicfcPage .tableList table thead tr th.item {
    padding-left: 25px;
  }
}
.sharelicfcPage .tableList table tbody tr td.item {
  padding-left: 61px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sharelicfcPage .tableList table tbody tr td.item {
    padding-left: 41px;
  }
}
@media screen and (max-width: 991px) {
  .sharelicfcPage .tableList table tbody tr td.item {
    padding-left: 25px;
  }
}
.sharelicfcPage .tableList table tbody tr td.year {
  width: 159px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sharelicfcPage .tableList table tbody tr td.year {
    width: 149px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sharelicfcPage .tableList table tbody tr td.year {
    width: 105px;
  }
}
@media screen and (max-width: 767px) {
  .sharelicfcPage .tableList table tbody tr td.year {
    min-width: 75px;
  }
}
.sharelicfcPage .tableList table tbody tr td.download {
  width: 132px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sharelicfcPage .tableList table tbody tr td.download {
    width: 102px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sharelicfcPage .tableList table tbody tr td.download {
    width: 90px;
  }
}
@media screen and (max-width: 767px) {
  .sharelicfcPage .tableList table tbody tr td.download {
    min-width: 70px;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
  .ivstctcPage .container {
    max-width: 1270px;
  }
}
.ivstctcPage .InvestorsContainer {
  padding: 0 0 160px;
}
.ivstctcPage .tabBox {
  margin: 0 0 46px;
}
.ivstctcPage .ivstctcTopic {
  margin: 0 0 49px;
}
.ivstctcPage .ivstctcTopic i {
  color: #234CAF;
  font-size: 40px;
  margin: 0 25px 0 0;
}
@media screen and (max-width: 320px) {
  .ivstctcPage .ivstctcTopic i {
    font-size: 34px;
    margin: 0 15px 0 0;
  }
}
.ivstctcPage .ivstctcTopic .ivstctcText {
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
}
@media screen and (max-width: 320px) {
  .ivstctcPage .ivstctcTopic .ivstctcText {
    font-size: 24px;
    line-height: 24px;
  }
}
.ivstctcPage .ivstctcTopic .ivstctcText span {
  color: #234CAF;
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock {
  border: 1px solid #DEDEDE;
  padding: 30px 0;
}
@media screen and (min-width: 1200px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock {
    width: calc(50% - 20px);
  }
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock:not(:nth-child(2n)) {
    margin: 0 40px 0 0;
  }
}
@media screen and (max-width: 1199px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock {
    margin: 0 auto;
    width: 700px;
  }
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock:not(:last-child) {
    margin: 0 auto 40px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock {
    width: calc(100% - 50px);
  }
}
@media screen and (max-width: 575px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock {
    width: 100%;
  }
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst {
  text-align: center;
  width: 219px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst {
    width: 189px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst {
    width: 180px;
  }
}
@media screen and (max-width: 575px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst {
    position: relative;
    width: 100%;
    padding: 0 0 25px;
    margin: 0 0 25px;
  }
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst::after {
    background: #DEDEDE;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    width: calc(100% - 60px);
    height: 1px;
  }
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst .ivstctcBlockIcon {
  color: #234CAF;
  font-size: 60px;
  margin: 0 0 5px;
}
@media screen and (max-width: 767px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst .ivstctcBlockIcon {
    font-size: 50px;
    margin: 0;
  }
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst .ivstctcBlockTitle {
  color: #234CAF;
  font-weight: 700;
  font-size: 20px;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst .ivstctcBlockTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockFirst .ivstctcBlockTitle {
    margin: -5px 0 0;
  }
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox {
  padding: 13px 69px 17px 42px;
}
@media screen and (min-width: 576px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox {
    border-left: 1px solid #DEDEDE;
    flex: 1;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox {
    padding: 13px 24px 17px 27px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1199px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox {
    min-height: 198px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox {
    padding: 13px 24px 17px 27px;
  }
}
@media screen and (max-width: 575px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox {
    padding: 0 30px;
  }
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo {
  color: #323232;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo {
    font-size: 16px;
    line-height: 22px;
  }
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo:not(:last-child) {
  margin: 0 0 12px;
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo span, .ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo a {
  color: #646464;
  font-weight: 400;
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo a {
  transition: all 0.4s;
}
.ivstctcPage .ivstctcBlockBox .ivstctcBlock .ivstctcBlockInfoBox .ivstctcBlockInfo a:hover {
  color: #234CAF;
}

body.modal-open {
  padding-right: 0px !important;
}

.fz-0 {
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  display: block;
}

/*# sourceMappingURL=style.css.map */