@charset "UTF-8";
@import url(pure/pure.css);
@import url(fonts/fontello/css/icon.css);
@import "https://fonts.googleapis.com/css?family=Dosis";
@import url(plugin.css);
@import url(fancybox/jquery.fancybox.css);
.clearfix:before, .clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}

.d1 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.d2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.d3 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.d4 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.d5 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.d6 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.d7 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.d8 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.d9 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.d10 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.inlineBox {
  letter-spacing: -0px;
  word-spacing: -0px;
  font-size: 0;
  padding: 0;
}
.inlineBox .boxIn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 18px;
  letter-spacing: normal;
  word-spacing: normal;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

/*font*/
@font-face {
  font-family: swis;
  unicode-range: U+00-024F;
  src: local("swis721 Lt BT"), url(fonts/swis.ttf) format("truetype"), local(Arial);
}
@font-face {
  font-family: webfont;
  src: local("微軟正黑體"), local("NotoSansCJKtc-Light"), local("Microsoft YaHei"), url(fonts/NotoSansCJKtc-Light.otf) format("opentype"), local("新細明體");
}
@font-face {
  font-family: webfont;
  unicode-range: U+00-024F;
  src: local("Questrial"), local("Questrial-Regular"), url(https://fonts.gstatic.com/s/questrial/v6/MYWJ4lYm5dbZ1UBuYox79FtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"), url(fonts/Questrial-Regular.ttf) format("truetype"), local(Arial), local(sans-serif);
}
@font-face {
  font-family: ios;
  src: local("Microsoft YaHei"), local("苹方 常规"), local("PingFang SC"), url(fonts/PingFang-Regular.ttf) format("truetype"), local("Heiti TC"), local("黑體 - 繁"), local("新細明體");
}
@font-face {
  font-family: ios;
  unicode-range: U+00-024F;
  src: local("Questrial"), local("Questrial-Regular"), url(https://fonts.gstatic.com/s/questrial/v6/MYWJ4lYm5dbZ1UBuYox79FtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"), url(fonts/Questrial-Regular.ttf) format("truetype"), local(Arial), local(sans-serif);
}
.red {
  color: #C30010;
}

.lightred {
  color: #E30212;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.gray {
  color: #8C8C8C;
}

.blue {
  color: #1588CB;
}

.orange {
  color: #de7300;
}

html.msie {
  overflow: hidden;
}

html.msie body {
  overflow: auto;
}

html, body {
  font-family: webfont;
  line-height: 1.8;
  font-size: 17px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  height: 100%;
  color: #333;
}

html[lang="tw"], html[lang="tw"] body {
  letter-spacing: .002em;
}

html.ios, html.ios body {
  font-family: ios;
}

@media (max-width: 1680px) and (min-width: 1281px) {
  html, body {
    font-size: 16px;
  }
}
@media (max-width: 1280px) and (min-width: 992px) {
  html, body {
    font-size: 15px;
  }
}
@media (max-width: 991px) and (min-width: 481px) {
  html, body {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  html, body {
    font-size: 13px;
  }
}
.wrapper, #footer {
  opacity: 0;
}
.mobile .wrapper, .mobile #footer {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
.no-cssanimations .wrapper, .no-cssanimations #footer {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}

* {
  box-sizing: border-box;
}

.wrapper {
  min-height: 100%;
}

#main {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  text-align: center;
}

.container, .m-container, .s-container {
  width: 100%;
  max-width: 1840px;
  margin-left: auto;
  margin-right: auto;
}

.m-container {
  max-width: 1530px;
  padding-left: 15px;
  padding-right: 15px;
}

.s-container {
  max-width: 1330px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1680px) {
  .container, .m-container, .s-container {
    width: 95%;
    max-width: 1530px;
  }

  .m-container {
    width: 95%;
    max-width: 1440px;
  }

  .s-container {
    width: 95%;
    max-width: 1280px;
  }
}
/*img*/
.rwdImg {
  max-width: 100%;
}

/*特效*/
.wow {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.wow[class*='fadeIn'] {
  opacity: 0;
}

.no-js .wow,
.no-cssanimations .wow {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}

.slick-slide {
  outline: 0;
}

/*style*/
.ovh {
  overflow: hidden;
}

.wrapper {
  overflow: hidden;
}

.text-hide {
  margin: 0;
}

a[href],
button,
input,
select,
textarea {
  outline: 0;
  text-decoration: none;
  border: 0;
}

input,
select,
textarea {
  padding-left: 10px;
  padding-right: 10px;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

::-webkit-input-placeholder {
  color: #413B3B;
}

::-moz-placeholder {
  color: #413B3B;
}

:-ms-input-placeholder {
  color: #413B3B;
}

::placeholder {
  color: #413B3B;
}

a {
  color: #de7300;
}
a:hover {
  color: #C30010;
}

a[href] {
  -webkit-transition: color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

label.error {
  display: inline-block;
  padding: 0 5px;
  font-size: 16px;
  line-height: 40px;
  vertical-align: top;
  color: #C30010;
}

ul,
ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.btn {
  display: inline-block;
  text-align: center;
  background-color: #C30010;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1;
  font-family: inherit;
  color: inherit;
}

p {
  margin: 0;
  line-height: 1.7rem;
}

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

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

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

.sm-block {
  display: none;
}

.max-sm-size .sm-block {
  display: block;
}

.sm-hidden {
  display: block;
}

.max-sm-size .sm-hidden {
  display: none !important;
}

.xs-block {
  display: none;
}

.max-xs-size .xs-block {
  display: block;
}

.xs-hidden {
  display: block;
}

.max-xs-size .xs-hidden {
  display: none !important;
}

/*float*/
.fl {
  float: left;
}

.fr {
  float: right;
}

/*反白*/
::-moz-selection {
  background-color: #ff4242;
  color: #fff;
}

::selection {
  background-color: #ff4242;
  color: #fff;
}

/*Mozilla Firefox*/
::-moz-selection {
  background-color: #ff4242;
  color: #fff;
}

/*fancy box*/
.fancybox-close {
  width: 70px;
  height: 70px;
  background-image: none;
  background-color: #4B4B4B;
  text-align: center;
  line-height: 70px;
  text-align: center;
  top: 0;
  right: 0;
}
.fancybox-close:before {
  display: block;
  content: "+";
  font-family: "icon";
  font-size: 60px;
  color: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.fancybox-close:hover:before {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/*留白*/
.p3 {
  padding-top: 3%;
  padding-bottom: 3%;
}

.pt3 {
  padding-top: 3%;
}

.pb3 {
  padding-bottom: 3%;
}

.p5 {
  padding-top: 5%;
  padding-bottom: 5%;
}

.pt5 {
  padding-top: 5%;
}

.pb5 {
  padding-bottom: 5%;
}

.mt3 {
  margin-top: 3%;
}

.mb3 {
  margin-bottom: 3%;
}

@media (max-width: 768px) {
  .p3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pt3 {
    padding-top: 40px;
  }

  .pb3 {
    padding-bottom: 40px;
  }

  .p5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pt5 {
    padding-top: 60px;
  }

  .pb5 {
    padding-bottom: 60px;
  }

  .mt3 {
    margin-top: 30px;
  }

  .mb3 {
    margin-bottom: 30px;
  }
}
.p15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.w15 {
  width: 15%;
}

.w25 {
  width: 25%;
}

.w35 {
  width: 35%;
}

.w45 {
  width: 45%;
}

.w55 {
  width: 55%;
}

.w65 {
  width: 65%;
}

.w75 {
  width: 75%;
}

.w85 {
  width: 85%;
}

.w95 {
  width: 95%;
}

/*icon*/
.icon {
  display: inline-block;
  vertical-align: middle;
}

.icon-arrow-down {
  background: url(images/icon/arrow-down.png) center no-repeat;
  width: 13px;
  height: 8px;
}

.icon-arrow-d-black {
  background: url(images/icon/arrow-d-black.png) center no-repeat;
  width: 13px;
  height: 8px;
}

.icon-arrow-r {
  background: url(images/icon/arrow-r.png) center no-repeat;
  width: 8px;
  height: 13px;
}

.icon-phone {
  background: url(images/svg/phone.svg) center no-repeat;
  width: 18px;
  height: 18px;
}

.icon-fax {
  background: url(images/svg/fax.svg) center no-repeat;
  width: 18px;
  height: 18px;
}

.icon-email-b {
  background: url(images/svg/email-b.svg) center no-repeat;
  width: 20px;
  height: 20px;
}

.icon-map {
  background: url(images/svg/map.svg) center no-repeat;
  width: 18px;
  height: 18px;
}

.icon-prev {
  background: url(images/icon/page-prev.png) center no-repeat;
  width: 43px;
  height: 13px;
}

.icon-next {
  background: url(images/icon/page-next.png) center no-repeat;
  width: 43px;
  height: 13px;
}

.icon-back {
  background: url(images/icon/page-back.png) center no-repeat;
  width: 36px;
  height: 23px;
}

.icon-calendar {
  background: url(images/svg/calendar.svg) center no-repeat;
  width: 16px;
  height: 16px;
}

.icon-education {
  background: url(images/svg/education.svg) center no-repeat;
  width: 16px;
  height: 16px;
}

.icon-experience {
  background: url(images/svg/experience.svg) center no-repeat;
  width: 16px;
  height: 16px;
}

/*flex*/
.flex-box {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-box.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex-box.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-box.column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.flex-box.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-box.around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flex-box.between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-box.start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-box.end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-box.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-box.stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex-box.center2 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.no-flexbox .flex-box {
  display: block;
}

.sm-block {
  display: none;
}

.max-sm-size .sm-block {
  display: block;
}

/*ul.disc*/
ul.disc {
  list-style-type: disc;
  padding-left: 20px;
}
ul.disc li {
  margin-bottom: 0;
}

.wrapper {
  width: 100%;
  padding-top: 140px;
}
.max-md-size .wrapper {
  padding-top: 65px;
}

#header {
  width: 100%;
  height: 140px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 7000;
  background-color: #fff;
}
#header .top {
  height: 85px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
#header .logo {
  display: block;
  width: 145px;
  height: 50px;
  margin: 0;
  position: absolute;
  bottom: 10px;
}
#header .logo a {
  display: block;
  background: url(images/common/logo.svg) center no-repeat;
  width: 100%;
  height: 100%;
}
#header .func {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}
#header .func .li {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
}
#header .func .li a {
  color: #8C8C8C;
}
#header .func .mobileBtn {
  display: none;
}
#header .func .download {
  margin-right: 15px;
  line-height: 1;
}
#header .func .download .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
}
#header .func .download .icon path {
  fill: #8C8C8C;
  -webkit-transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .download:hover {
  color: #000;
}
#header .func .download:hover .icon path {
  fill: #000;
  -webkit-transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .language {
  position: relative;
  text-align: center;
}
#header .func .language .head {
  cursor: pointer;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .language .head:hover {
  color: #000;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .language .head:hover .icon path {
  fill: #000;
  -webkit-transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .language .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
}
#header .func .language .icon path {
  fill: #8C8C8C;
  -webkit-transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .language .body {
  display: none;
  position: absolute;
  width: 100%;
  overflow: hidden;
  z-index: 20;
  top: 120%;
}
#header .func .language .body li {
  background-color: rgba(0, 0, 0, 0.6);
  margin-bottom: 1px;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .func .language .body li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
#header .func .language .body li:hover {
  background-color: black;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .menu {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  padding: 0 15px;
}
#header .menu li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#header .menu li.hasChild a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.msie #header .menu li.hasChild span {
  padding-top: 10px;
}
#header .menu li.hasChild:hover span, #header .menu li.hasChild.active span {
  color: white;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#header .menu li:hover a, #header .menu li.active a {
  color: white;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.msie #header .menu li.search {
  max-width: 213px;
}
#header .menu li.search .btn {
  display: none;
}
#header .menu li.search form, #header .menu li.search input {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  position: relative;
}
#header .menu li.search input {
  padding: 0 10px;
  background-color: #A7000C;
  color: #fff;
}
#header .menu li.search input::-webkit-input-placeholder {
  color: #fff;
  font-size: .83333333rem;
}
#header .menu li.search input::-moz-placeholder {
  color: #fff;
  font-size: .83333333rem;
}
#header .menu li.search input:-ms-input-placeholder {
  color: #fff;
  font-size: .83333333rem;
}
#header .menu li.search input::placeholder {
  color: #fff;
  font-size: .83333333rem;
}
#header .menu li.search button {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(images/svg/search.svg) center no-repeat;
}
#header .menu li.language {
  display: none;
}
#header .bottom {
  width: 100%;
  height: 55px;
  background-color: #C30010;
  position: absolute;
  left: 0;
  bottom: 0;
}
#header .bottom .container, #header .bottom .m-container, #header .bottom .s-container {
  max-width: 1730px;
  height: 100%;
  width: 100%;
  position: relative;
}
@media (max-width: 1680px) {
  #header .bottom .container, #header .bottom .m-container, #header .bottom .s-container {
    width: 95%;
  }
}
#header .bottom .bottomLine {
  position: absolute;
  width: 110px;
  height: 4px;
  background-color: #000;
  left: -1000px;
  bottom: 0;
  z-index: 50;
}
.max-sm-size #header .bottom .bottomLine {
  display: none;
}
#header .bottom a, #header .bottom span {
  display: block;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  font-size: 18px;
}

#header #menuCont .back {
  display: none;
  color: #333333;
  padding: 10px 0 0;
}

#menuCont {
  width: 100%;
  position: absolute;
  background-color: #F2F2F2;
  opacity: 0;
  -webkit-transition: opacity 1s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 1s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#menuCont.in {
  opacity: 1;
  pointer-events: all;
  z-index: 1000;
}
#menuCont.out {
  opacity: 0;
  pointer-events: none;
  z-index: -1999;
}
#menuCont .item {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 1s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#menuCont .item.show {
  height: auto;
  opacity: 1;
  padding: 35px 15px;
}
#menuCont .list {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: calc(100% / 8 - 30px);
  margin-right: 25px;
  margin-bottom: 15px;
  text-align: left;
}
#menuCont .list .title {
  color: #000000;
  padding: 5px 0;
  border-bottom: 1px solid #000;
  font-size: 15px;
}
#menuCont .list ul li a {
  padding: 5px 0 5px 0;
  color: #8C8C8C;
  font-size: 15px;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  border-bottom: 1px solid #E8E8E8;
}
#menuCont .list ul li:hover a {
  color: #C30010;
}

.max-lg-size #header #menuCont .item.show {
  padding: 15px 15px;
}
@media screen and (min-width:1024px) and (max-height:768px){
  #header #menuCont .item.show {
    max-height:450px;
    overflow-y: auto;
  }
}
.max-lg-size #header #menuCont .list {
  max-width: calc(100% / 6 - 30px);
  margin-bottom: 15px;
}

.max-md-size #header #menuCont {
  max-height: calc(100vh - 65px);
  position: absolute;
  right: -100%;
  opacity: 1;
  z-index: 1000;
  -webkit-transition: right 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: right 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.max-md-size #header #menuCont.slideInLeft {
  right: 0;
  pointer-events: all;
  -webkit-transition: right 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: right 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.max-md-size #header #menuCont .back {
  display: block;
  padding: 10px 30px 0;
  text-align: right;
}
.max-md-size #header #menuCont .item.show {
  padding: 20px 15px;
}
.max-md-size #header #menuCont .list {
  width: 100%;
  max-width: none;
  min-width: initial;
  text-align: center;
  margin-bottom: 0;
}

.min-md-size #header .menu {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.max-md-size #header {
  height: auto;
  width: 100%;
  border-bottom: 1px solid #eee;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10000;
  background-color: #fff;
}
.max-md-size #header .top {
  height: 65px;
}
.max-md-size #header .logo {
  width: 120px;
  height: 40px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.max-md-size #header .func .li {
  font-size: 15px;
}
.max-md-size #header .func .download {
  margin-right: 10px;
}
.max-md-size #header .func .language {
  display: none;
}
.max-md-size #header .func .mobileBtn {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  margin-left: 10px;
  cursor: pointer;
}
.max-md-size #header .func .mobileBtn .bar {
  width: 100%;
  height: 1px;
  background-color: #8C8C8C;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.max-md-size #header .func .mobileBtn .bar:first-child {
  margin-top: -8px;
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .func .mobileBtn .bar:first-child + .bar {
  -webkit-transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .func .mobileBtn .bar:last-child {
  margin-top: 8px;
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .func .mobileBtn.active .bar {
  margin-top: 0;
}
.max-md-size #header .func .mobileBtn.active .bar:first-child {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .func .mobileBtn.active .bar:first-child + .bar {
  width: 0;
  -webkit-transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .func .mobileBtn.active .bar:last-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .bottom {
  position: relative;
  height: auto;
  width: 100%;
}
.max-md-size #header .bottom .container, .max-md-size #header .bottom .m-container, .max-md-size #header .bottom .s-container {
  width: 100%;
}
.max-md-size #header .bottom a, .max-md-size #header .bottom span {
  padding: 15px;
}
.max-md-size #header .bottom .bottomLine {
  display: none;
}
.max-md-size #header .menu {
  display: none;
  height: 100vh;
  max-height: calc(100vh - 65px);
  top: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background-color: #C30010;
  background-color: rgba(195, 0, 16, 0.9);
  z-index: 100;
  padding: 0;
}
.max-md-size #header .menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.max-md-size #header .menu .mCSB_scrollTools {
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .menu .mCSB_scrollTools .mCSB_dragger_bar {
  background-color: #c52734;
}
.max-md-size #header .menu.active .mCSB_scrollTools {
  opacity: 1;
}
.max-md-size #header .menu li {
  width: 100%;
  border-bottom: 1px solid #A7000C;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .menu li:hover, .max-md-size #header .menu li.active {
  background-color: #A7000C;
  background-color: rgba(167, 0, 12, 0.5);
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .menu li.hasChild .cover {
  display: none;
}
.max-md-size #header .menu li.hasChild span:after {
  display: block;
  content: '\e800';
  font-family: 'icon';
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .menu li.hasChild span:hover:after {
  color: #fff;
  color: white;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-md-size #header .menu li.search form, .max-md-size #header .menu li.search input {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.max-md-size #header .menu li.search input {
  background-color: transparent;
}
.max-md-size #header .menu li.search input::-webkit-input-placeholder {
  font-size: 18px;
}
.max-md-size #header .menu li.search input::-moz-placeholder {
  font-size: 18px;
}
.max-md-size #header .menu li.search input:-ms-input-placeholder {
  font-size: 18px;
}
.max-md-size #header .menu li.search input::placeholder {
  font-size: 18px;
}
.max-md-size #header .menu li.search button {
  width: 50px;
  height: 50px;
  right: 15px;
}
.max-md-size #header .menu li.language {
  display: block;
}
.max-md-size #header .menu li.language > a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  width: auto;
}

.max-sm-size #header .logo {
  width: 120px;
  height: 40px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.max-mm-size #header .func .li .icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 0;
}
.max-mm-size #header .func .li .txt {
  display: none;
}

#footer {
  width: 100%;
  background-color: #F8F8FA;
}
#footer .container, #footer .m-container, #footer .s-container {
  padding-left: 15px;
  padding-right: 15px;
}
#footer .xs-hidden {
  display: inline-block;
}
#footer .sitemap {
  padding: 2.5rem 0;
}
#footer .sitemap:before, #footer .sitemap:after {
  content: '';
  display: table;
}
#footer .sitemap:after {
  clear: both;
}
#footer .contact {
  display: inline-block;
  padding-left: 15px;
  padding-right: 50px;
  width: 450px;
  float: left;
}
#footer .contact .logo {
  width: 170px;
  height: 60px;
  background: url(images/common/logo.svg) center no-repeat;
  margin-bottom: 1.66666667rem;
}
#footer .contact .info {
  padding-left: 60px;
  margin-bottom: 17px;
}
#footer .contact .info a {
  color: #333333;
}
#footer .contact .info a:hover {
  color: #C30010;
}
#footer .contact .weblink {
  padding-left: 60px;
  margin-bottom: 30px;
}
#footer .contact .weblink .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #E30212;
  position: relative;
  margin-right: 10px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .contact .weblink .icon:before {
  display: block;
  content: '';
  width: 23px;
  height: 23px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#footer .contact .weblink .icon.icon-facebook:before {
  background-image: url(images/svg/fb.svg);
}
#footer .contact .weblink .icon.icon-email:before {
  background-image: url(images/svg/email.svg);
}
#footer .contact .weblink .icon:hover {
  -webkit-transform: rotate(359deg);
      -ms-transform: rotate(359deg);
          transform: rotate(359deg);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% - 451px);
}
#footer .list .title {
  font-size: 17px;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  position: relative;
}
#footer .list .title .cover {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
  background-color: #fff;
  opacity: 0;
}
#footer .list .title a {
  display: block;
  color: #000;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .list .title a:hover {
  color: #E30212;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .list .title a span {
  display: none;
}
#footer .list .item {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 15px 10px;
  width: calc(100% / 7);
}
#footer .list .item li {
  line-height: 1;
  margin-bottom: 1rem;
}
#footer .list .item li a {
  color: #8C8C8C;
  font-size: 15px;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .list .item li a:hover {
  color: #333333;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .list .item:last-child {
  padding-right: 0;
}
#footer .bottom-nav {
  background-color: #000;
  padding: 30px 0;
}
#footer .bottom-nav .container, #footer .bottom-nav .m-container, #footer .bottom-nav .s-container {
  position: relative;
}
#footer .bottom-nav a {
  color: #fff;
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .bottom-nav a:hover {
  opacity: .7;
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer .copyright {
  font-family: swis, "微軟正黑體";
  color: #fff;
  font-size: 14px;
}
#footer #pageTop {
  display: block;
  background: url(images/icon/arrow-up.png) center no-repeat;
  width: 28px;
  height: 17px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.min-md-size #footer .sitemap .list .item ul {
  display: block !important;
}

.max-md-size #footer .sitemap .list .item {
  padding: 0 15px 15px 15px;
}

