@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@300;400;500;700;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&family=Lato:wght@400;700;900&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap");
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/bootstrap-select.min.css");
@import url("scss/plugins/slick.css");
@import url("scss/plugins/slick-theme.css");
@import url("scss/plugins/jquery.fancybox.min.css");
@import url("scss/plugins/swiper-bundle.min.css");
@import url("font/css/fontello.css");
.calendar {
  position: relative;
  overflow: hidden;
  text-transform: capitalize;
  text-align: center;
  font: 15px/1em inherit;
  color: #1a1a1a;
  border: 1px solid #D9D9D9;
}
.calendar a {
  text-decoration: none;
  color: inherit;
}
.calendar header {
  background-color: #173077;
  position: relative;
}
.calendar header .simple-calendar-btn {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  top: 50%;
}
.calendar header .simple-calendar-btn:before {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  content: "\e819";
  position: absolute;
  font-size: 13px;
}
.calendar header .btn-prev {
  left: 29px;
  transform: translateY(-50%);
}
.calendar header .btn-next {
  right: 29px;
  transform: translateY(-50%) rotateY(-180deg);
}
.calendar header .month {
  height: 70px;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
}
.calendar header .month .year {
  padding-left: 10px;
}
html[lang=zh-TW] .calendar header .month .year {
  order: -1;
  padding-left: 0;
  padding-right: 10px;
}
html[lang=zh-TW] .calendar header .month .year::after {
  content: " 年 ";
}
.calendar table {
  width: 100%;
  border-spacing: 0;
  border: 28px solid #fff;
  border-top: none;
}
.calendar thead td {
  font-size: 18px;
  font-weight: 500;
  color: #1a1a1a;
  font-family: "Noto Sans TC", "Noto Sans SC", sans-serif;
  padding-top: 20px;
  padding-bottom: 57px;
}
.calendar td {
  font-size: 18px;
  font-family: Arial, sans-serif;
  padding: 5px 4px;
}
.calendar .day {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.2em;
  line-height: 2.2em;
  cursor: pointer;
}
.calendar .day.wrong-month {
  color: #CBD1D2;
}
.calendar .day.has-event {
  background: #DFE7F0;
  color: #DA3B2B;
  cursor: pointer !important;
}
.calendar .day.has-event:hover {
  color: #DA3B2B;
}
.calendar .day.day-active {
  color: #DA3B2B;
  background-color: #F9E6E6 !important;
  font-weight: bold;
}
.calendar .day.disabled {
  cursor: default;
}
.calendar .event-container {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px;
  background: #545A5C;
  box-sizing: border-box;
}
.calendar .event-container .event-wrapper {
  overflow-y: auto;
  max-height: 100%;
}
.calendar .event-container .close {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.calendar .event-container .close:before, .calendar .event-container .close:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #CBD1D2;
}
.calendar .event-container .close:before {
  transform: rotate(45deg);
}
.calendar .event-container .close:after {
  transform: rotate(-45deg);
}
.calendar .event-container .event {
  position: relative;
  width: 100%;
  padding: 1em;
  margin-bottom: 1em;
  background: #6691CC;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  text-align: left;
  color: white;
}
.calendar .event-container .event-date {
  margin-bottom: 1em;
}
.calendar .event-container .event-hour {
  float: right;
}
.calendar .event-container .event-summary {
  font-weight: 600;
}
.calendar .filler {
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #545A5C;
  transform: translate(-50%, -50%);
}

.has-event {
  cursor: pointer !important;
  background: #F6F8FA !important;
  color: #DA3B2B !important;
}

.roboto {
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
}

.poppins {
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
}

.inter {
  font-family: "Inter", "Noto Sans TC", "Noto Sans SC", sans-serif;
}

.notoSansTC {
  font-family: "Noto Sans TC", "Noto Sans SC", sans-serif;
}

.lato {
  font-family: "Lato", "Noto Sans TC", "Noto Sans SC", sans-serif;
}

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

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

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

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

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

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

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

.lh1 {
  line-height: 1;
}