@media (max-width: 1455px) {
  .min-md-size #footer .sitemap .contact {
    padding-right: 15px;
    width: 400px;
  }
  .min-md-size #footer .sitemap .list {
    width: calc(100% - 400px);
  }
}
@media (max-width: 1440px) {
  .min-lg-size #footer .sitemap .contact {
    padding-right: 15px;
    width: 390px;
  }
  .min-lg-size #footer .sitemap .list {
    width: calc(100% - 390px);
  }
  .min-lg-size #footer .sitemap .list .item {
    padding: 0 15px 15px 0;
  }
}
.max-lg-size #footer .sitemap .contact {
  width: 300px;
}
.max-lg-size #footer .sitemap .contact .logo {
  width: 120px;
  margin-bottom: 1rem;
}
.max-lg-size #footer .sitemap .contact .info {
  padding-left: 20px;
  font-size: 1rem;
}
.max-lg-size #footer .sitemap .contact .weblink {
  padding-left: 20px;
  margin-bottom: 1rem;
}
.max-lg-size #footer .sitemap .contact .weblink .icon {
  width: 40px;
  height: 40px;
}
.max-lg-size #footer .sitemap .contact .weblink .icon:before {
  width: 18px;
  height: 18px;
}
.max-lg-size #footer .sitemap .list {
  width: calc(100% - 300px);
}
.max-lg-size #footer .sitemap .list .item {
  padding: 0 5px 15px 5px;
}
.max-lg-size #footer .sitemap .list .item li a {
  font-size: .9rem;
}
.max-lg-size #footer .sitemap .list .title {
  font-size: 1rem;
  white-space: normal;
}

.max-md-size #footer .sitemap .list .item {
  display: block;
  width: 50%;
  text-align: left;
  padding-left: 50px;
  padding-right: 0;
}
.max-md-size #footer .sitemap .list .item .title {
  cursor: pointer;
}
.max-md-size #footer .sitemap .list .item .title .cover {
  display: block;
}
.max-md-size #footer .sitemap .list .item .title a span {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
}
.max-md-size #footer .sitemap .list .item ul {
  display: none;
}

.max-sm-size #footer .sitemap {
  padding: 1rem 0;
}
.max-sm-size #footer .sitemap .contact {
  width: 100%;
  float: none;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.max-sm-size #footer .sitemap .contact .logo {
  margin-left: auto;
  margin-right: auto;
}
.max-sm-size #footer .sitemap .contact .info {
  padding-left: 0;
}
.max-sm-size #footer .sitemap .contact .weblink {
  padding-left: 0;
}
.max-sm-size #footer .sitemap .list {
  display: none;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.max-sm-size #footer .copyright {
  text-align: center;
}
.max-sm-size #footer #pageTop {
  position: relative;
  width: 100%;
  height: 40px;
  right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  margin: 0 0 20px;
}
.max-sm-size #footer .bottom-nav {
  padding: 10px 0;
}
.max-sm-size #footer #pageTop {
  height: 30px;
  margin-bottom: 10px;
}
.max-sm-size #footer .copyright {
  font-size: 1rem;
}

@-webkit-keyframes rorating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rorating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fakeloader {
  position: fixed;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 19999;
  background-color: #C30010;
}