.lh14 {
  line-height: 1.4;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.text-underline {
  text-decoration: underline;
}

.text-center {
  text-align: center;
}

.text-262626 {
  color: #262626;
}

.text-333333,
.color-333333 {
  color: #333333;
}

.text-4D4D4D {
  color: #4D4D4D;
}

.text-646464 {
  color: #646464;
}

.text-969696 {
  color: #969696;
}

.text-808080 {
  color: #808080;
}

.text-fff {
  color: #fff;
}

.text-416F1F {
  color: #416F1F;
}

.text-B72000 {
  color: #B72000;
}

.text-173077 {
  color: #173077;
}

.text-mainBlue {
  color: #173077;
}

.text-mainRed {
  color: #DA3B2B;
}

.text-CE3C2B {
  color: #CE3C2B;
}

.text-hover-yellow {
  transition: all 0.3s;
}
.text-hover-yellow:hover {
  color: #FCAE07;
}

.bgc-fff {
  background-color: #fff !important;
}

.bg-416F1F {
  background-color: #416F1F;
}

.bg-B72000 {
  background-color: #B72000;
}

.bg-173077 {
  background-color: #173077;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flex-grow {
  flex-grow: 1;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-align-end {
  display: flex;
  align-items: flex-end;
}

.flex-justify-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.blank {
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .blank {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.unblank {
  margin-right: -30px;
  margin-left: -30px;
}
@media (max-width: 767px) {
  .unblank {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.wp1600 {
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 1599px) {
  .wp1600 {
    max-width: 1400px;
  }
}

.wp1500 {
  max-width: 1500px;
  margin: 0 auto;
}
@media (max-width: 1599px) {
  .wp1500 {
    max-width: 1200px;
  }
}
@media (max-width: 991px) {
  .wp1500 {
    max-width: 600px;
  }
}

.wp1430 {
  max-width: 1430px;
  margin: 0 auto;
}
@media (max-width: 1599px) {
  .wp1430 {
    max-width: 1200px;
  }
}
@media (max-width: 991px) {
  .wp1430 {
    max-width: 600px;
  }
}

.wp1400 {
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1599px) {
  .wp1400 {
    max-width: 1200px;
  }
}
@media (max-width: 991px) {
  .wp1400 {
    max-width: 600px;
  }
}

.wp1300 {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 1599px) {
  .wp1300 {
    max-width: 1200px;
  }
}
@media (max-width: 991px) {
  .wp1300 {
    max-width: 600px;
  }
}

.cursor {
  cursor: pointer;
}

.les05 {
  letter-spacing: 0.5px;
}

.les1 {
  letter-spacing: 1px;
}

.les2 {
  letter-spacing: 2px;
}

.les5 {
  letter-spacing: 5px;
}

.background-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.line2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-uppercase {
  text-transform: uppercase;
}

.overflow-hidden {
  overflow: hidden !important;
}

.pr17 {
  padding-right: 17px;
}

@media (min-width: 1400px) {
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .mr-xxl-5 {
    margin-right: 3rem !important;
  }
  .ml-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .pr-xxl-5 {
    padding-right: 3rem !important;
  }
  .pl-xxl-5 {
    padding-left: 3rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
.mb-30 {
  margin-bottom: 30px;
}

.img-object {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.relative {
  position: relative;
}

.tag {
  position: absolute;
  top: -90px;
}

.font-90 {
  font-size: 90px;
}

.font-88 {
  font-size: 88px;
}

.font-80 {
  font-size: 80px;
}

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

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

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

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

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

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

.font-43 {
  font-size: 43px;
}

.font-42 {
  font-size: 42px;
}

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

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

.font-35 {
  font-size: 35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-13 {
  font-size: 13px;
}

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

@media (max-width: 1599px) {
  .font-90 {
    font-size: 72px;
  }
  .font-80 {
    font-size: 72px;
  }
  .font-70 {
    font-size: 65px;
  }
  .font-64 {
    font-size: 54px;
  }
  .font-60 {
    font-size: 52px;
  }
  .font-55 {
    font-size: 50px;
  }
  .font-48 {
    font-size: 42px;
  }
  .font-43 {
    font-size: 36px;
  }
  .font-40 {
    font-size: 36px;
  }
  .font-36 {
    font-size: 32px;
  }
  .font-28 {
    font-size: 26px;
  }
  .font-24 {
    font-size: 22px;
  }
  .font-22 {
    font-size: 20px;
  }
}
@media (max-width: 1399px) {
  .font-90 {
    font-size: 64px;
  }
  .font-80 {
    font-size: 64px;
  }
  .font-64 {
    font-size: 48px;
  }
  .font-60 {
    font-size: 48px;
  }
  .font-48 {
    font-size: 36px;
  }
  .font-43 {
    font-size: 32px;
  }
  .font-40 {
    font-size: 30px;
  }
  .font-36 {
    font-size: 28px;
  }
  .font-35 {
    font-size: 28px;
  }
  .font-28 {
    font-size: 24px;
  }
  .font-26 {
    font-size: 24px;
  }
  .font-24 {
    font-size: 22px;
  }
  .font-22 {
    font-size: 19px;
  }
}
@media (max-width: 1199px) {
  .font-90 {
    font-size: 70px;
  }
  .font-88 {
    font-size: 70px;
  }
  .font-80 {
    font-size: 64px;
  }
  .font-70 {
    font-size: 60px;
  }
  .font-64 {
    font-size: 46px;
  }
  .font-60 {
    font-size: 45px;
  }
  .font-55 {
    font-size: 45px;
  }
  .font-50 {
    font-size: 42px;
  }
  .font-48 {
    font-size: 34px;
  }
  .font-43 {
    font-size: 30px;
  }
  .font-42 {
    font-size: 30px;
  }
  .font-40 {
    font-size: 30px;
  }
  .font-36 {
    font-size: 28px;
  }
  .font-32 {
    font-size: 28px;
  }
  .font-30 {
    font-size: 28px;
  }
  .font-28 {
    font-size: 24px;
  }
  .font-26 {
    font-size: 24px;
  }
  .font-25 {
    font-size: 24px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-22 {
    font-size: 18px;
  }
  .font-20 {
    font-size: 18px;
  }
  .font-18 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font-90 {
    font-size: 70px;
  }
  .font-88 {
    font-size: 60px;
  }
  .font-80 {
    font-size: 56px;
  }
  .font-64 {
    font-size: 44px;
  }
  .font-60 {
    font-size: 42px;
  }
  .font-55 {
    font-size: 42px;
  }
  .font-50 {
    font-size: 38px;
  }
  .font-48 {
    font-size: 36px;
  }
  .font-43 {
    font-size: 30px;
  }
  .font-42 {
    font-size: 30px;
  }
  .font-36 {
    font-size: 26px;
  }
  .font-35 {
    font-size: 26px;
  }
  .font-30 {
    font-size: 24px;
  }
  .font-28 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .font-90 {
    font-size: 50px;
  }
  .font-88 {
    font-size: 50px;
  }
  .font-80 {
    font-size: 50px;
  }
  .font-70 {
    font-size: 50px;
  }
  .font-64 {
    font-size: 42px;
  }
  .font-60 {
    font-size: 38px;
  }
  .font-55 {
    font-size: 38px;
  }
  .font-50 {
    font-size: 36px;
  }
  .font-48 {
    font-size: 34px;
  }
  .font-43 {
    font-size: 32px;
  }
  .font-42 {
    font-size: 32px;
  }
  .font-40 {
    font-size: 28px;
  }
  .font-36 {
    font-size: 26px;
  }
  .font-35 {
    font-size: 26px;
  }
  .font-30 {
    font-size: 24px;
  }
  .font-28 {
    font-size: 22px;
  }
  .font-26 {
    font-size: 22px;
  }
  .font-25 {
    font-size: 20px;
  }
  .font-24 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .font-90 {
    font-size: 36px;
  }
  .font-80 {
    font-size: 33px;
  }
  .font-70 {
    font-size: 30px;
  }
  .font-64 {
    font-size: 30px;
  }
  .font-60 {
    font-size: 30px;
  }
  .font-55 {
    font-size: 30px;
  }
  .font-50 {
    font-size: 30px;
  }
  .font-48 {
    font-size: 30px;
  }
  .font-43 {
    font-size: 30px;
  }
  .font-42 {
    font-size: 30px;
  }
  .font-40 {
    font-size: 28px;
  }
  .font-36 {
    font-size: 24px;
  }
  .font-35 {
    font-size: 24px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-22 {
    font-size: 18px;
  }
  .font-18 {
    font-size: 16px;
  }
  .font-16 {
    font-size: 15px;
  }
  .font-15 {
    font-size: 14px;
  }
}
/* ==========================================================================
	clear
 ========================================================================== */
label {
  margin-bottom: 0;
  line-height: normal;
}

textarea {
  -webkit-appearance: none;
}

button,
input, textarea {
  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: "Noto Sans TC", "Noto Sans SC", "Poppins", sans-serif;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  color: black;
  line-height: normal;
}

main {
  position: relative;
  overflow: hidden;
}

.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;
}

a {
  transition: color 0.3s ease-in-out;
}

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

img {
  max-height: 100%;
  max-width: 100%;
  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.noneStyle {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.noneStyle > li {
  list-style: none;
}

textarea {
  resize: none;
}

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

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

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

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

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

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: black; /*字體顏色*/
  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 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 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;
  line-height: inherit;
}

.learnBtn {
  width: fit-content;
  height: 50px;
  padding: 0 38px;
  border-radius: 25px;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s;
  color: #fff;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.learnBtn:hover {
  border: 1px solid #DA3B2B;
  background-color: #DA3B2B;
  color: #fff;
}
@media (max-width: 767px) {
  .learnBtn {
    font-size: 16px;
    height: 40px;
    padding: 0 25px;
  }
}

.redBtn {
  width: fit-content;
  height: 50px;
  padding: 0 38px;
  border-radius: 25px;
  border: 1px solid #DA3B2B;
  background-color: #DA3B2B;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.redBtn:hover {
  color: #fff;
  filter: brightness(1.2);
}
@media (max-width: 767px) {
  .redBtn {
    font-size: 16px;
    height: 40px;
    padding: 0 25px;
  }
}

.blueBtn {
  width: fit-content;
  min-width: 190px;
  height: 50px;
  padding: 0 46px;
  border-radius: 25px;
  border: 1px solid #173077;
  background-color: #173077;
  color: #fff;
  font-size: 18px;
  transition: all 0.3s;
  font-family: "Noto Sans TC", "Noto Sans SC", "Poppins", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blueBtn:hover {
  color: #fff;
  filter: brightness(1.2);
}
@media (max-width: 767px) {
  .blueBtn {
    font-size: 16px;
    height: 40px;
    padding: 0 25px;
  }
}

.whiteBtn {
  width: fit-content;
  height: 50px;
  padding: 0 38px;
  border-radius: 25px;
  border: 1px solid #173077;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s;
  color: #173077;
  background-color: #fff;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whiteBtn:hover {
  border: 1px solid #DA3B2B;
  background-color: #DA3B2B;
  color: #fff !important;
}
@media (max-width: 767px) {
  .whiteBtn {
    font-size: 16px;
    height: 40px;
    padding: 0 25px;
  }
}

.whiteBtn2 {
  height: 50px;
  width: 190px;
  border-radius: 25px;
  border: 1px solid #DA3B2B;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s;
  color: #DA3B2B;
  background-color: #fff;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whiteBtn2:hover {
  background-color: #DA3B2B;
  color: #fff;
}
@media (max-width: 767px) {
  .whiteBtn2 {
    font-size: 16px;
    height: 40px;
    width: 160px;
  }
}

.breadWrap ul {
  display: flex;
  flex-wrap: wrap;
}
.breadWrap ul li {
  color: #CCCCCC;
  line-height: 24px;
}
.breadWrap ul li + li::before {
  content: ">";
  padding: 0 8px;
}
.breadWrap ul li a {
  transition: all 0.3s;
}
.breadWrap ul li a:hover {
  color: #fff;
}

.productsBottomLinks {
  display: flex;
  height: 350px;
}
.productsBottomLinks .item {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productsBottomLinks .item .bgBox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  overflow: hidden;
}
.productsBottomLinks .item .bgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s;
}
.productsBottomLinks .item .text {
  max-width: 390px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
}
.productsBottomLinks .item:hover .bgBox img {
  transform: scale(1.1);
}
@media (max-width: 1599px) {
  .productsBottomLinks {
    height: 300px;
  }
}
@media (max-width: 1399px) {
  .productsBottomLinks {
    height: 250px;
  }
  .productsBottomLinks .item .text {
    max-width: 360px;
  }
}
@media (max-width: 1199px) {
  .productsBottomLinks {
    height: 220px;
  }
}
@media (max-width: 767px) {
  .productsBottomLinks {
    height: 810px;
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .productsBottomLinks {
    height: 600px;
  }
}

.pagination {
  margin-bottom: 94px;
}
.pagination .inner {
  display: flex;
  width: 100%;
  padding: 0 73px;
}
.pagination .numWrap {
  display: flex;
  color: #808080;
  font-size: 16px;
  margin-right: auto;
}
.pagination .numWrap .num {
  width: 40px;
  height: 40px;
  margin-right: 17px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .numWrap .num:hover, .pagination .numWrap .num.active {
  background-color: #173077;
  color: #fff;
}
.pagination .navWrap {
  display: flex;
  align-items: center;
}
.pagination .navWrap .navBtn {
  width: 110px;
  height: 20px;
  display: flex;
  color: #808080;
}
.pagination .navWrap .navBtn span {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.pagination .navWrap .navBtn i {
  font-size: 14px;
}
.pagination .navWrap .navBtn.right i {
  transform: rotateY(180deg);
}
.pagination .navWrap .navBtn:hover {
  color: #173077;
}
.pagination .navWrap .navBtn + .navBtn {
  border-left: 1px solid #808080;
}
@media (max-width: 1199px) {
  .pagination {
    margin-bottom: 70px;
  }
}
@media (max-width: 991px) {
  .pagination {
    margin-bottom: 60px;
  }
  .pagination .inner {
    padding: 0;
    flex-direction: column;
    align-items: center;
  }
  .pagination .inner .numWrap {
    margin: 0 auto 30px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .pagination .inner .numWrap {
    padding-left: 8px;
  }
  .pagination .inner .numWrap .num {
    margin-right: 8px;
  }
}

.tagGroup {
  display: flex;
  flex-wrap: wrap;
}
.tagGroup .tag {
  background-color: #fff;
  font-size: 16px;
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
  margin-right: 10px;
  margin-bottom: 6px;
  padding: 8px 25px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  color: #808080;
}
.tagGroup .tag:hover {
  background-color: #173077;
  color: #fff;
}
@media (max-width: 1199px) {
  .tagGroup .tag {
    padding: 8px 18px;
  }
}

.modal .modal-dialog {
  max-width: 600px;
}
.modal .modal-content {
  border-radius: 10px;
}
.modal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
  padding-right: 30px;
}
.modal .modal-body {
  padding-top: 2px;
  padding-left: 16px;
  padding-right: 16px;
}
.modal .modal-body div {
  text-align: center;
  max-width: 370px;
  margin: 0 auto;
}
.modal .modal-body i {
  color: #DA3B2B;
}
.modal .modal-body a {
  color: #173077;
}
.modal .modal-body a:hover {
  text-decoration: underline;
}
.modal .modal-footer {
  border-top: none;
  display: block;
  padding-top: 11px;
  padding-bottom: 44px;
}
.modal .modal-footer .modalBtn {
  width: 250px;
  height: 60px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #DA3B2B;
  transition: all 0.3s;
  margin: 0 auto 15px;
  font-size: 16px;
  font-weight: 500;
}
.modal .modal-footer .modalBtn:hover {
  filter: brightness(1.2);
}
.modal .modal-footer .modalBtn.blue {
  background-color: #173077;
}

.modal-backdrop.show {
  opacity: 0.7;
}

.pageBannerBlock {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 650px;
  position: relative;
  margin-bottom: 122px;
}
.pageBannerBlock::before {
  content: "";
  height: 80px;
  width: 20%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.pageBannerBlock .inner {
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pageBannerBlock .bannerContent {
  flex: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  line-height: 1.1458;
  padding-bottom: 65px;
  position: relative;
}
.pageBannerBlock .bannerContent::before {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #173077;
  margin-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .pageBannerBlock .bannerContent::before {
    content: none;
  }
}
.pageBannerBlock .bannerContent .title1, .pageBannerBlock .bannerContent .title2 {
  margin-left: -3px;
}
.pageBannerBlock .bannerNavBlock {
  display: flex;
}
.pageBannerBlock .bannerNavBlock .navBoard {
  position: relative;
  flex-shrink: 0;
}
.pageBannerBlock .bannerNavBlock .navBoard::before {
  content: "";
  background-image: url(../images/layout/board-deco.svg);
  width: 48px;
  height: 51px;
  position: absolute;
  left: 0;
  top: -49px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.pageBannerBlock .bannerNavBlock .navBoard .pageTitleBox {
  color: #fff;
  background-image: url(../images/layout/board-bg.svg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 300px;
  height: calc(100% + 50px);
  border-radius: 0 10px 10px;
  padding: 0 32px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pageBannerBlock .bannerNavBlock .navBoard .pageTitleBox .mainTitle {
  line-height: 1.2778;
  margin-bottom: 7px;
}
.pageBannerBlock .bannerNavBlock .navContent {
  flex: 1;
}
.pageBannerBlock .bannerNavBlock .navContent .breadOuter {
  height: 90px;
  padding-top: 8px;
  padding-left: 59px;
  display: flex;
  align-items: center;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter {
  height: 80px;
  background-color: #fff;
  padding-left: 59px;
  display: flex;
  align-items: center;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap {
  height: 100%;
  z-index: 2;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu {
  display: flex;
  height: 100%;
  margin-left: -16px;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem {
  height: 100%;
  border-bottom: 1px solid transparent;
  margin: 0 12px;
  transition: all 0.3s;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 22px 4px 0;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem:hover, .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem.active {
  border-bottom: 1px solid #1B3379;
}
.pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem:hover a, .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem.active a {
  color: #1B3379;
}
@media (max-width: 1599px) {
  .pageBannerBlock {
    height: 550px;
    margin-bottom: 120px;
  }
}
@media (max-width: 1399px) {
  .pageBannerBlock {
    height: 470px;
    margin-bottom: 90px;
  }
  .pageBannerBlock .bannerNavBlock .navBoard .pageTitleBox {
    width: 240px;
    height: calc(100% + 30px);
  }
  .pageBannerBlock .bannerNavBlock .navContent .breadOuter {
    height: 80px;
    padding: 0 30px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter {
    padding: 0 30px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem {
    margin: 0 8px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem a {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .pageBannerBlock {
    height: 430px;
  }
  .pageBannerBlock::before {
    height: 70px;
  }
  .pageBannerBlock .bannerNavBlock .navBoard .pageTitleBox {
    width: 200px;
    padding: 0 24px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .breadOuter {
    height: 60px;
    padding: 0 20px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter {
    height: 70px;
    padding: 0 20px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap {
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenuToggle {
    min-width: 280px;
    border: 1px solid #173077;
    border-radius: 25px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenuToggle.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenuToggle::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    position: absolute;
    right: 24px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu {
    display: none;
    width: 100%;
    border: 1px solid #173077;
    border-top: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: absolute;
    flex-direction: column;
    top: 60px;
    height: auto;
    background-color: #fff;
    margin-left: 0;
    z-index: 3;
    overflow: hidden;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem {
    margin: 0;
    border-bottom: none;
    height: 45px;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem a {
    padding-top: 0;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem.active, .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem:hover {
    border-bottom: none;
    background-color: #173077;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem.active a, .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter .secMenuWrap .secMenu .secItem:hover a {
    color: #fff;
  }
}
@media (max-width: 991px) {
  .pageBannerBlock {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .pageBannerBlock {
    height: 360px;
    margin-bottom: 40px;
  }
  .pageBannerBlock .bannerContent {
    padding-bottom: 35px;
  }
  .pageBannerBlock .bannerNavBlock .navBoard {
    display: none;
  }
  .pageBannerBlock .bannerNavBlock .navContent .breadOuter {
    padding: 0;
  }
  .pageBannerBlock .bannerNavBlock .navContent .secMenuOuter {
    padding: 0;
  }
}

.pagelistBlock {
  padding-top: 75px;
  padding-bottom: 60px;
  border-top: 1px solid #EAEBEF;
}
.pagelistBlock .inner {
  padding: 0 15px;
}
.pagelistBlock .pagelist {
  display: flex;
  flex-wrap: wrap;
}
.pagelistBlock .pagelist .itemOuter {
  flex: 0 0 33.3333%;
  padding: 0 20px 36px 20px;
}
.pagelistBlock .pagelist .item {
  height: 340px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F6F8FA;
  display: block;
}
.pagelistBlock .pagelist .item .imgBox {
  display: block;
  width: 100%;
  height: calc(100% - 70px);
  overflow: hidden;
}
.pagelistBlock .pagelist .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s;
}
.pagelistBlock .pagelist .item .titleBox {
  position: relative;
  display: block;
}
.pagelistBlock .pagelist .item .titleBox .titleWrap {
  height: 60px;
  width: calc(100% - 50px);
  position: absolute;
  padding: 0 30px;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagelistBlock .pagelist .item .titleBox .titleWrap i {
  padding-right: 12px;
  padding-bottom: 6px;
  transition: all 0.3s;
}
.pagelistBlock .pagelist .item .titleBox .titleWrap i::before {
  transform: rotateY(180deg);
  font-size: 13px;
  color: #808080;
  transition: all 0.3s;
}
.pagelistBlock .pagelist .item .titleBox .titleWrap .title {
  transition: all 0.3s;
  font-weight: 500;
}
.pagelistBlock .pagelist .item:hover img {
  transform: scale(1.05);
}
.pagelistBlock .pagelist .item:hover .titleWrap .title, .pagelistBlock .pagelist .item:hover .titleWrap i::before {
  color: #173077;
}
.pagelistBlock .pagelist .item:hover .titleWrap i {
  padding-right: 0;
}
@media (max-width: 1599px) {
  .pagelistBlock .inner {
    padding: 0;
  }
  .pagelistBlock .pagelist .item {
    height: 280px;
  }
}
@media (max-width: 1199px) {
  .pagelistBlock {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .pagelistBlock .pagelist .itemOuter {
    padding: 0 8px 20px 8px;
  }
  .pagelistBlock .pagelist .itemOuter .item {
    height: 250px;
  }
  .pagelistBlock .pagelist .itemOuter .item .titleBox .titleWrap {
    padding: 0 20px;
    width: calc(100% - 18px);
    top: -8px;
  }
  .pagelistBlock .pagelist .itemOuter .item .titleBox .titleWrap .title {
    font-size: 16px;
  }
  .pagelistBlock .pagelist .itemOuter .item .titleBox .titleWrap i {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .pagelistBlock .pagelist .itemOuter {
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .pagelistBlock .pagelist .itemOuter {
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.pageJoinBlock {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.pageJoinBlock .inner {
  min-height: 400px;
  display: flex;
  justify-content: space-between;
}
.pageJoinBlock .contentWrap {
  max-width: 866px;
  padding: 0 66px;
  align-self: center;
  margin-bottom: 24px;
}
.pageJoinBlock .contentWrap .title {
  margin-bottom: 26px;
}
.pageJoinBlock .contentWrap .text {
  line-height: 1.8;
}
.pageJoinBlock .btnWrap {
  align-self: flex-end;
  margin-bottom: 67px;
  padding-right: 87px;
  padding-left: 20px;
}
.pageJoinBlock .btnWrap .btnBox {
  display: flex;
  transition: all 0.3s;
}
.pageJoinBlock .btnWrap .btnBox .text {
  width: 90px;
  line-height: 24px;
  margin-right: -22px;
  z-index: 1;
  align-self: flex-end;
  margin-bottom: 23px;
}
.pageJoinBlock .btnWrap .btnBox i {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #DA3B2B;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  color: #fff;
}
.pageJoinBlock .btnWrap .btnBox:hover {
  filter: brightness(1.2);
}
@media (max-width: 1599px) {
  .pageJoinBlock .inner {
    min-height: 320px;
  }
  .pageJoinBlock .inner .contentWrap .title {
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .pageJoinBlock .inner {
    min-height: 280px;
  }
  .pageJoinBlock .inner .contentWrap {
    padding-left: 0;
  }
  .pageJoinBlock .inner .btnWrap {
    padding-right: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .pageJoinBlock .inner {
    flex-direction: column;
  }
  .pageJoinBlock .inner .contentWrap {
    padding-right: 0;
    padding-top: 40px;
  }
  .pageJoinBlock .inner .btnWrap .btnBox .text {
    margin-bottom: 16px;
  }
  .pageJoinBlock .inner .btnWrap .btnBox i {
    width: 90px;
    height: 90px;
    font-size: 20px;
  }
}

.blueBox {
  width: fit-content;
  background-color: #173077;
  border-radius: 25px;
  padding: 12px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoBox {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  max-width: 100%;
  height: 0;
  overflow: hidden;
}
.videoBox iframe, .videoBox object, .videoBox embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

.tableWrap {
  overflow-x: auto;
  padding-bottom: 20px;
}
.tableWrap::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
}
.tableWrap::-webkit-scrollbar-track {
  border-radius: 0.125rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.tableWrap::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.tableWrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.tableGrey {
  width: 100%;
  font-size: 16px;
  color: #1a1a1a;
  border-bottom: 1px solid #B2B2B2;
}
.tableGrey thead tr {
  background-color: #F5F6F8;
  border-bottom: 2px solid #808080;
}
.tableGrey thead th {
  font-weight: 500;
  padding: 27px 16px;
  text-align: center;
  vertical-align: middle;
  min-width: 86px;
}
.tableGrey thead th:first-child {
  text-align-last: left;
  padding-left: 35px;
  padding-right: 55px;
}
.tableGrey thead th + th {
  border-left: 1px solid #B2B2B2;
}
.tableGrey tbody tr:nth-child(even) {
  background-color: #F5F6F8;
}
.tableGrey tbody td {
  padding: 22px 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
.tableGrey tbody td:first-child {
  text-align-last: left;
  padding-left: 35px;
  padding-right: 55px;
}
.tableGrey tbody td + td {
  border-left: 1px solid #B2B2B2;
}
.tableGrey tbody .checkImg {
  width: 25px;
}

.tableBlue {
  width: 100%;
}
.tableBlue thead tr {
  background-color: #173077;
}
.tableBlue thead tr + tr th {
  border-top: 1px solid #fff;
}
.tableBlue thead th {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  height: 80px;
  padding: 16px 20px;
  border-right: 1px solid #fff;
}
.tableBlue thead th:last-child {
  border-right: none;
}
.tableBlue tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #cccccc;
}
.tableBlue tbody td {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  vertical-align: middle;
  padding: 20px 20px;
}
.tableBlue tbody td .checkImg {
  width: 25px;
}
@media (max-width: 991px) {
  .tableBlue tbody td {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.header .mask {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.header .mainMenuBlock {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  height: 130px;
  padding-top: 40px;
  transition: all 0.3s;
}
.header .mainMenuBlock::after {
  content: "";
  width: 100%;
  height: 1px;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  padding: 0;
  pointer-events: none;
}
.header .mainMenuWrap {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logoWrap {
  width: 173px;
  height: 45px;
  position: relative;
  margin: 0 30px;
}
.header .logoWrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}
.header .logoWrap .logo {
  opacity: 0;
  transition: all 0.3s;
}
.header .logoWrap .logo-w {
  transition: all 0.3s;
}
.header .mainMenu {
  height: 100%;
}
.header .mainMenu .mainMenuInner {
  height: 100%;
  display: flex;
}
.header .mainMenu .mainMenuInner .sideMenuFoot {
  display: none;
}
.header .mainMenu .menuItem > a {
  height: 100%;
  width: 100%;
  padding: 0 31px;
  transition: all 0.3s;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .mainMenu .menuItem > a:hover, .header .mainMenu .menuItem > a.active {
  color: #DA3B2B;
}
.header .mainMenu .menuItem:hover .MenuHoverBlock {
  opacity: 1;
  pointer-events: auto;
}
.header .iconWrap {
  display: flex;
  height: 100%;
}
.header .iconWrap .iconBox {
  position: relative;
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  cursor: pointer;
}
.header .iconWrap .iconBox::before {
  color: #fff;
  font-size: 25px;
  transition: all 0.3s;
}
.header .iconWrap .iconBox:hover::before {
  color: #DA3B2B;
}
.header .iconWrap .iconBox.search::before {
  content: "\e805";
}
.header .iconWrap .iconBox.mail::before {
  content: "\e804";
}
.header .iconWrap .iconBox.lang::before {
  content: "\e802";
}
.header .iconWrap .iconBox.windows::before {
  content: "\e884";
}
.header .iconWrap .iconBox.search .searchBar {
  position: fixed;
  left: 0;
  top: 130px;
  width: 100%;
  height: 150px;
  background-color: #173077;
  color: #fff;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
  z-index: 8;
  cursor: auto;
}
.header .iconWrap .iconBox.search .searchBar .inner {
  max-width: 1220px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.header .iconWrap .iconBox.search .searchBar .inner .searchbarIcon {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .iconWrap .iconBox.search .searchBar .inner .searchbarIcon:before {
  content: "\e805";
  font-size: 20px;
}
.header .iconWrap .iconBox.search .searchBar .inner form {
  flex: 1;
  display: flex;
}
@media screen and (max-width: 575px) {
  .header .iconWrap .iconBox.search .searchBar .inner form {
    width: calc(100% - 20px);
  }
  .header .iconWrap .iconBox.search .searchBar .inner form input {
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(100% - 55px);
  }
}
.header .iconWrap .iconBox.search .searchBar .inner input {
  flex: 1;
  margin-left: 45px;
  margin-right: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  padding: 0 20px 18px 20px;
}
.header .iconWrap .iconBox.search .searchBar .inner input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.header .iconWrap .iconBox.search .searchBar .inner button {
  width: 50px;
  height: 50px;
  background-color: #DA3B2B;
  border-radius: 50%;
}
.header .iconWrap .iconBox.search .searchBar .inner button i::before {
  transform: rotate(90deg);
  color: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .iconWrap .iconBox.lang {
  position: relative;
}
.header .iconWrap .iconBox.lang .langDropdown {
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translateX(-50%);
  background-color: #fff;
  width: 60px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  border-radius: 10px;
}
.header .iconWrap .iconBox.lang .langDropdown a {
  width: 60px;
  height: 30px;
  color: #173077;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .iconWrap .iconBox.lang .langDropdown a:hover {
  color: #DA3B2B;
}
.header .iconWrap .menuToggle {
  display: none;
}
.header .iconWrap .menuToggle .toggleInner {
  width: 25px;
  height: 20px;
  position: relative;
}
.header .iconWrap .menuToggle .toggleInner .bar {
  width: 25px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  transition: all 0.3s;
  border-radius: 2px;
}
.header .iconWrap .menuToggle .toggleInner .i {
  top: 0;
  left: 0;
}
.header .iconWrap .menuToggle .toggleInner .ii {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header .iconWrap .menuToggle .toggleInner .iii {
  bottom: 0;
  left: 0;
}
.header .MenuHoverBlock {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding-top: 26px;
  padding-bottom: 56px;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
.header .MenuHoverBlock .subMenuHead {
  display: none;
}
.header .MenuHoverBlock .secGroup {
  margin: 0 45px;
}
.header .MenuHoverBlock .secGroup .imgBox {
  display: block;
  height: 55px;
  margin-bottom: 20px;
  margin-top: 12px;
}
.header .MenuHoverBlock .secGroup .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.header .MenuHoverBlock .secGroup .groupTitle {
  font-size: 18px;
}
.header .MenuHoverBlock .secGroup .groupTitle a {
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  font-weight: 700;
}
.header .MenuHoverBlock .secGroup .groupTitle a:hover {
  opacity: 0.7;
}
.header .MenuHoverBlock .secGroup.menuReport a {
  display: block;
}
.header .MenuHoverBlock .secGroup.menuReport a .imgBox {
  display: block;
  width: 180px;
  height: 250px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.header .MenuHoverBlock .secGroup.menuReport a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.header .MenuHoverBlock .secGroup.menuReport a .text {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #262626;
}
.header .MenuHoverBlock .secGroup.menuReport a .text .pdfIcon {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 26px;
}
.header .MenuHoverBlock .secGroup.menuReport a .text .pdfIcon::after {
  content: "\e808";
  font-size: 20px;
  color: #005EB8;
}
.header .MenuHoverBlock .thirdGroup {
  margin-top: 8px;
}
.header .MenuHoverBlock .thirdGroup a {
  display: block;
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  height: 100%;
  line-height: 28px;
  width: 100%;
  transition: all 0.3s;
}
.header .MenuHoverBlock .thirdGroup a:hover {
  opacity: 0.7;
}
.header.scroll .mainMenuBlock {
  height: 90px;
  padding-top: 0;
}
.header.scroll .iconWrap .iconBox.search .searchBar {
  top: 90px;
}
.header.scroll .mainMenuBlock, .header.hover .mainMenuBlock {
  background-color: #fff;
}
.header.scroll .mainMenuBlock::after, .header.hover .mainMenuBlock::after {
  background-color: #F2F2F2;
}
.header.scroll .logoWrap .logo, .header.hover .logoWrap .logo {
  opacity: 1;
}
.header.scroll .logoWrap .logo-w, .header.hover .logoWrap .logo-w {
  opacity: 0;
}
.header.scroll .mainMenu .mainMenuInner .menuItem > a, .header.hover .mainMenu .mainMenuInner .menuItem > a {
  color: #173077;
}
.header.scroll .mainMenu .mainMenuInner .menuItem > a:hover, .header.hover .mainMenu .mainMenuInner .menuItem > a:hover {
  color: #DA3B2B;
}
.header.scroll .iconWrap .iconBox::before, .header.hover .iconWrap .iconBox::before {
  color: #173077;
}
.header.scroll .iconWrap .iconBox:hover::before, .header.hover .iconWrap .iconBox:hover::before {
  color: #DA3B2B;
}
.header.scroll .iconWrap .menuToggle .toggleInner .bar, .header.hover .iconWrap .menuToggle .toggleInner .bar {
  background-color: #173077;
}
.header.menuOpen .iconWrap .menuToggle .toggleInner .i {
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.header.menuOpen .iconWrap .menuToggle .toggleInner .ii {
  opacity: 0;
}
.header.menuOpen .iconWrap .menuToggle .toggleInner .iii {
  transform: rotate(-45deg) translateY(50%);
  bottom: 50%;
}
.header.menuOpen .mask {
  opacity: 1;
  pointer-events: auto;
}
.header.searchOpen .iconWrap .iconBox.search .searchBar {
  opacity: 1;
  pointer-events: auto;
}
.header.searchOpen .mask {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 1599px) {
  .header .MenuHoverBlock .secGroup {
    margin: 0 30px;
  }
}
@media screen and (max-width: 1399px) {
  .header .mainMenuBlock {
    height: 90px;
    padding-top: 0;
  }
  .header .logoWrap {
    margin: 0 12px;
  }
  .header .mainMenu .menuItem > a {
    padding: 0 16px;
  }
  .header .MenuHoverBlock .secGroup {
    margin: 0 20px;
  }
  .header .MenuHoverBlock .thirdGroup a {
    line-height: 1.5;
  }
  .header .iconWrap .iconBox.search .searchBar {
    top: 90px;
  }
}
@media screen and (max-width: 1199px) {
  .header .menuArrow {
    font-family: "fontello" !important;
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 65px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
  }
  .header .menuArrow::before {
    content: "\e809";
    font-size: 15px;
  }
  .header .menuArrow:hover::before {
    color: #DA3B2B;
  }
  .header .mainMenu {
    position: absolute;
    top: 90px;
    right: -100%;
    max-width: 375px;
    width: 100%;
    height: calc(100vh - 90px);
    background-color: #fff;
    transition: all 0.3s;
  }
  .header .mainMenu .mainMenuInner {
    flex-direction: column;
    overflow-y: auto;
  }
  .header .mainMenu .mainMenuInner .menuItem {
    height: 65px;
    border-bottom: 1px solid #F2F2F2;
    display: flex;
    flex-shrink: 0;
  }
  .header .mainMenu .mainMenuInner .menuItem > a {
    color: #333333;
    justify-content: flex-start;
    padding-left: 30px;
  }
  .header .mainMenu .mainMenuInner .sideMenuFoot {
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: 54px 0;
    width: 100%;
  }
  .header .mainMenu .mainMenuInner .sideMenuFoot a {
    font-family: "fontello" !important;
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #1E3C91;
    color: #fff;
    margin: 0 5px;
  }
  .header .mainMenu .mainMenuInner .sideMenuFoot a.contact::before {
    content: "\e804";
    font-size: 21px;
  }
  .header .mainMenu .mainMenuInner .sideMenuFoot a.facebook::before {
    content: "\e800";
    font-size: 21px;
  }
  .header .mainMenu .mainMenuInner .sideMenuFoot a.line::before {
    content: "\e803";
    font-size: 23px;
  }
  .header.scroll .mainMenu .mainMenuInner .menuItem > a, .header.hover .mainMenu .mainMenuInner .menuItem > a {
    color: #333333;
  }
  .header.scroll .mainMenu .mainMenuInner .menuItem > a:hover, .header.hover .mainMenu .mainMenuInner .menuItem > a:hover {
    color: #DA3B2B;
  }
  .header.menuOpen .mainMenu {
    right: 0;
  }
  .header .MenuHoverBlock {
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    height: 100%;
    left: 100%;
    top: 0;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .header .MenuHoverBlock .subMenuHead {
    display: block;
    font-size: 20px;
    font-weight: 700;
  }
  .header .MenuHoverBlock .subMenuHead .menuBack {
    display: flex;
    align-items: center;
    height: 65px;
    border-bottom: 1px solid #F2F2F2;
    cursor: pointer;
  }
  .header .MenuHoverBlock .subMenuHead .menuBack .backArrow {
    font-family: "fontello" !important;
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 15px;
    padding-right: 17px;
    transform: rotateY(180deg);
  }
  .header .MenuHoverBlock .subMenuHead .menuBack .backArrow::before {
    content: "\e809";
    font-size: 15px;
  }
  .header .MenuHoverBlock .subMenuHead .subMenuTitle {
    display: flex;
    align-items: center;
    height: 65px;
    border-bottom: 1px solid #F2F2F2;
    color: #DA3B2B;
    padding: 0 30px;
  }
  .header .MenuHoverBlock .secGroup {
    height: 65px;
    margin: 0;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    background-color: #F6F8FA;
    border-bottom: 1px solid #fff;
  }
  .header .MenuHoverBlock .secGroup .groupTitle {
    flex: 1;
  }
  .header .MenuHoverBlock .secGroup .groupTitle a {
    padding-left: 30px;
    display: flex;
    align-items: center;
    color: #333333;
  }
  .header .MenuHoverBlock .secGroup .groupTitle a:hover {
    opacity: 1;
    color: #173077;
  }
  .header .MenuHoverBlock .secGroup.menuReport {
    display: none;
  }
  .header .MenuHoverBlock .secGroup .imgBox {
    display: none;
  }
  .header .MenuHoverBlock .secGroup .menuArrow:hover::before {
    color: #173077;
  }
  .header .MenuHoverBlock .thirdGroup {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff;
    transition: all 0.3s;
    overflow-y: auto;
  }
  .header .MenuHoverBlock .thirdGroup .menu-li {
    height: 65px;
    margin: 0;
    display: flex;
    flex-shrink: 0;
    background-color: #F6F8FA;
    border-bottom: 1px solid #fff;
  }
  .header .MenuHoverBlock .thirdGroup .menu-li a {
    padding-left: 30px;
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
  }
  .header .MenuHoverBlock .thirdGroup .menu-li a:hover {
    opacity: 1;
    color: #173077;
  }
  .header .MenuHoverBlock .thirdGroup.active {
    left: 0;
  }
  .header .MenuHoverBlock.active {
    left: 0;
  }
  .header .iconWrap .menuToggle {
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  .header .mainMenuBlock::after {
    content: none;
  }
  .header .iconWrap .iconBox.search .searchBar {
    height: 100px;
  }
  .header .iconWrap .iconBox.search .searchBar .inner input {
    margin-left: 8px;
    margin-right: 10px;
    padding: 0 8px 16px 8px;
    font-size: 16px;
  }
  .header .iconWrap .iconBox.search .searchBar .inner button {
    width: 35px;
    height: 35px;
  }
  .header .iconWrap .iconBox.search .searchBar .inner button i::before {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .header .logoWrap {
    width: 135px;
    margin: 0;
  }
  .header .iconWrap .iconBox {
    padding-left: 16px;
    padding-right: 0;
  }
  .header .iconWrap .iconBox::before {
    font-size: 20px;
  }
  .header .iconWrap .menuToggle .toggleInner {
    width: 22px;
    height: 18px;
  }
  .header .iconWrap .menuToggle .toggleInner .bar {
    width: 22px;
  }
  .header .mainMenu {
    max-width: 100%;
  }
}

.footer {
  position: relative;
  z-index: 1;
}
.footer .footerTop {
  background-color: #F6F8FA;
}
.footer .footerTop .sitemapWrap {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 340px;
}
.footer .footerTop .linkGroup {
  width: 20%;
  padding: 43px 50px;
}
.footer .footerTop .linkGroup .link1 {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #173077;
  margin-bottom: 17px;
}
.footer .footerTop .linkGroup .link2 {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  line-height: 30px;
}
.footer .footerTop .linkGroup a {
  transition: all 0.3s;
}
.footer .footerTop .linkGroup a:hover {
  opacity: 0.8;
}
.footer .footerTBt {
  background-color: #173077;
  color: #fff;
  height: 120px;
}
.footer .footerTBt .wp1500 {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 26px;
}
.footer .footerTBt a {
  transition: all 0.3s;
}
.footer .footerTBt a:hover {
  opacity: 0.8;
}
.footer .footerTBt .footerLogo {
  width: 153px;
}
.footer .footerTBt .footerLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.footer .footerTBt .copyWrap {
  margin-left: 63px;
  margin-right: auto;
  font-size: 16px;
  padding-top: 6px;
}
.footer .footerTBt .policy {
  font-size: 16px;
  padding-top: 6px;
  flex-shrink: 0;
  margin-left: 40px;
}
.footer .gotopWrap {
  position: fixed;
  right: -100px;
  bottom: 65px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: all 0.3s;
}
.footer .gotopWrap.show {
  right: 37px;
}
.footer .gotopWrap.show .iconBox .chatBox.show-in {
  opacity: 1;
  pointer-events: visible;
}
.footer .gotopWrap .iconBox {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #1E3C91;
  margin-bottom: 9px;
}
.footer .gotopWrap .iconBox:has(.icon-windows) {
  background-color: #367ACC;
}
.footer .gotopWrap .iconBox .chatBox {
  position: absolute;
  right: calc(100% + 5px);
  bottom: calc(100% - 10px);
  width: max-content;
  background: #ffffff;
  border-radius: 999px;
  padding: 10px 20px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  filter: drop-shadow(0px 0px 15px rgba(142, 142, 142, 0.25));
}
.footer .gotopWrap .iconBox .chatBox .closeChat {
  width: 24px;
  height: 24px;
  border-radius: 31px;
  position: absolute;
  right: 0;
  top: -12px;
  background: #CE3C2B;
  cursor: pointer;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  transition: all 0.3s;
  z-index: 5;
}
.footer .gotopWrap .iconBox .chatBox .closeChat:before, .footer .gotopWrap .iconBox .chatBox .closeChat:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 1.5px;
  background: #fff;
  left: 50%;
  top: 50%;
}
.footer .gotopWrap .iconBox .chatBox .closeChat:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.footer .gotopWrap .iconBox .chatBox .closeChat:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.footer .gotopWrap .iconBox .chatBox .closeChat:hover {
  filter: brightness(1.2);
}
.footer .gotopWrap .iconBox .chatBox p {
  position: relative;
  display: inline-block;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
  z-index: 5;
}
.footer .gotopWrap .iconBox .chatBox:before {
  z-index: 1;
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  right: 2px;
  bottom: -3px;
  border-width: 40px 16px 0 16px;
  border-color: #ffffff transparent transparent transparent;
  transform: translate(50%, 0) rotate(-40deg);
  transform-origin: center bottom;
}
.footer .gotopWrap .iconBox a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 21px;
}
.footer .gotopWrap .iconBox a.icon-line {
  font-size: 25px;
}
.footer .gotopWrap .iconBox a.icon-yt {
  font-size: 19px;
}
.footer .gotopWrap .iconBox a.icon-in {
  font-size: 20px;
}
.footer .gotopWrap .iconBox a:hover::before {
  opacity: 0.8;
}
.footer .gotopBox {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #DA3B2B;
  margin-top: 18px;
  z-index: 5;
}
.footer .gotopBox .gotop {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
}
.footer .gotopBox .gotop:hover::before {
  opacity: 0.8;
}
.footer .gotop2 {
  display: none;
  right: -60px;
  position: fixed;
  bottom: 42px;
  transition: all 0.3s;
}
.footer .gotop2.show {
  right: 26px;
}
.footer .cookiesBlock {
  z-index: 10;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90px;
  background-color: #173077;
  color: #fff;
}
.footer .cookiesBlock .inner {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .cookiesBlock .inner .text {
  margin-right: 30px;
}
.footer .cookiesBlock .inner .text a {
  transition: all 0.3s;
}
.footer .cookiesBlock .inner .text a:hover {
  opacity: 0.8;
}
.footer .cookiesBlock .inner .cookieBtn {
  width: 150px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #173077;
  transition: all 0.3s;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 25px;
  border: 1px solid #fff;
}
.footer .cookiesBlock .inner .cookieBtn:hover {
  filter: brightness(1.2);
}
.footer .poweric-contact-fixed {
  display: none;
}
@media screen and (max-width: 1599px) {
  .footer .footerTop .sitemapWrap {
    min-height: auto;
  }
  .footer .footerTop .linkGroup {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 1399px) {
  .footer.poweric-contact .gotopWrap {
    position: fixed;
    right: -100px !important;
    bottom: 65px;
    background-color: transparent;
    border-top: none;
    display: block;
  }
  .footer.poweric-contact .gotopWrap.show {
    right: 26px !important;
  }
  .footer .gotopWrap {
    position: relative;
    right: auto !important;
    bottom: auto;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid #264BB2;
    background-color: #173077;
    padding-top: 30px;
    padding-bottom: 42px;
  }
  .footer .gotopWrap .iconBox {
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
  }
  .footer .gotopWrap .gotopBox {
    margin-top: 0;
    margin-left: 9px;
    display: none;
  }
  .footer .gotop2 {
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  .footer .footerTop .linkGroup {
    padding: 40px 20px;
  }
  .footer .footerTBt .wp1500 {
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer .footerTop {
    display: none;
  }
  .footer .footerTBt {
    height: auto;
  }
  .footer .footerTBt .wp1500 {
    flex-direction: column;
    padding-top: 46px;
  }
  .footer .footerTBt .wp1500 .copyWrap {
    margin: 0 auto 0 0;
    text-align: center;
    line-height: 26px;
    padding-top: 27px;
  }
  .footer .footerTBt .wp1500 .policy {
    margin-left: 0;
    padding: 45px 0;
  }
  .footer.poweric-contact .gotopWrap .gotopBox {
    margin-left: 0;
    margin-top: 10px;
  }
  .footer .gotopWrap .iconBox {
    margin-left: 0px;
    margin-right: 10px;
  }
  .footer .gotopWrap .gotopBox {
    display: block;
  }
  .footer .gotop2 {
    display: none;
  }
  .footer .cookiesBlock {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer .cookiesBlock .inner {
    flex-direction: column;
  }
  .footer .cookiesBlock .inner .text {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .footer .footerTBt .wp1500 .copyWrap {
    font-size: 14px;
    margin: 0 16px;
  }
}
.footer.poweric-contact .iconBox {
  display: none !important;
}
.footer.poweric-contact .poweric-contact-fixed {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #173077;
  border-radius: 50px;
  box-sizing: border-box;
  text-align: center;
  background-color: #FFF;
  transition: all 0.5s ease;
}
.footer.poweric-contact .poweric-contact-fixed .poweric-contact-p {
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  color: #173077;
  display: block;
  letter-spacing: 5px;
  transition: all 0.5s;
  white-space: nowrap;
}
.footer.poweric-contact .poweric-contact-fixed .poweric-contact-icon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer.poweric-contact .poweric-contact-fixed:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}
.footer.poweric-contact .poweric-contact-fixed:hover .poweric-contact-p {
  width: 125px;
  height: auto;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .footer.poweric-contact {
    padding-bottom: 50px;
    background-color: #173077;
  }
  .footer.poweric-contact .gotopWrap.show {
    right: 10px !important;
    opacity: 1;
    pointer-events: auto;
  }
  .footer.poweric-contact .gotopWrap {
    display: flex;
    right: 10px !important;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    padding: 0;
    bottom: 20px;
  }
  .footer.poweric-contact .poweric-contact-fixed {
    width: 180px;
    padding: 0;
    height: initial;
    margin-right: 10px;
  }
  .footer.poweric-contact .poweric-contact-fixed .poweric-contact-p {
    width: 125px;
    height: auto;
    writing-mode: initial;
    letter-spacing: 1px;
    padding: 0 10px;
    vertical-align: middle;
  }
  .footer.poweric-contact .poweric-contact-fixed .poweric-contact-icon {
    vertical-align: middle;
  }
  .footer.poweric-contact .gotopWrap .gotopBox {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  body.pr17 .footer {
    margin-right: -17px;
  }
}
.offlineBlock {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offlineBlock .inner {
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
}
.offlineBlock .inner .contentWrap {
  max-width: 450px;
  flex: 1;
}
.offlineBlock .inner .contentWrap img {
  width: 153px;
  margin-bottom: 28px;
}
.offlineBlock .inner .imgBox {
  max-width: 200px;
  flex-shrink: 0;
  margin-left: 30px;
}
.offlineBlock .inner .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
@media screen and (max-width: 1199px) {
  .offlineBlock .inner {
    max-width: 500px;
    margin-bottom: 0;
  }
  .offlineBlock .inner .imgBox {
    max-width: 160px;
    margin-left: 16px;
  }
}
@media screen and (max-width: 575px) {
  .offlineBlock .inner {
    flex-direction: column;
    max-width: 350px;
    text-align: center;
  }
  .offlineBlock .inner .imgBox {
    max-width: 100px;
    order: -1;
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 30px;
  }
}

.errorBlock {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.errorBlock .inner {
  max-width: 530px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 100px;
}
.errorBlock .inner .logo {
  width: 154px;
}
.errorBlock .inner .imgBox {
  width: 100%;
  margin-top: 90px;
  margin-bottom: 38px;
}
.errorBlock .inner a {
  width: 150px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #173077;
  border-radius: 25px;
  margin-top: 38px;
  transition: all 0.3s;
}
.errorBlock .inner a:hover {
  color: #fff;
  filter: brightness(1.2);
}
@media screen and (max-width: 1399px) {
  .errorBlock .inner {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .errorBlock .inner {
    max-width: 420px;
    margin-bottom: 0;
  }
  .errorBlock .inner .imgBox {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .errorBlock .inner a {
    margin-top: 24px;
  }
}
@media screen and (max-width: 575px) {
  .errorBlock .imgBox {
    max-width: 280px;
  }
  .errorBlock h1 {
    font-size: 20px;
  }
}

.search-results-block {
  background-color: #F2F2F2;
}
.search-results-block .inner {
  padding: 205px 0 115px 0;
}
@media screen and (max-width: 575px) {
  .search-results-block .inner {
    padding: 150px 0 115px 0;
  }
}
.search-results-block .search-results-top {
  text-align: center;
  margin-bottom: 60px;
}
.search-results-block .search-results-top span {
  margin-left: 10px;
}
.search-results-block .search-results-top h2 {
  margin-bottom: 10px;
}
.search-results-block .search-results-top p:last-child {
  margin-bottom: 0;
}
.search-results-block .results-list {
  width: 100%;
  padding: 25px 45px;
  background-color: #FFF;
  display: block;
  margin-bottom: 15px;
  transition: all 0.5s ease;
}
.search-results-block .results-list:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}
.search-results-block .results-list:last-child {
  margin-bottom: 0px;
}
.search-results-block .results-list .results-list-title {
  font-size: 24px;
  font-weight: bold;
  color: #173077;
  display: block;
  margin-bottom: 10px;
}
.search-results-block .results-list .results-list-p {
  font-size: 16px;
  color: #262626;
}
@media screen and (max-width: 575px) {
  .search-results-block .results-list {
    padding: 20px 25px;
  }
}

.title-h1 {
  display: none !important;
}

.clear:after {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden;
}

.sticky main {
  overflow: initial;
}

.hidden-overflow {
  overflow: hidden !important;
}

.fix-windows {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  padding: 30px;
  overflow-y: auto;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.fix-windows.show-in {
  opacity: 1;
  pointer-events: visible;
}
.fix-windows .in-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.fix-windows .in-box {
  display: flex;
  flex-direction: column;
  padding: 0 28px;
  padding-bottom: 28px;
  background: #ffffff;
  min-height: 600px;
  height: fit-content;
  min-width: 450px;
  max-width: 100%;
  width: fit-content;
  max-width: 100%;
  border-radius: 20px;
}
@media (max-width: 510px) {
  .fix-windows .in-box {
    min-width: inherit;
    width: 100%;
  }
}
.fix-windows .in-box .title-box {
  padding: 26px 0;
}
.fix-windows .in-box .title-box .close-windows {
  cursor: pointer;
  display: block;
  margin-left: auto;
  width: 22px;
  height: 22px;
  position: relative;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
}
.fix-windows .in-box .title-box .close-windows:before, .fix-windows .in-box .title-box .close-windows:after {
  position: absolute;
  width: 30px;
  height: 2px;
  content: "";
  left: 50%;
  top: 50%;
  background-color: #000000;
  display: block;
  transition: background-color 0.3s ease-in-out;
}
.fix-windows .in-box .title-box .close-windows:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fix-windows .in-box .title-box .close-windows:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.fix-windows .in-box .title-box .close-windows:hover:before, .fix-windows .in-box .title-box .close-windows:hover:after {
  background-color: #DA3B2B;
}
.fix-windows .in-box .date-box {
  flex-grow: 1;
  position: relative;
}
.fix-windows .in-box .date-box iframe {
  max-width: 100%;
  border: none;
  width: 700px !important;
  height: 726px !important;
}
@media (min-width: 693px) {
  .fix-windows .in-box .date-box iframe {
    height: 607px !important;
  }
}

@keyframes scroll {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  30% {
    opacity: 1;
    transform: translateX(-10px);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
@keyframes turnLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: rotate(-540deg);
  }
}
@keyframes f-a {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.indexBannerBlock {
  height: 100vh;
  position: relative;
  min-height: 800px;
}
.indexBannerBlock .bannerSlick {
  height: 100%;
}
.indexBannerBlock .bannerSlick .item {
  height: 100%;
  position: relative;
}
.indexBannerBlock .bannerSlick .bgWrap {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.indexBannerBlock .bannerSlick .bgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.indexBannerBlock .bannerSlick .bannerInner {
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 144px;
  max-width: 1500px;
  margin: 0 auto;
}
.indexBannerBlock .bannerSlick .bannerInner .title1, .indexBannerBlock .bannerSlick .bannerInner .title2 {
  line-height: 105px;
}
.indexBannerBlock .bannerSlick .bannerInner .title1 span, .indexBannerBlock .bannerSlick .bannerInner .title2 span {
  position: relative;
}
.indexBannerBlock .bannerSlick .bannerInner .title1 span::after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: -1;
  background-color: #173077;
}
.indexBannerBlock .bannerSlick .bannerInner .title2 span::after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: -1;
  background-color: #DA3B2B;
}
.indexBannerBlock .bannerSlick .bannerInner .text {
  line-height: 1.5;
  max-width: 750px;
  margin-top: 34px;
  margin-bottom: 33px;
}
.indexBannerBlock .bannerSlick .slick-list {
  height: 100%;
}
.indexBannerBlock .bannerSlick .slick-list .slick-track {
  height: 100%;
}
.indexBannerBlock .bannerSlick .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.indexBannerBlock .bannerSlickDots {
  position: absolute;
  left: 0;
  bottom: 8.2%;
  width: 100%;
}
.indexBannerBlock .bannerSlickDots .slick-dots {
  max-width: 1500px;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  text-align: left;
}
.indexBannerBlock .bannerSlickDots .slick-dots li {
  width: auto;
  height: auto;
}
.indexBannerBlock .bannerSlickDots .slick-dots li button {
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 7px;
  transition: all 0.4s;
}
.indexBannerBlock .bannerSlickDots .slick-dots li button::before {
  content: none;
}
.indexBannerBlock .bannerSlickDots .slick-dots li.slick-active button {
  width: 45px;
  background-color: #DA3B2B;
}
@media (max-width: 500px) {
  .indexBannerBlock .bannerSlickDots .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  .indexBannerBlock .bannerSlickDots .slick-dots li.slick-active button {
    width: 30px;
    background-color: #DA3B2B;
  }
}
.indexBannerBlock .scrollDeco {
  position: absolute;
  right: 7.82%;
  bottom: -50px;
  text-align: center;
  color: #fff;
}
.indexBannerBlock .scrollDeco::after {
  animation: scroll 1s infinite;
  content: "";
  display: block;
  width: 2px;
  height: 100px;
  background-color: #a8a8a8;
  margin: 55px auto 0;
}

.indexBlock01 .inner {
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 74px 39px 45px 39px;
}
.indexBlock01 .inner .item {
  display: flex;
  max-width: 360px;
}
.indexBlock01 .inner .item .imgBox {
  width: 70px;
  height: 70px;
  margin-top: 10px;
  margin-right: 22px;
  flex-shrink: 0;
}
.indexBlock01 .inner .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.indexBlock01 .inner .item .content .font-24 {
  color: #173077;
  margin-bottom: 7px;
}
.indexBlock01 .inner .item .content .font-16 {
  color: #262626;
  line-height: 1.375;
}

.indexBlock02 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 650px;
  display: flex;
  align-items: center;
  padding-bottom: 130px;
  position: relative;
}
.indexBlock02 .bgWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.indexBlock02 .bgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.indexBlock02 .inner {
  width: 100%;
}
.indexBlock02 .inner .font-43 {
  color: #262626;
  max-width: 710px;
  line-height: 1.396;
  margin-bottom: 36px;
}
.indexBlock02 .inner .font-20 {
  color: #262626;
  max-width: 710px;
  line-height: 1.35;
  margin-bottom: 51px;
}

.indexBlock03 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.indexBlock03 .inner {
  display: flex;
  padding-left: 35px;
  padding-right: 10px;
}
.indexBlock03 .inner .imgBox {
  flex: 0 0 34.3643%;
  margin-right: 50px;
}
.indexBlock03 .inner .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.indexBlock03 .inner .font-43 {
  color: #262626;
  line-height: 1.396;
  margin-bottom: 17px;
}
.indexBlock03 .inner .font-20 {
  color: #262626;
  line-height: 1.35;
  margin-bottom: 55px;
}
.indexBlock03:nth-child(even) .inner .imgBox {
  order: 1;
  margin-right: 0;
  margin-left: 50px;
}

.indexBlock04 > .inner {
  display: flex;
}
.indexBlock04 > .inner .itemWrap {
  position: relative;
  height: 900px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indexBlock04 > .inner .itemWrap .bgImgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.indexBlock04 > .inner .itemWrap .bgImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s;
}
.indexBlock04 > .inner .itemWrap:hover .bgImgBox img {
  transform: scale(1.1);
}
.indexBlock04 > .inner .itemWrap .contentBox {
  max-width: 430px;
  color: #fff;
  text-align: center;
  margin-bottom: 80px;
}
.indexBlock04 > .inner .itemWrap .contentBox .font-48 {
  margin-top: 27px;
  margin-bottom: 28px;
}
.indexBlock04 > .inner .itemWrap .contentBox .font-18 {
  line-height: 1.55;
  margin-bottom: 62px;
}
.indexBlock04 > .inner .itemWrap .btnWrap {
  position: relative;
}
.indexBlock04 > .inner .itemWrap .btnWrap a {
  margin: 0 auto;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select {
  max-width: 300px;
  width: 100%;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select .dropdown-toggle {
  border-radius: 25px;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  padding: 9px 35px;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select > .dropdown-menu {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 1px solid #fff;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select > .dropdown-menu li a {
  padding: 6px 35px;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select .dropdown-item.active, .indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select .dropdown-item:active {
  background-color: #173077;
}
.indexBlock04 > .inner .itemWrap .btnWrap .bootstrap-select.show .dropdown-toggle {
  color: #262626;
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.indexBlock05 {
  position: relative;
}
.indexBlock05::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #173077;
  z-index: -2;
}
.indexBlock05 .bgMap {
  width: 926px;
  height: 454px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6.15%;
  z-index: -1;
}
.indexBlock05 .bgMap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.indexBlock05 .inner {
  min-height: 500px;
  display: flex;
  color: #fff;
}
.indexBlock05 .inner .contentWrap {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 20px;
}
.indexBlock05 .inner .contentWrap .font-36 {
  line-height: 1.25;
  margin-bottom: 26px;
}
.indexBlock05 .inner .contentWrap .font-20 {
  line-height: 1.35;
  margin-bottom: 47px;
}
.indexBlock05 .inner .numberWrap {
  flex: 0 0 50%;
  display: flex;
  padding-left: 48px;
  padding-bottom: 20px;
}
.indexBlock05 .inner .numberWrap .item {
  padding-left: 36px;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.indexBlock05 .inner .numberWrap .item .num {
  font-size: 94px;
}

.indexBlock06 {
  padding-top: 102px;
  padding-bottom: 48px;
}
.indexBlock06 .inner .titleWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
}
.indexBlock06 .inner .titleWrap h2 {
  color: #173077;
  margin-bottom: 0;
}

.newsList .newsListInner {
  display: flex;
  justify-content: space-between;
}
.newsList .item {
  flex: 0 0 31.4685%;
}
.newsList .item .imgBox {
  display: block;
  position: relative;
  height: 250px;
  overflow: hidden;
}
.newsList .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s;
}
.newsList .item .imgBox .newsType {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  color: #173077;
  padding: 9px 35px;
}
.newsList .item .contentBox {
  display: block;
  padding: 23px 22px;
}
.newsList .item .contentBox .title {
  display: block;
  margin-bottom: 15px;
  line-height: 1.3333;
  transition: all 0.3s;
}
.newsList .item .contentBox .date {
  display: block;
  color: #808080;
  line-height: 2;
  letter-spacing: -1px;
}
.newsList .item:hover .imgBox img {
  transform: scale(1.1);
}
.newsList .item:hover .contentBox .title {
  color: #173077;
}

@media (max-width: 1599px) {
  .indexBannerBlock {
    min-height: 650px;
  }
  .indexBannerBlock .bannerSlick .bannerInner {
    padding-top: 40px;
    max-width: 1200px;
  }
  .indexBannerBlock .bannerSlick .bannerInner .title1, .indexBannerBlock .bannerSlick .bannerInner .title2 {
    line-height: 1.1;
  }
  .indexBannerBlock .bannerSlick .bannerInner .text {
    line-height: 1.4;
  }
  .indexBannerBlock .bannerSlickDots .slick-dots {
    max-width: 1200px;
  }
  .indexBlock02 {
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .indexBlock03 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .indexBlock03 .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .indexBlock03 .inner .font-20 {
    margin-bottom: 24px;
  }
  .indexBlock04 .inner .itemWrap {
    height: 650px;
  }
  .indexBlock05 .bgMap {
    height: auto;
    width: 50%;
    right: 60px;
  }
  .indexBlock05 .inner {
    min-height: auto;
    padding: 60px 0;
  }
  .indexBlock05 .inner .numberWrap .item {
    padding-left: 0;
  }
  .indexBlock05 .inner .numberWrap .item .num {
    font-size: 80px;
  }
  .indexBlock05 .inner .contentWrap {
    padding-right: 0;
  }
  .indexBlock05 .inner .contentWrap .font-20 {
    margin-bottom: 24px;
  }
  .indexBlock06 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .newsList .item .imgBox {
    height: 230px;
  }
}
@media (max-width: 1399px) {
  .indexBannerBlock {
    min-height: 600px;
  }
  .indexBlock01 .inner {
    padding: 60px 0;
  }
  .indexBlock01 .inner .item {
    padding: 0 6px;
    align-items: center;
  }
  .indexBlock01 .inner .item .imgBox {
    width: 50px;
    height: 50px;
    margin-right: 12px;
  }
  .indexBlock02 {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .indexBlock03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexBlock03 .inner .imgBox {
    margin-right: 30px;
  }
  .indexBlock03:nth-child(even) .inner .imgBox {
    margin-left: 30px;
  }
  .indexBlock04 .inner .itemWrap {
    height: 550px;
  }
  .indexBlock04 .inner .itemWrap .contentBox {
    margin-bottom: 0;
  }
  .indexBlock05 .inner .numberWrap .item .num {
    font-size: 64px;
  }
  .newsList .item .imgBox {
    height: 200px;
  }
  .newsList .item .imgBox .newsType {
    padding: 8px 16px;
  }
}
@media (max-width: 1199px) {
  .indexBlock04 .inner .itemWrap {
    height: 400px;
  }
  .indexBlock04 .inner .itemWrap .contentBox .font-48 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .indexBlock04 .inner .itemWrap .contentBox .font-18 {
    margin-bottom: 20px;
  }
  .indexBlock05 .inner .contentWrap {
    flex: 0 0 55%;
  }
  .indexBlock05 .inner .numberWrap {
    flex: 0 0 45%;
    padding-left: 0;
  }
  .indexBlock05 .inner .numberWrap .item .num {
    font-size: 60px;
  }
  .newsList .item .imgBox {
    height: 180px;
  }
  .newsList .item .contentBox {
    padding: 20px 0;
  }
}
@media (max-width: 991px) {
  .indexBannerBlock .scrollDeco .text {
    font-size: 16px;
  }
  .indexBannerBlock .scrollDeco::after {
    margin-top: 16px;
    width: 1px;
  }
  .indexBlock01 .inner {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .indexBlock01 .inner .item {
    padding: 0;
    margin-bottom: 25px;
    max-width: 400px;
  }
  .indexBlock01 .inner .item .imgBox {
    width: 64px;
    height: 64px;
    margin-right: 26px;
    margin-top: 0;
  }
  .indexBlock02 .bgWrap {
    height: 75%;
  }
  .indexBlock02 .bgWrap img {
    object-position: 62% center;
  }
  .indexBlock03 .inner {
    flex-direction: column;
  }
  .indexBlock03 .inner .imgBox {
    margin-right: 0;
    margin-bottom: 22px;
  }
  .indexBlock03:nth-child(even) .inner .imgBox {
    margin-left: 0;
    order: 0;
  }
  .indexBlock04 .inner {
    flex-direction: column;
  }
  .indexBlock04 .inner .itemWrap {
    height: 600px;
  }
  .indexBlock04 .inner .itemWrap .contentBox .btnWrap .bootstrap-select .dropdown-toggle {
    font-size: 16px;
    padding: 7px 30px;
  }
  .indexBlock04 .inner .itemWrap .contentBox .btnWrap .bootstrap-select > .dropdown-menu li a {
    padding: 4px 30px;
  }
  .indexBlock05 .bgMap {
    width: 100%;
    top: auto;
    bottom: 10%;
    right: 50%;
    transform: translateX(50%);
  }
  .indexBlock05 .inner {
    flex-direction: column;
  }
  .indexBlock05 .inner .numberWrap {
    padding: 40px 0 20px 0;
  }
  .indexBlock05 .inner .numberWrap .item .num {
    font-size: 72px;
  }
  .indexBlock06 .inner .titleWrap {
    justify-content: center;
  }
  .indexBlock06 .inner .titleWrap .whiteBtn {
    display: none;
  }
  .indexBlock06 .mobileBtn {
    margin-bottom: 40px;
  }
  .indexBlock06 .mobileBtn a {
    margin: 0 auto;
  }
  .newsList .newsListInner {
    flex-direction: column;
  }
  .newsList .item {
    margin-bottom: 30px;
  }
  .newsList .item .contentBox {
    padding: 20px 23px;
  }
  .newsList .item .imgBox {
    height: 280px;
  }
}
@media (max-width: 767px) {
  .indexBannerBlock .bannerSlick .bannerInner .title1 span::after {
    bottom: 5px;
    height: 22px;
  }
  .indexBannerBlock .bannerSlick .bannerInner .title2 span::after {
    bottom: 5px;
    height: 22px;
  }
}
@media (max-width: 575px) {
  .indexBannerBlock .bannerSlick .bannerInner {
    padding-top: 0;
    padding-bottom: 35px;
  }
  .indexBannerBlock .bannerSlick .bannerInner .title1 span::after {
    bottom: 4px;
  }
  .indexBannerBlock .bannerSlick .bannerInner .title2 span::after {
    bottom: 4px;
  }
  .indexBannerBlock .bannerSlick .bannerInner .text {
    margin-bottom: 66px;
    font-size: 16px;
  }
  .indexBannerBlock .scrollDeco::after {
    height: 85px;
  }
  .indexBlock02 {
    padding-bottom: 150px;
  }
  .indexBlock02 .bgWrap {
    height: 65%;
  }
  .indexBlock02 .bgWrap img {
    object-position: 62% center;
  }
  .indexBlock02 .inner .font-43 {
    margin-bottom: 16px;
  }
  .indexBlock02 .inner .font-20 {
    margin-bottom: 26px;
  }
  .indexBlock03 {
    padding-top: 45px;
    padding-bottom: 80px;
  }
  .indexBlock04 .inner .itemWrap .contentBox {
    max-width: 270px;
  }
  .indexBlock05 .bgMap {
    width: 120%;
    bottom: 22%;
  }
  .indexBlock05 .inner .numberWrap {
    flex-direction: column;
    padding-top: 50px;
  }
  .indexBlock05 .inner .numberWrap .item {
    padding-top: 30px;
  }
  .indexBlock06 {
    padding-top: 50px;
  }
  .indexBlock06 .inner .titleWrap {
    padding-bottom: 28px;
  }
  .indexBlock06 .inner .titleWrap h2 {
    font-size: 24px;
  }
  .newsList .item .imgBox {
    height: 206px;
  }
  .newsList .item .imgBox img {
    height: 89%;
  }
}
.f-a,
.f-a-200,
.f-a-400 {
  opacity: 0;
}

.slick-active .f-a {
  animation: f-a 0.8s ease 0s 1 forwards;
}

.slick-active .f-a-200 {
  animation: f-a 0.8s ease 0.2s 1 forwards;
}

.slick-active .f-a-400 {
  animation: f-a 0.8s ease 0.4s 1 forwards;
}

.productIntroBlock01 {
  background-color: #173077;
  padding-top: 90px;
  padding-bottom: 300px;
  height: 100vh;
  min-height: 850px;
  text-align: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productIntroBlock01 .breadWrap ul {
  justify-content: center;
}
.productIntroBlock01 .content {
  max-width: 800px;
  padding-top: 105px;
}
.productIntroBlock01.not100vh {
  height: 540px;
  min-height: 0;
  padding-bottom: 0;
  margin-bottom: 122px;
}

.productIntroBlock02 {
  margin-top: -300px;
  padding-bottom: 40px;
}
.productIntroBlock02 .introSlick .slick-dots {
  bottom: -33px;
}
.productIntroBlock02 .introSlick .slick-dots li {
  width: auto;
  height: auto;
}
.productIntroBlock02 .introSlick .slick-dots li button {
  width: 13px;
  height: 13px;
  background-color: #D9D9D9;
  border-radius: 7px;
  transition: all 0.4s;
}
.productIntroBlock02 .introSlick .slick-dots li button::before {
  content: none;
}
.productIntroBlock02 .introSlick .slick-dots li.slick-active button {
  width: 45px;
  background-color: #DA3B2B;
}

.productIntroBlock03 {
  padding-top: 50px;
  padding-bottom: 88px;
}
.productIntroBlock03 .inner {
  text-align: center;
}
.productIntroBlock03 .inner .title2 {
  line-height: 1.225;
  margin: 30px 0;
}
.productIntroBlock03 .inner .imgBox {
  padding: 53px 0;
}

.productIntroBlock04 {
  padding-bottom: 100px;
}
.productIntroBlock04 .section {
  display: flex;
  margin-bottom: 42px;
  height: 400px;
}
.productIntroBlock04 .section .contentBox {
  flex: 0 0 50%;
  padding: 25px 30px 10px 50px;
  display: flex;
  flex-direction: column;
}
.productIntroBlock04 .section .contentBox h2 {
  padding-bottom: 9px;
}
.productIntroBlock04 .section .contentBox .content {
  overflow-y: auto;
  padding-right: 20px;
}
.productIntroBlock04 .section .contentBox .content::-webkit-scrollbar {
  width: 6px;
}
.productIntroBlock04 .section .contentBox .content::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  border-radius: 3px;
}
.productIntroBlock04 .section .contentBox .content::-webkit-scrollbar-thumb {
  background-color: #173077;
  border-radius: 3px;
}
.productIntroBlock04 .section .contentBox .content a {
  display: block;
  color: #2B3581;
  font-size: 16px;
  margin-bottom: 16px;
}
.productIntroBlock04 .section .contentBox .content a:hover {
  text-decoration: underline;
}
.productIntroBlock04 .section .imgBox {
  flex: 0 0 50%;
}
.productIntroBlock04 .section .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.productIntroBlock04 .section:nth-child(even) .contentBox {
  order: 1;
}
.productIntroBlock04 .section .landingBox {
  position: relative;
}
.productIntroBlock04 .section .landingBox .landing {
  position: absolute;
  top: -90px;
}

.productIntroBlock05 .inner {
  border-top: 1px solid #E5E5E5;
  padding-top: 80px;
  padding-bottom: 129px;
}
.productIntroBlock05 .inner .text {
  max-width: 260px;
  margin: 0 auto 30px;
  text-align: center;
}
.productIntroBlock05 .inner .btnGroup {
  display: flex;
  justify-content: center;
}
.productIntroBlock05 .inner .btnGroup a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 190px;
  height: 50px;
  border-radius: 25px;
  transition: all 0.3s;
}
.productIntroBlock05 .inner .btnGroup a:hover {
  filter: brightness(1.2);
}
.productIntroBlock05 .inner .btnGroup .b-blue {
  background-color: #173077;
  margin-right: 30px;
}
.productIntroBlock05 .inner .btnGroup .b-red {
  background-color: #DA3B2B;
}

@media (max-width: 1599px) {
  .productIntroBlock01 {
    padding-bottom: 150px;
    min-height: 700px;
  }
  .productIntroBlock01.not100vh {
    height: 450px;
    min-height: 0;
    margin-bottom: 80px;
  }
  .productIntroBlock02 {
    margin-top: -150px;
  }
  .productIntroBlock04 .section .contentBox {
    padding-left: 30px;
    padding-right: 20px;
  }
  .productIntroBlock04 .section .contentBox .content {
    padding-right: 10px;
  }
}
@media (max-width: 1399px) {
  .productIntroBlock01 {
    min-height: 600px;
  }
  .productIntroBlock01 .content {
    padding-top: 60px;
  }
  .productIntroBlock01.not100vh {
    height: 360px;
    min-height: 0;
    margin-bottom: 80px;
  }
  .productIntroBlock03 {
    padding-bottom: 60px;
  }
  .productIntroBlock03 .inner .imgBox {
    padding: 20px 0;
  }
  .productIntroBlock04 {
    padding-bottom: 60px;
  }
  .productIntroBlock04 .section {
    height: 340px;
  }
  .productIntroBlock05 .inner {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .productIntroBlock01.not100vh {
    height: 280px;
    margin-bottom: 20px;
  }
  .productIntroBlock04 .section {
    flex-direction: column;
    height: auto;
    margin-bottom: 30px;
  }
  .productIntroBlock04 .section:nth-child(even) .contentBox {
    order: 2;
  }
  .productIntroBlock04 .section .contentBox {
    order: 2;
    padding: 20px 30px;
  }
  .productIntroBlock04 .section .imgBox {
    order: 1;
  }
}
@media (max-width: 767px) {
  .productIntroBlock01 {
    padding-top: 150px;
    padding-bottom: 140px;
    height: auto;
    min-height: 0;
  }
  .productIntroBlock01.not100vh {
    height: 280px;
    margin-bottom: 40px;
    padding-top: 90px;
  }
  .productIntroBlock02 {
    margin-top: -80px;
  }
  .productIntroBlock03 {
    padding-bottom: 40px;
  }
  .productIntroBlock03 .inner .title2 {
    font-size: 22px;
  }
  .productIntroBlock04 {
    padding-bottom: 40px;
  }
  .productIntroBlock04 .section .contentBox {
    padding: 20px 0;
  }
  .productIntroBlock04 .section .contentBox .content {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .productIntroBlock03 {
    padding-top: 20px;
  }
  .productIntroBlock03 .inner .title, .productIntroBlock03 .inner .title2 {
    font-size: 18px;
  }
  .productIntroBlock04 {
    padding-bottom: 0;
  }
  .productIntroBlock05 .inner {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .productIntroBlock05 .inner .btnGroup .b-blue {
    margin-right: 12px;
  }
}
.productsBlock01 {
  padding-top: 162px;
}
.productsBlock01 .breadWrap {
  font-size: 15px;
}
.productsBlock01 .breadWrap ul li {
  color: #808080;
}
.productsBlock01 .breadWrap ul li a:hover {
  color: #000;
}
.productsBlock01 .mainTitle {
  color: #173077;
  margin-top: 34px;
  margin-bottom: 33px;
}
.productsBlock01 .contentWrap {
  display: flex;
  padding-bottom: 55px;
}
.productsBlock01 .contentWrap .content {
  padding-right: 30px;
  margin-right: auto;
}
.productsBlock01 .contentWrap .btnGroup {
  display: flex;
  padding-top: 34px;
}

.productsFilterBlock {
  background-color: #173077;
  padding-top: 50px;
  padding-bottom: 50px;
}
.productsFilterBlock .inner {
  display: flex;
  align-items: center;
}
.productsFilterBlock .kindLinks {
  padding-left: 32px;
  margin-right: auto;
}
.productsFilterBlock .kindLinks a {
  display: inline-block;
  color: #fff;
  margin-right: 32px;
  transition: all 0.5s ease;
}
.productsFilterBlock .kindLinks a.active {
  text-decoration: underline;
}
.productsFilterBlock .kindLinks a.active:hover {
  color: #FFF;
}
.productsFilterBlock .kindLinks a:hover {
  color: #DA3B2B;
}
.productsFilterBlock .filterBtn {
  width: 250px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #173077;
  font-weight: 600;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s;
}
.productsFilterBlock .filterBtn i {
  font-size: 19px;
  margin-left: 23px;
}
.productsFilterBlock .filterBtn:hover {
  opacity: 0.9;
}
.productsFilterBlock .inner2 {
  position: relative;
}
.productsFilterBlock .inner2 .filterWrap {
  margin-top: 12px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.productsFilterBlock .inner2 .filterWrap .filter-style1 {
  display: flex;
  justify-content: space-between;
  padding: 31px 44px 25px 31px;
}
.productsFilterBlock .inner2 .filterWrap .cl.cl1 {
  flex: 0 0 7.1579%;
}
.productsFilterBlock .inner2 .filterWrap .cl.cl2 {
  flex: 0 0 25.965%;
}
.productsFilterBlock .inner2 .filterWrap .cl.cl3 {
  flex: 0 0 45.8245%;
}
.productsFilterBlock .inner2 .filterWrap .cl.cl4 {
  flex: 0 0 21.0526%;
}
.productsFilterBlock .inner2 .filterWrap .btnGroup {
  display: flex;
  flex-direction: column;
}
.productsFilterBlock .inner2 .filterWrap .btnGroup label {
  max-width: 280px;
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #CCCCCC;
  color: #333333;
  margin-bottom: 10px;
  padding: 6px 37px;
  cursor: pointer;
}
.productsFilterBlock .inner2 .filterWrap .btnGroup label.active {
  border: 1px solid #173077;
  background-color: #173077;
  color: #fff;
}
.productsFilterBlock .inner2 .filterWrap .checkWrap {
  display: flex;
  flex-wrap: wrap;
}
.productsFilterBlock .inner2 .filterWrap .checkWrap label {
  color: #4D4D4D;
  display: flex;
  align-items: center;
  flex: 0 0 50%;
  margin-bottom: 12px;
  cursor: pointer;
}
.productsFilterBlock .inner2 .filterWrap .checkWrap label .cBox {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin-right: 11px;
  flex-shrink: 0;
}
.productsFilterBlock .inner2 .filterWrap .checkWrap label .cBox::before {
  content: "\e80f";
  color: #fff;
  font-size: 12px;
  transform: scale(0.8);
}
.productsFilterBlock .inner2 .filterWrap .checkWrap label.active .cBox {
  background-color: #173077;
}
.productsFilterBlock .inner2 .filterWrap .inputBox {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #173077;
}
.productsFilterBlock .inner2 .filterWrap .inputBox .searchBtn {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.productsFilterBlock .inner2 .filterWrap .inputBox .searchBtn::before {
  content: "\e805";
  color: #173077;
}
.productsFilterBlock .inner2 .filterWrap .inputBox input {
  padding-left: 33px;
  padding-bottom: 4px;
  flex: 1;
  width: 0;
}
.productsFilterBlock .inner2 .filterWrap .inputBox input::placeholder {
  color: #D9D9D9;
  font-family: "Poppins", "Noto Sans TC", "Noto Sans SC", sans-serif;
}

.productsKeywordBlock {
  padding: 36px 0;
}
.productsKeywordBlock .inner {
  padding: 0 45px;
  display: flex;
  align-items: center;
}
.productsKeywordBlock .results {
  flex-shrink: 0;
  padding-left: 6px;
  margin-right: 40px;
  margin-bottom: 6px;
}
.productsKeywordBlock .keywordsWrap {
  display: flex;
  flex-wrap: wrap;
}
.productsKeywordBlock .keywordsWrap .keyword {
  border: 1px solid #D9D9D9;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 20px;
  margin-right: 12px;
  margin-bottom: 8px;
}
.productsKeywordBlock .keywordsWrap .keyword i {
  font-size: 12px;
  transform: scale(0.82);
  margin-left: 25px;
  cursor: pointer;
}
.productsKeywordBlock .keywordsWrap .keyword i:hover {
  color: #DA3B2B;
}

.productsListBlock {
  padding-top: 60px;
}
.productsListBlock .inner {
  padding: 0 45px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.productsListBlock .item {
  display: flex;
  flex: 0 0 48.90362%;
  background-color: #F6F8FA;
  border-radius: 10px;
  border: 1px solid #F6F8FA;
  transition: all 0.3s;
  margin-top: 10px;
  margin-bottom: 53px;
  min-height: 250px;
  position: relative;
  cursor: pointer;
}
.productsListBlock .item .imgBox {
  flex-shrink: 0;
  width: 166px;
  height: 171px;
  margin-left: 15px;
}
.productsListBlock .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: translateY(-29px);
}
.productsListBlock .item .contentBox {
  padding: 25px 45px 15px 6px;
  flex: 1;
}
.productsListBlock .item .contentBox .title {
  padding-left: 4px;
  margin-bottom: 8px;
  transition: all 0.3s;
}
.productsListBlock .item .contentBox .text {
  line-height: 1.375;
  margin-bottom: 22px;
}
.productsListBlock .item .contentBox .tagGroup {
  position: relative;
  z-index: 1;
}
.productsListBlock .item .contentBox .tagGroup .tag {
  position: static;
}
.productsListBlock .item .contentBox .item-link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.productsListBlock .item:hover {
  border: 1px solid #173077;
}
.productsListBlock .item:hover .contentBox .title {
  color: #173077;
}

@media (max-width: 1599px) {
  .productsBlock01 {
    padding-top: 140px;
  }
  .productsBlock01 .mainTitle {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .productsBlock01 .contentWrap {
    padding-bottom: 40px;
  }
  .productsBlock01 .contentWrap .content .font-36 {
    line-height: 1.2;
    margin-bottom: 6px;
  }
  .productsFilterBlock .kindLinks {
    padding-left: 0;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl1 {
    flex: 0 0 8%;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl2 {
    flex: 0 0 34%;
    padding-right: 20px;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl3 {
    flex: 0 0 29%;
    padding-right: 20px;
  }
  .productsFilterBlock .inner2 .filterWrap .checkWrap label {
    flex: 0 0 100%;
  }
  .productsFilterBlock .inner2 .filterWrap .inputBox input {
    padding-left: 8px;
  }
  .productsListBlock {
    padding-top: 20px;
  }
  .productsListBlock .inner {
    padding: 0;
  }
}
@media (max-width: 1399px) {
  .productsListBlock .item .imgBox {
    width: 150px;
  }
  .productsListBlock .item .contentBox {
    padding-right: 28px;
  }
}
@media (max-width: 1199px) {
  .productsListBlock .item .imgBox {
    margin-left: 8px;
  }
  .productsListBlock .item .contentBox {
    padding-left: 0;
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .productsBlock01 {
    padding-top: 120px;
  }
  .productsBlock01 .contentWrap {
    flex-direction: column;
  }
  .productsBlock01 .contentWrap .content {
    padding-right: 0;
  }
  .productsFilterBlock {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .productsFilterBlock .inner2 .filterWrap .filter-style1 {
    position: relative;
    flex-wrap: wrap;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl1 {
    flex: 0 0 100%;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl2 {
    flex: 0 0 50%;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl3 {
    flex: 0 0 50%;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl4 {
    flex: 0 0 100%;
  }
  .productsKeywordBlock .inner {
    padding: 0 20px;
  }
  .productsKeywordBlock .inner .results {
    margin-right: 30px;
  }
  .productsKeywordBlock .inner .keyword {
    padding: 6px 16px;
    margin-right: 8px;
    margin-bottom: 6px;
  }
  .productsListBlock .inner {
    justify-content: center;
  }
  .productsListBlock .item {
    flex: 0 1 600px;
    margin-bottom: 40px;
  }
  .productsListBlock .item .contentBox {
    padding-left: 8px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .productsKeywordBlock {
    padding: 24px 0;
  }
  .productsKeywordBlock .inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .productsKeywordBlock .inner .results {
    margin-bottom: 16px;
  }
  .productsFilterBlock .inner {
    flex-direction: column;
  }
  .productsFilterBlock .inner .kindLinks {
    margin: 0 auto 24px;
    text-align: center;
  }
  .productsFilterBlock .inner .kindLinks a {
    margin: 0 8px;
  }
  .productsFilterBlock .inner2 .filterWrap .filter-style1 {
    padding-left: 44px;
  }
  .productsFilterBlock .inner2 .filterWrap .cl {
    max-width: 330px;
    margin: 0 auto;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl2 {
    flex: 0 0 100%;
  }
  .productsFilterBlock .inner2 .filterWrap .cl.cl3 {
    flex: 0 0 100%;
  }
}
@media (max-width: 575px) {
  .productsListBlock .item {
    flex-direction: column;
  }
  .productsListBlock .item .imgBox {
    width: 166px;
    margin: 0 auto;
    padding-left: 16px;
  }
  .productsListBlock .item .imgBox img {
    transform: none;
  }
  .productsListBlock .item .contentBox {
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 18px;
  }
  .productsListBlock .item .contentBox .content .title {
    text-align: center;
    padding-left: 0;
  }
  .productsFilterBlock .inner2 .filterWrap .filter-style1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.title-img-box {
  width: 120px;
  min-height: 120px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/products/prodoct-tag.png);
  border-radius: 3px;
  transform: translateY(-29px);
  box-shadow: 7px 10px 17px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 10px;
  box-sizing: border-box;
}
.title-img-box .title-img-logo {
  width: 72px;
}
.title-img-box .title-img-logo img {
  transform: none !important;
}
.title-img-box .imgBox-p {
  font-size: 14px;
  color: #CCCCCC;
  margin-bottom: 0;
}

.productBlock01 {
  padding-top: 162px;
  background-color: #F6F8FA;
}
.productBlock01:nth-child(2) {
  padding-top: 0;
  padding-bottom: 42px;
  border-bottom: 1px solid #d9d9d9;
}
.productBlock01 .breadWrap {
  font-size: 15px;
}
.productBlock01 .breadWrap ul li {
  color: #808080;
}
.productBlock01 .breadWrap ul li a:hover {
  color: #000;
}
.productBlock01 .mainWrap {
  display: flex;
  padding-top: 74px;
  padding-left: 34px;
}
.productBlock01 .mainWrap .imgBox {
  flex-shrink: 0;
  width: 244px;
  height: 244px;
}
.productBlock01 .mainWrap .imgBox .title-img-box {
  width: 172px;
  min-height: 172px;
  padding: 20px 25px;
  transform: none !important;
}
.productBlock01 .mainWrap .imgBox .title-img-box .title-img-logo {
  width: 103px;
}
.productBlock01 .mainWrap .imgBox .title-img-box .imgBox-p {
  font-size: 20px;
}
.productBlock01 .mainWrap .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.productBlock01 .mainWrap .contentBox {
  padding-left: 19px;
  padding-right: 54px;
}
.productBlock01 .mainWrap .contentBox .text {
  padding-top: 4px;
  line-height: 1.56;
  margin-bottom: 54px;
}
.productBlock01 .mainWrap .contentBox .tag {
  position: static;
}

.productDlBlock {
  background-color: #F6F8FA;
  padding-top: 39px;
  padding-bottom: 30px;
}
.productDlBlock .inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.productDlBlock .title {
  padding-left: 46px;
  padding-bottom: 20px;
}
.productDlBlock .docWrap {
  display: flex;
  padding-left: 33px;
  padding-bottom: 20px;
}
.productDlBlock .docWrap .docBtn {
  width: 250px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 30px;
  margin-right: 12px;
  background-color: #fff;
  border-radius: 30px;
  color: #4D4D4D;
  transition: all 0.3s;
  font-size: 16px;
}
.productDlBlock .docWrap .docBtn:hover {
  color: #1B5DA4;
}
.productDlBlock .addWrap {
  margin-left: auto;
  padding-bottom: 20px;
}
.productDlBlock .addWrap .addBtn {
  width: 250px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 30px;
  background-color: #DA3B2B;
  border-radius: 30px;
  color: #fff;
  transition: all 0.3s;
  font-size: 16px;
  cursor: pointer;
}
.productDlBlock .addWrap .addBtn:hover {
  filter: brightness(1.2);
}

.productEditorBlock .section {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
}
.productEditorBlock .section .title {
  flex: 0 0 25.8%;
  padding-left: 46px;
  padding-right: 20px;
}
.productEditorBlock .section .pdeditor {
  flex: 1;
  font-size: 16px;
  color: #4D4D4D;
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
}
.productEditorBlock .section .pdeditor p {
  margin-bottom: 0;
  line-height: 25px;
}

.productNavBlock .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 22px 60px 22px;
}
.productNavBlock .navBox.prev a {
  width: 100%;
  display: flex;
  align-items: center;
}
.productNavBlock .navBox.prev i::before {
  transform: rotate(-90deg);
  font-size: 35px;
  padding: 0 35px;
}
.productNavBlock .navBox.next a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.productNavBlock .navBox.next i::before {
  transform: rotate(90deg);
  font-size: 35px;
  padding: 0 35px;
}
.productNavBlock .navBox.back a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.productNavBlock .navBox.back i {
  font-size: 35px;
}
.productNavBlock .navBox a span, .productNavBlock .navBox a i {
  transition: all 0.3s;
}
.productNavBlock .navBox a:hover span, .productNavBlock .navBox a:hover i {
  color: #173E77;
}

@media (max-width: 1599px) {
  .productBlock01 {
    padding-top: 140px;
  }
  .productBlock01 .mainWrap {
    padding-top: 40px;
  }
}
@media (max-width: 1399px) {
  .productDlBlock .docWrap .docBtn {
    width: 220px;
    height: 50px;
  }
  .productDlBlock .addWrap .addBtn {
    width: 220px;
    height: 50px;
  }
}
@media (max-width: 1199px) {
  .productEditorBlock .section .title {
    flex: 0 0 30%;
  }
}
@media (max-width: 991px) {
  .productBlock01 {
    padding-top: 120px;
  }
  .productBlock01 .mainWrap {
    padding-left: 0;
  }
  .productBlock01 .mainWrap .contentBox {
    padding: 0;
  }
  .productDlBlock .title {
    padding-left: 0;
  }
  .productEditorBlock .section .title {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .productBlock01 .mainWrap {
    flex-direction: column;
    padding-top: 20px;
  }
  .productBlock01 .mainWrap .imgBox {
    margin: 0 auto;
  }
  .productDlBlock .inner {
    flex-direction: column;
  }
  .productDlBlock .inner .docWrap {
    padding-left: 0;
    padding-bottom: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .productDlBlock .inner .docWrap .docBtn {
    margin: 0 6px 16px;
  }
  .productDlBlock .inner .addWrap {
    margin: 0 auto;
  }
  .productEditorBlock .section {
    flex-direction: column;
    padding: 40px 0;
  }
  .productEditorBlock .section .title {
    text-align: center;
    margin-bottom: 32px;
  }
  .productNavBlock .inner {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .productNavBlock .navBox.prev a span {
    display: none;
  }
  .productNavBlock .navBox.next a span {
    display: none;
  }
}
.about01Main {
  padding-top: 7px;
  padding-bottom: 75px;
}
.about01Main .inner {
  display: flex;
}
.about01Main .inner .imgWrap {
  flex: 1 1 690px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-left: 90px;
}
.about01Main .inner .imgWrap .imgBox {
  width: 100%;
  height: 600px;
}
.about01Main .inner .imgWrap .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.about01Main .inner .imgWrap::before {
  content: "";
  background-color: #173077;
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% + 210px);
  height: 50%;
  z-index: -1;
}
.about01Main .inner .contentWrap {
  flex: 1 1 810px;
}
.about01Main .inner .contentWrap .title {
  padding: 21px 60px 36px 107px;
  line-height: 1.05;
}
.about01Main .inner .contentWrap .text {
  padding: 66px 60px 128px 107px;
  position: relative;
}
.about01Main .inner .contentWrap .text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 210px);
  height: 100%;
  background-color: #F6F8FA;
  z-index: -1;
}

#about01 .pagelistBlock {
  border-top: none;
}

@media (max-width: 1599px) {
  .about01Main {
    padding-bottom: 25px;
  }
  .about01Main .inner .imgWrap {
    padding-left: 0;
  }
  .about01Main .inner .contentWrap .title {
    padding-left: 60px;
    padding-right: 0;
    line-height: 1.2;
  }
  .about01Main .inner .contentWrap .text {
    padding: 40px 0 40px 60px;
  }
}
@media (max-width: 1399px) {
  .about01Main {
    padding-bottom: 0;
  }
  .about01Main .inner .contentWrap .title {
    padding-left: 40px;
  }
  .about01Main .inner .contentWrap .text {
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  .about01Main .inner {
    flex-direction: column;
  }
  .about01Main .inner .imgWrap {
    flex: auto;
  }
  .about01Main .inner .imgWrap .imgBox {
    height: 450px;
  }
  .about01Main .inner .imgWrap::before {
    content: none;
  }
  .about01Main .inner .contentWrap {
    flex: auto;
  }
  .about01Main .inner .contentWrap .title {
    padding-left: 0;
    margin-bottom: 0;
  }
  .about01Main .inner .contentWrap .text {
    padding-top: 0;
    padding-left: 0;
  }
  .about01Main .inner .contentWrap .text::before {
    content: none;
  }
}
@media (max-width: 767px) {
  .about01Main .inner .imgWrap .imgBox {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .about01Main .inner .imgWrap .imgBox {
    height: 280px;
  }
}
.historyNavBlock {
  padding-bottom: 21px;
}
.historyNavBlock .inner {
  display: flex;
  align-items: center;
  padding: 0 25px;
}
.historyNavBlock .inner .mainTitle {
  color: #262626;
  flex-shrink: 0;
  margin-right: auto;
  padding: 0 25px;
}
.historyNavBlock .inner .yearsWrap {
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin: 0 23px;
  overflow-x: auto;
}
.historyNavBlock .inner .yearsWrap::-webkit-scrollbar {
  display: none;
}
.historyNavBlock .inner .yearsWrap .yearBtn {
  height: 100%;
  margin: 0 26px;
  font-family: arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  flex-shrink: 0;
}
.historyNavBlock .inner .yearsWrap .yearBtn:hover {
  color: #173077;
}
.historyNavBlock .inner .yearArrow {
  width: 100px;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  flex-shrink: 0;
  display: flex;
}
.historyNavBlock .inner .yearArrow i {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  font-size: 14px;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
}
.historyNavBlock .inner .yearArrow i:hover {
  color: #173077;
}
.historyNavBlock .inner .yearArrow i.right {
  transform: rotateY(180deg);
}
.historyNavBlock .inner .yearArrow i.right::after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #808080;
  position: absolute;
  left: 49px;
  top: 50%;
  transform: translateY(-50%);
}

.historyMainBlock .item {
  height: 300px;
  position: relative;
}
.historyMainBlock .item .bgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.historyMainBlock .item .bgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.historyMainBlock .item .contentBox {
  padding: 54px 100px 0;
  display: flex;
  justify-content: flex-end;
}
.historyMainBlock .item .contentBox .content {
  text-align: right;
}
.historyMainBlock .item .contentBox .year {
  color: #333333;
  margin-bottom: 6px;
}
.historyMainBlock .item .contentBox .text {
  color: #262626;
}
.historyMainBlock .item:nth-child(even) .contentBox {
  justify-content: flex-start;
}
.historyMainBlock .item:nth-child(even) .contentBox .content {
  text-align: left;
}

@media (max-width: 1599px) {
  .historyMainBlock .item .contentBox {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1399px) {
  .historyMainBlock .item .contentBox {
    padding: 0;
    align-items: center;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .historyNavBlock .inner .yearsWrap .yearBtn {
    margin: 0 16px;
  }
  .historyMainBlock .item {
    height: 240px;
  }
}
@media (max-width: 991px) {
  .historyNavBlock .inner {
    padding: 0;
  }
  .historyMainBlock {
    padding-bottom: 60px;
  }
  .historyMainBlock .item {
    height: auto;
  }
  .historyMainBlock .item .contentBox {
    justify-content: center;
    padding: 40px 0;
  }
  .historyMainBlock .item .contentBox .content {
    text-align: center;
  }
  .historyMainBlock .item .bgBox {
    position: relative;
    height: 240px;
  }
  .historyMainBlock .item .bgBox img {
    object-position: 35% center;
  }
  .historyMainBlock .item:nth-child(even) {
    height: auto;
  }
  .historyMainBlock .item:nth-child(even) .contentBox {
    justify-content: center;
    padding: 40px 0;
  }
  .historyMainBlock .item:nth-child(even) .contentBox .content {
    text-align: center;
  }
  .historyMainBlock .item:nth-child(even) .bgBox img {
    object-position: 65% center;
  }
}
@media (max-width: 767px) {
  .historyMainBlock .item .bgBox {
    height: 200px;
  }
  .historyMainBlock .item .bgBox img {
    object-position: 45% center;
  }
  .historyMainBlock .item:nth-child(even) .bgBox img {
    object-position: 55% center;
  }
}
@media (max-width: 575px) {
  .historyNavBlock .inner {
    flex-wrap: wrap;
    justify-content: center;
  }
  .historyNavBlock .inner .mainTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
  }
  .historyNavBlock .inner .yearsWrap {
    width: 100%;
    margin: 0 0 20px;
  }
  .historyMainBlock .item .bgBox {
    height: 160px;
  }
  .historyMainBlock .item .bgBox img {
    object-position: 50% center;
  }
  .historyMainBlock .item:nth-child(even) .bgBox img {
    object-position: 50% center;
  }
}
.about03Main {
  padding-bottom: 170px;
}
.about03Main .contentWrap {
  padding: 0 47px 60px;
}
.about03Main .text {
  max-width: 1190px;
}
.about03Main .contentInner {
  display: flex;
  padding: 58px 0 70px 0;
  align-items: center;
}
.about03Main .contentInner .vision {
  flex: 0 0 47.6%;
}
.about03Main .contentInner .vision img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.about03Main .contentInner .content {
  padding-left: 90px;
  padding-bottom: 48px;
  padding-right: 50px;
}
.about03Main .imgBox {
  margin-bottom: 100px;
  height: 400px;
}
.about03Main .imgBox img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

@media (max-width: 1599px) {
  .about03Main {
    padding-bottom: 120px;
  }
  .about03Main .mainTitle {
    margin-top: 0;
  }
  .about03Main .contentWrap {
    padding: 0;
  }
  .about03Main .contentInner {
    padding: 50px 0;
  }
  .about03Main .imgBox {
    margin-bottom: 80px;
    height: 320px;
  }
}
@media (max-width: 1399px) {
  .about03Main .contentInner .content {
    padding: 0 30px;
  }
  .about03Main .imgBox {
    height: 280px;
  }
}
@media (max-width: 991px) {
  .about03Main {
    padding-bottom: 80px;
  }
  .about03Main .contentInner {
    display: block;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .about03Main .contentInner .vision {
    margin-bottom: 20px;
  }
  .about03Main .contentInner .content {
    padding: 0;
  }
  .about03Main .imgBox {
    height: 240px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .about03Main .font-36 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .about03Main {
    padding-bottom: 60px;
  }
  .about03Main .font-36 {
    font-size: 18px;
  }
}
.about04Main {
  padding-bottom: 120px;
}
.about04Main .text {
  max-width: 780px;
  margin: 0 auto;
  padding-top: 27px;
  line-height: 1.65;
}
.about04Main .text span {
  font-weight: 500;
  color: #1B3379;
}
.about04Main .imgBox {
  text-align: center;
  margin-bottom: 30px;
}
.about04Main .pointsWrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
.about04Main .pointsWrap .item {
  margin: 0 -15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.about04Main .pointsWrap .item .iconBox {
  width: 60px;
  height: 50px;
  margin-bottom: 17px;
}
.about04Main .pointsWrap .item .iconBox .img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.about04Main .pointsWrap .item .title {
  width: 300px;
  height: 80px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.about04Main .pointsWrap .item .text {
  max-width: 220px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #808080;
}
.about04Main .pointsWrap .item.item1 .title {
  background-color: rgba(23, 48, 119, 0.8);
}
.about04Main .pointsWrap .item.item2 .title {
  background-color: rgba(65, 196, 197, 0.8);
}
.about04Main .pointsWrap .item.item3 .title {
  background-color: rgba(74, 157, 235, 0.8);
}
.about04Main .pointsWrap .item.item4 .title {
  background-color: rgba(81, 118, 205, 0.8);
}
.about04Main .pointsWrap .item.item5 .title {
  background-color: rgba(139, 153, 178, 0.8);
}

@media (max-width: 1599px) {
  .about04Main .mainTitle {
    margin-top: 0;
  }
  .about04Main .pointsWrap {
    max-width: 1000px;
  }
}
@media (max-width: 1399px) {
  .about04Main {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .about04Main {
    padding-bottom: 60px;
  }
  .about04Main .text {
    padding-top: 20px;
  }
}
.about05Main {
  padding-bottom: 100px;
}
.about05Main .imgBox {
  padding-top: 50px;
  text-align: center;
}

@media (max-width: 1599px) {
  .about05Main .mainTitle {
    margin-top: 0;
  }
}
@media (max-width: 1199px) {
  .about05Main {
    padding-bottom: 80px;
  }
  .about05Main .imgBox {
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  .about05Main {
    padding-bottom: 60px;
  }
  .about05Main .imgBox {
    padding-top: 20px;
  }
}
.about06Main {
  padding-bottom: 150px;
}
.about06Main .inner {
  padding: 0 50px;
}
.about06Main .mainTitle {
  margin-bottom: 32px;
}
.about06Main .teamWrap .member {
  background-color: #F6F8FA;
  border-radius: 10px;
  padding: 25px 46px;
  display: flex;
  min-height: 150px;
  margin-bottom: 16px;
}
.about06Main .teamWrap .member .nameBox {
  border-right: 1px solid #D9D9D9;
  min-width: 180px;
  margin-right: 56px;
  padding: 4px 0;
}
.about06Main .teamWrap .member .nameBox .font-20 {
  color: #262626;
  line-height: 1.9;
  margin-bottom: 6px;
}
.about06Main .teamWrap .member .nameBox .font-16 {
  color: #005EB8;
}
.about06Main .teamWrap .member .expBox {
  font-size: 16px;
  font-weight: 500;
  color: #262626;
  line-height: 1.875;
  padding: 4px 0;
}

@media (max-width: 1599px) {
  .about06Main {
    padding-bottom: 120px;
  }
  .about06Main .inner {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .about06Main {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .about06Main {
    padding-bottom: 60px;
  }
  .about06Main .teamWrap .member .nameBox {
    min-width: 140px;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .about06Main .teamWrap .member {
    padding: 20px 30px;
  }
}
@media (max-width: 575px) {
  .about06Main .teamWrap .member {
    flex-direction: column;
    padding: 20px;
  }
  .about06Main .teamWrap .member .nameBox {
    border-right: none;
    margin-right: 0;
    padding-bottom: 16px;
    margin-bottom: 16px;
    max-width: 100%;
    border-bottom: 1px solid #D9D9D9;
  }
}
.about07Main .about07-top-title {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 25px;
  padding-left: 10px;
}
.about07Main .about07-select-box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.about07Main .about07-select-box .about07-select-list {
  margin-left: 10px;
}
.about07Main .about07-select-box .about07-select-title {
  margin-left: 35px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select {
  max-width: 100%;
  width: 300px;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select .dropdown-toggle {
  border: 1px solid #E5E5E5;
  padding: 12px 20px 12px 24px;
  border-radius: 5px;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 600;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select .dropdown-toggle::after {
  width: 13px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/layout/dropdown.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select > .dropdown-menu {
  border: 1px solid #E5E5E5;
  width: auto;
  height: auto;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item {
  padding: 8px 24px;
  transition: none;
  font-weight: 600;
  color: #808080;
}
.about07Main .about07-select-box .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .about07Main .about07-select-box .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
  color: #fff;
}
.about07Main .about07-box {
  padding-top: 40px;
  border-top: 1px solid #e6e6e6;
}
.about07Main .about07-box .about07-class-title {
  padding-left: 10px;
  margin-bottom: 40px;
}
.about07Main .about07-box .about07-company-title {
  padding-left: 40px;
}
.about07Main .about07-box .about07-list-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 150px;
}
.about07Main .about07-box .about07-list {
  width: calc(33.3333333333% - 30px);
  margin: 15px;
  padding: 27px 17px;
  background-color: #f6f8fa;
  border-radius: 10px;
  min-height: 112px;
  box-sizing: border-box;
}
.about07Main .about07-box .about07-list .about07-info-box {
  margin-top: 20px;
  border-top: 1px solid #e6e6e6;
  padding: 18px 10px;
}
.about07Main .about07-box .about07-list .about07-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
.about07Main .about07-box .about07-list .about07-info .about07-info-title,
.about07Main .about07-box .about07-list .about07-info .about07-info-p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  transition: all 0.5s ease;
  margin-bottom: 0;
}
.about07Main .about07-box .about07-list .about07-info a.about07-info-p:hover {
  color: #DA3B2B;
}
.about07Main .about07-box .about07-list h4 {
  padding-left: 10px;
}

@media screen and (max-width: 1100px) {
  .about07Main .about07-box .about07-list {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 800px) {
  .about07Main .about07-select-box {
    flex-wrap: wrap;
  }
  .about07Main .about07-select-box .about07-select-list:nth-child(1) {
    width: 100%;
    margin-bottom: 20px;
  }
  .about07Main .about07-select-box .about07-select-title {
    margin-left: 10px;
  }
  .about07Main .about07-box .about07-list {
    width: calc(100% - 30px);
  }
}
@media screen and (max-width: 500px) {
  .about07Main .about07-select-box {
    flex-wrap: wrap;
  }
  .about07Main .about07-select-box .about07-select-list {
    width: calc(100% - 10px) !important;
  }
  .about07Main .about07-select-box .about07-select-title {
    margin-left: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.policyMain {
  padding-bottom: 180px;
}
@media (max-width: 1599px) {
  .policyMain {
    padding-bottom: 100px;
  }
}
@media (max-width: 1399px) {
  .policyMain {
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .policyMain {
    padding-bottom: 40px;
  }
}
.policyEditor h1 {
  font-size: 20px;
  font-weight: 700;
  color: #262626;
  margin-bottom: 18px;
}
.policyEditor h2 {
  font-size: 18px;
  font-weight: 700;
  color: #262626;
  margin-bottom: 4px;
}
.policyEditor p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 1.5625;
  max-width: 1200px;
  margin-bottom: 8px;
}
.policyEditor ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
}
.policyEditor li {
  max-width: 1200px;
  position: relative;
  padding-left: 30px;
  font-size: 16px;
}
.policyEditor li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #365098;
  position: absolute;
  left: 6px;
  top: 8px;
}
.policyEditor .downloadBtn {
  width: 200px;
  height: 60px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #173077;
  color: #fff;
  padding: 0 20px;
  margin: 0 10px;
  transition: all 0.3s;
}
.policyEditor .downloadBtn:hover {
  filter: brightness(1.2);
}

.locationMain {
  padding-bottom: 80px;
}
.locationMain .spotGroup {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.locationMain .spotGroup .item {
  min-height: 230px;
  flex: 0 0 calc(50% - 50px);
  padding: 23px 25px;
  margin-right: 50px;
  margin-bottom: 25px;
  background-color: #F6F8FA;
}
.locationMain .spotGroup .item .title {
  padding-bottom: 16px;
}
.locationMain .spotGroup .item .contentWrap {
  display: flex;
  border-top: 1px solid #D9D9D9;
  padding-top: 15px;
}
.locationMain .spotGroup .item .contentWrap .content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.locationMain .spotGroup .item .contentWrap .spotBox {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  padding-bottom: 4px;
  padding-left: 1px;
  flex-shrink: 0;
  margin: 7px 11px;
}
.locationMain .spotGroup .item .contentWrap a {
  transition: all 0.3s;
}
.locationMain .spotGroup .item .contentWrap a:hover {
  color: #173077;
}

@media (max-width: 1399px) {
  .locationMain {
    padding-bottom: 60px;
  }
  .locationMain .spotGroup .item {
    margin-right: 30px;
    flex: 0 0 calc(50% - 30px);
  }
}
@media (max-width: 1199px) {
  .locationMain {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .locationMain .spotGroup .item {
    margin-right: 0;
    flex: 0 0 100%;
  }
}
@media (max-width: 575px) {
  .locationMain .spotGroup .item .contentWrap {
    flex-direction: column;
  }
  .locationMain .spotGroup .item .contentWrap .spotBox {
    margin: 20px auto 0 auto;
  }
}
.mediatagBlock {
  border-bottom: 1px solid #EAEBEF;
}
.mediatagBlock .tagWrap {
  display: flex;
}
.mediatagBlock .tagWrap .tagItem {
  font-weight: 500;
  color: #333333;
  border-bottom: 1px solid transparent;
  padding: 27px 0;
  margin-right: 54px;
  transition: all 0.3s;
}
.mediatagBlock .tagWrap .tagItem.active, .mediatagBlock .tagWrap .tagItem:hover {
  color: #1B3379;
  border-bottom: 1px solid #1B3379;
}

.media01Main {
  padding-top: 45px;
  padding-bottom: 120px;
}
.media01Main .media01List {
  display: flex;
  flex-wrap: wrap;
}
.media01Main .media01List .itemOuter {
  flex: 0 0 33.3333%;
  padding: 0 7.5px;
  margin-bottom: 20px;
}
.media01Main .media01List .itemOuter .item {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.media01Main .media01List .itemOuter .item .imgBox {
  height: 254px;
}
.media01Main .media01List .itemOuter .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.media01Main .media01List .itemOuter .item .imgTitle {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(27, 51, 121, 0.75);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  opacity: 0;
  transition: all 0.3s;
}
.media01Main .media01List .itemOuter .item:hover .imgTitle {
  opacity: 1;
  padding-top: 16px;
}

#galleryModal .modal-dialog {
  max-width: 95%;
  width: 1300px;
}
#galleryModal .modal-content {
  background-color: transparent;
}
#galleryModal .modal-header {
  align-items: center;
  padding: 0 0 34px;
}
#galleryModal .modal-header .close {
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #fff;
}
#galleryModal .modal-title {
  padding: 0 44px;
  height: 60px;
  border-radius: 30px;
  background-color: #173077;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  letter-spacing: 1px;
}
#galleryModal .modal-body {
  padding: 0;
}
#galleryModal .modal-body .imgBox {
  max-width: 100%;
}

@media (max-width: 1599px) {
  .media01Main .media01List .itemOuter .item .imgBox {
    height: 216px;
  }
}
@media (max-width: 1199px) {
  .media01Main {
    padding-bottom: 80px;
  }
  .media01Main .media01List .itemOuter .item .imgBox {
    height: 170px;
  }
}
@media (max-width: 991px) {
  .mediatagBlock .tagWrap .tagItem {
    padding: 20px 0;
  }
  .media01Main .media01List .itemOuter {
    flex: 0 0 50%;
  }
}
@media (max-width: 767px) {
  .media01Main .media01List .itemOuter .item .imgBox {
    height: 150px;
  }
  #galleryModal .modal-header {
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .mediatagBlock .tagWrap .tagItem {
    margin-right: 40px;
    padding: 16px 0;
  }
  .media01Main .media01List .itemOuter {
    flex: 0 0 100%;
    padding: 0;
  }
  .media01Main .media01List .itemOuter .item .imgBox {
    height: 200px;
  }
  #galleryModal .modal-title {
    padding: 0 30px;
    font-size: 16px;
  }
}
.media02Main {
  padding-top: 45px;
  padding-bottom: 120px;
}
.media02Main .media02List {
  display: flex;
  flex-wrap: wrap;
}
.media02Main .media02List .itemOuter {
  flex: 0 0 33.3333%;
  padding: 0 7.5px;
  margin-bottom: 20px;
}
.media02Main .media02List .itemOuter .item {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.media02Main .media02List .itemOuter .item .imgBox {
  height: 254px;
  position: relative;
}
.media02Main .media02List .itemOuter .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.media02Main .media02List .itemOuter .item .imgBox .mediaBtn {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  opacity: 0;
  background-color: #173077;
  color: #fff;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
  padding-left: 4px;
}
.media02Main .media02List .itemOuter .item .imgBox .mediaBtn i {
  transform: rotateY(180deg);
}
.media02Main .media02List .itemOuter .item .mediaTitle {
  padding-left: 12px;
  letter-spacing: 1px;
  line-height: 2;
  margin-top: 10px;
  margin-bottom: 18px;
}
.media02Main .media02List .itemOuter .item:hover .imgBox .mediaBtn {
  opacity: 0.9;
  top: 50%;
}
.media02Main .media02List .itemOuter .item:hover .mediaTitle {
  color: #173077;
}
.media02Main .media02List.listBig {
  padding-bottom: 28px;
}
.media02Main .media02List.listBig .itemOuter {
  flex: 0 0 50%;
}
.media02Main .media02List.listBig .itemOuter .item .imgBox {
  height: 385px;
}

#mediaModal .modal-dialog {
  max-width: 95%;
  width: 1300px;
}
#mediaModal .modal-content {
  background-color: transparent;
}
#mediaModal .modal-header {
  align-items: center;
  padding: 0 0 34px;
}
#mediaModal .modal-header .close {
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #fff;
}
#mediaModal .modal-title {
  padding: 0 44px;
  height: 60px;
  border-radius: 30px;
  background-color: #173077;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  letter-spacing: 1px;
}
#mediaModal .modal-body {
  padding: 0;
}
#mediaModal .modal-body div {
  max-width: 100%;
}

@media (max-width: 1599px) {
  .media02Main .media02List .itemOuter .item .imgBox {
    height: 216px;
  }
}
@media (max-width: 1199px) {
  .media02Main {
    padding-bottom: 80px;
  }
  .media02Main .media02List .itemOuter .item .imgBox {
    height: 170px;
  }
  .media02Main .media02List.listBig .itemOuter .item .imgBox {
    height: 280px;
  }
}
@media (max-width: 991px) {
  .mediatagBlock .tagWrap .tagItem {
    padding: 20px 0;
  }
  .media02Main .media02List .itemOuter {
    flex: 0 0 50%;
  }
  .media02Main .media02List.listBig {
    padding-bottom: 0;
  }
  .media02Main .media02List.listBig .itemOuter .item .imgBox {
    height: 170px;
  }
}
@media (max-width: 767px) {
  .media02Main .media02List .itemOuter .item .imgBox {
    height: 150px;
  }
  .media02Main .media02List.listBig .itemOuter .item .imgBox {
    height: 150px;
  }
  #mediaModal .modal-header {
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .mediatagBlock .tagWrap .tagItem {
    margin-right: 40px;
    padding: 16px 0;
  }
  .media02Main .media02List .itemOuter {
    flex: 0 0 100%;
    padding: 0;
  }
  .media02Main .media02List .itemOuter .item .imgBox {
    height: 200px;
  }
  .media02Main .media02List.listBig .itemOuter {
    flex: 0 0 100%;
    padding: 0;
  }
  .media02Main .media02List.listBig .itemOuter .item .imgBox {
    height: 200px;
  }
  #mediaModal .modal-title {
    padding: 0 30px;
    font-size: 16px;
  }
}
.docCenterSelectBlock {
  border-bottom: 1px solid #EAEBEF;
}
.docCenterSelectBlock > .inner {
  padding: 0 63px 40px;
}
.docCenterSelectBlock .maintitle {
  margin-bottom: 29px;
}
.docCenterSelectBlock .selectWrap {
  display: flex;
  align-items: center;
}
.docCenterSelectBlock .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.docCenterSelectBlock .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.docCenterSelectBlock .selectWrap .font-16 {
  letter-spacing: 1px;
  margin-right: 23px;
  padding-bottom: 8px;
  flex-shrink: 0;
}
.docCenterSelectBlock .selectWrap .bootstrap-select {
  width: 100% !important;
  max-width: 600px;
}
.docCenterSelectBlock .selectWrap .bootstrap-select .dropdown-toggle {
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  padding: 12px 30px 12px 24px;
}
.docCenterSelectBlock .selectWrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  letter-spacing: 0.8px;
}
.docCenterSelectBlock .selectWrap .bootstrap-select .dropdown-toggle::after {
  width: 13px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/layout/dropdown.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.docCenterSelectBlock .selectWrap .bootstrap-select > .dropdown-menu {
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  margin-top: 4px;
  width: auto;
  height: auto;
}
.docCenterSelectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item {
  padding: 8px 24px;
  transition: none;
}
.docCenterSelectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .docCenterSelectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}

.docCenterMain {
  padding-top: 40px;
  padding-bottom: 52px;
}
.docCenterMain .dlBtn {
  color: #005EB8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.docCenterMain .dlBtn i {
  font-size: 25px;
  margin-right: 12px;
}
.docCenterMain .dlBtn:hover {
  color: #173077;
}
.docCenterMain .docCenter01List {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  margin-bottom: 8px;
}
.docCenterMain .docCenter01List .itemOuter {
  flex: 0 0 25%;
  padding: 0 11px;
  margin-bottom: 87px;
}
.docCenterMain .docCenter01List .itemOuter .item {
  position: relative;
  padding: 0 25px 24px 25px;
}
.docCenterMain .docCenter01List .itemOuter .item .imgBox {
  margin: 0 20px 29px 20px;
  height: 360px;
}
.docCenterMain .docCenter01List .itemOuter .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.docCenterMain .docCenter01List .itemOuter .item .contentBox {
  display: flex;
  background-color: #fff;
  border-radius: 10px;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.docCenterMain .docCenter01List .itemOuter .item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 53%;
  left: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: #F6F8FA;
  z-index: -1;
}
.docCenterMain .docCenter02List {
  padding: 0 30px 142px;
}
.docCenterMain .docCenter02List .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 51px;
  padding-right: 73px;
  min-height: 80px;
}
.docCenterMain .docCenter02List .item:nth-child(odd) {
  background-color: #F6F8FA;
}
.docCenterMain .docCenter02List .item .title {
  font-size: 18px;
  font-weight: 500;
  color: #262626;
}
.docCenterMain .docCenter02List .item .dlBtn {
  color: #808080;
}
.docCenterMain .docCenter02List .item .dlBtn:hover {
  color: #005EB8;
}

@media (max-width: 1599px) {
  .docCenterMain {
    padding-bottom: 0;
  }
  .docCenterMain .docCenter01List .itemOuter {
    margin-bottom: 50px;
  }
  .docCenterMain .docCenter01List .itemOuter .item .imgBox {
    margin: 0 0 20px;
    height: 315px;
  }
  .docCenterMain .docCenter01List .itemOuter .item .contentBox {
    flex-direction: column;
    padding: 12px 16px;
    height: auto;
  }
  .docCenterMain .docCenter02List {
    padding-bottom: 80px;
  }
}
@media (max-width: 1399px) {
  .docCenterSelectBlock .maintitle {
    margin-bottom: 16px;
  }
  .docCenterMain .docCenter01List .itemOuter .item .imgBox {
    height: 295px;
  }
}
@media (max-width: 1199px) {
  .docCenterMain .docCenter01List .itemOuter {
    flex: 0 0 33.3333%;
  }
  .docCenterMain .docCenter01List .itemOuter .item .imgBox {
    height: 350px;
  }
}
@media (max-width: 991px) {
  .docCenterSelectBlock > .inner {
    padding: 0 20px 30px;
  }
  .docCenterMain .docCenter01List .itemOuter {
    flex: 0 0 50%;
  }
  .docCenterMain .docCenter01List .itemOuter .item .imgBox {
    height: 316px;
  }
  .docCenterMain .docCenter02List {
    padding-left: 0;
    padding-right: 0;
  }
  .docCenterMain .docCenter02List .item {
    padding-left: 40px;
    padding-right: 40px;
  }
  .docCenterMain .docCenter02List .item .title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .docCenterMain .docCenter01List .itemOuter .item {
    padding: 0 18px 16px 18px;
  }
  .docCenterMain .docCenter01List .itemOuter .item .imgBox {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .docCenterSelectBlock .selectWrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .docCenterMain .docCenter01List .itemOuter {
    flex: 0 0 100%;
    padding: 0;
  }
  .docCenterMain .docCenter01List .itemOuter .item .imgBox {
    height: auto;
  }
  .docCenterMain .docCenter02List .item {
    justify-content: center;
    flex-direction: column;
  }
}
.newsSelectBlock > .inner {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 46px 25px 63px;
}
.newsSelectBlock .selectWrap {
  margin-top: -9px;
}
.newsSelectBlock .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.newsSelectBlock .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.newsSelectBlock .selectWrap .bootstrap-select {
  max-width: 250px;
  width: 250px !important;
}
.newsSelectBlock .selectWrap .bootstrap-select .dropdown-toggle {
  border: 1px solid #E5E5E5;
  padding: 12px 30px 12px 24px;
}
.newsSelectBlock .selectWrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 600;
}
.newsSelectBlock .selectWrap .bootstrap-select .dropdown-toggle::after {
  width: 13px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/layout/dropdown.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.newsSelectBlock .selectWrap .bootstrap-select > .dropdown-menu {
  border: 1px solid #E5E5E5;
  width: auto;
  height: auto;
}
.newsSelectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item {
  padding: 8px 24px;
  transition: none;
  font-weight: 600;
  color: #808080;
}
.newsSelectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .newsSelectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
  color: #fff;
}

.newsMain {
  padding-top: 48px;
}

.newsHeroWrap {
  display: flex;
  padding: 0 0 90px;
}
.newsHeroWrap .imgBox {
  flex: 0 0 49%;
  height: 390px;
  margin-right: 51px;
  overflow: hidden;
}
.newsHeroWrap .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s;
}
.newsHeroWrap .imgBox:hover img {
  transform: scale(1.05);
}
.newsHeroWrap .contentBox {
  padding-top: 45px;
  padding-right: 30px;
}
.newsHeroWrap .contentBox .title {
  line-height: 1.1;
  margin-bottom: 34px;
}
.newsHeroWrap .contentBox .date {
  margin-bottom: 25px;
}

.newsMainList {
  padding-bottom: 50px;
}
.newsMainList .newsListInner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newsMainList .item {
  flex: 0 0 31.4685%;
  padding-bottom: 31px;
}
.newsMainList .item .imgBox {
  display: block;
  position: relative;
  height: 250px;
  overflow: hidden;
}
.newsMainList .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s;
}
.newsMainList .item .imgBox .newsType {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  color: #173077;
  padding: 9px 35px;
}
.newsMainList .item .contentBox {
  display: block;
  padding: 23px 22px;
}
.newsMainList .item .contentBox .title {
  margin-bottom: 15px;
  line-height: 1.3333;
  transition: all 0.3s;
  min-height: 54px;
}
.newsMainList .item .contentBox .date {
  display: block;
  color: #808080;
  line-height: 2;
  letter-spacing: -1px;
}
.newsMainList .item:hover .imgBox img {
  transform: scale(1.1);
}
.newsMainList .item:hover .contentBox .title {
  color: #173077;
}

@media (max-width: 1599px) {
  .newsSelectBlock > .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .newsMain {
    padding-top: 40px;
  }
  .newsHeroWrap {
    padding-bottom: 60px;
  }
  .newsHeroWrap .imgBox {
    height: 340px;
  }
  .newsHeroWrap .contentBox {
    padding-top: 30px;
    padding-right: 20px;
  }
  .newsMainList .item {
    padding-bottom: 0;
  }
  .newsMainList .item .imgBox {
    height: 230px;
  }
  .newsMainList .item .contentBox .title {
    line-height: 1.1;
  }
}
@media (max-width: 1399px) {
  .newsMainList {
    padding-bottom: 30px;
  }
  .newsMainList .item .imgBox {
    height: 200px;
  }
}
@media (max-width: 1199px) {
  .newsHeroWrap .imgBox {
    height: 280px;
    margin-right: 30px;
  }
  .newsHeroWrap .contentBox {
    padding-right: 0;
    padding-top: 16px;
  }
  .newsHeroWrap .contentBox .title {
    margin-bottom: 16px;
  }
  .newsHeroWrap .contentBox .date {
    margin-bottom: 20px;
  }
  .newsMainList .item .imgBox {
    height: 180px;
  }
  .newsMainList .item .contentBox {
    padding: 20px 0;
  }
}
@media (max-width: 991px) {
  .newsHeroWrap {
    flex-direction: column;
  }
  .newsHeroWrap .imgBox {
    margin-right: 0;
    flex: auto;
    height: auto;
  }
  .newsHeroWrap .contentBox {
    padding-top: 40px;
  }
  .newsMainList .item {
    flex: 0 0 48%;
  }
  .newsMainList.only3 .item {
    flex: 0 0 100%;
  }
  .newsMainList.only3 .item .imgBox {
    height: 320px;
  }
}
@media (max-width: 575px) {
  .newsSelectBlock .selectWrap .bootstrap-select {
    width: 160px !important;
  }
  .newsHeroWrap .contentBox {
    padding-top: 30px;
  }
  .newsMainList .item {
    flex: 0 0 100%;
  }
  .newsMainList .item .imgBox {
    height: 200px;
  }
  .newsMainList.only3 .item .imgBox {
    height: 200px;
  }
}
.newHeadBlock .inner {
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 24px;
}
.newHeadBlock .inner .leftWrap .backNewsBtn {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.newHeadBlock .inner .leftWrap .backNewsBtn span {
  transition: all 0.3s;
}
.newHeadBlock .inner .leftWrap .backNewsBtn .tri {
  width: 0;
  height: 0;
  border-top: 6.5px solid transparent;
  border-bottom: 6.5px solid transparent;
  border-right: 10px solid #173077;
  margin-right: 29px;
}
.newHeadBlock .inner .leftWrap .backNewsBtn:hover span {
  color: #173077;
}
.newHeadBlock .inner .leftWrap .mainTilte {
  margin-bottom: 20px;
  letter-spacing: 1.8px;
}
.newHeadBlock .inner .leftWrap .date {
  margin-bottom: 22px;
}
.newHeadBlock .inner .rightWrap {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}
.newHeadBlock .inner .rightWrap .shareBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.newHeadBlock .inner .rightWrap .shareBox .iconBox {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  background-color: #cfcfcf;
  color: #fff;
  transition: all 0.3s;
}
.newHeadBlock .inner .rightWrap .shareBox .iconBox:hover {
  background-color: #45629E;
}
.newHeadBlock .inner .rightWrap .shareBox .iconBox .icon-facebook {
  margin-bottom: 2px;
  font-size: 16px;
}
.newHeadBlock .inner .rightWrap .shareBox .iconBox .icon-line {
  margin-bottom: 2px;
  font-size: 20px;
}
.newHeadBlock .inner .rightWrap .shareBox .iconBox .icon-link {
  margin-bottom: 2px;
  font-size: 12px;
  transform: scale(0.74);
}

.newEditorBlock .inner {
  padding: 60px;
}

.newEditor h2 {
  font-size: 20px;
  font-weight: 500;
  color: #262626;
}
.newEditor p {
  font-size: 16px;
  font-weight: 500;
  color: #808080;
  max-width: 990px;
  line-height: 1.69;
}
.newEditor img {
  border-radius: 10px;
}

.newFooterBlock {
  padding-bottom: 90px;
}
.newFooterBlock .inner {
  border-top: 1px solid #E5E5E5;
  padding: 65px 60px;
  display: flex;
}
.newFooterBlock .inner .prevWrap {
  flex: 1;
}
.newFooterBlock .inner .prevWrap .newPrev {
  display: flex;
  flex-direction: column;
  max-width: 330px;
}
.newFooterBlock .inner .prevWrap .newPrev .font-18 {
  padding-left: 36px;
}
.newFooterBlock .inner .prevWrap .newPrev .prev {
  align-items: center;
  color: #808080;
  margin-bottom: 19px;
  transition: all 0.3s;
}
.newFooterBlock .inner .prevWrap .newPrev .prev .icon-triangle {
  margin-right: 18px;
}
.newFooterBlock .inner .prevWrap .newPrev .prev .icon-triangle::before {
  transform: rotateX(42deg);
}
.newFooterBlock .inner .prevWrap .newPrev:hover .prev {
  color: #DA3B2B;
}
.newFooterBlock .inner .squareWrap .back {
  display: block;
  width: 24px;
  height: 24px;
  background-color: #DA3B2B;
  position: relative;
  transition: all 0.3s;
}
.newFooterBlock .inner .squareWrap .back::after, .newFooterBlock .inner .squareWrap .back::before {
  content: "";
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  height: 100%;
}
.newFooterBlock .inner .squareWrap .back::before {
  height: 3px;
  width: 100%;
}
.newFooterBlock .inner .squareWrap .back:hover {
  filter: brightness(1.2);
}
.newFooterBlock .inner .nextWrap {
  flex: 1;
}
.newFooterBlock .inner .nextWrap .newNext {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 330px;
  margin-left: auto;
}
.newFooterBlock .inner .nextWrap .newNext .font-18 {
  padding-right: 36px;
}
.newFooterBlock .inner .nextWrap .newNext .next {
  align-items: center;
  color: #808080;
  margin-bottom: 19px;
  transition: all 0.3s;
}
.newFooterBlock .inner .nextWrap .newNext .next .icon-triangle {
  margin-left: 18px;
}
.newFooterBlock .inner .nextWrap .newNext .next .icon-triangle::before {
  transform: rotateX(42deg) rotateY(180deg);
}
.newFooterBlock .inner .nextWrap .newNext:hover .next {
  color: #DA3B2B;
}

.moreNewsBlock {
  padding-bottom: 56px;
}

@media (max-width: 1599px) {
  .newFooterBlock {
    padding-bottom: 50px;
  }
}
@media (max-width: 1399px) {
  .newFooterBlock {
    padding-bottom: 20px;
  }
  .moreNewsBlock {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .newHeadBlock .inner {
    padding: 0;
    flex-direction: column;
  }
  .newHeadBlock .inner .leftWrap .backNewsBtn {
    margin-bottom: 16px;
  }
  .newHeadBlock .inner .rightWrap {
    justify-content: flex-end;
  }
  .newEditorBlock .inner {
    padding: 40px 0;
  }
  .newFooterBlock .inner {
    padding: 40px 0;
  }
  .newFooterBlock .inner .font-18 {
    display: none;
  }
}
@media (max-width: 767px) {
  .newHeadBlock .inner .leftWrap .mainTilte {
    letter-spacing: 1px;
  }
}
.career01block01 {
  padding-bottom: 89px;
}
.career01block01 .inner {
  display: flex;
}
.career01block01 .inner .leftWrap {
  flex: 0 0 50%;
  padding-right: 30px;
}
.career01block01 .inner .rightWrap {
  flex: 0 0 50%;
  padding-left: 70px;
}
.career01block01 .inner .rightWrap img {
  border-radius: 10px;
}

.career01Editor h2 {
  font-size: 20px;
  font-weight: 700;
  color: #262626;
  margin-bottom: 18px;
}
.career01Editor h3 {
  font-size: 20px;
  font-weight: 500;
  color: #173077;
}
.career01Editor p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 9px;
}

.career01block02 {
  background-color: #173077;
  padding-top: 60px;
}
.career01block02 .processWrap {
  display: flex;
  justify-content: center;
  padding-top: 74px;
  padding-bottom: 72px;
}
.career01block02 .processWrap .item {
  display: flex;
  align-items: center;
  padding-bottom: 40px;
}
.career01block02 .processWrap .item .icon-triangle {
  padding: 0 50px 50px 60px;
  color: #fff;
}
.career01block02 .processWrap .item .icon-triangle::before {
  font-size: 13px;
  transform: rotateY(180deg);
}
.career01block02 .processWrap .item .iconBox {
  width: 117px;
  height: 117px;
  margin-bottom: 31px;
}
.career01block02 .processWrap .item .iconBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.career01block02 .processWrap .item .text {
  text-align: center;
  font-weight: 500;
  color: #fff;
}
.career01block02 .processWrap .item:first-child .icon-triangle {
  display: none;
}

.career01block03 {
  padding-top: 80px;
  padding-bottom: 114px;
}
.career01block03 .careerBtnWrap {
  padding: 75px 0;
}
.career01block03 .careerBtn {
  max-width: 100%;
  width: 400px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #173077;
  margin: 0 auto;
  padding: 0 36px 0 64px;
  transition: all 0.3s;
}
.career01block03 .careerBtn img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 7.6px 7.6px 19.6px rgba(0, 0, 0, 0.5);
  max-height: none;
  background-color: #FF7800;
}
.career01block03 .careerBtn:hover {
  filter: brightness(1.2);
}
.career01block03 .iframeJob {
  display: block;
  width: 800px;
  height: 800px;
  background: transparent;
  margin: 0 auto;
  max-width: 100%;
}

@media (max-width: 1399px) {
  .career01block01 {
    padding-bottom: 60px;
  }
  .career01block01 .inner .rightWrap {
    padding-left: 0;
  }
  .career01block02 .processWrap {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .career01block03 {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .career01block03 .careerBtnWrap {
    padding: 60px 0;
  }
}
@media (max-width: 1199px) {
  .career01block01 .inner .leftWrap {
    flex: 0 0 55%;
  }
  .career01block01 .inner .rightWrap {
    flex: 0 0 45%;
  }
  .career01block02 .processWrap .item .icon-triangle {
    padding: 0 30px 50px 40px;
  }
  .career01block02 .processWrap .item .iconBox {
    width: 90px;
    height: 90px;
  }
  .career01block03 .iframeJob {
    height: 600px;
  }
}
@media (max-width: 991px) {
  .career01block01 .inner {
    flex-direction: column;
  }
  .career01block01 .inner .leftWrap {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .career01block02 {
    padding-top: 40px;
  }
  .career01block02 .processWrap {
    padding-top: 40px;
  }
  .career01block02 .processWrap .item .icon-triangle {
    padding: 0 20px 50px 30px;
  }
  .career01block02 .processWrap .item .iconBox {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .career01block02 .processWrap .item .icon-triangle {
    padding: 0 15px 50px 10px;
  }
  .career01block02 .processWrap .item .iconBox {
    width: 60px;
    height: 60px;
  }
  .career01block03 .iframeJob {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .career01block02 .processWrap {
    flex-wrap: wrap;
    max-width: 360px;
    margin: 0 auto;
  }
  .career01block03 .font-24 {
    font-size: 16px;
  }
}
.careers02Block {
  padding-bottom: 80px;
}

.careers02Editor h2 {
  font-size: 20px;
  font-weight: 700;
  color: #262626;
  margin-bottom: 17px;
}
.careers02Editor p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  max-width: 1000px;
  line-height: 1.8;
  margin-bottom: 5px;
}
.careers02Editor img {
  margin-right: 8px;
  margin-bottom: 16px;
}

.careers03Block01 {
  padding-bottom: 62px;
}

.careers03Block03 {
  padding-top: 25px;
  padding-bottom: 185px;
}
.careers03Block03 .blueBox {
  margin-top: 52px;
  margin-bottom: 23px;
}
.careers03Block03 ul {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 1.8;
}
.careers03Block03 ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.careers03Block03 ul.d-flex {
  max-width: 960px;
  flex-wrap: wrap;
}
.careers03Block03 ul.d-flex li {
  flex: 0 0 240px;
}

@media (max-width: 1199px) {
  .careers03Block03 {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .careers03Block01 {
    padding-bottom: 40px;
  }
  .careers03Block03 .blueBox {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .careers03Block03 {
    padding-bottom: 80px;
  }
}
.careers04Block {
  padding-bottom: 242px;
}

.careers04Editor h1 {
  font-size: 20px;
  font-weight: 700;
  color: #262626;
}
.careers04Editor .blueBox {
  margin-top: 54px;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.careers04Editor p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 1.625;
}
.careers04Editor .img-sp {
  margin-top: -44px !important;
  position: relative;
  z-index: -1;
}

/*.careers04Block02{
  .houseWrap{
    max-width: 100%;
    width: 1220px;
    min-height: 350px;
    margin: 0 auto;
    background-color: #F2F2F2;
    text-align: center;
    flex-direction: column;
    display: flex;
    align-items: center;
    -webkit-clip-path: polygon(50% 0%, 100% 52%, 100% 100%, 0 100%, 0 52%);
    clip-path: polygon(50% 0%, 100% 52%, 100% 100%, 0 100%, 0 52%);
    padding: 40px 30px;
    .hr{
      width: 100px;
      height: 1px;
      background-color: #455992;
      margin: 22px 0;
    }
    .title1{
      font-size: 20px;
      font-weight: 700;
      color: #365098;
      padding-bottom: 11px;
    }
    .title2{
      font-size: 20px;
      font-weight: 700;
      color: #DA3B2B;
      padding-top: 4px;
      padding-bottom: 18px;
    }
    .text{
      font-size: 16px;
      line-height: 1.6;
      max-width: 1045px;
      color: #333333;
    }
  }
  .trianingWrap{
    padding-top: 19px;
    .fivePoint{
      display: flex;
      justify-content: center;
      padding-bottom: 41px;
      .item{
        @include flexCenter;
        flex-direction: column;
        padding: 0 7.5px;
        .iconBox{
          width: 70px;
          height: 70px;
          @include flexCenter;
          padding: 15px;
          border-radius: 50%;
          margin-bottom: -12px;
        }
        .text{
          min-width: 200px;
          height: 70px;
          border-radius: 35px;
          opacity: 0.8;
          color: #fff;
          @include flexCenter;
        }
      }
    }
    .learn{
      background-color: #F2F2F2;
      border-radius: 60px;
      min-height: 120px;
      max-width: 842px;
      text-align: center;
      margin: 0 auto;
      padding: 21px 20px;
      .textBox{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        .text{
          margin: 0 10px;
          margin-bottom: 8px;
        }
      }
    }  
  }
  .arcWrap{
    opacity: 0.8;
    max-width: 1223px;
    margin: 0 auto;
    .d-flex{
      justify-content: space-between;
    }
    .outer{
      flex: 0 0 49.5%;
      &.proBox{
        .direct{
          max-width: 120px;
        }
      }
      &.leadBox{
        .direct{
          max-width: 150px;
        }
      }
    }
    .text{
      border-radius: 35px;
      min-height: 70px;
      @include flexCenter;
    }
    .group{
      display: flex;
      // justify-content: space-around;
      justify-content: center;
    }
    .direct{
      writing-mode: vertical-lr;
      flex: 1;
      margin: 15px 10px;
      @include flexCenter;
      height: 200px;
      letter-spacing: 12px;
    }
  }
}*/
@media (max-width: 1599px) {
  .careers04Block {
    padding-bottom: 80px;
  }
}
@media (max-width: 1399px) {
  .careers04Editor .img-sp {
    margin-top: 20px !important;
  }
}
@media (max-width: 991px) {
  .careers04Block {
    padding-bottom: 60px;
  }
}
.contactBlock {
  padding-bottom: 185px;
}
.contactBlock h1 {
  margin-top: -20px;
  margin-bottom: 32px;
}

.contactMainWrap {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .contactMainWrap {
    justify-content: space-between;
  }
}
.contactMainWrap .titleBox {
  flex: 0 0 32.15%;
  background-color: #F6F8FA;
  border-radius: 10px;
  padding: 32px 32px 26px 46px;
  margin: 0.592%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 150px;
  color: #333333;
  transition: all 0.3s;
  cursor: pointer;
}
.contactMainWrap .titleBox .title {
  font-weight: 700;
}
.contactMainWrap .titleBox .detail {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.contactMainWrap .titleBox .detail i {
  margin-bottom: 4px;
  margin-left: 18px;
}
.contactMainWrap .titleBox .detail i::before {
  font-size: 13px;
  transform: rotate(-90deg);
  transition: all 0.3s;
}
.contactMainWrap .titleBox.active {
  background-color: #7EA6D4;
  color: #fff;
}
.contactMainWrap .titleBox.active .detail i::before {
  transform: rotate(90deg);
  color: #fff;
}
.contactMainWrap a.titleBox {
  transition: all 0.3s;
}
.contactMainWrap a.titleBox:hover {
  background-color: #7EA6D4;
  color: #fff;
}
.contactMainWrap .contentBox {
  flex: 0 0 100%;
  background-color: #F4F7FB;
  border: 1px solid #7EA6D4;
  margin-bottom: 50px;
  padding: 40px 10px 30px 10px;
  display: none;
}
.contactMainWrap .contentBox .contentWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.contactMainWrap .titleBox:nth-child(n+1):nth-child(-n+6) {
  order: 1;
}
.contactMainWrap .titleBox:nth-child(n+7):nth-child(-n+12) {
  order: 3;
}
.contactMainWrap .titleBox:nth-child(n+13):nth-child(-n+18) {
  order: 5;
}
.contactMainWrap .titleBox:nth-child(n+19):nth-child(-n+24) {
  order: 7;
}
.contactMainWrap .titleBox:nth-child(n+25):nth-child(-n+30) {
  order: 9;
}
@media screen and (max-width: 991px) {
  .contactMainWrap .titleBox:nth-child(n+1):nth-child(-n+4) {
    order: 1;
  }
  .contactMainWrap .titleBox:nth-child(n+5):nth-child(-n+8) {
    order: 3;
  }
  .contactMainWrap .titleBox:nth-child(n+9):nth-child(-n+12) {
    order: 5;
  }
  .contactMainWrap .titleBox:nth-child(n+13):nth-child(-n+16) {
    order: 7;
  }
  .contactMainWrap .titleBox:nth-child(n+17):nth-child(-n+20) {
    order: 9;
  }
  .contactMainWrap .titleBox:nth-child(n+21):nth-child(-n+24) {
    order: 11;
  }
  .contactMainWrap .titleBox:nth-child(n+25):nth-child(-n+28) {
    order: 13;
  }
  .contactMainWrap .titleBox:nth-child(n+29):nth-child(-n+32) {
    order: 15;
  }
}
@media screen and (max-width: 767px) {
  .contactMainWrap .titleBox:nth-child(n+1):nth-child(-n+48) {
    order: 0;
  }
}
.contactMainWrap .contentBox:nth-child(n+1):nth-child(-n+6) {
  order: 2;
}
.contactMainWrap .contentBox:nth-child(n+7):nth-child(-n+12) {
  order: 4;
}
.contactMainWrap .contentBox:nth-child(n+13):nth-child(-n+18) {
  order: 6;
}
.contactMainWrap .contentBox:nth-child(n+19):nth-child(-n+24) {
  order: 8;
}
.contactMainWrap .contentBox:nth-child(n+25):nth-child(-n+30) {
  order: 10;
}
@media screen and (max-width: 991px) {
  .contactMainWrap .contentBox:nth-child(n+1):nth-child(-n+4) {
    order: 2;
  }
  .contactMainWrap .contentBox:nth-child(n+5):nth-child(-n+8) {
    order: 4;
  }
  .contactMainWrap .contentBox:nth-child(n+9):nth-child(-n+12) {
    order: 6;
  }
  .contactMainWrap .contentBox:nth-child(n+13):nth-child(-n+16) {
    order: 8;
  }
  .contactMainWrap .contentBox:nth-child(n+17):nth-child(-n+20) {
    order: 10;
  }
  .contactMainWrap .contentBox:nth-child(n+21):nth-child(-n+24) {
    order: 12;
  }
  .contactMainWrap .contentBox:nth-child(n+25):nth-child(-n+28) {
    order: 14;
  }
  .contactMainWrap .contentBox:nth-child(n+29):nth-child(-n+32) {
    order: 16;
  }
}
@media screen and (max-width: 767px) {
  .contactMainWrap .contentBox:nth-child(n+1):nth-child(-n+48) {
    order: 0;
  }
}

.contactEditor.contentWrap {
  display: flex;
  flex-wrap: wrap;
}
.contactEditor .person {
  color: #333333;
  flex: 0 0 33.33%;
  padding-left: 47px;
  padding-right: 10px;
  padding-bottom: 33px;
}
.contactEditor .person .team {
  font-weight: 500;
  color: #173077;
  padding-bottom: 6px;
}
.contactEditor .person div {
  margin-bottom: 8px;
}
.contactEditor .person a {
  color: #333333;
}
.contactEditor .person a:hover {
  color: #173077;
}

@media (max-width: 1599px) {
  .contactBlock {
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .contactBlock {
    padding-bottom: 80px;
  }
  .contactMainWrap .contentBox .person {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .contactMainWrap .titleBox {
    flex: 0 0 49%;
    margin: 0.5%;
  }
  .contactMainWrap .contentBox .person {
    flex: 0 0 50%;
  }
}
@media (max-width: 767px) {
  .contactBlock {
    padding-bottom: 60px;
  }
  .contactMainWrap .titleBox {
    flex: 0 0 100%;
    min-height: 130px;
    padding: 25px 25px 20px 40px;
  }
  .contactMainWrap .contentBox {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .contactMainWrap .contentBox .person {
    flex: 0 0 100%;
    padding-bottom: 20px;
  }
}
.formBlock .inner {
  max-width: 1100px;
  margin: 0 auto;
}
.formBlock .inner h1 {
  margin-top: -20px;
  margin-bottom: 28px;
}

.formWrap {
  padding-top: 46px;
  padding-bottom: 125px;
}
.formWrap .contactForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.formWrap .formGroup {
  width: 100%;
  background-color: #F5F6F8;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #262626;
}
.formWrap .formGroup .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.formWrap .formGroup .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.formWrap .formGroup label {
  padding: 15px 0 15px 25px;
  width: 127px;
  min-height: 60px;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.formWrap .formGroup label::after {
  content: "";
  width: 1px;
  height: calc(100% - 30px);
  position: absolute;
  right: 0;
  top: 15px;
  background-color: #CCCCCC;
}
.formWrap .formGroup label span {
  color: #DA3B2B;
  padding-left: 4px;
}
.formWrap .formGroup .bootstrap-select {
  width: 100% !important;
  height: 100%;
}
.formWrap .formGroup .bootstrap-select .dropdown-toggle {
  background-color: transparent;
  height: 100%;
  padding-left: 28px;
  padding-right: 38px;
  letter-spacing: 1px;
}
.formWrap .formGroup .bootstrap-select .dropdown-toggle::after {
  border: none;
  background-image: url(../images/layout/dropdown-b.svg);
  width: 14px;
  height: 10px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.formWrap .formGroup .bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.formWrap .formGroup .bootstrap-select .dropdown-menu {
  background-color: #F5F6F8;
}
.formWrap .formGroup .bootstrap-select .dropdown-menu .dropdown-item:focus, .formWrap .formGroup .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: #d4d4d4;
}
.formWrap .formGroup .bootstrap-select .dropdown-menu .dropdown-item.active, .formWrap .formGroup .bootstrap-select .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}
.formWrap .formGroup .bootstrap-select .dropdown-menu li a {
  transition: none;
  padding: 12px 28px;
}
.formWrap .formGroup input {
  padding: 0 28px;
  width: 100%;
  height: 100%;
  letter-spacing: 1px;
}
.formWrap .formGroup .bs-searchbox {
  width: 100%;
}
.formWrap .formGroup .bs-searchbox input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 17px;
}
.formWrap .formGroup textarea {
  padding: 0 28px;
  margin: 18px 0;
  letter-spacing: 1px;
  height: 200px;
  width: 100%;
}
.formWrap .formGroup.half {
  flex: 0 0 49.1%;
}
.formWrap .formGroup .codeImg {
  margin-right: 40px;
  width: 114px;
  height: 46px;
  flex-shrink: 0;
  cursor: pointer;
}
.formWrap .formGroup .codeImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.formWrap .btnGroup {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 33px 0;
}
.formWrap .btnGroup button {
  max-width: 190px;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0 7px;
}
.formWrap .btnGroup button:hover {
  filter: brightness(1.2);
}

@media (max-width: 1399px) {
  .formWrap {
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .formWrap .formGroup .bootstrap-select .dropdown-toggle {
    padding-right: 20px;
  }
  .formWrap .formGroup .codeImg {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .formWrap .formGroup .bootstrap-select .dropdown-toggle {
    padding-left: 16px;
  }
  .formWrap .formGroup .bootstrap-select .dropdown-menu li a {
    padding: 8px 16px;
  }
  .formWrap .formGroup.half {
    flex: 0 0 100%;
  }
  .formWrap .formGroup input {
    padding: 0 16px;
  }
  .formWrap .formGroup input.vCodeInput::placeholder {
    font-size: 13px;
  }
  .formWrap .formGroup textarea {
    padding: 0 16px;
  }
}
@media (max-width: 575px) {
  .formBlock .inner h1 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .formWrap {
    padding: 40px 0;
  }
  .formWrap .formGroup {
    flex-direction: column;
  }
  .formWrap .formGroup label {
    height: auto;
    min-height: 0;
    align-self: flex-start;
    padding-left: 20px;
    padding-bottom: 4px;
  }
  .formWrap .formGroup label::after {
    content: none;
  }
  .formWrap .formGroup .bootstrap-select {
    height: 54px;
  }
  .formWrap .formGroup .bootstrap-select .dropdown-toggle {
    padding-left: 20px;
  }
  .formWrap .formGroup .bootstrap-select .dropdown-menu li a {
    padding: 8px 20px;
  }
  .formWrap .formGroup input {
    height: 54px;
    padding: 0 20px;
  }
  .formWrap .formGroup input.vCodeInput::placeholder {
    font-size: 15px;
  }
  .formWrap .formGroup .bs-searchbox {
    padding: 4px 17px;
  }
  .formWrap .formGroup .bs-searchbox input {
    height: 40px;
    padding: 2px 10px;
  }
  .formWrap .formGroup textarea {
    padding: 0 20px;
  }
  .formWrap .formGroup .codeImg {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.sendBlock .inner {
  padding: 64px 20px;
  max-width: 1100px;
  margin: 0 auto 198px;
  background-color: #F5F6F8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1399px) {
  .sendBlock .inner {
    padding: 40px 20px 60px 20px;
    margin-bottom: 80px;
  }
}
.sendBlock .inner i {
  font-size: 52px;
  color: #173077;
}
.sendBlock .inner a {
  width: 190px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #173077;
  border-radius: 35px;
  background-color: #fff;
  transition: all 0.3s;
}
.sendBlock .inner a:hover {
  color: #fff;
  background-color: #173077;
}

.pageBannerBlock .inner2 {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}
.pageBannerBlock .repoLink {
  display: flex;
  flex-direction: column;
  width: 350px;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
.pageBannerBlock .repoLink .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.pageBannerBlock .repoLink .textWrap {
  height: 60px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5B843C;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.pageBannerBlock .repoLink .textWrap i {
  margin-left: 22px;
  font-size: 24px;
}
.pageBannerBlock .repoLink:hover {
  filter: brightness(1.1);
}

.esgBlock01 {
  margin-top: -10px;
}
.esgBlock01 .inner {
  max-width: 1630px;
  margin: 0 auto;
  height: 857PX;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 17px;
  padding-bottom: 5%;
  position: relative;
}
@media (min-width: 1200px) {
  .esgBlock01 .inner .esgBloc-title {
    position: relative;
    z-index: 5;
  }
}
.esgBlock01 .inner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.esgBlock01 .inner .bg .esg-bg-box {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.esgBlock01 .inner .bg .esg-bg-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 1000px) {
  .esgBlock01 .inner .bg .esg-bg-box img {
    object-fit: cover;
  }
}
.esgBlock01 .inner .bg .esg-info-bg {
  position: relative;
  z-index: 0;
}
@media (max-width: 1000px) {
  .esgBlock01 .inner .bg .esg-info-bg {
    display: none;
  }
}
.esgBlock01 .inner .bg .esg-info-box {
  width: 1240px;
  max-width: 100%;
  margin: 110px auto 0 auto;
  position: relative;
}
@media (max-width: 1000px) {
  .esgBlock01 .inner .bg .esg-info-box {
    z-index: 3;
    margin-top: 50px;
  }
}
.esgBlock01 .esg-info-list-box {
  width: 100%;
}
.esgBlock01 .esg-info-list-box .esg-info-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 40px 30px;
}
.esgBlock01 .esg-info-list-box .esg-info-list .esg-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.esgBlock01 .esg-info-list-box .esg-info-list .counter-title {
  font-size: 48px;
  font-weight: 600;
}
.esgBlock01 .esg-info-list-box .esg-info-list .counter-title h3 {
  font-size: inherit;
  font-weight: 600;
  margin-bottom: 0;
}
.esgBlock01 .esg-info-list-box .esg-info-list .counter-title .m-l-20 {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .esgBlock01 .esg-info-list-box .esg-info-list .counter-title {
    font-size: 34px;
  }
}
@media (max-width: 1000px) {
  .esgBlock01 .esg-info-list-box .esg-info-list .counter-title {
    font-size: 48px;
  }
}
@media (max-width: 500px) {
  .esgBlock01 .esg-info-list-box .esg-info-list .counter-title {
    font-size: 34px;
  }
}
.esgBlock01 .esg-info-list-box .esg-info-list .esg-info {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}
.esgBlock01 .esg-info-list-box .esg-info-list .esg-info p {
  color: #1C1C23;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .esgBlock01 .esg-info-list-box .esg-info-list .esg-info {
    min-height: 140px;
  }
}
@media (min-width: 1001px) {
  .esgBlock01 .esg-info-list-box .esg-info-list .esg-info {
    width: 280px;
    min-height: 160px;
    max-height: 50%;
  }
}
.esgBlock01 .esg-info-list-box .esg-info-list .esg-info-title {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #FFF;
  position: absolute;
  top: -30px;
  left: calc(50% - 40px);
  font-size: 48px;
  text-align: center;
  line-height: 80px;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .esgBlock01 .esg-info-list-box .esg-info-list .esg-info-title {
    position: static;
    margin: 0 auto 30px auto;
  }
}
@media (min-width: 1001px) {
  .esgBlock01 .esg-info-list-box .esg-info-list {
    width: 33.3333333333%;
  }
}
@media (max-width: 1000px) {
  .esgBlock01 .esg-info-list-box .esg-info-list {
    padding-top: 0;
  }
}
@media (min-width: 1001px) {
  .esgBlock01 .esg-info-list-box {
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
  }
}
.esgBlock01 .esgBlock01-link {
  position: relative;
  z-index: 3;
}

.esgBlock02 {
  padding-top: 118px;
  padding-bottom: 109px;
  position: relative;
}
.esgBlock02::before {
  content: "";
  width: 100%;
  height: 70.785%;
  background-color: #F6F8FA;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.esgBlock02 .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 106px;
}
.esgBlock02 .contentBox {
  background-color: #fff;
  padding: 40px 108px;
  min-height: 550px;
  max-width: 996px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: -20px 20px 40px -30px rgba(0, 0, 0, 0.2);
}
.esgBlock02 .contentBox .text {
  max-width: 605px;
  line-height: 1.625;
  margin-bottom: 24px;
}
.esgBlock02 .contentBox .imgBox {
  width: 148px;
  margin-bottom: 36px;
}
.esgBlock02 .personImgBox {
  margin-left: -158px;
  width: 450px;
  height: 550px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 90px;
  overflow: hidden;
  margin-top: -126px;
  box-shadow: 40px 40px 40px rgba(0, 0, 0, 0.3);
}
.esgBlock02 .personImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.esgBlock03 {
  padding-top: 76px;
  padding-bottom: 67px;
}
.esgBlock03 .esgBlockList {
  padding-top: 23px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.esgBlock03 .esgBlockList .itemOuter {
  flex: 0 0 31.4685%;
  margin-bottom: 32px;
}
.esgBlock03 .item {
  height: 100%;
  border-bottom-right-radius: 40px;
  box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.esgBlock03 .item .imgBox {
  flex-shrink: 0;
  height: 250px;
}
.esgBlock03 .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.esgBlock03 .item .contentBox {
  flex: 1;
  flex-direction: column;
  padding: 20px 26px;
  display: flex;
}
.esgBlock03 .item .contentBox .title {
  margin-bottom: 18px;
}
.esgBlock03 .item .contentBox .text {
  line-height: 1.625;
  flex: 1;
  margin-bottom: 18px;
}
.esgBlock03 .item .contentBox .link {
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: 8px;
  margin-bottom: 10px;
  color: #808080;
}
.esgBlock03 .item .contentBox .link:hover {
  color: #173077;
}

.esgBlock04 {
  background-color: #F6F8FA;
  padding-top: 67px;
  padding-bottom: 75px;
}
.esgBlock04 .blueBtn {
  margin: 0 auto;
}

.esgBlock05 {
  padding-top: 96px;
  padding-bottom: 100px;
}
.esgBlock05 .inner {
  display: flex;
}
.esgBlock05 .leftWrap {
  flex: 0 0 50%;
  padding-left: 50px;
}
.esgBlock05 .leftWrap .title {
  padding-left: 44px;
  margin-bottom: 8px;
  max-width: 500px;
  line-height: 1.36667;
}
.esgBlock05 .leftWrap .ytLink {
  color: #EE0010;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-left: 48px;
  margin-bottom: 24px;
}
.esgBlock05 .leftWrap .ytLink i {
  font-size: 26px;
  margin-left: 20px;
}
.esgBlock05 .leftWrap .ytLink:hover {
  filter: brightness(1.2);
}
.esgBlock05 .leftWrap .textWrap {
  padding: 48px 66px;
  background-color: #F2F2F2;
  min-height: 280px;
}
.esgBlock05 .leftWrap .textWrap .text {
  max-width: 480px;
  line-height: 1.625;
}
.esgBlock05 .rightWrap {
  flex: 0 0 50%;
}
.esgBlock05 .rightWrap .videoOuter {
  max-width: 700px;
  margin-left: -45px;
}

@media (max-width: 1599px) {
  .esgBlock02 .inner {
    padding: 0;
  }
  .esgBlock02 .contentBox .text {
    max-width: 580px;
  }
  .esgBlock05 .leftWrap {
    padding-left: 0;
  }
  .esgBlock05 .rightWrap .videoOuter {
    margin-left: -30px;
  }
}
@media (max-width: 1399px) {
  .esgBlock01 .inner {
    height: 800px;
  }
  .esgBlock02 .contentBox {
    padding: 40px 70px;
  }
}
@media (max-width: 1199px) {
  .pageBannerBlock .repoLink {
    width: 250px;
  }
  .pageBannerBlock .repoLink .imgBox {
    height: 176px;
  }
  .pageBannerBlock .repoLink .textWrap {
    font-size: 14px;
  }
  .pageBannerBlock .repoLink .textWrap i {
    margin-left: 12px;
    font-size: 18px;
  }
  .esgBlock01 .inner {
    height: 750px;
  }
  .esgBlock02 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .esgBlock02 .personImgBox {
    width: 360px;
    height: 440px;
    margin-left: -40px;
    margin-top: -60px;
  }
  .esgBlock02 .contentBox {
    min-height: 480px;
  }
  .esgBlock03 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .esgBlock04 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .esgBlock05 .leftWrap .title {
    padding: 0 20px;
  }
  .esgBlock05 .leftWrap .ytLink {
    margin-left: 20px;
  }
  .esgBlock05 .leftWrap .textWrap {
    padding: 30px 60px 30px 40px;
    min-height: 240px;
  }
  .esgBlock05 .rightWrap {
    padding-top: 60px;
  }
  .esgBlock05 .rightWrap .videoOuter {
    margin-left: -20px;
  }
}
@media (max-width: 1100px) {
  .pageBannerBlock .inner2 .repoLink {
    bottom: -100px;
    left: 0;
    margin: 0 auto;
  }
  .pageBannerBlock .inner2 .repoLink .imgBox {
    display: none;
  }
  .esgBlock01 {
    padding-top: 40px;
  }
}
@media (max-width: 1000px) {
  .esgBlock01 {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .esgBlock01 .inner {
    height: auto;
    padding-top: 0;
    padding-bottom: 30px;
  }
  .esgBlock01 .inner .bg {
    position: relative;
  }
  .esgBlock02 .inner {
    flex-direction: column;
  }
  .esgBlock02 .inner .contentBox {
    order: 1;
    padding-top: 100px;
  }
  .esgBlock02 .inner .personImgBox {
    margin: 0 0 -60px;
    box-shadow: none;
    z-index: 1;
  }
  .esgBlock03 .esgBlockList .itemOuter {
    flex: 0 0 48%;
  }
  .esgBlock05 {
    padding: 60px 20px;
  }
  .esgBlock05 .inner {
    flex-direction: column;
  }
  .esgBlock05 .inner .leftWrap {
    flex: auto;
    order: 1;
    padding-top: 40px;
  }
  .esgBlock05 .inner .leftWrap .title {
    max-width: 100%;
  }
  .esgBlock05 .inner .leftWrap .textWrap {
    min-height: 0;
    padding: 30px 40px;
  }
  .esgBlock05 .inner .leftWrap .textWrap .text {
    max-width: 100%;
  }
  .esgBlock05 .inner .rightWrap {
    padding-top: 0;
    flex: auto;
  }
  .esgBlock05 .inner .rightWrap .videoOuter {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .esgBlock02 .inner .personImgBox {
    width: 270px;
    height: 330px;
  }
  .esgBlock05 .inner .leftWrap .title {
    padding: 0;
  }
  .esgBlock05 .inner .leftWrap .ytLink {
    margin-left: 0;
    justify-content: center;
  }
  .esgBlock05 .inner .leftWrap .textWrap {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .esgBlock01 {
    padding-top: 80px;
  }
  .esgBlock02 .inner .contentBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .esgBlock02 .inner .contentBox a {
    margin: 0 auto;
  }
  .esgBlock03 .esgBlockList .itemOuter {
    flex: 0 0 100%;
  }
  .esgBlock05 .inner .leftWrap .title {
    font-size: 20px;
  }
}
.stakeholderEditor h1, .stakeholderEditor h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.stakeholderEditor p {
  font-size: 16px;
  color: #262626;
  line-height: 1.5625;
  letter-spacing: 0.8px;
}
.stakeholderEditor a {
  text-decoration: underline;
  transition: all 0.3s;
}
.stakeholderEditor a:hover {
  color: #173077;
}

.stakeholder01Block {
  padding-bottom: 160px;
}

.stakeholder02Block {
  padding-bottom: 126px;
}
.stakeholder02Block .inner {
  padding: 0 10px;
}

.markInfo-stakeholder02 {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 16px;
}
.markInfo-stakeholder02 .markWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 26px;
  margin-bottom: 8px;
}
.markInfo-stakeholder02 .markWrap img {
  width: 24px;
  display: block;
}
.markInfo-stakeholder02 .markWrap span {
  margin-bottom: 4px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 575px) {
  .markInfo-stakeholder02 {
    padding-bottom: 6px;
  }
  .markInfo-stakeholder02 .markWrap {
    margin-right: 12px;
  }
  .markInfo-stakeholder02 .markWrap img {
    width: 18px;
  }
  .markInfo-stakeholder02 .markWrap span {
    margin-left: 6px;
    font-size: 15px;
  }
}

.table-stakeholder02 {
  border-collapse: collapse;
  min-width: 1380px;
  font-size: 16px;
}
.table-stakeholder02 thead {
  border-bottom: 1px solid #173077;
  background-color: #F4F7FB;
}
.table-stakeholder02 thead tr + tr th {
  border-top: 1px solid #D9D9D9;
}
.table-stakeholder02 thead th {
  text-align: center;
  vertical-align: middle;
  color: #1a1a1a;
  font-weight: 500;
  border-right: 1px solid #D9D9D9;
  padding: 13px 12px;
}
.table-stakeholder02 thead th:last-child {
  border-right: none;
}
.table-stakeholder02 tbody {
  border-bottom: 1px solid #173077;
}
.table-stakeholder02 tbody tr:nth-child(even) {
  background-color: #F4F7FB;
}
.table-stakeholder02 tbody td {
  text-align: center;
  vertical-align: middle;
  padding: 42px 28px;
  font-weight: 500;
  color: #1a1a1a;
  border-right: 1px solid #D9D9D9;
}
.table-stakeholder02 tbody td:nth-child(2) {
  text-align: left;
  font-weight: 400;
  color: #333333;
}
.table-stakeholder02 tbody td:last-child {
  border-right: none;
}
.table-stakeholder02 tbody td img {
  width: 24px;
}

.commcenicationWrap {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.commcenicationWrap .titleBox {
  color: #333333;
  flex: 0 0 25%;
  padding: 29px 10px 23px 10px;
}
.commcenicationWrap .titleBox .iconBox {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #173077;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.commcenicationWrap .titleBox .iconBox .imgBox {
  width: 58px;
  height: 50px;
}
.commcenicationWrap .titleBox .iconBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.commcenicationWrap .titleBox .title {
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
.commcenicationWrap .titleBox .detail {
  background-color: #F4F7FB;
  max-width: 190px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 auto;
}
.commcenicationWrap .titleBox .detail i {
  margin-bottom: 4px;
  margin-left: 18px;
}
.commcenicationWrap .titleBox .detail i::before {
  font-size: 13px;
  transform: rotate(-90deg);
  transition: all 0.3s;
}
.commcenicationWrap .titleBox.active .detail {
  background-color: #7EA6D4;
  color: #fff;
}
.commcenicationWrap .titleBox.active .detail i::before {
  transform: rotate(90deg);
  color: #fff;
}
.commcenicationWrap .contentBox {
  background-color: #F4F7FB;
  flex: 0 0 100%;
  margin-bottom: 34px;
  padding: 25px 30px;
  display: none;
}
.commcenicationWrap .contentBox .d-flex {
  flex-wrap: wrap;
}
.commcenicationWrap .contentBox .group {
  flex: 0 0 50%;
  padding: 24px 50px;
}
.commcenicationWrap .contentBox .group:nth-child(odd) {
  border-right: 1px solid #7EA6D4;
}
.commcenicationWrap .contentBox .group ul li {
  line-height: 1.8889;
}
.commcenicationWrap .titleBox:nth-child(n+1):nth-child(-n+8) {
  order: 1;
}
.commcenicationWrap .titleBox:nth-child(n+9):nth-child(-n+16) {
  order: 3;
}
.commcenicationWrap .titleBox:nth-child(n+17):nth-child(-n+24) {
  order: 5;
}
@media screen and (max-width: 991px) {
  .commcenicationWrap .titleBox:nth-child(n+1):nth-child(-n+6) {
    order: 1;
  }
  .commcenicationWrap .titleBox:nth-child(n+7):nth-child(-n+12) {
    order: 3;
  }
  .commcenicationWrap .titleBox:nth-child(n+13):nth-child(-n+18) {
    order: 5;
  }
  .commcenicationWrap .titleBox:nth-child(n+19):nth-child(-n+24) {
    order: 7;
  }
}
@media screen and (max-width: 575px) {
  .commcenicationWrap .titleBox:nth-child(n+1):nth-child(-n+4) {
    order: 1;
  }
  .commcenicationWrap .titleBox:nth-child(n+5):nth-child(-n+8) {
    order: 3;
  }
  .commcenicationWrap .titleBox:nth-child(n+9):nth-child(-n+12) {
    order: 5;
  }
  .commcenicationWrap .titleBox:nth-child(n+13):nth-child(-n+16) {
    order: 7;
  }
  .commcenicationWrap .titleBox:nth-child(n+17):nth-child(-n+20) {
    order: 9;
  }
  .commcenicationWrap .titleBox:nth-child(n+21):nth-child(-n+24) {
    order: 11;
  }
}
.commcenicationWrap .contentBox:nth-child(n+1):nth-child(-n+8) {
  order: 2;
}
.commcenicationWrap .contentBox:nth-child(n+9):nth-child(-n+16) {
  order: 4;
}
.commcenicationWrap .contentBox:nth-child(n+17):nth-child(-n+24) {
  order: 6;
}
@media screen and (max-width: 991px) {
  .commcenicationWrap .contentBox:nth-child(n+1):nth-child(-n+6) {
    order: 2;
  }
  .commcenicationWrap .contentBox:nth-child(n+7):nth-child(-n+12) {
    order: 4;
  }
  .commcenicationWrap .contentBox:nth-child(n+13):nth-child(-n+18) {
    order: 6;
  }
  .commcenicationWrap .contentBox:nth-child(n+19):nth-child(-n+24) {
    order: 8;
  }
}
@media screen and (max-width: 575px) {
  .commcenicationWrap .contentBox:nth-child(n+1):nth-child(-n+4) {
    order: 2;
  }
  .commcenicationWrap .contentBox:nth-child(n+5):nth-child(-n+8) {
    order: 4;
  }
  .commcenicationWrap .contentBox:nth-child(n+9):nth-child(-n+12) {
    order: 6;
  }
  .commcenicationWrap .contentBox:nth-child(n+13):nth-child(-n+16) {
    order: 8;
  }
  .commcenicationWrap .contentBox:nth-child(n+17):nth-child(-n+20) {
    order: 10;
  }
  .commcenicationWrap .contentBox:nth-child(n+21):nth-child(-n+24) {
    order: 12;
  }
}

@media (max-width: 1399px) {
  .stakeholder01Block {
    padding-bottom: 120px;
  }
  .stakeholder02Block {
    padding-bottom: 80px;
  }
  .stakeholder02Block .inner {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .stakeholder01Block {
    padding-bottom: 80px;
  }
  .commcenicationWrap .titleBox {
    padding-top: 16px;
    padding-bottom: 30px;
  }
  .commcenicationWrap .contentBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .commcenicationWrap .contentBox .group {
    padding: 20px 28px;
  }
  .commcenicationWrap .contentBox .group ul li {
    line-height: 1.5;
  }
}
@media (max-width: 991px) {
  .commcenicationWrap .titleBox {
    flex: 0 0 33.3333%;
  }
  .commcenicationWrap .titleBox .iconBox {
    width: 130px;
    height: 130px;
  }
  .commcenicationWrap .titleBox .iconBox .imgBox {
    width: 38px;
    height: 32px;
  }
  .commcenicationWrap .contentBox .group {
    flex: 0 0 100%;
  }
  .commcenicationWrap .contentBox .group:nth-child(odd) {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .stakeholderEditor h1, .stakeholderEditor h2 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .commcenicationWrap .titleBox {
    flex: 0 0 50%;
  }
  .commcenicationWrap .titleBox .iconBox {
    width: 120px;
    height: 120px;
  }
  .commcenicationWrap .contentBox .group {
    padding: 0 0 16px;
  }
  .commcenicationWrap .contentBox .group ul li {
    font-size: 15px;
  }
}
.manageEditor {
  padding: 0 15px;
  max-width: 1330px;
}
.manageEditor h1, .manageEditor h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.manageEditor p {
  font-size: 16px;
  color: #262626;
  line-height: 1.5625;
  letter-spacing: 0.8px;
}

.manage01Block {
  padding-bottom: 80px;
}

.sdgBlock .inner {
  padding: 0 15px 118px;
}

.sdgMainWrap {
  max-width: 1300px;
  margin-right: auto;
}
.sdgMainWrap .tr {
  padding: 30px 0;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
}
.sdgMainWrap .tr:last-child {
  border-bottom: 1px solid #173077;
}
.sdgMainWrap .tr .c1 {
  flex: 0 0 180px;
}
.sdgMainWrap .tr .c1 .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.sdgMainWrap .tr .c1 .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.sdgMainWrap .tr .c2 {
  flex: 1;
  padding-left: 25px;
  padding-right: 30px;
}
.sdgMainWrap .tr .c2 .content {
  max-width: 1030px;
  font-size: 16px;
  color: #262626;
  line-height: 1.5625;
  letter-spacing: 0.8px;
}
.sdgMainWrap .tr.th {
  background-color: #F0F4F9;
  border-bottom: 1px solid #425791;
  padding: 22px 0;
}
.sdgMainWrap .tr.th .c1 {
  color: #425791;
  text-align: center;
  padding-left: 16px;
}

@media (max-width: 1399px) {
  .manageEditor {
    padding-left: 0;
    padding-right: 0;
  }
  .sdgBlock .inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .sdgMainWrap .tr .c1 {
    flex: 0 0 120px;
  }
  .sdgMainWrap .tr.th .c1 {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .sdgBlock .inner {
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .sdgMainWrap .tr .c1 {
    flex: 0 0 100px;
  }
  .sdgMainWrap .tr .c2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.missionMainBlock .inner {
  padding: 0 10px 110px;
}

.missionEditor {
  max-width: 1100px;
}
.missionEditor h1, .missionEditor h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.missionEditor p {
  font-size: 16px;
  color: #262626;
  line-height: 1.5625;
  letter-spacing: 0.8px;
}
.missionEditor a {
  transition: all 0.3s;
}
.missionEditor a:hover {
  filter: brightness(1.2);
}

.esgIcons {
  position: absolute;
  right: 0;
  bottom: -50px;
  font-size: 0;
}

.goalMarkWrap {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 22px;
  padding-right: 16px;
}
.goalMarkWrap .item {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.goalMarkWrap .item span {
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  margin-left: 8px;
}
@media (max-width: 575px) {
  .goalMarkWrap {
    padding-right: 0;
    padding-bottom: 16px;
  }
  .goalMarkWrap .item {
    margin-right: 12px;
  }
}

.goal {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #5698C3;
  border-radius: 50%;
  position: relative;
  padding: 3px;
  margin: 0 auto;
}
.goal::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #5698C3;
  opacity: 0;
}
.goal.active::before {
  opacity: 1;
}
.goal.goal-2 {
  border: 1px solid #42A0AC;
}
.goal.goal-2::before {
  background-color: #42A0AC;
}
.goal.goal-3 {
  border: 1px solid #BA9C00;
}
.goal.goal-3::before {
  background-color: #BA9C00;
}
.goal.goal-4 {
  border: 1px solid #3E935F;
}
.goal.goal-4::before {
  background-color: #3E935F;
}
.goal.goal-5 {
  border: 1px solid #DB5E89;
}
.goal.goal-5::before {
  background-color: #DB5E89;
}
.goal.goal-6 {
  border: 1px solid #217CB0;
}
.goal.goal-6::before {
  background-color: #217CB0;
}

.table-m {
  width: 1100px;
  border-collapse: collapse;
}
.table-m thead th {
  vertical-align: middle;
  text-align: center;
  height: 70px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-right: 1px solid #CCCCCC;
}
.table-m thead th:last-child {
  border-right: none;
}
.table-m tbody tr {
  border-bottom: 1px solid #D9D9D9;
}
.table-m tbody td {
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  padding: 23px 26px;
  border-right: 1px solid #CCCCCC;
  color: #1a1a1a;
}
.table-m tbody td ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}
.table-m tbody td ul li {
  list-style: none;
  text-indent: -1em;
}
.table-m tbody td ul li::before {
  content: "．";
}
.table-m tbody td:last-child {
  border-right: none;
}
.table-m tbody td:nth-child(2) {
  font-weight: 400;
}
.table-m tbody td:last-child {
  text-align: center;
}

.table-m1 {
  width: 1100px;
  border-collapse: collapse;
  border-bottom: 3px solid #5698C3;
}
.table-m1 > thead th {
  background-color: #5698C3;
  padding-left: 54px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  height: 70px;
  padding-right: 80px;
}
.table-m1 > thead th table {
  width: 100%;
}
.table-m1 > thead th table tr td {
  padding: 5px 15px;
  width: 25%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.table-m1 > thead th table tr td + td {
  text-align: right;
}
.table-m1 > thead th:first-child {
  width: 215px;
}
.table-m1 > tbody > tr > td {
  padding: 35px 80px 35px 54px;
  font-size: 16px;
  font-weight: 500;
  color: #1a1a1a;
}
.table-m1 > tbody > tr > td table {
  width: 100%;
}
.table-m1 > tbody > tr > td table tr td {
  width: 28%;
  padding: 5px 15px;
}
.table-m1 > tbody > tr > td table tr td + td {
  text-align: right;
  width: 24%;
}
.table-m1 > tbody > tr > td:first-child {
  width: 215px;
  padding-right: 0;
}
.table-m1 > tbody tr + tr {
  border-top: 1px solid #D9D9D9;
}

.table-m2 {
  width: 1100px;
  border-collapse: collapse;
}
.table-m2 thead th {
  background-color: #42A0AC;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  height: 70px;
  padding: 12px 55px;
}
.table-m2 tbody tr:nth-child(even) {
  background-color: #EBF6F8;
}
.table-m2 tbody tr + tr {
  border-top: 1px solid #D9D9D9;
}
.table-m2 tbody td {
  padding: 32px 48px;
  color: #262626;
  font-size: 16px;
}
.table-m2 tbody td ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}
.table-m2 tbody td ul li {
  list-style: none;
  text-indent: -1em;
  line-height: 1.8;
}
.table-m2 tbody td ul li::before {
  content: "．";
}
.table-m2 tbody td:first-child {
  width: 164px;
  text-align: center;
  color: #333333;
  font-weight: 500;
}
.table-m2 tbody td + td {
  border-left: 1px solid #CCCCCC;
}

.table-m3 {
  width: 1100px;
  border-collapse: collapse;
}
.table-m3 thead th {
  height: 70px;
  background-color: #6AB0B8;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  width: 50%;
  text-align: center;
  padding: 20px;
}
.table-m3 thead th + th {
  border-left: 1px solid #CCCCCC;
}
.table-m3 tbody td {
  height: 70px;
  border-bottom: 1px solid #42A0AC;
  font-size: 16px;
  color: #262626;
  padding: 20px 60px;
}
.table-m3 tbody td + td {
  text-align: center;
  border-left: 1px solid #CCCCCC;
}

@media (max-width: 1399px) {
  .missionMainBlock .inner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .missionMainBlock .inner {
    padding-bottom: 80px;
  }
  .esgIcons {
    bottom: 10px;
  }
  .esgIcons img {
    display: block;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .missionMainBlock .inner {
    padding-bottom: 60px;
  }
  .esgIcons {
    display: none;
  }
}
.investorsBlock01 {
  position: relative;
  padding-top: 7px;
}
.investorsBlock01 .section1 {
  display: flex;
  height: 600px;
}
.investorsBlock01 .section1 .leftWrap {
  flex: 0 0 50%;
  position: relative;
  padding: 100px 82px 100px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.investorsBlock01 .section1 .leftWrap::before {
  content: "";
  background-color: #F6F8FA;
  display: block;
  position: absolute;
  z-index: -1;
  left: -110px;
  top: 0;
  height: 100%;
  width: 173.3333%;
}
.investorsBlock01 .section1 .leftWrap h1 {
  margin-bottom: 24px;
}
.investorsBlock01 .section1 .leftWrap .text {
  padding-left: 4px;
  line-height: 1.625;
  margin-bottom: 30px;
}
.investorsBlock01 .section1 .leftWrap .blueBtn {
  margin-bottom: 78px;
  margin-left: 4px;
}
.investorsBlock01 .section1 .rightWrap {
  flex: 0 0 50%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.investorsBlock01 .section1 .rightWrap .imgBox {
  width: calc(50% - 60px);
  height: 400px;
  position: absolute;
  right: 0;
}
.investorsBlock01 .section1 .rightWrap .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.investorsBlock01 .section2 {
  display: flex;
  height: 600px;
  margin-top: -62px;
}
.investorsBlock01 .section2 .leftWrap {
  flex: 0 0 50%;
}
.investorsBlock01 .section2 .leftWrap .imgBox {
  position: absolute;
  left: 0;
  width: calc(50% - 60px);
  height: 600px;
}
.investorsBlock01 .section2 .leftWrap .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.investorsBlock01 .section2 .rightWrap {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
}
.investorsBlock01 .section2 .rightWrap .title {
  margin-bottom: 30px;
}
.investorsBlock01 .section2 .rightWrap .text {
  max-width: 600px;
  margin-bottom: 52px;
  margin-left: 4px;
}
.investorsBlock01 .section2 .rightWrap .blueBtn {
  margin-left: 4px;
}

.investorsBlock02 {
  background-color: #173077;
}
.investorsBlock02 .inner {
  max-width: 1020px;
  height: 400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.investorsBlock02 h2 {
  margin-bottom: 64px;
  letter-spacing: 1px;
}
.investorsBlock02 .iconWrap {
  display: flex;
  justify-content: center;
}
.investorsBlock02 .iconWrap .item {
  flex: 0 0 16.6666%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 28px;
}
.investorsBlock02 .iconWrap .item .iconBox {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  margin-bottom: 24px;
}
.investorsBlock02 .iconWrap .item .iconBox i {
  font-size: 29px;
  margin-bottom: 4px;
}
.investorsBlock02 .iconWrap .item .iconBox i.icon-mic {
  font-size: 24px;
}
.investorsBlock02 .iconWrap .item .iconBox i.icon-link2 {
  font-size: 20px;
}
.investorsBlock02 .iconWrap .item .text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}
.investorsBlock02 .iconWrap .item:hover .iconBox {
  background-color: rgba(255, 255, 255, 0.6);
}

.investorsBlock03 {
  padding-top: 71px;
  padding-bottom: 81px;
}
.investorsBlock03 h2 {
  margin-bottom: 38px;
  letter-spacing: 1px;
}

.investorsBlock04 {
  background-color: #F2F2F2;
  padding-top: 91px;
  padding-bottom: 81px;
}
.investorsBlock04 .inner {
  display: flex;
}
.investorsBlock04 .leftWrap {
  flex: 0 0 50%;
  padding-left: 64px;
  padding-right: 30px;
}
.investorsBlock04 .leftWrap .eventWrap {
  max-width: 600px;
  padding-bottom: 73px;
}
.investorsBlock04 .leftWrap .eventWrap .event {
  border-bottom: 1px solid #E5E5E5;
  padding-top: 44px;
  padding-bottom: 38px;
}
.investorsBlock04 .leftWrap .eventWrap .event a[href]:hover {
  color: #DA3B2B;
}
.investorsBlock04 .leftWrap .eventWrap .event .addBtn {
  font-weight: 500;
  font-size: 18px;
  color: #173077;
  margin-left: 10px;
  margin-top: 30px;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}
.investorsBlock04 .leftWrap .eventWrap .event .addBtn i {
  font-size: 22px;
  margin-right: 8px;
}
.investorsBlock04 .leftWrap .eventWrap .event .addBtn:hover {
  filter: brightness(1.2);
  color: #DA3B2B;
}
.investorsBlock04 .leftWrap .eventWrap .event .addBtn .cldrLink {
  position: absolute;
  top: 40px;
  left: -14px;
  width: 222px;
  height: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  transition: all 0.3s;
  background-color: #fff;
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.investorsBlock04 .rightWrap {
  flex: 0 0 50%;
}
.investorsBlock04 .rightWrap .pdfDl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  letter-spacing: 1px;
  border-bottom: 1px solid #000;
  padding: 17px 12px 12px 8px;
  transition: all 0.3s;
}
.investorsBlock04 .rightWrap .pdfDl i {
  font-size: 29px;
  margin-left: 21px;
}
.investorsBlock04 .rightWrap .pdfDl:hover {
  color: #173077;
  border-bottom: 1px solid #173077;
}

@media (max-width: 1599px) {
  .investorsBlock01 .section1 .leftWrap {
    padding-left: 0;
    padding-right: 50px;
  }
  .investorsBlock01 .section1 .leftWrap .blueBtn {
    margin-bottom: 0;
  }
  .investorsBlock01 .section2 {
    height: 450px;
    margin-top: -30px;
  }
  .investorsBlock01 .section2 .leftWrap .imgBox {
    height: 450px;
  }
  .investorsBlock04 .leftWrap {
    padding-left: 0;
  }
  .investorsBlock04 .leftWrap .eventWrap {
    padding-bottom: 50px;
  }
  .investorsBlock04 .leftWrap .eventWrap .event {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1399px) {
  .investorsBlock01 .section1 {
    height: auto;
  }
  .investorsBlock01 .section1 .leftWrap {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
  }
  .investorsBlock01 .section1 .rightWrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .investorsBlock01 .section1 .rightWrap .imgBox {
    position: relative;
    width: 100%;
  }
  .investorsBlock01 .section2 {
    height: auto;
    margin-top: 0;
  }
  .investorsBlock01 .section2 .leftWrap .imgBox {
    position: relative;
    width: 100%;
  }
  .investorsBlock01 .section2 .rightWrap {
    padding-right: 30px;
  }
  .investorsBlock03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .investorsBlock04 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 1199px) {
  .investorsBlock01 .section2 .leftWrap .imgBox {
    height: 400px;
  }
  .investorsBlock01 .section2 .rightWrap {
    padding-left: 40px;
  }
  .investorsBlock02 h2 {
    margin-bottom: 40px;
  }
  .investorsBlock02 .inner {
    height: 340px;
  }
}
@media (max-width: 991px) {
  .investorsBlock01 .section1 {
    flex-direction: column;
    padding: 0 20px;
  }
  .investorsBlock01 .section1 .leftWrap {
    padding: 0;
    text-align: center;
    order: 2;
  }
  .investorsBlock01 .section1 .leftWrap .blueBtn {
    margin: 0 auto;
  }
  .investorsBlock01 .section1 .leftWrap::before {
    content: none;
  }
  .investorsBlock01 .section1 .rightWrap {
    order: 1;
  }
  .investorsBlock01 .section1 .rightWrap .imgBox {
    height: auto;
  }
  .investorsBlock01 .section2 {
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 40px;
  }
  .investorsBlock01 .section2 .leftWrap {
    order: 1;
    padding: 40px 0;
  }
  .investorsBlock01 .section2 .leftWrap .imgBox {
    height: auto;
  }
  .investorsBlock01 .section2 .rightWrap {
    order: 2;
    padding: 0;
    text-align: center;
  }
  .investorsBlock01 .section2 .rightWrap .blueBtn {
    margin: 0 auto;
  }
  .investorsBlock02 .inner {
    padding-top: 40px;
    padding-bottom: 30px;
    height: auto;
  }
  .investorsBlock02 .inner .iconWrap {
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto;
  }
  .investorsBlock02 .inner .iconWrap .item {
    flex: 0 0 33.3333%;
  }
  .investorsBlock04 .inner {
    flex-direction: column;
  }
  .investorsBlock04 .inner .leftWrap {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .investorsBlock04 .inner .leftWrap .title {
    text-align: center;
  }
  .investorsBlock04 .inner .leftWrap .eventWrap {
    max-width: 400px;
    margin: 0 auto;
  }
  .investorsBlock04 .inner .leftWrap .blueBtn {
    margin: 0 auto;
  }
  .investorsBlock04 .inner .rightWrap .title {
    text-align: center;
    padding-left: 0;
  }
  .investorsBlock04 .inner .rightWrap .pdfDl {
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .investorsBlock01 .section1 .leftWrap h1 {
    font-size: 24px;
  }
  .investorsBlock02 .inner .iconWrap .item {
    flex: 0 0 50%;
  }
}
.governance01Main {
  padding-bottom: 80px;
}
.governance01Main .inner {
  padding: 0 60px;
}
.governance01Main .pointsWrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 18px;
}
.governance01Main .pointsWrap .item {
  margin: 0 -18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.governance01Main .pointsWrap .item .iconBox {
  width: 60px;
  height: 50px;
  margin-bottom: 17px;
}
.governance01Main .pointsWrap .item .iconBox .img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.governance01Main .pointsWrap .item .title {
  width: 250px;
  height: 80px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.governance01Main .pointsWrap .item.item1 .title {
  background-color: rgba(23, 48, 119, 0.8);
}
.governance01Main .pointsWrap .item.item2 .title {
  background-color: rgba(65, 196, 197, 0.8);
}
.governance01Main .pointsWrap .item.item3 .title {
  background-color: rgba(74, 157, 235, 0.8);
}
.governance01Main .pointsWrap .item.item4 .title {
  background-color: rgba(81, 118, 205, 0.8);
}
.governance01Main .pointsWrap .item.item5 .title {
  background-color: rgba(139, 153, 178, 0.8);
}
.governance01Main .text {
  max-width: 1180px;
  margin-bottom: 93px;
}
.governance01Main .awardList {
  border-top: 1px solid #cccccc;
}
.governance01Main .awardList .item {
  border-bottom: 1px solid #cccccc;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  padding: 17px 0;
}
.governance01Main .awardList .item .th {
  width: 290px;
  padding: 0 12px;
}

@media (max-width: 1599px) {
  .governance01Main {
    padding-bottom: 80px;
  }
  .governance01Main .inner {
    padding: 0;
  }
  .governance01Main .text {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .governance01Main h1 {
    text-align: center;
  }
  .governance01Main .pointsWrap {
    justify-content: center;
  }
  .governance01Main .awardList .item .th {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .governance01Main .awardList .item {
    flex-direction: column;
  }
  .governance01Main .awardList .item .th {
    padding: 0 0 12px;
  }
}
.governance02Main {
  padding-bottom: 80px;
}
.governance02Main .inner {
  padding: 0 60px;
}

.governance02Editor {
  max-width: 1200px;
}
.governance02Editor p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.governance02Editor ul {
  font-size: 16px;
  color: #333333;
  padding-left: 12px;
  list-style: none;
}
.governance02Editor ul li {
  line-height: 1.5625;
  margin-bottom: 10px;
  text-indent: -1em;
}

.governance02Main02 {
  padding-bottom: 160px;
}
.governance02Main02 .directorBlock {
  padding: 54px 97px;
  background-color: #F5F6F8;
  min-height: 700px;
}
.governance02Main02 .directorBlock .navWrap {
  position: relative;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 39px;
}
.governance02Main02 .directorBlock .navWrap::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #CCCCCC;
  position: absolute;
  left: 50%;
  top: 32%;
  transform: translate(-50%, -50%);
}
.governance02Main02 .directorBlock .navWrap .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
  margin: 0 49px;
  padding: 1px 6px 19px 6px;
  letter-spacing: 1px;
  cursor: pointer;
}
.governance02Main02 .directorBlock .navWrap .nav.active, .governance02Main02 .directorBlock .navWrap .nav:hover {
  border-bottom: 2px solid #173077;
  color: #173077;
}
.governance02Main02 .directorBlock .tableBlue thead th {
  padding-left: 40px;
  padding-right: 40px;
}
.governance02Main02 .directorBlock .tableBlue tbody td {
  padding-left: 40px;
  padding-right: 40px;
}

.directorContent1, .directorContent2 {
  display: none;
}
.directorContent1.active, .directorContent2.active {
  display: block;
}

.directorContent2 .selectWrap {
  position: relative;
  margin-bottom: 19px;
}
.directorContent2 .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.directorContent2 .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.directorContent2 .selectWrap .bootstrap-select {
  width: 300px !important;
  height: 60px;
}
.directorContent2 .selectWrap .bootstrap-select .dropdown-toggle {
  height: 100%;
  padding-left: 26px;
  padding-right: 26px;
}
.directorContent2 .selectWrap .bootstrap-select .dropdown-toggle .filter-option div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.directorContent2 .selectWrap .bootstrap-select .dropdown-toggle::after {
  content: none;
}
.directorContent2 .selectWrap .bootstrap-select .dropdown-toggle::before {
  content: "";
  background-image: url(../images/layout/dropdown.svg);
  width: 14px;
  height: 10px;
  position: absolute;
  right: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.directorContent2 .selectWrap .bootstrap-select > .dropdown-menu .dropdown-menu li a {
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  padding-left: 26px;
  padding-right: 26px;
  transition: none;
}
.directorContent2 .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .directorContent2 .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}
.directorContent2 .listWrap .item {
  display: flex;
  align-items: center;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  height: 70px;
  border-bottom: 1px solid #cccccc;
}
.directorContent2 .listWrap .item:hover {
  background-color: #F6F8FA;
}
.directorContent2 .listWrap .item .date {
  padding-left: 29px;
  flex: 1;
  max-width: 225px;
}
.directorContent2 .listWrap .item .subject {
  padding: 0 20px;
}

@media (max-width: 1599px) {
  .governance02Main .inner {
    padding: 0;
  }
  .governance02Main02 {
    padding-bottom: 120px;
  }
  .governance02Main02 .directorBlock {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 1199px) {
  .governance02Main02 {
    padding-bottom: 80px;
  }
  .directorContent2 .listWrap .item .date {
    max-width: 150px;
  }
}
@media (max-width: 991px) {
  .governance02Main02 .directorBlock {
    padding-left: 20px;
    padding-right: 20px;
  }
  .governance02Main02 .directorBlock .navWrap .nav {
    margin: 0 18px;
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .governance02Main02 {
    padding: 0;
  }
  .governance02Main02 .directorBlock .navWrap .nav {
    margin: 0 auto;
    font-size: 15px;
  }
}
.governance03Main {
  padding-bottom: 140px;
}
.governance03Main .subContentWrap {
  padding: 0 50px;
}
.governance03Main .subContentWrap p {
  font-size: 16px;
  color: #333333;
  max-width: 1160px;
}
.governance03Main .subContentWrap .tableBlue {
  border-bottom: 3px solid #173077;
}
.governance03Main .subContentWrap .tableBlue thead th {
  text-align: center;
}
.governance03Main .subContentWrap .tableBlue tbody td:nth-child(1), .governance03Main .subContentWrap .tableBlue tbody td:nth-child(2) {
  text-align: center;
}
.governance03Main .subContentWrap .tableBlue tbody td ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.governance03Main .subContentWrap .tableBlue.nth4-center tbody td:nth-child(4) {
  text-align: center;
}

.subNavWrap {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 39px;
}
.subNavWrap .selectWrap {
  display: none;
  width: fit-content;
  margin: 0 auto 16px;
}
.subNavWrap .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.subNavWrap .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.subNavWrap .selectWrap .bootstrap-select .dropdown-toggle {
  border: 1px solid #173077;
  padding: 12px 24px;
  font-weight: 500;
}
.subNavWrap .selectWrap .bootstrap-select .dropdown-toggle::after {
  font-size: 18px;
}
.subNavWrap .selectWrap .bootstrap-select > .dropdown-menu {
  border: 1px solid #173077;
  border-top: none;
}
.subNavWrap .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .subNavWrap .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}
.subNavWrap .selectWrap .bootstrap-select > .dropdown-menu a {
  transition: none;
}
.subNavWrap .subNav {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subNavWrap .subNav .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
  margin: 0 48px;
  padding: 1px 6px 19px 6px;
  letter-spacing: 1px;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
}
.subNavWrap .subNav .nav.active, .subNavWrap .subNav .nav:hover {
  border-bottom: 2px solid #173077;
  color: #173077;
}

@media (max-width: 1599px) {
  .governance03Main .subContentWrap {
    padding: 0;
  }
}
@media (max-width: 1399px) {
  .governance03Main {
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .governance03Main {
    padding-bottom: 80px;
  }
  .subNavWrap .subNav .nav {
    margin: 0 30px;
  }
}
@media (max-width: 991px) {
  .governance03Main {
    padding-bottom: 60px;
  }
  .subNavWrap .subNav .nav {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .governance03Main h1 {
    text-align: center;
  }
  .subNavWrap .subNav {
    display: none;
  }
  .subNavWrap .selectWrap {
    display: block;
  }
}
.governance04Main {
  min-height: 500px;
  padding-bottom: 80px;
}

.governance04Editor p {
  max-width: 1180px;
  line-height: 1.5625;
}
.governance04Editor a {
  color: #455992;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
}
.governance04Editor a:hover {
  text-decoration: none;
}

@media (max-width: 1399px) {
  .governance04Main {
    min-height: 0;
  }
}
.ruleList {
  margin-bottom: 114px;
}
.ruleList .item {
  display: flex;
  align-items: center;
  padding: 14px 48px 19px 31px;
  border-bottom: 1px solid #CCCCCC;
  transition: all 0.3s;
}
.ruleList .item .pdfIcon {
  flex-shrink: 0;
}
.ruleList .item .pdfIcon i {
  font-size: 25px;
  color: #333333;
  transition: all 0.3s;
}
.ruleList .item .title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  transition: all 0.3s;
  padding: 6px 30px 0;
}
.ruleList .item .dlIcon {
  width: 26.5px;
  margin-left: auto;
  opacity: 0;
  transition: all 0.3s;
  flex-shrink: 0;
}
.ruleList .item:hover {
  background-color: #F6F8FA;
}
.ruleList .item:hover .pdfIcon i {
  color: #173077;
}
.ruleList .item:hover .title {
  color: #173077;
}
.ruleList .item:hover .dlIcon {
  opacity: 1;
}

@media (max-width: 1399px) {
  .ruleList {
    margin-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .ruleList {
    margin-bottom: 60px;
  }
  .ruleList .item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ruleList .item .dlIcon {
    opacity: 1;
  }
}
@media (max-width: 575px) {
  .ruleList .item .title {
    padding: 0 16px;
  }
}
.governance07Main {
  padding-bottom: 80px;
}

.governance07Editor p {
  max-width: 1180px;
  line-height: 1.5625;
}
.governance07Editor a {
  color: #455992;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
}
.governance07Editor a:hover {
  text-decoration: none;
}
.governance07Editor .tableBlue {
  border-bottom: 3px solid #173077;
}
.governance07Editor .tableBlue thead th {
  text-align: center;
}
.governance07Editor .tableBlue tbody td ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.governance07Editor .table2 {
  width: 100%;
  font-weight: 700;
  text-align: center;
}
.governance07Editor .table2 thead {
  background-color: #747F9F;
  color: #fff;
}
.governance07Editor .table2 thead th {
  padding: 18px 20px;
  border-right: 1px solid #fff;
}
.governance07Editor .table2 tbody {
  color: #333333;
}
.governance07Editor .table2 tbody tr {
  border-bottom: 1px solid #cccccc;
}
.governance07Editor .table2 tbody td {
  padding: 18px 20px;
}

.shareholder01Main {
  padding-bottom: 80px;
  min-height: 580px;
}
.shareholder01Main .linkBox {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 21px;
}
.shareholder01Main .linkBox .link {
  display: block;
  border-top: 1px solid #CCCCCC;
  padding: 22px 41px;
  transition: all 0.3s;
}
.shareholder01Main .linkBox .link i {
  transition: all 0.3s;
  margin-left: 34px;
}
.shareholder01Main .linkBox .link:hover {
  color: #173077;
}
.shareholder01Main .linkBox .link:hover i {
  color: #173077;
}

@media (max-width: 1199px) {
  .shareholder01Main {
    min-height: 0;
  }
}
@media (max-width: 991px) {
  .shareholder01Main .linkBox .link {
    padding: 22px 20px;
  }
  .shareholder01Main .linkBox .link i {
    margin-left: 20px;
  }
}
@media (max-width: 575px) {
  .shareholder01Main .linkBox .link {
    padding: 18px 4px;
  }
  .shareholder01Main .linkBox .link i {
    margin-left: 20px;
  }
}
.shareholder02Main .selectWrap {
  margin-bottom: 49px;
}
.shareholder02Main .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.shareholder02Main .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.shareholder02Main .selectWrap > span {
  letter-spacing: 1px;
  margin-right: 11px;
}
.shareholder02Main .selectWrap .bootstrap-select {
  width: 500px !important;
}
.shareholder02Main .selectWrap .bootstrap-select .dropdown-toggle {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding: 12px 24px;
}
.shareholder02Main .selectWrap .bootstrap-select .dropdown-toggle::after {
  border: none;
  width: 13px;
  height: 10px;
  margin: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/layout/dropdown-b.svg);
}
.shareholder02Main .selectWrap .bootstrap-select > .dropdown-menu {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
}
.shareholder02Main .selectWrap .bootstrap-select > .dropdown-menu li a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.shareholder02Main .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .shareholder02Main .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}
.shareholder02Main .selectWrap .bootstrap-select.show .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.shareholder02Main .selectWrap .bootstrap-select.show > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 991px) {
  .shareholder02Main .selectWrap {
    margin-bottom: 24px;
  }
  .shareholder02Main .selectWrap .bootstrap-select {
    width: 220px !important;
  }
}
@media (max-width: 767px) {
  .shareholder02Main h1 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .shareholder02Main .selectWrap .bootstrap-select {
    margin-top: 16px;
  }
}
.shareholder03-1Main .subContentWrap {
  padding: 13px 50px;
  min-height: 500px;
}

.shareholder03-2Main {
  padding-bottom: 80px;
}
.shareholder03-2Main .subContentWrap {
  padding: 53px 50px;
  min-height: 500px;
}
.shareholder03-2Main .tableBlue {
  border-bottom: 2px solid #173077;
  min-width: 832px;
}
.shareholder03-2Main .tableBlue thead th {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
}
.shareholder03-2Main .tableBlue tbody tr:hover {
  background-color: #F6F8FA;
}
.shareholder03-2Main .tableBlue tbody td {
  padding-left: 40px;
}
.shareholder03-2Main .tableBlue tbody td a {
  color: #173077;
  text-decoration: underline;
}
.shareholder03-2Main .tableBlue tbody td a:hover {
  text-decoration: none;
}

.shareholder03-3Main {
  padding-bottom: 170px;
}
.shareholder03-3Main .subContentWrap {
  padding: 0 50px;
}
.shareholder03-3Main .subContentWrap .selectWrap {
  margin-bottom: 24px;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.shareholder03-3Main .subContentWrap .selectWrap > span {
  letter-spacing: 1px;
  margin-right: 11px;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select {
  width: 500px !important;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select .dropdown-toggle {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding: 12px 24px;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select .dropdown-toggle::after {
  border: none;
  width: 13px;
  height: 10px;
  margin: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/layout/dropdown-b.svg);
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select > .dropdown-menu {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select > .dropdown-menu li a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select.show .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select.show > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.shareholder03-3Main .tableBlue {
  border-bottom: 2px solid #173077;
  min-width: 932px;
}
.shareholder03-3Main .tableBlue thead th {
  text-align: center;
  border-color: #475A93;
  font-weight: 500;
}
.shareholder03-3Main .tableBlue tbody tr:hover {
  background-color: #F6F8FA;
}
.shareholder03-3Main .tableBlue tbody td {
  text-align: center;
}

@media (max-width: 1199px) {
  .shareholder03-3Main {
    padding-bottom: 80px;
  }
  .shareholder03-3Main .subContentWrap {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .shareholder03-1Main h1, .shareholder03-2Main h1, .shareholder03-3Main h1 {
    text-align: center;
  }
  .shareholder03-1Main .subContentWrap {
    padding: 0;
    min-height: 300px;
  }
  .shareholder03-2Main .subContentWrap {
    padding: 20px 0;
  }
  .shareholder03-3Main .subContentWrap .selectWrap {
    text-align: center;
  }
  .shareholder03-3Main .subContentWrap .selectWrap .bootstrap-select {
    width: 220px !important;
  }
}
.shareholder04Main {
  min-height: 600px;
  padding-bottom: 120px;
}
.shareholder04Main .tableWrap table {
  width: 100%;
}
.shareholder04Main .tableWrap table thead tr {
  background-color: #F6F8FA;
}
.shareholder04Main .tableWrap table thead th {
  font-size: 18px;
  font-weight: 500;
  color: #173077;
  padding: 26px 50px;
  width: 50%;
}
.shareholder04Main .tableWrap table tbody td {
  font-size: 18px;
  font-weight: 500;
  color: #4D4D4D;
  padding: 21px 50px;
  border-bottom: 1px solid #E5E5E5;
  letter-spacing: 1px;
}

.shareholder05Main {
  padding-bottom: 120px;
}
.shareholder05Main a:hover {
  color: #173077;
}

@media (max-width: 1599px) {
  .shareholder04Main {
    min-height: 0;
  }
}
@media (max-width: 991px) {
  .shareholder04Main h1 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .shareholder04Main {
    padding-bottom: 80px;
  }
  .shareholder04Main .tableWrap table thead th {
    font-size: 16px;
    padding: 20px 20px;
  }
  .shareholder04Main .tableWrap table tbody td {
    font-size: 16px;
    padding: 20px 20px;
    letter-spacing: 0;
  }
  .shareholder05Main {
    padding-bottom: 80px;
  }
}
.faqMainBlock {
  padding-bottom: 120px;
}
.faqMainBlock .itemBox {
  border-bottom: 1px solid #173077;
  transition: all 0.3s;
}
.faqMainBlock .itemBox .faqToggle {
  padding: 15px 0;
  background-color: #F6F8FA;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.faqMainBlock .itemBox .faqToggle .iconBox {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 28px;
  margin-right: 42px;
  background-color: #173077;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  padding-bottom: 4px;
}
.faqMainBlock .itemBox .faqToggle .question {
  font-size: 18px;
  font-weight: 500;
  padding-right: 24px;
  margin-right: auto;
}
.faqMainBlock .itemBox .faqToggle .plusMark {
  width: 20px;
  height: 20px;
  margin-right: 52px;
  position: relative;
  flex-shrink: 0;
}
.faqMainBlock .itemBox .faqToggle .plusMark .bar1, .faqMainBlock .itemBox .faqToggle .plusMark .bar2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #173077;
}
.faqMainBlock .itemBox .faqToggle .plusMark .bar1 {
  width: 20px;
  height: 2.5px;
}
.faqMainBlock .itemBox .faqToggle .plusMark .bar2 {
  width: 2.5px;
  height: 20px;
  transition: all 0.3s;
}
.faqMainBlock .itemBox .faqDropdown {
  display: none;
}
.faqMainBlock .itemBox .faqDropdown .faqContent {
  padding: 23px 85px 42px 120px;
}
.faqMainBlock .itemBox .faqDropdown .faqContent p {
  font-size: 18px;
  color: #4D4D4D;
  font-weight: 500;
  letter-spacing: 1px;
}
.faqMainBlock .itemBox.active {
  border-bottom: 1px solid transparent;
}
.faqMainBlock .itemBox.active .plusMark .bar2 {
  height: 0;
}
.faqMainBlock .tableDark {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  border-bottom: 2px solid #333333;
  min-width: 850px;
}
.faqMainBlock .tableDark thead tr {
  background-color: #4D4D4D;
}
.faqMainBlock .tableDark thead th {
  color: #fff;
  height: 55px;
}
.faqMainBlock .tableDark tbody tr {
  border-bottom: 1px solid #E5E5E5;
}
.faqMainBlock .tableDark tbody td {
  height: 59px;
  color: #333333;
  padding: 8px 31px;
}
.faqMainBlock .tableDark tbody td:first-child {
  text-align-last: left;
}

@media (max-width: 1199px) {
  .faqMainBlock .itemBox .faqDropdown .faqContent {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .faqMainBlock h1 {
    text-align: center;
  }
  .faqMainBlock .itemBox .faqToggle .iconBox {
    margin-left: 20px;
    margin-right: 24px;
  }
  .faqMainBlock .itemBox .faqToggle .plusMark {
    margin-right: 24px;
  }
}
@media (max-width: 575px) {
  .faqMainBlock {
    padding-bottom: 80px;
  }
  .faqMainBlock .itemBox .faqToggle .iconBox {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .faqMainBlock .itemBox .faqToggle .question {
    font-size: 16px;
  }
  .faqMainBlock .itemBox .faqDropdown .faqContent {
    padding: 20px;
  }
  .faqMainBlock .itemBox .faqDropdown .faqContent p {
    font-size: 16px;
  }
}
.finance01Main {
  padding-bottom: 150px;
}
.finance01Main .inner {
  padding: 0 10px;
}

.finance01Main h2 {
  margin-bottom: 16px;
}
.finance01Main p {
  max-width: 970px;
}

.finance03h1 {
  margin-left: 58px;
  margin-bottom: 42px;
}

@media (max-width: 991px) {
  .finance01Main {
    padding-bottom: 80px;
  }
  .finance01Main .inner {
    padding: 0;
  }
  .finance03h1 {
    margin-left: 0;
    margin-bottom: 24px;
    text-align: center;
  }
}
.earningsCallBlock {
  padding-bottom: 97px;
}
.earningsCallBlock .earningsCallWrap .tr {
  display: flex;
  padding-right: 50px;
}
.earningsCallBlock .earningsCallWrap .tr .th {
  flex: 0 0 330px;
}
.earningsCallBlock .earningsCallWrap .tr .tds {
  flex: 1;
  width: calc(100% - 330px);
}
.earningsCallBlock .earningsCallWrap .yearWrap {
  background-color: #F6F8FA;
  border-bottom: 1px solid #173077;
  position: relative;
}
.earningsCallBlock .earningsCallWrap .yearWrap .item {
  font-size: 24px;
  font-weight: 700;
  color: #173077;
  padding: 20px 8px;
}
.earningsCallBlock .earningsCallWrap .yearWrap .yearWrap-left {
  cursor: pointer;
  position: absolute;
  left: 17px;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px;
  background-image: url(../images/layout/dropdown-b.svg);
}
.earningsCallBlock .earningsCallWrap .yearWrap .yearWrap-left.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.earningsCallBlock .earningsCallWrap .yearWrap .yearWrap-right {
  cursor: pointer;
  position: absolute;
  right: 17px;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px;
  background-image: url(../images/layout/dropdown-b.svg);
}
.earningsCallBlock .earningsCallWrap .yearWrap .yearWrap-right.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.earningsCallBlock .earningsCallWrap .mainWrap {
  border-bottom: 1px solid #E5E5E5;
}
.earningsCallBlock .earningsCallWrap .mainWrap .th {
  font-size: 16px;
  font-weight: 500;
  padding-left: 43px;
  display: flex;
  align-items: center;
}
.earningsCallBlock .earningsCallWrap .mainWrap .item {
  padding-top: 20px;
}
.earningsCallBlock .earningsCallWrap .mainWrap .item .qBtn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 20px;
  margin-right: 9px;
  background-color: #F6F8FA;
  color: #B2B2B2;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s;
  font-family: "Lato", "Noto Sans TC", "Noto Sans SC", sans-serif;
  pointer-events: none;
}
.earningsCallBlock .earningsCallWrap .mainWrap .item .qBtn.active {
  color: #173077;
  pointer-events: all;
}
.earningsCallBlock .earningsCallWrap .mainWrap .item .qBtn:hover {
  background-color: #173077;
  color: #fff;
}
.earningsCallBlock .earningsCallWrap .mainWrap.tr-repo {
  border-bottom: none;
  background-color: #F6F8FA;
}
.earningsCallBlock .earningsCallWrap .mainWrap.tr-repo .item {
  padding-top: 0;
}
.earningsCallBlock .earningsCallWrap .mainWrap.tr-repo .item .repoLink {
  display: flex;
  align-items: center;
  padding-top: 21px;
  padding-bottom: 26px;
  transition: all 0.3s;
}
.earningsCallBlock .earningsCallWrap .mainWrap.tr-repo .item .repoLink i {
  margin-left: 22px;
  font-size: 29px;
}
.earningsCallBlock .earningsCallWrap .mainWrap.tr-repo .item .repoLink:hover {
  opacity: 0.8;
}

.lastRepoBlock {
  padding-top: 64px;
  padding-bottom: 70px;
}
.lastRepoBlock h2 {
  text-align: center;
  letter-spacing: 1px;
}
.lastRepoBlock .contentWrap {
  position: relative;
  display: flex;
  padding-top: 90px;
  padding-bottom: 53px;
  margin-top: 47px;
  background-color: #F6F8FA;
}
.lastRepoBlock .contentWrap .titleBox {
  text-align: center;
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translateX(-50%);
  width: 250px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DA3B2B;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
}
.lastRepoBlock .contentWrap .leftBox {
  flex: 0 0 50%;
  padding: 0 90px;
}
.lastRepoBlock .contentWrap .leftBox .title {
  letter-spacing: 1px;
  margin-bottom: 14px;
}
.lastRepoBlock .contentWrap .leftBox .text {
  line-height: 1.625;
}
.lastRepoBlock .contentWrap .rightBox {
  flex: 0 0 50%;
  padding-left: 158px;
}
.lastRepoBlock .contentWrap .rightBox .title {
  margin-bottom: 23px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup {
  margin-bottom: 70px;
  padding-left: 4px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup a {
  display: flex;
  align-items: center;
  color: #173077;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup a .iconBox {
  width: 20px;
  text-align: center;
  margin-right: 16px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup a .iconBox i {
  font-size: 22px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup a .iconBox i.icon-mic {
  font-size: 18px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup a .iconBox i.icon-link2 {
  font-size: 15px;
}
.lastRepoBlock .contentWrap .rightBox .linkGroup a:hover {
  filter: brightness(1.2);
}
.lastRepoBlock .contentWrap .rightBox .nextSeason {
  letter-spacing: 1px;
}
.lastRepoBlock .contentWrap .rightBox .nextSeason i {
  margin-left: 20px;
  color: #173077;
}
.lastRepoBlock .contentWrap .rightBox .nextSeason i::before {
  transform: rotateY(180deg);
  font-size: 15px;
}
.lastRepoBlock .contentWrap .rightBox .nextSeason:hover {
  color: #173077;
}

@media (max-width: 1599px) {
  .earningsCallBlock .earningsCallWrap .tr .th {
    flex: 0 0 250px;
  }
  .lastRepoBlock .contentWrap .rightBox {
    padding-left: 60px;
  }
}
@media (max-width: 1199px) {
  .lastRepoBlock .contentWrap .leftBox {
    padding: 0 20px 0 60px;
  }
}
@media (max-width: 991px) {
  .wp1400 {
    max-width: 100%;
  }
  .earningsCallBlock h1 {
    text-align: center;
  }
  .earningsCallBlock .earningsCallWrap .tr {
    padding-right: 20px;
  }
  .earningsCallBlock .earningsCallWrap .tr .th {
    flex: 0 0 200px;
    padding-left: 20px;
  }
  .earningsCallBlock .earningsCallWrap .yearWrap .yearWrap-left {
    left: 0;
  }
  .earningsCallBlock .earningsCallWrap .yearWrap .yearWrap-right {
    right: 0;
  }
  .lastRepoBlock .contentWrap {
    padding-top: 70px;
  }
  .lastRepoBlock .contentWrap .leftBox {
    padding: 0 20px 0 40px;
  }
  .lastRepoBlock .contentWrap .rightBox {
    padding-left: 30px;
  }
  .lastRepoBlock .contentWrap .rightBox .linkGroup {
    margin-bottom: 40px;
  }
  .lastRepoBlock .contentWrap .rightBox .linkGroup a {
    margin-bottom: 8px;
  }
  .lastRepoBlock .contentWrap .rightBox .nextSeason {
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .lastRepoBlock {
    padding-left: 0;
    padding-right: 0;
  }
  .lastRepoBlock .contentWrap {
    flex-direction: column;
  }
  .lastRepoBlock .contentWrap .leftBox {
    padding: 0 20px 40px;
  }
  .lastRepoBlock .contentWrap .leftBox .title {
    text-align: center;
  }
  .lastRepoBlock .contentWrap .leftBox a {
    margin: 0 auto;
  }
  .lastRepoBlock .contentWrap .rightBox {
    padding-left: 0;
    text-align: center;
  }
  .lastRepoBlock .contentWrap .rightBox .linkGroup a {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .earningsCallBlock .earningsCallWrap .tr .th {
    flex: 0 0 170px;
  }
}
.finance04Main {
  padding-bottom: 135px;
}
.finance04Main .selectBlock {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 37px;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
.finance04Main .selectBlock .selectWrap > span {
  letter-spacing: 1px;
  margin-right: 11px;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select {
  width: 500px !important;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select .dropdown-toggle {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding: 12px 24px;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select .dropdown-toggle::after {
  border: none;
  width: 13px;
  height: 10px;
  margin: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/layout/dropdown-b.svg);
}
.finance04Main .selectBlock .selectWrap .bootstrap-select > .dropdown-menu {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select > .dropdown-menu li a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item.active, .finance04Main .selectBlock .selectWrap .bootstrap-select > .dropdown-menu .dropdown-item:active {
  background-color: #173077;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select.show .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.finance04Main .selectBlock .selectWrap .bootstrap-select.show > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.finance04Main .selectBlock .repoLink {
  margin-left: auto;
  font-size: 16px;
  margin-right: 30px;
  letter-spacing: 0.8px;
}
.finance04Main .selectBlock .repoLink i {
  font-size: 25px;
  color: #005EB8;
  margin-right: 8px;
}
.finance04Main .selectBlock .repoLink span {
  color: #262626;
  text-decoration: underline;
}
.finance04Main .selectBlock .repoLink:hover span {
  text-decoration: none;
}
.finance04Main .tableRevenue {
  width: 100%;
  text-align: center;
  min-width: 800px;
}
.finance04Main .tableRevenue thead tr {
  background-color: #E5E5E5;
  border-bottom: 2px solid #808080;
}
.finance04Main .tableRevenue thead th {
  font-size: 16px;
  color: #1a1a1a;
  padding: 27px 8px;
  width: 20%;
}
.finance04Main .tableRevenue thead th + th {
  border-left: 1px solid #CCCCCC;
}
.finance04Main .tableRevenue tbody tr:nth-child(even) {
  background-color: #F9F9F9;
}
.finance04Main .tableRevenue tbody td {
  font-size: 16px;
  padding: 22px 8px;
  color: #1a1a1a;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  border-bottom: 1px solid #D9D9D9;
}
.finance04Main .tableRevenue tbody td + td {
  border-left: 1px solid #CCCCCC;
}

@media (max-width: 991px) {
  .finance04Main {
    padding-bottom: 80px;
  }
  .finance04Main h1 {
    text-align: center;
    margin-bottom: 16px;
  }
  .finance04Main .selectBlock {
    flex-direction: column;
  }
  .finance04Main .selectBlock .selectWrap {
    margin-top: 12px;
    margin-bottom: 16px;
  }
  .finance04Main .selectBlock .selectWrap .bootstrap-select {
    width: 220px !important;
  }
  .finance04Main .selectBlock .repoLink {
    margin: 0;
  }
}
.finance05Main {
  padding-bottom: 160px;
}

.yearSlickWrap {
  background-color: #F6F8FA;
  border-bottom: 1px solid #173077;
  padding: 0 100px;
}
.yearSlickWrap .yearSlick {
  color: #808080;
  max-width: 1200px;
}
.yearSlickWrap .yearSlick .item {
  transition: all 0.3s;
  padding: 20px 0;
  cursor: pointer;
}
.yearSlickWrap .yearSlick .item:hover {
  color: #173077;
}
.yearSlickWrap .yearSlick .item.active {
  color: #173077;
}
.yearSlickWrap .yearSlick .slick-prev, .yearSlickWrap .yearSlick .slick-next {
  width: 40px;
  height: 40px;
  transition: all 0.3s;
}
.yearSlickWrap .yearSlick .slick-prev.slick-disabled, .yearSlickWrap .yearSlick .slick-next.slick-disabled {
  opacity: 0;
  cursor: auto;
}
.yearSlickWrap .yearSlick .slick-prev::after, .yearSlickWrap .yearSlick .slick-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/layout/dropdown-b.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center center;
  transform-origin: center center;
}
.yearSlickWrap .yearSlick .slick-prev::before, .yearSlickWrap .yearSlick .slick-next::before {
  content: none;
}
.yearSlickWrap .yearSlick .slick-prev {
  left: -78px;
}
.yearSlickWrap .yearSlick .slick-prev::after {
  transform: rotate(90deg);
}
.yearSlickWrap .yearSlick .slick-next {
  right: -78px;
}
.yearSlickWrap .yearSlick .slick-next::after {
  transform: rotate(-90deg);
}

.statementWrap {
  margin-bottom: 73px;
}
.statementWrap .item {
  display: flex;
  align-items: center;
  padding: 23px 74px 22px 44px;
  border-bottom: 1px solid #E5E5E5;
  transition: all 0.3s;
}
.statementWrap .item .pdfIcon {
  flex-shrink: 0;
}
.statementWrap .item .pdfIcon i {
  font-size: 30px;
  color: #333333;
  transition: all 0.3s;
}
.statementWrap .item .title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  transition: all 0.3s;
  padding: 6px 20px 0;
}
.statementWrap .item .dlIcon {
  width: 26.5px;
  margin-left: auto;
  opacity: 0;
  transition: all 0.3s;
  flex-shrink: 0;
}
.statementWrap .item:hover {
  background-color: #F6F8FA;
}
.statementWrap .item:hover .pdfIcon i {
  color: #173077;
}
.statementWrap .item:hover .title {
  color: #173077;
}
.statementWrap .item:hover .dlIcon {
  opacity: 1;
}

@media (max-width: 1599px) {
  .statementWrap {
    margin-bottom: 40px;
  }
}
@media (max-width: 1399px) {
  .finance05Main {
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .finance05Main {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .yearSlickWrap {
    padding: 0 60px;
  }
  .yearSlickWrap .yearSlick .item {
    text-align: center;
  }
  .yearSlickWrap .yearSlick .slick-prev {
    left: -50px;
  }
  .yearSlickWrap .yearSlick .slick-next {
    right: -50px;
  }
  .statementWrap .item {
    padding: 20px 40px;
  }
  .statementWrap .item .title {
    padding-top: 0;
  }
  .statementWrap .item .dlIcon {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .finance05Main h1, .finance05Main h2 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .statementWrap .item {
    padding: 16px 20px;
  }
  .statementWrap .item .pdfIcon i {
    font-size: 24px;
  }
  .statementWrap .item .dlIcon {
    width: 22px;
  }
}
.finance06Main {
  padding-bottom: 94px;
}
.finance06Main .titleBox {
  background-color: #F6F8FA;
  border-bottom: 1px solid #173077;
  padding: 20px 43px;
}
.finance06Main .eventList {
  margin-bottom: 74px;
}
.finance06Main .eventList .item {
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  min-height: 90px;
  transition: all 0.3s;
  padding: 8px 44px;
}
.finance06Main .eventList .item .dateWrap {
  min-width: 130px;
}
.finance06Main .eventList .item .dateWrap .date {
  font-size: 16px;
  font-weight: 500;
  color: #808080;
  padding-top: 4px;
}
.finance06Main .eventList .item .subjectWrap {
  display: flex;
  align-items: center;
  padding-left: 72px;
}
.finance06Main .eventList .item .subjectWrap .cldrBtn {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.finance06Main .eventList .item .subjectWrap .cldrBtn:hover i {
  color: #DA3B2B;
}
.finance06Main .eventList .item .subjectWrap .cldrBtn i {
  font-size: 22px;
  color: #173077;
  transition: all 0.3s;
  cursor: pointer;
}
.finance06Main .eventList .item .subjectWrap .cldrBtn .cldrLink {
  position: absolute;
  top: 52px;
  left: -40px;
  width: 222px;
  height: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  transition: all 0.3s;
  background-color: #fff;
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.finance06Main .eventList .item .subjectWrap .cldrBtn .cldrLink:hover {
  color: #DA3B2B;
}
.finance06Main .eventList .item .subjectWrap .subject {
  font-size: 16px;
  color: #173077;
  padding-top: 4px;
  padding-left: 4px;
  letter-spacing: 1px;
  transition: all 0.3s;
}
.finance06Main .eventList .item .subjectWrap .subject[href]:hover {
  color: #DA3B2B;
}
.finance06Main .eventList .item .subjectWrap .subject:not([href]) {
  cursor: auto;
}
.finance06Main .eventList .item .subjectWrap[href]:hover .cldrBtn i {
  color: #DA3B2B;
}
.finance06Main .eventList .item .subjectWrap[href]:hover .subject {
  color: #DA3B2B;
}
.finance06Main .eventList .item .subjectWrap:not([href]) {
  cursor: auto;
}
.finance06Main .eventList .item:hover {
  background-color: #F6F8FA;
}
.finance06Main .pastList .item {
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  min-height: 90px;
  transition: all 0.3s;
  padding: 8px 44px;
}
.finance06Main .pastList .item .dateWrap {
  min-width: 130px;
}
.finance06Main .pastList .item .dateWrap .date {
  font-size: 16px;
  font-weight: 500;
  color: #808080;
  padding-top: 4px;
}
.finance06Main .pastList .item .subject {
  font-size: 16px;
  color: #333333;
  padding-left: 86px;
  letter-spacing: 1px;
}
.finance06Main .pastList .item .subject[href]:hover {
  color: #DA3B2B;
}
.finance06Main .pastList .item .subject:not([href]) {
  cursor: auto;
}
.finance06Main .pastList .item:hover {
  background-color: #F6F8FA;
}
.finance06Main .pastList .item:hover .subject {
  color: #173077;
}
.finance06Main a[href]:hover {
  color: #DA3B2B;
}

@media (max-width: 991px) {
  .finance06Main h1, .finance06Main h2 {
    text-align: center;
  }
  .finance06Main .titleBox {
    text-align: center;
  }
  .finance06Main .eventList .item .subjectWrap {
    padding-left: 0;
  }
  .finance06Main .pastList .item .subject {
    padding-left: 14px;
  }
}
@media (max-width: 575px) {
  .finance06Main .eventList .item {
    padding: 8px 20px;
    flex-direction: column;
  }
  .finance06Main .eventList .item .dateWrap {
    text-align: center;
  }
  .finance06Main .pastList .item {
    padding: 8px 20px;
    flex-direction: column;
  }
  .finance06Main .pastList .item .dateWrap {
    text-align: center;
  }
  .finance06Main .pastList .item .subject {
    padding-left: 0;
    padding-top: 8px;
  }
}
.signupForm .noticeWrap {
  padding-left: 22px;
  padding-top: 12px;
  padding-bottom: 40px;
}
.signupForm .noticeWrap input:checked + label i img {
  opacity: 1;
}
.signupForm .noticeWrap label {
  display: flex;
}
.signupForm .noticeWrap label i {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #CCCCCC;
  margin-right: 30px;
}
.signupForm .noticeWrap label i img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  opacity: 0;
}
.signupForm .noticeWrap label span {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 1px;
}
@media (max-width: 575px) {
  .signupForm .noticeWrap {
    padding-left: 0;
    padding-bottom: 20px;
  }
  .signupForm .noticeWrap label i {
    margin-right: 20px;
  }
  .signupForm .noticeWrap label span {
    letter-spacing: normal;
  }
}

.pageBannerBlock.signupBanner {
  height: 570px;
  margin-bottom: 98px;
}
.pageBannerBlock.signupBanner::before {
  content: none;
}
.pageBannerBlock.signupBanner .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 90px;
  flex-direction: column;
}

@media (max-width: 1599px) {
  .pageBannerBlock.signupBanner {
    height: 550px;
  }
}
@media (max-width: 1399px) {
  .pageBannerBlock.signupBanner {
    height: 450px;
    margin-bottom: 90px;
  }
  .pageBannerBlock.signupBanner .inner {
    padding-top: 70px;
  }
  .pageBannerBlock.signupBanner .inner h1 {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .pageBannerBlock.signupBanner {
    height: 350px;
    margin-bottom: 60px;
  }
  .pageBannerBlock.signupBanner .inner {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .pageBannerBlock.signupBanner {
    height: 250px;
  }
}
.privacyBlock {
  padding-bottom: 100px;
}
.privacyBlock .inner {
  max-width: 1250px;
  margin: 0 auto;
}

.privacyEditor h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.875;
  margin-bottom: 0;
}
.privacyEditor p {
  font-size: 16px;
  line-height: 1.875;
  margin-bottom: 24px;
}

@media (max-width: 1199px) {
  .privacyBlock {
    padding-bottom: 40px;
  }
  .privacyEditor h2 {
    line-height: 1.5;
  }
  .privacyEditor p {
    line-height: 1.5;
  }
}
.powericBlock01 {
  background-image: url(../images/powerIC/powerIC-banner.webp);
  background-color: #173077;
  background-size: cover;
  background-position: top 80px center;
  background-repeat: no-repeat;
  padding-top: 90px;
  padding-bottom: 300px;
  height: 100vh;
  min-height: 850px;
  text-align: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.powericBlock01 .breadWrap ul {
  justify-content: center;
}
.powericBlock01 .content {
  max-width: 800px;
  padding-top: 105px;
}
.powericBlock01.not100vh {
  height: 540px;
  min-height: 0;
  padding-bottom: 0;
  margin-bottom: 122px;
}

.powericBlock02 {
  margin-top: -265px;
}
.powericBlock02 .inner {
  background: #F6F8FA;
  padding: 63px 50px;
}
.powericBlock02 .group-list-top {
  background-color: #000;
  color: #FFF;
}
.powericBlock02 .group-list-box {
  margin-bottom: 25px;
}
.powericBlock02 .group-list-top,
.powericBlock02 .group-list {
  display: flex;
  align-items: center;
  font-size: 20px;
  padding: 20.5px 0;
}
.powericBlock02 .group-list {
  background-color: #FFF;
  font-size: 18px;
  color: #222222;
  border-bottom: 1px solid #CCCCCC;
  transition: all 0.5s ease;
}
@media (min-width: 768px) {
  .powericBlock02 .group-list:hover {
    background-color: #1458E4;
    color: #FFF;
  }
}
.powericBlock02 .poweric02-title {
  padding-left: 20px;
}
.powericBlock02 .poweric02-p {
  margin-bottom: 25px;
  padding-left: 20px;
}
.powericBlock02 .w-Group,
.powericBlock02 .w-Name {
  width: 25%;
  padding-left: 50px;
}
.powericBlock02 .w-Descriptions {
  width: 50%;
}
.powericBlock02 .group-more-box {
  text-align: center;
  margin-bottom: 45px;
}
.powericBlock02 .group-more-box .group-more {
  display: inline-block;
}
.powericBlock02 .group-more-box .group-more span {
  display: block;
}
.powericBlock02 .group-more-box .group-more .group-icon {
  margin-top: 5px;
}
.powericBlock02 .group-more-box .group-more svg path {
  transition: all 0.5s ease;
}
.powericBlock02 .group-more-box .group-more:hover {
  color: #1458E4;
}
.powericBlock02 .group-more-box .group-more:hover svg path {
  fill: #1458E4;
}
.powericBlock02 .group-pdf-box {
  width: 660px;
  max-width: 100%;
  display: block;
}
.powericBlock02 .group-pdf-box a {
  border: 1px solid #1458E4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 15px 35px;
  background-color: #FFF;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: #1458E4;
  transition: all 0.5s ease;
}
.powericBlock02 .group-pdf-box a:last-child {
  margin-bottom: 0;
}
.powericBlock02 .group-pdf-box a span {
  display: block;
}
.powericBlock02 .group-pdf-box a span:nth-child(1) {
  width: calc(100% - 110px);
}
.powericBlock02 .group-pdf-box a span:nth-child(2) {
  width: 45px;
  font-size: 24px;
  padding: 0 10px;
  text-align: center;
}
.powericBlock02 .group-pdf-box a span:nth-child(3) {
  width: 65px;
}
@media (min-width: 768px) {
  .powericBlock02 .group-pdf-box a:hover {
    background-color: #1458E4;
    color: #FFF;
  }
}

.powericBlock03 {
  padding-top: 70px;
}
.powericBlock03 .poweric03-box {
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.powericBlock03 .poweric03-box .poweric03-list {
  width: 270px;
  margin: 0 30px 100px 30px;
  display: block;
  justify-content: center;
}
.powericBlock03 .poweric03-box .poweric03-list .poweric03-list-img {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.powericBlock03 .poweric03-box .poweric03-list .poweric03-list-img img {
  transition: all 0.5s ease;
}
.powericBlock03 .poweric03-box .poweric03-list .poweric03-list-p {
  width: 100%;
  text-align: center;
  display: block;
  transition: all 0.5s ease;
  font-size: 20px;
  font-weight: 500;
}
.powericBlock03 .poweric03-box .poweric03-list:hover img {
  transform: translateY(-15px);
  -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
}
.powericBlock03 .poweric03-box .poweric03-list:hover .poweric03-list-p {
  color: #DA3B2B;
}

@media (max-width: 1599px) {
  .powericBlock01 {
    padding-bottom: 150px;
    min-height: 700px;
  }
  .powericBlock01.not100vh {
    height: 450px;
    min-height: 0;
    margin-bottom: 80px;
  }
  .powericBlock02 {
    margin-top: -130px;
  }
}
@media (max-width: 1399px) {
  .powericBlock01 {
    min-height: 600px;
  }
  .powericBlock01 .content {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .powericBlock01.not100vh {
    height: 360px;
    min-height: 0;
    margin-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .powericBlock02 .w-Group,
  .powericBlock02 .w-Name {
    width: 30%;
  }
  .powericBlock02 .w-Descriptions {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .powericBlock01.not100vh {
    height: 280px;
    margin-bottom: 20px;
  }
  .powericBlock02 .w-Group,
  .powericBlock02 .w-Name {
    width: 50%;
    padding: 0 20px;
  }
  .powericBlock02 .group-title {
    font-size: 18px;
  }
  .powericBlock02 .group-list {
    font-size: 16px;
  }
  .powericBlock03 .poweric03-box .poweric03-list {
    width: calc(50% - 30px);
    margin: 0 15px 50px 15px;
  }
}
@media (max-width: 767px) {
  .powericBlock01 {
    padding-top: 150px;
    padding-bottom: 140px;
    height: auto;
    min-height: 0;
  }
  .powericBlock01.not100vh {
    height: 280px;
    margin-bottom: 40px;
    padding-top: 90px;
  }
}
@media (max-width: 650px) {
  .group-list-block {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .group-list-block::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
  }
  .group-list-block::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
  }
  .group-list-block::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .powericBlock02 .group-list-top, .powericBlock02 .group-list {
    width: fit-content;
  }
  .powericBlock02 .w-Group,
  .powericBlock02 .w-Name {
    width: 180px;
  }
  .powericBlock02 .w-Descriptions {
    min-width: 180px;
    max-width: 300px;
  }
}
@media (max-width: 575px) {
  .powericBlock01 .content {
    padding-top: 30px;
  }
  .powericBlock02 .inner {
    padding: 40px 20px;
  }
  .powericBlock02 .group-pdf-box a {
    padding: 15px 20px;
    flex-wrap: wrap;
  }
  .powericBlock02 .group-pdf-box a span:nth-child(1) {
    width: 100%;
    margin-bottom: 5px;
  }
  .powericBlock02 .group-pdf-box a span:nth-child(2) {
    padding-left: 0;
    width: initial;
  }
  .powericBlock03 .poweric03-box .poweric03-list {
    width: calc(50% - 20px);
    margin: 0 10px 50px 10px;
  }
  .powericBlock03 .poweric03-box .poweric03-list .poweric03-list-img {
    width: 100px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
  }
  .powericBlock03 .poweric03-box .poweric03-list .poweric03-list-p {
    font-size: 16px;
  }
}
#poweric-list .productBlock01:nth-child(2) {
  border-bottom: none;
}

.poweric-FilterBlock .inner2 .filter-style2-box {
  width: auto;
  left: initial !important;
  right: 0;
  padding: 0;
  display: block;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-style2 {
  padding: 31px 44px 25px 31px;
  display: flex;
  width: 100%;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-1 {
  width: 120px;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-2 {
  padding-right: 30px;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-3 {
  width: 300px;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-2-box {
  display: inline-block;
  vertical-align: top;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list {
  padding-right: 40px;
  margin-bottom: 10px;
  max-width: 240px;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list .filter-list-title {
  min-height: 27px;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list .filter-list-title .font-18 {
  position: relative;
  top: -2px;
}
.poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list input {
  margin-top: 5px;
  min-width: 150px;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 10px;
}
@media (max-width: 1599px) {
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list {
    padding-right: 20px;
  }
}

.filter-button-box {
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
  padding: 30px 0;
}
.filter-button-box .filter-button {
  width: 200px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  background-color: #173077;
  transition: all 0.5s ease;
  display: block;
  margin: 0 auto;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.filter-button-box .filter-button:hover {
  background-color: #DA3B2B;
}

.poweric-top-box {
  padding: 85px 0 90px 0;
  display: flex;
}
.poweric-top-box .poweric-top-info {
  width: calc(100% - 350px);
  padding-right: 90px;
}
.poweric-top-box .poweric-top-info h2 {
  margin-bottom: 30px;
}
.poweric-top-box .poweric-top-info p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 1px;
}
.poweric-top-box .poweric-top-img {
  width: 350px;
  text-align: center;
}

.poweric-list-info {
  padding-top: 50px;
  padding-bottom: 180px;
}
.poweric-list-info .poweric-search-show {
  padding-left: 32px;
  margin-bottom: 50px;
}
.poweric-list-info .poweric-table-title-box {
  display: flex;
  justify-content: space-between;
  padding: 0 32px;
  margin-bottom: 25px;
}
.poweric-list-info .swiper-button {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.poweric-list-info .swiper-button.swiper-button-disabled path {
  fill: #ddd;
}
.poweric-list-info .swiper-button-line {
  width: 1px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  background-color: #ccc;
  margin: 0 20px;
}
.poweric-list-info .poweric-table-title {
  font-weight: bold;
}
.poweric-list-info .poweric-table-box {
  display: flex;
}
.poweric-list-info .poweric-table-box .poweric-table-left {
  width: 300px;
  position: relative;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-top-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  box-sizing: border-box;
  height: 100px;
  background-color: #173077;
  color: #FFF;
  position: sticky;
  top: 90px;
  border-right: 1px solid #666;
  z-index: 3;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title {
  display: flex;
  padding: 15px 18px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 130px;
  box-sizing: border-box;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  position: relative;
  transition: background-color 0.5s ease;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title .part-number-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title .part-number-box .part-number {
  font-size: 20px;
  margin-right: 15px;
  font-weight: 700;
  transition: all 0.5s ease;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title .part-number-box .part-number-new {
  width: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #ce3c2b;
  border-radius: 20px;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: #ce3c2b;
  display: none;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title .part-number-ps {
  margin-top: 13px;
  font-size: 16px;
  display: block;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title.new .part-number-box .part-number-new {
  display: block;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title.active {
  background-color: #F6F8FA;
  border-left: 2px solid #173077;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title.active::before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background-color: #173077;
  position: absolute;
  top: 0;
  left: 0;
}
.poweric-list-info .poweric-table-box .poweric-table-left .table-left-title.active::after {
  height: 2px;
  background-color: #173077;
}
.poweric-list-info .poweric-table-box .poweric-table-right {
  width: calc(100% - 300px);
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-top {
  z-index: 1;
  position: sticky;
  top: 90px;
  width: 100%;
  overflow: hidden;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class-list-box {
  width: 100%;
  display: block;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class-list {
  width: auto;
  border-right: 1px solid #666;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class {
  height: 100px;
  background-color: #333;
  color: #FFF;
  padding: 10px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class p {
  font-size: 13px;
  margin-bottom: 0;
  text-align: center;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-p {
  height: 64px;
  display: flex;
  align-items: center;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-button-box {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-button-box .sort-button {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border-radius: 50%;
  margin-right: 5px;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-button-box .sort-button span {
  width: 8px;
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-button-box .sort-button:nth-child(1) {
  transform: rotate(180deg);
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-button-box .sort-button:nth-child(2) svg {
  transform: translate(1px, 1px);
}
.poweric-list-info .poweric-table-box .poweric-table-right .part-class .sort-button-box .sort-button.active path {
  fill: #173077;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info-list {
  width: auto;
  border-right: 1px solid #d9d9d9;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info-list:last-child .table-right-info.active {
  border-right: 2px solid #173077;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info-box {
  display: block;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  text-align: center;
  position: relative;
  transition: background-color 0.5s ease;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info.active {
  background-color: #F6F8FA;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info.active::before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background-color: #173077;
  position: absolute;
  top: 0;
  left: 0;
}
.poweric-list-info .poweric-table-box .poweric-table-right .table-right-info.active::after {
  height: 2px;
  background-color: #173077;
}

@media (max-width: 1280px) {
  .poweric-top-box .poweric-top-img {
    width: 200px;
  }
  .poweric-top-box .poweric-top-info {
    width: calc(100% - 200px);
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .filter-2-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .filter-2-block .filter-2-box {
    width: 48%;
    margin-right: 4%;
  }
  .filter-2-block .filter-2-box:nth-child(even) {
    margin-right: 0;
  }
  .poweric-top-box {
    flex-wrap: wrap;
    padding: 50px 0;
  }
  .poweric-top-box .poweric-top-img {
    order: 1;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
  }
  .poweric-top-box .poweric-top-info {
    order: 2;
    width: 100%;
    padding-right: 0;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-style2 {
    flex-wrap: wrap;
    padding: 30px 20px;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-1 {
    display: none;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-2 {
    width: 100%;
    padding-right: 0;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-3 {
    width: 100%;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list {
    width: 100%;
    padding-right: 0;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list input {
    width: 100%;
  }
  .poweric-list-info {
    padding-bottom: 100px;
  }
}
@media (max-width: 500px) {
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list {
    width: 100%;
    margin-right: 0;
  }
  .poweric-list-info .poweric-table-box .poweric-table-left {
    width: 200px;
  }
  .poweric-list-info .poweric-table-box .poweric-table-right {
    width: calc(100% - 200px);
  }
  .poweric-list-info {
    padding-bottom: 50px;
  }
  .poweric-FilterBlock .inner2 .filter-style2-box .filter-2-list input {
    min-width: initial;
  }
}
.poweric-pl {
  padding-left: 43px;
}

.detail-title-box {
  display: flex;
  align-items: center;
  padding-top: 90px;
}
.detail-title-box .detail-title-new {
  width: 50px;
  height: 25px;
  display: block;
  border-radius: 50px;
  border: 1px solid #ce3c2b;
  box-sizing: border-box;
  font-size: 14px;
  color: #ce3c2b;
  text-align: center;
  line-height: 23px;
  font-weight: 500;
  margin-right: 29px;
}
.detail-title-box .detail-title {
  font-size: 40px;
  font-weight: 700;
  color: #333;
  margin-right: 50px;
  margin-bottom: 0;
}
.detail-title-box .detail-title-check {
  display: flex;
  align-items: center;
}
.detail-title-box .detail-title-check .icon {
  width: 25px;
  margin-right: 18px;
}
.detail-title-box .detail-title-check h3 {
  font-size: 16px;
  color: #00a650;
  margin-bottom: 0;
  font-weight: 600;
}
@media (max-width: 650px) {
  .detail-title-box {
    padding-top: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
  .detail-title-box .detail-title-new {
    margin-bottom: 10px;
  }
  .detail-title-box .detail-title {
    margin-bottom: 10px;
  }
}

.detail-top-p {
  font-size: 18px;
  margin-top: 24px;
  font-weight: 700;
  color: #333333;
}

.detail-applications-block {
  margin-top: 65px;
  padding-bottom: 25px;
}
.detail-applications-block h2 {
  font-size: 20px;
  font-weight: 700;
}
.detail-applications-block .detail-applications-box {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
}
.detail-applications-block .detail-applications-box .detail-applications {
  padding: 4.5px 25px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 50px;
  background-color: #FFF;
}
.detail-applications-block .detail-applications-box .detail-applications:last-child {
  margin-right: 0;
}

#poweric-detail .productDlBlock {
  padding-top: 0;
  padding-bottom: 0;
}
#poweric-detail .productDlBlock .inner {
  flex-wrap: nowrap;
}
#poweric-detail .productDlBlock .addWrap {
  padding-bottom: 0;
}
#poweric-detail .poweric-detail-class-box {
  display: flex;
}
#poweric-detail .poweric-detail-class-box .poweric-detail-class {
  padding: 62px 12px;
  margin-right: 52px;
  position: relative;
  display: block;
  transition: all 0.5s ease;
  font-weight: 500;
}
#poweric-detail .poweric-detail-class-box .poweric-detail-class:last-child {
  margin-right: 0;
}
#poweric-detail .poweric-detail-class-box .poweric-detail-class:after {
  content: "";
  width: 0;
  height: 3px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #173077;
  transition: all 0.5s ease;
}
#poweric-detail .poweric-detail-class-box .poweric-detail-class:hover {
  color: #173077;
}
#poweric-detail .poweric-detail-class-box .poweric-detail-class.active {
  color: #173077;
}
#poweric-detail .poweric-detail-class-box .poweric-detail-class.active::after {
  width: 100%;
}
#poweric-detail .section {
  position: relative;
  padding-bottom: 100px;
}
#poweric-detail .section .section-tag {
  position: absolute;
  top: -80px;
}
#poweric-detail .section .poweric-slick-block {
  width: 100%;
  max-width: 800px;
  padding: 0 50px;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-list {
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-prev.slick-disabled:before, #poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-next.slick-disabled:before {
  opacity: 1;
  color: #000;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .poweric-slick-img {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-prev, #poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-next {
  width: 25px;
  height: 25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-prev {
  left: -40px;
  background-image: url(../images/icon/tetail-prev-active.png);
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-prev.slick-disabled {
  background-image: url(../images/icon/tetail-prev.png);
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-next {
  right: -40px;
  background-image: url(../images/icon/tetail-next-active.png);
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-next.slick-disabled {
  background-image: url(../images/icon/tetail-next.png);
}
#poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-prev:before, #poweric-detail .section .poweric-slick-block .poweric-slick-for .slick-next:before {
  display: none;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-nav {
  margin-top: 20px;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-nav .slick-track {
  margin-left: initial;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-nav .slick-slide {
  margin-right: 20px;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-nav .poweric-slick-info {
  width: 150px;
  cursor: pointer;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
}
#poweric-detail .section .poweric-slick-block .poweric-slick-nav .poweric-slick-info .poweric-slick-img {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#poweric-detail .section .w-990 {
  width: 990px;
  min-width: 600px;
}
#poweric-detail .section .poweric-table thead {
  background-color: #173077;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  font-weight: 500;
}
#poweric-detail .section .poweric-table thead th {
  width: 33.3333333333%;
  padding: 17.5px 20px;
  border: 1px solid #666666;
}
#poweric-detail .section .poweric-table tbody td {
  width: 33.3333333333%;
  padding: 20px 35px;
  box-sizing: border-box;
  min-height: 60px;
  border: 1px solid #666666;
  font-size: 16px;
  font-weight: 500;
}
#poweric-detail .section .poweric-table tbody td:nth-child(2) {
  text-align: center;
}
#poweric-detail .section .poweric-table tbody .poweric-table-i i {
  font-size: 23px;
  color: #19599a;
}
#poweric-detail .section .poweric-table tbody .request {
  padding: 20px 65px;
}
#poweric-detail .section .poweric-table tbody .request span {
  width: 25px;
  display: inline-block;
  vertical-align: top;
}
#poweric-detail .section .poweric-table tbody .request p {
  width: calc(100% - 30px);
  padding-left: 10px;
  padding-top: 2px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
#poweric-detail .section .poweric-table a {
  transition: all 0.5s ease;
}
#poweric-detail .section .poweric-table a:hover {
  color: #DA3B2B;
}
#poweric-detail .pdeditor p,
#poweric-detail .pdeditor li {
  max-width: 1020px;
  color: #000;
  font-size: 20px;
  line-height: 1.4;
}

.poweric-modal .modal-dialog {
  max-width: 820px;
  width: 90%;
}
.poweric-modal .modal-content {
  border-radius: 0;
}
.poweric-modal .modal-body {
  padding-bottom: 0;
}
.poweric-modal .modal-poweric-p {
  margin: 0;
  text-align: center;
}
.poweric-modal .modal-poweric-title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin: 0 25px;
}
.poweric-modal .modal-poweric-img {
  width: 70px;
  margin-bottom: 35px !important;
}
.poweric-modal .modal-poweric-img img {
  -webkit-filter: drop-shadow(2px 7px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(2px 7px 7px rgba(0, 0, 0, 0.5));
}

.poweric-modal-footer {
  padding: 1rem;
  padding: 28px 1rem 28px 1rem;
  margin-top: 30px;
  border-top: 1px solid #e6e6e6;
  text-align: center;
}

.poweric-modalBtn {
  width: 250px;
  max-width: 100%;
  display: inline-block;
  margin-right: 25px;
  position: relative;
  font-size: 16px;
  color: #173077;
  border: 1px solid #173077;
  box-sizing: border-box;
  border-radius: 50px;
  padding: 12px 60px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.poweric-modalBtn i {
  position: absolute;
  font-size: 11px;
  top: calc(50% - 8.5px);
  right: 37px;
}
.poweric-modalBtn:last-child {
  margin-right: 0;
}
.poweric-modalBtn:hover {
  background-color: #DA3B2B;
  border: 1px solid #DA3B2B;
  color: #FFF;
}

.rwd-class-box {
  display: none;
}
@media (max-width: 1000px) {
  .rwd-class-box {
    width: 100%;
    border: 1px solid #173077;
    padding: 10px 30px 10px 15px;
    position: relative;
    font-size: 18px;
    color: #173077;
    font-weight: 500;
    display: block;
  }
  .rwd-class-box:after {
    content: "";
    width: 15px;
    height: 8px;
    background-image: url("../images/icon/down.png");
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
  }
}

@media (max-width: 1599px) {
  #poweric-detail .section .tableWrap {
    width: 74.2%;
  }
  #poweric-detail .section .tableWrap .w-990 {
    width: 100%;
  }
  #poweric-detail .section .poweric-table tbody .request {
    padding: 20px 35px;
  }
}
@media (max-width: 1399px) {
  #poweric-detail .poweric-detail-class-box .poweric-detail-class {
    margin-right: 30px;
  }
  #poweric-detail .section .poweric-slick-block {
    max-width: calc(74.2% - 100px);
  }
  #poweric-detail .section .poweric-slick-block .poweric-slick-for .poweric-slick-img {
    height: 400px;
  }
}
@media (max-width: 1000px) {
  #poweric-detail .section {
    flex-direction: column;
  }
  #poweric-detail .section .title {
    text-align: center;
    margin-bottom: 32px;
    padding-left: 0;
    padding-right: 0;
  }
  #poweric-detail .section .tableWrap {
    width: 100%;
  }
  #poweric-detail .section .poweric-slick-block {
    max-width: 100%;
  }
  #poweric-detail .poweric-detail-class-block {
    padding: 50px 0;
  }
  #poweric-detail .poweric-detail-class-block .poweric-detail-class-box {
    display: none;
  }
  #poweric-detail .poweric-detail-class-block .poweric-detail-class-box .poweric-detail-class {
    margin-right: 0;
    padding: 10px 20px;
    border: 1px solid #173077;
    border-top: none;
    font-size: 16px;
    color: #666666;
  }
  #poweric-detail .poweric-detail-class-block .poweric-detail-class-box .poweric-detail-class.active {
    color: #173077;
  }
  #poweric-detail .poweric-detail-class-block .poweric-detail-class-box .poweric-detail-class.active:after {
    display: none;
  }
  #poweric-detail .poweric-detail-class-block .rwd-poweric-detail-class {
    width: 90%;
    margin: 0 auto 30px auto;
  }
  #poweric-detail .productDlBlock .inner {
    flex-direction: column;
  }
  #poweric-detail .productDlBlock .addWrap {
    margin: 0 auto;
  }
  .poweric-pl {
    padding-left: 0;
  }
}
@media (max-width: 650px) {
  .poweric-modal .poweric-modalBtn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .poweric-modal .poweric-modalBtn:last-child {
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .poweric-modal .modal-dialog {
    margin: 0 auto;
  }
}
@media (max-width: 450px) {
  #poweric-detail .section .poweric-slick-block .poweric-slick-for .poweric-slick-img {
    height: 300px;
  }
  #poweric-detail .section .poweric-slick-block .poweric-slick-nav .poweric-slick-info .poweric-slick-img {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.poweric-contact-top-title {
  font-size: 36px;
  color: #173077;
  font-weight: bold;
  margin-bottom: 18px;
}
@media (max-width: 500px) {
  .poweric-contact-top-title {
    font-size: 30px;
  }
}

.poweric-contact-top-p {
  font-size: 16px;
  color: #333333;
}

.poweric-contact-top {
  padding-top: 50px;
}

.poweric-contact-top-list-box {
  margin-top: 50px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.poweric-contact-top-list-box .poweric-contact-top-list {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 0 56px 20px 56px;
}
.poweric-contact-top-list-box .poweric-contact-top-list .poweric-contact-close {
  cursor: pointer;
  color: #CCC;
  font-size: 14px;
  transition: all 0.5s ease;
}
.poweric-contact-top-list-box .poweric-contact-top-list .poweric-contact-close:hover {
  color: #DA3B2B;
}
.poweric-contact-top-list-box .poweric-contact-top-list .poweric-contact-img {
  max-width: 123px;
  height: 210px;
  padding: 20px 10px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.poweric-contact-top-list-box .poweric-contact-top-list .poweric-contact-title {
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .poweric-contact-top-list-box .poweric-contact-top-list {
    margin: 0 45px 20px 45px;
  }
}
@media (max-width: 991px) {
  .poweric-contact-top-list-box .poweric-contact-top-list {
    margin: 0 20px 20px 20px;
  }
  .poweric-contact-top-list-box .poweric-contact-top-list .poweric-contact-img {
    max-width: 80px;
    height: 150px;
  }
}

.poweric-contact-block .inner {
  max-width: 1300px;
  margin: 0 auto;
}
.poweric-contact-block .poweric-contact-box {
  padding-left: 10px;
  padding-right: 10px;
}
.poweric-contact-block .formGroup.half {
  flex: 0 0 49.3%;
}
.poweric-contact-block .poweric-contact-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 711px;
  max-width: 100%;
  margin: 83px auto 65px auto;
}
.poweric-contact-block .contact-left label {
  width: 160px !important;
}
.poweric-contact-block .contact-right label {
  width: 120px !important;
}
.poweric-contact-block .form-radio-box {
  display: flex;
  justify-content: center;
  padding-right: 30px;
}
.poweric-contact-block .form-radio-box .radio-list {
  margin-right: 20px;
  position: relative;
}
.poweric-contact-block .form-radio-box .radio-list .radio-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.poweric-contact-block .form-radio-box .radio-list .radio-input:checked + .radio-label:after {
  opacity: 1;
}
.poweric-contact-block .form-radio-box .radio-list .radio-label {
  width: 55px !important;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 25px !important;
  position: relative;
  cursor: pointer;
}
.poweric-contact-block .form-radio-box .radio-list .radio-label:after, .poweric-contact-block .form-radio-box .radio-list .radio-label:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
}
.poweric-contact-block .form-radio-box .radio-list .radio-label:before {
  border: 1px solid #B7B7B7;
  background-color: #FFF;
}
.poweric-contact-block .form-radio-box .radio-list .radio-label:after {
  background-color: #00417D;
  transform: scale(0.5);
  opacity: 0;
}
.poweric-contact-block .form-radio-box .radio-list:last-child {
  margin-right: 0;
}
@media (max-width: 500px) {
  .poweric-contact-block .form-radio-box .radio-list {
    margin-right: 20px;
  }
}
.poweric-contact-block .contact-textarea label {
  align-items: flex-start;
}
.poweric-contact-block .contact-textarea label:after {
  height: 25px;
  top: 17px;
}
.poweric-contact-block .check-code {
  background-color: #FFF;
}
.poweric-contact-block .check-code label,
.poweric-contact-block .check-code input {
  background-color: #F5F6F8;
}
.poweric-contact-block .check-code .codeImg {
  background-color: #FFF;
  width: 250px;
  margin-right: 0;
}
.poweric-contact-block .btnGroup .submit {
  background-color: #ce3c2b;
}
.poweric-contact-block .btnGroup .reset {
  border: 1px solid #666666;
  color: #333;
}
.poweric-contact-block .btnGroup .reset:hover {
  background-color: #666;
  color: #FFF;
}
@media (max-width: 991px) {
  .poweric-contact-block .formGroup.half {
    flex: 0 0 100%;
  }
  .poweric-contact-block .formGroup {
    flex-direction: column;
  }
  .poweric-contact-block .formGroup label {
    height: auto;
    min-height: auto;
    align-self: flex-start;
    padding-left: 20px;
    padding-bottom: 4px;
  }
  .poweric-contact-block .formGroup label:after {
    display: none;
  }
  .poweric-contact-block .formGroup input {
    height: 54px;
    padding: 0 20px;
  }
  .poweric-contact-block .formGroup .bootstrap-select .dropdown-toggle {
    padding-left: 20px;
  }
  .poweric-contact-block .formGroup textarea {
    padding: 0 20px;
  }
  .poweric-contact-block .check-code label {
    width: 100% !important;
  }
  .poweric-contact-block .check-code .codeImg {
    align-self: flex-start;
    margin-top: 10px;
    width: auto;
    padding-left: 20px;
  }
  .poweric-contact-block .form-radio-box {
    align-self: flex-start;
    padding: 0 20px 20px 20px;
  }
}

.contact-modal-block {
  width: 100%;
  height: 100vh;
  position: fixed;
  align-items: center;
  justify-content: center;
  padding: 10px;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.contact-modal-block.show {
  display: flex;
}
.contact-modal-block .contact-modal-box {
  width: 820px;
  max-width: 100%;
  display: block;
  background-color: #FFF;
  position: relative;
  z-index: 1;
  padding-top: 30px;
}
.contact-modal-block .contact-modal-box .contact-modal-close {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
.contact-modal-block .contact-modal-box .modal-poweric-img {
  margin: 50px auto;
  text-align: center;
}
.contact-modal-block .contact-modal-box .contact-modal-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 0 10px;
}
.contact-modal-block .contact-modal-box .contact-modal-p {
  width: 420px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #333;
}
.contact-modal-block .contact-modal-mask {
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}

.applications-block .applications-icon {
  text-align: center;
  margin-bottom: 25px;
}
.applications-block .applications-icon-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.applications-block .rwd-class-box {
  margin-top: 40px;
  display: none;
}
@media (max-width: 991px) {
  .applications-block .rwd-class-box {
    display: block;
  }
}
.applications-block .applications-class-box {
  margin: 40px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.applications-block .applications-class-box a {
  padding: 10px 45px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  margin: 10px;
  transition: all 0.5s ease;
}
.applications-block .applications-class-box a:hover {
  background-color: #173077;
  color: #FFF;
}
@media (max-width: 991px) {
  .applications-block .applications-class-box {
    display: none;
    margin: 0;
  }
  .applications-block .applications-class-box a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    margin: 0;
    border-radius: 0;
    border-left: 1px solid #173077;
    border-right: 1px solid #173077;
    border-bottom: 1px solid #173077;
    border-top: none;
  }
}
.applications-block .applications-list-box {
  padding-top: 50px;
  margin-bottom: 140px;
}
.applications-block .applications-list-box .applications-list {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
  position: relative;
}
.applications-block .applications-list-box .applications-list .tag {
  position: absolute;
  top: -100px;
}
.applications-block .applications-list-box .applications-list span {
  display: block;
}
.applications-block .applications-list-box .applications-list span.line3 {
  display: -webkit-box;
}
.applications-block .applications-list-box .applications-list .applications-list-img {
  flex: 0 0 50%;
  overflow: hidden;
  height: 350px;
}
.applications-block .applications-list-box .applications-list .applications-list-img img {
  transition: all 0.5s ease;
}
.applications-block .applications-list-box .applications-list .applications-list-info-box {
  padding: 35px 80px 65px 60px;
}
.applications-block .applications-list-box .applications-list .applications-list-info-box .applications-list-title {
  font-size: 30px;
  font-weight: bold;
  color: #173077;
  margin-bottom: 20px;
}
.applications-block .applications-list-box .applications-list .applications-list-info-box .applications-list-p {
  font-size: 16px;
  color: #000;
  margin-bottom: 55px;
}
.applications-block .applications-list-box .applications-list .applications-list-info-box .applications-list-more {
  width: 180px;
  border-radius: 50px;
  border: 1px solid #173077;
  box-sizing: border-box;
  font-size: 16px;
  color: #173077;
  text-align: center;
  padding: 12px 0;
  transition: all 0.5s ease;
}
.applications-block .applications-list-box .applications-list:last-child {
  margin-bottom: 0;
}
.applications-block .applications-list-box .applications-list:hover .applications-list-img img {
  transform: scale(1.05);
}
.applications-block .applications-list-box .applications-list:hover .applications-list-more {
  background-color: #173077;
  color: #FFF;
}
@media (min-width: 992px) {
  .applications-block .applications-list-box .applications-list:nth-child(even) .applications-list-info-box {
    order: 1;
  }
  .applications-block .applications-list-box .applications-list:nth-child(even) .applications-list-img {
    order: 2;
  }
}
@media (max-width: 991px) {
  .applications-block .applications-list-box .applications-list {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .applications-block .applications-list-box .applications-list .applications-list-img {
    flex: 0 0 100%;
    height: auto;
  }
  .applications-block .applications-list-box .applications-list .applications-list-info-box {
    width: 100%;
    padding: 30px 20px;
  }
}
@media (max-width: 800px) {
  .applications-block .applications-list-box .applications-list .applications-list-info-box .applications-list-title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .applications-block .applications-list-box .applications-list .applications-list-info-box .applications-list-p {
    margin-bottom: 20px;
  }
}

#application .pageBannerBlock::before {
  display: none;
}
#application .pageBannerBlock .inner {
  max-width: 1600px;
  display: block;
}
#application .pageBannerBlock .inner .application-banner-block {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#application .pageBannerBlock .inner .application-banner-block .application-banner-box {
  height: 400px;
  position: relative;
}
#application .pageBannerBlock .inner .application-banner-block .application-banner {
  height: 470px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  flex-direction: column;
  justify-content: flex-end;
  border-bottom-left-radius: 100px;
}
#application .pageBannerBlock .inner .application-banner-block .application-banner .bannerContent,
#application .pageBannerBlock .inner .application-banner-block .application-banner .bannerNavBlock {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
}
#application .pageBannerBlock .inner .application-banner-block .application-banner .pageTitleBox .mainTitle {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
}
#application .pageBannerBlock .inner .application-banner-block .breadOuter {
  padding-left: 45px;
  margin-bottom: 40px;
}
@media (max-width: 1599px) {
  #application .pageBannerBlock .inner .application-banner-block .breadOuter {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner-box {
    height: 285px;
    width: 90%;
    margin: 0 auto;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner {
    height: 370px;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner .bannerContent,
  #application .pageBannerBlock .inner .application-banner-block .application-banner .bannerNavBlock {
    width: 90%;
  }
  #application .pageBannerBlock .inner .application-banner-block .bannerContent {
    padding-bottom: 45px;
  }
}
@media (max-width: 1199px) {
  #application .pageBannerBlock .inner .application-banner-block .application-banner-box {
    height: 240px;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner {
    height: 320px;
  }
}
@media (max-width: 575px) {
  #application .pageBannerBlock .inner .application-banner-block .breadOuter {
    padding-left: 0;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner-box {
    height: auto;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner {
    height: auto;
    position: static;
    background-image: none !important;
  }
  #application .pageBannerBlock .inner .application-banner-block .application-banner .bannerContent {
    width: 100%;
  }
}
@media (max-width: 575px) {
  #application .pageBannerBlock {
    margin-bottom: 0;
  }
}

.application-block .application-top-box {
  border-bottom: 1px solid #D9D9D9;
}
.application-block .application-top-p {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  color: #222;
  padding: 55px 0;
}
.application-block .tree-box {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #D9D9D9;
}
.application-block .tree-box .application-left {
  width: 33.3333333333%;
  max-width: 100%;
  background-color: #F6F8FA;
  min-height: 800px;
}
.application-block .tree-box .application-left .application-left-tag {
  position: relative;
  top: -100px;
}
.application-block .tree-box .application-left .application-class-ps {
  padding: 85px 20px;
  width: 240px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.application-block .tree-box .application-left .application-class {
  padding: 25px;
  width: 100%;
  box-sizing: border-box;
  display: none;
}
.application-block .tree-box .application-left .application-class-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 10px;
}
.application-block .tree-box .application-left .application-class-title span {
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  font-family: "Arial", "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
}
.application-block .tree-box .application-left .application-class-list {
  background-color: #FFF;
  border-radius: 10px;
  margin-bottom: 15px;
}
.application-block .tree-box .application-left .application-class-list .class-list-title-box {
  display: flex;
  padding: 10px 25px;
  cursor: pointer;
}
.application-block .tree-box .application-left .application-class-list .class-list-title {
  width: 100%;
  padding-right: 10px;
  font-size: 20px;
  font-weight: bold;
}
.application-block .tree-box .application-left .application-class-list .list-more-icon {
  width: 12px;
}
.application-block .tree-box .application-left .application-class-list .class-list-info {
  width: 100%;
  display: none;
  padding: 10px 25px;
  padding-top: 0 !important;
}
.application-block .tree-box .application-left .application-class-list .class-list-p {
  font-size: 16px;
  max-width: 355px;
  font-weight: 500;
  padding: 20px 0;
  line-height: 18.75px;
  margin-bottom: 0;
}
.application-block .tree-box .application-left .application-class-list .class-list-link-box {
  display: flex;
  flex-wrap: wrap;
}
.application-block .tree-box .application-left .application-class-list .class-list-link-box .class-list-link {
  border-radius: 50px;
  min-width: 150px;
  padding: 0 25px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  background-color: #f6f8fa;
  margin-right: 15px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #333;
  margin-bottom: 5px;
  transition: all 0.3s ease;
}
.application-block .tree-box .application-left .application-class-list .class-list-link-box .class-list-link i {
  font-size: 20px;
  margin-left: 15px;
}
.application-block .tree-box .application-left .application-class-list .class-list-link-box .class-list-link:hover {
  background-color: #173077;
  color: #FFF;
}
.application-block .tree-box .application-left .application-class-list .class-list-link-box .class-list-link:last-child {
  margin-right: 0;
}
.application-block .tree-box .application-right {
  width: 66.6666666667%;
  padding: 85px 35px 85px 50px;
}
.application-block .tree-box .application-right .application-tree-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.application-block .tree-box .application-right .application-tree-rwd {
  display: none;
  font-size: 18px;
}
.application-block .tree-box .application-right .application-tree-box {
  position: relative;
}
.application-block .tree-box .application-right .application-tree-box .tree-link-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.application-block .tree-box .application-right .application-tree-box .tree-link-box .tree-link {
  width: 30%;
  display: block;
  position: absolute;
}
.application-block .tree-box .application-right .application-tree-box .tree-link-box .tree-link span {
  width: 100%;
  padding-bottom: 28%;
  display: block;
}
.application-block .tree-box .application-tree-block {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
}
.application-block .tree-box .application-tree-block .application-tree-box {
  width: max-content;
}
@media (max-width: 991px) {
  .application-block .tree-box {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .application-block .tree-box .application-left,
  .application-block .tree-box .application-right {
    width: 100%;
  }
  .application-block .tree-box .application-right {
    order: 1;
    padding: 50px 0;
  }
  .application-block .tree-box .application-right .application-tree-title {
    margin-bottom: 30px;
    font-size: 26px;
  }
  .application-block .tree-box .application-right .application-tree-rwd {
    display: block;
    margin-bottom: 20px;
  }
  .application-block .tree-box .application-left {
    order: 2;
  }
  .application-block .tree-box .application-left .application-class-ps {
    display: none;
  }
  .application-block .tree-box .application-left #tree-1 {
    display: block;
  }
}
@media (max-width: 500px) {
  .application-block .tree-box .class-list-link {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  .application-block .tree-box .class-list-link:last-child {
    margin-bottom: 0 !important;
  }
}
.application-block .application-edit {
  border-bottom: 1px solid #D9D9D9;
}

.edit-box {
  padding: 55px 0;
}
.edit-box p {
  line-height: 1.6;
}

.edit-img-demo1 {
  width: 1180px;
  max-width: 100%;
  margin: -90px auto 0;
  position: relative;
}
@media (max-width: 1199px) {
  .edit-img-demo1 {
    margin-top: 0;
  }
}

.edit-img-demo2-box {
  display: flex;
  justify-content: space-between;
}
.edit-img-demo2-box .edit-img-demo2 {
  width: calc(50% - 2px);
}
.edit-img-demo2-box .edit-img-demo3-left {
  align-self: center;
  min-width: 355px;
}
.edit-img-demo2-box .edit-img-demo3-right {
  padding: 0 85px;
}
@media (max-width: 1199px) {
  .edit-img-demo2-box .edit-img-demo3-right {
    padding: 0 40px;
  }
}
@media (max-width: 991px) {
  .edit-img-demo2-box {
    flex-wrap: wrap;
  }
  .edit-img-demo2-box .edit-img-demo2 {
    width: 100%;
  }
  .edit-img-demo2-box .edit-img-demo3-left {
    margin-bottom: 30px;
  }
  .edit-img-demo2-box .edit-img-demo3-right {
    padding: 0;
  }
}

.application4-edit-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.application4-edit-flex .application4-edit-left {
  width: 550px;
  max-width: 100%;
}
.application4-edit-flex .application4-edit-right {
  width: calc(100% - 550px);
}
@media (max-width: 1199px) {
  .application4-edit-flex .application4-edit-left {
    width: 500px;
  }
  .application4-edit-flex .application4-edit-right {
    width: calc(100% - 500px);
  }
}
@media (max-width: 991px) {
  .application4-edit-flex .application4-edit-left {
    width: 100%;
    order: 2;
  }
  .application4-edit-flex .application4-edit-right {
    width: 100%;
    order: 1;
  }
}

@media (max-width: 1199px) {
  .eventsBlock01 .wp1500, .eventsBlock02 .wp1500, .eventsBlock03 .wp1500 {
    max-width: 900px;
  }
}
@media (max-width: 991px) {
  .eventsBlock01 .wp1500, .eventsBlock02 .wp1500, .eventsBlock03 .wp1500 {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .eventsBlock01 .wp1500, .eventsBlock02 .wp1500, .eventsBlock03 .wp1500 {
    max-width: 540px;
  }
}

.eventsBlock01 {
  padding-bottom: 38px;
}
.eventsBlock01 .inner {
  padding-left: 90px;
  padding-right: 20px;
  display: flex;
}
@media (max-width: 1599px) {
  .eventsBlock01 .inner {
    padding-left: 20px;
  }
}
@media (max-width: 1199px) {
  .eventsBlock01 .inner {
    flex-direction: column;
  }
}
.eventsBlock01 .leftWrap {
  flex: 0 1 580px;
}
@media (max-width: 1599px) {
  .eventsBlock01 .leftWrap {
    flex: 0 1 50%;
  }
}
@media (max-width: 1199px) {
  .eventsBlock01 .leftWrap {
    flex: 0 1 100%;
    margin-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .eventsBlock01 .leftWrap {
    margin-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .eventsBlock01 .leftWrap .cldrWrap .calendar table {
    border-width: 10px;
  }
  .eventsBlock01 .leftWrap .cldrWrap .calendar thead td {
    padding-bottom: 20px;
  }
}
.eventsBlock01 .leftWrap .todayEvent {
  padding-top: 16px;
  padding-left: 14px;
}
@media (max-width: 575px) {
  .eventsBlock01 .leftWrap .todayEvent {
    padding-top: 0;
    padding-left: 0;
  }
}
.eventsBlock01 .leftWrap .todayEvent .item {
  margin-top: 16px;
}
.eventsBlock01 .leftWrap .todayEvent .item a:not([href]) {
  cursor: auto;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap {
  padding-top: 15px;
  padding-right: 16px;
  display: flex;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink {
  position: relative;
  display: flex;
  align-items: center;
  color: #173077;
  padding-bottom: 8px;
  margin-left: 5px;
  margin-right: 35px;
  cursor: pointer;
  transition: all 0.3s;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink i {
  font-size: 22px;
  width: 20px;
  text-align: center;
  margin-right: 14px;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink span {
  font-weight: 500;
  font-size: 16px;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink.red {
  color: #DA3B2B;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink:hover i, .eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink:hover span {
  opacity: 0.8;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink.cldrBtn {
  z-index: 3;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink .cldrLink {
  position: absolute;
  top: 40px;
  left: -14px;
  width: 222px;
  height: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  transition: all 0.3s;
  background-color: #fff;
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.eventsBlock01 .leftWrap .todayEvent .item .linkWrap .eventLink .cldrLink:hover {
  color: #000;
}
.eventsBlock01 .rightWrap {
  flex: 0 1 810px;
  padding-left: 110px;
}
@media (max-width: 1599px) {
  .eventsBlock01 .rightWrap {
    flex: 0 1 50%;
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  .eventsBlock01 .rightWrap {
    flex: 0 1 100%;
    padding-left: 0;
  }
}
.eventsBlock01 .rightWrap .eventList {
  padding-top: 9px;
}
.eventsBlock01 .rightWrap .eventList .eventItem {
  padding: 28px 0 28px 4px;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
}
@media (max-width: 575px) {
  .eventsBlock01 .rightWrap .eventList .eventItem {
    padding: 20px 0;
    flex-direction: column;
  }
}
.eventsBlock01 .rightWrap .eventList .eventItem .titleWrap {
  flex: 1;
}
.eventsBlock01 .rightWrap .eventList .eventItem .titleWrap .font-24 {
  margin-bottom: 12px;
  padding-right: 16px;
}
@media (max-width: 575px) {
  .eventsBlock01 .rightWrap .eventList .eventItem .titleWrap .font-24 {
    margin-bottom: 5px;
    padding-right: 0;
  }
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap {
  flex: 0 0 150px;
  padding-right: 16px;
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 1599px) {
  .eventsBlock01 .rightWrap .eventList .eventItem .linkWrap {
    flex: 0 0 120px;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .eventsBlock01 .rightWrap .eventList .eventItem .linkWrap {
    margin-top: 20px;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
  }
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink {
  position: relative;
  display: flex;
  align-items: center;
  color: #173077;
  padding-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
@media (max-width: 575px) {
  .eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink:not(:last-child) {
    margin-right: 15px;
  }
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink i {
  font-size: 22px;
  width: 20px;
  text-align: center;
  margin-right: 14px;
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink span {
  font-weight: 500;
  font-size: 16px;
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink:hover {
  color: #DA3B2B;
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink.cldrBtn {
  z-index: 3;
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink .cldrLink {
  position: absolute;
  top: 40px;
  left: -14px;
  width: 222px;
  height: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  transition: all 0.3s;
  background-color: #fff;
  font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", sans-serif;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.eventsBlock01 .rightWrap .eventList .eventItem .linkWrap .eventLink .cldrLink:hover {
  color: #000;
}
.eventsBlock01 a[href]:hover {
  color: #DA3B2B;
}

.eventsBlock02 {
  padding-top: 20px;
  padding-bottom: 138px;
  position: relative;
}
@media (max-width: 1599px) {
  .eventsBlock02 {
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .eventsBlock02 {
    padding-bottom: 60px;
  }
}
.eventsBlock02::before {
  content: "";
  width: 100%;
  height: 400px;
  background-color: #F2F2F2;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 1599px) {
  .eventsBlock02::before {
    height: 360px;
  }
}
@media (max-width: 1199px) {
  .eventsBlock02::before {
    height: 280px;
  }
}
.eventsBlock02 .inner {
  padding-left: 90px;
  padding-right: 30px;
}
@media (max-width: 1599px) {
  .eventsBlock02 .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1199px) {
  .eventsBlock02 .inner .d-flex {
    flex-direction: column;
  }
}
.eventsBlock02 .inner h2 {
  margin-bottom: 33px;
  margin-left: 13px;
}
@media (max-width: 575px) {
  .eventsBlock02 .inner h2 {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.eventsBlock02 .inner .imgWrap {
  flex: 0 1 750px;
}
@media (max-width: 1599px) {
  .eventsBlock02 .inner .imgWrap {
    flex: 0 1 60%;
  }
}
@media (max-width: 1199px) {
  .eventsBlock02 .inner .imgWrap {
    flex: 0 1 100%;
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .eventsBlock02 .inner .imgWrap {
    margin-bottom: 30px;
  }
}
.eventsBlock02 .inner .imgWrap img {
  width: 100%;
}
.eventsBlock02 .inner .contentWrap {
  flex: 0 1 630px;
  padding-left: 94px;
  padding-top: 36px;
}
@media (max-width: 1599px) {
  .eventsBlock02 .inner .contentWrap {
    flex: 0 1 40%;
    padding-left: 50px;
    padding-top: 20px;
  }
}
@media (max-width: 1199px) {
  .eventsBlock02 .inner .contentWrap {
    flex: 0 1 100%;
    padding-left: 0;
    padding-top: 0;
  }
}
.eventsBlock02 .inner .contentWrap .text {
  font-weight: 700;
  color: #1a1a1a;
  max-width: 340px;
  margin-top: 76px;
  margin-bottom: 60px;
  line-height: 1.8;
}
@media (max-width: 1599px) {
  .eventsBlock02 .inner .contentWrap .text {
    margin-bottom: 40px;
  }
}
.eventsBlock02 .inner .contentWrap .pdfBtn {
  display: block;
  width: 180px;
  padding: 16px 10px;
  border-bottom: 1px solid #1A1A1A;
}
.eventsBlock02 .inner .contentWrap .pdfBtn i {
  margin-left: 36px;
  font-size: 29px;
}
.eventsBlock02 .inner .contentWrap .pdfBtn:hover {
  color: #173077;
}

.eventsBlock03 {
  padding-top: 85px;
  padding-bottom: 165px;
}
@media (max-width: 991px) {
  .eventsBlock03 {
    padding-bottom: 120px;
  }
}
@media (max-width: 575px) {
  .eventsBlock03 {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}
.eventsBlock03 .inner {
  padding-left: 90px;
  padding-right: 30px;
  display: flex;
}
@media (max-width: 1599px) {
  .eventsBlock03 .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .eventsBlock03 .inner {
    flex-direction: column;
  }
}
.eventsBlock03 .inner .leftWrap {
  width: 280px;
  padding-top: 15px;
}
@media (max-width: 1599px) {
  .eventsBlock03 .inner .leftWrap {
    width: 180px;
    flex-shrink: 0;
  }
}
@media (max-width: 991px) {
  .eventsBlock03 .inner .leftWrap {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .eventsBlock03 .inner .leftWrap {
    margin-bottom: 10px;
  }
}
.eventsBlock03 .inner .rightWrap {
  width: 1100px;
}
@media (max-width: 1599px) {
  .eventsBlock03 .inner .rightWrap {
    width: auto;
    padding-left: 40px;
    flex-grow: 1;
  }
}
@media (max-width: 991px) {
  .eventsBlock03 .inner .rightWrap {
    width: 100%;
    padding-left: 0;
  }
}
.eventsBlock03 .pastList .pastItem .yearToggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 75px;
  padding-left: 12px;
  padding-right: 28px;
  border-bottom: 1px solid #D9D9D9;
  transition: all 0.3s;
  cursor: pointer;
}
.eventsBlock03 .pastList .pastItem .yearToggle .plusMark {
  width: 20px;
  height: 20px;
  position: relative;
}
.eventsBlock03 .pastList .pastItem .yearToggle .plusMark .bar1, .eventsBlock03 .pastList .pastItem .yearToggle .plusMark .bar2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #173077;
}
.eventsBlock03 .pastList .pastItem .yearToggle .plusMark .bar1 {
  width: 100%;
  height: 2px;
}
.eventsBlock03 .pastList .pastItem .yearToggle .plusMark .bar2 {
  transition: all 0.3s;
  width: 2px;
  height: 100%;
}
.eventsBlock03 .pastList .pastItem .pastDropdown {
  padding-top: 14px;
  padding-bottom: 29px;
  display: none;
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent {
  background-color: #F2F2F2;
  padding: 20px 0 20px 52px;
  margin-bottom: 1px;
  display: flex;
}
@media (max-width: 991px) {
  .eventsBlock03 .pastList .pastItem .pastDropdown .pastContent {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .eventsBlock03 .pastList .pastItem .pastDropdown .pastContent {
    padding: 15px 20px;
    flex-direction: column;
  }
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .titleWrap {
  flex: 1;
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .titleWrap .font-24 {
  margin-bottom: 12px;
  padding-right: 16px;
}
@media (max-width: 575px) {
  .eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .titleWrap .font-24 {
    padding-right: 0;
  }
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap {
  flex: 0 0 200px;
  padding-right: 16px;
}
@media (max-width: 991px) {
  .eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap {
    flex: 0 0 130px;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap {
    margin-top: 20px;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
  }
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap .eventLink {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  padding-bottom: 8px;
}
@media (max-width: 575px) {
  .eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap .eventLink:not(:last-child) {
    margin-right: 15px;
  }
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap .eventLink i {
  font-size: 22px;
  width: 20px;
  text-align: center;
  margin-right: 9px;
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap .eventLink span {
  font-size: 16px;
}
.eventsBlock03 .pastList .pastItem .pastDropdown .pastContent .linkWrap .eventLink:hover {
  color: #173077;
}
.eventsBlock03 .pastList .pastItem.active .yearToggle {
  border-bottom: 1px solid #173077;
}
.eventsBlock03 .pastList .pastItem.active .yearToggle .plusMark .bar2 {
  height: 0;
}

.eventEditorBlock .inner {
  padding: 37px 75px;
}
@media (max-width: 991px) {
  .eventEditorBlock .inner {
    padding: 37px 0;
  }
}

.eventEditor p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0;
  line-height: 1.6875;
}

.eventBtnsBlock {
  padding-bottom: 120px;
}
.eventBtnsBlock .inner {
  border-top: 1px solid #E5E5E5;
  padding: 45px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.eventBtnsBlock .inner .enentBtn {
  min-width: 190px;
  height: 50px;
  margin: 0 10px 18px;
  border-radius: 25px;
  background-color: #173077;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s;
}
.eventBtnsBlock .inner .enentBtn:hover {
  opacity: 0.9;
}
.eventBtnsBlock .inner .enentBtn i {
  font-size: 20px;
  font-weight: 400;
  margin-right: 18px;
}
@media (max-width: 1199px) {
  .eventBtnsBlock {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .eventBtnsBlock {
    padding-bottom: 20px;
  }
}/*# sourceMappingURL=style.css.map */