.spinner1 {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.spinner1:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/common/loader.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
#banner {
  margin-bottom: 3%;
}
#banner .item img {
  max-width: 100%;
}
#banner .slick-dots {
  bottom: 1.94444444rem;
}
.max-sm-size #banner .slick-dots {
  position: relative;
  bottom: 0;
}
#banner .slick-dots li button {
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#banner .slick-dots li button:before {
  display: none;
}
.max-sm-size #banner .slick-dots li button {
  border: 3px solid #e4e4e4;
}
#banner .slick-dots li.slick-active button {
  background-color: #fff !important;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.home-news {
  padding: 0 0 50px;
}
.home-news .container, .home-news .m-container, .home-news .s-container {
  max-width: 1740px;
}
.home-news .hot1, .home-news .hot2 {
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #333333;
}
.home-news .hot1 .pic, .home-news .hot2 .pic {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
.home-news .hot1 .pic .cover, .home-news .hot2 .pic .cover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.3);
}
.home-news .hot1 .pic .cover .icon, .home-news .hot2 .pic .cover .icon {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-right: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.home-news .hot1 .pic .cover .icon path, .home-news .hot2 .pic .cover .icon path {
  fill: #fff;
}
.home-news .hot1 .pic span, .home-news .hot2 .pic span {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-news .hot1 p, .home-news .hot2 p {
  text-align: left;
}
.home-news .hot1 .icon, .home-news .hot2 .icon {
  vertical-align: baseline;
  margin-left: 10px;
}
.home-news .hot1:hover .pic span, .home-news .hot2:hover .pic span {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-news .newsList {
  padding: 10px;
  text-align: left;
}
.home-news .newsList .title {
  font-size: 2rem;
  line-height: 2.3rem;
  padding-left: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: .5rem;
}
.home-news .newsList .title .en {
  font-size: 1.33333333rem;
  color: #E30212;
  font-weight: normal;
  margin-left: 10px;
}
.home-news .newsList ul {
  margin-bottom: 20px;
}
.home-news .newsList li {
  padding: 20px;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-news .newsList li:hover {
  background-color: #F5F5F5;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-news .newsList .time {
  display: block;
  color: #E30212;
  font-size: .88888889rem;
}
.home-news .newsList h4 {
  color: #333333;
  margin: 0;
  line-height: 1.5;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.max-lg-size .newsList .title {
  padding-left: 0;
  font-size: 1.5rem;
}
.max-lg-size .newsList .title .en {
  font-size: 1rem;
}
.max-lg-size .newsList li {
  padding: .5rem;
  padding-left: 0;
}

.max-sm-size .newsList .title {
  font-size: 1.5rem;
  line-height: 1.8rem;
}
.max-sm-size .newsList .title .en {
  display: block;
  font-size: 1rem;
  margin-left: 0;
}

.max-mm-size .newsList .title .en {
  display: inline-block;
  margin-left: 10px;
}
.max-mm-size .newsList .text-right {
  text-align: center;
}
.max-mm-size .newsList .more-red-btn {
  margin-left: auto;
  margin-right: auto;
}

.home-products .item {
  display: inline-block;
  position: relative;
  height: 476px;
  min-height: 300px;
}
.home-products .item .cover, .home-products .item .pic, .home-products .item .pic span {
  width: 100%;
  height: 100%;
}
.home-products .item .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.3);
}
.home-products .item .pic {
  overflow: hidden;
}
.home-products .item .pic span {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-products .item .inner {
  width: 80%;
  height: 80%;
  padding: 10%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid transparent;
  color: #fff;
  text-align: center;
  -webkit-transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-products .item .title {
  font-size: 2.11111111rem;
  line-height: 2.5rem;
  margin-bottom: 1.11111111rem;
}
.home-products .item p {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.home-products .item .more-white-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
  margin: auto;
}
.home-products .item:hover .inner {
  border-color: #fff;
  -webkit-transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-products .item:hover .pic span {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-products .item:hover .more-white-btn {
  color: #fff;
  background-color: #E30212;
  border-color: #E30212;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-xl-size .home-products .item .title {
  font-size: 1.8rem;
  line-height: 2rem;
}

.max-sm-size .home-products .item p {
  -webkit-line-clamp: 2;
}

.max-mm-size .home-products .item p {
  -webkit-line-clamp: 3;
}

.home-responsibility {
  width: 100%;
  height: 450px;
  position: relative;
}
.home-responsibility .pic, .home-responsibility .pic span {
  width: 100%;
  height: 100%;
}
.home-responsibility .cover {
  width: 100%;
  max-width: 680px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  z-index: 5;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
.home-responsibility .title {
  font-size: 2.11111111rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
.home-responsibility .subtitle {
  font-size: 1.77777778rem;
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
}
.home-responsibility p {
  margin-bottom: 1.5rem;
}
.home-responsibility .pic {
  overflow: hidden;
}
.home-responsibility .pic span {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-responsibility:hover .pic span {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-xl-size .home-responsibility .title {
  font-size: 1.8rem;
  line-height: 2rem;
}
.max-xl-size .home-responsibility .subtitle {
  font-size: 1.5rem;
  line-height: 1.8rem;
}

.max-sm-size .home-responsibility .subtitle {
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin-bottom: 1.5rem;
}

.more-btn {
  display: inline-block;
  width: 90%;
  max-width: 150px;
  height: 40px;
  line-height: 40px;
  color: #BFBFBF;
  background-color: transparent;
  border: 1px solid #BFBFBF;
  border-radius: 20px;
  text-align: center;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.more-btn:hover {
  color: #fff;
  background-color: #E30212;
  border-color: #E30212;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.more-red-btn,
a.more-red-btn {
  display: inline-block;
  width: 90%;
  max-width: 150px;
  height: 40px;
  line-height: 40px;
  color: #E30212;
  background-color: transparent;
  border: 1px solid #E30212;
  border-radius: 20px;
  text-align: center;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.more-red-btn:hover,
a.more-red-btn:hover {
  color: #fff;
  background-color: #E30212;
  border-color: #E30212;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.more-white-btn,
a.more-white-btn {
  display: inline-block;
  width: 90%;
  max-width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.more-white-btn:hover,
a.more-white-btn:hover {
  color: #fff;
  background-color: #E30212;
  border-color: #E30212;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.more-arrow-btn,
a.more-arrow-btn {
  display: inline-block;
  width: 90%;
  max-width: 150px;
  height: 40px;
  line-height: 40px;
  color: #BFBFBF;
  background-color: transparent;
  border: 1px solid #BFBFBF;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  max-width: 130px;
  padding: 0 5px;
}
.more-arrow-btn .icon,
a.more-arrow-btn .icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 15px;
  line-height: 15px;
  margin-left: 15px;
}
.more-arrow-btn .icon polygon,
a.more-arrow-btn .icon polygon {
  fill: #BFBFBF;
  -webkit-transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.more-arrow-btn:hover,
a.more-arrow-btn:hover {
  color: #fff;
  background-color: #E30212;
  border-color: #E30212;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.more-arrow-btn:hover .icon polygon,
a.more-arrow-btn:hover .icon polygon {
  fill: #fff;
  -webkit-transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.slick-slider .slick-arrow {
  width: 50px;
  height: 50px;
  right: 5px;
  z-index: 10;
  border-radius: 50%;
  background-image: url(images/icon/arrow-w-r.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slick-slider .slick-arrow:before {
  display: none;
}
.slick-slider .slick-arrow.slick-disabled {
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slick-slider .slick-prev {
  left: 5px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bkdimg {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gray-gradient {
  background: #f9f9f9;
  background: -webkit-linear-gradient(-45deg, #f9f9f9 0%, #e3e3e3 100%);
  background: -webkit-linear-gradient(315deg, #f9f9f9 0%, #e3e3e3 100%);
  background: linear-gradient(135deg, #f9f9f9 0%, #e3e3e3 100%);
}

/*內頁banner*/
.page-banner {
  position: relative;
  line-height: 0.5;
}
.page-banner .inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  z-index: 5;
  padding: 0 15px;
}
.page-banner .inner h2 {
  font-size: 4.44444444rem;
}
.page-banner .inner h3 {
  font-size: 1.33333333rem;
}
.page-banner .inner .subtitle {
  font-size: 2rem;
}
.page-banner .pic {
  position: relative;
}
.page-banner .pic:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.25);
}
.page-banner .pic img {
  max-width: 100%;
}

.max-xl-size .page-banner .inner h2 {
  font-size: 3.3rem;
}
.max-xl-size .page-banner .inner h3 {
  font-size: 1.5rem;
}

.max-md-size .page-banner .inner h2 {
  font-size: 2.5rem;
}

.max-sm-size .page-banner .inner {
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
}

.max-mm-size .page-banner .inner h2 {
  font-size: 2rem;
}
.max-mm-size .page-banner .inner h3 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3;
}

/*內頁*/
.page {
  text-align: left;
  position: relative;
}

.pagetitle {
  font-size: 4.44444444rem;
}

.max-sm-size .pagetitle {
  text-align: center;
  font-size: 3rem;
}

.subtitle {
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 3%;
}

.max-md-size .subtitle {
  font-size: 1.8rem;
}

.max-sm-size .subtitle {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 3%;
  margin-bottom: 3%;
}

.max-xs-size .subtitle {
  font-size: 1.5rem;
}

/*壓圖區塊*/
.pressure-cont {
  width: 100%;
  max-width: 95%;
  /* -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px); */
  position: relative;
  z-index: 10;
  background-color: #fff;
  padding: 3%;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

/* @media (max-width: 1680px) {
  .pressure-cont {
    -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}
@media (max-width: 1366px) {
  .pressure-cont {
    -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
            transform: translateY(-40px);
  }
} */
/* @media (max-width: 900px) {
  .pressure-cont {
    -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
            transform: translateY(-30px);
  }
} */
@media (max-width: 768px) {
  .pressure-cont {
    /* -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px); */
    padding: 5% 3%;
  }
}
/*內頁頁籤*/
.page-tabs {
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
}
.page-tabs .left {
  float: left;
}
.page-tabs .right {
  float: right;
}
.page-tabs .filter {
  width: 160px;
  height: 40px;
  line-height: 40px;
  background-color: #FAFAFA;
  border: 1px solid #DBDBDB;
  margin-top: 15px;
  margin-bottom: 15px;
}
.page-tabs .filter select {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
}
.page-tabs .item {
  display: inline-block;
  padding: 20px;
  color: #8C8C8C;
  position: relative;
}
.page-tabs .item:after {
  display: block;
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-tabs .item:hover, .page-tabs .item.active {
  color: #000;
}
.page-tabs .item:hover:after, .page-tabs .item.active:after {
  width: calc(100% - 40px);
  -webkit-transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-xs-size .page-tabs .filter {
  width: 100%;
}
.max-xs-size .page-tabs .filter select {
  background-position: 95% center;
}
.max-xs-size .page-tabs .item {
  padding: 10px;
}

.fixTab {
  background-color: rgba(255, 255, 255, 0.9);
}
.fixTab.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
}

.company-tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}

/*select*/
select {
  background-image: url(images/icon/arrow-d-black.png);
  background-position: 90% center;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
}

/*回列表列*/
.page-nav {
  text-align: center;
  background-color: #FCFCFC;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
.page-nav .item {
  color: #333333;
  padding: 30px 0;
  -webkit-transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-nav .item:hover {
  color: #fff;
  background-color: #C30010;
  -webkit-transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.msie .page-nav .item:hover {
  color: #000;
  background-color: #E6E6E6;
}
.page-nav .item:hover .icon-prev, .page-nav .item:hover .icon-next {
  -webkit-filter: contrast(3);
  -webkit-transition: -webkit-filter 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: filter 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-nav .item:hover .icon-back {
  -webkit-filter: contrast(2);
  -webkit-transition: -webkit-filter 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: filter 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-nav .item.disabled {
  color: #B5B5B5;
  pointer-events: none;
  cursor: default;
}
.page-nav .xs-hidden {
  display: inline-block;
}
.page-nav .icon-back {
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-nav .icon-prev {
  margin-right: 10px;
}
.page-nav .icon-next {
  margin-left: 10px;
}

/*頁碼*/
.pagination {
  text-align: center;
}
.pagination li {
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #E6E6E6;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 5px;
}
.pagination li.dir {
  font-family: 'Dosis',Arial;
  font-size: 1.2rem;
  line-height: 30px;
}
.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #777777;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.pagination li:hover, .pagination li.active {
  border-color: #000;
  background-color: #000;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.pagination li:hover a, .pagination li.active a {
  color: #fff;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/*透明邊框*/
.borderCover {
  display: block;
  width: 100%;
  height: 100%;
  border: 16px solid rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  pointer-events: none;
  -webkit-transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/*基本列表*/
.basic-list .item {
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
  background: -webkit-linear-gradient(-45deg, #f9f9f9 0%, #e3e3e3 100%);
  background: -webkit-linear-gradient(315deg, #f9f9f9 0%, #e3e3e3 100%);
  background: linear-gradient(135deg, #f9f9f9 0%, #e3e3e3 100%);
}
.basic-list .item .pic {
  overflow: hidden;
  width: 100%;
  background-color: #EDEDED;
}
.basic-list .item .text {
  padding: 5% 8% 8%;
}
.basic-list .item .inner {
  position: relative;
  padding-bottom: 100px;
}
.basic-list .item .title {
  font-size: 1.33333333rem;
  letter-spacing: .1rem;
  font-weight: bold;
  color: #000;
}
.basic-list .item .des {
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media(max-width: 1280px) and (min-width: 992px){
  .basic-list .item .des {
    height:54px;
  }
}
@media(max-width: 991px) and (min-width: 481px){
  .basic-list .item .des {
    height:48px;
  }
}
.basic-list .item .more-arrow-btn {
  position: absolute;
  left: 0;
  bottom: 0;
}
.basic-list .item:hover .borderCover {
  border-color: rgba(255, 255, 255, 0.7);
  -webkit-animation: puffIn 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: puffIn 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.max-lg-size .basic-list .item .inner {
  padding-bottom: 70px;
}

.max-lg-size .basic-list .item .more-arrow-btn {
  max-width: 130px;
  height: 35px;
  line-height: 35px;
  font-size: 1rem;
  padding-left: 10px;
  padding-right: 10px;
}

/*資料列表*/
.information-list {
  display: table;
  width: 100%;
  margin-bottom: 5%;
}
.information-list .item {
  display: table-row;
  width: 100%;
  color: #333333;
}
.information-list .item > div {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #F4F4F4;
}
.information-list .item:hover {
  color: #C30010;
}
.information-list .item:hover .time {
  color: #333333;
}
.information-list .item:hover .text {
  padding-left: 30px;
}
.information-list .item:hover .more-arrow-btn {
  color: #fff;
  background-color: #E30212;
  border-color: #E30212;
  -webkit-transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  color: #fff;
}
.information-list .item:hover .more-arrow-btn polygon {
  fill: #fff;
}
.information-list .time {
  width: 120px;
  color: #8C8C8C;
  font-size: .88888889rem;
  padding-right: 10px;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.information-list .text {
  width: calc(100% - 450px);
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.1rem;
  -webkit-transition: padding-left 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: padding-left 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.information-list .text .inner {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.information-list .more {
  width: 170px;
  text-align: right;
}

.max-md-size .information-list .text {
  font-size: 1rem;
}

.max-sm-size .information-list {
  display: block;
}
.max-sm-size .information-list .item, .max-sm-size .information-list .item > div {
  display: block;
}
.max-sm-size .information-list .item {
  margin-bottom: 15px;
}
.max-sm-size .information-list .item > div {
  width: 100%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5;
}
.max-sm-size .information-list .time, .max-sm-size .information-list .text {
  border-bottom: 0;
}

/*橫向(圖片)列表*/
.horizontal-list {
  width: 100%;
}
.horizontal-list .item {
  position: relative;
  overflow: hidden;
}
.horizontal-list .item .title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  z-index: 3;
  text-align: center;
  font-size: 1.33333333rem;
}
.horizontal-list .item .pic {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.horizontal-list .item .pic:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.horizontal-list .item .pic span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.horizontal-list .item:hover .borderCover {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.7);
  -webkit-animation: puffIn 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: puffIn 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/*黑線表格*/
.myTable {
  margin-bottom: 30px;
}
.myTable .title {
  font-size: 1.33333333rem;
  margin-bottom: 20px;
}
.myTable table {
  width: 100%;
}
.myTable thead td {
  padding: 15px;
  color: #000;
  border-bottom: 1px solid #000;
}
.myTable thead tr:first-child td {
  border-top: 2px solid #000;
}
.myTable tbody tr:first-child td {
  border-top: 1px solid #000;
}
.myTable tbody tr:hover td {
  background-color: #F2F2F2 !important;
  color: #C30010 !important;
  -webkit-transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.myTable tbody tr:hover td a, .myTable tbody tr:hover td li, .myTable tbody tr:hover td p {
  color: #C30010;
  -webkit-transition: color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.myTable tbody tr:hover td svg {
  fill: #C30010;
  -webkit-transition: fill 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.myTable tbody tr:hover td .red {
  border-bottom: 1px solid #C30010;
}
.myTable tbody td {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 10px;
  color: #808080;
  position: relative;
  -webkit-transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.myTable tbody td svg {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  fill: #8C8C8C;
  -webkit-transition: fill 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: fill 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.myTable tbody td a {
  color: #8C8C8C;
}
.myTable tbody td li, .myTable tbody td p {
  -webkit-transition: color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.3s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.myTable tbody td .red {
  color: #C30010;
}
.myTable tbody td:first-child {
  border-left-color: transparent;
}
.myTable tbody td:last-child {
  border-right-color: transparent;
}
.myTable tbody td span.whiteline {
  display: block;
  width: 100%;
  height: 100%;
}
.myTable tbody td span.whiteline:before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.myTable .total td {
  background-color: #F2F2F2;
  color: #000;
}

.evenBack tbody tr td {
  background-color: #fff;
}
.evenBack tbody tr:nth-child(even) td {
  background-color: #FAFAFA;
}

/*灰底表格*/
.grayBack {
  width: 100%;
  min-width: 480px;
}
.grayBack td {
  padding: 10px;
  border: 1px solid #EDEDED;
}
.grayBack .gray {
  background-color: #F7F7F7;
  padding: 0px;
  position: relative;
}
.grayBack .gray span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 15px;
}
.grayBack .gray span:before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*select*/
.select-category {
  width: 160px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #DBDBDB;
  margin-top: 10px;
}
.select-category select {
  width: 100%;
  height: 38px;
  cursor: pointer;
}

.max-sm-size .select-category {
  float: none;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 30px;
}

/*rwd table wrap*/
table {
  width: 100%;
  max-width: 100%;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.table-wrapper table {
  min-width: 480px;
}
.table-wrapper table.myTable {
  width: calc(100% - 1px);
}

/*編輯器設定*/
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.editor p, .editor li {
  color: #525252;
  margin-bottom: 5px;
}
.editor img {
  max-width: 100%;
}
.editor h4.title {
  font-size: 1.33333333rem;
  line-height: 1.5;
}

.emptyCircle {
  list-style-image: url(images/about/about01/li.png);
  padding-left: 20px;
}

a.orange-btn {
  display: inline-block;
  padding: 18px 60px;
  color: #fff;
  font-size: 1.33333333rem;
  text-align: center;
  background: #D25400;
  background: -webkit-linear-gradient(left, #D25400 0%, #D90011 100%);
  background: linear-gradient(to right, #D25400 0%, #D90011 100%);
  margin: 15px 5px;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
a.orange-btn:hover {
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.max-xs-size a.orange-btn {
  padding: 15px;
  font-size: 1rem;
}

.max-sm-size .quote {
  font-size: 1.5rem;
}
.max-xs-size .quote {
  font-size: 1.2rem;
}
.max-sm-size .quote .icon {
  height: 40px;
}
.max-xs-size .quote .icon {
  height: 30px;
}

.check-list li {
  padding-left: 20px;
  position: relative;
}
.check-list li:before {
  display: block;
  content: '\e807';
  font-family: 'icon';
  margin-right: 10px;
  position: absolute;
  top: -3px;
  left: 0;
}

.company01 {
  position: relative;
}
.company01 .text {
  max-height: 70%;
  position: absolute;
  top: 20%;
  left: 40%;
  color: #fff;
  padding: 15px;
  z-index: 5;
  overflow-y: auto;
}
.company01 .text p {
  color: #fff;
}
.company01 img {
  max-width: 100%;
}

.max-lg-size .company01 .subtitle {
  font-size: 1.4rem;
}

.max-md-size .company01 {
  height: 450px;
}
.max-md-size .company01 .text {
  width: 80%;
  max-height: calc(100% - 150px);
  top: 100px;
  left: 10%;
  background-color: rgba(0, 0, 0, 0.3);
}
.max-md-size .company01 img {
  max-width: none;
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.overview {
  margin-bottom: 5%;
}
.overview > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
}
.overview .red {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  color: #E30212;
  font-size: 3.66666667rem;
  border-left: 2px solid #E30212;
  padding-left: 15px;
  line-height: 1;
}
.overview .red small {
  font-size: 1.33333333rem;
}
.overview .text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 165px);
  line-height: 1.3;
  padding-left: 10px;
  padding-right: 10px;
  color: #777;
}

.overviewList .background {
  background: url(images/about/overviewBack.jpg) top center no-repeat;
  width: 100%;
  height: 517px;
  color: #fff;
  padding: 30px;
  margin-bottom: 3%;
}
.overviewList .background h4 {
  font-size: 1.33333333rem;
  margin-bottom: 20px;
  line-height: 1.3;
}
.overviewList .background .scrollbar {
  width: 100%;
  height: 300px;
}
.overviewList .background ul {
  list-style-type: circle !important;
}
.overviewList .background li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  color: #fff;
  list-style-type: circle !important;
  padding-right: 5%;
  position: relative;
  padding-left: 20px;
}
.overviewList .background li:before {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 1;
}

@media (max-width: 567px) {
  .overviewList .background {
    margin-bottom: 30px;
  }
  .overviewList .background h4 {
    margin-bottom: 0;
  }
  .overviewList .background li {
    width: 100%;
  }
}
.executives-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  padding-right: 3rem;
  margin-bottom: 10px;
}
.executives-list .item .head {
  width: 150px;
  border-bottom: 1px solid #000;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.executives-list .item .body {
  width: calc(100% - 150px);
  border-bottom: 1px solid #EDEDED;
  padding-left: 3.61111111rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.executives-list .item .body p {
  margin-bottom: 0;
}
.executives-list .item .body .icon {
  vertical-align: baseline;
  margin-right: 10px;
}
.executives-list .item .body .title {
  color: #000;
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .executives-list .item {
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  .executives-list .item .head {
    width: 100%;
  }
  .executives-list .item .body {
    width: 100%;
    padding-left: 0;
  }
  .executives-list .item .body .des {
    display: block;
  }
}
.executives-banner {
  width: 100%;
  height: 449px;
  position: relative;
}
.executives-banner .subtitle {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  text-align: center;
  line-height: 1.5;
  padding-left: 15px;
  padding-right: 15px;
}

.max-sm-size .executives-banner {
  display: none;
}

.table-policy {
  width: 100%;
}
.table-policy .text {
  padding: 15px;
  border-bottom: 1px solid #EBEBEB;
}
.table-policy .pic {
  padding: 15px;
  border-bottom: 1px solid #EBEBEB;
}
.table-policy .pic li {
  display: inline-block;
  width: 125px;
  height: 125px;
  line-height: 125px;
  background-color: #F0F0F0;
  border-radius: 50%;
  text-align: center;
  padding: 10px;
  position: relative;
}
.table-policy .pic li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 70%;
  max-height: 70%;
}
.table-policy tr:last-child td {
  border-bottom: 0;
}

.max-sm-size .table-policy .text {
  vertical-align: top;
}
.max-sm-size .table-policy .pic li {
  width: 100px;
  height: 100px;
}

.max-xs-size .table-policy {
  display: block;
  width: 100%;
}
.max-xs-size .table-policy tbody, .max-xs-size .table-policy tr, .max-xs-size .table-policy td {
  display: block;
  width: 100%;
  height: auto !important;
}
.max-xs-size .table-policy tr {
  padding-top: 15px;
}
.max-xs-size .table-policy .text {
  border-bottom: 0;
  text-align: center;
}
.max-xs-size .table-policy .pic {
  text-align: center;
}
.max-xs-size .table-policy .pic li {
  margin: 0 5px;
}

.awards-list .item {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 5px solid #fff;
}
.awards-list .item .year {
  width: 120px;
  position: relative;
}
.awards-list .item .year span {
  font-size: 1.44444444rem;
  color: #C30010;
  line-height: 1;
}
.awards-list .item .year span:after {
  display: inline-block;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: url(images/about/recognition/dots.png) center no-repeat #fff;
  z-index: 5;
  position: absolute;
  top: 0;
  right: 23px;
}
.awards-list .item .year:after {
  display: block;
  content: '';
  width: 1px;
  height: 105%;
  height: calc(100% + 10px);
  background-color: #C30010;
  position: absolute;
  top: -10px;
  right: 35px;
  z-index: 1;
}
.awards-list .item .text {
  width: calc(100% - 120px);
  background-color: #F5F5F5;
  padding: 30px;
}
.awards-list .item .text ul li {
  position: relative;
  line-height: 1.5;
  padding-left: 25px;
}
.awards-list .item .text ul li:before {
  display: inline-block;
  vertical-align: top;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #C30010;
  margin: .5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.awards-list .item .text img {
  margin: 1rem 15px 15px 25px;
  max-height:160px;
}
.awards-list .item:first-child .year:after {
  height: 100% !important;
  top: 0 !important;
}
.awards-list .item:nth-child(even) .text {
  background-color: #FAFAFA;
}

.max-sm-size .awards-list .item {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.max-sm-size .awards-list .item .year, .max-sm-size .awards-list .item .text {
  width: 100%;
}
.max-sm-size .awards-list .item .year {
  padding: 0 0 10px 0;
  margin-top: 10px;
}
.max-sm-size .awards-list .item .year:after {
  display: none;
  height: 140px;
  height: calc(100% + 15px);
  top: -15px;
  right: auto;
  left: 12px;
}
.max-sm-size .awards-list .item .year span:after {
  display: none;
  right: auto;
  left: 0;
}
.max-sm-size .awards-list .item .text {
  background-color: #F5F5F5;
}

.page-locations .head {
  background: url(images/about/locations/p01.jpg) center no-repeat #fff;
  width: 100%;
  height: 324px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
.page-locations .head h2 {
  font-size: 2.5rem;
}
.page-locations .body {
  width: 100%;
  height: 700px;
  position: relative;
}

#map {
  width: 100%;
  height: 100%;
}

.area-select {
  width: 100%;
  max-width: 500px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #DBDBDB;
}
.area-select select {
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
}

.locationsInfo {
  width: 90%;
  max-width: 425px;
  height: 95%;
  max-height: 600px;
  position: absolute;
  top: 30px;
  left: 10px;
  background-color: #FFFFFF;
  z-index: 20;
  border-top: 2px solid #C30010;
}
.locationsInfo .scrollbar {
  width: 100%;
  height: 100%;
}
.locationsInfo .scrollbar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.locationsInfo .scrollbar .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #EDEDED;
}
.locationsInfo .scrollbar .mCSB_dragger_bar {
  background-color: #BABABA !important;
}

.max-md-size .locationsInfo {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  position: relative;
  top: 0;
  left: 0;
}
.max-md-size #map {
  display: none;
}

@media screen and (max-width: 768px) {
  .page-locations .body {
    height: auto;
  }

  .locationsInfo {
    height: auto !important;
  }
  .locationsInfo .scrollbar {
    height: auto;
  }
}
.accordion-locations .company {
  padding: 20px 25px;
  padding-right: 45px;
  font-size: 1rem;
  color: #000;
  border-bottom: 1px solid #EDEDED;
  outline: 0;
  cursor: pointer;
  margin: 0;
  position: relative;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.accordion-locations .company:after {
  display: block;
  content: '';
  background: url(images/icon/map-arrow.png) center no-repeat;
  width: 18px;
  height: 11px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  right: 25px;
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.accordion-locations .company.ui-accordion-header-active {
  color: #C30010;
}
.accordion-locations .company.ui-accordion-header-active:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.accordion-locations .info {
  padding: 20px 25px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #EDEDED;
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.accordion-locations .info.ui-accordion-content-active {
  opacity: 1;
}
.safari .accordion-locations .info.ui-accordion-content-active {
  height: auto !important;
}
.accordion-locations .info a {
  color: #333;
}
.accordion-locations .info a:hover {
  color: #de7300 !important;
}
.accordion-locations .info .addr {
  cursor: pointer;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.accordion-locations .info .addr:hover {
  color: #de7300 !important;
}
.accordion-locations .info .icon {
  margin-right: 10px;
  position: absolute;
  top: 3px;
  left: 0;
}
.accordion-locations .info ul li {
  position: relative;
  padding-left: 25px;
}
.accordion-locations .info img {
  max-width: 100%;
}

.max-sm-size .accordion-locations .info .icon {
  width: 15px;
  height: 15px;
}

.marker-list {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}

.industrial-business {
  position: relative;
}
.industrial-business .head {
  height: 424px;
  color: #FFF;
  position: relative;
  margin-bottom: 100px;
}
.industrial-business .head .inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10%;
  right: 10%;
}
.industrial-business .head .title-en {
  font-size: 4.44444444rem;
  line-height: 1.4;
}
.industrial-business .head .title-tw {
  font-size: 2rem;
}
.industrial-business .body {
  width: 495px;
  max-width: 90%;
  background: #D25400;
  background: -webkit-linear-gradient(left top, #D25400 0%, #B6000E 100%);
  background: linear-gradient(to right bottom, #D25400 0%, #B6000E 100%);
  padding: 3%;
  position: absolute;
  top: 70px;
  right: 10%;
  opacity: .9;
}
.industrial-business .body p {
  color: #fff;
  opacity: 1;
}
.industrial-business .pics > div {
  padding-left: 10px;
  padding-right: 10px;
}

.max-lg-size .industrial-business .head .title-en {
  font-size: 3.33333333rem;
}
.max-lg-size .industrial-business .head .title-tw {
  font-size: 1.33333333rem;
}
.max-lg-size .industrial-business .body {
  right: 5%;
}

.max-md-size .industrial-business .head .title-en {
  font-size: 2rem;
}
.max-md-size .industrial-business .head .inner {
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  padding-top: 1rem;
}
.max-md-size .industrial-business .body {
  top: 170px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 2rem;
}

.products-slider {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}
.products-slider .textCont {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 3%;
  padding-bottom: 40px;
  width: 100%;
  height: 100%;
  max-width: 610px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.products-slider .textCont .scrollbar {
  width: 100%;
  height: 100%;
}
.products-slider .textCont .scrollbar .mCSB_draggerRail {
  background-color: #fff;
}
.products-slider .textCont .scrollbar .mCSB_dragger .mCSB_dragger_bar {
  background-color: #8e8e8e;
}
.products-slider .textCont .dots {
  position: relative;
}
.products-slider .textCont .dots .slick-dots {
  position: relative;
  bottom: 0;
  text-align: right;
}
.products-slider .textCont .dots .slick-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.products-slider .textCont .dots .slick-dots li.slick-active {
  background-color: #fff;
}
.products-slider .textCont .dots .slick-dots li button {
  display: none;
}
.products-slider .textCont .inner {
  padding: 5px;
}
.products-slider .textCont * {
  color: #fff;
}
.products-slider .textCont table {
  border: 1px solid #fff;
  text-align: center;
  margin-bottom: 10px;
}
.products-slider .textCont table td {
  border: 1px solid #fff;
}
.products-slider .background {
  width: 100%;
  height: 600px;
}
.products-slider .background .pic {
  width: 100%;
  height: 600px;
}

.max-sm-size .products-slider .background,
.max-sm-size .products-slider .background .pic {
  height: 400px;
}

.max-xs-size .products-slider .background,
.max-xs-size .products-slider .background .pic {
  height: 320px;
}

.basic-dots li {
  margin-bottom: 0px;
}
.basic-dots li:before {
  display: inline-block;
  content: '';
  vertical-align: top;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 13px;
  margin-right: 10px;
}

.basic-dots.black li:before {
  background-color: #777777;
}

.business-contact {
  margin-bottom: 60px;
}

.production-process {
  background: url(images/products/industrial/p09.png);
  text-align: center;
}
.production-process .fancybox-process {
  display: inline-block;
  width: 300px;
  height: 300px;
  max-width: 90%;
  border-radius: 50%;
  position: relative;
  color: #fff;
  background-color: rgba(158, 142, 115, 0.4);
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-left: 3%;
  margin-right: 3%;
}
.production-process .fancybox-process .cover {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  border-radius: 50%;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.production-process .fancybox-process .cover .in {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.production-process .fancybox-process .cover .in:after {
  display: block;
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  -webkit-transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: width 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.production-process .fancybox-process .cover img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.production-process .fancybox-process .inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.33333333rem;
}
.production-process .fancybox-process:hover {
  background-color: #9e8e73;
}
.production-process .fancybox-process:hover .cover {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.production-process .fancybox-process:hover .cover .in:after {
  width: 30px;
}
.production-process .fancybox-process:hover .inner {
  color: transparent;
}

.max-sm-size .production-process .fancybox-process {
  width: 200px;
  height: 200px;
}

.fancyboxIn {
  display: none;
  padding: 70px;
}
.fancyboxIn h3.subtitle {
  margin-bottom: 70px;
}

.max-xs-size .fancyboxIn {
  padding: 70px 15px;
}
.max-xs-size .fancyboxIn h3.subtitle {
  margin-bottom: 30px;
  font-size: 1.4rem;
}

.bookmarks {
  margin-bottom: 30px;
}
.bookmarks .tabs {
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.bookmarks .tabs li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
.bookmarks .tabs li a {
  display: block;
  color: #8C8C8C;
  padding: 20px 5px;
}
.bookmarks .tabs li.active a, .bookmarks .tabs li:hover a {
  color: #333333;
  border-bottom: 2px solid #333333;
}
.bookmarks .tab-conts .cont {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.bookmarks .tab-conts .cont.show {
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.8s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: opacity 0.8s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-sm-size .bookmarks .tabs li {
  width: 49%;
  background-color: #EEEEEE;
  margin-bottom: 10px;
}
.max-sm-size .bookmarks .tabs li:nth-child(odd) {
  margin-right: 1%;
}
.max-sm-size .bookmarks .tabs li a {
  color: #000;
  border-bottom: 0;
}
.max-sm-size .bookmarks .tabs li:hover, .max-sm-size .bookmarks .tabs li.active {
  background-color: #888888;
}
.max-sm-size .bookmarks .tabs li:hover a, .max-sm-size .bookmarks .tabs li.active a {
  color: #fff;
}

.max-xs-size .bookmarks .tabs li {
  width: 100%;
}
.max-xs-size .bookmarks .tabs li:nth-child(odd) {
  margin-right: 0;
}

.morewebsite {
  padding-left: 15px;
  padding-right: 15px;
}
.morewebsite .item {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 10px;
}
.morewebsite .item img {
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.morewebsite .text {
  position: relative;
}
.morewebsite .text .inner {
  padding-left: 5%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.max-lg-size .morewebsite .text .inner {
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.max-mm-size .morewebsite .item {
  width: 100%;
}

.orangeborderStyle {
  margin-bottom: 30px;
}
.orangeborderStyle.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.orangeborderStyle.reverse .pic {
  padding-right: 0;
  padding-left: 30px;
}
.orangeborderStyle.reverse .pic span {
  background-position: right bottom;
}
.orangeborderStyle .pic {
  position: relative;
  padding-right: 30px;
  margin-bottom: 15px;
}
.orangeborderStyle .pic span {
  display: block;
  width: 100%;
  height: 320px;
  background-position: left bottom;
}
.orangeborderStyle .text .border {
  background: #FF6D0A;
  background: -webkit-linear-gradient(left, #FF6D0A 0%, #EB0011 100%);
  background: linear-gradient(to right, #FF6D0A 0%, #EB0011 100%);
  padding: 3px;
}
.orangeborderStyle .text .border .inner {
  background-color: #fff;
  padding: 30px 8%;
  position: relative;
}
.orangeborderStyle .text .border .inner h4 {
  font-size: 1.33333333rem;
  color: #000;
}

.max-md-size .orangeborderStyle .pic {
  padding-right: 0;
  padding-left: 0;
}

.max-sm-size .orangeborderStyle .pic span {
  height: 230px;
}
.max-sm-size .orangeborderStyle .text .border .inner {
  padding: 5% 8%;
}
.max-sm-size .orangeborderStyle .text .border .inner:before {
  display: none;
}

.max-xs-size .orangeborderStyle .pic span {
  height: 150px;
}

.materials-business .orangeborderStyle .title {
  position: absolute;
  top: 15%;
  left: 12%;
  z-index: 10;
  color: #fff;
}
.materials-business .orangeborderStyle .title h3, .materials-business .orangeborderStyle .title h4 {
  text-align: left !important;
}
.materials-business .orangeborderStyle .text {
  padding-top: 100px;
}
@media (max-width: 1150px) {
  .materials-business .orangeborderStyle .text {
    padding-top: 15px;
  }
}
.materials-business .orangeborderStyle .text .border .inner {
  padding: 8% 5% 5%;
}

.arts-links .item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 360px;
  margin: 15px 40px 15px 0;
}
.arts-links .item .pic {
  display: block;
  background-color: #D1C0A6;
  width: 100%;
  height: 160px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.arts-links .item .pic img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.arts-links .item p {
  line-height: 1.5;
  color: #000;
}
.arts-links .item.fb .pic {
  margin-right: 0;
  background: url(images/products/arts/blue.jpg) #4867AA;
}

.art-photo > div {
  height: 400px;
}

.max-sm-size .art-photo {
  display: none;
}

.rental-list > li {
  margin-bottom: 30px;
}
.rental-list > li img {
  margin-bottom: 15px;
  margin-right: 3%;
}
.rental-list ul {
  float: left;
}
.rental-list ul > li {
  margin-bottom: 0;
  padding-left: 20px;
  position: relative;
}
.rental-list ul > li .title {
  margin-top: 0;
}
.rental-list ul > li:first-child {
  padding-left: 0;
}
.rental-list ul > li:not(:first-child) {
  line-height: 1.7;
}
.rental-list ul > li:not(:first-child):before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #717171;
  position: absolute;
  top: 10px;
  left: 0;
}

.affiliated-list .item {
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.affiliated-list .item .pic {
  width: 100%;
  max-width: 480px;
}
.affiliated-list .item .pic img {
  max-width: 100%;
}
.affiliated-list .item .text {
  width: 100%;
  max-width: 480px;
}
.affiliated-list .item .text .title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
  font-size: 1rem;
}
.affiliated-list .item .text .title .link {
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-left: 1px solid #eee;
}
.affiliated-list .item .text .title .link:hover svg {
  fill: #E30212;
  -webkit-transition: fill 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: fill 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.affiliated-list .item .text .title svg {
  fill: #8C8C8C;
  width: 17px;
  height: 17px;
  -webkit-transition: fill 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: fill 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.affiliated-list .item .text a {
  color: #777;
}
.affiliated-list .item .text a:hover {
  color: #C30010;
}

.max-sm-size .sm-small {
  max-width: 70%;
}

.service-tabs .p15 {
  padding-left: 15px;
  padding-right: 15px;
}

.max-sm-size .service-tabs.bookmarks .selected-title {
  background: #FAFAFA;
  color: #333;
  font-size: 1rem;
  padding: 10px 5px;
  height: auto;
  line-height: inherit;
}
.max-sm-size .service-tabs.bookmarks .tabs {
  border: 1px solid #E6E6E6;
}
.max-sm-size .service-tabs.bookmarks .tabs li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #E6E6E6;
  background-color: #fff;
}
.max-sm-size .service-tabs.bookmarks .tabs li a {
  padding: 10px 5px;
}
.max-sm-size .service-tabs.bookmarks .tabs li:hover a {
  color: #C30010;
}
.max-sm-size .service-tabs.bookmarks .tabs li.active {
  display: none;
}
.max-sm-size .service-tabs.bookmarks .tabs li:last-child {
  border-bottom: 0;
}
.max-sm-size .service-tabs.bookmarks .tab-conts {
  margin-top: 20px;
}

.max-sm-size #business .orange-btn {
  width: 100%;
}

.contact-list {
  margin-bottom: 5%;
}
.contact-list .item {
  padding: 0 2.5%;
}
.contact-list .item h4 {
  font-size: 1.33333333rem;
  color: #000;
}
.contact-list .item:not(:first-child) {
  border-left: 1px solid #E6E6E6;
}
.contact-list li {
  word-break: break-all;
}
.contact-list .icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.contact-list a:not(.orange) {
  color: #333333;
}
.contact-list a:hover {
  text-decoration: underline;
}

@media (max-width: 1023px) {
  .contact-list .item {
    padding: 0 5%;
    margin-bottom: 15px;
  }
  .contact-list .item:nth-child(odd) {
    border-left: 0;
  }
}
@media (max-width: 567px) {
  .contact-list .item:not(:first-child) {
    border-left: 0;
  }
}
.horizontal-list.investors-list .item {
  height: 200px !important;
}

.briefing tr td a {
  padding: 8px 0;
}
.briefing tr:hover td a {
  border-bottom: 1px solid #C30010;
}

.dividend thead tr:first-child td {
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
}
.dividend thead tr:first-child td:first-child {
  border-left: 0;
}
.dividend thead tr:first-child td:last-child {
  border-right: 0;
}
.dividend thead tr:nth-child(2) td {
  background-color: #FAFAFA;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
}

.document {
  min-width: 900px !important;
}
.document thead td, .document tbody td {
  padding-left: 20px;
  padding-right: 20px;
}

.document-download-title p {
  margin-top: 20px;
}

.max-xs-size .document-download-title .subtitle {
  float: none;
}
.max-xs-size .document-download-title p {
  margin-top: 0;
  float: none;
  text-align: center;
}

#accordion .head {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 15px 20px;
  font-size: 1rem;
  margin: 0;
  margin-top: 20px;
  outline: 0;
  cursor: pointer;
}
#accordion .head .plus {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  position: relative;
}
#accordion .head .plus:before {
  display: block;
  content: '';
  width: 95%;
  height: 1px;
  background-color: #777777;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
#accordion .head .plus:after {
  display: block;
  content: '';
  width: 95%;
  height: 1px;
  background-color: #777777;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#accordion .head.ui-accordion-header-active .plus:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#accordion .editor {
  padding: 20px;
  border: 1px solid #E6E6E6;
  border-top: 0;
}
#accordion .file {
  width: 100%;
  border-top: 1px solid #E6E6E6;
  padding-top: 20px;
}
#accordion .file svg {
  display: inline-block;
  vertical-align: text-bottom;
  fill: #C30010;
  width: 25px;
}
#accordion .file a {
  color: #C30010;
}
#accordion .file a:hover {
  border-bottom: 1px solid #C30010;
}

.csr-banner .slider img {
  max-width: 100%;
}
.csr-banner .slick-dots {
  bottom: 18%;
}
.csr-banner .slick-dots li button:before {
  content: '';
  width: 12px;
  height: 12px;
  border: 3px solid #fff;
  border-radius: 50%;
  opacity: 1;
}
.csr-banner .slick-dots li.slick-active button:before {
  background-color: #545557;
  border-color: #545557;
}

.max-md-size .csr-banner .slick-dots {
  bottom: 15%;
}

.max-xs-size .csr-banner .slick-dots {
  bottom: 10%;
}

.csr-links {
  margin-bottom: 30px;
}
.max-lg-size .csr-links {
   -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}
.csr-links > div {
  width: 37.5%;
  padding-right: 5%;
  margin-bottom: 20px;
}
.csr-links > div:last-child {
  width: 25%;
  padding-right: 0;
  padding-left: 5%;
}
.max-lg-size .csr-links > div {
  width: 100%;
  padding: 0;
}
.csr-links .fb-btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  height: 70px;
  padding: 0 30px 0 15px;
  border-radius: 70px;
  background-color: #4267B2;
  color: #ffffff;
  text-align: left;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
.csr-links .fb-btn:hover {
  background-color: #314E8E;
}
.min-lg-size .csr-links .fb-btn + .fb-btn {
  margin-top: 15px;
}
.max-lg-size.min-mm-size .csr-links .fb-btn {
  float: left;
  width: 320px;
}
.max-lg-size.min-mm-size .csr-links .fb-btn + .fb-btn {
  margin-left: 15px;
}
.max-mm-size .csr-links .fb-btn + .fb-btn {
  margin-top: 10px;
}
.csr-links .fb-btn .icon {
  display: block;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  color: #4267B2;
  -ms-flex-negative: 0;
        flex-shrink: 0;
}
.csr-links .fb-btn .text {
  font-size: 1.3em;
  line-height: 1.25;
  margin-left: 15px;
}
.csr-links h4 {
  font-size: 1.33333333rem;
}
.csr-links p {
  color: #8C8C8C;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.max-mm-size .csr-links {
  text-align: center;
}

.vision-table {
  width: 100%;
}
.vision-table td {
  border: 5px solid #fff;
  padding: 25px;
}
.vision-table .title {
  color: #fff;
  font-size: 1.33333333rem;
  text-align: center;
  white-space: nowrap;
}
.vision-table tr:nth-child(odd) .title {
  background-color: #8AACD1;
}
.vision-table tr:nth-child(odd) .list {
  background-color: #FAFAFA;
}
.vision-table tr:nth-child(even) .title {
  background-color: #3C6899;
}
.vision-table tr:nth-child(even) .list {
  background-color: #F5F5F5;
}

.max-sm-size .vision-table .title {
  font-size: 1.2rem;
}

.max-mm-size .vision-table {
  display: block;
  width: 100%;
}
.max-mm-size .vision-table .title, .max-mm-size .vision-table .list {
  display: block;
  width: 100%;
}

.bkd-yellow {
  background-color: #FFF8E5;
}

.bkd-blue {
  background-color: #EBF2F8;
}

.bkd-green {
  background-color: #F2FFF5;
}

.management-list > div {
  padding: 15px;
}
.management-list .lightblue {
  background-color: #8AACD1;
}
.management-list .green {
  background-color: #75C98E;
}
.management-list .blue {
  background-color: #3C6899;
}
.management-list .head {
  color: #fff;
  padding: 20px;
}
.management-list .head p {
  color: #fff;
}
.management-list .text {
  padding: 20px;
  background-color: #FAFAFA;
}

.integration-info h4 {
  font-size: 1.33333333rem;
  color: #000;
  margin-bottom: 30px;
}
.integration-info .myTable {
  min-width: 600px;
  background-color: #FAFAFA;
}
.integration-info .myTable thead tr td:first-child {
  text-align: left;
  padding-left: 15px;
}
.integration-info .myTable tbody tr td:first-child {
  color: #000;
  text-align: left;
  padding-left: 15px;
}
.integration-info .myTable tbody tr:nth-child(odd) td {
  background-color: #F5F5F5;
}

.integration-table {
  min-width: 1500px !important;
}
.integration-table td {
  padding: 20px;
  background-color: #F5F5F5;
  border: 5px solid #EBF2F8;
}
.integration-table .title {
  background-color: #75C98E;
  color: #fff;
  text-align: center;
}
.integration-table thead td {
  background-color: #E8E8E8;
}
.integration-table thead .title {
  background-color: #63A977;
}
.integration-table tbody td:last-child {
  background-color: #FAFAFA;
}

.employees-introduction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 15px;
  padding-left: 8%;
}
.employees-introduction .inner {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  position: relative;
}
.employees-introduction .inner:before {
  display: block;
  content: '';
  background: url(images/csr/employees/mark-t.png) no-repeat;
  width: 38px;
  height: 29px;
  position: absolute;
  top: -20px;
  left: -48px;
}
.employees-introduction .inner:after {
  display: block;
  content: '';
  background: url(images/csr/employees/mark-b.png) no-repeat;
  width: 37px;
  height: 28px;
  position: absolute;
  right: -47px;
  bottom: -20px;
}
.employees-introduction p {
  color: #000;
  font-size: 1.2rem;
}

@media (max-width: 1100px) {
  .employees-introduction {
    padding-left: 10%;
  }
}
@media (max-width: 1024px) {
  .employees-introduction {
    padding-left: 15px;
    margin-top: 10%;
  }
  .employees-introduction .inner {
    margin-left: auto;
  }
}
.max-xs-size .employees-introduction {
  padding: 0;
}
.max-xs-size .employees-introduction .inner {
  text-align: center;
}
.max-xs-size .employees-introduction .inner:before, .max-xs-size .employees-introduction .inner:after {
  display: none;
}

.employees-table td {
  padding: 30px 20px;
  border: 5px solid #FFF8E5;
  background-color: #FAFAFA;
}
.employees-table .title {
  text-align: center;
  background-color: #75C98E;
  width: 175px;
}
.max-mm-size .employees-table .title {
  width: 120px;
  padding: 15px;
}
.employees-table .title img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.employees-table .title p {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 0;
}

.workplace-content {
  width: 90%;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.workplace-content .head {
  margin-bottom: 45px;
}
.workplace-content .head .text {
  background-color: #FFEBB2;
  border-radius: 50px;
  padding: 20px;
  font-size: 1.2rem;
}
.workplace-content .head .text span {
  margin: 0 15px;
}
.workplace-content .head .blue {
  color: #2979CF;
}
.workplace-content .head .green {
  color: #10B4A2;
}
.workplace-content .head .orange {
  color: #FF6C00;
}
.workplace-content .body {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.workplace-content .body .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  width: 31%;
  padding: 3% 2%;
  margin-right: 2%;
  margin-bottom: 30px;
  position: relative;
  color: #fff;
}
.workplace-content .body .item:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  box-sizing: border-box;
}
.workplace-content .body .item:nth-child(3n) {
  margin-right: 0;
}
.workplace-content .body .item:first-child {
  background-color: #8AACD1;
}
.workplace-content .body .item:nth-child(2) {
  background-color: #7772B5;
}
.workplace-content .body .item:nth-child(3) {
  background-color: #8BC974;
}
.workplace-content .body .item:nth-child(4) {
  background-color: #EB6183;
}
.workplace-content .body .item:nth-child(5) {
  background-color: #11B4A3;
}
.workplace-content .body .item:nth-child(6) {
  background-color: #FEBA55;
}

.max-sm-size .workplace-content .body .item {
  width: 48%;
}
.max-sm-size .workplace-content .body .item:nth-child(3n) {
  margin-right: auto;
}
.max-sm-size .workplace-content .body .item:nth-child(odd) {
  margin-right: 2%;
}

.max-xs-size .workplace-content .head {
  margin-bottom: 30px;
}
.max-xs-size .workplace-content .head .text {
  font-size: 1rem;
}
.max-xs-size .workplace-content .head .text span {
  margin: 0px 5px;
}
.max-xs-size .workplace-content .body .item {
  width: 100%;
  padding: 20px;
  margin-left: 0;
  margin-right: 0 !important;
  margin-bottom: 10px;
}

.policy-list {
  min-width: 1030px;
}
.policy-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 5px;
}
.policy-list .item .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30%;
  max-width: 265px;
  padding: 40px 20px;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  background-color: #8AACD1;
  position: relative;
}
.policy-list .item .head:after {
  display: block;
  content: '';
  background: url(images/csr/supplier/arrow.png);
  width: 48px;
  height: 45px;
  position: absolute;
  right: -48px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.policy-list .item .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 69%;
  max-width: calc(100% - 300px);
  background-color: #F5F5F5;
  padding: 30px;
  margin-left: 30px;
}
.policy-list .item:nth-child(2) .head {
  background-color: #75C98E;
}
.policy-list .item:nth-child(3) .head {
  background-color: #FEBA55;
}
.policy-list .item:nth-child(4) .head {
  background-color: #3C6899;
}
.policy-list .item:nth-child(even) .body {
  background-color: #FAFAFA;
}

.previous-activities {
  display: inline-block;
  vertical-align: top;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.previous-activities .item {
  width: 30%;
  max-width: 500px;
  margin-bottom: 30px;
  margin-right: 4.5%;
}
.previous-activities .item:nth-child(3n) {
  margin-right: 0;
}
.previous-activities .item .pic {
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
  overflow: hidden;
}
.previous-activities .item .pic span {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.previous-activities .item .text .time {
  color: #C30010;
  font-size: .83333333rem;
}
.previous-activities .item .text .title {
  font-size: 1.33333333rem;
  color: #000;
}
.previous-activities .item:hover .pic span {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-md-size .previous-activities .item {
  width: 48%;
  margin-right: 3%;
}
.max-md-size .previous-activities .item:nth-child(2n) {
  margin-right: 0;
}
.max-md-size .previous-activities .item:nth-child(3n) {
  margin-right: 3%;
}

.max-xs-size .previous-activities .item {
  width: 100%;
  margin-right: 0;
}

.care-table {
  min-width: 625px !important;
  letter-spacing: normal;
}
.care-table tr td {
  border: 3px solid #fff;
}
.care-table tfoot td {
  padding: 10px 20px;
  background-color: #F5F5F5;
}
.care-table.blue .title {
  background-color: #8AACD0;
}
.care-table.blue thead .title {
  background-color: #3B6898;
}
.care-table.orange .title {
  background-color: #FDBA55;
}
.care-table.orange thead .title {
  background-color: #E88422;
}

.csr-downloads-list .head {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  color: #000;
  margin-bottom: 50px;
}
.csr-downloads-list .body {
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.csr-downloads-list .item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  line-height: 1.5;
  text-rendering: normal;
  width: 20%;
  max-width: 270px;
  margin: 0 2.5% 30px 2.5%;
}
.csr-downloads-list .item .pic {
  display: block;
  width: 100%;
  height: 320px;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #E6E6E6;
}
.csr-downloads-list .item .pic .cover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
  background-color: transparent;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.csr-downloads-list .item .pic .cover .icon {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(images/csr/download/Download.png) center no-repeat rgba(194, 0, 15, 0.7);
  opacity: 0;
  -webkit-transition: top 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: top 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.csr-downloads-list .item:hover .pic .cover {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.csr-downloads-list .item:hover .pic .cover .icon {
  top: 0;
  opacity: 1;
  -webkit-transition: top 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: top 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-lg-size .csr-downloads-list .item {
  width: 28%;
  margin: 0 2.5% 30px 2.5%;
}

.max-md-size .csr-downloads-list .item {
  width: 45%;
  margin: 0 2.5% 30px 2.5%;
}

.max-mm-size .csr-downloads-list .item {
  width: 95%;
  margin: 0 2.5% 30px 2.5%;
}

.csr-video-list {
  background-color: #F9F9F9;
  padding-top: 40px;
}

.min-lg-size .csr-video-list .item {
  width: 32%;
  max-width: 540px;
  margin: 0 0.95% 30px 0.95%;
}

.csr-video-list .item .pic {
  border: none;
}

.csr-video-list .item .pic .cover .icon {
  top: 0;
  width: 90px;
  height: 90px;
  opacity: 1;
  background: none;
}

.max-md-size .csr-video-list .item .pic .cover .icon {
  width: 80px;
  height: 80px;
}

.csr-video-list .item .pic .cover .icon path {
  fill: #ffffff;
}

.csr-video-list .item .pic .bkdimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.csr-video-list .item p {
  color: #777777;
  text-align: left;
  padding: 10px 25px;
}

.max-md-size .csr-video-list .item p {
  padding: 10px 0;
}
.csr-video-list + .pagination {
  margin-top: 45px;
}

.environment01 .pic {
  padding-right: 30px;
}
.environment01 .text {
  padding: 0px 15px;
}

.max-md-size .environment01 .pic {
  padding-right: 0;
}

.rescue-tables {
  min-width: 750px;
}
.rescue-tables .rescue-table {
  width: 350px;
  min-width: 0 !important;
}
.rescue-tables .rescue-table td {
  border: 5px solid #fff;
  text-align: center;
  padding: 10px;
}
.rescue-tables .rescue-table thead td:last-child {
  background-color: #E8E8E8;
}
.rescue-tables .rescue-table td:last-child {
  background-color: #F5F5F5;
}

.max-sm-size .supplier-link {
  text-align: center;
}
.max-sm-size .supplier-link .orange-btn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.service-pics > div {
  line-height: 0;
}
.service-pics > div img {
  width: 100%;
}

.max-sm-size .service-pics > div {
  padding: 5px;
}

.career-list .item {
  display: block;
  width: 98%;
  max-width: 500px;
  color: #333333;
  margin-bottom: 20px;
}
.career-list .item .pic {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.career-list .item .borderCover {
  border-color: rgba(255, 255, 255, 0);
  -webkit-transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.career-list .item .title {
  font-size: 1.33333333rem;
  color: #000;
}
.career-list .item .title + p {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.career-list .item:hover .borderCover {
  border-color: rgba(255, 255, 255, 0.7);
  -webkit-animation: puffIn 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: puffIn 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@media (max-width: 1800px) {
  .career-list .item {
    width: 90%;
  }
}
@media (max-width: 576px) {
  .career-list .item {
    width: 100%;
  }
}
.recruiting {
  background: url(images/career/background.jpg) top no-repeat #F8F8F8;
  height: 750px;
}
.recruiting .m-container {
  position: relative;
  height: 100%;
}
.recruiting .text {
  width: 80%;
  max-width: 500px;
  position: relative;
  z-index: 5;
  color: #333333;
}
.recruiting .contact-info {
  width: 100%;
  max-width: 450px;
  padding: 60px 30px 30px;
  background-color: #fff;
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}
.recruiting .contact-info .head {
  display: block;
  width: 140px;
  height: 55px;
  line-height: 55px;
  background-color: #C30010;
  color: #fff;
  text-align: center;
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  margin: auto;
}
.recruiting .contact-info b {
  font-size: 1.11111111rem;
}
.recruiting .contact-info li {
  margin-bottom: 0;
}
.recruiting .contact-info .icon {
  margin-right: 10px;
}
.recruiting .contact-info:after {
  display: block;
  content: '';
  width: 100%;
  height: 17px;
  background: url(images/career/shadow.png) center no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
  margin: auto;
}
.recruiting .pic {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0;
}
.recruiting .pic .joinUs {
  display: block;
  width: 60%;
  max-width: 436px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: auto;
}

.max-lg-size .recruiting {
  height: auto;
}
.max-lg-size .recruiting .text {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.max-lg-size .recruiting .text .subtitle {
  text-align: center;
}
.max-lg-size .recruiting .pic {
  width: 50%;
}

.max-lg-size .recruiting .pic {
  position: relative;
  width: 80%;
  left: 0;
  right: 0;
  margin: auto;
}
.max-lg-size .recruiting .text {
  width: 50%;
}
.max-lg-size .recruiting .contact-info {
  max-width: none;
  text-align: center;
}

.max-sm-size .recruiting .text {
  width: 100%;
}
.max-sm-size .recruiting .contact-info {
  text-align: left;
}

.activitives {
  text-align: center;
}
.activitives li {
  display: inline-block;
  vertical-align: top;
  width: 155px;
  height: 155px;
  background-color: #999999;
  color: #fff;
  padding: 30px 15px;
  margin-right: 5px;
  text-align: center;
}
.activitives li svg {
  width: 50%;
  height: 60px;
  fill: #fff;
}
.activitives li p {
  color: #fff;
}

.welfare-list {
  background-color: #F7F7F7;
  margin-bottom: 30px;
}
.welfare-list .item {
  text-align: center;
  position: relative;
  height: 150px;
  border-right: 1px solid #D9D9D9;
  margin-top: 15px;
  margin-bottom: 15px;
}
.welfare-list .item:last-child {
  border-right: 0;
}
.welfare-list .item .inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.welfare-list .item svg {
  height: 70px;
  fill: #777777;
}
.welfare-list .item svg, .welfare-list .item img {
  margin-bottom: 10px;
}

.max-sm-size .welfare-list .item:nth-child(even) {
  border-right: 0;
}

.max-mm-size .welfare-list .item {
  border-right: 0;
}

.information-list.news .item .time {
  width: 200px;
}

.max-sm-size .information-list.news .item .time {
  width: 100%;
}

.article-new .head {
  position: relative;
  padding-right: 40px;
  margin-bottom: 30px;
}
.article-new .head .time {
  color: #8C8C8C;
}
.article-new .head .title {
  font-size: 1.33333333rem;
  line-height: 1.5;
}
.article-new .head .fb-share {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  padding-left: 5px;
  position: absolute;
  top: 30px;
  right: 0;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.article-new .head .fb-share:hover {
  background-color: #3B559F;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.max-sm-size .article-new .head {
  padding-right: 0;
}
.max-sm-size .article-new .head .fb-share {
  position: relative;
  top: auto;
  left: 0;
  right: 0;
  margin: auto;
}

.download-list .item {
  max-width: 400px;
  margin-bottom: 30px;
}
.download-list .item .title {
  font-weight: bold;
  color: #000;
}

.filter-download {
  float: right;
  margin-top: 10px;
}
.filter-download .select {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #DBDBDB;
  margin-bottom: 10px;
}
.filter-download .search {
  display: inline-block;
  vertical-align: middle;
  width: 350px;
  max-width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #DBDBDB;
  position: relative;
  font-size: 15px;
  overflow: hidden;
  margin-bottom: 10px;
}
.filter-download .search span {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #DBDBDB;
}
.filter-download .search input {
  width: 170px;
  height: 40px;
  line-height: 40px;
}
.filter-download .search input::-webkit-input-placeholder {
  color: #C3C3C3;
}
.filter-download .search input::-moz-placeholder {
  color: #C3C3C3;
}
.filter-download .search input:-ms-input-placeholder {
  color: #C3C3C3;
}
.filter-download .search input::placeholder {
  color: #C3C3C3;
}
.filter-download .search button {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #9D9D9D;
  background-color: #F7F7F7;
}

.max-sm-size .subtitle.fl {
  float: none;
}

@media (max-width: 1200px) {
  .download-title.fl {
    float: none;
    margin-bottom: 10px;
  }

  .download-result {
    float: none;
  }

  .filter-download {
    float: none;
    margin-bottom: 10px;
  }
}
.max-sm-size .filter-download {
  float: none;
  text-align: center;
  margin-bottom: 3%;
}
.max-sm-size .filter-download .search {
  text-align: left;
}

@media (max-width: 562px) {
  .max-sm-size .filter-download .select {
    margin-bottom: 10px;
    width: 100%;
    max-width: 350px;
  }
}
.release-list {
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
}
.release-list .item {
  display: block;
  float: left;
  width: calc(25% - 10px);
  background-color: #FAFAFA;
  color: #333333;
  border: 1px solid #EDEDED;
  padding: 20px;
  margin: 0 5px 10px;
}
.release-list .item .pic {
  width: 100%;
  height: 155px;
  border: 1px solid #EDEDED;
  background: url(images/common/imglogo.svg) center no-repeat #fff;
  margin-bottom: 15px;
  overflow: hidden;
}
.release-list .item .pic span {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.release-list .item .text {
  text-align: left;
}
.release-list .item .text .time {
  font-size: .83333333rem;
}
.release-list .item .text .title {
  line-height: 1.5;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.release-list .item .text p {
  font-size: .88888889rem;
  color: #8C8C8C;
}
.release-list .item:hover .pic span {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.release-list .item:hover .text .title {
  color: #C30010;
}

.max-lg-size .release-list .item {
  width: calc(33.333% - 10px);
}

.max-sm-size .release-list .item {
  width: calc(50% - 10px);
}

.max-xs-size .release-list .item {
  width: 100%;
}

a.readmore {
  display: block;
  background-color: #BFBFBF;
  color: #fff;
  text-align: center;
  width: 80%;
  max-width: 720px;
  height: 60px;
  line-height: 60px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
a.readmore:hover {
  background-color: #D3D3D3;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.page-tabs.new .item:first-child {
  padding-left: 0;
}
.page-tabs.new .item:first-child:after {
  right: 20px;
}

.categories {
  margin-bottom: 20px;
}
.categories .btn {
  display: inline-block;
  vertical-align: top;
  line-height: initial;
  color: #8C8C8C;
  border: 1px solid #E6E6E6;
  padding: 8px 2.22222222rem;
  background-color: transparent;
  margin-right: 15px;
  margin-bottom: 15px;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.categories .btn:hover, .categories .btn.active {
  background-color: #C30010;
  border-color: #C30010;
  color: #fff;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.selected-title {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 2.22222222rem;
  position: relative;
  border: 1px solid #E6E6E6 !important;
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: center;
  background-color: #FAFAFA;
  color: #333;
}
.selected-title:before {
  display: block;
  height: 15px;
  width: 1px;
  background-color: #333;
  content: '';
  position: absolute;
  top: 50%;
  right: 17.5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  line-height: 100%;
  color: #000;
  -webkit-transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.selected-title:after {
  display: block;
  width: 15px;
  height: 1px;
  background-color: #333;
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  line-height: 100%;
  color: #000;
}
.selected-title.toggle:before {
  content: '';
  opacity: 0;
}

.max-xs-size .selected-title {
  line-height: 1.5;
}

.max-sm-size .categories {
  display: none;
  text-align: center;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.max-sm-size .categories .btn {
  padding: 8px;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  border: 0;
  border-bottom: 1px solid #E6E6E6;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.table-wrapper .table-info {
  width: 100%;
  min-width: 1280px;
}
.table-wrapper .table-info td {
  vertical-align: top;
  width: calc(100% / 6);
}
.table-wrapper .table-info td a {
  color: #de7300;
}
.table-wrapper .table-info .head {
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}
.table-wrapper .table-info .contact li {
  padding-left: 30px;
  position: relative;
}
.table-wrapper .table-info .contact .icon {
  color: #CCC;
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.table-wrapper .table-info .contact .iconM-mobile {
  font-size: 1.2rem;
}
.table-wrapper .table-info .link {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 35px;
  -webkit-transition: background-color .5s ease-in-out;
          transition: background-color .5s ease-in-out;
}
.table-wrapper .table-info .link:hover {
  color: #fff;
  background-color: #de7300;
}
.table-wrapper .table-info tr:hover td {
  background-color: #FAFAFA !important;
  color: #333 !important;
}
.table-wrapper .table-info tr:hover td li {
  color: #333;
}
.table-wrapper .table-info tr:hover td a:not(.link) {
  color: #de7300;
}

.max-sm-size .table-wrapper .table-info {
  display: block;
  min-width: 0;
}
.max-sm-size .table-wrapper .table-info tbody, .max-sm-size .table-wrapper .table-info tr, .max-sm-size .table-wrapper .table-info td {
  display: block;
  width: 100%;
}
.max-sm-size .table-wrapper .table-info .contact li {
  padding-left: 25px;
}
.max-sm-size .table-wrapper .table-info .contact .icon {
  margin-right: 5px;
}

.search-result-list li {
  border-bottom: 1px solid #E6E6E6;
  padding-left: 0;
  margin-bottom: 20px;
  -webkit-transition: padding-left 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: padding-left 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search-result-list li .title {
  color: #000;
  padding: 10px 0;
  margin: 0;
  -webkit-transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search-result-list li p {
  color: #8C8C8C;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-result-list li:hover {
  padding-left: 20px;
}
.search-result-list li:hover .title {
  color: #C30010;
}

.editor.law h3, .editor.law h4 {
  color: #000;
}
.editor.law h3 {
  font-size: 1.33333333rem;
}
.editor.law h4 {
  font-size: 1.22222222rem;
}

.green {
  color: #76B24E;
}

.dark-green {
  color: #537d36;
}

@keyframes float {
  0% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
}
.animate-float {
  -webkit-animation: float 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
          animation: float 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

.page-activity .page-activity {
  position: relative;
}

.page-activity .wrapper {
  padding-top: 0;
}

.page-activity .container, .page-activity .m-container, .page-activity .s-container {
  max-width: 1480px;
}

.back-home {
  display: block;
  width: 80px;
  height: 80px;
  background-color: #C30010;
  color: #fff;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 50px;
  right: 15px;
  z-index: 1000;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.back-home:hover {
  color: #fff;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.activity-banner {
  position: relative;
  width: 100%;
  height: 100%;
}
.activity-banner .cover {
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.activity-banner .cover img {
  max-width: 100%;
}
.activity-banner .cover .illu-01 {
  right: 10%;
  bottom: 50%;
}
.activity-banner .text {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  z-index: 3;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.activity-banner .text .text-img {
  max-width: 50%;
  filter: drop-shadow(5px 5px 10px black);
  -webkit-filter: drop-shadow(5px 5px 10px black);
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}
.activity-banner .background {
  position: relative;
  line-height: 0;
}
.activity-banner .background:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: url(images/activiity/shadow.png) bottom repeat-x;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.activity-banner img {
  max-width: 100%;
}

@media (max-width: 1680px) {
  .activity-banner .text {
    top: 40%;
  }
  .activity-banner .text .text-img {
    max-width: 40%;
  }
}
@media (max-width: 1280px) {
  .activity-banner .text .dot {
    width: 25px;
  }
}
@media (max-width: 1110px) {
  .activity-banner .cover .illu-01 {
    right: 0;
  }
  .activity-banner .cover .illu-01 img {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .activity-banner .text .des {
    display: none;
  }
  .activity-banner .text .dot {
    width: 15px;
  }
}
.activity-body .upper-body {
  background: url(images/activiity/sky.jpg);
}
.activity-body .fast-link {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1025px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}
.activity-body .fast-link.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.activity-body .fast-link a {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 33.333%;
  float: left;
  text-align: center;
  padding: 5px 0;
  color: #000;
  border: 1px solid #76B24E;
  background-color: transparent;
  -webkit-transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.5s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.activity-body .fast-link a:hover, .activity-body .fast-link a.active {
  background-color: #76B24E;
  color: #fff;
}

@media (max-width: 480px) {
  .activity-body .fast-link a {
    padding: 15px;
  }
}
.font-48 {
  font-size: 2.667rem
  /* 48/18 */
}

.font-40 {
  font-size: 2.222rem
  /* 40/18 */
}

.font-30 {
  font-size: 1.667rem
  /* 30/18 */
}

.font-24 {
  font-size: 1.333rem
  /* 24/18 */
}

@media (max-width: 1366px) {
  .font-48 {
    font-size: 2.222rem
    /* 40/18 */
  }

  .font-40 {
    font-size: 1.778rem
    /* 32/18 */
  }

  .font-30 {
    font-size: 1.333rem
    /* 24/18 */
  }

  .font-24 {
    font-size: 1.222rem
    /* 22/18 */
  }
}
@media (max-width: 991px) {
  .font-48 {
    font-size: 1.778rem
    /* 32/18 */
  }

  .font-40 {
    font-size: 1.444rem
    /* 26/18 */
  }

  .font-30 {
    font-size: 1.222rem
    /* 22/18 */
  }

  .font-24 {
    font-size: 1.111rem
    /* 20/18 */
  }
}
@media (max-width: 768px) {
  .font-48 {
    font-size: 1.444rem
    /* 26/18 */
  }
}
.illu {
  position: absolute;
  z-index: 50;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.illu img {
  max-width: 100%;
}

@media (max-width: 1680px) {
  .illu img {
    width: 80%;
  }

  .illu-04 {
    bottom: 0;
  }
  .illu-04 img {
    max-width: 60%;
  }
}
@media (max-width: 991px) {
  .illu {
    display: none;
  }
}
.development {
  text-align: center;
  position: relative;
  padding-bottom: 7%;
}
.development .illu-02 {
  left: 0;
}
.development .illu-03 {
  right: 0;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

@media (max-width: 768px) {
  .development {
    padding-bottom: 4rem;
  }
}
.slider-development {
  width: 100%;
  padding: 0 15%;
  margin-left: auto;
  margin-right: auto;
}
.slider-development .item {
  width: 100%;
  height: 550px;
  position: relative;
}
.slider-development .item .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: auto;
  color: #fff;
  z-index: 5;
}
.slider-development .item .bkdimg {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.slider-development .item .bkdimg:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-shadow: inset 0 -50px 250px rgba(0, 0, 0, 0.8);
  z-index: 2;
}
.slider-development .slick-arrow {
  display: inline-block !important;
  vertical-align: middle;
  border-radius: 0;
  max-width: 200px;
}
.slider-development .slick-arrow span {
  display: block;
  line-height: 1;
  font-size: 18px;
  color: #000;
}
.slider-development .slick-arrow span.en {
  color: #46A4D8;
  margin-top: 5px;
}
.slider-development .slick-prev {
  background: none;
  width: auto;
  height: 34px;
  padding-left: 60px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 0;
  margin-right: 10px;
}
.slider-development .slick-prev:before {
  display: block;
  content: '';
  background: url(images/activiity/arrow-l.png) left top no-repeat;
  width: 40px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slider-development .slick-prev span {
  text-align: left;
}
.slider-development .slick-next {
  background: none;
  width: auto;
  height: 34px;
  padding-right: 60px;
  right: 0;
  margin-left: 10px;
}
.slider-development .slick-next:before {
  display: block;
  content: '';
  background: url(images/activiity/arrow.png) right top no-repeat;
  width: 40px;
  height: 34px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slider-development .slick-next span {
  text-align: right;
}

@media (max-width: 1100px) {
  .slider-development .slick-arrow {
    padding: 0;
    top: 30%;
  }
  .slider-development .slick-arrow:before {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    margin-bottom: 15px;
  }
  .slider-development .slick-arrow span {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    writing-mode: vertical-lr;
    white-space: nowrap;
  }
}
@media (max-width: 1024px) {
  .slider-development {
    padding: 0;
  }
  .slider-development .slick-dots {
    bottom: -35px;
  }
  .slider-development .slick-dots li button:before {
    color: #004ec7;
  }
}
@media (max-width: 991px) {
  .slider-development .item {
    height: 350px;
  }
}
@media (max-width: 650px) {
  .slider-development .item {
    height: 300px;
  }
  .slider-development .slick-arrow {
    max-width: 50px;
  }
}
.myth {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.myth .illu-04 {
  right: 0;
  bottom: 5%;
  z-index: 70;
}
.myth .forest-cover {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: 60;
  line-height: 0;
  pointer-events: none;
}
.myth .forest-cover img {
  max-width: 100%;
}
.myth .dots {
  width: 50%;
  height: 864px;
  height: 90vh;
  min-height: 600px;
  position: relative;
}
.myth .dots .bkdimg {
  position: relative;
}
.myth .dots .bkdimg:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.myth .dots .outer {
  width: 100%;
  height: 70%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}
.myth .dots .outer .inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.myth .dots .outer .inner .mCSB_container {
  margin-right: 0;
}
.myth .dots .slick-dots {
  position: relative;
  width: 100%;
  z-index: 50;
}
.myth .dots .slick-dots li {
  display: block;
  width: auto;
  height: auto;
  text-align: right;
  color: #fff;
  text-shadow: 0 0 5px #000;
  padding-left: 15px;
  padding-right: 100px;
  margin: 0;
  margin-bottom: 15px;
  cursor: move;
}
.myth .dots .slick-dots li.slick-active {
  color: #FFFF4C;
}
.myth .dots .slick-dots li:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 25px 20px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.myth .dots .slick-dots li.slick-active:after {
  opacity: 1;
}
.myth .contents {
  width: 50%;
  height: 864px;
  height: 90vh;
  min-height: 600px;
  background: url(images/activiity/tree.jpg) right bottom no-repeat #fff;
  background-size: contain;
  z-index: 50;
}
.myth .contents .item {
  width: 100%;
  min-height: 600px;
  height: 90vh;
  position: relative;
  padding: 5%;
  padding-top: 35vh;
}
.myth .contents .item .inner {
  width: 100%;
  min-height: 300px;
  max-height: 80vh;
  overflow-y: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.myth .contents .item h2 {
  color: #2f481f;
  padding-bottom: 3%;
}

@media (max-width: 768px) {
  .myth .dots,
  .myth .contents {
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .myth .dots {
    padding: 5% 0;
    min-height: 250px;
    max-height: 50vh;
  }
  .myth .dots .bkdimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .myth .dots .slick-dots {
    position: relative;
    top: 5%;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    max-height: 90%;
  }
  .myth .dots .slick-dots li {
    text-align: center;
    padding-right: 30px;
  }
  .myth .dots .slick-dots li:after {
    display: none;
  }
  .myth .contents {
    padding-left: 30px;
    padding-right: 30px;
  }
  .myth .contents .item {
    height: auto;
    padding-top: 5%;
    min-height: 0;
  }
  .myth .contents .item .inner {
    max-height: none;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-height: 900px) {
  .myth .illu-04 img {
    width: 60%;
  }
  .myth .contents .item {
    padding-top: 5%;
  }
  .myth .contents .item .inner {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
ul.disc {
  list-style-type: disc;
  padding-left: 20px;
}

.activity-body .lower-body {
  background: url(images/activiity/forest-gradient.jpg) left top repeat-x, url(images/activiity/forest.jpg);
  position: relative;
  z-index: 50;
}
.activity-body .lower-body:after {
  display: block;
  content: '';
  background: url(images/activiity/tree.png) center bottom no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 974px;
}
.activity-body .lower-body > section {
  position: relative;
  z-index: 10;
}
.activity-body .lower-body > section h2 {
  color: #2B7000;
}

@media (max-width: 768px) {
  .activity-body .lower-body > section .p3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .activity-body .lower-body > section .p3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.concept-1 .container, .concept-1 .m-container, .concept-1 .s-container {
  max-width: 1130px;
}
.concept-1 h2 {
  margin-bottom: 1rem;
}
.concept-1 .item {
  margin-bottom: 1rem;
}
.concept-1 .item:before, .concept-1 .item:after {
  content: '';
  display: table;
}
.concept-1 .item:after {
  clear: both;
}
.concept-1 .item .pic,
.concept-1 .item .text {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.concept-1 .item .pic {
  width: 30%;
  text-align: center;
}
.concept-1 .item .pic img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.concept-1 .item .text {
  text-align: left;
  width: 70%;
}
.concept-1 .item .text ul {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: #D70000;
}

.max-sm-size .concept-1 .item .pic img {
  max-height: 100px;
}

.max-xs-size .concept-1 .item .pic {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.max-xs-size .concept-1 .item .text {
  width: 100%;
  text-align: center;
}

.concept-2 h2 {
  margin-bottom: 1rem;
}
.concept-2 .gray {
  color: #555;
}
.concept-2 .m3 {
  margin-top: 3%;
  margin-bottom: 3%;
}
.concept-2 .illu-05 {
  right: 5%;
}

.max-lg-size .concept-2 .illu-05 {
  right: 0;
}

.concept-chart li {
  display: inline-block;
  vertical-align: top;
  width: 17%;
  background-color: #fff;
  border: 1px solid #76B24E;
  border-radius: 50%;
  position: relative;
  margin-right: 30px;
}
.concept-chart li .inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 10px;
  margin: auto;
}
.concept-chart li img {
  max-width: 80%;
}
.concept-chart li:after {
  display: inline-block;
  vertical-align: middle;
  content: '';
  background: url(images/activiity/chart-arrow.png) center no-repeat;
  width: 33px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: -35px;
  z-index: 5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.concept-chart li:last-of-type:after {
  display: none;
}

@media (max-width: 991px) {
  .concept-chart li {
    width: 28%;
    margin-bottom: 15px;
  }
  .concept-chart li img {
    max-width: 70%;
  }
}
@media (max-width: 600px) {
  .concept-chart li {
    width: 40%;
    margin-bottom: 15px;
  }
}
.rwd-table {
  width: 100%;
}
.rwd-table tbody td .head {
  display: none;
}

@media (max-width: 1100px) {
  .rwd-table {
    display: block;
    width: 100%;
  }
  .rwd-table thead {
    display: none;
  }
  .rwd-table tbody,
  .rwd-table tr,
  .rwd-table td {
    display: block;
    width: 100%;
  }
  .rwd-table tr {
    margin-bottom: 15px;
  }
  .rwd-table tbody td .head {
    font-weight: bold;
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .rwd-table tbody td .head,
  .rwd-table tbody td .content {
    display: block;
    width: 100%;
  }
}
.recycling-table thead {
  background-color: #76B24E;
  border-top: 2px solid #537d36;
  border-bottom: 1px solid #537d36;
}
.recycling-table thead th {
  padding: 15px;
  color: #fff;
}
.recycling-table tbody td {
  border-bottom: 1px solid #537d36;
  padding: 15px;
}
.recycling-table tbody td.example {
  border-left: 1px solid #537d36;
}
.recycling-table tbody td a {
  color: #5e8f3e;
  border-bottom: 1px solid #5e8f3e;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s easeOutSine;
          transition: color 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.5s easeOutSine;
}
.recycling-table tbody td a:hover {
  color: #537d36;
  border-bottom: 1px solid #537d36;
}
.recycling-table tbody tr.example {
  display: none;
}

@media (max-width: 1100px) {
  .recycling-table tbody {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .recycling-table tbody tr {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    border: 1px solid #537d36;
  }
  .recycling-table tbody tr.example {
    display: inline-block;
  }
  .recycling-table tbody td {
    border-bottom: 0;
  }
  .recycling-table tbody td.example {
    display: none;
  }
}
@media (max-width: 480px) {
  .recycling-table tbody tr {
    width: 100%;
  }
  .recycling-table tbody td {
    padding: 10px;
  }
}


/*20200728 加簽修改*/
/*企業社會責任*/
.csr-banner .item .video-wrap{position: relative;padding-bottom:35%;}
.csr-banner .item .video-wrap iframe{position: absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;margin:0 !important;}

.csr-links > div:last-child{padding-top:80px;}
.csr-links .edm-subscription{background:#C30010;border-radius: 99em;color:#fff;margin-top:15px;width:100%;height:70px;padding:0 30px 0 15px;display:flex; align-items: center;transition: 0.3s background-color;}
.csr-links .edm-subscription i{width:42px;height:42px;border-radius: 50%;background:#fff;display:flex;justify-content: center; align-items: center;}
.csr-links .edm-subscription i img{width:20px;height:20px;display:block;}
.csr-links .edm-subscription .text{font-size: 1.3em;line-height: 1.25;margin-left: 15px;}
.csr-links .edm-subscription:hover{background:#971621;}

.csr-links .news-link-box{width:75%;padding-right:0;letter-spacing: normal;}
.csr-links .news-link-box .news-item{padding:20px 0;float:left;width:calc(57.48% - 60px);border-bottom:1px solid #F4F4F4;margin-left:60px;}
.csr-links .news-link-box .news-item .news-pic{display:none;}
.csr-links .news-link-box .news-item .news-script .date{color:#C30010;font-size:15px;display:block;}
.csr-links .news-link-box .news-item .news-script .word{color:#333333;font-size:18px;display:block;transition: 0.3s color;}
.csr-links .news-link-box .news-item:nth-of-type(2){padding:45px 0 20px 0;}

.csr-links .news-link-box .news-item:nth-of-type(1){background:#FAFAFA;border:1px solid #ededed;max-width:540px;width:42.52%;padding:20px 20px 15px 20px;margin-left:0px;}
.csr-links .news-link-box .news-item:nth-of-type(1) .news-pic{display:block;width:100%;height:300px;background:url(images/common/imglogo.svg) center center no-repeat;overflow:hidden;}
.csr-links .news-link-box .news-item:nth-of-type(1) .news-pic span{display:block;width:100%;height:100%;background-size:cover;background-position:center;transition: 0.5s transform;}
.csr-links .news-link-box .news-item:nth-of-type(1) .news-script{width:100%;padding-top:25px;}
.csr-links .news-link-box .news-item:nth-of-type(1) .news-script .date{color:#000;}
.csr-links .news-link-box .news-item:nth-of-type(1) .news-script .word{color:#e1831e;}
.csr-links .news-link-box .news-item:hover .news-pic span{transform: scale(1.05);}
.csr-links .news-link-box .news-item:hover .news-script .word{color:#e1831e;}
.csr-links .news-link-box .news-item:nth-of-type(1):hover .news-script .word{color:#C30010;}

.csr-links .news-link-box .news-item-link{margin-left:60px;float:left;width:calc(57.48% - 60px);}
.csr-links .news-link-box .news-item-link .more-link{width:150px;float:right;margin-top:60px;}
.csr-links .news-link-box .news-item-link .more-link a{display:block;width:100%;height:40px;border:1px solid #C30010;border-radius: 99em;color:#C30010;text-align: center;line-height:40px;transition: 0.3s all;}
.csr-links .news-link-box .news-item-link .more-link a:hover{color:#fff;background:#C30010;}

.csr-links .fb-btn .text,.csr-links .edm-subscription .text{font-size:0.9em;line-height:1;}

.radius-none{border-radius:0;background:#fff;}
#modal-subscription{background:#fff;}
#modal-subscription .fancy-box{width:100%;width:670px;padding:70px 90px;height:510px;overflow: hidden;transition: 0.5s all;}
#modal-subscription .fancy-box.subscribed{height:430px;}
#modal-subscription .fancy-box .subscribed-group{display:none;}
#modal-subscription .fancy-box .icon-newsletter{display:flex;width:105px;height:105px;margin:0 auto;border:2px solid #B7000E;border-radius:50%;justify-content: center; align-items: center;}
#modal-subscription .fancy-box .icon-newsletter img{width:60px;height:60px;}
#modal-subscription .fancy-box .title{color:#000;font-size:35px;font-weight:500;text-align:center;margin-top:15px;}
#modal-subscription .fancy-box .subtitle{display:block;font-size:17px;text-align:center;color:#696969;}
#modal-subscription .fancy-box .input-box{margin-top:25px;border:1px solid #ccc;height:65px;width:100%;}
#modal-subscription .fancy-box .input-box .input-title{font-size:16px;color:#000;float:left;line-height:65px;height:63px;width:135px;text-align:center;background:#e7e7e7;}
#modal-subscription .fancy-box .input-box .input-title .red{color:#B7000E;}
#modal-subscription .fancy-box .input-box .input-style{border:none;font-size:16px;padding:0 10px;float:left;width:calc(100% - 135px);height:63px;line-height:65px;}
#modal-subscription .fancy-box .modal-btn-box{display:flex;justify-content: center;margin-top:40px;}
#modal-subscription .fancy-box .modal-btn-box a{margin:0 10px;width:180px;border-radius: 99em;text-align:center;height:52.5px;line-height:55.5px;font-size:18px;color:#fff;transition: 0.3s background-color;}
#modal-subscription .fancy-box .modal-btn-box a.modal-close{background:#4d4d4d;}
#modal-subscription .fancy-box .modal-btn-box a.modal-close:hover{background:#333;}
#modal-subscription .fancy-box .modal-btn-box a.subscribed{background:#E30212;}
#modal-subscription .fancy-box .modal-btn-box a.backtoPage{background:#E30212;}
#modal-subscription .fancy-box .modal-btn-box a.subscribed:hover{background:#971621;}
#modal-subscription .fancy-box .modal-btn-box a.backtoPage:hover{background:#971621;}

@media(max-width:1660px){
  .csr-links .news-link-box{width:calc(95% - 290px);}
  .csr-links > div:last-child{min-width:calc(290px + 5%);}
  .csr-links .fb-btn .text,.csr-links .edm-subscription .text{font-size:0.9em;line-height:1;}
}
@media(max-width:1280px){
  .csr-links .edm-subscription{width:calc(100% - 670px);margin-top:0;margin-left:15px;float:left;}
}
@media(max-width:1000px){
  .max-lg-size.min-mm-size .csr-links .fb-btn{width:37%;}
  .max-lg-size.min-mm-size .csr-links .fb-btn + .fb-btn{width:calc(37% - 15px);}
  .csr-links .edm-subscription{width:calc(26% - 15px);}
}
@media(max-width:768px){
  .csr-links > div:last-child{padding-top:20px;}
  .max-lg-size.min-mm-size .csr-links .fb-btn{width:100%;}
  .max-lg-size.min-mm-size .csr-links .fb-btn + .fb-btn{width:100%;margin-left:0;margin-top:15px;}
  .csr-links .edm-subscription{width:100%;margin-left:0;margin-top:15px;}

  .csr-links .news-link-box .news-item{margin-left:20px;width:calc(50% - 20px);}
  .csr-links .news-link-box .news-item:nth-of-type(1){width:50%;}
  .csr-links .news-link-box .news-item:nth-of-type(2){padding:20px 0;}
  .csr-links .news-link-box .news-item-link{width:100%;margin-left:0;}
  .csr-links .news-link-box .news-item-link .more-link{margin:30px auto 0 auto;float:none;}

  #modal-subscription{width:100%;}
  #modal-subscription .fancy-box{width:100%;height:480px;padding:40px 50px;}
  #modal-subscription .fancy-box.subscribed{height:420px;}

  .csr-links .fb-btn .text,.csr-links .edm-subscription .text{font-size:1em;line-height:1;}
}
@media(max-width:576px){
  .csr-links .news-link-box .news-item{margin-left:0;width:100%;text-align:left;}
  .csr-links .news-link-box .news-item .news-script .word{font-size:1.3em;}
  .csr-links .news-link-box .news-item:nth-of-type(1){width:100%;}
  .csr-links .news-link-box .news-item:nth-of-type(1) .news-pic{height:auto;}
  .csr-links .news-link-box .news-item:nth-of-type(1) .news-pic span:before{content:'';display:block;padding-bottom:70%;}

  #modal-subscription .fancy-box{padding:30px 25px;height:440px;}
  #modal-subscription .fancy-box.subscribed{height:360px;}
  #modal-subscription .fancy-box .title{font-size:22px;}
  #modal-subscription .fancy-box .subtitle{font-size:15px;}
  #modal-subscription .fancy-box .input-box{display:flex;flex-wrap:wrap;height:auto;}
  #modal-subscription .fancy-box .input-box .input-title{width:100%;height:43px;line-height:45px;}
  #modal-subscription .fancy-box .input-box .input-style{width:100%;height:43px;line-height:45px;}
  #modal-subscription .fancy-box .modal-btn-box{margin-top:35px;}
  #modal-subscription .fancy-box .modal-btn-box a{width:180px;height:40px;line-height:42px;font-size:16px;margin:0 5px;}
}

/*企業消息*/
.corporatenews-container{width:100%;max-width:1320px;margin:0 auto;}
.corporatenews-container .corporate-news{width:100%;display:flex;flex-wrap:wrap;}
.corporate-news .items{width:calc(100% / 3);padding:0 15px 28px 15px;float:left;display:flex;flex-wrap:wrap;align-items:stretch;}
.corporate-news .items a{display:block;padding:20px 22px 40px 22px;border:1px solid #ededed;background:#fafafa;width:100%;}
.corporate-news .items a span{display:block;}
.corporate-news .items a .news-pic{width:100%;background-position:center; background-size:100% auto;transition: 0.5s all;
  background-repeat:no-repeat;
}
.corporate-news .items a .news-pic:before{content:'';display:block;padding-bottom:45.535%;}
.corporate-news .items a .news-script{width:100%;padding:20px 0 0 0;}
.corporate-news .items a .news-script .date{font-size:15px;color:#000;font-family: 'Questrial', sans-serif;}
.corporate-news .items a .news-script .title{font-size:18px;color:#E1831E;line-height:1.389em;padding:10px 0;font-weight:500;transition: 0.3s color;}
.corporate-news .items a .news-script .word{font-size:15px;color:#949494;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;line-height:28px;height:84px;max-height:84px;}
.corporate-news .items a:hover .news-pic{background-size:105% auto;}
.corporate-news .items a:hover .news-script .title{color:#C30010;}

.corporatenews-container .corporate-news-list{width:100%;display:flex;flex-wrap:wrap;padding-top:10px;padding-bottom:55px;}
.corporate-news-list .year-block{width:100%;margin-bottom:20px;}
.corporate-news-list .year-block .year{width:100%;padding:0 25px;border-bottom:1px solid #000;display:flex;align-items:center; justify-content: space-between; cursor: pointer;}
.corporate-news-list .year-block .year a{font-size:25px;color:#C30010;display:inline-block;font-family: 'Questrial', sans-serif;}
.corporate-news-list .year-block .year .triangle{display:inline-block;width: 0;height: 0;border-color:#000 transparent transparent transparent;border-width:7px 4.5px 0 4.5px;border-style:solid;transition: all 0.5s;}
.corporate-news-list .year-block .year .triangle.active{border-color:transparent transparent #000 transparent;border-width:0 4.5px 7px 4.5px;}
.corporate-news-list .year-block .year-list{list-style: none;margin:0;padding:0;display:none;}
.corporate-news-list .year-block .year-list.active{display:block;}
.corporate-news-list .year-block .year-list li{padding:12px 15px;border-bottom:1px solid #f4f4f4;}
.corporate-news-list .year-block .year-list li a{display:block;width:100%;display:flex; align-items:center;}
.corporate-news-list .year-block .year-list li a .date{font-size:15px;color:#9f9f9f;min-width:80px;line-height:1em;font-family: 'Questrial', sans-serif;}
.corporate-news-list .year-block .year-list li a .title{font-size:18px;color:#333;line-height:1.38em;padding-left:30px;transition: 0.3s color;}
.corporate-news-list .year-block .year-list li a:hover .title{color:#C30010;}

@media(max-width:1680px){
  .corporatenews-container{width:95%;max-width:1280px;padding-left:15px;padding-right:15px;}
}
@media(max-width:1280px){
  .corporatenews-container .corporate-news{justify-content: center;}
  .corporate-news .items{padding:0 5px 10px 5px;}
  .corporate-news .items a{padding:20px 21px;}
  .corporate-news .items a .news-script .title{font-size:15px;}
  .corporate-news .items a .news-script .word{font-size:.88888889rem;line-height:23px;height:69px;max-height:69px;}
}
@media(max-width:768px){
  .corporate-news .items{width:50%;}
}
@media(max-width:576px){
  .corporate-news .items{width:100%;}
  .corporate-news-list .year-block .year{padding:0 15px;}
  .corporate-news-list .year-block .year a{font-size:21px;}
  .corporate-news-list .year-block .year-list li a .date{font-size:14px;}
  .corporate-news-list .year-block .year-list li a .title{font-size:15px;padding-left:10px;}
}

/*重大議題鑑別*/
.matrix-chart-img{max-width:1480px;}
.matrix-chart-img img{width:100%;}

.fs_35{font-size:35px;}
.fs_25{font-size:25px;}
.fs_22{font-size:22px;}
.fs_18{font-size:18px;}
.fs_16{font-size:16px;}
.fs_15{font-size:15px;}
.fs_14{font-size:14px;}
.fs_13{font-size:13px;}
@media(max-width:992px){
  .fs_35{font-size:28px;}
  .fs_25{font-size:22px;}
}
@media(max-width:576px){
  .fs_35{font-size:25px;}
  .fs_25{font-size:21px;}
  .fs_22{font-size:17px;}
  .fs_18{font-size:15px;}
  .fs_16{font-size:13px;}
  .fs_15, .fs_14, .fs_13{font-size:13px;}
}

/*人權政策*/
.rightspolicy-box{padding-top:100px;}
.rightspolicy-box .item{background:#FAFAFA;border-radius: 22px;border:1px solid #EDEDED;display:flex;padding:45px 40px;margin-bottom:30px;align-items: center;}
.rightspolicy-box .item .icon{background:#fff;width:127px;height:127px;border-radius: 50%;display: flex; justify-content: center; align-items: center;}
.rightspolicy-box .item .script{width:calc(100% - 127px);padding-left:35px;}
.rightspolicy-box .item .script .tag{font-size:20px;font-weight:bold;}
.rightspolicy-box .item .script .word{font-size:16px;padding-top:15px;}
.rightspolicy-box .item .script .word .text{display:block;}
.rightspolicy-box .item .script .word .text + .text{padding-top:10px;}
@media(max-width:1280px){
  .rightspolicy-box{padding-top:2%;}
}
@media(max-width:992px){
  .rightspolicy-box .item{padding:25px 30px;}
  .rightspolicy-box .item .icon{width:100px;height:100px;}
  .rightspolicy-box .item .icon img{max-width:70px;}
  .rightspolicy-box .item .script{padding-left:20px;width:calc(100% - 100px);}
  .rightspolicy-box .item .script .tag{font-size:17px;padding-top:10px;}
  .rightspolicy-box .item .script .word{font-size:13px;padding-top:5px;}
}
@media(max-width:576px){
  .rightspolicy-box .item{flex-wrap: wrap;margin-bottom:10px;padding:20px;}
  .rightspolicy-box .item .icon{margin-left:auto;margin-right:auto;}
  .rightspolicy-box .item .script{width:100%;padding-top:10px;padding-left:0;}
}

/*briefing 投資人行事曆*/
.briefing-table{font-family:"微軟正黑體",Microsoft JhengHei, sans-serif;}
.briefing-table td:nth-of-type(1){width:23.85%;min-width:230px}
.briefing-table td:nth-of-type(2){width:41.15%;max-width:535px;}
.briefing-table td:nth-of-type(3){width:35%;}
.briefing-table td a + a:before{content:"、";display:inline-block;}
.briefing-table td a .file svg{position: relative;top:-2px; }
.briefing-table td a .file svg path,.briefing-table td a .file svg rect{transition: 0.3s fill;}
.briefing-table tbody tr:hover td, .briefing-table tbody tr:hover a{color:#808080 !important;}
.briefing-table td a:hover .file{color:#C30010 !important;transition: 0.3s color;}
.briefing-table td a:hover .file svg path, .briefing-table td a:hover .file svg rect{fill:#C30010 !important;}
@media(max-width:768px){
  .briefing-table td:nth-of-type(1){min-width:130px}
  .briefing-table td a{display:block;}
  .briefing-table td a + a{margin-top:10px;}
  .briefing-table td a + a:before{display:none;}
}


/*downloads-report 檔案下載*/
.csr-downloads-list .body{ -webkit-box-pack: flex-start;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;}
.csr-downloads-list .item{width:calc(100% / 3);margin:0 0 30px 0;padding:0 15px;max-width:484px;}
.csr-downloads-list .item a{max-width:270px;margin-left:auto;margin-right:auto;}
.csr-downloads-list .item.horizontal a{max-width:454px;}
/* .csr-downloads-list .item .bkdimg{height:auto !important;}
.csr-downloads-list .item .pic{height:auto !important;}
.csr-downloads-list .item .bkdimg:before{padding-bottom:118.66%;content:'';display:block;} */
/* .csr-downloads-list .item.horizontal .bkdimg:before{padding-bottom:70.70%;content:'';display:block;} */

.max-lg-size .csr-downloads-list .item{width:calc(100% / 3);margin:0 0 30px 0;padding:0 15px;}
.max-md-size .csr-downloads-list .item{margin:0 0 30px 0;width:50%;}
.max-mm-size .csr-downloads-list .item{width:100%;}
.max-mm-size .csr-downloads-list .item.horizontal .pic{height:auto;}
.max-mm-size .csr-downloads-list .item.horizontal .bkdimg:before{padding-bottom:70.70%;content:'';display:block;}

/*video 影音專區*/
.csr-video-list .body{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.csr-video-list .item .video-date{color:#C1000F;text-align:left;font-family: 'Questrial', sans-serif;padding:10px 25px 0 25px;}
.csr-video-list .item p{padding:0 25px 10px 25px;}
.max-lg-size .csr-video-list .item{width:28%;margin:0 2.5% 30px 2.5%;max-width:270px;padding:0;}
@media(max-width:992px){
  .csr-video-list .item .video-date{padding:10px 0 0 0;}
  .max-md-size .csr-video-list .item p{padding:0 0 10px 0;}
}
.max-md-size .csr-downloads-list .item{width:45%;margin:0 2.5% 30px 2.5%;padding:0;}
.max-mm-size .csr-downloads-list .item{width:95%;margin:0 2.5% 30px 2.5%;}

.csr-banner .slick-dots, .max-md-size .csr-banner .slick-dots{bottom:3%;}

/*員工→友善職場*/
.employees-editor{justify-content: center;-webkit-box-pack: center; -ms-flex-pack: center;}
.employees-editor .pure-u-sm-1-3{width:auto !important;}
.employees-editor img{max-height:280px;max-width:470px;margin-right:20px;}

@media(max-width:1500px){
  .employees-editor img{max-height:205px;width:auto !important;margin-right:20px;}
  .employees-editor .pure-u-sm-1-3{width:auto;}
}
@media(max-width:1050px){
  .employees-editor img{max-height:160px;}
}
@media(max-width:850px){
  .employees-editor img{margin-right:10px;}
}
@media(max-width:810px){
  .employees-editor .pure-u-sm-1-3{width:100% !important;}
  .employees-editor img{max-height:100%;max-width:100%;}
}

/*社會共融→兒童關懷*/
.care-table{table-layout: fixed;}

/*循環經濟*/
.green-produce {
  width: 100%;
  background: #FAFAFA;
}

.economy-page {
  max-width: 1320px;
}

.economy-page p {
  line-height: 1.7em;
}

.economy-page p.text-justify {
  text-align: justify;
}

.economy-page .secondforst {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.economy-page .secondforst .data-box {
  width: 54%;
}

.economy-page .secondforst .data-box .subtitle img {
  max-width: 265px;
  margin-left: 40px;
}

.economy-page .secondforst .pic {
  padding: 30px 0 0 7.75%;
}

.economy-page .secondforst .pic img {
  max-width: 507px;
  width: 100%;
  display: block;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.economy-page .secondforst .pic:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1320px) {
  .economy-page .secondforst .data-box .subtitle img {
    max-width: 180px;
    margin-left: 15px;
  }
}

@media (max-width: 1280px) {
  .economy-page .secondforst .pic {
    padding: 30px 0 0 5%;
  }
}

@media (max-width: 992px) {
  .economy-page .secondforst {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 2%;
  }
  .economy-page .secondforst .data-box {
    width: 100%;
  }
  .economy-page .secondforst .pic {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .economy-page .secondforst .pic img {
    margin-left: auto;
    margin-right: auto;
  }
}

.economy-page .recyclingchart {
  background: #F7F7F7;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.economy-page .recyclingchart .items {
  width: 50%;
  line-height: 1.2;
  padding: 0 15px;
}

.economy-page .recyclingchart .items:nth-of-type(1) {
  border-right: 1px solid #e6e6e6;
}

.economy-page .recyclingchart .items .data {
  text-align: center;
}

.economy-page .recyclingchart .items .data .orange {
  font-weight: bold;
}

@media (max-width: 1150px) {
  .economy-page .recyclingchart {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px 20px;
  }
  .economy-page .recyclingchart .items {
    width: 100%;
    padding: 10px 0;
  }
  .economy-page .recyclingchart .items:nth-of-type(1) {
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }
}

@media (max-width: 992px) {
  .economy-page .recyclingchart {
    margin-bottom: 20px;
  }
  .economy-page .recyclingchart .items {
    width: 50%;
  }
  .economy-page .recyclingchart .items:nth-of-type(1) {
    border-bottom: none;
    border-right: 1px solid #e6e6e6;
  }
}

@media (max-width: 600px) {
  .economy-page .recyclingchart .items {
    width: 100%;
    padding: 10px 0;
  }
  .economy-page .recyclingchart .items:nth-of-type(1) {
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }
}

@media (max-width: 576px) {
  .economy-page .recyclingchart {
    margin-bottom: 0px;
  }
}

.economy-page .recyclingchart-box {
  width: 100%;
  background: #F7F7F7;
  padding: 35px 35px 30px 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
}

.economy-page .recyclingchart-box .items {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1;
  padding: 29px 15px;
}

.economy-page .recyclingchart-box .items .data {
  text-align: center;
}

.economy-page .recyclingchart-box .items .data .orange {
  font-weight: bold;
}

.economy-page .recyclingchart-box .items .data sup {
  font-size: 16px;
}

.economy-page .recyclingchart-box .items:nth-of-type(n) {
  max-width: 50%;
  width: 50%;
}

.economy-page .recyclingchart-box .items:nth-of-type(even) {
  border-right: none;
}

.economy-page .recyclingchart-box .items:nth-of-type(3), .economy-page .recyclingchart-box .items:nth-of-type(4) {
  border-bottom: none;
}

@media (max-width: 1280px) {
  .economy-page .recyclingchart-box {
    padding: 25px;
  }
}

@media (max-width: 800px) {
  .economy-page .recyclingchart-box {
    padding: 5px 25px;
  }
  .economy-page .recyclingchart-box .items {
    padding: 20px 15px;
  }
  .economy-page .recyclingchart-box .items:nth-of-type(n) {
    width: 100%;
    max-width: 100%;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }
  .economy-page .recyclingchart-box .items:nth-last-of-type(1) {
    border-bottom: none;
  }
}

@media (max-width: 576px) {
  .economy-page .recyclingchart-box {
    padding: 5px 15px;
  }
  .economy-page .recyclingchart-box .items .data sup {
    font-size: 13px;
  }
}

.economy-page .decimal {
  font-family: 'Questrial', sans-serif;
  font-style: normal;
}

.economy-page .recyclingchart-pic {
  padding-top: 33px;
}

.economy-page .recyclingchart-pic .pic {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.economy-page .recyclingchart-pic .pic img {
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.economy-page .recyclingchart-pic .pic:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1280px) {
  .economy-page .recyclingchart-pic .pic {
    max-width: 850px;
  }
}

.economy-page .recyclingchart-pic .remarks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
}

@media (max-width: 1280px) {
  .economy-page .recyclingchart-pic .remarks {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .economy-page .recyclingchart-pic .remarks .mark {
    padding-right: 25px;
    display: block;
  }
}

@media (max-width: 992px) {
  .economy-page .recyclingchart-pic .remarks .mark {
    width: 100%;
  }
}

.economy-page .green-box {
  padding: 60px 0 75px 0;
}

.economy-page .green-box .data-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.economy-page .green-box .data-box .data {
  width: 32.6%;
  padding-right: 4%;
}

.economy-page .green-box .data-box .data-img {
  width: 33.7%;
  max-width: 435px;
  padding: 15px 5px 0 5px;
}

.economy-page .green-box .data-box .data-img img {
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.economy-page .green-box .data-box .data-img:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1280px) {
  .economy-page .green-box .data-box .data {
    width: 40%;
  }
  .economy-page .green-box .data-box .data-img {
    width: 30%;
  }
}

@media (max-width: 992px) {
  .economy-page .green-box .data-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .economy-page .green-box .data-box .data {
    width: 100%;
  }
  .economy-page .green-box .data-box .data-img {
    width: 50%;
  }
}

@media (max-width: 576px) {
  .economy-page .green-box .data-box .data-img {
    width: 100%;
  }
}

.economy-page .green-box .data-sheet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  border: 1px solid #e6e6e6;
  padding: 35px 45px;
}

.economy-page .green-box .data-sheet .item {
  line-height: 1;
  padding: 10px 15px;
  border-left: 1px solid #e6e6e6;
}

.economy-page .green-box .data-sheet .item .data {
  text-align: center;
}

.economy-page .green-box .data-sheet .item .data .orange {
  font-weight: bold;
}

.economy-page .green-box .data-sheet .item:nth-of-type(1) {
  max-width: 385px;
  width: 30%;
}

.economy-page .green-box .data-sheet .item:nth-of-type(2) {
  max-width: 510px;
  width: 39%;
}

.economy-page .green-box .data-sheet .item:nth-of-type(3) {
  max-width: 395px;
  width: 31%;
}

.economy-page .green-box .data-sheet .item:nth-of-type(1) {
  border-left: none;
}

.economy-page .green-box .data-sheet .item:nth-last-of-type(1) {
  width: 100%;
  border-left: none;
  border-top: 1px solid #e6e6e6;
  margin-top: 30px;
  padding-top: 25px;
}

@media (max-width: 1110px) {
  .economy-page .green-box .data-sheet {
    padding: 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .economy-page .green-box .data-sheet .item:nth-of-type(1) {
    min-width: 290px;
  }
  .economy-page .green-box .data-sheet .item:nth-of-type(2) {
    width: 20.5%;
    min-width: 260px;
  }
  .economy-page .green-box .data-sheet .item:nth-of-type(3) {
    width: 19%;
    min-width: 235px;
  }
}

@media (max-width: 992px) {
  .economy-page .green-box .data-sheet {
    padding: 5px 25px;
  }
  .economy-page .green-box .data-sheet .item .data {
    line-height: 1.6em;
  }
  .economy-page .green-box .data-sheet .item .data div {
    line-height: 1.2em;
  }
  .economy-page .green-box .data-sheet .item:nth-of-type(n) {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    border-left: none;
    max-width: 100%;
    padding: 17px 15px;
  }
  .economy-page .green-box .data-sheet .item:nth-of-type(1) {
    border-top: none;
  }
  .economy-page .green-box .data-sheet .item:nth-last-of-type(1) {
    margin-top: 0;
  }
}

@media (max-width: 1280px) {
  .economy-page .green-box {
    padding: 3% 0;
  }
}

@media (max-width: 576px) {
  .economy-page .green-box {
    padding: 0;
  }
}

.economy-page .flowchart-img {
  text-align: center;
  padding-top: 2%;
}

.economy-page .flowchart-img img {
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
  max-width: 924px;
  width: 100%;
}

.economy-page .flowchart-img:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1280px) {
  .economy-page .flowchart-img img {
    max-width: 850px;
  }
}

.economy-page .flowchart-pic {
  float: right;
  padding-left: 5.3%;
}

.economy-page .flowchart-pic img {
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
  max-width: 566px;
}

.economy-page .flowchart-pic:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media (max-width: 1280px) {
  .economy-page .flowchart-pic {
    width: 50%;
  }
  .economy-page .flowchart-pic img {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .economy-page .flowchart-pic {
    padding-left: 0;
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
  }
}

.economy-page .recycling-data-analysis {
  padding-top: 2%;
}

.economy-page .recycling-data-analysis .analysis-data {
  background: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; */
  line-height: 1;
  padding: 35px 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.economy-page .recycling-data-analysis .analysis-data .h-line {
  width: 1px;
  background: #e6e6e6;
  height: 70px;
}

.economy-page .recycling-data-analysis .analysis-data .data {
  padding: 10px 15px;
}
.economy-page .recycling-data-analysis .analysis-data .data.end{
  padding:10px 15px 10px 35px;
}

.economy-page .recycling-data-analysis .analysis-data .data .orange {
  font-weight: bold;
}

@media (max-width: 1280px) {
  .economy-page .recycling-data-analysis .analysis-data {
    padding: 35px;
  }
}

@media (max-width: 1170px) {
  .economy-page .recycling-data-analysis .analysis-data .data {
    text-align: center;
  }
  .economy-page .recycling-data-analysis .analysis-data .data.end {
    max-width: 400px;
  }
}

@media (max-width: 992px) {
  .economy-page .recycling-data-analysis .analysis-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5px 25px;
  }
  .economy-page .recycling-data-analysis .analysis-data .h-line {
    width: 100%;
    height: 1px;
  }
  .economy-page .recycling-data-analysis .analysis-data .data, .economy-page .recycling-data-analysis .analysis-data .data.end {
    padding: 20px;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .economy-page .recycling-data-analysis .analysis-data .data, .economy-page .recycling-data-analysis .analysis-data .data.end {
    line-height: 1.6em;
  }
}

.page-tabs .s-container{position: relative;}
.subscript-box{width:145px;position: absolute; top:0;right:195px;}
.subscript-box .edm-subscription{background:#C30010;border-radius: 99em;color:#fff;margin-top:15px;width:100%;height:40px;padding:0 10px;display:flex; align-items: center;transition: 0.3s background-color;}
.subscript-box .edm-subscription i{width:28px;height:28px;border-radius: 50%;background:#fff;display:flex;justify-content: center; align-items: center;}
.subscript-box .edm-subscription i img{width:15px;height:15px;display:block;}
.subscript-box .edm-subscription .text{font-size: 1em;margin-left: 10px;padding-top:2px;}
.subscript-box .edm-subscription:hover{background:#971621;}

@media(max-width:700px){
  .page-tabs .filter{width:100%;}
  .subscript-box{position: static;}
}

@media(max-width:576px){
  .subscript-box{float:left !important;width:50%;min-width:155px;padding-right:20px;}
  .page-tabs .filter{width:50%;max-width:calc(100% - 155px);}
}
.max-xs-size .page-tabs .filter{width:50%;max-width:calc(100% - 155px);}

/*202106 報告書下載新增*/
.csr-report-lastest{display:flex;justify-content: center;padding:55px 0 70px 0;/*width:1025px*/}
.csr-report-lastest .report-pic{max-height:470px;overflow:hidden;width:610px;border:1px solid #E6E6E6;position:relative;}
.csr-report-lastest .report-pic:before{content:'';display:block;padding-bottom:77%;}
.csr-report-lastest .report-pic a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center; background-repeat:no-repeat;background-size: cover;}
.csr-report-lastest .report-pic a .cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);transition:opacity 0.3s;opacity:0;}
.csr-report-lastest .report-pic a .cover .icon{background:url(images/csr/download/Download.png) center no-repeat rgba(194, 0, 15, 0.7);z-index:10;position:absolute;width:80px;height:80px;bottom:0;left:50%;transform: translate(-50%,0%);border-radius:50%;transition:all 0.3s;}
.csr-report-lastest .report-pic a:hover .cover{opacity:1;}
.csr-report-lastest .report-pic a:hover .cover .icon{bottom:50%;transform: translate(-50%,50%);}
.csr-report-lastest .report-info{padding-left:90px;width:415px;margin-top:-10px;}
.csr-report-lastest .report-info .tt{font-weight:bold;}
.csr-report-lastest .report-info .sub-tt{display:flex; align-items: center;font-weight:500;color:#000;}
.csr-report-lastest .report-info .sub-tt:before{content:'';display:block;width:14px;height:14px;border:4px solid #E0E0E0;border-radius:50%; box-sizing: border-box;transition:border 0.3s;transform:translateY(-2px);}
.csr-report-lastest .report-info .sub-tt:hover:before{border-color:#D71318;}
.csr-report-lastest .report-info a{transition:color 0.3s;}
.csr-report-lastest .report-info a.sub-tt:hover{color:#D71318;}
.csr-report-lastest .report-info .sub-tt .inner{display:block;margin-left:15px;}
.csr-report-lastest .report-info .report-book-chapter .chapter{padding:0 0 0 35px;margin:10px 0 0 0;}
.csr-report-lastest .report-info .report-book-chapter .chapter li{position:relative;padding-left:15px;}
.csr-report-lastest .report-info .report-book-chapter .chapter li:before{content:'•';display:block;position:absolute;left:0;top:-1px;}
.csr-report-lastest .report-info .report-book-chapter .chapter li a{color:#000;transition:color 0.3s;white-space: normal;display:block;}
.csr-report-lastest .report-info .report-book-chapter .chapter li:hover, .csr-report-lastest .report-info .report-book-chapter .chapter li:hover a{color:#D71318;}
.csr-report-lastest .report-info .report-book-chapter .chapter li + li{margin-top:5px;}

@media(max-width:1200px){
  .csr-report-lastest .report-info{padding-left:45px;}
}
@media(max-width:992px){
  .csr-report-lastest .report-pic{width:55%;}
  .csr-report-lastest .report-info{width:45%;padding-left:30px;}
}
@media(max-width:768px){
  .csr-report-lastest{flex-direction: column;align-items:flex-start;padding:35px 0 40px 0;}
  .csr-report-lastest .report-pic{width:100%;}
  .csr-report-lastest .report-info{width:100%;margin:20px 0 0 0;padding-left:15px;}
  .csr-report-lastest .report-info .report-book-chapter .chapter{display:flex; flex-wrap:wrap;}
  .csr-report-lastest .report-info .report-book-chapter .chapter li{width:calc(100% / 3);margin-top:5px;}
}
@media(max-width:576px){
  .csr-report-lastest .report-info .report-book-full, .csr-report-lastest .report-info .report-book-chapter{margin-top:5px;}
  .csr-report-lastest .report-info .report-book-chapter .chapter{padding:0 0 0 30px;}
  .csr-report-lastest .report-info .report-book-chapter .chapter li{margin-top:0 !important;width:50%;}
}
@media(max-width:480px){
  .csr-report-lastest .report-info .report-book-chapter .chapter li{width:100%;}
}

.governance-filedownload{background:#FAFAFA;}
.governance-filetable{padding-top:25px;padding-bottom:100px;}
.governance-filetable .filetable{width:100%;background:#fff;}
.governance-filetable .filetable tr{transition: background-color 0.3s;}
.governance-filetable .filetable tr:nth-of-type(odd){background:#F9F9F9;}
.governance-filetable .filetable tr:hover{background:#F1F1F1;}
.governance-filetable .filetable th{border-top:2px solid #000;border-bottom:1px solid #000;text-align:center;padding:15px;background:#fff;}
.governance-filetable .filetable td{border-bottom:1px solid #E5E5E5;padding:14px;}
.governance-filetable .filetable td:nth-of-type(1){border-right:1px solid #E5E5E5;padding-left:85px;}
.governance-filetable .filetable td:nth-of-type(2){text-align:center;}
.governance-filetable .filetable .inner{line-height: 1.5;display:block;transform: translateY(2px);}
.governance-filetable .filetable .filelink{color:#777;display:flex;width:fit-content;transition: color 0.3s;}
.governance-filetable .filetable .filelink:before{content:'';display:block;width:20px;height:26px;min-width:20px;background-image:url(images/csr_new/download-icon.png);background-repeat: no-repeat;background-position: 0 0;}
.governance-filetable .filetable .filelink .inner{display:block;padding-left:15px;width:calc(100% - 20px);}
.governance-filetable .filetable tr:hover td{color:#C2000F;}
.governance-filetable .filetable tr:hover .filelink{color:#C2000F;}
.governance-filetable .filetable tr:hover .filelink:before{background-position: -20px 0;}

@media(max-width:992px){
  .governance-filetable .filetable td:nth-of-type(1){padding-left:45px;}
}

@media(max-width:768px){
  .governance-filetable{padding-bottom:60px;}
  .governance-filetable .filetable td:nth-of-type(1){padding-left:25px;}
}
@media(max-width:576px){
  .governance-filetable{padding-bottom:20px;}
  .governance-filedownload .s-container.p3{padding-top:25px;}
  .governance-filetable{padding-top:10px;}
  .governance-filetable .filetable th{padding:5px 10px;}
  .governance-filetable .filetable td:nth-of-type(1){padding-left:10px;}
  .governance-filetable .filetable .inner{transform: translateY(4px);}
  .governance-filetable .filetable .filelink .inner{padding-left:10px;}
}

/*bootstrap space*/
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}
.m-auto{margin:auto!important}
.mt-auto,.my-auto{margin-top:auto!important}
.mr-auto,.mx-auto{margin-right:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}
.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}
.mt-sm-0,.my-sm-0{margin-top:0!important}
.mr-sm-0,.mx-sm-0{margin-right:0!important}
.mb-sm-0,.my-sm-0{margin-bottom:0!important}
.ml-sm-0,.mx-sm-0{margin-left:0!important}
.m-sm-1{margin:.25rem!important}
.mt-sm-1,.my-sm-1{margin-top:.25rem!important}
.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}
.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}
.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}
.m-sm-2{margin:.5rem!important}
.mt-sm-2,.my-sm-2{margin-top:.5rem!important}
.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}
.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}
.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}
.m-sm-3{margin:1rem!important}
.mt-sm-3,.my-sm-3{margin-top:1rem!important}
.mr-sm-3,.mx-sm-3{margin-right:1rem!important}
.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}
.ml-sm-3,.mx-sm-3{margin-left:1rem!important}
.m-sm-4{margin:1.5rem!important}
.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}
.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}
.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}
.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}
.m-sm-5{margin:3rem!important}
.mt-sm-5,.my-sm-5{margin-top:3rem!important}
.mr-sm-5,.mx-sm-5{margin-right:3rem!important}
.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}
.ml-sm-5,.mx-sm-5{margin-left:3rem!important}
.p-sm-0{padding:0!important}
.pt-sm-0,.py-sm-0{padding-top:0!important}
.pr-sm-0,.px-sm-0{padding-right:0!important}
.pb-sm-0,.py-sm-0{padding-bottom:0!important}
.pl-sm-0,.px-sm-0{padding-left:0!important}
.p-sm-1{padding:.25rem!important}
.pt-sm-1,.py-sm-1{padding-top:.25rem!important}
.pr-sm-1,.px-sm-1{padding-right:.25rem!important}
.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}
.pl-sm-1,.px-sm-1{padding-left:.25rem!important}
.p-sm-2{padding:.5rem!important}
.pt-sm-2,.py-sm-2{padding-top:.5rem!important}
.pr-sm-2,.px-sm-2{padding-right:.5rem!important}
.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}
.pl-sm-2,.px-sm-2{padding-left:.5rem!important}
.p-sm-3{padding:1rem!important}
.pt-sm-3,.py-sm-3{padding-top:1rem!important}
.pr-sm-3,.px-sm-3{padding-right:1rem!important}
.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}
.pl-sm-3,.px-sm-3{padding-left:1rem!important}
.p-sm-4{padding:1.5rem!important}
.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}
.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}
.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}
.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}
.p-sm-5{padding:3rem!important}
.pt-sm-5,.py-sm-5{padding-top:3rem!important}
.pr-sm-5,.px-sm-5{padding-right:3rem!important}
.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}
.pl-sm-5,.px-sm-5{padding-left:3rem!important}
.m-sm-auto{margin:auto!important}
.mt-sm-auto,.my-sm-auto{margin-top:auto!important}
.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}
.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}
.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}
}
@media (min-width:768px){.m-md-0{margin:0!important}
.mt-md-0,.my-md-0{margin-top:0!important}
.mr-md-0,.mx-md-0{margin-right:0!important}
.mb-md-0,.my-md-0{margin-bottom:0!important}
.ml-md-0,.mx-md-0{margin-left:0!important}
.m-md-1{margin:.25rem!important}
.mt-md-1,.my-md-1{margin-top:.25rem!important}
.mr-md-1,.mx-md-1{margin-right:.25rem!important}
.mb-md-1,.my-md-1{margin-bottom:.25rem!important}
.ml-md-1,.mx-md-1{margin-left:.25rem!important}
.m-md-2{margin:.5rem!important}
.mt-md-2,.my-md-2{margin-top:.5rem!important}
.mr-md-2,.mx-md-2{margin-right:.5rem!important}
.mb-md-2,.my-md-2{margin-bottom:.5rem!important}
.ml-md-2,.mx-md-2{margin-left:.5rem!important}
.m-md-3{margin:1rem!important}
.mt-md-3,.my-md-3{margin-top:1rem!important}
.mr-md-3,.mx-md-3{margin-right:1rem!important}
.mb-md-3,.my-md-3{margin-bottom:1rem!important}
.ml-md-3,.mx-md-3{margin-left:1rem!important}
.m-md-4{margin:1.5rem!important}
.mt-md-4,.my-md-4{margin-top:1.5rem!important}
.mr-md-4,.mx-md-4{margin-right:1.5rem!important}
.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}
.ml-md-4,.mx-md-4{margin-left:1.5rem!important}
.m-md-5{margin:3rem!important}
.mt-md-5,.my-md-5{margin-top:3rem!important}
.mr-md-5,.mx-md-5{margin-right:3rem!important}
.mb-md-5,.my-md-5{margin-bottom:3rem!important}
.ml-md-5,.mx-md-5{margin-left:3rem!important}
.p-md-0{padding:0!important}
.pt-md-0,.py-md-0{padding-top:0!important}
.pr-md-0,.px-md-0{padding-right:0!important}
.pb-md-0,.py-md-0{padding-bottom:0!important}
.pl-md-0,.px-md-0{padding-left:0!important}
.p-md-1{padding:.25rem!important}
.pt-md-1,.py-md-1{padding-top:.25rem!important}
.pr-md-1,.px-md-1{padding-right:.25rem!important}
.pb-md-1,.py-md-1{padding-bottom:.25rem!important}
.pl-md-1,.px-md-1{padding-left:.25rem!important}
.p-md-2{padding:.5rem!important}
.pt-md-2,.py-md-2{padding-top:.5rem!important}
.pr-md-2,.px-md-2{padding-right:.5rem!important}
.pb-md-2,.py-md-2{padding-bottom:.5rem!important}
.pl-md-2,.px-md-2{padding-left:.5rem!important}
.p-md-3{padding:1rem!important}
.pt-md-3,.py-md-3{padding-top:1rem!important}
.pr-md-3,.px-md-3{padding-right:1rem!important}
.pb-md-3,.py-md-3{padding-bottom:1rem!important}
.pl-md-3,.px-md-3{padding-left:1rem!important}
.p-md-4{padding:1.5rem!important}
.pt-md-4,.py-md-4{padding-top:1.5rem!important}
.pr-md-4,.px-md-4{padding-right:1.5rem!important}
.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}
.pl-md-4,.px-md-4{padding-left:1.5rem!important}
.p-md-5{padding:3rem!important}
.pt-md-5,.py-md-5{padding-top:3rem!important}
.pr-md-5,.px-md-5{padding-right:3rem!important}
.pb-md-5,.py-md-5{padding-bottom:3rem!important}
.pl-md-5,.px-md-5{padding-left:3rem!important}
.m-md-auto{margin:auto!important}
.mt-md-auto,.my-md-auto{margin-top:auto!important}
.mr-md-auto,.mx-md-auto{margin-right:auto!important}
.mb-md-auto,.my-md-auto{margin-bottom:auto!important}
.ml-md-auto,.mx-md-auto{margin-left:auto!important}
}
@media (min-width:992px){.m-lg-0{margin:0!important}
.mt-lg-0,.my-lg-0{margin-top:0!important}
.mr-lg-0,.mx-lg-0{margin-right:0!important}
.mb-lg-0,.my-lg-0{margin-bottom:0!important}
.ml-lg-0,.mx-lg-0{margin-left:0!important}
.m-lg-1{margin:.25rem!important}
.mt-lg-1,.my-lg-1{margin-top:.25rem!important}
.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}
.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}
.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}
.m-lg-2{margin:.5rem!important}
.mt-lg-2,.my-lg-2{margin-top:.5rem!important}
.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}
.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}
.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}
.m-lg-3{margin:1rem!important}
.mt-lg-3,.my-lg-3{margin-top:1rem!important}
.mr-lg-3,.mx-lg-3{margin-right:1rem!important}
.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}
.ml-lg-3,.mx-lg-3{margin-left:1rem!important}
.m-lg-4{margin:1.5rem!important}
.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}
.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}
.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}
.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}
.m-lg-5{margin:3rem!important}
.mt-lg-5,.my-lg-5{margin-top:3rem!important}
.mr-lg-5,.mx-lg-5{margin-right:3rem!important}
.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}
.ml-lg-5,.mx-lg-5{margin-left:3rem!important}
.p-lg-0{padding:0!important}
.pt-lg-0,.py-lg-0{padding-top:0!important}
.pr-lg-0,.px-lg-0{padding-right:0!important}
.pb-lg-0,.py-lg-0{padding-bottom:0!important}
.pl-lg-0,.px-lg-0{padding-left:0!important}
.p-lg-1{padding:.25rem!important}
.pt-lg-1,.py-lg-1{padding-top:.25rem!important}
.pr-lg-1,.px-lg-1{padding-right:.25rem!important}
.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}
.pl-lg-1,.px-lg-1{padding-left:.25rem!important}
.p-lg-2{padding:.5rem!important}
.pt-lg-2,.py-lg-2{padding-top:.5rem!important}
.pr-lg-2,.px-lg-2{padding-right:.5rem!important}
.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}
.pl-lg-2,.px-lg-2{padding-left:.5rem!important}
.p-lg-3{padding:1rem!important}
.pt-lg-3,.py-lg-3{padding-top:1rem!important}
.pr-lg-3,.px-lg-3{padding-right:1rem!important}
.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}
.pl-lg-3,.px-lg-3{padding-left:1rem!important}
.p-lg-4{padding:1.5rem!important}
.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}
.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}
.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}
.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}
.p-lg-5{padding:3rem!important}
.pt-lg-5,.py-lg-5{padding-top:3rem!important}
.pr-lg-5,.px-lg-5{padding-right:3rem!important}
.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}
.pl-lg-5,.px-lg-5{padding-left:3rem!important}
.m-lg-auto{margin:auto!important}
.mt-lg-auto,.my-lg-auto{margin-top:auto!important}
.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}
.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}
.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}
}
@media (min-width:1200px){
.m-xl-0{margin:0!important}
.mt-xl-0,.my-xl-0{margin-top:0!important}
.mr-xl-0,.mx-xl-0{margin-right:0!important}
.mb-xl-0,.my-xl-0{margin-bottom:0!important}
.ml-xl-0,.mx-xl-0{margin-left:0!important}
.m-xl-1{margin:.25rem!important}
.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}
.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}
.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}
.m-xl-2{margin:.5rem!important}
.mt-xl-2,.my-xl-2{margin-top:.5rem!important}
.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}
.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}
.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}
.m-xl-3{margin:1rem!important}
.mt-xl-3,.my-xl-3{margin-top:1rem!important}
.mr-xl-3,.mx-xl-3{margin-right:1rem!important}
.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}
.ml-xl-3,.mx-xl-3{margin-left:1rem!important}
.m-xl-4{margin:1.5rem!important}
.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}
.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}
.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}
.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}
.m-xl-5{margin:3rem!important}
.mt-xl-5,.my-xl-5{margin-top:3rem!important}
.mr-xl-5,.mx-xl-5{margin-right:3rem!important}
.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}
.ml-xl-5,.mx-xl-5{margin-left:3rem!important}
.p-xl-0{padding:0!important}
.pt-xl-0,.py-xl-0{padding-top:0!important}
.pr-xl-0,.px-xl-0{padding-right:0!important}
.pb-xl-0,.py-xl-0{padding-bottom:0!important}
.pl-xl-0,.px-xl-0{padding-left:0!important}
.p-xl-1{padding:.25rem!important}
.pt-xl-1,.py-xl-1{padding-top:.25rem!important}
.pr-xl-1,.px-xl-1{padding-right:.25rem!important}
.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}
.pl-xl-1,.px-xl-1{padding-left:.25rem!important}
.p-xl-2{padding:.5rem!important}
.pt-xl-2,.py-xl-2{padding-top:.5rem!important}
.pr-xl-2,.px-xl-2{padding-right:.5rem!important}
.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}
.pl-xl-2,.px-xl-2{padding-left:.5rem!important}
.p-xl-3{padding:1rem!important}
.pt-xl-3,.py-xl-3{padding-top:1rem!important}
.pr-xl-3,.px-xl-3{padding-right:1rem!important}
.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}
.pl-xl-3,.px-xl-3{padding-left:1rem!important}
.p-xl-4{padding:1.5rem!important}
.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}
.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}
.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}
.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}
.p-xl-5{padding:3rem!important}
.pt-xl-5,.py-xl-5{padding-top:3rem!important}
.pr-xl-5,.px-xl-5{padding-right:3rem!important}
.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}
.pl-xl-5,.px-xl-5{padding-left:3rem!important}
.m-xl-auto{margin:auto!important}
}

.max1400{max-width:1430px;}
.gray_52{color:#525252;}
.d-block{display:block !important;}

.benefit-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.benefit-row .item{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.benefit-row .item:nth-last-of-type(1){border-right:none;}

@media(max-width:992px){
  .benefit-row .item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .benefit-row .item:nth-of-type(4){border-right:none;}
}

.max-sm-size .benefit-row .item:nth-child(even){border-right:1px solid #D9D9D9;}
.max-sm-size .benefit-row .item:nth-of-type(4){border-right:none;}
.max-sm-size .benefit-row .item:nth-last-of-type(1){border-right:none;}

.max-mm-size .benefit-row .item{
  border-right:1px solid #D9D9D9;
  -ms-flex: 0 0 calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}

.max-mm-size .benefit-row .item:nth-of-type(3n){border-right:none;}
.max-mm-size .benefit-row .item:nth-of-type(4){border-right:1px solid #D9D9D9;}

@media(max-width:480px){
  .max-mm-size .benefit-row .item{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .max-mm-size .benefit-row .item:nth-of-type(3n){border-right:1px solid #D9D9D9;}
  .max-mm-size .benefit-row .item:nth-of-type(even){border-right:none;}
}

.row{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}

.row-story01, .row-story02{-webkit-box-align: center !important; -ms-flex-align: center !important;align-items: center !important;}
.row-story01{padding-left:35px;padding-right:35px;}
.row-story01 .data{width:calc(100% - 400px);padding-right:50px;}
.row-story01 .data-pic{width:400px;}
/* .row-story02{margin-bottom:3%;} */
.row-story02 .data{width:calc(100% - 400px);padding-right:50px;}
.row-story02 .data-pic{width:320px;border:15px; box-shadow:0 0 10px rgba(0,0,0,0.1); transform: rotate(5deg);padding:10px;}
.row-story02 .data-pic img{display:block;}

@media(max-width:992px){
  .row-story01 .data{width:calc(100% - 300px);padding-right:35px;}
  .row-story01 .data-pic{width:300px;}
  .row-story02 .data{width:calc(100% - 300px);padding-right:35px;}
  .row-story02 .data-pic{width:250px;}

}
@media(max-width:768px){
  .row-story01{padding-left:20px;padding-right:20px;}
  .row-story01 .data{width:100%;padding-right:0;}
  .row-story01 .data-pic{width:100%;text-align:center;margin-top:3%;}
  /* .row-story02{padding:3% 20px 25px 20px;} */
  .row-story02 .data{width:100%;padding-right:0;padding-left:0}
  .row-story02 .data-pic{width:100%;max-width:320px;margin:5% auto auto auto;transform: rotate(0deg);}

}

/* 202107 氣候變遷行動+能源管理 加簽 */
.lh-167 {
  line-height: 1.667em;
}

.csrClimate img, .energysection img {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.csrClimate img:hover, .energysection img:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.csrClimate .green-tit, .energysection .green-tit {
  color: #2AA738;
  vertical-align: middle;
}

.csrClimate .green-tit:before, .energysection .green-tit:before {
  content: '';
  width: 4px;
  height: 20px;
  background: #2AA738;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

@media (max-width: 992px) {
  .csrClimate img:hover, .energysection img:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.climatebox-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.climatebox-01 .dd-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.climatebox-01 .dd-col:nth-of-type(1) {
  width: 62%;
  padding-right: 55px;
}

.climatebox-01 .dd-col:nth-of-type(2) {
  width: 38%;
}

.climatebox-01 .dd-col .planbox {
  background: #FAFAFA;
  padding: 40px 50px 50px;
}

@media (max-width: 1280px) {
  .climatebox-01 .dd-col .planbox {
    padding: 40px 30px;
  }
}

@media (max-width: 768px) {
  .climatebox-01 .dd-col .planbox {
    padding: 30px 25px;
  }
}

@media (max-width: 576px) {
  .climatebox-01 .dd-col .planbox {
    padding: 20px 15px;
  }
}

@media (max-width: 1024px) {
  .climatebox-01 .dd-col {
    width: 100% !important;
  }
  .climatebox-01 .dd-col:nth-of-type(1) {
    padding-right: 0;
  }
  .climatebox-01 .dd-col:nth-of-type(2) {
    padding-top: 25px;
  }
}

.climate-ol {
  margin-left: 20px;
  margin-top: 20px;
}

.climate-ol li {
  color: #C88C2D;
  list-style-type: decimal;
}

@media (max-width: 992px) {
  .climatebox-s-img .picbox {
    overflow-x: auto;
  }
  .climatebox-s-img .picbox img {
    min-width: 800px;
  }
}

.climatebox-02 {
  padding-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.climatebox-02 .dd-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.climatebox-02 .dd-col:nth-of-type(1) {
  width: 40.5%;
  padding-right: 30px;
}

.climatebox-02 .dd-col:nth-of-type(2) {
  width: 59.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.climatebox-02 .dd-col .disc-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.climatebox-02 .dd-col .disc-before:before {
  display: block;
  content: '• ';
  min-width: 20px;
}

.climatebox-02 .dd-col .ol-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.climatebox-02 .dd-col .ol-num:before {
  content: attr(data-num);
  display: block;
  min-width: 18px;
}

.climatebox-02 .dd-col .table-zoom table {
  width: 100%;
  min-width: auto !important;
}

.climatebox-02 .dd-col .table-zoom table th {
  color: #fff;
  padding: 9px 20px;
  text-align: center;
  line-height: 1.1;
  height: 60px;
}

.climatebox-02 .dd-col .table-zoom table td {
  padding: 12px 15px;
  color: #525252;
}

.climatebox-02 .dd-col .table-zoom table td.td-th {
  width: 90px;
  text-align: center;
  font-weight: bold;
  color: #000;
  padding: 12px 15px;
  line-height: 1.2;
}

.climatebox-02 .dd-col .table-zoom table td.lightbgaybg {
  background: #F8F8F8;
}

.climatebox-02 .dd-col .table-zoom .table-green th {
  background: #85BF8D;
}

.climatebox-02 .dd-col .table-zoom .table-green .greenbg-1 {
  background: #F5FAF6;
}

.climatebox-02 .dd-col .table-zoom .table-green .greenbg-2 {
  background: #EDF6EE;
}

.climatebox-02 .dd-col .table-zoom .table-orange {
  max-width: 400px;
}

.climatebox-02 .dd-col .table-zoom .table-orange th {
  background: #DD6B48;
}

.climatebox-02 .dd-col .table-zoom .table-orange .orangebg-1 {
  background: #F8E2D6;
}

.climatebox-02 .dd-col .table-zoom .table-orange .orangebg-2 {
  background: #F3CDBA;
}

.climatebox-02 .dd-col .table-zoom .table-orange td {
  padding: 12px 40px 12px 20px;
}

.climatebox-02 .dd-col .table-zoom .table-brown {
  max-width: 400px;
}

.climatebox-02 .dd-col .table-zoom .table-brown th {
  background: #BC9A84;
}

.climatebox-02 .dd-col .table-zoom .table-brown .brownbg-1 {
  background: #EFE6E0;
}

.climatebox-02 .dd-col .table-zoom .table-brown .brownbg-2 {
  background: #E6D9CF;
}

.climatebox-02 .dd-col .table-zoom .table-brown td {
  padding: 9px 40px 9px 20px;
}

.climatebox-02 .dd-col .table-zoom .table-brown td.td-th {
  padding: 9px 15px;
}

.climatebox-02 .dd-col:nth-of-type(2) .table-zoom {
  width: calc(50% - 15px);
}

@media (max-width: 1280px) {
  .climatebox-02 .dd-col .table-zoom .table-orange td {
    padding: 12px 20px;
  }
  .climatebox-02 .dd-col .table-zoom .table-brown td {
    padding: 9px 20px;
  }
}

@media (max-width: 1024px) {
  .climatebox-02 .dd-col {
    width: 100% !important;
  }
  .climatebox-02 .dd-col:nth-of-type(1) {
    padding-right: 0;
  }
  .climatebox-02 .dd-col:nth-of-type(2) {
    padding-top: 3%;
  }
  .climatebox-02 .dd-col .table-zoom .table-green, .climatebox-02 .dd-col .table-zoom .table-brown, .climatebox-02 .dd-col .table-zoom .table-orange {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .climatebox-02 .dd-col .table-zoom table th {
    height: 45px;
    padding: 9px 15px;
  }
  .climatebox-02 .dd-col .table-zoom table td.td-th {
    width: 70px;
  }
  .climatebox-02 .dd-col:nth-of-type(2) .table-zoom {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .climatebox-02 {
    padding-top: 40px;
  }
}

.climatebox-03 {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.climatebox-03 .dd-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.climatebox-03 .dd-col:nth-of-type(1) {
  width: 62.85%;
  padding-right: 110px;
}

.climatebox-03 .dd-col:nth-of-type(2) {
  width: 37.15%;
}

@media (max-width: 1280px) {
  .climatebox-03 .dd-col:nth-of-type(1) {
    padding-right: 60px;
  }
}

@media (max-width: 1024px) {
  .climatebox-03 .dd-col {
    width: 100% !important;
  }
  .climatebox-03 .dd-col:nth-of-type(1) {
    padding-right: 0px;
  }
  .climatebox-03 .dd-col:nth-of-type(2) {
    padding-top: 25px;
  }
  .climatebox-03 .dd-col:nth-of-type(2) .picbox {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .climatebox-03 {
    padding-top: 15px;
  }
}

.climatebox-04 {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.climatebox-04 .dd-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.climatebox-04 .dd-col:nth-of-type(1) {
  width: 46.43%;
  padding-right: 65px;
}

.climatebox-04 .dd-col:nth-of-type(2) {
  width: 53.57%;
}

@media (max-width: 1024px) {
  .climatebox-04 .dd-col {
    width: 100% !important;
  }
  .climatebox-04 .dd-col:nth-of-type(1) {
    padding-right: 0px;
  }
  .climatebox-04 .dd-col:nth-of-type(2) {
    padding-top: 25px;
  }
  .climatebox-04 .dd-col .picbox {
    text-align: center;
  }
}

@media (max-width: 1280px) {
  .climatebox-04 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.climatebox-05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #F0F7EC;
  border: 2px dotted #2AA738;
  border-radius: 15px;
  padding: 42px 0;
  margin-top: 135px;
}

.climatebox-05 .dd-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.climatebox-05 .dd-col:nth-of-type(1) {
  width: 51%;
  padding-right: 110px;
  padding-left: 50px;
}

.climatebox-05 .dd-col:nth-of-type(2) {
  width: 49%;
}

.climatebox-05 .dd-col:nth-of-type(2) .picbox {
  text-align: right;
}

@media (max-width: 1280px) {
  .climatebox-05 .dd-col:nth-of-type(1) {
    padding-right: 50px;
  }
}

@media (max-width: 1024px) {
  .climatebox-05 .dd-col {
    width: 100% !important;
  }
  .climatebox-05 .dd-col:nth-of-type(1) {
    padding: 0;
  }
  .climatebox-05 .dd-col:nth-of-type(1) .picbox {
    text-align: center;
  }
  .climatebox-05 .dd-col:nth-of-type(2) {
    padding-top: 25px;
  }
  .climatebox-05 .dd-col:nth-of-type(2) .picbox {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .climatebox-05 {
    margin-top: 80px;
    padding: 42px 40px;
  }
}

@media (max-width: 768px) {
  .climatebox-05 {
    margin-top: 60px;
    padding: 30px 25px;
  }
}

@media (max-width: 576px) {
  .climatebox-05 {
    margin-top: 40px;
    padding: 20px 15px;
  }
}

.climatebox-06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 55px;
}

.climatebox-06 .dd-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.climatebox-06 .dd-col:nth-of-type(1) {
  width: calc(100% - 370px);
  padding-right: 60px;
}

.climatebox-06 .dd-col:nth-of-type(2) {
  width: 370px;
}

.climatebox-06 .dd-col .planbox {
  border-radius: 6px;
  border: 1px solid #2AA738;
  padding: 40px 40px 50px;
}

@media (max-width: 1280px) {
  .climatebox-06 .dd-col .planbox {
    padding: 30px;
  }
}

@media (max-width: 1024px) {
  .climatebox-06 .dd-col {
    width: 100% !important;
  }
  .climatebox-06 .dd-col:nth-of-type(1) {
    padding-right: 0px;
  }
  .climatebox-06 .dd-col:nth-of-type(2) {
    padding-top: 25px;
  }
}

@media (max-width: 768px) {
  .climatebox-06 .dd-col:nth-of-type(1) .picbox {
    overflow-x: auto;
  }
  .climatebox-06 .dd-col:nth-of-type(1) .picbox img {
    min-width: 600px;
  }
  .climatebox-06 .dd-col .planbox {
    padding: 25px 20px;
  }
}

@media (max-width: 576px) {
  .climatebox-06 .dd-col .planbox {
    padding: 20px 15px;
  }
}

.climatebox-06 .ol-num {
  margin: 20px 0 0 18px;
}

.climatebox-06 .ol-num li {
  list-style-type: decimal;
  line-height: 1.89em;
}

@media (max-width: 1024px) {
  .climatebox-06 .ol-num {
    overflow: hidden;
    zoom: 1;
    padding: 20px 0 0 18px;
    margin: 0;
  }
  .climatebox-06 .ol-num li {
    float: left;
    padding-right: 20px;
  }
}

@media (max-width: 576px) {
  .climatebox-06 .ol-num {
    padding: 10px 0 0 18px;
  }
}

.climatebox-07 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 90px;
}

.climatebox-07 .dd-col:nth-of-type(1) {
  width: 41.43%;
}

.climatebox-07 .dd-col:nth-of-type(2) {
  width: 46%;
}

@media (max-width: 1280px) {
  .climatebox-07 .dd-col:nth-of-type(1) {
    width: 46%;
  }
  .climatebox-07 .dd-col:nth-of-type(2) {
    width: 46%;
  }
}

@media (max-width: 1024px) {
  .climatebox-07 {
    margin-top: 60px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .climatebox-07 .dd-col {
    width: 100% !important;
  }
  .climatebox-07 .dd-col:nth-of-type(1) {
    padding-right: 0px;
  }
  .climatebox-07 .dd-col:nth-of-type(2) {
    padding-top: 25px;
  }
  .climatebox-07 .dd-col .picbox {
    text-align: center;
  }
}

.rowset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.energyset-01 .dd-col {
  width: 50%;
}

.energyset-01 .dd-col:nth-of-type(1) {
  padding-right: 10px;
}

.energyset-01 .dd-col:nth-of-type(2) {
  padding-left: 40px;
}

.energyset-01 .dd-col:nth-of-type(2) .picbox {
  text-align: right;
}

@media (max-width: 1024px) {
  .energyset-01 .dd-col {
    width: 100%;
  }
  .energyset-01 .dd-col:nth-of-type(1) {
    padding-right: 0;
  }
  .energyset-01 .dd-col:nth-of-type(2) {
    padding-left: 0;
    padding-top: 30px;
  }
  .energyset-01 .dd-col:nth-of-type(2) .picbox {
    text-align: center;
  }
}

.energyset-02 {
  padding-top: 80px;
}

.energyset-02 .dd-col:nth-of-type(1) {
  width: 71.43%;
  padding-right: 85px;
}

.energyset-02 .dd-col:nth-of-type(2) {
  width: 28.57%;
}

.energyset-02 .dd-col:nth-of-type(2) .box + .box {
  padding-top: 1rem;
}

.energyset-02 .table-set01 {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  max-width: 360px;
}

.energyset-02 .table-set01 th {
  color: #454444;
  font-weight: normal;
}

.energyset-02 .table-set01 th, .energyset-02 .table-set01 td {
  background: #EFEFEF;
  padding: 2px 5px;
}

.energyset-02 .table-set01 th:nth-of-type(3), .energyset-02 .table-set01 td:nth-of-type(3) {
  background: #C9CACA;
}

.energyset-02 .table-set01 td {
  border-top: 1px solid #000;
}

@media (max-width: 1280px) {
  .energyset-02 .dd-col:nth-of-type(1) {
    padding-right: 50px;
  }
}

@media (max-width: 1024px) {
  .energyset-02 {
    padding-top: 50px;
  }
  .energyset-02 .dd-col {
    width: 100% !important;
  }
  .energyset-02 .dd-col:nth-of-type(1) {
    padding-right: 0;
  }
  .energyset-02 .dd-col:nth-of-type(2) {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .energyset-02 .dd-col:nth-of-type(2) .box {
    width: 50%;
  }
  .energyset-02 .dd-col:nth-of-type(2) .box + .box {
    padding-top: 0;
    padding-left: 25px;
  }
}

@media (max-width: 576px) {
  .energyset-02 .dd-col:nth-of-type(2) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .energyset-02 .dd-col:nth-of-type(2) .box {
    width: 100%;
  }
  .energyset-02 .dd-col:nth-of-type(2) .box + .box {
    padding-top: 1.5rem;
    padding-left: 0;
  }
}

.energyset-03 {
  padding-top: 80px;
}

.energyset-03 .dd-col:nth-of-type(1) {
  width: 30.72%;
}

.energyset-03 .dd-col:nth-of-type(2) {
  width: 38.21%;
  text-align: center;
  padding: 0 20px;
}

.energyset-03 .dd-col:nth-of-type(3) {
  width: 31.07%;
}

@media (max-width: 1024px) {
  .energyset-03 {
    padding-top: 50px;
  }
  .energyset-03 .dd-col:nth-of-type(1) {
    width: 100%;
  }
  .energyset-03 .dd-col:nth-of-type(2) {
    width: 50%;
    text-align: left;
    padding: 30px 20px 0 0;
  }
  .energyset-03 .dd-col:nth-of-type(3) {
    width: 50%;
    padding: 30px 0 0 20px;
  }
}

@media (max-width: 768px) {
  .energyset-03 .dd-col {
    width: 100% !important;
  }
  .energyset-03 .dd-col:nth-of-type(2), .energyset-03 .dd-col:nth-of-type(3) {
    text-align: center;
    padding: 30px 0 0 0 !important;
  }
}

.energyset-04 .dd-col:nth-of-type(1) {
  width: 31.785%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.energyset-04 .dd-col:nth-of-type(1) .picbox {
  width: 45.4%;
}

.energyset-04 .dd-col:nth-of-type(1) .script {
  width: 54.6%;
}

.energyset-04 .dd-col:nth-of-type(2) {
  width: 37.5%;
  padding: 0 30px;
}

.energyset-04 .dd-col:nth-of-type(3) {
  width: 30.715%;
}

@media (max-width: 1024px) {
  .energyset-04 .dd-col:nth-of-type(1) {
    width: 50%;
  }
  .energyset-04 .dd-col:nth-of-type(2) {
    width: 50%;
  }
  .energyset-04 .dd-col:nth-of-type(3) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 30px;
  }
  .energyset-04 .dd-col:nth-of-type(3) .picbox {
    width: 50%;
    max-width: 440px;
  }
  .energyset-04 .dd-col:nth-of-type(3) .script {
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 20px;
  }
}

@media (max-width: 768px) {
  .energyset-04 .dd-col {
    width: 100% !important;
  }
  .energyset-04 .dd-col:nth-of-type(1) {
    padding: 0 30px;
  }
  .energyset-04 .dd-col:nth-of-type(1) .picbox {
    max-width: 200px;
  }
  .energyset-04 .dd-col:nth-of-type(1) .script {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 35px;
  }
  .energyset-04 .dd-col:nth-of-type(2) {
    padding-top: 30px;
  }
  .energyset-04 .dd-col:nth-of-type(3) {
    padding: 30px 30px 0;
  }
}

@media (max-width: 576px) {
  .energyset-04 .dd-col:nth-of-type(1) {
    padding: 0;
  }
  .energyset-04 .dd-col:nth-of-type(1) .script {
    padding-top: 20px;
  }
  .energyset-04 .dd-col:nth-of-type(2) {
    padding: 30px 0 0;
  }
  .energyset-04 .dd-col:nth-of-type(2) .picbox {
    text-align: center;
  }
  .energyset-04 .dd-col:nth-of-type(3) {
    padding: 30px 0 0;
    display: block;
  }
  .energyset-04 .dd-col:nth-of-type(3) .picbox {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .energyset-04 .dd-col:nth-of-type(3) .script {
    width: 100%;
    padding-left: 0;
  }
}

@media (max-width: 420px) {
  .energyset-04 .dd-col:nth-of-type(1) {
    padding: 0;
  }
  .energyset-04 .dd-col:nth-of-type(1) .script {
    padding-top: 10px;
  }
}

.energyset-05 .dd-col {
  width: 30.71%;
}

.energyset-05 .dd-col:nth-of-type(2) {
  width: 38.58%;
  padding: 0 55px;
}

.energyset-05 .dd-col .tit {
  padding-bottom: 50px;
}

@media (max-width: 1280px) {
  .energyset-05 .dd-col:nth-of-type(2) {
    padding: 0 30px;
  }
  .energyset-05 .dd-col .tit {
    padding-bottom: 35px;
  }
}

@media (max-width: 1024px) {
  .energyset-05 .dd-col {
    width: 100% !important;
  }
  .energyset-05 .dd-col:nth-of-type(2) {
    padding: 30px 0 0;
  }
  .energyset-05 .dd-col:nth-of-type(2) .picbox {
    text-align: center;
  }
  .energyset-05 .dd-col:nth-of-type(3) {
    padding: 30px 0 0;
  }
}

@media (max-width: 768px) {
  .energyset-05 .dd-col .tit {
    padding-bottom: 15px;
  }
}

.energyset-06 {
  padding-top: 60px;
}

.energyset-06 .scrit-tt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.energyset-06 .scrit-tt span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 15px;
}

.energyset-06 .scrit-tt:after {
  content: '';
  height: 1px;
  background: #000;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
}

.energyset-06 .dd-col:nth-of-type(1) {
  width: calc(100% - 470px);
  padding-right: 20px;
}

.energyset-06 .dd-col:nth-of-type(2) {
  width: 470px;
}

.energyset-06 .dd-col .databox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}

.energyset-06 .dd-col .databox .dataset {
  width: calc(100% - 430px);
}

.energyset-06 .dd-col .databox .dataset td {
  vertical-align: top;
}

.energyset-06 .dd-col .databox .dataset td:nth-of-type(1) {
  min-width: 18px;
}

.energyset-06 .dd-col .databox .dataset td:nth-of-type(2) {
  padding-left: 5px;
}

.energyset-06 .dd-col .databox .picbox {
  width: 430px;
  padding-top: 51px;
  padding-left: 10px;
}

.energyset-06 .dd-col .databox .picbox img {
  display: block;
}

@media (max-width: 1280px) {
  .energyset-06 .dd-col:nth-of-type(1) {
    width: calc(100% - 380px);
  }
  .energyset-06 .dd-col:nth-of-type(2) {
    width: 380px;
  }
  .energyset-06 .dd-col .databox .dataset {
    width: calc(100% - 380px);
  }
  .energyset-06 .dd-col .databox .picbox {
    padding-top: 9px;
    width: 380px;
    padding-top: 22px;
  }
}

@media (max-width: 1150px) {
  .energyset-06 {
    padding-top: 50px;
  }
  .energyset-06 .dd-col:nth-of-type(1) {
    width: 100%;
  }
  .energyset-06 .dd-col:nth-of-type(2) {
    width: 100%;
    padding-top: 30px;
    text-align: center;
  }
  .energyset-06 .dd-col .databox .dataset {
    width: calc(100% - 445px);
  }
  .energyset-06 .dd-col .databox .picbox {
    width: 445px;
    padding-top: 25px;
    padding-left: 25px;
  }
  .energyset-06 .dd-col .databox .picbox img {
    display: inline-block;
  }
}

@media (max-width: 850px) {
  .energyset-06 .dd-col .databox .dataset {
    width: 100%;
  }
  .energyset-06 .dd-col .databox .picbox {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}